@team-monolith/cds 0.22.2 → 0.23.0

package/dist/icons/Editor/OrganizationChart.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 organizationChartSvgImport from "remixicon/icons/Editor/organization-chart.svg";
 export var organizationChartSvg = organizationChartSvgImport;
-export var OrganizationChartIcon = 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: "M15 3C15.5523 3 16 3.44772 16 4V8C16 8.55228 15.5523 9 15 9H13V11H17C17.5523 11 18 11.4477 18 12V15H20C20.5523 15 21 15.4477 21 16V20C21 20.5523 20.5523 21 20 21H14C13.4477 21 13 20.5523 13 20V16C13 15.4477 13.4477 15 14 15H16V13H8V15H10C10.5523 15 11 15.4477 11 16V20C11 20.5523 10.5523 21 10 21H4C3.44772 21 3 20.5523 3 20V16C3 15.4477 3.44772 15 4 15H6V12C6 11.4477 6.44772 11 7 11H11V9H9C8.44772 9 8 8.55228 8 8V4C8 3.44772 8.44772 3 9 3H15ZM9 17H5V19H9V17ZM19 17H15V19H19V17ZM14 5H10V7H14V5Z" }) }))); };
+export var OrganizationChartIcon = 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: "M15 3C15.5523 3 16 3.44772 16 4V8C16 8.55228 15.5523 9 15 9H13V11H17C17.5523 11 18 11.4477 18 12V15H20C20.5523 15 21 15.4477 21 16V20C21 20.5523 20.5523 21 20 21H14C13.4477 21 13 20.5523 13 20V16C13 15.4477 13.4477 15 14 15H16V13H8V15H10C10.5523 15 11 15.4477 11 16V20C11 20.5523 10.5523 21 10 21H4C3.44772 21 3 20.5523 3 20V16C3 15.4477 3.44772 15 4 15H6V12C6 11.4477 6.44772 11 7 11H11V9H9C8.44772 9 8 8.55228 8 8V4C8 3.44772 8.44772 3 9 3H15ZM9 17H5V19H9V17ZM19 17H15V19H19V17ZM14 5H10V7H14V5Z" }) }))); });

package/dist/icons/Editor/Overline.d.ts

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

package/dist/icons/Editor/Overline.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 overlineSvgImport from "remixicon/icons/Editor/overline.svg";
 export var overlineSvg = overlineSvgImport;
-export var OverlineIcon = 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: "M15.2459 18H8.75407L7.15407 22H5L11 7H13L19 22H16.8459L15.2459 18ZM14.4459 16L12 9.88516L9.55407 16H14.4459ZM4 3H20V5H4V3Z" }) }))); };
+export var OverlineIcon = 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: "M15.2459 18H8.75407L7.15407 22H5L11 7H13L19 22H16.8459L15.2459 18ZM14.4459 16L12 9.88516L9.55407 16H14.4459ZM4 3H20V5H4V3Z" }) }))); });

package/dist/icons/Editor/PageSeparator.d.ts

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

package/dist/icons/Editor/PageSeparator.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 pageSeparatorSvgImport from "remixicon/icons/Editor/page-separator.svg";
 export var pageSeparatorSvg = pageSeparatorSvgImport;
-export var PageSeparatorIcon = 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: "M17 21V17H7V21H5V16C5 15.4477 5.44772 15 6 15H18C18.5523 15 19 15.4477 19 16V21H17ZM7 3V7H17V3H19V8C19 8.55228 18.5523 9 18 9H6C5.44772 9 5 8.55228 5 8V3H7ZM2 9L6 12L2 15V9ZM22 9V15L18 12L22 9Z" }) }))); };
+export var PageSeparatorIcon = 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: "M17 21V17H7V21H5V16C5 15.4477 5.44772 15 6 15H18C18.5523 15 19 15.4477 19 16V21H17ZM7 3V7H17V3H19V8C19 8.55228 18.5523 9 18 9H6C5.44772 9 5 8.55228 5 8V3H7ZM2 9L6 12L2 15V9ZM22 9V15L18 12L22 9Z" }) }))); });

package/dist/icons/Editor/Paragraph.d.ts

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

package/dist/icons/Editor/Paragraph.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 paragraphSvgImport from "remixicon/icons/Editor/paragraph.svg";
 export var paragraphSvg = paragraphSvgImport;
-export var ParagraphIcon = 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 6V21H10V16C6.68629 16 4 13.3137 4 10C4 6.68629 6.68629 4 10 4H20V6H17V21H15V6H12ZM10 6C7.79086 6 6 7.79086 6 10C6 12.2091 7.79086 14 10 14V6Z" }) }))); };
+export var ParagraphIcon = 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 6V21H10V16C6.68629 16 4 13.3137 4 10C4 6.68629 6.68629 4 10 4H20V6H17V21H15V6H12ZM10 6C7.79086 6 6 7.79086 6 10C6 12.2091 7.79086 14 10 14V6Z" }) }))); });

