@manuscripts/style-guide 3.3.6 → 3.3.8

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

@@ -1,9 +1,5 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const ToolbarSuperscriptIcon = (props) => (react_1.default.createElement("svg", { 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" })));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ToolbarSuperscriptIcon = (props) => ((0, jsx_runtime_1.jsx)("svg", { 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" }) }));
 exports.default = ToolbarSuperscriptIcon;

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

@@ -1,9 +1,5 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const ToolbarSymbolIcon = (props) => (react_1.default.createElement("svg", { 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" })));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ToolbarSymbolIcon = (props) => ((0, jsx_runtime_1.jsx)("svg", { 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" }) }));
 exports.default = ToolbarSymbolIcon;

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

@@ -1,9 +1,5 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const ToolbarTableIcon = (props) => (react_1.default.createElement("svg", { 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" })));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ToolbarTableIcon = (props) => ((0, jsx_runtime_1.jsx)("svg", { 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" }) }));
 exports.default = ToolbarTableIcon;

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

@@ -1,9 +1,5 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const ToolbarUnderlineIcon = (props) => (react_1.default.createElement("svg", { 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" })));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ToolbarUnderlineIcon = (props) => ((0, jsx_runtime_1.jsx)("svg", { 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" }) }));
 exports.default = ToolbarUnderlineIcon;

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

@@ -1,14 +1,5 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-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" })));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ToolbarUnindentIcon = (props) => ((0, jsx_runtime_1.jsxs)("svg", { 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" })] }));
 exports.default = ToolbarUnindentIcon;

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

@@ -1,9 +1,5 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const ToolbarUnorderedListIcon = (props) => (react_1.default.createElement("svg", { 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" })));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ToolbarUnorderedListIcon = (props) => ((0, jsx_runtime_1.jsx)("svg", { 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" }) }));
 exports.default = ToolbarUnorderedListIcon;

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

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

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

@@ -1,9 +1,5 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const TriangleCollapsedIcon = (props) => (react_1.default.createElement("svg", { 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" })));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const TriangleCollapsedIcon = (props) => ((0, jsx_runtime_1.jsx)("svg", { 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" }) }));
 exports.default = TriangleCollapsedIcon;

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

@@ -1,9 +1,5 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const TriangleExpandedIcon = (props) => (react_1.default.createElement("svg", { 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" })));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const TriangleExpandedIcon = (props) => ((0, jsx_runtime_1.jsx)("svg", { 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" }) }));
 exports.default = TriangleExpandedIcon;

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

@@ -1,11 +1,5 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const UploadIcon = (props) => (react_1.default.createElement("svg", { 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" })));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const UploadIcon = (props) => ((0, jsx_runtime_1.jsxs)("svg", { 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" })] }));
 exports.default = UploadIcon;

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

@@ -1,11 +1,5 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const VerticalEllipsisIcon = (props) => (react_1.default.createElement("svg", { 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" })));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const VerticalEllipsisIcon = (props) => ((0, jsx_runtime_1.jsxs)("svg", { 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" })] }));
 exports.default = VerticalEllipsisIcon;

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

@@ -1,12 +1,7 @@
 "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 react_1 = __importDefault(require("react"));
-const XIcon = (props) => (react_1.default.createElement("svg", { 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" })));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const XIcon = (props) => ((0, jsx_runtime_1.jsxs)("svg", { 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" })] }));
 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)();
