@alfalab/icons-glyph 2.293.3 → 2.295.0

package/ArrowBackCircleMIcon.js

@@ -9,8 +9,9 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var ArrowBackCircleMIcon = function (props) { return (React__default.default.createElement("svg", tslib_es6.__assign({ role: "img", focusable: "false", fill: "currentColor", width: "24", height: "24", viewBox: "0 0 24 24" }, props),
-    React__default.default.createElement("path", { d: "M19.07 4.929c3.906 3.905 3.906 10.237 0 14.142-3.904 3.905-10.236 3.905-14.141 0-3.905-3.905-3.905-10.237 0-14.142 3.905-3.905 10.237-3.905 14.142 0zM9 10.8h3.3c2.1 0 4.2.9 5.7 2.4l.9.9-1.4 1.4-.9-.9c-1.2-1.2-2.7-1.8-4.3-1.8H9l2.9 3-1.4 1.4-5.2-5.4 5.2-5.3 1.4 1.4L9 10.8z", fillRule: "evenodd", clipRule: "evenodd" }))); };
+var ArrowBackCircleMIcon = React.forwardRef(function (props, ref) { return (React__default.default.createElement("svg", tslib_es6.__assign({ ref: ref, role: "img", focusable: "false", fill: "currentColor", width: "24", height: "24", viewBox: "0 0 24 24" }, props),
+    React__default.default.createElement("path", { d: "M19.07 4.929c3.906 3.905 3.906 10.237 0 14.142-3.904 3.905-10.236 3.905-14.141 0-3.905-3.905-3.905-10.237 0-14.142 3.905-3.905 10.237-3.905 14.142 0zM9 10.8h3.3c2.1 0 4.2.9 5.7 2.4l.9.9-1.4 1.4-.9-.9c-1.2-1.2-2.7-1.8-4.3-1.8H9l2.9 3-1.4 1.4-5.2-5.4 5.2-5.3 1.4 1.4L9 10.8z", fillRule: "evenodd", clipRule: "evenodd" }))); });
+ArrowBackCircleMIcon.displayName = 'ArrowBackCircleMIcon';
 
 exports.ArrowBackCircleMIcon = ArrowBackCircleMIcon;
 exports.default = ArrowBackCircleMIcon;

package/ArrowBackHeavyMIcon.d.ts

@@ -1,3 +1,3 @@
-import React, { SVGProps } from 'react';
-export declare const ArrowBackHeavyMIcon: React.FC<SVGProps<SVGSVGElement>>;
+import React from 'react';
+export declare const ArrowBackHeavyMIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
 export default ArrowBackHeavyMIcon;

package/ArrowBackHeavyMIcon.js

@@ -9,8 +9,9 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var ArrowBackHeavyMIcon = function (props) { return (React__default.default.createElement("svg", tslib_es6.__assign({ role: "img", focusable: "false", fill: "currentColor", width: "24", height: "24", viewBox: "0 0 24 24" }, props),
-    React__default.default.createElement("path", { d: "M1 12l8.25-9 2.25 2.25-5.25 5.25H23v3H6.25l5.25 5.25L9.25 21 1 12z" }))); };
+var ArrowBackHeavyMIcon = React.forwardRef(function (props, ref) { return (React__default.default.createElement("svg", tslib_es6.__assign({ ref: ref, role: "img", focusable: "false", fill: "currentColor", width: "24", height: "24", viewBox: "0 0 24 24" }, props),
+    React__default.default.createElement("path", { d: "M1 12l8.25-9 2.25 2.25-5.25 5.25H23v3H6.25l5.25 5.25L9.25 21 1 12z" }))); });
+ArrowBackHeavyMIcon.displayName = 'ArrowBackHeavyMIcon';
 
 exports.ArrowBackHeavyMIcon = ArrowBackHeavyMIcon;
 exports.default = ArrowBackHeavyMIcon;

package/ArrowBackMIcon.d.ts

@@ -1,3 +1,3 @@
-import React, { SVGProps } from 'react';
-export declare const ArrowBackMIcon: React.FC<SVGProps<SVGSVGElement>>;
+import React from 'react';
+export declare const ArrowBackMIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
 export default ArrowBackMIcon;

package/ArrowBackMIcon.js

@@ -9,8 +9,9 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var ArrowBackMIcon = function (props) { return (React__default.default.createElement("svg", tslib_es6.__assign({ role: "img", focusable: "false", fill: "currentColor", width: "24", height: "24", viewBox: "0 0 24 24" }, props),
-    React__default.default.createElement("path", { d: "M7.5 13H19v-2H7.5L11 7.5 9.5 6 4 12l5.5 6 1.5-1.5L7.5 13z" }))); };
+var ArrowBackMIcon = React.forwardRef(function (props, ref) { return (React__default.default.createElement("svg", tslib_es6.__assign({ ref: ref, role: "img", focusable: "false", fill: "currentColor", width: "24", height: "24", viewBox: "0 0 24 24" }, props),
+    React__default.default.createElement("path", { d: "M7.5 13H19v-2H7.5L11 7.5 9.5 6 4 12l5.5 6 1.5-1.5L7.5 13z" }))); });
+ArrowBackMIcon.displayName = 'ArrowBackMIcon';
 
 exports.ArrowBackMIcon = ArrowBackMIcon;
 exports.default = ArrowBackMIcon;

package/ArrowDownBoldContainerMIcon.d.ts

@@ -1,3 +1,3 @@
-import React, { SVGProps } from 'react';
-export declare const ArrowDownBoldContainerMIcon: React.FC<SVGProps<SVGSVGElement>>;
+import React from 'react';
+export declare const ArrowDownBoldContainerMIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
 export default ArrowDownBoldContainerMIcon;

package/ArrowDownBoldContainerMIcon.js