package/dist/icons/Editor/PinyinInput.d.ts

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

package/dist/icons/Editor/PinyinInput.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 pinyinInputSvgImport from "remixicon/icons/Editor/pinyin-input.svg";
 export var pinyinInputSvg = pinyinInputSvgImport;
-export var PinyinInputIcon = 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: "M17.934 3.0359L19.666 4.0359L18.531 6H21V8H19V12H21V14H19V21H17V14L13.9157 14.0004C13.5914 16.8623 12.3522 19.3936 10.5466 21.1933L8.98361 19.9233C10.5031 18.4847 11.5801 16.4008 11.9008 14.0009L10 14V12L12 11.999V8H10V6H12.467L11.334 4.0359L13.066 3.0359L14.777 6H16.221L17.934 3.0359ZM5 13.803L3 14.339V12.268L5 11.732V8H3V6H5V3H7V6H9V8H7V11.197L9 10.661V12.731L7 13.267V18.5C7 19.8807 5.88071 21 4.5 21H3V19H4.5C4.74546 19 4.94961 18.8231 4.99194 18.5899L5 18.5V13.803ZM17 8H14V12H17V8Z" }) }))); };
+export var PinyinInputIcon = 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: "M17.934 3.0359L19.666 4.0359L18.531 6H21V8H19V12H21V14H19V21H17V14L13.9157 14.0004C13.5914 16.8623 12.3522 19.3936 10.5466 21.1933L8.98361 19.9233C10.5031 18.4847 11.5801 16.4008 11.9008 14.0009L10 14V12L12 11.999V8H10V6H12.467L11.334 4.0359L13.066 3.0359L14.777 6H16.221L17.934 3.0359ZM5 13.803L3 14.339V12.268L5 11.732V8H3V6H5V3H7V6H9V8H7V11.197L9 10.661V12.731L7 13.267V18.5C7 19.8807 5.88071 21 4.5 21H3V19H4.5C4.74546 19 4.94961 18.8231 4.99194 18.5899L5 18.5V13.803ZM17 8H14V12H17V8Z" }) }))); });

package/dist/icons/Editor/QuestionMark.d.ts

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

package/dist/icons/Editor/QuestionMark.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 questionMarkSvgImport from "remixicon/icons/Editor/question-mark.svg";
 export var questionMarkSvg = questionMarkSvgImport;
-export var QuestionMarkIcon = 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 19C12.8284 19 13.5 19.6716 13.5 20.5C13.5 21.3284 12.8284 22 12 22C11.1716 22 10.5 21.3284 10.5 20.5C10.5 19.6716 11.1716 19 12 19ZM12 2C15.3137 2 18 4.68629 18 8C18 10.1646 17.2474 11.2907 15.3259 12.9231C13.3986 14.5604 13 15.2969 13 17H11C11 14.526 11.787 13.3052 14.031 11.3989C15.5479 10.1102 16 9.43374 16 8C16 5.79086 14.2091 4 12 4C9.79086 4 8 5.79086 8 8V9H6V8C6 4.68629 8.68629 2 12 2Z" }) }))); };
+export var QuestionMarkIcon = 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 19C12.8284 19 13.5 19.6716 13.5 20.5C13.5 21.3284 12.8284 22 12 22C11.1716 22 10.5 21.3284 10.5 20.5C10.5 19.6716 11.1716 19 12 19ZM12 2C15.3137 2 18 4.68629 18 8C18 10.1646 17.2474 11.2907 15.3259 12.9231C13.3986 14.5604 13 15.2969 13 17H11C11 14.526 11.787 13.3052 14.031 11.3989C15.5479 10.1102 16 9.43374 16 8C16 5.79086 14.2091 4 12 4C9.79086 4 8 5.79086 8 8V9H6V8C6 4.68629 8.68629 2 12 2Z" }) }))); });

package/dist/icons/Editor/QuoteText.d.ts

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

package/dist/icons/Editor/QuoteText.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 quoteTextSvgImport from "remixicon/icons/Editor/quote-text.svg";
 export var quoteTextSvg = quoteTextSvgImport;
-export var QuoteTextIcon = 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: "M21 4H3V6H21V4ZM21 11H8V13H21V11ZM21 18H8V20H21V18ZM5 11H3V20H5V11Z" }) }))); };
+export var QuoteTextIcon = 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: "M21 4H3V6H21V4ZM21 11H8V13H21V11ZM21 18H8V20H21V18ZM5 11H3V20H5V11Z" }) }))); });

package/dist/icons/Editor/RoundedCorner.d.ts

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

package/dist/icons/Editor/RoundedCorner.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 roundedCornerSvgImport from "remixicon/icons/Editor/rounded-corner.svg";
 export var roundedCornerSvg = roundedCornerSvgImport;
