@quillsql/react 2.10.31 → 2.10.32

package/dist/cjs/assets/DoubleArrowLeftHeadIcon.d.ts

@@ -0,0 +1,5 @@
+declare const DoubleArrowLeftHeadIcon: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export default DoubleArrowLeftHeadIcon;
+//# sourceMappingURL=DoubleArrowLeftHeadIcon.d.ts.map

package/dist/cjs/assets/DoubleArrowLeftHeadIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DoubleArrowLeftHeadIcon.d.ts","sourceRoot":"","sources":["../../../src/assets/DoubleArrowLeftHeadIcon.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,uBAAuB;;6CAY5B,CAAC;AAEF,eAAe,uBAAuB,CAAC"}

package/dist/cjs/assets/DoubleArrowLeftHeadIcon.js

@@ -0,0 +1,5 @@
+"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;

package/dist/cjs/assets/DoubleArrowRightHeadIcon.d.ts

@@ -0,0 +1,5 @@
+declare const DoubleArrowRightHeadIcon: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export default DoubleArrowRightHeadIcon;
+//# sourceMappingURL=DoubleArrowRightHeadIcon.d.ts.map

package/dist/cjs/assets/DoubleArrowRightHeadIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DoubleArrowRightHeadIcon.d.ts","sourceRoot":"","sources":["../../../src/assets/DoubleArrowRightHeadIcon.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,wBAAwB;;6CAc7B,CAAC;AAEF,eAAe,wBAAwB,CAAC"}

package/dist/cjs/assets/DoubleArrowRightHeadIcon.js

@@ -0,0 +1,5 @@
+"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;

package/dist/cjs/assets/ExclamationFilledIcon.d.ts

@@ -0,0 +1,5 @@
+declare const ExclamationFilledIcon: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export default ExclamationFilledIcon;
+//# sourceMappingURL=ExclamationFilledIcon.d.ts.map

package/dist/cjs/assets/ExclamationFilledIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExclamationFilledIcon.d.ts","sourceRoot":"","sources":["../../../src/assets/ExclamationFilledIcon.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,qBAAqB;;6CAQ1B,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/dist/cjs/assets/ExclamationFilledIcon.js

@@ -0,0 +1,5 @@
+"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;

package/dist/cjs/assets/FilterIcon.d.ts

@@ -0,0 +1,5 @@
+declare const FilterIcon: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export default FilterIcon;
+//# sourceMappingURL=FilterIcon.d.ts.map

package/dist/cjs/assets/FilterIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterIcon.d.ts","sourceRoot":"","sources":["../../../src/assets/FilterIcon.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,UAAU;;6CA6Bf,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/cjs/assets/FilterIcon.js

@@ -0,0 +1,5 @@
+"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;

package/dist/cjs/assets/LoadingSpinner.d.ts

@@ -0,0 +1,5 @@
+declare const LoadingSpinner: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export default LoadingSpinner;
+//# sourceMappingURL=LoadingSpinner.d.ts.map

package/dist/cjs/assets/LoadingSpinner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingSpinner.d.ts","sourceRoot":"","sources":["../../../src/assets/LoadingSpinner.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,cAAc;;6CAKnB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/cjs/assets/LoadingSpinner.js

@@ -0,0 +1,5 @@
+"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;

package/dist/cjs/assets/RefreshIcon.d.ts

@@ -0,0 +1,5 @@
+declare const RefreshIcon: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export default RefreshIcon;
+//# sourceMappingURL=RefreshIcon.d.ts.map

package/dist/cjs/assets/RefreshIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RefreshIcon.d.ts","sourceRoot":"","sources":["../../../src/assets/RefreshIcon.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,WAAW;;6CAkBhB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/cjs/assets/RefreshIcon.js

@@ -0,0 +1,5 @@
+"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;

package/dist/cjs/assets/SearchIcon.d.ts

@@ -0,0 +1,5 @@
+declare const SearchIcon: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export default SearchIcon;
+//# sourceMappingURL=SearchIcon.d.ts.map

package/dist/cjs/assets/SearchIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchIcon.d.ts","sourceRoot":"","sources":["../../../src/assets/SearchIcon.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,UAAU;;6CAQf,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/cjs/assets/SearchIcon.js

@@ -0,0 +1,5 @@
+"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;

package/dist/cjs/assets/UpLeftArrowsIcon.d.ts

@@ -0,0 +1,5 @@
+declare const UpLeftArrowsIcon: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export default UpLeftArrowsIcon;
+//# sourceMappingURL=UpLeftArrowsIcon.d.ts.map

