@manuscripts/style-guide 3.3.7 → 3.3.8

package/dist/es/components/icons/toolbar-special-characters.js

@@ -1,5 +1,3 @@
-import React from 'react';
-const ToolbarSpecialCharactersIcon = (props) => (React.createElement("svg", { width: "19", height: "18", viewBox: "0 0 19 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
-    React.createElement("path", { d: "M0 0H15C17.2091 0 19 1.79086 19 4V14C19 16.2091 17.2091 18 15 18H0V0Z", fill: "white" }),
-    React.createElement("path", { d: "M16 13.3963V14.3818C16 14.561 15.939 14.7103 15.8169 14.8298C15.7009 14.9433 15.5423 15 15.3408 15H10.5528V12.805C11.0289 12.7213 11.4714 12.5392 11.8803 12.2584C12.2953 11.9777 12.6523 11.6253 12.9514 11.2012C13.2566 10.7712 13.4946 10.2844 13.6655 9.74087C13.8425 9.19136 13.931 8.60901 13.931 7.9938C13.931 7.27108 13.812 6.63795 13.5739 6.09442C13.3359 5.55089 13.0124 5.09695 12.6035 4.7326C12.2007 4.36825 11.7308 4.09649 11.1937 3.9173C10.6566 3.73811 10.092 3.64852 9.5 3.64852C8.90798 3.64852 8.34343 3.73811 7.80634 3.9173C7.26925 4.09649 6.79624 4.36825 6.38732 4.7326C5.98451 5.09695 5.66103 5.55089 5.4169 6.09442C5.17887 6.63795 5.05986 7.27108 5.05986 7.9938C5.05986 8.60901 5.14531 9.19136 5.3162 9.74087C5.49319 10.2844 5.73427 10.7712 6.03944 11.2012C6.3446 11.6253 6.70164 11.9777 7.11056 12.2584C7.52559 12.5392 7.97113 12.7213 8.44718 12.805V15H3.65915C3.45775 15 3.29601 14.9433 3.17394 14.8298C3.05798 14.7103 3 14.561 3 14.3818V13.3963H5.49014C5.72817 13.3963 5.96925 13.4082 6.21338 13.4321C6.46362 13.456 6.7108 13.4859 6.95493 13.5217C6.39953 13.3366 5.88685 13.0678 5.4169 12.7154C4.95305 12.363 4.55023 11.9479 4.20845 11.47C3.87277 10.9922 3.60728 10.4576 3.41197 9.8663C3.22277 9.27498 3.12817 8.64484 3.12817 7.97588C3.12817 7.09189 3.29296 6.28256 3.62254 5.5479C3.95822 4.81323 4.41291 4.18309 4.98662 3.65748C5.56643 3.13186 6.24085 2.72571 7.00986 2.43901C7.78498 2.14634 8.61502 2 9.5 2C10.385 2 11.212 2.14634 11.981 2.43901C12.7561 2.72571 13.4305 3.13186 14.0042 3.65748C14.584 4.18309 15.0387 4.81323 15.3683 5.5479C15.704 6.28256 15.8718 7.09189 15.8718 7.97588C15.8718 8.64484 15.7742 9.27498 15.5789 9.8663C15.3897 10.4576 15.1242 10.9922 14.7824 11.47C14.4467 11.9479 14.0439 12.363 13.5739 12.7154C13.1101 13.0678 12.6005 13.3366 12.0451 13.5217C12.2892 13.4859 12.5333 13.456 12.7775 13.4321C13.0277 13.4082 13.2718 13.3963 13.5099 13.3963H16Z", fill: "#6E6E6E" })));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const ToolbarSpecialCharactersIcon = (props) => (_jsxs("svg", { width: "19", height: "18", viewBox: "0 0 19 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsx("path", { d: "M0 0H15C17.2091 0 19 1.79086 19 4V14C19 16.2091 17.2091 18 15 18H0V0Z", fill: "white" }), _jsx("path", { d: "M16 13.3963V14.3818C16 14.561 15.939 14.7103 15.8169 14.8298C15.7009 14.9433 15.5423 15 15.3408 15H10.5528V12.805C11.0289 12.7213 11.4714 12.5392 11.8803 12.2584C12.2953 11.9777 12.6523 11.6253 12.9514 11.2012C13.2566 10.7712 13.4946 10.2844 13.6655 9.74087C13.8425 9.19136 13.931 8.60901 13.931 7.9938C13.931 7.27108 13.812 6.63795 13.5739 6.09442C13.3359 5.55089 13.0124 5.09695 12.6035 4.7326C12.2007 4.36825 11.7308 4.09649 11.1937 3.9173C10.6566 3.73811 10.092 3.64852 9.5 3.64852C8.90798 3.64852 8.34343 3.73811 7.80634 3.9173C7.26925 4.09649 6.79624 4.36825 6.38732 4.7326C5.98451 5.09695 5.66103 5.55089 5.4169 6.09442C5.17887 6.63795 5.05986 7.27108 5.05986 7.9938C5.05986 8.60901 5.14531 9.19136 5.3162 9.74087C5.49319 10.2844 5.73427 10.7712 6.03944 11.2012C6.3446 11.6253 6.70164 11.9777 7.11056 12.2584C7.52559 12.5392 7.97113 12.7213 8.44718 12.805V15H3.65915C3.45775 15 3.29601 14.9433 3.17394 14.8298C3.05798 14.7103 3 14.561 3 14.3818V13.3963H5.49014C5.72817 13.3963 5.96925 13.4082 6.21338 13.4321C6.46362 13.456 6.7108 13.4859 6.95493 13.5217C6.39953 13.3366 5.88685 13.0678 5.4169 12.7154C4.95305 12.363 4.55023 11.9479 4.20845 11.47C3.87277 10.9922 3.60728 10.4576 3.41197 9.8663C3.22277 9.27498 3.12817 8.64484 3.12817 7.97588C3.12817 7.09189 3.29296 6.28256 3.62254 5.5479C3.95822 4.81323 4.41291 4.18309 4.98662 3.65748C5.56643 3.13186 6.24085 2.72571 7.00986 2.43901C7.78498 2.14634 8.61502 2 9.5 2C10.385 2 11.212 2.14634 11.981 2.43901C12.7561 2.72571 13.4305 3.13186 14.0042 3.65748C14.584 4.18309 15.0387 4.81323 15.3683 5.5479C15.704 6.28256 15.8718 7.09189 15.8718 7.97588C15.8718 8.64484 15.7742 9.27498 15.5789 9.8663C15.3897 10.4576 15.1242 10.9922 14.7824 11.47C14.4467 11.9479 14.0439 12.363 13.5739 12.7154C13.1101 13.0678 12.6005 13.3366 12.0451 13.5217C12.2892 13.4859 12.5333 13.456 12.7775 13.4321C13.0277 13.4082 13.2718 13.3963 13.5099 13.3963H16Z", fill: "#6E6E6E" })] }));
 export default ToolbarSpecialCharactersIcon;

package/dist/es/components/icons/toolbar-subscript.js

@@ -1,4 +1,3 @@
-import React from 'react';
-const ToolbarSubscriptIcon = (props) => (React.createElement("svg", { width: "19", height: "16", viewBox: "0 0 19 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
-    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.9121 8.71838V15.0597H12.585V10.0104H12.5059L10.9502 11.0826V9.84778L12.5894 8.71838H13.9121ZM11.2808 3.90002V5.31555H8.45605V13.0597H6.81836V5.31555H4V3.90002H11.2808Z", fill: "#6E6E6E" })));
+import { jsx as _jsx } from "react/jsx-runtime";
+const ToolbarSubscriptIcon = (props) => (_jsx("svg", { width: "19", height: "16", viewBox: "0 0 19 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.9121 8.71838V15.0597H12.585V10.0104H12.5059L10.9502 11.0826V9.84778L12.5894 8.71838H13.9121ZM11.2808 3.90002V5.31555H8.45605V13.0597H6.81836V5.31555H4V3.90002H11.2808Z", fill: "#6E6E6E" }) }));
 export default ToolbarSubscriptIcon;

package/dist/es/components/icons/toolbar-superscript.js

@@ -1,4 +1,3 @@
-import React from 'react';
-const ToolbarSuperscriptIcon = (props) => (React.createElement("svg", { width: "19", height: "16", viewBox: "0 0 19 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
-    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.7808 3.88165V5.29718H7.95605V13.0413H6.31836V5.29718H3.5V3.88165H10.7808ZM15.4121 2.70001V9.04132H14.085V3.992H14.0059L12.4502 5.06427V3.82941L14.0894 2.70001H15.4121Z", fill: "#6E6E6E" })));
+import { jsx as _jsx } from "react/jsx-runtime";
+const ToolbarSuperscriptIcon = (props) => (_jsx("svg", { width: "19", height: "16", viewBox: "0 0 19 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.7808 3.88165V5.29718H7.95605V13.0413H6.31836V5.29718H3.5V3.88165H10.7808ZM15.4121 2.70001V9.04132H14.085V3.992H14.0059L12.4502 5.06427V3.82941L14.0894 2.70001H15.4121Z", fill: "#6E6E6E" }) }));
 export default ToolbarSuperscriptIcon;

package/dist/es/components/icons/toolbar-symbol.js

@@ -1,4 +1,3 @@
-import React from 'react';
-const ToolbarSymbolIcon = (props) => (React.createElement("svg", { width: "19", height: "16", viewBox: "0 0 19 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
-    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.93411 4.5L10.3289 6.8948L10.3309 6.89282L11.4033 7.96526L7.86861 11.5H13.38V13H5.38V11.5H5.72371L9.25647 7.96725L5.78922 4.5H5.35V3H13.35V4.5H7.93411Z", fill: "#FFBD26" })));
+import { jsx as _jsx } from "react/jsx-runtime";
+const ToolbarSymbolIcon = (props) => (_jsx("svg", { width: "19", height: "16", viewBox: "0 0 19 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.93411 4.5L10.3289 6.8948L10.3309 6.89282L11.4033 7.96526L7.86861 11.5H13.38V13H5.38V11.5H5.72371L9.25647 7.96725L5.78922 4.5H5.35V3H13.35V4.5H7.93411Z", fill: "#FFBD26" }) }));
 export default ToolbarSymbolIcon;

package/dist/es/components/icons/toolbar-table.js

@@ -1,4 +1,3 @@
-import React from 'react';
-const ToolbarTableIcon = (props) => (React.createElement("svg", { width: "19", height: "16", viewBox: "0 0 19 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
-    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15 2C16.3807 2 17.5 3.11929 17.5 4.5V11.5C17.5 12.8807 16.3807 14 15 14H4C2.61929 14 1.5 12.8807 1.5 11.5V4.5C1.5 3.11929 2.61929 2 4 2H15ZM5 7H3V11.5C3 12.0128 3.38604 12.4355 3.88338 12.4933L4 12.5H5V7ZM16 7H6.5V12.5H15C15.5128 12.5 15.9355 12.114 15.9933 11.6166L16 11.5V7ZM5 3.5H4C3.44772 3.5 3 3.94772 3 4.5V5.5H5V3.5ZM15 3.5H6.5V5.5H16V4.5C16 3.98716 15.614 3.56449 15.1166 3.50673L15 3.5Z", fill: "#F35143" })));
+import { jsx as _jsx } from "react/jsx-runtime";
+const ToolbarTableIcon = (props) => (_jsx("svg", { width: "19", height: "16", viewBox: "0 0 19 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15 2C16.3807 2 17.5 3.11929 17.5 4.5V11.5C17.5 12.8807 16.3807 14 15 14H4C2.61929 14 1.5 12.8807 1.5 11.5V4.5C1.5 3.11929 2.61929 2 4 2H15ZM5 7H3V11.5C3 12.0128 3.38604 12.4355 3.88338 12.4933L4 12.5H5V7ZM16 7H6.5V12.5H15C15.5128 12.5 15.9355 12.114 15.9933 11.6166L16 11.5V7ZM5 3.5H4C3.44772 3.5 3 3.94772 3 4.5V5.5H5V3.5ZM15 3.5H6.5V5.5H16V4.5C16 3.98716 15.614 3.56449 15.1166 3.50673L15 3.5Z", fill: "#F35143" }) }));
 export default ToolbarTableIcon;

package/dist/es/components/icons/toolbar-underline.js

@@ -1,4 +1,3 @@
-import React from 'react';
-const ToolbarUnderlineIcon = (props) => (React.createElement("svg", { width: "19", height: "16", viewBox: "0 0 19 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
-    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.75 12.4551C14.1642 12.4551 14.5 12.7909 14.5 13.2051C14.5 13.6193 14.1642 13.9551 13.75 13.9551H5.25C4.83579 13.9551 4.5 13.6193 4.5 13.2051C4.5 12.7909 4.83579 12.4551 5.25 12.4551H13.75ZM7.57227 2.5V7.90234C7.57227 9.04492 8.28711 9.8125 9.54102 9.8125C10.7949 9.8125 11.5039 9.04492 11.5039 7.90234V2.5H13.0156V8.04297C13.0156 9.88867 11.6797 11.166 9.54102 11.166C7.40234 11.166 6.06641 9.88867 6.06641 8.04297V2.5H7.57227Z", fill: "#6E6E6E" })));
+import { jsx as _jsx } from "react/jsx-runtime";
+const ToolbarUnderlineIcon = (props) => (_jsx("svg", { width: "19", height: "16", viewBox: "0 0 19 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.75 12.4551C14.1642 12.4551 14.5 12.7909 14.5 13.2051C14.5 13.6193 14.1642 13.9551 13.75 13.9551H5.25C4.83579 13.9551 4.5 13.6193 4.5 13.2051C4.5 12.7909 4.83579 12.4551 5.25 12.4551H13.75ZM7.57227 2.5V7.90234C7.57227 9.04492 8.28711 9.8125 9.54102 9.8125C10.7949 9.8125 11.5039 9.04492 11.5039 7.90234V2.5H13.0156V8.04297C13.0156 9.88867 11.6797 11.166 9.54102 11.166C7.40234 11.166 6.06641 9.88867 6.06641 8.04297V2.5H7.57227Z", fill: "#6E6E6E" }) }));
 export default ToolbarUnderlineIcon;

package/dist/es/components/icons/toolbar-unindent.js

@@ -1,9 +1,3 @@
-import React from 'react';
-const ToolbarUnindentIcon = (props) => (React.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-    React.createElement("line", { x1: "13", y1: "6.5", x2: "20", y2: "6.5", stroke: "#6E6E6E", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-    React.createElement("line", { x1: "13", y1: "10.25", x2: "20", y2: "10.25", stroke: "#6E6E6E", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-    React.createElement("line", { x1: "13", y1: "14", x2: "20", y2: "14", stroke: "#6E6E6E", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-    React.createElement("line", { x1: "5.5", y1: "17.75", x2: "20", y2: "17.75", stroke: "#6E6E6E", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.14258 10.5003C5.14258 9.61268 5.51157 8.89314 5.96675 8.89314L9.67555 8.89314C10.1307 8.89314 10.4997 9.61268 10.4997 10.5003C10.4997 11.3879 10.1307 12.1074 9.67555 12.1074L5.96675 12.1074C5.51157 12.1074 5.14258 11.3879 5.14258 10.5003Z", fill: "#6E6E6E" }),
-    React.createElement("path", { d: "M3.55069 10.6355C3.4831 10.5675 3.4831 10.4325 3.55069 10.3645L6.61649 7.28013C6.64139 7.25508 6.65798 7.25155 6.66414 7.25059C6.673 7.2492 6.68713 7.24979 6.70517 7.25839C6.73862 7.27433 6.78571 7.31919 6.78571 7.41561L6.78571 13.5844C6.78571 13.6808 6.73862 13.7257 6.70517 13.7416C6.68713 13.7502 6.673 13.7508 6.66414 13.7494C6.65798 13.7484 6.64139 13.7449 6.61649 13.7199L3.55069 10.6355Z", fill: "#6E6E6E", stroke: "#6E6E6E" })));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const ToolbarUnindentIcon = (props) => (_jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("line", { x1: "13", y1: "6.5", x2: "20", y2: "6.5", stroke: "#6E6E6E", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("line", { x1: "13", y1: "10.25", x2: "20", y2: "10.25", stroke: "#6E6E6E", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("line", { x1: "13", y1: "14", x2: "20", y2: "14", stroke: "#6E6E6E", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("line", { x1: "5.5", y1: "17.75", x2: "20", y2: "17.75", stroke: "#6E6E6E", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.14258 10.5003C5.14258 9.61268 5.51157 8.89314 5.96675 8.89314L9.67555 8.89314C10.1307 8.89314 10.4997 9.61268 10.4997 10.5003C10.4997 11.3879 10.1307 12.1074 9.67555 12.1074L5.96675 12.1074C5.51157 12.1074 5.14258 11.3879 5.14258 10.5003Z", fill: "#6E6E6E" }), _jsx("path", { d: "M3.55069 10.6355C3.4831 10.5675 3.4831 10.4325 3.55069 10.3645L6.61649 7.28013C6.64139 7.25508 6.65798 7.25155 6.66414 7.25059C6.673 7.2492 6.68713 7.24979 6.70517 7.25839C6.73862 7.27433 6.78571 7.31919 6.78571 7.41561L6.78571 13.5844C6.78571 13.6808 6.73862 13.7257 6.70517 13.7416C6.68713 13.7502 6.673 13.7508 6.66414 13.7494C6.65798 13.7484 6.64139 13.7449 6.61649 13.7199L3.55069 10.6355Z", fill: "#6E6E6E", stroke: "#6E6E6E" })] }));
 export default ToolbarUnindentIcon;

package/dist/es/components/icons/toolbar-unordered-list.js

@@ -1,4 +1,3 @@
-import React from 'react';
-const ToolbarUnorderedListIcon = (props) => (React.createElement("svg", { width: "19", height: "16", viewBox: "0 0 19 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
-    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.75569 2.5C5.00148 2.5 6.01139 3.50991 6.01139 4.75569C6.01139 6.00148 5.00148 7.01139 3.75569 7.01139C2.50991 7.01139 1.5 6.00148 1.5 4.75569C1.5 3.50991 2.50991 2.5 3.75569 2.5ZM3.75569 3.73038C3.18943 3.73038 2.73038 4.18943 2.73038 4.75569C2.73038 5.32196 3.18943 5.78101 3.75569 5.78101C4.32196 5.78101 4.78101 5.32196 4.78101 4.75569C4.78101 4.18943 4.32196 3.73038 3.75569 3.73038ZM3.75569 9.5C5.00148 9.5 6.01139 10.5099 6.01139 11.7557C6.01139 13.0015 5.00148 14.0114 3.75569 14.0114C2.50991 14.0114 1.5 13.0015 1.5 11.7557C1.5 10.5099 2.50991 9.5 3.75569 9.5ZM3.75569 10.7304C3.18943 10.7304 2.73038 11.1894 2.73038 11.7557C2.73038 12.322 3.18943 12.781 3.75569 12.781C4.32196 12.781 4.78101 12.322 4.78101 11.7557C4.78101 11.1894 4.32196 10.7304 3.75569 10.7304ZM16.25 11C16.6642 11 17 11.3358 17 11.75C17 12.1642 16.6642 12.5 16.25 12.5H9.75C9.33579 12.5 9 12.1642 9 11.75C9 11.3358 9.33579 11 9.75 11H16.25ZM16.25 4C16.6642 4 17 4.33579 17 4.75C17 5.16421 16.6642 5.5 16.25 5.5H9.75C9.33579 5.5 9 5.16421 9 4.75C9 4.33579 9.33579 4 9.75 4H16.25Z", fill: "#0B6BB8" })));
+import { jsx as _jsx } from "react/jsx-runtime";
+const ToolbarUnorderedListIcon = (props) => (_jsx("svg", { width: "19", height: "16", viewBox: "0 0 19 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.75569 2.5C5.00148 2.5 6.01139 3.50991 6.01139 4.75569C6.01139 6.00148 5.00148 7.01139 3.75569 7.01139C2.50991 7.01139 1.5 6.00148 1.5 4.75569C1.5 3.50991 2.50991 2.5 3.75569 2.5ZM3.75569 3.73038C3.18943 3.73038 2.73038 4.18943 2.73038 4.75569C2.73038 5.32196 3.18943 5.78101 3.75569 5.78101C4.32196 5.78101 4.78101 5.32196 4.78101 4.75569C4.78101 4.18943 4.32196 3.73038 3.75569 3.73038ZM3.75569 9.5C5.00148 9.5 6.01139 10.5099 6.01139 11.7557C6.01139 13.0015 5.00148 14.0114 3.75569 14.0114C2.50991 14.0114 1.5 13.0015 1.5 11.7557C1.5 10.5099 2.50991 9.5 3.75569 9.5ZM3.75569 10.7304C3.18943 10.7304 2.73038 11.1894 2.73038 11.7557C2.73038 12.322 3.18943 12.781 3.75569 12.781C4.32196 12.781 4.78101 12.322 4.78101 11.7557C4.78101 11.1894 4.32196 10.7304 3.75569 10.7304ZM16.25 11C16.6642 11 17 11.3358 17 11.75C17 12.1642 16.6642 12.5 16.25 12.5H9.75C9.33579 12.5 9 12.1642 9 11.75C9 11.3358 9.33579 11 9.75 11H16.25ZM16.25 4C16.6642 4 17 4.33579 17 4.75C17 5.16421 16.6642 5.5 16.25 5.5H9.75C9.33579 5.5 9 5.16421 9 4.75C9 4.33579 9.33579 4 9.75 4H16.25Z", fill: "#0B6BB8" }) }));
 export default ToolbarUnorderedListIcon;

package/dist/es/components/icons/translate.js

@@ -1,11 +1,3 @@
-import React from 'react';
-const TranslateIcon = (props) => (React.createElement("svg", { width: "20", height: "19", viewBox: "0 0 20 19", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
-    React.createElement("path", { d: "M17 7.6829L17.0811 7.69169C17.2631 7.72918 17.4004 7.89016 17.4004 8.08329C17.4004 8.27641 17.2631 8.4374 17.0811 8.47489L17 8.48368H12.5C12.2791 8.48368 12.0996 8.3042 12.0996 8.08329C12.0996 7.86237 12.2791 7.6829 12.5 7.6829H17Z", fill: "#6E6E6E" }),
-    React.createElement("path", { d: "M13.349 7.98829C13.5376 7.96168 13.7123 8.07734 13.7719 8.25545L13.7904 8.33514L13.8378 8.65308C13.9638 9.37209 14.2014 9.94791 14.638 10.5142C15.149 11.1767 15.9471 11.8456 17.2165 12.6998C17.3979 12.8219 17.4485 13.0733 17.3291 13.2614C17.2094 13.4496 16.9649 13.503 16.7833 13.3808C15.4972 12.5153 14.6124 11.7899 14.021 11.023C13.4931 10.3386 13.2104 9.63634 13.0645 8.80858L13.0097 8.44607L13.0073 8.36322C13.0207 8.17493 13.1606 8.01505 13.349 7.98829Z", fill: "#6E6E6E" }),
-    React.createElement("path", { d: "M16.151 7.98829C15.9624 7.96168 15.7877 8.07734 15.7282 8.25545L15.7097 8.33514L15.6623 8.65308C15.5362 9.37209 15.2987 9.94791 14.862 10.5142C14.3511 11.1767 13.5529 11.8456 12.2836 12.6998C12.1021 12.8219 12.0515 13.0733 12.1709 13.2614C12.2906 13.4496 12.5352 13.503 12.7167 13.3808C14.0029 12.5153 14.8876 11.7899 15.4791 11.023C16.0069 10.3386 16.2897 9.63634 16.4356 8.80858L16.4903 8.44607L16.4928 8.36322C16.4793 8.17493 16.3394 8.01505 16.151 7.98829Z", fill: "#6E6E6E" }),
-    React.createElement("path", { d: "M15.1548 7.92969L15.146 8.01074C15.1086 8.19291 14.9476 8.33008 14.7544 8.33008C14.5612 8.33008 14.4002 8.19291 14.3628 8.01074L14.354 7.92969V7C14.354 6.77909 14.5335 6.59961 14.7544 6.59961C14.9753 6.59961 15.1548 6.77909 15.1548 7V7.92969Z", fill: "#6E6E6E" }),
-    React.createElement("path", { d: "M10.0938 14.1494C10.2874 13.9527 10.6039 13.95 10.8008 14.1436C10.9975 14.3372 11.0002 14.6537 10.8066 14.8506L8.23633 17.4629C8.32048 17.4859 8.40856 17.5 8.5 17.5H17.5C18.0523 17.5 18.5 17.0523 18.5 16.5V4.5C18.5 3.94772 18.0523 3.5 17.5 3.5H10C9.72386 3.5 9.5 3.27614 9.5 3C9.5 2.72386 9.72386 2.5 10 2.5H17.5C18.6046 2.5 19.5 3.39543 19.5 4.5V16.5C19.5 17.6046 18.6046 18.5 17.5 18.5H8.5C7.39543 18.5 6.5 17.6046 6.5 16.5V14.5C6.5 14.2239 6.72386 14 7 14C7.27614 14 7.5 14.2239 7.5 14.5V16.5C7.5 16.5871 7.51226 16.6714 7.5332 16.752L10.0938 14.1494Z", fill: "#6E6E6E" }),
-    React.createElement("path", { d: "M0 13V2C0 0.89543 0.895431 0 2 0H8.22565C9.23805 0 10.0908 0.756519 10.2114 1.76171L11.5855 13.2128C11.6996 14.1634 10.9574 15 10 15V14C10.3578 14 10.6354 13.6873 10.5928 13.332L9.21875 1.88086C9.15844 1.37826 8.73179 1 8.22559 1H2C1.48232 1 1.05621 1.39333 1.00488 1.89746L1 2V13C1 13.5523 1.44772 14 2 14L2 15L1.7959 14.9893C0.854346 14.8938 0.1062 14.1457 0.0107422 13.2041L0 13ZM10 14V15H2L2 14H10Z", fill: "#6E6E6E" }),
-    React.createElement("path", { d: "M5.65918 3.00781C6.02373 3.04499 6.34625 3.20823 6.59961 3.45996C6.80754 3.66331 6.95407 3.91034 7.06055 4.15625L7.15527 4.40039L7.15723 4.40723L7.16016 4.41406L8.85938 9.58203L8.93262 9.82422C8.96677 9.96098 8.98846 10.1032 8.99609 10.249L9.26758 10.5283H8.99121C8.98953 10.5469 8.98663 10.5653 8.98438 10.584L8.98633 10.585C8.95038 10.9151 8.82305 11.2818 8.52246 11.5742L8.52344 11.5752C8.52182 11.5768 8.5192 11.5775 8.51758 11.5791C8.51338 11.5832 8.51013 11.5888 8.50586 11.5928L8.50488 11.5908C8.21558 11.868 7.85102 12 7.47754 12C7.06518 11.9999 6.62355 11.8578 6.29688 11.4805L6.28906 11.4717L6.28223 11.4629C6.26561 11.4428 6.25001 11.4212 6.23438 11.4004L6.14746 11.6133L5.82324 10.5283H5.16797L4.84375 11.623L4.75391 11.4053C4.74961 11.4112 4.74655 11.418 4.74219 11.4238C4.42318 11.8507 3.95695 11.9999 3.54395 12C3.16844 12 2.79801 11.8714 2.50195 11.5928L2.48926 11.5811L2.47656 11.5684C2.20132 11.2905 2.06549 10.9487 2.01855 10.6172V10.6123C2.01475 10.5844 2.01235 10.5561 2.00977 10.5283H1.68848L2.00879 10.2031C2.02179 10.0014 2.05787 9.80543 2.11523 9.62012L2.11816 9.61133L2.12109 9.60352L3.82715 4.41406C3.93281 4.09112 4.09769 3.73495 4.37988 3.45898L4.38672 3.45312L4.39355 3.44629C4.68404 3.17277 5.06275 3 5.49707 3L5.65918 3.00781ZM5.497 4C5.34165 4 5.20228 4.05809 5.07891 4.17427C4.96011 4.29046 4.85958 4.47441 4.77734 4.72614L3.0707 9.91563C3.00673 10.1222 2.98617 10.3094 3.00902 10.4772C3.03186 10.6385 3.09127 10.7676 3.18722 10.8645C3.2591 10.9321 3.34389 10.9742 3.44141 10.9912L3.54363 11C3.60547 11 3.66189 10.993 3.7128 10.979C3.77191 10.9627 3.82297 10.9376 3.86719 10.9023L3.94116 10.8257C4.02797 10.7095 4.1125 10.5224 4.19475 10.2642L4.41602 9.52832H6.57031L6.7924 10.2642C6.87008 10.5224 6.95689 10.7095 7.05285 10.8257C7.15337 10.9419 7.29502 11 7.47779 11C7.61487 11 7.72911 10.9548 7.82049 10.8645C7.91645 10.7741 7.97356 10.645 7.99184 10.4772C8.01469 10.3094 7.98956 10.1222 7.91645 9.91563L6.20981 4.72614C6.123 4.47441 6.02019 4.29046 5.90139 4.17427C5.78715 4.05809 5.65236 4 5.497 4ZM5.497 5.94606L6.16016 8.16309H4.82617L5.48329 5.94606H5.497Z", fill: "#6E6E6E" }),
-    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2 0C0.895431 0 0 0.89543 0 2V13C0 14.1046 0.89543 15 2 15H10C10.9574 15 11.6996 14.1634 11.5855 13.2128L10.2114 1.76171C10.0908 0.756519 9.23805 0 8.22565 0H2ZM3.18722 10.8645C3.09127 10.7676 3.03186 10.6385 3.00902 10.4772C2.98617 10.3094 3.00673 10.1222 3.0707 9.91563L4.77734 4.72614C4.85958 4.47441 4.96011 4.29046 5.07891 4.17427C5.20228 4.05809 5.34165 4 5.497 4C5.65236 4 5.78715 4.05809 5.90139 4.17427C6.02019 4.29046 6.123 4.47441 6.20981 4.72614L7.91645 9.91563C7.98956 10.1222 8.01469 10.3094 7.99184 10.4772C7.97356 10.645 7.91645 10.7741 7.82049 10.8645C7.72911 10.9548 7.61487 11 7.47779 11C7.29502 11 7.15337 10.9419 7.05285 10.8257C6.95689 10.7095 6.87008 10.5224 6.7924 10.2642L6.57031 9.52832H4.41602L4.19475 10.2642C4.1125 10.5224 4.02797 10.7095 3.94116 10.8257L3.86719 10.9023C3.82297 10.9376 3.77191 10.9627 3.7128 10.979C3.66189 10.993 3.60547 11 3.54363 11L3.44141 10.9912C3.34389 10.9742 3.2591 10.9321 3.18722 10.8645ZM5.48329 5.94606L4.82617 8.16309H6.16016L5.497 5.94606H5.48329Z", fill: "#6E6E6E" })));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const TranslateIcon = (props) => (_jsxs("svg", { width: "20", height: "19", viewBox: "0 0 20 19", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsx("path", { d: "M17 7.6829L17.0811 7.69169C17.2631 7.72918 17.4004 7.89016 17.4004 8.08329C17.4004 8.27641 17.2631 8.4374 17.0811 8.47489L17 8.48368H12.5C12.2791 8.48368 12.0996 8.3042 12.0996 8.08329C12.0996 7.86237 12.2791 7.6829 12.5 7.6829H17Z", fill: "#6E6E6E" }), _jsx("path", { d: "M13.349 7.98829C13.5376 7.96168 13.7123 8.07734 13.7719 8.25545L13.7904 8.33514L13.8378 8.65308C13.9638 9.37209 14.2014 9.94791 14.638 10.5142C15.149 11.1767 15.9471 11.8456 17.2165 12.6998C17.3979 12.8219 17.4485 13.0733 17.3291 13.2614C17.2094 13.4496 16.9649 13.503 16.7833 13.3808C15.4972 12.5153 14.6124 11.7899 14.021 11.023C13.4931 10.3386 13.2104 9.63634 13.0645 8.80858L13.0097 8.44607L13.0073 8.36322C13.0207 8.17493 13.1606 8.01505 13.349 7.98829Z", fill: "#6E6E6E" }), _jsx("path", { d: "M16.151 7.98829C15.9624 7.96168 15.7877 8.07734 15.7282 8.25545L15.7097 8.33514L15.6623 8.65308C15.5362 9.37209 15.2987 9.94791 14.862 10.5142C14.3511 11.1767 13.5529 11.8456 12.2836 12.6998C12.1021 12.8219 12.0515 13.0733 12.1709 13.2614C12.2906 13.4496 12.5352 13.503 12.7167 13.3808C14.0029 12.5153 14.8876 11.7899 15.4791 11.023C16.0069 10.3386 16.2897 9.63634 16.4356 8.80858L16.4903 8.44607L16.4928 8.36322C16.4793 8.17493 16.3394 8.01505 16.151 7.98829Z", fill: "#6E6E6E" }), _jsx("path", { d: "M15.1548 7.92969L15.146 8.01074C15.1086 8.19291 14.9476 8.33008 14.7544 8.33008C14.5612 8.33008 14.4002 8.19291 14.3628 8.01074L14.354 7.92969V7C14.354 6.77909 14.5335 6.59961 14.7544 6.59961C14.9753 6.59961 15.1548 6.77909 15.1548 7V7.92969Z", fill: "#6E6E6E" }), _jsx("path", { d: "M10.0938 14.1494C10.2874 13.9527 10.6039 13.95 10.8008 14.1436C10.9975 14.3372 11.0002 14.6537 10.8066 14.8506L8.23633 17.4629C8.32048 17.4859 8.40856 17.5 8.5 17.5H17.5C18.0523 17.5 18.5 17.0523 18.5 16.5V4.5C18.5 3.94772 18.0523 3.5 17.5 3.5H10C9.72386 3.5 9.5 3.27614 9.5 3C9.5 2.72386 9.72386 2.5 10 2.5H17.5C18.6046 2.5 19.5 3.39543 19.5 4.5V16.5C19.5 17.6046 18.6046 18.5 17.5 18.5H8.5C7.39543 18.5 6.5 17.6046 6.5 16.5V14.5C6.5 14.2239 6.72386 14 7 14C7.27614 14 7.5 14.2239 7.5 14.5V16.5C7.5 16.5871 7.51226 16.6714 7.5332 16.752L10.0938 14.1494Z", fill: "#6E6E6E" }), _jsx("path", { d: "M0 13V2C0 0.89543 0.895431 0 2 0H8.22565C9.23805 0 10.0908 0.756519 10.2114 1.76171L11.5855 13.2128C11.6996 14.1634 10.9574 15 10 15V14C10.3578 14 10.6354 13.6873 10.5928 13.332L9.21875 1.88086C9.15844 1.37826 8.73179 1 8.22559 1H2C1.48232 1 1.05621 1.39333 1.00488 1.89746L1 2V13C1 13.5523 1.44772 14 2 14L2 15L1.7959 14.9893C0.854346 14.8938 0.1062 14.1457 0.0107422 13.2041L0 13ZM10 14V15H2L2 14H10Z", fill: "#6E6E6E" }), _jsx("path", { d: "M5.65918 3.00781C6.02373 3.04499 6.34625 3.20823 6.59961 3.45996C6.80754 3.66331 6.95407 3.91034 7.06055 4.15625L7.15527 4.40039L7.15723 4.40723L7.16016 4.41406L8.85938 9.58203L8.93262 9.82422C8.96677 9.96098 8.98846 10.1032 8.99609 10.249L9.26758 10.5283H8.99121C8.98953 10.5469 8.98663 10.5653 8.98438 10.584L8.98633 10.585C8.95038 10.9151 8.82305 11.2818 8.52246 11.5742L8.52344 11.5752C8.52182 11.5768 8.5192 11.5775 8.51758 11.5791C8.51338 11.5832 8.51013 11.5888 8.50586 11.5928L8.50488 11.5908C8.21558 11.868 7.85102 12 7.47754 12C7.06518 11.9999 6.62355 11.8578 6.29688 11.4805L6.28906 11.4717L6.28223 11.4629C6.26561 11.4428 6.25001 11.4212 6.23438 11.4004L6.14746 11.6133L5.82324 10.5283H5.16797L4.84375 11.623L4.75391 11.4053C4.74961 11.4112 4.74655 11.418 4.74219 11.4238C4.42318 11.8507 3.95695 11.9999 3.54395 12C3.16844 12 2.79801 11.8714 2.50195 11.5928L2.48926 11.5811L2.47656 11.5684C2.20132 11.2905 2.06549 10.9487 2.01855 10.6172V10.6123C2.01475 10.5844 2.01235 10.5561 2.00977 10.5283H1.68848L2.00879 10.2031C2.02179 10.0014 2.05787 9.80543 2.11523 9.62012L2.11816 9.61133L2.12109 9.60352L3.82715 4.41406C3.93281 4.09112 4.09769 3.73495 4.37988 3.45898L4.38672 3.45312L4.39355 3.44629C4.68404 3.17277 5.06275 3 5.49707 3L5.65918 3.00781ZM5.497 4C5.34165 4 5.20228 4.05809 5.07891 4.17427C4.96011 4.29046 4.85958 4.47441 4.77734 4.72614L3.0707 9.91563C3.00673 10.1222 2.98617 10.3094 3.00902 10.4772C3.03186 10.6385 3.09127 10.7676 3.18722 10.8645C3.2591 10.9321 3.34389 10.9742 3.44141 10.9912L3.54363 11C3.60547 11 3.66189 10.993 3.7128 10.979C3.77191 10.9627 3.82297 10.9376 3.86719 10.9023L3.94116 10.8257C4.02797 10.7095 4.1125 10.5224 4.19475 10.2642L4.41602 9.52832H6.57031L6.7924 10.2642C6.87008 10.5224 6.95689 10.7095 7.05285 10.8257C7.15337 10.9419 7.29502 11 7.47779 11C7.61487 11 7.72911 10.9548 7.82049 10.8645C7.91645 10.7741 7.97356 10.645 7.99184 10.4772C8.01469 10.3094 7.98956 10.1222 7.91645 9.91563L6.20981 4.72614C6.123 4.47441 6.02019 4.29046 5.90139 4.17427C5.78715 4.05809 5.65236 4 5.497 4ZM5.497 5.94606L6.16016 8.16309H4.82617L5.48329 5.94606H5.497Z", fill: "#6E6E6E" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2 0C0.895431 0 0 0.89543 0 2V13C0 14.1046 0.89543 15 2 15H10C10.9574 15 11.6996 14.1634 11.5855 13.2128L10.2114 1.76171C10.0908 0.756519 9.23805 0 8.22565 0H2ZM3.18722 10.8645C3.09127 10.7676 3.03186 10.6385 3.00902 10.4772C2.98617 10.3094 3.00673 10.1222 3.0707 9.91563L4.77734 4.72614C4.85958 4.47441 4.96011 4.29046 5.07891 4.17427C5.20228 4.05809 5.34165 4 5.497 4C5.65236 4 5.78715 4.05809 5.90139 4.17427C6.02019 4.29046 6.123 4.47441 6.20981 4.72614L7.91645 9.91563C7.98956 10.1222 8.01469 10.3094 7.99184 10.4772C7.97356 10.645 7.91645 10.7741 7.82049 10.8645C7.72911 10.9548 7.61487 11 7.47779 11C7.29502 11 7.15337 10.9419 7.05285 10.8257C6.95689 10.7095 6.87008 10.5224 6.7924 10.2642L6.57031 9.52832H4.41602L4.19475 10.2642C4.1125 10.5224 4.02797 10.7095 3.94116 10.8257L3.86719 10.9023C3.82297 10.9376 3.77191 10.9627 3.7128 10.979C3.66189 10.993 3.60547 11 3.54363 11L3.44141 10.9912C3.34389 10.9742 3.2591 10.9321 3.18722 10.8645ZM5.48329 5.94606L4.82617 8.16309H6.16016L5.497 5.94606H5.48329Z", fill: "#6E6E6E" })] }));
 export default TranslateIcon;

package/dist/es/components/icons/triangle-collapsed.js

@@ -1,4 +1,3 @@
-import React from 'react';
-const TriangleCollapsedIcon = (props) => (React.createElement("svg", { width: "17", height: "17", viewBox: "0 0 17 17", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
-    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.731 5.65627C5.38994 5.23955 5.43134 4.60792 5.82348 4.24548C6.21562 3.88304 6.81 3.92704 7.15106 4.34375L10.5 8.43549L7.20134 12.6403C6.86855 13.0645 6.27516 13.1217 5.87597 12.7681C5.47679 12.4144 5.42296 11.7839 5.75575 11.3596L8.02818 8.46297L5.731 5.65627Z", fill: "#6E6E6E" })));
+import { jsx as _jsx } from "react/jsx-runtime";
+const TriangleCollapsedIcon = (props) => (_jsx("svg", { width: "17", height: "17", viewBox: "0 0 17 17", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.731 5.65627C5.38994 5.23955 5.43134 4.60792 5.82348 4.24548C6.21562 3.88304 6.81 3.92704 7.15106 4.34375L10.5 8.43549L7.20134 12.6403C6.86855 13.0645 6.27516 13.1217 5.87597 12.7681C5.47679 12.4144 5.42296 11.7839 5.75575 11.3596L8.02818 8.46297L5.731 5.65627Z", fill: "#6E6E6E" }) }));
 export default TriangleCollapsedIcon;

package/dist/es/components/icons/triangle-expanded.js

@@ -1,4 +1,3 @@
-import React from 'react';
-const TriangleExpandedIcon = (props) => (React.createElement("svg", { width: "17", height: "17", viewBox: "0 0 17 17", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
-    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.8437 6.231C11.2604 5.88994 11.8921 5.93134 12.2545 6.32348C12.617 6.71562 12.573 7.31 12.1562 7.65106L8.06451 11L3.85969 7.70134C3.43548 7.36855 3.37828 6.77516 3.73193 6.37598C4.08557 5.97679 4.71615 5.92296 5.14035 6.25575L8.03703 8.52818L10.8437 6.231Z", fill: "#6E6E6E" })));
+import { jsx as _jsx } from "react/jsx-runtime";
+const TriangleExpandedIcon = (props) => (_jsx("svg", { width: "17", height: "17", viewBox: "0 0 17 17", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.8437 6.231C11.2604 5.88994 11.8921 5.93134 12.2545 6.32348C12.617 6.71562 12.573 7.31 12.1562 7.65106L8.06451 11L3.85969 7.70134C3.43548 7.36855 3.37828 6.77516 3.73193 6.37598C4.08557 5.97679 4.71615 5.92296 5.14035 6.25575L8.03703 8.52818L10.8437 6.231Z", fill: "#6E6E6E" }) }));
 export default TriangleExpandedIcon;

package/dist/es/components/icons/upload.js

@@ -1,6 +1,3 @@
-import React from 'react';
-const UploadIcon = (props) => (React.createElement("svg", { width: "17", height: "18", viewBox: "0 0 17 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
-    React.createElement("path", { d: "M8.5 12.5V1.5", stroke: "#6E6E6E", strokeWidth: "1.5", strokeMiterlimit: "10", strokeLinecap: "round", strokeLinejoin: "round" }),
-    React.createElement("path", { d: "M13.5 6.5L8.5 1.5L3.5 6.5", stroke: "#6E6E6E", strokeWidth: "1.5", strokeMiterlimit: "10", strokeLinecap: "round", strokeLinejoin: "round" }),
-    React.createElement("path", { d: "M15.5 16.5H1.5", stroke: "#6E6E6E", strokeWidth: "1.5", strokeMiterlimit: "10", strokeLinecap: "round", strokeLinejoin: "round" })));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const UploadIcon = (props) => (_jsxs("svg", { width: "17", height: "18", viewBox: "0 0 17 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsx("path", { d: "M8.5 12.5V1.5", stroke: "#6E6E6E", strokeWidth: "1.5", strokeMiterlimit: "10", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M13.5 6.5L8.5 1.5L3.5 6.5", stroke: "#6E6E6E", strokeWidth: "1.5", strokeMiterlimit: "10", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M15.5 16.5H1.5", stroke: "#6E6E6E", strokeWidth: "1.5", strokeMiterlimit: "10", strokeLinecap: "round", strokeLinejoin: "round" })] }));
 export default UploadIcon;

package/dist/es/components/icons/vertical-ellipsis.js

@@ -1,6 +1,3 @@
-import React from 'react';
-const VerticalEllipsisIcon = (props) => (React.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
-    React.createElement("circle", { cx: "8", cy: "2", r: "2", fill: "#1A9BC7" }),
-    React.createElement("circle", { cx: "8", cy: "8", r: "2", fill: "#1A9BC7" }),
-    React.createElement("circle", { cx: "8", cy: "14", r: "2", fill: "#1A9BC7" })));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const VerticalEllipsisIcon = (props) => (_jsxs("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsx("circle", { cx: "8", cy: "2", r: "2", fill: "#1A9BC7" }), _jsx("circle", { cx: "8", cy: "8", r: "2", fill: "#1A9BC7" }), _jsx("circle", { cx: "8", cy: "14", r: "2", fill: "#1A9BC7" })] }));
 export default VerticalEllipsisIcon;

package/dist/es/components/icons/x.js

@@ -1,5 +1,3 @@
-import React from 'react';
-export const XIcon = (props) => (React.createElement("svg", { width: 30, height: 30, viewBox: "0 0 30 30", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
-    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.34921 12.4923C3.01447 12.1576 3.01447 11.6187 3.34921 11.2839L12.7654 \n        1.86772C13.1001 1.53298 13.639 1.53298 13.9738 1.86772C14.3085 2.20246 \n        14.3085 2.74135 13.9738 3.07609L4.55758 12.4923C4.22284 12.8271 3.68395 \n        12.8271 3.34921 12.4923Z" }),
-    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.34921 1.86667C3.01447 2.20141 3.01447 2.74029 3.34921 3.07503L12.7654 \n        12.4913C13.1001 12.826 13.639 12.826 13.9738 12.4913C14.3085 12.1565 \n        14.3085 11.6176 13.9738 11.2829L4.55758 1.86667C4.22284 1.53193 3.68395 \n        1.53193 3.34921 1.86667Z" })));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const XIcon = (props) => (_jsxs("svg", { width: 30, height: 30, viewBox: "0 0 30 30", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.34921 12.4923C3.01447 12.1576 3.01447 11.6187 3.34921 11.2839L12.7654 \n        1.86772C13.1001 1.53298 13.639 1.53298 13.9738 1.86772C14.3085 2.20246 \n        14.3085 2.74135 13.9738 3.07609L4.55758 12.4923C4.22284 12.8271 3.68395 \n        12.8271 3.34921 12.4923Z" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.34921 1.86667C3.01447 2.20141 3.01447 2.74029 3.34921 3.07503L12.7654 \n        12.4913C13.1001 12.826 13.639 12.826 13.9738 12.4913C14.3085 12.1565 \n        14.3085 11.6176 13.9738 11.2829L4.55758 1.86667C4.22284 1.53193 3.68395 \n        1.53193 3.34921 1.86667Z" })] }));
 export default XIcon;

package/dist/es/hooks/use-scroll-detection.js

@@ -15,8 +15,8 @@
  */
 import { useRef, useState } from 'react';
 export const useScrollDetection = (topTrigger, bottomTrigger) => {
-    const refRoot = useRef();
-    const observer = useRef();
+    const refRoot = useRef(null);
+    const observer = useRef(undefined);
     const [triggers, setTriggers] = useState({ bottom: false, top: false });
     const ref = (node) => {
         if (!node) {

package/dist/es/index.js

@@ -43,7 +43,6 @@ export * from './components/Badge';
 export * from './components/NavDropdown';
 export * from './components/Dropdown';
 export * from './components/LoadingOverlay';
-export * from './components/DatePicker';
 export * from './components/Text';
 export * from './components/RelativeDate';
 export * from './components/Menus';

package/dist/es/lib/files.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { FileAudioIcon, FileCodeIcon, FileCompressedIcon, FileDocumentIcon, FileFigureIcon, FileGraphicalAbstractIcon, FileImageIcon, FileLatexIcon, FilePdfIcon, FileTableIcon, FileUnknownIcon, FileVideoIcon, } from '../components/icons';
 export var FileType;
 (function (FileType) {
@@ -54,53 +54,53 @@ const extension2type = new Map([
 const type2icon = new Map([
     [
         FileType.Audio,
-        React.createElement(FileAudioIcon, { key: FileType.Audio, className: "file-icon" }),
+        _jsx(FileAudioIcon, { className: "file-icon" }, FileType.Audio),
     ],
     [
         FileType.Video,
-        React.createElement(FileVideoIcon, { key: FileType.Video, className: "file-icon" }),
+        _jsx(FileVideoIcon, { className: "file-icon" }, FileType.Video),
     ],
     [
         FileType.PlainDocument,
-        React.createElement(FileDocumentIcon, { key: FileType.PlainDocument, color: "#1A9BC7", className: "file-icon" }),
+        _jsx(FileDocumentIcon, { color: "#1A9BC7", className: "file-icon" }, FileType.PlainDocument),
     ],
     [
         FileType.SheetsWorkbooks,
-        React.createElement(FileTableIcon, { key: FileType.SheetsWorkbooks, className: "file-icon" }),
+        _jsx(FileTableIcon, { className: "file-icon" }, FileType.SheetsWorkbooks),
     ],
     [
         FileType.Latex,
-        React.createElement(FileLatexIcon, { key: FileType.Latex, color: "#1A9BC7", className: "file-icon" }),
+        _jsx(FileLatexIcon, { color: "#1A9BC7", className: "file-icon" }, FileType.Latex),
     ],
     [
         FileType.CodeFile,
-        React.createElement(FileCodeIcon, { key: FileType.CodeFile, className: "file-icon" }),
+        _jsx(FileCodeIcon, { className: "file-icon" }, FileType.CodeFile),
     ],
     [
         FileType.PdfFile,
-        React.createElement(FilePdfIcon, { key: FileType.PdfFile, className: "file-icon" }),
+        _jsx(FilePdfIcon, { className: "file-icon" }, FileType.PdfFile),
     ],
     [
         FileType.CompressedFile,
-        React.createElement(FileCompressedIcon, { key: FileType.CompressedFile, className: "file-icon" }),
+        _jsx(FileCompressedIcon, { className: "file-icon" }, FileType.CompressedFile),
     ],
     [
         FileType.PlainText,
-        React.createElement(FileDocumentIcon, { key: FileType.PlainText, color: "#FFBD26", className: "file-icon" }),
+        _jsx(FileDocumentIcon, { color: "#FFBD26", className: "file-icon" }, FileType.PlainText),
     ],
     [
         FileType.Image,
-        React.createElement(FileImageIcon, { key: FileType.Image, className: "file-icon" }),
+        _jsx(FileImageIcon, { className: "file-icon" }, FileType.Image),
     ],
     [
         FileType.Figure,
-        React.createElement(FileFigureIcon, { key: FileType.Figure, className: "file-icon" }),
+        _jsx(FileFigureIcon, { className: "file-icon" }, FileType.Figure),
     ],
     [
         FileType.GraphicalAbstract,
-        React.createElement(FileGraphicalAbstractIcon, { key: FileType.GraphicalAbstract, className: "file-icon" }),
+        _jsx(FileGraphicalAbstractIcon, { className: "file-icon" }, FileType.GraphicalAbstract),
     ],
-    [undefined, React.createElement(FileUnknownIcon, { key: undefined, className: "file-icon" })],
+    [undefined, _jsx(FileUnknownIcon, { className: "file-icon" }, undefined)],
 ]);
 export const getFileType = (name) => {
     const extension = getExtension(name);

package/dist/types/components/AlertMessage.d.ts

@@ -42,7 +42,7 @@ interface Props {
 }
 export declare class AlertMessage extends React.Component<Props, State> {
     state: State;
-    render(): false | React.JSX.Element;
+    render(): false | import("react/jsx-runtime").JSX.Element;
     private handleClose;
 }
 export {};

package/dist/types/components/AutoSaveInput.d.ts

@@ -33,7 +33,7 @@ export declare class AutoSaveInput extends React.Component<FieldProps & AutoSave
         focused: boolean;
     };
     componentWillUnmount(): void;
-    render(): React.JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
     private handleSubmit;
     private handleFocus;
     private handleBlur;

package/dist/types/components/Dialog.d.ts

@@ -49,7 +49,7 @@ export declare enum Category {
 export declare class Dialog extends React.Component<DialogProps, DialogState> {
     state: DialogState;
     componentDidMount(): void;
-    render(): React.JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
     private renderButtons;
     private checkInputValue;
     private setDisabledBtnState;

package/dist/types/components/InspectorSection.d.ts

@@ -27,7 +27,7 @@ export declare const ExpanderButton: import("styled-components").StyledComponent
 } & {
     size: number;
     defaultColor: boolean;
-}, "type" | "size" | "defaultColor">;
+}, "type" | "defaultColor" | "size">;
 export declare const Subheading: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const Field: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 interface Props {

package/dist/types/components/RadioButton.d.ts

@@ -17,7 +17,7 @@ import React from 'react';
 interface RadioProps {
     checked?: boolean;
     id: string;
-    label: string | JSX.Element;
+    label: string | React.ReactNode;
     name?: string;
 }
 export declare const RadioButton: React.FunctionComponent<RadioProps>;

package/dist/types/components/Resizer/Resizer.d.ts

@@ -16,13 +16,13 @@ interface State {
     startPosition: number;
 }
 export declare class Resizer extends React.Component<Props, State> {
-    resizerRef: React.RefObject<HTMLDivElement>;
+    resizerRef: React.RefObject<HTMLDivElement | null>;
     state: {
         isHovering: boolean;
         isResizing: boolean;
         startPosition: number;
     };
-    render(): React.JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
     private scheduleResize;
     private mouseDownHandler;
     private mouseUpHandler;

package/dist/types/components/Resizer/ResizerButton.d.ts

@@ -13,6 +13,6 @@ export declare class ResizerButton extends React.PureComponent<Props> {
         isCollapsed: boolean;
         isVisible: boolean;
     };
-    render(): React.JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export {};

package/dist/types/components/TextField.d.ts

@@ -21,6 +21,6 @@ export declare const TextArea: import("styled-components").StyledComponent<"text
 export declare const TextFieldGroup: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const TextFieldLabel: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, {}, never>;
 export declare const TextFieldWrapper: React.FC<{
-    leftIcon: JSX.Element;
+    leftIcon: React.ReactNode;
     children: React.ReactNode;
 }>;

package/dist/types/components/Tooltip.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { Tooltip as ReactTooltip } from 'react-tooltip';
-export declare const Tooltip: (props: React.ComponentProps<typeof ReactTooltip>) => React.JSX.Element;
+export declare const Tooltip: (props: React.ComponentProps<typeof ReactTooltip>) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/icons/add-author.d.ts

@@ -13,7 +13,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import React from 'react';
 import { IconProps } from './types';
-declare const AddAuthorIcon: (props: IconProps) => React.JSX.Element;
+declare const AddAuthorIcon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
 export default AddAuthorIcon;

package/dist/types/components/icons/add-figure.d.ts

@@ -13,7 +13,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import React from 'react';
 import { IconProps } from './types';
-declare const AddFigureIcon: (props: IconProps) => React.JSX.Element;
+declare const AddFigureIcon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
 export default AddFigureIcon;

package/dist/types/components/icons/affiliation-placeholder.d.ts

@@ -13,7 +13,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import React from 'react';
 import { IconProps } from './types';
-declare const AffiliationPlaceholderIcon: (props: IconProps) => React.JSX.Element;
+declare const AffiliationPlaceholderIcon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
 export default AffiliationPlaceholderIcon;

package/dist/types/components/icons/author-placeholder.d.ts

@@ -13,7 +13,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import React from 'react';
 import { IconProps } from './types';
-declare const AuthorPlaceholderIcon: (props: IconProps) => React.JSX.Element;
+declare const AuthorPlaceholderIcon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
 export default AuthorPlaceholderIcon;

package/dist/types/components/icons/danger.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { IconProps } from './types';
-declare const DangerIcon: (props: IconProps) => React.JSX.Element;
+declare const DangerIcon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
 export default DangerIcon;

package/dist/types/components/icons/section-category.d.ts

@@ -13,6 +13,5 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import React from 'react';
-declare const SectionCategoryIcon: () => React.JSX.Element;
+declare const SectionCategoryIcon: () => import("react/jsx-runtime").JSX.Element;
 export default SectionCategoryIcon;

package/dist/types/components/icons/x.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { IconProps } from './types';
-export declare const XIcon: (props: IconProps) => React.JSX.Element;
+export declare const XIcon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
 export default XIcon;

package/dist/types/hooks/use-dropdown.d.ts

@@ -16,5 +16,5 @@
 export declare const useDropdown: () => {
     isOpen: boolean;
     toggleOpen: () => void;
-    wrapperRef: import("react").RefObject<HTMLDivElement>;
+    wrapperRef: import("react").RefObject<HTMLDivElement | null>;
 };

package/dist/types/hooks/use-menus.d.ts

@@ -2,5 +2,5 @@ import { Menu, MenuSpec } from '../lib/menus';
 export declare const useMenus: (menus: MenuSpec[]) => {
     menus: Menu[];
     handleClick: (indices: number[]) => void;
-    ref: import("react").RefObject<HTMLDivElement>;
+    ref: import("react").RefObject<HTMLDivElement | null>;
 };

package/dist/types/index.d.ts

@@ -44,7 +44,6 @@ export * from './components/Badge';
 export * from './components/NavDropdown';
 export * from './components/Dropdown';
 export * from './components/LoadingOverlay';
-export * from './components/DatePicker';
 export * from './components/Text';
 export * from './components/RelativeDate';
 export * from './components/Menus';

package/dist/types/lib/files.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 export declare enum FileType {
     Image = 0,
     Audio = 1,
@@ -13,6 +14,6 @@ export declare enum FileType {
     GraphicalAbstract = 11
 }
 export declare const getFileType: (name: string) => FileType | undefined;
-export declare const getFileIcon: (name: string) => JSX.Element | undefined;
-export declare const getFileTypeIcon: (type: FileType) => JSX.Element | undefined;
+export declare const getFileIcon: (name: string) => React.ReactNode;
+export declare const getFileTypeIcon: (type: FileType) => React.ReactNode;
 export declare const isImageFile: (name: string) => boolean;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@manuscripts/style-guide",
   "description": "Shared components for Manuscripts applications",
-  "version": "3.3.7",
+  "version": "3.3.8",
   "repository": "github:Atypon-OpenSource/manuscripts-style-guide",
   "license": "Apache-2.0",
   "main": "dist/cjs",
@@ -20,7 +20,7 @@
     "build:es": "tsc --outDir dist/es --declarationDir dist/types --declaration",
     "build-storybook": "storybook build",
     "dev": "npm-run-all --parallel 'build:* --watch'",
-    "lint": "eslint src stories --ext .ts,.tsx --max-warnings=0",
+    "lint": "eslint src stories --ext .ts,.tsx --max-warnings=0 --fix",
     "prebuild": "rimraf dist",
     "prettier": "prettier --write \"{src,stories}/**/*.{ts,tsx}\"",
     "preversion": "npm-run-all --parallel lint typecheck test",
@@ -31,7 +31,7 @@
     "prepare": "husky install"
   },
   "dependencies": {
-    "@headlessui/react": "2.2.3",
+    "@headlessui/react": "2.2.9",
     "@manuscripts/json-schema": "2.2.12",
     "date-fns": "2.30.0",
     "formik": "2.4.6",
@@ -42,16 +42,14 @@
     "prosemirror-model": "1.25.0",
     "prosemirror-state": "1.4.3",
     "prosemirror-view": "1.40.0",
-    "react": "18.3.1",
+    "react": "19.2.0",
     "react-dnd": "16.0.1",
     "react-dnd-html5-backend": "16.0.1",
-    "react-dom": "18.3.1",
-    "react-is": "18.3.1",
+    "react-dom": "19.2.0",
+    "react-is": "19.2.0",
     "react-modal": "3.16.3",
-    "react-modern-calendar-datepicker": "3.1.6",
     "react-router-dom": "5.3.4",
     "react-select": "5.10.1",
-    "react-sizeme": "3.0.2",
     "react-tooltip": "5.28.1",
     "styled-components": "5.3.11"
   },
@@ -63,24 +61,26 @@
     "@eslint/eslintrc": "3.3.1",
     "@eslint/js": "9.39.1",
     "@manuscripts/eslint-config": "0.5.1",
-    "@storybook/addon-actions": "7.6.10",
-    "@storybook/addon-essentials": "7.6.10",
-    "@storybook/addon-interactions": "7.6.10",
-    "@storybook/addon-links": "7.6.10",
-    "@storybook/blocks": "7.6.10",
-    "@storybook/react": "7.6.10",
-    "@storybook/react-webpack5": "7.6.10",
-    "@storybook/test": "7.6.10",
+    "@storybook/addon-actions": "8.5.3",
+    "@storybook/addon-essentials": "8.5.3",
+    "@storybook/addon-interactions": "8.5.3",
+    "@storybook/addon-links": "8.5.3",
+    "@storybook/blocks": "8.5.3",
+    "@storybook/react": "8.5.3",
+    "@storybook/react-webpack5": "8.5.3",
+    "@storybook/test": "8.5.3",
     "@types/jest": "30.0.0",
     "@types/lodash": "4.17.16",
-    "@types/react": "18.3.21",
-    "@types/react-dom": "18.3.7",
+    "@types/node": "^20.19.25",
+    "@types/react": "19.2.3",
+    "@types/react-dom": "19.2.3",
     "@types/react-modal": "3.16.3",
     "@types/react-router-dom": "5.3.3",
     "@types/styled-components": "5.1.34",
     "@typescript-eslint/eslint-plugin": "8.46.4",
     "@typescript-eslint/parser": "8.46.4",
     "babel-jest": "30.0.5",
+    "babel-loader": "9.1.3",
     "eslint": "9.39.1",
     "eslint-config-prettier": "10.1.8",
     "eslint-plugin-diff": "2.0.3",
@@ -102,7 +102,7 @@
     "npm-run-all": "4.1.5",
     "prettier": "3.6.2",
     "rimraf": "6.0.1",
-    "storybook": "7.6.10",
+    "storybook": "8.5.3",
     "typeface-lato": "1.1.13",
     "typescript": "5.9.2"
   },