@gobolt/genesis 0.0.10 → 0.0.11

package/dist/components/Progress/styles.js

@@ -0,0 +1,793 @@
+import { d as me } from "../../styled-components.browser.esm-CZ1XM4o4.js";
+import * as s 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 { o as Pe } from "../../omit-B_u6A-HL.js";
+import { g as we, m as Ne, r as Oe, j as Ie, e as le, C as _e } from "../../index-ByspLxrB.js";
+import { T as De } from "../../index-CqqwGTME.js";
+import { K as je } from "../../Keyframes-sPZXYuXt.js";
+import "../../index-DLdU7Tpd.js";
+var We = {
+  percent: 0,
+  prefixCls: "rc-progress",
+  strokeColor: "#2db7f5",
+  strokeLinecap: "round",
+  strokeWidth: 1,
+  trailColor: "#D9D9D9",
+  trailWidth: 1,
+  gapPosition: "bottom"
+}, Ae = function() {
+  var t = re([]), r = re(null);
+  return ye(function() {
+    var n = Date.now(), o = !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");
+      }
+    }), o && (r.current = Date.now());
+  }), t.current;
+};
+process.env.NODE_ENV;
+var oe = 0, Le = process.env.NODE_ENV !== "test" && $e();
+function Re() {
+  var e;
+  return Le ? (e = oe, oe += 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 se = function(t) {
+  var r = t.bg, n = t.children;
+  return /* @__PURE__ */ s.createElement("div", {
+    style: {
+      width: "100%",
+      height: "100%",
+      background: r
+    }
+  }, n);
+};
+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 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", {
+    className: "".concat(r, "-circle-path"),
+    r: a,
+    cx: m,
+    cy: m,
+    stroke: v,
+    strokeLinecap: c,
+    strokeWidth: f,
+    opacity: l === 0 ? 0 : 1,
+    style: i,
+    ref: t
+  });
+  if (!p)
+    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", {
+    x: 0,
+    y: 0,
+    width: d,
+    height: d,
+    mask: "url(#".concat(y, ")")
+  }, /* @__PURE__ */ s.createElement(se, {
+    bg: $
+  }, /* @__PURE__ */ s.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 : {
+    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));
+  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)"),
+    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
+  };
+}, Me = ["id", "prefixCls", "steps", "strokeWidth", "trailWidth", "gapDegree", "gapPosition", "trailColor", "strokeLinecap", "style", "className", "strokeColor", "percent"];
+function ce(e) {
+  var t = 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 : {
+    count: a,
+    gap: 2
+  }, u = w.count, B = w.gap, z = ce(y), 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() {
+    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, {
+        key: T,
+        color: Y,
+        ptg: L,
+        radius: $,
+        prefixCls: o,
+        gradientId: P,
+        style: X,
+        strokeLinecap: _,
+        strokeWidth: i,
+        gapDegree: f,
+        ref: function(Z) {
+          H[T] = Z;
+        },
+        size: G
+      });
+    }).reverse();
+  }, 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", {
+        key: X,
+        className: "".concat(o, "-circle-path"),
+        r: $,
+        cx: h,
+        cy: h,
+        stroke: Z,
+        strokeWidth: i,
+        opacity: 1,
+        style: te,
+        ref: function(pe) {
+          H[X] = pe;
+        }
+      });
+    });
+  };
+  return /* @__PURE__ */ s.createElement("svg", xe({
+    className: M("".concat(o, "-circle"), m),
+    viewBox: "0 0 ".concat(G, " ").concat(G),
+    style: v,
+    id: n,
+    role: "presentation"
+  }, b), !u && /* @__PURE__ */ s.createElement("circle", {
+    className: "".concat(o, "-circle-trail"),
+    r: $,
+    cx: h,
+    cy: h,
+    stroke: g,
+    strokeLinecap: _,
+    strokeWidth: l || i,
+    style: F
+  }), u ? E() : k());
+};
+process.env.NODE_ENV !== "production" && (ue.displayName = "Circle");
+function D(e) {
+  return !e || e < 0 ? 0 : e > 100 ? 100 : e;
+}
+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;
+}
+const Be = (e) => {
+  let {
+    percent: t,
+    success: r,
+    successPercent: n
+  } = e;
+  const o = D(U({
+    success: r,
+    successPercent: n
+  }));
+  return [o, D(D(t) - o)];
+}, Fe = (e) => {
+  let {
+    success: t = {},
+    strokeColor: r
+  } = e;
+  const {
+    strokeColor: n
+  } = t;
+  return [n || ee.green, r || null];
+}, Q = (e, t, r) => {
+  var n, o, a, i;
+  let l = -1, c = -1;
+  if (t === "step") {
+    const f = r.steps, d = r.strokeWidth;
+    typeof e == "string" || typeof e > "u" ? (l = e === "small" ? 2 : 14, c = d ?? 8) : typeof e == "number" ? [l, c] = [e, e] : [l = 14, c = 8] = Array.isArray(e) ? e : [e.width, e.height], l *= f;
+  } 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));
+  return [l, c];
+}, Xe = 3, Ve = (e) => Xe / e * 100, Ge = (e) => {
+  const {
+    prefixCls: t,
+    trailColor: r = null,
+    strokeLinecap: n = "round",
+    gapPosition: o,
+    gapDegree: a,
+    width: i = 120,
+    type: l,
+    children: c,
+    success: f,
+    size: d = i,
+    steps: g
+  } = e, [p, v] = Q(d, "circle");
+  let {
+    strokeWidth: m
+  } = e;
+  m === void 0 && (m = Math.max(Ve(p), 6));
+  const C = {
+    width: p,
+    height: v,
+    fontSize: p * 0.15 + 6
+  }, y = s.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({
+    success: f,
+    strokeColor: e.strokeColor
+  }), $ = M(`${t}-inner`, {
+    [`${t}-circle-gradient`]: I
+  }), S = /* @__PURE__ */ s.createElement(ue, {
+    steps: g,
+    percent: g ? b[1] : b,
+    strokeWidth: m,
+    trailWidth: m,
+    strokeColor: g ? P[1] : P,
+    strokeLinecap: n,
+    trailColor: r,
+    prefixCls: t,
+    gapDegree: y,
+    gapPosition: h
+  }), O = p <= 20, x = /* @__PURE__ */ s.createElement("div", {
+    className: $,
+    style: C
+  }, S, !O && c);
+  return O ? /* @__PURE__ */ s.createElement(De, {
+    title: c
+  }, x) : x;
+}, q = "--progress-line-stroke-color", fe = "--progress-percent", ae = (e) => {
+  const t = e ? "100%" : "-100%";
+  return new je(`antProgress${e ? "RTL" : "LTR"}Active`, {
+    "0%": {
+      transform: `translateX(${t}) scaleX(0)`,
+      opacity: 0.1
+    },
+    "20%": {
+      transform: `translateX(${t}) scaleX(0)`,
+      opacity: 0.5
+    },
+    to: {
+      transform: "translateX(0) scaleX(1)",
+      opacity: 0
+    }
+  });
+}, ze = (e) => {
+  const {
+    componentCls: t,
+    iconCls: r
+  } = e;
+  return {
+    [t]: Object.assign(Object.assign({}, Oe(e)), {
+      display: "inline-block",
+      "&-rtl": {
+        direction: "rtl"
+      },
+      "&-line": {
+        position: "relative",
+        width: "100%",
+        fontSize: e.fontSize
+      },
+      [`${t}-outer`]: {
+        display: "inline-flex",
+        alignItems: "center",
+        width: "100%"
+      },
+      [`${t}-inner`]: {
+        position: "relative",
+        display: "inline-block",
+        width: "100%",
+        flex: 1,
+        overflow: "hidden",
+        verticalAlign: "middle",
+        backgroundColor: e.remainingColor,
+        borderRadius: e.lineBorderRadius
+      },
+      [`${t}-inner:not(${t}-circle-gradient)`]: {
+        [`${t}-circle-path`]: {
+          stroke: e.defaultColor
+        }
+      },
+      [`${t}-success-bg, ${t}-bg`]: {
+        position: "relative",
+        background: e.defaultColor,
+        borderRadius: e.lineBorderRadius,
+        transition: `all ${e.motionDurationSlow} ${e.motionEaseInOutCirc}`
+      },
+      [`${t}-layout-bottom`]: {
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        justifyContent: "center",
+        [`${t}-text`]: {
+          width: "max-content",
+          marginInlineStart: 0,
+          marginTop: e.marginXXS
+        }
+      },
+      [`${t}-bg`]: {
+        overflow: "hidden",
+        "&::after": {
+          content: '""',
+          background: {
+            _multi_value_: !0,
+            value: ["inherit", `var(${q})`]
+          },
+          height: "100%",
+          width: `calc(1 / var(${fe}) * 100%)`,
+          display: "block"
+        },
+        [`&${t}-bg-inner`]: {
+          minWidth: "max-content",
+          "&::after": {
+            content: "none"
+          },
+          [`${t}-text-inner`]: {
+            color: e.colorWhite,
+            [`&${t}-text-bright`]: {
+              color: "rgba(0, 0, 0, 0.45)"
+            }
+          }
+        }
+      },
+      [`${t}-success-bg`]: {
+        position: "absolute",
+        insetBlockStart: 0,
+        insetInlineStart: 0,
+        backgroundColor: e.colorSuccess
+      },
+      [`${t}-text`]: {
+        display: "inline-block",
+        marginInlineStart: e.marginXS,
+        color: e.colorText,
+        lineHeight: 1,
+        width: "2em",
+        whiteSpace: "nowrap",
+        textAlign: "start",
+        verticalAlign: "middle",
+        wordBreak: "normal",
+        [r]: {
+          fontSize: e.fontSize
+        },
+        [`&${t}-text-outer`]: {
+          width: "max-content"
+        },
+        [`&${t}-text-outer${t}-text-start`]: {
+          width: "max-content",
+          marginInlineStart: 0,
+          marginInlineEnd: e.marginXS
+        }
+      },
+      [`${t}-text-inner`]: {
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center",
+        width: "100%",
+        height: "100%",
+        marginInlineStart: 0,
+        padding: `0 ${Ie(e.paddingXXS)}`,
+        [`&${t}-text-start`]: {
+          justifyContent: "start"
+        },
+        [`&${t}-text-end`]: {
+          justifyContent: "end"
+        }
+      },
+      [`&${t}-status-active`]: {
+        [`${t}-bg::before`]: {
+          position: "absolute",
+          inset: 0,
+          backgroundColor: e.colorBgContainer,
+          borderRadius: e.lineBorderRadius,
+          opacity: 0,
+          animationName: ae(),
+          animationDuration: e.progressActiveMotionDuration,
+          animationTimingFunction: e.motionEaseOutQuint,
+          animationIterationCount: "infinite",
+          content: '""'
+        }
+      },
+      [`&${t}-rtl${t}-status-active`]: {
+        [`${t}-bg::before`]: {
+          animationName: ae(!0)
+        }
+      },
+      [`&${t}-status-exception`]: {
+        [`${t}-bg`]: {
+          backgroundColor: e.colorError
+        },
+        [`${t}-text`]: {
+          color: e.colorError
+        }
+      },
+      [`&${t}-status-exception ${t}-inner:not(${t}-circle-gradient)`]: {
+        [`${t}-circle-path`]: {
+          stroke: e.colorError
+        }
+      },
+      [`&${t}-status-success`]: {
+        [`${t}-bg`]: {
+          backgroundColor: e.colorSuccess
+        },
+        [`${t}-text`]: {
+          color: e.colorSuccess
+        }
+      },
+      [`&${t}-status-success ${t}-inner:not(${t}-circle-gradient)`]: {
+        [`${t}-circle-path`]: {
+          stroke: e.colorSuccess
+        }
+      }
+    })
+  };
+}, He = (e) => {
+  const {
+    componentCls: t,
+    iconCls: r
+  } = e;
+  return {
+    [t]: {
+      [`${t}-circle-trail`]: {
+        stroke: e.remainingColor
+      },
+      [`&${t}-circle ${t}-inner`]: {
+        position: "relative",
+        lineHeight: 1,
+        backgroundColor: "transparent"
+      },
+      [`&${t}-circle ${t}-text`]: {
+        position: "absolute",
+        insetBlockStart: "50%",
+        insetInlineStart: 0,
+        width: "100%",
+        margin: 0,
+        padding: 0,
+        color: e.circleTextColor,
+        fontSize: e.circleTextFontSize,
+        lineHeight: 1,
+        whiteSpace: "normal",
+        textAlign: "center",
+        transform: "translateY(-50%)",
+        [r]: {
+          fontSize: e.circleIconFontSize
+        }
+      },
+      [`${t}-circle&-status-exception`]: {
+        [`${t}-text`]: {
+          color: e.colorError
+        }
+      },
+      [`${t}-circle&-status-success`]: {
+        [`${t}-text`]: {
+          color: e.colorSuccess
+        }
+      }
+    },
+    [`${t}-inline-circle`]: {
+      lineHeight: 1,
+      [`${t}-inner`]: {
+        verticalAlign: "bottom"
+      }
+    }
+  };
+}, Ke = (e) => {
+  const {
+    componentCls: t
+  } = e;
+  return {
+    [t]: {
+      [`${t}-steps`]: {
+        display: "inline-block",
+        "&-outer": {
+          display: "flex",
+          flexDirection: "row",
+          alignItems: "center"
+        },
+        "&-item": {
+          flexShrink: 0,
+          minWidth: e.progressStepMinWidth,
+          marginInlineEnd: e.progressStepMarginInlineEnd,
+          backgroundColor: e.remainingColor,
+          transition: `all ${e.motionDurationSlow}`,
+          "&-active": {
+            backgroundColor: e.defaultColor
+          }
+        }
+      }
+    }
+  };
+}, Ue = (e) => {
+  const {
+    componentCls: t,
+    iconCls: r
+  } = e;
+  return {
+    [t]: {
+      [`${t}-small&-line, ${t}-small&-line ${t}-text ${r}`]: {
+        fontSize: e.fontSizeSM
+      }
+    }
+  };
+}, qe = (e) => ({
+  circleTextColor: e.colorText,
+  defaultColor: e.colorInfo,
+  remainingColor: e.colorFillSecondary,
+  lineBorderRadius: 100,
+  // 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, {
+    progressStepMarginInlineEnd: t,
+    progressStepMinWidth: t,
+    progressActiveMotionDuration: "2.4s"
+  });
+  return [ze(r), He(r), Ke(r), Ue(r)];
+}, 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]]);
+  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,
+      value: e[r]
+    });
+  }), t = t.sort((r, n) => r.key - n.key), t.map((r) => {
+    let {
+      key: n,
+      value: o
+    } = r;
+    return `${o} ${n}%`;
+  }).join(", ");
+}, Je = (e, t) => {
+  const {
+    from: r = ee.blue,
+    to: n = ee.blue,
+    direction: o = 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})`;
+    return {
+      background: c,
+      [q]: c
+    };
+  }
+  const i = `linear-gradient(${o}, ${r}, ${n})`;
+  return {
+    background: i,
+    [q]: i
+  };
+}, et = (e) => {
+  const {
+    prefixCls: t,
+    direction: r,
+    percent: n,
+    size: o,
+    strokeWidth: a,
+    strokeColor: i,
+    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", {
+    strokeWidth: a
+  });
+  process.env.NODE_ENV !== "production" && le("Progress").deprecated(!("strokeWidth" in e), "strokeWidth", "size");
+  const I = {
+    backgroundColor: f || void 0,
+    borderRadius: C
+  }, P = Object.assign(Object.assign({
+    width: `${D(n)}%`,
+    height: h,
+    borderRadius: C
+  }, m), {
+    [fe]: D(n) / 100
+  }), $ = U(e), S = {
+    width: `${D($)}%`,
+    height: h,
+    borderRadius: C,
+    backgroundColor: g == null ? void 0 : g.strokeColor
+  }, O = {
+    width: b < 0 ? "100%" : b
+  }, x = /* @__PURE__ */ s.createElement("div", {
+    className: `${t}-inner`,
+    style: I
+  }, /* @__PURE__ */ s.createElement("div", {
+    className: M(`${t}-bg`, `${t}-bg-${v}`),
+    style: P
+  }, v === "inner" && c), $ !== void 0 && /* @__PURE__ */ s.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", {
+    className: `${t}-layout-bottom`
+  }, x, c) : /* @__PURE__ */ s.createElement("div", {
+    className: `${t}-outer`,
+    style: O
+  }, w && c, x, u && c);
+}, tt = (e) => {
+  const {
+    size: t,
+    steps: r,
+    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", {
+    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
+      }),
+      style: {
+        backgroundColor: y <= f - 1 ? b : i,
+        width: m,
+        height: v
+      }
+    });
+  }
+  return /* @__PURE__ */ s.createElement("div", {
+    className: `${l}-steps-outer`
+  }, C, c);
+};
+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]]);
+  return r;
+};
+const nt = ["normal", "exception", "active", "success"], ge = /* @__PURE__ */ s.forwardRef((e, t) => {
+  const {
+    prefixCls: r,
+    className: n,
+    rootClassName: o,
+    steps: a,
+    strokeColor: i,
+    percent: l = 0,
+    size: c = "default",
+    showInfo: f = !0,
+    type: d = "line",
+    status: g,
+    format: p,
+    style: v,
+    percentPosition: m = {}
+  } = 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();
+    }
+    return !1;
+  }, [i]), $ = s.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, $]), {
+    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(() => {
+    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", {
+      className: M(`${u}-text`, {
+        [`${u}-text-bright`]: R,
+        [`${u}-text-${y}`]: A,
+        [`${u}-text-${b}`]: A
+      }),
+      title: typeof E == "string" ? E : void 0
+    }, E);
+  }, [f, l, $, S, d, u, p]);
+  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, {
+    strokeColor: I,
+    prefixCls: u,
+    steps: typeof a == "object" ? a.count : a
+  }), _) : /* @__PURE__ */ s.createElement(et, Object.assign({}, e, {
+    strokeColor: h,
+    prefixCls: u,
+    direction: x,
+    percentPosition: {
+      align: y,
+      type: b
+    }
+  }), _) : (d === "circle" || d === "dashboard") && (F = /* @__PURE__ */ s.createElement(Ge, Object.assign({}, e, {
+    strokeColor: h,
+    prefixCls: u,
+    progressStatus: S
+  }), _));
+  const H = M(u, `${u}-status-${S}`, {
+    [`${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}-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({
+    ref: t,
+    style: Object.assign(Object.assign({}, w == null ? void 0 : w.style), v),
+    className: H,
+    role: "progressbar",
+    "aria-valuenow": $,
+    "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)}
+`;
+export {
+  Ct as Progress,
+  ot as getGenesisClass
+};