@team-monolith/cds 0.22.2 → 0.23.0

package/dist/icons/Arrows/ArrowDownCircleFill.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from "react";
 export declare const arrowDownCircleFillSvg: string;
-export declare const ArrowDownCircleFillIcon: (props: {
-    className?: string;
-}) => JSX.Element;
+export declare const ArrowDownCircleFillIcon: React.ForwardRefExoticComponent<{
+    className?: string | undefined;
+} & React.RefAttributes<any>>;

package/dist/icons/Arrows/ArrowDownCircleFill.js

@@ -10,6 +10,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
 import arrowDownCircleFillSvgImport from "remixicon/icons/Arrows/arrow-down-circle-fill.svg";
 export var arrowDownCircleFillSvg = arrowDownCircleFillSvgImport;
-export var ArrowDownCircleFillIcon = function (props) { return (_jsx("svg", __assign({ width: "24", height: "24" }, props, { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fill: 'currentColor', d: "M12 2C17.52 2 22 6.48 22 12C22 17.52 17.52 22 12 22C6.48 22 2 17.52 2 12C2 6.48 6.48 2 12 2ZM13 12V8H11V12H8L12 16L16 12H13Z" }) }))); };
+export var ArrowDownCircleFillIcon = forwardRef(function (props, ref) { return (_jsx("svg", __assign({ width: "24", height: "24" }, props, { ref: ref, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fill: 'currentColor', d: "M12 2C17.52 2 22 6.48 22 12C22 17.52 17.52 22 12 22C6.48 22 2 17.52 2 12C2 6.48 6.48 2 12 2ZM13 12V8H11V12H8L12 16L16 12H13Z" }) }))); });

package/dist/icons/Arrows/ArrowDownCircleLine.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from "react";
 export declare const arrowDownCircleLineSvg: string;
-export declare const ArrowDownCircleLineIcon: (props: {
-    className?: string;
-}) => JSX.Element;
+export declare const ArrowDownCircleLineIcon: React.ForwardRefExoticComponent<{
+    className?: string | undefined;
+} & React.RefAttributes<any>>;

package/dist/icons/Arrows/ArrowDownCircleLine.js

@@ -10,6 +10,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
 import arrowDownCircleLineSvgImport from "remixicon/icons/Arrows/arrow-down-circle-line.svg";
 export var arrowDownCircleLineSvg = arrowDownCircleLineSvgImport;
-export var ArrowDownCircleLineIcon = function (props) { return (_jsx("svg", __assign({ width: "24", height: "24" }, props, { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fill: 'currentColor', d: "M12 2C17.52 2 22 6.48 22 12C22 17.52 17.52 22 12 22C6.48 22 2 17.52 2 12C2 6.48 6.48 2 12 2ZM12 20C16.42 20 20 16.42 20 12C20 7.58 16.42 4 12 4C7.58 4 4 7.58 4 12C4 16.42 7.58 20 12 20ZM13 12H16L12 16L8 12H11V8H13V12Z" }) }))); };
+export var ArrowDownCircleLineIcon = forwardRef(function (props, ref) { return (_jsx("svg", __assign({ width: "24", height: "24" }, props, { ref: ref, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fill: 'currentColor', d: "M12 2C17.52 2 22 6.48 22 12C22 17.52 17.52 22 12 22C6.48 22 2 17.52 2 12C2 6.48 6.48 2 12 2ZM12 20C16.42 20 20 16.42 20 12C20 7.58 16.42 4 12 4C7.58 4 4 7.58 4 12C4 16.42 7.58 20 12 20ZM13 12H16L12 16L8 12H11V8H13V12Z" }) }))); });

package/dist/icons/Arrows/ArrowDownDoubleFill.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from "react";
 export declare const arrowDownDoubleFillSvg: string;
-export declare const ArrowDownDoubleFillIcon: (props: {
-    className?: string;
-}) => JSX.Element;
+export declare const ArrowDownDoubleFillIcon: React.ForwardRefExoticComponent<{
+    className?: string | undefined;
+} & React.RefAttributes<any>>;

package/dist/icons/Arrows/ArrowDownDoubleFill.js

@@ -10,6 +10,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
 import arrowDownDoubleFillSvgImport from "remixicon/icons/Arrows/arrow-down-double-fill.svg";
 export var arrowDownDoubleFillSvg = arrowDownDoubleFillSvgImport;
-export var ArrowDownDoubleFillIcon = function (props) { return (_jsx("svg", __assign({ width: "24", height: "24" }, props, { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fill: 'currentColor', d: "M12.0001 19.1643L18.2072 12.9572L16.793 11.543L12.0001 16.3359L7.20718 11.543L5.79297 12.9572L12.0001 19.1643ZM12.0001 13.5144L18.2072 7.30728L16.793 5.89307L12.0001 10.686L7.20718 5.89307L5.79297 7.30728L12.0001 13.5144Z" }) }))); };
+export var ArrowDownDoubleFillIcon = forwardRef(function (props, ref) { return (_jsx("svg", __assign({ width: "24", height: "24" }, props, { ref: ref, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fill: 'currentColor', d: "M12.0001 19.1643L18.2072 12.9572L16.793 11.543L12.0001 16.3359L7.20718 11.543L5.79297 12.9572L12.0001 19.1643ZM12.0001 13.5144L18.2072 7.30728L16.793 5.89307L12.0001 10.686L7.20718 5.89307L5.79297 7.30728L12.0001 13.5144Z" }) }))); });

