@gobolt/genesis 0.1.1 → 0.1.3

package/dist/components/Progress/styles.js

@@ -1,16 +1,16 @@
-import { d as me } from "../../styled-components.browser.esm-CZ1XM4o4.js";
-import * as s from "react";
+import { d as me } from "../../styled-components.browser.esm-C47QHsU4.js";
+import * as i from "react";
 import { useRef as re, useEffect as ye } from "react";
-import { R as he } from "../../CheckCircleFilled-BKgizvyl.js";
-import { R as Ce } from "../../CheckOutlined-cEBrx_Ag.js";
-import { R as ve } from "../../CloseCircleFilled-B9e7yFwo.js";
-import { R as be } from "../../CloseOutlined-ogxnm7Oy.js";
-import { c as $e, a as Se, f as V, _ as ne, g as ke, d as xe, e as M, p as ee, F as Ee } from "../../presets-Djh_L_6R.js";
+import { a as ve, d as he, f as V, _ as oe, g as Ce, e as be, c as M, p as ee, F as $e } from "../../presets-CSXMiWyc.js";
+import { R as Se } from "../../CheckCircleFilled-B-wrMduA.js";
+import { R as ke } from "../../CheckOutlined-DTEHi_xG.js";
+import { R as xe } from "../../CloseCircleFilled-WEQ0SaSW.js";
+import { R as Ee } from "../../CloseOutlined-DzgBOns1.js";
 import { o as Pe } from "../../omit-B_u6A-HL.js";
-import { j as we, m as Ne, k as Oe, f as Ie, g as le, C as _e } from "../../index-BbTV2Cw5.js";
-import { T as De } from "../../index-DWjq9XYj.js";
-import { K as je } from "../../Keyframes-C9_aCDvn.js";
-import "../../index-DLdU7Tpd.js";
+import { d as le } from "../../index-DCopujxC.js";
+import { T as we } from "../../index-Y0KgiFZb.js";
+import { g as Ne, m as Oe, j as Ie, f as _e, C as De } from "../../CSSMotionList-DB0khM6h.js";
+import { K as je } from "../../Keyframes-CyO2Aeq-.js";
 var We = {
   percent: 0,
   prefixCls: "rc-progress",
@@ -23,89 +23,89 @@ var We = {
 }, Ae = function() {
   var t = re([]), r = re(null);
   return ye(function() {
-    var n = Date.now(), o = !1;
+    var o = Date.now(), n = !1;
     t.current.forEach(function(a) {
       if (a) {
-        o = !0;
-        var i = a.style;
-        i.transitionDuration = ".3s, .3s, .3s, .06s", r.current && n - r.current < 100 && (i.transitionDuration = "0s, 0s");
+        n = !0;
+        var s = a.style;
+        s.transitionDuration = ".3s, .3s, .3s, .06s", r.current && o - r.current < 100 && (s.transitionDuration = "0s, 0s");
       }
-    }), o && (r.current = Date.now());
+    }), n && (r.current = Date.now());
   }), t.current;
 };
 process.env.NODE_ENV;
-var oe = 0, Le = process.env.NODE_ENV !== "test" && $e();
+var ne = 0, Le = process.env.NODE_ENV !== "test" && he();
 function Re() {
   var e;
-  return Le ? (e = oe, oe += 1) : e = "TEST_OR_SSR", e;
+  return Le ? (e = ne, ne += 1) : e = "TEST_OR_SSR", e;
 }
 const Te = function(e) {
-  var t = s.useState(), r = Se(t, 2), n = r[0], o = r[1];
-  return s.useEffect(function() {
-    o("rc_progress_".concat(Re()));
-  }, []), e || n;
+  var t = i.useState(), r = ve(t, 2), o = r[0], n = r[1];
+  return i.useEffect(function() {
+    n("rc_progress_".concat(Re()));
+  }, []), e || o;
 };
 var se = function(t) {
-  var r = t.bg, n = t.children;
-  return /* @__PURE__ */ s.createElement("div", {
+  var r = t.bg, o = t.children;
+  return /* @__PURE__ */ i.createElement("div", {
     style: {
       width: "100%",
       height: "100%",
       background: r
     }
-  }, n);
+  }, o);
 };
 function ie(e, t) {
   return Object.keys(e).map(function(r) {
-    var n = parseFloat(r), o = "".concat(Math.floor(n * t), "%");
-    return "".concat(e[r], " ").concat(o);
+    var o = parseFloat(r), n = "".concat(Math.floor(o * t), "%");
+    return "".concat(e[r], " ").concat(n);
   });
 }