@@ -9,9 +9,10 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var ArrowDownBoldContainerMIcon = function (props) { return (React__default.default.createElement("svg", tslib_es6.__assign({ role: "img", focusable: "false", fill: "currentColor", width: "24", height: "24", viewBox: "0 0 24 24" }, props),
+var ArrowDownBoldContainerMIcon = React.forwardRef(function (props, ref) { return (React__default.default.createElement("svg", tslib_es6.__assign({ ref: ref, role: "img", focusable: "false", fill: "currentColor", width: "24", height: "24", viewBox: "0 0 24 24" }, props),
     React__default.default.createElement("path", { d: "M6.35 8H9V2h6v6h2.65c.484 0 .75.562.442.935l-5.609 6.818A.669.669 0 0112 16a.669.669 0 01-.483-.247l-5.61-6.818A.572.572 0 016.35 8z" }),
-    React__default.default.createElement("path", { d: "M9.986 17.036L8.31 15H2v4a2 2 0 002 2h16a2 2 0 002-2v-4h-6.31l-1.676 2.036-.014.016c-.453.527-1.147.933-1.965.947L12 18h-.035c-.819-.015-1.512-.421-1.965-.948l-.014-.016z" }))); };
+    React__default.default.createElement("path", { d: "M9.986 17.036L8.31 15H2v4a2 2 0 002 2h16a2 2 0 002-2v-4h-6.31l-1.676 2.036-.014.016c-.453.527-1.147.933-1.965.947L12 18h-.035c-.819-.015-1.512-.421-1.965-.948l-.014-.016z" }))); });
+ArrowDownBoldContainerMIcon.displayName = 'ArrowDownBoldContainerMIcon';
 
 exports.ArrowDownBoldContainerMIcon = ArrowDownBoldContainerMIcon;
 exports.default = ArrowDownBoldContainerMIcon;

package/ArrowDownBoldContainerSIcon.d.ts

@@ -1,3 +1,3 @@
-import React, { SVGProps } from 'react';
-export declare const ArrowDownBoldContainerSIcon: React.FC<SVGProps<SVGSVGElement>>;
+import React from 'react';
+export declare const ArrowDownBoldContainerSIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
 export default ArrowDownBoldContainerSIcon;

package/ArrowDownBoldContainerSIcon.js

@@ -9,9 +9,10 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var ArrowDownBoldContainerSIcon = function (props) { return (React__default.default.createElement("svg", tslib_es6.__assign({ role: "img", focusable: "false", fill: "currentColor", width: "16", height: "16", viewBox: "0 0 16 16" }, props),
+var ArrowDownBoldContainerSIcon = React.forwardRef(function (props, ref) { return (React__default.default.createElement("svg", tslib_es6.__assign({ ref: ref, role: "img", focusable: "false", fill: "currentColor", width: "16", height: "16", viewBox: "0 0 16 16" }, props),
     React__default.default.createElement("path", { d: "M6.232 12.352a2.5 2.5 0 003.536 0L12.12 10H15v3a2 2 0 01-2 2H3a2 2 0 01-2-2v-3h2.88l2.352 2.352z" }),
-    React__default.default.createElement("path", { d: "M10 5.999h1.586c.89 0 1.337 1.078.707 1.708l-3.585 3.585a1 1 0 01-1.414 0L3.709 7.707c-.63-.63-.184-1.708.707-1.708H6V1h4v4.999z" }))); };
+    React__default.default.createElement("path", { d: "M10 5.999h1.586c.89 0 1.337 1.078.707 1.708l-3.585 3.585a1 1 0 01-1.414 0L3.709 7.707c-.63-.63-.184-1.708.707-1.708H6V1h4v4.999z" }))); });
+ArrowDownBoldContainerSIcon.displayName = 'ArrowDownBoldContainerSIcon';
 
 exports.ArrowDownBoldContainerSIcon = ArrowDownBoldContainerSIcon;
 exports.default = ArrowDownBoldContainerSIcon;

package/ArrowDownCircleMIcon.d.ts

@@ -1,3 +1,3 @@
-import React, { SVGProps } from 'react';
-export declare const ArrowDownCircleMIcon: React.FC<SVGProps<SVGSVGElement>>;
+import React from 'react';
+export declare const ArrowDownCircleMIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
 export default ArrowDownCircleMIcon;

package/ArrowDownCircleMIcon.js

@@ -9,8 +9,9 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var ArrowDownCircleMIcon = function (props) { return (React__default.default.createElement("svg", tslib_es6.__assign({ role: "img", focusable: "false", fill: "currentColor", width: "24", height: "24", viewBox: "0 0 24 24" }, props),
-    React__default.default.createElement("path", { d: "M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10zm-10 5.344l-4.906-4.4 1.336-1.49L11 13.76V7h2v6.757l2.566-2.305 1.336 1.488L12 17.344z", fillRule: "evenodd", clipRule: "evenodd" }))); };
+var ArrowDownCircleMIcon = React.forwardRef(function (props, ref) { return (React__default.default.createElement("svg", tslib_es6.__assign({ ref: ref, role: "img", focusable: "false", fill: "currentColor", width: "24", height: "24", viewBox: "0 0 24 24" }, props),
+    React__default.default.createElement("path", { d: "M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10zm-10 5.344l-4.906-4.4 1.336-1.49L11 13.76V7h2v6.757l2.566-2.305 1.336 1.488L12 17.344z", fillRule: "evenodd", clipRule: "evenodd" }))); });
+ArrowDownCircleMIcon.displayName = 'ArrowDownCircleMIcon';
 
 exports.ArrowDownCircleMIcon = ArrowDownCircleMIcon;
 exports.default = ArrowDownCircleMIcon;

package/ArrowDownCompactXsIcon.d.ts

@@ -1,3 +1,3 @@
-import React, { SVGProps } from 'react';
-export declare const ArrowDownCompactXsIcon: React.FC<SVGProps<SVGSVGElement>>;
+import React from 'react';
+export declare const ArrowDownCompactXsIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
 export default ArrowDownCompactXsIcon;

package/ArrowDownCompactXsIcon.js

@@ -9,8 +9,9 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var ArrowDownCompactXsIcon = function (props) { return (React__default.default.createElement("svg", tslib_es6.__assign({ role: "img", focusable: "false", fill: "currentColor", width: "12", height: "12", viewBox: "0 0 12 12" }, props),
-    React__default.default.createElement("path", { d: "M8.818 5.904c.698-.837 1.047-1.255 1.052-1.609a1 1 0 00-.371-.793c-.275-.222-.82-.222-1.91-.222H4.421c-1.09 0-1.634 0-1.91.222a1 1 0 00-.37.793c.005.354.353.772 1.05 1.61l1.585 1.9c.422.507.633.76.886.852a1 1 0 00.686 0c.253-.092.464-.345.886-.852l1.584-1.9z", fillRule: "evenodd", clipRule: "evenodd" }))); };
+var ArrowDownCompactXsIcon = React.forwardRef(function (props, ref) { return (React__default.default.createElement("svg", tslib_es6.__assign({ ref: ref, role: "img", focusable: "false", fill: "currentColor", width: "12", height: "12", viewBox: "0 0 12 12" }, props),
+    React__default.default.createElement("path", { d: "M8.818 5.904c.698-.837 1.047-1.255 1.052-1.609a1 1 0 00-.371-.793c-.275-.222-.82-.222-1.91-.222H4.421c-1.09 0-1.634 0-1.91.222a1 1 0 00-.37.793c.005.354.353.772 1.05 1.61l1.585 1.9c.422.507.633.76.886.852a1 1 0 00.686 0c.253-.092.464-.345.886-.852l1.584-1.9z", fillRule: "evenodd", clipRule: "evenodd" }))); });
+ArrowDownCompactXsIcon.displayName = 'ArrowDownCompactXsIcon';
 
 exports.ArrowDownCompactXsIcon = ArrowDownCompactXsIcon;
 exports.default = ArrowDownCompactXsIcon;