package/dist/icons/Arrows/ArrowDownDoubleLine.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from "react";
 export declare const arrowDownDoubleLineSvg: string;
-export declare const ArrowDownDoubleLineIcon: (props: {
-    className?: string;
-}) => JSX.Element;
+export declare const ArrowDownDoubleLineIcon: React.ForwardRefExoticComponent<{
+    className?: string | undefined;
+} & React.RefAttributes<any>>;

package/dist/icons/Arrows/ArrowDownDoubleLine.js

@@ -10,6 +10,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
 import arrowDownDoubleLineSvgImport from "remixicon/icons/Arrows/arrow-down-double-line.svg";
 export var arrowDownDoubleLineSvg = arrowDownDoubleLineSvgImport;
-export var ArrowDownDoubleLineIcon = function (props) { return (_jsx("svg", __assign({ width: "24", height: "24" }, props, { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fill: 'currentColor', d: "M12.0001 19.1643L18.2072 12.9572L16.793 11.543L12.0001 16.3359L7.20718 11.543L5.79297 12.9572L12.0001 19.1643ZM12.0001 13.5144L18.2072 7.30728L16.793 5.89307L12.0001 10.686L7.20718 5.89307L5.79297 7.30728L12.0001 13.5144Z" }) }))); };
+export var ArrowDownDoubleLineIcon = forwardRef(function (props, ref) { return (_jsx("svg", __assign({ width: "24", height: "24" }, props, { ref: ref, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fill: 'currentColor', d: "M12.0001 19.1643L18.2072 12.9572L16.793 11.543L12.0001 16.3359L7.20718 11.543L5.79297 12.9572L12.0001 19.1643ZM12.0001 13.5144L18.2072 7.30728L16.793 5.89307L12.0001 10.686L7.20718 5.89307L5.79297 7.30728L12.0001 13.5144Z" }) }))); });

package/dist/icons/Arrows/ArrowDownFill.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from "react";
 export declare const arrowDownFillSvg: string;
-export declare const ArrowDownFillIcon: (props: {
-    className?: string;
-}) => JSX.Element;
+export declare const ArrowDownFillIcon: React.ForwardRefExoticComponent<{
+    className?: string | undefined;
+} & React.RefAttributes<any>>;

package/dist/icons/Arrows/ArrowDownFill.js

@@ -10,6 +10,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
 import arrowDownFillSvgImport from "remixicon/icons/Arrows/arrow-down-fill.svg";
 export var arrowDownFillSvg = arrowDownFillSvgImport;
-export var ArrowDownFillIcon = function (props) { return (_jsx("svg", __assign({ width: "24", height: "24" }, props, { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fill: 'currentColor', d: "M13 12H20L12 20L4 12H11V4H13V12Z" }) }))); };
+export var ArrowDownFillIcon = forwardRef(function (props, ref) { return (_jsx("svg", __assign({ width: "24", height: "24" }, props, { ref: ref, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fill: 'currentColor', d: "M13 12H20L12 20L4 12H11V4H13V12Z" }) }))); });

package/dist/icons/Arrows/ArrowDownLine.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from "react";
 export declare const arrowDownLineSvg: string;
-export declare const ArrowDownLineIcon: (props: {
-    className?: string;
-}) => JSX.Element;
+export declare const ArrowDownLineIcon: React.ForwardRefExoticComponent<{
+    className?: string | undefined;
+} & React.RefAttributes<any>>;

package/dist/icons/Arrows/ArrowDownLine.js

@@ -10,6 +10,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
 import arrowDownLineSvgImport from "remixicon/icons/Arrows/arrow-down-line.svg";
 export var arrowDownLineSvg = arrowDownLineSvgImport;
-export var ArrowDownLineIcon = function (props) { return (_jsx("svg", __assign({ width: "24", height: "24" }, props, { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fill: 'currentColor', d: "M12.9999 16.1716L18.3638 10.8076L19.778 12.2218L11.9999 20L4.22168 12.2218L5.63589 10.8076L10.9999 16.1716V4H12.9999V16.1716Z" }) }))); };
+export var ArrowDownLineIcon = forwardRef(function (props, ref) { return (_jsx("svg", __assign({ width: "24", height: "24" }, props, { ref: ref, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fill: 'currentColor', d: "M12.9999 16.1716L18.3638 10.8076L19.778 12.2218L11.9999 20L4.22168 12.2218L5.63589 10.8076L10.9999 16.1716V4H12.9999V16.1716Z" }) }))); });