-export var RoundedCornerIcon = 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: "M21 19V21H19V19H21ZM17 19V21H15V19H17ZM13 19V21H11V19H13ZM9 19V21H7V19H9ZM5 19V21H3V19H5ZM21 15V17H19V15H21ZM5 15V17H3V15H5ZM5 11V13H3V11H5ZM16 3C18.6874 3 20.8817 5.12366 20.9954 7.78322L21 8V13H19V8C19 6.40893 17.7447 5.09681 16.1756 5.00512L16 5H11V3H16ZM5 7V9H3V7H5ZM5 3V5H3V3H5ZM9 3V5H7V3H9Z" }) }))); };
+export var RoundedCornerIcon = 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: "M21 19V21H19V19H21ZM17 19V21H15V19H17ZM13 19V21H11V19H13ZM9 19V21H7V19H9ZM5 19V21H3V19H5ZM21 15V17H19V15H21ZM5 15V17H3V15H5ZM5 11V13H3V11H5ZM16 3C18.6874 3 20.8817 5.12366 20.9954 7.78322L21 8V13H19V8C19 6.40893 17.7447 5.09681 16.1756 5.00512L16 5H11V3H16ZM5 7V9H3V7H5ZM5 3V5H3V3H5ZM9 3V5H7V3H9Z" }) }))); });

package/dist/icons/Editor/SendBackward.d.ts

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

package/dist/icons/Editor/SendBackward.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 sendBackwardSvgImport from "remixicon/icons/Editor/send-backward.svg";
 export var sendBackwardSvg = sendBackwardSvgImport;
-export var SendBackwardIcon = 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 3C14.5523 3 15 3.44772 15 4V9H20C20.5523 9 21 9.44772 21 10V20C21 20.5523 20.5523 21 20 21H10C9.44772 21 9 20.5523 9 20V15H4C3.44772 15 3 14.5523 3 14V4C3 3.44772 3.44772 3 4 3H14ZM13 5H5V13H9V10C9 9.44772 9.44772 9 10 9H13V5Z" }) }))); };
+export var SendBackwardIcon = 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 3C14.5523 3 15 3.44772 15 4V9H20C20.5523 9 21 9.44772 21 10V20C21 20.5523 20.5523 21 20 21H10C9.44772 21 9 20.5523 9 20V15H4C3.44772 15 3 14.5523 3 14V4C3 3.44772 3.44772 3 4 3H14ZM13 5H5V13H9V10C9 9.44772 9.44772 9 10 9H13V5Z" }) }))); });

package/dist/icons/Editor/SendToBack.d.ts

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

package/dist/icons/Editor/SendToBack.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 sendToBackSvgImport from "remixicon/icons/Editor/send-to-back.svg";
 export var sendToBackSvg = sendToBackSvgImport;
-export var SendToBackIcon = 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 3C11.5523 3 12 3.44772 12 4V6H17C17.5523 6 18 6.44772 18 7V12H20C20.5523 12 21 12.4477 21 13V20C21 20.5523 20.5523 21 20 21H13C12.4477 21 12 20.5523 12 20V18H7C6.44772 18 6 17.5523 6 17V12H4C3.44772 12 3 11.5523 3 11V4C3 3.44772 3.44772 3 4 3H11ZM16 8H12V11C12 11.5523 11.5523 12 11 12H8V16H12V13C12 12.4477 12.4477 12 13 12H16V8Z" }) }))); };
+export var SendToBackIcon = 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 3C11.5523 3 12 3.44772 12 4V6H17C17.5523 6 18 6.44772 18 7V12H20C20.5523 12 21 12.4477 21 13V20C21 20.5523 20.5523 21 20 21H13C12.4477 21 12 20.5523 12 20V18H7C6.44772 18 6 17.5523 6 17V12H4C3.44772 12 3 11.5523 3 11V4C3 3.44772 3.44772 3 4 3H11ZM16 8H12V11C12 11.5523 11.5523 12 11 12H8V16H12V13C12 12.4477 12.4477 12 13 12H16V8Z" }) }))); });

package/dist/icons/Editor/Separator.d.ts

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

package/dist/icons/Editor/Separator.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 separatorSvgImport from "remixicon/icons/Editor/separator.svg";
 export var separatorSvg = separatorSvgImport;
-export var SeparatorIcon = 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: "M2 11H4V13H2V11ZM6 11H18V13H6V11ZM20 11H22V13H20V11Z" }) }))); };
+export var SeparatorIcon = 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: "M2 11H4V13H2V11ZM6 11H18V13H6V11ZM20 11H22V13H20V11Z" }) }))); });

package/dist/icons/Editor/SingleQuotesL.d.ts

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

package/dist/icons/Editor/SingleQuotesL.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 singleQuotesLSvgImport from "remixicon/icons/Editor/single-quotes-l.svg";
 export var singleQuotesLSvg = singleQuotesLSvgImport;