package/ArrowDownLineDownCompactMIcon.d.ts

@@ -1,3 +1,3 @@
-import React, { SVGProps } from 'react';
-export declare const ArrowDownLineDownCompactMIcon: React.FC<SVGProps<SVGSVGElement>>;
+import React from 'react';
+export declare const ArrowDownLineDownCompactMIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
 export default ArrowDownLineDownCompactMIcon;

package/ArrowDownLineDownCompactMIcon.js

@@ -9,8 +9,9 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var ArrowDownLineDownCompactMIcon = function (props) { return (React__default.default.createElement("svg", tslib_es6.__assign({ role: "img", focusable: "false", fill: "currentColor", width: "24", height: "24", viewBox: "0 0 24 24" }, props),
-    React__default.default.createElement("path", { d: "M15.889 10.165l-3.014 2.994V4h-1.75v9.16l-3.014-2.995-1.224 1.27L12 16.516l5.113-5.08-1.224-1.27zM19 20v-1.778H5V20h14z" }))); };
+var ArrowDownLineDownCompactMIcon = React.forwardRef(function (props, ref) { return (React__default.default.createElement("svg", tslib_es6.__assign({ ref: ref, role: "img", focusable: "false", fill: "currentColor", width: "24", height: "24", viewBox: "0 0 24 24" }, props),
+    React__default.default.createElement("path", { d: "M15.889 10.165l-3.014 2.994V4h-1.75v9.16l-3.014-2.995-1.224 1.27L12 16.516l5.113-5.08-1.224-1.27zM19 20v-1.778H5V20h14z" }))); });
+ArrowDownLineDownCompactMIcon.displayName = 'ArrowDownLineDownCompactMIcon';
 
 exports.ArrowDownLineDownCompactMIcon = ArrowDownLineDownCompactMIcon;
 exports.default = ArrowDownLineDownCompactMIcon;

package/ArrowDownLineDownMIcon.d.ts

@@ -1,3 +1,3 @@
-import React, { SVGProps } from 'react';
-export declare const ArrowDownLineDownMIcon: React.FC<SVGProps<SVGSVGElement>>;
+import React from 'react';
+export declare const ArrowDownLineDownMIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
 export default ArrowDownLineDownMIcon;

package/ArrowDownLineDownMIcon.js

@@ -9,8 +9,9 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var ArrowDownLineDownMIcon = function (props) { return (React__default.default.createElement("svg", tslib_es6.__assign({ role: "img", focusable: "false", fill: "currentColor", width: "24", height: "24", viewBox: "0 0 24 24" }, props),
-    React__default.default.createElement("path", { d: "M16.444 9.935L13 13.305V3h-2v10.304L7.556 9.935l-1.399 1.43L12 17.08l5.843-5.715-1.399-1.43zM20 21v-2H4v2h16z" }))); };
+var ArrowDownLineDownMIcon = React.forwardRef(function (props, ref) { return (React__default.default.createElement("svg", tslib_es6.__assign({ ref: ref, role: "img", focusable: "false", fill: "currentColor", width: "24", height: "24", viewBox: "0 0 24 24" }, props),
+    React__default.default.createElement("path", { d: "M16.444 9.935L13 13.305V3h-2v10.304L7.556 9.935l-1.399 1.43L12 17.08l5.843-5.715-1.399-1.43zM20 21v-2H4v2h16z" }))); });
+ArrowDownLineDownMIcon.displayName = 'ArrowDownLineDownMIcon';
 
 exports.ArrowDownLineDownMIcon = ArrowDownLineDownMIcon;
 exports.default = ArrowDownLineDownMIcon;

package/ArrowDownLineDownSIcon.d.ts

@@ -1,3 +1,3 @@
-import React, { SVGProps } from 'react';
-export declare const ArrowDownLineDownSIcon: React.FC<SVGProps<SVGSVGElement>>;
+import React from 'react';
+export declare const ArrowDownLineDownSIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
 export default ArrowDownLineDownSIcon;

package/ArrowDownLineDownSIcon.js

@@ -9,8 +9,9 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var ArrowDownLineDownSIcon = function (props) { return (React__default.default.createElement("svg", tslib_es6.__assign({ role: "img", focusable: "false", fill: "currentColor", width: "16", height: "16", viewBox: "0 0 16 16" }, props),
-    React__default.default.createElement("path", { d: "M10.963 6.623L8.667 8.87V2H7.334v6.87L5.037 6.622l-.932.954L8 11.387l3.896-3.81-.933-.954zM13.334 14v-1.333H2.667V14h10.667z" }))); };
+var ArrowDownLineDownSIcon = React.forwardRef(function (props, ref) { return (React__default.default.createElement("svg", tslib_es6.__assign({ ref: ref, role: "img", focusable: "false", fill: "currentColor", width: "16", height: "16", viewBox: "0 0 16 16" }, props),
+    React__default.default.createElement("path", { d: "M10.963 6.623L8.667 8.87V2H7.334v6.87L5.037 6.622l-.932.954L8 11.387l3.896-3.81-.933-.954zM13.334 14v-1.333H2.667V14h10.667z" }))); });
+ArrowDownLineDownSIcon.displayName = 'ArrowDownLineDownSIcon';
 
 exports.ArrowDownLineDownSIcon = ArrowDownLineDownSIcon;
 exports.default = ArrowDownLineDownSIcon;

package/ArrowDownMIcon.d.ts

@@ -1,3 +1,3 @@
-import React, { SVGProps } from 'react';
-export declare const ArrowDownMIcon: React.FC<SVGProps<SVGSVGElement>>;
+import React from 'react';
+export declare const ArrowDownMIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
 export default ArrowDownMIcon;

package/ArrowDownMIcon.js

