@gobolt/genesis 0.1.6 → 0.2.1

package/dist/components/Progress/styles.js

@@ -1,796 +1,9 @@
-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 { 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 { 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",
-  strokeColor: "#2db7f5",
-  strokeLinecap: "round",
-  strokeWidth: 1,
-  trailColor: "#D9D9D9",
-  trailWidth: 1,
-  gapPosition: "bottom"
-}, Ae = function() {
-  var t = re([]), r = re(null);
-  return ye(function() {
-    var o = Date.now(), n = !1;
-    t.current.forEach(function(a) {
-      if (a) {
-        n = !0;
-        var s = a.style;
-        s.transitionDuration = ".3s, .3s, .3s, .06s", r.current && o - r.current < 100 && (s.transitionDuration = "0s, 0s");
-      }
-    }), n && (r.current = Date.now());
-  }), t.current;
-};
-process.env.NODE_ENV;
-var ne = 0, Le = process.env.NODE_ENV !== "test" && he();
-function Re() {
-  var e;
-  return Le ? (e = ne, ne += 1) : e = "TEST_OR_SSR", e;
-}
-const Te = function(e) {
-  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, o = t.children;
-  return /* @__PURE__ */ i.createElement("div", {
-    style: {
-      width: "100%",
-      height: "100%",
-      background: r
-    }
-  }, o);
-};
-function ie(e, t) {
-  return Object.keys(e).map(function(r) {
-    var o = parseFloat(r), n = "".concat(Math.floor(o * t), "%");
-    return "".concat(e[r], " ").concat(n);
-  });
-}
-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: v,
-    cy: v,
-    stroke: h,
-    strokeLinecap: c,
-    strokeWidth: f,
-    opacity: l === 0 ? 0 : 1,
-    style: s,
-    ref: t
-  });
-  if (!m)
-    return C;
-  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(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, 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], 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: 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
-  };
-}, 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 = 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(S), j = ce(C), W = j.find(function(N) {
-    return N && V(N) === "object";
-  }), 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($, x, R, L, O, f, d, Y, _, s);
-      return R += L, /* @__PURE__ */ i.createElement(de, {
-        key: T,
-        color: Y,
-        ptg: L,
-        radius: b,
-        prefixCls: n,
-        gradientId: P,
-        style: X,
-        strokeLinecap: _,
-        strokeWidth: s,
-        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($, 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(n, "-circle-path"),
-        r: b,
-        cx: y,
-        cy: y,
-        stroke: Z,
-        strokeWidth: s,
-        opacity: 1,
-        style: te,
-        ref: function(pe) {
-          H[X] = pe;
-        }
-      });
-    });
-  };
-  return /* @__PURE__ */ i.createElement("svg", be({
-    className: M("".concat(n, "-circle"), v),
-    viewBox: "0 0 ".concat(G, " ").concat(G),
-    style: h,
-    id: o,
-    role: "presentation"
-  }, p), !u && /* @__PURE__ */ i.createElement("circle", {
-    className: "".concat(n, "-circle-trail"),
-    r: b,
-    cx: y,
-    cy: y,
-    stroke: g,
-    strokeLinecap: _,
-    strokeWidth: l || s,
-    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, 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: o
-  } = e;
-  const n = D(U({
-    success: r,
-    successPercent: o
-  }));
-  return [n, D(D(t) - n)];
-}, Fe = (e) => {
-  let {
-    success: t = {},
-    strokeColor: r
-  } = e;
-  const {
-    strokeColor: o
-  } = t;
-  return [o || ee.green, r || null];
-}, Q = (e, t, r) => {
-  var o, n, a, s;
-  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 = (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: o = "round",
-    gapPosition: n,
-    gapDegree: a,
-    width: s = 120,
-    type: l,
-    children: c,
-    success: f,
-    size: d = s,
-    steps: g
-  } = e, [m, h] = Q(d, "circle");
-  let {
-    strokeWidth: v
-  } = e;
-  v === void 0 && (v = Math.max(Ve(m), 6));
-  const C = {
-    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]), 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
-  }), b = M(`${t}-inner`, {
-    [`${t}-circle-gradient`]: I
-  }), $ = /* @__PURE__ */ i.createElement(ue, {
-    steps: g,
-    percent: g ? p[1] : p,
-    strokeWidth: v,
-    trailWidth: v,
-    strokeColor: g ? P[1] : P,
-    strokeLinecap: o,
-    trailColor: r,
-    prefixCls: t,
-    gapDegree: S,
-    gapPosition: y
-  }), O = m <= 20, x = /* @__PURE__ */ i.createElement("div", {
-    className: b,
-    style: C
-  }, $, !O && c);
-  return O ? /* @__PURE__ */ i.createElement(we, {
-    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({}, Ie(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 ${_e(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 = Ne("Progress", (e) => {
-  const t = e.calc(e.marginXXS).div(2).equal(), r = Oe(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 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 o = parseFloat(r.replace(/%/g, ""));
-    Number.isNaN(o) || t.push({
-      key: o,
-      value: e[r]
-    });
-  }), t = t.sort((r, o) => r.key - o.key), t.map((r) => {
-    let {
-      key: o,
-      value: n
-    } = r;
-    return `${n} ${o}%`;
-  }).join(", ");
-}, Je = (e, t) => {
-  const {
-    from: r = ee.blue,
-    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(${n}, ${l})`;
-    return {
-      background: c,
-      [q]: c
-    };
-  }
-  const s = `linear-gradient(${n}, ${r}, ${o})`;
-  return {
-    background: s,
-    [q]: s
-  };
-}, et = (e) => {
-  const {
-    prefixCls: t,
-    direction: r,
-    percent: o,
-    size: n,
-    strokeWidth: a,
-    strokeColor: s,
-    strokeLinecap: l = "round",
-    children: c,
-    trailColor: f = null,
-    percentPosition: d,
-    success: g
-  } = e, {
-    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");
-  const I = {
-    backgroundColor: f || void 0,
-    borderRadius: C
-  }, P = Object.assign(Object.assign({
-    width: `${D(o)}%`,
-    height: y,
-    borderRadius: C
-  }, v), {
-    [fe]: D(o) / 100
-  }), b = U(e), $ = {
-    width: `${D(b)}%`,
-    height: y,
-    borderRadius: C,
-    backgroundColor: g == null ? void 0 : g.strokeColor
-  }, O = {
-    width: p < 0 ? "100%" : p
-  }, x = /* @__PURE__ */ i.createElement("div", {
-    className: `${t}-inner`,
-    style: I
-  }, /* @__PURE__ */ i.createElement("div", {
-    className: M(`${t}-bg`, `${t}-bg-${h}`),
-    style: P
-  }, h === "inner" && c), b !== void 0 && /* @__PURE__ */ i.createElement("div", {
-    className: `${t}-success-bg`,
-    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__ */ i.createElement("div", {
-    className: `${t}-outer`,
-    style: O
-  }, w && c, x, u && c);
-}, tt = (e) => {
-  const {
-    size: t,
-    steps: r,
-    rounding: o = Math.round,
-    percent: n = 0,
-    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: 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: p <= d - 1 ? y : l,
-        width: C,
-        height: v
-      }
-    });
-  }
-  return /* @__PURE__ */ i.createElement("div", {
-    className: `${c}-steps-outer`
-  }, S, f);
-};
-var rt = function(e, t) {
-  var r = {};
-  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 ot = ["normal", "exception", "active", "success"], ge = /* @__PURE__ */ i.forwardRef((e, t) => {
-  const {
-    prefixCls: r,
-    className: o,
-    rootClassName: n,
-    steps: a,
-    strokeColor: s,
-    percent: l = 0,
-    size: c = "default",
-    showInfo: f = !0,
-    type: d = "line",
-    status: g,
-    format: m,
-    style: h,
-    percentPosition: v = {}
-  } = e, C = rt(e, ["prefixCls", "className", "rootClassName", "steps", "strokeColor", "percent", "size", "showInfo", "type", "status", "format", "style", "percentPosition"]), {
-    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;
-  }, [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]), $ = i.useMemo(() => !ot.includes(g) && b >= 100 ? "success" : g || "normal", [g, b]), {
-    getPrefixCls: O,
-    direction: x,
-    progress: w
-  } = 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 = 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-${S}`]: A,
-        [`${u}-text-${p}`]: A
-      }),
-      title: typeof E == "string" ? E : void 0
-    }, E);
-  }, [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__ */ i.createElement(tt, Object.assign({}, e, {
-    strokeColor: I,
-    prefixCls: u,
-    steps: typeof a == "object" ? a.count : a
-  }), _) : /* @__PURE__ */ i.createElement(et, Object.assign({}, e, {
-    strokeColor: y,
-    prefixCls: u,
-    direction: x,
-    percentPosition: {
-      align: S,
-      type: p
-    }
-  }), _) : (d === "circle" || d === "dashboard") && (F = /* @__PURE__ */ i.createElement(Ge, Object.assign({}, e, {
-    strokeColor: y,
-    prefixCls: u,
-    progressStatus: $
-  }), _));
-  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-${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, 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), h),
-    className: H,
-    role: "progressbar",
-    "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 nt = ({ colors: e }, t = "info") => "", ht = me(ge)`
-  ${({ theme: e, state: t }) => nt(e, t)}
+import { styled as r } from "../../utils/styled.js";
+import t from "../../node_modules/antd/es/progress/progress.js";
+const e = ({ colors: s }, o = "info") => "", m = r(t)`
+  ${({ theme: s, state: o }) => e(s, o)}
 `;
 export {
-  ht as Progress,
-  nt as getGenesisClass
+  m as Progress,
+  e as getGenesisClass
 };