@manuscripts/style-guide 2.1.8-LEAN-4344.0 → 2.1.9

package/dist/cjs/components/icons/section-category.js

@@ -1,5 +1,24 @@
 "use strict";
+/*!
+ * © 2019 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const SectionCategoryIcon = () => ((0, jsx_runtime_1.jsx)("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "16", height: "19", viewBox: "0 0 16 19", fill: "none" }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M0.5 4C0.5 2.067 2.067 0.5 4 0.5H12C13.933 0.5 15.5 2.067 15.5 4V16.0505C15.5 17.1991 14.2619 17.9215 13.2619 17.3563L8.73809 14.7994C8.28008 14.5405 7.71992 14.5405 7.26191 14.7994L2.73809 17.3563C1.73815 17.9215 0.5 17.1991 0.5 16.0505V4Z", fill: "white", stroke: "#6E6E6E" }) })));
+const react_1 = __importDefault(require("react"));
+const SectionCategoryIcon = () => (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "19", viewBox: "0 0 16 19", fill: "none" },
+    react_1.default.createElement("path", { d: "M0.5 4C0.5 2.067 2.067 0.5 4 0.5H12C13.933 0.5 15.5 2.067 15.5 4V16.0505C15.5 17.1991 14.2619 17.9215 13.2619 17.3563L8.73809 14.7994C8.28008 14.5405 7.71992 14.5405 7.26191 14.7994L2.73809 17.3563C1.73815 17.9215 0.5 17.1991 0.5 16.0505V4Z", fill: "white", stroke: "#6E6E6E" })));
 exports.default = SectionCategoryIcon;

package/dist/cjs/components/icons/slider-off.js

@@ -1,5 +1,10 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const SliderOffIcon = (props) => ((0, jsx_runtime_1.jsxs)("svg", Object.assign({ width: "34", height: "18", viewBox: "0 0 34 18", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [(0, jsx_runtime_1.jsx)("rect", { width: "34", height: "18", rx: "9", fill: "#C9C9C9" }), (0, jsx_runtime_1.jsx)("circle", { cx: "8.875", cy: "9", r: "7.875", fill: "white" })] })));
+const react_1 = __importDefault(require("react"));
+const SliderOffIcon = (props) => (react_1.default.createElement("svg", { width: "34", height: "18", viewBox: "0 0 34 18", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+    react_1.default.createElement("rect", { width: "34", height: "18", rx: "9", fill: "#C9C9C9" }),
+    react_1.default.createElement("circle", { cx: "8.875", cy: "9", r: "7.875", fill: "white" })));
 exports.default = SliderOffIcon;

package/dist/cjs/components/icons/slider-on.js

@@ -1,5 +1,10 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const SliderOnIcon = (props) => ((0, jsx_runtime_1.jsxs)("svg", Object.assign({ width: "34", height: "18", viewBox: "0 0 34 18", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [(0, jsx_runtime_1.jsx)("rect", { x: "34", y: "18", width: "34", height: "18", rx: "9", transform: "rotate(180 34 18)", fill: "#0D79D0" }), (0, jsx_runtime_1.jsx)("circle", { cx: "25.125", cy: "9", r: "7.875", transform: "rotate(180 25.125 9)", fill: "white" })] })));
+const react_1 = __importDefault(require("react"));
+const SliderOnIcon = (props) => (react_1.default.createElement("svg", { width: "34", height: "18", viewBox: "0 0 34 18", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+    react_1.default.createElement("rect", { x: "34", y: "18", width: "34", height: "18", rx: "9", transform: "rotate(180 34 18)", fill: "#0D79D0" }),
+    react_1.default.createElement("circle", { cx: "25.125", cy: "9", r: "7.875", transform: "rotate(180 25.125 9)", fill: "white" })));
 exports.default = SliderOnIcon;

package/dist/cjs/components/icons/system-user-avatar.js

@@ -1,5 +1,12 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const SystemUserAvatarIcon = (props) => ((0, jsx_runtime_1.jsxs)("svg", Object.assign({ width: "44", height: "44", viewBox: "0 0 44 44", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: [(0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M35.437 30.3453L34.6649 30.2143C34.5844 29.9547 34.481 29.7042 34.3547 29.4652L34.8096 28.8287C35.0027 28.5576 34.9728 28.1876 34.7361 27.9532L34.0513 27.2684C33.9227 27.1398 33.7526 27.0685 33.5711 27.0685C33.4286 27.0685 33.293 27.1122 33.1781 27.1949L32.5393 27.6499C32.2912 27.5189 32.0315 27.4109 31.7627 27.3305L31.634 26.5676C31.5788 26.239 31.2962 26 30.963 26H29.9956C29.6624 26 29.3798 26.239 29.3246 26.5676L29.1913 27.3489C28.934 27.4293 28.6835 27.535 28.4445 27.6637L27.8126 27.2087C27.6977 27.126 27.5598 27.0823 27.4174 27.0823C27.2358 27.0823 27.0635 27.1535 26.9371 27.2822L26.25 27.967C26.0157 28.2014 25.9835 28.5713 26.1765 28.8425L26.6361 29.4882C26.5097 29.7295 26.4086 29.9799 26.3305 30.2396L25.5676 30.3683C25.239 30.4234 25 30.7061 25 31.0393V32.0067C25 32.3399 25.239 32.6225 25.5676 32.6777L26.3489 32.8109C26.4293 33.0683 26.535 33.3188 26.6637 33.5578L26.211 34.1874C26.018 34.4585 26.0478 34.8285 26.2845 35.0629L26.9693 35.7477C27.098 35.8763 27.268 35.9476 27.4495 35.9476C27.592 35.9476 27.7276 35.9039 27.8425 35.8212L28.4882 35.3616C28.7203 35.4834 28.9638 35.5822 29.2143 35.6603L29.343 36.4324C29.3981 36.761 29.6808 37 30.014 37H30.9837C31.3169 37 31.5995 36.761 31.6547 36.4324L31.7856 35.6603C32.0453 35.5799 32.2958 35.4765 32.5347 35.3501L33.1712 35.8051C33.2861 35.8878 33.424 35.9315 33.5665 35.9315C33.748 35.9315 33.9181 35.8602 34.0467 35.7316L34.7315 35.0468C34.9659 34.8124 34.9981 34.4424 34.805 34.1713L34.3501 33.5325C34.4764 33.2912 34.5821 33.0407 34.6603 32.7834L35.4324 32.6547C35.761 32.5995 35.9999 32.3169 35.9999 31.9837V31.0163C36.0045 30.6831 35.7656 30.4005 35.437 30.3453ZM28.1274 31.4989C28.1274 30.1891 29.1913 29.1251 30.5011 29.1251C31.8109 29.1251 32.8748 30.1891 32.8748 31.4989C32.8748 32.8087 31.8109 33.8726 30.5011 33.8726C29.1913 33.8726 28.1274 32.8087 28.1274 31.4989Z", fill: "#6E6E6E" }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M17.0138 21.4873C17.2969 21.9615 17.142 22.5755 16.6678 22.8586C14.7744 23.9892 13.6294 24.4712 12.8103 24.8161C12.7449 24.8436 12.6815 24.8703 12.6201 24.8964C11.8656 25.2161 11.4739 25.4057 10.8121 26.0811C10.615 26.2824 10.4074 26.7043 10.2533 27.3874C10.1058 28.0415 10.0346 28.8077 10.0102 29.5603C9.98602 30.3076 10.0086 31.0117 10.0377 31.5309C10.0522 31.7897 10.0682 32.0005 10.0804 32.1452C10.0808 32.1496 10.0811 32.154 10.0815 32.1582C10.1142 32.1931 10.1687 32.243 10.257 32.3052C10.45 32.4411 10.7422 32.5914 11.1489 32.7435C11.9617 33.0475 13.0936 33.3084 14.4579 33.5121C17.177 33.918 20.655 34.0729 23.9685 33.9684C24.5205 33.951 24.9821 34.3843 24.9995 34.9363C25.0169 35.4884 24.5835 35.95 24.0315 35.9674C20.6304 36.0746 17.0284 35.918 14.1627 35.4902C12.7346 35.277 11.4478 34.9906 10.4483 34.6167C9.9489 34.43 9.48654 34.2087 9.10561 33.9405C8.73164 33.6772 8.36481 33.3182 8.17468 32.8321C8.14227 32.7492 8.12106 32.6624 8.11162 32.5739L9.10598 32.4678C8.11162 32.5739 8.11164 32.5741 8.11162 32.5739L8.11094 32.5675L8.10947 32.5531L8.10439 32.5017C8.10014 32.4575 8.09428 32.394 8.08748 32.3134C8.07389 32.1524 8.05652 31.9226 8.04084 31.6427C8.00959 31.0847 7.98461 30.3188 8.0113 29.4955C8.03781 28.6777 8.11614 27.7727 8.30234 26.9473C8.482 26.1508 8.7925 25.2847 9.38351 24.6815C10.2981 23.7479 10.9514 23.4313 11.8397 23.0549C11.9021 23.0285 11.966 23.0015 12.0318 22.9739C12.8206 22.6419 13.8677 22.2011 15.6425 21.1414C16.1167 20.8583 16.7306 21.0132 17.0138 21.4873ZM26.9862 21.4873C27.2694 21.0132 27.8833 20.8583 28.3575 21.1414C29.7486 21.972 30.6922 22.4217 31.4007 22.7316C31.9067 22.9529 32.1375 23.5426 31.9162 24.0485C31.6949 24.5545 31.1053 24.7853 30.5993 24.564C29.8197 24.223 28.8008 23.7355 27.3322 22.8586C26.858 22.5755 26.7031 21.9615 26.9862 21.4873Z", fill: "#6E6E6E" }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M22 20C25.3137 20 28 17.3137 28 14C28 10.6863 25.3137 8 22 8C18.6863 8 16 10.6863 16 14C16 17.3137 18.6863 20 22 20ZM22 22C26.4183 22 30 18.4183 30 14C30 9.58172 26.4183 6 22 6C17.5817 6 14 9.58172 14 14C14 18.4183 17.5817 22 22 22Z", fill: "#6E6E6E" }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M22 42C33.0457 42 42 33.0457 42 22C42 10.9543 33.0457 2 22 2C10.9543 2 2 10.9543 2 22C2 33.0457 10.9543 42 22 42ZM22 44C34.1503 44 44 34.1503 44 22C44 9.84974 34.1503 0 22 0C9.84974 0 0 9.84974 0 22C0 34.1503 9.84974 44 22 44Z", fill: "#6E6E6E" })] })));
+const react_1 = __importDefault(require("react"));
+const SystemUserAvatarIcon = (props) => (react_1.default.createElement("svg", Object.assign({ width: "44", height: "44", viewBox: "0 0 44 44", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M35.437 30.3453L34.6649 30.2143C34.5844 29.9547 34.481 29.7042 34.3547 29.4652L34.8096 28.8287C35.0027 28.5576 34.9728 28.1876 34.7361 27.9532L34.0513 27.2684C33.9227 27.1398 33.7526 27.0685 33.5711 27.0685C33.4286 27.0685 33.293 27.1122 33.1781 27.1949L32.5393 27.6499C32.2912 27.5189 32.0315 27.4109 31.7627 27.3305L31.634 26.5676C31.5788 26.239 31.2962 26 30.963 26H29.9956C29.6624 26 29.3798 26.239 29.3246 26.5676L29.1913 27.3489C28.934 27.4293 28.6835 27.535 28.4445 27.6637L27.8126 27.2087C27.6977 27.126 27.5598 27.0823 27.4174 27.0823C27.2358 27.0823 27.0635 27.1535 26.9371 27.2822L26.25 27.967C26.0157 28.2014 25.9835 28.5713 26.1765 28.8425L26.6361 29.4882C26.5097 29.7295 26.4086 29.9799 26.3305 30.2396L25.5676 30.3683C25.239 30.4234 25 30.7061 25 31.0393V32.0067C25 32.3399 25.239 32.6225 25.5676 32.6777L26.3489 32.8109C26.4293 33.0683 26.535 33.3188 26.6637 33.5578L26.211 34.1874C26.018 34.4585 26.0478 34.8285 26.2845 35.0629L26.9693 35.7477C27.098 35.8763 27.268 35.9476 27.4495 35.9476C27.592 35.9476 27.7276 35.9039 27.8425 35.8212L28.4882 35.3616C28.7203 35.4834 28.9638 35.5822 29.2143 35.6603L29.343 36.4324C29.3981 36.761 29.6808 37 30.014 37H30.9837C31.3169 37 31.5995 36.761 31.6547 36.4324L31.7856 35.6603C32.0453 35.5799 32.2958 35.4765 32.5347 35.3501L33.1712 35.8051C33.2861 35.8878 33.424 35.9315 33.5665 35.9315C33.748 35.9315 33.9181 35.8602 34.0467 35.7316L34.7315 35.0468C34.9659 34.8124 34.9981 34.4424 34.805 34.1713L34.3501 33.5325C34.4764 33.2912 34.5821 33.0407 34.6603 32.7834L35.4324 32.6547C35.761 32.5995 35.9999 32.3169 35.9999 31.9837V31.0163C36.0045 30.6831 35.7656 30.4005 35.437 30.3453ZM28.1274 31.4989C28.1274 30.1891 29.1913 29.1251 30.5011 29.1251C31.8109 29.1251 32.8748 30.1891 32.8748 31.4989C32.8748 32.8087 31.8109 33.8726 30.5011 33.8726C29.1913 33.8726 28.1274 32.8087 28.1274 31.4989Z", fill: "#6E6E6E" }),
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M17.0138 21.4873C17.2969 21.9615 17.142 22.5755 16.6678 22.8586C14.7744 23.9892 13.6294 24.4712 12.8103 24.8161C12.7449 24.8436 12.6815 24.8703 12.6201 24.8964C11.8656 25.2161 11.4739 25.4057 10.8121 26.0811C10.615 26.2824 10.4074 26.7043 10.2533 27.3874C10.1058 28.0415 10.0346 28.8077 10.0102 29.5603C9.98602 30.3076 10.0086 31.0117 10.0377 31.5309C10.0522 31.7897 10.0682 32.0005 10.0804 32.1452C10.0808 32.1496 10.0811 32.154 10.0815 32.1582C10.1142 32.1931 10.1687 32.243 10.257 32.3052C10.45 32.4411 10.7422 32.5914 11.1489 32.7435C11.9617 33.0475 13.0936 33.3084 14.4579 33.5121C17.177 33.918 20.655 34.0729 23.9685 33.9684C24.5205 33.951 24.9821 34.3843 24.9995 34.9363C25.0169 35.4884 24.5835 35.95 24.0315 35.9674C20.6304 36.0746 17.0284 35.918 14.1627 35.4902C12.7346 35.277 11.4478 34.9906 10.4483 34.6167C9.9489 34.43 9.48654 34.2087 9.10561 33.9405C8.73164 33.6772 8.36481 33.3182 8.17468 32.8321C8.14227 32.7492 8.12106 32.6624 8.11162 32.5739L9.10598 32.4678C8.11162 32.5739 8.11164 32.5741 8.11162 32.5739L8.11094 32.5675L8.10947 32.5531L8.10439 32.5017C8.10014 32.4575 8.09428 32.394 8.08748 32.3134C8.07389 32.1524 8.05652 31.9226 8.04084 31.6427C8.00959 31.0847 7.98461 30.3188 8.0113 29.4955C8.03781 28.6777 8.11614 27.7727 8.30234 26.9473C8.482 26.1508 8.7925 25.2847 9.38351 24.6815C10.2981 23.7479 10.9514 23.4313 11.8397 23.0549C11.9021 23.0285 11.966 23.0015 12.0318 22.9739C12.8206 22.6419 13.8677 22.2011 15.6425 21.1414C16.1167 20.8583 16.7306 21.0132 17.0138 21.4873ZM26.9862 21.4873C27.2694 21.0132 27.8833 20.8583 28.3575 21.1414C29.7486 21.972 30.6922 22.4217 31.4007 22.7316C31.9067 22.9529 32.1375 23.5426 31.9162 24.0485C31.6949 24.5545 31.1053 24.7853 30.5993 24.564C29.8197 24.223 28.8008 23.7355 27.3322 22.8586C26.858 22.5755 26.7031 21.9615 26.9862 21.4873Z", fill: "#6E6E6E" }),
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M22 20C25.3137 20 28 17.3137 28 14C28 10.6863 25.3137 8 22 8C18.6863 8 16 10.6863 16 14C16 17.3137 18.6863 20 22 20ZM22 22C26.4183 22 30 18.4183 30 14C30 9.58172 26.4183 6 22 6C17.5817 6 14 9.58172 14 14C14 18.4183 17.5817 22 22 22Z", fill: "#6E6E6E" }),
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M22 42C33.0457 42 42 33.0457 42 22C42 10.9543 33.0457 2 22 2C10.9543 2 2 10.9543 2 22C2 33.0457 10.9543 42 22 42ZM22 44C34.1503 44 44 34.1503 44 22C44 9.84974 34.1503 0 22 0C9.84974 0 0 9.84974 0 22C0 34.1503 9.84974 44 22 44Z", fill: "#6E6E6E" })));
 exports.default = SystemUserAvatarIcon;

package/dist/cjs/components/icons/task-step-done.js

@@ -1,5 +1,25 @@
 "use strict";
+/*!
+ * © 2020 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const TaskStepDoneIcon = (props) => ((0, jsx_runtime_1.jsxs)("svg", Object.assign({ width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z", fill: "#353535" }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.96942 7.53878C4.56992 7.16264 3.93338 7.1734 3.53964 7.57093L3.71338 7.39552C3.32324 7.78942 3.33476 8.41736 3.73198 8.79134L6.4256 11.3274L12.2328 5.82715C12.6326 5.44848 12.6332 4.83693 12.2258 4.45339L12.4056 4.62263C12.0019 4.24258 11.3437 4.2432 10.9389 4.62068L6.38269 8.86941L4.96942 7.53878Z", fill: "white" })] })));
+const react_1 = __importDefault(require("react"));
+const TaskStepDoneIcon = (props) => (react_1.default.createElement("svg", Object.assign({ width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    react_1.default.createElement("path", { d: "M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z", fill: "#353535" }),
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.96942 7.53878C4.56992 7.16264 3.93338 7.1734 3.53964 7.57093L3.71338 7.39552C3.32324 7.78942 3.33476 8.41736 3.73198 8.79134L6.4256 11.3274L12.2328 5.82715C12.6326 5.44848 12.6332 4.83693 12.2258 4.45339L12.4056 4.62263C12.0019 4.24258 11.3437 4.2432 10.9389 4.62068L6.38269 8.86941L4.96942 7.53878Z", fill: "white" })));
 exports.default = TaskStepDoneIcon;

package/dist/cjs/components/icons/tick.js

@@ -1,5 +1,9 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const TickIcon = (props) => ((0, jsx_runtime_1.jsx)("svg", Object.assign({ width: "14", height: "12", viewBox: "0 0 14 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M2.26296 5.27695C1.76426 4.67329 0.958698 4.6576 0.453885 5.25348L0.738765 4.91721C0.238342 5.50791 0.239155 6.4752 0.735001 7.07101L4.1106 11.1271C4.60894 11.726 5.43049 11.7459 5.94204 11.1756L13.2477 3.03111C13.7608 2.45906 13.7755 1.52164 13.2707 0.925762L13.5556 1.26203C13.0552 0.671335 12.228 0.656796 11.7131 1.22411L5.01293 8.60571L2.26296 5.27695Z", fill: "#36B260" }) })));
+const react_1 = __importDefault(require("react"));
+const TickIcon = (props) => (react_1.default.createElement("svg", { width: "14", height: "12", viewBox: "0 0 14 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+    react_1.default.createElement("path", { d: "M2.26296 5.27695C1.76426 4.67329 0.958698 4.6576 0.453885 5.25348L0.738765 4.91721C0.238342 5.50791 0.239155 6.4752 0.735001 7.07101L4.1106 11.1271C4.60894 11.726 5.43049 11.7459 5.94204 11.1756L13.2477 3.03111C13.7608 2.45906 13.7755 1.52164 13.2707 0.925762L13.5556 1.26203C13.0552 0.671335 12.228 0.656796 11.7131 1.22411L5.01293 8.60571L2.26296 5.27695Z", fill: "#36B260" })));
 exports.default = TickIcon;

package/dist/cjs/components/icons/toolbar-bold.js

@@ -1,5 +1,9 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const ToolbarBoldIcon = (props) => ((0, jsx_runtime_1.jsx)("svg", Object.assign({ width: "19", height: "16", viewBox: "0 0 19 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.0757 13.5688H5V3H9.9292C12.0386 3 13.2837 3.99609 13.2837 5.63672C13.2837 6.77197 12.4341 7.73145 11.3135 7.88525V8.02441C12.6978 8.09766 13.7671 9.17432 13.7671 10.522C13.7671 12.375 12.3389 13.5688 10.0757 13.5688ZM7.68799 4.89697V7.30664H9.10889C10.0903 7.30664 10.6616 6.85254 10.6616 6.10547C10.6616 5.35107 10.127 4.89697 9.21143 4.89697H7.68799ZM7.68799 11.6719H9.31396C10.4272 11.6719 11.0352 11.1812 11.0352 10.2876C11.0352 9.42334 10.4126 8.93994 9.29932 8.93994H7.68799V11.6719Z", fill: "#6E6E6E" }) })));
+const react_1 = __importDefault(require("react"));
+const ToolbarBoldIcon = (props) => (react_1.default.createElement("svg", Object.assign({ width: "19", height: "16", viewBox: "0 0 19 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.0757 13.5688H5V3H9.9292C12.0386 3 13.2837 3.99609 13.2837 5.63672C13.2837 6.77197 12.4341 7.73145 11.3135 7.88525V8.02441C12.6978 8.09766 13.7671 9.17432 13.7671 10.522C13.7671 12.375 12.3389 13.5688 10.0757 13.5688ZM7.68799 4.89697V7.30664H9.10889C10.0903 7.30664 10.6616 6.85254 10.6616 6.10547C10.6616 5.35107 10.127 4.89697 9.21143 4.89697H7.68799ZM7.68799 11.6719H9.31396C10.4272 11.6719 11.0352 11.1812 11.0352 10.2876C11.0352 9.42334 10.4126 8.93994 9.29932 8.93994H7.68799V11.6719Z", fill: "#6E6E6E" })));
 exports.default = ToolbarBoldIcon;

package/dist/cjs/components/icons/toolbar-citation.js

@@ -1,5 +1,9 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const ToolbarCitationIcon = (props) => ((0, jsx_runtime_1.jsx)("svg", Object.assign({ width: "19", height: "16", viewBox: "0 0 19 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.018 6.842L13.656 5.482L14.336 7.114L10.63 8.406L12.874 11.5L11.48 12.554L9.134 9.29L6.924 12.554L5.394 11.5L7.604 8.406L4 7.114L4.612 5.482L8.216 6.842V3H10.018V6.842Z", fill: "#1A9BC7" }) })));
+const react_1 = __importDefault(require("react"));
+const ToolbarCitationIcon = (props) => (react_1.default.createElement("svg", Object.assign({ width: "19", height: "16", viewBox: "0 0 19 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.018 6.842L13.656 5.482L14.336 7.114L10.63 8.406L12.874 11.5L11.48 12.554L9.134 9.29L6.924 12.554L5.394 11.5L7.604 8.406L4 7.114L4.612 5.482L8.216 6.842V3H10.018V6.842Z", fill: "#1A9BC7" })));
 exports.default = ToolbarCitationIcon;

package/dist/cjs/components/icons/toolbar-code.js

@@ -1,5 +1,10 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const ToolbarCodeIcon = (props) => ((0, jsx_runtime_1.jsxs)("svg", Object.assign({ width: "19", height: "16", viewBox: "0 0 19 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M5.96863 12.7023L1.46861 8.20223L6.07794 3.5929", stroke: "#B3A1FC", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), (0, jsx_runtime_1.jsx)("path", { d: "M13.0779 12.7023L17.578 8.20223L12.9686 3.5929", stroke: "#B3A1FC", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] })));
+const react_1 = __importDefault(require("react"));
+const ToolbarCodeIcon = (props) => (react_1.default.createElement("svg", Object.assign({ width: "19", height: "16", viewBox: "0 0 19 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    react_1.default.createElement("path", { d: "M5.96863 12.7023L1.46861 8.20223L6.07794 3.5929", stroke: "#B3A1FC", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
+    react_1.default.createElement("path", { d: "M13.0779 12.7023L17.578 8.20223L12.9686 3.5929", stroke: "#B3A1FC", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })));
 exports.default = ToolbarCodeIcon;

package/dist/cjs/components/icons/toolbar-equation.js

@@ -1,5 +1,9 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const ToolbarEquationIcon = (props) => ((0, jsx_runtime_1.jsx)("svg", Object.assign({ width: "19", height: "16", viewBox: "0 0 19 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.00284 9.09123C7.00284 7.13615 7.50772 5.5302 8.55508 4.19816H9.57559C8.80215 5.18645 8.19522 7.24895 8.19522 9.08586C8.19522 10.9335 8.79678 12.996 9.57559 13.9843H8.55508C7.50772 12.6523 7.00284 11.0463 7.00284 9.09123ZM12.9835 10.2568H12.8976L11.6193 12.33H10.3517L12.2906 9.41887L10.3356 6.48088H11.6837L12.9405 8.54338H13.0318L14.2779 6.48088H15.5616L13.6334 9.37053L15.5831 12.33H14.2565L12.9835 10.2568ZM4.93594 2.3125C5.33438 2.3125 5.58438 2.35938 5.85001 2.41406L5.61563 3.52344C5.44376 3.48438 5.17032 3.44531 4.80313 3.44531C4.02969 3.44531 3.55313 3.85156 3.37344 4.79688L3.22501 5.57812H5.15469L4.92032 6.70312H2.99063L1.47501 14H0.100006L1.61563 6.70312H0.217194L0.451569 5.57812H1.85001L2.00626 4.75781C2.33438 3.03125 3.23282 2.3125 4.93594 2.3125ZM17.3636 4.19816C18.4056 5.5302 18.9105 7.13615 18.9105 9.09123C18.9105 11.0463 18.4056 12.6523 17.3636 13.9843H16.3431C17.1165 12.996 17.7235 10.9335 17.7235 9.08586C17.7235 7.24895 17.1165 5.18645 16.3431 4.19816H17.3636Z", fill: "#FE8F1F" }) })));
+const react_1 = __importDefault(require("react"));
+const ToolbarEquationIcon = (props) => (react_1.default.createElement("svg", Object.assign({ width: "19", height: "16", viewBox: "0 0 19 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.00284 9.09123C7.00284 7.13615 7.50772 5.5302 8.55508 4.19816H9.57559C8.80215 5.18645 8.19522 7.24895 8.19522 9.08586C8.19522 10.9335 8.79678 12.996 9.57559 13.9843H8.55508C7.50772 12.6523 7.00284 11.0463 7.00284 9.09123ZM12.9835 10.2568H12.8976L11.6193 12.33H10.3517L12.2906 9.41887L10.3356 6.48088H11.6837L12.9405 8.54338H13.0318L14.2779 6.48088H15.5616L13.6334 9.37053L15.5831 12.33H14.2565L12.9835 10.2568ZM4.93594 2.3125C5.33438 2.3125 5.58438 2.35938 5.85001 2.41406L5.61563 3.52344C5.44376 3.48438 5.17032 3.44531 4.80313 3.44531C4.02969 3.44531 3.55313 3.85156 3.37344 4.79688L3.22501 5.57812H5.15469L4.92032 6.70312H2.99063L1.47501 14H0.100006L1.61563 6.70312H0.217194L0.451569 5.57812H1.85001L2.00626 4.75781C2.33438 3.03125 3.23282 2.3125 4.93594 2.3125ZM17.3636 4.19816C18.4056 5.5302 18.9105 7.13615 18.9105 9.09123C18.9105 11.0463 18.4056 12.6523 17.3636 13.9843H16.3431C17.1165 12.996 17.7235 10.9335 17.7235 9.08586C17.7235 7.24895 17.1165 5.18645 16.3431 4.19816H17.3636Z", fill: "#FE8F1F" })));
 exports.default = ToolbarEquationIcon;

package/dist/cjs/components/icons/toolbar-figure.js

@@ -1,5 +1,9 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const ToolbarFigureIcon = (props) => ((0, jsx_runtime_1.jsx)("svg", Object.assign({ width: "19", height: "16", viewBox: "0 0 19 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.5 0.5C14.433 0.5 16 2.067 16 4V12C16 13.933 14.433 15.5 12.5 15.5H6.5C4.567 15.5 3 13.933 3 12V4C3 2.067 4.567 0.5 6.5 0.5H12.5ZM12.5 2H6.5C5.39543 2 4.5 2.89543 4.5 4V12C4.5 13.1046 5.39543 14 6.5 14H12.5C13.6046 14 14.5 13.1046 14.5 12V4C14.5 2.89543 13.6046 2 12.5 2ZM7.25 5C7.66421 5 8 5.33579 8 5.75V11.25C8 11.6642 7.66421 12 7.25 12C6.83579 12 6.5 11.6642 6.5 11.25V5.75C6.5 5.33579 6.83579 5 7.25 5ZM10.25 7C10.6642 7 11 7.33579 11 7.75V11.25C11 11.6642 10.6642 12 10.25 12C9.83579 12 9.5 11.6642 9.5 11.25V7.75C9.5 7.33579 9.83579 7 10.25 7Z", fill: "#8DD439" }) })));
+const react_1 = __importDefault(require("react"));
+const ToolbarFigureIcon = (props) => (react_1.default.createElement("svg", Object.assign({ width: "19", height: "16", viewBox: "0 0 19 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.5 0.5C14.433 0.5 16 2.067 16 4V12C16 13.933 14.433 15.5 12.5 15.5H6.5C4.567 15.5 3 13.933 3 12V4C3 2.067 4.567 0.5 6.5 0.5H12.5ZM12.5 2H6.5C5.39543 2 4.5 2.89543 4.5 4V12C4.5 13.1046 5.39543 14 6.5 14H12.5C13.6046 14 14.5 13.1046 14.5 12V4C14.5 2.89543 13.6046 2 12.5 2ZM7.25 5C7.66421 5 8 5.33579 8 5.75V11.25C8 11.6642 7.66421 12 7.25 12C6.83579 12 6.5 11.6642 6.5 11.25V5.75C6.5 5.33579 6.83579 5 7.25 5ZM10.25 7C10.6642 7 11 7.33579 11 7.75V11.25C11 11.6642 10.6642 12 10.25 12C9.83579 12 9.5 11.6642 9.5 11.25V7.75C9.5 7.33579 9.83579 7 10.25 7Z", fill: "#8DD439" })));
 exports.default = ToolbarFigureIcon;

package/dist/cjs/components/icons/toolbar-indent.js

@@ -1,5 +1,14 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const ToolbarIndentIcon = (props) => ((0, jsx_runtime_1.jsxs)("svg", Object.assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: [(0, jsx_runtime_1.jsx)("line", { x1: "13", y1: "6.5", x2: "20", y2: "6.5", stroke: "#6E6E6E", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), (0, jsx_runtime_1.jsx)("line", { x1: "13", y1: "10.25", x2: "20", y2: "10.25", stroke: "#6E6E6E", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), (0, jsx_runtime_1.jsx)("line", { x1: "13", y1: "14", x2: "20", y2: "14", stroke: "#6E6E6E", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), (0, jsx_runtime_1.jsx)("line", { x1: "5.5", y1: "17.75", x2: "20", y2: "17.75", stroke: "#6E6E6E", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.35742 10.5002C8.35742 11.3878 7.98843 12.1074 7.53325 12.1074L3.82445 12.1074C3.36927 12.1074 3.00028 11.3878 3.00028 10.5002C3.00028 9.61261 3.36927 8.89307 3.82445 8.89307L7.53325 8.89307C7.98843 8.89307 8.35742 9.61261 8.35742 10.5002Z", fill: "#6E6E6E" }), (0, jsx_runtime_1.jsx)("path", { d: "M9.94931 10.3645C10.0169 10.4325 10.0169 10.5675 9.94931 10.6355L6.88351 13.7199C6.85861 13.7449 6.84202 13.7484 6.83586 13.7494C6.827 13.7508 6.81287 13.7502 6.79482 13.7416C6.76137 13.7257 6.71429 13.6808 6.71429 13.5844L6.71429 7.41561C6.71429 7.31919 6.76137 7.27433 6.79482 7.25839C6.81287 7.24979 6.827 7.2492 6.83586 7.25059C6.84202 7.25156 6.85861 7.25508 6.88351 7.28013L9.94931 10.3645Z", fill: "#6E6E6E", stroke: "#6E6E6E" })] })));
+const react_1 = __importDefault(require("react"));
+const ToolbarIndentIcon = (props) => (react_1.default.createElement("svg", Object.assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    react_1.default.createElement("line", { x1: "13", y1: "6.5", x2: "20", y2: "6.5", stroke: "#6E6E6E", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+    react_1.default.createElement("line", { x1: "13", y1: "10.25", x2: "20", y2: "10.25", stroke: "#6E6E6E", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+    react_1.default.createElement("line", { x1: "13", y1: "14", x2: "20", y2: "14", stroke: "#6E6E6E", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+    react_1.default.createElement("line", { x1: "5.5", y1: "17.75", x2: "20", y2: "17.75", stroke: "#6E6E6E", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.35742 10.5002C8.35742 11.3878 7.98843 12.1074 7.53325 12.1074L3.82445 12.1074C3.36927 12.1074 3.00028 11.3878 3.00028 10.5002C3.00028 9.61261 3.36927 8.89307 3.82445 8.89307L7.53325 8.89307C7.98843 8.89307 8.35742 9.61261 8.35742 10.5002Z", fill: "#6E6E6E" }),
+    react_1.default.createElement("path", { d: "M9.94931 10.3645C10.0169 10.4325 10.0169 10.5675 9.94931 10.6355L6.88351 13.7199C6.85861 13.7449 6.84202 13.7484 6.83586 13.7494C6.827 13.7508 6.81287 13.7502 6.79482 13.7416C6.76137 13.7257 6.71429 13.6808 6.71429 13.5844L6.71429 7.41561C6.71429 7.31919 6.76137 7.27433 6.79482 7.25839C6.81287 7.24979 6.827 7.2492 6.83586 7.25059C6.84202 7.25156 6.85861 7.25508 6.88351 7.28013L9.94931 10.3645Z", fill: "#6E6E6E", stroke: "#6E6E6E" })));
 exports.default = ToolbarIndentIcon;

package/dist/cjs/components/icons/toolbar-italic.js

@@ -1,5 +1,9 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const ToolbarItalicIcon = (props) => ((0, jsx_runtime_1.jsx)("svg", Object.assign({ width: "19", height: "16", viewBox: "0 0 19 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.21802 13.4211H7.5L9.82349 2.5H11.5415L9.21802 13.4211Z", fill: "#6E6E6E" }) })));
+const react_1 = __importDefault(require("react"));
+const ToolbarItalicIcon = (props) => (react_1.default.createElement("svg", Object.assign({ width: "19", height: "16", viewBox: "0 0 19 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.21802 13.4211H7.5L9.82349 2.5H11.5415L9.21802 13.4211Z", fill: "#6E6E6E" })));
 exports.default = ToolbarItalicIcon;

package/dist/cjs/components/icons/toolbar-ordered-list.js

@@ -1,5 +1,9 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const ToolbarOrderedListIcon = (props) => ((0, jsx_runtime_1.jsx)("svg", Object.assign({ width: "19", height: "16", viewBox: "0 0 19 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.87165 9C4.95312 9 5.67634 9.57924 5.67634 10.433C5.67634 10.9688 5.36161 11.4442 4.50446 12.2076L3.70759 12.9408V13.0045H5.7433V13.9621H2.07031V13.1417L3.5971 11.7054C4.30692 11.0491 4.48772 10.8047 4.48772 10.5201C4.48772 10.1652 4.22656 9.92745 3.82812 9.92745C3.41295 9.92745 3.125 10.2087 3.125 10.6071V10.6306H2V10.6105C2 9.64955 2.75 9 3.87165 9ZM15.8583 11C16.2725 11 16.6083 11.3358 16.6083 11.75C16.6083 12.1642 16.2725 12.5 15.8583 12.5H9.35826C8.94405 12.5 8.60826 12.1642 8.60826 11.75C8.60826 11.3358 8.94405 11 9.35826 11H15.8583ZM4.47433 2.25V7.08147H3.24554V3.35826H3.18192L2.01674 4.14509V3.08705L3.24554 2.25H4.47433ZM15.8583 4C16.2725 4 16.6083 4.33579 16.6083 4.75C16.6083 5.16421 16.2725 5.5 15.8583 5.5H9.35826C8.94405 5.5 8.60826 5.16421 8.60826 4.75C8.60826 4.33579 8.94405 4 9.35826 4H15.8583Z", fill: "#0B6BB8" }) })));
+const react_1 = __importDefault(require("react"));
+const ToolbarOrderedListIcon = (props) => (react_1.default.createElement("svg", Object.assign({ width: "19", height: "16", viewBox: "0 0 19 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.87165 9C4.95312 9 5.67634 9.57924 5.67634 10.433C5.67634 10.9688 5.36161 11.4442 4.50446 12.2076L3.70759 12.9408V13.0045H5.7433V13.9621H2.07031V13.1417L3.5971 11.7054C4.30692 11.0491 4.48772 10.8047 4.48772 10.5201C4.48772 10.1652 4.22656 9.92745 3.82812 9.92745C3.41295 9.92745 3.125 10.2087 3.125 10.6071V10.6306H2V10.6105C2 9.64955 2.75 9 3.87165 9ZM15.8583 11C16.2725 11 16.6083 11.3358 16.6083 11.75C16.6083 12.1642 16.2725 12.5 15.8583 12.5H9.35826C8.94405 12.5 8.60826 12.1642 8.60826 11.75C8.60826 11.3358 8.94405 11 9.35826 11H15.8583ZM4.47433 2.25V7.08147H3.24554V3.35826H3.18192L2.01674 4.14509V3.08705L3.24554 2.25H4.47433ZM15.8583 4C16.2725 4 16.6083 4.33579 16.6083 4.75C16.6083 5.16421 16.2725 5.5 15.8583 5.5H9.35826C8.94405 5.5 8.60826 5.16421 8.60826 4.75C8.60826 4.33579 8.94405 4 9.35826 4H15.8583Z", fill: "#0B6BB8" })));
 exports.default = ToolbarOrderedListIcon;

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

@@ -1,5 +1,9 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const ToolbarSubscriptIcon = (props) => ((0, jsx_runtime_1.jsx)("svg", Object.assign({ width: "19", height: "16", viewBox: "0 0 19 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: (0, jsx_runtime_1.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" }) })));
+const react_1 = __importDefault(require("react"));
+const ToolbarSubscriptIcon = (props) => (react_1.default.createElement("svg", Object.assign({ width: "19", height: "16", viewBox: "0 0 19 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    react_1.default.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" })));
 exports.default = ToolbarSubscriptIcon;

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

@@ -1,5 +1,9 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const ToolbarSuperscriptIcon = (props) => ((0, jsx_runtime_1.jsx)("svg", Object.assign({ width: "19", height: "16", viewBox: "0 0 19 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: (0, jsx_runtime_1.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" }) })));
+const react_1 = __importDefault(require("react"));
+const ToolbarSuperscriptIcon = (props) => (react_1.default.createElement("svg", Object.assign({ width: "19", height: "16", viewBox: "0 0 19 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    react_1.default.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" })));
 exports.default = ToolbarSuperscriptIcon;

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

@@ -1,5 +1,9 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const ToolbarSymbolIcon = (props) => ((0, jsx_runtime_1.jsx)("svg", Object.assign({ width: "19", height: "16", viewBox: "0 0 19 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: (0, jsx_runtime_1.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" }) })));
+const react_1 = __importDefault(require("react"));
+const ToolbarSymbolIcon = (props) => (react_1.default.createElement("svg", Object.assign({ width: "19", height: "16", viewBox: "0 0 19 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    react_1.default.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" })));
 exports.default = ToolbarSymbolIcon;

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

@@ -1,5 +1,9 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const ToolbarTableIcon = (props) => ((0, jsx_runtime_1.jsx)("svg", Object.assign({ width: "19", height: "16", viewBox: "0 0 19 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: (0, jsx_runtime_1.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" }) })));
+const react_1 = __importDefault(require("react"));
+const ToolbarTableIcon = (props) => (react_1.default.createElement("svg", Object.assign({ width: "19", height: "16", viewBox: "0 0 19 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    react_1.default.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" })));
 exports.default = ToolbarTableIcon;

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

@@ -1,5 +1,9 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const ToolbarUnderlineIcon = (props) => ((0, jsx_runtime_1.jsx)("svg", Object.assign({ width: "19", height: "16", viewBox: "0 0 19 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: (0, jsx_runtime_1.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" }) })));
+const react_1 = __importDefault(require("react"));
+const ToolbarUnderlineIcon = (props) => (react_1.default.createElement("svg", Object.assign({ width: "19", height: "16", viewBox: "0 0 19 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    react_1.default.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" })));
 exports.default = ToolbarUnderlineIcon;

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

@@ -1,5 +1,14 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const ToolbarUnindentIcon = (props) => ((0, jsx_runtime_1.jsxs)("svg", Object.assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [(0, jsx_runtime_1.jsx)("line", { x1: "13", y1: "6.5", x2: "20", y2: "6.5", stroke: "#6E6E6E", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), (0, jsx_runtime_1.jsx)("line", { x1: "13", y1: "10.25", x2: "20", y2: "10.25", stroke: "#6E6E6E", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), (0, jsx_runtime_1.jsx)("line", { x1: "13", y1: "14", x2: "20", y2: "14", stroke: "#6E6E6E", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), (0, jsx_runtime_1.jsx)("line", { x1: "5.5", y1: "17.75", x2: "20", y2: "17.75", stroke: "#6E6E6E", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), (0, jsx_runtime_1.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" }), (0, jsx_runtime_1.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" })] })));
+const react_1 = __importDefault(require("react"));
+const ToolbarUnindentIcon = (props) => (react_1.default.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+    react_1.default.createElement("line", { x1: "13", y1: "6.5", x2: "20", y2: "6.5", stroke: "#6E6E6E", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+    react_1.default.createElement("line", { x1: "13", y1: "10.25", x2: "20", y2: "10.25", stroke: "#6E6E6E", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+    react_1.default.createElement("line", { x1: "13", y1: "14", x2: "20", y2: "14", stroke: "#6E6E6E", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+    react_1.default.createElement("line", { x1: "5.5", y1: "17.75", x2: "20", y2: "17.75", stroke: "#6E6E6E", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+    react_1.default.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_1.default.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" })));
 exports.default = ToolbarUnindentIcon;

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

@@ -1,5 +1,9 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const ToolbarUnorderedListIcon = (props) => ((0, jsx_runtime_1.jsx)("svg", Object.assign({ width: "19", height: "16", viewBox: "0 0 19 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: (0, jsx_runtime_1.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" }) })));
+const react_1 = __importDefault(require("react"));
+const ToolbarUnorderedListIcon = (props) => (react_1.default.createElement("svg", Object.assign({ width: "19", height: "16", viewBox: "0 0 19 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    react_1.default.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" })));
 exports.default = ToolbarUnorderedListIcon;

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

@@ -1,5 +1,9 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const TriangleCollapsedIcon = (props) => ((0, jsx_runtime_1.jsx)("svg", Object.assign({ width: "17", height: "17", viewBox: "0 0 17 17", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: (0, jsx_runtime_1.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" }) })));
+const react_1 = __importDefault(require("react"));
+const TriangleCollapsedIcon = (props) => (react_1.default.createElement("svg", Object.assign({ width: "17", height: "17", viewBox: "0 0 17 17", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    react_1.default.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" })));
 exports.default = TriangleCollapsedIcon;

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

@@ -1,5 +1,9 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const TriangleExpandedIcon = (props) => ((0, jsx_runtime_1.jsx)("svg", Object.assign({ width: "17", height: "17", viewBox: "0 0 17 17", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: (0, jsx_runtime_1.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" }) })));
+const react_1 = __importDefault(require("react"));
+const TriangleExpandedIcon = (props) => (react_1.default.createElement("svg", Object.assign({ width: "17", height: "17", viewBox: "0 0 17 17", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    react_1.default.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" })));
 exports.default = TriangleExpandedIcon;

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

@@ -1,5 +1,11 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const UploadIcon = (props) => ((0, jsx_runtime_1.jsxs)("svg", Object.assign({ width: "17", height: "18", viewBox: "0 0 17 18", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M8.5 12.5V1.5", stroke: "#6E6E6E", strokeWidth: "1.5", strokeMiterlimit: "10", strokeLinecap: "round", strokeLinejoin: "round" }), (0, jsx_runtime_1.jsx)("path", { d: "M13.5 6.5L8.5 1.5L3.5 6.5", stroke: "#6E6E6E", strokeWidth: "1.5", strokeMiterlimit: "10", strokeLinecap: "round", strokeLinejoin: "round" }), (0, jsx_runtime_1.jsx)("path", { d: "M15.5 16.5H1.5", stroke: "#6E6E6E", strokeWidth: "1.5", strokeMiterlimit: "10", strokeLinecap: "round", strokeLinejoin: "round" })] })));
+const react_1 = __importDefault(require("react"));
+const UploadIcon = (props) => (react_1.default.createElement("svg", Object.assign({ width: "17", height: "18", viewBox: "0 0 17 18", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    react_1.default.createElement("path", { d: "M8.5 12.5V1.5", stroke: "#6E6E6E", strokeWidth: "1.5", strokeMiterlimit: "10", strokeLinecap: "round", strokeLinejoin: "round" }),
+    react_1.default.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_1.default.createElement("path", { d: "M15.5 16.5H1.5", stroke: "#6E6E6E", strokeWidth: "1.5", strokeMiterlimit: "10", strokeLinecap: "round", strokeLinejoin: "round" })));
 exports.default = UploadIcon;

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

@@ -1,5 +1,11 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const VerticalEllipsisIcon = (props) => ((0, jsx_runtime_1.jsxs)("svg", Object.assign({ width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: [(0, jsx_runtime_1.jsx)("circle", { cx: "8", cy: "2", r: "2", fill: "#1A9BC7" }), (0, jsx_runtime_1.jsx)("circle", { cx: "8", cy: "8", r: "2", fill: "#1A9BC7" }), (0, jsx_runtime_1.jsx)("circle", { cx: "8", cy: "14", r: "2", fill: "#1A9BC7" })] })));
+const react_1 = __importDefault(require("react"));
+const VerticalEllipsisIcon = (props) => (react_1.default.createElement("svg", Object.assign({ width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    react_1.default.createElement("circle", { cx: "8", cy: "2", r: "2", fill: "#1A9BC7" }),
+    react_1.default.createElement("circle", { cx: "8", cy: "8", r: "2", fill: "#1A9BC7" }),
+    react_1.default.createElement("circle", { cx: "8", cy: "14", r: "2", fill: "#1A9BC7" })));
 exports.default = VerticalEllipsisIcon;

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

@@ -1,7 +1,12 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.XIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const XIcon = (props) => ((0, jsx_runtime_1.jsxs)("svg", Object.assign({ width: 30, height: 30, viewBox: "0 0 30 30", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: [(0, jsx_runtime_1.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" }), (0, jsx_runtime_1.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" })] })));
+const react_1 = __importDefault(require("react"));
+const XIcon = (props) => (react_1.default.createElement("svg", Object.assign({ width: 30, height: 30, viewBox: "0 0 30 30", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    react_1.default.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_1.default.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" })));
 exports.XIcon = XIcon;
 exports.default = exports.XIcon;

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

@@ -18,8 +18,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useScrollDetection = void 0;
 const react_1 = require("react");
 const useScrollDetection = (topTrigger, bottomTrigger) => {
-    const refRoot = (0, react_1.useRef)(null);
-    const observer = (0, react_1.useRef)(null);
+    const refRoot = (0, react_1.useRef)();
+    const observer = (0, react_1.useRef)();
     const [triggers, setTriggers] = (0, react_1.useState)({ bottom: false, top: false });
     const ref = (node) => {
         if (!node) {

package/dist/cjs/lib/capabilities.js

@@ -4,7 +4,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CapabilitiesProvider = exports.useCalcPermission = exports.usePermissions = exports.getAllPermitted = exports.getCapabilities = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = __importDefault(require("react"));
 var Actions;
 (function (Actions) {
@@ -13,13 +12,13 @@ var Actions;
     Actions["addNote"] = "add-note";
     Actions["setMainManuscript"] = "set-main-manuscript";
 })(Actions || (Actions = {}));
-const getCapabilities = (project, profile, role, actions) => {
+const getCapabilities = (project, profile, role, actions, isViewingMode) => {
     const isEditor = () => { var _a; return !!(profile && ((_a = project === null || project === void 0 ? void 0 : project.editors) === null || _a === void 0 ? void 0 : _a.includes(profile.userID))); };
     const isOwner = () => { var _a; return !!(profile && ((_a = project === null || project === void 0 ? void 0 : project.owners) === null || _a === void 0 ? void 0 : _a.includes(profile.userID))); };
     const isWriter = () => { var _a; return !!(profile && ((_a = project === null || project === void 0 ? void 0 : project.writers) === null || _a === void 0 ? void 0 : _a.includes(profile.userID))); };
     const isAnnotator = () => { var _a; return !!(profile && ((_a = project === null || project === void 0 ? void 0 : project.annotators) === null || _a === void 0 ? void 0 : _a.includes(profile.userID))); };
     const isProofer = () => { var _a; return !!(profile && ((_a = project === null || project === void 0 ? void 0 : project.proofers) === null || _a === void 0 ? void 0 : _a.includes(profile.userID))); };
-    const isViewer = () => { var _a; return !!(profile && ((_a = project === null || project === void 0 ? void 0 : project.viewers) === null || _a === void 0 ? void 0 : _a.includes(profile.userID))); };
+    const isViewer = () => { var _a; return !!(profile && ((_a = project === null || project === void 0 ? void 0 : project.viewers) === null || _a === void 0 ? void 0 : _a.includes(profile.userID))) || isViewingMode; };
     const isProdEditor = () => role == 'pe';
     const allowed = (action) => !!(actions === null || actions === void 0 ? void 0 : actions.includes(action));
     return {
@@ -82,12 +81,12 @@ const usePermissions = () => {
     return react_1.default.useContext(CapabilitiesContext);
 };
 exports.usePermissions = usePermissions;
-const useCalcPermission = ({ project, profile, role, permittedActions, }) => {
-    return (0, exports.getCapabilities)(project, profile, role, permittedActions);
+const useCalcPermission = ({ project, profile, role, permittedActions, isViewingMode, }) => {
+    return (0, exports.getCapabilities)(project, profile, role, permittedActions, isViewingMode);
 };
 exports.useCalcPermission = useCalcPermission;
 const CapabilitiesProvider = (props) => {
     const { can } = props;
-    return ((0, jsx_runtime_1.jsx)(CapabilitiesContext.Provider, Object.assign({ value: can }, { children: props === null || props === void 0 ? void 0 : props.children })));
+    return (react_1.default.createElement(CapabilitiesContext.Provider, { value: can }, props === null || props === void 0 ? void 0 : props.children));
 };
 exports.CapabilitiesProvider = CapabilitiesProvider;