suada-components 1.0.3 → 1.0.6

package/dist/icons/ImageIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImageIcon.js","sourceRoot":"","sources":["../../src/icons/ImageIcon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAGA,MAAM,CAAC,IAAM,SAAS,GAAuB,UAAC,EAK7C;IAJC,IAAA,SAAS,eAAA,EACT,OAAO,aAAA,EACP,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA,EACb,KAAK,cAJoC,gCAK7C,CADS;IAER,OAAO,CACL,uBACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,gBAAgB,EACxB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,IACZ,KAAK,cAET,eACE,CAAC,EAAC,4MAA4M,EAC9M,IAAI,EAAE,IAAI,GACV,IACE,CACP,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"ImageIcon.js","sourceRoot":"","sources":["../../src/icons/ImageIcon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAGzC,MAAM,CAAC,IAAM,SAAS,GAAG,UAAU,CACjC,UAAC,EAAkD,EAAE,GAAG;IAArD,IAAA,SAAS,eAAA,EAAE,OAAO,aAAA,EAAE,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA,EAAK,KAAK,cAAhD,gCAAkD,CAAF;IAC/C,OAAO,CACL,uBACE,GAAG,EAAE,GAAG,EACR,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,gBAAgB,EACxB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,IACZ,KAAK,cAET,eACE,CAAC,EAAC,4MAA4M,EAC9M,IAAI,EAAE,IAAI,GACV,IACE,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,SAAS,CAAC,WAAW,GAAG,WAAW,CAAA"}

package/dist/icons/Information.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { SvgProps } from './svgTypes.interface';
-export declare const Information: React.FC<SvgProps>;
+export declare const Information: React.ForwardRefExoticComponent<Omit<SvgProps, "ref"> & React.RefAttributes<SVGSVGElement>>;

package/dist/icons/Information.js