package/dist/cjs/assets/UpLeftArrowsIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UpLeftArrowsIcon.d.ts","sourceRoot":"","sources":["../../../src/assets/UpLeftArrowsIcon.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,gBAAgB;;6CAgDrB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/cjs/assets/UpLeftArrowsIcon.js

@@ -0,0 +1,5 @@
+"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;

package/dist/cjs/assets/XCircleIcon.d.ts

@@ -0,0 +1,5 @@
+declare const XCircleIcon: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export default XCircleIcon;
+//# sourceMappingURL=XCircleIcon.d.ts.map

package/dist/cjs/assets/XCircleIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"XCircleIcon.d.ts","sourceRoot":"","sources":["../../../src/assets/XCircleIcon.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,WAAW;;6CAQhB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/cjs/assets/XCircleIcon.js

@@ -0,0 +1,5 @@
+"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;

package/dist/cjs/assets/XIcon.d.ts

@@ -0,0 +1,5 @@
+declare const XIcon: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export default XIcon;
+//# sourceMappingURL=XIcon.d.ts.map

package/dist/cjs/assets/XIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"XIcon.d.ts","sourceRoot":"","sources":["../../../src/assets/XIcon.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,KAAK;;6CAcV,CAAC;AACF,eAAe,KAAK,CAAC"}

package/dist/cjs/assets/XIcon.js

@@ -0,0 +1,5 @@
+"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;

package/dist/cjs/assets/index.d.ts

@@ -0,0 +1,22 @@
+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';
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/assets/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/assets/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACjF,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC"}

package/dist/cjs/assets/index.js

@@ -0,0 +1,48 @@
+"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; } });

package/dist/cjs/components/Banner/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export default function Banner({ dashboardItemName, dashboardName, onExit, style, }: any): JSX.Element | null;
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/components/Banner/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Banner/index.tsx"],"names":[],"mappings":";AAEA,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,iBAAiB,EACjB,aAAa,EACb,MAAM,EACN,KAAK,GACN,EAAE,GAAG,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CA4D1B"}

package/dist/cjs/components/Banner/index.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+function Banner({ dashboardItemName, dashboardName, onExit, style, }) {
+    return ((0, jsx_runtime_1.jsx)("div", { id: "quill-edit-banner", style: {
+            zIndex: 100,
+            display: 'flex',
+            paddingTop: '0.625rem',
+            paddingBottom: '0.625rem',
+            paddingLeft: '24px',
+            paddingRight: '24px',
+            alignItems: 'center',
+            backgroundColor: '#111827',
+            ...style,
+        }, children: (0, jsx_runtime_1.jsxs)("p", { style: {
+                fontSize: '14px',
+                color: '#ffffff',
+            }, children: [(0, jsx_runtime_1.jsx)("strong", { style: { fontWeight: 600 }, children: "Edit Mode" }), (0, jsx_runtime_1.jsx)("svg", { viewBox: "0 0 2 2", style: {
+                        display: 'inline',
+                        marginLeft: '8px',
+                        marginRight: '8px',
+                        width: '2px',
+                        height: '2px',
+                        fill: 'currentColor',
+                    }, "aria-hidden": "true", children: (0, jsx_runtime_1.jsx)("circle", { cx: 1, cy: 1, r: 1 }) }), `You are currently editing `, (0, jsx_runtime_1.jsx)("strong", { style: { fontWeight: 600 }, children: dashboardItemName }), ` on the `, (0, jsx_runtime_1.jsx)("strong", { style: { fontWeight: 600 }, children: dashboardName }), ` dashboard.`] }) }));
+}
+exports.default = Banner;

package/dist/cjs/components/BigModal/BigModal.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { HorizontalPosition } from '../../lib/inputTypes';
+export interface ModalProps extends React.HTMLAttributes<HTMLDivElement> {
+    showModal: boolean;
+    setShowModal: React.Dispatch<React.SetStateAction<boolean>> | ((nextState: boolean) => void);
+    parentRef?: React.RefObject<HTMLElement>;
+    width?: number;
+    maxHeight?: string;
+    anchorPosition?: HorizontalPosition;
+    children: React.ReactNode;
+    theme: any;
+}
+declare const BigModal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDivElement>>;
+export default BigModal;
+//# sourceMappingURL=BigModal.d.ts.map

package/dist/cjs/components/BigModal/BigModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BigModal.d.ts","sourceRoot":"","sources":["../../../../src/components/BigModal/BigModal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAIxE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAG1D,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtE,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EACR,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,GAC7C,CAAC,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC,CAAC;IACnC,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,kBAAkB,CAAC;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,GAAG,CAAC;CACZ;AAED,QAAA,MAAM,QAAQ,mFAoFZ,CAAC;AAEH,eAAe,QAAQ,CAAC"}

package/dist/cjs/components/BigModal/BigModal.js

@@ -0,0 +1,87 @@
+"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");
+// @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) => {
+    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) => {
+        if (!parentRef.current) {
+            return false;
+        }
+        const modalBoundingRight = parentRef.current.getBoundingClientRect().left + modalWidth;
+        return windowWidth - modalBoundingRight < 0;
+    }, [parentRef]);
+    const getAbsoluteSpacing = () => {
+        return modalExceedsWindow ? '0' : '0';
+    };
+    (0, hooks_1.useOnClickOutside)(modalRef, e => {
+        // Exclude click on trigger button (e.g. Dropdown Button) from outside click handler
+        const isTriggerElem = parentRef
+            ? parentRef.current?.contains(e.target)
+            : false;
+        if (!isTriggerElem) {
+            setShowModal(false);
+        }
+    });
+    // Execute only when modal is of absolute size
+    (0, react_1.useEffect)(() => {
+        if (width) {
+            setModalExceedsWindow(checkModalExceedsWindow(width, window.innerWidth));
+        }
+    }, [checkModalExceedsWindow, parentRef, width]);
+    (0, hooks_1.useOnWindowResize)(() => {
+        if (width) {
+            setModalExceedsWindow(checkModalExceedsWindow(width, window.innerWidth));
+        }
+    });
+    return showModal ? ((0, jsx_runtime_1.jsx)("div", { ref: (0, lib_1.mergeRefs)([modalRef, ref]), style: {
+            position: 'absolute',
+            zIndex: 10,
+            overflowY: 'auto',
+            backgroundColor: theme?.backgroundColor || 'white',
+            borderColor: theme?.borderColor || '#E5E7EB',
+            borderTopStyle: 'solid',
+            borderBottomStyle: 'solid',
+            borderLeftStyle: 'solid',
+            borderRightStyle: 'solid',
+            borderTopWidth: 1,
+            borderBottomWidth: 1,
+            borderLeftWidth: 1,
+            borderRightWidth: 1,
+            borderRadius: '0.375rem',
+            boxShadow: '0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)',
+            top: '50%',
+            left: '50%',
+            transform: 'translate(-50%, -50%)',
+        }, ...other, children: children })) : null;
+});
+exports.default = BigModal;