package/dist/icons/Arrows/ArrowDownSFill.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from "react";
 export declare const arrowDownSFillSvg: string;
-export declare const ArrowDownSFillIcon: (props: {
-    className?: string;
-}) => JSX.Element;
+export declare const ArrowDownSFillIcon: React.ForwardRefExoticComponent<{
+    className?: string | undefined;
+} & React.RefAttributes<any>>;

package/dist/icons/Arrows/ArrowDownSFill.js

@@ -10,6 +10,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
 import arrowDownSFillSvgImport from "remixicon/icons/Arrows/arrow-down-s-fill.svg";
 export var arrowDownSFillSvg = arrowDownSFillSvgImport;
-export var ArrowDownSFillIcon = function (props) { return (_jsx("svg", __assign({ width: "24", height: "24" }, props, { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fill: 'currentColor', d: "M12 16L6 10H18L12 16Z" }) }))); };
+export var ArrowDownSFillIcon = forwardRef(function (props, ref) { return (_jsx("svg", __assign({ width: "24", height: "24" }, props, { ref: ref, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fill: 'currentColor', d: "M12 16L6 10H18L12 16Z" }) }))); });

package/dist/icons/Arrows/ArrowDownSLine.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from "react";
 export declare const arrowDownSLineSvg: string;
-export declare const ArrowDownSLineIcon: (props: {
-    className?: string;
-}) => JSX.Element;
+export declare const ArrowDownSLineIcon: React.ForwardRefExoticComponent<{
+    className?: string | undefined;
+} & React.RefAttributes<any>>;

package/dist/icons/Arrows/ArrowDownSLine.js

@@ -10,6 +10,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
 import arrowDownSLineSvgImport from "remixicon/icons/Arrows/arrow-down-s-line.svg";
 export var arrowDownSLineSvg = arrowDownSLineSvgImport;
-export var ArrowDownSLineIcon = function (props) { return (_jsx("svg", __assign({ width: "24", height: "24" }, props, { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fill: 'currentColor', d: "M11.9997 13.1714L16.9495 8.22168L18.3637 9.63589L11.9997 15.9999L5.63574 9.63589L7.04996 8.22168L11.9997 13.1714Z" }) }))); };
+export var ArrowDownSLineIcon = forwardRef(function (props, ref) { return (_jsx("svg", __assign({ width: "24", height: "24" }, props, { ref: ref, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fill: 'currentColor', d: "M11.9997 13.1714L16.9495 8.22168L18.3637 9.63589L11.9997 15.9999L5.63574 9.63589L7.04996 8.22168L11.9997 13.1714Z" }) }))); });

package/dist/icons/Arrows/ArrowDropDownFill.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from "react";
 export declare const arrowDropDownFillSvg: string;
-export declare const ArrowDropDownFillIcon: (props: {
-    className?: string;
-}) => JSX.Element;
+export declare const ArrowDropDownFillIcon: React.ForwardRefExoticComponent<{
+    className?: string | undefined;
+} & React.RefAttributes<any>>;

package/dist/icons/Arrows/ArrowDropDownFill.js

@@ -10,6 +10,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
 import arrowDropDownFillSvgImport from "remixicon/icons/Arrows/arrow-drop-down-fill.svg";
 export var arrowDropDownFillSvg = arrowDropDownFillSvgImport;
-export var ArrowDropDownFillIcon = function (props) { return (_jsx("svg", __assign({ width: "24", height: "24" }, props, { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fill: 'currentColor', d: "M12 14L8 10H16L12 14Z" }) }))); };
+export var ArrowDropDownFillIcon = forwardRef(function (props, ref) { return (_jsx("svg", __assign({ width: "24", height: "24" }, props, { ref: ref, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fill: 'currentColor', d: "M12 14L8 10H16L12 14Z" }) }))); });

package/dist/icons/Arrows/ArrowDropDownLine.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from "react";
 export declare const arrowDropDownLineSvg: string;
-export declare const ArrowDropDownLineIcon: (props: {
-    className?: string;
-}) => JSX.Element;
+export declare const ArrowDropDownLineIcon: React.ForwardRefExoticComponent<{
+    className?: string | undefined;
+} & React.RefAttributes<any>>;

package/dist/icons/Arrows/ArrowDropDownLine.js

@@ -10,6 +10,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
 import arrowDropDownLineSvgImport from "remixicon/icons/Arrows/arrow-drop-down-line.svg";
 export var arrowDropDownLineSvg = arrowDropDownLineSvgImport;
-export var ArrowDropDownLineIcon = function (props) { return (_jsx("svg", __assign({ width: "24", height: "24" }, props, { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fill: 'currentColor', d: "M12 15.0006L7.75732 10.758L9.17154 9.34375L12 12.1722L14.8284 9.34375L16.2426 10.758L12 15.0006Z" }) }))); };
+export var ArrowDropDownLineIcon = forwardRef(function (props, ref) { return (_jsx("svg", __assign({ width: "24", height: "24" }, props, { ref: ref, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fill: 'currentColor', d: "M12 15.0006L7.75732 10.758L9.17154 9.34375L12 12.1722L14.8284 9.34375L16.2426 10.758L12 15.0006Z" }) }))); });