@@ -9,8 +9,9 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var ArrowDownMIcon = function (props) { return (React__default.default.createElement("svg", tslib_es6.__assign({ role: "img", focusable: "false", fill: "currentColor", width: "24", height: "24", viewBox: "0 0 24 24" }, props),
-    React__default.default.createElement("path", { d: "M11 16.5V5h2v11.5l3.5-3.5 1.5 1.5-6 5.5-6-5.5L7.5 13l3.5 3.5z" }))); };
+var ArrowDownMIcon = React.forwardRef(function (props, ref) { return (React__default.default.createElement("svg", tslib_es6.__assign({ ref: ref, role: "img", focusable: "false", fill: "currentColor", width: "24", height: "24", viewBox: "0 0 24 24" }, props),
+    React__default.default.createElement("path", { d: "M11 16.5V5h2v11.5l3.5-3.5 1.5 1.5-6 5.5-6-5.5L7.5 13l3.5 3.5z" }))); });
+ArrowDownMIcon.displayName = 'ArrowDownMIcon';
 
 exports.ArrowDownMIcon = ArrowDownMIcon;
 exports.default = ArrowDownMIcon;

package/ArrowDownSIcon.d.ts

@@ -1,3 +1,3 @@
-import React, { SVGProps } from 'react';
-export declare const ArrowDownSIcon: React.FC<SVGProps<SVGSVGElement>>;
+import React from 'react';
+export declare const ArrowDownSIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
 export default ArrowDownSIcon;

package/ArrowDownSIcon.js

@@ -9,8 +9,9 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var ArrowDownSIcon = function (props) { return (React__default.default.createElement("svg", tslib_es6.__assign({ role: "img", focusable: "false", fill: "currentColor", width: "16", height: "16", viewBox: "0 0 16 16" }, props),
-    React__default.default.createElement("path", { d: "M11.157 7.926l-2.446 2.392V3H7.29v7.318L4.843 7.926 3.85 8.94 8 13l4.15-4.059-.994-1.015z" }))); };
+var ArrowDownSIcon = React.forwardRef(function (props, ref) { return (React__default.default.createElement("svg", tslib_es6.__assign({ ref: ref, role: "img", focusable: "false", fill: "currentColor", width: "16", height: "16", viewBox: "0 0 16 16" }, props),
+    React__default.default.createElement("path", { d: "M11.157 7.926l-2.446 2.392V3H7.29v7.318L4.843 7.926 3.85 8.94 8 13l4.15-4.059-.994-1.015z" }))); });
+ArrowDownSIcon.displayName = 'ArrowDownSIcon';
 
 exports.ArrowDownSIcon = ArrowDownSIcon;
 exports.default = ArrowDownSIcon;

package/ArrowDownTriangleMIcon.d.ts

@@ -1,3 +1,3 @@
-import React, { SVGProps } from 'react';
-export declare const ArrowDownTriangleMIcon: React.FC<SVGProps<SVGSVGElement>>;
+import React from 'react';
+export declare const ArrowDownTriangleMIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
 export default ArrowDownTriangleMIcon;

package/ArrowDownTriangleMIcon.js

@@ -9,8 +9,9 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var ArrowDownTriangleMIcon = function (props) { return (React__default.default.createElement("svg", tslib_es6.__assign({ role: "img", focusable: "false", fill: "currentColor", width: "24", height: "24", viewBox: "0 0 24 24" }, props),
-    React__default.default.createElement("path", { d: "M14.911 11.896c.722-.924 1.083-1.386 1.089-1.776a1.133 1.133 0 00-.384-.875C15.33 9 14.767 9 13.639 9h-3.278c-1.128 0-1.692 0-1.977.245A1.134 1.134 0 008 10.12c.006.39.367.852 1.089 1.776l1.639 2.097c.437.559.655.838.917.94.23.09.48.09.71 0 .262-.102.48-.381.917-.94l1.64-2.098z", fillRule: "evenodd", clipRule: "evenodd" }))); };
+var ArrowDownTriangleMIcon = React.forwardRef(function (props, ref) { return (React__default.default.createElement("svg", tslib_es6.__assign({ ref: ref, role: "img", focusable: "false", fill: "currentColor", width: "24", height: "24", viewBox: "0 0 24 24" }, props),
+    React__default.default.createElement("path", { d: "M14.911 11.896c.722-.924 1.083-1.386 1.089-1.776a1.133 1.133 0 00-.384-.875C15.33 9 14.767 9 13.639 9h-3.278c-1.128 0-1.692 0-1.977.245A1.134 1.134 0 008 10.12c.006.39.367.852 1.089 1.776l1.639 2.097c.437.559.655.838.917.94.23.09.48.09.71 0 .262-.102.48-.381.917-.94l1.64-2.098z", fillRule: "evenodd", clipRule: "evenodd" }))); });
+ArrowDownTriangleMIcon.displayName = 'ArrowDownTriangleMIcon';
 
 exports.ArrowDownTriangleMIcon = ArrowDownTriangleMIcon;
 exports.default = ArrowDownTriangleMIcon;

package/ArrowDownTriangleSIcon.d.ts

@@ -1,3 +1,3 @@
-import React, { SVGProps } from 'react';
-export declare const ArrowDownTriangleSIcon: React.FC<SVGProps<SVGSVGElement>>;
+import React from 'react';
+export declare const ArrowDownTriangleSIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
 export default ArrowDownTriangleSIcon;

package/ArrowDownTriangleSIcon.js

@@ -9,8 +9,9 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var ArrowDownTriangleSIcon = function (props) { return (React__default.default.createElement("svg", tslib_es6.__assign({ role: "img", focusable: "false", fill: "currentColor", width: "16", height: "16", viewBox: "0 0 16 16" }, props),
-    React__default.default.createElement("path", { d: "M11.64 7.875c.902-1.083 1.353-1.624 1.36-2.081a1.294 1.294 0 00-.48-1.026c-.356-.288-1.061-.288-2.47-.288h-4.1c-1.409 0-2.114 0-2.47.288-.309.25-.486.628-.48 1.026.007.457.458.998 1.36 2.081l2.05 2.46c.546.655.819.982 1.146 1.102.287.105.601.105.888 0 .327-.12.6-.447 1.146-1.103l2.05-2.459z", fillRule: "evenodd", clipRule: "evenodd" }))); };
+var ArrowDownTriangleSIcon = React.forwardRef(function (props, ref) { return (React__default.default.createElement("svg", tslib_es6.__assign({ ref: ref, role: "img", focusable: "false", fill: "currentColor", width: "16", height: "16", viewBox: "0 0 16 16" }, props),
+    React__default.default.createElement("path", { d: "M11.64 7.875c.902-1.083 1.353-1.624 1.36-2.081a1.294 1.294 0 00-.48-1.026c-.356-.288-1.061-.288-2.47-.288h-4.1c-1.409 0-2.114 0-2.47.288-.309.25-.486.628-.48 1.026.007.457.458.998 1.36 2.081l2.05 2.46c.546.655.819.982 1.146 1.102.287.105.601.105.888 0 .327-.12.6-.447 1.146-1.103l2.05-2.459z", fillRule: "evenodd", clipRule: "evenodd" }))); });
+ArrowDownTriangleSIcon.displayName = 'ArrowDownTriangleSIcon';
 
 exports.ArrowDownTriangleSIcon = ArrowDownTriangleSIcon;
 exports.default = ArrowDownTriangleSIcon;

