@veracity/vui 2.16.0 → 2.17.0-beta.2

package/dist/cjs/progress/progress.js

@@ -1,63 +1,40 @@
-"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 __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Progress = exports.ProgressBase = void 0;
-const react_1 = __importStar(require("react"));
-const box_1 = require("../box");
-const core_1 = require("../core");
-const utils_1 = require("../utils");
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Progress = exports.ProgressBase = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const box_1 = require("../box");
+const core_1 = require("../core");
+const utils_1 = require("../utils");
 exports.ProgressBase = core_1.styled.divBox `
   display: flex;
   width: 100%;
-`;
-const minPercentageDisplay = 3;
-const maxValue = 100;
-/** [Beta] Indicates a process progress. */
-exports.Progress = (0, core_1.vui)((props, ref) => {
-    const { className, value = 0, showPercentage } = props, rest = __rest(props, ["className", "value", "showPercentage"]);
-    const [width, setWidth] = (0, react_1.useState)(0);
-    const styles = (0, core_1.useStyleConfig)('Progress', props);
-    (0, react_1.useEffect)(() => {
-        const w = !value ? 0 : Math.ceil(value);
-        setWidth(w > maxValue ? maxValue : w);
-    }, [value]);
-    const bg = rest.bg || styles.bg;
-    const color = rest.color || styles.color;
-    return (react_1.default.createElement(exports.ProgressBase, Object.assign({ className: (0, utils_1.cs)('vui-progress', className), ref: ref }, styles.container, rest, { bg: bg, borderRadius: "sm", h: 1 }),
-        react_1.default.createElement(box_1.Box, { bg: color, borderRadius: "sm", position: "relative", textAlign: "right", transition: "width 0.4s ease-in-out;", w: `${width}%` }, showPercentage && value >= minPercentageDisplay && (react_1.default.createElement(box_1.Box, Object.assign({}, styles.percentage, { position: "absolute", right: "0" }), `${width}%`)))));
-});
-exports.Progress.displayName = 'Progress';
-exports.default = exports.Progress;
+`;
+const minPercentageDisplay = 3;
+const maxValue = 100;
+/** [Beta] Indicates a process progress. */
+exports.Progress = (0, core_1.vui)((props, ref) => {
+    const { className, value = 0, showPercentage } = props, rest = __rest(props, ["className", "value", "showPercentage"]);
+    const [width, setWidth] = (0, react_1.useState)(0);
+    const styles = (0, core_1.useStyleConfig)('Progress', props);
+    (0, react_1.useEffect)(() => {
+        const w = !value ? 0 : Math.ceil(value);
+        setWidth(w > maxValue ? maxValue : w);
+    }, [value]);
+    const bg = rest.bg || styles.bg;
+    const color = rest.color || styles.color;
+    return ((0, jsx_runtime_1.jsx)(exports.ProgressBase, Object.assign({ className: (0, utils_1.cs)('vui-progress', className), ref: ref }, styles.container, rest, { bg: bg, borderRadius: "sm", h: 1, children: (0, jsx_runtime_1.jsx)(box_1.Box, { bg: color, borderRadius: "sm", position: "relative", textAlign: "right", transition: "width 0.4s ease-in-out;", w: `${width}%`, children: showPercentage && value >= minPercentageDisplay && ((0, jsx_runtime_1.jsx)(box_1.Box, Object.assign({}, styles.percentage, { position: "absolute", right: "0", children: `${width}%` }))) }) })));
+});
+exports.Progress.displayName = 'Progress';
+exports.default = exports.Progress;

package/dist/cjs/progress/progress.types.d.ts

@@ -1,7 +1,7 @@
-import { SystemProps } from '../system';
-import { ThemingProps } from '../theme';
-export type ProgressProps = SystemProps & ThemingProps<'Progress'> & {
-    value?: number;
-    showPercentage?: boolean;
-};
+import { SystemProps } from '../system';
+import { ThemingProps } from '../theme';
+export type ProgressProps = SystemProps & ThemingProps<'Progress'> & {
+    value?: number;
+    showPercentage?: boolean;
+};
 //# sourceMappingURL=progress.types.d.ts.map

package/dist/cjs/progress/progress.types.js

@@ -1,2 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/progress/theme.d.ts

@@ -1,61 +1,61 @@
-declare const _default: {
-    baseStyle: {};
-    defaultProps: {
-        size: string;
-        variant: string;
-    };
-    sizes: {
-        sm: {
-            container: {
-                minH: string;
-            };
-            percentage: {
-                fontSize: string;
-                top: string;
-            };
-        };
-        md: {
-            container: {
-                minH: string;
-            };
-            percentage: {
-                fontSize: string;
-                top: string;
-            };
-        };
-        lg: {
-            container: {
-                minH: string;
-            };
-            percentage: {
-                fontSize: string;
-                top: string;
-            };
-        };
-        xl: {
-            container: {
-                minH: string;
-            };
-            percentage: {
-                fontSize: string;
-                top: string;
-            };
-        };
-    };
-    variants: {
-        primary: {
-            bg: string;
-            color: string;
-        };
-        green: {
-            bg: string;
-            color: string;
-        };
-        red: {
-            bg: string;
-            color: string;
-        };
-    };
-};
-export default _default;
+declare const _default: {
+    baseStyle: {};
+    defaultProps: {
+        size: string;
+        variant: string;
+    };
+    sizes: {
+        sm: {
+            container: {
+                minH: string;
+            };
+            percentage: {
+                fontSize: string;
+                top: string;
+            };
+        };
+        md: {
+            container: {
+                minH: string;
+            };
+            percentage: {
+                fontSize: string;
+                top: string;
+            };
+        };
+        lg: {
+            container: {
+                minH: string;
+            };
+            percentage: {
+                fontSize: string;
+                top: string;
+            };
+        };
+        xl: {
+            container: {
+                minH: string;
+            };
+            percentage: {
+                fontSize: string;
+                top: string;
+            };
+        };
+    };
+    variants: {
+        primary: {
+            bg: string;
+            color: string;
+        };
+        green: {
+            bg: string;
+            color: string;
+        };
+        red: {
+            bg: string;
+            color: string;
+        };
+    };
+};
+export default _default;
 //# sourceMappingURL=theme.d.ts.map

package/dist/cjs/progress/theme.js

@@ -1,65 +1,65 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const baseStyle = {};
-const defaultProps = {
-    size: 'md',
-    variant: 'primary'
-};
-const sizes = {
-    sm: {
-        container: {
-            minH: '4px'
-        },
-        percentage: {
-            fontSize: '80%',
-            top: '-16px'
-        }
-    },
-    md: {
-        container: {
-            minH: '8px'
-        },
-        percentage: {
-            fontSize: '100%',
-            top: '-20px'
-        }
-    },
-    lg: {
-        container: {
-            minH: '12px'
-        },
-        percentage: {
-            fontSize: '110%',
-            top: '-22px'
-        }
-    },
-    xl: {
-        container: {
-            minH: '16px'
-        },
-        percentage: {
-            fontSize: '120%',
-            top: '-24px'
-        }
-    }
-};
-const variants = {
-    primary: {
-        bg: 'darkBlue.95',
-        color: 'darkBlue.main'
-    },
-    green: {
-        bg: 'landGreen.95',
-        color: 'landGreen.main'
-    },
-    red: {
-        bg: 'energyRed.95',
-        color: 'energyRed.main'
-    }
-};
-exports.default = {
-    baseStyle,
-    defaultProps,
-    sizes,
-    variants
-};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const baseStyle = {};
+const defaultProps = {
+    size: 'md',
+    variant: 'primary'
+};
+const sizes = {
+    sm: {
+        container: {
+            minH: '4px'
+        },
+        percentage: {
+            fontSize: '80%',
+            top: '-16px'
+        }
+    },
+    md: {
+        container: {
+            minH: '8px'
+        },
+        percentage: {
+            fontSize: '100%',
+            top: '-20px'
+        }
+    },
+    lg: {
+        container: {
+            minH: '12px'
+        },
+        percentage: {
+            fontSize: '110%',
+            top: '-22px'
+        }
+    },
+    xl: {
+        container: {
+            minH: '16px'
+        },
+        percentage: {
+            fontSize: '120%',
+            top: '-24px'
+        }
+    }
+};
+const variants = {
+    primary: {
+        bg: 'darkBlue.95',
+        color: 'darkBlue.main'
+    },
+    green: {
+        bg: 'landGreen.95',
+        color: 'landGreen.main'
+    },
+    red: {
+        bg: 'energyRed.95',
+        color: 'energyRed.main'
+    }
+};
+exports.default = {
+    baseStyle,
+    defaultProps,
+    sizes,
+    variants
+};

package/dist/cjs/progressCircular/consts.d.ts

@@ -1,12 +1,12 @@
-export declare const absCenterStyles: {
-    position: string;
-    w: string;
-    left: number;
-    right: number;
-    alignItems: string;
-    justifyContent: string;
-    zIndex: number;
-};
-export declare const labelBottom = -16;
-export declare const maxValue = 100;
+export declare const absCenterStyles: {
+    position: string;
+    w: string;
+    left: number;
+    right: number;
+    alignItems: string;
+    justifyContent: string;
+    zIndex: number;
+};
+export declare const labelBottom = -16;
+export declare const maxValue = 100;
 //# sourceMappingURL=consts.d.ts.map

package/dist/cjs/progressCircular/consts.js

@@ -1,14 +1,14 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.maxValue = exports.labelBottom = exports.absCenterStyles = void 0;
-exports.absCenterStyles = {
-    position: 'absolute',
-    w: '100%',
-    left: 0,
-    right: 0,
-    alignItems: 'center',
-    justifyContent: 'center',
-    zIndex: 100
-};
-exports.labelBottom = -16;
-exports.maxValue = 100;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.maxValue = exports.labelBottom = exports.absCenterStyles = void 0;
+exports.absCenterStyles = {
+    position: 'absolute',
+    w: '100%',
+    left: 0,
+    right: 0,
+    alignItems: 'center',
+    justifyContent: 'center',
+    zIndex: 100
+};
+exports.labelBottom = -16;
+exports.maxValue = 100;

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

@@ -1,4 +1,4 @@
-export * from './progressCircular';
-export { default } from './progressCircular';
-export * from './progressCircular.types';
+export * from './progressCircular';
+export { default } from './progressCircular';
+export * from './progressCircular.types';
 //# sourceMappingURL=index.d.ts.map

package/dist/cjs/progressCircular/index.js

@@ -1,24 +1,24 @@
-"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = void 0;
-__exportStar(require("./progressCircular"), exports);
-var progressCircular_1 = require("./progressCircular");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(progressCircular_1).default; } });
-__exportStar(require("./progressCircular.types"), exports);
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+__exportStar(require("./progressCircular"), exports);
+var progressCircular_1 = require("./progressCircular");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(progressCircular_1).default; } });
+__exportStar(require("./progressCircular.types"), exports);

package/dist/cjs/progressCircular/progressCircular.d.ts

@@ -1,6 +1,6 @@
-import { ProgressCircularProps } from './progressCircular.types';
-export declare const ProgressCircularBase: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("..").SystemProps, never>;
-/** [Beta] Indicates a process progress. */
-export declare const ProgressCircular: import("../core").VuiComponent<"div", ProgressCircularProps>;
-export default ProgressCircular;
+import { ProgressCircularProps } from './progressCircular.types';
+export declare const ProgressCircularBase: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("..").SystemProps, never>;
+/** [Beta] Indicates a process progress. */
+export declare const ProgressCircular: import("../core").VuiComponent<"div", ProgressCircularProps>;
+export default ProgressCircular;
 //# sourceMappingURL=progressCircular.d.ts.map

package/dist/cjs/progressCircular/progressCircular.js

@@ -1,83 +1,53 @@
-"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 __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ProgressCircular = exports.ProgressCircularBase = void 0;
-const react_1 = __importStar(require("react"));
-const box_1 = require("../box");
-const core_1 = require("../core");
-const t_1 = require("../t");
-const utils_1 = require("../utils");
-const consts_1 = require("./consts");
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProgressCircular = exports.ProgressCircularBase = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const box_1 = require("../box");
+const core_1 = require("../core");
+const t_1 = require("../t");
+const utils_1 = require("../utils");
+const consts_1 = require("./consts");
 exports.ProgressCircularBase = core_1.styled.divBox `
   display: flex;
   position: relative;
   width: 100%;
