@gobolt/genesis 0.0.7

package/dist/components/atoms/select/styles.js

@@ -0,0 +1,3868 @@
+import { d as rt } from "../../../styled-components.browser.esm-CZ1XM4o4.js";
+import * as o from "react";
+import Dn, { useState as Tn, useRef as fe, useEffect as Qn, useMemo as pr, useContext as hr } from "react";
+import { ag as br, C as jn, c as Le, b as pn, e as re, y as Sr, a as ee, G as wr, h as ae, _ as Ze, d as In, w as Ue, ah as yr, H as Ye, v as Cr, O as Nn, B as on, r as Er, q as Ir, x as xr, k as St, ai as Or, Z as Rr, aj as wt, N as ot, Q as Vn, m as Bt, n as Pn, A as at, D as it, ak as Zn, z as _e, T as Ft, F as $r } from "../../../index-BWys7dkb.js";
+import { u as Bn, o as At, t as Jn } from "../../../isVisible-CNQjrJPN.js";
+import { K as hn, i as Mr, T as Dr, c as Nr, a as lt, u as Pr, g as _r } from "../../../index-VDH3iLaC.js";
+import { K as X, R as Tr } from "../../../CheckOutlined-DAynWe12.js";
+import { p as Fn, R as zr } from "../../../SearchOutlined-DuzJkIiQ.js";
+import { F as Lr, s as Hr, a as Vr, b as Br, c as Fr, i as yt, R as Ar } from "../../../Overflow-CP1M4Z0s.js";
+import { R as jt } from "../../../index-BQO27mgE.js";
+import { r as Ct } from "../../../index-BPtFqhcp.js";
+import { u as jr, a as Wr, g as Kr } from "../../../useVariants-CEpw6Ww6.js";
+import { u as Xr, F as Ur } from "../../../context-CZsFJmh6.js";
+import { R as Gr, b as Yr, a as qr } from "../../../Compact-CJBo3f0u.js";
+import { g as Qr } from "../../../compact-item-DH13cl8A.js";
+import { R as Zr } from "../../../CloseCircleFilled-ZIY-u-27.js";
+import { I as Jr } from "../../../AntdIcon-Bsnbyy6g.js";
+const kr = new hn("antMoveDownIn", {
+  "0%": {
+    transform: "translate3d(0, 100%, 0)",
+    transformOrigin: "0 0",
+    opacity: 0
+  },
+  "100%": {
+    transform: "translate3d(0, 0, 0)",
+    transformOrigin: "0 0",
+    opacity: 1
+  }
+}), eo = new hn("antMoveDownOut", {
+  "0%": {
+    transform: "translate3d(0, 0, 0)",
+    transformOrigin: "0 0",
+    opacity: 1
+  },
+  "100%": {
+    transform: "translate3d(0, 100%, 0)",
+    transformOrigin: "0 0",
+    opacity: 0
+  }
+}), no = new hn("antMoveLeftIn", {
+  "0%": {
+    transform: "translate3d(-100%, 0, 0)",
+    transformOrigin: "0 0",
+    opacity: 0
+  },
+  "100%": {
+    transform: "translate3d(0, 0, 0)",
+    transformOrigin: "0 0",
+    opacity: 1
+  }
+}), to = new hn("antMoveLeftOut", {
+  "0%": {
+    transform: "translate3d(0, 0, 0)",
+    transformOrigin: "0 0",
+    opacity: 1
+  },
+  "100%": {
+    transform: "translate3d(-100%, 0, 0)",
+    transformOrigin: "0 0",
+    opacity: 0
+  }
+}), ro = new hn("antMoveRightIn", {
+  "0%": {
+    transform: "translate3d(100%, 0, 0)",
+    transformOrigin: "0 0",
+    opacity: 0
+  },
+  "100%": {
+    transform: "translate3d(0, 0, 0)",
+    transformOrigin: "0 0",
+    opacity: 1
+  }
+}), oo = new hn("antMoveRightOut", {
+  "0%": {
+    transform: "translate3d(0, 0, 0)",
+    transformOrigin: "0 0",
+    opacity: 1
+  },
+  "100%": {
+    transform: "translate3d(100%, 0, 0)",
+    transformOrigin: "0 0",
+    opacity: 0
+  }
+}), ao = new hn("antMoveUpIn", {
+  "0%": {
+    transform: "translate3d(0, -100%, 0)",
+    transformOrigin: "0 0",
+    opacity: 0
+  },
+  "100%": {
+    transform: "translate3d(0, 0, 0)",
+    transformOrigin: "0 0",
+    opacity: 1
+  }
+}), io = new hn("antMoveUpOut", {
+  "0%": {
+    transform: "translate3d(0, 0, 0)",
+    transformOrigin: "0 0",
+    opacity: 1
+  },
+  "100%": {
+    transform: "translate3d(0, -100%, 0)",
+    transformOrigin: "0 0",
+    opacity: 0
+  }
+}), lo = {
+  "move-up": {
+    inKeyframes: ao,
+    outKeyframes: io
+  },
+  "move-down": {
+    inKeyframes: kr,
+    outKeyframes: eo
+  },
+  "move-left": {
+    inKeyframes: no,
+    outKeyframes: to
+  },
+  "move-right": {
+    inKeyframes: ro,
+    outKeyframes: oo
+  }
+}, Et = (e, n) => {
+  const {
+    antCls: t
+  } = e, r = `${t}-${n}`, {
+    inKeyframes: a,
+    outKeyframes: i
+  } = lo[n];
+  return [Mr(r, a, i, e.motionDurationMid), {
+    [`
+        ${r}-enter,
+        ${r}-appear
+      `]: {
+      opacity: 0,
+      animationTimingFunction: e.motionEaseOutCirc
+    },
+    [`${r}-leave`]: {
+      animationTimingFunction: e.motionEaseInOutCirc
+    }
+  }];
+};
+function uo(e) {
+  return (n) => /* @__PURE__ */ o.createElement(br, {
+    theme: {
+      token: {
+        motion: !1,
+        zIndexPopupBase: 0
+      }
+    }
+  }, /* @__PURE__ */ o.createElement(e, Object.assign({}, n)));
+}
+const co = (e, n, t, r, a) => uo((l) => {
+  const {
+    prefixCls: u,
+    style: d
+  } = l, f = o.useRef(null), [v, s] = o.useState(0), [h, c] = o.useState(0), [g, m] = Bn(!1, {
+    value: l.open
+  }), {
+    getPrefixCls: S
+  } = o.useContext(jn), w = S("select", u);
+  o.useEffect(() => {
+    if (m(!0), typeof ResizeObserver < "u") {
+      const y = new ResizeObserver((p) => {
+        const C = p[0].target;
+        s(C.offsetHeight + 8), c(C.offsetWidth);
+      }), N = setInterval(() => {
+        var p;
+        const C = `.${w}-dropdown`, _ = (p = f.current) === null || p === void 0 ? void 0 : p.querySelector(C);
+        _ && (clearInterval(N), y.observe(_));
+      }, 10);
+      return () => {
+        clearInterval(N), y.disconnect();
+      };
+    }
+  }, []);
+  let b = Object.assign(Object.assign({}, l), {
+    style: Object.assign(Object.assign({}, d), {
+      margin: 0
+    }),
+    open: g,
+    visible: g,
+    getPopupContainer: () => f.current
+  });
+  Object.assign(b, {
+    [n]: {
+      overflow: {
+        adjustX: !1,
+        adjustY: !1
+      }
+    }
+  });
+  const x = {
+    paddingBottom: v,
+    position: "relative",
+    minWidth: h
+  };
+  return /* @__PURE__ */ o.createElement("div", {
+    ref: f,
+    style: x
+  }, /* @__PURE__ */ o.createElement(e, Object.assign({}, b)));
+});
+var Wn = function(n) {
+  var t = n.className, r = n.customizeIcon, a = n.customizeIconProps, i = n.children, l = n.onMouseDown, u = n.onClick, d = typeof r == "function" ? r(a) : r;
+  return /* @__PURE__ */ o.createElement("span", {
+    className: t,
+    onMouseDown: function(v) {
+      v.preventDefault(), l == null || l(v);
+    },
+    style: {
+      userSelect: "none",
+      WebkitUserSelect: "none"
+    },
+    unselectable: "on",
+    onClick: u,
+    "aria-hidden": !0
+  }, d !== void 0 ? d : /* @__PURE__ */ o.createElement("span", {
+    className: Le(t.split(/\s+/).map(function(f) {
+      return "".concat(f, "-icon");
+    }))
+  }, i));
+}, so = function(n, t, r, a, i) {
+  var l = arguments.length > 5 && arguments[5] !== void 0 ? arguments[5] : !1, u = arguments.length > 6 ? arguments[6] : void 0, d = arguments.length > 7 ? arguments[7] : void 0, f = Dn.useMemo(function() {
+    if (pn(a) === "object")
+      return a.clearIcon;
+    if (i)
+      return i;
+  }, [a, i]), v = Dn.useMemo(function() {
+    return !!(!l && a && (r.length || u) && !(d === "combobox" && u === ""));
+  }, [a, l, r.length, u, d]);
+  return {
+    allowClear: v,
+    clearIcon: /* @__PURE__ */ Dn.createElement(Wn, {
+      className: "".concat(n, "-clear"),
+      onMouseDown: t,
+      customizeIcon: f
+    }, "×")
+  };
+}, Wt = /* @__PURE__ */ o.createContext(null);
+function fo() {
+  return o.useContext(Wt);
+}
+function mo() {
+  var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 10, n = o.useState(!1), t = re(n, 2), r = t[0], a = t[1], i = o.useRef(null), l = function() {
+    window.clearTimeout(i.current);
+  };
+  o.useEffect(function() {
+    return l;
+  }, []);
+  var u = function(f, v) {
+    l(), i.current = window.setTimeout(function() {
+      a(f), v && v();
+    }, e);
+  };
+  return [r, u, l];
+}
+function Kt() {
+  var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 250, n = o.useRef(null), t = o.useRef(null);
+  o.useEffect(function() {
+    return function() {
+      window.clearTimeout(t.current);
+    };
+  }, []);
+  function r(a) {
+    (a || n.current === null) && (n.current = a), window.clearTimeout(t.current), t.current = window.setTimeout(function() {
+      n.current = null;
+    }, e);
+  }
+  return [function() {
+    return n.current;
+  }, r];
+}
+function vo(e, n, t, r) {
+  var a = o.useRef(null);
+  a.current = {
+    open: n,
+    triggerOpen: t,
+    customizedTrigger: r
+  }, o.useEffect(function() {
+    function i(l) {
+      var u;
+      if (!((u = a.current) !== null && u !== void 0 && u.customizedTrigger)) {
+        var d = l.target;
+        d.shadowRoot && l.composed && (d = l.composedPath()[0] || d), a.current.open && e().filter(function(f) {
+          return f;
+        }).every(function(f) {
+          return !f.contains(d) && f !== d;
+        }) && a.current.triggerOpen(!1);
+      }
+    }
+    return window.addEventListener("mousedown", i), function() {
+      return window.removeEventListener("mousedown", i);
+    };
+  }, []);
+}
+function go(e) {
+  return (
+    // Undefined for Edge bug:
+    // https://github.com/ant-design/ant-design/issues/51292
+    e && // Other keys
+    ![
+      // System function button
+      X.ESC,
+      X.SHIFT,
+      X.BACKSPACE,
+      X.TAB,
+      X.WIN_KEY,
+      X.ALT,
+      X.META,
+      X.WIN_KEY_RIGHT,
+      X.CTRL,
+      X.SEMICOLON,
+      X.EQUALS,
+      X.CAPS_LOCK,
+      X.CONTEXT_MENU,
+      // F1-F12
+      X.F1,
+      X.F2,
+      X.F3,
+      X.F4,
+      X.F5,
+      X.F6,
+      X.F7,
+      X.F8,
+      X.F9,
+      X.F10,
+      X.F11,
+      X.F12
+    ].includes(e)
+  );
+}
+var po = function(n, t) {
+  var r, a = n.prefixCls, i = n.id, l = n.inputElement, u = n.disabled, d = n.tabIndex, f = n.autoFocus, v = n.autoComplete, s = n.editable, h = n.activeDescendantId, c = n.value, g = n.maxLength, m = n.onKeyDown, S = n.onMouseDown, w = n.onChange, b = n.onPaste, x = n.onCompositionStart, y = n.onCompositionEnd, N = n.open, p = n.attrs, C = l || /* @__PURE__ */ o.createElement("input", null), _ = C, F = _.ref, A = _.props, K = A.onKeyDown, U = A.onChange, ne = A.onMouseDown, z = A.onCompositionStart, ie = A.onCompositionEnd, j = A.style;
+  return Sr(!("maxLength" in C.props), "Passing 'maxLength' to input element directly may not work because input in BaseSelect is controlled."), C = /* @__PURE__ */ o.cloneElement(C, ee(ee(ee({
+    type: "search"
+  }, A), {}, {
+    // Override over origin props
+    id: i,
+    ref: wr(t, F),
+    disabled: u,
+    tabIndex: d,
+    autoComplete: v || "off",
+    autoFocus: f,
+    className: Le("".concat(a, "-selection-search-input"), (r = C) === null || r === void 0 || (r = r.props) === null || r === void 0 ? void 0 : r.className),
+    role: "combobox",
+    "aria-expanded": N || !1,
+    "aria-haspopup": "listbox",
+    "aria-owns": "".concat(i, "_list"),
+    "aria-autocomplete": "list",
+    "aria-controls": "".concat(i, "_list"),
+    "aria-activedescendant": N ? h : void 0
+  }, p), {}, {
+    value: s ? c : "",
+    maxLength: g,
+    readOnly: !s,
+    unselectable: s ? null : "on",
+    style: ee(ee({}, j), {}, {
+      opacity: s ? null : 0
+    }),
+    onKeyDown: function(M) {
+      m(M), K && K(M);
+    },
+    onMouseDown: function(M) {
+      S(M), ne && ne(M);
+    },
+    onChange: function(M) {
+      w(M), U && U(M);
+    },
+    onCompositionStart: function(M) {
+      x(M), z && z(M);
+    },
+    onCompositionEnd: function(M) {
+      y(M), ie && ie(M);
+    },
+    onPaste: b
+  })), C;
+}, ut = /* @__PURE__ */ o.forwardRef(po);
+process.env.NODE_ENV !== "production" && (ut.displayName = "Input");
+function ct(e) {
+  return Array.isArray(e) ? e : e !== void 0 ? [e] : [];
+}
+var ho = typeof window < "u" && window.document && window.document.documentElement, bo = process.env.NODE_ENV !== "test" && ho;
+function So(e) {
+  return e != null;
+}
+function wo(e) {
+  return !e && e !== 0;
+}
+function It(e) {
+  return ["string", "number"].includes(pn(e));
+}
+function Xt(e) {
+  var n = void 0;
+  return e && (It(e.title) ? n = e.title.toString() : It(e.label) && (n = e.label.toString())), n;
+}
+function yo(e, n) {
+  bo ? o.useLayoutEffect(e, n) : o.useEffect(e, n);
+}
+function Co(e) {
+  var n;
+  return (n = e.key) !== null && n !== void 0 ? n : e.value;
+}
+var xt = function(n) {
+  n.preventDefault(), n.stopPropagation();
+}, Eo = function(n) {
+  var t = n.id, r = n.prefixCls, a = n.values, i = n.open, l = n.searchValue, u = n.autoClearSearchValue, d = n.inputRef, f = n.placeholder, v = n.disabled, s = n.mode, h = n.showSearch, c = n.autoFocus, g = n.autoComplete, m = n.activeDescendantId, S = n.tabIndex, w = n.removeIcon, b = n.maxTagCount, x = n.maxTagTextLength, y = n.maxTagPlaceholder, N = y === void 0 ? function(L) {
+    return "+ ".concat(L.length, " ...");
+  } : y, p = n.tagRender, C = n.onToggleOpen, _ = n.onRemove, F = n.onInputChange, A = n.onInputPaste, K = n.onInputKeyDown, U = n.onInputMouseDown, ne = n.onInputCompositionStart, z = n.onInputCompositionEnd, ie = o.useRef(null), j = Tn(0), Z = re(j, 2), M = Z[0], V = Z[1], J = Tn(!1), $ = re(J, 2), Ee = $[0], Re = $[1], G = "".concat(r, "-selection"), he = i || s === "multiple" && u === !1 || s === "tags" ? l : "", $e = s === "tags" || s === "multiple" && u === !1 || h && (i || Ee);
+  yo(function() {
+    V(ie.current.scrollWidth);
+  }, [he]);
+  var Y = function(W, R, Q, ue, se) {
+    return /* @__PURE__ */ o.createElement("span", {
+      title: Xt(W),
+      className: Le("".concat(G, "-item"), ae({}, "".concat(G, "-item-disabled"), Q))
+    }, /* @__PURE__ */ o.createElement("span", {
+      className: "".concat(G, "-item-content")
+    }, R), ue && /* @__PURE__ */ o.createElement(Wn, {
+      className: "".concat(G, "-item-remove"),
+      onMouseDown: xt,
+      onClick: se,
+      customizeIcon: w
+    }, "×"));
+  }, be = function(W, R, Q, ue, se, oe) {
+    var ve = function(He) {
+      xt(He), C(!i);
+    };
+    return /* @__PURE__ */ o.createElement("span", {
+      onMouseDown: ve
+    }, p({
+      label: R,
+      value: W,
+      disabled: Q,
+      closable: ue,
+      onClose: se,
+      isMaxTag: !!oe
+    }));
+  }, we = function(W) {
+    var R = W.disabled, Q = W.label, ue = W.value, se = !v && !R, oe = Q;
+    if (typeof x == "number" && (typeof Q == "string" || typeof Q == "number")) {
+      var ve = String(oe);
+      ve.length > x && (oe = "".concat(ve.slice(0, x), "..."));
+    }
+    var De = function(Ve) {
+      Ve && Ve.stopPropagation(), _(W);
+    };
+    return typeof p == "function" ? be(ue, oe, R, se, De) : Y(W, oe, R, se, De);
+  }, le = function(W) {
+    if (!a.length)
+      return null;
+    var R = typeof N == "function" ? N(W) : N;
+    return typeof p == "function" ? be(void 0, R, !1, !1, void 0, !0) : Y({
+      title: R
+    }, R, !1);
+  }, E = /* @__PURE__ */ o.createElement("div", {
+    className: "".concat(G, "-search"),
+    style: {
+      width: M
+    },
+    onFocus: function() {
+      Re(!0);
+    },
+    onBlur: function() {
+      Re(!1);
+    }
+  }, /* @__PURE__ */ o.createElement(ut, {
+    ref: d,
+    open: i,
+    prefixCls: r,
+    id: t,
+    inputElement: null,
+    disabled: v,
+    autoFocus: c,
+    autoComplete: g,
+    editable: $e,
+    activeDescendantId: m,
+    value: he,
+    onKeyDown: K,
+    onMouseDown: U,
+    onChange: F,
+    onPaste: A,
+    onCompositionStart: ne,
+    onCompositionEnd: z,
+    tabIndex: S,
+    attrs: Fn(n, !0)
+  }), /* @__PURE__ */ o.createElement("span", {
+    ref: ie,
+    className: "".concat(G, "-search-mirror"),
+    "aria-hidden": !0
+  }, he, " ")), O = /* @__PURE__ */ o.createElement(Lr, {
+    prefixCls: "".concat(G, "-overflow"),
+    data: a,
+    renderItem: we,
+    renderRest: le,
+    suffix: E,
+    itemKey: Co,
+    maxCount: b
+  });
+  return /* @__PURE__ */ o.createElement("span", {
+    className: "".concat(G, "-wrap")
+  }, O, !a.length && !he && /* @__PURE__ */ o.createElement("span", {
+    className: "".concat(G, "-placeholder")
+  }, f));
+}, Io = function(n) {
+  var t = n.inputElement, r = n.prefixCls, a = n.id, i = n.inputRef, l = n.disabled, u = n.autoFocus, d = n.autoComplete, f = n.activeDescendantId, v = n.mode, s = n.open, h = n.values, c = n.placeholder, g = n.tabIndex, m = n.showSearch, S = n.searchValue, w = n.activeValue, b = n.maxLength, x = n.onInputKeyDown, y = n.onInputMouseDown, N = n.onInputChange, p = n.onInputPaste, C = n.onInputCompositionStart, _ = n.onInputCompositionEnd, F = n.title, A = o.useState(!1), K = re(A, 2), U = K[0], ne = K[1], z = v === "combobox", ie = z || m, j = h[0], Z = S || "";
+  z && w && !U && (Z = w), o.useEffect(function() {
+    z && ne(!1);
+  }, [z, w]);
+  var M = v !== "combobox" && !s && !m ? !1 : !!Z, V = F === void 0 ? Xt(j) : F, J = o.useMemo(function() {
+    return j ? null : /* @__PURE__ */ o.createElement("span", {
+      className: "".concat(r, "-selection-placeholder"),
+      style: M ? {
+        visibility: "hidden"
+      } : void 0
+    }, c);
+  }, [j, M, c, r]);
+  return /* @__PURE__ */ o.createElement("span", {
+    className: "".concat(r, "-selection-wrap")
+  }, /* @__PURE__ */ o.createElement("span", {
+    className: "".concat(r, "-selection-search")
+  }, /* @__PURE__ */ o.createElement(ut, {
+    ref: i,
+    prefixCls: r,
+    id: a,
+    open: s,
+    inputElement: t,
+    disabled: l,
+    autoFocus: u,
+    autoComplete: d,
+    editable: ie,
+    activeDescendantId: f,
+    value: Z,
+    onKeyDown: x,
+    onMouseDown: y,
+    onChange: function(Ee) {
+      ne(!0), N(Ee);
+    },
+    onPaste: p,
+    onCompositionStart: C,
+    onCompositionEnd: _,
+    tabIndex: g,
+    attrs: Fn(n, !0),
+    maxLength: z ? b : void 0
+  })), !z && j ? /* @__PURE__ */ o.createElement("span", {
+    className: "".concat(r, "-selection-item"),
+    title: V,
+    style: M ? {
+      visibility: "hidden"
+    } : void 0
+  }, j.label) : null, J);
+}, xo = function(n, t) {
+  var r = fe(null), a = fe(!1), i = n.prefixCls, l = n.open, u = n.mode, d = n.showSearch, f = n.tokenWithEnter, v = n.disabled, s = n.prefix, h = n.autoClearSearchValue, c = n.onSearch, g = n.onSearchSubmit, m = n.onToggleOpen, S = n.onInputKeyDown, w = n.domRef;
+  o.useImperativeHandle(t, function() {
+    return {
+      focus: function(V) {
+        r.current.focus(V);
+      },
+      blur: function() {
+        r.current.blur();
+      }
+    };
+  });
+  var b = Kt(0), x = re(b, 2), y = x[0], N = x[1], p = function(V) {
+    var J = V.which, $ = r.current instanceof HTMLTextAreaElement;
+    !$ && l && (J === X.UP || J === X.DOWN) && V.preventDefault(), S && S(V), J === X.ENTER && u === "tags" && !a.current && !l && (g == null || g(V.target.value)), !($ && !l && ~[X.UP, X.DOWN, X.LEFT, X.RIGHT].indexOf(J)) && go(J) && m(!0);
+  }, C = function() {
+    N(!0);
+  }, _ = fe(null), F = function(V) {
+    c(V, !0, a.current) !== !1 && m(!0);
+  }, A = function() {
+    a.current = !0;
+  }, K = function(V) {
+    a.current = !1, u !== "combobox" && F(V.target.value);
+  }, U = function(V) {
+    var J = V.target.value;
+    if (f && _.current && /[\r\n]/.test(_.current)) {
+      var $ = _.current.replace(/[\r\n]+$/, "").replace(/\r\n/g, " ").replace(/[\r\n]/g, " ");
+      J = J.replace($, _.current);
+    }
+    _.current = null, F(J);
+  }, ne = function(V) {
+    var J = V.clipboardData, $ = J == null ? void 0 : J.getData("text");
+    _.current = $ || "";
+  }, z = function(V) {
+    var J = V.target;
+    if (J !== r.current) {
+      var $ = document.body.style.msTouchAction !== void 0;
+      $ ? setTimeout(function() {
+        r.current.focus();
+      }) : r.current.focus();
+    }
+  }, ie = function(V) {
+    var J = y();
+    V.target !== r.current && !J && !(u === "combobox" && v) && V.preventDefault(), (u !== "combobox" && (!d || !J) || !l) && (l && h !== !1 && c("", !0, !1), m());
+  }, j = {
+    inputRef: r,
+    onInputKeyDown: p,
+    onInputMouseDown: C,
+    onInputChange: U,
+    onInputPaste: ne,
+    onInputCompositionStart: A,
+    onInputCompositionEnd: K
+  }, Z = u === "multiple" || u === "tags" ? /* @__PURE__ */ o.createElement(Eo, Ze({}, n, j)) : /* @__PURE__ */ o.createElement(Io, Ze({}, n, j));
+  return /* @__PURE__ */ o.createElement("div", {
+    ref: w,
+    className: "".concat(i, "-selector"),
+    onClick: z,
+    onMouseDown: ie
+  }, s && /* @__PURE__ */ o.createElement("div", {
+    className: "".concat(i, "-prefix")
+  }, s), Z);
+}, Ut = /* @__PURE__ */ o.forwardRef(xo);
+process.env.NODE_ENV !== "production" && (Ut.displayName = "Selector");
+var Oo = ["prefixCls", "disabled", "visible", "children", "popupElement", "animation", "transitionName", "dropdownStyle", "dropdownClassName", "direction", "placement", "builtinPlacements", "dropdownMatchSelectWidth", "dropdownRender", "dropdownAlign", "getPopupContainer", "empty", "getTriggerDOMNode", "onPopupVisibleChange", "onPopupMouseEnter"], Ro = function(n) {
+  var t = n === !0 ? 0 : 1;
+  return {
+    bottomLeft: {
+      points: ["tl", "bl"],
+      offset: [0, 4],
+      overflow: {
+        adjustX: t,
+        adjustY: 1
+      },
+      htmlRegion: "scroll"
+    },
+    bottomRight: {
+      points: ["tr", "br"],
+      offset: [0, 4],
+      overflow: {
+        adjustX: t,
+        adjustY: 1
+      },
+      htmlRegion: "scroll"
+    },
+    topLeft: {
+      points: ["bl", "tl"],
+      offset: [0, -4],
+      overflow: {
+        adjustX: t,
+        adjustY: 1
+      },
+      htmlRegion: "scroll"
+    },
+    topRight: {
+      points: ["br", "tr"],
+      offset: [0, -4],
+      overflow: {
+        adjustX: t,
+        adjustY: 1
+      },
+      htmlRegion: "scroll"
+    }
+  };
+}, $o = function(n, t) {
+  var r = n.prefixCls;
+  n.disabled;
+  var a = n.visible, i = n.children, l = n.popupElement, u = n.animation, d = n.transitionName, f = n.dropdownStyle, v = n.dropdownClassName, s = n.direction, h = s === void 0 ? "ltr" : s, c = n.placement, g = n.builtinPlacements, m = n.dropdownMatchSelectWidth, S = n.dropdownRender, w = n.dropdownAlign, b = n.getPopupContainer, x = n.empty, y = n.getTriggerDOMNode, N = n.onPopupVisibleChange, p = n.onPopupMouseEnter, C = In(n, Oo), _ = "".concat(r, "-dropdown"), F = l;
+  S && (F = S(l));
+  var A = o.useMemo(function() {
+    return g || Ro(m);
+  }, [g, m]), K = u ? "".concat(_, "-").concat(u) : d, U = typeof m == "number", ne = o.useMemo(function() {
+    return U ? null : m === !1 ? "minWidth" : "width";
+  }, [m, U]), z = f;
+  U && (z = ee(ee({}, z), {}, {
+    width: m
+  }));
+  var ie = o.useRef(null);
+  return o.useImperativeHandle(t, function() {
+    return {
+      getPopupElement: function() {
+        var Z;
+        return (Z = ie.current) === null || Z === void 0 ? void 0 : Z.popupElement;
+      }
+    };
+  }), /* @__PURE__ */ o.createElement(Dr, Ze({}, C, {
+    showAction: N ? ["click"] : [],
+    hideAction: N ? ["click"] : [],
+    popupPlacement: c || (h === "rtl" ? "bottomRight" : "bottomLeft"),
+    builtinPlacements: A,
+    prefixCls: _,
+    popupTransitionName: K,
+    popup: /* @__PURE__ */ o.createElement("div", {
+      onMouseEnter: p
+    }, F),
+    ref: ie,
+    stretch: ne,
+    popupAlign: w,
+    popupVisible: a,
+    getPopupContainer: b,
+    popupClassName: Le(v, ae({}, "".concat(_, "-empty"), x)),
+    popupStyle: z,
+    getTriggerDOMNode: y,
+    onPopupVisibleChange: N
+  }), i);
+}, Gt = /* @__PURE__ */ o.forwardRef($o);
+process.env.NODE_ENV !== "production" && (Gt.displayName = "SelectTrigger");
+function Ot(e, n) {
+  var t = e.key, r;
+  return "value" in e && (r = e.value), t ?? (r !== void 0 ? r : "rc-index-key-".concat(n));
+}
+function kn(e) {
+  return typeof e < "u" && !Number.isNaN(e);
+}
+function Yt(e, n) {
+  var t = e || {}, r = t.label, a = t.value, i = t.options, l = t.groupLabel, u = r || (n ? "children" : "label");
+  return {
+    label: u,
+    value: a || "value",
+    options: i || "options",
+    groupLabel: l || u
+  };
+}
+function Mo(e) {
+  var n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, t = n.fieldNames, r = n.childrenAsData, a = [], i = Yt(t, !1), l = i.label, u = i.value, d = i.options, f = i.groupLabel;
+  function v(s, h) {
+    Array.isArray(s) && s.forEach(function(c) {
+      if (h || !(d in c)) {
+        var g = c[u];
+        a.push({
+          key: Ot(c, a.length),
+          groupOption: h,
+          data: c,
+          label: c[l],
+          value: g
+        });
+      } else {
+        var m = c[f];
+        m === void 0 && r && (m = c.label), a.push({
+          key: Ot(c, a.length),
+          group: !0,
+          data: c,
+          label: m
+        }), v(c[d], !0);
+      }
+    });
+  }
+  return v(e, !1), a;
+}
+function et(e) {
+  var n = ee({}, e);
+  return "props" in n || Object.defineProperty(n, "props", {
+    get: function() {
+      return Ue(!1, "Return type is option instead of Option instance. Please read value directly instead of reading from `props`."), n;
+    }
+  }), n;
+}
+var Do = function(n, t, r) {
+  if (!t || !t.length)
+    return null;
+  var a = !1, i = function u(d, f) {
+    var v = yr(f), s = v[0], h = v.slice(1);
+    if (!s)
+      return [d];
+    var c = d.split(s);
+    return a = a || c.length > 1, c.reduce(function(g, m) {
+      return [].concat(Ye(g), Ye(u(m, h)));
+    }, []).filter(Boolean);
+  }, l = i(n, t);
+  return a ? typeof r < "u" ? l.slice(0, r) : l : null;
+}, st = /* @__PURE__ */ o.createContext(null);
+function No(e) {
+  var n = e.visible, t = e.values;
+  if (!n)
+    return null;
+  var r = 50;
+  return /* @__PURE__ */ o.createElement("span", {
+    "aria-live": "polite",
+    style: {
+      width: 0,
+      height: 0,
+      position: "absolute",
+      overflow: "hidden",
+      opacity: 0
+    }
+  }, "".concat(t.slice(0, r).map(function(a) {
+    var i = a.label, l = a.value;
+    return ["number", "string"].includes(pn(i)) ? i : l;
+  }).join(", ")), t.length > r ? ", ..." : null);
+}
+var Po = ["id", "prefixCls", "className", "showSearch", "tagRender", "direction", "omitDomProps", "displayValues", "onDisplayValuesChange", "emptyOptions", "notFoundContent", "onClear", "mode", "disabled", "loading", "getInputElement", "getRawInputElement", "open", "defaultOpen", "onDropdownVisibleChange", "activeValue", "onActiveValueChange", "activeDescendantId", "searchValue", "autoClearSearchValue", "onSearch", "onSearchSplit", "tokenSeparators", "allowClear", "prefix", "suffixIcon", "clearIcon", "OptionList", "animation", "transitionName", "dropdownStyle", "dropdownClassName", "dropdownMatchSelectWidth", "dropdownRender", "dropdownAlign", "placement", "builtinPlacements", "getPopupContainer", "showAction", "onFocus", "onBlur", "onKeyUp", "onKeyDown", "onMouseDown"], _o = ["value", "onChange", "removeIcon", "placeholder", "autoFocus", "maxTagCount", "maxTagTextLength", "maxTagPlaceholder", "choiceTransitionName", "onInputKeyDown", "onPopupScroll", "tabIndex"], An = function(n) {
+  return n === "tags" || n === "multiple";
+}, qt = /* @__PURE__ */ o.forwardRef(function(e, n) {
+  var t, r = e.id, a = e.prefixCls, i = e.className, l = e.showSearch, u = e.tagRender, d = e.direction, f = e.omitDomProps, v = e.displayValues, s = e.onDisplayValuesChange, h = e.emptyOptions, c = e.notFoundContent, g = c === void 0 ? "Not Found" : c, m = e.onClear, S = e.mode, w = e.disabled, b = e.loading, x = e.getInputElement, y = e.getRawInputElement, N = e.open, p = e.defaultOpen, C = e.onDropdownVisibleChange, _ = e.activeValue, F = e.onActiveValueChange, A = e.activeDescendantId, K = e.searchValue, U = e.autoClearSearchValue, ne = e.onSearch, z = e.onSearchSplit, ie = e.tokenSeparators, j = e.allowClear, Z = e.prefix, M = e.suffixIcon, V = e.clearIcon, J = e.OptionList, $ = e.animation, Ee = e.transitionName, Re = e.dropdownStyle, G = e.dropdownClassName, he = e.dropdownMatchSelectWidth, $e = e.dropdownRender, Y = e.dropdownAlign, be = e.placement, we = e.builtinPlacements, le = e.getPopupContainer, E = e.showAction, O = E === void 0 ? [] : E, L = e.onFocus, W = e.onBlur, R = e.onKeyUp, Q = e.onKeyDown, ue = e.onMouseDown, se = In(e, Po), oe = An(S), ve = (l !== void 0 ? l : oe) || S === "combobox", De = ee({}, se);
+  _o.forEach(function(ce) {
+    delete De[ce];
+  }), f == null || f.forEach(function(ce) {
+    delete De[ce];
+  });
+  var He = o.useState(!1), Ve = re(He, 2), me = Ve[0], qe = Ve[1];
+  o.useEffect(function() {
+    qe(Nr());
+  }, []);
+  var Me = o.useRef(null), ge = o.useRef(null), ye = o.useRef(null), Ie = o.useRef(null), Te = o.useRef(null), Ae = o.useRef(!1), Je = mo(), xe = re(Je, 3), We = xe[0], je = xe[1], fn = xe[2];
+  o.useImperativeHandle(n, function() {
+    var ce, q;
+    return {
+      focus: (ce = Ie.current) === null || ce === void 0 ? void 0 : ce.focus,
+      blur: (q = Ie.current) === null || q === void 0 ? void 0 : q.blur,
+      scrollTo: function(Xe) {
+        var Pe;
+        return (Pe = Te.current) === null || Pe === void 0 ? void 0 : Pe.scrollTo(Xe);
+      },
+      nativeElement: Me.current || ge.current
+    };
+  });
+  var Be = o.useMemo(function() {
+    var ce;
+    if (S !== "combobox")
+      return K;
+    var q = (ce = v[0]) === null || ce === void 0 ? void 0 : ce.value;
+    return typeof q == "string" || typeof q == "number" ? String(q) : "";
+  }, [K, S, v]), ze = S === "combobox" && typeof x == "function" && x() || null, Ne = typeof y == "function" && y(), bn = Cr(ge, Ne == null || (t = Ne.props) === null || t === void 0 ? void 0 : t.ref), mn = o.useState(!1), On = re(mn, 2), vn = On[0], an = On[1];
+  Nn(function() {
+    an(!0);
+  }, []);
+  var Sn = Bn(!1, {
+    defaultValue: p,
+    value: N
+  }), nn = re(Sn, 2), wn = nn[0], ln = nn[1], Ce = vn ? wn : !1, un = !g && h;
+  (w || un && Ce && S === "combobox") && (Ce = !1);
+  var cn = un ? !1 : Ce, P = o.useCallback(function(ce) {
+    var q = ce !== void 0 ? ce : !Ce;
+    w || (ln(q), Ce !== q && (C == null || C(q)));
+  }, [w, Ce, ln, C]), B = o.useMemo(function() {
+    return (ie || []).some(function(ce) {
+      return [`
+`, `\r
+`].includes(ce);
+    });
+  }, [ie]), T = o.useContext(st) || {}, H = T.maxCount, te = T.rawValues, de = function(q, Ke, Xe) {
+    if (!(oe && kn(H) && (te == null ? void 0 : te.size) >= H)) {
+      var Pe = !0, Fe = q;
+      F == null || F(null);
+      var dn = Do(q, ie, kn(H) ? H - te.size : void 0), rn = Xe ? null : dn;
+      return S !== "combobox" && rn && (Fe = "", z == null || z(rn), P(!1), Pe = !1), ne && Be !== Fe && ne(Fe, {
+        source: Ke ? "typing" : "effect"
+      }), Pe;
+    }
+  }, Qe = function(q) {
+    !q || !q.trim() || ne(q, {
+      source: "submit"
+    });
+  };
+  o.useEffect(function() {
+    !Ce && !oe && S !== "combobox" && de("", !1, !1);
+  }, [Ce]), o.useEffect(function() {
+    wn && w && ln(!1), w && !Ae.current && je(!1);
+  }, [w]);
+  var Ge = Kt(), ke = re(Ge, 2), Oe = ke[0], tn = ke[1], en = o.useRef(!1), sn = function(q) {
+    var Ke = Oe(), Xe = q.key, Pe = Xe === "Enter";
+    if (Pe && (S !== "combobox" && q.preventDefault(), Ce || P(!0)), tn(!!Be), Xe === "Backspace" && !Ke && oe && !Be && v.length) {
+      for (var Fe = Ye(v), dn = null, rn = Fe.length - 1; rn >= 0; rn -= 1) {
+        var Cn = Fe[rn];
+        if (!Cn.disabled) {
+          Fe.splice(rn, 1), dn = Cn;
+          break;
+        }
+      }
+      dn && s(Fe, {
+        type: "remove",
+        values: [dn]
+      });
+    }
+    for (var Mn = arguments.length, En = new Array(Mn > 1 ? Mn - 1 : 0), Ln = 1; Ln < Mn; Ln++)
+      En[Ln - 1] = arguments[Ln];
+    if (Ce && (!Pe || !en.current)) {
+      var Hn;
+      (Hn = Te.current) === null || Hn === void 0 || Hn.onKeyDown.apply(Hn, [q].concat(En));
+    }
+    Pe && (en.current = !0), Q == null || Q.apply(void 0, [q].concat(En));
+  }, _n = function(q) {
+    for (var Ke = arguments.length, Xe = new Array(Ke > 1 ? Ke - 1 : 0), Pe = 1; Pe < Ke; Pe++)
+      Xe[Pe - 1] = arguments[Pe];
+    if (Ce) {
+      var Fe;
+      (Fe = Te.current) === null || Fe === void 0 || Fe.onKeyUp.apply(Fe, [q].concat(Xe));
+    }
+    q.key === "Enter" && (en.current = !1), R == null || R.apply(void 0, [q].concat(Xe));
+  }, D = function(q) {
+    var Ke = v.filter(function(Xe) {
+      return Xe !== q;
+    });
+    s(Ke, {
+      type: "remove",
+      values: [q]
+    });
+  }, I = o.useRef(!1), k = function() {
+    je(!0), w || (L && !I.current && L.apply(void 0, arguments), O.includes("focus") && P(!0)), I.current = !0;
+  }, pe = function() {
+    Ae.current = !0, je(!1, function() {
+      I.current = !1, Ae.current = !1, P(!1);
+    }), !w && (Be && (S === "tags" ? ne(Be, {
+      source: "submit"
+    }) : S === "multiple" && ne("", {
+      source: "blur"
+    })), W && W.apply(void 0, arguments));
+  }, Se = [];
+  o.useEffect(function() {
+    return function() {
+      Se.forEach(function(ce) {
+        return clearTimeout(ce);
+      }), Se.splice(0, Se.length);
+    };
+  }, []);
+  var Rn = function(q) {
+    var Ke, Xe = q.target, Pe = (Ke = ye.current) === null || Ke === void 0 ? void 0 : Ke.getPopupElement();
+    if (Pe && Pe.contains(Xe)) {
+      var Fe = setTimeout(function() {
+        var Mn = Se.indexOf(Fe);
+        if (Mn !== -1 && Se.splice(Mn, 1), fn(), !me && !Pe.contains(document.activeElement)) {
+          var En;
+          (En = Ie.current) === null || En === void 0 || En.focus();
+        }
+      });
+      Se.push(Fe);
+    }
+    for (var dn = arguments.length, rn = new Array(dn > 1 ? dn - 1 : 0), Cn = 1; Cn < dn; Cn++)
+      rn[Cn - 1] = arguments[Cn];
+    ue == null || ue.apply(void 0, [q].concat(rn));
+  }, yn = o.useState({}), Kn = re(yn, 2), Xn = Kn[1];
+  function zn() {
+    Xn({});
+  }
+  var $n;
+  Ne && ($n = function(q) {
+    P(q);
+  }), vo(function() {
+    var ce;
+    return [Me.current, (ce = ye.current) === null || ce === void 0 ? void 0 : ce.getPopupElement()];
+  }, cn, P, !!Ne);
+  var sr = o.useMemo(function() {
+    return ee(ee({}, e), {}, {
+      notFoundContent: g,
+      open: Ce,
+      triggerOpen: cn,
+      id: r,
+      showSearch: ve,
+      multiple: oe,
+      toggleOpen: P
+    });
+  }, [e, g, cn, Ce, r, ve, oe, P]), gt = !!M || b, pt;
+  gt && (pt = /* @__PURE__ */ o.createElement(Wn, {
+    className: Le("".concat(a, "-arrow"), ae({}, "".concat(a, "-arrow-loading"), b)),
+    customizeIcon: M,
+    customizeIconProps: {
+      loading: b,
+      searchValue: Be,
+      open: Ce,
+      focused: We,
+      showSearch: ve
+    }
+  }));
+  var dr = function() {
+    var q;
+    m == null || m(), (q = Ie.current) === null || q === void 0 || q.focus(), s([], {
+      type: "clear",
+      values: v
+    }), de("", !1, !1);
+  }, ht = so(a, dr, v, j, V, w, Be, S), fr = ht.allowClear, mr = ht.clearIcon, vr = /* @__PURE__ */ o.createElement(J, {
+    ref: Te
+  }), gr = Le(a, i, ae(ae(ae(ae(ae(ae(ae(ae(ae(ae({}, "".concat(a, "-focused"), We), "".concat(a, "-multiple"), oe), "".concat(a, "-single"), !oe), "".concat(a, "-allow-clear"), j), "".concat(a, "-show-arrow"), gt), "".concat(a, "-disabled"), w), "".concat(a, "-loading"), b), "".concat(a, "-open"), Ce), "".concat(a, "-customize-input"), ze), "".concat(a, "-show-search"), ve)), bt = /* @__PURE__ */ o.createElement(Gt, {
+    ref: ye,
+    disabled: w,
+    prefixCls: a,
+    visible: cn,
+    popupElement: vr,
+    animation: $,
+    transitionName: Ee,
+    dropdownStyle: Re,
+    dropdownClassName: G,
+    direction: d,
+    dropdownMatchSelectWidth: he,
+    dropdownRender: $e,
+    dropdownAlign: Y,
+    placement: be,
+    builtinPlacements: we,
+    getPopupContainer: le,
+    empty: h,
+    getTriggerDOMNode: function(q) {
+      return (
+        // TODO: This is workaround and should be removed in `rc-select`
+        // And use new standard `nativeElement` for ref.
+        // But we should update `rc-resize-observer` first.
+        ge.current || q
+      );
+    },
+    onPopupVisibleChange: $n,
+    onPopupMouseEnter: zn
+  }, Ne ? /* @__PURE__ */ o.cloneElement(Ne, {
+    ref: bn
+  }) : /* @__PURE__ */ o.createElement(Ut, Ze({}, e, {
+    domRef: ge,
+    prefixCls: a,
+    inputElement: ze,
+    ref: Ie,
+    id: r,
+    prefix: Z,
+    showSearch: ve,
+    autoClearSearchValue: U,
+    mode: S,
+    activeDescendantId: A,
+    tagRender: u,
+    values: v,
+    open: Ce,
+    onToggleOpen: P,
+    activeValue: _,
+    searchValue: Be,
+    onSearch: de,
+    onSearchSubmit: Qe,
+    onRemove: D,
+    tokenWithEnter: B
+  }))), Un;
+  return Ne ? Un = bt : Un = /* @__PURE__ */ o.createElement("div", Ze({
+    className: gr
+  }, De, {
+    ref: Me,
+    onMouseDown: Rn,
+    onKeyDown: sn,
+    onKeyUp: _n,
+    onFocus: k,
+    onBlur: pe
+  }), /* @__PURE__ */ o.createElement(No, {
+    visible: We && !Ce,
+    values: v
+  }), bt, pt, fr && mr), /* @__PURE__ */ o.createElement(Wt.Provider, {
+    value: sr
+  }, Un);
+});
+process.env.NODE_ENV !== "production" && (qt.displayName = "BaseSelect");
+var dt = function() {
+  return null;
+};
+dt.isSelectOptGroup = !0;
+var ft = function() {
+  return null;
+};
+ft.isSelectOption = !0;
+var Qt = /* @__PURE__ */ o.forwardRef(function(e, n) {
+  var t = e.height, r = e.offsetY, a = e.offsetX, i = e.children, l = e.prefixCls, u = e.onInnerResize, d = e.innerProps, f = e.rtl, v = e.extra, s = {}, h = {
+    display: "flex",
+    flexDirection: "column"
+  };
+  return r !== void 0 && (s = {
+    height: t,
+    position: "relative",
+    overflow: "hidden"
+  }, h = ee(ee({}, h), {}, ae(ae(ae(ae(ae({
+    transform: "translateY(".concat(r, "px)")
+  }, f ? "marginRight" : "marginLeft", -a), "position", "absolute"), "left", 0), "right", 0), "top", 0))), /* @__PURE__ */ o.createElement("div", {
+    style: s
+  }, /* @__PURE__ */ o.createElement(jt, {
+    onResize: function(g) {
+      var m = g.offsetHeight;
+      m && u && u();
+    }
+  }, /* @__PURE__ */ o.createElement("div", Ze({
+    style: h,
+    className: Le(ae({}, "".concat(l, "-holder-inner"), l)),
+    ref: n
+  }, d), i, v)));
+});
+Qt.displayName = "Filler";
+function To(e) {
+  var n = e.children, t = e.setRef, r = o.useCallback(function(a) {
+    t(a);
+  }, []);
+  return /* @__PURE__ */ o.cloneElement(n, {
+    ref: r
+  });
+}
+function zo(e, n, t, r, a, i, l, u) {
+  var d = u.getKey;
+  return e.slice(n, t + 1).map(function(f, v) {
+    var s = n + v, h = l(f, s, {
+      style: {
+        width: r
+      },
+      offsetX: a
+    }), c = d(f);
+    return /* @__PURE__ */ o.createElement(To, {
+      key: c,
+      setRef: function(m) {
+        return i(f, m);
+      }
+    }, h);
+  });
+}
+function Lo(e, n, t) {
+  var r = e.length, a = n.length, i, l;
+  if (r === 0 && a === 0)
+    return null;
+  r < a ? (i = e, l = n) : (i = n, l = e);
+  var u = {
+    __EMPTY_ITEM__: !0
+  };
+  function d(g) {
+    return g !== void 0 ? t(g) : u;
+  }
+  for (var f = null, v = Math.abs(r - a) !== 1, s = 0; s < l.length; s += 1) {
+    var h = d(i[s]), c = d(l[s]);
+    if (h !== c) {
+      f = s, v = v || h !== d(l[s + 1]);
+      break;
+    }
+  }
+  return f === null ? null : {
+    index: f,
+    multiple: v
+  };
+}
+function Ho(e, n, t) {
+  var r = o.useState(e), a = re(r, 2), i = a[0], l = a[1], u = o.useState(null), d = re(u, 2), f = d[0], v = d[1];
+  return o.useEffect(function() {
+    var s = Lo(i || [], e, n);
+    (s == null ? void 0 : s.index) !== void 0 && v(e[s.index]), l(e);
+  }, [e]), [f];
+}
+var Rt = (typeof navigator > "u" ? "undefined" : pn(navigator)) === "object" && /Firefox/i.test(navigator.userAgent);
+const Zt = function(e, n, t, r) {
+  var a = fe(!1), i = fe(null);
+  function l() {
+    clearTimeout(i.current), a.current = !0, i.current = setTimeout(function() {
+      a.current = !1;
+    }, 50);
+  }
+  var u = fe({
+    top: e,
+    bottom: n,
+    left: t,
+    right: r
+  });
+  return u.current.top = e, u.current.bottom = n, u.current.left = t, u.current.right = r, function(d, f) {
+    var v = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : !1, s = d ? (
+      // Pass origin wheel when on the left
+      f < 0 && u.current.left || // Pass origin wheel when on the right
+      f > 0 && u.current.right
+    ) : f < 0 && u.current.top || // Pass origin wheel when on the bottom
+    f > 0 && u.current.bottom;
+    return v && s ? (clearTimeout(i.current), a.current = !1) : (!s || a.current) && l(), !a.current && s;
+  };
+};
+function Vo(e, n, t, r, a, i, l) {
+  var u = fe(0), d = fe(null), f = fe(null), v = fe(!1), s = Zt(n, t, r, a);
+  function h(b, x) {
+    if (on.cancel(d.current), !s(!1, x)) {
+      var y = b;
+      if (!y._virtualHandled)
+        y._virtualHandled = !0;
+      else
+        return;
+      u.current += x, f.current = x, Rt || y.preventDefault(), d.current = on(function() {
+        var N = v.current ? 10 : 1;
+        l(u.current * N, !1), u.current = 0;
+      });
+    }
+  }
+  function c(b, x) {
+    l(x, !0), Rt || b.preventDefault();
+  }
+  var g = fe(null), m = fe(null);
+  function S(b) {
+    if (e) {
+      on.cancel(m.current), m.current = on(function() {
+        g.current = null;
+      }, 2);
+      var x = b.deltaX, y = b.deltaY, N = b.shiftKey, p = x, C = y;
+      (g.current === "sx" || !g.current && N && y && !x) && (p = y, C = 0, g.current = "sx");
+      var _ = Math.abs(p), F = Math.abs(C);
+      g.current === null && (g.current = i && _ > F ? "x" : "y"), g.current === "y" ? h(b, C) : c(b, p);
+    }
+  }
+  function w(b) {
+    e && (v.current = b.detail === f.current);
+  }
+  return [S, w];
+}
+function Bo(e, n, t, r) {
+  var a = o.useMemo(function() {
+    return [/* @__PURE__ */ new Map(), []];
+  }, [e, t.id, r]), i = re(a, 2), l = i[0], u = i[1], d = function(v) {
+    var s = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : v, h = l.get(v), c = l.get(s);
+    if (h === void 0 || c === void 0)
+      for (var g = e.length, m = u.length; m < g; m += 1) {
+        var S, w = e[m], b = n(w);
+        l.set(b, m);
+        var x = (S = t.get(b)) !== null && S !== void 0 ? S : r;
+        if (u[m] = (u[m - 1] || 0) + x, b === v && (h = m), b === s && (c = m), h !== void 0 && c !== void 0)
+          break;
+      }
+    return {
+      top: u[h - 1] || 0,
+      bottom: u[c]
+    };
+  };
+  return d;
+}
+var Fo = /* @__PURE__ */ function() {
+  function e() {
+    Ir(this, e), ae(this, "maps", void 0), ae(this, "id", 0), ae(this, "diffKeys", /* @__PURE__ */ new Set()), this.maps = /* @__PURE__ */ Object.create(null);
+  }
+  return Er(e, [{
+    key: "set",
+    value: function(t, r) {
+      this.maps[t] = r, this.id += 1, this.diffKeys.add(t);
+    }
+  }, {
+    key: "get",
+    value: function(t) {
+      return this.maps[t];
+    }
+    /**
+     * CacheMap will record the key changed.
+     * To help to know what's update in the next render.
+     */
+  }, {
+    key: "resetRecord",
+    value: function() {
+      this.diffKeys.clear();
+    }
+  }, {
+    key: "getRecord",
+    value: function() {
+      return this.diffKeys;
+    }
+  }]), e;
+}();
+function $t(e) {
+  var n = parseFloat(e);
+  return isNaN(n) ? 0 : n;
+}
+function Ao(e, n, t) {
+  var r = o.useState(0), a = re(r, 2), i = a[0], l = a[1], u = fe(/* @__PURE__ */ new Map()), d = fe(new Fo()), f = fe(0);
+  function v() {
+    f.current += 1;
+  }
+  function s() {
+    var c = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !1;
+    v();
+    var g = function() {
+      u.current.forEach(function(w, b) {
+        if (w && w.offsetParent) {
+          var x = xr(w), y = x.offsetHeight, N = getComputedStyle(x), p = N.marginTop, C = N.marginBottom, _ = $t(p), F = $t(C), A = y + _ + F;
+          d.current.get(b) !== A && d.current.set(b, A);
+        }
+      }), l(function(w) {
+        return w + 1;
+      });
+    };
+    if (c)
+      g();
+    else {
+      f.current += 1;
+      var m = f.current;
+      Promise.resolve().then(function() {
+        m === f.current && g();
+      });
+    }
+  }
+  function h(c, g) {
+    var m = e(c);
+    u.current.get(m), g ? (u.current.set(m, g), s()) : u.current.delete(m);
+  }
+  return Qn(function() {
+    return v;
+  }, []), [h, s, d.current, i];
+}
+var Mt = 14 / 15;
+function jo(e, n, t) {
+  var r = fe(!1), a = fe(0), i = fe(0), l = fe(null), u = fe(null), d, f = function(c) {
+    if (r.current) {
+      var g = Math.ceil(c.touches[0].pageX), m = Math.ceil(c.touches[0].pageY), S = a.current - g, w = i.current - m, b = Math.abs(S) > Math.abs(w);
+      b ? a.current = g : i.current = m;
+      var x = t(b, b ? S : w, !1, c);
+      x && c.preventDefault(), clearInterval(u.current), x && (u.current = setInterval(function() {
+        b ? S *= Mt : w *= Mt;
+        var y = Math.floor(b ? S : w);
+        (!t(b, y, !0) || Math.abs(y) <= 0.1) && clearInterval(u.current);
+      }, 16));
+    }
+  }, v = function() {
+    r.current = !1, d();
+  }, s = function(c) {
+    d(), c.touches.length === 1 && !r.current && (r.current = !0, a.current = Math.ceil(c.touches[0].pageX), i.current = Math.ceil(c.touches[0].pageY), l.current = c.target, l.current.addEventListener("touchmove", f, {
+      passive: !1
+    }), l.current.addEventListener("touchend", v, {
+      passive: !0
+    }));
+  };
+  d = function() {
+    l.current && (l.current.removeEventListener("touchmove", f), l.current.removeEventListener("touchend", v));
+  }, Nn(function() {
+    return e && n.current.addEventListener("touchstart", s, {
+      passive: !0
+    }), function() {
+      var h;
+      (h = n.current) === null || h === void 0 || h.removeEventListener("touchstart", s), d(), clearInterval(u.current);
+    };
+  }, [e]);
+}
+function Dt(e) {
+  return Math.floor(Math.pow(e, 0.5));
+}
+function nt(e, n) {
+  var t = "touches" in e ? e.touches[0] : e;
+  return t[n ? "pageX" : "pageY"] - window[n ? "scrollX" : "scrollY"];
+}
+function Wo(e, n, t) {
+  o.useEffect(function() {
+    var r = n.current;
+    if (e && r) {
+      var a = !1, i, l, u = function() {
+        on.cancel(i);
+      }, d = function h() {
+        u(), i = on(function() {
+          t(l), h();
+        });
+      }, f = function(c) {
+        var g = c;
+        g._virtualHandled || (g._virtualHandled = !0, a = !0);
+      }, v = function() {
+        a = !1, u();
+      }, s = function(c) {
+        if (a) {
+          var g = nt(c, !1), m = r.getBoundingClientRect(), S = m.top, w = m.bottom;
+          if (g <= S) {
+            var b = S - g;
+            l = -Dt(b), d();
+          } else if (g >= w) {
+            var x = g - w;
+            l = Dt(x), d();
+          } else
+            u();
+        }
+      };
+      return r.addEventListener("mousedown", f), r.ownerDocument.addEventListener("mouseup", v), r.ownerDocument.addEventListener("mousemove", s), function() {
+        r.removeEventListener("mousedown", f), r.ownerDocument.removeEventListener("mouseup", v), r.ownerDocument.removeEventListener("mousemove", s), u();
+      };
+    }
+  }, [e]);
+}
+var Nt = 10;
+function Ko(e, n, t, r, a, i, l, u) {
+  var d = o.useRef(), f = o.useState(null), v = re(f, 2), s = v[0], h = v[1];
+  return Nn(function() {
+    if (s && s.times < Nt) {
+      if (!e.current) {
+        h(function(V) {
+          return ee({}, V);
+        });
+        return;
+      }
+      i();
+      var c = s.targetAlign, g = s.originAlign, m = s.index, S = s.offset, w = e.current.clientHeight, b = !1, x = c, y = null;
+      if (w) {
+        for (var N = c || g, p = 0, C = 0, _ = 0, F = Math.min(n.length - 1, m), A = 0; A <= F; A += 1) {
+          var K = a(n[A]);
+          C = p;
+          var U = t.get(K);
+          _ = C + (U === void 0 ? r : U), p = _;
+        }
+        for (var ne = N === "top" ? S : w - S, z = F; z >= 0; z -= 1) {
+          var ie = a(n[z]), j = t.get(ie);
+          if (j === void 0) {
+            b = !0;
+            break;
+          }
+          if (ne -= j, ne <= 0)
+            break;
+        }
+        switch (N) {
+          case "top":
+            y = C - S;
+            break;
+          case "bottom":
+            y = _ - w + S;
+            break;
+          default: {
+            var Z = e.current.scrollTop, M = Z + w;
+            C < Z ? x = "top" : _ > M && (x = "bottom");
+          }
+        }
+        y !== null && l(y), y !== s.lastTop && (b = !0);
+      }
+      b && h(ee(ee({}, s), {}, {
+        times: s.times + 1,
+        targetAlign: x,
+        lastTop: y
+      }));
+    } else process.env.NODE_ENV !== "production" && (s == null ? void 0 : s.times) === Nt && Ue(!1, "Seems `scrollTo` with `rc-virtual-list` reach the max limitation. Please fire issue for us. Thanks.");
+  }, [s, e.current]), function(c) {
+    if (c == null) {
+      u();
+      return;
+    }
+    if (on.cancel(d.current), typeof c == "number")
+      l(c);
+    else if (c && pn(c) === "object") {
+      var g, m = c.align;
+      "index" in c ? g = c.index : g = n.findIndex(function(b) {
+        return a(b) === c.key;
+      });
+      var S = c.offset, w = S === void 0 ? 0 : S;
+      h({
+        times: 0,
+        index: g,
+        offset: w,
+        originAlign: m
+      });
+    }
+  };
+}
+var tt = /* @__PURE__ */ o.forwardRef(function(e, n) {
+  var t = e.prefixCls, r = e.rtl, a = e.scrollOffset, i = e.scrollRange, l = e.onStartMove, u = e.onStopMove, d = e.onScroll, f = e.horizontal, v = e.spinSize, s = e.containerSize, h = e.style, c = e.thumbStyle, g = o.useState(!1), m = re(g, 2), S = m[0], w = m[1], b = o.useState(null), x = re(b, 2), y = x[0], N = x[1], p = o.useState(null), C = re(p, 2), _ = C[0], F = C[1], A = !r, K = o.useRef(), U = o.useRef(), ne = o.useState(!1), z = re(ne, 2), ie = z[0], j = z[1], Z = o.useRef(), M = function() {
+    clearTimeout(Z.current), j(!0), Z.current = setTimeout(function() {
+      j(!1);
+    }, 3e3);
+  }, V = i - s || 0, J = s - v || 0, $ = o.useMemo(function() {
+    if (a === 0 || V === 0)
+      return 0;
+    var le = a / V;
+    return le * J;
+  }, [a, V, J]), Ee = function(E) {
+    E.stopPropagation(), E.preventDefault();
+  }, Re = o.useRef({
+    top: $,
+    dragging: S,
+    pageY: y,
+    startTop: _
+  });
+  Re.current = {
+    top: $,
+    dragging: S,
+    pageY: y,
+    startTop: _
+  };
+  var G = function(E) {
+    w(!0), N(nt(E, f)), F(Re.current.top), l(), E.stopPropagation(), E.preventDefault();
+  };
+  o.useEffect(function() {
+    var le = function(W) {
+      W.preventDefault();
+    }, E = K.current, O = U.current;
+    return E.addEventListener("touchstart", le, {
+      passive: !1
+    }), O.addEventListener("touchstart", G, {
+      passive: !1
+    }), function() {
+      E.removeEventListener("touchstart", le), O.removeEventListener("touchstart", G);
+    };
+  }, []);
+  var he = o.useRef();
+  he.current = V;
+  var $e = o.useRef();
+  $e.current = J, o.useEffect(function() {
+    if (S) {
+      var le, E = function(W) {
+        var R = Re.current, Q = R.dragging, ue = R.pageY, se = R.startTop;
+        on.cancel(le);
+        var oe = K.current.getBoundingClientRect(), ve = s / (f ? oe.width : oe.height);
+        if (Q) {
+          var De = (nt(W, f) - ue) * ve, He = se;
+          !A && f ? He -= De : He += De;
+          var Ve = he.current, me = $e.current, qe = me ? He / me : 0, Me = Math.ceil(qe * Ve);
+          Me = Math.max(Me, 0), Me = Math.min(Me, Ve), le = on(function() {
+            d(Me, f);
+          });
+        }
+      }, O = function() {
+        w(!1), u();
+      };
+      return window.addEventListener("mousemove", E, {
+        passive: !0
+      }), window.addEventListener("touchmove", E, {
+        passive: !0
+      }), window.addEventListener("mouseup", O, {
+        passive: !0
+      }), window.addEventListener("touchend", O, {
+        passive: !0
+      }), function() {
+        window.removeEventListener("mousemove", E), window.removeEventListener("touchmove", E), window.removeEventListener("mouseup", O), window.removeEventListener("touchend", O), on.cancel(le);
+      };
+    }
+  }, [S]), o.useEffect(function() {
+    return M(), function() {
+      clearTimeout(Z.current);
+    };
+  }, [a]), o.useImperativeHandle(n, function() {
+    return {
+      delayHidden: M
+    };
+  });
+  var Y = "".concat(t, "-scrollbar"), be = {
+    position: "absolute",
+    visibility: ie ? null : "hidden"
+  }, we = {
+    position: "absolute",
+    background: "rgba(0, 0, 0, 0.5)",
+    borderRadius: 99,
+    cursor: "pointer",
+    userSelect: "none"
+  };
+  return f ? (be.height = 8, be.left = 0, be.right = 0, be.bottom = 0, we.height = "100%", we.width = v, A ? we.left = $ : we.right = $) : (be.width = 8, be.top = 0, be.bottom = 0, A ? be.right = 0 : be.left = 0, we.width = "100%", we.height = v, we.top = $), /* @__PURE__ */ o.createElement("div", {
+    ref: K,
+    className: Le(Y, ae(ae(ae({}, "".concat(Y, "-horizontal"), f), "".concat(Y, "-vertical"), !f), "".concat(Y, "-visible"), ie)),
+    style: ee(ee({}, be), h),
+    onMouseDown: Ee,
+    onMouseMove: M
+  }, /* @__PURE__ */ o.createElement("div", {
+    ref: U,
+    className: Le("".concat(Y, "-thumb"), ae({}, "".concat(Y, "-thumb-moving"), S)),
+    style: ee(ee({}, we), c),
+    onMouseDown: G
+  }));
+});
+process.env.NODE_ENV !== "production" && (tt.displayName = "ScrollBar");
+var Xo = 20;
+function Pt() {
+  var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 0, n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0, t = e / n * e;
+  return isNaN(t) && (t = 0), t = Math.max(t, Xo), Math.floor(t);
+}
+var Uo = ["prefixCls", "className", "height", "itemHeight", "fullHeight", "style", "data", "children", "itemKey", "virtual", "direction", "scrollWidth", "component", "onScroll", "onVirtualScroll", "onVisibleChange", "innerProps", "extraRender", "styles"], Go = [], Yo = {
+  overflowY: "auto",
+  overflowAnchor: "none"
+};
+function qo(e, n) {
+  var t = e.prefixCls, r = t === void 0 ? "rc-virtual-list" : t, a = e.className, i = e.height, l = e.itemHeight, u = e.fullHeight, d = u === void 0 ? !0 : u, f = e.style, v = e.data, s = e.children, h = e.itemKey, c = e.virtual, g = e.direction, m = e.scrollWidth, S = e.component, w = S === void 0 ? "div" : S, b = e.onScroll, x = e.onVirtualScroll, y = e.onVisibleChange, N = e.innerProps, p = e.extraRender, C = e.styles, _ = In(e, Uo), F = o.useCallback(function(D) {
+    return typeof h == "function" ? h(D) : D == null ? void 0 : D[h];
+  }, [h]), A = Ao(F), K = re(A, 4), U = K[0], ne = K[1], z = K[2], ie = K[3], j = !!(c !== !1 && i && l), Z = o.useMemo(function() {
+    return Object.values(z.maps).reduce(function(D, I) {
+      return D + I;
+    }, 0);
+  }, [z.id, z.maps]), M = j && v && (Math.max(l * v.length, Z) > i || !!m), V = g === "rtl", J = Le(r, ae({}, "".concat(r, "-rtl"), V), a), $ = v || Go, Ee = fe(), Re = fe(), G = fe(), he = Tn(0), $e = re(he, 2), Y = $e[0], be = $e[1], we = Tn(0), le = re(we, 2), E = le[0], O = le[1], L = Tn(!1), W = re(L, 2), R = W[0], Q = W[1], ue = function() {
+    Q(!0);
+  }, se = function() {
+    Q(!1);
+  }, oe = {
+    getKey: F
+  };
+  function ve(D) {
+    be(function(I) {
+      var k;
+      typeof D == "function" ? k = D(I) : k = D;
+      var pe = On(k);
+      return Ee.current.scrollTop = pe, pe;
+    });
+  }
+  var De = fe({
+    start: 0,
+    end: $.length
+  }), He = fe(), Ve = Ho($, F), me = re(Ve, 1), qe = me[0];
+  He.current = qe;
+  var Me = o.useMemo(function() {
+    if (!j)
+      return {
+        scrollHeight: void 0,
+        start: 0,
+        end: $.length - 1,
+        offset: void 0
+      };
+    if (!M) {
+      var D;
+      return {
+        scrollHeight: ((D = Re.current) === null || D === void 0 ? void 0 : D.offsetHeight) || 0,
+        start: 0,
+        end: $.length - 1,
+        offset: void 0
+      };
+    }
+    for (var I = 0, k, pe, Se, Rn = $.length, yn = 0; yn < Rn; yn += 1) {
+      var Kn = $[yn], Xn = F(Kn), zn = z.get(Xn), $n = I + (zn === void 0 ? l : zn);
+      $n >= Y && k === void 0 && (k = yn, pe = I), $n > Y + i && Se === void 0 && (Se = yn), I = $n;
+    }
+    return k === void 0 && (k = 0, pe = 0, Se = Math.ceil(i / l)), Se === void 0 && (Se = $.length - 1), Se = Math.min(Se + 1, $.length - 1), {
+      scrollHeight: I,
+      start: k,
+      end: Se,
+      offset: pe
+    };
+  }, [M, j, Y, $, ie, i]), ge = Me.scrollHeight, ye = Me.start, Ie = Me.end, Te = Me.offset;
+  De.current.start = ye, De.current.end = Ie, o.useLayoutEffect(function() {
+    var D = z.getRecord();
+    if (D.size === 1) {
+      var I = Array.from(D)[0], k = F($[ye]);
+      if (k === I) {
+        var pe = z.get(I), Se = pe - l;
+        ve(function(Rn) {
+          return Rn + Se;
+        });
+      }
+    }
+    z.resetRecord();
+  }, [ge]);
+  var Ae = o.useState({
+    width: 0,
+    height: i
+  }), Je = re(Ae, 2), xe = Je[0], We = Je[1], je = function(I) {
+    We({
+      width: I.offsetWidth,
+      height: I.offsetHeight
+    });
+  }, fn = fe(), Be = fe(), ze = o.useMemo(function() {
+    return Pt(xe.width, m);
+  }, [xe.width, m]), Ne = o.useMemo(function() {
+    return Pt(xe.height, ge);
+  }, [xe.height, ge]), bn = ge - i, mn = fe(bn);
+  mn.current = bn;
+  function On(D) {
+    var I = D;
+    return Number.isNaN(mn.current) || (I = Math.min(I, mn.current)), I = Math.max(I, 0), I;
+  }
+  var vn = Y <= 0, an = Y >= bn, Sn = E <= 0, nn = E >= m, wn = Zt(vn, an, Sn, nn), ln = function() {
+    return {
+      x: V ? -E : E,
+      y: Y
+    };
+  }, Ce = fe(ln()), un = St(function(D) {
+    if (x) {
+      var I = ee(ee({}, ln()), D);
+      (Ce.current.x !== I.x || Ce.current.y !== I.y) && (x(I), Ce.current = I);
+    }
+  });
+  function cn(D, I) {
+    var k = D;
+    I ? (Ct.flushSync(function() {
+      O(k);
+    }), un()) : ve(k);
+  }
+  function P(D) {
+    var I = D.currentTarget.scrollTop;
+    I !== Y && ve(I), b == null || b(D), un();
+  }
+  var B = function(I) {
+    var k = I, pe = m ? m - xe.width : 0;
+    return k = Math.max(k, 0), k = Math.min(k, pe), k;
+  }, T = St(function(D, I) {
+    I ? (Ct.flushSync(function() {
+      O(function(k) {
+        var pe = k + (V ? -D : D);
+        return B(pe);
+      });
+    }), un()) : ve(function(k) {
+      var pe = k + D;
+      return pe;
+    });
+  }), H = Vo(j, vn, an, Sn, nn, !!m, T), te = re(H, 2), de = te[0], Qe = te[1];
+  jo(j, Ee, function(D, I, k, pe) {
+    var Se = pe;
+    return wn(D, I, k) ? !1 : !Se || !Se._virtualHandled ? (Se && (Se._virtualHandled = !0), de({
+      preventDefault: function() {
+      },
+      deltaX: D ? I : 0,
+      deltaY: D ? 0 : I
+    }), !0) : !1;
+  }), Wo(M, Ee, function(D) {
+    ve(function(I) {
+      return I + D;
+    });
+  }), Nn(function() {
+    function D(k) {
+      var pe = vn && k.detail < 0, Se = an && k.detail > 0;
+      j && !pe && !Se && k.preventDefault();
+    }
+    var I = Ee.current;
+    return I.addEventListener("wheel", de, {
+      passive: !1
+    }), I.addEventListener("DOMMouseScroll", Qe, {
+      passive: !0
+    }), I.addEventListener("MozMousePixelScroll", D, {
+      passive: !1
+    }), function() {
+      I.removeEventListener("wheel", de), I.removeEventListener("DOMMouseScroll", Qe), I.removeEventListener("MozMousePixelScroll", D);
+    };
+  }, [j, vn, an]), Nn(function() {
+    if (m) {
+      var D = B(E);
+      O(D), un({
+        x: D
+      });
+    }
+  }, [xe.width, m]);
+  var Ge = function() {
+    var I, k;
+    (I = fn.current) === null || I === void 0 || I.delayHidden(), (k = Be.current) === null || k === void 0 || k.delayHidden();
+  }, ke = Ko(Ee, $, z, l, F, function() {
+    return ne(!0);
+  }, ve, Ge);
+  o.useImperativeHandle(n, function() {
+    return {
+      nativeElement: G.current,
+      getScrollInfo: ln,
+      scrollTo: function(I) {
+        function k(pe) {
+          return pe && pn(pe) === "object" && ("left" in pe || "top" in pe);
+        }
+        k(I) ? (I.left !== void 0 && O(B(I.left)), ke(I.top)) : ke(I);
+      }
+    };
+  }), Nn(function() {
+    if (y) {
+      var D = $.slice(ye, Ie + 1);
+      y(D, $);
+    }
+  }, [ye, Ie, $]);
+  var Oe = Bo($, F, z, l), tn = p == null ? void 0 : p({
+    start: ye,
+    end: Ie,
+    virtual: M,
+    offsetX: E,
+    offsetY: Te,
+    rtl: V,
+    getSize: Oe
+  }), en = zo($, ye, Ie, m, E, U, s, oe), sn = null;
+  i && (sn = ee(ae({}, d ? "height" : "maxHeight", i), Yo), j && (sn.overflowY = "hidden", m && (sn.overflowX = "hidden"), R && (sn.pointerEvents = "none")));
+  var _n = {};
+  return V && (_n.dir = "rtl"), /* @__PURE__ */ o.createElement("div", Ze({
+    ref: G,
+    style: ee(ee({}, f), {}, {
+      position: "relative"
+    }),
+    className: J
+  }, _n, _), /* @__PURE__ */ o.createElement(jt, {
+    onResize: je
+  }, /* @__PURE__ */ o.createElement(w, {
+    className: "".concat(r, "-holder"),
+    style: sn,
+    ref: Ee,
+    onScroll: P,
+    onMouseEnter: Ge
+  }, /* @__PURE__ */ o.createElement(Qt, {
+    prefixCls: r,
+    height: ge,
+    offsetX: E,
+    offsetY: Te,
+    scrollWidth: m,
+    onInnerResize: ne,
+    ref: Re,
+    innerProps: N,
+    rtl: V,
+    extra: tn
+  }, en))), M && ge > i && /* @__PURE__ */ o.createElement(tt, {
+    ref: fn,
+    prefixCls: r,
+    scrollOffset: Y,
+    scrollRange: ge,
+    rtl: V,
+    onScroll: cn,
+    onStartMove: ue,
+    onStopMove: se,
+    spinSize: Ne,
+    containerSize: xe.height,
+    style: C == null ? void 0 : C.verticalScrollBar,
+    thumbStyle: C == null ? void 0 : C.verticalScrollBarThumb
+  }), M && m > xe.width && /* @__PURE__ */ o.createElement(tt, {
+    ref: Be,
+    prefixCls: r,
+    scrollOffset: E,
+    scrollRange: m,
+    rtl: V,
+    onScroll: cn,
+    onStartMove: ue,
+    onStopMove: se,
+    spinSize: ze,
+    containerSize: xe.width,
+    horizontal: !0,
+    style: C == null ? void 0 : C.horizontalScrollBar,
+    thumbStyle: C == null ? void 0 : C.horizontalScrollBarThumb
+  }));
+}
+var Jt = /* @__PURE__ */ o.forwardRef(qo);
+Jt.displayName = "List";
+function Qo() {
+  return /(mac\sos|macintosh)/i.test(navigator.appVersion);
+}
+var Zo = ["disabled", "title", "children", "style", "className"];
+function _t(e) {
+  return typeof e == "string" || typeof e == "number";
+}
+var Jo = function(n, t) {
+  var r = fo(), a = r.prefixCls, i = r.id, l = r.open, u = r.multiple, d = r.mode, f = r.searchValue, v = r.toggleOpen, s = r.notFoundContent, h = r.onPopupScroll, c = o.useContext(st), g = c.maxCount, m = c.flattenOptions, S = c.onActiveValue, w = c.defaultActiveFirstOption, b = c.onSelect, x = c.menuItemSelectedIcon, y = c.rawValues, N = c.fieldNames, p = c.virtual, C = c.direction, _ = c.listHeight, F = c.listItemHeight, A = c.optionRender, K = "".concat(a, "-item"), U = Or(function() {
+    return m;
+  }, [l, m], function(E, O) {
+    return O[0] && E[1] !== O[1];
+  }), ne = o.useRef(null), z = o.useMemo(function() {
+    return u && kn(g) && (y == null ? void 0 : y.size) >= g;
+  }, [u, g, y == null ? void 0 : y.size]), ie = function(O) {
+    O.preventDefault();
+  }, j = function(O) {
+    var L;
+    (L = ne.current) === null || L === void 0 || L.scrollTo(typeof O == "number" ? {
+      index: O
+    } : O);
+  }, Z = o.useCallback(function(E) {
+    return d === "combobox" ? !1 : y.has(E);
+  }, [d, Ye(y).toString(), y.size]), M = function(O) {
+    for (var L = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 1, W = U.length, R = 0; R < W; R += 1) {
+      var Q = (O + R * L + W) % W, ue = U[Q] || {}, se = ue.group, oe = ue.data;
+      if (!se && !(oe != null && oe.disabled) && (Z(oe.value) || !z))
+        return Q;
+    }
+    return -1;
+  }, V = o.useState(function() {
+    return M(0);
+  }), J = re(V, 2), $ = J[0], Ee = J[1], Re = function(O) {
+    var L = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
+    Ee(O);
+    var W = {
+      source: L ? "keyboard" : "mouse"
+    }, R = U[O];
+    if (!R) {
+      S(null, -1, W);
+      return;
+    }
+    S(R.value, O, W);
+  };
+  Qn(function() {
+    Re(w !== !1 ? M(0) : -1);
+  }, [U.length, f]);
+  var G = o.useCallback(function(E) {
+    return d === "combobox" ? String(E).toLowerCase() === f.toLowerCase() : y.has(E);
+  }, [d, f, Ye(y).toString(), y.size]);
+  Qn(function() {
+    var E = setTimeout(function() {
+      if (!u && l && y.size === 1) {
+        var L = Array.from(y)[0], W = U.findIndex(function(R) {
+          var Q = R.data;
+          return Q.value === L;
+        });
+        W !== -1 && (Re(W), j(W));
+      }
+    });
+    if (l) {
+      var O;
+      (O = ne.current) === null || O === void 0 || O.scrollTo(void 0);
+    }
+    return function() {
+      return clearTimeout(E);
+    };
+  }, [l, f]);
+  var he = function(O) {
+    O !== void 0 && b(O, {
+      selected: !y.has(O)
+    }), u || v(!1);
+  };
+  if (o.useImperativeHandle(t, function() {
+    return {
+      onKeyDown: function(O) {
+        var L = O.which, W = O.ctrlKey;
+        switch (L) {
+          case X.N:
+          case X.P:
+          case X.UP:
+          case X.DOWN: {
+            var R = 0;
+            if (L === X.UP ? R = -1 : L === X.DOWN ? R = 1 : Qo() && W && (L === X.N ? R = 1 : L === X.P && (R = -1)), R !== 0) {
+              var Q = M($ + R, R);
+              j(Q), Re(Q, !0);
+            }
+            break;
+          }
+          case X.TAB:
+          case X.ENTER: {
+            var ue, se = U[$];
+            se && !(se != null && (ue = se.data) !== null && ue !== void 0 && ue.disabled) && !z ? he(se.value) : he(void 0), l && O.preventDefault();
+            break;
+          }
+          case X.ESC:
+            v(!1), l && O.stopPropagation();
+        }
+      },
+      onKeyUp: function() {
+      },
+      scrollTo: function(O) {
+        j(O);
+      }
+    };
+  }), U.length === 0)
+    return /* @__PURE__ */ o.createElement("div", {
+      role: "listbox",
+      id: "".concat(i, "_list"),
+      className: "".concat(K, "-empty"),
+      onMouseDown: ie
+    }, s);
+  var $e = Object.keys(N).map(function(E) {
+    return N[E];
+  }), Y = function(O) {
+    return O.label;
+  };
+  function be(E, O) {
+    var L = E.group;
+    return {
+      role: L ? "presentation" : "option",
+      id: "".concat(i, "_list_").concat(O)
+    };
+  }
+  var we = function(O) {
+    var L = U[O];
+    if (!L)
+      return null;
+    var W = L.data || {}, R = W.value, Q = L.group, ue = Fn(W, !0), se = Y(L);
+    return L ? /* @__PURE__ */ o.createElement("div", Ze({
+      "aria-label": typeof se == "string" && !Q ? se : null
+    }, ue, {
+      key: O
+    }, be(L, O), {
+      "aria-selected": G(R)
+    }), R) : null;
+  }, le = {
+    role: "listbox",
+    id: "".concat(i, "_list")
+  };
+  return /* @__PURE__ */ o.createElement(o.Fragment, null, p && /* @__PURE__ */ o.createElement("div", Ze({}, le, {
+    style: {
+      height: 0,
+      width: 0,
+      overflow: "hidden"
+    }
+  }), we($ - 1), we($), we($ + 1)), /* @__PURE__ */ o.createElement(Jt, {
+    itemKey: "key",
+    ref: ne,
+    data: U,
+    height: _,
+    itemHeight: F,
+    fullHeight: !1,
+    onMouseDown: ie,
+    onScroll: h,
+    virtual: p,
+    direction: C,
+    innerProps: p ? null : le
+  }, function(E, O) {
+    var L = E.group, W = E.groupOption, R = E.data, Q = E.label, ue = E.value, se = R.key;
+    if (L) {
+      var oe, ve = (oe = R.title) !== null && oe !== void 0 ? oe : _t(Q) ? Q.toString() : void 0;
+      return /* @__PURE__ */ o.createElement("div", {
+        className: Le(K, "".concat(K, "-group"), R.className),
+        title: ve
+      }, Q !== void 0 ? Q : se);
+    }
+    var De = R.disabled, He = R.title;
+    R.children;
+    var Ve = R.style, me = R.className, qe = In(R, Zo), Me = At(qe, $e), ge = Z(ue), ye = De || !ge && z, Ie = "".concat(K, "-option"), Te = Le(K, Ie, me, ae(ae(ae(ae({}, "".concat(Ie, "-grouped"), W), "".concat(Ie, "-active"), $ === O && !ye), "".concat(Ie, "-disabled"), ye), "".concat(Ie, "-selected"), ge)), Ae = Y(E), Je = !x || typeof x == "function" || ge, xe = typeof Ae == "number" ? Ae : Ae || ue, We = _t(xe) ? xe.toString() : void 0;
+    return He !== void 0 && (We = He), /* @__PURE__ */ o.createElement("div", Ze({}, Fn(Me), p ? {} : be(E, O), {
+      "aria-selected": G(ue),
+      className: Te,
+      title: We,
+      onMouseMove: function() {
+        $ === O || ye || Re(O);
+      },
+      onClick: function() {
+        ye || he(ue);
+      },
+      style: Ve
+    }), /* @__PURE__ */ o.createElement("div", {
+      className: "".concat(Ie, "-content")
+    }, typeof A == "function" ? A(E, {
+      index: O
+    }) : xe), /* @__PURE__ */ o.isValidElement(x) || ge, Je && /* @__PURE__ */ o.createElement(Wn, {
+      className: "".concat(K, "-option-state"),
+      customizeIcon: x,
+      customizeIconProps: {
+        value: ue,
+        disabled: ye,
+        isSelected: ge
+      }
+    }, ge ? "✓" : null));
+  }));
+}, kt = /* @__PURE__ */ o.forwardRef(Jo);
+process.env.NODE_ENV !== "production" && (kt.displayName = "OptionList");
+const ko = function(e, n) {
+  var t = o.useRef({
+    values: /* @__PURE__ */ new Map(),
+    options: /* @__PURE__ */ new Map()
+  }), r = o.useMemo(function() {
+    var i = t.current, l = i.values, u = i.options, d = e.map(function(s) {
+      if (s.label === void 0) {
+        var h;
+        return ee(ee({}, s), {}, {
+          label: (h = l.get(s.value)) === null || h === void 0 ? void 0 : h.label
+        });
+      }
+      return s;
+    }), f = /* @__PURE__ */ new Map(), v = /* @__PURE__ */ new Map();
+    return d.forEach(function(s) {
+      f.set(s.value, s), v.set(s.value, n.get(s.value) || u.get(s.value));
+    }), t.current.values = f, t.current.options = v, d;
+  }, [e, n]), a = o.useCallback(function(i) {
+    return n.get(i) || t.current.options.get(i);
+  }, [n]);
+  return [r, a];
+};
+function Gn(e, n) {
+  return ct(e).join("").toUpperCase().includes(n);
+}
+const ea = function(e, n, t, r, a) {
+  return o.useMemo(function() {
+    if (!t || r === !1)
+      return e;
+    var i = n.options, l = n.label, u = n.value, d = [], f = typeof r == "function", v = t.toUpperCase(), s = f ? r : function(c, g) {
+      return a ? Gn(g[a], v) : g[i] ? Gn(g[l !== "children" ? l : "label"], v) : Gn(g[u], v);
+    }, h = f ? function(c) {
+      return et(c);
+    } : function(c) {
+      return c;
+    };
+    return e.forEach(function(c) {
+      if (c[i]) {
+        var g = s(t, h(c));
+        if (g)
+          d.push(c);
+        else {
+          var m = c[i].filter(function(S) {
+            return s(t, h(S));
+          });
+          m.length && d.push(ee(ee({}, c), {}, ae({}, i, m)));
+        }
+        return;
+      }
+      s(t, h(c)) && d.push(c);
+    }), d;
+  }, [e, r, a, t, n]);
+};
+var Tt = 0, na = process.env.NODE_ENV !== "test" && Rr();
+function ta() {
+  var e;
+  return na ? (e = Tt, Tt += 1) : e = "TEST_OR_SSR", e;
+}
+function ra(e) {
+  var n = o.useState(), t = re(n, 2), r = t[0], a = t[1];
+  return o.useEffect(function() {
+    a("rc_select_".concat(ta()));
+  }, []), e || r;
+}
+var oa = ["children", "value"], aa = ["children"];
+function ia(e) {
+  var n = e, t = n.key, r = n.props, a = r.children, i = r.value, l = In(r, oa);
+  return ee({
+    key: t,
+    value: i !== void 0 ? i : t,
+    children: a
+  }, l);
+}
+function mt(e) {
+  var n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
+  return Jn(e).map(function(t, r) {
+    if (!/* @__PURE__ */ o.isValidElement(t) || !t.type)
+      return null;
+    var a = t, i = a.type.isSelectOptGroup, l = a.key, u = a.props, d = u.children, f = In(u, aa);
+    return n || !i ? ia(t) : ee(ee({
+      key: "__RC_SELECT_GRP__".concat(l === null ? r : l, "__"),
+      label: l
+    }, f), {}, {
+      options: mt(d)
+    });
+  }).filter(function(t) {
+    return t;
+  });
+}
+var la = function(n, t, r, a, i) {
+  return o.useMemo(function() {
+    var l = n, u = !n;
+    u && (l = mt(t));
+    var d = /* @__PURE__ */ new Map(), f = /* @__PURE__ */ new Map(), v = function(c, g, m) {
+      m && typeof m == "string" && c.set(g[m], g);
+    }, s = function h(c) {
+      for (var g = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1, m = 0; m < c.length; m += 1) {
+        var S = c[m];
+        !S[r.options] || g ? (d.set(S[r.value], S), v(f, S, r.label), v(f, S, a), v(f, S, i)) : h(S[r.options], !0);
+      }
+    };
+    return s(l), {
+      options: l,
+      valueOptions: d,
+      labelOptions: f
+    };
+  }, [n, t, r, a, i]);
+};
+function zt(e) {
+  var n = o.useRef();
+  n.current = e;
+  var t = o.useCallback(function() {
+    return n.current.apply(n, arguments);
+  }, []);
+  return t;
+}
+function ua(e) {
+  var n = e.mode, t = e.options, r = e.children, a = e.backfill, i = e.allowClear, l = e.placeholder, u = e.getInputElement, d = e.showSearch, f = e.onSearch, v = e.defaultOpen, s = e.autoFocus, h = e.labelInValue, c = e.value, g = e.inputValue, m = e.optionLabelProp, S = An(n), w = d !== void 0 ? d : S || n === "combobox", b = t || mt(r);
+  if (Ue(n !== "tags" || b.every(function(p) {
+    return !p.disabled;
+  }), "Please avoid setting option to disabled in tags mode since user can always type text as tag."), n === "tags" || n === "combobox") {
+    var x = b.some(function(p) {
+      return p.options ? p.options.some(function(C) {
+        return typeof ("value" in C ? C.value : C.key) == "number";
+      }) : typeof ("value" in p ? p.value : p.key) == "number";
+    });
+    Ue(!x, "`value` of Option should not use number type when `mode` is `tags` or `combobox`.");
+  }
+  if (Ue(n !== "combobox" || !m, "`combobox` mode not support `optionLabelProp`. Please set `value` on Option directly."), Ue(n === "combobox" || !a, "`backfill` only works with `combobox` mode."), Ue(n === "combobox" || !u, "`getInputElement` only work with `combobox` mode."), wt(n !== "combobox" || !u || !i || !l, "Customize `getInputElement` should customize clear and placeholder logic instead of configuring `allowClear` and `placeholder`."), f && !w && n !== "combobox" && n !== "tags" && Ue(!1, "`onSearch` should work with `showSearch` instead of use alone."), wt(!v || s, "`defaultOpen` makes Select open without focus which means it will not close by click outside. You can set `autoFocus` if needed."), c != null) {
+    var y = ct(c);
+    Ue(!h || y.every(function(p) {
+      return pn(p) === "object" && ("key" in p || "value" in p);
+    }), "`value` should in shape of `{ value: string | number, label?: ReactNode }` when you set `labelInValue` to `true`"), Ue(!S || Array.isArray(c), "`value` should be array when `mode` is `multiple` or `tags`");
+  }
+  if (r) {
+    var N = null;
+    Jn(r).some(function(p) {
+      if (!/* @__PURE__ */ o.isValidElement(p) || !p.type)
+        return !1;
+      var C = p, _ = C.type;
+      if (_.isSelectOption)
+        return !1;
+      if (_.isSelectOptGroup) {
+        var F = Jn(p.props.children).every(function(A) {
+          return !/* @__PURE__ */ o.isValidElement(A) || !p.type || A.type.isSelectOption ? !0 : (N = A.type, !1);
+        });
+        return !F;
+      }
+      return N = _, !0;
+    }), N && Ue(!1, "`children` should be `Select.Option` or `Select.OptGroup` instead of `".concat(N.displayName || N.name || N, "`.")), Ue(g === void 0, "`inputValue` is deprecated, please use `searchValue` instead.");
+  }
+}
+function ca(e, n) {
+  if (e) {
+    var t = function r(a) {
+      for (var i = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1, l = 0; l < a.length; l++) {
+        var u = a[l];
+        if (u[n == null ? void 0 : n.value] === null)
+          return Ue(!1, "`value` in Select options should not be `null`."), !0;
+        if (!i && Array.isArray(u[n == null ? void 0 : n.options]) && r(u[n == null ? void 0 : n.options], !0))
+          break;
+      }
+    };
+    t(e);
+  }
+}
+var sa = ["id", "mode", "prefixCls", "backfill", "fieldNames", "inputValue", "searchValue", "onSearch", "autoClearSearchValue", "onSelect", "onDeselect", "dropdownMatchSelectWidth", "filterOption", "filterSort", "optionFilterProp", "optionLabelProp", "options", "optionRender", "children", "defaultActiveFirstOption", "menuItemSelectedIcon", "virtual", "direction", "listHeight", "listItemHeight", "labelRender", "value", "defaultValue", "labelInValue", "onChange", "maxCount"], da = ["inputValue"];
+function fa(e) {
+  return !e || pn(e) !== "object";
+}
+var er = /* @__PURE__ */ o.forwardRef(function(e, n) {
+  var t = e.id, r = e.mode, a = e.prefixCls, i = a === void 0 ? "rc-select" : a, l = e.backfill, u = e.fieldNames, d = e.inputValue, f = e.searchValue, v = e.onSearch, s = e.autoClearSearchValue, h = s === void 0 ? !0 : s, c = e.onSelect, g = e.onDeselect, m = e.dropdownMatchSelectWidth, S = m === void 0 ? !0 : m, w = e.filterOption, b = e.filterSort, x = e.optionFilterProp, y = e.optionLabelProp, N = e.options, p = e.optionRender, C = e.children, _ = e.defaultActiveFirstOption, F = e.menuItemSelectedIcon, A = e.virtual, K = e.direction, U = e.listHeight, ne = U === void 0 ? 200 : U, z = e.listItemHeight, ie = z === void 0 ? 20 : z, j = e.labelRender, Z = e.value, M = e.defaultValue, V = e.labelInValue, J = e.onChange, $ = e.maxCount, Ee = In(e, sa), Re = ra(t), G = An(r), he = !!(!N && C), $e = o.useMemo(function() {
+    return w === void 0 && r === "combobox" ? !1 : w;
+  }, [w, r]), Y = o.useMemo(
+    function() {
+      return Yt(u, he);
+    },
+    /* eslint-disable react-hooks/exhaustive-deps */
+    [
+      // We stringify fieldNames to avoid unnecessary re-renders.
+      JSON.stringify(u),
+      he
+    ]
+    /* eslint-enable react-hooks/exhaustive-deps */
+  ), be = Bn("", {
+    value: f !== void 0 ? f : d,
+    postState: function(B) {
+      return B || "";
+    }
+  }), we = re(be, 2), le = we[0], E = we[1], O = la(N, C, Y, x, y), L = O.valueOptions, W = O.labelOptions, R = O.options, Q = o.useCallback(function(P) {
+    var B = ct(P);
+    return B.map(function(T) {
+      var H, te, de, Qe, Ge;
+      if (fa(T))
+        H = T;
+      else {
+        var ke;
+        de = T.key, te = T.label, H = (ke = T.value) !== null && ke !== void 0 ? ke : de;
+      }
+      var Oe = L.get(H);
+      if (Oe) {
+        var tn;
+        if (te === void 0 && (te = Oe == null ? void 0 : Oe[y || Y.label]), de === void 0 && (de = (tn = Oe == null ? void 0 : Oe.key) !== null && tn !== void 0 ? tn : H), Qe = Oe == null ? void 0 : Oe.disabled, Ge = Oe == null ? void 0 : Oe.title, process.env.NODE_ENV !== "production" && !y) {
+          var en = Oe == null ? void 0 : Oe[Y.label];
+          en !== void 0 && !/* @__PURE__ */ o.isValidElement(en) && !/* @__PURE__ */ o.isValidElement(te) && en !== te && Ue(!1, "`label` of `value` is not same as `label` in Select options.");
+        }
+      }
+      return {
+        label: te,
+        value: H,
+        key: de,
+        disabled: Qe,
+        title: Ge
+      };
+    });
+  }, [Y, y, L]), ue = Bn(M, {
+    value: Z
+  }), se = re(ue, 2), oe = se[0], ve = se[1], De = o.useMemo(function() {
+    var P, B = G && oe === null ? [] : oe, T = Q(B);
+    return r === "combobox" && wo((P = T[0]) === null || P === void 0 ? void 0 : P.value) ? [] : T;
+  }, [oe, Q, r, G]), He = ko(De, L), Ve = re(He, 2), me = Ve[0], qe = Ve[1], Me = o.useMemo(function() {
+    if (!r && me.length === 1) {
+      var P = me[0];
+      if (P.value === null && (P.label === null || P.label === void 0))
+        return [];
+    }
+    return me.map(function(B) {
+      var T;
+      return ee(ee({}, B), {}, {
+        label: (T = typeof j == "function" ? j(B) : B.label) !== null && T !== void 0 ? T : B.value
+      });
+    });
+  }, [r, me, j]), ge = o.useMemo(function() {
+    return new Set(me.map(function(P) {
+      return P.value;
+    }));
+  }, [me]);
+  o.useEffect(function() {
+    if (r === "combobox") {
+      var P, B = (P = me[0]) === null || P === void 0 ? void 0 : P.value;
+      E(So(B) ? String(B) : "");
+    }
+  }, [me]);
+  var ye = zt(function(P, B) {
+    var T = B ?? P;
+    return ae(ae({}, Y.value, P), Y.label, T);
+  }), Ie = o.useMemo(function() {
+    if (r !== "tags")
+      return R;
+    var P = Ye(R), B = function(H) {
+      return L.has(H);
+    };
+    return Ye(me).sort(function(T, H) {
+      return T.value < H.value ? -1 : 1;
+    }).forEach(function(T) {
+      var H = T.value;
+      B(H) || P.push(ye(H, T.label));
+    }), P;
+  }, [ye, R, L, me, r]), Te = ea(Ie, Y, le, $e, x), Ae = o.useMemo(function() {
+    return r !== "tags" || !le || Te.some(function(P) {
+      return P[x || "value"] === le;
+    }) || Te.some(function(P) {
+      return P[Y.value] === le;
+    }) ? Te : [ye(le)].concat(Ye(Te));
+  }, [ye, x, r, Te, le, Y]), Je = function P(B) {
+    var T = Ye(B).sort(function(H, te) {
+      return b(H, te, {
+        searchValue: le
+      });
+    });
+    return T.map(function(H) {
+      return Array.isArray(H.options) ? ee(ee({}, H), {}, {
+        options: H.options.length > 0 ? P(H.options) : H.options
+      }) : H;
+    });
+  }, xe = o.useMemo(function() {
+    return b ? Je(Ae) : Ae;
+  }, [Ae, b, le]), We = o.useMemo(function() {
+    return Mo(xe, {
+      fieldNames: Y,
+      childrenAsData: he
+    });
+  }, [xe, Y, he]), je = function(B) {
+    var T = Q(B);
+    if (ve(T), J && // Trigger event only when value changed
+    (T.length !== me.length || T.some(function(de, Qe) {
+      var Ge;
+      return ((Ge = me[Qe]) === null || Ge === void 0 ? void 0 : Ge.value) !== (de == null ? void 0 : de.value);
+    }))) {
+      var H = V ? T : T.map(function(de) {
+        return de.value;
+      }), te = T.map(function(de) {
+        return et(qe(de.value));
+      });
+      J(
+        // Value
+        G ? H : H[0],
+        // Option
+        G ? te : te[0]
+      );
+    }
+  }, fn = o.useState(null), Be = re(fn, 2), ze = Be[0], Ne = Be[1], bn = o.useState(0), mn = re(bn, 2), On = mn[0], vn = mn[1], an = _ !== void 0 ? _ : r !== "combobox", Sn = o.useCallback(function(P, B) {
+    var T = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, H = T.source, te = H === void 0 ? "keyboard" : H;
+    vn(B), l && r === "combobox" && P !== null && te === "keyboard" && Ne(String(P));
+  }, [l, r]), nn = function(B, T, H) {
+    var te = function() {
+      var D, I = qe(B);
+      return [V ? {
+        label: I == null ? void 0 : I[Y.label],
+        value: B,
+        key: (D = I == null ? void 0 : I.key) !== null && D !== void 0 ? D : B
+      } : B, et(I)];
+    };
+    if (T && c) {
+      var de = te(), Qe = re(de, 2), Ge = Qe[0], ke = Qe[1];
+      c(Ge, ke);
+    } else if (!T && g && H !== "clear") {
+      var Oe = te(), tn = re(Oe, 2), en = tn[0], sn = tn[1];
+      g(en, sn);
+    }
+  }, wn = zt(function(P, B) {
+    var T, H = G ? B.selected : !0;
+    H ? T = G ? [].concat(Ye(me), [P]) : [P] : T = me.filter(function(te) {
+      return te.value !== P;
+    }), je(T), nn(P, H), r === "combobox" ? Ne("") : (!An || h) && (E(""), Ne(""));
+  }), ln = function(B, T) {
+    je(B);
+    var H = T.type, te = T.values;
+    (H === "remove" || H === "clear") && te.forEach(function(de) {
+      nn(de.value, !1, H);
+    });
+  }, Ce = function(B, T) {
+    if (E(B), Ne(null), T.source === "submit") {
+      var H = (B || "").trim();
+      if (H) {
+        var te = Array.from(new Set([].concat(Ye(ge), [H])));
+        je(te), nn(H, !0), E("");
+      }
+      return;
+    }
+    T.source !== "blur" && (r === "combobox" && je(B), v == null || v(B));
+  }, un = function(B) {
+    var T = B;
+    r !== "tags" && (T = B.map(function(te) {
+      var de = W.get(te);
+      return de == null ? void 0 : de.value;
+    }).filter(function(te) {
+      return te !== void 0;
+    }));
+    var H = Array.from(new Set([].concat(Ye(ge), Ye(T))));
+    je(H), H.forEach(function(te) {
+      nn(te, !0);
+    });
+  }, cn = o.useMemo(function() {
+    var P = A !== !1 && S !== !1;
+    return ee(ee({}, O), {}, {
+      flattenOptions: We,
+      onActiveValue: Sn,
+      defaultActiveFirstOption: an,
+      onSelect: wn,
+      menuItemSelectedIcon: F,
+      rawValues: ge,
+      fieldNames: Y,
+      virtual: P,
+      direction: K,
+      listHeight: ne,
+      listItemHeight: ie,
+      childrenAsData: he,
+      maxCount: $,
+      optionRender: p
+    });
+  }, [$, O, We, Sn, an, wn, F, ge, Y, A, S, K, ne, ie, he, p]);
+  return process.env.NODE_ENV !== "production" && (ua(e), ca(R, Y)), /* @__PURE__ */ o.createElement(st.Provider, {
+    value: cn
+  }, /* @__PURE__ */ o.createElement(qt, Ze({}, Ee, {
+    // >>> MISC
+    id: Re,
+    prefixCls: i,
+    ref: n,
+    omitDomProps: da,
+    mode: r,
+    displayValues: Me,
+    onDisplayValuesChange: ln,
+    direction: K,
+    searchValue: le,
+    onSearch: Ce,
+    autoClearSearchValue: h,
+    onSearchSplit: un,
+    dropdownMatchSelectWidth: S,
+    OptionList: kt,
+    emptyOptions: !We.length,
+    activeValue: ze,
+    activeDescendantId: "".concat(Re, "_list_").concat(On)
+  })));
+});
+process.env.NODE_ENV !== "production" && (er.displayName = "Select");
+var vt = er;
+vt.Option = ft;
+vt.OptGroup = dt;
+const nr = () => {
+  const [, e] = ot(), [n] = lt("Empty"), r = new Vn(e.colorBgBase).toHsl().l < 0.5 ? {
+    opacity: 0.65
+  } : {};
+  return /* @__PURE__ */ o.createElement("svg", {
+    style: r,
+    width: "184",
+    height: "152",
+    viewBox: "0 0 184 152",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /* @__PURE__ */ o.createElement("title", null, (n == null ? void 0 : n.description) || "Empty"), /* @__PURE__ */ o.createElement("g", {
+    fill: "none",
+    fillRule: "evenodd"
+  }, /* @__PURE__ */ o.createElement("g", {
+    transform: "translate(24 31.67)"
+  }, /* @__PURE__ */ o.createElement("ellipse", {
+    fillOpacity: ".8",
+    fill: "#F5F5F7",
+    cx: "67.797",
+    cy: "106.89",
+    rx: "67.797",
+    ry: "12.668"
+  }), /* @__PURE__ */ o.createElement("path", {
+    d: "M122.034 69.674L98.109 40.229c-1.148-1.386-2.826-2.225-4.593-2.225h-51.44c-1.766 0-3.444.839-4.592 2.225L13.56 69.674v15.383h108.475V69.674z",
+    fill: "#AEB8C2"
+  }), /* @__PURE__ */ o.createElement("path", {
+    d: "M101.537 86.214L80.63 61.102c-1.001-1.207-2.507-1.867-4.048-1.867H31.724c-1.54 0-3.047.66-4.048 1.867L6.769 86.214v13.792h94.768V86.214z",
+    fill: "url(#linearGradient-1)",
+    transform: "translate(13.56)"
+  }), /* @__PURE__ */ o.createElement("path", {
+    d: "M33.83 0h67.933a4 4 0 0 1 4 4v93.344a4 4 0 0 1-4 4H33.83a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4z",
+    fill: "#F5F5F7"
+  }), /* @__PURE__ */ o.createElement("path", {
+    d: "M42.678 9.953h50.237a2 2 0 0 1 2 2V36.91a2 2 0 0 1-2 2H42.678a2 2 0 0 1-2-2V11.953a2 2 0 0 1 2-2zM42.94 49.767h49.713a2.262 2.262 0 1 1 0 4.524H42.94a2.262 2.262 0 0 1 0-4.524zM42.94 61.53h49.713a2.262 2.262 0 1 1 0 4.525H42.94a2.262 2.262 0 0 1 0-4.525zM121.813 105.032c-.775 3.071-3.497 5.36-6.735 5.36H20.515c-3.238 0-5.96-2.29-6.734-5.36a7.309 7.309 0 0 1-.222-1.79V69.675h26.318c2.907 0 5.25 2.448 5.25 5.42v.04c0 2.971 2.37 5.37 5.277 5.37h34.785c2.907 0 5.277-2.421 5.277-5.393V75.1c0-2.972 2.343-5.426 5.25-5.426h26.318v33.569c0 .617-.077 1.216-.221 1.789z",
+    fill: "#DCE0E6"
+  })), /* @__PURE__ */ o.createElement("path", {
+    d: "M149.121 33.292l-6.83 2.65a1 1 0 0 1-1.317-1.23l1.937-6.207c-2.589-2.944-4.109-6.534-4.109-10.408C138.802 8.102 148.92 0 161.402 0 173.881 0 184 8.102 184 18.097c0 9.995-10.118 18.097-22.599 18.097-4.528 0-8.744-1.066-12.28-2.902z",
+    fill: "#DCE0E6"
+  }), /* @__PURE__ */ o.createElement("g", {
+    transform: "translate(149.65 15.383)",
+    fill: "#FFF"
+  }, /* @__PURE__ */ o.createElement("ellipse", {
+    cx: "20.654",
+    cy: "3.167",
+    rx: "2.849",
+    ry: "2.815"
+  }), /* @__PURE__ */ o.createElement("path", {
+    d: "M5.698 5.63H0L2.898.704zM9.259.704h4.985V5.63H9.259z"
+  }))));
+};
+process.env.NODE_ENV !== "production" && (nr.displayName = "EmptyImage");
+const tr = () => {
+  const [, e] = ot(), [n] = lt("Empty"), {
+    colorFill: t,
+    colorFillTertiary: r,
+    colorFillQuaternary: a,
+    colorBgContainer: i
+  } = e, {
+    borderColor: l,
+    shadowColor: u,
+    contentColor: d
+  } = pr(() => ({
+    borderColor: new Vn(t).onBackground(i).toHexString(),
+    shadowColor: new Vn(r).onBackground(i).toHexString(),
+    contentColor: new Vn(a).onBackground(i).toHexString()
+  }), [t, r, a, i]);
+  return /* @__PURE__ */ o.createElement("svg", {
+    width: "64",
+    height: "41",
+    viewBox: "0 0 64 41",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /* @__PURE__ */ o.createElement("title", null, (n == null ? void 0 : n.description) || "Empty"), /* @__PURE__ */ o.createElement("g", {
+    transform: "translate(0 1)",
+    fill: "none",
+    fillRule: "evenodd"
+  }, /* @__PURE__ */ o.createElement("ellipse", {
+    fill: u,
+    cx: "32",
+    cy: "33",
+    rx: "32",
+    ry: "7"
+  }), /* @__PURE__ */ o.createElement("g", {
+    fillRule: "nonzero",
+    stroke: l
+  }, /* @__PURE__ */ o.createElement("path", {
+    d: "M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
+  }), /* @__PURE__ */ o.createElement("path", {
+    d: "M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z",
+    fill: d
+  }))));
+};
+process.env.NODE_ENV !== "production" && (tr.displayName = "SimpleImage");
+const ma = (e) => {
+  const {
+    componentCls: n,
+    margin: t,
+    marginXS: r,
+    marginXL: a,
+    fontSize: i,
+    lineHeight: l
+  } = e;
+  return {
+    [n]: {
+      marginInline: r,
+      fontSize: i,
+      lineHeight: l,
+      textAlign: "center",
+      // 原来 &-image 没有父子结构，现在为了外层承担我们的 hashId，改成父子结构
+      [`${n}-image`]: {
+        height: e.emptyImgHeight,
+        marginBottom: r,
+        opacity: e.opacityImage,
+        img: {
+          height: "100%"
+        },
+        svg: {
+          maxWidth: "100%",
+          height: "100%",
+          margin: "auto"
+        }
+      },
+      [`${n}-description`]: {
+        color: e.colorTextDescription
+      },
+      // 原来 &-footer 没有父子结构，现在为了外层承担我们的 hashId，改成父子结构
+      [`${n}-footer`]: {
+        marginTop: t
+      },
+      "&-normal": {
+        marginBlock: a,
+        color: e.colorTextDescription,
+        [`${n}-description`]: {
+          color: e.colorTextDescription
+        },
+        [`${n}-image`]: {
+          height: e.emptyImgHeightMD
+        }
+      },
+      "&-small": {
+        marginBlock: r,
+        color: e.colorTextDescription,
+        [`${n}-image`]: {
+          height: e.emptyImgHeightSM
+        }
+      }
+    }
+  };
+}, va = Bt("Empty", (e) => {
+  const {
+    componentCls: n,
+    controlHeightLG: t,
+    calc: r
+  } = e, a = Pn(e, {
+    emptyImgCls: `${n}-img`,
+    emptyImgHeight: r(t).mul(2.5).equal(),
+    emptyImgHeightMD: t,
+    emptyImgHeightSM: r(t).mul(0.875).equal()
+  });
+  return [ma(a)];
+});
+var ga = function(e, n) {
+  var t = {};
+  for (var r in e) Object.prototype.hasOwnProperty.call(e, r) && n.indexOf(r) < 0 && (t[r] = e[r]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var a = 0, r = Object.getOwnPropertySymbols(e); a < r.length; a++)
+    n.indexOf(r[a]) < 0 && Object.prototype.propertyIsEnumerable.call(e, r[a]) && (t[r[a]] = e[r[a]]);
+  return t;
+};
+const rr = /* @__PURE__ */ o.createElement(nr, null), or = /* @__PURE__ */ o.createElement(tr, null), gn = (e) => {
+  var n, t, r, a, i, l, u, d;
+  const {
+    className: f,
+    rootClassName: v,
+    prefixCls: s,
+    image: h = rr,
+    description: c,
+    children: g,
+    imageStyle: m,
+    style: S,
+    classNames: w,
+    styles: b
+  } = e, x = ga(e, ["className", "rootClassName", "prefixCls", "image", "description", "children", "imageStyle", "style", "classNames", "styles"]), {
+    getPrefixCls: y,
+    direction: N,
+    empty: p
+  } = o.useContext(jn), C = y("empty", s), [_, F, A] = va(C), [K] = lt("Empty"), U = typeof c < "u" ? c : K == null ? void 0 : K.description, ne = typeof U == "string" ? U : "empty";
+  let z = null;
+  if (typeof h == "string" ? z = /* @__PURE__ */ o.createElement("img", {
+    alt: ne,
+    src: h
+  }) : z = h, process.env.NODE_ENV !== "production") {
+    const ie = at("Empty");
+    [["imageStyle", "styles: { image: {} }"]].forEach((j) => {
+      let [Z, M] = j;
+      ie.deprecated(!(Z in e), Z, M);
+    });
+  }
+  return _(/* @__PURE__ */ o.createElement("div", Object.assign({
+    className: Le(F, A, C, p == null ? void 0 : p.className, {
+      [`${C}-normal`]: h === or,
+      [`${C}-rtl`]: N === "rtl"
+    }, f, v, (n = p == null ? void 0 : p.classNames) === null || n === void 0 ? void 0 : n.root, w == null ? void 0 : w.root),
+    style: Object.assign(Object.assign(Object.assign(Object.assign({}, (t = p == null ? void 0 : p.styles) === null || t === void 0 ? void 0 : t.root), p == null ? void 0 : p.style), b == null ? void 0 : b.root), S)
+  }, x), /* @__PURE__ */ o.createElement("div", {
+    className: Le(`${C}-image`, (r = p == null ? void 0 : p.classNames) === null || r === void 0 ? void 0 : r.image, w == null ? void 0 : w.image),
+    style: Object.assign(Object.assign(Object.assign({}, m), (a = p == null ? void 0 : p.styles) === null || a === void 0 ? void 0 : a.image), b == null ? void 0 : b.image)
+  }, z), U && /* @__PURE__ */ o.createElement("div", {
+    className: Le(`${C}-description`, (i = p == null ? void 0 : p.classNames) === null || i === void 0 ? void 0 : i.description, w == null ? void 0 : w.description),
+    style: Object.assign(Object.assign({}, (l = p == null ? void 0 : p.styles) === null || l === void 0 ? void 0 : l.description), b == null ? void 0 : b.description)
+  }, U), g && /* @__PURE__ */ o.createElement("div", {
+    className: Le(`${C}-footer`, (u = p == null ? void 0 : p.classNames) === null || u === void 0 ? void 0 : u.footer, w == null ? void 0 : w.footer),
+    style: Object.assign(Object.assign({}, (d = p == null ? void 0 : p.styles) === null || d === void 0 ? void 0 : d.footer), b == null ? void 0 : b.footer)
+  }, g)));
+};
+gn.PRESENTED_IMAGE_DEFAULT = rr;
+gn.PRESENTED_IMAGE_SIMPLE = or;
+process.env.NODE_ENV !== "production" && (gn.displayName = "Empty");
+const pa = (e) => {
+  const {
+    componentName: n
+  } = e, {
+    getPrefixCls: t
+  } = hr(jn), r = t("empty");
+  switch (n) {
+    case "Table":
+    case "List":
+      return /* @__PURE__ */ Dn.createElement(gn, {
+        image: gn.PRESENTED_IMAGE_SIMPLE
+      });
+    case "Select":
+    case "TreeSelect":
+    case "Cascader":
+    case "Transfer":
+    case "Mentions":
+      return /* @__PURE__ */ Dn.createElement(gn, {
+        image: gn.PRESENTED_IMAGE_SIMPLE,
+        className: `${r}-small`
+      });
+    case "Table.filter":
+      return null;
+    default:
+      return /* @__PURE__ */ Dn.createElement(gn, null);
+  }
+}, ha = (e) => {
+  const t = {
+    overflow: {
+      adjustX: !0,
+      adjustY: !0,
+      shiftY: !0
+    },
+    htmlRegion: e === "scroll" ? "scroll" : "visible",
+    dynamicInset: !0
+  };
+  return {
+    bottomLeft: Object.assign(Object.assign({}, t), {
+      points: ["tl", "bl"],
+      offset: [0, 4]
+    }),
+    bottomRight: Object.assign(Object.assign({}, t), {
+      points: ["tr", "br"],
+      offset: [0, 4]
+    }),
+    topLeft: Object.assign(Object.assign({}, t), {
+      points: ["bl", "tl"],
+      offset: [0, -4]
+    }),
+    topRight: Object.assign(Object.assign({}, t), {
+      points: ["br", "tr"],
+      offset: [0, -4]
+    })
+  };
+};
+function ba(e, n) {
+  return e || ha(n);
+}
+const Lt = (e) => {
+  const {
+    optionHeight: n,
+    optionFontSize: t,
+    optionLineHeight: r,
+    optionPadding: a
+  } = e;
+  return {
+    position: "relative",
+    display: "block",
+    minHeight: n,
+    padding: a,
+    color: e.colorText,
+    fontWeight: "normal",
+    fontSize: t,
+    lineHeight: r,
+    boxSizing: "border-box"
+  };
+}, Sa = (e) => {
+  const {
+    antCls: n,
+    componentCls: t
+  } = e, r = `${t}-item`, a = `&${n}-slide-up-enter${n}-slide-up-enter-active`, i = `&${n}-slide-up-appear${n}-slide-up-appear-active`, l = `&${n}-slide-up-leave${n}-slide-up-leave-active`, u = `${t}-dropdown-placement-`, d = `${r}-option-selected`;
+  return [
+    {
+      [`${t}-dropdown`]: Object.assign(Object.assign({}, it(e)), {
+        position: "absolute",
+        top: -9999,
+        zIndex: e.zIndexPopup,
+        boxSizing: "border-box",
+        padding: e.paddingXXS,
+        overflow: "hidden",
+        fontSize: e.fontSize,
+        // Fix select render lag of long text in chrome
+        // https://github.com/ant-design/ant-design/issues/11456
+        // https://github.com/ant-design/ant-design/issues/11843
+        fontVariant: "initial",
+        backgroundColor: e.colorBgElevated,
+        borderRadius: e.borderRadiusLG,
+        outline: "none",
+        boxShadow: e.boxShadowSecondary,
+        [`
+          ${a}${u}bottomLeft,
+          ${i}${u}bottomLeft
+        `]: {
+          animationName: Hr
+        },
+        [`
+          ${a}${u}topLeft,
+          ${i}${u}topLeft,
+          ${a}${u}topRight,
+          ${i}${u}topRight
+        `]: {
+          animationName: Vr
+        },
+        [`${l}${u}bottomLeft`]: {
+          animationName: Br
+        },
+        [`
+          ${l}${u}topLeft,
+          ${l}${u}topRight
+        `]: {
+          animationName: Fr
+        },
+        "&-hidden": {
+          display: "none"
+        },
+        [r]: Object.assign(Object.assign({}, Lt(e)), {
+          cursor: "pointer",
+          transition: `background ${e.motionDurationSlow} ease`,
+          borderRadius: e.borderRadiusSM,
+          // =========== Group ============
+          "&-group": {
+            color: e.colorTextDescription,
+            fontSize: e.fontSizeSM,
+            cursor: "default"
+          },
+          // =========== Option ===========
+          "&-option": {
+            display: "flex",
+            "&-content": Object.assign({
+              flex: "auto"
+            }, Zn),
+            "&-state": {
+              flex: "none",
+              display: "flex",
+              alignItems: "center"
+            },
+            [`&-active:not(${r}-option-disabled)`]: {
+              backgroundColor: e.optionActiveBg
+            },
+            [`&-selected:not(${r}-option-disabled)`]: {
+              color: e.optionSelectedColor,
+              fontWeight: e.optionSelectedFontWeight,
+              backgroundColor: e.optionSelectedBg,
+              [`${r}-option-state`]: {
+                color: e.colorPrimary
+              }
+            },
+            "&-disabled": {
+              [`&${r}-option-selected`]: {
+                backgroundColor: e.colorBgContainerDisabled
+              },
+              color: e.colorTextDisabled,
+              cursor: "not-allowed"
+            },
+            "&-grouped": {
+              paddingInlineStart: e.calc(e.controlPaddingHorizontal).mul(2).equal()
+            }
+          },
+          "&-empty": Object.assign(Object.assign({}, Lt(e)), {
+            color: e.colorTextDisabled
+          })
+        }),
+        // https://github.com/ant-design/ant-design/pull/46646
+        [`${d}:has(+ ${d})`]: {
+          borderEndStartRadius: 0,
+          borderEndEndRadius: 0,
+          [`& + ${d}`]: {
+            borderStartStartRadius: 0,
+            borderStartEndRadius: 0
+          }
+        },
+        // =========================== RTL ===========================
+        "&-rtl": {
+          direction: "rtl"
+        }
+      })
+    },
+    // Follow code may reuse in other components
+    yt(e, "slide-up"),
+    yt(e, "slide-down"),
+    Et(e, "move-up"),
+    Et(e, "move-down")
+  ];
+}, wa = (e) => {
+  const {
+    multipleSelectItemHeight: n,
+    paddingXXS: t,
+    lineWidth: r,
+    INTERNAL_FIXED_ITEM_MARGIN: a
+  } = e, i = e.max(e.calc(t).sub(r).equal(), 0), l = e.max(e.calc(i).sub(a).equal(), 0);
+  return {
+    basePadding: i,
+    containerPadding: l,
+    itemHeight: _e(n),
+    itemLineHeight: _e(e.calc(n).sub(e.calc(e.lineWidth).mul(2)).equal())
+  };
+}, ya = (e) => {
+  const {
+    multipleSelectItemHeight: n,
+    selectHeight: t,
+    lineWidth: r
+  } = e;
+  return e.calc(t).sub(n).div(2).sub(r).equal();
+}, Ca = (e) => {
+  const {
+    componentCls: n,
+    iconCls: t,
+    borderRadiusSM: r,
+    motionDurationSlow: a,
+    paddingXS: i,
+    multipleItemColorDisabled: l,
+    multipleItemBorderColorDisabled: u,
+    colorIcon: d,
+    colorIconHover: f,
+    INTERNAL_FIXED_ITEM_MARGIN: v
+  } = e;
+  return {
+    /**
+     * Do not merge `height` & `line-height` under style with `selection` & `search`, since chrome
+     * may update to redesign with its align logic.
+     */
+    // =========================== Overflow ===========================
+    [`${n}-selection-overflow`]: {
+      position: "relative",
+      display: "flex",
+      flex: "auto",
+      flexWrap: "wrap",
+      maxWidth: "100%",
+      "&-item": {
+        flex: "none",
+        alignSelf: "center",
+        maxWidth: "100%",
+        display: "inline-flex"
+      },
+      // ======================== Selections ==========================
+      [`${n}-selection-item`]: {
+        display: "flex",
+        alignSelf: "center",
+        flex: "none",
+        boxSizing: "border-box",
+        maxWidth: "100%",
+        marginBlock: v,
+        borderRadius: r,
+        cursor: "default",
+        transition: `font-size ${a}, line-height ${a}, height ${a}`,
+        marginInlineEnd: e.calc(v).mul(2).equal(),
+        paddingInlineStart: i,
+        paddingInlineEnd: e.calc(i).div(2).equal(),
+        [`${n}-disabled&`]: {
+          color: l,
+          borderColor: u,
+          cursor: "not-allowed"
+        },
+        // It's ok not to do this, but 24px makes bottom narrow in view should adjust
+        "&-content": {
+          display: "inline-block",
+          marginInlineEnd: e.calc(i).div(2).equal(),
+          overflow: "hidden",
+          whiteSpace: "pre",
+          // fix whitespace wrapping. custom tags display all whitespace within.
+          textOverflow: "ellipsis"
+        },
+        "&-remove": Object.assign(Object.assign({}, Ft()), {
+          display: "inline-flex",
+          alignItems: "center",
+          color: d,
+          fontWeight: "bold",
+          fontSize: 10,
+          lineHeight: "inherit",
+          cursor: "pointer",
+          [`> ${t}`]: {
+            verticalAlign: "-0.2em"
+          },
+          "&:hover": {
+            color: f
+          }
+        })
+      }
+    }
+  };
+}, Ea = (e, n) => {
+  const {
+    componentCls: t,
+    INTERNAL_FIXED_ITEM_MARGIN: r
+  } = e, a = `${t}-selection-overflow`, i = e.multipleSelectItemHeight, l = ya(e), u = n ? `${t}-${n}` : "", d = wa(e);
+  return {
+    [`${t}-multiple${u}`]: Object.assign(Object.assign({}, Ca(e)), {
+      // ========================= Selector =========================
+      [`${t}-selector`]: {
+        display: "flex",
+        alignItems: "center",
+        width: "100%",
+        height: "100%",
+        // Multiple is little different that horizontal is follow the vertical
+        paddingInline: d.basePadding,
+        paddingBlock: d.containerPadding,
+        borderRadius: e.borderRadius,
+        [`${t}-disabled&`]: {
+          background: e.multipleSelectorBgDisabled,
+          cursor: "not-allowed"
+        },
+        "&:after": {
+          display: "inline-block",
+          width: 0,
+          margin: `${_e(r)} 0`,
+          lineHeight: _e(i),
+          visibility: "hidden",
+          content: '"\\a0"'
+        }
+      },
+      // ======================== Selections ========================
+      [`${t}-selection-item`]: {
+        height: d.itemHeight,
+        lineHeight: _e(d.itemLineHeight)
+      },
+      // ========================== Wrap ===========================
+      [`${t}-selection-wrap`]: {
+        alignSelf: "flex-start",
+        "&:after": {
+          lineHeight: _e(i),
+          marginBlock: r
+        }
+      },
+      // ========================== Input ==========================
+      [`${t}-prefix`]: {
+        marginInlineStart: e.calc(e.inputPaddingHorizontalBase).sub(d.basePadding).equal()
+      },
+      [`${a}-item + ${a}-item,
+        ${t}-prefix + ${t}-selection-wrap
+      `]: {
+        [`${t}-selection-search`]: {
+          marginInlineStart: 0
+        },
+        [`${t}-selection-placeholder`]: {
+          insetInlineStart: 0
+        }
+      },
+      // https://github.com/ant-design/ant-design/issues/44754
+      // Same as `wrap:after`
+      [`${a}-item-suffix`]: {
+        minHeight: d.itemHeight,
+        marginBlock: r
+      },
+      [`${t}-selection-search`]: {
+        display: "inline-flex",
+        position: "relative",
+        maxWidth: "100%",
+        marginInlineStart: e.calc(e.inputPaddingHorizontalBase).sub(l).equal(),
+        "\n          &-input,\n          &-mirror\n        ": {
+          height: i,
+          fontFamily: e.fontFamily,
+          lineHeight: _e(i),
+          transition: `all ${e.motionDurationSlow}`
+        },
+        "&-input": {
+          width: "100%",
+          minWidth: 4.1
+          // fix search cursor missing
+        },
+        "&-mirror": {
+          position: "absolute",
+          top: 0,
+          insetInlineStart: 0,
+          insetInlineEnd: "auto",
+          zIndex: 999,
+          whiteSpace: "pre",
+          // fix whitespace wrapping caused width calculation bug
+          visibility: "hidden"
+        }
+      },
+      // ======================= Placeholder =======================
+      [`${t}-selection-placeholder`]: {
+        position: "absolute",
+        top: "50%",
+        insetInlineStart: e.calc(e.inputPaddingHorizontalBase).sub(d.basePadding).equal(),
+        insetInlineEnd: e.inputPaddingHorizontalBase,
+        transform: "translateY(-50%)",
+        transition: `all ${e.motionDurationSlow}`
+      }
+    })
+  };
+};
+function Yn(e, n) {
+  const {
+    componentCls: t
+  } = e, r = n ? `${t}-${n}` : "", a = {
+    [`${t}-multiple${r}`]: {
+      fontSize: e.fontSize,
+      // ========================= Selector =========================
+      [`${t}-selector`]: {
+        [`${t}-show-search&`]: {
+          cursor: "text"
+        }
+      },
+      [`
+        &${t}-show-arrow ${t}-selector,
+        &${t}-allow-clear ${t}-selector
+      `]: {
+        paddingInlineEnd: e.calc(e.fontSizeIcon).add(e.controlPaddingHorizontal).equal()
+      }
+    }
+  };
+  return [Ea(e, n), a];
+}
+const Ia = (e) => {
+  const {
+    componentCls: n
+  } = e, t = Pn(e, {
+    selectHeight: e.controlHeightSM,
+    multipleSelectItemHeight: e.multipleItemHeightSM,
+    borderRadius: e.borderRadiusSM,
+    borderRadiusSM: e.borderRadiusXS
+  }), r = Pn(e, {
+    fontSize: e.fontSizeLG,
+    selectHeight: e.controlHeightLG,
+    multipleSelectItemHeight: e.multipleItemHeightLG,
+    borderRadius: e.borderRadiusLG,
+    borderRadiusSM: e.borderRadius
+  });
+  return [
+    Yn(e),
+    // ======================== Small ========================
+    Yn(t, "sm"),
+    // Padding
+    {
+      [`${n}-multiple${n}-sm`]: {
+        [`${n}-selection-placeholder`]: {
+          insetInline: e.calc(e.controlPaddingHorizontalSM).sub(e.lineWidth).equal()
+        },
+        // https://github.com/ant-design/ant-design/issues/29559
+        [`${n}-selection-search`]: {
+          marginInlineStart: 2
+          // Magic Number
+        }
+      }
+    },
+    // ======================== Large ========================
+    Yn(r, "lg")
+  ];
+};
+function qn(e, n) {
+  const {
+    componentCls: t,
+    inputPaddingHorizontalBase: r,
+    borderRadius: a
+  } = e, i = e.calc(e.controlHeight).sub(e.calc(e.lineWidth).mul(2)).equal(), l = n ? `${t}-${n}` : "";
+  return {
+    [`${t}-single${l}`]: {
+      fontSize: e.fontSize,
+      height: e.controlHeight,
+      // ========================= Selector =========================
+      [`${t}-selector`]: Object.assign(Object.assign({}, it(e, !0)), {
+        display: "flex",
+        borderRadius: a,
+        flex: "1 1 auto",
+        [`${t}-selection-search`]: {
+          position: "absolute",
+          inset: 0,
+          width: "100%",
+          "&-input": {
+            width: "100%",
+            WebkitAppearance: "textfield"
+          }
+        },
+        [`
+          ${t}-selection-item,
+          ${t}-selection-placeholder
+        `]: {
+          display: "block",
+          padding: 0,
+          lineHeight: _e(i),
+          transition: `all ${e.motionDurationSlow}, visibility 0s`,
+          alignSelf: "center"
+        },
+        [`${t}-selection-placeholder`]: {
+          transition: "none",
+          pointerEvents: "none"
+        },
+        // For common baseline align
+        [[
+          "&:after",
+          /* For '' value baseline align */
+          `${t}-selection-item:empty:after`,
+          /* For undefined value baseline align */
+          `${t}-selection-placeholder:empty:after`
+        ].join(",")]: {
+          display: "inline-block",
+          width: 0,
+          visibility: "hidden",
+          content: '"\\a0"'
+        }
+      }),
+      [`
+        &${t}-show-arrow ${t}-selection-item,
+        &${t}-show-arrow ${t}-selection-search,
+        &${t}-show-arrow ${t}-selection-placeholder
+      `]: {
+        paddingInlineEnd: e.showArrowPaddingInlineEnd
+      },
+      // Opacity selection if open
+      [`&${t}-open ${t}-selection-item`]: {
+        color: e.colorTextPlaceholder
+      },
+      // ========================== Input ==========================
+      // We only change the style of non-customize input which is only support by `combobox` mode.
+      // Not customize
+      [`&:not(${t}-customize-input)`]: {
+        [`${t}-selector`]: {
+          width: "100%",
+          height: "100%",
+          alignItems: "center",
+          padding: `0 ${_e(r)}`,
+          [`${t}-selection-search-input`]: {
+            height: i
+          },
+          "&:after": {
+            lineHeight: _e(i)
+          }
+        }
+      },
+      [`&${t}-customize-input`]: {
+        [`${t}-selector`]: {
+          "&:after": {
+            display: "none"
+          },
+          [`${t}-selection-search`]: {
+            position: "static",
+            width: "100%"
+          },
+          [`${t}-selection-placeholder`]: {
+            position: "absolute",
+            insetInlineStart: 0,
+            insetInlineEnd: 0,
+            padding: `0 ${_e(r)}`,
+            "&:after": {
+              display: "none"
+            }
+          }
+        }
+      }
+    }
+  };
+}
+function xa(e) {
+  const {
+    componentCls: n
+  } = e, t = e.calc(e.controlPaddingHorizontalSM).sub(e.lineWidth).equal();
+  return [
+    qn(e),
+    // ======================== Small ========================
+    // Shared
+    qn(Pn(e, {
+      controlHeight: e.controlHeightSM,
+      borderRadius: e.borderRadiusSM
+    }), "sm"),
+    // padding
+    {
+      [`${n}-single${n}-sm`]: {
+        [`&:not(${n}-customize-input)`]: {
+          [`${n}-selector`]: {
+            padding: `0 ${_e(t)}`
+          },
+          // With arrow should provides `padding-right` to show the arrow
+          [`&${n}-show-arrow ${n}-selection-search`]: {
+            insetInlineEnd: e.calc(t).add(e.calc(e.fontSize).mul(1.5)).equal()
+          },
+          [`
+            &${n}-show-arrow ${n}-selection-item,
+            &${n}-show-arrow ${n}-selection-placeholder
+          `]: {
+            paddingInlineEnd: e.calc(e.fontSize).mul(1.5).equal()
+          }
+        }
+      }
+    },
+    // ======================== Large ========================
+    // Shared
+    qn(Pn(e, {
+      controlHeight: e.singleItemHeightLG,
+      fontSize: e.fontSizeLG,
+      borderRadius: e.borderRadiusLG
+    }), "lg")
+  ];
+}
+const Oa = (e) => {
+  const {
+    fontSize: n,
+    lineHeight: t,
+    lineWidth: r,
+    controlHeight: a,
+    controlHeightSM: i,
+    controlHeightLG: l,
+    paddingXXS: u,
+    controlPaddingHorizontal: d,
+    zIndexPopupBase: f,
+    colorText: v,
+    fontWeightStrong: s,
+    controlItemBgActive: h,
+    controlItemBgHover: c,
+    colorBgContainer: g,
+    colorFillSecondary: m,
+    colorBgContainerDisabled: S,
+    colorTextDisabled: w,
+    colorPrimaryHover: b,
+    colorPrimary: x,
+    controlOutline: y
+  } = e, N = u * 2, p = r * 2, C = Math.min(a - N, a - p), _ = Math.min(i - N, i - p), F = Math.min(l - N, l - p);
+  return {
+    INTERNAL_FIXED_ITEM_MARGIN: Math.floor(u / 2),
+    zIndexPopup: f + 50,
+    optionSelectedColor: v,
+    optionSelectedFontWeight: s,
+    optionSelectedBg: h,
+    optionActiveBg: c,
+    optionPadding: `${(a - n * t) / 2}px ${d}px`,
+    optionFontSize: n,
+    optionLineHeight: t,
+    optionHeight: a,
+    selectorBg: g,
+    clearBg: g,
+    singleItemHeightLG: l,
+    multipleItemBg: m,
+    multipleItemBorderColor: "transparent",
+    multipleItemHeight: C,
+    multipleItemHeightSM: _,
+    multipleItemHeightLG: F,
+    multipleSelectorBgDisabled: S,
+    multipleItemColorDisabled: w,
+    multipleItemBorderColorDisabled: "transparent",
+    showArrowPaddingInlineEnd: Math.ceil(e.fontSize * 1.25),
+    hoverBorderColor: b,
+    activeBorderColor: x,
+    activeOutlineColor: y,
+    selectAffixPadding: u
+  };
+}, ar = (e, n) => {
+  const {
+    componentCls: t,
+    antCls: r,
+    controlOutlineWidth: a
+  } = e;
+  return {
+    [`&:not(${t}-customize-input) ${t}-selector`]: {
+      border: `${_e(e.lineWidth)} ${e.lineType} ${n.borderColor}`,
+      background: e.selectorBg
+    },
+    [`&:not(${t}-disabled):not(${t}-customize-input):not(${r}-pagination-size-changer)`]: {
+      [`&:hover ${t}-selector`]: {
+        borderColor: n.hoverBorderHover
+      },
+      [`${t}-focused& ${t}-selector`]: {
+        borderColor: n.activeBorderColor,
+        boxShadow: `0 0 0 ${_e(a)} ${n.activeOutlineColor}`,
+        outline: 0
+      },
+      [`${t}-prefix`]: {
+        color: n.color
+      }
+    }
+  };
+}, Ht = (e, n) => ({
+  [`&${e.componentCls}-status-${n.status}`]: Object.assign({}, ar(e, n))
+}), Ra = (e) => ({
+  "&-outlined": Object.assign(Object.assign(Object.assign(Object.assign({}, ar(e, {
+    borderColor: e.colorBorder,
+    hoverBorderHover: e.hoverBorderColor,
+    activeBorderColor: e.activeBorderColor,
+    activeOutlineColor: e.activeOutlineColor,
+    color: e.colorText
+  })), Ht(e, {
+    status: "error",
+    borderColor: e.colorError,
+    hoverBorderHover: e.colorErrorHover,
+    activeBorderColor: e.colorError,
+    activeOutlineColor: e.colorErrorOutline,
+    color: e.colorError
+  })), Ht(e, {
+    status: "warning",
+    borderColor: e.colorWarning,
+    hoverBorderHover: e.colorWarningHover,
+    activeBorderColor: e.colorWarning,
+    activeOutlineColor: e.colorWarningOutline,
+    color: e.colorWarning
+  })), {
+    [`&${e.componentCls}-disabled`]: {
+      [`&:not(${e.componentCls}-customize-input) ${e.componentCls}-selector`]: {
+        background: e.colorBgContainerDisabled,
+        color: e.colorTextDisabled
+      }
+    },
+    [`&${e.componentCls}-multiple ${e.componentCls}-selection-item`]: {
+      background: e.multipleItemBg,
+      border: `${_e(e.lineWidth)} ${e.lineType} ${e.multipleItemBorderColor}`
+    }
+  })
+}), ir = (e, n) => {
+  const {
+    componentCls: t,
+    antCls: r
+  } = e;
+  return {
+    [`&:not(${t}-customize-input) ${t}-selector`]: {
+      background: n.bg,
+      border: `${_e(e.lineWidth)} ${e.lineType} transparent`,
+      color: n.color
+    },
+    [`&:not(${t}-disabled):not(${t}-customize-input):not(${r}-pagination-size-changer)`]: {
+      [`&:hover ${t}-selector`]: {
+        background: n.hoverBg
+      },
+      [`${t}-focused& ${t}-selector`]: {
+        background: e.selectorBg,
+        borderColor: n.activeBorderColor,
+        outline: 0
+      }
+    }
+  };
+}, Vt = (e, n) => ({
+  [`&${e.componentCls}-status-${n.status}`]: Object.assign({}, ir(e, n))
+}), $a = (e) => ({
+  "&-filled": Object.assign(Object.assign(Object.assign(Object.assign({}, ir(e, {
+    bg: e.colorFillTertiary,
+    hoverBg: e.colorFillSecondary,
+    activeBorderColor: e.activeBorderColor,
+    color: e.colorText
+  })), Vt(e, {
+    status: "error",
+    bg: e.colorErrorBg,
+    hoverBg: e.colorErrorBgHover,
+    activeBorderColor: e.colorError,
+    color: e.colorError
+  })), Vt(e, {
+    status: "warning",
+    bg: e.colorWarningBg,
+    hoverBg: e.colorWarningBgHover,
+    activeBorderColor: e.colorWarning,
+    color: e.colorWarning
+  })), {
+    [`&${e.componentCls}-disabled`]: {
+      [`&:not(${e.componentCls}-customize-input) ${e.componentCls}-selector`]: {
+        borderColor: e.colorBorder,
+        background: e.colorBgContainerDisabled,
+        color: e.colorTextDisabled
+      }
+    },
+    [`&${e.componentCls}-multiple ${e.componentCls}-selection-item`]: {
+      background: e.colorBgContainer,
+      border: `${_e(e.lineWidth)} ${e.lineType} ${e.colorSplit}`
+    }
+  })
+}), Ma = (e) => ({
+  "&-borderless": {
+    [`${e.componentCls}-selector`]: {
+      background: "transparent",
+      border: `${_e(e.lineWidth)} ${e.lineType} transparent`
+    },
+    [`&${e.componentCls}-disabled`]: {
+      [`&:not(${e.componentCls}-customize-input) ${e.componentCls}-selector`]: {
+        color: e.colorTextDisabled
+      }
+    },
+    [`&${e.componentCls}-multiple ${e.componentCls}-selection-item`]: {
+      background: e.multipleItemBg,
+      border: `${_e(e.lineWidth)} ${e.lineType} ${e.multipleItemBorderColor}`
+    },
+    // Status
+    [`&${e.componentCls}-status-error`]: {
+      [`${e.componentCls}-prefix, ${e.componentCls}-selection-item`]: {
+        color: e.colorError
+      }
+    },
+    [`&${e.componentCls}-status-warning`]: {
+      [`${e.componentCls}-prefix, ${e.componentCls}-selection-item`]: {
+        color: e.colorWarning
+      }
+    }
+  }
+}), Da = (e) => ({
+  [e.componentCls]: Object.assign(Object.assign(Object.assign({}, Ra(e)), $a(e)), Ma(e))
+}), Na = (e) => {
+  const {
+    componentCls: n
+  } = e;
+  return {
+    position: "relative",
+    transition: `all ${e.motionDurationMid} ${e.motionEaseInOut}`,
+    input: {
+      cursor: "pointer"
+    },
+    [`${n}-show-search&`]: {
+      cursor: "text",
+      input: {
+        cursor: "auto",
+        color: "inherit",
+        height: "100%"
+      }
+    },
+    [`${n}-disabled&`]: {
+      cursor: "not-allowed",
+      input: {
+        cursor: "not-allowed"
+      }
+    }
+  };
+}, Pa = (e) => {
+  const {
+    componentCls: n
+  } = e;
+  return {
+    [`${n}-selection-search-input`]: {
+      margin: 0,
+      padding: 0,
+      background: "transparent",
+      border: "none",
+      outline: "none",
+      appearance: "none",
+      fontFamily: "inherit",
+      "&::-webkit-search-cancel-button": {
+        display: "none",
+        "-webkit-appearance": "none"
+      }
+    }
+  };
+}, _a = (e) => {
+  const {
+    antCls: n,
+    componentCls: t,
+    inputPaddingHorizontalBase: r,
+    iconCls: a
+  } = e;
+  return {
+    [t]: Object.assign(Object.assign({}, it(e)), {
+      position: "relative",
+      display: "inline-flex",
+      cursor: "pointer",
+      [`&:not(${t}-customize-input) ${t}-selector`]: Object.assign(Object.assign({}, Na(e)), Pa(e)),
+      // ======================== Selection ========================
+      [`${t}-selection-item`]: Object.assign(Object.assign({
+        flex: 1,
+        fontWeight: "normal",
+        position: "relative",
+        userSelect: "none"
+      }, Zn), {
+        // https://github.com/ant-design/ant-design/issues/40421
+        [`> ${n}-typography`]: {
+          display: "inline"
+        }
+      }),
+      // ======================= Placeholder =======================
+      [`${t}-selection-placeholder`]: Object.assign(Object.assign({}, Zn), {
+        flex: 1,
+        color: e.colorTextPlaceholder,
+        pointerEvents: "none"
+      }),
+      // ========================== Arrow ==========================
+      [`${t}-arrow`]: Object.assign(Object.assign({}, Ft()), {
+        position: "absolute",
+        top: "50%",
+        insetInlineStart: "auto",
+        insetInlineEnd: r,
+        height: e.fontSizeIcon,
+        marginTop: e.calc(e.fontSizeIcon).mul(-1).div(2).equal(),
+        color: e.colorTextQuaternary,
+        fontSize: e.fontSizeIcon,
+        lineHeight: 1,
+        textAlign: "center",
+        pointerEvents: "none",
+        display: "flex",
+        alignItems: "center",
+        transition: `opacity ${e.motionDurationSlow} ease`,
+        [a]: {
+          verticalAlign: "top",
+          transition: `transform ${e.motionDurationSlow}`,
+          "> svg": {
+            verticalAlign: "top"
+          },
+          [`&:not(${t}-suffix)`]: {
+            pointerEvents: "auto"
+          }
+        },
+        [`${t}-disabled &`]: {
+          cursor: "not-allowed"
+        },
+        "> *:not(:last-child)": {
+          marginInlineEnd: 8
+          // FIXME: magic
+        }
+      }),
+      // ========================== Wrap ===========================
+      [`${t}-selection-wrap`]: {
+        display: "flex",
+        width: "100%",
+        position: "relative",
+        minWidth: 0,
+        // https://github.com/ant-design/ant-design/issues/51669
+        "&:after": {
+          content: '"\\a0"',
+          width: 0,
+          overflow: "hidden"
+        }
+      },
+      // ========================= Prefix ==========================
+      [`${t}-prefix`]: {
+        flex: "none",
+        marginInlineEnd: e.selectAffixPadding
+      },
+      // ========================== Clear ==========================
+      [`${t}-clear`]: {
+        position: "absolute",
+        top: "50%",
+        insetInlineStart: "auto",
+        insetInlineEnd: r,
+        zIndex: 1,
+        display: "inline-block",
+        width: e.fontSizeIcon,
+        height: e.fontSizeIcon,
+        marginTop: e.calc(e.fontSizeIcon).mul(-1).div(2).equal(),
+        color: e.colorTextQuaternary,
+        fontSize: e.fontSizeIcon,
+        fontStyle: "normal",
+        lineHeight: 1,
+        textAlign: "center",
+        textTransform: "none",
+        cursor: "pointer",
+        opacity: 0,
+        transition: `color ${e.motionDurationMid} ease, opacity ${e.motionDurationSlow} ease`,
+        textRendering: "auto",
+        "&:before": {
+          display: "block"
+        },
+        "&:hover": {
+          color: e.colorTextTertiary
+        }
+      },
+      [`&:hover ${t}-clear`]: {
+        opacity: 1,
+        background: e.colorBgBase,
+        borderRadius: "50%"
+      }
+    }),
+    // ========================= Feedback ==========================
+    [`${t}-status`]: {
+      "&-error, &-warning, &-success, &-validating": {
+        [`&${t}-has-feedback`]: {
+          [`${t}-clear`]: {
+            insetInlineEnd: e.calc(r).add(e.fontSize).add(e.paddingXS).equal()
+          }
+        }
+      }
+    }
+  };
+}, Ta = (e) => {
+  const {
+    componentCls: n
+  } = e;
+  return [
+    {
+      [n]: {
+        // ==================== In Form ====================
+        [`&${n}-in-form-item`]: {
+          width: "100%"
+        }
+      }
+    },
+    // =====================================================
+    // ==                       LTR                       ==
+    // =====================================================
+    // Base
+    _a(e),
+    // Single
+    xa(e),
+    // Multiple
+    Ia(e),
+    // Dropdown
+    Sa(e),
+    // =====================================================
+    // ==                       RTL                       ==
+    // =====================================================
+    {
+      [`${n}-rtl`]: {
+        direction: "rtl"
+      }
+    },
+    // =====================================================
+    // ==             Space Compact                       ==
+    // =====================================================
+    Qr(e, {
+      borderElCls: `${n}-selector`,
+      focusElCls: `${n}-focused`
+    })
+  ];
+}, za = Bt("Select", (e, n) => {
+  let {
+    rootPrefixCls: t
+  } = n;
+  const r = Pn(e, {
+    rootPrefixCls: t,
+    inputPaddingHorizontalBase: e.calc(e.paddingSM).sub(1).equal(),
+    multipleSelectItemHeight: e.multipleItemHeight,
+    selectHeight: e.controlHeight
+  });
+  return [Ta(r), Da(r)];
+}, Oa, {
+  unitless: {
+    optionLineHeight: !0,
+    optionSelectedFontWeight: !0
+  }
+});
+var La = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z" } }] }, name: "down", theme: "outlined" }, Ha = function(n, t) {
+  return /* @__PURE__ */ o.createElement(Jr, Ze({}, n, {
+    ref: t,
+    icon: La
+  }));
+}, lr = /* @__PURE__ */ o.forwardRef(Ha);
+process.env.NODE_ENV !== "production" && (lr.displayName = "DownOutlined");
+function Va(e) {
+  let {
+    suffixIcon: n,
+    clearIcon: t,
+    menuItemSelectedIcon: r,
+    removeIcon: a,
+    loading: i,
+    multiple: l,
+    hasFeedback: u,
+    prefixCls: d,
+    showSuffixIcon: f,
+    feedbackIcon: v,
+    showArrow: s,
+    componentName: h
+  } = e;
+  process.env.NODE_ENV !== "production" && at(h).deprecated(!t, "clearIcon", "allowClear={{ clearIcon: React.ReactNode }}");
+  const c = t ?? /* @__PURE__ */ o.createElement(Zr, null), g = (b) => n === null && !u && !s ? null : /* @__PURE__ */ o.createElement(o.Fragment, null, f !== !1 && b, u && v);
+  let m = null;
+  if (n !== void 0)
+    m = g(n);
+  else if (i)
+    m = g(/* @__PURE__ */ o.createElement(Gr, {
+      spin: !0
+    }));
+  else {
+    const b = `${d}-suffix`;
+    m = (x) => {
+      let {
+        open: y,
+        showSearch: N
+      } = x;
+      return g(y && N ? /* @__PURE__ */ o.createElement(zr, {
+        className: b
+      }) : /* @__PURE__ */ o.createElement(lr, {
+        className: b
+      }));
+    };
+  }
+  let S = null;
+  r !== void 0 ? S = r : l ? S = /* @__PURE__ */ o.createElement(Tr, null) : S = null;
+  let w = null;
+  return a !== void 0 ? w = a : w = /* @__PURE__ */ o.createElement(Ar, null), {
+    clearIcon: c,
+    suffixIcon: m,
+    itemIcon: S,
+    removeIcon: w
+  };
+}
+function Ba(e, n) {
+  return n !== void 0 ? n : e !== null;
+}
+var Fa = function(e, n) {
+  var t = {};
+  for (var r in e) Object.prototype.hasOwnProperty.call(e, r) && n.indexOf(r) < 0 && (t[r] = e[r]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var a = 0, r = Object.getOwnPropertySymbols(e); a < r.length; a++)
+    n.indexOf(r[a]) < 0 && Object.prototype.propertyIsEnumerable.call(e, r[a]) && (t[r[a]] = e[r[a]]);
+  return t;
+};
+const ur = "SECRET_COMBOBOX_MODE_DO_NOT_USE", cr = (e, n) => {
+  var t;
+  const {
+    prefixCls: r,
+    bordered: a,
+    className: i,
+    rootClassName: l,
+    getPopupContainer: u,
+    popupClassName: d,
+    dropdownClassName: f,
+    listHeight: v = 256,
+    placement: s,
+    listItemHeight: h,
+    size: c,
+    disabled: g,
+    notFoundContent: m,
+    status: S,
+    builtinPlacements: w,
+    dropdownMatchSelectWidth: b,
+    popupMatchSelectWidth: x,
+    direction: y,
+    style: N,
+    allowClear: p,
+    variant: C,
+    dropdownStyle: _,
+    transitionName: F,
+    tagRender: A,
+    maxCount: K,
+    prefix: U
+  } = e, ne = Fa(e, ["prefixCls", "bordered", "className", "rootClassName", "getPopupContainer", "popupClassName", "dropdownClassName", "listHeight", "placement", "listItemHeight", "size", "disabled", "notFoundContent", "status", "builtinPlacements", "dropdownMatchSelectWidth", "popupMatchSelectWidth", "direction", "style", "allowClear", "variant", "dropdownStyle", "transitionName", "tagRender", "maxCount", "prefix"]), {
+    getPopupContainer: z,
+    getPrefixCls: ie,
+    renderEmpty: j,
+    direction: Z,
+    virtual: M,
+    popupMatchSelectWidth: V,
+    popupOverflow: J,
+    select: $
+  } = o.useContext(jn), [, Ee] = ot(), Re = h ?? (Ee == null ? void 0 : Ee.controlHeight), G = ie("select", r), he = ie(), $e = y ?? Z, {
+    compactSize: Y,
+    compactItemClassnames: be
+  } = Yr(G, $e), [we, le] = jr("select", C, a), E = Xr(G), [O, L, W] = za(G, E), R = o.useMemo(() => {
+    const {
+      mode: ze
+    } = e;
+    if (ze !== "combobox")
+      return ze === ur ? "combobox" : ze;
+  }, [e.mode]), Q = R === "multiple" || R === "tags", ue = Ba(e.suffixIcon, e.showArrow), se = (t = x ?? b) !== null && t !== void 0 ? t : V, {
+    status: oe,
+    hasFeedback: ve,
+    isFormItemInput: De,
+    feedbackIcon: He
+  } = o.useContext(Ur), Ve = Kr(oe, S);
+  let me;
+  m !== void 0 ? me = m : R === "combobox" ? me = null : me = (j == null ? void 0 : j("Select")) || /* @__PURE__ */ o.createElement(pa, {
+    componentName: "Select"
+  });
+  const {
+    suffixIcon: qe,
+    itemIcon: Me,
+    removeIcon: ge,
+    clearIcon: ye
+  } = Va(Object.assign(Object.assign({}, ne), {
+    multiple: Q,
+    hasFeedback: ve,
+    feedbackIcon: He,
+    showSuffixIcon: ue,
+    prefixCls: G,
+    componentName: "Select"
+  })), Ie = p === !0 ? {
+    clearIcon: ye
+  } : p, Te = At(ne, ["suffixIcon", "itemIcon"]), Ae = Le(d || f, {
+    [`${G}-dropdown-${$e}`]: $e === "rtl"
+  }, l, W, E, L), Je = qr((ze) => {
+    var Ne;
+    return (Ne = c ?? Y) !== null && Ne !== void 0 ? Ne : ze;
+  }), xe = o.useContext($r), We = g ?? xe, je = Le({
+    [`${G}-lg`]: Je === "large",
+    [`${G}-sm`]: Je === "small",
+    [`${G}-rtl`]: $e === "rtl",
+    [`${G}-${we}`]: le,
+    [`${G}-in-form-item`]: De
+  }, Wr(G, Ve, ve), be, $ == null ? void 0 : $.className, i, l, W, E, L), fn = o.useMemo(() => s !== void 0 ? s : $e === "rtl" ? "bottomRight" : "bottomLeft", [s, $e]);
+  if (process.env.NODE_ENV !== "production") {
+    const ze = at("Select");
+    ze.deprecated(!f, "dropdownClassName", "popupClassName"), ze.deprecated(b === void 0, "dropdownMatchSelectWidth", "popupMatchSelectWidth"), process.env.NODE_ENV !== "production" && ze(!("showArrow" in e), "deprecated", "`showArrow` is deprecated which will be removed in next major version. It will be a default behavior, you can hide it by setting `suffixIcon` to null."), ze.deprecated(!("bordered" in e), "bordered", "variant"), process.env.NODE_ENV !== "production" && ze(!(typeof K < "u" && !Q), "usage", "`maxCount` only works with mode `multiple` or `tags`");
+  }
+  const [Be] = Pr("SelectLike", _ == null ? void 0 : _.zIndex);
+  return O(/* @__PURE__ */ o.createElement(vt, Object.assign({
+    ref: n,
+    virtual: M,
+    showSearch: $ == null ? void 0 : $.showSearch
+  }, Te, {
+    style: Object.assign(Object.assign({}, $ == null ? void 0 : $.style), N),
+    dropdownMatchSelectWidth: se,
+    transitionName: _r(he, "slide-up", F),
+    builtinPlacements: ba(w, J),
+    listHeight: v,
+    listItemHeight: Re,
+    mode: R,
+    prefixCls: G,
+    placement: fn,
+    direction: $e,
+    prefix: U,
+    suffixIcon: qe,
+    menuItemSelectedIcon: Me,
+    removeIcon: ge,
+    allowClear: Ie,
+    notFoundContent: me,
+    className: je,
+    getPopupContainer: u || z,
+    dropdownClassName: Ae,
+    disabled: We,
+    dropdownStyle: Object.assign(Object.assign({}, _), {
+      zIndex: Be
+    }),
+    maxCount: Q ? K : void 0,
+    tagRender: Q ? A : void 0
+  })));
+};
+process.env.NODE_ENV !== "production" && (cr.displayName = "Select");
+const xn = /* @__PURE__ */ o.forwardRef(cr), Aa = co(xn, "dropdownAlign");
+xn.SECRET_COMBOBOX_MODE_DO_NOT_USE = ur;
+xn.Option = ft;
+xn.OptGroup = dt;
+xn._InternalPanelDoNotUseOrYouWillBeFired = Aa;
+process.env.NODE_ENV !== "production" && (xn.displayName = "Select");
+const ja = ({ colors: e, sizing: n, typography: t, borderRadius: r }, a, i) => `
+      &.ant-select {
+        color: ${e[a][i].color};
+        font-size: ${n.Size4}px;
+        line-height: ${n.Size6}px;
+        letter-spacing: 0;
+        font-weight: 400;
+        border-width: 1px;
+
+        width: 330px;
+        height: 32px;
+
+        background-color: ${e[a][i].backgroundColor};
+        
+
+        border-radius: ${r.BorderRadiusMd}px;
+        gap: ${n.Size2}px;
+
+
+        &:hover {
+          background-color: ${e[a].hover.backgroundColor};
+          border-color: ${e[a].hover.borderColor};
+        }
+
+        &:active {
+          background-color: ${e[a].pressed.backgroundColor};
+          border-color: ${e[a].pressed.borderColor};
+        }
+
+        &:focus {
+          background-color: ${e[a].focussed.backgroundColor};
+          border-color: ${e[a].focussed.borderColor};
+        }
+
+        &:disabled {
+          background-color: ${e[a].disabled.backgroundColor};
+          border-color: ${e[a].disabled.borderColor};
+        }
+      }
+      `, Wa = rt.div`
+  .ant-select-item-option {
+    transition: all 0.2s ease-in-out;
+
+    &:hover {
+      background-color: ${({ theme: e, type: n }) => e.colors[n].hover.backgroundColor};
+      color: ${({ theme: e, type: n }) => e.colors[n].hover.color};
+    }
+
+    &.ant-select-item-option-selected {
+      background-color: ${({ theme: e, type: n }) => e.colors[n].hover.backgroundColor};
+      color: ${({ theme: e, type: n }) => e.colors[n].active.color};
+
+      &:hover {
+        background-color: ${({ theme: e, type: n }) => e.colors[n].hover.backgroundColor};
+        color: ${({ theme: e, type: n }) => e.colors[n].hover.color};
+      }
+    }
+  }
+`, ii = rt.div`
+  .ant-select-dropdown {
+    border-radius: ${({ theme: e }) => e.borderRadius.BorderRadiusMd}px;
+    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
+
+    ${Wa} {
+      padding: ${({ theme: e }) => e.sizing.Size2}px
+        ${({ theme: e }) => e.sizing.Size3}px;
+    }
+  }
+`, li = rt(xn)`
+  ${({ theme: e, type: n = "primary", state: t = "active" }) => ja(e, n, t)}
+`;
+export {
+  li as Select,
+  ii as SelectDropdown,
+  Wa as StyledMenuItem
+};