-    const observer = (0, react_1.useRef)();
+    const refRoot = (0, react_1.useRef)(null);
+    const observer = (0, react_1.useRef)(undefined);
     const [triggers, setTriggers] = (0, react_1.useState)({ bottom: false, top: false });
     const ref = (node) => {
         if (!node) {

package/dist/cjs/index.js

@@ -62,7 +62,6 @@ __exportStar(require("./components/Badge"), exports);
 __exportStar(require("./components/NavDropdown"), exports);
 __exportStar(require("./components/Dropdown"), exports);
 __exportStar(require("./components/LoadingOverlay"), exports);
-__exportStar(require("./components/DatePicker"), exports);
 __exportStar(require("./components/Text"), exports);
 __exportStar(require("./components/RelativeDate"), exports);
 __exportStar(require("./components/Menus"), exports);

package/dist/cjs/lib/files.js

@@ -1,10 +1,7 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.isImageFile = exports.getFileTypeIcon = exports.getFileIcon = exports.getFileType = exports.FileType = void 0;
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const icons_1 = require("../components/icons");
 var FileType;
 (function (FileType) {
@@ -60,53 +57,53 @@ const extension2type = new Map([
 const type2icon = new Map([
     [
         FileType.Audio,
-        react_1.default.createElement(icons_1.FileAudioIcon, { key: FileType.Audio, className: "file-icon" }),
+        (0, jsx_runtime_1.jsx)(icons_1.FileAudioIcon, { className: "file-icon" }, FileType.Audio),
     ],
     [
         FileType.Video,
-        react_1.default.createElement(icons_1.FileVideoIcon, { key: FileType.Video, className: "file-icon" }),
+        (0, jsx_runtime_1.jsx)(icons_1.FileVideoIcon, { className: "file-icon" }, FileType.Video),
     ],
     [
         FileType.PlainDocument,
-        react_1.default.createElement(icons_1.FileDocumentIcon, { key: FileType.PlainDocument, color: "#1A9BC7", className: "file-icon" }),
+        (0, jsx_runtime_1.jsx)(icons_1.FileDocumentIcon, { color: "#1A9BC7", className: "file-icon" }, FileType.PlainDocument),
     ],
     [
         FileType.SheetsWorkbooks,
-        react_1.default.createElement(icons_1.FileTableIcon, { key: FileType.SheetsWorkbooks, className: "file-icon" }),
+        (0, jsx_runtime_1.jsx)(icons_1.FileTableIcon, { className: "file-icon" }, FileType.SheetsWorkbooks),
     ],
     [
         FileType.Latex,
-        react_1.default.createElement(icons_1.FileLatexIcon, { key: FileType.Latex, color: "#1A9BC7", className: "file-icon" }),
+        (0, jsx_runtime_1.jsx)(icons_1.FileLatexIcon, { color: "#1A9BC7", className: "file-icon" }, FileType.Latex),
     ],
     [
         FileType.CodeFile,
-        react_1.default.createElement(icons_1.FileCodeIcon, { key: FileType.CodeFile, className: "file-icon" }),
+        (0, jsx_runtime_1.jsx)(icons_1.FileCodeIcon, { className: "file-icon" }, FileType.CodeFile),
     ],
     [
         FileType.PdfFile,
-        react_1.default.createElement(icons_1.FilePdfIcon, { key: FileType.PdfFile, className: "file-icon" }),
+        (0, jsx_runtime_1.jsx)(icons_1.FilePdfIcon, { className: "file-icon" }, FileType.PdfFile),
     ],
     [
         FileType.CompressedFile,
-        react_1.default.createElement(icons_1.FileCompressedIcon, { key: FileType.CompressedFile, className: "file-icon" }),
+        (0, jsx_runtime_1.jsx)(icons_1.FileCompressedIcon, { className: "file-icon" }, FileType.CompressedFile),
     ],
     [
         FileType.PlainText,
-        react_1.default.createElement(icons_1.FileDocumentIcon, { key: FileType.PlainText, color: "#FFBD26", className: "file-icon" }),
+        (0, jsx_runtime_1.jsx)(icons_1.FileDocumentIcon, { color: "#FFBD26", className: "file-icon" }, FileType.PlainText),
     ],
     [
         FileType.Image,
-        react_1.default.createElement(icons_1.FileImageIcon, { key: FileType.Image, className: "file-icon" }),
+        (0, jsx_runtime_1.jsx)(icons_1.FileImageIcon, { className: "file-icon" }, FileType.Image),
     ],
     [
         FileType.Figure,
-        react_1.default.createElement(icons_1.FileFigureIcon, { key: FileType.Figure, className: "file-icon" }),
+        (0, jsx_runtime_1.jsx)(icons_1.FileFigureIcon, { className: "file-icon" }, FileType.Figure),
     ],
     [
         FileType.GraphicalAbstract,
-        react_1.default.createElement(icons_1.FileGraphicalAbstractIcon, { key: FileType.GraphicalAbstract, className: "file-icon" }),
+        (0, jsx_runtime_1.jsx)(icons_1.FileGraphicalAbstractIcon, { className: "file-icon" }, FileType.GraphicalAbstract),
     ],
-    [undefined, react_1.default.createElement(icons_1.FileUnknownIcon, { key: undefined, className: "file-icon" })],
+    [undefined, (0, jsx_runtime_1.jsx)(icons_1.FileUnknownIcon, { className: "file-icon" }, undefined)],
 ]);
 const getFileType = (name) => {
     const extension = getExtension(name);

package/dist/es/components/AlertMessage.js

@@ -1,20 +1,5 @@
-/*!
- * © 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.
- */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
-import { SizeMe } from 'react-sizeme';
 import styled, { css } from 'styled-components';
 import { IconButton, IconTextButton } from './Button';
 import { AttentionBlueIcon, AttentionGreenIcon, AttentionOrangeIcon, AttentionRedIcon, } from './icons';
@@ -127,12 +112,6 @@ export class AlertMessage extends React.Component {
         const { isOpen } = this.state;
         const AlertContainer = alertContainers[type];
         const AlertIcon = alertIcons[type];
-        return (isOpen && (React.createElement(SizeMe, null, () => (React.createElement(AlertContainer, { className: 'alert-message' },
-            React.createElement(InnerContainer, null,
-                React.createElement(InformativeIcon, null, React.createElement(AlertIcon, null)),
-                React.createElement(TextContainer, null, children),
-                dismissButton && (React.createElement(TextButton, { onClick: dismissButton.action
-                        ? dismissButton.action
-                        : this.handleClose }, dismissButton.text))))))));
+        return (isOpen && (_jsx(AlertContainer, { className: 'alert-message', children: _jsxs(InnerContainer, { children: [_jsx(InformativeIcon, { children: _jsx(AlertIcon, {}) }), _jsx(TextContainer, { children: children }), dismissButton && (_jsx(TextButton, { onClick: dismissButton.action ? dismissButton.action : this.handleClose, children: dismissButton.text }))] }) })));
     }
 }

package/dist/es/components/AutoSaveInput.js

@@ -1,18 +1,4 @@
-/*!
- * © 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.
- */
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 export class AutoSaveInput extends React.Component {
     constructor() {
@@ -47,6 +33,6 @@ export class AutoSaveInput extends React.Component {
     }
     render() {
         const { component: Component, field, placeholder, disabled, testId, } = this.props;
-        return (React.createElement(Component, { ...field, placeholder: placeholder, disabled: disabled, checked: !!field.value, onFocus: this.handleFocus, onBlur: this.handleBlur, onChange: this.handleChange, "data-testid": testId && `${testId}__input`, "aria-invalid": this.props.isInvalid || undefined }));
+        return (_jsx(Component, { ...field, placeholder: placeholder, disabled: disabled, checked: !!field.value, onFocus: this.handleFocus, onBlur: this.handleBlur, onChange: this.handleChange, "data-testid": testId && `${testId}__input`, "aria-invalid": this.props.isInvalid || undefined }));
     }
 }

package/dist/es/components/Avatar.js

@@ -1,19 +1,5 @@
-/*!
- * © 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.
- */
-import React, { useCallback, useState } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useState } from 'react';
 import styled from 'styled-components';
 import { ProfileIcon } from './icons';
 const AvatarContainer = styled.div `
@@ -44,5 +30,5 @@ export const Avatar = (props) => {
     const handleSrcError = useCallback(() => {
         setSrcError(true);
     }, []);
-    return (React.createElement(AvatarContainer, { opacity: props.opacity || 1 }, props.src && !srcError ? (React.createElement(RoundedImage, { src: props.src, size: props.size, onError: handleSrcError })) : (React.createElement(StyledAvatar, { height: props.size, width: props.size, color: props.color }))));
+    return (_jsx(AvatarContainer, { opacity: props.opacity || 1, children: props.src && !srcError ? (_jsx(RoundedImage, { src: props.src, size: props.size, onError: handleSrcError })) : (_jsx(StyledAvatar, { height: props.size, width: props.size, color: props.color })) }));
 };

package/dist/es/components/Button.js

@@ -49,7 +49,11 @@ const btnStyles = css `
   justify-content: center;
   outline: none;
   padding: 7px ${(props) => props.theme.grid.unit * 3}px;
-  transition: border 0.1s, color 0.1s, background-color 0.1s, color 0.1s,
+  transition:
+    border 0.1s,
+    color 0.1s,
+    background-color 0.1s,
+    color 0.1s,
     filter 0.1s;
   vertical-align: middle;
   white-space: nowrap;

package/dist/es/components/ContextMenu.js

@@ -1,19 +1,4 @@
-/*!
- * © 2024 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.
- */
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import styled from 'styled-components';
 import { IconButton, IconButtonGroup } from './Button';
 import * as Icons from './icons';
@@ -39,9 +24,7 @@ const icons = Object.entries(Icons).reduce((acc, [name, IconComponent]) => {
     acc[iconName] = IconComponent;
     return acc;
 }, {});
-export const ContextMenu = ({ actions }) => (React.createElement(IconButtonGroup, { size: 32 }, actions.map((action) => {
-    const Icon = icons[action.icon];
-    return (React.createElement(ContextMenuIconButton, { key: action.icon, "data-tooltip-id": action.icon, onClick: action.disabled === true ? () => null : action.action, className: action.selected ? 'selected' : '', disabled: !!action.disabled },
-        React.createElement(Icon, { width: 18, height: 18 }),
-        React.createElement(Tooltip, { id: action.icon, place: "bottom" }, action.label)));
-})));
+export const ContextMenu = ({ actions }) => (_jsx(IconButtonGroup, { size: 32, children: actions.map((action) => {
+        const Icon = icons[action.icon];
+        return (_jsxs(ContextMenuIconButton, { "data-tooltip-id": action.icon, onClick: action.disabled === true ? () => null : action.action, className: action.selected ? 'selected' : '', disabled: !!action.disabled, children: [_jsx(Icon, { width: 18, height: 18 }), _jsx(Tooltip, { id: action.icon, place: "bottom", children: action.label })] }, action.icon));
+    }) }));

package/dist/es/components/Dialog.js

@@ -1,18 +1,4 @@
-/*!
- * © 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.
- */
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React from 'react';
 import styled from 'styled-components';
 import { ButtonGroup, PrimaryButton, SecondaryButton } from './Button';
@@ -71,19 +57,15 @@ export var Category;
     Category["warning"] = "warning";
     Category["success"] = "success";
 })(Category || (Category = {}));
-const PrimaryAction = (props) => props.isDestructive ? (props.hasForm ? (React.createElement(PrimaryButton, { danger: true, disabled: props.disabled, form: "formDialog", type: "submit" }, props.title)) : (React.createElement(PrimaryButton, { danger: true, disabled: props.disabled, onClick: props.action, autoFocus: true }, props.title))) : props.hasForm ? (React.createElement(PrimaryButton, { disabled: props.disabled, form: "formDialog", type: "submit" }, props.title)) : (React.createElement(PrimaryButton, { disabled: props.disabled, onClick: props.action, autoFocus: true }, props.title));
-const SecondaryAction = (props) => (React.createElement(SecondaryButton, { disabled: props.disabled, onClick: props.action }, props.title));
+const PrimaryAction = (props) => props.isDestructive ? (props.hasForm ? (_jsx(PrimaryButton, { danger: true, disabled: props.disabled, form: "formDialog", type: "submit", children: props.title })) : (_jsx(PrimaryButton, { danger: true, disabled: props.disabled, onClick: props.action, autoFocus: true, children: props.title }))) : props.hasForm ? (_jsx(PrimaryButton, { disabled: props.disabled, form: "formDialog", type: "submit", children: props.title })) : (_jsx(PrimaryButton, { disabled: props.disabled, onClick: props.action, autoFocus: true, children: props.title }));
+const SecondaryAction = (props) => (_jsx(SecondaryButton, { disabled: props.disabled, onClick: props.action, children: props.title }));
 export class Dialog extends React.Component {
     constructor() {
         super(...arguments);
         this.state = {
             primaryActionDisabled: true,
         };
-        this.renderButtons = (props, disabled) => (React.createElement(ButtonsContainer, null, props.actions.secondary ? (!props.actions.primary.isDestructive ? (React.createElement(React.Fragment, null,
-            React.createElement(SecondaryAction, { action: props.actions.secondary.action, hasForm: !!this.props.confirmFieldText, title: props.actions.secondary.title }),
-            React.createElement(PrimaryAction, { action: props.actions.primary.action, disabled: disabled, title: props.actions.primary.title || 'Dismiss' }))) : (React.createElement(React.Fragment, null,
-            React.createElement(PrimaryAction, { action: props.actions.primary.action, disabled: disabled, isDestructive: true, hasForm: !!this.props.confirmFieldText, title: props.actions.primary.title || 'Dismiss' }),
-            React.createElement(SecondaryAction, { action: props.actions.secondary.action, title: props.actions.secondary.title })))) : (React.createElement(PrimaryAction, { action: props.actions.primary.action, disabled: disabled, isDestructive: props.actions.primary.isDestructive, hasForm: !!this.props.confirmFieldText, title: props.actions.primary.title || 'Dismiss' }))));
+        this.renderButtons = (props, disabled) => (_jsx(ButtonsContainer, { children: props.actions.secondary ? (!props.actions.primary.isDestructive ? (_jsxs(_Fragment, { children: [_jsx(SecondaryAction, { action: props.actions.secondary.action, hasForm: !!this.props.confirmFieldText, title: props.actions.secondary.title }), _jsx(PrimaryAction, { action: props.actions.primary.action, disabled: disabled, title: props.actions.primary.title || 'Dismiss' })] })) : (_jsxs(_Fragment, { children: [_jsx(PrimaryAction, { action: props.actions.primary.action, disabled: disabled, isDestructive: true, hasForm: !!this.props.confirmFieldText, title: props.actions.primary.title || 'Dismiss' }), _jsx(SecondaryAction, { action: props.actions.secondary.action, title: props.actions.secondary.title })] }))) : (_jsx(PrimaryAction, { action: props.actions.primary.action, disabled: disabled, isDestructive: props.actions.primary.isDestructive, hasForm: !!this.props.confirmFieldText, title: props.actions.primary.title || 'Dismiss' })) }));
         this.checkInputValue = (event) => {
             const testingVal = this.props.confirmFieldText && this.props.confirmFieldText.toUpperCase();
             const target = event.target;
@@ -107,21 +89,6 @@ export class Dialog extends React.Component {
     render() {
         const { actions, isOpen, header, message, category, children, confirmFieldText, className, } = this.props;
         const { primaryActionDisabled } = this.state;
-        return (React.createElement(StyledModal, { isOpen: isOpen, onRequestClose: actions.onClose, shouldCloseOnOverlayClick: true, className: className },
-            React.createElement(DialogModalBody, null,
-                React.createElement(HeaderContainer, null,
-                    category === Category.error && (React.createElement(Icon, null,
-                        React.createElement(AttentionRedIcon, null))),
-                    category === Category.warning && (React.createElement(Icon, null,
-                        React.createElement(AttentionOrangeIcon, null))),
-                    category === Category.success && (React.createElement(Icon, null,
-                        React.createElement(AttentionGreenIcon, null))),
-                    header),
-                React.createElement(MessageContainer, null,
-                    message,
-                    confirmFieldText && (React.createElement("form", { id: "formDialog", onSubmit: this.handleSubmit },
-                        React.createElement(ConfirmationTextField, { autoFocus: true, onChange: this.checkInputValue, placeholder: 'Please type: ' + confirmFieldText, required: true }))),
-                    children),
-                this.renderButtons(this.props, primaryActionDisabled))));
+        return (_jsx(StyledModal, { isOpen: isOpen, onRequestClose: actions.onClose, shouldCloseOnOverlayClick: true, className: className, children: _jsxs(DialogModalBody, { children: [_jsxs(HeaderContainer, { children: [category === Category.error && (_jsx(Icon, { children: _jsx(AttentionRedIcon, {}) })), category === Category.warning && (_jsx(Icon, { children: _jsx(AttentionOrangeIcon, {}) })), category === Category.success && (_jsx(Icon, { children: _jsx(AttentionGreenIcon, {}) })), header] }), _jsxs(MessageContainer, { children: [message, confirmFieldText && (_jsx("form", { id: "formDialog", onSubmit: this.handleSubmit, children: _jsx(ConfirmationTextField, { autoFocus: true, onChange: this.checkInputValue, placeholder: 'Please type: ' + confirmFieldText, required: true }) })), children] }), this.renderButtons(this.props, primaryActionDisabled)] }) }));
     }
 }

package/dist/es/components/DraggableModal.js

@@ -1,19 +1,5 @@
-/*!
- * © 2025 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.
- */
-import React, { useCallback, useEffect, useState } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useEffect, useState } from 'react';
 import styled from 'styled-components';
 import { ModalContainer, StyledModal } from './StyledModal';
 export const DraggableModal = ({ children, isOpen, onRequestClose, hideOverlay }) => {
@@ -56,7 +42,7 @@ export const DraggableModal = ({ children, isOpen, onRequestClose, hideOverlay }
             document.removeEventListener('mouseup', mouseup);
         };
     }, []);
-    return (React.createElement(StyledModal, { isOpen: isOpen, onRequestClose: onRequestClose, shouldCloseOnOverlayClick: false, pointerEventsOnBackdrop: "none", hideOverlay: hideOverlay, style: {
+    return (_jsx(StyledModal, { isOpen: isOpen, onRequestClose: onRequestClose, shouldCloseOnOverlayClick: false, pointerEventsOnBackdrop: "none", hideOverlay: hideOverlay, style: {
             content: {
                 left: '0',
                 bottom: '0',
@@ -64,8 +50,7 @@ export const DraggableModal = ({ children, isOpen, onRequestClose, hideOverlay }
                 position: 'fixed',
                 width: '100%',
             },
-        } },
-        React.createElement(DraggableModalContainer, { onMouseDown: mouseDown, onMouseMove: mouseMove, "data-cy": "find-replace-modal" }, children)));
+        }, children: _jsx(DraggableModalContainer, { onMouseDown: mouseDown, onMouseMove: mouseMove, "data-cy": "find-replace-modal", children: children }) }));
 };
 const DraggableModalContainer = styled(ModalContainer) `
   padding: 1rem 1.5rem;