@unicom-cloud/ui 0.8.108 → 0.8.110

package/chunk/BJ9_azwQ.js

@@ -0,0 +1,1391 @@
+import { jsx as q } from "react/jsx-runtime";
+import g, { isValidElement as Z, cloneElement as ee, Children as We } from "react";
+import Y from "react-dom";
+import Ne from "react-is";
+const fe = {
+  disabled: !1
+};
+function Fe(n, e) {
+  return n.classList ? !!e && n.classList.contains(e) : ` ${n.className.baseVal || n.className} `.indexOf(
+    ` ${e} `
+  ) !== -1;
+}
+function Ue(n, e) {
+  n.classList ? n.classList.add(e) : Fe(n, e) || (typeof n.className == "string" ? n.className = `${n.className} ${e}` : n.setAttribute(
+    "class",
+    `${n.className && n.className.baseVal || ""} ${e}`
+  ));
+}
+function Ye(n) {
+  return n && n.__esModule && Object.prototype.hasOwnProperty.call(n, "default") ? n.default : n;
+}
+var Q = { exports: {} };
+/*
+object-assign
+(c) Sindre Sorhus
+@license MIT
+*/
+var ne, he;
+function Ge() {
+  if (he) return ne;
+  he = 1;
+  var n = Object.getOwnPropertySymbols, e = Object.prototype.hasOwnProperty, t = Object.prototype.propertyIsEnumerable;
+  function r(i) {
+    if (i == null)
+      throw new TypeError("Object.assign cannot be called with null or undefined");
+    return Object(i);
+  }
+  function o() {
+    try {
+      if (!Object.assign)
+        return !1;
+      var i = new String("abc");
+      if (i[5] = "de", Object.getOwnPropertyNames(i)[0] === "5")
+        return !1;
+      for (var u = {}, c = 0; c < 10; c++)
+        u["_" + String.fromCharCode(c)] = c;
+      var O = Object.getOwnPropertyNames(u).map(function(b) {
+        return u[b];
+      });
+      if (O.join("") !== "0123456789")
+        return !1;
+      var N = {};
+      return "abcdefghijklmnopqrst".split("").forEach(function(b) {
+        N[b] = b;
+      }), Object.keys(Object.assign({}, N)).join("") === "abcdefghijklmnopqrst";
+    } catch {
+      return !1;
+    }
+  }
+  return ne = o() ? Object.assign : function(i, u) {
+    for (var c, O = r(i), N, b = 1; b < arguments.length; b++) {
+      c = Object(arguments[b]);
+      for (var T in c)
+        e.call(c, T) && (O[T] = c[T]);
+      if (n) {
+        N = n(c);
+        for (var S = 0; S < N.length; S++)
+          t.call(c, N[S]) && (O[N[S]] = c[N[S]]);
+      }
+    }
+    return O;
+  }, ne;
+}
+var re, Ee;
+function ue() {
+  if (Ee) return re;
+  Ee = 1;
+  var n = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
+  return re = n, re;
+}
+var me, ye;
+function Ce() {
+  return ye || (ye = 1, me = Function.call.bind(Object.prototype.hasOwnProperty)), me;
+}
+var ie, ve;
+function Je() {
+  if (ve) return ie;
+  ve = 1;
+  var n = function() {
+  };
+  if (process.env.NODE_ENV !== "production") {
+    var e = /* @__PURE__ */ ue(), t = {}, r = /* @__PURE__ */ Ce();
+    n = function(i) {
+      var u = "Warning: " + i;
+      typeof console < "u" && console.error(u);
+      try {
+        throw new Error(u);
+      } catch {
+      }
+    };
+  }
+  function o(i, u, c, O, N) {
+    if (process.env.NODE_ENV !== "production") {
+      for (var b in i)
+        if (r(i, b)) {
+          var T;
+          try {
+            if (typeof i[b] != "function") {
+              var S = Error(
+                (O || "React class") + ": " + c + " type `" + b + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof i[b] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
+              );
+              throw S.name = "Invariant Violation", S;
+            }
+            T = i[b](u, b, O, c, null, e);
+          } catch (B) {
+            T = B;
+          }
+          if (T && !(T instanceof Error) && n(
+            (O || "React class") + ": type specification of " + c + " `" + b + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof T + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
+          ), T instanceof Error && !(T.message in t)) {
+            t[T.message] = !0;
+            var A = N ? N() : "";
+            n(
+              "Failed " + c + " type: " + T.message + (A ?? "")
+            );
+          }
+        }
+    }
+  }
+  return o.resetWarningCache = function() {
+    process.env.NODE_ENV !== "production" && (t = {});
+  }, ie = o, ie;
+}
+var oe, xe;
+function ze() {
+  if (xe) return oe;
+  xe = 1;
+  var n = Ne, e = Ge(), t = /* @__PURE__ */ ue(), r = /* @__PURE__ */ Ce(), o = /* @__PURE__ */ Je(), i = function() {
+  };
+  process.env.NODE_ENV !== "production" && (i = function(c) {
+    var O = "Warning: " + c;
+    typeof console < "u" && console.error(O);
+    try {
+      throw new Error(O);
+    } catch {
+    }
+  });
+  function u() {
+    return null;
+  }
+  return oe = function(c, O) {
+    var N = typeof Symbol == "function" && Symbol.iterator, b = "@@iterator";
+    function T(s) {
+      var a = s && (N && s[N] || s[b]);
+      if (typeof a == "function")
+        return a;
+    }
+    var S = "<<anonymous>>", A = {
+      array: I("array"),
+      bigint: I("bigint"),
+      bool: I("boolean"),
+      func: I("function"),
+      number: I("number"),
+      object: I("object"),
+      string: I("string"),
+      symbol: I("symbol"),
+      any: H(),
+      arrayOf: we,
+      element: Re(),
+      elementType: $e(),
+      instanceOf: je,
+      node: Ae(),
+      objectOf: Pe,
+      oneOf: De,
+      oneOfType: Ie,
+      shape: Ve,
+      exact: _e
+    };
+    function B(s, a) {
+      return s === a ? s !== 0 || 1 / s === 1 / a : s !== s && a !== a;
+    }
+    function C(s, a) {
+      this.message = s, this.data = a && typeof a == "object" ? a : {}, this.stack = "";
+    }
+    C.prototype = Error.prototype;
+    function w(s) {
+      if (process.env.NODE_ENV !== "production")
+        var a = {}, E = 0;
+      function f(m, d, h, y, x, v, k) {
+        if (y = y || S, v = v || h, k !== t) {
+          if (O) {
+            var R = new Error(
+              "Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types"
+            );
+            throw R.name = "Invariant Violation", R;
+          } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
+            var K = y + ":" + h;
+            !a[K] && // Avoid spamming the console because they are often not actionable except for lib authors
+            E < 3 && (i(
+              "You are manually calling a React.PropTypes validation function for the `" + v + "` prop on `" + y + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
+            ), a[K] = !0, E++);
+          }
+        }
+        return d[h] == null ? m ? d[h] === null ? new C("The " + x + " `" + v + "` is marked as required " + ("in `" + y + "`, but its value is `null`.")) : new C("The " + x + " `" + v + "` is marked as required in " + ("`" + y + "`, but its value is `undefined`.")) : null : s(d, h, y, x, v);
+      }
+      var p = f.bind(null, !1);
+      return p.isRequired = f.bind(null, !0), p;
+    }
+    function I(s) {
+      function a(E, f, p, m, d, h) {
+        var y = E[f], x = V(y);
+        if (x !== s) {
+          var v = U(y);
+          return new C(
+            "Invalid " + m + " `" + d + "` of type " + ("`" + v + "` supplied to `" + p + "`, expected ") + ("`" + s + "`."),
+            { expectedType: s }
+          );
+        }
+        return null;
+      }
+      return w(a);
+    }
+    function H() {
+      return w(u);
+    }
+    function we(s) {
+      function a(E, f, p, m, d) {
+        if (typeof s != "function")
+          return new C("Property `" + d + "` of component `" + p + "` has invalid PropType notation inside arrayOf.");
+        var h = E[f];
+        if (!Array.isArray(h)) {
+          var y = V(h);
+          return new C("Invalid " + m + " `" + d + "` of type " + ("`" + y + "` supplied to `" + p + "`, expected an array."));
+        }
+        for (var x = 0; x < h.length; x++) {
+          var v = s(h, x, p, m, d + "[" + x + "]", t);
+          if (v instanceof Error)
+            return v;
+        }
+        return null;
+      }
+      return w(a);
+    }
+    function Re() {
+      function s(a, E, f, p, m) {
+        var d = a[E];
+        if (!c(d)) {
+          var h = V(d);
+          return new C("Invalid " + p + " `" + m + "` of type " + ("`" + h + "` supplied to `" + f + "`, expected a single ReactElement."));
+        }
+        return null;
+      }
+      return w(s);
+    }
+    function $e() {
+      function s(a, E, f, p, m) {
+        var d = a[E];
+        if (!n.isValidElementType(d)) {
+          var h = V(d);
+          return new C("Invalid " + p + " `" + m + "` of type " + ("`" + h + "` supplied to `" + f + "`, expected a single ReactElement type."));
+        }
+        return null;
+      }
+      return w(s);
+    }
+    function je(s) {
+      function a(E, f, p, m, d) {
+        if (!(E[f] instanceof s)) {
+          var h = s.name || S, y = qe(E[f]);
+          return new C("Invalid " + m + " `" + d + "` of type " + ("`" + y + "` supplied to `" + p + "`, expected ") + ("instance of `" + h + "`."));
+        }
+        return null;
+      }
+      return w(a);
+    }
+    function De(s) {
+      if (!Array.isArray(s))
+        return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? i(
+          "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
+        ) : i("Invalid argument supplied to oneOf, expected an array.")), u;
+      function a(E, f, p, m, d) {
+        for (var h = E[f], y = 0; y < s.length; y++)
+          if (B(h, s[y]))
+            return null;
+        var x = JSON.stringify(s, function(v, k) {
+          var R = U(k);
+          return R === "symbol" ? String(k) : k;
+        });
+        return new C("Invalid " + m + " `" + d + "` of value `" + String(h) + "` " + ("supplied to `" + p + "`, expected one of " + x + "."));
+      }
+      return w(a);
+    }
+    function Pe(s) {
+      function a(E, f, p, m, d) {
+        if (typeof s != "function")
+          return new C("Property `" + d + "` of component `" + p + "` has invalid PropType notation inside objectOf.");
+        var h = E[f], y = V(h);
+        if (y !== "object")
+          return new C("Invalid " + m + " `" + d + "` of type " + ("`" + y + "` supplied to `" + p + "`, expected an object."));
+        for (var x in h)
+          if (r(h, x)) {
+            var v = s(h, x, p, m, d + "." + x, t);
+            if (v instanceof Error)
+              return v;
+          }
+        return null;
+      }
+      return w(a);
+    }
+    function Ie(s) {
+      if (!Array.isArray(s))
+        return process.env.NODE_ENV !== "production" && i("Invalid argument supplied to oneOfType, expected an instance of array."), u;
+      for (var a = 0; a < s.length; a++) {
+        var E = s[a];
+        if (typeof E != "function")
+          return i(
+            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + Me(E) + " at index " + a + "."
+          ), u;
+      }
+      function f(p, m, d, h, y) {
+        for (var x = [], v = 0; v < s.length; v++) {
+          var k = s[v], R = k(p, m, d, h, y, t);
+          if (R == null)
+            return null;
+          R.data && r(R.data, "expectedType") && x.push(R.data.expectedType);
+        }
+        var K = x.length > 0 ? ", expected one of type [" + x.join(", ") + "]" : "";
+        return new C("Invalid " + h + " `" + y + "` supplied to " + ("`" + d + "`" + K + "."));
+      }
+      return w(f);
+    }
+    function Ae() {
+      function s(a, E, f, p, m) {
+        return X(a[E]) ? null : new C("Invalid " + p + " `" + m + "` supplied to " + ("`" + f + "`, expected a ReactNode."));
+      }
+      return w(s);
+    }
+    function de(s, a, E, f, p) {
+      return new C(
+        (s || "React class") + ": " + a + " type `" + E + "." + f + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + p + "`."
+      );
+    }
+    function Ve(s) {
+      function a(E, f, p, m, d) {
+        var h = E[f], y = V(h);
+        if (y !== "object")
+          return new C("Invalid " + m + " `" + d + "` of type `" + y + "` " + ("supplied to `" + p + "`, expected `object`."));
+        for (var x in s) {
+          var v = s[x];
+          if (typeof v != "function")
+            return de(p, m, d, x, U(v));
+          var k = v(h, x, p, m, d + "." + x, t);
+          if (k)
+            return k;
+        }
+        return null;
+      }
+      return w(a);
+    }
+    function _e(s) {
+      function a(E, f, p, m, d) {
+        var h = E[f], y = V(h);
+        if (y !== "object")
+          return new C("Invalid " + m + " `" + d + "` of type `" + y + "` " + ("supplied to `" + p + "`, expected `object`."));
+        var x = e({}, E[f], s);
+        for (var v in x) {
+          var k = s[v];
+          if (r(s, v) && typeof k != "function")
+            return de(p, m, d, v, U(k));
+          if (!k)
+            return new C(
+              "Invalid " + m + " `" + d + "` key `" + v + "` supplied to `" + p + "`.\nBad object: " + JSON.stringify(E[f], null, "  ") + `
+Valid keys: ` + JSON.stringify(Object.keys(s), null, "  ")
+            );
+          var R = k(h, v, p, m, d + "." + v, t);
+          if (R)
+            return R;
+        }
+        return null;
+      }
+      return w(a);
+    }
+    function X(s) {
+      switch (typeof s) {
+        case "number":
+        case "string":
+        case "undefined":
+          return !0;
+        case "boolean":
+          return !s;
+        case "object":
+          if (Array.isArray(s))
+            return s.every(X);
+          if (s === null || c(s))
+            return !0;
+          var a = T(s);
+          if (a) {
+            var E = a.call(s), f;
+            if (a !== s.entries) {
+              for (; !(f = E.next()).done; )
+                if (!X(f.value))
+                  return !1;
+            } else
+              for (; !(f = E.next()).done; ) {
+                var p = f.value;
+                if (p && !X(p[1]))
+                  return !1;
+              }
+          } else
+            return !1;
+          return !0;
+        default:
+          return !1;
+      }
+    }
+    function Le(s, a) {
+      return s === "symbol" ? !0 : a ? a["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && a instanceof Symbol : !1;
+    }
+    function V(s) {
+      var a = typeof s;
+      return Array.isArray(s) ? "array" : s instanceof RegExp ? "object" : Le(a, s) ? "symbol" : a;
+    }
+    function U(s) {
+      if (typeof s > "u" || s === null)
+        return "" + s;
+      var a = V(s);
+      if (a === "object") {
+        if (s instanceof Date)
+          return "date";
+        if (s instanceof RegExp)
+          return "regexp";
+      }
+      return a;
+    }
+    function Me(s) {
+      var a = U(s);
+      switch (a) {
+        case "array":
+        case "object":
+          return "an " + a;
+        case "boolean":
+        case "date":
+        case "regexp":
+          return "a " + a;
+        default:
+          return a;
+      }
+    }
+    function qe(s) {
+      return !s.constructor || !s.constructor.name ? S : s.constructor.name;
+    }
+    return A.checkPropTypes = o, A.resetWarningCache = o.resetWarningCache, A.PropTypes = A, A;
+  }, oe;
+}
+var se, be;
+function Be() {
+  if (be) return se;
+  be = 1;
+  var n = /* @__PURE__ */ ue();
+  function e() {
+  }
+  function t() {
+  }
+  return t.resetWarningCache = e, se = function() {
+    function r(u, c, O, N, b, T) {
+      if (T !== n) {
+        var S = new Error(
+          "Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
+        );
+        throw S.name = "Invariant Violation", S;
+      }
+    }
+    r.isRequired = r;
+    function o() {
+      return r;
+    }
+    var i = {
+      array: r,
+      bigint: r,
+      bool: r,
+      func: r,
+      number: r,
+      object: r,
+      string: r,
+      symbol: r,
+      any: r,
+      arrayOf: o,
+      element: r,
+      elementType: r,
+      instanceOf: o,
+      node: r,
+      objectOf: o,
+      oneOf: o,
+      oneOfType: o,
+      shape: o,
+      exact: o,
+      checkPropTypes: t,
+      resetWarningCache: e
+    };
+    return i.PropTypes = i, i;
+  }, se;
+}
+var ge;
+function He() {
+  if (ge) return Q.exports;
+  if (ge = 1, process.env.NODE_ENV !== "production") {
+    var n = Ne, e = !0;
+    Q.exports = /* @__PURE__ */ ze()(n.isElement, e);
+  } else
+    Q.exports = /* @__PURE__ */ Be()();
+  return Q.exports;
+}
+var Xe = /* @__PURE__ */ He();
+const l = /* @__PURE__ */ Ye(Xe);
+function Oe(n, e) {
+  return n.replace(new RegExp(`(^|\\s)${e}(?:\\s|$)`, "g"), "$1").replace(/\s+/g, " ").replace(/^\s*|\s*$/g, "");
+}
+function Ke(n, e) {
+  n.classList ? n.classList.remove(e) : typeof n.className == "string" ? n.className = Oe(
+    n.className,
+    e
+  ) : n.setAttribute(
+    "class",
+    Oe(
+      n.className && n.className.baseVal || "",
+      e
+    )
+  );
+}
+const J = g.createContext(null);
+var Qe = Object.defineProperty, Ze = (n, e, t) => e in n ? Qe(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, et = (n, e, t) => Ze(n, e + "", t);
+const tt = process.env.NODE_ENV !== "production" ? l.oneOfType([
+  l.number,
+  l.shape({
+    enter: l.number,
+    exit: l.number,
+    appear: l.number
+  }).isRequired
+]) : null, nt = process.env.NODE_ENV !== "production" ? l.oneOfType([
+  l.string,
+  l.shape({
+    enter: l.string,
+    exit: l.string,
+    active: l.string
+  }),
+  l.shape({
+    enter: l.string,
+    enterDone: l.string,
+    enterActive: l.string,
+    exit: l.string,
+    exitDone: l.string,
+    exitActive: l.string
+  })
+]) : null, Te = (n) => n.scrollTop, G = "unmounted", L = "exited", $ = "entering", D = "entered", z = "exiting";
+let P = class extends g.Component {
+  constructor(e, t) {
+    super(e, t);
+    let r = t, o = r && !r.isMounting ? e.enter : e.appear, i;
+    this.appearStatus = null, e.in ? o ? (i = L, this.appearStatus = $) : i = D : e.unmountOnExit || e.mountOnEnter ? i = G : i = L, this.state = { status: i }, this.nextCallback = null;
+  }
+  static getDerivedStateFromProps({ in: e }, t) {
+    return e && t.status === G ? { status: L } : null;
+  }
+  // getSnapshotBeforeUpdate(prevProps) {
+  //   let nextStatus = null
+  //   if (prevProps !== this.props) {
+  //     const { status } = this.state
+  //     if (this.props.in) {
+  //       if (status !== ENTERING && status !== ENTERED) {
+  //         nextStatus = ENTERING
+  //       }
+  //     } else {
+  //       if (status === ENTERING || status === ENTERED) {
+  //         nextStatus = EXITING
+  //       }
+  //     }
+  //   }
+  //   return { nextStatus }
+  // }
+  componentDidMount() {
+    this.updateStatus(!0, this.appearStatus);
+  }
+  componentDidUpdate(e) {
+    let t = null;
+    if (e !== this.props) {
+      const { status: r } = this.state;
+      this.props.in ? r !== $ && r !== D && (t = $) : (r === $ || r === D) && (t = z);
+    }
+    this.updateStatus(!1, t);
+  }
+  componentWillUnmount() {
+    this.cancelNextCallback();
+  }
+  getTimeouts() {
+    const { timeout: e } = this.props;
+    let t, r, o;
+    return t = r = o = e, e != null && typeof e != "number" && (t = e.exit, r = e.enter, o = e.appear !== void 0 ? e.appear : r), { exit: t, enter: r, appear: o };
+  }
+  updateStatus(e = !1, t) {
+    if (t !== null)
+      if (this.cancelNextCallback(), t === $) {
+        if (this.props.unmountOnExit || this.props.mountOnEnter) {
+          const r = this.props.nodeRef ? this.props.nodeRef.current : Y.findDOMNode(this);
+          r && Te(r);
+        }
+        this.performEnter(e);
+      } else
+        this.performExit();
+    else this.props.unmountOnExit && this.state.status === L && this.setState({ status: G });
+  }
+  performEnter(e) {
+    const { enter: t } = this.props, r = this.context ? this.context.isMounting : e, [o, i] = this.props.nodeRef ? [r] : [Y.findDOMNode(this), r], u = this.getTimeouts(), c = r ? u.appear : u.enter;
+    if (!e && !t || fe.disabled) {
+      this.safeSetState({ status: D }, () => {
+        this.props.onEntered(o);
+      });
+      return;
+    }
+    this.props.onEnter(o, i), this.safeSetState({ status: $ }, () => {
+      this.props.onEntering(o, i), this.onTransitionEnd(c, () => {
+        this.safeSetState({ status: D }, () => {
+          this.props.onEntered(o, i);
+        });
+      });
+    });
+  }
+  performExit() {
+    const { exit: e } = this.props, t = this.getTimeouts(), r = this.props.nodeRef ? void 0 : Y.findDOMNode(this);
+    if (!e || fe.disabled) {
+      this.safeSetState({ status: L }, () => {
+        this.props.onExited(r);
+      });
+      return;
+    }
+    this.props.onExit(r), this.safeSetState({ status: z }, () => {
+      this.props.onExiting(r), this.onTransitionEnd(t.exit, () => {
+        this.safeSetState({ status: L }, () => {
+          this.props.onExited(r);
+        });
+      });
+    });
+  }
+  cancelNextCallback() {
+    this.nextCallback !== null && (this.nextCallback.cancel(), this.nextCallback = null);
+  }
+  safeSetState(e, t) {
+    t = this.setNextCallback(t), this.setState(e, t);
+  }
+  setNextCallback(e) {
+    let t = !0;
+    return this.nextCallback = (r) => {
+      t && (t = !1, this.nextCallback = null, e(r));
+    }, this.nextCallback.cancel = () => {
+      t = !1;
+    }, this.nextCallback;
+  }
+  onTransitionEnd(e, t) {
+    this.setNextCallback(t);
+    const r = this.props.nodeRef ? this.props.nodeRef.current : Y.findDOMNode(this), o = e == null && !this.props.addEndListener;
+    if (!r || o) {
+      setTimeout(this.nextCallback, 0);
+      return;
+    }
+    if (this.props.addEndListener) {
+      const [i, u] = this.props.nodeRef ? [this.nextCallback] : [r, this.nextCallback];
+      this.props.addEndListener(i, u);
+    }
+    e != null && setTimeout(this.nextCallback, e);
+  }
+  render() {
+    const e = this.state.status;
+    if (e === G)
+      return null;
+    const {
+      children: t,
+      // filter props for `Transition`
+      in: r,
+      mountOnEnter: o,
+      unmountOnExit: i,
+      appear: u,
+      enter: c,
+      exit: O,
+      timeout: N,
+      addEndListener: b,
+      onEnter: T,
+      onEntering: S,
+      onEntered: A,
+      onExit: B,
+      onExiting: C,
+      onExited: w,
+      nodeRef: I,
+      ...H
+    } = this.props;
+    return (
+      // allows for nested Transitions
+      /* @__PURE__ */ q(J.Provider, { value: null, children: typeof t == "function" ? t(e, H) : g.cloneElement(g.Children.only(t), H) })
+    );
+  }
+};
+et(P, "contextType", J);
+P.propTypes = {
+  /**
+   * A React reference to the DOM element that needs to transition:
+   * https://stackoverflow.com/a/51127130/4671932
+   *
+   *   - This prop is optional, but recommended in order to avoid defaulting to
+   *      [`ReactDOM.findDOMNode`](https://reactjs.org/docs/react-dom.html#finddomnode),
+   *      which is deprecated in `StrictMode`
+   *   - When `nodeRef` prop is used, `node` is not passed to callback functions
+   *      (e.g. `onEnter`) because user already has direct access to the node.
+   *   - When changing `key` prop of `Transition` in a `TransitionGroup` a new
+   *     `nodeRef` need to be provided to `Transition` with changed `key` prop
+   *     (see
+   *     [test/CSSTransition-test.js](https://github.com/reactjs/react-transition-group/blob/13435f897b3ab71f6e19d724f145596f5910581c/test/CSSTransition-test.js#L362-L437)).
+   */
+  nodeRef: l.shape({
+    current: typeof Element > "u" ? l.any : (n, e, t, r, o, i) => {
+      const u = n[e];
+      return l.instanceOf(
+        u && "ownerDocument" in u ? u.ownerDocument.defaultView.Element : Element
+      )(n, e, t, r, o, i);
+    }
+  }),
+  /**
+   * A `function` child can be used instead of a React element. This function is
+   * called with the current transition status (`'entering'`, `'entered'`,
+   * `'exiting'`, `'exited'`), which can be used to apply context
+   * specific props to a component.
+   *
+   * ```jsx
+   * <Transition nodeRef={nodeRef} in={this.state.in} timeout={150}>
+   *   {state => (
+   *     <MyComponent ref={nodeRef} className={`fade fade-${state}`} />
+   *   )}
+   * </Transition>
+   * ```
+   */
+  children: l.oneOfType([
+    l.func.isRequired,
+    l.element.isRequired
+  ]).isRequired,
+  /**
+   * Show the component; triggers the enter or exit states
+   */
+  in: l.bool,
+  /**
+   * By default the child component is mounted immediately along with
+   * the parent `Transition` component. If you want to "lazy mount" the component on the
+   * first `in={true}` you can set `mountOnEnter`. After the first enter transition the component will stay
+   * mounted, even on "exited", unless you also specify `unmountOnExit`.
+   */
+  mountOnEnter: l.bool,
+  /**
+   * By default the child component stays mounted after it reaches the `'exited'` state.
+   * Set `unmountOnExit` if you'd prefer to unmount the component after it finishes exiting.
+   */
+  unmountOnExit: l.bool,
+  /**
+   * By default the child component does not perform the enter transition when
+   * it first mounts, regardless of the value of `in`. If you want this
+   * behavior, set both `appear` and `in` to `true`.
+   *
+   * > **Note**: there are no special appear states like `appearing`/`appeared`, this prop
+   * > only adds an additional enter transition. However, in the
+   * > `<CSSTransition>` component that first enter transition does result in
+   * > additional `.appear-*` classes, that way you can choose to style it
+   * > differently.
+   */
+  appear: l.bool,
+  /**
+   * Enable or disable enter transitions.
+   */
+  enter: l.bool,
+  /**
+   * Enable or disable exit transitions.
+   */
+  exit: l.bool,
+  /**
+   * The duration of the transition, in milliseconds.
+   * Required unless `addEndListener` is provided.
+   *
+   * You may specify a single timeout for all transitions:
+   *
+   * ```jsx
+   * timeout={500}
+   * ```
+   *
+   * or individually:
+   *
+   * ```jsx
+   * timeout={{
+   *  appear: 500,
+   *  enter: 300,
+   *  exit: 500,
+   * }}
+   * ```
+   *
+   * - `appear` defaults to the value of `enter`
+   * - `enter` defaults to `0`
+   * - `exit` defaults to `0`
+   *
+   * @type {number | { enter?: number, exit?: number, appear?: number }}
+   */
+  timeout: (n, ...e) => {
+    let t = tt;
+    return n.addEndListener || (t = t.isRequired), t(n, ...e);
+  },
+  /**
+   * Add a custom transition end trigger. Called with the transitioning
+   * DOM node and a `done` callback. Allows for more fine grained transition end
+   * logic. Timeouts are still used as a fallback if provided.
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed, so `done` is being passed as the first argument.
+   *
+   * ```jsx
+   * addEndListener={(node, done) => {
+   *   // use the css transitionend event to mark the finish of a transition
+   *   node.addEventListener('transitionend', done, false);
+   * }}
+   * ```
+   */
+  addEndListener: l.func,
+  /**
+   * Callback fired before the "entering" status is applied. An extra parameter
+   * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed, so `isAppearing` is being passed as the first argument.
+   *
+   * @type Function(node: HtmlElement, isAppearing: bool) -> void
+   */
+  onEnter: l.func,
+  /**
+   * Callback fired after the "entering" status is applied. An extra parameter
+   * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed, so `isAppearing` is being passed as the first argument.
+   *
+   * @type Function(node: HtmlElement, isAppearing: bool)
+   */
+  onEntering: l.func,
+  /**
+   * Callback fired after the "entered" status is applied. An extra parameter
+   * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed, so `isAppearing` is being passed as the first argument.
+   *
+   * @type Function(node: HtmlElement, isAppearing: bool) -> void
+   */
+  onEntered: l.func,
+  /**
+   * Callback fired before the "exiting" status is applied.
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
+   *
+   * @type Function(node: HtmlElement) -> void
+   */
+  onExit: l.func,
+  /**
+   * Callback fired after the "exiting" status is applied.
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
+   *
+   * @type Function(node: HtmlElement) -> void
+   */
+  onExiting: l.func,
+  /**
+   * Callback fired after the "exited" status is applied.
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed
+   *
+   * @type Function(node: HtmlElement) -> void
+   */
+  onExited: l.func
+};
+function W() {
+}
+P.defaultProps = {
+  in: !1,
+  mountOnEnter: !1,
+  unmountOnExit: !1,
+  appear: !1,
+  enter: !0,
+  exit: !0,
+  onEnter: W,
+  onEntering: W,
+  onEntered: W,
+  onExit: W,
+  onExiting: W,
+  onExited: W
+};
+P.UNMOUNTED = G;
+P.EXITED = L;
+P.ENTERING = $;
+P.ENTERED = D;
+P.EXITING = z;
+var rt = Object.defineProperty, it = (n, e, t) => e in n ? rt(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, j = (n, e, t) => it(n, typeof e != "symbol" ? e + "" : e, t);
+const ot = (n, e) => n && e && e.split(" ").forEach((t) => Ue(n, t)), ae = (n, e) => n && e && e.split(" ").forEach((t) => Ke(n, t));
+let Se = class extends g.Component {
+  constructor() {
+    super(...arguments), j(this, "appliedClasses", {
+      appear: {},
+      enter: {},
+      exit: {}
+    }), j(this, "onEnter", (e, t) => {
+      const [r, o] = this.resolveArguments(e, t);
+      this.removeClasses(r, "exit"), this.addClass(r, o ? "appear" : "enter", "base"), this.props.onEnter && this.props.onEnter(e, t);
+    }), j(this, "onEntering", (e, t) => {
+      const [r, o] = this.resolveArguments(e, t), i = o ? "appear" : "enter";
+      this.addClass(r, i, "active"), this.props.onEntering && this.props.onEntering(e, t);
+    }), j(this, "onEntered", (e, t) => {
+      const [r, o] = this.resolveArguments(e, t), i = o ? "appear" : "enter";
+      this.removeClasses(r, i), this.addClass(r, i, "done"), this.props.onEntered && this.props.onEntered(e, t);
+    }), j(this, "onExit", (e) => {
+      const [t] = this.resolveArguments(e);
+      this.removeClasses(t, "appear"), this.removeClasses(t, "enter"), this.addClass(t, "exit", "base"), this.props.onExit && this.props.onExit(e);
+    }), j(this, "onExiting", (e) => {
+      const [t] = this.resolveArguments(e);
+      this.addClass(t, "exit", "active"), this.props.onExiting && this.props.onExiting(e);
+    }), j(this, "onExited", (e) => {
+      const [t] = this.resolveArguments(e);
+      this.removeClasses(t, "exit"), this.addClass(t, "exit", "done"), this.props.onExited && this.props.onExited(e);
+    }), j(this, "resolveArguments", (e, t) => this.props.nodeRef ? [this.props.nodeRef.current, e] : [e, t]), j(this, "getClassNames", (e) => {
+      const { classNames: t } = this.props, r = typeof t == "string", o = r && t ? `${t}-` : "";
+      let i = r ? `${o}${e}` : t[e], u = r ? `${i}-active` : t[`${e}Active`], c = r ? `${i}-done` : t[`${e}Done`];
+      return {
+        baseClassName: i,
+        activeClassName: u,
+        doneClassName: c
+      };
+    });
+  }
+  addClass(e, t, r) {
+    let o = this.getClassNames(t)[`${r}ClassName`];
+    const { doneClassName: i } = this.getClassNames("enter");
+    t === "appear" && r === "done" && i && (o += ` ${i}`), r === "active" && e && Te(e), o && (this.appliedClasses[t][r] = o, ot(e, o));
+  }
+  removeClasses(e, t) {
+    const {
+      base: r,
+      active: o,
+      done: i
+    } = this.appliedClasses[t];
+    this.appliedClasses[t] = {}, r && ae(e, r), o && ae(e, o), i && ae(e, i);
+  }
+  render() {
+    const { classNames: e, ...t } = this.props;
+    return /* @__PURE__ */ q(
+      P,
+      {
+        ...t,
+        onEnter: this.onEnter,
+        onEntered: this.onEntered,
+        onEntering: this.onEntering,
+        onExit: this.onExit,
+        onExiting: this.onExiting,
+        onExited: this.onExited
+      }
+    );
+  }
+};
+j(Se, "defaultProps", {
+  classNames: ""
+});
+Se.propTypes = {
+  ...P.propTypes,
+  /**
+   * The animation classNames applied to the component as it appears, enters,
+   * exits or has finished the transition. A single name can be provided, which
+   * will be suffixed for each stage, e.g. `classNames="fade"` applies:
+   *
+   * - `fade-appear`, `fade-appear-active`, `fade-appear-done`
+   * - `fade-enter`, `fade-enter-active`, `fade-enter-done`
+   * - `fade-exit`, `fade-exit-active`, `fade-exit-done`
+   *
+   * A few details to note about how these classes are applied:
+   *
+   * 1. They are _joined_ with the ones that are already defined on the child
+   *    component, so if you want to add some base styles, you can use
+   *    `className` without worrying that it will be overridden.
+   *
+   * 2. If the transition component mounts with `in={false}`, no classes are
+   *    applied yet. You might be expecting `*-exit-done`, but if you think
+   *    about it, a component cannot finish exiting if it hasn't entered yet.
+   *
+   * 2. `fade-appear-done` and `fade-enter-done` will _both_ be applied. This
+   *    allows you to define different behavior for when appearing is done and
+   *    when regular entering is done, using selectors like
+   *    `.fade-enter-done:not(.fade-appear-done)`. For example, you could apply
+   *    an epic entrance animation when element first appears in the DOM using
+   *    [Animate.css](https://daneden.github.io/animate.css/). Otherwise you can
+   *    simply use `fade-enter-done` for defining both cases.
+   *
+   * Each individual classNames can also be specified independently like:
+   *
+   * ```js
+   * classNames={{
+   *  appear: 'my-appear',
+   *  appearActive: 'my-active-appear',
+   *  appearDone: 'my-done-appear',
+   *  enter: 'my-enter',
+   *  enterActive: 'my-active-enter',
+   *  enterDone: 'my-done-enter',
+   *  exit: 'my-exit',
+   *  exitActive: 'my-active-exit',
+   *  exitDone: 'my-done-exit',
+   * }}
+   * ```
+   *
+   * If you want to set these classes using CSS Modules:
+   *
+   * ```js
+   * import styles from './styles.css';
+   * ```
+   *
+   * you might want to use camelCase in your CSS file, that way could simply
+   * spread them instead of listing them one by one:
+   *
+   * ```js
+   * classNames={{ ...styles }}
+   * ```
+   *
+   * @type {string | {
+   *  appear?: string,
+   *  appearActive?: string,
+   *  appearDone?: string,
+   *  enter?: string,
+   *  enterActive?: string,
+   *  enterDone?: string,
+   *  exit?: string,
+   *  exitActive?: string,
+   *  exitDone?: string,
+   * }}
+   */
+  classNames: nt,
+  /**
+   * A `<Transition>` callback fired immediately after the 'enter' or 'appear' class is
+   * applied.
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed, so `isAppearing` is being passed as the first argument.
+   *
+   * @type Function(node: HtmlElement, isAppearing: bool)
+   */
+  onEnter: l.func,
+  /**
+   * A `<Transition>` callback fired immediately after the 'enter-active' or
+   * 'appear-active' class is applied.
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed, so `isAppearing` is being passed as the first argument.
+   *
+   * @type Function(node: HtmlElement, isAppearing: bool)
+   */
+  onEntering: l.func,
+  /**
+   * A `<Transition>` callback fired immediately after the 'enter' or
+   * 'appear' classes are **removed** and the `done` class is added to the DOM node.
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed, so `isAppearing` is being passed as the first argument.
+   *
+   * @type Function(node: HtmlElement, isAppearing: bool)
+   */
+  onEntered: l.func,
+  /**
+   * A `<Transition>` callback fired immediately after the 'exit' class is
+   * applied.
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed
+   *
+   * @type Function(node: HtmlElement)
+   */
+  onExit: l.func,
+  /**
+   * A `<Transition>` callback fired immediately after the 'exit-active' is applied.
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed
+   *
+   * @type Function(node: HtmlElement)
+   */
+  onExiting: l.func,
+  /**
+   * A `<Transition>` callback fired immediately after the 'exit' classes
+   * are **removed** and the `exit-done` class is added to the DOM node.
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed
+   *
+   * @type Function(node: HtmlElement)
+   */
+  onExited: l.func
+};
+function ce(n, e) {
+  let t = (o) => e && Z(o) ? e(o) : o, r = /* @__PURE__ */ Object.create(null);
+  return n && We.map(n, (o) => o).forEach((o) => {
+    r[o.key] = t(o);
+  }), r;
+}
+function st(n, e) {
+  n = n || {}, e = e || {};
+  function t(c) {
+    return c in e ? e[c] : n[c];
+  }
+  let r = /* @__PURE__ */ Object.create(null), o = [];
+  for (let c in n)
+    c in e ? o.length && (r[c] = o, o = []) : o.push(c);
+  let i, u = {};
+  for (let c in e) {
+    if (r[c])
+      for (i = 0; i < r[c].length; i++) {
+        let O = r[c][i];
+        u[r[c][i]] = t(O);
+      }
+    u[c] = t(c);
+  }
+  for (i = 0; i < o.length; i++)
+    u[o[i]] = t(o[i]);
+  return u;
+}
+function M(n, e, t) {
+  return t[e] != null ? t[e] : n.props[e];
+}
+function at(n, e) {
+  return ce(n.children, (t) => ee(t, {
+    onExited: e.bind(null, t),
+    in: !0,
+    appear: M(t, "appear", n),
+    enter: M(t, "enter", n),
+    exit: M(t, "exit", n)
+  }));
+}
+function lt(n, e, t) {
+  let r = ce(n.children), o = st(e, r);
+  return Object.keys(o).forEach((i) => {
+    let u = o[i];
+    if (!Z(u)) return;
+    const c = i in e, O = i in r, N = e[i], b = Z(N) && !N.props.in;
+    O && (!c || b) ? o[i] = ee(u, {
+      onExited: t.bind(null, u),
+      in: !0,
+      exit: M(u, "exit", n),
+      enter: M(u, "enter", n)
+    }) : !O && c && !b ? o[i] = ee(u, { in: !1 }) : O && c && Z(N) && (o[i] = ee(u, {
+      onExited: t.bind(null, u),
+      in: N.props.in,
+      exit: M(u, "exit", n),
+      enter: M(u, "enter", n)
+    }));
+  }), o;
+}
+const ut = Object.values || ((n) => Object.keys(n).map((e) => n[e])), ct = {
+  component: "div",
+  childFactory: (n) => n
+};
+class pe extends g.Component {
+  constructor(e, t) {
+    super(e, t);
+    const r = this.handleExited.bind(this);
+    this.state = {
+      contextValue: { isMounting: !0 },
+      handleExited: r,
+      firstRender: !0
+    };
+  }
+  componentDidMount() {
+    this.mounted = !0, this.setState({
+      contextValue: { isMounting: !1 }
+    });
+  }
+  componentWillUnmount() {
+    this.mounted = !1;
+  }
+  static getDerivedStateFromProps(e, { children: t, handleExited: r, firstRender: o }) {
+    return {
+      children: o ? at(e, r) : lt(e, t, r),
+      firstRender: !1
+    };
+  }
+  // node is `undefined` when user provided `nodeRef` prop
+  handleExited(e, t) {
+    let r = ce(this.props.children);
+    e.key in r || (e.props.onExited && e.props.onExited(t), this.mounted && this.setState((o) => {
+      let i = { ...o.children };
+      return delete i[e.key], { children: i };
+    }));
+  }
+  render() {
+    const { component: e, childFactory: t, ...r } = this.props, { contextValue: o } = this.state, i = ut(this.state.children).map(t);
+    return delete r.appear, delete r.enter, delete r.exit, e === null ? /* @__PURE__ */ q(J.Provider, { value: o, children: i }) : /* @__PURE__ */ q(J.Provider, { value: o, children: /* @__PURE__ */ q(e, { ...r, children: i }) });
+  }
+}
+pe.propTypes = {
+  /**
+   * `<TransitionGroup>` renders a `<div>` by default. You can change this
+   * behavior by providing a `component` prop.
+   * If you use React v16+ and would like to avoid a wrapping `<div>` element
+   * you can pass in `component={null}`. This is useful if the wrapping div
+   * borks your css styles.
+   */
+  component: l.any,
+  /**
+   * A set of `<Transition>` components, that are toggled `in` and out as they
+   * leave. the `<TransitionGroup>` will inject specific transition props, so
+   * remember to spread them through if you are wrapping the `<Transition>` as
+   * with our `<Fade>` example.
+   *
+   * While this component is meant for multiple `Transition` or `CSSTransition`
+   * children, sometimes you may want to have a single transition child with
+   * content that you want to be transitioned out and in when you change it
+   * (e.g. routes, images etc.) In that case you can change the `key` prop of
+   * the transition child as you change its content, this will cause
+   * `TransitionGroup` to transition the child out and back in.
+   */
+  children: l.node,
+  /**
+   * A convenience prop that enables or disables appear animations
+   * for all children. Note that specifying this will override any defaults set
+   * on individual children Transitions.
+   */
+  appear: l.bool,
+  /**
+   * A convenience prop that enables or disables enter animations
+   * for all children. Note that specifying this will override any defaults set
+   * on individual children Transitions.
+   */
+  enter: l.bool,
+  /**
+   * A convenience prop that enables or disables exit animations
+   * for all children. Note that specifying this will override any defaults set
+   * on individual children Transitions.
+   */
+  exit: l.bool,
+  /**
+   * You may need to apply reactive updates to a child as it is exiting.
+   * This is generally done by using `cloneElement` however in the case of an exiting
+   * child the element has already been removed and not accessible to the consumer.
+   *
+   * If you do need to update a child as it leaves you can provide a `childFactory`
+   * to wrap every child, even the ones that are leaving.
+   *
+   * @type Function(child: ReactElement) -> ReactElement
+   */
+  childFactory: l.func
+};
+pe.defaultProps = ct;
+var pt = Object.defineProperty, dt = (n, e, t) => e in n ? pt(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, F = (n, e, t) => dt(n, typeof e != "symbol" ? e + "" : e, t);
+class ft extends g.Component {
+  constructor() {
+    super(...arguments), F(this, "handleEnter", (...e) => this.handleLifecycle("onEnter", 0, e)), F(this, "handleEntering", (...e) => this.handleLifecycle("onEntering", 0, e)), F(this, "handleEntered", (...e) => this.handleLifecycle("onEntered", 0, e)), F(this, "handleExit", (...e) => this.handleLifecycle("onExit", 1, e)), F(this, "handleExiting", (...e) => this.handleLifecycle("onExiting", 1, e)), F(this, "handleExited", (...e) => this.handleLifecycle("onExited", 1, e));
+  }
+  handleLifecycle(e, t, r) {
+    const { children: o } = this.props, i = g.Children.toArray(o)[t];
+    if (i.props[e] && i.props[e](...r), this.props[e]) {
+      const u = i.props.nodeRef ? void 0 : Y.findDOMNode(this);
+      this.props[e](u);
+    }
+  }
+  render() {
+    const { children: e, in: t, ...r } = this.props, [o, i] = g.Children.toArray(e);
+    return delete r.onEnter, delete r.onEntering, delete r.onEntered, delete r.onExit, delete r.onExiting, delete r.onExited, /* @__PURE__ */ q(pe, { ...r, children: t ? g.cloneElement(o, {
+      key: "first",
+      onEnter: this.handleEnter,
+      onEntering: this.handleEntering,
+      onEntered: this.handleEntered
+    }) : g.cloneElement(i, {
+      key: "second",
+      onEnter: this.handleExit,
+      onEntering: this.handleExiting,
+      onEntered: this.handleExited
+    }) });
+  }
+}
+ft.propTypes = {
+  in: l.bool.isRequired,
+  children(n, e) {
+    return g.Children.count(n[e]) !== 2 ? new Error(
+      `"${e}" must be exactly two transition components.`
+    ) : null;
+  }
+};
+var ht = Object.defineProperty, Et = (n, e, t) => e in n ? ht(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, le = (n, e, t) => Et(n, typeof e != "symbol" ? e + "" : e, t);
+function mt(n, e) {
+  return !(n === e || g.isValidElement(n) && g.isValidElement(e) && n.key != null && n.key === e.key);
+}
+const _ = {
+  out: "out-in",
+  in: "in-out"
+}, te = (n, e, t) => (...r) => {
+  n.props[e] && n.props[e](...r), t();
+}, yt = {
+  [_.out]: ({ current: n, changeState: e }) => g.cloneElement(n, {
+    in: !1,
+    onExited: te(n, "onExited", () => {
+      e($, null);
+    })
+  }),
+  [_.in]: ({ current: n, changeState: e, children: t }) => [
+    n,
+    g.cloneElement(t, {
+      in: !0,
+      onEntered: te(t, "onEntered", () => {
+        e($);
+      })
+    })
+  ]
+}, vt = {
+  [_.out]: ({ children: n, changeState: e }) => g.cloneElement(n, {
+    in: !0,
+    onEntered: te(n, "onEntered", () => {
+      e(D, g.cloneElement(n, { in: !0 }));
+    })
+  }),
+  [_.in]: ({ current: n, children: e, changeState: t }) => [
+    g.cloneElement(n, {
+      in: !1,
+      onExited: te(n, "onExited", () => {
+        t(D, g.cloneElement(e, { in: !0 }));
+      })
+    }),
+    g.cloneElement(e, {
+      in: !0
+    })
+  ]
+};
+class ke extends g.Component {
+  constructor() {
+    super(...arguments), le(this, "state", {
+      status: D,
+      current: null
+    }), le(this, "appeared", !1), le(this, "changeState", (e, t = this.state.current) => {
+      this.setState({
+        status: e,
+        current: t
+      });
+    });
+  }
+  componentDidMount() {
+    this.appeared = !0;
+  }
+  static getDerivedStateFromProps(e, t) {
+    return e.children == null ? {
+      current: null
+    } : t.status === $ && e.mode === _.in ? {
+      status: $
+    } : t.current && mt(t.current, e.children) ? {
+      status: z
+    } : {
+      current: g.cloneElement(e.children, {
+        in: !0
+      })
+    };
+  }
+  render() {
+    const {
+      props: { children: e, mode: t },
+      state: { status: r, current: o }
+    } = this, i = { children: e, current: o, changeState: this.changeState, status: r };
+    let u;
+    switch (r) {
+      case $:
+        u = vt[t](i);
+        break;
+      case z:
+        u = yt[t](i);
+        break;
+      case D:
+        u = o;
+    }
+    return /* @__PURE__ */ q(J.Provider, { value: { isMounting: !this.appeared }, children: u });
+  }
+}
+ke.propTypes = {
+  /**
+   * Transition modes.
+   * `out-in`: Current element transitions out first, then when complete, the new element transitions in.
+   * `in-out`: New element transitions in first, then when complete, the current element transitions out.
+   *
+   * @type {'out-in'|'in-out'}
+   */
+  mode: l.oneOf([_.in, _.out]),
+  /**
+   * Any `Transition` or `CSSTransition` component.
+   */
+  children: l.oneOfType([l.element.isRequired])
+};
+ke.defaultProps = {
+  mode: _.out
+};
+export {
+  pe as b,
+  Se as c,
+  ke as h,
+  ft as m,
+  P as u
+};