@wandox/sdk 0.1.37 → 0.1.38

package/dist/index-CQYJcpLn.js

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