-export var SingleQuotesLIcon = 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.58341 17.3211C8.55316 16.2275 8 15 8 13.0104C8 9.51092 10.4565 6.37372 14.0306 4.82324L14.9233 6.20085C11.588 8.00545 10.9362 10.3461 10.6756 11.8221C11.2126 11.5444 11.9156 11.4467 12.6047 11.5106C14.4091 11.6778 15.8312 13.1591 15.8312 15C15.8312 16.933 14.2642 18.5 12.3312 18.5C11.2581 18.5 10.232 18.0096 9.58341 17.3211Z" }) }))); };
+export var SingleQuotesLIcon = 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.58341 17.3211C8.55316 16.2275 8 15 8 13.0104C8 9.51092 10.4565 6.37372 14.0306 4.82324L14.9233 6.20085C11.588 8.00545 10.9362 10.3461 10.6756 11.8221C11.2126 11.5444 11.9156 11.4467 12.6047 11.5106C14.4091 11.6778 15.8312 13.1591 15.8312 15C15.8312 16.933 14.2642 18.5 12.3312 18.5C11.2581 18.5 10.232 18.0096 9.58341 17.3211Z" }) }))); });

package/dist/icons/Editor/SingleQuotesR.d.ts

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

package/dist/icons/Editor/SingleQuotesR.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 singleQuotesRSvgImport from "remixicon/icons/Editor/single-quotes-r.svg";
 export var singleQuotesRSvg = singleQuotesRSvgImport;
-export var SingleQuotesRIcon = 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.4167 6.67891C15.4469 7.77257 16.0001 9 16.0001 10.9897C16.0001 14.4891 13.5436 17.6263 9.96951 19.1768L9.07682 17.7992C12.4121 15.9946 13.0639 13.6539 13.3245 12.178C12.7875 12.4557 12.0845 12.5533 11.3954 12.4895C9.59102 12.3222 8.16895 10.8409 8.16895 9C8.16895 7.067 9.73595 5.5 11.6689 5.5C12.742 5.5 13.7681 5.99045 14.4167 6.67891Z" }) }))); };
+export var SingleQuotesRIcon = 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.4167 6.67891C15.4469 7.77257 16.0001 9 16.0001 10.9897C16.0001 14.4891 13.5436 17.6263 9.96951 19.1768L9.07682 17.7992C12.4121 15.9946 13.0639 13.6539 13.3245 12.178C12.7875 12.4557 12.0845 12.5533 11.3954 12.4895C9.59102 12.3222 8.16895 10.8409 8.16895 9C8.16895 7.067 9.73595 5.5 11.6689 5.5C12.742 5.5 13.7681 5.99045 14.4167 6.67891Z" }) }))); });

package/dist/icons/Editor/Sketching.d.ts

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

package/dist/icons/Editor/Sketching.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 sketchingSvgImport from "remixicon/icons/Editor/sketching.svg";
 export var sketchingSvg = sketchingSvgImport;
