@koine/react 2.0.0-alpha.4 → 2.0.0-beta.10

package/Progress/ProgressCircular.js

@@ -1,19 +1,62 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ProgressCircular = void 0;
-var tslib_1 = require("tslib");
-var jsx_runtime_1 = require("react/jsx-runtime");
-var styled_components_1 = tslib_1.__importStar(require("styled-components"));
-var animationRotation = (0, styled_components_1.keyframes)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n"], ["\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n"])));
-var animationCircle = (0, styled_components_1.keyframes)(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n  0% {\n    stroke-dasharray: 1px, 200px;\n    stroke-dashoffset: 0;\n  }\n  50% {\n    stroke-dasharray: 100px, 200px;\n    stroke-dashoffset: -15px;\n  }\n  100% {\n    stroke-dasharray: 100px, 200px;\n    stroke-dashoffset: -125px;\n  }\n"], ["\n  0% {\n    stroke-dasharray: 1px, 200px;\n    stroke-dashoffset: 0;\n  }\n  50% {\n    stroke-dasharray: 100px, 200px;\n    stroke-dashoffset: -15px;\n  }\n  100% {\n    stroke-dasharray: 100px, 200px;\n    stroke-dashoffset: -125px;\n  }\n"])));
-var ProgressCircularSvg = styled_components_1.default.svg(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n  animation: ", " 1.5s linear infinite;\n"], ["\n  animation: ", " 1.5s linear infinite;\n"])), animationRotation);
-var ProgressCircularCircle = styled_components_1.default.circle(templateObject_4 || (templateObject_4 = tslib_1.__makeTemplateObject(["\n  animation: ", " 1.5s linear infinite;\n"], ["\n  animation: ", " 1.5s linear infinite;\n"])), animationCircle);
-/**
- * @see https://mui.com/components/progress/
- */
-var ProgressCircular = function (_a) {
-    var _b = _a.size, size = _b === void 0 ? "1em" : _b, _c = _a.thickness, thickness = _c === void 0 ? 1 : _c, _d = _a.color, color = _d === void 0 ? "currentColor" : _d, props = tslib_1.__rest(_a, ["size", "thickness", "color"]);
-    return ((0, jsx_runtime_1.jsx)(ProgressCircularSvg, tslib_1.__assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 44 44", style: { width: size, height: size } }, props, { children: (0, jsx_runtime_1.jsx)(ProgressCircularCircle, { cx: "22", cy: "22", r: "20", fill: "none", strokeWidth: thickness, style: { stroke: color } }) })));
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "ProgressCircular", {
+    enumerable: true,
+    get: function() {
+        return ProgressCircular;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _jsxruntime = require("react/jsx-runtime");
+const _styledcomponents = /*#__PURE__*/ _interop_require_wildcard._(require("styled-components"));
+const animationRotation = (0, _styledcomponents.keyframes)`
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+`;
+const animationCircle = (0, _styledcomponents.keyframes)`
+  0% {
+    stroke-dasharray: 1px, 200px;
+    stroke-dashoffset: 0;
+  }
+  50% {
+    stroke-dasharray: 100px, 200px;
+    stroke-dashoffset: -15px;
+  }
+  100% {
+    stroke-dasharray: 100px, 200px;
+    stroke-dashoffset: -125px;
+  }
+`;
+const ProgressCircularSvg = _styledcomponents.default.svg`
+  animation: ${animationRotation} 1.5s linear infinite;
+`;
+const ProgressCircularCircle = _styledcomponents.default.circle`
+  animation: ${animationCircle} 1.5s linear infinite;
+`;
+const ProgressCircular = ({ size = "1em", thickness = 1, color = "currentColor", ...props })=>{
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(ProgressCircularSvg, {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 44 44",
+        style: {
+            width: size,
+            height: size
+        },
+        ...props,
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(ProgressCircularCircle, {
+            cx: "22",
+            cy: "22",
+            r: "20",
+            fill: "none",
+            strokeWidth: thickness,
+            style: {
+                stroke: color
+            }
+        })
+    });
 };
-exports.ProgressCircular = ProgressCircular;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

package/Progress/ProgressCircular.mjs

@@ -1,15 +1,53 @@
-import { __assign, __makeTemplateObject, __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
 import styled, { keyframes } from "styled-components";
-var animationRotation = keyframes(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n"], ["\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n"])));
-var animationCircle = keyframes(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  0% {\n    stroke-dasharray: 1px, 200px;\n    stroke-dashoffset: 0;\n  }\n  50% {\n    stroke-dasharray: 100px, 200px;\n    stroke-dashoffset: -15px;\n  }\n  100% {\n    stroke-dasharray: 100px, 200px;\n    stroke-dashoffset: -125px;\n  }\n"], ["\n  0% {\n    stroke-dasharray: 1px, 200px;\n    stroke-dashoffset: 0;\n  }\n  50% {\n    stroke-dasharray: 100px, 200px;\n    stroke-dashoffset: -15px;\n  }\n  100% {\n    stroke-dasharray: 100px, 200px;\n    stroke-dashoffset: -125px;\n  }\n"])));
-var ProgressCircularSvg = styled.svg(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  animation: ", " 1.5s linear infinite;\n"], ["\n  animation: ", " 1.5s linear infinite;\n"])), animationRotation);
-var ProgressCircularCircle = styled.circle(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  animation: ", " 1.5s linear infinite;\n"], ["\n  animation: ", " 1.5s linear infinite;\n"])), animationCircle);
+const animationRotation = keyframes`
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+`;
+const animationCircle = keyframes`
+  0% {
+    stroke-dasharray: 1px, 200px;
+    stroke-dashoffset: 0;
+  }
+  50% {
+    stroke-dasharray: 100px, 200px;
+    stroke-dashoffset: -15px;
+  }
+  100% {
+    stroke-dasharray: 100px, 200px;
+    stroke-dashoffset: -125px;
+  }
+`;
+const ProgressCircularSvg = styled.svg`
+  animation: ${animationRotation} 1.5s linear infinite;
+`;
+const ProgressCircularCircle = styled.circle`
+  animation: ${animationCircle} 1.5s linear infinite;
+`;
 /**
  * @see https://mui.com/components/progress/
- */
-export var ProgressCircular = function (_a) {
-    var _b = _a.size, size = _b === void 0 ? "1em" : _b, _c = _a.thickness, thickness = _c === void 0 ? 1 : _c, _d = _a.color, color = _d === void 0 ? "currentColor" : _d, props = __rest(_a, ["size", "thickness", "color"]);
-    return (_jsx(ProgressCircularSvg, __assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 44 44", style: { width: size, height: size } }, props, { children: _jsx(ProgressCircularCircle, { cx: "22", cy: "22", r: "20", fill: "none", strokeWidth: thickness, style: { stroke: color } }) })));
+ */ export const ProgressCircular = ({ size = "1em", thickness = 1, color = "currentColor", ...props })=>{
+    return /*#__PURE__*/ _jsx(ProgressCircularSvg, {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 44 44",
+        style: {
+            width: size,
+            height: size
+        },
+        ...props,
+        children: /*#__PURE__*/ _jsx(ProgressCircularCircle, {
+            cx: "22",
+            cy: "22",
+            r: "20",
+            fill: "none",
+            strokeWidth: thickness,
+            style: {
+                stroke: color
+            }
+        })
+    });
 };
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

package/Progress/ProgressLinear.js

@@ -1,28 +1,53 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ProgressLinear = void 0;
-var tslib_1 = require("tslib");
-var jsx_runtime_1 = require("react/jsx-runtime");
-var styled_components_1 = tslib_1.__importDefault(require("styled-components"));
-var framer_motion_1 = require("framer-motion");
-var ProgressLinearBg = styled_components_1.default.span(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  position: relative;\n  overflow: hidden;\n  display: block;\n  height: 4px;\n"], ["\n  position: relative;\n  overflow: hidden;\n  display: block;\n  height: 4px;\n"])));
-var ProgressLinearFg = (0, styled_components_1.default)(framer_motion_1.m.span)(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n"], ["\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n"])));
-/**
- * @see https://mui.com/components/progress/#linear
- */
-var ProgressLinear = function (_a) {
-    var _b = _a.done, done = _b === void 0 ? false : _b, _c = _a.height, height = _c === void 0 ? "2px" : _c, _d = _a.bg, bg = _d === void 0 ? "transparent" : _d, _e = _a.fg, fg = _e === void 0 ? "currentColor" : _e, props = tslib_1.__rest(_a, ["done", "height", "bg", "fg"]);
-    return ((0, jsx_runtime_1.jsx)(ProgressLinearBg, tslib_1.__assign({ style: { height: height, background: bg } }, props, { children: (0, jsx_runtime_1.jsx)(ProgressLinearFg, { style: { height: height, background: fg }, initial: {
-                x: "-100%",
-            }, animate: {
-                x: done ? "-100%" : "0%",
-            }, transition: done
-                ? {}
-                : {
-                    repeat: Infinity,
-                    repeatType: "reverse",
-                    duration: 2,
-                } }) })));
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "ProgressLinear", {
+    enumerable: true,
+    get: function() {
+        return ProgressLinear;
+    }
+});
+const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+const _jsxruntime = require("react/jsx-runtime");
+const _framermotion = require("framer-motion");
+const _styledcomponents = /*#__PURE__*/ _interop_require_default._(require("styled-components"));
+const ProgressLinearBg = _styledcomponents.default.span`
+  position: relative;
+  overflow: hidden;
+  display: block;
+  height: 4px;
+`;
+const ProgressLinearFg = (0, _styledcomponents.default)(_framermotion.m.span)`
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+`;
+const ProgressLinear = ({ done = false, height = "2px", bg = "transparent", fg = "currentColor", ...props })=>{
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(ProgressLinearBg, {
+        style: {
+            height,
+            background: bg
+        },
+        ...props,
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(ProgressLinearFg, {
+            style: {
+                height,
+                background: fg
+            },
+            initial: {
+                x: "-100%"
+            },
+            animate: {
+                x: done ? "-100%" : "0%"
+            },
+            transition: done ? {} : {
+                repeat: Infinity,
+                repeatType: "reverse",
+                duration: 2
+            }
+        })
+    });
 };
-exports.ProgressLinear = ProgressLinear;
-var templateObject_1, templateObject_2;

package/Progress/ProgressLinear.mjs

@@ -1,24 +1,44 @@
-import { __assign, __makeTemplateObject, __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
-import styled from "styled-components";
 import { m } from "framer-motion";
-var ProgressLinearBg = styled.span(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  overflow: hidden;\n  display: block;\n  height: 4px;\n"], ["\n  position: relative;\n  overflow: hidden;\n  display: block;\n  height: 4px;\n"])));
-var ProgressLinearFg = styled(m.span)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n"], ["\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n"])));
+import styled from "styled-components";
+const ProgressLinearBg = styled.span`
+  position: relative;
+  overflow: hidden;
+  display: block;
+  height: 4px;
+`;
+const ProgressLinearFg = styled(m.span)`
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+`;
 /**
  * @see https://mui.com/components/progress/#linear
- */
-export var ProgressLinear = function (_a) {
-    var _b = _a.done, done = _b === void 0 ? false : _b, _c = _a.height, height = _c === void 0 ? "2px" : _c, _d = _a.bg, bg = _d === void 0 ? "transparent" : _d, _e = _a.fg, fg = _e === void 0 ? "currentColor" : _e, props = __rest(_a, ["done", "height", "bg", "fg"]);
-    return (_jsx(ProgressLinearBg, __assign({ style: { height: height, background: bg } }, props, { children: _jsx(ProgressLinearFg, { style: { height: height, background: fg }, initial: {
-                x: "-100%",
-            }, animate: {
-                x: done ? "-100%" : "0%",
-            }, transition: done
-                ? {}
-                : {
-                    repeat: Infinity,
-                    repeatType: "reverse",
-                    duration: 2,
-                } }) })));
+ */ export const ProgressLinear = ({ done = false, height = "2px", bg = "transparent", fg = "currentColor", ...props })=>{
+    return /*#__PURE__*/ _jsx(ProgressLinearBg, {
+        style: {
+            height,
+            background: bg
+        },
+        ...props,
+        children: /*#__PURE__*/ _jsx(ProgressLinearFg, {
+            style: {
+                height,
+                background: fg
+            },
+            initial: {
+                x: "-100%"
+            },
+            animate: {
+                x: done ? "-100%" : "0%"
+            },
+            transition: done ? {} : {
+                repeat: Infinity,
+                repeatType: "reverse",
+                duration: 2
+            }
+        })
+    });
 };
-var templateObject_1, templateObject_2;

package/Progress/ProgressOverlay.js

@@ -1,28 +1,75 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ProgressOverlay = void 0;
-var tslib_1 = require("tslib");
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var styled_components_1 = tslib_1.__importDefault(require("styled-components"));
-var framer_motion_1 = require("framer-motion");
-var ProgressCircular_1 = require("./ProgressCircular");
-var ProgressLinear_1 = require("./ProgressLinear");
-var Header_1 = require("../Header");
-var ProgressOverlayWrap = (0, styled_components_1.default)(framer_motion_1.m.div)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  z-index: 10000;\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  pointer-events: none;\n  cursor: wait;\n"], ["\n  z-index: 10000;\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  pointer-events: none;\n  cursor: wait;\n"])));
-var ProgressOverlayCenterer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--progress-overlay-bg);\n"], ["\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--progress-overlay-bg);\n"])));
-var ProgressOverlay = function (_a) {
-    var running = _a.running;
-    var _b = (0, Header_1.useHeader)(), headerHeight = _b[2];
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "ProgressOverlay", {
+    enumerable: true,
+    get: function() {
+        return ProgressOverlay;
+    }
+});
+const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+const _jsxruntime = require("react/jsx-runtime");
+const _framermotion = require("framer-motion");
+const _react = require("react");
+const _styledcomponents = /*#__PURE__*/ _interop_require_default._(require("styled-components"));
+const _Header = require("../Header");
+const _ProgressCircular = require("./ProgressCircular");
+const _ProgressLinear = require("./ProgressLinear");
+const ProgressOverlayWrap = (0, _styledcomponents.default)(_framermotion.m.div)`
+  z-index: 10000;
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  pointer-events: none;
+  cursor: wait;
+`;
+const ProgressOverlayCenterer = _styledcomponents.default.div`
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: var(--progress-overlay-bg);
+`;
+const ProgressOverlay = ({ running })=>{
+    const [, , headerHeight] = (0, _Header.useHeader)();
     // const [progress, setProgress] = useState(0);
-    (0, react_1.useEffect)(function () {
+    (0, _react.useEffect)(()=>{
         document.body.style.cursor = running ? "wait" : "";
-    }, [running]);
-    return ((0, jsx_runtime_1.jsxs)(ProgressOverlayWrap, { animate: {
-            opacity: running ? 1 : 0,
-        }, initial: { opacity: 0 }, transition: { type: "easeInOut" }, children: [(0, jsx_runtime_1.jsx)(ProgressLinear_1.ProgressLinear, { bg: "var(--accent400)", fg: "var(--accent300)", done: !running }), (0, jsx_runtime_1.jsx)(ProgressOverlayCenterer, { style: {
-                    top: headerHeight + "px",
-                }, children: (0, jsx_runtime_1.jsx)(ProgressCircular_1.ProgressCircular, { size: "50px", color: "var(--accent300)" }) })] }));
+    }, [
+        running
+    ]);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(ProgressOverlayWrap, {
+        animate: {
+            opacity: running ? 1 : 0
+        },
+        initial: {
+            opacity: 0
+        },
+        transition: {
+            type: "easeInOut"
+        },
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_ProgressLinear.ProgressLinear, {
+                bg: "var(--accent400)",
+                fg: "var(--accent300)",
+                done: !running
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(ProgressOverlayCenterer, {
+                style: {
+                    top: headerHeight + "px"
+                },
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_ProgressCircular.ProgressCircular, {
+                    size: "50px",
+                    color: "var(--accent300)"
+                })
+            })
+        ]
+    });
 };
-exports.ProgressOverlay = ProgressOverlay;
-var templateObject_1, templateObject_2;

package/Progress/ProgressOverlay.mjs

@@ -1,24 +1,64 @@
-import { __makeTemplateObject } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { m } from "framer-motion";
 import { useEffect } from "react";
 import styled from "styled-components";
-import { m } from "framer-motion";
+import { useHeader } from "../Header";
 import { ProgressCircular } from "./ProgressCircular";
 import { ProgressLinear } from "./ProgressLinear";
-import { useHeader } from "../Header";
-var ProgressOverlayWrap = styled(m.div)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  z-index: 10000;\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  pointer-events: none;\n  cursor: wait;\n"], ["\n  z-index: 10000;\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  pointer-events: none;\n  cursor: wait;\n"])));
-var ProgressOverlayCenterer = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--progress-overlay-bg);\n"], ["\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--progress-overlay-bg);\n"])));
-export var ProgressOverlay = function (_a) {
-    var running = _a.running;
-    var _b = useHeader(), headerHeight = _b[2];
+const ProgressOverlayWrap = styled(m.div)`
+  z-index: 10000;
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  pointer-events: none;
+  cursor: wait;
+`;
+const ProgressOverlayCenterer = styled.div`
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: var(--progress-overlay-bg);
+`;
+export const ProgressOverlay = ({ running })=>{
+    const [, , headerHeight] = useHeader();
     // const [progress, setProgress] = useState(0);
-    useEffect(function () {
+    useEffect(()=>{
         document.body.style.cursor = running ? "wait" : "";
-    }, [running]);
-    return (_jsxs(ProgressOverlayWrap, { animate: {
-            opacity: running ? 1 : 0,
-        }, initial: { opacity: 0 }, transition: { type: "easeInOut" }, children: [_jsx(ProgressLinear, { bg: "var(--accent400)", fg: "var(--accent300)", done: !running }), _jsx(ProgressOverlayCenterer, { style: {
-                    top: headerHeight + "px",
-                }, children: _jsx(ProgressCircular, { size: "50px", color: "var(--accent300)" }) })] }));
+    }, [
+        running
+    ]);
+    return /*#__PURE__*/ _jsxs(ProgressOverlayWrap, {
+        animate: {
+            opacity: running ? 1 : 0
+        },
+        initial: {
+            opacity: 0
+        },
+        transition: {
+            type: "easeInOut"
+        },
+        children: [
+            /*#__PURE__*/ _jsx(ProgressLinear, {
+                bg: "var(--accent400)",
+                fg: "var(--accent300)",
+                done: !running
+            }),
+            /*#__PURE__*/ _jsx(ProgressOverlayCenterer, {
+                style: {
+                    top: headerHeight + "px"
+                },
+                children: /*#__PURE__*/ _jsx(ProgressCircular, {
+                    size: "50px",
+                    color: "var(--accent300)"
+                })
+            })
+        ]
+    });
 };
-var templateObject_1, templateObject_2;

package/Progress/index.js

@@ -1,6 +1,8 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./ProgressCircular"), exports);
-tslib_1.__exportStar(require("./ProgressLinear"), exports);
-tslib_1.__exportStar(require("./ProgressOverlay"), exports);
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./ProgressCircular"), exports);
+_export_star._(require("./ProgressLinear"), exports);
+_export_star._(require("./ProgressOverlay"), exports);

package/Rating/Rating.d.ts

@@ -9,12 +9,12 @@ export type RatingStarProps = React.ComponentPropsWithoutRef<"svg"> & RatingStar
     /** @default "#947813" */
     colorStroke?: React.CSSProperties["color"];
 };
-export declare const RatingStarRoot: import("styled-components").StyledComponent<"svg", import("styled-components").DefaultTheme, {}, never>;
+export declare const RatingStarRoot: any;
 export declare const RatingStar: ({ value, colorBg, colorStroke, size, ...props }: RatingStarProps) => import("react/jsx-runtime").JSX.Element;
-export declare const RatingDetails: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
-export declare const RatingCount: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
-export declare const RatingValue: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
-export declare const RatingRoot: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const RatingDetails: any;
+export declare const RatingCount: any;
+export declare const RatingValue: any;
+export declare const RatingRoot: any;
 export type RatingStarModel = {
     value: number;
     idx?: number;