package/dist/icons/Arrows/ArrowDropLeftFill.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from "react";
 export declare const arrowDropLeftFillSvg: string;
-export declare const ArrowDropLeftFillIcon: (props: {
-    className?: string;
-}) => JSX.Element;
+export declare const ArrowDropLeftFillIcon: React.ForwardRefExoticComponent<{
+    className?: string | undefined;
+} & React.RefAttributes<any>>;

package/dist/icons/Arrows/ArrowDropLeftFill.js

@@ -10,6 +10,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
 import arrowDropLeftFillSvgImport from "remixicon/icons/Arrows/arrow-drop-left-fill.svg";
 export var arrowDropLeftFillSvg = arrowDropLeftFillSvgImport;
-export var ArrowDropLeftFillIcon = function (props) { return (_jsx("svg", __assign({ width: "24", height: "24" }, props, { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fill: 'currentColor', d: "M9 12L13 8V16L9 12Z" }) }))); };
+export var ArrowDropLeftFillIcon = forwardRef(function (props, ref) { return (_jsx("svg", __assign({ width: "24", height: "24" }, props, { ref: ref, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fill: 'currentColor', d: "M9 12L13 8V16L9 12Z" }) }))); });

package/dist/icons/Arrows/ArrowDropLeftLine.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from "react";
 export declare const arrowDropLeftLineSvg: string;
-export declare const ArrowDropLeftLineIcon: (props: {
-    className?: string;
-}) => JSX.Element;
+export declare const ArrowDropLeftLineIcon: React.ForwardRefExoticComponent<{
+    className?: string | undefined;
+} & React.RefAttributes<any>>;

package/dist/icons/Arrows/ArrowDropLeftLine.js

@@ -10,6 +10,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
 import arrowDropLeftLineSvgImport from "remixicon/icons/Arrows/arrow-drop-left-line.svg";
 export var arrowDropLeftLineSvg = arrowDropLeftLineSvgImport;
-export var ArrowDropLeftLineIcon = function (props) { return (_jsx("svg", __assign({ width: "24", height: "24" }, props, { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fill: 'currentColor', d: "M11.8284 12.0005L14.6569 14.8289L13.2426 16.2431L9 12.0005L13.2426 7.75781L14.6569 9.17203L11.8284 12.0005Z" }) }))); };
+export var ArrowDropLeftLineIcon = forwardRef(function (props, ref) { return (_jsx("svg", __assign({ width: "24", height: "24" }, props, { ref: ref, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fill: 'currentColor', d: "M11.8284 12.0005L14.6569 14.8289L13.2426 16.2431L9 12.0005L13.2426 7.75781L14.6569 9.17203L11.8284 12.0005Z" }) }))); });

package/dist/icons/Arrows/ArrowDropRightFill.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from "react";
 export declare const arrowDropRightFillSvg: string;
-export declare const ArrowDropRightFillIcon: (props: {
-    className?: string;
-}) => JSX.Element;
+export declare const ArrowDropRightFillIcon: React.ForwardRefExoticComponent<{
+    className?: string | undefined;
+} & React.RefAttributes<any>>;

package/dist/icons/Arrows/ArrowDropRightFill.js

@@ -10,6 +10,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
 import arrowDropRightFillSvgImport from "remixicon/icons/Arrows/arrow-drop-right-fill.svg";
 export var arrowDropRightFillSvg = arrowDropRightFillSvgImport;
-export var ArrowDropRightFillIcon = function (props) { return (_jsx("svg", __assign({ width: "24", height: "24" }, props, { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fill: 'currentColor', d: "M14 12L10 16V8L14 12Z" }) }))); };
+export var ArrowDropRightFillIcon = forwardRef(function (props, ref) { return (_jsx("svg", __assign({ width: "24", height: "24" }, props, { ref: ref, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fill: 'currentColor', d: "M14 12L10 16V8L14 12Z" }) }))); });

package/dist/icons/Arrows/ArrowDropRightLine.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from "react";
 export declare const arrowDropRightLineSvg: string;
-export declare const ArrowDropRightLineIcon: (props: {
-    className?: string;
-}) => JSX.Element;
+export declare const ArrowDropRightLineIcon: React.ForwardRefExoticComponent<{
+    className?: string | undefined;
+} & React.RefAttributes<any>>;

package/dist/icons/Arrows/ArrowDropRightLine.js

@@ -10,6 +10,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
 import arrowDropRightLineSvgImport from "remixicon/icons/Arrows/arrow-drop-right-line.svg";
 export var arrowDropRightLineSvg = arrowDropRightLineSvgImport;