-export var SketchingIcon = 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: "M10.0357 7.69802C8.38492 9.55932 6.5134 12.2442 4.89465 15.4817C4.64766 15.9757 4.04698 16.1759 3.55301 15.9289C3.05903 15.6819 2.8588 15.0812 3.10579 14.5873C4.79739 11.2041 6.76494 8.37171 8.53943 6.37095C9.4251 5.37234 10.2797 4.56162 11.0449 3.99131C11.4272 3.7063 11.8049 3.46806 12.1677 3.29756C12.5193 3.13234 12.921 3 13.3336 3C13.5496 3 13.7872 3.0535 14.007 3.19476C14.2233 3.33371 14.3629 3.51925 14.4495 3.69083C14.6066 4.00215 14.624 4.33473 14.6201 4.55938C14.6118 5.03651 14.4847 5.6328 14.3216 6.23975C13.9874 7.48318 13.3994 9.13104 12.8149 10.7577L12.7329 10.9858C12.1671 12.5598 11.6101 14.1093 11.248 15.3466C11.1505 15.68 11.0706 15.9792 11.0094 16.2414C11.7035 15.6835 12.5581 14.8454 13.466 13.9534L13.4956 13.9243C14.3772 13.0581 15.3098 12.1418 16.0967 11.5127C16.4872 11.2006 16.9082 10.904 17.3138 10.7322C17.6544 10.5878 18.4343 10.3532 19.0407 10.9596C19.4251 11.344 19.5318 11.8438 19.5594 12.2164C19.5883 12.6064 19.5429 13.0267 19.4725 13.4261C19.3315 14.2258 19.0483 15.159 18.7894 16.0009L18.7478 16.136C18.5165 16.8874 18.3102 17.5577 18.1926 18.0965C18.4529 17.8352 18.7734 17.4216 19.1475 16.811C19.436 16.34 20.0517 16.1921 20.5226 16.4806C20.9935 16.7691 21.1414 17.3848 20.8529 17.8557C20.3099 18.7422 19.748 19.4622 19.1519 19.9092C18.5283 20.377 17.7121 20.6407 16.8863 20.2278C16.2779 19.9235 16.1398 19.3173 16.1091 18.9819C16.0759 18.6192 16.1284 18.2233 16.1979 17.8667C16.3288 17.1944 16.5829 16.3698 16.823 15.5907L16.8777 15.4129C17.1447 14.5451 17.3873 13.734 17.5028 13.0789C17.5117 13.0284 17.5196 12.9802 17.5266 12.9341C17.4697 12.977 17.4094 13.0239 17.3455 13.0749C16.6477 13.6328 15.785 14.4788 14.8677 15.38L14.8381 15.4091C13.9566 16.2752 13.024 17.1915 12.2371 17.8206C11.8466 18.1328 11.4255 18.4293 11.02 18.6012C10.6794 18.7455 9.89947 18.9801 9.29311 18.3738C8.9843 18.065 8.9052 17.6753 8.87972 17.4382C8.8515 17.1755 8.86901 16.8971 8.90269 16.6351C8.9706 16.1069 9.12934 15.4656 9.32855 14.7849C9.70829 13.4872 10.2842 11.8852 10.8411 10.3362L10.9327 10.0814C11.5263 8.42931 12.082 6.8674 12.3901 5.72074C12.4172 5.61968 12.4418 5.52435 12.4638 5.43468C12.3924 5.48361 12.3178 5.53695 12.2401 5.59489C11.6173 6.05907 10.8627 6.76559 10.0357 7.69802Z" }) }))); };
+export var SketchingIcon = 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: "M10.0357 7.69802C8.38492 9.55932 6.5134 12.2442 4.89465 15.4817C4.64766 15.9757 4.04698 16.1759 3.55301 15.9289C3.05903 15.6819 2.8588 15.0812 3.10579 14.5873C4.79739 11.2041 6.76494 8.37171 8.53943 6.37095C9.4251 5.37234 10.2797 4.56162 11.0449 3.99131C11.4272 3.7063 11.8049 3.46806 12.1677 3.29756C12.5193 3.13234 12.921 3 13.3336 3C13.5496 3 13.7872 3.0535 14.007 3.19476C14.2233 3.33371 14.3629 3.51925 14.4495 3.69083C14.6066 4.00215 14.624 4.33473 14.6201 4.55938C14.6118 5.03651 14.4847 5.6328 14.3216 6.23975C13.9874 7.48318 13.3994 9.13104 12.8149 10.7577L12.7329 10.9858C12.1671 12.5598 11.6101 14.1093 11.248 15.3466C11.1505 15.68 11.0706 15.9792 11.0094 16.2414C11.7035 15.6835 12.5581 14.8454 13.466 13.9534L13.4956 13.9243C14.3772 13.0581 15.3098 12.1418 16.0967 11.5127C16.4872 11.2006 16.9082 10.904 17.3138 10.7322C17.6544 10.5878 18.4343 10.3532 19.0407 10.9596C19.4251 11.344 19.5318 11.8438 19.5594 12.2164C19.5883 12.6064 19.5429 13.0267 19.4725 13.4261C19.3315 14.2258 19.0483 15.159 18.7894 16.0009L18.7478 16.136C18.5165 16.8874 18.3102 17.5577 18.1926 18.0965C18.4529 17.8352 18.7734 17.4216 19.1475 16.811C19.436 16.34 20.0517 16.1921 20.5226 16.4806C20.9935 16.7691 21.1414 17.3848 20.8529 17.8557C20.3099 18.7422 19.748 19.4622 19.1519 19.9092C18.5283 20.377 17.7121 20.6407 16.8863 20.2278C16.2779 19.9235 16.1398 19.3173 16.1091 18.9819C16.0759 18.6192 16.1284 18.2233 16.1979 17.8667C16.3288 17.1944 16.5829 16.3698 16.823 15.5907L16.8777 15.4129C17.1447 14.5451 17.3873 13.734 17.5028 13.0789C17.5117 13.0284 17.5196 12.9802 17.5266 12.9341C17.4697 12.977 17.4094 13.0239 17.3455 13.0749C16.6477 13.6328 15.785 14.4788 14.8677 15.38L14.8381 15.4091C13.9566 16.2752 13.024 17.1915 12.2371 17.8206C11.8466 18.1328 11.4255 18.4293 11.02 18.6012C10.6794 18.7455 9.89947 18.9801 9.29311 18.3738C8.9843 18.065 8.9052 17.6753 8.87972 17.4382C8.8515 17.1755 8.86901 16.8971 8.90269 16.6351C8.9706 16.1069 9.12934 15.4656 9.32855 14.7849C9.70829 13.4872 10.2842 11.8852 10.8411 10.3362L10.9327 10.0814C11.5263 8.42931 12.082 6.8674 12.3901 5.72074C12.4172 5.61968 12.4418 5.52435 12.4638 5.43468C12.3924 5.48361 12.3178 5.53695 12.2401 5.59489C11.6173 6.05907 10.8627 6.76559 10.0357 7.69802Z" }) }))); });