-var de = /* @__PURE__ */ s.forwardRef(function(e, t) {
-  var r = e.prefixCls, n = e.color, o = e.gradientId, a = e.radius, i = e.style, l = e.ptg, c = e.strokeLinecap, f = e.strokeWidth, d = e.size, g = e.gapDegree, p = n && V(n) === "object", v = p ? "#FFF" : void 0, m = d / 2, C = /* @__PURE__ */ s.createElement("circle", {
+var de = /* @__PURE__ */ i.forwardRef(function(e, t) {
+  var r = e.prefixCls, o = e.color, n = e.gradientId, a = e.radius, s = e.style, l = e.ptg, c = e.strokeLinecap, f = e.strokeWidth, d = e.size, g = e.gapDegree, m = o && V(o) === "object", h = m ? "#FFF" : void 0, v = d / 2, C = /* @__PURE__ */ i.createElement("circle", {
     className: "".concat(r, "-circle-path"),
     r: a,
-    cx: m,
-    cy: m,
-    stroke: v,
+    cx: v,
+    cy: v,
+    stroke: h,
     strokeLinecap: c,
     strokeWidth: f,
     opacity: l === 0 ? 0 : 1,
-    style: i,
+    style: s,
     ref: t
   });
-  if (!p)
+  if (!m)
     return C;
-  var y = "".concat(o, "-conic"), b = g ? "".concat(180 + g / 2, "deg") : "0deg", h = ie(n, (360 - g) / 360), I = ie(n, 1), P = "conic-gradient(from ".concat(b, ", ").concat(h.join(", "), ")"), $ = "linear-gradient(to ".concat(g ? "bottom" : "top", ", ").concat(I.join(", "), ")");
-  return /* @__PURE__ */ s.createElement(s.Fragment, null, /* @__PURE__ */ s.createElement("mask", {
-    id: y
-  }, C), /* @__PURE__ */ s.createElement("foreignObject", {
+  var S = "".concat(n, "-conic"), p = g ? "".concat(180 + g / 2, "deg") : "0deg", y = ie(o, (360 - g) / 360), I = ie(o, 1), P = "conic-gradient(from ".concat(p, ", ").concat(y.join(", "), ")"), b = "linear-gradient(to ".concat(g ? "bottom" : "top", ", ").concat(I.join(", "), ")");
+  return /* @__PURE__ */ i.createElement(i.Fragment, null, /* @__PURE__ */ i.createElement("mask", {
+    id: S
+  }, C), /* @__PURE__ */ i.createElement("foreignObject", {
     x: 0,
     y: 0,
     width: d,
     height: d,
-    mask: "url(#".concat(y, ")")
-  }, /* @__PURE__ */ s.createElement(se, {
-    bg: $
-  }, /* @__PURE__ */ s.createElement(se, {
+    mask: "url(#".concat(S, ")")
+  }, /* @__PURE__ */ i.createElement(se, {
+    bg: b
+  }, /* @__PURE__ */ i.createElement(se, {
     bg: P
   }))));
 });
 process.env.NODE_ENV !== "production" && (de.displayName = "PtgCircle");
-var G = 100, J = function(t, r, n, o, a, i, l, c, f, d) {
-  var g = arguments.length > 10 && arguments[10] !== void 0 ? arguments[10] : 0, p = n / 100 * 360 * ((360 - i) / 360), v = i === 0 ? 0 : {
+var G = 100, J = function(t, r, o, n, a, s, l, c, f, d) {
+  var g = arguments.length > 10 && arguments[10] !== void 0 ? arguments[10] : 0, m = o / 100 * 360 * ((360 - s) / 360), h = s === 0 ? 0 : {
     bottom: 0,
     top: 180,
     left: 90,
     right: -90
-  }[l], m = (100 - o) / 100 * r;
-  f === "round" && o !== 100 && (m += d / 2, m >= r && (m = r - 0.01));
+  }[l], v = (100 - n) / 100 * r;
+  f === "round" && n !== 100 && (v += d / 2, v >= r && (v = r - 0.01));
   var C = G / 2;
   return {
     stroke: typeof c == "string" ? c : void 0,
     strokeDasharray: "".concat(r, "px ").concat(t),
-    strokeDashoffset: m + g,
-    transform: "rotate(".concat(a + p + v, "deg)"),
+    strokeDashoffset: v + g,
+    transform: "rotate(".concat(a + m + h, "deg)"),
     transformOrigin: "".concat(C, "px ").concat(C, "px"),
     transition: "stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s",
     fillOpacity: 0
@@ -116,25 +116,25 @@ function ce(e) {
   return Array.isArray(t) ? t : [t];
 }
 var ue = function(t) {
-  var r = ne(ne({}, We), t), n = r.id, o = r.prefixCls, a = r.steps, i = r.strokeWidth, l = r.trailWidth, c = r.gapDegree, f = c === void 0 ? 0 : c, d = r.gapPosition, g = r.trailColor, p = r.strokeLinecap, v = r.style, m = r.className, C = r.strokeColor, y = r.percent, b = ke(r, Me), h = G / 2, I = Te(n), P = "".concat(I, "-gradient"), $ = h - i / 2, S = Math.PI * 2 * $, O = f > 0 ? 90 + f / 2 : -90, x = S * ((360 - f) / 360), w = V(a) === "object" ? a : {
+  var r = oe(oe({}, We), t), o = r.id, n = r.prefixCls, a = r.steps, s = r.strokeWidth, l = r.trailWidth, c = r.gapDegree, f = c === void 0 ? 0 : c, d = r.gapPosition, g = r.trailColor, m = r.strokeLinecap, h = r.style, v = r.className, C = r.strokeColor, S = r.percent, p = Ce(r, Me), y = G / 2, I = Te(o), P = "".concat(I, "-gradient"), b = y - s / 2, $ = Math.PI * 2 * b, O = f > 0 ? 90 + f / 2 : -90, x = $ * ((360 - f) / 360), w = V(a) === "object" ? a : {
     count: a,
     gap: 2
-  }, u = w.count, B = w.gap, z = ce(y), j = ce(C), W = j.find(function(N) {
+  }, u = w.count, B = w.gap, z = ce(S), j = ce(C), W = j.find(function(N) {
     return N && V(N) === "object";
-  }), A = W && V(W) === "object", _ = A ? "butt" : p, F = J(S, x, 0, 100, O, f, d, g, _, i), H = Ae(), k = function() {
+  }), A = W && V(W) === "object", _ = A ? "butt" : m, F = J($, x, 0, 100, O, f, d, g, _, s), H = Ae(), k = function() {
     var R = 0;
     return z.map(function(L, T) {
-      var Y = j[T] || j[j.length - 1], X = J(S, x, R, L, O, f, d, Y, _, i);
-      return R += L, /* @__PURE__ */ s.createElement(de, {
+      var Y = j[T] || j[j.length - 1], X = J($, x, R, L, O, f, d, Y, _, s);
+      return R += L, /* @__PURE__ */ i.createElement(de, {
         key: T,
         color: Y,
         ptg: L,
-        radius: $,
-        prefixCls: o,
+        radius: b,
+        prefixCls: n,
         gradientId: P,
         style: X,
         strokeLinecap: _,
-        strokeWidth: i,
+        strokeWidth: s,
         gapDegree: f,
         ref: function(Z) {
           H[T] = Z;
@@ -145,15 +145,15 @@ var ue = function(t) {
   }, E = function() {
     var R = Math.round(u * (z[0] / 100)), L = 100 / u, T = 0;
     return new Array(u).fill(null).map(function(Y, X) {
-      var K = X <= R - 1 ? j[0] : g, Z = K && V(K) === "object" ? "url(#".concat(P, ")") : void 0, te = J(S, x, T, L, O, f, d, K, "butt", i, B);
-      return T += (x - te.strokeDashoffset + B) * 100 / x, /* @__PURE__ */ s.createElement("circle", {
+      var K = X <= R - 1 ? j[0] : g, Z = K && V(K) === "object" ? "url(#".concat(P, ")") : void 0, te = J($, x, T, L, O, f, d, K, "butt", s, B);
+      return T += (x - te.strokeDashoffset + B) * 100 / x, /* @__PURE__ */ i.createElement("circle", {
         key: X,
-        className: "".concat(o, "-circle-path"),
-        r: $,
-        cx: h,
-        cy: h,
+        className: "".concat(n, "-circle-path"),
+        r: b,
+        cx: y,
+        cy: y,
         stroke: Z,
-        strokeWidth: i,
+        strokeWidth: s,
         opacity: 1,
         style: te,
         ref: function(pe) {
@@ -162,20 +162,20 @@ var ue = function(t) {
       });
     });
   };
-  return /* @__PURE__ */ s.createElement("svg", xe({
-    className: M("".concat(o, "-circle"), m),
+  return /* @__PURE__ */ i.createElement("svg", be({
+    className: M("".concat(n, "-circle"), v),
     viewBox: "0 0 ".concat(G, " ").concat(G),
-    style: v,
-    id: n,
+    style: h,
+    id: o,
     role: "presentation"
-  }, b), !u && /* @__PURE__ */ s.createElement("circle", {
-    className: "".concat(o, "-circle-trail"),
-    r: $,
-    cx: h,
-    cy: h,
+  }, p), !u && /* @__PURE__ */ i.createElement("circle", {
+    className: "".concat(n, "-circle-trail"),
+    r: b,
+    cx: y,
+    cy: y,
     stroke: g,
     strokeLinecap: _,
-    strokeWidth: l || i,
+    strokeWidth: l || s,
     style: F
   }), u ? E() : k());
 };
@@ -187,31 +187,31 @@ function U(e) {
   let {
     success: t,
     successPercent: r
-  } = e, n = r;
-  return t && "progress" in t && (n = t.progress), t && "percent" in t && (n = t.percent), n;
+  } = e, o = r;
+  return t && "progress" in t && (o = t.progress), t && "percent" in t && (o = t.percent), o;
 }
 const Be = (e) => {
   let {
     percent: t,
     success: r,
-    successPercent: n
+    successPercent: o
   } = e;
-  const o = D(U({
+  const n = D(U({
     success: r,
-    successPercent: n
+    successPercent: o
   }));
-  return [o, D(D(t) - o)];
+  return [n, D(D(t) - n)];
 }, Fe = (e) => {
   let {
     success: t = {},
     strokeColor: r
   } = e;
   const {
-    strokeColor: n
+    strokeColor: o
   } = t;
-  return [n || ee.green, r || null];
+  return [o || ee.green, r || null];
 }, Q = (e, t, r) => {
-  var n, o, a, i;
+  var o, n, a, s;
   let l = -1, c = -1;
   if (t === "step") {
     const f = r.steps, d = r.strokeWidth;
@@ -219,56 +219,56 @@ const Be = (e) => {
   } else if (t === "line") {
     const f = r == null ? void 0 : r.strokeWidth;
     typeof e == "string" || typeof e > "u" ? c = f || (e === "small" ? 6 : 8) : typeof e == "number" ? [l, c] = [e, e] : [l = -1, c = 8] = Array.isArray(e) ? e : [e.width, e.height];
-  } else (t === "circle" || t === "dashboard") && (typeof e == "string" || typeof e > "u" ? [l, c] = e === "small" ? [60, 60] : [120, 120] : typeof e == "number" ? [l, c] = [e, e] : Array.isArray(e) && (l = (o = (n = e[0]) !== null && n !== void 0 ? n : e[1]) !== null && o !== void 0 ? o : 120, c = (i = (a = e[0]) !== null && a !== void 0 ? a : e[1]) !== null && i !== void 0 ? i : 120));
+  } else (t === "circle" || t === "dashboard") && (typeof e == "string" || typeof e > "u" ? [l, c] = e === "small" ? [60, 60] : [120, 120] : typeof e == "number" ? [l, c] = [e, e] : Array.isArray(e) && (l = (n = (o = e[0]) !== null && o !== void 0 ? o : e[1]) !== null && n !== void 0 ? n : 120, c = (s = (a = e[0]) !== null && a !== void 0 ? a : e[1]) !== null && s !== void 0 ? s : 120));
   return [l, c];
 }, Xe = 3, Ve = (e) => Xe / e * 100, Ge = (e) => {
   const {
     prefixCls: t,
     trailColor: r = null,
-    strokeLinecap: n = "round",
-    gapPosition: o,
+    strokeLinecap: o = "round",
+    gapPosition: n,
     gapDegree: a,
-    width: i = 120,
+    width: s = 120,
     type: l,
     children: c,
     success: f,
-    size: d = i,
+    size: d = s,
     steps: g
-  } = e, [p, v] = Q(d, "circle");
+  } = e, [m, h] = Q(d, "circle");
   let {
-    strokeWidth: m
+    strokeWidth: v
   } = e;
-  m === void 0 && (m = Math.max(Ve(p), 6));
+  v === void 0 && (v = Math.max(Ve(m), 6));
   const C = {
-    width: p,
-    height: v,
-    fontSize: p * 0.15 + 6
-  }, y = s.useMemo(() => {
+    width: m,
+    height: h,
+    fontSize: m * 0.15 + 6
+  }, S = i.useMemo(() => {
     if (a || a === 0)
       return a;
     if (l === "dashboard")
       return 75;
-  }, [a, l]), b = Be(e), h = o || l === "dashboard" && "bottom" || void 0, I = Object.prototype.toString.call(e.strokeColor) === "[object Object]", P = Fe({
+  }, [a, l]), p = Be(e), y = n || l === "dashboard" && "bottom" || void 0, I = Object.prototype.toString.call(e.strokeColor) === "[object Object]", P = Fe({
     success: f,
     strokeColor: e.strokeColor
-  }), $ = M(`${t}-inner`, {
+  }), b = M(`${t}-inner`, {
     [`${t}-circle-gradient`]: I
-  }), S = /* @__PURE__ */ s.createElement(ue, {
+  }), $ = /* @__PURE__ */ i.createElement(ue, {
     steps: g,
-    percent: g ? b[1] : b,
-    strokeWidth: m,
-    trailWidth: m,
+    percent: g ? p[1] : p,
+    strokeWidth: v,
+    trailWidth: v,
     strokeColor: g ? P[1] : P,
-    strokeLinecap: n,
+    strokeLinecap: o,
     trailColor: r,
     prefixCls: t,
-    gapDegree: y,
-    gapPosition: h
-  }), O = p <= 20, x = /* @__PURE__ */ s.createElement("div", {
-    className: $,
+    gapDegree: S,
+    gapPosition: y
+  }), O = m <= 20, x = /* @__PURE__ */ i.createElement("div", {
+    className: b,
     style: C
-  }, S, !O && c);
-  return O ? /* @__PURE__ */ s.createElement(De, {
+  }, $, !O && c);
+  return O ? /* @__PURE__ */ i.createElement(we, {
     title: c
   }, x) : x;
 }, q = "--progress-line-stroke-color", fe = "--progress-percent", ae = (e) => {
@@ -293,7 +293,7 @@ const Be = (e) => {
     iconCls: r
   } = e;
   return {
-    [t]: Object.assign(Object.assign({}, Oe(e)), {
+    [t]: Object.assign(Object.assign({}, Ie(e)), {
       display: "inline-block",
       "&-rtl": {
         direction: "rtl"
@@ -400,7 +400,7 @@ const Be = (e) => {
         width: "100%",
         height: "100%",
         marginInlineStart: 0,
-        padding: `0 ${Ie(e.paddingXXS)}`,
+        padding: `0 ${_e(e.paddingXXS)}`,
         [`&${t}-text-start`]: {
           justifyContent: "start"
         },
@@ -551,8 +551,8 @@ const Be = (e) => {
   // magic for capsule shape, should be a very large number
   circleTextFontSize: "1em",
   circleIconFontSize: `${e.fontSize / e.fontSizeSM}em`
-}), Qe = we("Progress", (e) => {
-  const t = e.calc(e.marginXXS).div(2).equal(), r = Ne(e, {
+}), Qe = Ne("Progress", (e) => {
+  const t = e.calc(e.marginXXS).div(2).equal(), r = Oe(e, {
     progressStepMarginInlineEnd: t,
     progressStepMinWidth: t,
     progressActiveMotionDuration: "2.4s"
@@ -561,64 +561,64 @@ const Be = (e) => {
 }, qe);
 var Ye = function(e, t) {
   var r = {};
-  for (var n in e) Object.prototype.hasOwnProperty.call(e, n) && t.indexOf(n) < 0 && (r[n] = e[n]);
-  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var o = 0, n = Object.getOwnPropertySymbols(e); o < n.length; o++)
-    t.indexOf(n[o]) < 0 && Object.prototype.propertyIsEnumerable.call(e, n[o]) && (r[n[o]] = e[n[o]]);
+  for (var o in e) Object.prototype.hasOwnProperty.call(e, o) && t.indexOf(o) < 0 && (r[o] = e[o]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var n = 0, o = Object.getOwnPropertySymbols(e); n < o.length; n++)
+    t.indexOf(o[n]) < 0 && Object.prototype.propertyIsEnumerable.call(e, o[n]) && (r[o[n]] = e[o[n]]);
   return r;
 };
 const Ze = (e) => {
   let t = [];
   return Object.keys(e).forEach((r) => {
-    const n = parseFloat(r.replace(/%/g, ""));
-    Number.isNaN(n) || t.push({
-      key: n,
+    const o = parseFloat(r.replace(/%/g, ""));
+    Number.isNaN(o) || t.push({
+      key: o,
       value: e[r]
     });
-  }), t = t.sort((r, n) => r.key - n.key), t.map((r) => {
+  }), t = t.sort((r, o) => r.key - o.key), t.map((r) => {
     let {
-      key: n,
-      value: o
+      key: o,
+      value: n
     } = r;
-    return `${o} ${n}%`;
+    return `${n} ${o}%`;
   }).join(", ");
 }, Je = (e, t) => {
   const {
     from: r = ee.blue,
-    to: n = ee.blue,
-    direction: o = t === "rtl" ? "to left" : "to right"
+    to: o = ee.blue,
+    direction: n = t === "rtl" ? "to left" : "to right"
   } = e, a = Ye(e, ["from", "to", "direction"]);
   if (Object.keys(a).length !== 0) {
-    const l = Ze(a), c = `linear-gradient(${o}, ${l})`;
+    const l = Ze(a), c = `linear-gradient(${n}, ${l})`;
     return {
       background: c,
       [q]: c
     };
   }
-  const i = `linear-gradient(${o}, ${r}, ${n})`;
+  const s = `linear-gradient(${n}, ${r}, ${o})`;
   return {
-    background: i,
-    [q]: i
+    background: s,
+    [q]: s
   };
 }, et = (e) => {
   const {
     prefixCls: t,
     direction: r,
-    percent: n,
-    size: o,
+    percent: o,
+    size: n,
     strokeWidth: a,
-    strokeColor: i,
+    strokeColor: s,
     strokeLinecap: l = "round",
     children: c,
     trailColor: f = null,
     percentPosition: d,
     success: g
   } = e, {
-    align: p,
-    type: v
-  } = d, m = i && typeof i != "string" ? Je(i, r) : {
-    [q]: i,
-    background: i
-  }, C = l === "square" || l === "butt" ? 0 : void 0, y = o ?? [-1, a || (o === "small" ? 6 : 8)], [b, h] = Q(y, "line", {
+    align: m,
+    type: h
+  } = d, v = s && typeof s != "string" ? Je(s, r) : {
+    [q]: s,
+    background: s
+  }, C = l === "square" || l === "butt" ? 0 : void 0, S = n ?? [-1, a || (n === "small" ? 6 : 8)], [p, y] = Q(S, "line", {
     strokeWidth: a
   });
   process.env.NODE_ENV !== "production" && le("Progress").deprecated(!("strokeWidth" in e), "strokeWidth", "size");
@@ -626,31 +626,31 @@ const Ze = (e) => {
     backgroundColor: f || void 0,
     borderRadius: C
   }, P = Object.assign(Object.assign({
-    width: `${D(n)}%`,
-    height: h,
+    width: `${D(o)}%`,
+    height: y,
     borderRadius: C
-  }, m), {
-    [fe]: D(n) / 100
-  }), $ = U(e), S = {
-    width: `${D($)}%`,
-    height: h,
+  }, v), {
+    [fe]: D(o) / 100
+  }), b = U(e), $ = {
+    width: `${D(b)}%`,
+    height: y,
     borderRadius: C,
     backgroundColor: g == null ? void 0 : g.strokeColor
   }, O = {
-    width: b < 0 ? "100%" : b
-  }, x = /* @__PURE__ */ s.createElement("div", {
+    width: p < 0 ? "100%" : p
+  }, x = /* @__PURE__ */ i.createElement("div", {
     className: `${t}-inner`,
     style: I
-  }, /* @__PURE__ */ s.createElement("div", {
-    className: M(`${t}-bg`, `${t}-bg-${v}`),
+  }, /* @__PURE__ */ i.createElement("div", {
+    className: M(`${t}-bg`, `${t}-bg-${h}`),
     style: P
-  }, v === "inner" && c), $ !== void 0 && /* @__PURE__ */ s.createElement("div", {
+  }, h === "inner" && c), b !== void 0 && /* @__PURE__ */ i.createElement("div", {
     className: `${t}-success-bg`,
-    style: S
-  })), w = v === "outer" && p === "start", u = v === "outer" && p === "end";
-  return v === "outer" && p === "center" ? /* @__PURE__ */ s.createElement("div", {
+    style: $
+  })), w = h === "outer" && m === "start", u = h === "outer" && m === "end";
+  return h === "outer" && m === "center" ? /* @__PURE__ */ i.createElement("div", {
     className: `${t}-layout-bottom`
-  }, x, c) : /* @__PURE__ */ s.createElement("div", {
+  }, x, c) : /* @__PURE__ */ i.createElement("div", {
     className: `${t}-outer`,
     style: O
   }, w && c, x, u && c);
@@ -658,136 +658,139 @@ const Ze = (e) => {
   const {
     size: t,
     steps: r,
+    rounding: o = Math.round,
     percent: n = 0,
-    strokeWidth: o = 8,
-    strokeColor: a,
-    trailColor: i = null,
-    prefixCls: l,
-    children: c
-  } = e, f = Math.round(r * (n / 100)), g = t ?? [t === "small" ? 2 : 14, o], [p, v] = Q(g, "step", {
+    strokeWidth: a = 8,
+    strokeColor: s,
+    trailColor: l = null,
+    prefixCls: c,
+    children: f
+  } = e, d = o(r * (n / 100)), m = t ?? [t === "small" ? 2 : 14, a], [h, v] = Q(m, "step", {
     steps: r,
-    strokeWidth: o
-  }), m = p / r, C = new Array(r);
-  for (let y = 0; y < r; y++) {
-    const b = Array.isArray(a) ? a[y] : a;
-    C[y] = /* @__PURE__ */ s.createElement("div", {
-      key: y,
-      className: M(`${l}-steps-item`, {
-        [`${l}-steps-item-active`]: y <= f - 1
+    strokeWidth: a
+  }), C = h / r, S = Array.from({
+    length: r
+  });
+  for (let p = 0; p < r; p++) {
+    const y = Array.isArray(s) ? s[p] : s;
+    S[p] = /* @__PURE__ */ i.createElement("div", {
+      key: p,
+      className: M(`${c}-steps-item`, {
+        [`${c}-steps-item-active`]: p <= d - 1
       }),
       style: {
-        backgroundColor: y <= f - 1 ? b : i,
-        width: m,
+        backgroundColor: p <= d - 1 ? y : l,
+        width: C,
         height: v
       }
     });
   }
-  return /* @__PURE__ */ s.createElement("div", {
-    className: `${l}-steps-outer`
-  }, C, c);
+  return /* @__PURE__ */ i.createElement("div", {
+    className: `${c}-steps-outer`
+  }, S, f);
 };
 var rt = function(e, t) {
   var r = {};
-  for (var n in e) Object.prototype.hasOwnProperty.call(e, n) && t.indexOf(n) < 0 && (r[n] = e[n]);
-  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var o = 0, n = Object.getOwnPropertySymbols(e); o < n.length; o++)
-    t.indexOf(n[o]) < 0 && Object.prototype.propertyIsEnumerable.call(e, n[o]) && (r[n[o]] = e[n[o]]);
+  for (var o in e) Object.prototype.hasOwnProperty.call(e, o) && t.indexOf(o) < 0 && (r[o] = e[o]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var n = 0, o = Object.getOwnPropertySymbols(e); n < o.length; n++)
+    t.indexOf(o[n]) < 0 && Object.prototype.propertyIsEnumerable.call(e, o[n]) && (r[o[n]] = e[o[n]]);
   return r;
 };
-const nt = ["normal", "exception", "active", "success"], ge = /* @__PURE__ */ s.forwardRef((e, t) => {
+const ot = ["normal", "exception", "active", "success"], ge = /* @__PURE__ */ i.forwardRef((e, t) => {
   const {
     prefixCls: r,
-    className: n,
-    rootClassName: o,
+    className: o,
+    rootClassName: n,
     steps: a,
-    strokeColor: i,
+    strokeColor: s,
     percent: l = 0,
     size: c = "default",
     showInfo: f = !0,
     type: d = "line",
     status: g,
-    format: p,
-    style: v,
-    percentPosition: m = {}
+    format: m,
+    style: h,
+    percentPosition: v = {}
   } = e, C = rt(e, ["prefixCls", "className", "rootClassName", "steps", "strokeColor", "percent", "size", "showInfo", "type", "status", "format", "style", "percentPosition"]), {
-    align: y = "end",
-    type: b = "outer"
-  } = m, h = Array.isArray(i) ? i[0] : i, I = typeof i == "string" || Array.isArray(i) ? i : void 0, P = s.useMemo(() => {
-    if (h) {
-      const k = typeof h == "string" ? h : Object.values(h)[0];
-      return new Ee(k).isLight();
+    align: S = "end",
+    type: p = "outer"
+  } = v, y = Array.isArray(s) ? s[0] : s, I = typeof s == "string" || Array.isArray(s) ? s : void 0, P = i.useMemo(() => {
+    if (y) {
+      const k = typeof y == "string" ? y : Object.values(y)[0];
+      return new $e(k).isLight();
     }
     return !1;
-  }, [i]), $ = s.useMemo(() => {
+  }, [s]), b = i.useMemo(() => {
     var k, E;
     const N = U(e);
     return parseInt(N !== void 0 ? (k = N ?? 0) === null || k === void 0 ? void 0 : k.toString() : (E = l ?? 0) === null || E === void 0 ? void 0 : E.toString(), 10);
-  }, [l, e.success, e.successPercent]), S = s.useMemo(() => !nt.includes(g) && $ >= 100 ? "success" : g || "normal", [g, $]), {
+  }, [l, e.success, e.successPercent]), $ = i.useMemo(() => !ot.includes(g) && b >= 100 ? "success" : g || "normal", [g, b]), {
     getPrefixCls: O,
     direction: x,
     progress: w
-  } = s.useContext(_e), u = O("progress", r), [B, z, j] = Qe(u), W = d === "line", A = W && !a, _ = s.useMemo(() => {
+  } = i.useContext(De), u = O("progress", r), [B, z, j] = Qe(u), W = d === "line", A = W && !a, _ = i.useMemo(() => {
     if (!f)
       return null;
     const k = U(e);
     let E;
-    const N = p || ((L) => `${L}%`), R = W && P && b === "inner";
-    return b === "inner" || p || S !== "exception" && S !== "success" ? E = N(D(l), D(k)) : S === "exception" ? E = W ? /* @__PURE__ */ s.createElement(ve, null) : /* @__PURE__ */ s.createElement(be, null) : S === "success" && (E = W ? /* @__PURE__ */ s.createElement(he, null) : /* @__PURE__ */ s.createElement(Ce, null)), /* @__PURE__ */ s.createElement("span", {
+    const N = m || ((L) => `${L}%`), R = W && P && p === "inner";
+    return p === "inner" || m || $ !== "exception" && $ !== "success" ? E = N(D(l), D(k)) : $ === "exception" ? E = W ? /* @__PURE__ */ i.createElement(xe, null) : /* @__PURE__ */ i.createElement(Ee, null) : $ === "success" && (E = W ? /* @__PURE__ */ i.createElement(Se, null) : /* @__PURE__ */ i.createElement(ke, null)), /* @__PURE__ */ i.createElement("span", {
       className: M(`${u}-text`, {
         [`${u}-text-bright`]: R,
-        [`${u}-text-${y}`]: A,
-        [`${u}-text-${b}`]: A
+        [`${u}-text-${S}`]: A,
+        [`${u}-text-${p}`]: A
       }),
       title: typeof E == "string" ? E : void 0
     }, E);
-  }, [f, l, $, S, d, u, p]);
+  }, [f, l, b, $, d, u, m]);
   if (process.env.NODE_ENV !== "production") {
     const k = le("Progress");
     k.deprecated(!("successPercent" in e), "successPercent", "success.percent"), k.deprecated(!("width" in e), "width", "size"), (d === "circle" || d === "dashboard") && (Array.isArray(c) ? process.env.NODE_ENV !== "production" && k(!1, "usage", 'Type "circle" and "dashboard" do not accept array as `size`, please use number or preset size instead.') : typeof c == "object" && process.env.NODE_ENV !== "production" && k(!1, "usage", 'Type "circle" and "dashboard" do not accept object as `size`, please use number or preset size instead.')), e.success && "progress" in e.success && k.deprecated(!1, "success.progress", "success.percent");
   }
   let F;
-  d === "line" ? F = a ? /* @__PURE__ */ s.createElement(tt, Object.assign({}, e, {
+  d === "line" ? F = a ? /* @__PURE__ */ i.createElement(tt, Object.assign({}, e, {
     strokeColor: I,
     prefixCls: u,
     steps: typeof a == "object" ? a.count : a
-  }), _) : /* @__PURE__ */ s.createElement(et, Object.assign({}, e, {
-    strokeColor: h,
+  }), _) : /* @__PURE__ */ i.createElement(et, Object.assign({}, e, {
+    strokeColor: y,
     prefixCls: u,
     direction: x,
     percentPosition: {
-      align: y,
-      type: b
+      align: S,
+      type: p
     }
-  }), _) : (d === "circle" || d === "dashboard") && (F = /* @__PURE__ */ s.createElement(Ge, Object.assign({}, e, {
-    strokeColor: h,
+  }), _) : (d === "circle" || d === "dashboard") && (F = /* @__PURE__ */ i.createElement(Ge, Object.assign({}, e, {
+    strokeColor: y,
     prefixCls: u,
-    progressStatus: S
+    progressStatus: $
   }), _));
-  const H = M(u, `${u}-status-${S}`, {
+  const H = M(u, `${u}-status-${$}`, {
     [`${u}-${d === "dashboard" && "circle" || d}`]: d !== "line",
     [`${u}-inline-circle`]: d === "circle" && Q(c, "circle")[0] <= 20,
     [`${u}-line`]: A,
-    [`${u}-line-align-${y}`]: A,
-    [`${u}-line-position-${b}`]: A,
+    [`${u}-line-align-${S}`]: A,
+    [`${u}-line-position-${p}`]: A,
     [`${u}-steps`]: a,
     [`${u}-show-info`]: f,
     [`${u}-${c}`]: typeof c == "string",
     [`${u}-rtl`]: x === "rtl"
-  }, w == null ? void 0 : w.className, n, o, z, j);
-  return B(/* @__PURE__ */ s.createElement("div", Object.assign({
+  }, w == null ? void 0 : w.className, o, n, z, j);
+  return B(/* @__PURE__ */ i.createElement("div", Object.assign({
     ref: t,
-    style: Object.assign(Object.assign({}, w == null ? void 0 : w.style), v),
+    style: Object.assign(Object.assign({}, w == null ? void 0 : w.style), h),
     className: H,
     role: "progressbar",
-    "aria-valuenow": $,
+    "aria-valuenow": b,
     "aria-valuemin": 0,
     "aria-valuemax": 100
   }, Pe(C, ["trailColor", "strokeWidth", "width", "gapDegree", "gapPosition", "strokeLinecap", "success", "successPercent"])), F));
 });
 process.env.NODE_ENV !== "production" && (ge.displayName = "Progress");
-const ot = ({ colors: e }, t = "info") => "", Ct = me(ge)`
-  ${({ theme: e, state: t }) => ot(e, t)}
+const nt = ({ colors: e }, t = "info") => "", ht = me(ge)`
+  ${({ theme: e, state: t }) => nt(e, t)}
 `;
 export {
-  Ct as Progress,
-  ot as getGenesisClass
+  ht as Progress,
+  nt as getGenesisClass
 };