@quillsql/react 2.8.4 → 2.8.6

package/dist/assets/ArrowUpRightIcon.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const ArrowUpRightIcon = ({ ...props }) => ((0, jsx_runtime_1.jsxs)("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "24", height: "24", children: [(0, jsx_runtime_1.jsx)("path", { fill: "none", d: "M0 0h24v24H0z" }), (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M16.004 9.414l-8.607 8.607-1.414-1.414L14.589 8H7.004V6h11v11h-2V9.414z" })] }));
-exports.default = ArrowUpRightIcon;
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const ArrowUpRightIcon = ({ ...props }) => (_jsxs("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "24", height: "24", children: [_jsx("path", { fill: "none", d: "M0 0h24v24H0z" }), _jsx("path", { fill: "currentColor", d: "M16.004 9.414l-8.607 8.607-1.414-1.414L14.589 8H7.004V6h11v11h-2V9.414z" })] }));
+export default ArrowUpRightIcon;

package/dist/assets/CalendarIcon.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const CalendarIcon = ({ ...props }) => ((0, jsx_runtime_1.jsx)("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", d: "M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z", clipRule: "evenodd" }) }));
-exports.default = CalendarIcon;
+import { jsx as _jsx } from "react/jsx-runtime";
+const CalendarIcon = ({ ...props }) => (_jsx("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", children: _jsx("path", { fillRule: "evenodd", d: "M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z", clipRule: "evenodd" }) }));
+export default CalendarIcon;

package/dist/assets/CalendarNormalIcon.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const CalendarNormalIcon = ({ ...props }) => ((0, jsx_runtime_1.jsxs)("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [(0, jsx_runtime_1.jsx)("rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", ry: "2" }), (0, jsx_runtime_1.jsx)("line", { x1: "16", x2: "16", y1: "2", y2: "6" }), (0, jsx_runtime_1.jsx)("line", { x1: "8", x2: "8", y1: "2", y2: "6" }), (0, jsx_runtime_1.jsx)("line", { x1: "3", x2: "21", y1: "10", y2: "10" })] }));
-exports.default = CalendarNormalIcon;
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const CalendarNormalIcon = ({ ...props }) => (_jsxs("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", ry: "2" }), _jsx("line", { x1: "16", x2: "16", y1: "2", y2: "6" }), _jsx("line", { x1: "8", x2: "8", y1: "2", y2: "6" }), _jsx("line", { x1: "3", x2: "21", y1: "10", y2: "10" })] }));
+export default CalendarNormalIcon;