package/ArrowDownUpMIcon.d.ts

@@ -1,3 +1,3 @@
-import React, { SVGProps } from 'react';
-export declare const ArrowDownUpMIcon: React.FC<SVGProps<SVGSVGElement>>;
+import React from 'react';
+export declare const ArrowDownUpMIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
 export default ArrowDownUpMIcon;

package/ArrowDownUpMIcon.js

@@ -9,8 +9,9 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var ArrowDownUpMIcon = function (props) { return (React__default.default.createElement("svg", tslib_es6.__assign({ role: "img", focusable: "false", fill: "currentColor", width: "24", height: "24", viewBox: "0 0 24 24" }, props),
-    React__default.default.createElement("path", { d: "M8.135 3.015c.005.354.354.772 1.052 1.61l1.584 1.9c.422.507.633.76.886.852a1 1 0 00.686 0c.253-.092.464-.345.886-.852l1.584-1.9c.698-.838 1.046-1.256 1.052-1.61a1 1 0 00-.372-.793C15.22 2 14.673 2 13.583 2h-3.167c-1.09 0-1.635 0-1.91.222a1 1 0 00-.37.793zm0 17.97c.005-.354.354-.772 1.052-1.61l1.584-1.9c.422-.507.633-.76.886-.852a1 1 0 01.686 0c.253.092.464.345.886.852l1.584 1.9c.698.838 1.046 1.256 1.052 1.61a1 1 0 01-.372.793c-.274.222-.82.222-1.91.222h-3.167c-1.09 0-1.635 0-1.91-.222a1 1 0 01-.37-.793z" }))); };
+var ArrowDownUpMIcon = React.forwardRef(function (props, ref) { return (React__default.default.createElement("svg", tslib_es6.__assign({ ref: ref, role: "img", focusable: "false", fill: "currentColor", width: "24", height: "24", viewBox: "0 0 24 24" }, props),
+    React__default.default.createElement("path", { d: "M8.135 3.015c.005.354.354.772 1.052 1.61l1.584 1.9c.422.507.633.76.886.852a1 1 0 00.686 0c.253-.092.464-.345.886-.852l1.584-1.9c.698-.838 1.046-1.256 1.052-1.61a1 1 0 00-.372-.793C15.22 2 14.673 2 13.583 2h-3.167c-1.09 0-1.635 0-1.91.222a1 1 0 00-.37.793zm0 17.97c.005-.354.354-.772 1.052-1.61l1.584-1.9c.422-.507.633-.76.886-.852a1 1 0 01.686 0c.253.092.464.345.886.852l1.584 1.9c.698.838 1.046 1.256 1.052 1.61a1 1 0 01-.372.793c-.274.222-.82.222-1.91.222h-3.167c-1.09 0-1.635 0-1.91-.222a1 1 0 01-.37-.793z" }))); });
+ArrowDownUpMIcon.displayName = 'ArrowDownUpMIcon';
 
 exports.ArrowDownUpMIcon = ArrowDownUpMIcon;
 exports.default = ArrowDownUpMIcon;

package/ArrowForwardBigMIcon.d.ts

@@ -1,3 +1,3 @@
-import React, { SVGProps } from 'react';
-export declare const ArrowForwardBigMIcon: React.FC<SVGProps<SVGSVGElement>>;
+import React from 'react';
+export declare const ArrowForwardBigMIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
 export default ArrowForwardBigMIcon;

package/ArrowForwardBigMIcon.js

@@ -9,8 +9,9 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var ArrowForwardBigMIcon = function (props) { return (React__default.default.createElement("svg", tslib_es6.__assign({ role: "img", focusable: "false", fill: "currentColor", width: "24", height: "24", viewBox: "0 0 24 24" }, props),
-    React__default.default.createElement("path", { d: "M12 4.838v2.774c-5.281.285-9.814 4.53-9.945 9.807L2 19.64h1.072a9.212 9.212 0 016.994-3.2H12v2.72c0 .713.845 1.1 1.396.64l8.33-7.2A.806.806 0 0022 12a.81.81 0 00-.274-.603L13.396 4.2C12.845 3.74 12 4.126 12 4.84z" }))); };
+var ArrowForwardBigMIcon = React.forwardRef(function (props, ref) { return (React__default.default.createElement("svg", tslib_es6.__assign({ ref: ref, role: "img", focusable: "false", fill: "currentColor", width: "24", height: "24", viewBox: "0 0 24 24" }, props),
+    React__default.default.createElement("path", { d: "M12 4.838v2.774c-5.281.285-9.814 4.53-9.945 9.807L2 19.64h1.072a9.212 9.212 0 016.994-3.2H12v2.72c0 .713.845 1.1 1.396.64l8.33-7.2A.806.806 0 0022 12a.81.81 0 00-.274-.603L13.396 4.2C12.845 3.74 12 4.126 12 4.84z" }))); });
+ArrowForwardBigMIcon.displayName = 'ArrowForwardBigMIcon';
 
 exports.ArrowForwardBigMIcon = ArrowForwardBigMIcon;
 exports.default = ArrowForwardBigMIcon;

package/ArrowForwardCircleMIcon.d.ts

@@ -1,3 +1,3 @@
-import React, { SVGProps } from 'react';
-export declare const ArrowForwardCircleMIcon: React.FC<SVGProps<SVGSVGElement>>;
+import React from 'react';
+export declare const ArrowForwardCircleMIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
 export default ArrowForwardCircleMIcon;

package/ArrowForwardCircleMIcon.js