package/dist/icons/Editor/SlashCommands.d.ts

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

package/dist/icons/Editor/SlashCommands.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 slashCommandsSvgImport from "remixicon/icons/Editor/slash-commands.svg";
 export var slashCommandsSvg = slashCommandsSvgImport;
-export var SlashCommandsIcon = 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: "M3 3H5V7H3V3ZM9.78839 21H7.66003L14.2115 3H16.3398L9.78839 21ZM21 3H19V7H21V3Z" }) }))); };
+export var SlashCommandsIcon = 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: "M3 3H5V7H3V3ZM9.78839 21H7.66003L14.2115 3H16.3398L9.78839 21ZM21 3H19V7H21V3Z" }) }))); });

package/dist/icons/Editor/SlashCommands2.d.ts

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

package/dist/icons/Editor/SlashCommands2.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 slashCommands2SvgImport from "remixicon/icons/Editor/slash-commands-2.svg";
 export var slashCommands2Svg = slashCommands2SvgImport;
-export var SlashCommands2Icon = 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 2C3.34315 2 2 3.34315 2 5V19C2 20.6569 3.34315 22 5 22H19C20.6569 22 22 20.6569 22 19V5C22 3.34315 20.6569 2 19 2H5ZM4 5C4 4.44772 4.44772 4 5 4H19C19.5523 4 20 4.44772 20 5V19C20 19.5523 19.5523 20 19 20H5C4.44772 20 4 19.5523 4 19V5ZM9.72318 18L16.5803 6H14.2768L7.41968 18H9.72318Z" }) }))); };
+export var SlashCommands2Icon = 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 2C3.34315 2 2 3.34315 2 5V19C2 20.6569 3.34315 22 5 22H19C20.6569 22 22 20.6569 22 19V5C22 3.34315 20.6569 2 19 2H5ZM4 5C4 4.44772 4.44772 4 5 4H19C19.5523 4 20 4.44772 20 5V19C20 19.5523 19.5523 20 19 20H5C4.44772 20 4 19.5523 4 19V5ZM9.72318 18L16.5803 6H14.2768L7.41968 18H9.72318Z" }) }))); });

package/dist/icons/Editor/SortAsc.d.ts

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

package/dist/icons/Editor/SortAsc.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 sortAscSvgImport from "remixicon/icons/Editor/sort-asc.svg";
 export var sortAscSvg = sortAscSvgImport;
-export var SortAscIcon = 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: "M19 3L23 8H20V20H18V8H15L19 3ZM14 18V20H3V18H14ZM14 11V13H3V11H14ZM12 4V6H3V4H12Z" }) }))); };
+export var SortAscIcon = 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: "M19 3L23 8H20V20H18V8H15L19 3ZM14 18V20H3V18H14ZM14 11V13H3V11H14ZM12 4V6H3V4H12Z" }) }))); });

package/dist/icons/Editor/SortDesc.d.ts

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

package/dist/icons/Editor/SortDesc.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 sortDescSvgImport from "remixicon/icons/Editor/sort-desc.svg";
 export var sortDescSvg = sortDescSvgImport;
-export var SortDescIcon = 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: "M20 4V16H23L19 21L15 16H18V4H20ZM12 18V20H3V18H12ZM14 11V13H3V11H14ZM14 4V6H3V4H14Z" }) }))); };
+export var SortDescIcon = 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: "M20 4V16H23L19 21L15 16H18V4H20ZM12 18V20H3V18H12ZM14 11V13H3V11H14ZM14 4V6H3V4H14Z" }) }))); });

package/dist/icons/Editor/Space.d.ts

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

package/dist/icons/Editor/Space.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 spaceSvgImport from "remixicon/icons/Editor/space.svg";
 export var spaceSvg = spaceSvgImport;
-export var SpaceIcon = 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 9V13H20V9H22V14C22 14.5523 21.5523 15 21 15H3C2.44772 15 2 14.5523 2 14V9H4Z" }) }))); };
+export var SpaceIcon = 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 9V13H20V9H22V14C22 14.5523 21.5523 15 21 15H3C2.44772 15 2 14.5523 2 14V9H4Z" }) }))); });

package/dist/icons/Editor/SplitCellsHorizontal.d.ts

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

package/dist/icons/Editor/SplitCellsHorizontal.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 splitCellsHorizontalSvgImport from "remixicon/icons/Editor/split-cells-horizontal.svg";
 export var splitCellsHorizontalSvg = splitCellsHorizontalSvgImport;