-export var ArrowDropRightLineIcon = function (props) { return (_jsx("svg", __assign({ width: "24", height: "24" }, props, { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fill: 'currentColor', d: "M12.1717 12.0005L9.34326 9.17203L10.7575 7.75781L15.0001 12.0005L10.7575 16.2431L9.34326 14.8289L12.1717 12.0005Z" }) }))); };
+export var ArrowDropRightLineIcon = forwardRef(function (props, ref) { return (_jsx("svg", __assign({ width: "24", height: "24" }, props, { ref: ref, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fill: 'currentColor', d: "M12.1717 12.0005L9.34326 9.17203L10.7575 7.75781L15.0001 12.0005L10.7575 16.2431L9.34326 14.8289L12.1717 12.0005Z" }) }))); });

package/dist/icons/Arrows/ArrowDropUpFill.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from "react";
 export declare const arrowDropUpFillSvg: string;
-export declare const ArrowDropUpFillIcon: (props: {
-    className?: string;
-}) => JSX.Element;
+export declare const ArrowDropUpFillIcon: React.ForwardRefExoticComponent<{
+    className?: string | undefined;
+} & React.RefAttributes<any>>;

package/dist/icons/Arrows/ArrowDropUpFill.js

@@ -10,6 +10,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
 import arrowDropUpFillSvgImport from "remixicon/icons/Arrows/arrow-drop-up-fill.svg";
 export var arrowDropUpFillSvg = arrowDropUpFillSvgImport;
-export var ArrowDropUpFillIcon = function (props) { return (_jsx("svg", __assign({ width: "24", height: "24" }, props, { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fill: 'currentColor', d: "M12 10L16 14H8L12 10Z" }) }))); };
+export var ArrowDropUpFillIcon = forwardRef(function (props, ref) { return (_jsx("svg", __assign({ width: "24", height: "24" }, props, { ref: ref, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fill: 'currentColor', d: "M12 10L16 14H8L12 10Z" }) }))); });

package/dist/icons/Arrows/ArrowDropUpLine.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from "react";
 export declare const arrowDropUpLineSvg: string;
-export declare const ArrowDropUpLineIcon: (props: {
-    className?: string;
-}) => JSX.Element;
+export declare const ArrowDropUpLineIcon: React.ForwardRefExoticComponent<{
+    className?: string | undefined;
+} & React.RefAttributes<any>>;

package/dist/icons/Arrows/ArrowDropUpLine.js

@@ -10,6 +10,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
 import arrowDropUpLineSvgImport from "remixicon/icons/Arrows/arrow-drop-up-line.svg";
 export var arrowDropUpLineSvg = arrowDropUpLineSvgImport;
-export var ArrowDropUpLineIcon = function (props) { return (_jsx("svg", __assign({ width: "24", height: "24" }, props, { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fill: 'currentColor', d: "M12 11.8284L9.17154 14.6569L7.75732 13.2426L12 9L16.2426 13.2426L14.8284 14.6569L12 11.8284Z" }) }))); };
+export var ArrowDropUpLineIcon = forwardRef(function (props, ref) { return (_jsx("svg", __assign({ width: "24", height: "24" }, props, { ref: ref, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fill: 'currentColor', d: "M12 11.8284L9.17154 14.6569L7.75732 13.2426L12 9L16.2426 13.2426L14.8284 14.6569L12 11.8284Z" }) }))); });

package/dist/icons/Arrows/ArrowGoBackFill.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from "react";
 export declare const arrowGoBackFillSvg: string;
-export declare const ArrowGoBackFillIcon: (props: {
-    className?: string;
-}) => JSX.Element;
+export declare const ArrowGoBackFillIcon: React.ForwardRefExoticComponent<{
+    className?: string | undefined;
+} & React.RefAttributes<any>>;

package/dist/icons/Arrows/ArrowGoBackFill.js

@@ -10,6 +10,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
 import arrowGoBackFillSvgImport from "remixicon/icons/Arrows/arrow-go-back-fill.svg";
 export var arrowGoBackFillSvg = arrowGoBackFillSvgImport;
-export var ArrowGoBackFillIcon = function (props) { return (_jsx("svg", __assign({ width: "24", height: "24" }, props, { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fill: 'currentColor', d: "M8 7V11L2 6L8 1V5H13C17.4183 5 21 8.58172 21 13C21 17.4183 17.4183 21 13 21H4V19H13C16.3137 19 19 16.3137 19 13C19 9.68629 16.3137 7 13 7H8Z" }) }))); };
+export var ArrowGoBackFillIcon = forwardRef(function (props, ref) { return (_jsx("svg", __assign({ width: "24", height: "24" }, props, { ref: ref, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fill: 'currentColor', d: "M8 7V11L2 6L8 1V5H13C17.4183 5 21 8.58172 21 13C21 17.4183 17.4183 21 13 21H4V19H13C16.3137 19 19 16.3137 19 13C19 9.68629 16.3137 7 13 7H8Z" }) }))); });

package/dist/icons/Arrows/ArrowGoBackLine.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from "react";
 export declare const arrowGoBackLineSvg: string;