-`;
+`;
 const MainCircle = core_1.styled.circle `
   fill: transparent;
-`;
+`;
 const ProgressCircle = (0, core_1.styled)(MainCircle) `
   transform: rotate(-90deg);
   transform-origin: 50% 50%;
   transition: stroke-dashoffset 0.5s ease-out;
-`;
-/** [Beta] Indicates a process progress. */
-exports.ProgressCircular = (0, core_1.vui)((props, ref) => {
-    const { children, className, label, value = 0, showPercentage } = props, rest = __rest(props, ["children", "className", "label", "value", "showPercentage"]);
-    const styles = (0, core_1.useStyleConfig)('ProgressCircular', props);
-    const [progress, setProgress] = (0, react_1.useState)(value);
-    (0, react_1.useEffect)(() => {
-        setProgress(value ? Math.ceil(value) : 0);
-    }, [value]);
-    (0, react_1.useEffect)(() => {
-        const w = !value ? 0 : Math.ceil(value);
-        setProgress(w > consts_1.maxValue ? consts_1.maxValue : w);
-    }, [value]);
-    const radius = consts_1.maxValue / 2 - styles.strokeWidth * 2;
-    const angle = radius * 2 * Math.PI;
-    const offset = angle - (progress / consts_1.maxValue) * angle;
-    return (react_1.default.createElement(exports.ProgressCircularBase, Object.assign({ className: (0, utils_1.cs)('vui-progress-circular', className), ref: ref, w: styles.width }, rest),
-        react_1.default.createElement("svg", { "aria-valuemax": consts_1.maxValue, "aria-valuemin": 0, "aria-valuenow": progress, height: styles.width, role: "meter", version: "1.1", viewBox: "0 0 100 100", width: styles.width, xmlns: "http://www.w3.org/2000/svg" },
-            react_1.default.createElement(MainCircle, { cx: "50", cy: "50", r: radius, stroke: styles.stroke.main, strokeWidth: styles.strokeWidth }),
-            react_1.default.createElement(ProgressCircle, { cx: "50", cy: "50", r: radius, stroke: styles.stroke.progress, strokeDasharray: `${angle} ${angle}`, strokeDashoffset: offset, strokeWidth: styles.strokeWidth })),
-        react_1.default.createElement(box_1.Box, Object.assign({}, consts_1.absCenterStyles, { top: styles.top }), children ? (children) : showPercentage ? (react_1.default.createElement(t_1.T, { color: styles.color, fontSize: styles.fontSize },
-            progress,
-            "%")) : null),
-        !!label && (react_1.default.createElement(box_1.Box, Object.assign({}, consts_1.absCenterStyles, { bottom: consts_1.labelBottom }),
-            react_1.default.createElement(t_1.T, { color: styles.color, fontSize: styles.fontSize }, label)))));
-});
-exports.ProgressCircular.displayName = 'ProgressCircular';
-exports.default = exports.ProgressCircular;
+`;
+/** [Beta] Indicates a process progress. */
+exports.ProgressCircular = (0, core_1.vui)((props, ref) => {
+    const { children, className, label, value = 0, showPercentage } = props, rest = __rest(props, ["children", "className", "label", "value", "showPercentage"]);
+    const styles = (0, core_1.useStyleConfig)('ProgressCircular', props);
+    const [progress, setProgress] = (0, react_1.useState)(value);
+    (0, react_1.useEffect)(() => {
+        setProgress(value ? Math.ceil(value) : 0);
+    }, [value]);
+    (0, react_1.useEffect)(() => {
+        const w = !value ? 0 : Math.ceil(value);
+        setProgress(w > consts_1.maxValue ? consts_1.maxValue : w);
+    }, [value]);
+    const radius = consts_1.maxValue / 2 - styles.strokeWidth * 2;
+    const angle = radius * 2 * Math.PI;
+    const offset = angle - (progress / consts_1.maxValue) * angle;
+    return ((0, jsx_runtime_1.jsxs)(exports.ProgressCircularBase, Object.assign({ className: (0, utils_1.cs)('vui-progress-circular', className), ref: ref, w: styles.width }, rest, { children: [(0, jsx_runtime_1.jsxs)("svg", { "aria-valuemax": consts_1.maxValue, "aria-valuemin": 0, "aria-valuenow": progress, height: styles.width, role: "meter", version: "1.1", viewBox: "0 0 100 100", width: styles.width, xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)(MainCircle, { cx: "50", cy: "50", r: radius, stroke: styles.stroke.main, strokeWidth: styles.strokeWidth }), (0, jsx_runtime_1.jsx)(ProgressCircle, { cx: "50", cy: "50", r: radius, stroke: styles.stroke.progress, strokeDasharray: `${angle} ${angle}`, strokeDashoffset: offset, strokeWidth: styles.strokeWidth })] }), (0, jsx_runtime_1.jsx)(box_1.Box, Object.assign({}, consts_1.absCenterStyles, { top: styles.top, children: children ? (children) : showPercentage ? ((0, jsx_runtime_1.jsxs)(t_1.T, { color: styles.color, fontSize: styles.fontSize, children: [progress, "%"] })) : null })), !!label && ((0, jsx_runtime_1.jsx)(box_1.Box, Object.assign({}, consts_1.absCenterStyles, { bottom: consts_1.labelBottom, children: (0, jsx_runtime_1.jsx)(t_1.T, { color: styles.color, fontSize: styles.fontSize, children: label }) })))] })));
+});
+exports.ProgressCircular.displayName = 'ProgressCircular';
+exports.default = exports.ProgressCircular;

package/dist/cjs/progressCircular/progressCircular.types.d.ts

@@ -1,8 +1,8 @@
-import { SystemProps } from '../system';
-import { ThemingProps } from '../theme';
-export type ProgressCircularProps = SystemProps & ThemingProps<'ProgressCircular'> & {
-    label?: string;
-    value?: number;
-    showPercentage?: boolean;
-};
+import { SystemProps } from '../system';
+import { ThemingProps } from '../theme';
+export type ProgressCircularProps = SystemProps & ThemingProps<'ProgressCircular'> & {
+    label?: string;
+    value?: number;
+    showPercentage?: boolean;
+};
 //# sourceMappingURL=progressCircular.types.d.ts.map