@@ -9,8 +9,9 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var ArrowForwardCircleMIcon = function (props) { return (React__default.default.createElement("svg", tslib_es6.__assign({ role: "img", focusable: "false", fill: "currentColor", width: "24", height: "24", viewBox: "0 0 24 24" }, props),
-    React__default.default.createElement("path", { d: "M4.929 4.929c-3.905 3.905-3.905 10.237 0 14.142 3.905 3.905 10.237 3.905 14.142 0 3.905-3.905 3.905-10.237 0-14.142-3.905-3.905-10.237-3.905-14.142 0zM15 10.8h-3.3c-2.1 0-4.2.9-5.7 2.4l-.9.9 1.4 1.4.9-.9c1.2-1.2 2.7-1.8 4.3-1.8H15l-2.9 3 1.4 1.4 5.2-5.4-5.2-5.3-1.4 1.4 2.9 2.9z", fillRule: "evenodd", clipRule: "evenodd" }))); };
+var ArrowForwardCircleMIcon = React.forwardRef(function (props, ref) { return (React__default.default.createElement("svg", tslib_es6.__assign({ ref: ref, role: "img", focusable: "false", fill: "currentColor", width: "24", height: "24", viewBox: "0 0 24 24" }, props),
+    React__default.default.createElement("path", { d: "M4.929 4.929c-3.905 3.905-3.905 10.237 0 14.142 3.905 3.905 10.237 3.905 14.142 0 3.905-3.905 3.905-10.237 0-14.142-3.905-3.905-10.237-3.905-14.142 0zM15 10.8h-3.3c-2.1 0-4.2.9-5.7 2.4l-.9.9 1.4 1.4.9-.9c1.2-1.2 2.7-1.8 4.3-1.8H15l-2.9 3 1.4 1.4 5.2-5.4-5.2-5.3-1.4 1.4 2.9 2.9z", fillRule: "evenodd", clipRule: "evenodd" }))); });
+ArrowForwardCircleMIcon.displayName = 'ArrowForwardCircleMIcon';
 
 exports.ArrowForwardCircleMIcon = ArrowForwardCircleMIcon;
 exports.default = ArrowForwardCircleMIcon;

package/ArrowForwardMIcon.d.ts

@@ -1,3 +1,3 @@
-import React, { SVGProps } from 'react';
-export declare const ArrowForwardMIcon: React.FC<SVGProps<SVGSVGElement>>;
+import React from 'react';
+export declare const ArrowForwardMIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
 export default ArrowForwardMIcon;

package/ArrowForwardMIcon.js

@@ -9,8 +9,9 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var ArrowForwardMIcon = function (props) { return (React__default.default.createElement("svg", tslib_es6.__assign({ role: "img", focusable: "false", fill: "currentColor", width: "24", height: "24", viewBox: "0 0 24 24" }, props),
-    React__default.default.createElement("path", { d: "M16.5 13H5v-2h11.5L13 7.5 14.5 6l5.5 6-5.5 6-1.5-1.5 3.5-3.5z" }))); };
+var ArrowForwardMIcon = React.forwardRef(function (props, ref) { return (React__default.default.createElement("svg", tslib_es6.__assign({ ref: ref, role: "img", focusable: "false", fill: "currentColor", width: "24", height: "24", viewBox: "0 0 24 24" }, props),
+    React__default.default.createElement("path", { d: "M16.5 13H5v-2h11.5L13 7.5 14.5 6l5.5 6-5.5 6-1.5-1.5 3.5-3.5z" }))); });
+ArrowForwardMIcon.displayName = 'ArrowForwardMIcon';
 
 exports.ArrowForwardMIcon = ArrowForwardMIcon;
 exports.default = ArrowForwardMIcon;

package/ArrowLeftBigMIcon.d.ts

@@ -1,3 +1,3 @@
-import React, { SVGProps } from 'react';
-export declare const ArrowLeftBigMIcon: React.FC<SVGProps<SVGSVGElement>>;
+import React from 'react';
+export declare const ArrowLeftBigMIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
 export default ArrowLeftBigMIcon;

package/ArrowLeftBigMIcon.js

@@ -9,8 +9,9 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var ArrowLeftBigMIcon = function (props) { return (React__default.default.createElement("svg", tslib_es6.__assign({ role: "img", focusable: "false", fill: "currentColor", width: "24", height: "24", viewBox: "0 0 24 24" }, props),
-    React__default.default.createElement("path", { d: "M12 4.838v2.774c5.281.285 9.814 4.53 9.945 9.807L22 19.64h-1.072a9.212 9.212 0 00-6.994-3.2H12v2.72c0 .713-.845 1.1-1.396.64l-8.33-7.2A.806.806 0 012 12c0-.229.1-.449.274-.603l8.33-7.199c.551-.46 1.396-.073 1.396.64z" }))); };
+var ArrowLeftBigMIcon = React.forwardRef(function (props, ref) { return (React__default.default.createElement("svg", tslib_es6.__assign({ ref: ref, role: "img", focusable: "false", fill: "currentColor", width: "24", height: "24", viewBox: "0 0 24 24" }, props),
+    React__default.default.createElement("path", { d: "M12 4.838v2.774c5.281.285 9.814 4.53 9.945 9.807L22 19.64h-1.072a9.212 9.212 0 00-6.994-3.2H12v2.72c0 .713-.845 1.1-1.396.64l-8.33-7.2A.806.806 0 012 12c0-.229.1-.449.274-.603l8.33-7.199c.551-.46 1.396-.073 1.396.64z" }))); });
+ArrowLeftBigMIcon.displayName = 'ArrowLeftBigMIcon';
 
 exports.ArrowLeftBigMIcon = ArrowLeftBigMIcon;
 exports.default = ArrowLeftBigMIcon;

package/ArrowLeftCurvedBoldMIcon.d.ts

@@ -1,3 +1,3 @@
-import React, { SVGProps } from 'react';
-export declare const ArrowLeftCurvedBoldMIcon: React.FC<SVGProps<SVGSVGElement>>;
+import React from 'react';
+export declare const ArrowLeftCurvedBoldMIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
 export default ArrowLeftCurvedBoldMIcon;

package/ArrowLeftCurvedBoldMIcon.js