-export declare const ArrowGoBackLineIcon: (props: {
-    className?: string;
-}) => JSX.Element;
+export declare const ArrowGoBackLineIcon: React.ForwardRefExoticComponent<{
+    className?: string | undefined;
+} & React.RefAttributes<any>>;

package/dist/icons/Arrows/ArrowGoBackLine.js

@@ -10,6 +10,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
 import arrowGoBackLineSvgImport from "remixicon/icons/Arrows/arrow-go-back-line.svg";
 export var arrowGoBackLineSvg = arrowGoBackLineSvgImport;
-export var ArrowGoBackLineIcon = function (props) { return (_jsx("svg", __assign({ width: "24", height: "24" }, props, { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fill: 'currentColor', d: "M5.82843 6.99955L8.36396 9.53509L6.94975 10.9493L2 5.99955L6.94975 1.0498L8.36396 2.46402L5.82843 4.99955H13C17.4183 4.99955 21 8.58127 21 12.9996C21 17.4178 17.4183 20.9996 13 20.9996H4V18.9996H13C16.3137 18.9996 19 16.3133 19 12.9996C19 9.68584 16.3137 6.99955 13 6.99955H5.82843Z" }) }))); };
+export var ArrowGoBackLineIcon = forwardRef(function (props, ref) { return (_jsx("svg", __assign({ width: "24", height: "24" }, props, { ref: ref, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fill: 'currentColor', d: "M5.82843 6.99955L8.36396 9.53509L6.94975 10.9493L2 5.99955L6.94975 1.0498L8.36396 2.46402L5.82843 4.99955H13C17.4183 4.99955 21 8.58127 21 12.9996C21 17.4178 17.4183 20.9996 13 20.9996H4V18.9996H13C16.3137 18.9996 19 16.3133 19 12.9996C19 9.68584 16.3137 6.99955 13 6.99955H5.82843Z" }) }))); });

package/dist/icons/Arrows/ArrowGoForwardFill.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from "react";
 export declare const arrowGoForwardFillSvg: string;
-export declare const ArrowGoForwardFillIcon: (props: {
-    className?: string;
-}) => JSX.Element;
+export declare const ArrowGoForwardFillIcon: React.ForwardRefExoticComponent<{
+    className?: string | undefined;
+} & React.RefAttributes<any>>;

package/dist/icons/Arrows/ArrowGoForwardFill.js

@@ -10,6 +10,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
 import arrowGoForwardFillSvgImport from "remixicon/icons/Arrows/arrow-go-forward-fill.svg";
 export var arrowGoForwardFillSvg = arrowGoForwardFillSvgImport;
-export var ArrowGoForwardFillIcon = function (props) { return (_jsx("svg", __assign({ width: "24", height: "24" }, props, { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fill: 'currentColor', d: "M16 7H11C7.68629 7 5 9.68629 5 13C5 16.3137 7.68629 19 11 19H20V21H11C6.58172 21 3 17.4183 3 13C3 8.58172 6.58172 5 11 5H16V1L22 6L16 11V7Z" }) }))); };
+export var ArrowGoForwardFillIcon = forwardRef(function (props, ref) { return (_jsx("svg", __assign({ width: "24", height: "24" }, props, { ref: ref, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fill: 'currentColor', d: "M16 7H11C7.68629 7 5 9.68629 5 13C5 16.3137 7.68629 19 11 19H20V21H11C6.58172 21 3 17.4183 3 13C3 8.58172 6.58172 5 11 5H16V1L22 6L16 11V7Z" }) }))); });

package/dist/icons/Arrows/ArrowGoForwardLine.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from "react";
 export declare const arrowGoForwardLineSvg: string;
-export declare const ArrowGoForwardLineIcon: (props: {
-    className?: string;
-}) => JSX.Element;
+export declare const ArrowGoForwardLineIcon: React.ForwardRefExoticComponent<{
+    className?: string | undefined;
+} & React.RefAttributes<any>>;

package/dist/icons/Arrows/ArrowGoForwardLine.js

@@ -10,6 +10,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
 import arrowGoForwardLineSvgImport from "remixicon/icons/Arrows/arrow-go-forward-line.svg";
 export var arrowGoForwardLineSvg = arrowGoForwardLineSvgImport;
-export var ArrowGoForwardLineIcon = function (props) { return (_jsx("svg", __assign({ width: "24", height: "24" }, props, { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fill: 'currentColor', d: "M18.1716 6.99955H11C7.68629 6.99955 5 9.68584 5 12.9996C5 16.3133 7.68629 18.9996 11 18.9996H20V20.9996H11C6.58172 20.9996 3 17.4178 3 12.9996C3 8.58127 6.58172 4.99955 11 4.99955H18.1716L15.636 2.46402L17.0503 1.0498L22 5.99955L17.0503 10.9493L15.636 9.53509L18.1716 6.99955Z" }) }))); };
+export var ArrowGoForwardLineIcon = forwardRef(function (props, ref) { return (_jsx("svg", __assign({ width: "24", height: "24" }, props, { ref: ref, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fill: 'currentColor', d: "M18.1716 6.99955H11C7.68629 6.99955 5 9.68584 5 12.9996C5 16.3133 7.68629 18.9996 11 18.9996H20V20.9996H11C6.58172 20.9996 3 17.4178 3 12.9996C3 8.58127 6.58172 4.99955 11 4.99955H18.1716L15.636 2.46402L17.0503 1.0498L22 5.99955L17.0503 10.9493L15.636 9.53509L18.1716 6.99955Z" }) }))); });