-export var SplitCellsHorizontalIcon = 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: "M20 3C20.5523 3 21 3.44772 21 4V20C21 20.5523 20.5523 21 20 21H4C3.44772 21 3 20.5523 3 20V4C3 3.44772 3.44772 3 4 3H20ZM11 5H5V19H11V15H13V19H19V5H13V9H11V5ZM15 9L18 12L15 15V13H9V15L6 12L9 9V11H15V9Z" }) }))); };
+export var SplitCellsHorizontalIcon = 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: "M20 3C20.5523 3 21 3.44772 21 4V20C21 20.5523 20.5523 21 20 21H4C3.44772 21 3 20.5523 3 20V4C3 3.44772 3.44772 3 4 3H20ZM11 5H5V19H11V15H13V19H19V5H13V9H11V5ZM15 9L18 12L15 15V13H9V15L6 12L9 9V11H15V9Z" }) }))); });

package/dist/icons/Editor/SplitCellsVertical.d.ts

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

package/dist/icons/Editor/SplitCellsVertical.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 splitCellsVerticalSvgImport from "remixicon/icons/Editor/split-cells-vertical.svg";
 export var splitCellsVerticalSvg = splitCellsVerticalSvgImport;
-export var SplitCellsVerticalIcon = 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: "M20 3C20.5523 3 21 3.44772 21 4V20C21 20.5523 20.5523 21 20 21H4C3.44772 21 3 20.5523 3 20V4C3 3.44772 3.44772 3 4 3H20ZM19 5H5V10.999L9 11V13H5V19H19V13H15V11L19 10.999V5ZM12 6L15 9H13V15H15L12 18L9 15H11V9H9L12 6Z" }) }))); };
+export var SplitCellsVerticalIcon = 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: "M20 3C20.5523 3 21 3.44772 21 4V20C21 20.5523 20.5523 21 20 21H4C3.44772 21 3 20.5523 3 20V4C3 3.44772 3.44772 3 4 3H20ZM19 5H5V10.999L9 11V13H5V19H19V13H15V11L19 10.999V5ZM12 6L15 9H13V15H15L12 18L9 15H11V9H9L12 6Z" }) }))); });

package/dist/icons/Editor/Strikethrough.d.ts

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

package/dist/icons/Editor/Strikethrough.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 strikethroughSvgImport from "remixicon/icons/Editor/strikethrough.svg";
 export var strikethroughSvg = strikethroughSvgImport;
-export var StrikethroughIcon = 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: "M17.1538 14C17.3846 14.5161 17.5 15.0893 17.5 15.7196C17.5 17.0625 16.9762 18.1116 15.9286 18.867C14.8809 19.6223 13.4335 20 11.5862 20C9.94674 20 8.32335 19.6185 6.71592 18.8555V16.6009C8.23538 17.4783 9.7908 17.917 11.3822 17.917C13.9333 17.917 15.2128 17.1846 15.2208 15.7196C15.2208 15.0939 15.0049 14.5598 14.5731 14.1173C14.5339 14.0772 14.4939 14.0381 14.4531 14H3V12H21V14H17.1538ZM13.076 11H7.62908C7.4566 10.8433 7.29616 10.6692 7.14776 10.4778C6.71592 9.92084 6.5 9.24559 6.5 8.45207C6.5 7.21602 6.96583 6.165 7.89749 5.299C8.82916 4.43299 10.2706 4 12.2219 4C13.6934 4 15.1009 4.32808 16.4444 4.98426V7.13591C15.2448 6.44921 13.9293 6.10587 12.4978 6.10587C10.0187 6.10587 8.77917 6.88793 8.77917 8.45207C8.77917 8.87172 8.99709 9.23796 9.43293 9.55079C9.86878 9.86362 10.4066 10.1135 11.0463 10.3004C11.6665 10.4816 12.3431 10.7148 13.076 11H13.076Z" }) }))); };
+export var StrikethroughIcon = 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: "M17.1538 14C17.3846 14.5161 17.5 15.0893 17.5 15.7196C17.5 17.0625 16.9762 18.1116 15.9286 18.867C14.8809 19.6223 13.4335 20 11.5862 20C9.94674 20 8.32335 19.6185 6.71592 18.8555V16.6009C8.23538 17.4783 9.7908 17.917 11.3822 17.917C13.9333 17.917 15.2128 17.1846 15.2208 15.7196C15.2208 15.0939 15.0049 14.5598 14.5731 14.1173C14.5339 14.0772 14.4939 14.0381 14.4531 14H3V12H21V14H17.1538ZM13.076 11H7.62908C7.4566 10.8433 7.29616 10.6692 7.14776 10.4778C6.71592 9.92084 6.5 9.24559 6.5 8.45207C6.5 7.21602 6.96583 6.165 7.89749 5.299C8.82916 4.43299 10.2706 4 12.2219 4C13.6934 4 15.1009 4.32808 16.4444 4.98426V7.13591C15.2448 6.44921 13.9293 6.10587 12.4978 6.10587C10.0187 6.10587 8.77917 6.88793 8.77917 8.45207C8.77917 8.87172 8.99709 9.23796 9.43293 9.55079C9.86878 9.86362 10.4066 10.1135 11.0463 10.3004C11.6665 10.4816 12.3431 10.7148 13.076 11H13.076Z" }) }))); });