@@ -9,8 +9,9 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var ArrowLeftCurvedBoldMIcon = function (props) { return (React__default.default.createElement("svg", tslib_es6.__assign({ role: "img", focusable: "false", fill: "currentColor", width: "24", height: "24", viewBox: "0 0 24 24" }, props),
-    React__default.default.createElement("path", { d: "M12 4.838v2.774c5.281.285 9.814 4.53 9.945 9.807L22 19.64h-1.072a9.212 9.212 0 00-6.994-3.2H12v2.72c0 .713-.845 1.1-1.396.64l-8.33-7.2A.806.806 0 012 12c0-.229.1-.449.274-.603l8.33-7.199c.551-.46 1.396-.073 1.396.64z" }))); };
+var ArrowLeftCurvedBoldMIcon = React.forwardRef(function (props, ref) { return (React__default.default.createElement("svg", tslib_es6.__assign({ ref: ref, role: "img", focusable: "false", fill: "currentColor", width: "24", height: "24", viewBox: "0 0 24 24" }, props),
+    React__default.default.createElement("path", { d: "M12 4.838v2.774c5.281.285 9.814 4.53 9.945 9.807L22 19.64h-1.072a9.212 9.212 0 00-6.994-3.2H12v2.72c0 .713-.845 1.1-1.396.64l-8.33-7.2A.806.806 0 012 12c0-.229.1-.449.274-.603l8.33-7.199c.551-.46 1.396-.073 1.396.64z" }))); });
+ArrowLeftCurvedBoldMIcon.displayName = 'ArrowLeftCurvedBoldMIcon';
 
 exports.ArrowLeftCurvedBoldMIcon = ArrowLeftCurvedBoldMIcon;
 exports.default = ArrowLeftCurvedBoldMIcon;

package/ArrowLeftCurvedCircleMIcon.d.ts

@@ -1,3 +1,3 @@
-import React, { SVGProps } from 'react';
-export declare const ArrowLeftCurvedCircleMIcon: React.FC<SVGProps<SVGSVGElement>>;
+import React from 'react';
+export declare const ArrowLeftCurvedCircleMIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
 export default ArrowLeftCurvedCircleMIcon;

package/ArrowLeftCurvedCircleMIcon.js

@@ -9,8 +9,9 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var ArrowLeftCurvedCircleMIcon = function (props) { return (React__default.default.createElement("svg", tslib_es6.__assign({ role: "img", focusable: "false", fill: "currentColor", width: "24", height: "24", viewBox: "0 0 24 24" }, props),
-    React__default.default.createElement("path", { d: "M19.071 4.929c3.905 3.905 3.905 10.237 0 14.142-3.905 3.905-10.237 3.905-14.142 0-3.905-3.905-3.905-10.237 0-14.142 3.905-3.905 10.237-3.905 14.142 0zM9 10.799h3.3c2.1 0 4.2.9 5.7 2.4l.9.9-1.4 1.4-.9-.9c-1.2-1.2-2.7-1.8-4.3-1.8H9l2.9 3-1.4 1.4-5.2-5.4 5.2-5.3 1.4 1.4L9 10.8z", fillRule: "evenodd", clipRule: "evenodd" }))); };
+var ArrowLeftCurvedCircleMIcon = React.forwardRef(function (props, ref) { return (React__default.default.createElement("svg", tslib_es6.__assign({ ref: ref, role: "img", focusable: "false", fill: "currentColor", width: "24", height: "24", viewBox: "0 0 24 24" }, props),
+    React__default.default.createElement("path", { d: "M19.071 4.929c3.905 3.905 3.905 10.237 0 14.142-3.905 3.905-10.237 3.905-14.142 0-3.905-3.905-3.905-10.237 0-14.142 3.905-3.905 10.237-3.905 14.142 0zM9 10.799h3.3c2.1 0 4.2.9 5.7 2.4l.9.9-1.4 1.4-.9-.9c-1.2-1.2-2.7-1.8-4.3-1.8H9l2.9 3-1.4 1.4-5.2-5.4 5.2-5.3 1.4 1.4L9 10.8z", fillRule: "evenodd", clipRule: "evenodd" }))); });
+ArrowLeftCurvedCircleMIcon.displayName = 'ArrowLeftCurvedCircleMIcon';
 
 exports.ArrowLeftCurvedCircleMIcon = ArrowLeftCurvedCircleMIcon;
 exports.default = ArrowLeftCurvedCircleMIcon;

package/ArrowLeftCurvedMIcon.d.ts

@@ -1,3 +1,3 @@
-import React, { SVGProps } from 'react';
-export declare const ArrowLeftCurvedMIcon: React.FC<SVGProps<SVGSVGElement>>;
+import React from 'react';
+export declare const ArrowLeftCurvedMIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
 export default ArrowLeftCurvedMIcon;

package/ArrowLeftCurvedMIcon.js

@@ -9,8 +9,9 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var ArrowLeftCurvedMIcon = function (props) { return (React__default.default.createElement("svg", tslib_es6.__assign({ role: "img", focusable: "false", fill: "currentColor", width: "24", height: "24", viewBox: "0 0 24 24" }, props),
-    React__default.default.createElement("path", { d: "M7.496 11l3.657-3.738-1.43-1.399L3.721 12l6.002 6.137 1.43-1.399L7.496 13h6.35a6 6 0 014.27 1.784l1.041 1.055 1.423-1.405-1.042-1.055A8 8 0 0013.846 11h-6.35z", fillRule: "evenodd", clipRule: "evenodd" }))); };
+var ArrowLeftCurvedMIcon = React.forwardRef(function (props, ref) { return (React__default.default.createElement("svg", tslib_es6.__assign({ ref: ref, role: "img", focusable: "false", fill: "currentColor", width: "24", height: "24", viewBox: "0 0 24 24" }, props),
+    React__default.default.createElement("path", { d: "M7.496 11l3.657-3.738-1.43-1.399L3.721 12l6.002 6.137 1.43-1.399L7.496 13h6.35a6 6 0 014.27 1.784l1.041 1.055 1.423-1.405-1.042-1.055A8 8 0 0013.846 11h-6.35z", fillRule: "evenodd", clipRule: "evenodd" }))); });
+ArrowLeftCurvedMIcon.displayName = 'ArrowLeftCurvedMIcon';
 
 exports.ArrowLeftCurvedMIcon = ArrowLeftCurvedMIcon;
 exports.default = ArrowLeftCurvedMIcon;

package/ArrowLeftCurvedSIcon.d.ts

@@ -1,3 +1,3 @@
-import React, { SVGProps } from 'react';
-export declare const ArrowLeftCurvedSIcon: React.FC<SVGProps<SVGSVGElement>>;
+import React from 'react';
+export declare const ArrowLeftCurvedSIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
 export default ArrowLeftCurvedSIcon;

package/ArrowLeftCurvedSIcon.js

