@wandox/sdk 0.1.36 → 0.1.38

package/dist/index-B86Di0kD.js

@@ -0,0 +1,2820 @@
+import { cr as De, d5 as Be, dS as W, dw as Ue, dY as we, ed as Ye, dt as r, e8 as tt, e5 as ze, b$ as y, dZ as ot, dl as Ce, d$ as Ee, em as nt, e4 as it, aY as ce, j as Oe, e3 as Le, aU as rt, dX as at, dm as Ae, bA as lt, cq as st, e1 as ct, e9 as dt, c3 as mt, eg as pt, e6 as ut, e0 as gt, u as ht, en as $t, cR as Fe, s as ft, ak as Xe, cp as G, dL as bt, dV as vt, bG as St, bL as xt, bQ as yt, a_ as Ct, b2 as wt, dG as fo } from "./index-RR6eNszd.js";
+import { b as yo, c as Co, B as wo, i as zo, k as Io, p as No, q as Eo, r as Po, t as Ro, H as Mo, I as To, J as Do, L as Bo, N as Ho, ag as Wo, ai as ko, bN as Oo, ao as Lo, aq as Ao, aN as Fo, aS as Xo, aT as qo, aV as jo, aX as _o, bt as Go, by as Uo, bz as Yo, bB as Vo, bC as Ko, bD as Zo, bF as Qo, O as Jo, bH as en, bI as tn, bK as on, bM as nn, bO as rn, bP as an, dH as ln, ei as sn } from "./index-RR6eNszd.js";
+const zt = (t) => {
+  const {
+    componentCls: e
+  } = t;
+  return {
+    [e]: {
+      "&-horizontal": {
+        [`&${e}`]: {
+          "&-sm": {
+            marginBlock: t.marginXS
+          },
+          "&-md": {
+            marginBlock: t.margin
+          }
+        }
+      }
+    }
+  };
+}, It = (t) => {
+  const {
+    componentCls: e,
+    sizePaddingEdgeHorizontal: o,
+    colorSplit: n,
+    lineWidth: a,
+    textPaddingInline: c,
+    orientationMargin: s,
+    verticalMarginInline: $
+  } = t, m = `${e}-rail`;
+  return {
+    [e]: {
+      ...Ue(t),
+      borderBlockStart: `${W(a)} solid ${n}`,
+      [m]: {
+        borderBlockStart: `${W(a)} solid ${n}`
+      },
+      // vertical
+      "&-vertical": {
+        position: "relative",
+        top: "-0.06em",
+        display: "inline-block",
+        height: "0.9em",
+        marginInline: $,
+        marginBlock: 0,
+        verticalAlign: "middle",
+        borderTop: 0,
+        borderInlineStart: `${W(a)} solid ${n}`
+      },
+      "&-horizontal": {
+        display: "flex",
+        clear: "both",
+        width: "100%",
+        minWidth: "100%",
+        // Fix https://github.com/ant-design/ant-design/issues/10914
+        margin: `${W(t.marginLG)} 0`
+      },
+      [`&-horizontal${e}-with-text`]: {
+        display: "flex",
+        alignItems: "center",
+        margin: `${W(t.dividerHorizontalWithTextGutterMargin)} 0`,
+        color: t.colorTextHeading,
+        fontWeight: 500,
+        fontSize: t.fontSizeLG,
+        whiteSpace: "nowrap",
+        textAlign: "center",
+        borderBlockStart: `0 ${n}`,
+        [`${m}-start, ${m}-end`]: {
+          width: "50%",
+          // Chrome not accept `inherit` in `border-top`
+          borderBlockStartColor: "inherit",
+          borderBlockEnd: 0,
+          content: "''"
+        }
+      },
+      [`&-horizontal${e}-with-text-start`]: {
+        [`${m}-start`]: {
+          width: `calc(${s} * 100%)`
+        },
+        [`${m}-end`]: {
+          width: `calc(100% - ${s} * 100%)`
+        }
+      },
+      [`&-horizontal${e}-with-text-end`]: {
+        [`${m}-start`]: {
+          width: `calc(100% - ${s} * 100%)`
+        },
+        [`${m}-end`]: {
+          width: `calc(${s} * 100%)`
+        }
+      },
+      [`${e}-inner-text`]: {
+        display: "inline-block",
+        paddingBlock: 0,
+        paddingInline: c
+      },
+      "&-dashed": {
+        background: "none",
+        borderColor: n,
+        borderStyle: "dashed",
+        borderWidth: `${W(a)} 0 0`,
+        [m]: {
+          borderBlockStart: `${W(a)} dashed ${n}`
+        }
+      },
+      [`&-horizontal${e}-with-text${e}-dashed`]: {
+        [`${m}-start, ${m}-end`]: {
+          borderStyle: "dashed none none"
+        }
+      },
+      [`&-vertical${e}-dashed`]: {
+        borderInlineStartWidth: a,
+        borderInlineEnd: 0,
+        borderBlockStart: 0,
+        borderBlockEnd: 0
+      },
+      "&-dotted": {
+        background: "none",
+        borderColor: n,
+        borderStyle: "dotted",
+        borderWidth: `${W(a)} 0 0`,
+        [m]: {
+          borderBlockStart: `${W(a)} dotted ${n}`
+        }
+      },
+      [`&-horizontal${e}-with-text${e}-dotted`]: {
+        "&::before, &::after": {
+          borderStyle: "dotted none none"
+        }
+      },
+      [`&-vertical${e}-dotted`]: {
+        borderInlineStartWidth: a,
+        borderInlineEnd: 0,
+        borderBlockStart: 0,
+        borderBlockEnd: 0
+      },
+      [`&-plain${e}-with-text`]: {
+        color: t.colorText,
+        fontWeight: "normal",
+        fontSize: t.fontSize
+      },
+      [`&-horizontal${e}-with-text-start${e}-no-default-orientation-margin-start`]: {
+        [`${m}-start`]: {
+          width: 0
+        },
+        [`${m}-end`]: {
+          width: "100%"
+        },
+        [`${e}-inner-text`]: {
+          paddingInlineStart: o
+        }
+      },
+      [`&-horizontal${e}-with-text-end${e}-no-default-orientation-margin-end`]: {
+        [`${m}-start`]: {
+          width: "100%"
+        },
+        [`${m}-end`]: {
+          width: 0
+        },
+        [`${e}-inner-text`]: {
+          paddingInlineEnd: o
+        }
+      }
+    }
+  };
+}, Nt = (t) => ({
+  textPaddingInline: "1em",
+  orientationMargin: 0.05,
+  verticalMarginInline: t.marginXS
+}), Et = De("Divider", (t) => {
+  const e = Be(t, {
+    dividerHorizontalWithTextGutterMargin: t.margin,
+    sizePaddingEdgeHorizontal: 0
+  });
+  return [It(e), zt(e)];
+}, Nt, {
+  unitless: {
+    orientationMargin: !0
+  }
+}), Pt = ["left", "right", "center", "start", "end"], Rt = {
+  small: "sm",
+  middle: "md"
+}, bo = (t) => {
+  const {
+    getPrefixCls: e,
+    direction: o,
+    className: n,
+    style: a,
+    classNames: c,
+    styles: s
+  } = we("divider"), {
+    prefixCls: $,
+    type: m,
+    orientation: d,
+    vertical: l,
+    titlePlacement: g,
+    orientationMargin: p,
+    className: u,
+    rootClassName: S,
+    children: I,
+    dashed: C,
+    variant: z = "solid",
+    plain: R,
+    style: h,
+    size: i,
+    classNames: f,
+    styles: N,
+    ...w
+  } = t, b = e("divider", $), x = `${b}-rail`, [M, v] = Et(b), A = Ye(i), q = Rt[A], L = !!I, B = Pt.includes(d || ""), T = r.useMemo(() => {
+    const Z = g ?? (B ? d : "center");
+    return Z === "left" ? o === "rtl" ? "end" : "start" : Z === "right" ? o === "rtl" ? "start" : "end" : Z;
+  }, [o, d, g, B]), P = T === "start" && p != null, j = T === "end" && p != null, [U, D] = tt(d, l, m), Y = {
+    ...t,
+    orientation: U,
+    titlePlacement: T,
+    size: A
+  }, [F, k] = ze([c, f], [s, N], {
+    props: Y
+  }), X = y(b, n, M, v, `${b}-${U}`, {
+    [`${b}-with-text`]: L,
+    [`${b}-with-text-${T}`]: L,
+    [`${b}-dashed`]: !!C,
+    [`${b}-${z}`]: z !== "solid",
+    [`${b}-plain`]: !!R,
+    [`${b}-rtl`]: o === "rtl",
+    [`${b}-no-default-orientation-margin-start`]: P,
+    [`${b}-no-default-orientation-margin-end`]: j,
+    [`${b}-${q}`]: !!q,
+    [x]: !I,
+    [F.rail]: F.rail && !I
+  }, u, S, F.root), H = r.useMemo(() => typeof p == "number" ? p : /^\d+$/.test(p) ? Number(p) : p, [p]), oe = {
+    marginInlineStart: P ? H : void 0,
+    marginInlineEnd: j ? H : void 0
+  };
+  return /* @__PURE__ */ r.createElement("div", {
+    className: X,
+    style: {
+      ...a,
+      ...k.root,
+      ...I ? {} : k.rail,
+      ...h
+    },
+    ...w,
+    role: "separator"
+  }, I && !D && /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement("div", {
+    className: y(x, `${x}-start`, F.rail),
+    style: k.rail
+  }), /* @__PURE__ */ r.createElement("span", {
+    className: y(`${b}-inner-text`, F.content),
+    style: {
+      ...oe,
+      ...k.content
+    }
+  }, I), /* @__PURE__ */ r.createElement("div", {
+    className: y(x, `${x}-end`, F.rail),
+    style: k.rail
+  })));
+}, qe = /* @__PURE__ */ r.createContext(null), Ve = /* @__PURE__ */ r.createContext({});
+function Pe() {
+  return Pe = Object.assign ? Object.assign.bind() : function(t) {
+    for (var e = 1; e < arguments.length; e++) {
+      var o = arguments[e];
+      for (var n in o)
+        Object.prototype.hasOwnProperty.call(o, n) && (t[n] = o[n]);
+    }
+    return t;
+  }, Pe.apply(this, arguments);
+}
+const Mt = (t) => {
+  const {
+    prefixCls: e,
+    className: o,
+    containerRef: n,
+    ...a
+  } = t, {
+    panel: c
+  } = r.useContext(Ve), s = ot(c, n);
+  return /* @__PURE__ */ r.createElement("div", Pe({
+    className: y(`${e}-section`, o),
+    role: "dialog",
+    ref: s
+  }, Ce(t, {
+    aria: !0
+  }), {
+    "aria-modal": "true"
+  }, a));
+};
+function Tt(t) {
+  const {
+    prefixCls: e,
+    direction: o,
+    className: n,
+    style: a,
+    maxSize: c,
+    containerRef: s,
+    currentSize: $,
+    onResize: m,
+    onResizeEnd: d,
+    onResizeStart: l
+  } = t, [g, p] = r.useState(!1), [u, S] = r.useState(0), [I, C] = r.useState(0), z = o === "left" || o === "right", R = Ee((N) => {
+    N.preventDefault(), N.stopPropagation(), p(!0), S(z ? N.clientX : N.clientY);
+    let w;
+    if (typeof $ == "number")
+      w = $;
+    else if (s != null && s.current) {
+      const b = s.current.getBoundingClientRect();
+      w = z ? b.width : b.height;
+    }
+    C(w), l == null || l(w);
+  }), h = Ee((N) => {
+    if (!g) return;
+    let b = (z ? N.clientX : N.clientY) - u;
+    (o === "right" || o === "bottom") && (b = -b);
+    let x = I + b;
+    x < 0 && (x = 0), c && x > c && (x = c), m == null || m(x);
+  }), i = r.useCallback(() => {
+    if (g && (p(!1), s != null && s.current)) {
+      const N = s.current.getBoundingClientRect(), w = z ? N.width : N.height;
+      d == null || d(w);
+    }
+  }, [g, s, d, z]);
+  return r.useEffect(() => {
+    if (g)
+      return document.addEventListener("mousemove", h), document.addEventListener("mouseup", i), () => {
+        document.removeEventListener("mousemove", h), document.removeEventListener("mouseup", i);
+      };
+  }, [g, h, i]), {
+    dragElementProps: {
+      className: y(`${e}-dragger`, `${e}-dragger-${o}`, {
+        [`${e}-dragger-dragging`]: g,
+        [`${e}-dragger-horizontal`]: z,
+        [`${e}-dragger-vertical`]: !z
+      }, n),
+      style: a,
+      onMouseDown: R
+    },
+    isDragging: g
+  };
+}
+function Ie(t) {
+  if (typeof t == "string") {
+    const e = Number(t.replace(/px$/i, ""));
+    if (parseFloat(t) === e && nt(!1, "Invalid value type of `width` or `height` which should be number type instead."), !Number.isNaN(e))
+      return e;
+  }
+  return t;
+}
+function Dt(t, e, o, n, a) {
+  const c = n ?? a !== !1, [s] = it(e && c, t);
+  return ce.useEffect(() => {
+    var $;
+    e && o === !0 && (($ = t()) == null || $.focus({
+      preventScroll: !0
+    }));
+  }, [e]), s;
+}
+function me() {
+  return me = Object.assign ? Object.assign.bind() : function(t) {
+    for (var e = 1; e < arguments.length; e++) {
+      var o = arguments[e];
+      for (var n in o)
+        Object.prototype.hasOwnProperty.call(o, n) && (t[n] = o[n]);
+    }
+    return t;
+  }, me.apply(this, arguments);
+}
+const Bt = (t, e) => {
+  const {
+    prefixCls: o,
+    open: n,
+    placement: a,
+    inline: c,
+    push: s,
+    forceRender: $,
+    // Focus
+    autoFocus: m,
+    focusTrap: d,
+    // classNames
+    classNames: l,
+    // Root
+    rootClassName: g,
+    rootStyle: p,
+    zIndex: u,
+    // Drawer
+    className: S,
+    id: I,
+    style: C,
+    motion: z,
+    width: R,
+    height: h,
+    size: i,
+    maxSize: f,
+    children: N,
+    // Mask
+    mask: w,
+    maskClosable: b,
+    maskMotion: x,
+    maskClassName: M,
+    maskStyle: v,
+    // Events
+    afterOpenChange: A,
+    onClose: q,
+    onMouseEnter: L,
+    onMouseOver: B,
+    onMouseLeave: T,
+    onClick: P,
+    onKeyDown: j,
+    onKeyUp: U,
+    styles: D,
+    drawerRender: Y,
+    resizable: F,
+    defaultSize: k
+  } = t, X = r.useRef(null);
+  r.useImperativeHandle(e, () => X.current);
+  const H = Dt(() => X.current, n, m, d, w), [oe, Z] = r.useState(!1), O = r.useContext(qe);
+  let V;
+  typeof s == "boolean" ? V = s ? {} : {
+    distance: 0
+  } : V = s || {};
+  const Q = (V == null ? void 0 : V.distance) ?? (O == null ? void 0 : O.pushDistance) ?? 180, J = r.useMemo(() => ({
+    pushDistance: Q,
+    push: () => {
+      Z(!0);
+    },
+    pull: () => {
+      Z(!1);
+    }
+  }), [Q]);
+  r.useEffect(() => {
+    var E, _;
+    n ? (E = O == null ? void 0 : O.push) == null || E.call(O) : (_ = O == null ? void 0 : O.pull) == null || _.call(O);
+  }, [n]), r.useEffect(() => () => {
+    var E;
+    (E = O == null ? void 0 : O.pull) == null || E.call(O);
+  }, []);
+  const pe = /* @__PURE__ */ r.createElement(Oe, me({
+    key: "mask"
+  }, x, {
+    visible: w && n
+  }), ({
+    className: E,
+    style: _
+  }, se) => /* @__PURE__ */ r.createElement("div", {
+    className: y(`${o}-mask`, E, l == null ? void 0 : l.mask, M),
+    style: {
+      ..._,
+      ...v,
+      ...D == null ? void 0 : D.mask
+    },
+    onClick: b && n ? q : void 0,
+    ref: se
+  })), le = typeof z == "function" ? z(a) : z, [de, ue] = r.useState(), ne = a === "left" || a === "right", re = r.useMemo(() => Ie(i ?? (ne ? R : h) ?? de ?? k ?? (ne ? 378 : void 0)), [i, R, h, k, ne, de]), ie = r.useMemo(() => {
+    const E = {};
+    if (oe && Q)
+      switch (a) {
+        case "top":
+          E.transform = `translateY(${Q}px)`;
+          break;
+        case "bottom":
+          E.transform = `translateY(${-Q}px)`;
+          break;
+        case "left":
+          E.transform = `translateX(${Q}px)`;
+          break;
+        default:
+          E.transform = `translateX(${-Q}px)`;
+          break;
+      }
+    return ne ? E.width = Ie(re) : E.height = Ie(re), E;
+  }, [oe, Q, a, ne, re]), te = r.useRef(null), ee = !!F, K = typeof F == "object" && F || {}, ae = Ee((E) => {
+    var _;
+    ue(E), (_ = K.onResize) == null || _.call(K, E);
+  }), {
+    dragElementProps: he,
+    isDragging: $e
+  } = Tt({
+    prefixCls: `${o}-resizable`,
+    direction: a,
+    className: l == null ? void 0 : l.dragger,
+    style: D == null ? void 0 : D.dragger,
+    maxSize: f,
+    containerRef: te,
+    currentSize: re,
+    onResize: ae,
+    onResizeStart: K.onResizeStart,
+    onResizeEnd: K.onResizeEnd
+  }), fe = {
+    onMouseEnter: L,
+    onMouseOver: B,
+    onMouseLeave: T,
+    onClick: P,
+    onKeyDown: j,
+    onKeyUp: U,
+    onFocus: (E) => {
+      H(E.target);
+    }
+  }, be = /* @__PURE__ */ r.createElement(Oe, me({
+    key: "panel"
+  }, le, {
+    visible: n,
+    forceRender: $,
+    onVisibleChanged: A,
+    removeOnLeave: !1,
+    leavedClassName: `${o}-content-wrapper-hidden`
+  }), ({
+    className: E,
+    style: _
+  }, se) => {
+    const ke = /* @__PURE__ */ r.createElement(Mt, me({
+      id: I,
+      containerRef: se,
+      prefixCls: o,
+      className: y(S, l == null ? void 0 : l.section),
+      style: {
+        ...C,
+        ...D == null ? void 0 : D.section
+      }
+    }, Ce(t, {
+      aria: !0
+    }), fe), N);
+    return /* @__PURE__ */ r.createElement("div", me({
+      ref: te,
+      className: y(`${o}-content-wrapper`, $e && `${o}-content-wrapper-dragging`, l == null ? void 0 : l.wrapper, !$e && E),
+      style: {
+        ..._,
+        ...ie,
+        ...D == null ? void 0 : D.wrapper
+      }
+    }, Ce(t, {
+      data: !0
+    })), ee && /* @__PURE__ */ r.createElement("div", he), Y ? Y(ke) : ke);
+  }), ge = {
+    ...p
+  };
+  return u && (ge.zIndex = u), /* @__PURE__ */ r.createElement(qe.Provider, {
+    value: J
+  }, /* @__PURE__ */ r.createElement("div", {
+    className: y(o, `${o}-${a}`, g, {
+      [`${o}-open`]: n,
+      [`${o}-inline`]: c
+    }),
+    style: ge,
+    tabIndex: -1,
+    ref: X
+  }, pe, be));
+}, Ht = /* @__PURE__ */ r.forwardRef(Bt), Wt = (t) => {
+  const {
+    open: e = !1,
+    prefixCls: o = "rc-drawer",
+    placement: n = "right",
+    autoFocus: a = !0,
+    keyboard: c = !0,
+    width: s,
+    height: $,
+    size: m,
+    maxSize: d,
+    mask: l = !0,
+    maskClosable: g = !0,
+    getContainer: p,
+    forceRender: u,
+    afterOpenChange: S,
+    destroyOnHidden: I,
+    onMouseEnter: C,
+    onMouseOver: z,
+    onMouseLeave: R,
+    onClick: h,
+    onKeyDown: i,
+    onKeyUp: f,
+    onClose: N,
+    resizable: w,
+    defaultSize: b,
+    focusTriggerAfterClose: x,
+    // Refs
+    panelRef: M
+  } = t, [v, A] = r.useState(!1), [q, L] = r.useState(!1);
+  Le(() => {
+    L(!0);
+  }, []);
+  const B = q ? e : !1, T = r.useRef(null), P = r.useRef(null);
+  Le(() => {
+    B && (P.current = document.activeElement);
+  }, [B]);
+  const j = (k) => {
+    var X, H;
+    A(k), S == null || S(k), !k && x !== !1 && P.current && !((X = T.current) != null && X.contains(P.current)) && ((H = P.current) == null || H.focus({
+      preventScroll: !0
+    }));
+  }, U = r.useMemo(() => ({
+    panel: M
+  }), [M]);
+  if (!u && !v && !B && I)
+    return null;
+  const Y = {
+    ...t,
+    open: B,
+    prefixCls: o,
+    placement: n,
+    autoFocus: a,
+    keyboard: c,
+    width: s,
+    height: $,
+    size: m,
+    maxSize: d,
+    defaultSize: b,
+    mask: l,
+    maskClosable: g,
+    inline: p === !1,
+    afterOpenChange: j,
+    ref: T,
+    resizable: w,
+    ...{
+      onMouseEnter: C,
+      onMouseOver: z,
+      onMouseLeave: R,
+      onClick: h,
+      onKeyDown: i,
+      onKeyUp: f
+    }
+  }, F = ({
+    top: k,
+    event: X
+  }) => {
+    k && c && (X.stopPropagation(), N == null || N(X));
+  };
+  return /* @__PURE__ */ r.createElement(Ve.Provider, {
+    value: U
+  }, /* @__PURE__ */ r.createElement(rt, {
+    open: B || u || v,
+    autoDestroy: !1,
+    getContainer: p,
+    autoLock: l && (B || v),
+    onEsc: F
+  }, /* @__PURE__ */ r.createElement(Ht, Y)));
+}, Ke = (t) => {
+  const {
+    prefixCls: e,
+    ariaId: o,
+    title: n,
+    footer: a,
+    extra: c,
+    closable: s,
+    loading: $,
+    onClose: m,
+    headerStyle: d,
+    bodyStyle: l,
+    footerStyle: g,
+    children: p,
+    classNames: u,
+    styles: S
+  } = t, I = we("drawer"), {
+    classNames: C,
+    styles: z,
+    closable: R
+  } = I, [h, i] = ze([C, u], [z, S], {
+    props: {
+      ...t,
+      closable: s ?? R
+    }
+  }), f = r.useMemo(() => {
+    const v = s ?? R;
+    if (v !== !1)
+      return typeof v == "object" && (v == null ? void 0 : v.placement) === "end" ? "end" : "start";
+  }, [s, R]), N = r.useCallback((v) => /* @__PURE__ */ r.createElement("button", {
+    type: "button",
+    onClick: m,
+    className: y(`${e}-close`, {
+      [`${e}-close-${f}`]: f === "end"
+    }, h.close),
+    style: i.close
+  }, v), [m, e, f, h.close, i.close]), [w, b] = at(Ae(t), Ae(I), {
+    closable: !0,
+    closeIconRender: N
+  }), x = () => !n && !w ? null : /* @__PURE__ */ r.createElement("div", {
+    style: {
+      ...i.header,
+      ...d
+    },
+    className: y(`${e}-header`, h.header, {
+      [`${e}-header-close-only`]: w && !n && !c
+    })
+  }, /* @__PURE__ */ r.createElement("div", {
+    className: `${e}-header-title`
+  }, f === "start" && b, n && /* @__PURE__ */ r.createElement("div", {
+    className: y(`${e}-title`, h.title),
+    style: i.title,
+    id: o
+  }, n)), c && /* @__PURE__ */ r.createElement("div", {
+    className: y(`${e}-extra`, h.extra),
+    style: i.extra
+  }, c), f === "end" && b), M = () => a ? /* @__PURE__ */ r.createElement("div", {
+    className: y(`${e}-footer`, h.footer),
+    style: {
+      ...i.footer,
+      ...g
+    }
+  }, a) : null;
+  return /* @__PURE__ */ r.createElement(r.Fragment, null, x(), /* @__PURE__ */ r.createElement("div", {
+    className: y(`${e}-body`, h.body),
+    style: {
+      ...i.body,
+      ...l
+    }
+  }, $ ? /* @__PURE__ */ r.createElement(lt, {
+    active: !0,
+    title: !1,
+    paragraph: {
+      rows: 5
+    },
+    className: `${e}-body-skeleton`
+  }) : p), M());
+}, kt = (t) => {
+  const e = "100%";
+  return {
+    left: `translateX(-${e})`,
+    right: `translateX(${e})`,
+    top: `translateY(-${e})`,
+    bottom: `translateY(${e})`
+  }[t];
+}, Ze = (t, e) => ({
+  "&-enter, &-appear": {
+    ...t,
+    "&-active": e
+  },
+  "&-leave": {
+    ...e,
+    "&-active": t
+  }
+}), Qe = (t, e) => ({
+  "&-enter, &-appear, &-leave": {
+    "&-start": {
+      transition: "none"
+    },
+    "&-active": {
+      transition: `all ${e}`
+    }
+  },
+  ...Ze({
+    opacity: t
+  }, {
+    opacity: 1
+  })
+}), Ot = (t, e) => [Qe(0.7, e), Ze({
+  transform: kt(t)
+}, {
+  transform: "none"
+})], Lt = (t) => {
+  const {
+    componentCls: e,
+    motionDurationSlow: o
+  } = t;
+  return {
+    [e]: {
+      // ======================== Mask ========================
+      [`${e}-mask-motion`]: Qe(0, o),
+      // ======================= Panel ========================
+      [`${e}-panel-motion`]: ["left", "right", "top", "bottom"].reduce((n, a) => ({
+        ...n,
+        [`&-${a}`]: Ot(a, o)
+      }), {})
+    }
+  };
+}, At = (t) => {
+  const {
+    borderRadiusSM: e,
+    componentCls: o,
+    zIndexPopup: n,
+    colorBgMask: a,
+    colorBgElevated: c,
+    motionDurationSlow: s,
+    motionDurationMid: $,
+    paddingXS: m,
+    padding: d,
+    paddingLG: l,
+    fontSizeLG: g,
+    lineHeightLG: p,
+    lineWidth: u,
+    lineType: S,
+    colorSplit: I,
+    marginXS: C,
+    colorIcon: z,
+    colorIconHover: R,
+    colorBgTextHover: h,
+    colorBgTextActive: i,
+    colorText: f,
+    fontWeightStrong: N,
+    footerPaddingBlock: w,
+    footerPaddingInline: b,
+    draggerSize: x,
+    calc: M
+  } = t, v = `${o}-content-wrapper`, A = `${o}-resizable-dragger`;
+  return {
+    [o]: {
+      position: "fixed",
+      inset: 0,
+      zIndex: n,
+      pointerEvents: "none",
+      color: f,
+      "&-pure": {
+        position: "relative",
+        background: c,
+        display: "flex",
+        flexDirection: "column",
+        pointerEvents: "auto",
+        [`&${o}-left`]: {
+          boxShadow: t.boxShadowDrawerLeft
+        },
+        [`&${o}-right`]: {
+          boxShadow: t.boxShadowDrawerRight
+        },
+        [`&${o}-top`]: {
+          boxShadow: t.boxShadowDrawerUp
+        },
+        [`&${o}-bottom`]: {
+          boxShadow: t.boxShadowDrawerDown
+        }
+      },
+      "&-inline": {
+        position: "absolute"
+      },
+      // ====================== Mask ======================
+      [`${o}-mask`]: {
+        position: "absolute",
+        inset: 0,
+        zIndex: n,
+        background: a,
+        pointerEvents: "auto",
+        [`&${o}-mask-blur`]: {
+          backdropFilter: "blur(4px)"
+        }
+      },
+      // ==================== Content =====================
+      [v]: {
+        position: "absolute",
+        zIndex: n,
+        maxWidth: "100vw",
+        transition: `all ${s}`,
+        "&-hidden": {
+          display: "none"
+        }
+      },
+      // Placement
+      [`&-left > ${v}`]: {
+        top: 0,
+        bottom: 0,
+        left: {
+          _skip_check_: !0,
+          value: 0
+        },
+        boxShadow: t.boxShadowDrawerLeft
+      },
+      [`&-right > ${v}`]: {
+        top: 0,
+        right: {
+          _skip_check_: !0,
+          value: 0
+        },
+        bottom: 0,
+        boxShadow: t.boxShadowDrawerRight
+      },
+      [`&-top > ${v}`]: {
+        top: 0,
+        insetInline: 0,
+        boxShadow: t.boxShadowDrawerUp
+      },
+      [`&-bottom > ${v}`]: {
+        bottom: 0,
+        insetInline: 0,
+        boxShadow: t.boxShadowDrawerDown
+      },
+      [`${o}-section`]: {
+        display: "flex",
+        flexDirection: "column",
+        width: "100%",
+        height: "100%",
+        overflow: "auto",
+        background: c,
+        pointerEvents: "auto"
+      },
+      // Header
+      [`${o}-header`]: {
+        display: "flex",
+        flex: 0,
+        alignItems: "center",
+        padding: `${W(d)} ${W(l)}`,
+        fontSize: g,
+        lineHeight: p,
+        borderBottom: `${W(u)} ${S} ${I}`,
+        "&-title": {
+          display: "flex",
+          flex: 1,
+          alignItems: "center",
+          minWidth: 0,
+          minHeight: 0
+        }
+      },
+      [`${o}-extra`]: {
+        flex: "none"
+      },
+      [`${o}-close`]: {
+        display: "inline-flex",
+        width: M(g).add(m).equal(),
+        height: M(g).add(m).equal(),
+        borderRadius: e,
+        justifyContent: "center",
+        alignItems: "center",
+        color: z,
+        fontWeight: N,
+        fontSize: g,
+        fontStyle: "normal",
+        lineHeight: 1,
+        textAlign: "center",
+        textTransform: "none",
+        textDecoration: "none",
+        background: "transparent",
+        border: 0,
+        cursor: "pointer",
+        transition: `all ${$}`,
+        textRendering: "auto",
+        [`&${o}-close-end`]: {
+          marginInlineStart: C
+        },
+        [`&:not(${o}-close-end)`]: {
+          marginInlineEnd: C
+        },
+        "&:hover": {
+          color: R,
+          backgroundColor: h,
+          textDecoration: "none"
+        },
+        "&:active": {
+          backgroundColor: i
+        },
+        ...st(t)
+      },
+      [`${o}-title`]: {
+        flex: 1,
+        margin: 0,
+        fontWeight: t.fontWeightStrong,
+        fontSize: g,
+        lineHeight: p
+      },
+      // Body
+      [`${o}-body`]: {
+        flex: 1,
+        minWidth: 0,
+        minHeight: 0,
+        padding: l,
+        overflow: "auto",
+        [`${o}-body-skeleton`]: {
+          width: "100%",
+          height: "100%",
+          display: "flex",
+          justifyContent: "center"
+        }
+      },
+      // Footer
+      [`${o}-footer`]: {
+        flexShrink: 0,
+        padding: `${W(w)} ${W(b)}`,
+        borderTop: `${W(u)} ${S} ${I}`
+      },
+      // ==================== Resizable ===================
+      [A]: {
+        position: "absolute",
+        zIndex: 1,
+        backgroundColor: "transparent",
+        userSelect: "none",
+        pointerEvents: "auto",
+        "&:hover": {
+          backgroundColor: t.colorPrimary,
+          opacity: 0.2
+        },
+        "&-dragging": {
+          backgroundColor: t.colorPrimary,
+          opacity: 0.3
+        }
+      },
+      [`${A}-left`]: {
+        top: 0,
+        bottom: 0,
+        insetInlineEnd: 0,
+        width: x,
+        cursor: "col-resize"
+      },
+      [`${A}-right`]: {
+        top: 0,
+        bottom: 0,
+        insetInlineStart: 0,
+        width: x,
+        cursor: "col-resize"
+      },
+      [`${A}-top`]: {
+        insetInline: 0,
+        bottom: 0,
+        height: x,
+        cursor: "row-resize"
+      },
+      [`${A}-bottom`]: {
+        insetInline: 0,
+        top: 0,
+        height: x,
+        cursor: "row-resize"
+      },
+      // Wrapper dragging state - disable transitions for smooth dragging
+      [`${v}-dragging`]: {
+        userSelect: "none",
+        transition: "none",
+        willChange: "width, height",
+        [`${o}-content`]: {
+          pointerEvents: "none"
+        },
+        [`${o}-section`]: {
+          pointerEvents: "none"
+        }
+      },
+      // ====================== RTL =======================
+      "&-rtl": {
+        direction: "rtl"
+      }
+    }
+  };
+}, Ft = (t) => ({
+  zIndexPopup: t.zIndexPopupBase,
+  footerPaddingBlock: t.paddingXS,
+  footerPaddingInline: t.padding,
+  draggerSize: 4
+}), Je = De("Drawer", (t) => {
+  const e = Be(t, {});
+  return [At(e), Lt(e)];
+}, Ft), Xt = {
+  distance: 180
+}, je = 378, qt = (t) => {
+  const {
+    rootClassName: e,
+    size: o,
+    defaultSize: n = je,
+    height: a,
+    width: c,
+    mask: s,
+    push: $ = Xt,
+    open: m,
+    afterOpenChange: d,
+    onClose: l,
+    prefixCls: g,
+    getContainer: p,
+    panelRef: u = null,
+    style: S,
+    className: I,
+    resizable: C,
+    "aria-labelledby": z,
+    // Focus
+    focusable: R,
+    // Deprecated
+    maskStyle: h,
+    drawerStyle: i,
+    contentWrapperStyle: f,
+    destroyOnClose: N,
+    destroyOnHidden: w,
+    ...b
+  } = t, {
+    placement: x
+  } = b, M = ct(), v = b.title ? M : void 0, {
+    getPopupContainer: A,
+    getPrefixCls: q,
+    direction: L,
+    className: B,
+    style: T,
+    classNames: P,
+    styles: j,
+    mask: U
+  } = we("drawer"), D = q("drawer", g), [Y, F] = Je(D), k = (
+    // 有可能为 false，所以不能直接判断
+    p === void 0 && A ? () => A(document.body) : p
+  ), X = r.useMemo(() => typeof o == "number" ? o : o === "large" ? 736 : o === "default" ? je : typeof o == "string" ? /^\d+(\.\d+)?$/.test(o) ? Number(o) : o : !x || x === "left" || x === "right" ? c : a, [o, x, c, a]), H = {
+    motionName: Fe(D, "mask-motion"),
+    motionAppear: !0,
+    motionEnter: !0,
+    motionLeave: !0,
+    motionDeadline: 500
+  }, oe = (K) => ({
+    motionName: Fe(D, `panel-motion-${K}`),
+    motionAppear: !0,
+    motionEnter: !0,
+    motionLeave: !0,
+    motionDeadline: 500
+  }), Z = dt(), O = mt(u, Z), [V, Q] = pt("Drawer", b.zIndex), [J, pe] = ut(s, U, D), le = gt(R, k !== !1 && J), {
+    classNames: de,
+    styles: ue,
+    rootStyle: ne
+  } = b, re = {
+    ...t,
+    zIndex: V,
+    panelRef: u,
+    mask: J,
+    defaultSize: n,
+    push: $,
+    focusable: le
+  }, [ie, te] = ze([P, de], [j, ue], {
+    props: re
+  }), ee = y({
+    "no-mask": !J,
+    [`${D}-rtl`]: L === "rtl"
+  }, e, Y, F, ie.root);
+  return /* @__PURE__ */ r.createElement(ht, {
+    form: !0,
+    space: !0
+  }, /* @__PURE__ */ r.createElement($t.Provider, {
+    value: Q
+  }, /* @__PURE__ */ r.createElement(Wt, {
+    prefixCls: D,
+    onClose: l,
+    maskMotion: H,
+    motion: oe,
+    ...b,
+    classNames: {
+      mask: y(ie.mask, pe.mask),
+      section: ie.section,
+      wrapper: ie.wrapper,
+      dragger: ie.dragger
+    },
+    styles: {
+      mask: {
+        ...te.mask,
+        ...h
+      },
+      section: {
+        ...te.section,
+        ...i
+      },
+      wrapper: {
+        ...te.wrapper,
+        ...f
+      },
+      dragger: te.dragger
+    },
+    open: m,
+    mask: J,
+    push: $,
+    size: X,
+    defaultSize: n,
+    style: {
+      ...T,
+      ...S
+    },
+    rootStyle: {
+      ...ne,
+      ...te.root
+    },
+    className: y(B, I),
+    rootClassName: ee,
+    getContainer: k,
+    afterOpenChange: d,
+    panelRef: O,
+    zIndex: V,
+    ...C ? {
+      resizable: C
+    } : {},
+    "aria-labelledby": z ?? v,
+    destroyOnHidden: w ?? N,
+    // Focusable
+    focusTriggerAfterClose: le.focusTriggerAfterClose,
+    focusTrap: le.trap
+  }, /* @__PURE__ */ r.createElement(Ke, {
+    prefixCls: D,
+    size: o,
+    ...b,
+    ariaId: v,
+    onClose: l
+  }))));
+}, jt = (t) => {
+  const {
+    prefixCls: e,
+    style: o,
+    className: n,
+    placement: a = "right",
+    ...c
+  } = t, {
+    getPrefixCls: s
+  } = r.useContext(ft), $ = s("drawer", e), [m, d] = Je($), l = y($, `${$}-pure`, `${$}-${a}`, m, d, n);
+  return /* @__PURE__ */ r.createElement("div", {
+    className: l,
+    style: o
+  }, /* @__PURE__ */ r.createElement(Ke, {
+    prefixCls: $,
+    ...c
+  }));
+};
+qt._InternalPanelDoNotUseOrYouWillBeFired = jt;
+function _t(t) {
+  const {
+    prefixCls: e,
+    className: o,
+    style: n,
+    status: a
+  } = t, c = `${e}-rail`;
+  return /* @__PURE__ */ r.createElement("div", {
+    className: y(c, `${c}-${a}`, o),
+    style: n
+  });
+}
+const Gt = /* @__PURE__ */ r.createContext({}), He = /* @__PURE__ */ r.createContext(null);
+function Re() {
+  return Re = Object.assign ? Object.assign.bind() : function(t) {
+    for (var e = 1; e < arguments.length; e++) {
+      var o = arguments[e];
+      for (var n in o)
+        Object.prototype.hasOwnProperty.call(o, n) && (t[n] = o[n]);
+    }
+    return t;
+  }, Re.apply(this, arguments);
+}
+const et = /* @__PURE__ */ r.createContext({}), _e = /* @__PURE__ */ r.forwardRef((t, e) => {
+  const {
+    className: o,
+    style: n,
+    children: a,
+    ...c
+  } = t, {
+    prefixCls: s,
+    classNames: $,
+    styles: m
+  } = r.useContext(He), {
+    className: d,
+    style: l
+  } = r.useContext(et), g = `${s}-item`;
+  return /* @__PURE__ */ r.createElement("div", Re({}, Ce(c, !1), {
+    ref: e,
+    className: y(`${g}-icon`, $.itemIcon, d, o),
+    style: {
+      ...m.itemIcon,
+      ...l,
+      ...n
+    }
+  }), a);
+});
+function Me() {
+  return Me = Object.assign ? Object.assign.bind() : function(t) {
+    for (var e = 1; e < arguments.length; e++) {
+      var o = arguments[e];
+      for (var n in o)
+        Object.prototype.hasOwnProperty.call(o, n) && (t[n] = o[n]);
+    }
+    return t;
+  }, Me.apply(this, arguments);
+}
+function Ne(t) {
+  return t != null;
+}
+function Ut(t) {
+  const {
+    // style
+    prefixCls: e,
+    classNames: o,
+    styles: n,
+    // data
+    data: a,
+    last: c,
+    nextStatus: s,
+    active: $,
+    index: m,
+    // render
+    itemRender: d,
+    iconRender: l,
+    itemWrapperRender: g,
+    // events
+    onClick: p
+  } = t, u = `${e}-item`, {
+    railFollowPrevStatus: S
+  } = r.useContext(Gt), {
+    ItemComponent: I
+  } = r.useContext(He), {
+    onClick: C,
+    title: z,
+    subTitle: R,
+    content: h,
+    description: i,
+    disabled: f,
+    icon: N,
+    status: w,
+    className: b,
+    style: x,
+    classNames: M = {},
+    styles: v = {},
+    ...A
+  } = a, q = h ?? i, L = {
+    item: {
+      ...a,
+      content: q
+    },
+    index: m,
+    active: $
+  }, B = !!(p || C) && !f, T = {};
+  B && (T.role = "button", T.tabIndex = 0, T.onClick = (X) => {
+    C == null || C(X), p(m);
+  }, T.onKeyDown = (X) => {
+    const {
+      which: H
+    } = X;
+    (H === Xe.ENTER || H === Xe.SPACE) && p(m);
+  });
+  const P = w || "wait", j = Ne(z), U = Ne(R), D = y(u, `${u}-${P}`, {
+    [`${u}-custom`]: N,
+    [`${u}-active`]: $,
+    [`${u}-disabled`]: f === !0,
+    [`${u}-empty-header`]: !j && !U
+  }, b, o.item, M.root);
+  let Y = /* @__PURE__ */ r.createElement(_e, null);
+  l && (Y = l(Y, {
+    ...L,
+    components: {
+      Icon: _e
+    }
+  }));
+  const F = /* @__PURE__ */ r.createElement("div", {
+    className: y(`${u}-wrapper`, o.itemWrapper, M.wrapper),
+    style: {
+      ...n.itemWrapper,
+      ...v.wrapper
+    }
+  }, /* @__PURE__ */ r.createElement(et.Provider, {
+    value: {
+      className: M.icon,
+      style: v.icon
+    }
+  }, Y), /* @__PURE__ */ r.createElement("div", {
+    className: y(`${u}-section`, o.itemSection, M.section),
+    style: {
+      ...n.itemSection,
+      ...v.section
+    }
+  }, /* @__PURE__ */ r.createElement("div", {
+    className: y(`${u}-header`, o.itemHeader, M.header),
+    style: {
+      ...n.itemHeader,
+      ...v.header
+    }
+  }, j && /* @__PURE__ */ r.createElement("div", {
+    className: y(`${u}-title`, o.itemTitle, M.title),
+    style: {
+      ...n.itemTitle,
+      ...v.title
+    }
+  }, z), U && /* @__PURE__ */ r.createElement("div", {
+    title: typeof R == "string" ? R : void 0,
+    className: y(`${u}-subtitle`, o.itemSubtitle, M.subtitle),
+    style: {
+      ...n.itemSubtitle,
+      ...v.subtitle
+    }
+  }, R), !c && /* @__PURE__ */ r.createElement(_t, {
+    prefixCls: u,
+    className: y(o.itemRail, M.rail),
+    style: {
+      ...n.itemRail,
+      ...v.rail
+    },
+    status: S ? w : s
+  })), Ne(q) && /* @__PURE__ */ r.createElement("div", {
+    className: y(`${u}-content`, o.itemContent, M.content),
+    style: {
+      ...n.itemContent,
+      ...v.content
+    }
+  }, q)));
+  let k = /* @__PURE__ */ r.createElement(I, Me({}, A, T, {
+    className: D,
+    style: {
+      ...n.item,
+      ...v.root,
+      ...x
+    }
+  }), g ? g(F) : F);
+  return d && (k = d(k, L) || null), k;
+}
+function Te() {
+  return Te = Object.assign ? Object.assign.bind() : function(t) {
+    for (var e = 1; e < arguments.length; e++) {
+      var o = arguments[e];
+      for (var n in o)
+        Object.prototype.hasOwnProperty.call(o, n) && (t[n] = o[n]);
+    }
+    return t;
+  }, Te.apply(this, arguments);
+}
+const Ge = {};
+function Yt(t) {
+  const {
+    // style
+    prefixCls: e = "rc-steps",
+    style: o,
+    className: n,
+    classNames: a = Ge,
+    styles: c = Ge,
+    rootClassName: s,
+    // layout
+    orientation: $,
+    titlePlacement: m,
+    components: d,
+    // data
+    status: l = "process",
+    current: g = 0,
+    initial: p = 0,
+    onChange: u,
+    items: S,
+    // render
+    iconRender: I,
+    itemRender: C,
+    itemWrapperRender: z,
+    ...R
+  } = t, h = $ === "vertical", i = h ? "vertical" : "horizontal", f = !h && m === "vertical" ? "vertical" : "horizontal", N = y(e, `${e}-${i}`, `${e}-title-${f}`, s, n, a.root), w = ce.useMemo(() => (S || []).filter(Boolean), [S]), b = ce.useMemo(() => w.map(({
+    status: L
+  }, B) => {
+    const T = p + B;
+    return L || (T === g ? l : T < g ? "finish" : "wait");
+  }), [w, l, g, p]), x = (L) => {
+    u && g !== L && u(L);
+  }, {
+    root: M = "div",
+    item: v = "div"
+  } = d || {}, A = ce.useMemo(() => ({
+    prefixCls: e,
+    classNames: a,
+    styles: c,
+    ItemComponent: v
+  }), [e, a, c, v]), q = (L, B) => {
+    const T = p + B, P = b[B], j = b[B + 1], U = {
+      ...L,
+      status: P
+    };
+    return /* @__PURE__ */ ce.createElement(Ut, {
+      key: T,
+      prefixCls: e,
+      classNames: a,
+      styles: c,
+      data: U,
+      nextStatus: j,
+      active: T === g,
+      index: T,
+      last: w.length - 1 === B,
+      iconRender: I,
+      itemRender: C,
+      itemWrapperRender: z,
+      onClick: u && x
+    });
+  };
+  return /* @__PURE__ */ ce.createElement(M, Te({
+    className: N,
+    style: {
+      ...o,
+      ...c == null ? void 0 : c.root
+    }
+  }, R), /* @__PURE__ */ ce.createElement(He.Provider, {
+    value: A
+  }, w.map(q)));
+}
+const Vt = /* @__PURE__ */ r.createContext(null), Kt = (t) => {
+  const {
+    prefixCls: e
+  } = t;
+  return /* @__PURE__ */ r.createElement("svg", {
+    className: `${e}-panel-arrow`,
+    viewBox: "0 0 100 100",
+    xmlns: "http://www.w3.org/2000/svg",
+    preserveAspectRatio: "none"
+  }, /* @__PURE__ */ r.createElement("title", null, "Arrow"), /* @__PURE__ */ r.createElement("path", {
+    d: "M 0 0 L 100 50 L 0 100"
+  }));
+}, Zt = (t) => {
+  const {
+    prefixCls: e,
+    rootPrefixCls: o,
+    children: n,
+    percent: a
+  } = t, c = `${e}-item-progress-icon`, s = `${c}-circle`, [, $] = G(o, "cmp-steps"), m = `calc(${$("progress-radius")} * 2 * ${Math.PI * a / 100}) 9999`;
+  return /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement("svg", {
+    className: `${c}-svg`,
+    viewBox: "0 0 100 100",
+    width: "100%",
+    height: "100%",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-valuemax": 100,
+    "aria-valuemin": 0,
+    "aria-valuenow": a
+  }, /* @__PURE__ */ r.createElement("title", null, "Progress"), /* @__PURE__ */ r.createElement("circle", {
+    className: y(s, `${s}-rail`)
+  }), /* @__PURE__ */ r.createElement("circle", {
+    className: y(s, `${s}-ptg`),
+    strokeDasharray: m,
+    transform: "rotate(-90 50 50)"
+  })), n);
+}, Qt = (t) => {
+  const {
+    componentCls: e,
+    antCls: o
+  } = t, n = `${e}-item`, [a, c] = G(o, "cmp-steps");
+  return {
+    [`${e}-horizontal`]: {
+      [`> ${n}`]: {
+        flex: "1 1 auto",
+        minWidth: t.iconSize,
+        [`${n}-rail`]: {
+          [a("horizontal-rail-margin")]: `calc(${c("icon-size-max")} / 2 + ${c("item-wrapper-padding-top")})`,
+          position: "static",
+          marginTop: c("horizontal-rail-margin"),
+          width: "auto",
+          borderBlockStartWidth: c("rail-size"),
+          flex: 1,
+          minWidth: 0,
+          alignSelf: "flex-start",
+          transform: "translateY(-50%)"
+        }
+      }
+    }
+  };
+}, Jt = (t) => {
+  const {
+    componentCls: e,
+    customIconFontSize: o,
+    motionDurationSlow: n,
+    iconSize: a,
+    lineWidth: c,
+    lineType: s,
+    antCls: $
+  } = t, m = `${e}-item`, [d, l] = G($, "cmp-steps");
+  return {
+    [e]: {
+      [d("icon-size")]: a,
+      [d("icon-border-width")]: c,
+      [`${m}-icon`]: {
+        width: l("icon-size"),
+        height: l("icon-size"),
+        margin: 0,
+        flex: "none",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        fontSize: t.iconFontSize,
+        fontFamily: t.fontFamily,
+        lineHeight: l("icon-size"),
+        textAlign: "center",
+        borderRadius: l("icon-size"),
+        border: `${l("icon-border-width")} ${s} transparent`,
+        transition: ["background-color", "border", "color", "inset", "transform"].map((g) => `${g} ${n}`).join(", "),
+        zIndex: 1
+      },
+      // ==================== Custom ====================
+      [`${m}-custom ${m}-icon`]: {
+        background: "none",
+        border: 0,
+        fontSize: o
+      }
+    }
+  };
+}, eo = (t) => {
+  const {
+    componentCls: e,
+    inlineDotSize: o,
+    paddingXS: n,
+    lineWidth: a,
+    antCls: c,
+    calc: s
+  } = t, $ = s(n).add(a).equal(), m = `${e}-item`, [d, l] = G(c, "cmp-steps");
+  return {
+    [`${e}-inline`]: {
+      [d("items-offset")]: "0",
+      [d("item-wrapper-padding-top")]: $,
+      display: "inline-flex",
+      "&:before": {
+        content: '""',
+        flex: l("items-offset")
+      },
+      [m]: {
+        // ========================= Variable =========================
+        // Item
+        [d("title-vertical-row-gap")]: n,
+        // Icon
+        [d("icon-size")]: o,
+        [d("icon-size-active")]: o,
+        // Title
+        [d("title-font-size")]: t.fontSizeSM,
+        [d("title-line-height")]: t.lineHeightSM,
+        [d("item-title-color")]: t.colorTextSecondary,
+        [d("subtitle-font-size")]: t.fontSizeSM,
+        [d("subtitle-line-height")]: t.lineHeightSM,
+        [d("item-subtitle-color")]: t.colorTextQuaternary,
+        // Rail
+        [d("rail-size")]: t.lineWidth,
+        [d("title-horizontal-rail-gap")]: "0px",
+        // ========================== Styles ==========================
+        flex: 1,
+        "&-wrapper": {
+          paddingInline: t.paddingXXS,
+          marginInline: t.calc(t.marginXXS).div(2).equal(),
+          borderRadius: t.borderRadiusSM,
+          cursor: "pointer",
+          transition: `background-color ${t.motionDurationMid}`,
+          "&:hover": {
+            background: t.controlItemBgHover
+          }
+        },
+        // Icon
+        "&-icon": {
+          [`${m}-icon-dot`]: {
+            "&:after": {
+              display: "none"
+            }
+          }
+        },
+        // Header
+        "&-title": {
+          fontWeight: "normal",
+          whiteSpace: "nowrap"
+        },
+        "&-content": {
+          display: "none"
+        }
+      }
+    }
+  };
+};
+function to(t) {
+  return (t || "--ant-not-exist").replace(/var\((.*)\)/, "$1");
+}
+const We = (t, e, o) => {
+  const {
+    calc: n,
+    componentCls: a,
+    descriptionMaxWidth: c,
+    antCls: s
+  } = t, $ = `${a}-item`, [, m] = G(s, "cmp-steps");
+  return {
+    [`@container style(${to(c)})`]: [{
+      // Icon
+      [`${$}-icon`]: {
+        marginInlineStart: n(c).sub(m("icon-size")).div(2).equal()
+      },
+      // >>> Rail
+      [`${$}-rail`]: {
+        width: "auto",
+        insetInlineStart: n(c).add(m("icon-size")).div(2).add(e).equal(),
+        insetInlineEnd: n(c).sub(m("icon-size")).div(2).sub(e).mul(-1).equal()
+      }
+    }, o]
+  };
+}, oo = (t) => {
+  const {
+    componentCls: e,
+    descriptionMaxWidth: o,
+    marginXS: n,
+    fontHeightLG: a,
+    margin: c,
+    paddingSM: s,
+    marginXXS: $,
+    antCls: m,
+    calc: d
+  } = t, l = `${e}-item`, [g, p] = G(m, "cmp-steps");
+  return {
+    // ====================== Shared ======================
+    [e]: {
+      // Dot Steps active icon size is 2px larger than the default icon size
+      [g("icon-size-max")]: `max(${p("icon-size")}, ${p("icon-size-active", p("icon-size"))})`,
+      // Icon
+      [`${l}-icon`]: {
+        marginBlockStart: `calc((${p("heading-height")} - ${p("icon-size")}) / 2)`
+      }
+    },
+    // ==================== Horizontal ====================
+    [`${e}-title-horizontal`]: {
+      [g("title-horizontal-item-margin")]: c,
+      [g("title-horizontal-rail-margin")]: c,
+      [g("title-horizontal-title-height")]: a,
+      [g("heading-height")]: `max(${p("icon-size")}, ${p("title-horizontal-title-height")})`,
+      // Horizontal only
+      [`&${e}-horizontal, &${e}-horizontal-alternate`]: {
+        [`${l}:not(:first-child)`]: {
+          marginInlineStart: p("title-horizontal-item-margin")
+        },
+        [`${l}:last-child`]: {
+          flex: "0 1 auto"
+        },
+        [`${l}-wrapper`]: {
+          columnGap: t.marginXS
+        }
+      },
+      // Vertical only
+      [`&${e}-vertical`]: {
+        [`${l}-wrapper`]: {
+          columnGap: t.margin
+        },
+        [`${l}-empty-header`]: {
+          [`${l}-header`]: {
+            minHeight: "auto"
+          },
+          [`${l}-content`]: {
+            marginTop: d(p("heading-height")).sub(t.fontHeight).div(2).equal()
+          }
+        }
+      },
+      // Shared
+      [`${l}-section`]: {
+        flex: 1,
+        minWidth: 0
+      },
+      [`${l}-header`]: {
+        minHeight: p("heading-height")
+      },
+      [`${l}-title`]: {
+        flex: "0 1 auto"
+      },
+      [`${l}-content`]: {
+        maxWidth: o
+      },
+      [`${l}-subtitle`]: {
+        flex: "0 9999 auto"
+      },
+      [`&${e}-horizontal ${l}-rail`]: {
+        [g("item-wrapper-padding-top")]: "0px",
+        flex: "1 1 0%",
+        marginInlineStart: p("title-horizontal-rail-margin")
+      }
+    },
+    // ===================== Vertical =====================
+    [`${e}-title-vertical`]: {
+      [g("title-vertical-row-gap")]: s,
+      [g("title-horizontal-rail-gap")]: $,
+      [g("heading-height")]: p("icon-size-max"),
+      [`> ${l}`]: {
+        flex: "1 1 0%",
+        [`${l}-wrapper`]: {
+          flexDirection: "column",
+          rowGap: p("title-vertical-row-gap"),
+          alignItems: "center"
+        },
+        // Section
+        [`${l}-section`]: {
+          alignSelf: "stretch"
+        },
+        // Header
+        [`${l}-header`]: {
+          flexDirection: "column",
+          alignItems: "center"
+        },
+        // >>> title & subtitle & Content
+        [`${l}-title, ${l}-subtitle, ${l}-content`]: {
+          textAlign: "center",
+          maxWidth: "100%"
+        },
+        [`${l}-subtitle`]: {
+          margin: 0
+        },
+        // >>> rail
+        [`${l}-rail`]: {
+          position: "absolute",
+          top: 0,
+          width: `calc(100% - ${p("icon-size")} - ${p("title-horizontal-rail-gap")} * 2)`,
+          insetInlineStart: `calc(50% + ${p("icon-size")} / 2 + ${p("title-horizontal-rail-gap")})`
+        }
+      },
+      // With descriptionMaxWidth
+      ...We(t, n, {
+        [`${l}:last-child`]: {
+          flex: "none"
+        },
+        // Icon
+        [`${l}-icon`]: {
+          alignSelf: "flex-start"
+        },
+        // Section
+        [`${l}-section`]: {
+          width: o
+        }
+      })
+    }
+  };
+}, no = (t) => {
+  const {
+    componentCls: e,
+    fontSizeIcon: o,
+    navContentMaxWidth: n,
+    navArrowColor: a,
+    colorPrimary: c,
+    motionDurationSlow: s,
+    antCls: $,
+    calc: m
+  } = t, d = `${e}-item`, l = c, [g, p] = G($, "cmp-steps");
+  return {
+    [`${e}${e}-navigation`]: {
+      // ==========================================================
+      // ==                        Shared                        ==
+      // ==========================================================
+      // ========================== Item ==========================
+      [d.repeat(4)]: {
+        display: "flex",
+        justifyContent: "center",
+        position: "relative",
+        flex: 1,
+        marginInlineStart: 0,
+        [`${d}-wrapper`]: {
+          paddingBlock: t.paddingSM
+        },
+        // Section
+        [`${d}-section`]: {
+          maxWidth: n
+        },
+        // Rail
+        [`${d}-rail`]: {
+          display: "none"
+        },
+        // ======================== Active ========================
+        "&:before": {
+          position: "absolute",
+          display: "block",
+          backgroundColor: l,
+          transition: `all ${s}`,
+          transitionTimingFunction: "ease-out",
+          content: '""'
+        },
+        "&:not(:last-child):after": {
+          position: "absolute",
+          display: "block",
+          borderTop: `${W(t.lineWidth)} ${t.lineType} ${a}`,
+          borderBottom: "none",
+          borderInlineStart: "none",
+          borderInlineEnd: `${W(t.lineWidth)} ${t.lineType} ${a}`,
+          content: '""'
+        },
+        // Reset active item style to same as default
+        [`&${d}-active`]: {
+          [g("item-content-active-color")]: p("item-content-color"),
+          [g("item-icon-active-bg-color")]: p("item-icon-bg-color"),
+          [g("item-icon-active-border-color")]: p("item-icon-border-color"),
+          [g("item-icon-active-text-color")]: p("item-icon-text-color")
+        }
+      },
+      // ==========================================================
+      // ==                       Horizontal                     ==
+      // ==========================================================
+      [`&${e}-horizontal`]: {
+        [d]: {
+          "&:before": {
+            bottom: 0,
+            insetInlineStart: "50%",
+            width: 0,
+            height: t.lineWidthBold
+          },
+          [`&${d}-active:before`]: {
+            insetInlineStart: 0,
+            width: "100%"
+          },
+          "&:not(:last-child):after": {
+            top: "50%",
+            insetInlineStart: m(o).div(2).mul(-1).add("100%").equal(),
+            width: o,
+            height: o,
+            transform: "translateY(-50%) rotate(45deg)"
+          }
+        }
+      },
+      // ==========================================================
+      // ==                        Vertical                      ==
+      // ==========================================================
+      [`&${e}-vertical`]: {
+        [d.repeat(4)]: {
+          [`${d}-content`]: {
+            padding: 0
+          },
+          "&:before": {
+            insetInlineEnd: 0,
+            top: "50%",
+            width: t.lineWidthBold,
+            height: 0
+          },
+          [`&${d}-active::before`]: {
+            top: 0,
+            height: "100%"
+          },
+          "&:not(:last-child):after": {
+            left: {
+              _skip_check_: !0,
+              value: "50%"
+            },
+            top: "100%",
+            width: m(o).div(3).mul(2).equal(),
+            height: m(o).div(3).mul(2).equal(),
+            transform: "translateY(-50%) translateX(-50%) rotate(135deg)"
+          }
+        }
+      }
+      // ========================= Legacy =========================
+    }
+  };
+}, io = (t) => {
+  const {
+    componentCls: e,
+    lineWidthBold: o,
+    borderRadius: n,
+    borderRadiusSM: a,
+    motionDurationMid: c,
+    paddingXS: s,
+    lineType: $,
+    paddingSM: m,
+    antCls: d,
+    calc: l
+  } = t, g = `${e}-item`, [p, u] = G(d, "cmp-steps"), S = `${W(o)} ${$} ${u("panel-border-color")}`;
+  return {
+    [`${e}${e}-panel`]: [
+      // ==========================================================
+      // ==                       Clean up                       ==
+      // ==========================================================
+      {
+        // ====================== Shared ======================
+        [`${g}-rail`]: {
+          display: "none"
+        },
+        // ==================== Horizontal ====================
+        [`&${e}-horizontal`]: {
+          alignItems: "stretch",
+          [g]: {
+            flex: 1,
+            margin: 0
+          }
+        }
+      },
+      // ==========================================================
+      // ==                       Template                       ==
+      // ==========================================================
+      {
+        "&": {
+          [p("panel-padding")]: m,
+          [p("item-border-radius")]: n,
+          [g]: {
+            // Panel background
+            [p("panel-bg-color")]: u("item-icon-bg-color"),
+            [p("panel-border-color")]: u("item-icon-border-color"),
+            [p("panel-active-bg-color")]: u("item-icon-active-bg-color"),
+            [p("panel-active-border-color")]: u("item-icon-active-border-color"),
+            [p("panel-title-height")]: `calc(${u("title-font-size")} * ${u("title-line-height")})`,
+            // Base height = padding * 2 + iconSize + contentHeight
+            [p("item-base-height")]: l(u("panel-padding")).mul(2).add(u("icon-size")).add(u("panel-title-height")).equal(),
+            [p("item-base-width")]: `calc(${u("item-base-height")} * 0.7071)`,
+            transition: `background-color ${c}`
+          }
+        },
+        // ======================= Icon =======================
+        [`${g}-icon`]: {
+          display: "none"
+        },
+        // ====================== Header ======================
+        [`${g}-header`]: {
+          minHeight: "auto"
+        },
+        // ====================== Arrow =======================
+        [`${e}-panel-arrow`]: {
+          position: "absolute",
+          top: l(o).mul(-1).equal(),
+          insetInlineStart: "100%",
+          zIndex: 1,
+          height: l(o).mul(2).add("100%").equal(),
+          width: u("item-base-width"),
+          overflow: "visible",
+          strokeLinecap: "round",
+          path: {
+            fill: u("panel-bg-color"),
+            stroke: u("panel-border-color"),
+            strokeWidth: o,
+            vectorEffect: "non-scaling-stroke",
+            transition: `fill ${c}`
+          }
+        },
+        [`${g}:last-child ${e}-panel-arrow`]: {
+          display: "none"
+        },
+        // ======================= Item =======================
+        [g]: {
+          padding: u("panel-padding"),
+          background: u("panel-bg-color"),
+          position: "relative",
+          borderBlock: S,
+          "&:not(:first-child)": {
+            paddingInlineStart: `calc(${u("panel-padding")} + ${u("item-base-width")})`
+          },
+          "&:first-child": {
+            borderInlineStart: S,
+            borderStartStartRadius: u("item-border-radius"),
+            borderEndStartRadius: u("item-border-radius")
+          },
+          "&:last-child": {
+            borderInlineEnd: S,
+            borderStartEndRadius: u("item-border-radius"),
+            borderEndEndRadius: u("item-border-radius")
+          },
+          "&-active": {
+            background: u("panel-active-bg-color"),
+            borderColor: u("panel-active-border-color"),
+            [`${e}-panel-arrow`]: {
+              path: {
+                fill: u("panel-active-bg-color"),
+                stroke: u("panel-active-border-color")
+              }
+            },
+            [`${g}-title, ${g}-subtitle, ${g}-content`]: {
+              color: u("item-icon-active-text-color")
+            }
+          }
+        }
+      },
+      // ==========================================================
+      // ==                         Size                         ==
+      // ==========================================================
+      {
+        [`&${e}-small`]: {
+          [p("panel-padding")]: s,
+          [p("item-border-radius")]: a
+        }
+      },
+      // ==========================================================
+      // ==                        Filled                        ==
+      // ==========================================================
+      {
+        [`&${e}-filled`]: {
+          [g]: {
+            "&:not(:first-child)": {
+              clipPath: `polygon(${[`${W(o)} 0`, `calc(100% + ${u("item-base-width")}) 0`, `calc(100% + ${u("item-base-width")}) 100%`, `${W(o)} 100%`, `calc(${u("item-base-width")} + ${W(o)}) 50%`].join(",")})`
+            }
+          }
+        }
+      },
+      // ==========================================================
+      // ==                       Outlined                       ==
+      // ==========================================================
+      {
+        [`&${e}-outlined`]: {
+          [`${e}-panel-arrow`]: {
+            top: l(o).div(2).mul(-1).equal(),
+            height: l(o).add("100%").equal()
+          }
+        }
+      }
+    ]
+  };
+}, ro = (t) => {
+  const {
+    calc: e,
+    antCls: o,
+    componentCls: n,
+    lineWidthBold: a,
+    motionDurationSlow: c
+  } = t, s = `${n}-item`, [$, m] = G(o, "cmp-steps"), d = e(a).add(a).equal();
+  return {
+    [`${n}${n}-with-progress`]: {
+      [$("item-wrapper-padding-top")]: d,
+      [`${s}${s}-process`]: {
+        [`${s}-icon`]: {
+          position: "relative"
+        }
+      },
+      [`${s}-progress-icon`]: {
+        "&-svg": {
+          [$("svg-size")]: e(d).mul(2).add(m("icon-size")).equal(),
+          [$("icon-size-ptg-unitless")]: `calc(100 / tan(atan2(${m("svg-size")}, 1px)))`,
+          fontSize: m("svg-size"),
+          lineHeight: m("icon-size-ptg-unitless"),
+          position: "absolute",
+          inset: e(d).mul(-1).equal(),
+          width: "auto",
+          height: "auto"
+        },
+        "&-circle": {
+          lineHeight: m("icon-size-ptg-unitless"),
+          strokeWidth: e(m("icon-size-ptg-unitless")).mul(a).equal(),
+          [$("progress-radius")]: e(m("svg-size")).sub(a).mul(m("icon-size-ptg-unitless")).div(2).equal(),
+          r: m("progress-radius"),
+          fill: "none",
+          cx: 50,
+          cy: 50,
+          transition: `all ${c} ease-in-out`,
+          "&-rail": {
+            stroke: t.colorSplit
+          },
+          "&-ptg": {
+            stroke: t.colorPrimary
+          }
+        }
+      }
+    }
+  };
+}, ao = (t) => {
+  const {
+    componentCls: e,
+    iconSize: o,
+    dotSize: n,
+    dotCurrentSize: a,
+    marginXXS: c,
+    lineWidthBold: s,
+    fontSizeSM: $,
+    antCls: m
+  } = t, d = `${e}-item`, [l, g] = G(m, "cmp-steps");
+  return {
+    [`${e}${e}-dot`]: {
+      [l("icon-size-active")]: a,
+      [l("icon-size")]: n,
+      [l("dot-icon-size")]: n,
+      [l("dot-icon-border-width")]: s,
+      [l("rail-size")]: s,
+      [l("icon-border-width")]: s,
+      // ========================= Shared ==========================
+      // Icon
+      [`${d}-custom ${d}-icon`]: {
+        fontSize: $
+      },
+      [`${d}-icon`]: {
+        position: "relative",
+        "&:after": {
+          content: '""',
+          width: o,
+          height: o,
+          display: "block",
+          position: "absolute",
+          top: "50%",
+          left: {
+            _skip_check_: !0,
+            value: "50%"
+          },
+          transform: "translate(-50%, -50%)"
+        }
+      },
+      // // >>> active
+      [`${d}-active ${d}-icon`]: {
+        [l("icon-size")]: g("icon-size-active")
+      },
+      // ======================= Horizontal ========================
+      [`&${e}-horizontal`]: {
+        // With descriptionMaxWidth
+        [`&, &${e}-small`]: We(t, c)
+      }
+    }
+  };
+}, lo = (t) => {
+  const {
+    componentCls: e,
+    lineWidthBold: o,
+    antCls: n
+  } = t, a = `${e}-item`, [, c] = G(n, "cmp-steps");
+  return {
+    [`${e}${e}-rtl`]: {
+      direction: "rtl",
+      // nav
+      [`&${e}-navigation${e}-horizontal`]: {
+        [`${a}:after`]: {
+          transform: "translateY(-50%) rotate(-45deg)"
+        }
+      },
+      // panel
+      [`&${e}-panel`]: {
+        [`${e}-panel-arrow`]: {
+          transform: "scaleX(-1)"
+        },
+        [`&${e}-filled`]: {
+          [a]: {
+            "&:not(:first-child)": {
+              clipPath: `polygon(${[`calc(0px - ${c("item-base-width")}) 0px`, `calc(100% - ${W(o)}) 0px`, `calc(100% - ${c("item-base-width")} - ${W(o)}) 50%`, `calc(100% - ${W(o)}) 100%`, `calc(0px - ${c("item-base-width")}) 100%`].join(",")})`
+            }
+          }
+        }
+      }
+    }
+  };
+}, so = (t) => {
+  const {
+    componentCls: e,
+    iconSizeSM: o,
+    fontSize: n,
+    lineHeight: a,
+    marginXS: c,
+    fontHeight: s,
+    marginSM: $,
+    paddingXS: m,
+    antCls: d
+  } = t, [l] = G(d, "cmp-steps");
+  return {
+    [`${e}${e}-small`]: {
+      [l("icon-size")]: o,
+      [l("title-horizontal-item-margin")]: $,
+      [l("title-vertical-row-gap")]: m,
+      [l("title-font-size")]: n,
+      [l("title-line-height")]: a,
+      [l("title-horizontal-rail-margin")]: c,
+      [l("title-horizontal-title-height")]: s,
+      // Horizontal: label vertical
+      [`&${e}-horizontal${e}-title-vertical`]: We(t, c)
+    }
+  };
+}, ve = "wait", Se = "process", xe = "finish", ye = "error", co = (t) => {
+  const {
+    componentCls: e,
+    colorTextDisabled: o,
+    colorTextLightSolid: n,
+    colorPrimary: a,
+    colorTextLabel: c,
+    colorError: s,
+    colorErrorHover: $,
+    colorErrorBgFilledHover: m,
+    colorFillTertiary: d,
+    colorErrorBg: l,
+    colorPrimaryBgHover: g,
+    colorPrimaryBg: p,
+    colorText: u,
+    colorTextDescription: S,
+    colorBgContainer: I,
+    colorPrimaryHover: C,
+    lineType: z,
+    antCls: R
+  } = t, h = `${e}-item`, [i, f] = G(R, "cmp-steps");
+  return {
+    [e]: [{
+      // ========================= Variable =========================
+      [h]: {
+        // Normal
+        // >>> line
+        [i("item-solid-line-color")]: "#000",
+        // >>> text
+        [i("item-title-color")]: "#000",
+        [i("item-content-color")]: "#000",
+        [i("item-subtitle-color")]: f("item-content-color"),
+        // >>> icon
+        [i("item-icon-custom-color")]: "#000",
+        [i("item-icon-bg-color")]: "#000",
+        [i("item-icon-border-color")]: "#000",
+        [i("item-icon-text-color")]: "#fff",
+        // >>> dot
+        [i("item-icon-dot-color")]: "#000",
+        [i("item-icon-dot-bg-color")]: f("item-icon-dot-color"),
+        [i("item-icon-dot-border-color")]: f("item-icon-dot-color"),
+        // Hover
+        // >>> text
+        [i("item-text-hover-color")]: "#000",
+        // >>> icon
+        [i("item-icon-bg-hover-color")]: f("item-icon-bg-color"),
+        [i("item-icon-border-hover-color")]: f("item-icon-border-color"),
+        [i("item-icon-text-hover-color")]: f("item-icon-text-color"),
+        // Active
+        // >>> text
+        [i("item-content-active-color")]: f("item-content-color"),
+        // >>> icon
+        [i("item-icon-active-bg-color")]: f("item-icon-bg-color"),
+        [i("item-icon-active-border-color")]: f("item-icon-border-color"),
+        [i("item-icon-active-text-color")]: f("item-icon-text-color"),
+        // Status
+        [i("item-process-rail-line-style")]: z
+      },
+      // ========================= Template =========================
+      // Normal
+      // >>> line
+      [`${h}-rail`]: {
+        borderColor: f("item-solid-line-color")
+      },
+      // >>> icon
+      [`${h}-custom ${h}-icon`]: {
+        color: f("item-icon-custom-color")
+      },
+      // >>> text
+      [`${h}-title`]: {
+        color: f("item-title-color")
+      },
+      [`${h}-subtitle`]: {
+        color: f("item-subtitle-color")
+      },
+      [`${h}-content`]: {
+        color: f("item-content-color")
+      },
+      // Active
+      // >>> icon
+      [`${h}-active ${h}-icon`]: {
+        //
+      },
+      // >>> text
+      [`${h}-active ${h}-content`]: {
+        color: f("item-content-active-color")
+      },
+      // Hover
+      // >>> text
+      [`${h}[role='button']:not(${h}-active):hover`]: {
+        [`${h}-title, ${h}-content`]: {
+          color: f("item-text-hover-color")
+        }
+      },
+      // Not dot
+      [`&:not(${e}-dot)`]: {
+        [`${h}:not(${h}-custom)`]: {
+          [`${h}-icon`]: {
+            background: f("item-icon-bg-color"),
+            borderColor: f("item-icon-border-color"),
+            color: f("item-icon-text-color")
+          },
+          // Hover
+          [`&[role='button']:not(${h}-active):hover`]: {
+            [`${h}-icon`]: {
+              background: f("item-icon-bg-hover-color"),
+              borderColor: f("item-icon-border-hover-color"),
+              color: f("item-icon-text-hover-color")
+            }
+          },
+          // Active
+          [`&${h}-active`]: {
+            [`${h}-icon`]: {
+              background: f("item-icon-active-bg-color"),
+              borderColor: f("item-icon-active-border-color"),
+              color: f("item-icon-active-text-color")
+            }
+          }
+        }
+      },
+      // Dot
+      [`&${e}-dot`]: {
+        [`${h}-icon`]: {
+          background: f("item-icon-dot-bg-color"),
+          borderColor: f("item-icon-dot-border-color"),
+          color: f("item-icon-dot-color"),
+          [`&${h}-icon-dot-custom`]: {
+            background: "transparent",
+            border: "none"
+          }
+        }
+      }
+    }, {
+      // ========================== Shared ==========================
+      // Wait
+      [`${h}-${ve}`]: {
+        [i("item-icon-custom-color")]: o,
+        [i("item-title-color")]: S,
+        [i("item-content-color")]: S,
+        [i("item-content-active-color")]: u,
+        [i("item-text-hover-color")]: C
+      },
+      [`${h}-rail-${ve}`]: {
+        [i("item-solid-line-color")]: o
+      },
+      // Process
+      [`${h}-${Se}`]: {
+        [i("item-icon-custom-color")]: a,
+        [i("item-title-color")]: u,
+        [i("item-content-color")]: S,
+        [i("item-content-active-color")]: u,
+        [i("item-text-hover-color")]: C
+      },
+      [`${h}-rail-${Se}`]: {
+        [i("item-solid-line-color")]: a,
+        // Special for Timeline usage
+        [i("rail-line-style")]: f("item-process-rail-line-style")
+      },
+      // Finish
+      [`${h}-${xe}`]: {
+        [i("item-icon-custom-color")]: a,
+        [i("item-title-color")]: u,
+        [i("item-content-color")]: S,
+        [i("item-content-active-color")]: u,
+        [i("item-text-hover-color")]: C
+      },
+      [`${h}-rail-${xe}`]: {
+        [i("item-solid-line-color")]: a
+      },
+      // Error
+      [`${h}-${ye}`]: {
+        [i("item-icon-custom-color")]: s,
+        [i("item-title-color")]: s,
+        [i("item-content-color")]: s,
+        [i("item-content-active-color")]: s,
+        [i("item-text-hover-color")]: $
+      },
+      [`${h}-rail-${ye}`]: {
+        [i("item-solid-line-color")]: s
+      }
+    }, {
+      // ========================== Filled ==========================
+      [`&${e}-filled`]: {
+        [h]: {
+          [i("item-icon-dot-border-color")]: "transparent"
+        },
+        // Wait
+        [`${h}-${ve}`]: {
+          [i("item-icon-bg-color")]: d,
+          [i("item-icon-border-color")]: "transparent",
+          [i("item-icon-text-color")]: c,
+          [i("item-icon-dot-bg-color")]: o,
+          // Hover
+          [i("item-icon-bg-hover-color")]: g,
+          [i("item-icon-border-hover-color")]: "transparent",
+          [i("item-icon-text-hover-color")]: a,
+          // Active
+          [i("item-icon-active-bg-color")]: a,
+          [i("item-icon-active-border-color")]: "transparent",
+          [i("item-icon-active-text-color")]: n
+        },
+        // Finish & Process
+        [`${h}-${Se}, ${h}-${xe}`]: {
+          [i("item-icon-bg-color")]: p,
+          [i("item-icon-border-color")]: "transparent",
+          [i("item-icon-text-color")]: a,
+          [i("item-icon-dot-bg-color")]: a,
+          // Hover
+          [i("item-icon-bg-hover-color")]: g,
+          [i("item-icon-border-hover-color")]: "transparent",
+          [i("item-icon-text-hover-color")]: a,
+          // Active
+          [i("item-icon-active-bg-color")]: a,
+          [i("item-icon-active-border-color")]: "transparent",
+          [i("item-icon-active-text-color")]: n
+        },
+        // Error
+        [`${h}-${ye}`]: {
+          [i("item-icon-bg-color")]: l,
+          [i("item-icon-border-color")]: "transparent",
+          [i("item-icon-text-color")]: s,
+          [i("item-icon-dot-bg-color")]: s,
+          // Hover
+          [i("item-icon-bg-hover-color")]: m,
+          [i("item-icon-border-hover-color")]: "transparent",
+          [i("item-icon-text-hover-color")]: s,
+          // Active
+          [i("item-icon-active-bg-color")]: s,
+          [i("item-icon-active-border-color")]: "transparent",
+          [i("item-icon-active-text-color")]: n
+        }
+      }
+    }, {
+      // ========================= Outlined =========================
+      [`&${e}-outlined`]: {
+        [h]: {
+          [i("item-icon-dot-bg-color")]: "transparent"
+        },
+        // Wait
+        [`${h}-${ve}`]: {
+          [i("item-icon-bg-color")]: I,
+          [i("item-icon-border-color")]: o,
+          [i("item-icon-text-color")]: o,
+          [i("item-icon-dot-color")]: o,
+          // Hover
+          [i("item-icon-bg-hover-color")]: "transparent",
+          [i("item-icon-border-hover-color")]: C,
+          [i("item-icon-text-hover-color")]: C,
+          // Active
+          [i("item-icon-active-bg-color")]: d
+        },
+        // Finish & Process
+        [`${h}-${Se}, ${h}-${xe}`]: {
+          [i("item-icon-bg-color")]: I,
+          [i("item-icon-border-color")]: a,
+          [i("item-icon-text-color")]: a,
+          [i("item-icon-dot-color")]: a,
+          // Hover
+          [i("item-icon-bg-hover-color")]: "transparent",
+          [i("item-icon-border-hover-color")]: C,
+          [i("item-icon-text-hover-color")]: C,
+          // Active
+          [i("item-icon-active-bg-color")]: p
+        },
+        // Error
+        [`${h}-${ye}`]: {
+          [i("item-icon-bg-color")]: I,
+          [i("item-icon-border-color")]: s,
+          [i("item-icon-text-color")]: s,
+          [i("item-icon-dot-color")]: s,
+          // Hover
+          [i("item-icon-bg-hover-color")]: "transparent",
+          [i("item-icon-border-hover-color")]: $,
+          [i("item-icon-text-hover-color")]: $,
+          // Active
+          [i("item-icon-active-bg-color")]: l
+        }
+      }
+    }]
+  };
+}, mo = (t) => {
+  const {
+    componentCls: e,
+    marginXXS: o,
+    paddingSM: n,
+    controlHeight: a,
+    antCls: c,
+    calc: s
+  } = t, $ = `${e}-item`, [m, d] = G(c, "cmp-steps");
+  return {
+    [`${e}-vertical`]: {
+      [m("vertical-rail-margin")]: s(o).mul(1.5).equal(),
+      flexDirection: "column",
+      alignItems: "stretch",
+      // Item
+      [`> ${$}`]: {
+        minHeight: s(a).mul(1.5).equal(),
+        paddingBottom: n,
+        "&:last-child": {
+          paddingBottom: 0
+        },
+        // Icon
+        [`${$}-icon`]: {
+          marginInlineStart: `calc((${d("icon-size-max")} - ${d("icon-size")}) / 2)`
+        },
+        // >>> Rail
+        [`${$}-rail`]: {
+          [m("rail-offset")]: s(d("heading-height")).sub(d("icon-size")).div(2).equal(),
+          borderInlineStartWidth: d("rail-size"),
+          position: "absolute",
+          top: s(d("icon-size")).add(d("item-wrapper-padding-top")).add(d("rail-offset")).add(d("vertical-rail-margin")).equal(),
+          insetInlineStart: s(d("icon-size-max")).div(2).equal(),
+          bottom: s(d("vertical-rail-margin")).sub(d("rail-offset")).equal(),
+          marginInlineStart: `calc(${d("rail-size")} / -2)`
+        }
+      }
+    }
+  };
+}, po = (t) => {
+  const {
+    componentCls: e,
+    antCls: o
+  } = t, n = `${e}-item`, [a, c] = G(o, "cmp-steps");
+  return {
+    [e]: {
+      [a("title-font-size")]: t.fontSizeLG,
+      [a("title-line-height")]: t.lineHeightLG,
+      [a("subtitle-font-size")]: t.fontSize,
+      [a("subtitle-line-height")]: t.lineHeight,
+      [a("item-wrapper-padding-top")]: "0px",
+      [a("rail-size")]: t.lineWidth,
+      [a("rail-line-style")]: t.lineType,
+      ...Ue(t),
+      display: "flex",
+      flexWrap: "nowrap",
+      alignItems: "flex-start",
+      [n]: {
+        flex: "none",
+        position: "relative"
+      },
+      [`${n}-wrapper`]: {
+        display: "flex",
+        flexWrap: "nowrap",
+        paddingTop: c("item-wrapper-padding-top")
+      },
+      // Icon
+      // Check `./icon.ts`
+      // Header
+      [`${n}-header`]: {
+        display: "flex",
+        flexWrap: "nowrap",
+        alignItems: "center"
+      },
+      // >>> Title
+      [`${n}-title`]: {
+        color: t.colorText,
+        fontSize: c("title-font-size"),
+        lineHeight: c("title-line-height"),
+        wordBreak: "break-word"
+      },
+      // >>> Sub Title
+      [`${n}-subtitle`]: {
+        color: t.colorTextDescription,
+        fontWeight: "normal",
+        fontSize: c("subtitle-font-size"),
+        lineHeight: c("subtitle-line-height"),
+        marginInlineStart: t.marginXS,
+        wordBreak: "break-word"
+      },
+      // Content
+      [`${n}-content`]: {
+        color: t.colorTextDescription,
+        fontSize: t.fontSize,
+        lineHeight: t.lineHeight,
+        wordBreak: "break-word"
+      },
+      // Rail
+      [`${n}-rail`]: {
+        borderStyle: c("rail-line-style"),
+        borderWidth: 0
+      },
+      // Motion
+      [`${n}-title, ${n}-subtitle, ${n}-content, ${n}-rail`]: {
+        transition: `all ${t.motionDurationSlow}`
+      },
+      // ========================== Ellipsis ==========================
+      [`&${e}-ellipsis`]: {
+        [`${n}-title, ${n}-subtitle, ${n}-content`]: bt
+      },
+      // ========================= Clickable ==========================
+      [`${n}[role='button']:not(${n}-active):hover`]: {
+        cursor: "pointer"
+      }
+    }
+  };
+}, uo = (t) => ({
+  titleLineHeight: t.controlHeight,
+  customIconSize: t.controlHeight,
+  customIconTop: 0,
+  customIconFontSize: t.controlHeightSM,
+  iconSize: t.controlHeight,
+  iconTop: -0.5,
+  // magic for ui experience
+  iconFontSize: t.fontSize,
+  iconSizeSM: t.fontSizeHeading3,
+  dotSize: t.controlHeight / 4,
+  dotCurrentSize: t.controlHeightLG / 4,
+  navArrowColor: t.colorTextDisabled,
+  navContentMaxWidth: "unset",
+  descriptionMaxWidth: void 0,
+  // should be `undefined` to create css var
+  waitIconColor: t.wireframe ? t.colorTextDisabled : t.colorTextLabel,
+  waitIconBgColor: t.wireframe ? t.colorBgContainer : t.colorFillContent,
+  waitIconBorderColor: t.wireframe ? t.colorTextDisabled : "transparent",
+  finishIconBgColor: t.wireframe ? t.colorBgContainer : t.controlItemBgActive,
+  finishIconBorderColor: t.wireframe ? t.colorPrimary : t.controlItemBgActive
+}), go = De("Steps", (t) => {
+  const e = Be(t, {
+    inlineDotSize: 6
+  });
+  return [po(e), Jt(e), mo(e), Qt(e), oo(e), so(e), ao(e), co(e), no(e), io(e), eo(e), ro(e), lo(e)];
+}, uo), ho = {
+  itemIcon: St
+}, vo = (t) => {
+  const {
+    // Style
+    size: e,
+    className: o,
+    rootClassName: n,
+    style: a,
+    variant: c = "filled",
+    type: s,
+    classNames: $,
+    styles: m,
+    // Layout
+    direction: d,
+    orientation: l,
+    responsive: g = !0,
+    progressDot: p,
+    labelPlacement: u,
+    titlePlacement: S,
+    ellipsis: I,
+    offset: C = 0,
+    // Data
+    items: z,
+    percent: R,
+    current: h = 0,
+    onChange: i,
+    // Render
+    iconRender: f,
+    // MISC
+    ...N
+  } = t, w = r.useContext(Vt), b = we("steps"), {
+    getPrefixCls: x,
+    direction: M,
+    className: v,
+    style: A
+  } = b;
+  let q, L, B = {};
+  w ? B = {
+    root: w.rootComponent,
+    item: w.itemComponent
+  } : {
+    classNames: q,
+    styles: L
+  } = b;
+  const T = x(), P = x("steps", t.prefixCls), j = `${P}-item-icon`, [U, D] = go(P), [Y] = G(T, "cmp-steps"), F = Ye(e), k = r.useMemo(() => (z || []).filter(Boolean), [z]), {
+    xs: X
+  } = vt(g), H = r.useMemo(() => s && s !== "default" ? s : p ? "dot" : s, [p, s]), oe = H === "inline", Z = H === "dot" || H === "inline", O = r.useMemo(() => H === "dot" && typeof p == "function" ? p : void 0, [H, p]), V = r.useMemo(() => {
+    const ee = l || d;
+    return H === "panel" ? "horizontal" : g && X || ee === "vertical" ? "vertical" : "horizontal";
+  }, [l, d, H, g, X]), Q = r.useMemo(() => Z || V === "vertical" ? V === "vertical" ? "horizontal" : "vertical" : s === "navigation" ? "horizontal" : S || u || "horizontal", [Z, u, V, S, s]), J = oe ? void 0 : R, pe = {
+    ...t,
+    variant: c,
+    size: F,
+    type: H,
+    orientation: V,
+    titlePlacement: Q,
+    current: h,
+    percent: J,
+    responsive: g,
+    offset: C
+  }, [le, de] = ze([ho, q, $], [L, m], {
+    props: pe
+  }), ue = (ee, K) => {
+    const {
+      item: ae,
+      index: he,
+      active: $e,
+      components: {
+        Icon: fe
+      }
+    } = K, {
+      status: be,
+      icon: ge
+    } = ae;
+    let E = null;
+    if (Z || ge)
+      E = ge;
+    else
+      switch (be) {
+        case "finish":
+          E = /* @__PURE__ */ r.createElement(wt, {
+            className: `${j}-finish`
+          });
+          break;
+        case "error":
+          E = /* @__PURE__ */ r.createElement(Ct, {
+            className: `${j}-error`
+          });
+          break;
+        default: {
+          let se = /* @__PURE__ */ r.createElement("span", {
+            className: `${j}-number`
+          }, K.index + 1);
+          be === "process" && J !== void 0 && (se = /* @__PURE__ */ r.createElement(Zt, {
+            prefixCls: P,
+            rootPrefixCls: T,
+            percent: J
+          }, se)), E = se;
+        }
+      }
+    let _ = /* @__PURE__ */ r.createElement(fe, null, E);
+    return f ? _ = f(_, {
+      index: he,
+      active: $e,
+      item: ae,
+      components: {
+        Icon: fe
+      }
+    }) : typeof O == "function" && (_ = O(_, {
+      index: he,
+      ...ae
+    })), _;
+  }, ne = (ee, K) => {
+    let ae = ee;
+    return oe && K.item.content && (ae = /* @__PURE__ */ r.createElement(xt, {
+      destroyOnHidden: !0,
+      title: K.item.content
+    }, ee)), /* @__PURE__ */ r.createElement(yt, {
+      component: "Steps",
+      disabled: K.item.disabled || !i,
+      colorSource: c === "filled" ? "color" : null
+    }, ae);
+  }, re = H === "panel" ? (ee) => /* @__PURE__ */ r.createElement(r.Fragment, null, ee, /* @__PURE__ */ r.createElement(Kt, {
+    prefixCls: P
+  })) : void 0, ie = {
+    [Y("items-offset")]: `${C}`,
+    ...A,
+    ...a
+  }, te = y(v, `${P}-${c}`, {
+    [`${P}-${H}`]: H !== "dot" ? H : !1,
+    [`${P}-rtl`]: M === "rtl",
+    [`${P}-dot`]: Z,
+    [`${P}-ellipsis`]: I,
+    [`${P}-with-progress`]: J !== void 0,
+    [`${P}-${F}`]: F
+  }, o, n, U, D);
+  return /* @__PURE__ */ r.createElement(Yt, {
+    ...N,
+    // Style
+    prefixCls: P,
+    className: te,
+    style: ie,
+    classNames: le,
+    styles: de,
+    // Layout
+    orientation: V,
+    titlePlacement: Q,
+    components: B,
+    // Data
+    current: h,
+    items: k,
+    onChange: i,
+    // Render
+    iconRender: ue,
+    itemRender: ne,
+    itemWrapperRender: re
+  });
+};
+export {
+  yo as Alert,
+  Co as AutoComplete,
+  wo as Badge,
+  zo as Button,
+  Io as Card,
+  No as Checkbox,
+  Eo as Col,
+  Po as Collapse,
+  Ro as ConfigProvider,
+  Mo as DatePicker,
+  To as Descriptions,
+  bo as Divider,
+  qt as Drawer,
+  Do as Dropdown,
+  Bo as Empty,
+  Ho as Form,
+  Wo as Image,
+  ko as Input,
+  Oo as InputNumber,
+  Lo as Menu,
+  Ao as Modal,
+  Fo as Pagination,
+  Xo as Popconfirm,
+  qo as Popover,
+  jo as Progress,
+  _o as Radio,
+  Go as Row,
+  Uo as Segmented,
+  Yo as Select,
+  lt as Skeleton,
+  Vo as Space,
+  Ko as Spin,
+  Zo as Statistic,
+  vo as Steps,
+  Qo as Switch,
+  Jo as Table,
+  en as Tabs,
+  tn as Tag,
+  on as TimePicker,
+  xt as Tooltip,
+  nn as Tree,
+  rn as Typography,
+  an as Upload,
+  fo as message,
+  ln as notification,
+  sn as version
+};