package/dist/icons/Arrows/ArrowLeftCircleFill.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from "react";
 export declare const arrowLeftCircleFillSvg: string;
-export declare const ArrowLeftCircleFillIcon: (props: {
-    className?: string;
-}) => JSX.Element;
+export declare const ArrowLeftCircleFillIcon: React.ForwardRefExoticComponent<{
+    className?: string | undefined;
+} & React.RefAttributes<any>>;

package/dist/icons/Arrows/ArrowLeftCircleFill.js

@@ -10,6 +10,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
 import arrowLeftCircleFillSvgImport from "remixicon/icons/Arrows/arrow-left-circle-fill.svg";
 export var arrowLeftCircleFillSvg = arrowLeftCircleFillSvgImport;
-export var ArrowLeftCircleFillIcon = function (props) { return (_jsx("svg", __assign({ width: "24", height: "24" }, props, { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fill: 'currentColor', d: "M12 2C17.52 2 22 6.48 22 12C22 17.52 17.52 22 12 22C6.48 22 2 17.52 2 12C2 6.48 6.48 2 12 2ZM12 11V8L8 12L12 16V13H16V11H12Z" }) }))); };
+export var ArrowLeftCircleFillIcon = forwardRef(function (props, ref) { return (_jsx("svg", __assign({ width: "24", height: "24" }, props, { ref: ref, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fill: 'currentColor', d: "M12 2C17.52 2 22 6.48 22 12C22 17.52 17.52 22 12 22C6.48 22 2 17.52 2 12C2 6.48 6.48 2 12 2ZM12 11V8L8 12L12 16V13H16V11H12Z" }) }))); });

package/dist/icons/Arrows/ArrowLeftCircleLine.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from "react";
 export declare const arrowLeftCircleLineSvg: string;
-export declare const ArrowLeftCircleLineIcon: (props: {
-    className?: string;
-}) => JSX.Element;
+export declare const ArrowLeftCircleLineIcon: React.ForwardRefExoticComponent<{
+    className?: string | undefined;
+} & React.RefAttributes<any>>;

package/dist/icons/Arrows/ArrowLeftCircleLine.js

@@ -10,6 +10,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
 import arrowLeftCircleLineSvgImport from "remixicon/icons/Arrows/arrow-left-circle-line.svg";
 export var arrowLeftCircleLineSvg = arrowLeftCircleLineSvgImport;
-export var ArrowLeftCircleLineIcon = function (props) { return (_jsx("svg", __assign({ width: "24", height: "24" }, props, { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fill: 'currentColor', d: "M12 2C17.52 2 22 6.48 22 12C22 17.52 17.52 22 12 22C6.48 22 2 17.52 2 12C2 6.48 6.48 2 12 2ZM12 20C16.42 20 20 16.42 20 12C20 7.58 16.42 4 12 4C7.58 4 4 7.58 4 12C4 16.42 7.58 20 12 20ZM12 11H16V13H12V16L8 12L12 8V11Z" }) }))); };
+export var ArrowLeftCircleLineIcon = forwardRef(function (props, ref) { return (_jsx("svg", __assign({ width: "24", height: "24" }, props, { ref: ref, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fill: 'currentColor', d: "M12 2C17.52 2 22 6.48 22 12C22 17.52 17.52 22 12 22C6.48 22 2 17.52 2 12C2 6.48 6.48 2 12 2ZM12 20C16.42 20 20 16.42 20 12C20 7.58 16.42 4 12 4C7.58 4 4 7.58 4 12C4 16.42 7.58 20 12 20ZM12 11H16V13H12V16L8 12L12 8V11Z" }) }))); });

package/dist/icons/Arrows/ArrowLeftDoubleFill.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from "react";
 export declare const arrowLeftDoubleFillSvg: string;
-export declare const ArrowLeftDoubleFillIcon: (props: {
-    className?: string;
-}) => JSX.Element;
+export declare const ArrowLeftDoubleFillIcon: React.ForwardRefExoticComponent<{
+    className?: string | undefined;
+} & React.RefAttributes<any>>;

package/dist/icons/Arrows/ArrowLeftDoubleFill.js

@@ -10,6 +10,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
 import arrowLeftDoubleFillSvgImport from "remixicon/icons/Arrows/arrow-left-double-fill.svg";
 export var arrowLeftDoubleFillSvg = arrowLeftDoubleFillSvgImport;