package/dist/icons/Editor/Strikethrough2.d.ts

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

package/dist/icons/Editor/Strikethrough2.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 strikethrough2SvgImport from "remixicon/icons/Editor/strikethrough-2.svg";
 export var strikethrough2Svg = strikethrough2SvgImport;
-export var Strikethrough2Icon = 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 9H11V6H5V4H19V6H13V9ZM13 15V20H11V15H13ZM3 11H21V13H3V11Z" }) }))); };
+export var Strikethrough2Icon = 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 9H11V6H5V4H19V6H13V9ZM13 15V20H11V15H13ZM3 11H21V13H3V11Z" }) }))); });

package/dist/icons/Editor/Subscript.d.ts

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

package/dist/icons/Editor/Subscript.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 subscriptSvgImport from "remixicon/icons/Editor/subscript.svg";
 export var subscriptSvg = subscriptSvgImport;
-export var SubscriptIcon = 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.59567 4L10.5 9.92831L15.4043 4H18L11.7978 11.4971L18 18.9943V19H15.4091L10.5 13.0659L5.59092 19H3V18.9943L9.20216 11.4971L3 4H5.59567ZM21.8 16C21.8 15.5582 21.4418 15.2 21 15.2C20.5582 15.2 20.2 15.5582 20.2 16C20.2 16.0762 20.2107 16.15 20.2306 16.2198L19.0765 16.5496C19.0267 16.375 19 16.1906 19 16C19 14.8954 19.8954 14 21 14C22.1046 14 23 14.8954 23 16C23 16.5727 22.7593 17.0892 22.3735 17.4538L20.7441 19H23V20H19V19L21.5507 16.5803C21.7042 16.4345 21.8 16.2284 21.8 16Z" }) }))); };
+export var SubscriptIcon = 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.59567 4L10.5 9.92831L15.4043 4H18L11.7978 11.4971L18 18.9943V19H15.4091L10.5 13.0659L5.59092 19H3V18.9943L9.20216 11.4971L3 4H5.59567ZM21.8 16C21.8 15.5582 21.4418 15.2 21 15.2C20.5582 15.2 20.2 15.5582 20.2 16C20.2 16.0762 20.2107 16.15 20.2306 16.2198L19.0765 16.5496C19.0267 16.375 19 16.1906 19 16C19 14.8954 19.8954 14 21 14C22.1046 14 23 14.8954 23 16C23 16.5727 22.7593 17.0892 22.3735 17.4538L20.7441 19H23V20H19V19L21.5507 16.5803C21.7042 16.4345 21.8 16.2284 21.8 16Z" }) }))); });

package/dist/icons/Editor/Subscript2.d.ts

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

package/dist/icons/Editor/Subscript2.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 subscript2SvgImport from "remixicon/icons/Editor/subscript-2.svg";
 export var subscript2Svg = subscript2SvgImport;
-export var Subscript2Icon = 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 6V19H9V6H3V4H17V6H11ZM19.5507 16.5803C19.7042 16.4345 19.8 16.2284 19.8 16C19.8 15.5582 19.4418 15.2 19 15.2C18.5582 15.2 18.2 15.5582 18.2 16C18.2 16.0762 18.2107 16.15 18.2306 16.2198L17.0765 16.5496C17.0267 16.375 17 16.1906 17 16C17 14.8954 17.8954 14 19 14C20.1046 14 21 14.8954 21 16C21 16.5727 20.7593 17.0892 20.3735 17.4538L18.7441 19H21V20H17V19L19.5507 16.5803V16.5803Z" }) }))); };
+export var Subscript2Icon = 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 6V19H9V6H3V4H17V6H11ZM19.5507 16.5803C19.7042 16.4345 19.8 16.2284 19.8 16C19.8 15.5582 19.4418 15.2 19 15.2C18.5582 15.2 18.2 15.5582 18.2 16C18.2 16.0762 18.2107 16.15 18.2306 16.2198L17.0765 16.5496C17.0267 16.375 17 16.1906 17 16C17 14.8954 17.8954 14 19 14C20.1046 14 21 14.8954 21 16C21 16.5727 20.7593 17.0892 20.3735 17.4538L18.7441 19H21V20H17V19L19.5507 16.5803V16.5803Z" }) }))); });