@@ -9,8 +9,9 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var ArrowLeftCurvedSIcon = function (props) { return (React__default.default.createElement("svg", tslib_es6.__assign({ role: "img", focusable: "false", fill: "currentColor", width: "16", height: "16", viewBox: "0 0 16 16" }, props),
-    React__default.default.createElement("path", { d: "M4.897 7.333L7.335 4.84l-.953-.933L2.38 8l4.002 4.092.953-.933-2.438-2.492H9.13a4 4 0 012.846 1.19l.695.703.949-.937-.695-.703A5.333 5.333 0 009.13 7.333H4.897z", fillRule: "evenodd", clipRule: "evenodd" }))); };
+var ArrowLeftCurvedSIcon = React.forwardRef(function (props, ref) { return (React__default.default.createElement("svg", tslib_es6.__assign({ ref: ref, role: "img", focusable: "false", fill: "currentColor", width: "16", height: "16", viewBox: "0 0 16 16" }, props),
+    React__default.default.createElement("path", { d: "M4.897 7.333L7.335 4.84l-.953-.933L2.38 8l4.002 4.092.953-.933-2.438-2.492H9.13a4 4 0 012.846 1.19l.695.703.949-.937-.695-.703A5.333 5.333 0 009.13 7.333H4.897z", fillRule: "evenodd", clipRule: "evenodd" }))); });
+ArrowLeftCurvedSIcon.displayName = 'ArrowLeftCurvedSIcon';
 
 exports.ArrowLeftCurvedSIcon = ArrowLeftCurvedSIcon;
 exports.default = ArrowLeftCurvedSIcon;

package/ArrowLeftMIcon.d.ts

@@ -1,3 +1,3 @@
-import React, { SVGProps } from 'react';
-export declare const ArrowLeftMIcon: React.FC<SVGProps<SVGSVGElement>>;
+import React from 'react';
+export declare const ArrowLeftMIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
 export default ArrowLeftMIcon;

package/ArrowLeftMIcon.js

@@ -9,8 +9,9 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var ArrowLeftMIcon = function (props) { return (React__default.default.createElement("svg", tslib_es6.__assign({ role: "img", focusable: "false", fill: "currentColor", width: "24", height: "24", viewBox: "0 0 24 24" }, props),
-    React__default.default.createElement("path", { d: "M7.5 13H19v-2H7.5L11 7.5 9.5 6 4 12l5.5 6 1.5-1.5L7.5 13z" }))); };
+var ArrowLeftMIcon = React.forwardRef(function (props, ref) { return (React__default.default.createElement("svg", tslib_es6.__assign({ ref: ref, role: "img", focusable: "false", fill: "currentColor", width: "24", height: "24", viewBox: "0 0 24 24" }, props),
+    React__default.default.createElement("path", { d: "M7.5 13H19v-2H7.5L11 7.5 9.5 6 4 12l5.5 6 1.5-1.5L7.5 13z" }))); });
+ArrowLeftMIcon.displayName = 'ArrowLeftMIcon';
 
 exports.ArrowLeftMIcon = ArrowLeftMIcon;
 exports.default = ArrowLeftMIcon;

package/ArrowLeftMediumMIcon.d.ts

@@ -1,3 +1,3 @@
-import React, { SVGProps } from 'react';
-export declare const ArrowLeftMediumMIcon: React.FC<SVGProps<SVGSVGElement>>;
+import React from 'react';
+export declare const ArrowLeftMediumMIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
 export default ArrowLeftMediumMIcon;

package/ArrowLeftMediumMIcon.js

@@ -9,8 +9,9 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var ArrowLeftMediumMIcon = function (props) { return (React__default.default.createElement("svg", tslib_es6.__assign({ role: "img", focusable: "false", fill: "currentColor", width: "24", height: "24", viewBox: "0 0 24 24" }, props),
-    React__default.default.createElement("path", { d: "M1 12l8.25-9 2.25 2.25-5.25 5.25H23v3H6.25l5.25 5.25L9.25 21 1 12z" }))); };
+var ArrowLeftMediumMIcon = React.forwardRef(function (props, ref) { return (React__default.default.createElement("svg", tslib_es6.__assign({ ref: ref, role: "img", focusable: "false", fill: "currentColor", width: "24", height: "24", viewBox: "0 0 24 24" }, props),
+    React__default.default.createElement("path", { d: "M1 12l8.25-9 2.25 2.25-5.25 5.25H23v3H6.25l5.25 5.25L9.25 21 1 12z" }))); });
+ArrowLeftMediumMIcon.displayName = 'ArrowLeftMediumMIcon';
 
 exports.ArrowLeftMediumMIcon = ArrowLeftMediumMIcon;
 exports.default = ArrowLeftMediumMIcon;

package/ArrowLeftSIcon.d.ts

@@ -1,3 +1,3 @@
-import React, { SVGProps } from 'react';
-export declare const ArrowLeftSIcon: React.FC<SVGProps<SVGSVGElement>>;
+import React from 'react';
+export declare const ArrowLeftSIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
 export default ArrowLeftSIcon;

package/ArrowLeftSIcon.js

@@ -9,8 +9,9 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var ArrowLeftSIcon = function (props) { return (React__default.default.createElement("svg", tslib_es6.__assign({ role: "img", focusable: "false", fill: "currentColor", width: "16", height: "16", viewBox: "0 0 16 16" }, props),
-    React__default.default.createElement("path", { d: "M8.074 11.156L5.682 8.71H13V7.29H5.682l2.392-2.447L7.06 3.85 3 8l4.059 4.15 1.015-.994z" }))); };
+var ArrowLeftSIcon = React.forwardRef(function (props, ref) { return (React__default.default.createElement("svg", tslib_es6.__assign({ ref: ref, role: "img", focusable: "false", fill: "currentColor", width: "16", height: "16", viewBox: "0 0 16 16" }, props),
+    React__default.default.createElement("path", { d: "M8.074 11.156L5.682 8.71H13V7.29H5.682l2.392-2.447L7.06 3.85 3 8l4.059 4.15 1.015-.994z" }))); });
+ArrowLeftSIcon.displayName = 'ArrowLeftSIcon';
 
 exports.ArrowLeftSIcon = ArrowLeftSIcon;
 exports.default = ArrowLeftSIcon;

package/ArrowLeftShiftUpArrowRightShiftDownMIcon.d.ts

@@ -1,3 +1,3 @@
-import React, { SVGProps } from 'react';
-export declare const ArrowLeftShiftUpArrowRightShiftDownMIcon: React.FC<SVGProps<SVGSVGElement>>;
+import React from 'react';
+export declare const ArrowLeftShiftUpArrowRightShiftDownMIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
 export default ArrowLeftShiftUpArrowRightShiftDownMIcon;