package/dist/cjs/components/Chart/BarChart.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+export default function BarChart({ colors, yAxisFields, data, containerStyle, xAxisField, xAxisFormat, theme, comparison, isStacked, isAnimationActive, hideXAxis, hideYAxis, hideCartesianGrid, }: {
+    colors: string[];
+    yAxisFields: any[];
+    data: any[];
+    containerStyle?: React.CSSProperties;
+    xAxisField: string;
+    xAxisLabel: string;
+    xAxisFormat: string;
+    theme: any;
+    comparison: boolean;
+    isStacked: boolean;
+    isAnimationActive: boolean;
+    hideXAxis: boolean;
+    hideYAxis: boolean;
+    hideCartesianGrid: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=BarChart.d.ts.map

package/dist/cjs/components/Chart/BarChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BarChart.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/BarChart.tsx"],"names":[],"mappings":";AAiBA,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,MAAM,EACN,WAAW,EACX,IAAI,EACJ,cAAc,EACd,UAAU,EACV,WAAW,EACX,KAAK,EACL,UAAU,EACV,SAAS,EACT,iBAAwB,EACxB,SAAiB,EACjB,SAAiB,EACjB,iBAAyB,GAC1B,EAAE;IACD,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,WAAW,EAAE,GAAG,EAAE,CAAC;IACnB,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,GAAG,CAAC;IACX,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,iBAAiB,EAAE,OAAO,CAAC;CAC5B,2CAkKA"}

package/dist/cjs/components/Chart/BarChart.js

@@ -0,0 +1,81 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+// @ts-nocheck
+const recharts_1 = require("recharts");
+const valueFormatter_1 = require("../../utils/valueFormatter");
+const axisFormatter_1 = require("../../utils/axisFormatter");
+const color_1 = require("../../utils/color");
+const ChartTooltip_1 = __importDefault(require("../../components/Chart/ChartTooltip"));
+const getDomain_1 = __importDefault(require("../../utils/getDomain"));
+const react_1 = require("react");
+function BarChart({ colors, yAxisFields, data, containerStyle, xAxisField, xAxisFormat, theme, comparison, isStacked, isAnimationActive = true, hideXAxis = false, hideYAxis = false, hideCartesianGrid = false, }) {
+    const [formattedData, setFormattedData] = (0, react_1.useState)([]);
+    (0, react_1.useEffect)(() => {
+        if (!data || data.length === 0) {
+            return;
+        }
+        const curData = data.map((d) => {
+            const formatted = { ...d };
+            // NEED TO FORMAT FOR BIG QUERY
+            if (d[xAxisField] && typeof d[xAxisField] === 'object') {
+                formatted[xAxisField] = d[xAxisField].value;
+            }
+            return formatted;
+        });
+        setFormattedData(curData);
+    }, [data]);
+    if (!data || data.length === 0) {
+        return ((0, jsx_runtime_1.jsx)("div", { style: {
+                display: 'flex',
+                flex: '1 0 auto',
+                height: '100%',
+                margin: 'auto',
+                justifyContent: 'center',
+                alignItems: 'center',
+                fontSize: 13,
+                color: theme.secondaryTextColor,
+            }, children: "No results found for specified time period." }));
+    }
+    return ((0, jsx_runtime_1.jsx)("div", { style: {
+            ...containerStyle,
+            boxSizing: 'content-box',
+        }, children: (0, jsx_runtime_1.jsx)(recharts_1.ResponsiveContainer, { width: "100%", height: '100%', children: (0, jsx_runtime_1.jsxs)(recharts_1.BarChart, { data: formattedData, layout: 'horizontal', children: [!hideCartesianGrid && ((0, jsx_runtime_1.jsx)(recharts_1.CartesianGrid, { horizontal: true, vertical: false, stroke: "#e5e7eb" })), (0, jsx_runtime_1.jsx)(recharts_1.YAxis, { width: 44, hide: hideYAxis, axisLine: false, tickLine: false, type: "number", domain: (0, getDomain_1.default)(data, yAxisFields), tick: { transform: 'translate(-3, 0)' }, style: {
+                            fontSize: '12px',
+                            fontFamily: theme.chartLabelFontFamily,
+                        }, tickFormatter: (tick) => (0, axisFormatter_1.axisFormatter)({
+                            value: tick,
+                            field: yAxisFields[0].field || 'what',
+                            fields: yAxisFields,
+                        }) }), (0, jsx_runtime_1.jsx)(recharts_1.XAxis, { hide: hideXAxis, dataKey: xAxisField, tick: { transform: 'translate(0, 6)' }, style: {
+                            fontSize: '12px',
+                            fontFamily: theme.chartLabelFontFamily,
+                            marginTop: '20px',
+                        }, tickLine: false, axisLine: false, tickFormatter: (tick) => (0, axisFormatter_1.axisFormatter)({
+                            value: tick,
+                            field: xAxisField,
+                            fields: [{ field: xAxisField, format: xAxisFormat }],
+                        }) }), (0, jsx_runtime_1.jsx)(recharts_1.Tooltip, { wrapperStyle: { outline: 'none', zIndex: 2 }, isAnimationActive: false, cursor: { fill: '#d1d5db', opacity: '0.15' }, content: ({ active, payload, label }) => {
+                            let label2;
+                            if (comparison &&
+                                payload?.length > 1 &&
+                                payload[0].payload[xAxisField + '2']) {
+                                label2 = payload[0].payload[xAxisField + '2'];
+                            }
+                            return ((0, jsx_runtime_1.jsx)(ChartTooltip_1.default, { theme: theme, active: active, payload: payload, label: label, label2: label2, dateFormatter: (value) => (0, valueFormatter_1.valueFormatter)({
+                                    value,
+                                    field: xAxisField,
+                                    fields: [{ field: xAxisField, format: xAxisFormat }],
+                                }), valueFormatter: (value) => (0, valueFormatter_1.valueFormatter)({
+                                    value,
+                                    field: payload[0].dataKey,
+                                    fields: yAxisFields,
+                                }), xAxisFormat: xAxisFormat, xAxisField: xAxisField, colors: colors }));
+                        }, position: { y: 0 } }), yAxisFields.map((elem) => ((0, jsx_runtime_1.jsx)(recharts_1.Bar, { name: elem.label, dataKey: elem.field, stackId: isStacked &&
+                            (elem.field?.replace('comparison_', '') ??
+                                'unknown'), type: "linear", fill: (0, color_1.selectColor)(elem, colors, yAxisFields.findIndex((field) => field.field === elem.field?.replace('comparison_', ''))), isAnimationActive: isAnimationActive }, elem.field)))] }) }) }));
+}
+exports.default = BarChart;

package/dist/cjs/components/Chart/ChartError.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export default function ChartError({ containerStyle }: any): JSX.Element;
+//# sourceMappingURL=ChartError.d.ts.map

package/dist/cjs/components/Chart/ChartError.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartError.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/ChartError.tsx"],"names":[],"mappings":";AAGA,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,cAAc,EAAE,EAAE,GAAG,GAAG,GAAG,CAAC,OAAO,CAoCvE"}

package/dist/cjs/components/Chart/ChartError.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const Context_1 = require("../../Context");
+function ChartError({ containerStyle }) {
+    const [theme] = (0, react_1.useContext)(Context_1.ThemeContext);
+    return ((0, jsx_runtime_1.jsx)("div", { style: {
+            ...containerStyle,
+            boxSizing: 'content-box',
+            height: '100%',
+        }, children: (0, jsx_runtime_1.jsx)("div", { style: {
+                height: containerStyle?.height,
+                width: '100%',
+                boxSizing: 'content-box',
+                borderRadius: 8,
+                overflow: 'hidden',
+            }, children: (0, jsx_runtime_1.jsx)("div", { style: {
+                    paddingTop: '60px',
+                    display: 'flex',
+                    flex: '1 0 auto',
+                    margin: 'auto',
+                    justifyContent: 'center',
+                    alignItems: 'center',
+                    fontSize: 13,
+                    color: theme?.secondaryTextColor || 'rgb(55, 65, 81)',
+                }, children: "Failed to fetch data." }) }) }));
+}
+exports.default = ChartError;

package/dist/cjs/components/Chart/ChartSkeleton.d.ts

@@ -0,0 +1,6 @@
+import { CSSProperties } from 'react';
+export interface SkeletonComponentProps {
+    conatinerStyle?: CSSProperties;
+}
+export default function ChartSkeleton({ containerStyle }: any): JSX.Element;
+//# sourceMappingURL=ChartSkeleton.d.ts.map

package/dist/cjs/components/Chart/ChartSkeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartSkeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/ChartSkeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,aAAa,EAAE,MAAM,OAAO,CAAC;AAGlD,MAAM,WAAW,sBAAsB;IACrC,cAAc,CAAC,EAAE,aAAa,CAAC;CAChC;AAED,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAE,cAAc,EAAE,EAAE,GAAG,GAAG,GAAG,CAAC,OAAO,CAyE1E"}

package/dist/cjs/components/Chart/ChartSkeleton.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const Context_1 = require("../../Context");
+function ChartSkeleton({ containerStyle }) {
+    const [theme] = (0, react_1.useContext)(Context_1.ThemeContext);
+    return ((0, jsx_runtime_1.jsx)("div", { style: {
+            ...containerStyle,
+            boxSizing: 'content-box',
+            height: '100%',
+        }, children: (0, jsx_runtime_1.jsx)("div", { style: {
+                height: containerStyle?.height,
+                width: '100%',
+                boxSizing: 'content-box',
+                borderRadius: 8,
+                overflow: 'hidden',
+            }, children: (0, jsx_runtime_1.jsxs)("svg", { width: "100%", height: "100%", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", children: [(0, jsx_runtime_1.jsx)("rect", { width: "100%", height: "100%", fill: theme?.loadingStateBackgroundColor || '#F9F9FA' }), (0, jsx_runtime_1.jsx)("defs", { fill: theme?.loadingStateBackgroundColor || '#F9F9FA', children: (0, jsx_runtime_1.jsxs)("linearGradient", { id: "skeletonGradient", x1: "0%", y1: "0%", x2: "10%", y2: "0%", gradientUnits: "userSpaceOnUse", children: [(0, jsx_runtime_1.jsx)("stop", { offset: "0%", stopColor: "rgba(255,255,255,0)" }), (0, jsx_runtime_1.jsx)("stop", { offset: "50%", stopColor: "#FEFEFE" }), (0, jsx_runtime_1.jsx)("stop", { offset: "100%", stopColor: "rgba(255,255,255,0)" }), (0, jsx_runtime_1.jsx)("animate", { attributeName: "x1", from: "-100%", to: "100%", dur: "2s", repeatCount: "indefinite" }), (0, jsx_runtime_1.jsx)("animate", { attributeName: "x2", from: "-50%", to: "150%", dur: "2s", repeatCount: "indefinite" })] }) }), (0, jsx_runtime_1.jsx)("rect", { width: "50%", height: "100%", fill: "url(#skeletonGradient)", children: (0, jsx_runtime_1.jsx)("animate", { attributeName: "x", from: "-100%", to: "100%", dur: "2s", repeatCount: "indefinite" }) })] }) }) }));
+}
+exports.default = ChartSkeleton;