-export var ArrowLeftDoubleFillIcon = function (props) { return (_jsx("svg", __assign({ width: "24", height: "24" }, props, { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fill: 'currentColor', d: "M4.83594 12.0001L11.043 18.2072L12.4573 16.793L7.66436 12.0001L12.4573 7.20718L11.043 5.79297L4.83594 12.0001ZM10.4858 12.0001L16.6929 18.2072L18.1072 16.793L13.3143 12.0001L18.1072 7.20718L16.6929 5.79297L10.4858 12.0001Z" }) }))); };
+export var ArrowLeftDoubleFillIcon = forwardRef(function (props, ref) { return (_jsx("svg", __assign({ width: "24", height: "24" }, props, { ref: ref, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fill: 'currentColor', d: "M4.83594 12.0001L11.043 18.2072L12.4573 16.793L7.66436 12.0001L12.4573 7.20718L11.043 5.79297L4.83594 12.0001ZM10.4858 12.0001L16.6929 18.2072L18.1072 16.793L13.3143 12.0001L18.1072 7.20718L16.6929 5.79297L10.4858 12.0001Z" }) }))); });

package/dist/icons/Arrows/ArrowLeftDoubleLine.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from "react";
 export declare const arrowLeftDoubleLineSvg: string;
-export declare const ArrowLeftDoubleLineIcon: (props: {
-    className?: string;
-}) => JSX.Element;
+export declare const ArrowLeftDoubleLineIcon: React.ForwardRefExoticComponent<{
+    className?: string | undefined;
+} & React.RefAttributes<any>>;

package/dist/icons/Arrows/ArrowLeftDoubleLine.js

@@ -10,6 +10,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
 import arrowLeftDoubleLineSvgImport from "remixicon/icons/Arrows/arrow-left-double-line.svg";
 export var arrowLeftDoubleLineSvg = arrowLeftDoubleLineSvgImport;
-export var ArrowLeftDoubleLineIcon = function (props) { return (_jsx("svg", __assign({ width: "24", height: "24" }, props, { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fill: 'currentColor', d: "M4.83594 12.0001L11.043 18.2072L12.4573 16.793L7.66436 12.0001L12.4573 7.20718L11.043 5.79297L4.83594 12.0001ZM10.4858 12.0001L16.6929 18.2072L18.1072 16.793L13.3143 12.0001L18.1072 7.20718L16.6929 5.79297L10.4858 12.0001Z" }) }))); };
+export var ArrowLeftDoubleLineIcon = forwardRef(function (props, ref) { return (_jsx("svg", __assign({ width: "24", height: "24" }, props, { ref: ref, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fill: 'currentColor', d: "M4.83594 12.0001L11.043 18.2072L12.4573 16.793L7.66436 12.0001L12.4573 7.20718L11.043 5.79297L4.83594 12.0001ZM10.4858 12.0001L16.6929 18.2072L18.1072 16.793L13.3143 12.0001L18.1072 7.20718L16.6929 5.79297L10.4858 12.0001Z" }) }))); });

package/dist/icons/Arrows/ArrowLeftDownFill.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from "react";
 export declare const arrowLeftDownFillSvg: string;
-export declare const ArrowLeftDownFillIcon: (props: {
-    className?: string;
-}) => JSX.Element;
+export declare const ArrowLeftDownFillIcon: React.ForwardRefExoticComponent<{
+    className?: string | undefined;
+} & React.RefAttributes<any>>;

package/dist/icons/Arrows/ArrowLeftDownFill.js

@@ -10,6 +10,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
 import arrowLeftDownFillSvgImport from "remixicon/icons/Arrows/arrow-left-down-fill.svg";
 export var arrowLeftDownFillSvg = arrowLeftDownFillSvgImport;
-export var ArrowLeftDownFillIcon = function (props) { return (_jsx("svg", __assign({ width: "24", height: "24" }, props, { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fill: 'currentColor', d: "M12.361 13.0515L17.3108 18.0013H5.99707V6.68758L10.9468 11.6373L16.6037 5.98047L18.0179 7.39468L12.361 13.0515Z" }) }))); };
+export var ArrowLeftDownFillIcon = forwardRef(function (props, ref) { return (_jsx("svg", __assign({ width: "24", height: "24" }, props, { ref: ref, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fill: 'currentColor', d: "M12.361 13.0515L17.3108 18.0013H5.99707V6.68758L10.9468 11.6373L16.6037 5.98047L18.0179 7.39468L12.361 13.0515Z" }) }))); });

package/dist/icons/Arrows/ArrowLeftDownLine.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from "react";
 export declare const arrowLeftDownLineSvg: string;
-export declare const ArrowLeftDownLineIcon: (props: {
-    className?: string;
-}) => JSX.Element;
+export declare const ArrowLeftDownLineIcon: React.ForwardRefExoticComponent<{
+    className?: string | undefined;
+} & React.RefAttributes<any>>;