@@ -21,8 +21,10 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export var Information = function (_a) {
+import { forwardRef } from 'react';
+export var Information = forwardRef(function (_a, ref) {
     var className = _a.className, onClick = _a.onClick, props = __rest(_a, ["className", "onClick"]);
-    return (_jsx("svg", __assign({ width: '20', height: '20', viewBox: '0 0 20 20', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', className: className, onClick: onClick }, props, { children: _jsx("g", { id: 'Information', children: _jsxs("g", { id: 'Vector', children: [_jsx("path", { d: 'M10.625 13.75V8.75H8.125V10H9.375V13.75H7.5V15H12.5V13.75H10.625Z', fill: '#020210' }), _jsx("path", { d: 'M10 5C9.81458 5 9.63333 5.05499 9.47916 5.158C9.32499 5.26101 9.20482 5.40743 9.13387 5.57874C9.06291 5.75004 9.04434 5.93854 9.08052 6.1204C9.11669 6.30226 9.20598 6.46931 9.33709 6.60042C9.4682 6.73153 9.63525 6.82082 9.81711 6.85699C9.99896 6.89316 10.1875 6.8746 10.3588 6.80364C10.5301 6.73268 10.6765 6.61252 10.7795 6.45835C10.8825 6.30418 10.9375 6.12292 10.9375 5.9375C10.9375 5.68886 10.8387 5.45041 10.6629 5.27459C10.4871 5.09878 10.2486 5 10 5Z', fill: '#020210' }), _jsx("path", { d: 'M10 18.75C8.26942 18.75 6.57769 18.2368 5.13876 17.2754C3.69983 16.3139 2.57832 14.9473 1.91606 13.3485C1.25379 11.7496 1.08051 9.9903 1.41813 8.29296C1.75575 6.59563 2.58911 5.03653 3.81282 3.81282C5.03653 2.58911 6.59563 1.75575 8.29296 1.41813C9.9903 1.08051 11.7496 1.25379 13.3485 1.91606C14.9473 2.57832 16.3139 3.69983 17.2754 5.13876C18.2368 6.57769 18.75 8.26942 18.75 10C18.75 12.3206 17.8281 14.5462 16.1872 16.1872C14.5462 17.8281 12.3206 18.75 10 18.75ZM10 2.5C8.51664 2.5 7.0666 2.93987 5.83323 3.76398C4.59986 4.58809 3.63856 5.75943 3.07091 7.12988C2.50325 8.50032 2.35473 10.0083 2.64411 11.4632C2.9335 12.918 3.64781 14.2544 4.6967 15.3033C5.7456 16.3522 7.08197 17.0665 8.53683 17.3559C9.99168 17.6453 11.4997 17.4968 12.8701 16.9291C14.2406 16.3614 15.4119 15.4002 16.236 14.1668C17.0601 12.9334 17.5 11.4834 17.5 10C17.5 8.01088 16.7098 6.10323 15.3033 4.6967C13.8968 3.29018 11.9891 2.5 10 2.5Z', fill: '#020210' })] }) }) })));
-};
+    return (_jsx("svg", __assign({ ref: ref, width: '20', height: '20', viewBox: '0 0 20 20', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', className: className, onClick: onClick }, props, { children: _jsx("g", { id: 'Information', children: _jsxs("g", { id: 'Vector', children: [_jsx("path", { d: 'M10.625 13.75V8.75H8.125V10H9.375V13.75H7.5V15H12.5V13.75H10.625Z', fill: '#020210' }), _jsx("path", { d: 'M10 5C9.81458 5 9.63333 5.05499 9.47916 5.158C9.32499 5.26101 9.20482 5.40743 9.13387 5.57874C9.06291 5.75004 9.04434 5.93854 9.08052 6.1204C9.11669 6.30226 9.20598 6.46931 9.33709 6.60042C9.4682 6.73153 9.63525 6.82082 9.81711 6.85699C9.99896 6.89316 10.1875 6.8746 10.3588 6.80364C10.5301 6.73268 10.6765 6.61252 10.7795 6.45835C10.8825 6.30418 10.9375 6.12292 10.9375 5.9375C10.9375 5.68886 10.8387 5.45041 10.6629 5.27459C10.4871 5.09878 10.2486 5 10 5Z', fill: '#020210' }), _jsx("path", { d: 'M10 18.75C8.26942 18.75 6.57769 18.2368 5.13876 17.2754C3.69983 16.3139 2.57832 14.9473 1.91606 13.3485C1.25379 11.7496 1.08051 9.9903 1.41813 8.29296C1.75575 6.59563 2.58911 5.03653 3.81282 3.81282C5.03653 2.58911 6.59563 1.75575 8.29296 1.41813C9.9903 1.08051 11.7496 1.25379 13.3485 1.91606C14.9473 2.57832 16.3139 3.69983 17.2754 5.13876C18.2368 6.57769 18.75 8.26942 18.75 10C18.75 12.3206 17.8281 14.5462 16.1872 16.1872C14.5462 17.8281 12.3206 18.75 10 18.75ZM10 2.5C8.51664 2.5 7.0666 2.93987 5.83323 3.76398C4.59986 4.58809 3.63856 5.75943 3.07091 7.12988C2.50325 8.50032 2.35473 10.0083 2.64411 11.4632C2.9335 12.918 3.64781 14.2544 4.6967 15.3033C5.7456 16.3522 7.08197 17.0665 8.53683 17.3559C9.99168 17.6453 11.4997 17.4968 12.8701 16.9291C14.2406 16.3614 15.4119 15.4002 16.236 14.1668C17.0601 12.9334 17.5 11.4834 17.5 10C17.5 8.01088 16.7098 6.10323 15.3033 4.6967C13.8968 3.29018 11.9891 2.5 10 2.5Z', fill: '#020210' })] }) }) })));
+});
+Information.displayName = 'Information';
 //# sourceMappingURL=Information.js.map

package/dist/icons/Information.js.map

@@ -1 +1 @@
-{"version":3,"file":"Information.js","sourceRoot":"","sources":["../../src/icons/Information.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAGA,MAAM,CAAC,IAAM,WAAW,GAAuB,UAAC,EAAgC;IAA9B,IAAA,SAAS,eAAA,EAAE,OAAO,aAAA,EAAK,KAAK,cAA9B,wBAAgC,CAAF;IAC5E,OAAO,CACL,uBACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,IACZ,KAAK,cAET,YAAG,EAAE,EAAC,aAAa,YACjB,aAAG,EAAE,EAAC,QAAQ,aACZ,eACE,CAAC,EAAC,mEAAmE,EACrE,IAAI,EAAC,SAAS,GACd,EACF,eACE,CAAC,EAAC,2cAA2c,EAC7c,IAAI,EAAC,SAAS,GACd,EACF,eACE,CAAC,EAAC,s5BAAs5B,EACx5B,IAAI,EAAC,SAAS,GACd,IACA,GACF,IACA,CACP,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"Information.js","sourceRoot":"","sources":["../../src/icons/Information.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAGzC,MAAM,CAAC,IAAM,WAAW,GAAG,UAAU,CACnC,UAAC,EAAgC,EAAE,GAAG;IAAnC,IAAA,SAAS,eAAA,EAAE,OAAO,aAAA,EAAK,KAAK,cAA9B,wBAAgC,CAAF;IAC7B,OAAO,CACL,uBACE,GAAG,EAAE,GAAG,EACR,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,IACZ,KAAK,cAET,YAAG,EAAE,EAAC,aAAa,YACjB,aAAG,EAAE,EAAC,QAAQ,aACZ,eACE,CAAC,EAAC,mEAAmE,EACrE,IAAI,EAAC,SAAS,GACd,EACF,eACE,CAAC,EAAC,2cAA2c,EAC7c,IAAI,EAAC,SAAS,GACd,EACF,eACE,CAAC,EAAC,s5BAAs5B,EACx5B,IAAI,EAAC,SAAS,GACd,IACA,GACF,IACA,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,WAAW,CAAC,WAAW,GAAG,aAAa,CAAA"}

package/dist/icons/InsertDriveFileIcon.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { SvgProps } from './svgTypes.interface';
-export declare const InsertDriveFileIcon: React.FC<SvgProps>;
+export declare const InsertDriveFileIcon: React.ForwardRefExoticComponent<Omit<SvgProps, "ref"> & React.RefAttributes<SVGSVGElement>>;

package/dist/icons/InsertDriveFileIcon.js

@@ -21,8 +21,10 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export var InsertDriveFileIcon = function (_a) {
+import { forwardRef } from 'react';
+export var InsertDriveFileIcon = forwardRef(function (_a, ref) {
     var className = _a.className, onClick = _a.onClick, _b = _a.fill, fill = _b === void 0 ? '#68707A' : _b, props = __rest(_a, ["className", "onClick", "fill"]);
-    return (_jsxs("svg", __assign({ width: '24', height: '24', viewBox: '0 0 24 24', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', className: className, onClick: onClick }, props, { children: [_jsx("path", { d: 'M0 0h24v24H0V0z', fill: 'none' }), _jsx("path", { d: 'M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zM6 20V4h7v5h5v11H6z', fill: fill })] })));
-};
+    return (_jsxs("svg", __assign({ ref: ref, width: '24', height: '24', viewBox: '0 0 24 24', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', className: className, onClick: onClick }, props, { children: [_jsx("path", { d: 'M0 0h24v24H0V0z', fill: 'none' }), _jsx("path", { d: 'M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zM6 20V4h7v5h5v11H6z', fill: fill })] })));
+});
+InsertDriveFileIcon.displayName = 'InsertDriveFileIcon';
 //# sourceMappingURL=InsertDriveFileIcon.js.map

package/dist/icons/InsertDriveFileIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"InsertDriveFileIcon.js","sourceRoot":"","sources":["../../src/icons/InsertDriveFileIcon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAGA,MAAM,CAAC,IAAM,mBAAmB,GAAuB,UAAC,EAKvD;IAJC,IAAA,SAAS,eAAA,EACT,OAAO,aAAA,EACP,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA,EACb,KAAK,cAJ8C,gCAKvD,CADS;IAER,OAAO,CACL,wBACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,IACZ,KAAK,eAET,eAAM,CAAC,EAAC,iBAAiB,EAAC,IAAI,EAAC,MAAM,GAAG,EACxC,eACE,CAAC,EAAC,kGAAkG,EACpG,IAAI,EAAE,IAAI,GACV,KACE,CACP,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"InsertDriveFileIcon.js","sourceRoot":"","sources":["../../src/icons/InsertDriveFileIcon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAGzC,MAAM,CAAC,IAAM,mBAAmB,GAAG,UAAU,CAC3C,UAAC,EAAkD,EAAE,GAAG;IAArD,IAAA,SAAS,eAAA,EAAE,OAAO,aAAA,EAAE,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA,EAAK,KAAK,cAAhD,gCAAkD,CAAF;IAC/C,OAAO,CACL,wBACE,GAAG,EAAE,GAAG,EACR,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,IACZ,KAAK,eAET,eAAM,CAAC,EAAC,iBAAiB,EAAC,IAAI,EAAC,MAAM,GAAG,EACxC,eACE,CAAC,EAAC,kGAAkG,EACpG,IAAI,EAAE,IAAI,GACV,KACE,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,mBAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAA"}

package/dist/icons/KeyboardBackspaceIcon.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { SvgProps } from './svgTypes.interface';
-export declare const KeyboardBackspaceIcon: React.FC<SvgProps>;
+export declare const KeyboardBackspaceIcon: React.ForwardRefExoticComponent<Omit<SvgProps, "ref"> & React.RefAttributes<SVGSVGElement>>;

package/dist/icons/KeyboardBackspaceIcon.js

@@ -21,8 +21,10 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-export var KeyboardBackspaceIcon = function (_a) {
+import { forwardRef } from 'react';
+export var KeyboardBackspaceIcon = forwardRef(function (_a, ref) {
     var className = _a.className, onClick = _a.onClick, _b = _a.fill, fill = _b === void 0 ? 'inherit' : _b, props = __rest(_a, ["className", "onClick", "fill"]);
-    return (_jsx("svg", __assign({ width: '20', height: '20', viewBox: '0 -960 960 960', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', className: className, onClick: onClick }, props, { children: _jsx("path", { d: 'M192-216v-72h48v-240q0-87 53.5-153T432-763v-53q0-20 14-34t34-14q20 0 34 14t14 34v53q85 16 138.5 82T720-528v240h48v72H192Zm288-276Zm-.21 396Q450-96 429-117.15T408-168h144q0 30-21.21 51t-51 21ZM312-288h336v-240q0-70-49-119t-119-49q-70 0-119 49t-49 119v240Z', fill: fill }) })));
-};
+    return (_jsx("svg", __assign({ ref: ref, width: '20', height: '20', viewBox: '0 -960 960 960', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', className: className, onClick: onClick }, props, { children: _jsx("path", { d: 'M192-216v-72h48v-240q0-87 53.5-153T432-763v-53q0-20 14-34t34-14q20 0 34 14t14 34v53q85 16 138.5 82T720-528v240h48v72H192Zm288-276Zm-.21 396Q450-96 429-117.15T408-168h144q0 30-21.21 51t-51 21ZM312-288h336v-240q0-70-49-119t-119-49q-70 0-119 49t-49 119v240Z', fill: fill }) })));
+});
+KeyboardBackspaceIcon.displayName = 'KeyboardBackspaceIcon';
 //# sourceMappingURL=KeyboardBackspaceIcon.js.map

package/dist/icons/KeyboardBackspaceIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"KeyboardBackspaceIcon.js","sourceRoot":"","sources":["../../src/icons/KeyboardBackspaceIcon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAGA,MAAM,CAAC,IAAM,qBAAqB,GAAuB,UAAC,EAKzD;IAJC,IAAA,SAAS,eAAA,EACT,OAAO,aAAA,EACP,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA,EACb,KAAK,cAJgD,gCAKzD,CADS;IAER,OAAO,CACL,uBACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,gBAAgB,EACxB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,IACZ,KAAK,cAET,eACE,CAAC,EAAC,gQAAgQ,EAClQ,IAAI,EAAE,IAAI,GACV,IACE,CACP,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"KeyboardBackspaceIcon.js","sourceRoot":"","sources":["../../src/icons/KeyboardBackspaceIcon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAGzC,MAAM,CAAC,IAAM,qBAAqB,GAAG,UAAU,CAC7C,UAAC,EAAkD,EAAE,GAAG;IAArD,IAAA,SAAS,eAAA,EAAE,OAAO,aAAA,EAAE,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA,EAAK,KAAK,cAAhD,gCAAkD,CAAF;IAC/C,OAAO,CACL,uBACE,GAAG,EAAE,GAAG,EACR,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,gBAAgB,EACxB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,IACZ,KAAK,cAET,eACE,CAAC,EAAC,gQAAgQ,EAClQ,IAAI,EAAE,IAAI,GACV,IACE,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,qBAAqB,CAAC,WAAW,GAAG,uBAAuB,CAAA"}

package/dist/icons/Learning.d.ts

@@ -4,4 +4,4 @@ export interface SvgProps extends SVGProps<SVGSVGElement> {
     onClick?: () => void;
     black?: boolean;
 }
-export declare const Learning: React.FC<SvgProps>;
+export declare const Learning: React.ForwardRefExoticComponent<Omit<SvgProps, "ref"> & React.RefAttributes<SVGSVGElement>>;

package/dist/icons/Learning.js

@@ -21,8 +21,10 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export var Learning = function (_a) {
+import { forwardRef } from 'react';
+export var Learning = forwardRef(function (_a, ref) {
     var className = _a.className, onClick = _a.onClick, props = __rest(_a, ["className", "onClick"]);
-    return (_jsxs("svg", __assign({ width: '24', height: '24', viewBox: '0 0 24 24', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', className: className, onClick: onClick }, props, { children: [_jsx("path", { d: 'M22.5 6H12V7.5H22.5V6Z', fill: '#020210' }), _jsx("path", { d: 'M4.5 7.9425L2.5575 6L1.5 7.0575L4.5 10.0575L10.5 4.0575L9.4425 3L4.5 7.9425Z', fill: '#020210' }), _jsx("path", { d: 'M22.5 16.5H12V18H22.5V16.5Z', fill: '#020210' }), _jsx("path", { d: 'M4.5 18.4425L2.5575 16.5L1.5 17.5575L4.5 20.5575L10.5 14.5575L9.4425 13.5L4.5 18.4425Z', fill: '#020210' })] })));
-};
+    return (_jsxs("svg", __assign({ ref: ref, width: '24', height: '24', viewBox: '0 0 24 24', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', className: className, onClick: onClick }, props, { children: [_jsx("path", { d: 'M22.5 6H12V7.5H22.5V6Z', fill: '#020210' }), _jsx("path", { d: 'M4.5 7.9425L2.5575 6L1.5 7.0575L4.5 10.0575L10.5 4.0575L9.4425 3L4.5 7.9425Z', fill: '#020210' }), _jsx("path", { d: 'M22.5 16.5H12V18H22.5V16.5Z', fill: '#020210' }), _jsx("path", { d: 'M4.5 18.4425L2.5575 16.5L1.5 17.5575L4.5 20.5575L10.5 14.5575L9.4425 13.5L4.5 18.4425Z', fill: '#020210' })] })));
+});
+Learning.displayName = 'Learning';
 //# sourceMappingURL=Learning.js.map

package/dist/icons/Learning.js.map

@@ -1 +1 @@
-{"version":3,"file":"Learning.js","sourceRoot":"","sources":["../../src/icons/Learning.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAQA,MAAM,CAAC,IAAM,QAAQ,GAAuB,UAAC,EAAgC;IAA9B,IAAA,SAAS,eAAA,EAAE,OAAO,aAAA,EAAK,KAAK,cAA9B,wBAAgC,CAAF;IACzE,OAAO,CACL,wBACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,IACZ,KAAK,eAET,eAAM,CAAC,EAAC,wBAAwB,EAAC,IAAI,EAAC,SAAS,GAAG,EAClD,eACE,CAAC,EAAC,8EAA8E,EAChF,IAAI,EAAC,SAAS,GACd,EACF,eAAM,CAAC,EAAC,6BAA6B,EAAC,IAAI,EAAC,SAAS,GAAG,EACvD,eACE,CAAC,EAAC,wFAAwF,EAC1F,IAAI,EAAC,SAAS,GACd,KACE,CACP,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"Learning.js","sourceRoot":"","sources":["../../src/icons/Learning.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAc,EAAE,UAAU,EAAY,MAAM,OAAO,CAAA;AAQnD,MAAM,CAAC,IAAM,QAAQ,GAAG,UAAU,CAChC,UAAC,EAAgC,EAAE,GAAG;IAAnC,IAAA,SAAS,eAAA,EAAE,OAAO,aAAA,EAAK,KAAK,cAA9B,wBAAgC,CAAF;IAC7B,OAAO,CACL,wBACE,GAAG,EAAE,GAAG,EACR,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,IACZ,KAAK,eAET,eAAM,CAAC,EAAC,wBAAwB,EAAC,IAAI,EAAC,SAAS,GAAG,EAClD,eACE,CAAC,EAAC,8EAA8E,EAChF,IAAI,EAAC,SAAS,GACd,EACF,eAAM,CAAC,EAAC,6BAA6B,EAAC,IAAI,EAAC,SAAS,GAAG,EACvD,eACE,CAAC,EAAC,wFAAwF,EAC1F,IAAI,EAAC,SAAS,GACd,KACE,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA"}

package/dist/icons/Library.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { SvgProps } from './svgTypes.interface';
-export declare const Library: React.FC<SvgProps>;
+export declare const Library: React.ForwardRefExoticComponent<Omit<SvgProps, "ref"> & React.RefAttributes<SVGSVGElement>>;

package/dist/icons/Library.js

@@ -21,8 +21,10 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export var Library = function (_a) {
+import { forwardRef } from 'react';
+export var Library = forwardRef(function (_a, ref) {
     var className = _a.className, onClick = _a.onClick, props = __rest(_a, ["className", "onClick"]);
-    return (_jsxs("svg", __assign({ width: '24', height: '24', viewBox: '0 0 24 24', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', className: className, onClick: onClick }, props, { children: [_jsx("path", { d: 'M22.5 6H12V7.5H22.5V6Z', fill: '#020210' }), _jsx("path", { d: 'M22.5 16.5H12V18H22.5V16.5Z', fill: '#020210' }), _jsx("path", { d: 'M7.5 10.5H3C2.60232 10.4995 2.22105 10.3414 1.93984 10.0602C1.65864 9.77895 1.50046 9.39768 1.5 9V4.5C1.50046 4.10232 1.65864 3.72105 1.93984 3.43984C2.22105 3.15864 2.60232 3.00046 3 3H7.5C7.89768 3.00046 8.27895 3.15864 8.56016 3.43984C8.84136 3.72105 8.99954 4.10232 9 4.5V9C8.99954 9.39768 8.84136 9.77895 8.56016 10.0602C8.27895 10.3414 7.89768 10.4995 7.5 10.5ZM3 4.5V9H7.5009L7.5 4.5H3Z', fill: '#020210' }), _jsx("path", { d: 'M7.5 21H3C2.60232 20.9995 2.22105 20.8414 1.93984 20.5602C1.65864 20.2789 1.50046 19.8977 1.5 19.5V15C1.50046 14.6023 1.65864 14.221 1.93984 13.9398C2.22105 13.6586 2.60232 13.5005 3 13.5H7.5C7.89768 13.5005 8.27895 13.6586 8.56016 13.9398C8.84136 14.221 8.99954 14.6023 9 15V19.5C8.99954 19.8977 8.84136 20.2789 8.56016 20.5602C8.27895 20.8414 7.89768 20.9995 7.5 21ZM3 15V19.5H7.5009L7.5 15H3Z', fill: '#020210' })] })));
-};
+    return (_jsxs("svg", __assign({ ref: ref, width: '24', height: '24', viewBox: '0 0 24 24', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', className: className, onClick: onClick }, props, { children: [_jsx("path", { d: 'M22.5 6H12V7.5H22.5V6Z', fill: '#020210' }), _jsx("path", { d: 'M22.5 16.5H12V18H22.5V16.5Z', fill: '#020210' }), _jsx("path", { d: 'M7.5 10.5H3C2.60232 10.4995 2.22105 10.3414 1.93984 10.0602C1.65864 9.77895 1.50046 9.39768 1.5 9V4.5C1.50046 4.10232 1.65864 3.72105 1.93984 3.43984C2.22105 3.15864 2.60232 3.00046 3 3H7.5C7.89768 3.00046 8.27895 3.15864 8.56016 3.43984C8.84136 3.72105 8.99954 4.10232 9 4.5V9C8.99954 9.39768 8.84136 9.77895 8.56016 10.0602C8.27895 10.3414 7.89768 10.4995 7.5 10.5ZM3 4.5V9H7.5009L7.5 4.5H3Z', fill: '#020210' }), _jsx("path", { d: 'M7.5 21H3C2.60232 20.9995 2.22105 20.8414 1.93984 20.5602C1.65864 20.2789 1.50046 19.8977 1.5 19.5V15C1.50046 14.6023 1.65864 14.221 1.93984 13.9398C2.22105 13.6586 2.60232 13.5005 3 13.5H7.5C7.89768 13.5005 8.27895 13.6586 8.56016 13.9398C8.84136 14.221 8.99954 14.6023 9 15V19.5C8.99954 19.8977 8.84136 20.2789 8.56016 20.5602C8.27895 20.8414 7.89768 20.9995 7.5 21ZM3 15V19.5H7.5009L7.5 15H3Z', fill: '#020210' })] })));
+});
+Library.displayName = 'Library';
 //# sourceMappingURL=Library.js.map

package/dist/icons/Library.js.map

@@ -1 +1 @@
-{"version":3,"file":"Library.js","sourceRoot":"","sources":["../../src/icons/Library.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAGA,MAAM,CAAC,IAAM,OAAO,GAAuB,UAAC,EAAgC;IAA9B,IAAA,SAAS,eAAA,EAAE,OAAO,aAAA,EAAK,KAAK,cAA9B,wBAAgC,CAAF;IACxE,OAAO,CACL,wBACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,IACZ,KAAK,eAET,eAAM,CAAC,EAAC,wBAAwB,EAAC,IAAI,EAAC,SAAS,GAAG,EAClD,eAAM,CAAC,EAAC,6BAA6B,EAAC,IAAI,EAAC,SAAS,GAAG,EACvD,eACE,CAAC,EAAC,2YAA2Y,EAC7Y,IAAI,EAAC,SAAS,GACd,EACF,eACE,CAAC,EAAC,6YAA6Y,EAC/Y,IAAI,EAAC,SAAS,GACd,KACE,CACP,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"Library.js","sourceRoot":"","sources":["../../src/icons/Library.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAGzC,MAAM,CAAC,IAAM,OAAO,GAAG,UAAU,CAC/B,UAAC,EAAgC,EAAE,GAAG;IAAnC,IAAA,SAAS,eAAA,EAAE,OAAO,aAAA,EAAK,KAAK,cAA9B,wBAAgC,CAAF;IAC7B,OAAO,CACL,wBACE,GAAG,EAAE,GAAG,EACR,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,IACZ,KAAK,eAET,eAAM,CAAC,EAAC,wBAAwB,EAAC,IAAI,EAAC,SAAS,GAAG,EAClD,eAAM,CAAC,EAAC,6BAA6B,EAAC,IAAI,EAAC,SAAS,GAAG,EACvD,eACE,CAAC,EAAC,2YAA2Y,EAC7Y,IAAI,EAAC,SAAS,GACd,EACF,eACE,CAAC,EAAC,6YAA6Y,EAC/Y,IAAI,EAAC,SAAS,GACd,KACE,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,OAAO,CAAC,WAAW,GAAG,SAAS,CAAA"}

package/dist/icons/LocationCityIcon.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { SvgProps } from './svgTypes.interface';
-export declare const LocationCityIcon: React.FC<SvgProps>;
+export declare const LocationCityIcon: React.ForwardRefExoticComponent<Omit<SvgProps, "ref"> & React.RefAttributes<SVGSVGElement>>;

package/dist/icons/LocationCityIcon.js

@@ -21,8 +21,10 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-export var LocationCityIcon = function (_a) {
+import { forwardRef } from 'react';
+export var LocationCityIcon = forwardRef(function (_a, ref) {
     var className = _a.className, onClick = _a.onClick, props = __rest(_a, ["className", "onClick"]);
-    return (_jsx("svg", __assign({ width: '24', height: '24', viewBox: '0 -960 960 960', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', className: className, onClick: onClick }, props, { children: _jsx("path", { d: 'M120-120v-560h240v-80l120-120 120 120v240h240v400H120Zm80-80h80v-80h-80v80Zm0-160h80v-80h-80v80Zm0-160h80v-80h-80v80Zm240 320h80v-80h-80v80Zm0-160h80v-80h-80v80Zm0-160h80v-80h-80v80Zm0-160h80v-80h-80v80Zm240 480h80v-80h-80v80Zm0-160h80v-80h-80v80Z', fill: '#06C68F' }) })));
-};
+    return (_jsx("svg", __assign({ ref: ref, width: '24', height: '24', viewBox: '0 -960 960 960', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', className: className, onClick: onClick }, props, { children: _jsx("path", { d: 'M120-120v-560h240v-80l120-120 120 120v240h240v400H120Zm80-80h80v-80h-80v80Zm0-160h80v-80h-80v80Zm0-160h80v-80h-80v80Zm240 320h80v-80h-80v80Zm0-160h80v-80h-80v80Zm0-160h80v-80h-80v80Zm0-160h80v-80h-80v80Zm240 480h80v-80h-80v80Zm0-160h80v-80h-80v80Z', fill: '#06C68F' }) })));
+});
+LocationCityIcon.displayName = 'LocationCityIcon';
 //# sourceMappingURL=LocationCityIcon.js.map

package/dist/icons/LocationCityIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"LocationCityIcon.js","sourceRoot":"","sources":["../../src/icons/LocationCityIcon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAGA,MAAM,CAAC,IAAM,gBAAgB,GAAuB,UAAC,EAAgC;IAA9B,IAAA,SAAS,eAAA,EAAE,OAAO,aAAA,EAAK,KAAK,cAA9B,wBAAgC,CAAF;IACjF,OAAO,CACL,uBACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,gBAAgB,EACxB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,IACZ,KAAK,cAET,eACE,CAAC,EAAC,yPAAyP,EAC3P,IAAI,EAAC,SAAS,GACd,IACE,CACP,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"LocationCityIcon.js","sourceRoot":"","sources":["../../src/icons/LocationCityIcon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAGzC,MAAM,CAAC,IAAM,gBAAgB,GAAG,UAAU,CACxC,UAAC,EAAgC,EAAE,GAAG;IAAnC,IAAA,SAAS,eAAA,EAAE,OAAO,aAAA,EAAK,KAAK,cAA9B,wBAAgC,CAAF;IAC7B,OAAO,CACL,uBACE,GAAG,EAAE,GAAG,EACR,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,gBAAgB,EACxB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,IACZ,KAAK,cAET,eACE,CAAC,EAAC,yPAAyP,EAC3P,IAAI,EAAC,SAAS,GACd,IACE,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAA"}

package/dist/icons/LocationOnIcon.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { SvgProps } from './svgTypes.interface';
-export declare const LocationOnIcon: React.FC<SvgProps>;
+export declare const LocationOnIcon: React.ForwardRefExoticComponent<Omit<SvgProps, "ref"> & React.RefAttributes<SVGSVGElement>>;

package/dist/icons/LocationOnIcon.js

@@ -21,8 +21,10 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-export var LocationOnIcon = function (_a) {
+import { forwardRef } from 'react';
+export var LocationOnIcon = forwardRef(function (_a, ref) {
     var className = _a.className, onClick = _a.onClick, props = __rest(_a, ["className", "onClick"]);
-    return (_jsx("svg", __assign({ width: '24', height: '24', viewBox: '0 -960 960 960', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', className: className, onClick: onClick }, props, { children: _jsx("path", { d: 'M480-480q33 0 56.5-23.5T560-560q0-33-23.5-56.5T480-640q-33 0-56.5 23.5T400-560q0 33 23.5 56.5T480-480Zm0 294q122-112 181-203.5T720-552q0-109-69.5-178.5T480-800q-101 0-170.5 69.5T240-552q0 71 59 162.5T480-186Zm0 106Q319-217 239.5-334.5T160-552q0-150 96.5-239T480-880q127 0 223.5 89T800-552q0 100-79.5 217.5T480-80Zm0-480Z', fill: '#06C68F' }) })));
-};
+    return (_jsx("svg", __assign({ ref: ref, width: '24', height: '24', viewBox: '0 -960 960 960', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', className: className, onClick: onClick }, props, { children: _jsx("path", { d: 'M480-480q33 0 56.5-23.5T560-560q0-33-23.5-56.5T480-640q-33 0-56.5 23.5T400-560q0 33 23.5 56.5T480-480Zm0 294q122-112 181-203.5T720-552q0-109-69.5-178.5T480-800q-101 0-170.5 69.5T240-552q0 71 59 162.5T480-186Zm0 106Q319-217 239.5-334.5T160-552q0-150 96.5-239T480-880q127 0 223.5 89T800-552q0 100-79.5 217.5T480-80Zm0-480Z', fill: '#06C68F' }) })));
+});
+LocationOnIcon.displayName = 'LocationOnIcon';
 //# sourceMappingURL=LocationOnIcon.js.map

package/dist/icons/LocationOnIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"LocationOnIcon.js","sourceRoot":"","sources":["../../src/icons/LocationOnIcon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAGA,MAAM,CAAC,IAAM,cAAc,GAAuB,UAAC,EAAgC;IAA9B,IAAA,SAAS,eAAA,EAAE,OAAO,aAAA,EAAK,KAAK,cAA9B,wBAAgC,CAAF;IAC/E,OAAO,CACL,uBACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,gBAAgB,EACxB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,IACZ,KAAK,cAET,eACE,CAAC,EAAC,kUAAkU,EACpU,IAAI,EAAC,SAAS,GACd,IACE,CACP,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"LocationOnIcon.js","sourceRoot":"","sources":["../../src/icons/LocationOnIcon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAGzC,MAAM,CAAC,IAAM,cAAc,GAAG,UAAU,CACtC,UAAC,EAAgC,EAAE,GAAG;IAAnC,IAAA,SAAS,eAAA,EAAE,OAAO,aAAA,EAAK,KAAK,cAA9B,wBAAgC,CAAF;IAC7B,OAAO,CACL,uBACE,GAAG,EAAE,GAAG,EACR,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,gBAAgB,EACxB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,IACZ,KAAK,cAET,eACE,CAAC,EAAC,kUAAkU,EACpU,IAAI,EAAC,SAAS,GACd,IACE,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAA"}

package/dist/icons/LockIcon.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { SvgProps } from './svgTypes.interface';
-export declare const LockIcon: React.FC<SvgProps>;
+export declare const LockIcon: React.ForwardRefExoticComponent<Omit<SvgProps, "ref"> & React.RefAttributes<SVGSVGElement>>;

package/dist/icons/LockIcon.js

@@ -21,8 +21,10 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-export var LockIcon = function (_a) {
+import { forwardRef } from 'react';
+export var LockIcon = forwardRef(function (_a, ref) {
     var className = _a.className, onClick = _a.onClick, _b = _a.fill, fill = _b === void 0 ? '#68707A' : _b, props = __rest(_a, ["className", "onClick", "fill"]);
-    return (_jsx("svg", __assign({ width: '24', height: '24', viewBox: '0 -960 960 960', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', className: className, onClick: onClick }, props, { children: _jsx("path", { d: 'M240-80q-33 0-56.5-23.5T160-160v-400q0-33 23.5-56.5T240-640h40v-80q0-83 58.5-141.5T480-920q83 0 141.5 58.5T680-720v80h40q33 0 56.5 23.5T800-560v400q0 33-23.5 56.5T720-80H240Zm0-80h480v-400H240v400Zm240-120q33 0 56.5-23.5T560-360q0-33-23.5-56.5T480-440q-33 0-56.5 23.5T400-360q0 33 23.5 56.5T480-280ZM360-640h240v-80q0-50-35-85t-85-35q-50 0-85 35t-35 85v80ZM240-160v-400 400Z', fill: fill }) })));
-};
+    return (_jsx("svg", __assign({ ref: ref, width: '24', height: '24', viewBox: '0 -960 960 960', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', className: className, onClick: onClick }, props, { children: _jsx("path", { d: 'M240-80q-33 0-56.5-23.5T160-160v-400q0-33 23.5-56.5T240-640h40v-80q0-83 58.5-141.5T480-920q83 0 141.5 58.5T680-720v80h40q33 0 56.5 23.5T800-560v400q0 33-23.5 56.5T720-80H240Zm0-80h480v-400H240v400Zm240-120q33 0 56.5-23.5T560-360q0-33-23.5-56.5T480-440q-33 0-56.5 23.5T400-360q0 33 23.5 56.5T480-280ZM360-640h240v-80q0-50-35-85t-85-35q-50 0-85 35t-35 85v80ZM240-160v-400 400Z', fill: fill }) })));
+});
+LockIcon.displayName = 'LockIcon';
 //# sourceMappingURL=LockIcon.js.map

package/dist/icons/LockIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"LockIcon.js","sourceRoot":"","sources":["../../src/icons/LockIcon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAGA,MAAM,CAAC,IAAM,QAAQ,GAAuB,UAAC,EAK5C;IAJC,IAAA,SAAS,eAAA,EACT,OAAO,aAAA,EACP,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA,EACb,KAAK,cAJmC,gCAK5C,CADS;IAER,OAAO,CACL,uBACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,gBAAgB,EACxB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,IACZ,KAAK,cAET,eACE,CAAC,EAAC,wXAAwX,EAC1X,IAAI,EAAE,IAAI,GACV,IACE,CACP,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"LockIcon.js","sourceRoot":"","sources":["../../src/icons/LockIcon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAGzC,MAAM,CAAC,IAAM,QAAQ,GAAG,UAAU,CAChC,UAAC,EAAkD,EAAE,GAAG;IAArD,IAAA,SAAS,eAAA,EAAE,OAAO,aAAA,EAAE,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA,EAAK,KAAK,cAAhD,gCAAkD,CAAF;IAC/C,OAAO,CACL,uBACE,GAAG,EAAE,GAAG,EACR,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,gBAAgB,EACxB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,IACZ,KAAK,cAET,eACE,CAAC,EAAC,wXAAwX,EAC1X,IAAI,EAAE,IAAI,GACV,IACE,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA"}

package/dist/icons/Locked.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { SvgProps } from './svgTypes.interface';
-export declare const Locked: React.FC<SvgProps>;
+export declare const Locked: React.ForwardRefExoticComponent<Omit<SvgProps, "ref"> & React.RefAttributes<SVGSVGElement>>;

package/dist/icons/Locked.js

@@ -21,8 +21,10 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-export var Locked = function (_a) {
+import { forwardRef } from 'react';
+export var Locked = forwardRef(function (_a, ref) {
     var className = _a.className, onClick = _a.onClick, props = __rest(_a, ["className", "onClick"]);
-    return (_jsx("svg", __assign({ width: '20', height: '20', viewBox: '0 0 20 20', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', className: className, onClick: onClick }, props, { children: _jsx("g", { id: 'Locked', children: _jsx("path", { id: 'Vector', d: 'M15 8.75H13.75V5C13.75 4.00544 13.3549 3.05161 12.6517 2.34835C11.9484 1.64509 10.9946 1.25 10 1.25C9.00544 1.25 8.05161 1.64509 7.34835 2.34835C6.64509 3.05161 6.25 4.00544 6.25 5V8.75H5C4.66848 8.75 4.35054 8.8817 4.11612 9.11612C3.8817 9.35054 3.75 9.66848 3.75 10V17.5C3.75 17.8315 3.8817 18.1495 4.11612 18.3839C4.35054 18.6183 4.66848 18.75 5 18.75H15C15.3315 18.75 15.6495 18.6183 15.8839 18.3839C16.1183 18.1495 16.25 17.8315 16.25 17.5V10C16.25 9.66848 16.1183 9.35054 15.8839 9.11612C15.6495 8.8817 15.3315 8.75 15 8.75ZM7.5 5C7.5 4.33696 7.76339 3.70107 8.23223 3.23223C8.70107 2.76339 9.33696 2.5 10 2.5C10.663 2.5 11.2989 2.76339 11.7678 3.23223C12.2366 3.70107 12.5 4.33696 12.5 5V8.75H7.5V5ZM15 17.5H5V10H15V17.5Z', fill: '#68707A' }) }) })));
-};
+    return (_jsx("svg", __assign({ ref: ref, width: '20', height: '20', viewBox: '0 0 20 20', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', className: className, onClick: onClick }, props, { children: _jsx("g", { id: 'Locked', children: _jsx("path", { id: 'Vector', d: 'M15 8.75H13.75V5C13.75 4.00544 13.3549 3.05161 12.6517 2.34835C11.9484 1.64509 10.9946 1.25 10 1.25C9.00544 1.25 8.05161 1.64509 7.34835 2.34835C6.64509 3.05161 6.25 4.00544 6.25 5V8.75H5C4.66848 8.75 4.35054 8.8817 4.11612 9.11612C3.8817 9.35054 3.75 9.66848 3.75 10V17.5C3.75 17.8315 3.8817 18.1495 4.11612 18.3839C4.35054 18.6183 4.66848 18.75 5 18.75H15C15.3315 18.75 15.6495 18.6183 15.8839 18.3839C16.1183 18.1495 16.25 17.8315 16.25 17.5V10C16.25 9.66848 16.1183 9.35054 15.8839 9.11612C15.6495 8.8817 15.3315 8.75 15 8.75ZM7.5 5C7.5 4.33696 7.76339 3.70107 8.23223 3.23223C8.70107 2.76339 9.33696 2.5 10 2.5C10.663 2.5 11.2989 2.76339 11.7678 3.23223C12.2366 3.70107 12.5 4.33696 12.5 5V8.75H7.5V5ZM15 17.5H5V10H15V17.5Z', fill: '#68707A' }) }) })));
+});
+Locked.displayName = 'Locked';
 //# sourceMappingURL=Locked.js.map

package/dist/icons/Locked.js.map

@@ -1 +1 @@
-{"version":3,"file":"Locked.js","sourceRoot":"","sources":["../../src/icons/Locked.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAGA,MAAM,CAAC,IAAM,MAAM,GAAuB,UAAC,EAAgC;IAA9B,IAAA,SAAS,eAAA,EAAE,OAAO,aAAA,EAAK,KAAK,cAA9B,wBAAgC,CAAF;IACvE,OAAO,CACL,uBACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,IACZ,KAAK,cAET,YAAG,EAAE,EAAC,QAAQ,YACZ,eACE,EAAE,EAAC,QAAQ,EACX,CAAC,EAAC,0tBAA0tB,EAC5tB,IAAI,EAAC,SAAS,GACd,GACA,IACA,CACP,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"Locked.js","sourceRoot":"","sources":["../../src/icons/Locked.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAGzC,MAAM,CAAC,IAAM,MAAM,GAAG,UAAU,CAC9B,UAAC,EAAgC,EAAE,GAAG;IAAnC,IAAA,SAAS,eAAA,EAAE,OAAO,aAAA,EAAK,KAAK,cAA9B,wBAAgC,CAAF;IAC7B,OAAO,CACL,uBACE,GAAG,EAAE,GAAG,EACR,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,IACZ,KAAK,cAET,YAAG,EAAE,EAAC,QAAQ,YACZ,eACE,EAAE,EAAC,QAAQ,EACX,CAAC,EAAC,0tBAA0tB,EAC5tB,IAAI,EAAC,SAAS,GACd,GACA,IACA,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAA"}

package/dist/icons/Logout.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { SvgProps } from './svgTypes.interface';
-export declare const Logout: React.FC<SvgProps>;
+export declare const Logout: React.ForwardRefExoticComponent<Omit<SvgProps, "ref"> & React.RefAttributes<SVGSVGElement>>;

package/dist/icons/Logout.js

@@ -21,8 +21,10 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export var Logout = function (_a) {
+import { forwardRef } from 'react';
+export var Logout = forwardRef(function (_a, ref) {
     var className = _a.className, onClick = _a.onClick, props = __rest(_a, ["className", "onClick"]);
-    return (_jsxs("svg", __assign({ width: '24', height: '24', viewBox: '0 0 24 24', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', className: className, onClick: onClick }, props, { children: [_jsx("path", { d: 'M4.5 22.5H13.5C13.8977 22.4995 14.279 22.3414 14.5602 22.0602C14.8414 21.7789 14.9995 21.3977 15 21V18.75H13.5V21H4.5V3H13.5V5.25H15V3C14.9995 2.60232 14.8414 2.22105 14.5602 1.93984C14.279 1.65864 13.8977 1.50046 13.5 1.5H4.5C4.10232 1.50046 3.72105 1.65864 3.43984 1.93984C3.15864 2.22105 3.00046 2.60232 3 3V21C3.00046 21.3977 3.15864 21.7789 3.43984 22.0602C3.72105 22.3414 4.10232 22.4995 4.5 22.5Z', fill: '#020210' }), _jsx("path", { d: 'M15.4395 15.4395L18.129 12.75H7.5V11.25H18.129L15.4395 8.5605L16.5 7.5L21 12L16.5 16.5L15.4395 15.4395Z', fill: '#020210' })] })));
-};
+    return (_jsxs("svg", __assign({ ref: ref, width: '24', height: '24', viewBox: '0 0 24 24', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', className: className, onClick: onClick }, props, { children: [_jsx("path", { d: 'M4.5 22.5H13.5C13.8977 22.4995 14.279 22.3414 14.5602 22.0602C14.8414 21.7789 14.9995 21.3977 15 21V18.75H13.5V21H4.5V3H13.5V5.25H15V3C14.9995 2.60232 14.8414 2.22105 14.5602 1.93984C14.279 1.65864 13.8977 1.50046 13.5 1.5H4.5C4.10232 1.50046 3.72105 1.65864 3.43984 1.93984C3.15864 2.22105 3.00046 2.60232 3 3V21C3.00046 21.3977 3.15864 21.7789 3.43984 22.0602C3.72105 22.3414 4.10232 22.4995 4.5 22.5Z', fill: '#020210' }), _jsx("path", { d: 'M15.4395 15.4395L18.129 12.75H7.5V11.25H18.129L15.4395 8.5605L16.5 7.5L21 12L16.5 16.5L15.4395 15.4395Z', fill: '#020210' })] })));
+});
+Logout.displayName = 'Logout';
 //# sourceMappingURL=Logout.js.map

package/dist/icons/Logout.js.map

@@ -1 +1 @@
-{"version":3,"file":"Logout.js","sourceRoot":"","sources":["../../src/icons/Logout.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAGA,MAAM,CAAC,IAAM,MAAM,GAAuB,UAAC,EAAgC;IAA9B,IAAA,SAAS,eAAA,EAAE,OAAO,aAAA,EAAK,KAAK,cAA9B,wBAAgC,CAAF;IACvE,OAAO,CACL,wBACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,IACZ,KAAK,eAET,eACE,CAAC,EAAC,qZAAqZ,EACvZ,IAAI,EAAC,SAAS,GACd,EACF,eACE,CAAC,EAAC,yGAAyG,EAC3G,IAAI,EAAC,SAAS,GACd,KACE,CACP,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"Logout.js","sourceRoot":"","sources":["../../src/icons/Logout.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAGzC,MAAM,CAAC,IAAM,MAAM,GAAG,UAAU,CAC9B,UAAC,EAAgC,EAAE,GAAG;IAAnC,IAAA,SAAS,eAAA,EAAE,OAAO,aAAA,EAAK,KAAK,cAA9B,wBAAgC,CAAF;IAC7B,OAAO,CACL,wBACE,GAAG,EAAE,GAAG,EACR,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,IACZ,KAAK,eAET,eACE,CAAC,EAAC,qZAAqZ,EACvZ,IAAI,EAAC,SAAS,GACd,EACF,eACE,CAAC,EAAC,yGAAyG,EAC3G,IAAI,EAAC,SAAS,GACd,KACE,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAA"}

package/dist/icons/MarkunreadMailboxIcon.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { SvgProps } from './svgTypes.interface';
-export declare const MarkunreadMailboxIcon: React.FC<SvgProps>;
+export declare const MarkunreadMailboxIcon: React.ForwardRefExoticComponent<Omit<SvgProps, "ref"> & React.RefAttributes<SVGSVGElement>>;

package/dist/icons/MarkunreadMailboxIcon.js

@@ -21,8 +21,10 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-export var MarkunreadMailboxIcon = function (_a) {
+import { forwardRef } from 'react';
+export var MarkunreadMailboxIcon = forwardRef(function (_a, ref) {
     var className = _a.className, onClick = _a.onClick, props = __rest(_a, ["className", "onClick"]);
-    return (_jsx("svg", __assign({ width: '24', height: '24', viewBox: '0 -960 960 960', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', className: className, onClick: onClick }, props, { children: _jsx("path", { d: 'M240-400v-160h-80v400h640v-400H400v-80h400q33 0 56.5 23.5T880-560v400q0 33-23.5 56.5T800-80H160q-33 0-56.5-23.5T80-160v-400q0-33 23.5-56.5T160-640h80v-240h320v160H320v320h-80Zm-80-160v160-160 400-400Z', fill: '#06C68F' }) })));
-};
+    return (_jsx("svg", __assign({ ref: ref, width: '24', height: '24', viewBox: '0 -960 960 960', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', className: className, onClick: onClick }, props, { children: _jsx("path", { d: 'M240-400v-160h-80v400h640v-400H400v-80h400q33 0 56.5 23.5T880-560v400q0 33-23.5 56.5T800-80H160q-33 0-56.5-23.5T80-160v-400q0-33 23.5-56.5T160-640h80v-240h320v160H320v320h-80Zm-80-160v160-160 400-400Z', fill: '#06C68F' }) })));
+});
+MarkunreadMailboxIcon.displayName = 'MarkunreadMailboxIcon';
 //# sourceMappingURL=MarkunreadMailboxIcon.js.map

package/dist/icons/MarkunreadMailboxIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarkunreadMailboxIcon.js","sourceRoot":"","sources":["../../src/icons/MarkunreadMailboxIcon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAGA,MAAM,CAAC,IAAM,qBAAqB,GAAuB,UAAC,EAAgC;IAA9B,IAAA,SAAS,eAAA,EAAE,OAAO,aAAA,EAAK,KAAK,cAA9B,wBAAgC,CAAF;IACtF,OAAO,CACL,uBACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,gBAAgB,EACxB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,IACZ,KAAK,cAET,eACE,CAAC,EAAC,0MAA0M,EAC5M,IAAI,EAAC,SAAS,GACd,IACE,CACP,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"MarkunreadMailboxIcon.js","sourceRoot":"","sources":["../../src/icons/MarkunreadMailboxIcon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAGzC,MAAM,CAAC,IAAM,qBAAqB,GAAG,UAAU,CAC7C,UAAC,EAAgC,EAAE,GAAG;IAAnC,IAAA,SAAS,eAAA,EAAE,OAAO,aAAA,EAAK,KAAK,cAA9B,wBAAgC,CAAF;IAC7B,OAAO,CACL,uBACE,GAAG,EAAE,GAAG,EACR,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,gBAAgB,EACxB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,IACZ,KAAK,cAET,eACE,CAAC,EAAC,0MAA0M,EAC5M,IAAI,EAAC,SAAS,GACd,IACE,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,qBAAqB,CAAC,WAAW,GAAG,uBAAuB,CAAA"}

package/dist/icons/MoreHorizIcon.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { SvgProps } from './svgTypes.interface';
-export declare const MoreHorizIcon: React.FC<SvgProps>;
+export declare const MoreHorizIcon: React.ForwardRefExoticComponent<Omit<SvgProps, "ref"> & React.RefAttributes<SVGSVGElement>>;

package/dist/icons/MoreHorizIcon.js

@@ -21,8 +21,10 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-export var MoreHorizIcon = function (_a) {
+import { forwardRef } from 'react';
+export var MoreHorizIcon = forwardRef(function (_a, ref) {
     var className = _a.className, onClick = _a.onClick, _b = _a.fill, fill = _b === void 0 ? '#68707A' : _b, props = __rest(_a, ["className", "onClick", "fill"]);
-    return (_jsx("svg", __assign({ width: '24', height: '24', viewBox: '0 -960 960 960', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', className: className, onClick: onClick }, props, { children: _jsx("path", { d: 'M240-400q-33 0-56.5-23.5T160-480q0-33 23.5-56.5T240-560q33 0 56.5 23.5T320-480q0 33-23.5 56.5T240-400Zm240 0q-33 0-56.5-23.5T400-480q0-33 23.5-56.5T480-560q33 0 56.5 23.5T560-480q0 33-23.5 56.5T480-400Zm240 0q-33 0-56.5-23.5T640-480q0-33 23.5-56.5T720-560q33 0 56.5 23.5T800-480q0 33-23.5 56.5T720-400Z', fill: fill }) })));
-};
+    return (_jsx("svg", __assign({ ref: ref, width: '24', height: '24', viewBox: '0 -960 960 960', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', className: className, onClick: onClick }, props, { children: _jsx("path", { d: 'M240-400q-33 0-56.5-23.5T160-480q0-33 23.5-56.5T240-560q33 0 56.5 23.5T320-480q0 33-23.5 56.5T240-400Zm240 0q-33 0-56.5-23.5T400-480q0-33 23.5-56.5T480-560q33 0 56.5 23.5T560-480q0 33-23.5 56.5T480-400Zm240 0q-33 0-56.5-23.5T640-480q0-33 23.5-56.5T720-560q33 0 56.5 23.5T800-480q0 33-23.5 56.5T720-400Z', fill: fill }) })));
+});
+MoreHorizIcon.displayName = 'MoreHorizIcon';
 //# sourceMappingURL=MoreHorizIcon.js.map

package/dist/icons/MoreHorizIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"MoreHorizIcon.js","sourceRoot":"","sources":["../../src/icons/MoreHorizIcon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAGA,MAAM,CAAC,IAAM,aAAa,GAAuB,UAAC,EAKjD;IAJC,IAAA,SAAS,eAAA,EACT,OAAO,aAAA,EACP,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA,EACb,KAAK,cAJwC,gCAKjD,CADS;IAER,OAAO,CACL,uBACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,gBAAgB,EACxB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,IACZ,KAAK,cAET,eACE,CAAC,EAAC,gTAAgT,EAClT,IAAI,EAAE,IAAI,GACV,IACE,CACP,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"MoreHorizIcon.js","sourceRoot":"","sources":["../../src/icons/MoreHorizIcon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAGzC,MAAM,CAAC,IAAM,aAAa,GAAG,UAAU,CACrC,UAAC,EAAkD,EAAE,GAAG;IAArD,IAAA,SAAS,eAAA,EAAE,OAAO,aAAA,EAAE,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA,EAAK,KAAK,cAAhD,gCAAkD,CAAF;IAC/C,OAAO,CACL,uBACE,GAAG,EAAE,GAAG,EACR,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,gBAAgB,EACxB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,IACZ,KAAK,cAET,eACE,CAAC,EAAC,gTAAgT,EAClT,IAAI,EAAE,IAAI,GACV,IACE,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,aAAa,CAAC,WAAW,GAAG,eAAe,CAAA"}

package/dist/icons/MoreVertRoundedIcon.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { SvgProps } from './svgTypes.interface';
-export declare const MoreVertRoundedIcon: React.FC<SvgProps>;
+export declare const MoreVertRoundedIcon: React.ForwardRefExoticComponent<Omit<SvgProps, "ref"> & React.RefAttributes<SVGSVGElement>>;

package/dist/icons/MoreVertRoundedIcon.js

@@ -21,8 +21,10 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export var MoreVertRoundedIcon = function (_a) {
+import { forwardRef } from 'react';
+export var MoreVertRoundedIcon = forwardRef(function (_a, ref) {
     var className = _a.className, onClick = _a.onClick, props = __rest(_a, ["className", "onClick"]);
-    return (_jsxs("svg", __assign({ width: '24', height: '24', viewBox: '0 0 24 24', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', className: className, onClick: onClick }, props, { children: [_jsx("path", { d: 'M12 7.5C12.8284 7.5 13.5 6.82843 13.5 6C13.5 5.17157 12.8284 4.5 12 4.5C11.1716 4.5 10.5 5.17157 10.5 6C10.5 6.82843 11.1716 7.5 12 7.5Z', fill: '#020210' }), _jsx("path", { d: 'M12 13.5C12.8284 13.5 13.5 12.8284 13.5 12C13.5 11.1716 12.8284 10.5 12 10.5C11.1716 10.5 10.5 11.1716 10.5 12C10.5 12.8284 11.1716 13.5 12 13.5Z', fill: '#020210' }), _jsx("path", { d: 'M12 19.5C12.8284 19.5 13.5 18.8284 13.5 18C13.5 17.1716 12.8284 16.5 12 16.5C11.1716 16.5 10.5 17.1716 10.5 18C10.5 18.8284 11.1716 19.5 12 19.5Z', fill: '#020210' })] })));
-};
+    return (_jsxs("svg", __assign({ ref: ref, width: '24', height: '24', viewBox: '0 0 24 24', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', className: className, onClick: onClick }, props, { children: [_jsx("path", { d: 'M12 7.5C12.8284 7.5 13.5 6.82843 13.5 6C13.5 5.17157 12.8284 4.5 12 4.5C11.1716 4.5 10.5 5.17157 10.5 6C10.5 6.82843 11.1716 7.5 12 7.5Z', fill: '#020210' }), _jsx("path", { d: 'M12 13.5C12.8284 13.5 13.5 12.8284 13.5 12C13.5 11.1716 12.8284 10.5 12 10.5C11.1716 10.5 10.5 11.1716 10.5 12C10.5 12.8284 11.1716 13.5 12 13.5Z', fill: '#020210' }), _jsx("path", { d: 'M12 19.5C12.8284 19.5 13.5 18.8284 13.5 18C13.5 17.1716 12.8284 16.5 12 16.5C11.1716 16.5 10.5 17.1716 10.5 18C10.5 18.8284 11.1716 19.5 12 19.5Z', fill: '#020210' })] })));
+});
+MoreVertRoundedIcon.displayName = 'MoreVertRoundedIcon';
 //# sourceMappingURL=MoreVertRoundedIcon.js.map

package/dist/icons/MoreVertRoundedIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"MoreVertRoundedIcon.js","sourceRoot":"","sources":["../../src/icons/MoreVertRoundedIcon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAGA,MAAM,CAAC,IAAM,mBAAmB,GAAuB,UAAC,EAAgC;IAA9B,IAAA,SAAS,eAAA,EAAE,OAAO,aAAA,EAAK,KAAK,cAA9B,wBAAgC,CAAF;IACpF,OAAO,CACL,wBACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,IACZ,KAAK,eAET,eACE,CAAC,EAAC,0IAA0I,EAC5I,IAAI,EAAC,SAAS,GACd,EACF,eACE,CAAC,EAAC,mJAAmJ,EACrJ,IAAI,EAAC,SAAS,GACd,EACF,eACE,CAAC,EAAC,mJAAmJ,EACrJ,IAAI,EAAC,SAAS,GACd,KACE,CACP,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"MoreVertRoundedIcon.js","sourceRoot":"","sources":["../../src/icons/MoreVertRoundedIcon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAGzC,MAAM,CAAC,IAAM,mBAAmB,GAAG,UAAU,CAC3C,UAAC,EAAgC,EAAE,GAAG;IAAnC,IAAA,SAAS,eAAA,EAAE,OAAO,aAAA,EAAK,KAAK,cAA9B,wBAAgC,CAAF;IAC7B,OAAO,CACL,wBACE,GAAG,EAAE,GAAG,EACR,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,IACZ,KAAK,eAET,eACE,CAAC,EAAC,0IAA0I,EAC5I,IAAI,EAAC,SAAS,GACd,EACF,eACE,CAAC,EAAC,mJAAmJ,EACrJ,IAAI,EAAC,SAAS,GACd,EACF,eACE,CAAC,EAAC,mJAAmJ,EACrJ,IAAI,EAAC,SAAS,GACd,KACE,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,mBAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAA"}

package/dist/icons/MyProfile.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { SvgProps } from './svgTypes.interface';
-export declare const MyProfile: React.FC<SvgProps>;
+export declare const MyProfile: React.ForwardRefExoticComponent<Omit<SvgProps, "ref"> & React.RefAttributes<SVGSVGElement>>;

package/dist/icons/MyProfile.js

@@ -21,8 +21,10 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export var MyProfile = function (_a) {
+import { forwardRef } from 'react';
+export var MyProfile = forwardRef(function (_a, ref) {
     var className = _a.className, onClick = _a.onClick, props = __rest(_a, ["className", "onClick"]);
-    return (_jsxs("svg", __assign({ width: '24', height: '24', viewBox: '0 0 24 24', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', className: className, onClick: onClick }, props, { children: [_jsx("path", { d: 'M12 6C11.2583 6 10.5333 6.21993 9.91662 6.63199C9.29993 7.04404 8.81928 7.62971 8.53546 8.31494C8.25163 9.00016 8.17736 9.75416 8.32206 10.4816C8.46675 11.209 8.82391 11.8772 9.34835 12.4017C9.8728 12.9261 10.541 13.2833 11.2684 13.4279C11.9958 13.5726 12.7498 13.4984 13.4351 13.2145C14.1203 12.9307 14.706 12.4501 15.118 11.8334C15.5301 11.2167 15.75 10.4917 15.75 9.75C15.75 8.75544 15.3549 7.80161 14.6517 7.09835C13.9484 6.39509 12.9946 6 12 6ZM12 12C11.555 12 11.12 11.868 10.75 11.6208C10.38 11.3736 10.0916 11.0222 9.92128 10.611C9.75098 10.1999 9.70642 9.7475 9.79324 9.31105C9.88005 8.87459 10.0943 8.47368 10.409 8.15901C10.7237 7.84434 11.1246 7.63005 11.5611 7.54323C11.9975 7.45642 12.4499 7.50097 12.861 7.67127C13.2722 7.84157 13.6236 8.12996 13.8708 8.49997C14.118 8.86998 14.25 9.30499 14.25 9.75C14.2493 10.3465 14.0121 10.9184 13.5903 11.3402C13.1684 11.7621 12.5965 11.9993 12 12Z', fill: '#020210' }), _jsx("path", { d: 'M12 1.5C9.9233 1.5 7.89323 2.11581 6.16652 3.26957C4.4398 4.42332 3.09399 6.0632 2.29927 7.98182C1.50455 9.90045 1.29661 12.0116 1.70176 14.0484C2.1069 16.0852 3.10693 17.9562 4.57538 19.4246C6.04383 20.8931 7.91476 21.8931 9.95156 22.2982C11.9884 22.7034 14.0996 22.4955 16.0182 21.7007C17.9368 20.906 19.5767 19.5602 20.7304 17.8335C21.8842 16.1068 22.5 14.0767 22.5 12C22.4969 9.21619 21.3896 6.5473 19.4212 4.57884C17.4527 2.61039 14.7838 1.50314 12 1.5ZM7.5 19.7824V18.75C7.50066 18.1535 7.73792 17.5815 8.15974 17.1597C8.58155 16.7379 9.15347 16.5007 9.75 16.5H14.25C14.8465 16.5007 15.4185 16.7379 15.8403 17.1597C16.2621 17.5815 16.4993 18.1535 16.5 18.75V19.7824C15.1344 20.5798 13.5814 21 12 21C10.4186 21 8.86563 20.5798 7.5 19.7824ZM17.9944 18.6944C17.9795 17.7105 17.5786 16.772 16.8782 16.0809C16.1778 15.3899 15.2339 15.0017 14.25 15H9.75C8.76608 15.0017 7.8222 15.3899 7.1218 16.0809C6.42139 16.772 6.02054 17.7105 6.00563 18.6944C4.64555 17.4799 3.68643 15.881 3.25526 14.1093C2.82408 12.3377 2.9412 10.4769 3.59111 8.77324C4.24101 7.06963 5.39304 5.6036 6.89466 4.56927C8.39627 3.53495 10.1766 2.98112 12 2.98112C13.8234 2.98112 15.6037 3.53495 17.1054 4.56927C18.607 5.6036 19.759 7.06963 20.4089 8.77324C21.0588 10.4769 21.1759 12.3377 20.7448 14.1093C20.3136 15.881 19.3545 17.4799 17.9944 18.6944Z', fill: '#020210' })] })));
-};
+    return (_jsxs("svg", __assign({ ref: ref, width: '24', height: '24', viewBox: '0 0 24 24', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', className: className, onClick: onClick }, props, { children: [_jsx("path", { d: 'M12 6C11.2583 6 10.5333 6.21993 9.91662 6.63199C9.29993 7.04404 8.81928 7.62971 8.53546 8.31494C8.25163 9.00016 8.17736 9.75416 8.32206 10.4816C8.46675 11.209 8.82391 11.8772 9.34835 12.4017C9.8728 12.9261 10.541 13.2833 11.2684 13.4279C11.9958 13.5726 12.7498 13.4984 13.4351 13.2145C14.1203 12.9307 14.706 12.4501 15.118 11.8334C15.5301 11.2167 15.75 10.4917 15.75 9.75C15.75 8.75544 15.3549 7.80161 14.6517 7.09835C13.9484 6.39509 12.9946 6 12 6ZM12 12C11.555 12 11.12 11.868 10.75 11.6208C10.38 11.3736 10.0916 11.0222 9.92128 10.611C9.75098 10.1999 9.70642 9.7475 9.79324 9.31105C9.88005 8.87459 10.0943 8.47368 10.409 8.15901C10.7237 7.84434 11.1246 7.63005 11.5611 7.54323C11.9975 7.45642 12.4499 7.50097 12.861 7.67127C13.2722 7.84157 13.6236 8.12996 13.8708 8.49997C14.118 8.86998 14.25 9.30499 14.25 9.75C14.2493 10.3465 14.0121 10.9184 13.5903 11.3402C13.1684 11.7621 12.5965 11.9993 12 12Z', fill: '#020210' }), _jsx("path", { d: 'M12 1.5C9.9233 1.5 7.89323 2.11581 6.16652 3.26957C4.4398 4.42332 3.09399 6.0632 2.29927 7.98182C1.50455 9.90045 1.29661 12.0116 1.70176 14.0484C2.1069 16.0852 3.10693 17.9562 4.57538 19.4246C6.04383 20.8931 7.91476 21.8931 9.95156 22.2982C11.9884 22.7034 14.0996 22.4955 16.0182 21.7007C17.9368 20.906 19.5767 19.5602 20.7304 17.8335C21.8842 16.1068 22.5 14.0767 22.5 12C22.4969 9.21619 21.3896 6.5473 19.4212 4.57884C17.4527 2.61039 14.7838 1.50314 12 1.5ZM7.5 19.7824V18.75C7.50066 18.1535 7.73792 17.5815 8.15974 17.1597C8.58155 16.7379 9.15347 16.5007 9.75 16.5H14.25C14.8465 16.5007 15.4185 16.7379 15.8403 17.1597C16.2621 17.5815 16.4993 18.1535 16.5 18.75V19.7824C15.1344 20.5798 13.5814 21 12 21C10.4186 21 8.86563 20.5798 7.5 19.7824ZM17.9944 18.6944C17.9795 17.7105 17.5786 16.772 16.8782 16.0809C16.1778 15.3899 15.2339 15.0017 14.25 15H9.75C8.76608 15.0017 7.8222 15.3899 7.1218 16.0809C6.42139 16.772 6.02054 17.7105 6.00563 18.6944C4.64555 17.4799 3.68643 15.881 3.25526 14.1093C2.82408 12.3377 2.9412 10.4769 3.59111 8.77324C4.24101 7.06963 5.39304 5.6036 6.89466 4.56927C8.39627 3.53495 10.1766 2.98112 12 2.98112C13.8234 2.98112 15.6037 3.53495 17.1054 4.56927C18.607 5.6036 19.759 7.06963 20.4089 8.77324C21.0588 10.4769 21.1759 12.3377 20.7448 14.1093C20.3136 15.881 19.3545 17.4799 17.9944 18.6944Z', fill: '#020210' })] })));
+});
+MyProfile.displayName = 'MyProfile';
 //# sourceMappingURL=MyProfile.js.map

package/dist/icons/MyProfile.js.map

@@ -1 +1 @@
-{"version":3,"file":"MyProfile.js","sourceRoot":"","sources":["../../src/icons/MyProfile.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAGA,MAAM,CAAC,IAAM,SAAS,GAAuB,UAAC,EAAgC;IAA9B,IAAA,SAAS,eAAA,EAAE,OAAO,aAAA,EAAK,KAAK,cAA9B,wBAAgC,CAAF;IAC1E,OAAO,CACL,wBACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,IACZ,KAAK,eAET,eACE,CAAC,EAAC,u4BAAu4B,EACz4B,IAAI,EAAC,SAAS,GACd,EACF,eACE,CAAC,EAAC,yyCAAyyC,EAC3yC,IAAI,EAAC,SAAS,GACd,KACE,CACP,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"MyProfile.js","sourceRoot":"","sources":["../../src/icons/MyProfile.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAGzC,MAAM,CAAC,IAAM,SAAS,GAAG,UAAU,CACjC,UAAC,EAAgC,EAAE,GAAG;IAAnC,IAAA,SAAS,eAAA,EAAE,OAAO,aAAA,EAAK,KAAK,cAA9B,wBAAgC,CAAF;IAC7B,OAAO,CACL,wBACE,GAAG,EAAE,GAAG,EACR,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,IACZ,KAAK,eAET,eACE,CAAC,EAAC,u4BAAu4B,EACz4B,IAAI,EAAC,SAAS,GACd,EACF,eACE,CAAC,EAAC,yyCAAyyC,EAC3yC,IAAI,EAAC,SAAS,GACd,KACE,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,SAAS,CAAC,WAAW,GAAG,WAAW,CAAA"}

package/dist/icons/NewFilter.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { SvgProps } from './svgTypes.interface';
-export declare const NewFilter: React.FC<SvgProps>;
+export declare const NewFilter: React.ForwardRefExoticComponent<Omit<SvgProps, "ref"> & React.RefAttributes<SVGSVGElement>>;

package/dist/icons/NewFilter.js

@@ -21,8 +21,10 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-export var NewFilter = function (_a) {
+import { forwardRef } from 'react';
+export var NewFilter = forwardRef(function (_a, ref) {
     var className = _a.className, onClick = _a.onClick, props = __rest(_a, ["className", "onClick"]);
-    return (_jsx("svg", __assign({ width: '20', height: '20', viewBox: '0 0 20 20', fill: 'red', color: 'red', xmlns: 'http://www.w3.org/2000/svg', className: className, onClick: onClick }, props, { children: _jsx("path", { d: 'M11.25 17.5H8.75C8.41848 17.5 8.10054 17.3683 7.86612 17.1339C7.6317 16.8995 7.5 16.5815 7.5 16.25V11.5063L2.86875 6.875C2.63401 6.64166 2.5014 6.32474 2.5 5.99375V3.75C2.5 3.41848 2.6317 3.10054 2.86612 2.86612C3.10054 2.6317 3.41848 2.5 3.75 2.5H16.25C16.5815 2.5 16.8995 2.6317 17.1339 2.86612C17.3683 3.10054 17.5 3.41848 17.5 3.75V5.99375C17.4986 6.32474 17.366 6.64166 17.1313 6.875L12.5 11.5063V16.25C12.5 16.5815 12.3683 16.8995 12.1339 17.1339C11.8995 17.3683 11.5815 17.5 11.25 17.5ZM3.75 3.75V5.99375L8.75 10.9937V16.25H11.25V10.9937L16.25 5.99375V3.75H3.75Z', fill: 'red' }) })));
-};
+    return (_jsx("svg", __assign({ ref: ref, width: '20', height: '20', viewBox: '0 0 20 20', fill: 'red', color: 'red', xmlns: 'http://www.w3.org/2000/svg', className: className, onClick: onClick }, props, { children: _jsx("path", { d: 'M11.25 17.5H8.75C8.41848 17.5 8.10054 17.3683 7.86612 17.1339C7.6317 16.8995 7.5 16.5815 7.5 16.25V11.5063L2.86875 6.875C2.63401 6.64166 2.5014 6.32474 2.5 5.99375V3.75C2.5 3.41848 2.6317 3.10054 2.86612 2.86612C3.10054 2.6317 3.41848 2.5 3.75 2.5H16.25C16.5815 2.5 16.8995 2.6317 17.1339 2.86612C17.3683 3.10054 17.5 3.41848 17.5 3.75V5.99375C17.4986 6.32474 17.366 6.64166 17.1313 6.875L12.5 11.5063V16.25C12.5 16.5815 12.3683 16.8995 12.1339 17.1339C11.8995 17.3683 11.5815 17.5 11.25 17.5ZM3.75 3.75V5.99375L8.75 10.9937V16.25H11.25V10.9937L16.25 5.99375V3.75H3.75Z', fill: 'red' }) })));
+});
+NewFilter.displayName = 'NewFilter';
 //# sourceMappingURL=NewFilter.js.map

package/dist/icons/NewFilter.js.map

@@ -1 +1 @@
-{"version":3,"file":"NewFilter.js","sourceRoot":"","sources":["../../src/icons/NewFilter.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAGA,MAAM,CAAC,IAAM,SAAS,GAAuB,UAAC,EAAgC;IAA9B,IAAA,SAAS,eAAA,EAAE,OAAO,aAAA,EAAK,KAAK,cAA9B,wBAAgC,CAAF;IAC1E,OAAO,CACL,uBACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,KAAK,EACV,KAAK,EAAC,KAAK,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,IACZ,KAAK,cAET,eACE,CAAC,EAAC,2jBAA2jB,EAC7jB,IAAI,EAAC,KAAK,GACV,IACE,CACP,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"NewFilter.js","sourceRoot":"","sources":["../../src/icons/NewFilter.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAGzC,MAAM,CAAC,IAAM,SAAS,GAAG,UAAU,CACjC,UAAC,EAAgC,EAAE,GAAG;IAAnC,IAAA,SAAS,eAAA,EAAE,OAAO,aAAA,EAAK,KAAK,cAA9B,wBAAgC,CAAF;IAC7B,OAAO,CACL,uBACE,GAAG,EAAE,GAAG,EACR,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,KAAK,EACV,KAAK,EAAC,KAAK,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,IACZ,KAAK,cAET,eACE,CAAC,EAAC,2jBAA2jB,EAC7jB,IAAI,EAAC,KAAK,GACV,IACE,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,SAAS,CAAC,WAAW,GAAG,WAAW,CAAA"}

package/dist/icons/Notification.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { SvgProps } from './svgTypes.interface';
-export declare const Notification: React.FC<SvgProps>;
+export declare const Notification: React.ForwardRefExoticComponent<Omit<SvgProps, "ref"> & React.RefAttributes<SVGSVGElement>>;

package/dist/icons/Notification.js

@@ -21,8 +21,10 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-export var Notification = function (_a) {
+import { forwardRef } from 'react';
+export var Notification = forwardRef(function (_a, ref) {
     var className = _a.className, onClick = _a.onClick, props = __rest(_a, ["className", "onClick"]);
-    return (_jsx("svg", __assign({ width: '24', height: '24', viewBox: '0 0 24 24', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', className: className, onClick: onClick }, props, { children: _jsx("path", { d: 'M21.5303 14.4697L19.5 12.4394V9.75C19.4976 7.89146 18.8061 6.09983 17.5593 4.72154C16.3126 3.34326 14.599 2.47622 12.75 2.2881V0.75H11.25V2.2881C9.40101 2.47622 7.68744 3.34326 6.44065 4.72154C5.19386 6.09983 4.50241 7.89146 4.5 9.75V12.4394L2.46968 14.4697C2.32904 14.6104 2.25002 14.8011 2.25 15V17.25C2.25 17.4489 2.32902 17.6397 2.46967 17.7803C2.61032 17.921 2.80109 18 3 18H8.25V18.5826C8.23374 19.534 8.56913 20.458 9.19191 21.1775C9.81469 21.897 10.6811 22.3613 11.625 22.4816C12.1464 22.5334 12.6728 22.4754 13.1704 22.3115C13.668 22.1475 14.1258 21.8813 14.5143 21.5298C14.9029 21.1783 15.2135 20.7494 15.4263 20.2707C15.6391 19.7919 15.7494 19.2739 15.75 18.75V18H21C21.1989 18 21.3897 17.921 21.5303 17.7803C21.671 17.6397 21.75 17.4489 21.75 17.25V15C21.75 14.8011 21.671 14.6104 21.5303 14.4697ZM14.25 18.75C14.25 19.3467 14.0129 19.919 13.591 20.341C13.169 20.7629 12.5967 21 12 21C11.4033 21 10.831 20.7629 10.409 20.341C9.98705 19.919 9.75 19.3467 9.75 18.75V18H14.25V18.75ZM20.25 16.5H3.75V15.3106L5.78025 13.2802C5.92091 13.1396 5.99996 12.9489 6 12.75V9.75C6 8.1587 6.63214 6.63258 7.75736 5.50736C8.88258 4.38214 10.4087 3.75 12 3.75C13.5913 3.75 15.1174 4.38214 16.2426 5.50736C17.3679 6.63258 18 8.1587 18 9.75V12.75C18 12.9489 18.0791 13.1396 18.2197 13.2802L20.25 15.3106V16.5Z', fill: '#020210' }) })));
-};
+    return (_jsx("svg", __assign({ ref: ref, width: '24', height: '24', viewBox: '0 0 24 24', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', className: className, onClick: onClick }, props, { children: _jsx("path", { d: 'M21.5303 14.4697L19.5 12.4394V9.75C19.4976 7.89146 18.8061 6.09983 17.5593 4.72154C16.3126 3.34326 14.599 2.47622 12.75 2.2881V0.75H11.25V2.2881C9.40101 2.47622 7.68744 3.34326 6.44065 4.72154C5.19386 6.09983 4.50241 7.89146 4.5 9.75V12.4394L2.46968 14.4697C2.32904 14.6104 2.25002 14.8011 2.25 15V17.25C2.25 17.4489 2.32902 17.6397 2.46967 17.7803C2.61032 17.921 2.80109 18 3 18H8.25V18.5826C8.23374 19.534 8.56913 20.458 9.19191 21.1775C9.81469 21.897 10.6811 22.3613 11.625 22.4816C12.1464 22.5334 12.6728 22.4754 13.1704 22.3115C13.668 22.1475 14.1258 21.8813 14.5143 21.5298C14.9029 21.1783 15.2135 20.7494 15.4263 20.2707C15.6391 19.7919 15.7494 19.2739 15.75 18.75V18H21C21.1989 18 21.3897 17.921 21.5303 17.7803C21.671 17.6397 21.75 17.4489 21.75 17.25V15C21.75 14.8011 21.671 14.6104 21.5303 14.4697ZM14.25 18.75C14.25 19.3467 14.0129 19.919 13.591 20.341C13.169 20.7629 12.5967 21 12 21C11.4033 21 10.831 20.7629 10.409 20.341C9.98705 19.919 9.75 19.3467 9.75 18.75V18H14.25V18.75ZM20.25 16.5H3.75V15.3106L5.78025 13.2802C5.92091 13.1396 5.99996 12.9489 6 12.75V9.75C6 8.1587 6.63214 6.63258 7.75736 5.50736C8.88258 4.38214 10.4087 3.75 12 3.75C13.5913 3.75 15.1174 4.38214 16.2426 5.50736C17.3679 6.63258 18 8.1587 18 9.75V12.75C18 12.9489 18.0791 13.1396 18.2197 13.2802L20.25 15.3106V16.5Z', fill: '#020210' }) })));
+});
+Notification.displayName = 'Notification';
 //# sourceMappingURL=Notification.js.map

package/dist/icons/Notification.js.map

@@ -1 +1 @@
-{"version":3,"file":"Notification.js","sourceRoot":"","sources":["../../src/icons/Notification.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAGA,MAAM,CAAC,IAAM,YAAY,GAAuB,UAAC,EAAgC;IAA9B,IAAA,SAAS,eAAA,EAAE,OAAO,aAAA,EAAK,KAAK,cAA9B,wBAAgC,CAAF;IAC7E,OAAO,CACL,uBACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,IACZ,KAAK,cAET,eACE,CAAC,EAAC,wxCAAwxC,EAC1xC,IAAI,EAAC,SAAS,GACd,IACE,CACP,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"Notification.js","sourceRoot":"","sources":["../../src/icons/Notification.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAGzC,MAAM,CAAC,IAAM,YAAY,GAAG,UAAU,CACpC,UAAC,EAAgC,EAAE,GAAG;IAAnC,IAAA,SAAS,eAAA,EAAE,OAAO,aAAA,EAAK,KAAK,cAA9B,wBAAgC,CAAF;IAC7B,OAAO,CACL,uBACE,GAAG,EAAE,GAAG,EACR,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,IACZ,KAAK,cAET,eACE,CAAC,EAAC,wxCAAwxC,EAC1xC,IAAI,EAAC,SAAS,GACd,IACE,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,YAAY,CAAC,WAAW,GAAG,cAAc,CAAA"}

package/dist/icons/NotificationsOutlined.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { SvgProps } from './svgTypes.interface';
-export declare const NotificationsOutlined: React.FC<SvgProps>;
+export declare const NotificationsOutlined: React.ForwardRefExoticComponent<Omit<SvgProps, "ref"> & React.RefAttributes<SVGSVGElement>>;

package/dist/icons/NotificationsOutlined.js

@@ -21,8 +21,10 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-export var NotificationsOutlined = function (_a) {
+import { forwardRef } from 'react';
+export var NotificationsOutlined = forwardRef(function (_a, ref) {
     var className = _a.className, onClick = _a.onClick, _b = _a.fill, fill = _b === void 0 ? '#68707A' : _b, props = __rest(_a, ["className", "onClick", "fill"]);
-    return (_jsx("svg", __assign({ width: '24', height: '24', viewBox: '0 -960 960 960', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', className: className, onClick: onClick }, props, { children: _jsx("path", { d: 'M160-200v-80h80v-280q0-83 50-147.5T420-792v-28q0-25 17.5-42.5T480-880q25 0 42.5 17.5T540-820v28q80 20 130 84.5T720-560v280h80v80H160Zm320-300Zm0 420q-33 0-56.5-23.5T400-160h160q0 33-23.5 56.5T480-80ZM320-280h320v-280q0-66-47-113t-113-47q-66 0-113 47t-47 113v280Z', fill: fill }) })));
-};
+    return (_jsx("svg", __assign({ ref: ref, width: '24', height: '24', viewBox: '0 -960 960 960', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', className: className, onClick: onClick }, props, { children: _jsx("path", { d: 'M160-200v-80h80v-280q0-83 50-147.5T420-792v-28q0-25 17.5-42.5T480-880q25 0 42.5 17.5T540-820v28q80 20 130 84.5T720-560v280h80v80H160Zm320-300Zm0 420q-33 0-56.5-23.5T400-160h160q0 33-23.5 56.5T480-80ZM320-280h320v-280q0-66-47-113t-113-47q-66 0-113 47t-47 113v280Z', fill: fill }) })));
+});
+NotificationsOutlined.displayName = 'NotificationsOutlined';
 //# sourceMappingURL=NotificationsOutlined.js.map

package/dist/icons/NotificationsOutlined.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationsOutlined.js","sourceRoot":"","sources":["../../src/icons/NotificationsOutlined.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAGA,MAAM,CAAC,IAAM,qBAAqB,GAAuB,UAAC,EAKzD;IAJC,IAAA,SAAS,eAAA,EACT,OAAO,aAAA,EACP,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA,EACb,KAAK,cAJgD,gCAKzD,CADS;IAER,OAAO,CACL,uBACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,gBAAgB,EACxB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,IACZ,KAAK,cAET,eACE,CAAC,EAAC,wQAAwQ,EAC1Q,IAAI,EAAE,IAAI,GACV,IACE,CACP,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"NotificationsOutlined.js","sourceRoot":"","sources":["../../src/icons/NotificationsOutlined.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAGzC,MAAM,CAAC,IAAM,qBAAqB,GAAG,UAAU,CAC7C,UAAC,EAAkD,EAAE,GAAG;IAArD,IAAA,SAAS,eAAA,EAAE,OAAO,aAAA,EAAE,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA,EAAK,KAAK,cAAhD,gCAAkD,CAAF;IAC/C,OAAO,CACL,uBACE,GAAG,EAAE,GAAG,EACR,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,gBAAgB,EACxB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,IACZ,KAAK,cAET,eACE,CAAC,EAAC,wQAAwQ,EAC1Q,IAAI,EAAE,IAAI,GACV,IACE,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,qBAAqB,CAAC,WAAW,GAAG,uBAAuB,CAAA"}

package/dist/icons/OndemandVideoIcon.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { SvgProps } from './svgTypes.interface';
-export declare const OndemandVideoIcon: React.FC<SvgProps>;
+export declare const OndemandVideoIcon: React.ForwardRefExoticComponent<Omit<SvgProps, "ref"> & React.RefAttributes<SVGSVGElement>>;