package/dist/assets/DoubleArrowLeftHeadIcon.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const DoubleArrowLeftHeadIcon = ({ ...props }) => ((0, jsx_runtime_1.jsxs)("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: [(0, jsx_runtime_1.jsx)("path", { id: "svg_1", d: "m0,0l24,0l0,24l-24,0l0,-24z", fill: "none" }), (0, jsx_runtime_1.jsx)("path", { id: "svg_2", d: "m14.1247,12l4.95,4.95l-1.414,1.414l-6.364,-6.364l6.364,-6.364l1.414,1.414l-4.95,4.95z" }), (0, jsx_runtime_1.jsx)("path", { id: "svg_3", d: "m7.31152,12l4.95,4.95l-1.414,1.414l-6.364,-6.364l6.364,-6.364l1.414,1.414l-4.95,4.95z" })] }));
-exports.default = DoubleArrowLeftHeadIcon;
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const DoubleArrowLeftHeadIcon = ({ ...props }) => (_jsxs("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: [_jsx("path", { id: "svg_1", d: "m0,0l24,0l0,24l-24,0l0,-24z", fill: "none" }), _jsx("path", { id: "svg_2", d: "m14.1247,12l4.95,4.95l-1.414,1.414l-6.364,-6.364l6.364,-6.364l1.414,1.414l-4.95,4.95z" }), _jsx("path", { id: "svg_3", d: "m7.31152,12l4.95,4.95l-1.414,1.414l-6.364,-6.364l6.364,-6.364l1.414,1.414l-4.95,4.95z" })] }));
+export default DoubleArrowLeftHeadIcon;

package/dist/assets/DoubleArrowRightHeadIcon.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const DoubleArrowRightHeadIcon = ({ ...props }) => ((0, jsx_runtime_1.jsxs)("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: [(0, jsx_runtime_1.jsx)("path", { id: "svg_1", d: "m0,0l24,0l0,24l-24,0l0,-24z", fill: "none" }), (0, jsx_runtime_1.jsx)("path", { transform: "rotate(180 15.1857 12)", id: "svg_2", d: "m14.1247,12l4.95,4.95l-1.414,1.414l-6.364,-6.364l6.364,-6.364l1.414,1.414l-4.95,4.95z" }), (0, jsx_runtime_1.jsx)("path", { transform: "rotate(180 8.37252 12)", id: "svg_3", d: "m7.31152,12l4.95,4.95l-1.414,1.414l-6.364,-6.364l6.364,-6.364l1.414,1.414l-4.95,4.95z" })] }));
-exports.default = DoubleArrowRightHeadIcon;
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const DoubleArrowRightHeadIcon = ({ ...props }) => (_jsxs("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: [_jsx("path", { id: "svg_1", d: "m0,0l24,0l0,24l-24,0l0,-24z", fill: "none" }), _jsx("path", { transform: "rotate(180 15.1857 12)", id: "svg_2", d: "m14.1247,12l4.95,4.95l-1.414,1.414l-6.364,-6.364l6.364,-6.364l1.414,1.414l-4.95,4.95z" }), _jsx("path", { transform: "rotate(180 8.37252 12)", id: "svg_3", d: "m7.31152,12l4.95,4.95l-1.414,1.414l-6.364,-6.364l6.364,-6.364l1.414,1.414l-4.95,4.95z" })] }));
+export default DoubleArrowRightHeadIcon;

package/dist/assets/ExclamationFilledIcon.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const ExclamationFilledIcon = ({ ...props }) => ((0, jsx_runtime_1.jsx)("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", d: "M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12zM12 8.25a.75.75 0 01.75.75v3.75a.75.75 0 01-1.5 0V9a.75.75 0 01.75-.75zm0 8.25a.75.75 0 100-1.5.75.75 0 000 1.5z", clipRule: "evenodd" }) }));
-exports.default = ExclamationFilledIcon;
+import { jsx as _jsx } from "react/jsx-runtime";
+const ExclamationFilledIcon = ({ ...props }) => (_jsx("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: _jsx("path", { fillRule: "evenodd", d: "M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12zM12 8.25a.75.75 0 01.75.75v3.75a.75.75 0 01-1.5 0V9a.75.75 0 01.75-.75zm0 8.25a.75.75 0 100-1.5.75.75 0 000 1.5z", clipRule: "evenodd" }) }));
+export default ExclamationFilledIcon;

package/dist/assets/FilterIcon.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const FilterIcon = ({ ...props }) => ((0, jsx_runtime_1.jsxs)("svg", { ...props, width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("rect", { y: "2", width: "8", height: "1", fill: "#373531" }), (0, jsx_runtime_1.jsx)("rect", { x: "8", y: "1", width: "3", height: "3", rx: "1.5", stroke: "#373531" }), (0, jsx_runtime_1.jsx)("rect", { x: "11.5", y: "8.5", width: "8", height: "1", transform: "rotate(-180 11.5 8.5)", fill: "#373531" }), (0, jsx_runtime_1.jsx)("rect", { x: "3.5", y: "9.5", width: "3", height: "3", rx: "1.5", transform: "rotate(-180 3.5 9.5)", stroke: "#373531" })] }));
-exports.default = FilterIcon;
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const FilterIcon = ({ ...props }) => (_jsxs("svg", { ...props, width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("rect", { y: "2", width: "8", height: "1", fill: "#373531" }), _jsx("rect", { x: "8", y: "1", width: "3", height: "3", rx: "1.5", stroke: "#373531" }), _jsx("rect", { x: "11.5", y: "8.5", width: "8", height: "1", transform: "rotate(-180 11.5 8.5)", fill: "#373531" }), _jsx("rect", { x: "3.5", y: "9.5", width: "3", height: "3", rx: "1.5", transform: "rotate(-180 3.5 9.5)", stroke: "#373531" })] }));
+export default FilterIcon;

package/dist/assets/LoadingSpinner.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const LoadingSpinner = ({ ...props }) => ((0, jsx_runtime_1.jsxs)("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: [(0, jsx_runtime_1.jsx)("path", { fill: "none", d: "M0 0h24v24H0z" }), (0, jsx_runtime_1.jsx)("path", { d: "M18.364 5.636L16.95 7.05A7 7 0 1 0 19 12h2a9 9 0 1 1-2.636-6.364z" })] }));
-exports.default = LoadingSpinner;
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const LoadingSpinner = ({ ...props }) => (_jsxs("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: [_jsx("path", { fill: "none", d: "M0 0h24v24H0z" }), _jsx("path", { d: "M18.364 5.636L16.95 7.05A7 7 0 1 0 19 12h2a9 9 0 1 1-2.636-6.364z" })] }));
+export default LoadingSpinner;

package/dist/assets/RefreshIcon.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const RefreshIcon = ({ ...props }) => ((0, jsx_runtime_1.jsx)("svg", { ...props, width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsx)("path", { d: "M8.0115 4.674H10.5075L8.917 3.0825C8.40495 2.57044 7.76711 2.2022 7.06761 2.0148C6.36811 1.82741 5.63161 1.82746 4.93214 2.01496C4.23267 2.20246 3.59489 2.57079 3.0829 3.08293C2.57092 3.59507 2.20279 4.23297 2.0155 4.9325M1.4925 9.822V7.326M1.4925 7.326H3.9885M1.4925 7.326L3.0825 8.9175C3.59456 9.42956 4.2324 9.7978 4.9319 9.9852C5.6314 10.1726 6.3679 10.1725 7.06737 9.98504C7.76684 9.79754 8.40462 9.42921 8.9166 8.91707C9.42859 8.40493 9.79672 7.76703 9.984 7.0675M10.5075 2.178V4.673", stroke: "#384151", strokeOpacity: "0.85", strokeWidth: "0.75", strokeLinecap: "round", strokeLinejoin: "round" }) }));
-exports.default = RefreshIcon;
+import { jsx as _jsx } from "react/jsx-runtime";
+const RefreshIcon = ({ ...props }) => (_jsx("svg", { ...props, width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M8.0115 4.674H10.5075L8.917 3.0825C8.40495 2.57044 7.76711 2.2022 7.06761 2.0148C6.36811 1.82741 5.63161 1.82746 4.93214 2.01496C4.23267 2.20246 3.59489 2.57079 3.0829 3.08293C2.57092 3.59507 2.20279 4.23297 2.0155 4.9325M1.4925 9.822V7.326M1.4925 7.326H3.9885M1.4925 7.326L3.0825 8.9175C3.59456 9.42956 4.2324 9.7978 4.9319 9.9852C5.6314 10.1726 6.3679 10.1725 7.06737 9.98504C7.76684 9.79754 8.40462 9.42921 8.9166 8.91707C9.42859 8.40493 9.79672 7.76703 9.984 7.0675M10.5075 2.178V4.673", stroke: "#384151", strokeOpacity: "0.85", strokeWidth: "0.75", strokeLinecap: "round", strokeLinejoin: "round" }) }));
+export default RefreshIcon;

package/dist/assets/SearchIcon.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const SearchIcon = ({ ...props }) => ((0, jsx_runtime_1.jsx)("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", d: "M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z", clipRule: "evenodd" }) }));
-exports.default = SearchIcon;
+import { jsx as _jsx } from "react/jsx-runtime";
+const SearchIcon = ({ ...props }) => (_jsx("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", children: _jsx("path", { fillRule: "evenodd", d: "M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z", clipRule: "evenodd" }) }));
+export default SearchIcon;

package/dist/assets/UpLeftArrowsIcon.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const UpLeftArrowsIcon = ({ ...props }) => ((0, jsx_runtime_1.jsxs)("svg", { ...props, width: "13", height: "13", viewBox: "0 0 13 13", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("rect", { x: "2.125", y: "8", width: "1", height: "3", rx: "0.5", transform: "rotate(45 2.125 8)", fill: "#373531" }), (0, jsx_runtime_1.jsx)("rect", { y: "10.125", width: "1", height: "3", rx: "0.5", transform: "rotate(-45 0 10.125)", fill: "#373531" }), (0, jsx_runtime_1.jsx)("rect", { x: "12.0977", y: "2.125", width: "1", height: "3", rx: "0.5", transform: "rotate(135 12.0977 2.125)", fill: "#373531" }), (0, jsx_runtime_1.jsx)("rect", { x: "9.97266", width: "1", height: "3", rx: "0.5", transform: "rotate(45 9.97266 0)", fill: "#373531" }), (0, jsx_runtime_1.jsx)("path", { d: "M10 1.125V9.125C10 9.67728 9.55228 10.125 9 10.125H1", stroke: "#373531" })] }));
-exports.default = UpLeftArrowsIcon;
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const UpLeftArrowsIcon = ({ ...props }) => (_jsxs("svg", { ...props, width: "13", height: "13", viewBox: "0 0 13 13", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("rect", { x: "2.125", y: "8", width: "1", height: "3", rx: "0.5", transform: "rotate(45 2.125 8)", fill: "#373531" }), _jsx("rect", { y: "10.125", width: "1", height: "3", rx: "0.5", transform: "rotate(-45 0 10.125)", fill: "#373531" }), _jsx("rect", { x: "12.0977", y: "2.125", width: "1", height: "3", rx: "0.5", transform: "rotate(135 12.0977 2.125)", fill: "#373531" }), _jsx("rect", { x: "9.97266", width: "1", height: "3", rx: "0.5", transform: "rotate(45 9.97266 0)", fill: "#373531" }), _jsx("path", { d: "M10 1.125V9.125C10 9.67728 9.55228 10.125 9 10.125H1", stroke: "#373531" })] }));
+export default UpLeftArrowsIcon;

package/dist/assets/XCircleIcon.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const XCircleIcon = ({ ...props }) => ((0, jsx_runtime_1.jsx)("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z", clipRule: "evenodd" }) }));
-exports.default = XCircleIcon;
+import { jsx as _jsx } from "react/jsx-runtime";
+const XCircleIcon = ({ ...props }) => (_jsx("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", children: _jsx("path", { fillRule: "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z", clipRule: "evenodd" }) }));
+export default XCircleIcon;

package/dist/assets/XIcon.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const XIcon = ({ ...props }) => ((0, jsx_runtime_1.jsx)("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", height: "20", width: "20", children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", d: "M5.47 5.47a.75.75 0 011.06 0L12 10.94l5.47-5.47a.75.75 0 111.06 1.06L13.06 12l5.47 5.47a.75.75 0 11-1.06 1.06L12 13.06l-5.47 5.47a.75.75 0 01-1.06-1.06L10.94 12 5.47 6.53a.75.75 0 010-1.06z", clipRule: "evenodd" }) }));
-exports.default = XIcon;
+import { jsx as _jsx } from "react/jsx-runtime";
+const XIcon = ({ ...props }) => (_jsx("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", height: "20", width: "20", children: _jsx("path", { fillRule: "evenodd", d: "M5.47 5.47a.75.75 0 011.06 0L12 10.94l5.47-5.47a.75.75 0 111.06 1.06L13.06 12l5.47 5.47a.75.75 0 11-1.06 1.06L12 13.06l-5.47 5.47a.75.75 0 01-1.06-1.06L10.94 12 5.47 6.53a.75.75 0 010-1.06z", clipRule: "evenodd" }) }));
+export default XIcon;

package/dist/assets/index.js

@@ -1,48 +1,21 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.XIcon = exports.UpLeftArrowsIcon = exports.FilterIcon = exports.RefreshIcon = exports.XCircleIcon = exports.SearchIcon = exports.LoadingSpinner = exports.ExclamationFilledIcon = exports.CalendarNormalIcon = exports.CalendarIcon = exports.ArrowUpRightIcon = exports.ArrowUpIcon = exports.ArrowUpHeadIcon = exports.DoubleArrowRightHeadIcon = exports.DoubleArrowLeftHeadIcon = exports.ArrowLeftHeadIcon = exports.ArrowRightHeadIcon = exports.ArrowRightIcon = exports.ArrowDownIcon = exports.ArrowDownRightIcon = exports.ArrowDownHeadIcon = void 0;
-var ArrowDownHeadIcon_1 = require("./ArrowDownHeadIcon");
-Object.defineProperty(exports, "ArrowDownHeadIcon", { enumerable: true, get: function () { return __importDefault(ArrowDownHeadIcon_1).default; } });
-var ArrowDownRightIcon_1 = require("./ArrowDownRightIcon");
-Object.defineProperty(exports, "ArrowDownRightIcon", { enumerable: true, get: function () { return __importDefault(ArrowDownRightIcon_1).default; } });
-var ArrowDownIcon_1 = require("./ArrowDownIcon");
-Object.defineProperty(exports, "ArrowDownIcon", { enumerable: true, get: function () { return __importDefault(ArrowDownIcon_1).default; } });
-var ArrowRightIcon_1 = require("./ArrowRightIcon");
-Object.defineProperty(exports, "ArrowRightIcon", { enumerable: true, get: function () { return __importDefault(ArrowRightIcon_1).default; } });
-var ArrowRightHeadIcon_1 = require("./ArrowRightHeadIcon");
-Object.defineProperty(exports, "ArrowRightHeadIcon", { enumerable: true, get: function () { return __importDefault(ArrowRightHeadIcon_1).default; } });
-var ArrowLeftHeadIcon_1 = require("./ArrowLeftHeadIcon");
-Object.defineProperty(exports, "ArrowLeftHeadIcon", { enumerable: true, get: function () { return __importDefault(ArrowLeftHeadIcon_1).default; } });
-var DoubleArrowLeftHeadIcon_1 = require("./DoubleArrowLeftHeadIcon");
-Object.defineProperty(exports, "DoubleArrowLeftHeadIcon", { enumerable: true, get: function () { return __importDefault(DoubleArrowLeftHeadIcon_1).default; } });
-var DoubleArrowRightHeadIcon_1 = require("./DoubleArrowRightHeadIcon");
-Object.defineProperty(exports, "DoubleArrowRightHeadIcon", { enumerable: true, get: function () { return __importDefault(DoubleArrowRightHeadIcon_1).default; } });
-var ArrowUpHeadIcon_1 = require("./ArrowUpHeadIcon");
-Object.defineProperty(exports, "ArrowUpHeadIcon", { enumerable: true, get: function () { return __importDefault(ArrowUpHeadIcon_1).default; } });
-var ArrowUpIcon_1 = require("./ArrowUpIcon");
-Object.defineProperty(exports, "ArrowUpIcon", { enumerable: true, get: function () { return __importDefault(ArrowUpIcon_1).default; } });
-var ArrowUpRightIcon_1 = require("./ArrowUpRightIcon");
-Object.defineProperty(exports, "ArrowUpRightIcon", { enumerable: true, get: function () { return __importDefault(ArrowUpRightIcon_1).default; } });
-var CalendarIcon_1 = require("./CalendarIcon");
-Object.defineProperty(exports, "CalendarIcon", { enumerable: true, get: function () { return __importDefault(CalendarIcon_1).default; } });
-var CalendarNormalIcon_1 = require("./CalendarNormalIcon");
-Object.defineProperty(exports, "CalendarNormalIcon", { enumerable: true, get: function () { return __importDefault(CalendarNormalIcon_1).default; } });
-var ExclamationFilledIcon_1 = require("./ExclamationFilledIcon");
-Object.defineProperty(exports, "ExclamationFilledIcon", { enumerable: true, get: function () { return __importDefault(ExclamationFilledIcon_1).default; } });
-var LoadingSpinner_1 = require("./LoadingSpinner");
-Object.defineProperty(exports, "LoadingSpinner", { enumerable: true, get: function () { return __importDefault(LoadingSpinner_1).default; } });
-var SearchIcon_1 = require("./SearchIcon");
-Object.defineProperty(exports, "SearchIcon", { enumerable: true, get: function () { return __importDefault(SearchIcon_1).default; } });
-var XCircleIcon_1 = require("./XCircleIcon");
-Object.defineProperty(exports, "XCircleIcon", { enumerable: true, get: function () { return __importDefault(XCircleIcon_1).default; } });
-var RefreshIcon_1 = require("./RefreshIcon");
-Object.defineProperty(exports, "RefreshIcon", { enumerable: true, get: function () { return __importDefault(RefreshIcon_1).default; } });
-var FilterIcon_1 = require("./FilterIcon");
-Object.defineProperty(exports, "FilterIcon", { enumerable: true, get: function () { return __importDefault(FilterIcon_1).default; } });
-var UpLeftArrowsIcon_1 = require("./UpLeftArrowsIcon");
-Object.defineProperty(exports, "UpLeftArrowsIcon", { enumerable: true, get: function () { return __importDefault(UpLeftArrowsIcon_1).default; } });
-var XIcon_1 = require("./XIcon");
-Object.defineProperty(exports, "XIcon", { enumerable: true, get: function () { return __importDefault(XIcon_1).default; } });
+export { default as ArrowDownHeadIcon } from './ArrowDownHeadIcon';
+export { default as ArrowDownRightIcon } from './ArrowDownRightIcon';
+export { default as ArrowDownIcon } from './ArrowDownIcon';
+export { default as ArrowRightIcon } from './ArrowRightIcon';
+export { default as ArrowRightHeadIcon } from './ArrowRightHeadIcon';
+export { default as ArrowLeftHeadIcon } from './ArrowLeftHeadIcon';
+export { default as DoubleArrowLeftHeadIcon } from './DoubleArrowLeftHeadIcon';
+export { default as DoubleArrowRightHeadIcon } from './DoubleArrowRightHeadIcon';
+export { default as ArrowUpHeadIcon } from './ArrowUpHeadIcon';
+export { default as ArrowUpIcon } from './ArrowUpIcon';
+export { default as ArrowUpRightIcon } from './ArrowUpRightIcon';
+export { default as CalendarIcon } from './CalendarIcon';
+export { default as CalendarNormalIcon } from './CalendarNormalIcon';
+export { default as ExclamationFilledIcon } from './ExclamationFilledIcon';
+export { default as LoadingSpinner } from './LoadingSpinner';
+export { default as SearchIcon } from './SearchIcon';
+export { default as XCircleIcon } from './XCircleIcon';
+export { default as RefreshIcon } from './RefreshIcon';
+export { default as FilterIcon } from './FilterIcon';
+export { default as UpLeftArrowsIcon } from './UpLeftArrowsIcon';
+export { default as XIcon } from './XIcon';

package/dist/components/BigModal/BigModal.js

@@ -1,39 +1,14 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
+import { jsx as _jsx } from "react/jsx-runtime";
 // @ts-nocheck
 /* eslint-disable react/display-name */
-const react_1 = __importStar(require("react"));
-const hooks_1 = require("../../hooks");
-const lib_1 = require("../../lib");
-const BigModal = react_1.default.forwardRef((props, ref) => {
+import React, { useCallback, useEffect, useRef, useState } from 'react';
+import { useOnClickOutside, useOnWindowResize } from '../../hooks';
+import { mergeRefs } from '../../lib';
+const BigModal = React.forwardRef((props, ref) => {
     const { showModal, setShowModal, parentRef, width, maxHeight = '18rem', children, className, theme, ...other } = props;
-    const [modalExceedsWindow, setModalExceedsWindow] = (0, react_1.useState)(false);
-    const modalRef = (0, react_1.useRef)(null);
-    const checkModalExceedsWindow = (0, react_1.useCallback)((modalWidth, windowWidth) => {
+    const [modalExceedsWindow, setModalExceedsWindow] = useState(false);
+    const modalRef = useRef(null);
+    const checkModalExceedsWindow = useCallback((modalWidth, windowWidth) => {
         if (!parentRef.current) {
             return false;
         }
@@ -43,7 +18,7 @@ const BigModal = react_1.default.forwardRef((props, ref) => {
     const getAbsoluteSpacing = () => {
         return modalExceedsWindow ? '0' : '0';
     };
-    (0, hooks_1.useOnClickOutside)(modalRef, e => {
+    useOnClickOutside(modalRef, e => {
         // Exclude click on trigger button (e.g. Dropdown Button) from outside click handler
         const isTriggerElem = parentRef
             ? parentRef.current?.contains(e.target)
@@ -53,17 +28,17 @@ const BigModal = react_1.default.forwardRef((props, ref) => {
         }
     });
     // Execute only when modal is of absolute size
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         if (width) {
             setModalExceedsWindow(checkModalExceedsWindow(width, window.innerWidth));
         }
     }, [checkModalExceedsWindow, parentRef, width]);
-    (0, hooks_1.useOnWindowResize)(() => {
+    useOnWindowResize(() => {
         if (width) {
             setModalExceedsWindow(checkModalExceedsWindow(width, window.innerWidth));
         }
     });
-    return showModal ? ((0, jsx_runtime_1.jsx)("div", { ref: (0, lib_1.mergeRefs)([modalRef, ref]), style: {
+    return showModal ? (_jsx("div", { ref: mergeRefs([modalRef, ref]), style: {
             position: 'absolute',
             zIndex: 10,
             overflowY: 'auto',
@@ -84,4 +59,4 @@ const BigModal = react_1.default.forwardRef((props, ref) => {
             transform: 'translate(-50%, -50%)',
         }, ...other, children: children })) : null;
 });
-exports.default = BigModal;
+export default BigModal;

package/dist/components/Dropdown/Dropdown.js

@@ -1,60 +1,32 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-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");
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /* eslint-disable react/display-name */
-const react_1 = __importStar(require("react"));
-const contexts_1 = require("../../contexts");
-const hooks_1 = require("../../hooks");
-const assets_1 = require("../../assets");
-const lib_1 = require("../../lib");
-const selectUtils_1 = require("../selectUtils");
-const Modal_1 = __importDefault(require("../Modal"));
-const Dropdown = react_1.default.forwardRef((props, ref) => {
+import React, { useRef, useState } from 'react';
+import { HoveredValueContext, SelectedValueContext } from '../../contexts';
+import { useInternalState, useSelectOnKeyDown } from '../../hooks';
+import { ArrowDownHeadIcon } from '../../assets';
+import { mergeRefs } from '../../lib';
+import { constructValueToNameMapping, hasValue } from '../selectUtils';
+import Modal from '../Modal';
+const Dropdown = React.forwardRef((props, ref) => {
     const { defaultValue, value, onValueChange, placeholder = 'Select...', disabled = false, icon, children, className, theme, ...other } = props;
-    const [selectedValue, setSelectedValue] = (0, hooks_1.useInternalState)(defaultValue, value);
-    const [isFocused, setIsFocused] = (0, react_1.useState)(false);
-    const dropdownRef = (0, react_1.useRef)(null);
+    const [selectedValue, setSelectedValue] = useInternalState(defaultValue, value);
+    const [isFocused, setIsFocused] = useState(false);
+    const dropdownRef = useRef(null);
     const Icon = icon;
-    const valueToNameMapping = (0, selectUtils_1.constructValueToNameMapping)(children);
-    const optionValues = react_1.default.Children.map(children, (child) => child.props.value);
+    const valueToNameMapping = constructValueToNameMapping(children);
+    const optionValues = React.Children.map(children, (child) => child.props.value);
     const handleValueChange = (value) => {
         setSelectedValue(value);
         setIsFocused(false);
         onValueChange?.(value);
     };
-    const [hoveredValue, handleKeyDown] = (0, hooks_1.useSelectOnKeyDown)(handleValueChange, optionValues, isFocused, setIsFocused, selectedValue);
-    const hasSelection = (0, selectUtils_1.hasValue)(selectedValue);
-    return ((0, jsx_runtime_1.jsxs)("div", { ref: (0, lib_1.mergeRefs)([dropdownRef, ref]), onKeyDown: handleKeyDown, style: {
+    const [hoveredValue, handleKeyDown] = useSelectOnKeyDown(handleValueChange, optionValues, isFocused, setIsFocused, selectedValue);
+    const hasSelection = hasValue(selectedValue);
+    return (_jsxs("div", { ref: mergeRefs([dropdownRef, ref]), onKeyDown: handleKeyDown, style: {
             position: 'relative',
             width: '100%',
             minWidth: '10rem',
-        }, ...other, children: [(0, jsx_runtime_1.jsxs)("button", { style: {
+        }, ...other, children: [_jsxs("button", { style: {
                     display: 'flex',
                     justifyContent: 'space-between',
                     alignItems: 'center',
@@ -66,20 +38,20 @@ const Dropdown = react_1.default.forwardRef((props, ref) => {
                     boxShadow: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',
                     cursor: 'pointer',
                     background: 'white',
-                }, type: "button", onClick: () => setIsFocused(!isFocused), disabled: disabled, children: [(0, jsx_runtime_1.jsxs)("div", { style: {
+                }, type: "button", onClick: () => setIsFocused(!isFocused), disabled: disabled, children: [_jsxs("div", { style: {
                             display: 'flex',
                             justifyContent: 'start',
                             alignItems: 'center',
                             whiteSpace: 'nowrap',
                             overflow: 'hidden',
                             textOverflow: 'ellipsis',
-                        }, children: [Icon ? ((0, jsx_runtime_1.jsx)(Icon, { style: {
+                        }, children: [Icon ? (_jsx(Icon, { style: {
                                     flexShrink: 0,
                                     height: '1.5rem',
                                     width: '1.5rem',
                                     color: theme?.secondaryTextColor || '#6C727F',
                                     marginRight: '1.5rem',
-                                }, "aria-hidden": "true" })) : null, (0, jsx_runtime_1.jsx)("p", { style: {
+                                }, "aria-hidden": "true" })) : null, _jsx("p", { style: {
                                     margin: 0,
                                     fontSize: '13px',
                                     fontWeight: '500',
@@ -88,12 +60,12 @@ const Dropdown = react_1.default.forwardRef((props, ref) => {
                                     textOverflow: 'ellipsis',
                                 }, children: selectedValue
                                     ? valueToNameMapping.get(selectedValue)
-                                    : placeholder })] }), (0, jsx_runtime_1.jsx)(assets_1.ArrowDownHeadIcon, { style: {
+                                    : placeholder })] }), _jsx(ArrowDownHeadIcon, { style: {
                             flexShrink: 0,
                             height: '1.5rem',
                             width: '1.5rem',
                             marginRight: '-0.25rem',
                             color: theme?.secondaryTextColor || '#6C727F',
-                        }, "aria-hidden": "true" })] }), (0, jsx_runtime_1.jsx)(Modal_1.default, { theme: theme, showModal: isFocused, setShowModal: setIsFocused, parentRef: dropdownRef, children: (0, jsx_runtime_1.jsx)(contexts_1.SelectedValueContext.Provider, { value: { selectedValue, handleValueChange }, children: (0, jsx_runtime_1.jsx)(contexts_1.HoveredValueContext.Provider, { value: { hoveredValue }, children: react_1.default.Children.map(children, (child) => react_1.default.cloneElement(child)) }) }) })] }));
+                        }, "aria-hidden": "true" })] }), _jsx(Modal, { theme: theme, showModal: isFocused, setShowModal: setIsFocused, parentRef: dropdownRef, children: _jsx(SelectedValueContext.Provider, { value: { selectedValue, handleValueChange }, children: _jsx(HoveredValueContext.Provider, { value: { hoveredValue }, children: React.Children.map(children, (child) => React.cloneElement(child)) }) }) })] }));
 });
-exports.default = Dropdown;
+export default Dropdown;

package/dist/components/Dropdown/DropdownItem.js

@@ -1,40 +1,15 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
+import { jsx as _jsx } from "react/jsx-runtime";
 /* eslint-disable react/display-name */
-const react_1 = __importStar(require("react"));
-const contexts_1 = require("../../contexts");
-const DropdownItem = react_1.default.forwardRef((props, ref) => {
+import React, { useContext } from 'react';
+import { HoveredValueContext, SelectedValueContext } from '../../contexts';
+const DropdownItem = React.forwardRef((props, ref) => {
     const { value, text, icon, className, theme, lastItem, ...other } = props;
-    const { selectedValue, handleValueChange } = (0, react_1.useContext)(contexts_1.SelectedValueContext);
-    const { hoveredValue } = (0, react_1.useContext)(contexts_1.HoveredValueContext);
+    const { selectedValue, handleValueChange } = useContext(SelectedValueContext);
+    const { hoveredValue } = useContext(HoveredValueContext);
     const isActive = selectedValue === value;
     const isHovered = hoveredValue === value;
     const Icon = icon ? icon : null;
-    return ((0, jsx_runtime_1.jsx)("button", { ref: ref, style: {
+    return (_jsx("button", { ref: ref, style: {
             display: 'flex',
             alignItems: 'center',
             justifyContent: 'start',
@@ -55,7 +30,7 @@ const DropdownItem = react_1.default.forwardRef((props, ref) => {
             borderLeft: 'none',
             cursor: 'pointer',
             color: theme?.secondaryTextColor || '#364153',
-        }, type: "button", onClick: () => handleValueChange?.(value), ...other, children: (0, jsx_runtime_1.jsx)("p", { style: {
+        }, type: "button", onClick: () => handleValueChange?.(value), ...other, children: _jsx("p", { style: {
                 margin: 0,
                 fontFamily: theme?.fontFamily,
                 color: theme?.primaryTextColor,
@@ -64,4 +39,4 @@ const DropdownItem = react_1.default.forwardRef((props, ref) => {
                 textOverflow: 'ellipsis',
             }, children: text ?? value }) }));
 });
-exports.default = DropdownItem;
+export default DropdownItem;

package/dist/components/Dropdown/index.js

@@ -1,10 +1,2 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DropdownItem = exports.Dropdown = void 0;
-var Dropdown_1 = require("./Dropdown");
-Object.defineProperty(exports, "Dropdown", { enumerable: true, get: function () { return __importDefault(Dropdown_1).default; } });
-var DropdownItem_1 = require("./DropdownItem");
-Object.defineProperty(exports, "DropdownItem", { enumerable: true, get: function () { return __importDefault(DropdownItem_1).default; } });
+export { default as Dropdown } from "./Dropdown";
+export { default as DropdownItem } from "./DropdownItem";

package/dist/components/Modal/Modal.js

@@ -1,39 +1,14 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
+import { jsx as _jsx } from "react/jsx-runtime";
 // @ts-nocheck
 /* eslint-disable react/display-name */
-const react_1 = __importStar(require("react"));
-const hooks_1 = require("../../hooks");
-const lib_1 = require("../../lib");
-const Modal = react_1.default.forwardRef((props, ref) => {
+import React, { useCallback, useEffect, useRef, useState } from 'react';
+import { useOnClickOutside, useOnWindowResize } from '../../hooks';
+import { mergeRefs } from '../../lib';
+const Modal = React.forwardRef((props, ref) => {
     const { showModal, setShowModal, parentRef, width, maxHeight = '18rem', children, className, theme, ...other } = props;
-    const [modalExceedsWindow, setModalExceedsWindow] = (0, react_1.useState)(false);
-    const modalRef = (0, react_1.useRef)(null);
-    const checkModalExceedsWindow = (0, react_1.useCallback)((modalWidth, windowWidth) => {
+    const [modalExceedsWindow, setModalExceedsWindow] = useState(false);
+    const modalRef = useRef(null);
+    const checkModalExceedsWindow = useCallback((modalWidth, windowWidth) => {
         if (!parentRef.current) {
             return false;
         }
@@ -43,7 +18,7 @@ const Modal = react_1.default.forwardRef((props, ref) => {
     const getAbsoluteSpacing = () => {
         return modalExceedsWindow ? '0' : '0';
     };
-    (0, hooks_1.useOnClickOutside)(modalRef, e => {
+    useOnClickOutside(modalRef, e => {
         // Exclude click on trigger button (e.g. Dropdown Button) from outside click handler
         const isTriggerElem = parentRef
             ? parentRef.current?.contains(e.target)
@@ -53,17 +28,17 @@ const Modal = react_1.default.forwardRef((props, ref) => {
         }
     });
     // Execute only when modal is of absolute size
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         if (width) {
             setModalExceedsWindow(checkModalExceedsWindow(width, window.innerWidth));
         }
     }, [checkModalExceedsWindow, parentRef, width]);
-    (0, hooks_1.useOnWindowResize)(() => {
+    useOnWindowResize(() => {
         if (width) {
             setModalExceedsWindow(checkModalExceedsWindow(width, window.innerWidth));
         }
     });
-    return showModal ? ((0, jsx_runtime_1.jsx)("div", { ref: (0, lib_1.mergeRefs)([modalRef, ref]), style: {
+    return showModal ? (_jsx("div", { ref: mergeRefs([modalRef, ref]), style: {
             position: 'absolute',
             zIndex: 10,
             overflowY: 'auto',
@@ -87,4 +62,4 @@ const Modal = react_1.default.forwardRef((props, ref) => {
             boxShadow: '0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)',
         }, ...other, children: children })) : null;
 });
-exports.default = Modal;
+export default Modal;