var Kc = Object.defineProperty;
var Xc = (e, t, n) => t in e ? Kc(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
var Sn = (e, t, n) => Xc(e, typeof t != "symbol" ? t + "" : t, n);
import * as x from "react";
import at, { forwardRef as Jc, useContext as Ha, isValidElement as gr, cloneElement as br, Children as Zc, createContext as Qc, useState as Pt, useCallback as eu, useMemo as tu, useEffect as di } from "react";
import * as nu from "react-dom";
import cr from "react-dom";
const Ko = (e) => {
  var t;
  if (e != null && e.status) {
    const { status: n, data: r, message: s } = e;
    return n >= 200 && n < 300 ? {
      code: r.code ?? n,
      error: !1,
      status: r.status ?? !0,
      data: r.data ?? null,
      message: s ?? null,
      totalRecord: r.totalRecord ?? null
    } : {
      error: !0,
      status: n,
      data: r ?? null,
      message: (r == null ? void 0 : r.message) ?? s ?? "Request failed"
    };
  }
  if (e != null && e.response) {
    const n = e.response.status ?? null, r = e.response.data ?? null, s = ((t = e.response.data) == null ? void 0 : t.message) ?? e.message ?? "Request failed";
    return {
      error: !0,
      status: n,
      data: r,
      message: s
    };
  }
  return e != null && e.request ? {
    error: !0,
    status: null,
    data: null,
    message: "No response received from server"
  } : {
    error: !0,
    status: null,
    data: null,
    message: (e == null ? void 0 : e.message) ?? "Unknown error"
  };
};
function qa(e, t) {
  return function() {
    return e.apply(t, arguments);
  };
}
const { toString: ru } = Object.prototype, { getPrototypeOf: Wr } = Object, { iterator: Hr, toStringTag: Ga } = Symbol, qr = /* @__PURE__ */ ((e) => (t) => {
  const n = ru.call(t);
  return e[n] || (e[n] = n.slice(8, -1).toLowerCase());
})(/* @__PURE__ */ Object.create(null)), ct = (e) => (e = e.toLowerCase(), (t) => qr(t) === e), Gr = (e) => (t) => typeof t === e, { isArray: gn } = Array, pn = Gr("undefined");
function Hn(e) {
  return e !== null && !pn(e) && e.constructor !== null && !pn(e.constructor) && qe(e.constructor.isBuffer) && e.constructor.isBuffer(e);
}
const Ya = ct("ArrayBuffer");
function ou(e) {
  let t;
  return typeof ArrayBuffer < "u" && ArrayBuffer.isView ? t = ArrayBuffer.isView(e) : t = e && e.buffer && Ya(e.buffer), t;
}
const su = Gr("string"), qe = Gr("function"), Ka = Gr("number"), qn = (e) => e !== null && typeof e == "object", iu = (e) => e === !0 || e === !1, vr = (e) => {
  if (qr(e) !== "object")
    return !1;
  const t = Wr(e);
  return (t === null || t === Object.prototype || Object.getPrototypeOf(t) === null) && !(Ga in e) && !(Hr in e);
}, au = (e) => {
  if (!qn(e) || Hn(e))
    return !1;
  try {
    return Object.keys(e).length === 0 && Object.getPrototypeOf(e) === Object.prototype;
  } catch {
    return !1;
  }
}, lu = ct("Date"), cu = ct("File"), uu = (e) => !!(e && typeof e.uri < "u"), du = (e) => e && typeof e.getParts < "u", pu = ct("Blob"), fu = ct("FileList"), mu = (e) => qn(e) && qe(e.pipe);
function hu() {
  return typeof globalThis < "u" ? globalThis : typeof self < "u" ? self : typeof window < "u" ? window : typeof global < "u" ? global : {};
}
const pi = hu(), fi = typeof pi.FormData < "u" ? pi.FormData : void 0, yu = (e) => {
  if (!e) return !1;
  if (fi && e instanceof fi) return !0;
  const t = Wr(e);
  if (!t || t === Object.prototype || !qe(e.append)) return !1;
  const n = qr(e);
  return n === "formdata" || // detect form-data instance
  n === "object" && qe(e.toString) && e.toString() === "[object FormData]";
}, gu = ct("URLSearchParams"), [bu, vu, Eu, Su] = [
  "ReadableStream",
  "Request",
  "Response",
  "Headers"
].map(ct), Tu = (e) => e.trim ? e.trim() : e.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, "");
function Gn(e, t, { allOwnKeys: n = !1 } = {}) {
  if (e === null || typeof e > "u")
    return;
  let r, s;
  if (typeof e != "object" && (e = [e]), gn(e))
    for (r = 0, s = e.length; r < s; r++)
      t.call(null, e[r], r, e);
  else {
    if (Hn(e))
      return;
    const i = n ? Object.getOwnPropertyNames(e) : Object.keys(e), a = i.length;
    let l;
    for (r = 0; r < a; r++)
      l = i[r], t.call(null, e[l], l, e);
  }
}
function Xa(e, t) {
  if (Hn(e))
    return null;
  t = t.toLowerCase();
  const n = Object.keys(e);
  let r = n.length, s;
  for (; r-- > 0; )
    if (s = n[r], t === s.toLowerCase())
      return s;
  return null;
}
const Ft = typeof globalThis < "u" ? globalThis : typeof self < "u" ? self : typeof window < "u" ? window : global, Ja = (e) => !pn(e) && e !== Ft;
function Xo(...e) {
  const { caseless: t, skipUndefined: n } = Ja(this) && this || {}, r = {}, s = (i, a) => {
    if (a === "__proto__" || a === "constructor" || a === "prototype")
      return;
    const l = t && Xa(r, a) || a, c = Jo(r, l) ? r[l] : void 0;
    vr(c) && vr(i) ? r[l] = Xo(c, i) : vr(i) ? r[l] = Xo({}, i) : gn(i) ? r[l] = i.slice() : (!n || !pn(i)) && (r[l] = i);
  };
  for (let i = 0, a = e.length; i < a; i++)
    e[i] && Gn(e[i], s);
  return r;
}
const xu = (e, t, n, { allOwnKeys: r } = {}) => (Gn(
  t,
  (s, i) => {
    n && qe(s) ? Object.defineProperty(e, i, {
      // Null-proto descriptor so a polluted Object.prototype.get cannot
      // hijack defineProperty's accessor-vs-data resolution.
      __proto__: null,
      value: qa(s, n),
      writable: !0,
      enumerable: !0,
      configurable: !0
    }) : Object.defineProperty(e, i, {
      __proto__: null,
      value: s,
      writable: !0,
      enumerable: !0,
      configurable: !0
    });
  },
  { allOwnKeys: r }
), e), Ou = (e) => (e.charCodeAt(0) === 65279 && (e = e.slice(1)), e), Ru = (e, t, n, r) => {
  e.prototype = Object.create(t.prototype, r), Object.defineProperty(e.prototype, "constructor", {
    __proto__: null,
    value: e,
    writable: !0,
    enumerable: !1,
    configurable: !0
  }), Object.defineProperty(e, "super", {
    __proto__: null,
    value: t.prototype
  }), n && Object.assign(e.prototype, n);
}, wu = (e, t, n, r) => {
  let s, i, a;
  const l = {};
  if (t = t || {}, e == null) return t;
  do {
    for (s = Object.getOwnPropertyNames(e), i = s.length; i-- > 0; )
      a = s[i], (!r || r(a, e, t)) && !l[a] && (t[a] = e[a], l[a] = !0);
    e = n !== !1 && Wr(e);
  } while (e && (!n || n(e, t)) && e !== Object.prototype);
  return t;
}, Cu = (e, t, n) => {
  e = String(e), (n === void 0 || n > e.length) && (n = e.length), n -= t.length;
  const r = e.indexOf(t, n);
  return r !== -1 && r === n;
}, Pu = (e) => {
  if (!e) return null;
  if (gn(e)) return e;
  let t = e.length;
  if (!Ka(t)) return null;
  const n = new Array(t);
  for (; t-- > 0; )
    n[t] = e[t];
  return n;
}, _u = /* @__PURE__ */ ((e) => (t) => e && t instanceof e)(typeof Uint8Array < "u" && Wr(Uint8Array)), Au = (e, t) => {
  const r = (e && e[Hr]).call(e);
  let s;
  for (; (s = r.next()) && !s.done; ) {
    const i = s.value;
    t.call(e, i[0], i[1]);
  }
}, Iu = (e, t) => {
  let n;
  const r = [];
  for (; (n = e.exec(t)) !== null; )
    r.push(n);
  return r;
}, Nu = ct("HTMLFormElement"), ku = (e) => e.toLowerCase().replace(/[-_\s]([a-z\d])(\w*)/g, function(n, r, s) {
  return r.toUpperCase() + s;
}), Jo = (({ hasOwnProperty: e }) => (t, n) => e.call(t, n))(Object.prototype), $u = ct("RegExp"), Za = (e, t) => {
  const n = Object.getOwnPropertyDescriptors(e), r = {};
  Gn(n, (s, i) => {
    let a;
    (a = t(s, i, e)) !== !1 && (r[i] = a || s);
  }), Object.defineProperties(e, r);
}, Mu = (e) => {
  Za(e, (t, n) => {
    if (qe(e) && ["arguments", "caller", "callee"].includes(n))
      return !1;
    const r = e[n];
    if (qe(r)) {
      if (t.enumerable = !1, "writable" in t) {
        t.writable = !1;
        return;
      }
      t.set || (t.set = () => {
        throw Error("Can not rewrite read-only method '" + n + "'");
      });
    }
  });
}, ju = (e, t) => {
  const n = {}, r = (s) => {
    s.forEach((i) => {
      n[i] = !0;
    });
  };
  return gn(e) ? r(e) : r(String(e).split(t)), n;
}, Lu = () => {
}, Du = (e, t) => e != null && Number.isFinite(e = +e) ? e : t;
function Bu(e) {
  return !!(e && qe(e.append) && e[Ga] === "FormData" && e[Hr]);
}
const Fu = (e) => {
  const t = /* @__PURE__ */ new WeakSet(), n = (r) => {
    if (qn(r)) {
      if (t.has(r))
        return;
      if (Hn(r))
        return r;
      if (!("toJSON" in r)) {
        t.add(r);
        const s = gn(r) ? [] : {};
        return Gn(r, (i, a) => {
          const l = n(i);
          !pn(l) && (s[a] = l);
        }), t.delete(r), s;
      }
    }
    return r;
  };
  return n(e);
}, Uu = ct("AsyncFunction"), Vu = (e) => e && (qn(e) || qe(e)) && qe(e.then) && qe(e.catch), Qa = ((e, t) => e ? setImmediate : t ? ((n, r) => (Ft.addEventListener(
  "message",
  ({ source: s, data: i }) => {
    s === Ft && i === n && r.length && r.shift()();
  },
  !1
), (s) => {
  r.push(s), Ft.postMessage(n, "*");
}))(`axios@${Math.random()}`, []) : (n) => setTimeout(n))(typeof setImmediate == "function", qe(Ft.postMessage)), zu = typeof queueMicrotask < "u" ? queueMicrotask.bind(Ft) : typeof process < "u" && process.nextTick || Qa, Wu = (e) => e != null && qe(e[Hr]), P = {
  isArray: gn,
  isArrayBuffer: Ya,
  isBuffer: Hn,
  isFormData: yu,
  isArrayBufferView: ou,
  isString: su,
  isNumber: Ka,
  isBoolean: iu,
  isObject: qn,
  isPlainObject: vr,
  isEmptyObject: au,
  isReadableStream: bu,
  isRequest: vu,
  isResponse: Eu,
  isHeaders: Su,
  isUndefined: pn,
  isDate: lu,
  isFile: cu,
  isReactNativeBlob: uu,
  isReactNative: du,
  isBlob: pu,
  isRegExp: $u,
  isFunction: qe,
  isStream: mu,
  isURLSearchParams: gu,
  isTypedArray: _u,
  isFileList: fu,
  forEach: Gn,
  merge: Xo,
  extend: xu,
  trim: Tu,
  stripBOM: Ou,
  inherits: Ru,
  toFlatObject: wu,
  kindOf: qr,
  kindOfTest: ct,
  endsWith: Cu,
  toArray: Pu,
  forEachEntry: Au,
  matchAll: Iu,
  isHTMLForm: Nu,
  hasOwnProperty: Jo,
  hasOwnProp: Jo,
  // an alias to avoid ESLint no-prototype-builtins detection
  reduceDescriptors: Za,
  freezeMethods: Mu,
  toObjectSet: ju,
  toCamelCase: ku,
  noop: Lu,
  toFiniteNumber: Du,
  findKey: Xa,
  global: Ft,
  isContextDefined: Ja,
  isSpecCompliantForm: Bu,
  toJSONObject: Fu,
  isAsyncFn: Uu,
  isThenable: Vu,
  setImmediate: Qa,
  asap: zu,
  isIterable: Wu
}, Hu = P.toObjectSet([
  "age",
  "authorization",
  "content-length",
  "content-type",
  "etag",
  "expires",
  "from",
  "host",
  "if-modified-since",
  "if-unmodified-since",
  "last-modified",
  "location",
  "max-forwards",
  "proxy-authorization",
  "referer",
  "retry-after",
  "user-agent"
]), qu = (e) => {
  const t = {};
  let n, r, s;
  return e && e.split(`
`).forEach(function(a) {
    s = a.indexOf(":"), n = a.substring(0, s).trim().toLowerCase(), r = a.substring(s + 1).trim(), !(!n || t[n] && Hu[n]) && (n === "set-cookie" ? t[n] ? t[n].push(r) : t[n] = [r] : t[n] = t[n] ? t[n] + ", " + r : r);
  }), t;
};
function Gu(e) {
  let t = 0, n = e.length;
  for (; t < n; ) {
    const r = e.charCodeAt(t);
    if (r !== 9 && r !== 32)
      break;
    t += 1;
  }
  for (; n > t; ) {
    const r = e.charCodeAt(n - 1);
    if (r !== 9 && r !== 32)
      break;
    n -= 1;
  }
  return t === 0 && n === e.length ? e : e.slice(t, n);
}
const Yu = new RegExp("[\\u0000-\\u0008\\u000a-\\u001f\\u007f]+", "g"), Ku = new RegExp("[^\\u0009\\u0020-\\u007e\\u0080-\\u00ff]+", "g");
function ws(e, t) {
  return P.isArray(e) ? e.map((n) => ws(n, t)) : Gu(String(e).replace(t, ""));
}
const Xu = (e) => ws(e, Yu), Ju = (e) => ws(e, Ku);
function el(e) {
  const t = /* @__PURE__ */ Object.create(null);
  return P.forEach(e.toJSON(), (n, r) => {
    t[r] = Ju(n);
  }), t;
}
const mi = Symbol("internals");
function Tn(e) {
  return e && String(e).trim().toLowerCase();
}
function Er(e) {
  return e === !1 || e == null ? e : P.isArray(e) ? e.map(Er) : Xu(String(e));
}
function Zu(e) {
  const t = /* @__PURE__ */ Object.create(null), n = /([^\s,;=]+)\s*(?:=\s*([^,;]+))?/g;
  let r;
  for (; r = n.exec(e); )
    t[r[1]] = r[2];
  return t;
}
const Qu = (e) => /^[-_a-zA-Z0-9^`|~,!#$%&'*+.]+$/.test(e.trim());
function Co(e, t, n, r, s) {
  if (P.isFunction(r))
    return r.call(this, t, n);
  if (s && (t = n), !!P.isString(t)) {
    if (P.isString(r))
      return t.indexOf(r) !== -1;
    if (P.isRegExp(r))
      return r.test(t);
  }
}
function ed(e) {
  return e.trim().toLowerCase().replace(/([a-z\d])(\w*)/g, (t, n, r) => n.toUpperCase() + r);
}
function td(e, t) {
  const n = P.toCamelCase(" " + t);
  ["get", "set", "has"].forEach((r) => {
    Object.defineProperty(e, r + n, {
      // Null-proto descriptor so a polluted Object.prototype.get cannot turn
      // this data descriptor into an accessor descriptor on the way in.
      __proto__: null,
      value: function(s, i, a) {
        return this[r].call(this, t, s, i, a);
      },
      configurable: !0
    });
  });
}
let ze = class {
  constructor(t) {
    t && this.set(t);
  }
  set(t, n, r) {
    const s = this;
    function i(l, c, u) {
      const d = Tn(c);
      if (!d)
        throw new Error("header name must be a non-empty string");
      const h = P.findKey(s, d);
      (!h || s[h] === void 0 || u === !0 || u === void 0 && s[h] !== !1) && (s[h || c] = Er(l));
    }
    const a = (l, c) => P.forEach(l, (u, d) => i(u, d, c));
    if (P.isPlainObject(t) || t instanceof this.constructor)
      a(t, n);
    else if (P.isString(t) && (t = t.trim()) && !Qu(t))
      a(qu(t), n);
    else if (P.isObject(t) && P.isIterable(t)) {
      let l = {}, c, u;
      for (const d of t) {
        if (!P.isArray(d))
          throw TypeError("Object iterator must return a key-value pair");
        l[u = d[0]] = (c = l[u]) ? P.isArray(c) ? [...c, d[1]] : [c, d[1]] : d[1];
      }
      a(l, n);
    } else
      t != null && i(n, t, r);
    return this;
  }
  get(t, n) {
    if (t = Tn(t), t) {
      const r = P.findKey(this, t);
      if (r) {
        const s = this[r];
        if (!n)
          return s;
        if (n === !0)
          return Zu(s);
        if (P.isFunction(n))
          return n.call(this, s, r);
        if (P.isRegExp(n))
          return n.exec(s);
        throw new TypeError("parser must be boolean|regexp|function");
      }
    }
  }
  has(t, n) {
    if (t = Tn(t), t) {
      const r = P.findKey(this, t);
      return !!(r && this[r] !== void 0 && (!n || Co(this, this[r], r, n)));
    }
    return !1;
  }
  delete(t, n) {
    const r = this;
    let s = !1;
    function i(a) {
      if (a = Tn(a), a) {
        const l = P.findKey(r, a);
        l && (!n || Co(r, r[l], l, n)) && (delete r[l], s = !0);
      }
    }
    return P.isArray(t) ? t.forEach(i) : i(t), s;
  }
  clear(t) {
    const n = Object.keys(this);
    let r = n.length, s = !1;
    for (; r--; ) {
      const i = n[r];
      (!t || Co(this, this[i], i, t, !0)) && (delete this[i], s = !0);
    }
    return s;
  }
  normalize(t) {
    const n = this, r = {};
    return P.forEach(this, (s, i) => {
      const a = P.findKey(r, i);
      if (a) {
        n[a] = Er(s), delete n[i];
        return;
      }
      const l = t ? ed(i) : String(i).trim();
      l !== i && delete n[i], n[l] = Er(s), r[l] = !0;
    }), this;
  }
  concat(...t) {
    return this.constructor.concat(this, ...t);
  }
  toJSON(t) {
    const n = /* @__PURE__ */ Object.create(null);
    return P.forEach(this, (r, s) => {
      r != null && r !== !1 && (n[s] = t && P.isArray(r) ? r.join(", ") : r);
    }), n;
  }
  [Symbol.iterator]() {
    return Object.entries(this.toJSON())[Symbol.iterator]();
  }
  toString() {
    return Object.entries(this.toJSON()).map(([t, n]) => t + ": " + n).join(`
`);
  }
  getSetCookie() {
    return this.get("set-cookie") || [];
  }
  get [Symbol.toStringTag]() {
    return "AxiosHeaders";
  }
  static from(t) {
    return t instanceof this ? t : new this(t);
  }
  static concat(t, ...n) {
    const r = new this(t);
    return n.forEach((s) => r.set(s)), r;
  }
  static accessor(t) {
    const r = (this[mi] = this[mi] = {
      accessors: {}
    }).accessors, s = this.prototype;
    function i(a) {
      const l = Tn(a);
      r[l] || (td(s, a), r[l] = !0);
    }
    return P.isArray(t) ? t.forEach(i) : i(t), this;
  }
};
ze.accessor([
  "Content-Type",
  "Content-Length",
  "Accept",
  "Accept-Encoding",
  "User-Agent",
  "Authorization"
]);
P.reduceDescriptors(ze.prototype, ({ value: e }, t) => {
  let n = t[0].toUpperCase() + t.slice(1);
  return {
    get: () => e,
    set(r) {
      this[n] = r;
    }
  };
});
P.freezeMethods(ze);
const nd = "[REDACTED ****]";
function rd(e) {
  if (P.hasOwnProp(e, "toJSON"))
    return !0;
  let t = Object.getPrototypeOf(e);
  for (; t && t !== Object.prototype; ) {
    if (P.hasOwnProp(t, "toJSON"))
      return !0;
    t = Object.getPrototypeOf(t);
  }
  return !1;
}
function od(e, t) {
  const n = new Set(t.map((i) => String(i).toLowerCase())), r = [], s = (i) => {
    if (i === null || typeof i != "object" || P.isBuffer(i)) return i;
    if (r.indexOf(i) !== -1) return;
    i instanceof ze && (i = i.toJSON()), r.push(i);
    let a;
    if (P.isArray(i))
      a = [], i.forEach((l, c) => {
        const u = s(l);
        P.isUndefined(u) || (a[c] = u);
      });
    else {
      if (!P.isPlainObject(i) && rd(i))
        return r.pop(), i;
      a = /* @__PURE__ */ Object.create(null);
      for (const [l, c] of Object.entries(i)) {
        const u = n.has(l.toLowerCase()) ? nd : s(c);
        P.isUndefined(u) || (a[l] = u);
      }
    }
    return r.pop(), a;
  };
  return s(e);
}
let ne = class tl extends Error {
  static from(t, n, r, s, i, a) {
    const l = new tl(t.message, n || t.code, r, s, i);
    return l.cause = t, l.name = t.name, t.status != null && l.status == null && (l.status = t.status), a && Object.assign(l, a), l;
  }
  /**
   * Create an Error with the specified message, config, error code, request and response.
   *
   * @param {string} message The error message.
   * @param {string} [code] The error code (for example, 'ECONNABORTED').
   * @param {Object} [config] The config.
   * @param {Object} [request] The request.
   * @param {Object} [response] The response.
   *
   * @returns {Error} The created error.
   */
  constructor(t, n, r, s, i) {
    super(t), Object.defineProperty(this, "message", {
      // Null-proto descriptor so a polluted Object.prototype.get cannot turn
      // this data descriptor into an accessor descriptor on the way in.
      __proto__: null,
      value: t,
      enumerable: !0,
      writable: !0,
      configurable: !0
    }), this.name = "AxiosError", this.isAxiosError = !0, n && (this.code = n), r && (this.config = r), s && (this.request = s), i && (this.response = i, this.status = i.status);
  }
  toJSON() {
    const t = this.config, n = t && P.hasOwnProp(t, "redact") ? t.redact : void 0, r = P.isArray(n) && n.length > 0 ? od(t, n) : P.toJSONObject(t);
    return {
      // Standard
      message: this.message,
      name: this.name,
      // Microsoft
      description: this.description,
      number: this.number,
      // Mozilla
      fileName: this.fileName,
      lineNumber: this.lineNumber,
      columnNumber: this.columnNumber,
      stack: this.stack,
      // Axios
      config: r,
      code: this.code,
      status: this.status
    };
  }
};
ne.ERR_BAD_OPTION_VALUE = "ERR_BAD_OPTION_VALUE";
ne.ERR_BAD_OPTION = "ERR_BAD_OPTION";
ne.ECONNABORTED = "ECONNABORTED";
ne.ETIMEDOUT = "ETIMEDOUT";
ne.ECONNREFUSED = "ECONNREFUSED";
ne.ERR_NETWORK = "ERR_NETWORK";
ne.ERR_FR_TOO_MANY_REDIRECTS = "ERR_FR_TOO_MANY_REDIRECTS";
ne.ERR_DEPRECATED = "ERR_DEPRECATED";
ne.ERR_BAD_RESPONSE = "ERR_BAD_RESPONSE";
ne.ERR_BAD_REQUEST = "ERR_BAD_REQUEST";
ne.ERR_CANCELED = "ERR_CANCELED";
ne.ERR_NOT_SUPPORT = "ERR_NOT_SUPPORT";
ne.ERR_INVALID_URL = "ERR_INVALID_URL";
ne.ERR_FORM_DATA_DEPTH_EXCEEDED = "ERR_FORM_DATA_DEPTH_EXCEEDED";
const sd = null;
function Zo(e) {
  return P.isPlainObject(e) || P.isArray(e);
}
function nl(e) {
  return P.endsWith(e, "[]") ? e.slice(0, -2) : e;
}
function Po(e, t, n) {
  return e ? e.concat(t).map(function(s, i) {
    return s = nl(s), !n && i ? "[" + s + "]" : s;
  }).join(n ? "." : "") : t;
}
function id(e) {
  return P.isArray(e) && !e.some(Zo);
}
const ad = P.toFlatObject(P, {}, null, function(t) {
  return /^is[A-Z]/.test(t);
});
function Yr(e, t, n) {
  if (!P.isObject(e))
    throw new TypeError("target must be an object");
  t = t || new FormData(), n = P.toFlatObject(
    n,
    {
      metaTokens: !0,
      dots: !1,
      indexes: !1
    },
    !1,
    function(y, S) {
      return !P.isUndefined(S[y]);
    }
  );
  const r = n.metaTokens, s = n.visitor || h, i = n.dots, a = n.indexes, l = n.Blob || typeof Blob < "u" && Blob, c = n.maxDepth === void 0 ? 100 : n.maxDepth, u = l && P.isSpecCompliantForm(t);
  if (!P.isFunction(s))
    throw new TypeError("visitor must be a function");
  function d(p) {
    if (p === null) return "";
    if (P.isDate(p))
      return p.toISOString();
    if (P.isBoolean(p))
      return p.toString();
    if (!u && P.isBlob(p))
      throw new ne("Blob is not supported. Use a Buffer instead.");
    return P.isArrayBuffer(p) || P.isTypedArray(p) ? u && typeof Blob == "function" ? new Blob([p]) : Buffer.from(p) : p;
  }
  function h(p, y, S) {
    let R = p;
    if (P.isReactNative(t) && P.isReactNativeBlob(p))
      return t.append(Po(S, y, i), d(p)), !1;
    if (p && !S && typeof p == "object") {
      if (P.endsWith(y, "{}"))
        y = r ? y : y.slice(0, -2), p = JSON.stringify(p);
      else if (P.isArray(p) && id(p) || (P.isFileList(p) || P.endsWith(y, "[]")) && (R = P.toArray(p)))
        return y = nl(y), R.forEach(function(b, E) {
          !(P.isUndefined(b) || b === null) && t.append(
            // eslint-disable-next-line no-nested-ternary
            a === !0 ? Po([y], E, i) : a === null ? y : y + "[]",
            d(b)
          );
        }), !1;
    }
    return Zo(p) ? !0 : (t.append(Po(S, y, i), d(p)), !1);
  }
  const v = [], m = Object.assign(ad, {
    defaultVisitor: h,
    convertValue: d,
    isVisitable: Zo
  });
  function g(p, y, S = 0) {
    if (!P.isUndefined(p)) {
      if (S > c)
        throw new ne(
          "Object is too deeply nested (" + S + " levels). Max depth: " + c,
          ne.ERR_FORM_DATA_DEPTH_EXCEEDED
        );
      if (v.indexOf(p) !== -1)
        throw Error("Circular reference detected in " + y.join("."));
      v.push(p), P.forEach(p, function(T, b) {
        (!(P.isUndefined(T) || T === null) && s.call(t, T, P.isString(b) ? b.trim() : b, y, m)) === !0 && g(T, y ? y.concat(b) : [b], S + 1);
      }), v.pop();
    }
  }
  if (!P.isObject(e))
    throw new TypeError("data must be an object");
  return g(e), t;
}
function hi(e) {
  const t = {
    "!": "%21",
    "'": "%27",
    "(": "%28",
    ")": "%29",
    "~": "%7E",
    "%20": "+"
  };
  return encodeURIComponent(e).replace(/[!'()~]|%20/g, function(r) {
    return t[r];
  });
}
function Cs(e, t) {
  this._pairs = [], e && Yr(e, this, t);
}
const rl = Cs.prototype;
rl.append = function(t, n) {
  this._pairs.push([t, n]);
};
rl.toString = function(t) {
  const n = t ? function(r) {
    return t.call(this, r, hi);
  } : hi;
  return this._pairs.map(function(s) {
    return n(s[0]) + "=" + n(s[1]);
  }, "").join("&");
};
function ld(e) {
  return encodeURIComponent(e).replace(/%3A/gi, ":").replace(/%24/g, "$").replace(/%2C/gi, ",").replace(/%20/g, "+");
}
function ol(e, t, n) {
  if (!t)
    return e;
  const r = n && n.encode || ld, s = P.isFunction(n) ? {
    serialize: n
  } : n, i = s && s.serialize;
  let a;
  if (i ? a = i(t, s) : a = P.isURLSearchParams(t) ? t.toString() : new Cs(t, s).toString(r), a) {
    const l = e.indexOf("#");
    l !== -1 && (e = e.slice(0, l)), e += (e.indexOf("?") === -1 ? "?" : "&") + a;
  }
  return e;
}
class yi {
  constructor() {
    this.handlers = [];
  }
  /**
   * Add a new interceptor to the stack
   *
   * @param {Function} fulfilled The function to handle `then` for a `Promise`
   * @param {Function} rejected The function to handle `reject` for a `Promise`
   * @param {Object} options The options for the interceptor, synchronous and runWhen
   *
   * @return {Number} An ID used to remove interceptor later
   */
  use(t, n, r) {
    return this.handlers.push({
      fulfilled: t,
      rejected: n,
      synchronous: r ? r.synchronous : !1,
      runWhen: r ? r.runWhen : null
    }), this.handlers.length - 1;
  }
  /**
   * Remove an interceptor from the stack
   *
   * @param {Number} id The ID that was returned by `use`
   *
   * @returns {void}
   */
  eject(t) {
    this.handlers[t] && (this.handlers[t] = null);
  }
  /**
   * Clear all interceptors from the stack
   *
   * @returns {void}
   */
  clear() {
    this.handlers && (this.handlers = []);
  }
  /**
   * Iterate over all the registered interceptors
   *
   * This method is particularly useful for skipping over any
   * interceptors that may have become `null` calling `eject`.
   *
   * @param {Function} fn The function to call for each interceptor
   *
   * @returns {void}
   */
  forEach(t) {
    P.forEach(this.handlers, function(r) {
      r !== null && t(r);
    });
  }
}
const Ps = {
  silentJSONParsing: !0,
  forcedJSONParsing: !0,
  clarifyTimeoutError: !1,
  legacyInterceptorReqResOrdering: !0
}, cd = typeof URLSearchParams < "u" ? URLSearchParams : Cs, ud = typeof FormData < "u" ? FormData : null, dd = typeof Blob < "u" ? Blob : null, pd = {
  isBrowser: !0,
  classes: {
    URLSearchParams: cd,
    FormData: ud,
    Blob: dd
  },
  protocols: ["http", "https", "file", "blob", "url", "data"]
}, _s = typeof window < "u" && typeof document < "u", Qo = typeof navigator == "object" && navigator || void 0, fd = _s && (!Qo || ["ReactNative", "NativeScript", "NS"].indexOf(Qo.product) < 0), md = typeof WorkerGlobalScope < "u" && // eslint-disable-next-line no-undef
self instanceof WorkerGlobalScope && typeof self.importScripts == "function", hd = _s && window.location.href || "http://localhost", yd = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
  __proto__: null,
  hasBrowserEnv: _s,
  hasStandardBrowserEnv: fd,
  hasStandardBrowserWebWorkerEnv: md,
  navigator: Qo,
  origin: hd
}, Symbol.toStringTag, { value: "Module" })), Ue = {
  ...yd,
  ...pd
};
function gd(e, t) {
  return Yr(e, new Ue.classes.URLSearchParams(), {
    visitor: function(n, r, s, i) {
      return Ue.isNode && P.isBuffer(n) ? (this.append(r, n.toString("base64")), !1) : i.defaultVisitor.apply(this, arguments);
    },
    ...t
  });
}
function bd(e) {
  return P.matchAll(/\w+|\[(\w*)]/g, e).map((t) => t[0] === "[]" ? "" : t[1] || t[0]);
}
function vd(e) {
  const t = {}, n = Object.keys(e);
  let r;
  const s = n.length;
  let i;
  for (r = 0; r < s; r++)
    i = n[r], t[i] = e[i];
  return t;
}
function sl(e) {
  function t(n, r, s, i) {
    let a = n[i++];
    if (a === "__proto__") return !0;
    const l = Number.isFinite(+a), c = i >= n.length;
    return a = !a && P.isArray(s) ? s.length : a, c ? (P.hasOwnProp(s, a) ? s[a] = P.isArray(s[a]) ? s[a].concat(r) : [s[a], r] : s[a] = r, !l) : ((!P.hasOwnProp(s, a) || !P.isObject(s[a])) && (s[a] = []), t(n, r, s[a], i) && P.isArray(s[a]) && (s[a] = vd(s[a])), !l);
  }
  if (P.isFormData(e) && P.isFunction(e.entries)) {
    const n = {};
    return P.forEachEntry(e, (r, s) => {
      t(bd(r), s, n, 0);
    }), n;
  }
  return null;
}
const en = (e, t) => e != null && P.hasOwnProp(e, t) ? e[t] : void 0;
function Ed(e, t, n) {
  if (P.isString(e))
    try {
      return (t || JSON.parse)(e), P.trim(e);
    } catch (r) {
      if (r.name !== "SyntaxError")
        throw r;
    }
  return (n || JSON.stringify)(e);
}
const Yn = {
  transitional: Ps,
  adapter: ["xhr", "http", "fetch"],
  transformRequest: [
    function(t, n) {
      const r = n.getContentType() || "", s = r.indexOf("application/json") > -1, i = P.isObject(t);
      if (i && P.isHTMLForm(t) && (t = new FormData(t)), P.isFormData(t))
        return s ? JSON.stringify(sl(t)) : t;
      if (P.isArrayBuffer(t) || P.isBuffer(t) || P.isStream(t) || P.isFile(t) || P.isBlob(t) || P.isReadableStream(t))
        return t;
      if (P.isArrayBufferView(t))
        return t.buffer;
      if (P.isURLSearchParams(t))
        return n.setContentType("application/x-www-form-urlencoded;charset=utf-8", !1), t.toString();
      let l;
      if (i) {
        const c = en(this, "formSerializer");
        if (r.indexOf("application/x-www-form-urlencoded") > -1)
          return gd(t, c).toString();
        if ((l = P.isFileList(t)) || r.indexOf("multipart/form-data") > -1) {
          const u = en(this, "env"), d = u && u.FormData;
          return Yr(
            l ? { "files[]": t } : t,
            d && new d(),
            c
          );
        }
      }
      return i || s ? (n.setContentType("application/json", !1), Ed(t)) : t;
    }
  ],
  transformResponse: [
    function(t) {
      const n = en(this, "transitional") || Yn.transitional, r = n && n.forcedJSONParsing, s = en(this, "responseType"), i = s === "json";
      if (P.isResponse(t) || P.isReadableStream(t))
        return t;
      if (t && P.isString(t) && (r && !s || i)) {
        const l = !(n && n.silentJSONParsing) && i;
        try {
          return JSON.parse(t, en(this, "parseReviver"));
        } catch (c) {
          if (l)
            throw c.name === "SyntaxError" ? ne.from(c, ne.ERR_BAD_RESPONSE, this, null, en(this, "response")) : c;
        }
      }
      return t;
    }
  ],
  /**
   * A timeout in milliseconds to abort a request. If set to 0 (default) a
   * timeout is not created.
   */
  timeout: 0,
  xsrfCookieName: "XSRF-TOKEN",
  xsrfHeaderName: "X-XSRF-TOKEN",
  maxContentLength: -1,
  maxBodyLength: -1,
  env: {
    FormData: Ue.classes.FormData,
    Blob: Ue.classes.Blob
  },
  validateStatus: function(t) {
    return t >= 200 && t < 300;
  },
  headers: {
    common: {
      Accept: "application/json, text/plain, */*",
      "Content-Type": void 0
    }
  }
};
P.forEach(["delete", "get", "head", "post", "put", "patch", "query"], (e) => {
  Yn.headers[e] = {};
});
function _o(e, t) {
  const n = this || Yn, r = t || n, s = ze.from(r.headers);
  let i = r.data;
  return P.forEach(e, function(l) {
    i = l.call(n, i, s.normalize(), t ? t.status : void 0);
  }), s.normalize(), i;
}
function il(e) {
  return !!(e && e.__CANCEL__);
}
let Kn = class extends ne {
  /**
   * A `CanceledError` is an object that is thrown when an operation is canceled.
   *
   * @param {string=} message The message.
   * @param {Object=} config The config.
   * @param {Object=} request The request.
   *
   * @returns {CanceledError} The created error.
   */
  constructor(t, n, r) {
    super(t ?? "canceled", ne.ERR_CANCELED, n, r), this.name = "CanceledError", this.__CANCEL__ = !0;
  }
};
function al(e, t, n) {
  const r = n.config.validateStatus;
  !n.status || !r || r(n.status) ? e(n) : t(new ne(
    "Request failed with status code " + n.status,
    n.status >= 400 && n.status < 500 ? ne.ERR_BAD_REQUEST : ne.ERR_BAD_RESPONSE,
    n.config,
    n.request,
    n
  ));
}
function Sd(e) {
  const t = /^([-+\w]{1,25}):(?:\/\/)?/.exec(e);
  return t && t[1] || "";
}
function Td(e, t) {
  e = e || 10;
  const n = new Array(e), r = new Array(e);
  let s = 0, i = 0, a;
  return t = t !== void 0 ? t : 1e3, function(c) {
    const u = Date.now(), d = r[i];
    a || (a = u), n[s] = c, r[s] = u;
    let h = i, v = 0;
    for (; h !== s; )
      v += n[h++], h = h % e;
    if (s = (s + 1) % e, s === i && (i = (i + 1) % e), u - a < t)
      return;
    const m = d && u - d;
    return m ? Math.round(v * 1e3 / m) : void 0;
  };
}
function xd(e, t) {
  let n = 0, r = 1e3 / t, s, i;
  const a = (u, d = Date.now()) => {
    n = d, s = null, i && (clearTimeout(i), i = null), e(...u);
  };
  return [(...u) => {
    const d = Date.now(), h = d - n;
    h >= r ? a(u, d) : (s = u, i || (i = setTimeout(() => {
      i = null, a(s);
    }, r - h)));
  }, () => s && a(s)];
}
const Cr = (e, t, n = 3) => {
  let r = 0;
  const s = Td(50, 250);
  return xd((i) => {
    if (!i || typeof i.loaded != "number")
      return;
    const a = i.loaded, l = i.lengthComputable ? i.total : void 0, c = l != null ? Math.min(a, l) : a, u = Math.max(0, c - r), d = s(u);
    r = Math.max(r, c);
    const h = {
      loaded: c,
      total: l,
      progress: l ? c / l : void 0,
      bytes: u,
      rate: d || void 0,
      estimated: d && l ? (l - c) / d : void 0,
      event: i,
      lengthComputable: l != null,
      [t ? "download" : "upload"]: !0
    };
    e(h);
  }, n);
}, gi = (e, t) => {
  const n = e != null;
  return [
    (r) => t[0]({
      lengthComputable: n,
      total: e,
      loaded: r
    }),
    t[1]
  ];
}, bi = (e) => (...t) => P.asap(() => e(...t)), Od = Ue.hasStandardBrowserEnv ? /* @__PURE__ */ ((e, t) => (n) => (n = new URL(n, Ue.origin), e.protocol === n.protocol && e.host === n.host && (t || e.port === n.port)))(
  new URL(Ue.origin),
  Ue.navigator && /(msie|trident)/i.test(Ue.navigator.userAgent)
) : () => !0, Rd = Ue.hasStandardBrowserEnv ? (
  // Standard browser envs support document.cookie
  {
    write(e, t, n, r, s, i, a) {
      if (typeof document > "u") return;
      const l = [`${e}=${encodeURIComponent(t)}`];
      P.isNumber(n) && l.push(`expires=${new Date(n).toUTCString()}`), P.isString(r) && l.push(`path=${r}`), P.isString(s) && l.push(`domain=${s}`), i === !0 && l.push("secure"), P.isString(a) && l.push(`SameSite=${a}`), document.cookie = l.join("; ");
    },
    read(e) {
      if (typeof document > "u") return null;
      const t = document.cookie.split(";");
      for (let n = 0; n < t.length; n++) {
        const r = t[n].replace(/^\s+/, ""), s = r.indexOf("=");
        if (s !== -1 && r.slice(0, s) === e)
          return decodeURIComponent(r.slice(s + 1));
      }
      return null;
    },
    remove(e) {
      this.write(e, "", Date.now() - 864e5, "/");
    }
  }
) : (
  // Non-standard browser env (web workers, react-native) lack needed support.
  {
    write() {
    },
    read() {
      return null;
    },
    remove() {
    }
  }
);
function wd(e) {
  return typeof e != "string" ? !1 : /^([a-z][a-z\d+\-.]*:)?\/\//i.test(e);
}
function Cd(e, t) {
  return t ? e.replace(/\/?\/$/, "") + "/" + t.replace(/^\/+/, "") : e;
}
function ll(e, t, n) {
  let r = !wd(t);
  return e && (r || n === !1) ? Cd(e, t) : t;
}
const vi = (e) => e instanceof ze ? { ...e } : e;
function Ht(e, t) {
  t = t || {};
  const n = /* @__PURE__ */ Object.create(null);
  Object.defineProperty(n, "hasOwnProperty", {
    // Null-proto descriptor so a polluted Object.prototype.get cannot turn
    // this data descriptor into an accessor descriptor on the way in.
    __proto__: null,
    value: Object.prototype.hasOwnProperty,
    enumerable: !1,
    writable: !0,
    configurable: !0
  });
  function r(u, d, h, v) {
    return P.isPlainObject(u) && P.isPlainObject(d) ? P.merge.call({ caseless: v }, u, d) : P.isPlainObject(d) ? P.merge({}, d) : P.isArray(d) ? d.slice() : d;
  }
  function s(u, d, h, v) {
    if (P.isUndefined(d)) {
      if (!P.isUndefined(u))
        return r(void 0, u, h, v);
    } else return r(u, d, h, v);
  }
  function i(u, d) {
    if (!P.isUndefined(d))
      return r(void 0, d);
  }
  function a(u, d) {
    if (P.isUndefined(d)) {
      if (!P.isUndefined(u))
        return r(void 0, u);
    } else return r(void 0, d);
  }
  function l(u, d, h) {
    if (P.hasOwnProp(t, h))
      return r(u, d);
    if (P.hasOwnProp(e, h))
      return r(void 0, u);
  }
  const c = {
    url: i,
    method: i,
    data: i,
    baseURL: a,
    transformRequest: a,
    transformResponse: a,
    paramsSerializer: a,
    timeout: a,
    timeoutMessage: a,
    withCredentials: a,
    withXSRFToken: a,
    adapter: a,
    responseType: a,
    xsrfCookieName: a,
    xsrfHeaderName: a,
    onUploadProgress: a,
    onDownloadProgress: a,
    decompress: a,
    maxContentLength: a,
    maxBodyLength: a,
    beforeRedirect: a,
    transport: a,
    httpAgent: a,
    httpsAgent: a,
    cancelToken: a,
    socketPath: a,
    allowedSocketPaths: a,
    responseEncoding: a,
    validateStatus: l,
    headers: (u, d, h) => s(vi(u), vi(d), h, !0)
  };
  return P.forEach(Object.keys({ ...e, ...t }), function(d) {
    if (d === "__proto__" || d === "constructor" || d === "prototype") return;
    const h = P.hasOwnProp(c, d) ? c[d] : s, v = P.hasOwnProp(e, d) ? e[d] : void 0, m = P.hasOwnProp(t, d) ? t[d] : void 0, g = h(v, m, d);
    P.isUndefined(g) && h !== l || (n[d] = g);
  }), n;
}
const Pd = ["content-type", "content-length"];
function _d(e, t, n) {
  if (n !== "content-only") {
    e.set(t);
    return;
  }
  Object.entries(t).forEach(([r, s]) => {
    Pd.includes(r.toLowerCase()) && e.set(r, s);
  });
}
const Ad = (e) => encodeURIComponent(e).replace(
  /%([0-9A-F]{2})/gi,
  (t, n) => String.fromCharCode(parseInt(n, 16))
), cl = (e) => {
  const t = Ht({}, e), n = (v) => P.hasOwnProp(t, v) ? t[v] : void 0, r = n("data");
  let s = n("withXSRFToken");
  const i = n("xsrfHeaderName"), a = n("xsrfCookieName");
  let l = n("headers");
  const c = n("auth"), u = n("baseURL"), d = n("allowAbsoluteUrls"), h = n("url");
  if (t.headers = l = ze.from(l), t.url = ol(
    ll(u, h, d),
    e.params,
    e.paramsSerializer
  ), c && l.set(
    "Authorization",
    "Basic " + btoa((c.username || "") + ":" + (c.password ? Ad(c.password) : ""))
  ), P.isFormData(r) && (Ue.hasStandardBrowserEnv || Ue.hasStandardBrowserWebWorkerEnv ? l.setContentType(void 0) : P.isFunction(r.getHeaders) && _d(l, r.getHeaders(), n("formDataHeaderPolicy"))), Ue.hasStandardBrowserEnv && (P.isFunction(s) && (s = s(t)), s === !0 || s == null && Od(t.url))) {
    const m = i && a && Rd.read(a);
    m && l.set(i, m);
  }
  return t;
}, Id = typeof XMLHttpRequest < "u", Nd = Id && function(e) {
  return new Promise(function(n, r) {
    const s = cl(e);
    let i = s.data;
    const a = ze.from(s.headers).normalize();
    let { responseType: l, onUploadProgress: c, onDownloadProgress: u } = s, d, h, v, m, g;
    function p() {
      m && m(), g && g(), s.cancelToken && s.cancelToken.unsubscribe(d), s.signal && s.signal.removeEventListener("abort", d);
    }
    let y = new XMLHttpRequest();
    y.open(s.method.toUpperCase(), s.url, !0), y.timeout = s.timeout;
    function S() {
      if (!y)
        return;
      const T = ze.from(
        "getAllResponseHeaders" in y && y.getAllResponseHeaders()
      ), E = {
        data: !l || l === "text" || l === "json" ? y.responseText : y.response,
        status: y.status,
        statusText: y.statusText,
        headers: T,
        config: e,
        request: y
      };
      al(
        function(k) {
          n(k), p();
        },
        function(k) {
          r(k), p();
        },
        E
      ), y = null;
    }
    "onloadend" in y ? y.onloadend = S : y.onreadystatechange = function() {
      !y || y.readyState !== 4 || y.status === 0 && !(y.responseURL && y.responseURL.startsWith("file:")) || setTimeout(S);
    }, y.onabort = function() {
      y && (r(new ne("Request aborted", ne.ECONNABORTED, e, y)), p(), y = null);
    }, y.onerror = function(b) {
      const E = b && b.message ? b.message : "Network Error", C = new ne(E, ne.ERR_NETWORK, e, y);
      C.event = b || null, r(C), p(), y = null;
    }, y.ontimeout = function() {
      let b = s.timeout ? "timeout of " + s.timeout + "ms exceeded" : "timeout exceeded";
      const E = s.transitional || Ps;
      s.timeoutErrorMessage && (b = s.timeoutErrorMessage), r(
        new ne(
          b,
          E.clarifyTimeoutError ? ne.ETIMEDOUT : ne.ECONNABORTED,
          e,
          y
        )
      ), p(), y = null;
    }, i === void 0 && a.setContentType(null), "setRequestHeader" in y && P.forEach(el(a), function(b, E) {
      y.setRequestHeader(E, b);
    }), P.isUndefined(s.withCredentials) || (y.withCredentials = !!s.withCredentials), l && l !== "json" && (y.responseType = s.responseType), u && ([v, g] = Cr(u, !0), y.addEventListener("progress", v)), c && y.upload && ([h, m] = Cr(c), y.upload.addEventListener("progress", h), y.upload.addEventListener("loadend", m)), (s.cancelToken || s.signal) && (d = (T) => {
      y && (r(!T || T.type ? new Kn(null, e, y) : T), y.abort(), p(), y = null);
    }, s.cancelToken && s.cancelToken.subscribe(d), s.signal && (s.signal.aborted ? d() : s.signal.addEventListener("abort", d)));
    const R = Sd(s.url);
    if (R && !Ue.protocols.includes(R)) {
      r(
        new ne(
          "Unsupported protocol " + R + ":",
          ne.ERR_BAD_REQUEST,
          e
        )
      );
      return;
    }
    y.send(i || null);
  });
}, kd = (e, t) => {
  if (e = e ? e.filter(Boolean) : [], !t && !e.length)
    return;
  const n = new AbortController();
  let r = !1;
  const s = function(c) {
    if (!r) {
      r = !0, a();
      const u = c instanceof Error ? c : this.reason;
      n.abort(
        u instanceof ne ? u : new Kn(u instanceof Error ? u.message : u)
      );
    }
  };
  let i = t && setTimeout(() => {
    i = null, s(new ne(`timeout of ${t}ms exceeded`, ne.ETIMEDOUT));
  }, t);
  const a = () => {
    e && (i && clearTimeout(i), i = null, e.forEach((c) => {
      c.unsubscribe ? c.unsubscribe(s) : c.removeEventListener("abort", s);
    }), e = null);
  };
  e.forEach((c) => c.addEventListener("abort", s));
  const { signal: l } = n;
  return l.unsubscribe = () => P.asap(a), l;
}, $d = function* (e, t) {
  let n = e.byteLength;
  if (n < t) {
    yield e;
    return;
  }
  let r = 0, s;
  for (; r < n; )
    s = r + t, yield e.slice(r, s), r = s;
}, Md = async function* (e, t) {
  for await (const n of jd(e))
    yield* $d(n, t);
}, jd = async function* (e) {
  if (e[Symbol.asyncIterator]) {
    yield* e;
    return;
  }
  const t = e.getReader();
  try {
    for (; ; ) {
      const { done: n, value: r } = await t.read();
      if (n)
        break;
      yield r;
    }
  } finally {
    await t.cancel();
  }
}, Ei = (e, t, n, r) => {
  const s = Md(e, t);
  let i = 0, a, l = (c) => {
    a || (a = !0, r && r(c));
  };
  return new ReadableStream(
    {
      async pull(c) {
        try {
          const { done: u, value: d } = await s.next();
          if (u) {
            l(), c.close();
            return;
          }
          let h = d.byteLength;
          if (n) {
            let v = i += h;
            n(v);
          }
          c.enqueue(new Uint8Array(d));
        } catch (u) {
          throw l(u), u;
        }
      },
      cancel(c) {
        return l(c), s.return();
      }
    },
    {
      highWaterMark: 2
    }
  );
};
function Ld(e) {
  if (!e || typeof e != "string" || !e.startsWith("data:")) return 0;
  const t = e.indexOf(",");
  if (t < 0) return 0;
  const n = e.slice(5, t), r = e.slice(t + 1);
  if (/;base64/i.test(n)) {
    let a = r.length;
    const l = r.length;
    for (let m = 0; m < l; m++)
      if (r.charCodeAt(m) === 37 && m + 2 < l) {
        const g = r.charCodeAt(m + 1), p = r.charCodeAt(m + 2);
        (g >= 48 && g <= 57 || g >= 65 && g <= 70 || g >= 97 && g <= 102) && (p >= 48 && p <= 57 || p >= 65 && p <= 70 || p >= 97 && p <= 102) && (a -= 2, m += 2);
      }
    let c = 0, u = l - 1;
    const d = (m) => m >= 2 && r.charCodeAt(m - 2) === 37 && // '%'
    r.charCodeAt(m - 1) === 51 && // '3'
    (r.charCodeAt(m) === 68 || r.charCodeAt(m) === 100);
    u >= 0 && (r.charCodeAt(u) === 61 ? (c++, u--) : d(u) && (c++, u -= 3)), c === 1 && u >= 0 && (r.charCodeAt(u) === 61 || d(u)) && c++;
    const v = Math.floor(a / 4) * 3 - (c || 0);
    return v > 0 ? v : 0;
  }
  if (typeof Buffer < "u" && typeof Buffer.byteLength == "function")
    return Buffer.byteLength(r, "utf8");
  let i = 0;
  for (let a = 0, l = r.length; a < l; a++) {
    const c = r.charCodeAt(a);
    if (c < 128)
      i += 1;
    else if (c < 2048)
      i += 2;
    else if (c >= 55296 && c <= 56319 && a + 1 < l) {
      const u = r.charCodeAt(a + 1);
      u >= 56320 && u <= 57343 ? (i += 4, a++) : i += 3;
    } else
      i += 3;
  }
  return i;
}
const As = "1.16.1", Si = 64 * 1024, { isFunction: ur } = P, Ti = (e, ...t) => {
  try {
    return !!e(...t);
  } catch {
    return !1;
  }
}, Dd = (e) => {
  const t = P.global !== void 0 && P.global !== null ? P.global : globalThis, { ReadableStream: n, TextEncoder: r } = t;
  e = P.merge.call(
    {
      skipUndefined: !0
    },
    {
      Request: t.Request,
      Response: t.Response
    },
    e
  );
  const { fetch: s, Request: i, Response: a } = e, l = s ? ur(s) : typeof fetch == "function", c = ur(i), u = ur(a);
  if (!l)
    return !1;
  const d = l && ur(n), h = l && (typeof r == "function" ? /* @__PURE__ */ ((S) => (R) => S.encode(R))(new r()) : async (S) => new Uint8Array(await new i(S).arrayBuffer())), v = c && d && Ti(() => {
    let S = !1;
    const R = new i(Ue.origin, {
      body: new n(),
      method: "POST",
      get duplex() {
        return S = !0, "half";
      }
    }), T = R.headers.has("Content-Type");
    return R.body != null && R.body.cancel(), S && !T;
  }), m = u && d && Ti(() => P.isReadableStream(new a("").body)), g = {
    stream: m && ((S) => S.body)
  };
  l && ["text", "arrayBuffer", "blob", "formData", "stream"].forEach((S) => {
    !g[S] && (g[S] = (R, T) => {
      let b = R && R[S];
      if (b)
        return b.call(R);
      throw new ne(
        `Response type '${S}' is not supported`,
        ne.ERR_NOT_SUPPORT,
        T
      );
    });
  });
  const p = async (S) => {
    if (S == null)
      return 0;
    if (P.isBlob(S))
      return S.size;
    if (P.isSpecCompliantForm(S))
      return (await new i(Ue.origin, {
        method: "POST",
        body: S
      }).arrayBuffer()).byteLength;
    if (P.isArrayBufferView(S) || P.isArrayBuffer(S))
      return S.byteLength;
    if (P.isURLSearchParams(S) && (S = S + ""), P.isString(S))
      return (await h(S)).byteLength;
  }, y = async (S, R) => {
    const T = P.toFiniteNumber(S.getContentLength());
    return T ?? p(R);
  };
  return async (S) => {
    let {
      url: R,
      method: T,
      data: b,
      signal: E,
      cancelToken: C,
      timeout: k,
      onDownloadProgress: B,
      onUploadProgress: D,
      responseType: W,
      headers: F,
      withCredentials: f = "same-origin",
      fetchOptions: A,
      maxContentLength: I,
      maxBodyLength: j
    } = cl(S);
    const $ = P.isNumber(I) && I > -1, q = P.isNumber(j) && j > -1;
    let ee = s || fetch;
    W = W ? (W + "").toLowerCase() : "text";
    let K = kd(
      [E, C && C.toAbortSignal()],
      k
    ), O = null;
    const _ = K && K.unsubscribe && (() => {
      K.unsubscribe();
    });
    let G;
    try {
      if ($ && typeof R == "string" && R.startsWith("data:") && Ld(R) > I)
        throw new ne(
          "maxContentLength size of " + I + " exceeded",
          ne.ERR_BAD_RESPONSE,
          S,
          O
        );
      if (q && T !== "get" && T !== "head") {
        const V = await y(F, b);
        if (typeof V == "number" && isFinite(V) && V > j)
          throw new ne(
            "Request body larger than maxBodyLength limit",
            ne.ERR_BAD_REQUEST,
            S,
            O
          );
      }
      if (D && v && T !== "get" && T !== "head" && (G = await y(F, b)) !== 0) {
        let V = new i(R, {
          method: "POST",
          body: b,
          duplex: "half"
        }), Q;
        if (P.isFormData(b) && (Q = V.headers.get("content-type")) && F.setContentType(Q), V.body) {
          const [H, z] = gi(
            G,
            Cr(bi(D))
          );
          b = Ei(V.body, Si, H, z);
        }
      }
      P.isString(f) || (f = f ? "include" : "omit");
      const L = c && "credentials" in i.prototype;
      if (P.isFormData(b)) {
        const V = F.getContentType();
        V && /^multipart\/form-data/i.test(V) && !/boundary=/i.test(V) && F.delete("content-type");
      }
      F.set("User-Agent", "axios/" + As, !1);
      const X = {
        ...A,
        signal: K,
        method: T.toUpperCase(),
        headers: el(F.normalize()),
        body: b,
        duplex: "half",
        credentials: L ? f : void 0
      };
      O = c && new i(R, X);
      let U = await (c ? ee(O, A) : ee(R, X));
      if ($) {
        const V = P.toFiniteNumber(U.headers.get("content-length"));
        if (V != null && V > I)
          throw new ne(
            "maxContentLength size of " + I + " exceeded",
            ne.ERR_BAD_RESPONSE,
            S,
            O
          );
      }
      const J = m && (W === "stream" || W === "response");
      if (m && U.body && (B || $ || J && _)) {
        const V = {};
        ["status", "statusText", "headers"].forEach((Z) => {
          V[Z] = U[Z];
        });
        const Q = P.toFiniteNumber(U.headers.get("content-length")), [H, z] = B && gi(
          Q,
          Cr(bi(B), !0)
        ) || [];
        let w = 0;
        const oe = (Z) => {
          if ($ && (w = Z, w > I))
            throw new ne(
              "maxContentLength size of " + I + " exceeded",
              ne.ERR_BAD_RESPONSE,
              S,
              O
            );
          H && H(Z);
        };
        U = new a(
          Ei(U.body, Si, oe, () => {
            z && z(), _ && _();
          }),
          V
        );
      }
      W = W || "text";
      let Y = await g[P.findKey(g, W) || "text"](
        U,
        S
      );
      if ($ && !m && !J) {
        let V;
        if (Y != null && (typeof Y.byteLength == "number" ? V = Y.byteLength : typeof Y.size == "number" ? V = Y.size : typeof Y == "string" && (V = typeof r == "function" ? new r().encode(Y).byteLength : Y.length)), typeof V == "number" && V > I)
          throw new ne(
            "maxContentLength size of " + I + " exceeded",
            ne.ERR_BAD_RESPONSE,
            S,
            O
          );
      }
      return !J && _ && _(), await new Promise((V, Q) => {
        al(V, Q, {
          data: Y,
          headers: ze.from(U.headers),
          status: U.status,
          statusText: U.statusText,
          config: S,
          request: O
        });
      });
    } catch (L) {
      if (_ && _(), K && K.aborted && K.reason instanceof ne) {
        const X = K.reason;
        throw X.config = S, O && (X.request = O), L !== X && (X.cause = L), X;
      }
      throw L && L.name === "TypeError" && /Load failed|fetch/i.test(L.message) ? Object.assign(
        new ne(
          "Network Error",
          ne.ERR_NETWORK,
          S,
          O,
          L && L.response
        ),
        {
          cause: L.cause || L
        }
      ) : ne.from(L, L && L.code, S, O, L && L.response);
    }
  };
}, Bd = /* @__PURE__ */ new Map(), ul = (e) => {
  let t = e && e.env || {};
  const { fetch: n, Request: r, Response: s } = t, i = [r, s, n];
  let a = i.length, l = a, c, u, d = Bd;
  for (; l--; )
    c = i[l], u = d.get(c), u === void 0 && d.set(c, u = l ? /* @__PURE__ */ new Map() : Dd(t)), d = u;
  return u;
};
ul();
const Is = {
  http: sd,
  xhr: Nd,
  fetch: {
    get: ul
  }
};
P.forEach(Is, (e, t) => {
  if (e) {
    try {
      Object.defineProperty(e, "name", { __proto__: null, value: t });
    } catch {
    }
    Object.defineProperty(e, "adapterName", { __proto__: null, value: t });
  }
});
const xi = (e) => `- ${e}`, Fd = (e) => P.isFunction(e) || e === null || e === !1;
function Ud(e, t) {
  e = P.isArray(e) ? e : [e];
  const { length: n } = e;
  let r, s;
  const i = {};
  for (let a = 0; a < n; a++) {
    r = e[a];
    let l;
    if (s = r, !Fd(r) && (s = Is[(l = String(r)).toLowerCase()], s === void 0))
      throw new ne(`Unknown adapter '${l}'`);
    if (s && (P.isFunction(s) || (s = s.get(t))))
      break;
    i[l || "#" + a] = s;
  }
  if (!s) {
    const a = Object.entries(i).map(
      ([c, u]) => `adapter ${c} ` + (u === !1 ? "is not supported by the environment" : "is not available in the build")
    );
    let l = n ? a.length > 1 ? `since :
` + a.map(xi).join(`
`) : " " + xi(a[0]) : "as no adapter specified";
    throw new ne(
      "There is no suitable adapter to dispatch the request " + l,
      "ERR_NOT_SUPPORT"
    );
  }
  return s;
}
const dl = {
  /**
   * Resolve an adapter from a list of adapter names or functions.
   * @type {Function}
   */
  getAdapter: Ud,
  /**
   * Exposes all known adapters
   * @type {Object<string, Function|Object>}
   */
  adapters: Is
};
function Ao(e) {
  if (e.cancelToken && e.cancelToken.throwIfRequested(), e.signal && e.signal.aborted)
    throw new Kn(null, e);
}
function Oi(e) {
  return Ao(e), e.headers = ze.from(e.headers), e.data = _o.call(e, e.transformRequest), ["post", "put", "patch"].indexOf(e.method) !== -1 && e.headers.setContentType("application/x-www-form-urlencoded", !1), dl.getAdapter(e.adapter || Yn.adapter, e)(e).then(
    function(r) {
      Ao(e), e.response = r;
      try {
        r.data = _o.call(e, e.transformResponse, r);
      } finally {
        delete e.response;
      }
      return r.headers = ze.from(r.headers), r;
    },
    function(r) {
      if (!il(r) && (Ao(e), r && r.response)) {
        e.response = r.response;
        try {
          r.response.data = _o.call(
            e,
            e.transformResponse,
            r.response
          );
        } finally {
          delete e.response;
        }
        r.response.headers = ze.from(r.response.headers);
      }
      return Promise.reject(r);
    }
  );
}
const Kr = {};
["object", "boolean", "number", "function", "string", "symbol"].forEach((e, t) => {
  Kr[e] = function(r) {
    return typeof r === e || "a" + (t < 1 ? "n " : " ") + e;
  };
});
const Ri = {};
Kr.transitional = function(t, n, r) {
  function s(i, a) {
    return "[Axios v" + As + "] Transitional option '" + i + "'" + a + (r ? ". " + r : "");
  }
  return (i, a, l) => {
    if (t === !1)
      throw new ne(
        s(a, " has been removed" + (n ? " in " + n : "")),
        ne.ERR_DEPRECATED
      );
    return n && !Ri[a] && (Ri[a] = !0, console.warn(
      s(
        a,
        " has been deprecated since v" + n + " and will be removed in the near future"
      )
    )), t ? t(i, a, l) : !0;
  };
};
Kr.spelling = function(t) {
  return (n, r) => (console.warn(`${r} is likely a misspelling of ${t}`), !0);
};
function Vd(e, t, n) {
  if (typeof e != "object")
    throw new ne("options must be an object", ne.ERR_BAD_OPTION_VALUE);
  const r = Object.keys(e);
  let s = r.length;
  for (; s-- > 0; ) {
    const i = r[s], a = Object.prototype.hasOwnProperty.call(t, i) ? t[i] : void 0;
    if (a) {
      const l = e[i], c = l === void 0 || a(l, i, e);
      if (c !== !0)
        throw new ne(
          "option " + i + " must be " + c,
          ne.ERR_BAD_OPTION_VALUE
        );
      continue;
    }
    if (n !== !0)
      throw new ne("Unknown option " + i, ne.ERR_BAD_OPTION);
  }
}
const Sr = {
  assertOptions: Vd,
  validators: Kr
}, Ze = Sr.validators;
let zt = class {
  constructor(t) {
    this.defaults = t || {}, this.interceptors = {
      request: new yi(),
      response: new yi()
    };
  }
  /**
   * Dispatch a request
   *
   * @param {String|Object} configOrUrl The config specific for this request (merged with this.defaults)
   * @param {?Object} config
   *
   * @returns {Promise} The Promise to be fulfilled
   */
  async request(t, n) {
    try {
      return await this._request(t, n);
    } catch (r) {
      if (r instanceof Error) {
        let s = {};
        Error.captureStackTrace ? Error.captureStackTrace(s) : s = new Error();
        const i = (() => {
          if (!s.stack)
            return "";
          const a = s.stack.indexOf(`
`);
          return a === -1 ? "" : s.stack.slice(a + 1);
        })();
        try {
          if (!r.stack)
            r.stack = i;
          else if (i) {
            const a = i.indexOf(`
`), l = a === -1 ? -1 : i.indexOf(`
`, a + 1), c = l === -1 ? "" : i.slice(l + 1);
            String(r.stack).endsWith(c) || (r.stack += `
` + i);
          }
        } catch {
        }
      }
      throw r;
    }
  }
  _request(t, n) {
    typeof t == "string" ? (n = n || {}, n.url = t) : n = t || {}, n = Ht(this.defaults, n);
    const { transitional: r, paramsSerializer: s, headers: i } = n;
    r !== void 0 && Sr.assertOptions(
      r,
      {
        silentJSONParsing: Ze.transitional(Ze.boolean),
        forcedJSONParsing: Ze.transitional(Ze.boolean),
        clarifyTimeoutError: Ze.transitional(Ze.boolean),
        legacyInterceptorReqResOrdering: Ze.transitional(Ze.boolean)
      },
      !1
    ), s != null && (P.isFunction(s) ? n.paramsSerializer = {
      serialize: s
    } : Sr.assertOptions(
      s,
      {
        encode: Ze.function,
        serialize: Ze.function
      },
      !0
    )), n.allowAbsoluteUrls !== void 0 || (this.defaults.allowAbsoluteUrls !== void 0 ? n.allowAbsoluteUrls = this.defaults.allowAbsoluteUrls : n.allowAbsoluteUrls = !0), Sr.assertOptions(
      n,
      {
        baseUrl: Ze.spelling("baseURL"),
        withXsrfToken: Ze.spelling("withXSRFToken")
      },
      !0
    ), n.method = (n.method || this.defaults.method || "get").toLowerCase();
    let a = i && P.merge(i.common, i[n.method]);
    i && P.forEach(["delete", "get", "head", "post", "put", "patch", "query", "common"], (g) => {
      delete i[g];
    }), n.headers = ze.concat(a, i);
    const l = [];
    let c = !0;
    this.interceptors.request.forEach(function(p) {
      if (typeof p.runWhen == "function" && p.runWhen(n) === !1)
        return;
      c = c && p.synchronous;
      const y = n.transitional || Ps;
      y && y.legacyInterceptorReqResOrdering ? l.unshift(p.fulfilled, p.rejected) : l.push(p.fulfilled, p.rejected);
    });
    const u = [];
    this.interceptors.response.forEach(function(p) {
      u.push(p.fulfilled, p.rejected);
    });
    let d, h = 0, v;
    if (!c) {
      const g = [Oi.bind(this), void 0];
      for (g.unshift(...l), g.push(...u), v = g.length, d = Promise.resolve(n); h < v; )
        d = d.then(g[h++], g[h++]);
      return d;
    }
    v = l.length;
    let m = n;
    for (; h < v; ) {
      const g = l[h++], p = l[h++];
      try {
        m = g(m);
      } catch (y) {
        p.call(this, y);
        break;
      }
    }
    try {
      d = Oi.call(this, m);
    } catch (g) {
      return Promise.reject(g);
    }
    for (h = 0, v = u.length; h < v; )
      d = d.then(u[h++], u[h++]);
    return d;
  }
  getUri(t) {
    t = Ht(this.defaults, t);
    const n = ll(t.baseURL, t.url, t.allowAbsoluteUrls);
    return ol(n, t.params, t.paramsSerializer);
  }
};
P.forEach(["delete", "get", "head", "options"], function(t) {
  zt.prototype[t] = function(n, r) {
    return this.request(
      Ht(r || {}, {
        method: t,
        url: n,
        data: (r || {}).data
      })
    );
  };
});
P.forEach(["post", "put", "patch", "query"], function(t) {
  function n(r) {
    return function(i, a, l) {
      return this.request(
        Ht(l || {}, {
          method: t,
          headers: r ? {
            "Content-Type": "multipart/form-data"
          } : {},
          url: i,
          data: a
        })
      );
    };
  }
  zt.prototype[t] = n(), t !== "query" && (zt.prototype[t + "Form"] = n(!0));
});
let zd = class pl {
  constructor(t) {
    if (typeof t != "function")
      throw new TypeError("executor must be a function.");
    let n;
    this.promise = new Promise(function(i) {
      n = i;
    });
    const r = this;
    this.promise.then((s) => {
      if (!r._listeners) return;
      let i = r._listeners.length;
      for (; i-- > 0; )
        r._listeners[i](s);
      r._listeners = null;
    }), this.promise.then = (s) => {
      let i;
      const a = new Promise((l) => {
        r.subscribe(l), i = l;
      }).then(s);
      return a.cancel = function() {
        r.unsubscribe(i);
      }, a;
    }, t(function(i, a, l) {
      r.reason || (r.reason = new Kn(i, a, l), n(r.reason));
    });
  }
  /**
   * Throws a `CanceledError` if cancellation has been requested.
   */
  throwIfRequested() {
    if (this.reason)
      throw this.reason;
  }
  /**
   * Subscribe to the cancel signal
   */
  subscribe(t) {
    if (this.reason) {
      t(this.reason);
      return;
    }
    this._listeners ? this._listeners.push(t) : this._listeners = [t];
  }
  /**
   * Unsubscribe from the cancel signal
   */
  unsubscribe(t) {
    if (!this._listeners)
      return;
    const n = this._listeners.indexOf(t);
    n !== -1 && this._listeners.splice(n, 1);
  }
  toAbortSignal() {
    const t = new AbortController(), n = (r) => {
      t.abort(r);
    };
    return this.subscribe(n), t.signal.unsubscribe = () => this.unsubscribe(n), t.signal;
  }
  /**
   * Returns an object that contains a new `CancelToken` and a function that, when called,
   * cancels the `CancelToken`.
   */
  static source() {
    let t;
    return {
      token: new pl(function(s) {
        t = s;
      }),
      cancel: t
    };
  }
};
function Wd(e) {
  return function(n) {
    return e.apply(null, n);
  };
}
function Hd(e) {
  return P.isObject(e) && e.isAxiosError === !0;
}
const es = {
  Continue: 100,
  SwitchingProtocols: 101,
  Processing: 102,
  EarlyHints: 103,
  Ok: 200,
  Created: 201,
  Accepted: 202,
  NonAuthoritativeInformation: 203,
  NoContent: 204,
  ResetContent: 205,
  PartialContent: 206,
  MultiStatus: 207,
  AlreadyReported: 208,
  ImUsed: 226,
  MultipleChoices: 300,
  MovedPermanently: 301,
  Found: 302,
  SeeOther: 303,
  NotModified: 304,
  UseProxy: 305,
  Unused: 306,
  TemporaryRedirect: 307,
  PermanentRedirect: 308,
  BadRequest: 400,
  Unauthorized: 401,
  PaymentRequired: 402,
  Forbidden: 403,
  NotFound: 404,
  MethodNotAllowed: 405,
  NotAcceptable: 406,
  ProxyAuthenticationRequired: 407,
  RequestTimeout: 408,
  Conflict: 409,
  Gone: 410,
  LengthRequired: 411,
  PreconditionFailed: 412,
  PayloadTooLarge: 413,
  UriTooLong: 414,
  UnsupportedMediaType: 415,
  RangeNotSatisfiable: 416,
  ExpectationFailed: 417,
  ImATeapot: 418,
  MisdirectedRequest: 421,
  UnprocessableEntity: 422,
  Locked: 423,
  FailedDependency: 424,
  TooEarly: 425,
  UpgradeRequired: 426,
  PreconditionRequired: 428,
  TooManyRequests: 429,
  RequestHeaderFieldsTooLarge: 431,
  UnavailableForLegalReasons: 451,
  InternalServerError: 500,
  NotImplemented: 501,
  BadGateway: 502,
  ServiceUnavailable: 503,
  GatewayTimeout: 504,
  HttpVersionNotSupported: 505,
  VariantAlsoNegotiates: 506,
  InsufficientStorage: 507,
  LoopDetected: 508,
  NotExtended: 510,
  NetworkAuthenticationRequired: 511,
  WebServerIsDown: 521,
  ConnectionTimedOut: 522,
  OriginIsUnreachable: 523,
  TimeoutOccurred: 524,
  SslHandshakeFailed: 525,
  InvalidSslCertificate: 526
};
Object.entries(es).forEach(([e, t]) => {
  es[t] = e;
});
function fl(e) {
  const t = new zt(e), n = qa(zt.prototype.request, t);
  return P.extend(n, zt.prototype, t, { allOwnKeys: !0 }), P.extend(n, t, null, { allOwnKeys: !0 }), n.create = function(s) {
    return fl(Ht(e, s));
  }, n;
}
const Me = fl(Yn);
Me.Axios = zt;
Me.CanceledError = Kn;
Me.CancelToken = zd;
Me.isCancel = il;
Me.VERSION = As;
Me.toFormData = Yr;
Me.AxiosError = ne;
Me.Cancel = Me.CanceledError;
Me.all = function(t) {
  return Promise.all(t);
};
Me.spread = Wd;
Me.isAxiosError = Hd;
Me.mergeConfig = Ht;
Me.AxiosHeaders = ze;
Me.formToJSON = (e) => sl(P.isHTMLForm(e) ? new FormData(e) : e);
Me.getAdapter = dl.getAdapter;
Me.HttpStatusCode = es;
Me.default = Me;
const {
  Axios: bv,
  AxiosError: vv,
  CanceledError: Ev,
  isCancel: Sv,
  CancelToken: Tv,
  VERSION: xv,
  all: Ov,
  Cancel: Rv,
  isAxiosError: wv,
  spread: Cv,
  toFormData: Pv,
  AxiosHeaders: _v,
  HttpStatusCode: Av,
  formToJSON: Iv,
  getAdapter: Nv,
  mergeConfig: kv,
  create: $v
} = Me, Io = { BASE_URL: "/", DEV: !1, MODE: "production", PROD: !0, SSR: !1, VITE_APP_APIKEY_HERE_MAP: "f0niXaCLMhatM2qDTbuVdmSgwYghEnYSFjfucYPH7jw", VITE_APP_API_TOKEN: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJJZCI6ODgwLCJOYW1lIjoiaXVfZGVtbyIsIlJvbGUiOiJhZG1faW50ZWdyYXNpYV9kZW1vIiwiQ29tcGFueSI6NDQyLCJVc2VyUG9kSWQiOjAsImV4cCI6MTc4ODkyNDU3OSwiaXNzIjoiT1NMT0cgNSBBUEkifQ.Nl2UCap6aHHb9o1gNN2j6Xxvcj8TlkDV1P2_s820hHM", VITE_APP_BASE_URL: "https://oslog.id", VITE_APP_BASE_URL_ADDRESS: "https://nominatim.oslog.pro", VITE_APP_BASE_URL_API2: "http://202.47.70.196", VITE_APP_BASE_URL_APIV4: "https://oslog.id:8080/OslogWebApi", VITE_APP_BASE_URL_API_AMARIS: "https://vrp.amarisai.org", VITE_APP_BASE_URL_API_GO: "https://apigo.oslog.pro", VITE_APP_BASE_URL_API_NOMINATIM: "https://nominatim.oslog.pro", VITE_APP_BASE_URL_API_NOMINATIM_CUSTOM_MAP: "https://nominatim.osmap.id", VITE_APP_BASE_URL_API_PHP: "https://apiphp.oslog.pro/api", VITE_APP_BASE_URL_DASHBOARD_API_OSLOG_PRO: "https://dashboard-api.oslog.pro", VITE_APP_BASE_URL_EMBED_MONITORING_DISPATCH: "https://shipment-staging.oslog.pro", VITE_APP_BASE_URL_EMBED_MONITORING_VEHICLE: "https://oslog.id/embedd-monitoring-vehicle-hita", VITE_APP_BASE_URL_HOWEN_API: "https://howen-api.oslog.pro", VITE_APP_BASE_URL_MAPS_MONITORING: "https://maps.oslog.pro", VITE_APP_BASE_URL_OSLOG_API: "https://api.oslog.pro", VITE_APP_BASE_URL_OSLOG_HITA: "https://hita.oslog.pro", VITE_APP_BASE_URL_OSLOG_ROUTING_SHIPMENT: "https://oslog-routing-shipment-api.oslog.pro", VITE_APP_BASE_URL_OSLOG_SPACES: "https://spaces.oslog.pro/oslog", VITE_APP_BASE_URL_OSLOG_TEMPLATES: "https://spaces.oslog.pro/oslog/assets/templates/sales-order", VITE_APP_BASE_URL_OSMAP: "https://osmap.id", VITE_APP_BASE_URL_VSS: "https://vss.oslog.pro/vss", VITE_APP_DEBUG_MODE: "true", VITE_APP_DEPLOY_MODE: "prod", VITE_APP_HOSTNAME_OSLOG: "oslog.pro", VITE_APP_NAME_OSLOG: "OSLOG HITA", VITE_APP_VERSION: "v3.5.1", VITE_APP_VERSION_OSLOG: "7.0" }, Ae = (...e) => {
  for (const t of e)
    if (typeof import.meta < "u" && Io && Io[t] !== void 0)
      return Io[t];
};
Ae("VITE_APP_BASE_URL_OSLOG_HITA", "VITE_BASE_URL_OSLOG_HITA", "VITE_BASE_URL_OSLOG_HITA"), Ae("VITE_APP_BASE_URL_EMBED_MONITORING_VEHICLE", "VITE_BASE_URL_EMBED_MONITORING_VEHICLE"), Ae("VITE_APP_BASE_URL_EMBED_MONITORING_DISPATCH", "VITE_BASE_URL_EMBED_MONITORING_DISPATCH"), Ae("VITE_APP_BASE_URL_MAPS_MONITORING", "VITE_BASE_URL_MAPS_MONITORING"), Ae("VITE_APP_BASE_URL_API2", "VITE_BASE_URL_API2"), Ae("VITE_APP_BASE_URL_OSMAP", "VITE_BASE_URL_OSMAP");
const Gt = {
  OSLOG_API: Ae("VITE_APP_BASE_URL_OSLOG_API", "VITE_BASE_URL_OSLOG_API") || "",
  API_GO: Ae("VITE_APP_BASE_URL_API_GO", "VITE_BASE_URL_API_GO") || "",
  APIV4: Ae("VITE_APP_BASE_URL_APIV4", "VITE_BASE_URL_APIV4") || "",
  ADDRESS: Ae("VITE_APP_BASE_URL_ADDRESS", "VITE_BASE_URL_ADDRESS") || "",
  API_AMARIS: Ae("VITE_APP_BASE_URL_API_AMARIS", "VITE_BASE_URL_API_AMARIS") || "",
  API_NOMINATIM: Ae("VITE_APP_BASE_URL_API_NOMINATIM", "VITE_BASE_URL_API_NOMINATIM") || "",
  API_NOMINATIM_CUSTOM_MAP: Ae("VITE_APP_BASE_URL_API_NOMINATIM_CUSTOM_MAP", "VITE_BASE_URL_API_NOMINATIM_CUSTOM_MAP") || "",
  API_PHP: Ae("VITE_APP_BASE_URL_API_PHP", "VITE_BASE_URL_API_PHP") || "",
  DASHBOARD_API_OSLOG_PRO: Ae("VITE_APP_BASE_URL_DASHBOARD_API_OSLOG_PRO", "VITE_BASE_URL_DASHBOARD_API_OSLOG_PRO") || "",
  VSS: Ae("VITE_APP_BASE_URL_VSS", "VITE_BASE_URL_VSS") || "",
  HOWEN_API: Ae("VITE_APP_BASE_URL_HOWEN_API", "VITE_BASE_URL_HOWEN_API") || ""
};
Ae("VITE_APP_BASE_URL_OSLOG_SPACES", "VITE_BASE_URL_OSLOG_SPACES"), Ae("VITE_APP_BASE_URL_OSLOG_TEMPLATES", "VITE_BASE_URL_OSLOG_TEMPLATES"), Ae("VITE_APP_BASE_URL_OSLOG_ROUTING_SHIPMENT", "VITE_BASE_URL_OSLOG_ROUTING_SHIPMENT");
Ae("VITE_APP_COMPANY_ID", "VITE_COMPANY_ID");
Ae("VITE_APP_API_TOKEN", "VITE_API_TOKEN");
const qd = Ae("VITE_APP_DEBUG_MODE", "VITE_DEBUG_MODE", "VITE_DEBUG_MODE") ?? "";
String(qd).toLowerCase();
Ae("VITE_APP_APIKEY_HERE_MAP", "VITE_APIKEY_HERE_MAP", "VITE_APP_APIKEY_HERE_MAP");
const Yt = (e, t = !1) => {
  const n = Me.create({
    baseURL: e,
    headers: { "Content-Type": "application/json", Accept: "application/json" }
  });
  return t && n.interceptors.response.use(
    (r) => {
      var s;
      return Ko({
        status: r.status,
        data: r.data,
        message: ((s = r.data) == null ? void 0 : s.message) ?? r.statusText,
        totalRecord: r.totalRecord ?? 0
      });
    },
    (r) => Promise.resolve(Ko(r))
  ), n;
}, Gd = Yt(Gt.OSLOG_API, !0), Yd = Yt(Gt.API_GO, !0);
Yt(Gt.API_PHP);
Yt(Gt.DASHBOARD_API_OSLOG_PRO);
Yt(Gt.HOWEN_API);
Yt(Gt.API_NOMINATIM);
Yt(Gt.VSS);
const Kt = async ({
  isApiGo: e = !1,
  method: t = "get",
  endpoint: n = "",
  suffix: r = "",
  data: s = null,
  customUrl: i = "",
  axiosConfig: a = {}
}) => {
  const l = i || `${n}${r}`;
  try {
    return await (e ? Yd : Gd)({
      method: t,
      url: l,
      data: s,
      // highest priority
      ...a
    });
  } catch (c) {
    return Ko(c);
  }
}, Kd = (e, t = null, n = {}) => Kt({
  method: "post",
  endpoint: e,
  suffix: "/new",
  data: t,
  axiosConfig: n
}), Xd = (e, t = null, n = {}) => Kt({
  method: "post",
  endpoint: e,
  suffix: "/add",
  data: t,
  axiosConfig: n
}), Jd = (e, t, n = {}) => Kt({
  method: "get",
  endpoint: t,
  suffix: `/${e}`,
  axiosConfig: n
}), Zd = (e, t, n = null, r = {}) => Kt({
  method: "put",
  endpoint: t,
  suffix: `/edit/${e}`,
  data: n,
  axiosConfig: r
}), Qd = (e, t, n = null, r = {}) => Kt({
  method: "delete",
  endpoint: t,
  suffix: `/delete/${e}`,
  data: n,
  axiosConfig: r
}), ep = (e, t = null, n = {}) => {
  const r = -(/* @__PURE__ */ new Date()).getTimezoneOffset() / 60;
  return Kt({
    method: "post",
    endpoint: e,
    suffix: "/search",
    data: t,
    axiosConfig: {
      ...n,
      params: {
        tz: r,
        ...n.params || {}
      }
    }
  });
}, tp = ({
  method: e = "get",
  url: t = "",
  data: n = null,
  isApiGo: r = !1,
  axiosConfig: s = {}
}) => Kt({
  method: e,
  customUrl: t,
  data: n,
  isApiGo: r,
  axiosConfig: s
}), No = {
  new: Kd,
  add: Xd,
  getById: Jd,
  edit: Zd,
  delete: Qd,
  search: ep,
  custom: tp
};
function np(e) {
  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
}
var ts = { exports: {} }, xn = {};
/**
 * @license React
 * react-jsx-runtime.production.js
 *
 * Copyright (c) Meta Platforms, Inc. and affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */
var wi;
function rp() {
  if (wi) return xn;
  wi = 1;
  var e = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
  function n(r, s, i) {
    var a = null;
    if (i !== void 0 && (a = "" + i), s.key !== void 0 && (a = "" + s.key), "key" in s) {
      i = {};
      for (var l in s)
        l !== "key" && (i[l] = s[l]);
    } else i = s;
    return s = i.ref, {
      $$typeof: e,
      type: r,
      key: a,
      ref: s !== void 0 ? s : null,
      props: i
    };
  }
  return xn.Fragment = t, xn.jsx = n, xn.jsxs = n, xn;
}
var On = {};
/**
 * @license React
 * react-jsx-runtime.development.js
 *
 * Copyright (c) Meta Platforms, Inc. and affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */
var Ci;
function op() {
  return Ci || (Ci = 1, process.env.NODE_ENV !== "production" && function() {
    function e(O) {
      if (O == null) return null;
      if (typeof O == "function")
        return O.$$typeof === W ? null : O.displayName || O.name || null;
      if (typeof O == "string") return O;
      switch (O) {
        case p:
          return "Fragment";
        case S:
          return "Profiler";
        case y:
          return "StrictMode";
        case E:
          return "Suspense";
        case C:
          return "SuspenseList";
        case D:
          return "Activity";
      }
      if (typeof O == "object")
        switch (typeof O.tag == "number" && console.error(
          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
        ), O.$$typeof) {
          case g:
            return "Portal";
          case T:
            return (O.displayName || "Context") + ".Provider";
          case R:
            return (O._context.displayName || "Context") + ".Consumer";
          case b:
            var _ = O.render;
            return O = O.displayName, O || (O = _.displayName || _.name || "", O = O !== "" ? "ForwardRef(" + O + ")" : "ForwardRef"), O;
          case k:
            return _ = O.displayName || null, _ !== null ? _ : e(O.type) || "Memo";
          case B:
            _ = O._payload, O = O._init;
            try {
              return e(O(_));
            } catch {
            }
        }
      return null;
    }
    function t(O) {
      return "" + O;
    }
    function n(O) {
      try {
        t(O);
        var _ = !1;
      } catch {
        _ = !0;
      }
      if (_) {
        _ = console;
        var G = _.error, L = typeof Symbol == "function" && Symbol.toStringTag && O[Symbol.toStringTag] || O.constructor.name || "Object";
        return G.call(
          _,
          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
          L
        ), t(O);
      }
    }
    function r(O) {
      if (O === p) return "<>";
      if (typeof O == "object" && O !== null && O.$$typeof === B)
        return "<...>";
      try {
        var _ = e(O);
        return _ ? "<" + _ + ">" : "<...>";
      } catch {
        return "<...>";
      }
    }
    function s() {
      var O = F.A;
      return O === null ? null : O.getOwner();
    }
    function i() {
      return Error("react-stack-top-frame");
    }
    function a(O) {
      if (f.call(O, "key")) {
        var _ = Object.getOwnPropertyDescriptor(O, "key").get;
        if (_ && _.isReactWarning) return !1;
      }
      return O.key !== void 0;
    }
    function l(O, _) {
      function G() {
        j || (j = !0, console.error(
          "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
          _
        ));
      }
      G.isReactWarning = !0, Object.defineProperty(O, "key", {
        get: G,
        configurable: !0
      });
    }
    function c() {
      var O = e(this.type);
      return $[O] || ($[O] = !0, console.error(
        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
      )), O = this.props.ref, O !== void 0 ? O : null;
    }
    function u(O, _, G, L, X, U, J, Y) {
      return G = U.ref, O = {
        $$typeof: m,
        type: O,
        key: _,
        props: U,
        _owner: X
      }, (G !== void 0 ? G : null) !== null ? Object.defineProperty(O, "ref", {
        enumerable: !1,
        get: c
      }) : Object.defineProperty(O, "ref", { enumerable: !1, value: null }), O._store = {}, Object.defineProperty(O._store, "validated", {
        configurable: !1,
        enumerable: !1,
        writable: !0,
        value: 0
      }), Object.defineProperty(O, "_debugInfo", {
        configurable: !1,
        enumerable: !1,
        writable: !0,
        value: null
      }), Object.defineProperty(O, "_debugStack", {
        configurable: !1,
        enumerable: !1,
        writable: !0,
        value: J
      }), Object.defineProperty(O, "_debugTask", {
        configurable: !1,
        enumerable: !1,
        writable: !0,
        value: Y
      }), Object.freeze && (Object.freeze(O.props), Object.freeze(O)), O;
    }
    function d(O, _, G, L, X, U, J, Y) {
      var V = _.children;
      if (V !== void 0)
        if (L)
          if (A(V)) {
            for (L = 0; L < V.length; L++)
              h(V[L]);
            Object.freeze && Object.freeze(V);
          } else
            console.error(
              "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
            );
        else h(V);
      if (f.call(_, "key")) {
        V = e(O);
        var Q = Object.keys(_).filter(function(z) {
          return z !== "key";
        });
        L = 0 < Q.length ? "{key: someKey, " + Q.join(": ..., ") + ": ...}" : "{key: someKey}", K[V + L] || (Q = 0 < Q.length ? "{" + Q.join(": ..., ") + ": ...}" : "{}", console.error(
          `A props object containing a "key" prop is being spread into JSX:
  let props = %s;
  <%s {...props} />
React keys must be passed directly to JSX without using spread:
  let props = %s;
  <%s key={someKey} {...props} />`,
          L,
          V,
          Q,
          V
        ), K[V + L] = !0);
      }
      if (V = null, G !== void 0 && (n(G), V = "" + G), a(_) && (n(_.key), V = "" + _.key), "key" in _) {
        G = {};
        for (var H in _)
          H !== "key" && (G[H] = _[H]);
      } else G = _;
      return V && l(
        G,
        typeof O == "function" ? O.displayName || O.name || "Unknown" : O
      ), u(
        O,
        V,
        U,
        X,
        s(),
        G,
        J,
        Y
      );
    }
    function h(O) {
      typeof O == "object" && O !== null && O.$$typeof === m && O._store && (O._store.validated = 1);
    }
    var v = at, m = Symbol.for("react.transitional.element"), g = Symbol.for("react.portal"), p = Symbol.for("react.fragment"), y = Symbol.for("react.strict_mode"), S = Symbol.for("react.profiler"), R = Symbol.for("react.consumer"), T = Symbol.for("react.context"), b = Symbol.for("react.forward_ref"), E = Symbol.for("react.suspense"), C = Symbol.for("react.suspense_list"), k = Symbol.for("react.memo"), B = Symbol.for("react.lazy"), D = Symbol.for("react.activity"), W = Symbol.for("react.client.reference"), F = v.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, f = Object.prototype.hasOwnProperty, A = Array.isArray, I = console.createTask ? console.createTask : function() {
      return null;
    };
    v = {
      "react-stack-bottom-frame": function(O) {
        return O();
      }
    };
    var j, $ = {}, q = v["react-stack-bottom-frame"].bind(
      v,
      i
    )(), ee = I(r(i)), K = {};
    On.Fragment = p, On.jsx = function(O, _, G, L, X) {
      var U = 1e4 > F.recentlyCreatedOwnerStacks++;
      return d(
        O,
        _,
        G,
        !1,
        L,
        X,
        U ? Error("react-stack-top-frame") : q,
        U ? I(r(O)) : ee
      );
    }, On.jsxs = function(O, _, G, L, X) {
      var U = 1e4 > F.recentlyCreatedOwnerStacks++;
      return d(
        O,
        _,
        G,
        !0,
        L,
        X,
        U ? Error("react-stack-top-frame") : q,
        U ? I(r(O)) : ee
      );
    };
  }()), On;
}
process.env.NODE_ENV === "production" ? ts.exports = rp() : ts.exports = op();
var N = ts.exports;
const Fn = {
  black: "#000",
  white: "#fff"
}, tn = {
  300: "#e57373",
  400: "#ef5350",
  500: "#f44336",
  700: "#d32f2f",
  800: "#c62828"
}, nn = {
  50: "#f3e5f5",
  200: "#ce93d8",
  300: "#ba68c8",
  400: "#ab47bc",
  500: "#9c27b0",
  700: "#7b1fa2"
}, rn = {
  50: "#e3f2fd",
  200: "#90caf9",
  400: "#42a5f5",
  700: "#1976d2",
  800: "#1565c0"
}, on = {
  300: "#4fc3f7",
  400: "#29b6f6",
  500: "#03a9f4",
  700: "#0288d1",
  900: "#01579b"
}, sn = {
  300: "#81c784",
  400: "#66bb6a",
  500: "#4caf50",
  700: "#388e3c",
  800: "#2e7d32",
  900: "#1b5e20"
}, Rn = {
  300: "#ffb74d",
  400: "#ffa726",
  500: "#ff9800",
  700: "#f57c00",
  900: "#e65100"
}, sp = {
  50: "#fafafa",
  100: "#f5f5f5",
  200: "#eeeeee",
  300: "#e0e0e0",
  400: "#bdbdbd",
  500: "#9e9e9e",
  600: "#757575",
  700: "#616161",
  800: "#424242",
  900: "#212121",
  A100: "#f5f5f5",
  A200: "#eeeeee",
  A400: "#bdbdbd",
  A700: "#616161"
};
function xt(e, ...t) {
  const n = new URL(`https://mui.com/production-error/?code=${e}`);
  return t.forEach((r) => n.searchParams.append("args[]", r)), `Minified MUI error #${e}; visit ${n} for the full message.`;
}
const Ns = "$$material";
function Pr() {
  return Pr = Object.assign ? Object.assign.bind() : function(e) {
    for (var t = 1; t < arguments.length; t++) {
      var n = arguments[t];
      for (var r in n) ({}).hasOwnProperty.call(n, r) && (e[r] = n[r]);
    }
    return e;
  }, Pr.apply(null, arguments);
}
function ip(e) {
  if (e.sheet)
    return e.sheet;
  for (var t = 0; t < document.styleSheets.length; t++)
    if (document.styleSheets[t].ownerNode === e)
      return document.styleSheets[t];
}
function ap(e) {
  var t = document.createElement("style");
  return t.setAttribute("data-emotion", e.key), e.nonce !== void 0 && t.setAttribute("nonce", e.nonce), t.appendChild(document.createTextNode("")), t.setAttribute("data-s", ""), t;
}
var lp = /* @__PURE__ */ function() {
  function e(n) {
    var r = this;
    this._insertTag = function(s) {
      var i;
      r.tags.length === 0 ? r.insertionPoint ? i = r.insertionPoint.nextSibling : r.prepend ? i = r.container.firstChild : i = r.before : i = r.tags[r.tags.length - 1].nextSibling, r.container.insertBefore(s, i), r.tags.push(s);
    }, this.isSpeedy = n.speedy === void 0 ? !0 : n.speedy, this.tags = [], this.ctr = 0, this.nonce = n.nonce, this.key = n.key, this.container = n.container, this.prepend = n.prepend, this.insertionPoint = n.insertionPoint, this.before = null;
  }
  var t = e.prototype;
  return t.hydrate = function(r) {
    r.forEach(this._insertTag);
  }, t.insert = function(r) {
    this.ctr % (this.isSpeedy ? 65e3 : 1) === 0 && this._insertTag(ap(this));
    var s = this.tags[this.tags.length - 1];
    if (this.isSpeedy) {
      var i = ip(s);
      try {
        i.insertRule(r, i.cssRules.length);
      } catch {
      }
    } else
      s.appendChild(document.createTextNode(r));
    this.ctr++;
  }, t.flush = function() {
    this.tags.forEach(function(r) {
      var s;
      return (s = r.parentNode) == null ? void 0 : s.removeChild(r);
    }), this.tags = [], this.ctr = 0;
  }, e;
}(), Fe = "-ms-", _r = "-moz-", ye = "-webkit-", ml = "comm", ks = "rule", $s = "decl", cp = "@import", hl = "@keyframes", up = "@layer", dp = Math.abs, Xr = String.fromCharCode, pp = Object.assign;
function fp(e, t) {
  return Be(e, 0) ^ 45 ? (((t << 2 ^ Be(e, 0)) << 2 ^ Be(e, 1)) << 2 ^ Be(e, 2)) << 2 ^ Be(e, 3) : 0;
}
function yl(e) {
  return e.trim();
}
function mp(e, t) {
  return (e = t.exec(e)) ? e[0] : e;
}
function ge(e, t, n) {
  return e.replace(t, n);
}
function ns(e, t) {
  return e.indexOf(t);
}
function Be(e, t) {
  return e.charCodeAt(t) | 0;
}
function Un(e, t, n) {
  return e.slice(t, n);
}
function ft(e) {
  return e.length;
}
function Ms(e) {
  return e.length;
}
function dr(e, t) {
  return t.push(e), e;
}
function hp(e, t) {
  return e.map(t).join("");
}
var Jr = 1, fn = 1, gl = 0, Ge = 0, Le = 0, bn = "";
function Zr(e, t, n, r, s, i, a) {
  return { value: e, root: t, parent: n, type: r, props: s, children: i, line: Jr, column: fn, length: a, return: "" };
}
function wn(e, t) {
  return pp(Zr("", null, null, "", null, null, 0), e, { length: -e.length }, t);
}
function yp() {
  return Le;
}
function gp() {
  return Le = Ge > 0 ? Be(bn, --Ge) : 0, fn--, Le === 10 && (fn = 1, Jr--), Le;
}
function Je() {
  return Le = Ge < gl ? Be(bn, Ge++) : 0, fn++, Le === 10 && (fn = 1, Jr++), Le;
}
function yt() {
  return Be(bn, Ge);
}
function Tr() {
  return Ge;
}
function Xn(e, t) {
  return Un(bn, e, t);
}
function Vn(e) {
  switch (e) {
    case 0:
    case 9:
    case 10:
    case 13:
    case 32:
      return 5;
    case 33:
    case 43:
    case 44:
    case 47:
    case 62:
    case 64:
    case 126:
    case 59:
    case 123:
    case 125:
      return 4;
    case 58:
      return 3;
    case 34:
    case 39:
    case 40:
    case 91:
      return 2;
    case 41:
    case 93:
      return 1;
  }
  return 0;
}
function bl(e) {
  return Jr = fn = 1, gl = ft(bn = e), Ge = 0, [];
}
function vl(e) {
  return bn = "", e;
}
function xr(e) {
  return yl(Xn(Ge - 1, rs(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
}
function bp(e) {
  for (; (Le = yt()) && Le < 33; )
    Je();
  return Vn(e) > 2 || Vn(Le) > 3 ? "" : " ";
}
function vp(e, t) {
  for (; --t && Je() && !(Le < 48 || Le > 102 || Le > 57 && Le < 65 || Le > 70 && Le < 97); )
    ;
  return Xn(e, Tr() + (t < 6 && yt() == 32 && Je() == 32));
}
function rs(e) {
  for (; Je(); )
    switch (Le) {
      case e:
        return Ge;
      case 34:
      case 39:
        e !== 34 && e !== 39 && rs(Le);
        break;
      case 40:
        e === 41 && rs(e);
        break;
      case 92:
        Je();
        break;
    }
  return Ge;
}
function Ep(e, t) {
  for (; Je() && e + Le !== 57; )
    if (e + Le === 84 && yt() === 47)
      break;
  return "/*" + Xn(t, Ge - 1) + "*" + Xr(e === 47 ? e : Je());
}
function Sp(e) {
  for (; !Vn(yt()); )
    Je();
  return Xn(e, Ge);
}
function Tp(e) {
  return vl(Or("", null, null, null, [""], e = bl(e), 0, [0], e));
}
function Or(e, t, n, r, s, i, a, l, c) {
  for (var u = 0, d = 0, h = a, v = 0, m = 0, g = 0, p = 1, y = 1, S = 1, R = 0, T = "", b = s, E = i, C = r, k = T; y; )
    switch (g = R, R = Je()) {
      case 40:
        if (g != 108 && Be(k, h - 1) == 58) {
          ns(k += ge(xr(R), "&", "&\f"), "&\f") != -1 && (S = -1);
          break;
        }
      case 34:
      case 39:
      case 91:
        k += xr(R);
        break;
      case 9:
      case 10:
      case 13:
      case 32:
        k += bp(g);
        break;
      case 92:
        k += vp(Tr() - 1, 7);
        continue;
      case 47:
        switch (yt()) {
          case 42:
          case 47:
            dr(xp(Ep(Je(), Tr()), t, n), c);
            break;
          default:
            k += "/";
        }
        break;
      case 123 * p:
        l[u++] = ft(k) * S;
      case 125 * p:
      case 59:
      case 0:
        switch (R) {
          case 0:
          case 125:
            y = 0;
          case 59 + d:
            S == -1 && (k = ge(k, /\f/g, "")), m > 0 && ft(k) - h && dr(m > 32 ? _i(k + ";", r, n, h - 1) : _i(ge(k, " ", "") + ";", r, n, h - 2), c);
            break;
          case 59:
            k += ";";
          default:
            if (dr(C = Pi(k, t, n, u, d, s, l, T, b = [], E = [], h), i), R === 123)
              if (d === 0)
                Or(k, t, C, C, b, i, h, l, E);
              else
                switch (v === 99 && Be(k, 3) === 110 ? 100 : v) {
                  case 100:
                  case 108:
                  case 109:
                  case 115:
                    Or(e, C, C, r && dr(Pi(e, C, C, 0, 0, s, l, T, s, b = [], h), E), s, E, h, l, r ? b : E);
                    break;
                  default:
                    Or(k, C, C, C, [""], E, 0, l, E);
                }
        }
        u = d = m = 0, p = S = 1, T = k = "", h = a;
        break;
      case 58:
        h = 1 + ft(k), m = g;
      default:
        if (p < 1) {
          if (R == 123)
            --p;
          else if (R == 125 && p++ == 0 && gp() == 125)
            continue;
        }
        switch (k += Xr(R), R * p) {
          case 38:
            S = d > 0 ? 1 : (k += "\f", -1);
            break;
          case 44:
            l[u++] = (ft(k) - 1) * S, S = 1;
            break;
          case 64:
            yt() === 45 && (k += xr(Je())), v = yt(), d = h = ft(T = k += Sp(Tr())), R++;
            break;
          case 45:
            g === 45 && ft(k) == 2 && (p = 0);
        }
    }
  return i;
}
function Pi(e, t, n, r, s, i, a, l, c, u, d) {
  for (var h = s - 1, v = s === 0 ? i : [""], m = Ms(v), g = 0, p = 0, y = 0; g < r; ++g)
    for (var S = 0, R = Un(e, h + 1, h = dp(p = a[g])), T = e; S < m; ++S)
      (T = yl(p > 0 ? v[S] + " " + R : ge(R, /&\f/g, v[S]))) && (c[y++] = T);
  return Zr(e, t, n, s === 0 ? ks : l, c, u, d);
}
function xp(e, t, n) {
  return Zr(e, t, n, ml, Xr(yp()), Un(e, 2, -2), 0);
}
function _i(e, t, n, r) {
  return Zr(e, t, n, $s, Un(e, 0, r), Un(e, r + 1, -1), r);
}
function un(e, t) {
  for (var n = "", r = Ms(e), s = 0; s < r; s++)
    n += t(e[s], s, e, t) || "";
  return n;
}
function Op(e, t, n, r) {
  switch (e.type) {
    case up:
      if (e.children.length) break;
    case cp:
    case $s:
      return e.return = e.return || e.value;
    case ml:
      return "";
    case hl:
      return e.return = e.value + "{" + un(e.children, r) + "}";
    case ks:
      e.value = e.props.join(",");
  }
  return ft(n = un(e.children, r)) ? e.return = e.value + "{" + n + "}" : "";
}
function Rp(e) {
  var t = Ms(e);
  return function(n, r, s, i) {
    for (var a = "", l = 0; l < t; l++)
      a += e[l](n, r, s, i) || "";
    return a;
  };
}
function wp(e) {
  return function(t) {
    t.root || (t = t.return) && e(t);
  };
}
function El(e) {
  var t = /* @__PURE__ */ Object.create(null);
  return function(n) {
    return t[n] === void 0 && (t[n] = e(n)), t[n];
  };
}
var Cp = function(t, n, r) {
  for (var s = 0, i = 0; s = i, i = yt(), s === 38 && i === 12 && (n[r] = 1), !Vn(i); )
    Je();
  return Xn(t, Ge);
}, Pp = function(t, n) {
  var r = -1, s = 44;
  do
    switch (Vn(s)) {
      case 0:
        s === 38 && yt() === 12 && (n[r] = 1), t[r] += Cp(Ge - 1, n, r);
        break;
      case 2:
        t[r] += xr(s);
        break;
      case 4:
        if (s === 44) {
          t[++r] = yt() === 58 ? "&\f" : "", n[r] = t[r].length;
          break;
        }
      default:
        t[r] += Xr(s);
    }
  while (s = Je());
  return t;
}, _p = function(t, n) {
  return vl(Pp(bl(t), n));
}, Ai = /* @__PURE__ */ new WeakMap(), Ap = function(t) {
  if (!(t.type !== "rule" || !t.parent || // positive .length indicates that this rule contains pseudo
  // negative .length indicates that this rule has been already prefixed
  t.length < 1)) {
    for (var n = t.value, r = t.parent, s = t.column === r.column && t.line === r.line; r.type !== "rule"; )
      if (r = r.parent, !r) return;
    if (!(t.props.length === 1 && n.charCodeAt(0) !== 58 && !Ai.get(r)) && !s) {
      Ai.set(t, !0);
      for (var i = [], a = _p(n, i), l = r.props, c = 0, u = 0; c < a.length; c++)
        for (var d = 0; d < l.length; d++, u++)
          t.props[u] = i[c] ? a[c].replace(/&\f/g, l[d]) : l[d] + " " + a[c];
    }
  }
}, Ip = function(t) {
  if (t.type === "decl") {
    var n = t.value;
    // charcode for l
    n.charCodeAt(0) === 108 && // charcode for b
    n.charCodeAt(2) === 98 && (t.return = "", t.value = "");
  }
};
function Sl(e, t) {
  switch (fp(e, t)) {
    case 5103:
      return ye + "print-" + e + e;
    case 5737:
    case 4201:
    case 3177:
    case 3433:
    case 1641:
    case 4457:
    case 2921:
    case 5572:
    case 6356:
    case 5844:
    case 3191:
    case 6645:
    case 3005:
    case 6391:
    case 5879:
    case 5623:
    case 6135:
    case 4599:
    case 4855:
    case 4215:
    case 6389:
    case 5109:
    case 5365:
    case 5621:
    case 3829:
      return ye + e + e;
    case 5349:
    case 4246:
    case 4810:
    case 6968:
    case 2756:
      return ye + e + _r + e + Fe + e + e;
    case 6828:
    case 4268:
      return ye + e + Fe + e + e;
    case 6165:
      return ye + e + Fe + "flex-" + e + e;
    case 5187:
      return ye + e + ge(e, /(\w+).+(:[^]+)/, ye + "box-$1$2" + Fe + "flex-$1$2") + e;
    case 5443:
      return ye + e + Fe + "flex-item-" + ge(e, /flex-|-self/, "") + e;
    case 4675:
      return ye + e + Fe + "flex-line-pack" + ge(e, /align-content|flex-|-self/, "") + e;
    case 5548:
      return ye + e + Fe + ge(e, "shrink", "negative") + e;
    case 5292:
      return ye + e + Fe + ge(e, "basis", "preferred-size") + e;
    case 6060:
      return ye + "box-" + ge(e, "-grow", "") + ye + e + Fe + ge(e, "grow", "positive") + e;
    case 4554:
      return ye + ge(e, /([^-])(transform)/g, "$1" + ye + "$2") + e;
    case 6187:
      return ge(ge(ge(e, /(zoom-|grab)/, ye + "$1"), /(image-set)/, ye + "$1"), e, "") + e;
    case 5495:
    case 3959:
      return ge(e, /(image-set\([^]*)/, ye + "$1$`$1");
    case 4968:
      return ge(ge(e, /(.+:)(flex-)?(.*)/, ye + "box-pack:$3" + Fe + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + ye + e + e;
    case 4095:
    case 3583:
    case 4068:
    case 2532:
      return ge(e, /(.+)-inline(.+)/, ye + "$1$2") + e;
    case 8116:
    case 7059:
    case 5753:
    case 5535:
    case 5445:
    case 5701:
    case 4933:
    case 4677:
    case 5533:
    case 5789:
    case 5021:
    case 4765:
      if (ft(e) - 1 - t > 6) switch (Be(e, t + 1)) {
        case 109:
          if (Be(e, t + 4) !== 45) break;
        case 102:
          return ge(e, /(.+:)(.+)-([^]+)/, "$1" + ye + "$2-$3$1" + _r + (Be(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
        case 115:
          return ~ns(e, "stretch") ? Sl(ge(e, "stretch", "fill-available"), t) + e : e;
      }
      break;
    case 4949:
      if (Be(e, t + 1) !== 115) break;
    case 6444:
      switch (Be(e, ft(e) - 3 - (~ns(e, "!important") && 10))) {
        case 107:
          return ge(e, ":", ":" + ye) + e;
        case 101:
          return ge(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + ye + (Be(e, 14) === 45 ? "inline-" : "") + "box$3$1" + ye + "$2$3$1" + Fe + "$2box$3") + e;
      }
      break;
    case 5936:
      switch (Be(e, t + 11)) {
        case 114:
          return ye + e + Fe + ge(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
        case 108:
          return ye + e + Fe + ge(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
        case 45:
          return ye + e + Fe + ge(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
      }
      return ye + e + Fe + e + e;
  }
  return e;
}
var Np = function(t, n, r, s) {
  if (t.length > -1 && !t.return) switch (t.type) {
    case $s:
      t.return = Sl(t.value, t.length);
      break;
    case hl:
      return un([wn(t, {
        value: ge(t.value, "@", "@" + ye)
      })], s);
    case ks:
      if (t.length) return hp(t.props, function(i) {
        switch (mp(i, /(::plac\w+|:read-\w+)/)) {
          case ":read-only":
          case ":read-write":
            return un([wn(t, {
              props: [ge(i, /:(read-\w+)/, ":" + _r + "$1")]
            })], s);
          case "::placeholder":
            return un([wn(t, {
              props: [ge(i, /:(plac\w+)/, ":" + ye + "input-$1")]
            }), wn(t, {
              props: [ge(i, /:(plac\w+)/, ":" + _r + "$1")]
            }), wn(t, {
              props: [ge(i, /:(plac\w+)/, Fe + "input-$1")]
            })], s);
        }
        return "";
      });
  }
}, kp = [Np], $p = function(t) {
  var n = t.key;
  if (n === "css") {
    var r = document.querySelectorAll("style[data-emotion]:not([data-s])");
    Array.prototype.forEach.call(r, function(p) {
      var y = p.getAttribute("data-emotion");
      y.indexOf(" ") !== -1 && (document.head.appendChild(p), p.setAttribute("data-s", ""));
    });
  }
  var s = t.stylisPlugins || kp, i = {}, a, l = [];
  a = t.container || document.head, Array.prototype.forEach.call(
    // this means we will ignore elements which don't have a space in them which
    // means that the style elements we're looking at are only Emotion 11 server-rendered style elements
    document.querySelectorAll('style[data-emotion^="' + n + ' "]'),
    function(p) {
      for (var y = p.getAttribute("data-emotion").split(" "), S = 1; S < y.length; S++)
        i[y[S]] = !0;
      l.push(p);
    }
  );
  var c, u = [Ap, Ip];
  {
    var d, h = [Op, wp(function(p) {
      d.insert(p);
    })], v = Rp(u.concat(s, h)), m = function(y) {
      return un(Tp(y), v);
    };
    c = function(y, S, R, T) {
      d = R, m(y ? y + "{" + S.styles + "}" : S.styles), T && (g.inserted[S.name] = !0);
    };
  }
  var g = {
    key: n,
    sheet: new lp({
      key: n,
      container: a,
      nonce: t.nonce,
      speedy: t.speedy,
      prepend: t.prepend,
      insertionPoint: t.insertionPoint
    }),
    nonce: t.nonce,
    inserted: i,
    registered: {},
    insert: c
  };
  return g.sheet.hydrate(l), g;
}, os = { exports: {} }, ve = {};
/** @license React v16.13.1
 * react-is.production.min.js
 *
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */
var Ii;
function Mp() {
  if (Ii) return ve;
  Ii = 1;
  var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, n = e ? Symbol.for("react.portal") : 60106, r = e ? Symbol.for("react.fragment") : 60107, s = e ? Symbol.for("react.strict_mode") : 60108, i = e ? Symbol.for("react.profiler") : 60114, a = e ? Symbol.for("react.provider") : 60109, l = e ? Symbol.for("react.context") : 60110, c = e ? Symbol.for("react.async_mode") : 60111, u = e ? Symbol.for("react.concurrent_mode") : 60111, d = e ? Symbol.for("react.forward_ref") : 60112, h = e ? Symbol.for("react.suspense") : 60113, v = e ? Symbol.for("react.suspense_list") : 60120, m = e ? Symbol.for("react.memo") : 60115, g = e ? Symbol.for("react.lazy") : 60116, p = e ? Symbol.for("react.block") : 60121, y = e ? Symbol.for("react.fundamental") : 60117, S = e ? Symbol.for("react.responder") : 60118, R = e ? Symbol.for("react.scope") : 60119;
  function T(E) {
    if (typeof E == "object" && E !== null) {
      var C = E.$$typeof;
      switch (C) {
        case t:
          switch (E = E.type, E) {
            case c:
            case u:
            case r:
            case i:
            case s:
            case h:
              return E;
            default:
              switch (E = E && E.$$typeof, E) {
                case l:
                case d:
                case g:
                case m:
                case a:
                  return E;
                default:
                  return C;
              }
          }
        case n:
          return C;
      }
    }
  }
  function b(E) {
    return T(E) === u;
  }
  return ve.AsyncMode = c, ve.ConcurrentMode = u, ve.ContextConsumer = l, ve.ContextProvider = a, ve.Element = t, ve.ForwardRef = d, ve.Fragment = r, ve.Lazy = g, ve.Memo = m, ve.Portal = n, ve.Profiler = i, ve.StrictMode = s, ve.Suspense = h, ve.isAsyncMode = function(E) {
    return b(E) || T(E) === c;
  }, ve.isConcurrentMode = b, ve.isContextConsumer = function(E) {
    return T(E) === l;
  }, ve.isContextProvider = function(E) {
    return T(E) === a;
  }, ve.isElement = function(E) {
    return typeof E == "object" && E !== null && E.$$typeof === t;
  }, ve.isForwardRef = function(E) {
    return T(E) === d;
  }, ve.isFragment = function(E) {
    return T(E) === r;
  }, ve.isLazy = function(E) {
    return T(E) === g;
  }, ve.isMemo = function(E) {
    return T(E) === m;
  }, ve.isPortal = function(E) {
    return T(E) === n;
  }, ve.isProfiler = function(E) {
    return T(E) === i;
  }, ve.isStrictMode = function(E) {
    return T(E) === s;
  }, ve.isSuspense = function(E) {
    return T(E) === h;
  }, ve.isValidElementType = function(E) {
    return typeof E == "string" || typeof E == "function" || E === r || E === u || E === i || E === s || E === h || E === v || typeof E == "object" && E !== null && (E.$$typeof === g || E.$$typeof === m || E.$$typeof === a || E.$$typeof === l || E.$$typeof === d || E.$$typeof === y || E.$$typeof === S || E.$$typeof === R || E.$$typeof === p);
  }, ve.typeOf = T, ve;
}
var Ee = {};
/** @license React v16.13.1
 * react-is.development.js
 *
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */
var Ni;
function jp() {
  return Ni || (Ni = 1, process.env.NODE_ENV !== "production" && function() {
    var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, n = e ? Symbol.for("react.portal") : 60106, r = e ? Symbol.for("react.fragment") : 60107, s = e ? Symbol.for("react.strict_mode") : 60108, i = e ? Symbol.for("react.profiler") : 60114, a = e ? Symbol.for("react.provider") : 60109, l = e ? Symbol.for("react.context") : 60110, c = e ? Symbol.for("react.async_mode") : 60111, u = e ? Symbol.for("react.concurrent_mode") : 60111, d = e ? Symbol.for("react.forward_ref") : 60112, h = e ? Symbol.for("react.suspense") : 60113, v = e ? Symbol.for("react.suspense_list") : 60120, m = e ? Symbol.for("react.memo") : 60115, g = e ? Symbol.for("react.lazy") : 60116, p = e ? Symbol.for("react.block") : 60121, y = e ? Symbol.for("react.fundamental") : 60117, S = e ? Symbol.for("react.responder") : 60118, R = e ? Symbol.for("react.scope") : 60119;
    function T(w) {
      return typeof w == "string" || typeof w == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
      w === r || w === u || w === i || w === s || w === h || w === v || typeof w == "object" && w !== null && (w.$$typeof === g || w.$$typeof === m || w.$$typeof === a || w.$$typeof === l || w.$$typeof === d || w.$$typeof === y || w.$$typeof === S || w.$$typeof === R || w.$$typeof === p);
    }
    function b(w) {
      if (typeof w == "object" && w !== null) {
        var oe = w.$$typeof;
        switch (oe) {
          case t:
            var Z = w.type;
            switch (Z) {
              case c:
              case u:
              case r:
              case i:
              case s:
              case h:
                return Z;
              default:
                var se = Z && Z.$$typeof;
                switch (se) {
                  case l:
                  case d:
                  case g:
                  case m:
                  case a:
                    return se;
                  default:
                    return oe;
                }
            }
          case n:
            return oe;
        }
      }
    }
    var E = c, C = u, k = l, B = a, D = t, W = d, F = r, f = g, A = m, I = n, j = i, $ = s, q = h, ee = !1;
    function K(w) {
      return ee || (ee = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), O(w) || b(w) === c;
    }
    function O(w) {
      return b(w) === u;
    }
    function _(w) {
      return b(w) === l;
    }
    function G(w) {
      return b(w) === a;
    }
    function L(w) {
      return typeof w == "object" && w !== null && w.$$typeof === t;
    }
    function X(w) {
      return b(w) === d;
    }
    function U(w) {
      return b(w) === r;
    }
    function J(w) {
      return b(w) === g;
    }
    function Y(w) {
      return b(w) === m;
    }
    function V(w) {
      return b(w) === n;
    }
    function Q(w) {
      return b(w) === i;
    }
    function H(w) {
      return b(w) === s;
    }
    function z(w) {
      return b(w) === h;
    }
    Ee.AsyncMode = E, Ee.ConcurrentMode = C, Ee.ContextConsumer = k, Ee.ContextProvider = B, Ee.Element = D, Ee.ForwardRef = W, Ee.Fragment = F, Ee.Lazy = f, Ee.Memo = A, Ee.Portal = I, Ee.Profiler = j, Ee.StrictMode = $, Ee.Suspense = q, Ee.isAsyncMode = K, Ee.isConcurrentMode = O, Ee.isContextConsumer = _, Ee.isContextProvider = G, Ee.isElement = L, Ee.isForwardRef = X, Ee.isFragment = U, Ee.isLazy = J, Ee.isMemo = Y, Ee.isPortal = V, Ee.isProfiler = Q, Ee.isStrictMode = H, Ee.isSuspense = z, Ee.isValidElementType = T, Ee.typeOf = b;
  }()), Ee;
}
process.env.NODE_ENV === "production" ? os.exports = Mp() : os.exports = jp();
var Lp = os.exports, Tl = Lp, Dp = {
  $$typeof: !0,
  render: !0,
  defaultProps: !0,
  displayName: !0,
  propTypes: !0
}, Bp = {
  $$typeof: !0,
  compare: !0,
  defaultProps: !0,
  displayName: !0,
  propTypes: !0,
  type: !0
}, xl = {};
xl[Tl.ForwardRef] = Dp;
xl[Tl.Memo] = Bp;
var Fp = !0;
function Ol(e, t, n) {
  var r = "";
  return n.split(" ").forEach(function(s) {
    e[s] !== void 0 ? t.push(e[s] + ";") : s && (r += s + " ");
  }), r;
}
var js = function(t, n, r) {
  var s = t.key + "-" + n.name;
  // we only need to add the styles to the registered cache if the
  // class name could be used further down
  // the tree but if it's a string tag, we know it won't
  // so we don't have to add it to registered cache.
  // this improves memory usage since we can avoid storing the whole style string
  (r === !1 || // we need to always store it if we're in compat mode and
  // in node since emotion-server relies on whether a style is in
  // the registered cache to know whether a style is global or not
  // also, note that this check will be dead code eliminated in the browser
  Fp === !1) && t.registered[s] === void 0 && (t.registered[s] = n.styles);
}, Ls = function(t, n, r) {
  js(t, n, r);
  var s = t.key + "-" + n.name;
  if (t.inserted[n.name] === void 0) {
    var i = n;
    do
      t.insert(n === i ? "." + s : "", i, t.sheet, !0), i = i.next;
    while (i !== void 0);
  }
};
function Up(e) {
  for (var t = 0, n, r = 0, s = e.length; s >= 4; ++r, s -= 4)
    n = e.charCodeAt(r) & 255 | (e.charCodeAt(++r) & 255) << 8 | (e.charCodeAt(++r) & 255) << 16 | (e.charCodeAt(++r) & 255) << 24, n = /* Math.imul(k, m): */
    (n & 65535) * 1540483477 + ((n >>> 16) * 59797 << 16), n ^= /* k >>> r: */
    n >>> 24, t = /* Math.imul(k, m): */
    (n & 65535) * 1540483477 + ((n >>> 16) * 59797 << 16) ^ /* Math.imul(h, m): */
    (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16);
  switch (s) {
    case 3:
      t ^= (e.charCodeAt(r + 2) & 255) << 16;
    case 2:
      t ^= (e.charCodeAt(r + 1) & 255) << 8;
    case 1:
      t ^= e.charCodeAt(r) & 255, t = /* Math.imul(h, m): */
      (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16);
  }
  return t ^= t >>> 13, t = /* Math.imul(h, m): */
  (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16), ((t ^ t >>> 15) >>> 0).toString(36);
}
var Vp = {
  animationIterationCount: 1,
  aspectRatio: 1,
  borderImageOutset: 1,
  borderImageSlice: 1,
  borderImageWidth: 1,
  boxFlex: 1,
  boxFlexGroup: 1,
  boxOrdinalGroup: 1,
  columnCount: 1,
  columns: 1,
  flex: 1,
  flexGrow: 1,
  flexPositive: 1,
  flexShrink: 1,
  flexNegative: 1,
  flexOrder: 1,
  gridRow: 1,
  gridRowEnd: 1,
  gridRowSpan: 1,
  gridRowStart: 1,
  gridColumn: 1,
  gridColumnEnd: 1,
  gridColumnSpan: 1,
  gridColumnStart: 1,
  msGridRow: 1,
  msGridRowSpan: 1,
  msGridColumn: 1,
  msGridColumnSpan: 1,
  fontWeight: 1,
  lineHeight: 1,
  opacity: 1,
  order: 1,
  orphans: 1,
  scale: 1,
  tabSize: 1,
  widows: 1,
  zIndex: 1,
  zoom: 1,
  WebkitLineClamp: 1,
  // SVG-related properties
  fillOpacity: 1,
  floodOpacity: 1,
  stopOpacity: 1,
  strokeDasharray: 1,
  strokeDashoffset: 1,
  strokeMiterlimit: 1,
  strokeOpacity: 1,
  strokeWidth: 1
}, zp = /[A-Z]|^ms/g, Wp = /_EMO_([^_]+?)_([^]*?)_EMO_/g, Rl = function(t) {
  return t.charCodeAt(1) === 45;
}, ki = function(t) {
  return t != null && typeof t != "boolean";
}, ko = /* @__PURE__ */ El(function(e) {
  return Rl(e) ? e : e.replace(zp, "-$&").toLowerCase();
}), $i = function(t, n) {
  switch (t) {
    case "animation":
    case "animationName":
      if (typeof n == "string")
        return n.replace(Wp, function(r, s, i) {
          return mt = {
            name: s,
            styles: i,
            next: mt
          }, s;
        });
  }
  return Vp[t] !== 1 && !Rl(t) && typeof n == "number" && n !== 0 ? n + "px" : n;
};
function zn(e, t, n) {
  if (n == null)
    return "";
  var r = n;
  if (r.__emotion_styles !== void 0)
    return r;
  switch (typeof n) {
    case "boolean":
      return "";
    case "object": {
      var s = n;
      if (s.anim === 1)
        return mt = {
          name: s.name,
          styles: s.styles,
          next: mt
        }, s.name;
      var i = n;
      if (i.styles !== void 0) {
        var a = i.next;
        if (a !== void 0)
          for (; a !== void 0; )
            mt = {
              name: a.name,
              styles: a.styles,
              next: mt
            }, a = a.next;
        var l = i.styles + ";";
        return l;
      }
      return Hp(e, t, n);
    }
    case "function": {
      if (e !== void 0) {
        var c = mt, u = n(e);
        return mt = c, zn(e, t, u);
      }
      break;
    }
  }
  var d = n;
  if (t == null)
    return d;
  var h = t[d];
  return h !== void 0 ? h : d;
}
function Hp(e, t, n) {
  var r = "";
  if (Array.isArray(n))
    for (var s = 0; s < n.length; s++)
      r += zn(e, t, n[s]) + ";";
  else
    for (var i in n) {
      var a = n[i];
      if (typeof a != "object") {
        var l = a;
        t != null && t[l] !== void 0 ? r += i + "{" + t[l] + "}" : ki(l) && (r += ko(i) + ":" + $i(i, l) + ";");
      } else if (Array.isArray(a) && typeof a[0] == "string" && (t == null || t[a[0]] === void 0))
        for (var c = 0; c < a.length; c++)
          ki(a[c]) && (r += ko(i) + ":" + $i(i, a[c]) + ";");
      else {
        var u = zn(e, t, a);
        switch (i) {
          case "animation":
          case "animationName": {
            r += ko(i) + ":" + u + ";";
            break;
          }
          default:
            r += i + "{" + u + "}";
        }
      }
    }
  return r;
}
var Mi = /label:\s*([^\s;{]+)\s*(;|$)/g, mt;
function Jn(e, t, n) {
  if (e.length === 1 && typeof e[0] == "object" && e[0] !== null && e[0].styles !== void 0)
    return e[0];
  var r = !0, s = "";
  mt = void 0;
  var i = e[0];
  if (i == null || i.raw === void 0)
    r = !1, s += zn(n, t, i);
  else {
    var a = i;
    s += a[0];
  }
  for (var l = 1; l < e.length; l++)
    if (s += zn(n, t, e[l]), r) {
      var c = i;
      s += c[l];
    }
  Mi.lastIndex = 0;
  for (var u = "", d; (d = Mi.exec(s)) !== null; )
    u += "-" + d[1];
  var h = Up(s) + u;
  return {
    name: h,
    styles: s,
    next: mt
  };
}
var qp = function(t) {
  return t();
}, wl = x.useInsertionEffect ? x.useInsertionEffect : !1, Cl = wl || qp, ji = wl || x.useLayoutEffect, Pl = /* @__PURE__ */ x.createContext(
  // we're doing this to avoid preconstruct's dead code elimination in this one case
  // because this module is primarily intended for the browser and node
  // but it's also required in react native and similar environments sometimes
  // and we could have a special build just for that
  // but this is much easier and the native packages
  // might use a different theme context in the future anyway
  typeof HTMLElement < "u" ? /* @__PURE__ */ $p({
    key: "css"
  }) : null
);
Pl.Provider;
var Ds = function(t) {
  return /* @__PURE__ */ Jc(function(n, r) {
    var s = Ha(Pl);
    return t(n, s, r);
  });
}, Qr = /* @__PURE__ */ x.createContext({}), Bs = {}.hasOwnProperty, ss = "__EMOTION_TYPE_PLEASE_DO_NOT_USE__", Gp = function(t, n) {
  var r = {};
  for (var s in n)
    Bs.call(n, s) && (r[s] = n[s]);
  return r[ss] = t, r;
}, Yp = function(t) {
  var n = t.cache, r = t.serialized, s = t.isStringTag;
  return js(n, r, s), Cl(function() {
    return Ls(n, r, s);
  }), null;
}, Kp = /* @__PURE__ */ Ds(function(e, t, n) {
  var r = e.css;
  typeof r == "string" && t.registered[r] !== void 0 && (r = t.registered[r]);
  var s = e[ss], i = [r], a = "";
  typeof e.className == "string" ? a = Ol(t.registered, i, e.className) : e.className != null && (a = e.className + " ");
  var l = Jn(i, void 0, x.useContext(Qr));
  a += t.key + "-" + l.name;
  var c = {};
  for (var u in e)
    Bs.call(e, u) && u !== "css" && u !== ss && (c[u] = e[u]);
  return c.className = a, n && (c.ref = n), /* @__PURE__ */ x.createElement(x.Fragment, null, /* @__PURE__ */ x.createElement(Yp, {
    cache: t,
    serialized: l,
    isStringTag: typeof s == "string"
  }), /* @__PURE__ */ x.createElement(s, c));
}), Xp = Kp, Li = function(t, n) {
  var r = arguments;
  if (n == null || !Bs.call(n, "css"))
    return x.createElement.apply(void 0, r);
  var s = r.length, i = new Array(s);
  i[0] = Xp, i[1] = Gp(t, n);
  for (var a = 2; a < s; a++)
    i[a] = r[a];
  return x.createElement.apply(null, i);
};
(function(e) {
  var t;
  t || (t = e.JSX || (e.JSX = {}));
})(Li || (Li = {}));
var Jp = /* @__PURE__ */ Ds(function(e, t) {
  var n = e.styles, r = Jn([n], void 0, x.useContext(Qr)), s = x.useRef();
  return ji(function() {
    var i = t.key + "-global", a = new t.sheet.constructor({
      key: i,
      nonce: t.sheet.nonce,
      container: t.sheet.container,
      speedy: t.sheet.isSpeedy
    }), l = !1, c = document.querySelector('style[data-emotion="' + i + " " + r.name + '"]');
    return t.sheet.tags.length && (a.before = t.sheet.tags[0]), c !== null && (l = !0, c.setAttribute("data-emotion", i), a.hydrate([c])), s.current = [a, l], function() {
      a.flush();
    };
  }, [t]), ji(function() {
    var i = s.current, a = i[0], l = i[1];
    if (l) {
      i[1] = !1;
      return;
    }
    if (r.next !== void 0 && Ls(t, r.next, !0), a.tags.length) {
      var c = a.tags[a.tags.length - 1].nextElementSibling;
      a.before = c, a.flush();
    }
    t.insert("", r, a, !1);
  }, [t, r.name]), null;
});
function Fs() {
  for (var e = arguments.length, t = new Array(e), n = 0; n < e; n++)
    t[n] = arguments[n];
  return Jn(t);
}
function Zn() {
  var e = Fs.apply(void 0, arguments), t = "animation-" + e.name;
  return {
    name: t,
    styles: "@keyframes " + t + "{" + e.styles + "}",
    anim: 1,
    toString: function() {
      return "_EMO_" + this.name + "_" + this.styles + "_EMO_";
    }
  };
}
var Zp = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|fetchpriority|fetchPriority|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|popover|popoverTarget|popoverTargetAction|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/, Qp = /* @__PURE__ */ El(
  function(e) {
    return Zp.test(e) || e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && e.charCodeAt(2) < 91;
  }
  /* Z+1 */
), ef = Qp, tf = function(t) {
  return t !== "theme";
}, Di = function(t) {
  return typeof t == "string" && // 96 is one less than the char code
  // for "a" so this is checking that
  // it's a lowercase character
  t.charCodeAt(0) > 96 ? ef : tf;
}, Bi = function(t, n, r) {
  var s;
  if (n) {
    var i = n.shouldForwardProp;
    s = t.__emotion_forwardProp && i ? function(a) {
      return t.__emotion_forwardProp(a) && i(a);
    } : i;
  }
  return typeof s != "function" && r && (s = t.__emotion_forwardProp), s;
}, nf = function(t) {
  var n = t.cache, r = t.serialized, s = t.isStringTag;
  return js(n, r, s), Cl(function() {
    return Ls(n, r, s);
  }), null;
}, rf = function e(t, n) {
  var r = t.__emotion_real === t, s = r && t.__emotion_base || t, i, a;
  n !== void 0 && (i = n.label, a = n.target);
  var l = Bi(t, n, r), c = l || Di(s), u = !c("as");
  return function() {
    var d = arguments, h = r && t.__emotion_styles !== void 0 ? t.__emotion_styles.slice(0) : [];
    if (i !== void 0 && h.push("label:" + i + ";"), d[0] == null || d[0].raw === void 0)
      h.push.apply(h, d);
    else {
      var v = d[0];
      h.push(v[0]);
      for (var m = d.length, g = 1; g < m; g++)
        h.push(d[g], v[g]);
    }
    var p = Ds(function(y, S, R) {
      var T = u && y.as || s, b = "", E = [], C = y;
      if (y.theme == null) {
        C = {};
        for (var k in y)
          C[k] = y[k];
        C.theme = x.useContext(Qr);
      }
      typeof y.className == "string" ? b = Ol(S.registered, E, y.className) : y.className != null && (b = y.className + " ");
      var B = Jn(h.concat(E), S.registered, C);
      b += S.key + "-" + B.name, a !== void 0 && (b += " " + a);
      var D = u && l === void 0 ? Di(T) : c, W = {};
      for (var F in y)
        u && F === "as" || D(F) && (W[F] = y[F]);
      return W.className = b, R && (W.ref = R), /* @__PURE__ */ x.createElement(x.Fragment, null, /* @__PURE__ */ x.createElement(nf, {
        cache: S,
        serialized: B,
        isStringTag: typeof T == "string"
      }), /* @__PURE__ */ x.createElement(T, W));
    });
    return p.displayName = i !== void 0 ? i : "Styled(" + (typeof s == "string" ? s : s.displayName || s.name || "Component") + ")", p.defaultProps = t.defaultProps, p.__emotion_real = p, p.__emotion_base = s, p.__emotion_styles = h, p.__emotion_forwardProp = l, Object.defineProperty(p, "toString", {
      value: function() {
        return "." + a;
      }
    }), p.withComponent = function(y, S) {
      var R = e(y, Pr({}, n, S, {
        shouldForwardProp: Bi(p, S, !0)
      }));
      return R.apply(void 0, h);
    }, p;
  };
}, of = [
  "a",
  "abbr",
  "address",
  "area",
  "article",
  "aside",
  "audio",
  "b",
  "base",
  "bdi",
  "bdo",
  "big",
  "blockquote",
  "body",
  "br",
  "button",
  "canvas",
  "caption",
  "cite",
  "code",
  "col",
  "colgroup",
  "data",
  "datalist",
  "dd",
  "del",
  "details",
  "dfn",
  "dialog",
  "div",
  "dl",
  "dt",
  "em",
  "embed",
  "fieldset",
  "figcaption",
  "figure",
  "footer",
  "form",
  "h1",
  "h2",
  "h3",
  "h4",
  "h5",
  "h6",
  "head",
  "header",
  "hgroup",
  "hr",
  "html",
  "i",
  "iframe",
  "img",
  "input",
  "ins",
  "kbd",
  "keygen",
  "label",
  "legend",
  "li",
  "link",
  "main",
  "map",
  "mark",
  "marquee",
  "menu",
  "menuitem",
  "meta",
  "meter",
  "nav",
  "noscript",
  "object",
  "ol",
  "optgroup",
  "option",
  "output",
  "p",
  "param",
  "picture",
  "pre",
  "progress",
  "q",
  "rp",
  "rt",
  "ruby",
  "s",
  "samp",
  "script",
  "section",
  "select",
  "small",
  "source",
  "span",
  "strong",
  "style",
  "sub",
  "summary",
  "sup",
  "table",
  "tbody",
  "td",
  "textarea",
  "tfoot",
  "th",
  "thead",
  "time",
  "title",
  "tr",
  "track",
  "u",
  "ul",
  "var",
  "video",
  "wbr",
  // SVG
  "circle",
  "clipPath",
  "defs",
  "ellipse",
  "foreignObject",
  "g",
  "image",
  "line",
  "linearGradient",
  "mask",
  "path",
  "pattern",
  "polygon",
  "polyline",
  "radialGradient",
  "rect",
  "stop",
  "svg",
  "text",
  "tspan"
], is = rf.bind(null);
of.forEach(function(e) {
  is[e] = is(e);
});
var as = { exports: {} }, pr = { exports: {} }, Se = {};
/** @license React v16.13.1
 * react-is.production.min.js
 *
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */
var Fi;
function sf() {
  if (Fi) return Se;
  Fi = 1;
  var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, n = e ? Symbol.for("react.portal") : 60106, r = e ? Symbol.for("react.fragment") : 60107, s = e ? Symbol.for("react.strict_mode") : 60108, i = e ? Symbol.for("react.profiler") : 60114, a = e ? Symbol.for("react.provider") : 60109, l = e ? Symbol.for("react.context") : 60110, c = e ? Symbol.for("react.async_mode") : 60111, u = e ? Symbol.for("react.concurrent_mode") : 60111, d = e ? Symbol.for("react.forward_ref") : 60112, h = e ? Symbol.for("react.suspense") : 60113, v = e ? Symbol.for("react.suspense_list") : 60120, m = e ? Symbol.for("react.memo") : 60115, g = e ? Symbol.for("react.lazy") : 60116, p = e ? Symbol.for("react.block") : 60121, y = e ? Symbol.for("react.fundamental") : 60117, S = e ? Symbol.for("react.responder") : 60118, R = e ? Symbol.for("react.scope") : 60119;
  function T(E) {
    if (typeof E == "object" && E !== null) {
      var C = E.$$typeof;
      switch (C) {
        case t:
          switch (E = E.type, E) {
            case c:
            case u:
            case r:
            case i:
            case s:
            case h:
              return E;
            default:
              switch (E = E && E.$$typeof, E) {
                case l:
                case d:
                case g:
                case m:
                case a:
                  return E;
                default:
                  return C;
              }
          }
        case n:
          return C;
      }
    }
  }
  function b(E) {
    return T(E) === u;
  }
  return Se.AsyncMode = c, Se.ConcurrentMode = u, Se.ContextConsumer = l, Se.ContextProvider = a, Se.Element = t, Se.ForwardRef = d, Se.Fragment = r, Se.Lazy = g, Se.Memo = m, Se.Portal = n, Se.Profiler = i, Se.StrictMode = s, Se.Suspense = h, Se.isAsyncMode = function(E) {
    return b(E) || T(E) === c;
  }, Se.isConcurrentMode = b, Se.isContextConsumer = function(E) {
    return T(E) === l;
  }, Se.isContextProvider = function(E) {
    return T(E) === a;
  }, Se.isElement = function(E) {
    return typeof E == "object" && E !== null && E.$$typeof === t;
  }, Se.isForwardRef = function(E) {
    return T(E) === d;
  }, Se.isFragment = function(E) {
    return T(E) === r;
  }, Se.isLazy = function(E) {
    return T(E) === g;
  }, Se.isMemo = function(E) {
    return T(E) === m;
  }, Se.isPortal = function(E) {
    return T(E) === n;
  }, Se.isProfiler = function(E) {
    return T(E) === i;
  }, Se.isStrictMode = function(E) {
    return T(E) === s;
  }, Se.isSuspense = function(E) {
    return T(E) === h;
  }, Se.isValidElementType = function(E) {
    return typeof E == "string" || typeof E == "function" || E === r || E === u || E === i || E === s || E === h || E === v || typeof E == "object" && E !== null && (E.$$typeof === g || E.$$typeof === m || E.$$typeof === a || E.$$typeof === l || E.$$typeof === d || E.$$typeof === y || E.$$typeof === S || E.$$typeof === R || E.$$typeof === p);
  }, Se.typeOf = T, Se;
}
var Te = {};
/** @license React v16.13.1
 * react-is.development.js
 *
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */
var Ui;
function af() {
  return Ui || (Ui = 1, process.env.NODE_ENV !== "production" && function() {
    var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, n = e ? Symbol.for("react.portal") : 60106, r = e ? Symbol.for("react.fragment") : 60107, s = e ? Symbol.for("react.strict_mode") : 60108, i = e ? Symbol.for("react.profiler") : 60114, a = e ? Symbol.for("react.provider") : 60109, l = e ? Symbol.for("react.context") : 60110, c = e ? Symbol.for("react.async_mode") : 60111, u = e ? Symbol.for("react.concurrent_mode") : 60111, d = e ? Symbol.for("react.forward_ref") : 60112, h = e ? Symbol.for("react.suspense") : 60113, v = e ? Symbol.for("react.suspense_list") : 60120, m = e ? Symbol.for("react.memo") : 60115, g = e ? Symbol.for("react.lazy") : 60116, p = e ? Symbol.for("react.block") : 60121, y = e ? Symbol.for("react.fundamental") : 60117, S = e ? Symbol.for("react.responder") : 60118, R = e ? Symbol.for("react.scope") : 60119;
    function T(w) {
      return typeof w == "string" || typeof w == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
      w === r || w === u || w === i || w === s || w === h || w === v || typeof w == "object" && w !== null && (w.$$typeof === g || w.$$typeof === m || w.$$typeof === a || w.$$typeof === l || w.$$typeof === d || w.$$typeof === y || w.$$typeof === S || w.$$typeof === R || w.$$typeof === p);
    }
    function b(w) {
      if (typeof w == "object" && w !== null) {
        var oe = w.$$typeof;
        switch (oe) {
          case t:
            var Z = w.type;
            switch (Z) {
              case c:
              case u:
              case r:
              case i:
              case s:
              case h:
                return Z;
              default:
                var se = Z && Z.$$typeof;
                switch (se) {
                  case l:
                  case d:
                  case g:
                  case m:
                  case a:
                    return se;
                  default:
                    return oe;
                }
            }
          case n:
            return oe;
        }
      }
    }
    var E = c, C = u, k = l, B = a, D = t, W = d, F = r, f = g, A = m, I = n, j = i, $ = s, q = h, ee = !1;
    function K(w) {
      return ee || (ee = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), O(w) || b(w) === c;
    }
    function O(w) {
      return b(w) === u;
    }
    function _(w) {
      return b(w) === l;
    }
    function G(w) {
      return b(w) === a;
    }
    function L(w) {
      return typeof w == "object" && w !== null && w.$$typeof === t;
    }
    function X(w) {
      return b(w) === d;
    }
    function U(w) {
      return b(w) === r;
    }
    function J(w) {
      return b(w) === g;
    }
    function Y(w) {
      return b(w) === m;
    }
    function V(w) {
      return b(w) === n;
    }
    function Q(w) {
      return b(w) === i;
    }
    function H(w) {
      return b(w) === s;
    }
    function z(w) {
      return b(w) === h;
    }
    Te.AsyncMode = E, Te.ConcurrentMode = C, Te.ContextConsumer = k, Te.ContextProvider = B, Te.Element = D, Te.ForwardRef = W, Te.Fragment = F, Te.Lazy = f, Te.Memo = A, Te.Portal = I, Te.Profiler = j, Te.StrictMode = $, Te.Suspense = q, Te.isAsyncMode = K, Te.isConcurrentMode = O, Te.isContextConsumer = _, Te.isContextProvider = G, Te.isElement = L, Te.isForwardRef = X, Te.isFragment = U, Te.isLazy = J, Te.isMemo = Y, Te.isPortal = V, Te.isProfiler = Q, Te.isStrictMode = H, Te.isSuspense = z, Te.isValidElementType = T, Te.typeOf = b;
  }()), Te;
}
var Vi;
function _l() {
  return Vi || (Vi = 1, process.env.NODE_ENV === "production" ? pr.exports = sf() : pr.exports = af()), pr.exports;
}
/*
object-assign
(c) Sindre Sorhus
@license MIT
*/
var $o, zi;
function lf() {
  if (zi) return $o;
  zi = 1;
  var e = Object.getOwnPropertySymbols, t = Object.prototype.hasOwnProperty, n = 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 s() {
    try {
      if (!Object.assign)
        return !1;
      var i = new String("abc");
      if (i[5] = "de", Object.getOwnPropertyNames(i)[0] === "5")
        return !1;
      for (var a = {}, l = 0; l < 10; l++)
        a["_" + String.fromCharCode(l)] = l;
      var c = Object.getOwnPropertyNames(a).map(function(d) {
        return a[d];
      });
      if (c.join("") !== "0123456789")
        return !1;
      var u = {};
      return "abcdefghijklmnopqrst".split("").forEach(function(d) {
        u[d] = d;
      }), Object.keys(Object.assign({}, u)).join("") === "abcdefghijklmnopqrst";
    } catch {
      return !1;
    }
  }
  return $o = s() ? Object.assign : function(i, a) {
    for (var l, c = r(i), u, d = 1; d < arguments.length; d++) {
      l = Object(arguments[d]);
      for (var h in l)
        t.call(l, h) && (c[h] = l[h]);
      if (e) {
        u = e(l);
        for (var v = 0; v < u.length; v++)
          n.call(l, u[v]) && (c[u[v]] = l[u[v]]);
      }
    }
    return c;
  }, $o;
}
var Mo, Wi;
function Us() {
  if (Wi) return Mo;
  Wi = 1;
  var e = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
  return Mo = e, Mo;
}
var jo, Hi;
function Al() {
  return Hi || (Hi = 1, jo = Function.call.bind(Object.prototype.hasOwnProperty)), jo;
}
var Lo, qi;
function cf() {
  if (qi) return Lo;
  qi = 1;
  var e = function() {
  };
  if (process.env.NODE_ENV !== "production") {
    var t = Us(), n = {}, r = Al();
    e = function(i) {
      var a = "Warning: " + i;
      typeof console < "u" && console.error(a);
      try {
        throw new Error(a);
      } catch {
      }
    };
  }
  function s(i, a, l, c, u) {
    if (process.env.NODE_ENV !== "production") {
      for (var d in i)
        if (r(i, d)) {
          var h;
          try {
            if (typeof i[d] != "function") {
              var v = Error(
                (c || "React class") + ": " + l + " type `" + d + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof i[d] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
              );
              throw v.name = "Invariant Violation", v;
            }
            h = i[d](a, d, c, l, null, t);
          } catch (g) {
            h = g;
          }
          if (h && !(h instanceof Error) && e(
            (c || "React class") + ": type specification of " + l + " `" + d + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof h + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
          ), h instanceof Error && !(h.message in n)) {
            n[h.message] = !0;
            var m = u ? u() : "";
            e(
              "Failed " + l + " type: " + h.message + (m ?? "")
            );
          }
        }
    }
  }
  return s.resetWarningCache = function() {
    process.env.NODE_ENV !== "production" && (n = {});
  }, Lo = s, Lo;
}
var Do, Gi;
function uf() {
  if (Gi) return Do;
  Gi = 1;
  var e = _l(), t = lf(), n = Us(), r = Al(), s = cf(), i = function() {
  };
  process.env.NODE_ENV !== "production" && (i = function(l) {
    var c = "Warning: " + l;
    typeof console < "u" && console.error(c);
    try {
      throw new Error(c);
    } catch {
    }
  });
  function a() {
    return null;
  }
  return Do = function(l, c) {
    var u = typeof Symbol == "function" && Symbol.iterator, d = "@@iterator";
    function h(O) {
      var _ = O && (u && O[u] || O[d]);
      if (typeof _ == "function")
        return _;
    }
    var v = "<<anonymous>>", m = {
      array: S("array"),
      bigint: S("bigint"),
      bool: S("boolean"),
      func: S("function"),
      number: S("number"),
      object: S("object"),
      string: S("string"),
      symbol: S("symbol"),
      any: R(),
      arrayOf: T,
      element: b(),
      elementType: E(),
      instanceOf: C,
      node: W(),
      objectOf: B,
      oneOf: k,
      oneOfType: D,
      shape: f,
      exact: A
    };
    function g(O, _) {
      return O === _ ? O !== 0 || 1 / O === 1 / _ : O !== O && _ !== _;
    }
    function p(O, _) {
      this.message = O, this.data = _ && typeof _ == "object" ? _ : {}, this.stack = "";
    }
    p.prototype = Error.prototype;
    function y(O) {
      if (process.env.NODE_ENV !== "production")
        var _ = {}, G = 0;
      function L(U, J, Y, V, Q, H, z) {
        if (V = V || v, H = H || Y, z !== n) {
          if (c) {
            var w = 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 w.name = "Invariant Violation", w;
          } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
            var oe = V + ":" + Y;
            !_[oe] && // Avoid spamming the console because they are often not actionable except for lib authors
            G < 3 && (i(
              "You are manually calling a React.PropTypes validation function for the `" + H + "` prop on `" + V + "`. 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."
            ), _[oe] = !0, G++);
          }
        }
        return J[Y] == null ? U ? J[Y] === null ? new p("The " + Q + " `" + H + "` is marked as required " + ("in `" + V + "`, but its value is `null`.")) : new p("The " + Q + " `" + H + "` is marked as required in " + ("`" + V + "`, but its value is `undefined`.")) : null : O(J, Y, V, Q, H);
      }
      var X = L.bind(null, !1);
      return X.isRequired = L.bind(null, !0), X;
    }
    function S(O) {
      function _(G, L, X, U, J, Y) {
        var V = G[L], Q = $(V);
        if (Q !== O) {
          var H = q(V);
          return new p(
            "Invalid " + U + " `" + J + "` of type " + ("`" + H + "` supplied to `" + X + "`, expected ") + ("`" + O + "`."),
            { expectedType: O }
          );
        }
        return null;
      }
      return y(_);
    }
    function R() {
      return y(a);
    }
    function T(O) {
      function _(G, L, X, U, J) {
        if (typeof O != "function")
          return new p("Property `" + J + "` of component `" + X + "` has invalid PropType notation inside arrayOf.");
        var Y = G[L];
        if (!Array.isArray(Y)) {
          var V = $(Y);
          return new p("Invalid " + U + " `" + J + "` of type " + ("`" + V + "` supplied to `" + X + "`, expected an array."));
        }
        for (var Q = 0; Q < Y.length; Q++) {
          var H = O(Y, Q, X, U, J + "[" + Q + "]", n);
          if (H instanceof Error)
            return H;
        }
        return null;
      }
      return y(_);
    }
    function b() {
      function O(_, G, L, X, U) {
        var J = _[G];
        if (!l(J)) {
          var Y = $(J);
          return new p("Invalid " + X + " `" + U + "` of type " + ("`" + Y + "` supplied to `" + L + "`, expected a single ReactElement."));
        }
        return null;
      }
      return y(O);
    }
    function E() {
      function O(_, G, L, X, U) {
        var J = _[G];
        if (!e.isValidElementType(J)) {
          var Y = $(J);
          return new p("Invalid " + X + " `" + U + "` of type " + ("`" + Y + "` supplied to `" + L + "`, expected a single ReactElement type."));
        }
        return null;
      }
      return y(O);
    }
    function C(O) {
      function _(G, L, X, U, J) {
        if (!(G[L] instanceof O)) {
          var Y = O.name || v, V = K(G[L]);
          return new p("Invalid " + U + " `" + J + "` of type " + ("`" + V + "` supplied to `" + X + "`, expected ") + ("instance of `" + Y + "`."));
        }
        return null;
      }
      return y(_);
    }
    function k(O) {
      if (!Array.isArray(O))
        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.")), a;
      function _(G, L, X, U, J) {
        for (var Y = G[L], V = 0; V < O.length; V++)
          if (g(Y, O[V]))
            return null;
        var Q = JSON.stringify(O, function(z, w) {
          var oe = q(w);
          return oe === "symbol" ? String(w) : w;
        });
        return new p("Invalid " + U + " `" + J + "` of value `" + String(Y) + "` " + ("supplied to `" + X + "`, expected one of " + Q + "."));
      }
      return y(_);
    }
    function B(O) {
      function _(G, L, X, U, J) {
        if (typeof O != "function")
          return new p("Property `" + J + "` of component `" + X + "` has invalid PropType notation inside objectOf.");
        var Y = G[L], V = $(Y);
        if (V !== "object")
          return new p("Invalid " + U + " `" + J + "` of type " + ("`" + V + "` supplied to `" + X + "`, expected an object."));
        for (var Q in Y)
          if (r(Y, Q)) {
            var H = O(Y, Q, X, U, J + "." + Q, n);
            if (H instanceof Error)
              return H;
          }
        return null;
      }
      return y(_);
    }
    function D(O) {
      if (!Array.isArray(O))
        return process.env.NODE_ENV !== "production" && i("Invalid argument supplied to oneOfType, expected an instance of array."), a;
      for (var _ = 0; _ < O.length; _++) {
        var G = O[_];
        if (typeof G != "function")
          return i(
            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + ee(G) + " at index " + _ + "."
          ), a;
      }
      function L(X, U, J, Y, V) {
        for (var Q = [], H = 0; H < O.length; H++) {
          var z = O[H], w = z(X, U, J, Y, V, n);
          if (w == null)
            return null;
          w.data && r(w.data, "expectedType") && Q.push(w.data.expectedType);
        }
        var oe = Q.length > 0 ? ", expected one of type [" + Q.join(", ") + "]" : "";
        return new p("Invalid " + Y + " `" + V + "` supplied to " + ("`" + J + "`" + oe + "."));
      }
      return y(L);
    }
    function W() {
      function O(_, G, L, X, U) {
        return I(_[G]) ? null : new p("Invalid " + X + " `" + U + "` supplied to " + ("`" + L + "`, expected a ReactNode."));
      }
      return y(O);
    }
    function F(O, _, G, L, X) {
      return new p(
        (O || "React class") + ": " + _ + " type `" + G + "." + L + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + X + "`."
      );
    }
    function f(O) {
      function _(G, L, X, U, J) {
        var Y = G[L], V = $(Y);
        if (V !== "object")
          return new p("Invalid " + U + " `" + J + "` of type `" + V + "` " + ("supplied to `" + X + "`, expected `object`."));
        for (var Q in O) {
          var H = O[Q];
          if (typeof H != "function")
            return F(X, U, J, Q, q(H));
          var z = H(Y, Q, X, U, J + "." + Q, n);
          if (z)
            return z;
        }
        return null;
      }
      return y(_);
    }
    function A(O) {
      function _(G, L, X, U, J) {
        var Y = G[L], V = $(Y);
        if (V !== "object")
          return new p("Invalid " + U + " `" + J + "` of type `" + V + "` " + ("supplied to `" + X + "`, expected `object`."));
        var Q = t({}, G[L], O);
        for (var H in Q) {
          var z = O[H];
          if (r(O, H) && typeof z != "function")
            return F(X, U, J, H, q(z));
          if (!z)
            return new p(
              "Invalid " + U + " `" + J + "` key `" + H + "` supplied to `" + X + "`.\nBad object: " + JSON.stringify(G[L], null, "  ") + `
Valid keys: ` + JSON.stringify(Object.keys(O), null, "  ")
            );
          var w = z(Y, H, X, U, J + "." + H, n);
          if (w)
            return w;
        }
        return null;
      }
      return y(_);
    }
    function I(O) {
      switch (typeof O) {
        case "number":
        case "string":
        case "undefined":
          return !0;
        case "boolean":
          return !O;
        case "object":
          if (Array.isArray(O))
            return O.every(I);
          if (O === null || l(O))
            return !0;
          var _ = h(O);
          if (_) {
            var G = _.call(O), L;
            if (_ !== O.entries) {
              for (; !(L = G.next()).done; )
                if (!I(L.value))
                  return !1;
            } else
              for (; !(L = G.next()).done; ) {
                var X = L.value;
                if (X && !I(X[1]))
                  return !1;
              }
          } else
            return !1;
          return !0;
        default:
          return !1;
      }
    }
    function j(O, _) {
      return O === "symbol" ? !0 : _ ? _["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && _ instanceof Symbol : !1;
    }
    function $(O) {
      var _ = typeof O;
      return Array.isArray(O) ? "array" : O instanceof RegExp ? "object" : j(_, O) ? "symbol" : _;
    }
    function q(O) {
      if (typeof O > "u" || O === null)
        return "" + O;
      var _ = $(O);
      if (_ === "object") {
        if (O instanceof Date)
          return "date";
        if (O instanceof RegExp)
          return "regexp";
      }
      return _;
    }
    function ee(O) {
      var _ = q(O);
      switch (_) {
        case "array":
        case "object":
          return "an " + _;
        case "boolean":
        case "date":
        case "regexp":
          return "a " + _;
        default:
          return _;
      }
    }
    function K(O) {
      return !O.constructor || !O.constructor.name ? v : O.constructor.name;
    }
    return m.checkPropTypes = s, m.resetWarningCache = s.resetWarningCache, m.PropTypes = m, m;
  }, Do;
}
var Bo, Yi;
function df() {
  if (Yi) return Bo;
  Yi = 1;
  var e = Us();
  function t() {
  }
  function n() {
  }
  return n.resetWarningCache = t, Bo = function() {
    function r(a, l, c, u, d, h) {
      if (h !== e) {
        var v = 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 v.name = "Invariant Violation", v;
      }
    }
    r.isRequired = r;
    function s() {
      return r;
    }
    var i = {
      array: r,
      bigint: r,
      bool: r,
      func: r,
      number: r,
      object: r,
      string: r,
      symbol: r,
      any: r,
      arrayOf: s,
      element: r,
      elementType: r,
      instanceOf: s,
      node: r,
      objectOf: s,
      oneOf: s,
      oneOfType: s,
      shape: s,
      exact: s,
      checkPropTypes: n,
      resetWarningCache: t
    };
    return i.PropTypes = i, i;
  }, Bo;
}
if (process.env.NODE_ENV !== "production") {
  var pf = _l(), ff = !0;
  as.exports = uf()(pf.isElement, ff);
} else
  as.exports = df()();
var mf = as.exports;
const o = /* @__PURE__ */ np(mf);
function hf(e) {
  return e == null || Object.keys(e).length === 0;
}
function Il(e) {
  const {
    styles: t,
    defaultTheme: n = {}
  } = e, r = typeof t == "function" ? (s) => t(hf(s) ? n : s) : t;
  return /* @__PURE__ */ N.jsx(Jp, {
    styles: r
  });
}
process.env.NODE_ENV !== "production" && (Il.propTypes = {
  defaultTheme: o.object,
  styles: o.oneOfType([o.array, o.string, o.object, o.func])
});
/**
 * @mui/styled-engine v7.3.10
 *
 * @license MIT
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */
function yf(e, t) {
  const n = is(e, t);
  return process.env.NODE_ENV !== "production" ? (...r) => {
    const s = typeof e == "string" ? `"${e}"` : "component";
    return r.length === 0 ? console.error([`MUI: Seems like you called \`styled(${s})()\` without a \`style\` argument.`, 'You must provide a `styles` argument: `styled("div")(styleYouForgotToPass)`.'].join(`
`)) : r.some((i) => i === void 0) && console.error(`MUI: the styled(${s})(...args) API requires all its args to be defined.`), n(...r);
  } : n;
}
function gf(e, t) {
  Array.isArray(e.__emotion_styles) && (e.__emotion_styles = t(e.__emotion_styles));
}
const Ki = [];
function _t(e) {
  return Ki[0] = e, Jn(Ki);
}
var ls = { exports: {} }, we = {};
/**
 * @license React
 * react-is.production.js
 *
 * Copyright (c) Meta Platforms, Inc. and affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */
var Xi;
function bf() {
  if (Xi) return we;
  Xi = 1;
  var e = Symbol.for("react.transitional.element"), t = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), r = Symbol.for("react.strict_mode"), s = Symbol.for("react.profiler"), i = Symbol.for("react.consumer"), a = Symbol.for("react.context"), l = Symbol.for("react.forward_ref"), c = Symbol.for("react.suspense"), u = Symbol.for("react.suspense_list"), d = Symbol.for("react.memo"), h = Symbol.for("react.lazy"), v = Symbol.for("react.view_transition"), m = Symbol.for("react.client.reference");
  function g(p) {
    if (typeof p == "object" && p !== null) {
      var y = p.$$typeof;
      switch (y) {
        case e:
          switch (p = p.type, p) {
            case n:
            case s:
            case r:
            case c:
            case u:
            case v:
              return p;
            default:
              switch (p = p && p.$$typeof, p) {
                case a:
                case l:
                case h:
                case d:
                  return p;
                case i:
                  return p;
                default:
                  return y;
              }
          }
        case t:
          return y;
      }
    }
  }
  return we.ContextConsumer = i, we.ContextProvider = a, we.Element = e, we.ForwardRef = l, we.Fragment = n, we.Lazy = h, we.Memo = d, we.Portal = t, we.Profiler = s, we.StrictMode = r, we.Suspense = c, we.SuspenseList = u, we.isContextConsumer = function(p) {
    return g(p) === i;
  }, we.isContextProvider = function(p) {
    return g(p) === a;
  }, we.isElement = function(p) {
    return typeof p == "object" && p !== null && p.$$typeof === e;
  }, we.isForwardRef = function(p) {
    return g(p) === l;
  }, we.isFragment = function(p) {
    return g(p) === n;
  }, we.isLazy = function(p) {
    return g(p) === h;
  }, we.isMemo = function(p) {
    return g(p) === d;
  }, we.isPortal = function(p) {
    return g(p) === t;
  }, we.isProfiler = function(p) {
    return g(p) === s;
  }, we.isStrictMode = function(p) {
    return g(p) === r;
  }, we.isSuspense = function(p) {
    return g(p) === c;
  }, we.isSuspenseList = function(p) {
    return g(p) === u;
  }, we.isValidElementType = function(p) {
    return typeof p == "string" || typeof p == "function" || p === n || p === s || p === r || p === c || p === u || typeof p == "object" && p !== null && (p.$$typeof === h || p.$$typeof === d || p.$$typeof === a || p.$$typeof === i || p.$$typeof === l || p.$$typeof === m || p.getModuleId !== void 0);
  }, we.typeOf = g, we;
}
var Ce = {};
/**
 * @license React
 * react-is.development.js
 *
 * Copyright (c) Meta Platforms, Inc. and affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */
var Ji;
function vf() {
  return Ji || (Ji = 1, process.env.NODE_ENV !== "production" && function() {
    function e(p) {
      if (typeof p == "object" && p !== null) {
        var y = p.$$typeof;
        switch (y) {
          case t:
            switch (p = p.type, p) {
              case r:
              case i:
              case s:
              case u:
              case d:
              case m:
                return p;
              default:
                switch (p = p && p.$$typeof, p) {
                  case l:
                  case c:
                  case v:
                  case h:
                    return p;
                  case a:
                    return p;
                  default:
                    return y;
                }
            }
          case n:
            return y;
        }
      }
    }
    var t = Symbol.for("react.transitional.element"), n = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), s = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), a = Symbol.for("react.consumer"), l = Symbol.for("react.context"), c = Symbol.for("react.forward_ref"), u = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), v = Symbol.for("react.lazy"), m = Symbol.for("react.view_transition"), g = Symbol.for("react.client.reference");
    Ce.ContextConsumer = a, Ce.ContextProvider = l, Ce.Element = t, Ce.ForwardRef = c, Ce.Fragment = r, Ce.Lazy = v, Ce.Memo = h, Ce.Portal = n, Ce.Profiler = i, Ce.StrictMode = s, Ce.Suspense = u, Ce.SuspenseList = d, Ce.isContextConsumer = function(p) {
      return e(p) === a;
    }, Ce.isContextProvider = function(p) {
      return e(p) === l;
    }, Ce.isElement = function(p) {
      return typeof p == "object" && p !== null && p.$$typeof === t;
    }, Ce.isForwardRef = function(p) {
      return e(p) === c;
    }, Ce.isFragment = function(p) {
      return e(p) === r;
    }, Ce.isLazy = function(p) {
      return e(p) === v;
    }, Ce.isMemo = function(p) {
      return e(p) === h;
    }, Ce.isPortal = function(p) {
      return e(p) === n;
    }, Ce.isProfiler = function(p) {
      return e(p) === i;
    }, Ce.isStrictMode = function(p) {
      return e(p) === s;
    }, Ce.isSuspense = function(p) {
      return e(p) === u;
    }, Ce.isSuspenseList = function(p) {
      return e(p) === d;
    }, Ce.isValidElementType = function(p) {
      return typeof p == "string" || typeof p == "function" || p === r || p === i || p === s || p === u || p === d || typeof p == "object" && p !== null && (p.$$typeof === v || p.$$typeof === h || p.$$typeof === l || p.$$typeof === a || p.$$typeof === c || p.$$typeof === g || p.getModuleId !== void 0);
    }, Ce.typeOf = e;
  }()), Ce;
}
process.env.NODE_ENV === "production" ? ls.exports = bf() : ls.exports = vf();
var qt = ls.exports;
function ht(e) {
  if (typeof e != "object" || e === null)
    return !1;
  const t = Object.getPrototypeOf(e);
  return (t === null || t === Object.prototype || Object.getPrototypeOf(t) === null) && !(Symbol.toStringTag in e) && !(Symbol.iterator in e);
}
function Nl(e) {
  if (/* @__PURE__ */ x.isValidElement(e) || qt.isValidElementType(e) || !ht(e))
    return e;
  const t = {};
  return Object.keys(e).forEach((n) => {
    t[n] = Nl(e[n]);
  }), t;
}
function Ve(e, t, n = {
  clone: !0
}) {
  const r = n.clone ? {
    ...e
  } : e;
  return ht(e) && ht(t) && Object.keys(t).forEach((s) => {
    /* @__PURE__ */ x.isValidElement(t[s]) || qt.isValidElementType(t[s]) ? r[s] = t[s] : ht(t[s]) && // Avoid prototype pollution
    Object.prototype.hasOwnProperty.call(e, s) && ht(e[s]) ? r[s] = Ve(e[s], t[s], n) : n.clone ? r[s] = ht(t[s]) ? Nl(t[s]) : t[s] : r[s] = t[s];
  }), r;
}
const Ef = (e) => {
  const t = Object.keys(e).map((n) => ({
    key: n,
    val: e[n]
  })) || [];
  return t.sort((n, r) => n.val - r.val), t.reduce((n, r) => ({
    ...n,
    [r.key]: r.val
  }), {});
};
function Sf(e) {
  const {
    // The breakpoint **start** at this value.
    // For instance with the first breakpoint xs: [xs, sm).
    values: t = {
      xs: 0,
      // phone
      sm: 600,
      // tablet
      md: 900,
      // small laptop
      lg: 1200,
      // desktop
      xl: 1536
      // large screen
    },
    unit: n = "px",
    step: r = 5,
    ...s
  } = e, i = Ef(t), a = Object.keys(i);
  function l(v) {
    return `@media (min-width:${typeof t[v] == "number" ? t[v] : v}${n})`;
  }
  function c(v) {
    return `@media (max-width:${(typeof t[v] == "number" ? t[v] : v) - r / 100}${n})`;
  }
  function u(v, m) {
    const g = a.indexOf(m);
    return `@media (min-width:${typeof t[v] == "number" ? t[v] : v}${n}) and (max-width:${(g !== -1 && typeof t[a[g]] == "number" ? t[a[g]] : m) - r / 100}${n})`;
  }
  function d(v) {
    return a.indexOf(v) + 1 < a.length ? u(v, a[a.indexOf(v) + 1]) : l(v);
  }
  function h(v) {
    const m = a.indexOf(v);
    return m === 0 ? l(a[1]) : m === a.length - 1 ? c(a[m]) : u(v, a[a.indexOf(v) + 1]).replace("@media", "@media not all and");
  }
  return {
    keys: a,
    values: i,
    up: l,
    down: c,
    between: u,
    only: d,
    not: h,
    unit: n,
    ...s
  };
}
function Zi(e, t) {
  if (!e.containerQueries)
    return t;
  const n = Object.keys(t).filter((r) => r.startsWith("@container")).sort((r, s) => {
    var a, l;
    const i = /min-width:\s*([0-9.]+)/;
    return +(((a = r.match(i)) == null ? void 0 : a[1]) || 0) - +(((l = s.match(i)) == null ? void 0 : l[1]) || 0);
  });
  return n.length ? n.reduce((r, s) => {
    const i = t[s];
    return delete r[s], r[s] = i, r;
  }, {
    ...t
  }) : t;
}
function Tf(e, t) {
  return t === "@" || t.startsWith("@") && (e.some((n) => t.startsWith(`@${n}`)) || !!t.match(/^@\d/));
}
function xf(e, t) {
  const n = t.match(/^@([^/]+)?\/?(.+)?$/);
  if (!n) {
    if (process.env.NODE_ENV !== "production")
      throw (
        /* minify-error */
        new Error(`MUI: The provided shorthand ${`(${t})`} is invalid. The format should be \`@<breakpoint | number>\` or \`@<breakpoint | number>/<container>\`.
For example, \`@sm\` or \`@600\` or \`@40rem/sidebar\`.`)
      );
    return null;
  }
  const [, r, s] = n, i = Number.isNaN(+r) ? r || 0 : +r;
  return e.containerQueries(s).up(i);
}
function Of(e) {
  const t = (i, a) => i.replace("@media", a ? `@container ${a}` : "@container");
  function n(i, a) {
    i.up = (...l) => t(e.breakpoints.up(...l), a), i.down = (...l) => t(e.breakpoints.down(...l), a), i.between = (...l) => t(e.breakpoints.between(...l), a), i.only = (...l) => t(e.breakpoints.only(...l), a), i.not = (...l) => {
      const c = t(e.breakpoints.not(...l), a);
      return c.includes("not all and") ? c.replace("not all and ", "").replace("min-width:", "width<").replace("max-width:", "width>").replace("and", "or") : c;
    };
  }
  const r = {}, s = (i) => (n(r, i), r);
  return n(s), {
    ...e,
    containerQueries: s
  };
}
const Rf = {
  borderRadius: 4
}, It = process.env.NODE_ENV !== "production" ? o.oneOfType([o.number, o.string, o.object, o.array]) : {};
function Mn(e, t) {
  return t ? Ve(e, t, {
    clone: !1
    // No need to clone deep, it's way faster.
  }) : e;
}
const eo = {
  xs: 0,
  // phone
  sm: 600,
  // tablet
  md: 900,
  // small laptop
  lg: 1200,
  // desktop
  xl: 1536
  // large screen
}, Qi = {
  // Sorted ASC by size. That's important.
  // It can't be configured as it's used statically for propTypes.
  keys: ["xs", "sm", "md", "lg", "xl"],
  up: (e) => `@media (min-width:${eo[e]}px)`
}, wf = {
  containerQueries: (e) => ({
    up: (t) => {
      let n = typeof t == "number" ? t : eo[t] || t;
      return typeof n == "number" && (n = `${n}px`), e ? `@container ${e} (min-width:${n})` : `@container (min-width:${n})`;
    }
  })
};
function Ot(e, t, n) {
  const r = e.theme || {};
  if (Array.isArray(t)) {
    const i = r.breakpoints || Qi;
    return t.reduce((a, l, c) => (a[i.up(i.keys[c])] = n(t[c]), a), {});
  }
  if (typeof t == "object") {
    const i = r.breakpoints || Qi;
    return Object.keys(t).reduce((a, l) => {
      if (Tf(i.keys, l)) {
        const c = xf(r.containerQueries ? r : wf, l);
        c && (a[c] = n(t[l], l));
      } else if (Object.keys(i.values || eo).includes(l)) {
        const c = i.up(l);
        a[c] = n(t[l], l);
      } else {
        const c = l;
        a[c] = t[c];
      }
      return a;
    }, {});
  }
  return n(t);
}
function Cf(e = {}) {
  var n;
  return ((n = e.keys) == null ? void 0 : n.reduce((r, s) => {
    const i = e.up(s);
    return r[i] = {}, r;
  }, {})) || {};
}
function ea(e, t) {
  return e.reduce((n, r) => {
    const s = n[r];
    return (!s || Object.keys(s).length === 0) && delete n[r], n;
  }, t);
}
function re(e) {
  if (typeof e != "string")
    throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `capitalize(string)` expects a string argument." : xt(7));
  return e.charAt(0).toUpperCase() + e.slice(1);
}
function to(e, t, n = !0) {
  if (!t || typeof t != "string")
    return null;
  if (e && e.vars && n) {
    const r = `vars.${t}`.split(".").reduce((s, i) => s && s[i] ? s[i] : null, e);
    if (r != null)
      return r;
  }
  return t.split(".").reduce((r, s) => r && r[s] != null ? r[s] : null, e);
}
function Ar(e, t, n, r = n) {
  let s;
  return typeof e == "function" ? s = e(n) : Array.isArray(e) ? s = e[n] || r : s = to(e, n) || r, t && (s = t(s, r, e)), s;
}
function je(e) {
  const {
    prop: t,
    cssProperty: n = e.prop,
    themeKey: r,
    transform: s
  } = e, i = (a) => {
    if (a[t] == null)
      return null;
    const l = a[t], c = a.theme, u = to(c, r) || {};
    return Ot(a, l, (h) => {
      let v = Ar(u, s, h);
      return h === v && typeof h == "string" && (v = Ar(u, s, `${t}${h === "default" ? "" : re(h)}`, h)), n === !1 ? v : {
        [n]: v
      };
    });
  };
  return i.propTypes = process.env.NODE_ENV !== "production" ? {
    [t]: It
  } : {}, i.filterProps = [t], i;
}
function Pf(e) {
  const t = {};
  return (n) => (t[n] === void 0 && (t[n] = e(n)), t[n]);
}
const _f = {
  m: "margin",
  p: "padding"
}, Af = {
  t: "Top",
  r: "Right",
  b: "Bottom",
  l: "Left",
  x: ["Left", "Right"],
  y: ["Top", "Bottom"]
}, ta = {
  marginX: "mx",
  marginY: "my",
  paddingX: "px",
  paddingY: "py"
}, If = Pf((e) => {
  if (e.length > 2)
    if (ta[e])
      e = ta[e];
    else
      return [e];
  const [t, n] = e.split(""), r = _f[t], s = Af[n] || "";
  return Array.isArray(s) ? s.map((i) => r + i) : [r + s];
}), no = ["m", "mt", "mr", "mb", "ml", "mx", "my", "margin", "marginTop", "marginRight", "marginBottom", "marginLeft", "marginX", "marginY", "marginInline", "marginInlineStart", "marginInlineEnd", "marginBlock", "marginBlockStart", "marginBlockEnd"], ro = ["p", "pt", "pr", "pb", "pl", "px", "py", "padding", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "paddingX", "paddingY", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "paddingBlock", "paddingBlockStart", "paddingBlockEnd"], Nf = [...no, ...ro];
function Qn(e, t, n, r) {
  const s = to(e, t, !0) ?? n;
  return typeof s == "number" || typeof s == "string" ? (i) => typeof i == "string" ? i : (process.env.NODE_ENV !== "production" && typeof i != "number" && console.error(`MUI: Expected ${r} argument to be a number or a string, got ${i}.`), typeof s == "string" ? s.startsWith("var(") && i === 0 ? 0 : s.startsWith("var(") && i === 1 ? s : `calc(${i} * ${s})` : s * i) : Array.isArray(s) ? (i) => {
    if (typeof i == "string")
      return i;
    const a = Math.abs(i);
    process.env.NODE_ENV !== "production" && (Number.isInteger(a) ? a > s.length - 1 && console.error([`MUI: The value provided (${a}) overflows.`, `The supported values are: ${JSON.stringify(s)}.`, `${a} > ${s.length - 1}, you need to add the missing values.`].join(`
`)) : console.error([`MUI: The \`theme.${t}\` array type cannot be combined with non integer values.You should either use an integer value that can be used as index, or define the \`theme.${t}\` as a number.`].join(`
`)));
    const l = s[a];
    return i >= 0 ? l : typeof l == "number" ? -l : typeof l == "string" && l.startsWith("var(") ? `calc(-1 * ${l})` : `-${l}`;
  } : typeof s == "function" ? s : (process.env.NODE_ENV !== "production" && console.error([`MUI: The \`theme.${t}\` value (${s}) is invalid.`, "It should be a number, an array or a function."].join(`
`)), () => {
  });
}
function Vs(e) {
  return Qn(e, "spacing", 8, "spacing");
}
function er(e, t) {
  return typeof t == "string" || t == null ? t : e(t);
}
function kf(e, t) {
  return (n) => e.reduce((r, s) => (r[s] = er(t, n), r), {});
}
function $f(e, t, n, r) {
  if (!t.includes(n))
    return null;
  const s = If(n), i = kf(s, r), a = e[n];
  return Ot(e, a, i);
}
function kl(e, t) {
  const n = Vs(e.theme);
  return Object.keys(e).map((r) => $f(e, t, r, n)).reduce(Mn, {});
}
function Ne(e) {
  return kl(e, no);
}
Ne.propTypes = process.env.NODE_ENV !== "production" ? no.reduce((e, t) => (e[t] = It, e), {}) : {};
Ne.filterProps = no;
function ke(e) {
  return kl(e, ro);
}
ke.propTypes = process.env.NODE_ENV !== "production" ? ro.reduce((e, t) => (e[t] = It, e), {}) : {};
ke.filterProps = ro;
process.env.NODE_ENV !== "production" && Nf.reduce((e, t) => (e[t] = It, e), {});
function $l(e = 8, t = Vs({
  spacing: e
})) {
  if (e.mui)
    return e;
  const n = (...r) => (process.env.NODE_ENV !== "production" && (r.length <= 4 || console.error(`MUI: Too many arguments provided, expected between 0 and 4, got ${r.length}`)), (r.length === 0 ? [1] : r).map((i) => {
    const a = t(i);
    return typeof a == "number" ? `${a}px` : a;
  }).join(" "));
  return n.mui = !0, n;
}
function oo(...e) {
  const t = e.reduce((r, s) => (s.filterProps.forEach((i) => {
    r[i] = s;
  }), r), {}), n = (r) => Object.keys(r).reduce((s, i) => t[i] ? Mn(s, t[i](r)) : s, {});
  return n.propTypes = process.env.NODE_ENV !== "production" ? e.reduce((r, s) => Object.assign(r, s.propTypes), {}) : {}, n.filterProps = e.reduce((r, s) => r.concat(s.filterProps), []), n;
}
function et(e) {
  return typeof e != "number" ? e : `${e}px solid`;
}
function rt(e, t) {
  return je({
    prop: e,
    themeKey: "borders",
    transform: t
  });
}
const Mf = rt("border", et), jf = rt("borderTop", et), Lf = rt("borderRight", et), Df = rt("borderBottom", et), Bf = rt("borderLeft", et), Ff = rt("borderColor"), Uf = rt("borderTopColor"), Vf = rt("borderRightColor"), zf = rt("borderBottomColor"), Wf = rt("borderLeftColor"), Hf = rt("outline", et), qf = rt("outlineColor"), so = (e) => {
  if (e.borderRadius !== void 0 && e.borderRadius !== null) {
    const t = Qn(e.theme, "shape.borderRadius", 4, "borderRadius"), n = (r) => ({
      borderRadius: er(t, r)
    });
    return Ot(e, e.borderRadius, n);
  }
  return null;
};
so.propTypes = process.env.NODE_ENV !== "production" ? {
  borderRadius: It
} : {};
so.filterProps = ["borderRadius"];
oo(Mf, jf, Lf, Df, Bf, Ff, Uf, Vf, zf, Wf, so, Hf, qf);
const io = (e) => {
  if (e.gap !== void 0 && e.gap !== null) {
    const t = Qn(e.theme, "spacing", 8, "gap"), n = (r) => ({
      gap: er(t, r)
    });
    return Ot(e, e.gap, n);
  }
  return null;
};
io.propTypes = process.env.NODE_ENV !== "production" ? {
  gap: It
} : {};
io.filterProps = ["gap"];
const ao = (e) => {
  if (e.columnGap !== void 0 && e.columnGap !== null) {
    const t = Qn(e.theme, "spacing", 8, "columnGap"), n = (r) => ({
      columnGap: er(t, r)
    });
    return Ot(e, e.columnGap, n);
  }
  return null;
};
ao.propTypes = process.env.NODE_ENV !== "production" ? {
  columnGap: It
} : {};
ao.filterProps = ["columnGap"];
const lo = (e) => {
  if (e.rowGap !== void 0 && e.rowGap !== null) {
    const t = Qn(e.theme, "spacing", 8, "rowGap"), n = (r) => ({
      rowGap: er(t, r)
    });
    return Ot(e, e.rowGap, n);
  }
  return null;
};
lo.propTypes = process.env.NODE_ENV !== "production" ? {
  rowGap: It
} : {};
lo.filterProps = ["rowGap"];
const Gf = je({
  prop: "gridColumn"
}), Yf = je({
  prop: "gridRow"
}), Kf = je({
  prop: "gridAutoFlow"
}), Xf = je({
  prop: "gridAutoColumns"
}), Jf = je({
  prop: "gridAutoRows"
}), Zf = je({
  prop: "gridTemplateColumns"
}), Qf = je({
  prop: "gridTemplateRows"
}), em = je({
  prop: "gridTemplateAreas"
}), tm = je({
  prop: "gridArea"
});
oo(io, ao, lo, Gf, Yf, Kf, Xf, Jf, Zf, Qf, em, tm);
function dn(e, t) {
  return t === "grey" ? t : e;
}
const nm = je({
  prop: "color",
  themeKey: "palette",
  transform: dn
}), rm = je({
  prop: "bgcolor",
  cssProperty: "backgroundColor",
  themeKey: "palette",
  transform: dn
}), om = je({
  prop: "backgroundColor",
  themeKey: "palette",
  transform: dn
});
oo(nm, rm, om);
function Xe(e) {
  return e <= 1 && e !== 0 ? `${e * 100}%` : e;
}
const sm = je({
  prop: "width",
  transform: Xe
}), zs = (e) => {
  if (e.maxWidth !== void 0 && e.maxWidth !== null) {
    const t = (n) => {
      var s, i, a, l, c;
      const r = ((a = (i = (s = e.theme) == null ? void 0 : s.breakpoints) == null ? void 0 : i.values) == null ? void 0 : a[n]) || eo[n];
      return r ? ((c = (l = e.theme) == null ? void 0 : l.breakpoints) == null ? void 0 : c.unit) !== "px" ? {
        maxWidth: `${r}${e.theme.breakpoints.unit}`
      } : {
        maxWidth: r
      } : {
        maxWidth: Xe(n)
      };
    };
    return Ot(e, e.maxWidth, t);
  }
  return null;
};
zs.filterProps = ["maxWidth"];
const im = je({
  prop: "minWidth",
  transform: Xe
}), am = je({
  prop: "height",
  transform: Xe
}), lm = je({
  prop: "maxHeight",
  transform: Xe
}), cm = je({
  prop: "minHeight",
  transform: Xe
});
je({
  prop: "size",
  cssProperty: "width",
  transform: Xe
});
je({
  prop: "size",
  cssProperty: "height",
  transform: Xe
});
const um = je({
  prop: "boxSizing"
});
oo(sm, zs, im, am, lm, cm, um);
const tr = {
  // borders
  border: {
    themeKey: "borders",
    transform: et
  },
  borderTop: {
    themeKey: "borders",
    transform: et
  },
  borderRight: {
    themeKey: "borders",
    transform: et
  },
  borderBottom: {
    themeKey: "borders",
    transform: et
  },
  borderLeft: {
    themeKey: "borders",
    transform: et
  },
  borderColor: {
    themeKey: "palette"
  },
  borderTopColor: {
    themeKey: "palette"
  },
  borderRightColor: {
    themeKey: "palette"
  },
  borderBottomColor: {
    themeKey: "palette"
  },
  borderLeftColor: {
    themeKey: "palette"
  },
  outline: {
    themeKey: "borders",
    transform: et
  },
  outlineColor: {
    themeKey: "palette"
  },
  borderRadius: {
    themeKey: "shape.borderRadius",
    style: so
  },
  // palette
  color: {
    themeKey: "palette",
    transform: dn
  },
  bgcolor: {
    themeKey: "palette",
    cssProperty: "backgroundColor",
    transform: dn
  },
  backgroundColor: {
    themeKey: "palette",
    transform: dn
  },
  // spacing
  p: {
    style: ke
  },
  pt: {
    style: ke
  },
  pr: {
    style: ke
  },
  pb: {
    style: ke
  },
  pl: {
    style: ke
  },
  px: {
    style: ke
  },
  py: {
    style: ke
  },
  padding: {
    style: ke
  },
  paddingTop: {
    style: ke
  },
  paddingRight: {
    style: ke
  },
  paddingBottom: {
    style: ke
  },
  paddingLeft: {
    style: ke
  },
  paddingX: {
    style: ke
  },
  paddingY: {
    style: ke
  },
  paddingInline: {
    style: ke
  },
  paddingInlineStart: {
    style: ke
  },
  paddingInlineEnd: {
    style: ke
  },
  paddingBlock: {
    style: ke
  },
  paddingBlockStart: {
    style: ke
  },
  paddingBlockEnd: {
    style: ke
  },
  m: {
    style: Ne
  },
  mt: {
    style: Ne
  },
  mr: {
    style: Ne
  },
  mb: {
    style: Ne
  },
  ml: {
    style: Ne
  },
  mx: {
    style: Ne
  },
  my: {
    style: Ne
  },
  margin: {
    style: Ne
  },
  marginTop: {
    style: Ne
  },
  marginRight: {
    style: Ne
  },
  marginBottom: {
    style: Ne
  },
  marginLeft: {
    style: Ne
  },
  marginX: {
    style: Ne
  },
  marginY: {
    style: Ne
  },
  marginInline: {
    style: Ne
  },
  marginInlineStart: {
    style: Ne
  },
  marginInlineEnd: {
    style: Ne
  },
  marginBlock: {
    style: Ne
  },
  marginBlockStart: {
    style: Ne
  },
  marginBlockEnd: {
    style: Ne
  },
  // display
  displayPrint: {
    cssProperty: !1,
    transform: (e) => ({
      "@media print": {
        display: e
      }
    })
  },
  display: {},
  overflow: {},
  textOverflow: {},
  visibility: {},
  whiteSpace: {},
  // flexbox
  flexBasis: {},
  flexDirection: {},
  flexWrap: {},
  justifyContent: {},
  alignItems: {},
  alignContent: {},
  order: {},
  flex: {},
  flexGrow: {},
  flexShrink: {},
  alignSelf: {},
  justifyItems: {},
  justifySelf: {},
  // grid
  gap: {
    style: io
  },
  rowGap: {
    style: lo
  },
  columnGap: {
    style: ao
  },
  gridColumn: {},
  gridRow: {},
  gridAutoFlow: {},
  gridAutoColumns: {},
  gridAutoRows: {},
  gridTemplateColumns: {},
  gridTemplateRows: {},
  gridTemplateAreas: {},
  gridArea: {},
  // positions
  position: {},
  zIndex: {
    themeKey: "zIndex"
  },
  top: {},
  right: {},
  bottom: {},
  left: {},
  // shadows
  boxShadow: {
    themeKey: "shadows"
  },
  // sizing
  width: {
    transform: Xe
  },
  maxWidth: {
    style: zs
  },
  minWidth: {
    transform: Xe
  },
  height: {
    transform: Xe
  },
  maxHeight: {
    transform: Xe
  },
  minHeight: {
    transform: Xe
  },
  boxSizing: {},
  // typography
  font: {
    themeKey: "font"
  },
  fontFamily: {
    themeKey: "typography"
  },
  fontSize: {
    themeKey: "typography"
  },
  fontStyle: {
    themeKey: "typography"
  },
  fontWeight: {
    themeKey: "typography"
  },
  letterSpacing: {},
  textTransform: {},
  lineHeight: {},
  textAlign: {},
  typography: {
    cssProperty: !1,
    themeKey: "typography"
  }
};
function dm(...e) {
  const t = e.reduce((r, s) => r.concat(Object.keys(s)), []), n = new Set(t);
  return e.every((r) => n.size === Object.keys(r).length);
}
function pm(e, t) {
  return typeof e == "function" ? e(t) : e;
}
function fm() {
  function e(n, r, s, i) {
    const a = {
      [n]: r,
      theme: s
    }, l = i[n];
    if (!l)
      return {
        [n]: r
      };
    const {
      cssProperty: c = n,
      themeKey: u,
      transform: d,
      style: h
    } = l;
    if (r == null)
      return null;
    if (u === "typography" && r === "inherit")
      return {
        [n]: r
      };
    const v = to(s, u) || {};
    return h ? h(a) : Ot(a, r, (g) => {
      let p = Ar(v, d, g);
      return g === p && typeof g == "string" && (p = Ar(v, d, `${n}${g === "default" ? "" : re(g)}`, g)), c === !1 ? p : {
        [c]: p
      };
    });
  }
  function t(n) {
    const {
      sx: r,
      theme: s = {},
      nested: i
    } = n || {};
    if (!r)
      return null;
    const a = s.unstable_sxConfig ?? tr;
    function l(c) {
      let u = c;
      if (typeof c == "function")
        u = c(s);
      else if (typeof c != "object")
        return c;
      if (!u)
        return null;
      const d = Cf(s.breakpoints), h = Object.keys(d);
      let v = d;
      return Object.keys(u).forEach((m) => {
        const g = pm(u[m], s);
        if (g != null)
          if (typeof g == "object")
            if (a[m])
              v = Mn(v, e(m, g, s, a));
            else {
              const p = Ot({
                theme: s
              }, g, (y) => ({
                [m]: y
              }));
              dm(p, g) ? v[m] = t({
                sx: g,
                theme: s,
                nested: !0
              }) : v = Mn(v, p);
            }
          else
            v = Mn(v, e(m, g, s, a));
      }), !i && s.modularCssLayers ? {
        "@layer sx": Zi(s, ea(h, v))
      } : Zi(s, ea(h, v));
    }
    return Array.isArray(r) ? r.map(l) : l(r);
  }
  return t;
}
const mn = fm();
mn.filterProps = ["sx"];
function mm(e, t) {
  var r;
  const n = this;
  if (n.vars) {
    if (!((r = n.colorSchemes) != null && r[e]) || typeof n.getColorSchemeSelector != "function")
      return {};
    let s = n.getColorSchemeSelector(e);
    return s === "&" ? t : ((s.includes("data-") || s.includes(".")) && (s = `*:where(${s.replace(/\s*&$/, "")}) &`), {
      [s]: t
    });
  }
  return n.palette.mode === e ? t : {};
}
function Ws(e = {}, ...t) {
  const {
    breakpoints: n = {},
    palette: r = {},
    spacing: s,
    shape: i = {},
    ...a
  } = e, l = Sf(n), c = $l(s);
  let u = Ve({
    breakpoints: l,
    direction: "ltr",
    components: {},
    // Inject component definitions.
    palette: {
      mode: "light",
      ...r
    },
    spacing: c,
    shape: {
      ...Rf,
      ...i
    }
  }, a);
  return u = Of(u), u.applyStyles = mm, u = t.reduce((d, h) => Ve(d, h), u), u.unstable_sxConfig = {
    ...tr,
    ...a == null ? void 0 : a.unstable_sxConfig
  }, u.unstable_sx = function(h) {
    return mn({
      sx: h,
      theme: this
    });
  }, u;
}
function hm(e) {
  return Object.keys(e).length === 0;
}
function ym(e = null) {
  const t = x.useContext(Qr);
  return !t || hm(t) ? e : t;
}
const gm = Ws();
function Ml(e = gm) {
  return ym(e);
}
function Fo(e) {
  const t = _t(e);
  return e !== t && t.styles ? (t.styles.match(/^@layer\s+[^{]*$/) || (t.styles = `@layer global{${t.styles}}`), t) : e;
}
function jl({
  styles: e,
  themeId: t,
  defaultTheme: n = {}
}) {
  const r = Ml(n), s = t && r[t] || r;
  let i = typeof e == "function" ? e(s) : e;
  return s.modularCssLayers && (Array.isArray(i) ? i = i.map((a) => Fo(typeof a == "function" ? a(s) : a)) : i = Fo(i)), /* @__PURE__ */ N.jsx(Il, {
    styles: i
  });
}
process.env.NODE_ENV !== "production" && (jl.propTypes = {
  // ┌────────────────────────────── Warning ──────────────────────────────┐
  // │ These PropTypes are generated from the TypeScript type definitions. │
  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
  // └─────────────────────────────────────────────────────────────────────┘
  /**
   * @ignore
   */
  defaultTheme: o.object,
  /**
   * @ignore
   */
  styles: o.oneOfType([o.array, o.func, o.number, o.object, o.string, o.bool]),
  /**
   * @ignore
   */
  themeId: o.string
});
const bm = (e) => {
  var r;
  const t = {
    systemProps: {},
    otherProps: {}
  }, n = ((r = e == null ? void 0 : e.theme) == null ? void 0 : r.unstable_sxConfig) ?? tr;
  return Object.keys(e).forEach((s) => {
    n[s] ? t.systemProps[s] = e[s] : t.otherProps[s] = e[s];
  }), t;
};
function vm(e) {
  const {
    sx: t,
    ...n
  } = e, {
    systemProps: r,
    otherProps: s
  } = bm(n);
  let i;
  return Array.isArray(t) ? i = [r, ...t] : typeof t == "function" ? i = (...a) => {
    const l = t(...a);
    return ht(l) ? {
      ...r,
      ...l
    } : r;
  } : i = {
    ...r,
    ...t
  }, {
    ...s,
    sx: i
  };
}
const na = (e) => e, Em = () => {
  let e = na;
  return {
    configure(t) {
      e = t;
    },
    generate(t) {
      return e(t);
    },
    reset() {
      e = na;
    }
  };
}, Sm = Em();
function Ll(e) {
  var t, n, r = "";
  if (typeof e == "string" || typeof e == "number") r += e;
  else if (typeof e == "object") if (Array.isArray(e)) {
    var s = e.length;
    for (t = 0; t < s; t++) e[t] && (n = Ll(e[t])) && (r && (r += " "), r += n);
  } else for (n in e) e[n] && (r && (r += " "), r += n);
  return r;
}
function le() {
  for (var e, t, n = 0, r = "", s = arguments.length; n < s; n++) (e = arguments[n]) && (t = Ll(e)) && (r && (r += " "), r += t);
  return r;
}
const Tm = {
  active: "active",
  checked: "checked",
  completed: "completed",
  disabled: "disabled",
  error: "error",
  expanded: "expanded",
  focused: "focused",
  focusVisible: "focusVisible",
  open: "open",
  readOnly: "readOnly",
  required: "required",
  selected: "selected"
};
function ce(e, t, n = "Mui") {
  const r = Tm[t];
  return r ? `${n}-${r}` : `${Sm.generate(e)}-${t}`;
}
function ue(e, t, n = "Mui") {
  const r = {};
  return t.forEach((s) => {
    r[s] = ce(e, s, n);
  }), r;
}
function Dl(e, t = "") {
  return e.displayName || e.name || t;
}
function ra(e, t, n) {
  const r = Dl(t);
  return e.displayName || (r !== "" ? `${n}(${r})` : n);
}
function xm(e) {
  if (e != null) {
    if (typeof e == "string")
      return e;
    if (typeof e == "function")
      return Dl(e, "Component");
    if (typeof e == "object")
      switch (e.$$typeof) {
        case qt.ForwardRef:
          return ra(e, e.render, "ForwardRef");
        case qt.Memo:
          return ra(e, e.type, "memo");
        default:
          return;
      }
  }
}
function Bl(e) {
  const {
    variants: t,
    ...n
  } = e, r = {
    variants: t,
    style: _t(n),
    isProcessed: !0
  };
  return r.style === n || t && t.forEach((s) => {
    typeof s.style != "function" && (s.style = _t(s.style));
  }), r;
}
const Om = Ws();
function Uo(e) {
  return e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as";
}
function Ut(e, t) {
  return t && e && typeof e == "object" && e.styles && !e.styles.startsWith("@layer") && (e.styles = `@layer ${t}{${String(e.styles)}}`), e;
}
function Rm(e) {
  return e ? (t, n) => n[e] : null;
}
function wm(e, t, n) {
  e.theme = Am(e.theme) ? n : e.theme[t] || e.theme;
}
function Rr(e, t, n) {
  const r = typeof t == "function" ? t(e) : t;
  if (Array.isArray(r))
    return r.flatMap((s) => Rr(e, s, n));
  if (Array.isArray(r == null ? void 0 : r.variants)) {
    let s;
    if (r.isProcessed)
      s = n ? Ut(r.style, n) : r.style;
    else {
      const {
        variants: i,
        ...a
      } = r;
      s = n ? Ut(_t(a), n) : a;
    }
    return Fl(e, r.variants, [s], n);
  }
  return r != null && r.isProcessed ? n ? Ut(_t(r.style), n) : r.style : n ? Ut(_t(r), n) : r;
}
function Fl(e, t, n = [], r = void 0) {
  var i;
  let s;
  e: for (let a = 0; a < t.length; a += 1) {
    const l = t[a];
    if (typeof l.props == "function") {
      if (s ?? (s = {
        ...e,
        ...e.ownerState,
        ownerState: e.ownerState
      }), !l.props(s))
        continue;
    } else
      for (const c in l.props)
        if (e[c] !== l.props[c] && ((i = e.ownerState) == null ? void 0 : i[c]) !== l.props[c])
          continue e;
    typeof l.style == "function" ? (s ?? (s = {
      ...e,
      ...e.ownerState,
      ownerState: e.ownerState
    }), n.push(r ? Ut(_t(l.style(s)), r) : l.style(s))) : n.push(r ? Ut(_t(l.style), r) : l.style);
  }
  return n;
}
function Cm(e = {}) {
  const {
    themeId: t,
    defaultTheme: n = Om,
    rootShouldForwardProp: r = Uo,
    slotShouldForwardProp: s = Uo
  } = e;
  function i(l) {
    wm(l, t, n);
  }
  return (l, c = {}) => {
    gf(l, (C) => C.filter((k) => k !== mn));
    const {
      name: u,
      slot: d,
      skipVariantsResolver: h,
      skipSx: v,
      // TODO v6: remove `lowercaseFirstLetter()` in the next major release
      // For more details: https://github.com/mui/material-ui/pull/37908
      overridesResolver: m = Rm(Ul(d)),
      ...g
    } = c, p = u && u.startsWith("Mui") || d ? "components" : "custom", y = h !== void 0 ? h : (
      // TODO v6: remove `Root` in the next major release
      // For more details: https://github.com/mui/material-ui/pull/37908
      d && d !== "Root" && d !== "root" || !1
    ), S = v || !1;
    let R = Uo;
    d === "Root" || d === "root" ? R = r : d ? R = s : Im(l) && (R = void 0);
    const T = yf(l, {
      shouldForwardProp: R,
      label: _m(u, d),
      ...g
    }), b = (C) => {
      if (C.__emotion_real === C)
        return C;
      if (typeof C == "function")
        return function(B) {
          return Rr(B, C, B.theme.modularCssLayers ? p : void 0);
        };
      if (ht(C)) {
        const k = Bl(C);
        return function(D) {
          return k.variants ? Rr(D, k, D.theme.modularCssLayers ? p : void 0) : D.theme.modularCssLayers ? Ut(k.style, p) : k.style;
        };
      }
      return C;
    }, E = (...C) => {
      const k = [], B = C.map(b), D = [];
      if (k.push(i), u && m && D.push(function(A) {
        var q, ee;
        const j = (ee = (q = A.theme.components) == null ? void 0 : q[u]) == null ? void 0 : ee.styleOverrides;
        if (!j)
          return null;
        const $ = {};
        for (const K in j)
          $[K] = Rr(A, j[K], A.theme.modularCssLayers ? "theme" : void 0);
        return m(A, $);
      }), u && !y && D.push(function(A) {
        var $, q;
        const I = A.theme, j = (q = ($ = I == null ? void 0 : I.components) == null ? void 0 : $[u]) == null ? void 0 : q.variants;
        return j ? Fl(A, j, [], A.theme.modularCssLayers ? "theme" : void 0) : null;
      }), S || D.push(mn), Array.isArray(B[0])) {
        const f = B.shift(), A = new Array(k.length).fill(""), I = new Array(D.length).fill("");
        let j;
        j = [...A, ...f, ...I], j.raw = [...A, ...f.raw, ...I], k.unshift(j);
      }
      const W = [...k, ...B, ...D], F = T(...W);
      return l.muiName && (F.muiName = l.muiName), process.env.NODE_ENV !== "production" && (F.displayName = Pm(u, d, l)), F;
    };
    return T.withConfig && (E.withConfig = T.withConfig), E;
  };
}
function Pm(e, t, n) {
  return e ? `${e}${re(t || "")}` : `Styled(${xm(n)})`;
}
function _m(e, t) {
  let n;
  return process.env.NODE_ENV !== "production" && e && (n = `${e}-${Ul(t || "Root")}`), n;
}
function Am(e) {
  for (const t in e)
    return !1;
  return !0;
}
function Im(e) {
  return typeof e == "string" && // 96 is one less than the char code
  // for "a" so this is checking that
  // it's a lowercase character
  e.charCodeAt(0) > 96;
}
function Ul(e) {
  return e && e.charAt(0).toLowerCase() + e.slice(1);
}
function Ir(e, t, n = !1) {
  const r = {
    ...t
  };
  for (const s in e)
    if (Object.prototype.hasOwnProperty.call(e, s)) {
      const i = s;
      if (i === "components" || i === "slots")
        r[i] = {
          ...e[i],
          ...r[i]
        };
      else if (i === "componentsProps" || i === "slotProps") {
        const a = e[i], l = t[i];
        if (!l)
          r[i] = a || {};
        else if (!a)
          r[i] = l;
        else {
          r[i] = {
            ...l
          };
          for (const c in a)
            if (Object.prototype.hasOwnProperty.call(a, c)) {
              const u = c;
              r[i][u] = Ir(a[u], l[u], n);
            }
        }
      } else i === "className" && n && t.className ? r.className = le(e == null ? void 0 : e.className, t == null ? void 0 : t.className) : i === "style" && n && t.style ? r.style = {
        ...e == null ? void 0 : e.style,
        ...t == null ? void 0 : t.style
      } : r[i] === void 0 && (r[i] = e[i]);
    }
  return r;
}
const Rt = typeof window < "u" ? x.useLayoutEffect : x.useEffect;
function Nm(e, t = Number.MIN_SAFE_INTEGER, n = Number.MAX_SAFE_INTEGER) {
  return Math.max(t, Math.min(e, n));
}
function Hs(e, t = 0, n = 1) {
  return process.env.NODE_ENV !== "production" && (e < t || e > n) && console.error(`MUI: The value provided ${e} is out of range [${t}, ${n}].`), Nm(e, t, n);
}
function km(e) {
  e = e.slice(1);
  const t = new RegExp(`.{1,${e.length >= 6 ? 2 : 1}}`, "g");
  let n = e.match(t);
  return n && n[0].length === 1 && (n = n.map((r) => r + r)), process.env.NODE_ENV !== "production" && e.length !== e.trim().length && console.error(`MUI: The color: "${e}" is invalid. Make sure the color input doesn't contain leading/trailing space.`), n ? `rgb${n.length === 4 ? "a" : ""}(${n.map((r, s) => s < 3 ? parseInt(r, 16) : Math.round(parseInt(r, 16) / 255 * 1e3) / 1e3).join(", ")})` : "";
}
function At(e) {
  if (e.type)
    return e;
  if (e.charAt(0) === "#")
    return At(km(e));
  const t = e.indexOf("("), n = e.substring(0, t);
  if (!["rgb", "rgba", "hsl", "hsla", "color"].includes(n))
    throw new Error(process.env.NODE_ENV !== "production" ? `MUI: Unsupported \`${e}\` color.
The following formats are supported: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().` : xt(9, e));
  let r = e.substring(t + 1, e.length - 1), s;
  if (n === "color") {
    if (r = r.split(" "), s = r.shift(), r.length === 4 && r[3].charAt(0) === "/" && (r[3] = r[3].slice(1)), !["srgb", "display-p3", "a98-rgb", "prophoto-rgb", "rec-2020"].includes(s))
      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: unsupported \`${s}\` color space.
The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rgb, rec-2020.` : xt(10, s));
  } else
    r = r.split(",");
  return r = r.map((i) => parseFloat(i)), {
    type: n,
    values: r,
    colorSpace: s
  };
}
const $m = (e) => {
  const t = At(e);
  return t.values.slice(0, 3).map((n, r) => t.type.includes("hsl") && r !== 0 ? `${n}%` : n).join(" ");
}, In = (e, t) => {
  try {
    return $m(e);
  } catch {
    return t && process.env.NODE_ENV !== "production" && console.warn(t), e;
  }
};
function co(e) {
  const {
    type: t,
    colorSpace: n
  } = e;
  let {
    values: r
  } = e;
  return t.includes("rgb") ? r = r.map((s, i) => i < 3 ? parseInt(s, 10) : s) : t.includes("hsl") && (r[1] = `${r[1]}%`, r[2] = `${r[2]}%`), t.includes("color") ? r = `${n} ${r.join(" ")}` : r = `${r.join(", ")}`, `${t}(${r})`;
}
function Vl(e) {
  e = At(e);
  const {
    values: t
  } = e, n = t[0], r = t[1] / 100, s = t[2] / 100, i = r * Math.min(s, 1 - s), a = (u, d = (u + n / 30) % 12) => s - i * Math.max(Math.min(d - 3, 9 - d, 1), -1);
  let l = "rgb";
  const c = [Math.round(a(0) * 255), Math.round(a(8) * 255), Math.round(a(4) * 255)];
  return e.type === "hsla" && (l += "a", c.push(t[3])), co({
    type: l,
    values: c
  });
}
function cs(e) {
  e = At(e);
  let t = e.type === "hsl" || e.type === "hsla" ? At(Vl(e)).values : e.values;
  return t = t.map((n) => (e.type !== "color" && (n /= 255), n <= 0.03928 ? n / 12.92 : ((n + 0.055) / 1.055) ** 2.4)), Number((0.2126 * t[0] + 0.7152 * t[1] + 0.0722 * t[2]).toFixed(3));
}
function oa(e, t) {
  const n = cs(e), r = cs(t);
  return (Math.max(n, r) + 0.05) / (Math.min(n, r) + 0.05);
}
function Nr(e, t) {
  return e = At(e), t = Hs(t), (e.type === "rgb" || e.type === "hsl") && (e.type += "a"), e.type === "color" ? e.values[3] = `/${t}` : e.values[3] = t, co(e);
}
function Mt(e, t, n) {
  try {
    return Nr(e, t);
  } catch {
    return n && process.env.NODE_ENV !== "production" && console.warn(n), e;
  }
}
function uo(e, t) {
  if (e = At(e), t = Hs(t), e.type.includes("hsl"))
    e.values[2] *= 1 - t;
  else if (e.type.includes("rgb") || e.type.includes("color"))
    for (let n = 0; n < 3; n += 1)
      e.values[n] *= 1 - t;
  return co(e);
}
function xe(e, t, n) {
  try {
    return uo(e, t);
  } catch {
    return n && process.env.NODE_ENV !== "production" && console.warn(n), e;
  }
}
function po(e, t) {
  if (e = At(e), t = Hs(t), e.type.includes("hsl"))
    e.values[2] += (100 - e.values[2]) * t;
  else if (e.type.includes("rgb"))
    for (let n = 0; n < 3; n += 1)
      e.values[n] += (255 - e.values[n]) * t;
  else if (e.type.includes("color"))
    for (let n = 0; n < 3; n += 1)
      e.values[n] += (1 - e.values[n]) * t;
  return co(e);
}
function Oe(e, t, n) {
  try {
    return po(e, t);
  } catch {
    return n && process.env.NODE_ENV !== "production" && console.warn(n), e;
  }
}
function Mm(e, t = 0.15) {
  return cs(e) > 0.5 ? uo(e, t) : po(e, t);
}
function fr(e, t, n) {
  try {
    return Mm(e, t);
  } catch {
    return e;
  }
}
const jm = "exact-prop: ​";
function zl(e) {
  return process.env.NODE_ENV === "production" ? e : {
    ...e,
    [jm]: (t) => {
      const n = Object.keys(t).filter((r) => !e.hasOwnProperty(r));
      return n.length > 0 ? new Error(`The following props are not supported: ${n.map((r) => `\`${r}\``).join(", ")}. Please remove them.`) : null;
    }
  };
}
const Lm = /* @__PURE__ */ x.createContext();
process.env.NODE_ENV !== "production" && (o.node, o.bool);
const Dm = () => x.useContext(Lm) ?? !1, Bm = /* @__PURE__ */ x.createContext(void 0);
process.env.NODE_ENV !== "production" && (o.node, o.object);
function Fm(e) {
  const {
    theme: t,
    name: n,
    props: r
  } = e;
  if (!t || !t.components || !t.components[n])
    return r;
  const s = t.components[n];
  return s.defaultProps ? Ir(s.defaultProps, r, t.components.mergeClassNameAndStyle) : !s.styleOverrides && !s.variants ? Ir(s, r, t.components.mergeClassNameAndStyle) : r;
}
function Um({
  props: e,
  name: t
}) {
  const n = x.useContext(Bm);
  return Fm({
    props: e,
    name: t,
    theme: {
      components: n
    }
  });
}
let sa = 0;
function Vm(e) {
  const [t, n] = x.useState(e), r = e || t;
  return x.useEffect(() => {
    t == null && (sa += 1, n(`mui-${sa}`));
  }, [t]), r;
}
const zm = {
  ...x
}, ia = zm.useId;
function nr(e) {
  if (ia !== void 0) {
    const t = ia();
    return e ?? t;
  }
  return Vm(e);
}
const aa = {
  theme: void 0
};
function Wm(e) {
  let t, n;
  return function(s) {
    let i = t;
    return (i === void 0 || s.theme !== n) && (aa.theme = s.theme, i = Bl(e(aa)), t = i, n = s.theme), i;
  };
}
function Hm(e = "") {
  function t(...r) {
    if (!r.length)
      return "";
    const s = r[0];
    return typeof s == "string" && !s.match(/(#|\(|\)|(-?(\d*\.)?\d+)(px|em|%|ex|ch|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc))|^(-?(\d*\.)?\d+)$|(\d+ \d+ \d+)/) ? `, var(--${e ? `${e}-` : ""}${s}${t(...r.slice(1))})` : `, ${s}`;
  }
  return (r, ...s) => `var(--${e ? `${e}-` : ""}${r}${t(...s)})`;
}
const la = (e, t, n, r = []) => {
  let s = e;
  t.forEach((i, a) => {
    a === t.length - 1 ? Array.isArray(s) ? s[Number(i)] = n : s && typeof s == "object" && (s[i] = n) : s && typeof s == "object" && (s[i] || (s[i] = r.includes(i) ? [] : {}), s = s[i]);
  });
}, qm = (e, t, n) => {
  function r(s, i = [], a = []) {
    Object.entries(s).forEach(([l, c]) => {
      (!n || n && !n([...i, l])) && c != null && (typeof c == "object" && Object.keys(c).length > 0 ? r(c, [...i, l], Array.isArray(c) ? [...a, l] : a) : t([...i, l], c, a));
    });
  }
  r(e);
}, Gm = (e, t) => typeof t == "number" ? ["lineHeight", "fontWeight", "opacity", "zIndex"].some((r) => e.includes(r)) || e[e.length - 1].toLowerCase().includes("opacity") ? t : `${t}px` : t;
function Vo(e, t) {
  const {
    prefix: n,
    shouldSkipGeneratingVar: r
  } = t || {}, s = {}, i = {}, a = {};
  return qm(
    e,
    (l, c, u) => {
      if ((typeof c == "string" || typeof c == "number") && (!r || !r(l, c))) {
        const d = `--${n ? `${n}-` : ""}${l.join("-")}`, h = Gm(l, c);
        Object.assign(s, {
          [d]: h
        }), la(i, l, `var(${d})`, u), la(a, l, `var(${d}, ${h})`, u);
      }
    },
    (l) => l[0] === "vars"
    // skip 'vars/*' paths
  ), {
    css: s,
    vars: i,
    varsWithDefaults: a
  };
}
function Ym(e, t = {}) {
  const {
    getSelector: n = S,
    disableCssColorScheme: r,
    colorSchemeSelector: s,
    enableContrastVars: i
  } = t, {
    colorSchemes: a = {},
    components: l,
    defaultColorScheme: c = "light",
    ...u
  } = e, {
    vars: d,
    css: h,
    varsWithDefaults: v
  } = Vo(u, t);
  let m = v;
  const g = {}, {
    [c]: p,
    ...y
  } = a;
  if (Object.entries(y || {}).forEach(([b, E]) => {
    const {
      vars: C,
      css: k,
      varsWithDefaults: B
    } = Vo(E, t);
    m = Ve(m, B), g[b] = {
      css: k,
      vars: C
    };
  }), p) {
    const {
      css: b,
      vars: E,
      varsWithDefaults: C
    } = Vo(p, t);
    m = Ve(m, C), g[c] = {
      css: b,
      vars: E
    };
  }
  function S(b, E) {
    var k, B;
    let C = s;
    if (s === "class" && (C = ".%s"), s === "data" && (C = "[data-%s]"), s != null && s.startsWith("data-") && !s.includes("%s") && (C = `[${s}="%s"]`), b) {
      if (C === "media")
        return e.defaultColorScheme === b ? ":root" : {
          [`@media (prefers-color-scheme: ${((B = (k = a[b]) == null ? void 0 : k.palette) == null ? void 0 : B.mode) || b})`]: {
            ":root": E
          }
        };
      if (C)
        return e.defaultColorScheme === b ? `:root, ${C.replace("%s", String(b))}` : C.replace("%s", String(b));
    }
    return ":root";
  }
  return {
    vars: m,
    generateThemeVars: () => {
      let b = {
        ...d
      };
      return Object.entries(g).forEach(([, {
        vars: E
      }]) => {
        b = Ve(b, E);
      }), b;
    },
    generateStyleSheets: () => {
      var D, W;
      const b = [], E = e.defaultColorScheme || "light";
      function C(F, f) {
        Object.keys(f).length && b.push(typeof F == "string" ? {
          [F]: {
            ...f
          }
        } : F);
      }
      C(n(void 0, {
        ...h
      }), h);
      const {
        [E]: k,
        ...B
      } = g;
      if (k) {
        const {
          css: F
        } = k, f = (W = (D = a[E]) == null ? void 0 : D.palette) == null ? void 0 : W.mode, A = !r && f ? {
          colorScheme: f,
          ...F
        } : {
          ...F
        };
        C(n(E, {
          ...A
        }), A);
      }
      return Object.entries(B).forEach(([F, {
        css: f
      }]) => {
        var j, $;
        const A = ($ = (j = a[F]) == null ? void 0 : j.palette) == null ? void 0 : $.mode, I = !r && A ? {
          colorScheme: A,
          ...f
        } : {
          ...f
        };
        C(n(F, {
          ...I
        }), I);
      }), i && b.push({
        ":root": {
          // use double underscore to indicate that these are private variables
          "--__l-threshold": "0.7",
          "--__l": "clamp(0, (l / var(--__l-threshold) - 1) * -infinity, 1)",
          "--__a": "clamp(0.87, (l / var(--__l-threshold) - 1) * -infinity, 1)"
          // 0.87 is the default alpha value for black text.
        }
      }), b;
    }
  };
}
function Km(e) {
  return function(n) {
    return e === "media" ? (process.env.NODE_ENV !== "production" && n !== "light" && n !== "dark" && console.error(`MUI: @media (prefers-color-scheme) supports only 'light' or 'dark', but receive '${n}'.`), `@media (prefers-color-scheme: ${n})`) : e ? e.startsWith("data-") && !e.includes("%s") ? `[${e}="${n}"] &` : e === "class" ? `.${n} &` : e === "data" ? `[data-${n}] &` : `${e.replace("%s", n)} &` : "&";
  };
}
function de(e, t, n = void 0) {
  const r = {};
  for (const s in e) {
    const i = e[s];
    let a = "", l = !0;
    for (let c = 0; c < i.length; c += 1) {
      const u = i[c];
      u && (a += (l === !0 ? "" : " ") + t(u), l = !1, n && n[u] && (a += " " + n[u]));
    }
    r[s] = a;
  }
  return r;
}
function zo(e, t) {
  var n, r, s;
  return /* @__PURE__ */ x.isValidElement(e) && t.indexOf(
    // For server components `muiName` is available in element.type._payload.value.muiName
    // relevant info - https://github.com/facebook/react/blob/2807d781a08db8e9873687fccc25c0f12b4fb3d4/packages/react/src/ReactLazy.js#L45
    // eslint-disable-next-line no-underscore-dangle
    e.type.muiName ?? ((s = (r = (n = e.type) == null ? void 0 : n._payload) == null ? void 0 : r.value) == null ? void 0 : s.muiName)
  ) !== -1;
}
function Wl() {
  return {
    // The colors used to style the text.
    text: {
      // The most important text.
      primary: "rgba(0, 0, 0, 0.87)",
      // Secondary text.
      secondary: "rgba(0, 0, 0, 0.6)",
      // Disabled text have even lower visual prominence.
      disabled: "rgba(0, 0, 0, 0.38)"
    },
    // The color used to divide different elements.
    divider: "rgba(0, 0, 0, 0.12)",
    // The background colors used to style the surfaces.
    // Consistency between these values is important.
    background: {
      paper: Fn.white,
      default: Fn.white
    },
    // The colors used to style the action elements.
    action: {
      // The color of an active action like an icon button.
      active: "rgba(0, 0, 0, 0.54)",
      // The color of an hovered action.
      hover: "rgba(0, 0, 0, 0.04)",
      hoverOpacity: 0.04,
      // The color of a selected action.
      selected: "rgba(0, 0, 0, 0.08)",
      selectedOpacity: 0.08,
      // The color of a disabled action.
      disabled: "rgba(0, 0, 0, 0.26)",
      // The background color of a disabled action.
      disabledBackground: "rgba(0, 0, 0, 0.12)",
      disabledOpacity: 0.38,
      focus: "rgba(0, 0, 0, 0.12)",
      focusOpacity: 0.12,
      activatedOpacity: 0.12
    }
  };
}
const Hl = Wl();
function ql() {
  return {
    text: {
      primary: Fn.white,
      secondary: "rgba(255, 255, 255, 0.7)",
      disabled: "rgba(255, 255, 255, 0.5)",
      icon: "rgba(255, 255, 255, 0.5)"
    },
    divider: "rgba(255, 255, 255, 0.12)",
    background: {
      paper: "#121212",
      default: "#121212"
    },
    action: {
      active: Fn.white,
      hover: "rgba(255, 255, 255, 0.08)",
      hoverOpacity: 0.08,
      selected: "rgba(255, 255, 255, 0.16)",
      selectedOpacity: 0.16,
      disabled: "rgba(255, 255, 255, 0.3)",
      disabledBackground: "rgba(255, 255, 255, 0.12)",
      disabledOpacity: 0.38,
      focus: "rgba(255, 255, 255, 0.12)",
      focusOpacity: 0.12,
      activatedOpacity: 0.24
    }
  };
}
const us = ql();
function ca(e, t, n, r) {
  const s = r.light || r, i = r.dark || r * 1.5;
  e[t] || (e.hasOwnProperty(n) ? e[t] = e[n] : t === "light" ? e.light = po(e.main, s) : t === "dark" && (e.dark = uo(e.main, i)));
}
function ua(e, t, n, r, s) {
  const i = s.light || s, a = s.dark || s * 1.5;
  t[n] || (t.hasOwnProperty(r) ? t[n] = t[r] : n === "light" ? t.light = `color-mix(in ${e}, ${t.main}, #fff ${(i * 100).toFixed(0)}%)` : n === "dark" && (t.dark = `color-mix(in ${e}, ${t.main}, #000 ${(a * 100).toFixed(0)}%)`));
}
function Xm(e = "light") {
  return e === "dark" ? {
    main: rn[200],
    light: rn[50],
    dark: rn[400]
  } : {
    main: rn[700],
    light: rn[400],
    dark: rn[800]
  };
}
function Jm(e = "light") {
  return e === "dark" ? {
    main: nn[200],
    light: nn[50],
    dark: nn[400]
  } : {
    main: nn[500],
    light: nn[300],
    dark: nn[700]
  };
}
function Zm(e = "light") {
  return e === "dark" ? {
    main: tn[500],
    light: tn[300],
    dark: tn[700]
  } : {
    main: tn[700],
    light: tn[400],
    dark: tn[800]
  };
}
function Qm(e = "light") {
  return e === "dark" ? {
    main: on[400],
    light: on[300],
    dark: on[700]
  } : {
    main: on[700],
    light: on[500],
    dark: on[900]
  };
}
function eh(e = "light") {
  return e === "dark" ? {
    main: sn[400],
    light: sn[300],
    dark: sn[700]
  } : {
    main: sn[800],
    light: sn[500],
    dark: sn[900]
  };
}
function th(e = "light") {
  return e === "dark" ? {
    main: Rn[400],
    light: Rn[300],
    dark: Rn[700]
  } : {
    main: "#ed6c02",
    // closest to orange[800] that pass 3:1.
    light: Rn[500],
    dark: Rn[900]
  };
}
function nh(e) {
  return `oklch(from ${e} var(--__l) 0 h / var(--__a))`;
}
function qs(e) {
  const {
    mode: t = "light",
    contrastThreshold: n = 3,
    tonalOffset: r = 0.2,
    colorSpace: s,
    ...i
  } = e, a = e.primary || Xm(t), l = e.secondary || Jm(t), c = e.error || Zm(t), u = e.info || Qm(t), d = e.success || eh(t), h = e.warning || th(t);
  function v(y) {
    if (s)
      return nh(y);
    const S = oa(y, us.text.primary) >= n ? us.text.primary : Hl.text.primary;
    if (process.env.NODE_ENV !== "production") {
      const R = oa(y, S);
      R < 3 && console.error([`MUI: The contrast ratio of ${R}:1 for ${S} on ${y}`, "falls below the WCAG recommended absolute minimum contrast ratio of 3:1.", "https://www.w3.org/TR/2008/REC-WCAG20-20081211/#visual-audio-contrast-contrast"].join(`
`));
    }
    return S;
  }
  const m = ({
    color: y,
    name: S,
    mainShade: R = 500,
    lightShade: T = 300,
    darkShade: b = 700
  }) => {
    if (y = {
      ...y
    }, !y.main && y[R] && (y.main = y[R]), !y.hasOwnProperty("main"))
      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${S ? ` (${S})` : ""} provided to augmentColor(color) is invalid.
The color object needs to have a \`main\` property or a \`${R}\` property.` : xt(11, S ? ` (${S})` : "", R));
    if (typeof y.main != "string")
      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${S ? ` (${S})` : ""} provided to augmentColor(color) is invalid.
\`color.main\` should be a string, but \`${JSON.stringify(y.main)}\` was provided instead.

Did you intend to use one of the following approaches?

import { green } from "@mui/material/colors";

const theme1 = createTheme({ palette: {
  primary: green,
} });

const theme2 = createTheme({ palette: {
  primary: { main: green[500] },
} });` : xt(12, S ? ` (${S})` : "", JSON.stringify(y.main)));
    return s ? (ua(s, y, "light", T, r), ua(s, y, "dark", b, r)) : (ca(y, "light", T, r), ca(y, "dark", b, r)), y.contrastText || (y.contrastText = v(y.main)), y;
  };
  let g;
  return t === "light" ? g = Wl() : t === "dark" && (g = ql()), process.env.NODE_ENV !== "production" && (g || console.error(`MUI: The palette mode \`${t}\` is not supported.`)), Ve({
    // A collection of common colors.
    common: {
      ...Fn
    },
    // prevent mutable object.
    // The palette mode, can be light or dark.
    mode: t,
    // The colors used to represent primary interface elements for a user.
    primary: m({
      color: a,
      name: "primary"
    }),
    // The colors used to represent secondary interface elements for a user.
    secondary: m({
      color: l,
      name: "secondary",
      mainShade: "A400",
      lightShade: "A200",
      darkShade: "A700"
    }),
    // The colors used to represent interface elements that the user should be made aware of.
    error: m({
      color: c,
      name: "error"
    }),
    // The colors used to represent potentially dangerous actions or important messages.
    warning: m({
      color: h,
      name: "warning"
    }),
    // The colors used to present information to the user that is neutral and not necessarily important.
    info: m({
      color: u,
      name: "info"
    }),
    // The colors used to indicate the successful completion of an action that user triggered.
    success: m({
      color: d,
      name: "success"
    }),
    // The grey colors.
    grey: sp,
    // Used by `getContrastText()` to maximize the contrast between
    // the background and the text.
    contrastThreshold: n,
    // Takes a background color and returns the text color that maximizes the contrast.
    getContrastText: v,
    // Generate a rich color object.
    augmentColor: m,
    // Used by the functions below to shift a color's luminance by approximately
    // two indexes within its tonal palette.
    // E.g., shift from Red 500 to Red 300 or Red 700.
    tonalOffset: r,
    // The light and dark mode object.
    ...g
  }, i);
}
function rh(e) {
  const t = {};
  return Object.entries(e).forEach((r) => {
    const [s, i] = r;
    typeof i == "object" && (t[s] = `${i.fontStyle ? `${i.fontStyle} ` : ""}${i.fontVariant ? `${i.fontVariant} ` : ""}${i.fontWeight ? `${i.fontWeight} ` : ""}${i.fontStretch ? `${i.fontStretch} ` : ""}${i.fontSize || ""}${i.lineHeight ? `/${i.lineHeight} ` : ""}${i.fontFamily || ""}`);
  }), t;
}
function oh(e, t) {
  return {
    toolbar: {
      minHeight: 56,
      [e.up("xs")]: {
        "@media (orientation: landscape)": {
          minHeight: 48
        }
      },
      [e.up("sm")]: {
        minHeight: 64
      }
    },
    ...t
  };
}
function sh(e) {
  return Math.round(e * 1e5) / 1e5;
}
const da = {
  textTransform: "uppercase"
}, pa = '"Roboto", "Helvetica", "Arial", sans-serif';
function ih(e, t) {
  const {
    fontFamily: n = pa,
    // The default font size of the Material Specification.
    fontSize: r = 14,
    // px
    fontWeightLight: s = 300,
    fontWeightRegular: i = 400,
    fontWeightMedium: a = 500,
    fontWeightBold: l = 700,
    // Tell MUI what's the font-size on the html element.
    // 16px is the default font-size used by browsers.
    htmlFontSize: c = 16,
    // Apply the CSS properties to all the variants.
    allVariants: u,
    pxToRem: d,
    ...h
  } = typeof t == "function" ? t(e) : t;
  process.env.NODE_ENV !== "production" && (typeof r != "number" && console.error("MUI: `fontSize` is required to be a number."), typeof c != "number" && console.error("MUI: `htmlFontSize` is required to be a number."));
  const v = r / 14, m = d || ((y) => `${y / c * v}rem`), g = (y, S, R, T, b) => ({
    fontFamily: n,
    fontWeight: y,
    fontSize: m(S),
    // Unitless following https://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/
    lineHeight: R,
    // The letter spacing was designed for the Roboto font-family. Using the same letter-spacing
    // across font-families can cause issues with the kerning.
    ...n === pa ? {
      letterSpacing: `${sh(T / S)}em`
    } : {},
    ...b,
    ...u
  }), p = {
    h1: g(s, 96, 1.167, -1.5),
    h2: g(s, 60, 1.2, -0.5),
    h3: g(i, 48, 1.167, 0),
    h4: g(i, 34, 1.235, 0.25),
    h5: g(i, 24, 1.334, 0),
    h6: g(a, 20, 1.6, 0.15),
    subtitle1: g(i, 16, 1.75, 0.15),
    subtitle2: g(a, 14, 1.57, 0.1),
    body1: g(i, 16, 1.5, 0.15),
    body2: g(i, 14, 1.43, 0.15),
    button: g(a, 14, 1.75, 0.4, da),
    caption: g(i, 12, 1.66, 0.4),
    overline: g(i, 12, 2.66, 1, da),
    // TODO v6: Remove handling of 'inherit' variant from the theme as it is already handled in Material UI's Typography component. Also, remember to remove the associated types.
    inherit: {
      fontFamily: "inherit",
      fontWeight: "inherit",
      fontSize: "inherit",
      lineHeight: "inherit",
      letterSpacing: "inherit"
    }
  };
  return Ve({
    htmlFontSize: c,
    pxToRem: m,
    fontFamily: n,
    fontSize: r,
    fontWeightLight: s,
    fontWeightRegular: i,
    fontWeightMedium: a,
    fontWeightBold: l,
    ...p
  }, h, {
    clone: !1
    // No need to clone deep
  });
}
const ah = 0.2, lh = 0.14, ch = 0.12;
function _e(...e) {
  return [`${e[0]}px ${e[1]}px ${e[2]}px ${e[3]}px rgba(0,0,0,${ah})`, `${e[4]}px ${e[5]}px ${e[6]}px ${e[7]}px rgba(0,0,0,${lh})`, `${e[8]}px ${e[9]}px ${e[10]}px ${e[11]}px rgba(0,0,0,${ch})`].join(",");
}
const uh = ["none", _e(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), _e(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), _e(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), _e(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), _e(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), _e(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), _e(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), _e(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), _e(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), _e(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), _e(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), _e(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), _e(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), _e(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), _e(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), _e(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), _e(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), _e(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), _e(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), _e(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), _e(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), _e(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), _e(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), _e(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)], dh = {
  // This is the most common easing curve.
  easeInOut: "cubic-bezier(0.4, 0, 0.2, 1)",
  // Objects enter the screen at full velocity from off-screen and
  // slowly decelerate to a resting point.
  easeOut: "cubic-bezier(0.0, 0, 0.2, 1)",
  // Objects leave the screen at full velocity. They do not decelerate when off-screen.
  easeIn: "cubic-bezier(0.4, 0, 1, 1)",
  // The sharp curve is used by objects that may return to the screen at any time.
  sharp: "cubic-bezier(0.4, 0, 0.6, 1)"
}, ph = {
  shortest: 150,
  shorter: 200,
  short: 250,
  // most basic recommended timing
  standard: 300,
  // this is to be used in complex animations
  complex: 375,
  // recommended when something is entering screen
  enteringScreen: 225,
  // recommended when something is leaving screen
  leavingScreen: 195
};
function fa(e) {
  return `${Math.round(e)}ms`;
}
function fh(e) {
  if (!e)
    return 0;
  const t = e / 36;
  return Math.min(Math.round((4 + 15 * t ** 0.25 + t / 5) * 10), 3e3);
}
function mh(e) {
  const t = {
    ...dh,
    ...e.easing
  }, n = {
    ...ph,
    ...e.duration
  };
  return {
    getAutoHeightDuration: fh,
    create: (s = ["all"], i = {}) => {
      const {
        duration: a = n.standard,
        easing: l = t.easeInOut,
        delay: c = 0,
        ...u
      } = i;
      if (process.env.NODE_ENV !== "production") {
        const d = (v) => typeof v == "string", h = (v) => !Number.isNaN(parseFloat(v));
        !d(s) && !Array.isArray(s) && console.error('MUI: Argument "props" must be a string or Array.'), !h(a) && !d(a) && console.error(`MUI: Argument "duration" must be a number or a string but found ${a}.`), d(l) || console.error('MUI: Argument "easing" must be a string.'), !h(c) && !d(c) && console.error('MUI: Argument "delay" must be a number or a string.'), typeof i != "object" && console.error(["MUI: Secong argument of transition.create must be an object.", "Arguments should be either `create('prop1', options)` or `create(['prop1', 'prop2'], options)`"].join(`
`)), Object.keys(u).length !== 0 && console.error(`MUI: Unrecognized argument(s) [${Object.keys(u).join(",")}].`);
      }
      return (Array.isArray(s) ? s : [s]).map((d) => `${d} ${typeof a == "string" ? a : fa(a)} ${l} ${typeof c == "string" ? c : fa(c)}`).join(",");
    },
    ...e,
    easing: t,
    duration: n
  };
}
const hh = {
  mobileStepper: 1e3,
  fab: 1050,
  speedDial: 1050,
  appBar: 1100,
  drawer: 1200,
  modal: 1300,
  snackbar: 1400,
  tooltip: 1500
};
function yh(e) {
  return ht(e) || typeof e > "u" || typeof e == "string" || typeof e == "boolean" || typeof e == "number" || Array.isArray(e);
}
function Gl(e = {}) {
  const t = {
    ...e
  };
  function n(r) {
    const s = Object.entries(r);
    for (let i = 0; i < s.length; i++) {
      const [a, l] = s[i];
      !yh(l) || a.startsWith("unstable_") ? delete r[a] : ht(l) && (r[a] = {
        ...l
      }, n(r[a]));
    }
  }
  return n(t), `import { unstable_createBreakpoints as createBreakpoints, createTransitions } from '@mui/material/styles';

const theme = ${JSON.stringify(t, null, 2)};

theme.breakpoints = createBreakpoints(theme.breakpoints || {});
theme.transitions = createTransitions(theme.transitions || {});

export default theme;`;
}
function ma(e) {
  return typeof e == "number" ? `${(e * 100).toFixed(0)}%` : `calc((${e}) * 100%)`;
}
const gh = (e) => {
  if (!Number.isNaN(+e))
    return +e;
  const t = e.match(/\d*\.?\d+/g);
  if (!t)
    return 0;
  let n = 0;
  for (let r = 0; r < t.length; r += 1)
    n += +t[r];
  return n;
};
function bh(e) {
  Object.assign(e, {
    alpha(t, n) {
      const r = this || e;
      return r.colorSpace ? `oklch(from ${t} l c h / ${typeof n == "string" ? `calc(${n})` : n})` : r.vars ? `rgba(${t.replace(/var\(--([^,\s)]+)(?:,[^)]+)?\)+/g, "var(--$1Channel)")} / ${typeof n == "string" ? `calc(${n})` : n})` : Nr(t, gh(n));
    },
    lighten(t, n) {
      const r = this || e;
      return r.colorSpace ? `color-mix(in ${r.colorSpace}, ${t}, #fff ${ma(n)})` : po(t, n);
    },
    darken(t, n) {
      const r = this || e;
      return r.colorSpace ? `color-mix(in ${r.colorSpace}, ${t}, #000 ${ma(n)})` : uo(t, n);
    }
  });
}
function ds(e = {}, ...t) {
  const {
    breakpoints: n,
    mixins: r = {},
    spacing: s,
    palette: i = {},
    transitions: a = {},
    typography: l = {},
    shape: c,
    colorSpace: u,
    ...d
  } = e;
  if (e.vars && // The error should throw only for the root theme creation because user is not allowed to use a custom node `vars`.
  // `generateThemeVars` is the closest identifier for checking that the `options` is a result of `createTheme` with CSS variables so that user can create new theme for nested ThemeProvider.
  e.generateThemeVars === void 0)
    throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `vars` is a private field used for CSS variables support.\nPlease use another name or follow the [docs](https://v7.mui.com/material-ui/customization/css-theme-variables/usage/) to enable the feature." : xt(20));
  const h = qs({
    ...i,
    colorSpace: u
  }), v = Ws(e);
  let m = Ve(v, {
    mixins: oh(v.breakpoints, r),
    palette: h,
    // Don't use [...shadows] until you've verified its transpiled code is not invoking the iterator protocol.
    shadows: uh.slice(),
    typography: ih(h, l),
    transitions: mh(a),
    zIndex: {
      ...hh
    }
  });
  if (m = Ve(m, d), m = t.reduce((g, p) => Ve(g, p), m), process.env.NODE_ENV !== "production") {
    const g = ["active", "checked", "completed", "disabled", "error", "expanded", "focused", "focusVisible", "required", "selected"], p = (y, S) => {
      let R;
      for (R in y) {
        const T = y[R];
        if (g.includes(R) && Object.keys(T).length > 0) {
          if (process.env.NODE_ENV !== "production") {
            const b = ce("", R);
            console.error([`MUI: The \`${S}\` component increases the CSS specificity of the \`${R}\` internal state.`, "You can not override it like this: ", JSON.stringify(y, null, 2), "", `Instead, you need to use the '&.${b}' syntax:`, JSON.stringify({
              root: {
                [`&.${b}`]: T
              }
            }, null, 2), "", "https://mui.com/r/state-classes-guide"].join(`
`));
          }
          y[R] = {};
        }
      }
    };
    Object.keys(m.components).forEach((y) => {
      const S = m.components[y].styleOverrides;
      S && y.startsWith("Mui") && p(S, y);
    });
  }
  return m.unstable_sxConfig = {
    ...tr,
    ...d == null ? void 0 : d.unstable_sxConfig
  }, m.unstable_sx = function(p) {
    return mn({
      sx: p,
      theme: this
    });
  }, m.toRuntimeSource = Gl, bh(m), m;
}
function ps(e) {
  let t;
  return e < 1 ? t = 5.11916 * e ** 2 : t = 4.5 * Math.log(e + 1) + 2, Math.round(t * 10) / 1e3;
}
const vh = [...Array(25)].map((e, t) => {
  if (t === 0)
    return "none";
  const n = ps(t);
  return `linear-gradient(rgba(255 255 255 / ${n}), rgba(255 255 255 / ${n}))`;
});
function Yl(e) {
  return {
    inputPlaceholder: e === "dark" ? 0.5 : 0.42,
    inputUnderline: e === "dark" ? 0.7 : 0.42,
    switchTrackDisabled: e === "dark" ? 0.2 : 0.12,
    switchTrack: e === "dark" ? 0.3 : 0.38
  };
}
function Kl(e) {
  return e === "dark" ? vh : [];
}
function Eh(e) {
  const {
    palette: t = {
      mode: "light"
    },
    // need to cast to avoid module augmentation test
    opacity: n,
    overlays: r,
    colorSpace: s,
    ...i
  } = e, a = qs({
    ...t,
    colorSpace: s
  });
  return {
    palette: a,
    opacity: {
      ...Yl(a.mode),
      ...n
    },
    overlays: r || Kl(a.mode),
    ...i
  };
}
function Sh(e) {
  var t;
  return !!e[0].match(/(cssVarPrefix|colorSchemeSelector|modularCssLayers|rootSelector|typography|mixins|breakpoints|direction|transitions)/) || !!e[0].match(/sxConfig$/) || // ends with sxConfig
  e[0] === "palette" && !!((t = e[1]) != null && t.match(/(mode|contrastThreshold|tonalOffset)/));
}
const Th = (e) => [...[...Array(25)].map((t, n) => `--${e ? `${e}-` : ""}overlays-${n}`), `--${e ? `${e}-` : ""}palette-AppBar-darkBg`, `--${e ? `${e}-` : ""}palette-AppBar-darkColor`], xh = (e) => (t, n) => {
  const r = e.rootSelector || ":root", s = e.colorSchemeSelector;
  let i = s;
  if (s === "class" && (i = ".%s"), s === "data" && (i = "[data-%s]"), s != null && s.startsWith("data-") && !s.includes("%s") && (i = `[${s}="%s"]`), e.defaultColorScheme === t) {
    if (t === "dark") {
      const a = {};
      return Th(e.cssVarPrefix).forEach((l) => {
        a[l] = n[l], delete n[l];
      }), i === "media" ? {
        [r]: n,
        "@media (prefers-color-scheme: dark)": {
          [r]: a
        }
      } : i ? {
        [i.replace("%s", t)]: a,
        [`${r}, ${i.replace("%s", t)}`]: n
      } : {
        [r]: {
          ...n,
          ...a
        }
      };
    }
    if (i && i !== "media")
      return `${r}, ${i.replace("%s", String(t))}`;
  } else if (t) {
    if (i === "media")
      return {
        [`@media (prefers-color-scheme: ${String(t)})`]: {
          [r]: n
        }
      };
    if (i)
      return i.replace("%s", String(t));
  }
  return r;
};
function Oh(e, t) {
  t.forEach((n) => {
    e[n] || (e[n] = {});
  });
}
function M(e, t, n) {
  !e[t] && n && (e[t] = n);
}
function Nn(e) {
  return typeof e != "string" || !e.startsWith("hsl") ? e : Vl(e);
}
function Et(e, t) {
  `${t}Channel` in e || (e[`${t}Channel`] = In(Nn(e[t]), `MUI: Can't create \`palette.${t}Channel\` because \`palette.${t}\` is not one of these formats: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().
To suppress this warning, you need to explicitly provide the \`palette.${t}Channel\` as a string (in rgb format, for example "12 12 12") or undefined if you want to remove the channel token.`));
}
function Rh(e) {
  return typeof e == "number" ? `${e}px` : typeof e == "string" || typeof e == "function" || Array.isArray(e) ? e : "8px";
}
const dt = (e) => {
  try {
    return e();
  } catch {
  }
}, wh = (e = "mui") => Hm(e);
function Wo(e, t, n, r, s) {
  if (!n)
    return;
  n = n === !0 ? {} : n;
  const i = s === "dark" ? "dark" : "light";
  if (!r) {
    t[s] = Eh({
      ...n,
      palette: {
        mode: i,
        ...n == null ? void 0 : n.palette
      },
      colorSpace: e
    });
    return;
  }
  const {
    palette: a,
    ...l
  } = ds({
    ...r,
    palette: {
      mode: i,
      ...n == null ? void 0 : n.palette
    },
    colorSpace: e
  });
  return t[s] = {
    ...n,
    palette: a,
    opacity: {
      ...Yl(i),
      ...n == null ? void 0 : n.opacity
    },
    overlays: (n == null ? void 0 : n.overlays) || Kl(i)
  }, l;
}
function Ch(e = {}, ...t) {
  const {
    colorSchemes: n = {
      light: !0
    },
    defaultColorScheme: r,
    disableCssColorScheme: s = !1,
    cssVarPrefix: i = "mui",
    nativeColor: a = !1,
    shouldSkipGeneratingVar: l = Sh,
    colorSchemeSelector: c = n.light && n.dark ? "media" : void 0,
    rootSelector: u = ":root",
    ...d
  } = e, h = Object.keys(n)[0], v = r || (n.light && h !== "light" ? "light" : h), m = wh(i), {
    [v]: g,
    light: p,
    dark: y,
    ...S
  } = n, R = {
    ...S
  };
  let T = g;
  if ((v === "dark" && !("dark" in n) || v === "light" && !("light" in n)) && (T = !0), !T)
    throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The \`colorSchemes.${v}\` option is either missing or invalid.` : xt(21, v));
  let b;
  a && (b = "oklch");
  const E = Wo(b, R, T, d, v);
  p && !R.light && Wo(b, R, p, void 0, "light"), y && !R.dark && Wo(b, R, y, void 0, "dark");
  let C = {
    defaultColorScheme: v,
    ...E,
    cssVarPrefix: i,
    colorSchemeSelector: c,
    rootSelector: u,
    getCssVar: m,
    colorSchemes: R,
    font: {
      ...rh(E.typography),
      ...E.font
    },
    spacing: Rh(d.spacing)
  };
  Object.keys(C.colorSchemes).forEach((F) => {
    const f = C.colorSchemes[F].palette, A = (j) => {
      const $ = j.split("-"), q = $[1], ee = $[2];
      return m(j, f[q][ee]);
    };
    f.mode === "light" && (M(f.common, "background", "#fff"), M(f.common, "onBackground", "#000")), f.mode === "dark" && (M(f.common, "background", "#000"), M(f.common, "onBackground", "#fff"));
    function I(j, $, q) {
      if (b) {
        let ee;
        return j === Mt && (ee = `transparent ${((1 - q) * 100).toFixed(0)}%`), j === xe && (ee = `#000 ${(q * 100).toFixed(0)}%`), j === Oe && (ee = `#fff ${(q * 100).toFixed(0)}%`), `color-mix(in ${b}, ${$}, ${ee})`;
      }
      return j($, q);
    }
    if (Oh(f, ["Alert", "AppBar", "Avatar", "Button", "Chip", "FilledInput", "LinearProgress", "Skeleton", "Slider", "SnackbarContent", "SpeedDialAction", "StepConnector", "StepContent", "Switch", "TableCell", "Tooltip"]), f.mode === "light") {
      M(f.Alert, "errorColor", I(xe, a ? m("palette-error-light") : f.error.light, 0.6)), M(f.Alert, "infoColor", I(xe, a ? m("palette-info-light") : f.info.light, 0.6)), M(f.Alert, "successColor", I(xe, a ? m("palette-success-light") : f.success.light, 0.6)), M(f.Alert, "warningColor", I(xe, a ? m("palette-warning-light") : f.warning.light, 0.6)), M(f.Alert, "errorFilledBg", A("palette-error-main")), M(f.Alert, "infoFilledBg", A("palette-info-main")), M(f.Alert, "successFilledBg", A("palette-success-main")), M(f.Alert, "warningFilledBg", A("palette-warning-main")), M(f.Alert, "errorFilledColor", dt(() => f.getContrastText(f.error.main))), M(f.Alert, "infoFilledColor", dt(() => f.getContrastText(f.info.main))), M(f.Alert, "successFilledColor", dt(() => f.getContrastText(f.success.main))), M(f.Alert, "warningFilledColor", dt(() => f.getContrastText(f.warning.main))), M(f.Alert, "errorStandardBg", I(Oe, a ? m("palette-error-light") : f.error.light, 0.9)), M(f.Alert, "infoStandardBg", I(Oe, a ? m("palette-info-light") : f.info.light, 0.9)), M(f.Alert, "successStandardBg", I(Oe, a ? m("palette-success-light") : f.success.light, 0.9)), M(f.Alert, "warningStandardBg", I(Oe, a ? m("palette-warning-light") : f.warning.light, 0.9)), M(f.Alert, "errorIconColor", A("palette-error-main")), M(f.Alert, "infoIconColor", A("palette-info-main")), M(f.Alert, "successIconColor", A("palette-success-main")), M(f.Alert, "warningIconColor", A("palette-warning-main")), M(f.AppBar, "defaultBg", A("palette-grey-100")), M(f.Avatar, "defaultBg", A("palette-grey-400")), M(f.Button, "inheritContainedBg", A("palette-grey-300")), M(f.Button, "inheritContainedHoverBg", A("palette-grey-A100")), M(f.Chip, "defaultBorder", A("palette-grey-400")), M(f.Chip, "defaultAvatarColor", A("palette-grey-700")), M(f.Chip, "defaultIconColor", A("palette-grey-700")), M(f.FilledInput, "bg", "rgba(0, 0, 0, 0.06)"), M(f.FilledInput, "hoverBg", "rgba(0, 0, 0, 0.09)"), M(f.FilledInput, "disabledBg", "rgba(0, 0, 0, 0.12)"), M(f.LinearProgress, "primaryBg", I(Oe, a ? m("palette-primary-main") : f.primary.main, 0.62)), M(f.LinearProgress, "secondaryBg", I(Oe, a ? m("palette-secondary-main") : f.secondary.main, 0.62)), M(f.LinearProgress, "errorBg", I(Oe, a ? m("palette-error-main") : f.error.main, 0.62)), M(f.LinearProgress, "infoBg", I(Oe, a ? m("palette-info-main") : f.info.main, 0.62)), M(f.LinearProgress, "successBg", I(Oe, a ? m("palette-success-main") : f.success.main, 0.62)), M(f.LinearProgress, "warningBg", I(Oe, a ? m("palette-warning-light") : f.warning.main, 0.62)), M(f.Skeleton, "bg", b ? I(Mt, a ? m("palette-text-primary") : f.text.primary, 0.11) : `rgba(${A("palette-text-primaryChannel")} / 0.11)`), M(f.Slider, "primaryTrack", I(Oe, a ? m("palette-primary-main") : f.primary.main, 0.62)), M(f.Slider, "secondaryTrack", I(Oe, a ? m("palette-secondary-main") : f.secondary.main, 0.62)), M(f.Slider, "errorTrack", I(Oe, a ? m("palette-error-main") : f.error.main, 0.62)), M(f.Slider, "infoTrack", I(Oe, a ? m("palette-info-main") : f.info.main, 0.62)), M(f.Slider, "successTrack", I(Oe, a ? m("palette-success-main") : f.success.main, 0.62)), M(f.Slider, "warningTrack", I(Oe, a ? m("palette-warning-main") : f.warning.main, 0.62));
      const j = b ? I(xe, a ? m("palette-background-default") : f.background.default, 0.6825) : fr(f.background.default, 0.8);
      M(f.SnackbarContent, "bg", j), M(f.SnackbarContent, "color", dt(() => b ? us.text.primary : f.getContrastText(j))), M(f.SpeedDialAction, "fabHoverBg", fr(f.background.paper, 0.15)), M(f.StepConnector, "border", A("palette-grey-400")), M(f.StepContent, "border", A("palette-grey-400")), M(f.Switch, "defaultColor", A("palette-common-white")), M(f.Switch, "defaultDisabledColor", A("palette-grey-100")), M(f.Switch, "primaryDisabledColor", I(Oe, a ? m("palette-primary-main") : f.primary.main, 0.62)), M(f.Switch, "secondaryDisabledColor", I(Oe, a ? m("palette-secondary-main") : f.secondary.main, 0.62)), M(f.Switch, "errorDisabledColor", I(Oe, a ? m("palette-error-main") : f.error.main, 0.62)), M(f.Switch, "infoDisabledColor", I(Oe, a ? m("palette-info-main") : f.info.main, 0.62)), M(f.Switch, "successDisabledColor", I(Oe, a ? m("palette-success-main") : f.success.main, 0.62)), M(f.Switch, "warningDisabledColor", I(Oe, a ? m("palette-warning-main") : f.warning.main, 0.62)), M(f.TableCell, "border", I(Oe, Mt(a ? m("palette-divider") : f.divider, 1), 0.88)), M(f.Tooltip, "bg", I(Mt, a ? m("palette-grey-700") : f.grey[700], 0.92));
    }
    if (f.mode === "dark") {
      M(f.Alert, "errorColor", I(Oe, a ? m("palette-error-light") : f.error.light, 0.6)), M(f.Alert, "infoColor", I(Oe, a ? m("palette-info-light") : f.info.light, 0.6)), M(f.Alert, "successColor", I(Oe, a ? m("palette-success-light") : f.success.light, 0.6)), M(f.Alert, "warningColor", I(Oe, a ? m("palette-warning-light") : f.warning.light, 0.6)), M(f.Alert, "errorFilledBg", A("palette-error-dark")), M(f.Alert, "infoFilledBg", A("palette-info-dark")), M(f.Alert, "successFilledBg", A("palette-success-dark")), M(f.Alert, "warningFilledBg", A("palette-warning-dark")), M(f.Alert, "errorFilledColor", dt(() => f.getContrastText(f.error.dark))), M(f.Alert, "infoFilledColor", dt(() => f.getContrastText(f.info.dark))), M(f.Alert, "successFilledColor", dt(() => f.getContrastText(f.success.dark))), M(f.Alert, "warningFilledColor", dt(() => f.getContrastText(f.warning.dark))), M(f.Alert, "errorStandardBg", I(xe, a ? m("palette-error-light") : f.error.light, 0.9)), M(f.Alert, "infoStandardBg", I(xe, a ? m("palette-info-light") : f.info.light, 0.9)), M(f.Alert, "successStandardBg", I(xe, a ? m("palette-success-light") : f.success.light, 0.9)), M(f.Alert, "warningStandardBg", I(xe, a ? m("palette-warning-light") : f.warning.light, 0.9)), M(f.Alert, "errorIconColor", A("palette-error-main")), M(f.Alert, "infoIconColor", A("palette-info-main")), M(f.Alert, "successIconColor", A("palette-success-main")), M(f.Alert, "warningIconColor", A("palette-warning-main")), M(f.AppBar, "defaultBg", A("palette-grey-900")), M(f.AppBar, "darkBg", A("palette-background-paper")), M(f.AppBar, "darkColor", A("palette-text-primary")), M(f.Avatar, "defaultBg", A("palette-grey-600")), M(f.Button, "inheritContainedBg", A("palette-grey-800")), M(f.Button, "inheritContainedHoverBg", A("palette-grey-700")), M(f.Chip, "defaultBorder", A("palette-grey-700")), M(f.Chip, "defaultAvatarColor", A("palette-grey-300")), M(f.Chip, "defaultIconColor", A("palette-grey-300")), M(f.FilledInput, "bg", "rgba(255, 255, 255, 0.09)"), M(f.FilledInput, "hoverBg", "rgba(255, 255, 255, 0.13)"), M(f.FilledInput, "disabledBg", "rgba(255, 255, 255, 0.12)"), M(f.LinearProgress, "primaryBg", I(xe, a ? m("palette-primary-main") : f.primary.main, 0.5)), M(f.LinearProgress, "secondaryBg", I(xe, a ? m("palette-secondary-main") : f.secondary.main, 0.5)), M(f.LinearProgress, "errorBg", I(xe, a ? m("palette-error-main") : f.error.main, 0.5)), M(f.LinearProgress, "infoBg", I(xe, a ? m("palette-info-main") : f.info.main, 0.5)), M(f.LinearProgress, "successBg", I(xe, a ? m("palette-success-main") : f.success.main, 0.5)), M(f.LinearProgress, "warningBg", I(xe, a ? m("palette-warning-main") : f.warning.main, 0.5)), M(f.Skeleton, "bg", b ? I(Mt, a ? m("palette-text-primary") : f.text.primary, 0.13) : `rgba(${A("palette-text-primaryChannel")} / 0.13)`), M(f.Slider, "primaryTrack", I(xe, a ? m("palette-primary-main") : f.primary.main, 0.5)), M(f.Slider, "secondaryTrack", I(xe, a ? m("palette-secondary-main") : f.secondary.main, 0.5)), M(f.Slider, "errorTrack", I(xe, a ? m("palette-error-main") : f.error.main, 0.5)), M(f.Slider, "infoTrack", I(xe, a ? m("palette-info-main") : f.info.main, 0.5)), M(f.Slider, "successTrack", I(xe, a ? m("palette-success-main") : f.success.main, 0.5)), M(f.Slider, "warningTrack", I(xe, a ? m("palette-warning-light") : f.warning.main, 0.5));
      const j = b ? I(Oe, a ? m("palette-background-default") : f.background.default, 0.985) : fr(f.background.default, 0.98);
      M(f.SnackbarContent, "bg", j), M(f.SnackbarContent, "color", dt(() => b ? Hl.text.primary : f.getContrastText(j))), M(f.SpeedDialAction, "fabHoverBg", fr(f.background.paper, 0.15)), M(f.StepConnector, "border", A("palette-grey-600")), M(f.StepContent, "border", A("palette-grey-600")), M(f.Switch, "defaultColor", A("palette-grey-300")), M(f.Switch, "defaultDisabledColor", A("palette-grey-600")), M(f.Switch, "primaryDisabledColor", I(xe, a ? m("palette-primary-main") : f.primary.main, 0.55)), M(f.Switch, "secondaryDisabledColor", I(xe, a ? m("palette-secondary-main") : f.secondary.main, 0.55)), M(f.Switch, "errorDisabledColor", I(xe, a ? m("palette-error-main") : f.error.main, 0.55)), M(f.Switch, "infoDisabledColor", I(xe, a ? m("palette-info-main") : f.info.main, 0.55)), M(f.Switch, "successDisabledColor", I(xe, a ? m("palette-success-main") : f.success.main, 0.55)), M(f.Switch, "warningDisabledColor", I(xe, a ? m("palette-warning-light") : f.warning.main, 0.55)), M(f.TableCell, "border", I(xe, Mt(a ? m("palette-divider") : f.divider, 1), 0.68)), M(f.Tooltip, "bg", I(Mt, a ? m("palette-grey-700") : f.grey[700], 0.92));
    }
    a || (Et(f.background, "default"), Et(f.background, "paper"), Et(f.common, "background"), Et(f.common, "onBackground"), Et(f, "divider")), Object.keys(f).forEach((j) => {
      const $ = f[j];
      j !== "tonalOffset" && !a && $ && typeof $ == "object" && ($.main && M(f[j], "mainChannel", In(Nn($.main))), $.light && M(f[j], "lightChannel", In(Nn($.light))), $.dark && M(f[j], "darkChannel", In(Nn($.dark))), $.contrastText && M(f[j], "contrastTextChannel", In(Nn($.contrastText))), j === "text" && (Et(f[j], "primary"), Et(f[j], "secondary")), j === "action" && ($.active && Et(f[j], "active"), $.selected && Et(f[j], "selected")));
    });
  }), C = t.reduce((F, f) => Ve(F, f), C);
  const k = {
    prefix: i,
    disableCssColorScheme: s,
    shouldSkipGeneratingVar: l,
    getSelector: xh(C),
    enableContrastVars: a
  }, {
    vars: B,
    generateThemeVars: D,
    generateStyleSheets: W
  } = Ym(C, k);
  return C.vars = B, Object.entries(C.colorSchemes[C.defaultColorScheme]).forEach(([F, f]) => {
    C[F] = f;
  }), C.generateThemeVars = D, C.generateStyleSheets = W, C.generateSpacing = function() {
    return $l(d.spacing, Vs(this));
  }, C.getColorSchemeSelector = Km(c), C.spacing = C.generateSpacing(), C.shouldSkipGeneratingVar = l, C.unstable_sxConfig = {
    ...tr,
    ...d == null ? void 0 : d.unstable_sxConfig
  }, C.unstable_sx = function(f) {
    return mn({
      sx: f,
      theme: this
    });
  }, C.toRuntimeSource = Gl, C;
}
function ha(e, t, n) {
  e.colorSchemes && n && (e.colorSchemes[t] = {
    ...n !== !0 && n,
    palette: qs({
      ...n === !0 ? {} : n.palette,
      mode: t
    })
    // cast type to skip module augmentation test
  });
}
function Ph(e = {}, ...t) {
  const {
    palette: n,
    cssVariables: r = !1,
    colorSchemes: s = n ? void 0 : {
      light: !0
    },
    defaultColorScheme: i = n == null ? void 0 : n.mode,
    ...a
  } = e, l = i || "light", c = s == null ? void 0 : s[l], u = {
    ...s,
    ...n ? {
      [l]: {
        ...typeof c != "boolean" && c,
        palette: n
      }
    } : void 0
  };
  if (r === !1) {
    if (!("colorSchemes" in e))
      return ds(e, ...t);
    let d = n;
    "palette" in e || u[l] && (u[l] !== !0 ? d = u[l].palette : l === "dark" && (d = {
      mode: "dark"
    }));
    const h = ds({
      ...e,
      palette: d
    }, ...t);
    return h.defaultColorScheme = l, h.colorSchemes = u, h.palette.mode === "light" && (h.colorSchemes.light = {
      ...u.light !== !0 && u.light,
      palette: h.palette
    }, ha(h, "dark", u.dark)), h.palette.mode === "dark" && (h.colorSchemes.dark = {
      ...u.dark !== !0 && u.dark,
      palette: h.palette
    }, ha(h, "light", u.light)), h;
  }
  return !n && !("light" in u) && l === "light" && (u.light = !0), Ch({
    ...a,
    colorSchemes: u,
    defaultColorScheme: l,
    ...typeof r != "boolean" && r
  }, ...t);
}
const Gs = Ph();
function fo() {
  const e = Ml(Gs);
  return process.env.NODE_ENV !== "production" && x.useDebugValue(e), e[Ns] || e;
}
function Xl(e) {
  return e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as";
}
const Ye = (e) => Xl(e) && e !== "classes", te = Cm({
  themeId: Ns,
  defaultTheme: Gs,
  rootShouldForwardProp: Ye
});
function ya(...e) {
  return e.reduce((t, n) => n == null ? t : function(...s) {
    t.apply(this, s), n.apply(this, s);
  }, () => {
  });
}
function Jl(e) {
  return /* @__PURE__ */ N.jsx(jl, {
    ...e,
    defaultTheme: Gs,
    themeId: Ns
  });
}
process.env.NODE_ENV !== "production" && (Jl.propTypes = {
  // ┌────────────────────────────── Warning ──────────────────────────────┐
  // │ These PropTypes are generated from the TypeScript type definitions. │
  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
  // └─────────────────────────────────────────────────────────────────────┘
  /**
   * The styles you want to apply globally.
   */
  styles: o.oneOfType([o.array, o.func, o.number, o.object, o.string, o.bool])
});
function _h(e) {
  return function(n) {
    return (
      // Pigment CSS `globalCss` support callback with theme inside an object but `GlobalStyles` support theme as a callback value.
      /* @__PURE__ */ N.jsx(Jl, {
        styles: typeof e == "function" ? (r) => e({
          theme: r,
          ...n
        }) : e
      })
    );
  };
}
function Ah() {
  return vm;
}
const Re = Wm;
process.env.NODE_ENV !== "production" && (o.node, o.object.isRequired);
function he(e) {
  return Um(e);
}
function Ih(e) {
  return ce("MuiSvgIcon", e);
}
ue("MuiSvgIcon", ["root", "colorPrimary", "colorSecondary", "colorAction", "colorError", "colorDisabled", "fontSizeInherit", "fontSizeSmall", "fontSizeMedium", "fontSizeLarge"]);
const Nh = (e) => {
  const {
    color: t,
    fontSize: n,
    classes: r
  } = e, s = {
    root: ["root", t !== "inherit" && `color${re(t)}`, `fontSize${re(n)}`]
  };
  return de(s, Ih, r);
}, kh = te("svg", {
  name: "MuiSvgIcon",
  slot: "Root",
  overridesResolver: (e, t) => {
    const {
      ownerState: n
    } = e;
    return [t.root, n.color !== "inherit" && t[`color${re(n.color)}`], t[`fontSize${re(n.fontSize)}`]];
  }
})(Re(({
  theme: e
}) => {
  var t, n, r, s, i, a, l, c, u, d, h, v, m, g;
  return {
    userSelect: "none",
    width: "1em",
    height: "1em",
    display: "inline-block",
    flexShrink: 0,
    transition: (s = (t = e.transitions) == null ? void 0 : t.create) == null ? void 0 : s.call(t, "fill", {
      duration: (r = (n = (e.vars ?? e).transitions) == null ? void 0 : n.duration) == null ? void 0 : r.shorter
    }),
    variants: [
      {
        props: (p) => !p.hasSvgAsChild,
        style: {
          // the <svg> will define the property that has `currentColor`
          // for example heroicons uses fill="none" and stroke="currentColor"
          fill: "currentColor"
        }
      },
      {
        props: {
          fontSize: "inherit"
        },
        style: {
          fontSize: "inherit"
        }
      },
      {
        props: {
          fontSize: "small"
        },
        style: {
          fontSize: ((a = (i = e.typography) == null ? void 0 : i.pxToRem) == null ? void 0 : a.call(i, 20)) || "1.25rem"
        }
      },
      {
        props: {
          fontSize: "medium"
        },
        style: {
          fontSize: ((c = (l = e.typography) == null ? void 0 : l.pxToRem) == null ? void 0 : c.call(l, 24)) || "1.5rem"
        }
      },
      {
        props: {
          fontSize: "large"
        },
        style: {
          fontSize: ((d = (u = e.typography) == null ? void 0 : u.pxToRem) == null ? void 0 : d.call(u, 35)) || "2.1875rem"
        }
      },
      // TODO v5 deprecate color prop, v6 remove for sx
      ...Object.entries((e.vars ?? e).palette).filter(([, p]) => p && p.main).map(([p]) => {
        var y, S;
        return {
          props: {
            color: p
          },
          style: {
            color: (S = (y = (e.vars ?? e).palette) == null ? void 0 : y[p]) == null ? void 0 : S.main
          }
        };
      }),
      {
        props: {
          color: "action"
        },
        style: {
          color: (v = (h = (e.vars ?? e).palette) == null ? void 0 : h.action) == null ? void 0 : v.active
        }
      },
      {
        props: {
          color: "disabled"
        },
        style: {
          color: (g = (m = (e.vars ?? e).palette) == null ? void 0 : m.action) == null ? void 0 : g.disabled
        }
      },
      {
        props: {
          color: "inherit"
        },
        style: {
          color: void 0
        }
      }
    ]
  };
})), kr = /* @__PURE__ */ x.forwardRef(function(t, n) {
  const r = he({
    props: t,
    name: "MuiSvgIcon"
  }), {
    children: s,
    className: i,
    color: a = "inherit",
    component: l = "svg",
    fontSize: c = "medium",
    htmlColor: u,
    inheritViewBox: d = !1,
    titleAccess: h,
    viewBox: v = "0 0 24 24",
    ...m
  } = r, g = /* @__PURE__ */ x.isValidElement(s) && s.type === "svg", p = {
    ...r,
    color: a,
    component: l,
    fontSize: c,
    instanceFontSize: t.fontSize,
    inheritViewBox: d,
    viewBox: v,
    hasSvgAsChild: g
  }, y = {};
  d || (y.viewBox = v);
  const S = Nh(p);
  return /* @__PURE__ */ N.jsxs(kh, {
    as: l,
    className: le(S.root, i),
    focusable: "false",
    color: u,
    "aria-hidden": h ? void 0 : !0,
    role: h ? "img" : void 0,
    ref: n,
    ...y,
    ...m,
    ...g && s.props,
    ownerState: p,
    children: [g ? s.props.children : s, h ? /* @__PURE__ */ N.jsx("title", {
      children: h
    }) : null]
  });
});
process.env.NODE_ENV !== "production" && (kr.propTypes = {
  // ┌────────────────────────────── Warning ──────────────────────────────┐
  // │ These PropTypes are generated from the TypeScript type definitions. │
  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
  // └─────────────────────────────────────────────────────────────────────┘
  /**
   * Node passed into the SVG element.
   */
  children: o.node,
  /**
   * Override or extend the styles applied to the component.
   */
  classes: o.object,
  /**
   * @ignore
   */
  className: o.string,
  /**
   * The color of the component.
   * It supports both default and custom theme colors, which can be added as shown in the
   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
   * You can use the `htmlColor` prop to apply a color attribute to the SVG element.
   * @default 'inherit'
   */
  color: o.oneOfType([o.oneOf(["inherit", "action", "disabled", "primary", "secondary", "error", "info", "success", "warning"]), o.string]),
  /**
   * The component used for the root node.
   * Either a string to use a HTML element or a component.
   */
  component: o.elementType,
  /**
   * The fontSize applied to the icon. Defaults to 24px, but can be configure to inherit font size.
   * @default 'medium'
   */
  fontSize: o.oneOfType([o.oneOf(["inherit", "large", "medium", "small"]), o.string]),
  /**
   * Applies a color attribute to the SVG element.
   */
  htmlColor: o.string,
  /**
   * If `true`, the root node will inherit the custom `component`'s viewBox and the `viewBox`
   * prop will be ignored.
   * Useful when you want to reference a custom `component` and have `SvgIcon` pass that
   * `component`'s viewBox to the root node.
   * @default false
   */
  inheritViewBox: o.bool,
  /**
   * The shape-rendering attribute. The behavior of the different options is described on the
   * [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Attribute/shape-rendering).
   * If you are having issues with blurry icons you should investigate this prop.
   */
  shapeRendering: o.string,
  /**
   * The system prop that allows defining system overrides as well as additional CSS styles.
   */
  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
  /**
   * Provides a human-readable title for the element that contains it.
   * https://www.w3.org/TR/SVG-access/#Equivalent
   */
  titleAccess: o.string,
  /**
   * Allows you to redefine what the coordinates without units mean inside an SVG element.
   * For example, if the SVG element is 500 (width) by 200 (height),
   * and you pass viewBox="0 0 50 20",
   * this means that the coordinates inside the SVG will go from the top left corner (0,0)
   * to bottom right (50,20) and each unit will be worth 10px.
   * @default '0 0 24 24'
   */
  viewBox: o.string
});
kr.muiName = "SvgIcon";
function rr(e, t) {
  function n(r, s) {
    return /* @__PURE__ */ N.jsx(kr, {
      "data-testid": process.env.NODE_ENV !== "production" ? `${t}Icon` : void 0,
      ref: s,
      ...r,
      children: e
    });
  }
  return process.env.NODE_ENV !== "production" && (n.displayName = `${t}Icon`), n.muiName = kr.muiName, /* @__PURE__ */ x.memo(/* @__PURE__ */ x.forwardRef(n));
}
function Zl(e, t = 166) {
  let n;
  function r(...s) {
    const i = () => {
      e.apply(this, s);
    };
    clearTimeout(n), n = setTimeout(i, t);
  }
  return r.clear = () => {
    clearTimeout(n);
  }, r;
}
function nt(e) {
  return e && e.ownerDocument || document;
}
function wt(e) {
  return nt(e).defaultView || window;
}
function ga(e, t) {
  typeof e == "function" ? e(t) : e && (e.current = t);
}
function fs(e) {
  const {
    controlled: t,
    default: n,
    name: r,
    state: s = "value"
  } = e, {
    current: i
  } = x.useRef(t !== void 0), [a, l] = x.useState(n), c = i ? t : a;
  if (process.env.NODE_ENV !== "production") {
    x.useEffect(() => {
      i !== (t !== void 0) && console.error([`MUI: A component is changing the ${i ? "" : "un"}controlled ${s} state of ${r} to be ${i ? "un" : ""}controlled.`, "Elements should not switch from uncontrolled to controlled (or vice versa).", `Decide between using a controlled or uncontrolled ${r} element for the lifetime of the component.`, "The nature of the state is determined during the first render. It's considered controlled if the value is not `undefined`.", "More info: https://fb.me/react-controlled-components"].join(`
`));
    }, [s, r, t]);
    const {
      current: d
    } = x.useRef(n);
    x.useEffect(() => {
      !i && JSON.stringify(n) !== JSON.stringify(d) && console.error([`MUI: A component is changing the default ${s} state of an uncontrolled ${r} after being initialized. To suppress this warning opt to use a controlled ${r}.`].join(`
`));
    }, [JSON.stringify(n)]);
  }
  const u = x.useCallback((d) => {
    i || l(d);
  }, []);
  return [c, u];
}
function Wt(e) {
  const t = x.useRef(e);
  return Rt(() => {
    t.current = e;
  }), x.useRef((...n) => (
    // @ts-expect-error hide `this`
    (0, t.current)(...n)
  )).current;
}
function We(...e) {
  const t = x.useRef(void 0), n = x.useCallback((r) => {
    const s = e.map((i) => {
      if (i == null)
        return null;
      if (typeof i == "function") {
        const a = i, l = a(r);
        return typeof l == "function" ? l : () => {
          a(null);
        };
      }
      return i.current = r, () => {
        i.current = null;
      };
    });
    return () => {
      s.forEach((i) => i == null ? void 0 : i());
    };
  }, e);
  return x.useMemo(() => e.every((r) => r == null) ? null : (r) => {
    t.current && (t.current(), t.current = void 0), r != null && (t.current = n(r));
  }, e);
}
function $h(e, t) {
  const n = e.charCodeAt(2);
  return e[0] === "o" && e[1] === "n" && n >= 65 && n <= 90 && typeof t == "function";
}
function Ql(e, t) {
  if (!e)
    return t;
  function n(a, l) {
    const c = {};
    return Object.keys(l).forEach((u) => {
      $h(u, l[u]) && typeof a[u] == "function" && (c[u] = (...d) => {
        a[u](...d), l[u](...d);
      });
    }), c;
  }
  if (typeof e == "function" || typeof t == "function")
    return (a) => {
      const l = typeof t == "function" ? t(a) : t, c = typeof e == "function" ? e({
        ...a,
        ...l
      }) : e, u = le(a == null ? void 0 : a.className, l == null ? void 0 : l.className, c == null ? void 0 : c.className), d = n(c, l);
      return {
        ...l,
        ...c,
        ...d,
        ...!!u && {
          className: u
        },
        ...(l == null ? void 0 : l.style) && (c == null ? void 0 : c.style) && {
          style: {
            ...l.style,
            ...c.style
          }
        },
        ...(l == null ? void 0 : l.sx) && (c == null ? void 0 : c.sx) && {
          sx: [...Array.isArray(l.sx) ? l.sx : [l.sx], ...Array.isArray(c.sx) ? c.sx : [c.sx]]
        }
      };
    };
  const r = t, s = n(e, r), i = le(r == null ? void 0 : r.className, e == null ? void 0 : e.className);
  return {
    ...t,
    ...e,
    ...s,
    ...!!i && {
      className: i
    },
    ...(r == null ? void 0 : r.style) && (e == null ? void 0 : e.style) && {
      style: {
        ...r.style,
        ...e.style
      }
    },
    ...(r == null ? void 0 : r.sx) && (e == null ? void 0 : e.sx) && {
      sx: [...Array.isArray(r.sx) ? r.sx : [r.sx], ...Array.isArray(e.sx) ? e.sx : [e.sx]]
    }
  };
}
function Xt(e, t) {
  return process.env.NODE_ENV === "production" ? () => null : function(...r) {
    return e(...r) || t(...r);
  };
}
function ec(e, t) {
  if (e == null) return {};
  var n = {};
  for (var r in e) if ({}.hasOwnProperty.call(e, r)) {
    if (t.indexOf(r) !== -1) continue;
    n[r] = e[r];
  }
  return n;
}
function ms(e, t) {
  return ms = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(n, r) {
    return n.__proto__ = r, n;
  }, ms(e, t);
}
function tc(e, t) {
  e.prototype = Object.create(t.prototype), e.prototype.constructor = e, ms(e, t);
}
const ba = {
  disabled: !1
};
var Mh = process.env.NODE_ENV !== "production" ? o.oneOfType([o.number, o.shape({
  enter: o.number,
  exit: o.number,
  appear: o.number
}).isRequired]) : null;
process.env.NODE_ENV !== "production" && o.oneOfType([o.string, o.shape({
  enter: o.string,
  exit: o.string,
  active: o.string
}), o.shape({
  enter: o.string,
  enterDone: o.string,
  enterActive: o.string,
  exit: o.string,
  exitDone: o.string,
  exitActive: o.string
})]);
const $r = at.createContext(null);
var jh = function(t) {
  return t.scrollTop;
}, kn = "unmounted", Dt = "exited", Bt = "entering", ln = "entered", hs = "exiting", gt = /* @__PURE__ */ function(e) {
  tc(t, e);
  function t(r, s) {
    var i;
    i = e.call(this, r, s) || this;
    var a = s, l = a && !a.isMounting ? r.enter : r.appear, c;
    return i.appearStatus = null, r.in ? l ? (c = Dt, i.appearStatus = Bt) : c = ln : r.unmountOnExit || r.mountOnEnter ? c = kn : c = Dt, i.state = {
      status: c
    }, i.nextCallback = null, i;
  }
  t.getDerivedStateFromProps = function(s, i) {
    var a = s.in;
    return a && i.status === kn ? {
      status: Dt
    } : null;
  };
  var n = t.prototype;
  return n.componentDidMount = function() {
    this.updateStatus(!0, this.appearStatus);
  }, n.componentDidUpdate = function(s) {
    var i = null;
    if (s !== this.props) {
      var a = this.state.status;
      this.props.in ? a !== Bt && a !== ln && (i = Bt) : (a === Bt || a === ln) && (i = hs);
    }
    this.updateStatus(!1, i);
  }, n.componentWillUnmount = function() {
    this.cancelNextCallback();
  }, n.getTimeouts = function() {
    var s = this.props.timeout, i, a, l;
    return i = a = l = s, s != null && typeof s != "number" && (i = s.exit, a = s.enter, l = s.appear !== void 0 ? s.appear : a), {
      exit: i,
      enter: a,
      appear: l
    };
  }, n.updateStatus = function(s, i) {
    if (s === void 0 && (s = !1), i !== null)
      if (this.cancelNextCallback(), i === Bt) {
        if (this.props.unmountOnExit || this.props.mountOnEnter) {
          var a = this.props.nodeRef ? this.props.nodeRef.current : cr.findDOMNode(this);
          a && jh(a);
        }
        this.performEnter(s);
      } else
        this.performExit();
    else this.props.unmountOnExit && this.state.status === Dt && this.setState({
      status: kn
    });
  }, n.performEnter = function(s) {
    var i = this, a = this.props.enter, l = this.context ? this.context.isMounting : s, c = this.props.nodeRef ? [l] : [cr.findDOMNode(this), l], u = c[0], d = c[1], h = this.getTimeouts(), v = l ? h.appear : h.enter;
    if (!s && !a || ba.disabled) {
      this.safeSetState({
        status: ln
      }, function() {
        i.props.onEntered(u);
      });
      return;
    }
    this.props.onEnter(u, d), this.safeSetState({
      status: Bt
    }, function() {
      i.props.onEntering(u, d), i.onTransitionEnd(v, function() {
        i.safeSetState({
          status: ln
        }, function() {
          i.props.onEntered(u, d);
        });
      });
    });
  }, n.performExit = function() {
    var s = this, i = this.props.exit, a = this.getTimeouts(), l = this.props.nodeRef ? void 0 : cr.findDOMNode(this);
    if (!i || ba.disabled) {
      this.safeSetState({
        status: Dt
      }, function() {
        s.props.onExited(l);
      });
      return;
    }
    this.props.onExit(l), this.safeSetState({
      status: hs
    }, function() {
      s.props.onExiting(l), s.onTransitionEnd(a.exit, function() {
        s.safeSetState({
          status: Dt
        }, function() {
          s.props.onExited(l);
        });
      });
    });
  }, n.cancelNextCallback = function() {
    this.nextCallback !== null && (this.nextCallback.cancel(), this.nextCallback = null);
  }, n.safeSetState = function(s, i) {
    i = this.setNextCallback(i), this.setState(s, i);
  }, n.setNextCallback = function(s) {
    var i = this, a = !0;
    return this.nextCallback = function(l) {
      a && (a = !1, i.nextCallback = null, s(l));
    }, this.nextCallback.cancel = function() {
      a = !1;
    }, this.nextCallback;
  }, n.onTransitionEnd = function(s, i) {
    this.setNextCallback(i);
    var a = this.props.nodeRef ? this.props.nodeRef.current : cr.findDOMNode(this), l = s == null && !this.props.addEndListener;
    if (!a || l) {
      setTimeout(this.nextCallback, 0);
      return;
    }
    if (this.props.addEndListener) {
      var c = this.props.nodeRef ? [this.nextCallback] : [a, this.nextCallback], u = c[0], d = c[1];
      this.props.addEndListener(u, d);
    }
    s != null && setTimeout(this.nextCallback, s);
  }, n.render = function() {
    var s = this.state.status;
    if (s === kn)
      return null;
    var i = this.props, a = i.children;
    i.in, i.mountOnEnter, i.unmountOnExit, i.appear, i.enter, i.exit, i.timeout, i.addEndListener, i.onEnter, i.onEntering, i.onEntered, i.onExit, i.onExiting, i.onExited, i.nodeRef;
    var l = ec(i, ["children", "in", "mountOnEnter", "unmountOnExit", "appear", "enter", "exit", "timeout", "addEndListener", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "nodeRef"]);
    return (
      // allows for nested Transitions
      /* @__PURE__ */ at.createElement($r.Provider, {
        value: null
      }, typeof a == "function" ? a(s, l) : at.cloneElement(at.Children.only(a), l))
    );
  }, t;
}(at.Component);
gt.contextType = $r;
gt.propTypes = process.env.NODE_ENV !== "production" ? {
  /**
   * A React reference to DOM element that need to transition:
   * https://stackoverflow.com/a/51127130/4671932
   *
   *   - 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: o.shape({
    current: typeof Element > "u" ? o.any : function(e, t, n, r, s, i) {
      var a = e[t];
      return o.instanceOf(a && "ownerDocument" in a ? a.ownerDocument.defaultView.Element : Element)(e, t, n, r, s, 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 in={this.state.in} timeout={150}>
   *   {state => (
   *     <MyComponent className={`fade fade-${state}`} />
   *   )}
   * </Transition>
   * ```
   */
  children: o.oneOfType([o.func.isRequired, o.element.isRequired]).isRequired,
  /**
   * Show the component; triggers the enter or exit states
   */
  in: o.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: o.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: o.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: o.bool,
  /**
   * Enable or disable enter transitions.
   */
  enter: o.bool,
  /**
   * Enable or disable exit transitions.
   */
  exit: o.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: function(t) {
    var n = Mh;
    t.addEndListener || (n = n.isRequired);
    for (var r = arguments.length, s = new Array(r > 1 ? r - 1 : 0), i = 1; i < r; i++)
      s[i - 1] = arguments[i];
    return n.apply(void 0, [t].concat(s));
  },
  /**
   * 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.
   *
   * ```jsx
   * addEndListener={(node, done) => {
   *   // use the css transitionend event to mark the finish of a transition
   *   node.addEventListener('transitionend', done, false);
   * }}
   * ```
   */
  addEndListener: o.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.
   *
   * @type Function(node: HtmlElement, isAppearing: bool) -> void
   */
  onEnter: o.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.
   *
   * @type Function(node: HtmlElement, isAppearing: bool)
   */
  onEntering: o.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.
   *
   * @type Function(node: HtmlElement, isAppearing: bool) -> void
   */
  onEntered: o.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: o.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: o.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: o.func
} : {};
function an() {
}
gt.defaultProps = {
  in: !1,
  mountOnEnter: !1,
  unmountOnExit: !1,
  appear: !1,
  enter: !0,
  exit: !0,
  onEnter: an,
  onEntering: an,
  onEntered: an,
  onExit: an,
  onExiting: an,
  onExited: an
};
gt.UNMOUNTED = kn;
gt.EXITED = Dt;
gt.ENTERING = Bt;
gt.ENTERED = ln;
gt.EXITING = hs;
function Lh(e) {
  if (e === void 0) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
  return e;
}
function Ys(e, t) {
  var n = function(i) {
    return t && gr(i) ? t(i) : i;
  }, r = /* @__PURE__ */ Object.create(null);
  return e && Zc.map(e, function(s) {
    return s;
  }).forEach(function(s) {
    r[s.key] = n(s);
  }), r;
}
function Dh(e, t) {
  e = e || {}, t = t || {};
  function n(d) {
    return d in t ? t[d] : e[d];
  }
  var r = /* @__PURE__ */ Object.create(null), s = [];
  for (var i in e)
    i in t ? s.length && (r[i] = s, s = []) : s.push(i);
  var a, l = {};
  for (var c in t) {
    if (r[c])
      for (a = 0; a < r[c].length; a++) {
        var u = r[c][a];
        l[r[c][a]] = n(u);
      }
    l[c] = n(c);
  }
  for (a = 0; a < s.length; a++)
    l[s[a]] = n(s[a]);
  return l;
}
function Vt(e, t, n) {
  return n[t] != null ? n[t] : e.props[t];
}
function Bh(e, t) {
  return Ys(e.children, function(n) {
    return br(n, {
      onExited: t.bind(null, n),
      in: !0,
      appear: Vt(n, "appear", e),
      enter: Vt(n, "enter", e),
      exit: Vt(n, "exit", e)
    });
  });
}
function Fh(e, t, n) {
  var r = Ys(e.children), s = Dh(t, r);
  return Object.keys(s).forEach(function(i) {
    var a = s[i];
    if (gr(a)) {
      var l = i in t, c = i in r, u = t[i], d = gr(u) && !u.props.in;
      c && (!l || d) ? s[i] = br(a, {
        onExited: n.bind(null, a),
        in: !0,
        exit: Vt(a, "exit", e),
        enter: Vt(a, "enter", e)
      }) : !c && l && !d ? s[i] = br(a, {
        in: !1
      }) : c && l && gr(u) && (s[i] = br(a, {
        onExited: n.bind(null, a),
        in: u.props.in,
        exit: Vt(a, "exit", e),
        enter: Vt(a, "enter", e)
      }));
    }
  }), s;
}
var Uh = Object.values || function(e) {
  return Object.keys(e).map(function(t) {
    return e[t];
  });
}, Vh = {
  component: "div",
  childFactory: function(t) {
    return t;
  }
}, Ks = /* @__PURE__ */ function(e) {
  tc(t, e);
  function t(r, s) {
    var i;
    i = e.call(this, r, s) || this;
    var a = i.handleExited.bind(Lh(i));
    return i.state = {
      contextValue: {
        isMounting: !0
      },
      handleExited: a,
      firstRender: !0
    }, i;
  }
  var n = t.prototype;
  return n.componentDidMount = function() {
    this.mounted = !0, this.setState({
      contextValue: {
        isMounting: !1
      }
    });
  }, n.componentWillUnmount = function() {
    this.mounted = !1;
  }, t.getDerivedStateFromProps = function(s, i) {
    var a = i.children, l = i.handleExited, c = i.firstRender;
    return {
      children: c ? Bh(s, l) : Fh(s, a, l),
      firstRender: !1
    };
  }, n.handleExited = function(s, i) {
    var a = Ys(this.props.children);
    s.key in a || (s.props.onExited && s.props.onExited(i), this.mounted && this.setState(function(l) {
      var c = Pr({}, l.children);
      return delete c[s.key], {
        children: c
      };
    }));
  }, n.render = function() {
    var s = this.props, i = s.component, a = s.childFactory, l = ec(s, ["component", "childFactory"]), c = this.state.contextValue, u = Uh(this.state.children).map(a);
    return delete l.appear, delete l.enter, delete l.exit, i === null ? /* @__PURE__ */ at.createElement($r.Provider, {
      value: c
    }, u) : /* @__PURE__ */ at.createElement($r.Provider, {
      value: c
    }, /* @__PURE__ */ at.createElement(i, l, u));
  }, t;
}(at.Component);
Ks.propTypes = process.env.NODE_ENV !== "production" ? {
  /**
   * `<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: o.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: o.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: o.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: o.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: o.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: o.func
} : {};
Ks.defaultProps = Vh;
const va = {};
function nc(e, t) {
  const n = x.useRef(va);
  return n.current === va && (n.current = e(t)), n;
}
const zh = [];
function Wh(e) {
  x.useEffect(e, zh);
}
class Xs {
  constructor() {
    Sn(this, "currentId", null);
    Sn(this, "clear", () => {
      this.currentId !== null && (clearTimeout(this.currentId), this.currentId = null);
    });
    Sn(this, "disposeEffect", () => this.clear);
  }
  static create() {
    return new Xs();
  }
  /**
   * Executes `fn` after `delay`, clearing any previously scheduled call.
   */
  start(t, n) {
    this.clear(), this.currentId = setTimeout(() => {
      this.currentId = null, n();
    }, t);
  }
}
function rc() {
  const e = nc(Xs.create).current;
  return Wh(e.disposeEffect), e;
}
function Hh(e) {
  const {
    prototype: t = {}
  } = e;
  return !!t.isReactComponent;
}
function qh(e, t, n, r, s) {
  const i = e[t], a = s || t;
  if (i == null || // When server-side rendering React doesn't warn either.
  // This is not an accurate check for SSR.
  // This is only in place for emotion compat.
  // TODO: Revisit once https://github.com/facebook/react/issues/20047 is resolved.
  typeof window > "u")
    return null;
  let l;
  return typeof i == "function" && !Hh(i) && (l = "Did you accidentally provide a plain function component instead?"), i === x.Fragment && (l = "Did you accidentally provide a React.Fragment instead?"), l !== void 0 ? new Error(`Invalid ${r} \`${a}\` supplied to \`${n}\`. Expected an element type that can hold a ref. ${l} For more information see https://v7.mui.com/r/caveat-with-refs-guide`) : null;
}
const Js = Xt(o.elementType, qh), oc = (e) => e.scrollTop;
function tt(e, t) {
  return (n) => {
    if (t) {
      const r = e.current;
      n === void 0 ? t(r) : t(r, n);
    }
  };
}
function sc(e, t, n, r, s, i) {
  const a = e === "exited" && !t ? r : n[e] || n.exited;
  return s || i ? {
    ...a,
    ...s,
    ...i
  } : a;
}
function Mr(e, t) {
  const {
    timeout: n,
    easing: r,
    style: s = {}
  } = e;
  return {
    duration: s.transitionDuration ?? (typeof n == "number" ? n : n[t.mode] || 0),
    easing: s.transitionTimingFunction ?? (typeof r == "object" ? r[t.mode] : r),
    delay: s.transitionDelay
  };
}
function jr(e) {
  return typeof e == "string";
}
function ic(e, t, n) {
  return e === void 0 || jr(e) ? t : {
    ...t,
    ownerState: {
      ...t.ownerState,
      ...n
    }
  };
}
function ac(e, t, n) {
  return typeof e == "function" ? e(t, n) : e;
}
function lc(e, t = []) {
  if (e === void 0)
    return {};
  const n = {};
  return Object.keys(e).filter((r) => r.match(/^on[A-Z]/) && typeof e[r] == "function" && !t.includes(r)).forEach((r) => {
    n[r] = e[r];
  }), n;
}
function Ea(e) {
  if (e === void 0)
    return {};
  const t = {};
  return Object.keys(e).filter((n) => !(n.match(/^on[A-Z]/) && typeof e[n] == "function")).forEach((n) => {
    t[n] = e[n];
  }), t;
}
function cc(e) {
  const {
    getSlotProps: t,
    additionalProps: n,
    externalSlotProps: r,
    externalForwardedProps: s,
    className: i
  } = e;
  if (!t) {
    const m = le(n == null ? void 0 : n.className, i, s == null ? void 0 : s.className, r == null ? void 0 : r.className), g = {
      ...n == null ? void 0 : n.style,
      ...s == null ? void 0 : s.style,
      ...r == null ? void 0 : r.style
    }, p = {
      ...n,
      ...s,
      ...r
    };
    return m.length > 0 && (p.className = m), Object.keys(g).length > 0 && (p.style = g), {
      props: p,
      internalRef: void 0
    };
  }
  const a = lc({
    ...s,
    ...r
  }), l = Ea(r), c = Ea(s), u = t(a), d = le(u == null ? void 0 : u.className, n == null ? void 0 : n.className, i, s == null ? void 0 : s.className, r == null ? void 0 : r.className), h = {
    ...u == null ? void 0 : u.style,
    ...n == null ? void 0 : n.style,
    ...s == null ? void 0 : s.style,
    ...r == null ? void 0 : r.style
  }, v = {
    ...u,
    ...n,
    ...c,
    ...l
  };
  return d.length > 0 && (v.className = d), Object.keys(h).length > 0 && (v.style = h), {
    props: v,
    internalRef: u.ref
  };
}
function Pe(e, t) {
  const {
    className: n,
    elementType: r,
    ownerState: s,
    externalForwardedProps: i,
    internalForwardedProps: a,
    shouldForwardComponentProp: l = !1,
    ...c
  } = t, {
    component: u,
    slots: d = {
      [e]: void 0
    },
    slotProps: h = {
      [e]: void 0
    },
    ...v
  } = i, m = d[e] || r, g = ac(h[e], s), {
    props: {
      component: p,
      ...y
    },
    internalRef: S
  } = cc({
    className: n,
    ...c,
    externalForwardedProps: e === "root" ? v : void 0,
    externalSlotProps: g
  }), R = We(S, g == null ? void 0 : g.ref, t.ref), T = e === "root" ? p || u : p, b = ic(m, {
    ...e === "root" && !u && !d[e] && a,
    ...e !== "root" && !d[e] && a,
    ...y,
    ...T && !l && {
      as: T
    },
    ...T && l && {
      component: T
    },
    ref: R
  }, s);
  return [m, b];
}
function Gh(e) {
  const t = typeof e;
  switch (t) {
    case "number":
      return Number.isNaN(e) ? "NaN" : Number.isFinite(e) ? e !== Math.floor(e) ? "float" : "number" : "Infinity";
    case "object":
      return e === null ? "null" : e.constructor.name;
    default:
      return t;
  }
}
function uc(e, t, n, r) {
  const s = e[t];
  if (s == null || !Number.isInteger(s)) {
    const i = Gh(s);
    return new RangeError(`Invalid ${r} \`${t}\` of type \`${i}\` supplied to \`${n}\`, expected \`integer\`.`);
  }
  return null;
}
function dc(e, t, n, r) {
  return e[t] === void 0 ? null : uc(e, t, n, r);
}
function ys() {
  return null;
}
dc.isRequired = uc;
ys.isRequired = ys;
const pc = process.env.NODE_ENV === "production" ? ys : dc;
function Yh(e) {
  return ce("MuiPaper", e);
}
ue("MuiPaper", ["root", "rounded", "outlined", "elevation", "elevation0", "elevation1", "elevation2", "elevation3", "elevation4", "elevation5", "elevation6", "elevation7", "elevation8", "elevation9", "elevation10", "elevation11", "elevation12", "elevation13", "elevation14", "elevation15", "elevation16", "elevation17", "elevation18", "elevation19", "elevation20", "elevation21", "elevation22", "elevation23", "elevation24"]);
const Kh = (e) => {
  const {
    square: t,
    elevation: n,
    variant: r,
    classes: s
  } = e, i = {
    root: ["root", r, !t && "rounded", r === "elevation" && `elevation${n}`]
  };
  return de(i, Yh, s);
}, Xh = te("div", {
  name: "MuiPaper",
  slot: "Root",
  overridesResolver: (e, t) => {
    const {
      ownerState: n
    } = e;
    return [t.root, t[n.variant], !n.square && t.rounded, n.variant === "elevation" && t[`elevation${n.elevation}`]];
  }
})(Re(({
  theme: e
}) => ({
  backgroundColor: (e.vars || e).palette.background.paper,
  color: (e.vars || e).palette.text.primary,
  transition: e.transitions.create("box-shadow"),
  variants: [{
    props: ({
      ownerState: t
    }) => !t.square,
    style: {
      borderRadius: e.shape.borderRadius
    }
  }, {
    props: {
      variant: "outlined"
    },
    style: {
      border: `1px solid ${(e.vars || e).palette.divider}`
    }
  }, {
    props: {
      variant: "elevation"
    },
    style: {
      boxShadow: "var(--Paper-shadow)",
      backgroundImage: "var(--Paper-overlay)"
    }
  }]
}))), mo = /* @__PURE__ */ x.forwardRef(function(t, n) {
  var m;
  const r = he({
    props: t,
    name: "MuiPaper"
  }), s = fo(), {
    className: i,
    component: a = "div",
    elevation: l = 1,
    square: c = !1,
    variant: u = "elevation",
    ...d
  } = r, h = {
    ...r,
    component: a,
    elevation: l,
    square: c,
    variant: u
  }, v = Kh(h);
  return process.env.NODE_ENV !== "production" && s.shadows[l] === void 0 && console.error([`MUI: The elevation provided <Paper elevation={${l}}> is not available in the theme.`, `Please make sure that \`theme.shadows[${l}]\` is defined.`].join(`
`)), /* @__PURE__ */ N.jsx(Xh, {
    as: a,
    ownerState: h,
    className: le(v.root, i),
    ref: n,
    ...d,
    style: {
      ...u === "elevation" && {
        "--Paper-shadow": (s.vars || s).shadows[l],
        ...s.vars && {
          "--Paper-overlay": (m = s.vars.overlays) == null ? void 0 : m[l]
        },
        ...!s.vars && s.palette.mode === "dark" && {
          "--Paper-overlay": `linear-gradient(${Nr("#fff", ps(l))}, ${Nr("#fff", ps(l))})`
        }
      },
      ...d.style
    }
  });
});
process.env.NODE_ENV !== "production" && (mo.propTypes = {
  // ┌────────────────────────────── Warning ──────────────────────────────┐
  // │ These PropTypes are generated from the TypeScript type definitions. │
  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
  // └─────────────────────────────────────────────────────────────────────┘
  /**
   * The content of the component.
   */
  children: o.node,
  /**
   * Override or extend the styles applied to the component.
   */
  classes: o.object,
  /**
   * @ignore
   */
  className: o.string,
  /**
   * The component used for the root node.
   * Either a string to use a HTML element or a component.
   */
  component: o.elementType,
  /**
   * Shadow depth, corresponds to `dp` in the spec.
   * It accepts values between 0 and 24 inclusive.
   * @default 1
   */
  elevation: Xt(pc, (e) => {
    const {
      elevation: t,
      variant: n
    } = e;
    return t > 0 && n === "outlined" ? new Error(`MUI: Combining \`elevation={${t}}\` with \`variant="${n}"\` has no effect. Either use \`elevation={0}\` or use a different \`variant\`.`) : null;
  }),
  /**
   * If `true`, rounded corners are disabled.
   * @default false
   */
  square: o.bool,
  /**
   * @ignore
   */
  style: o.object,
  /**
   * The system prop that allows defining system overrides as well as additional CSS styles.
   */
  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
  /**
   * The variant to use.
   * @default 'elevation'
   */
  variant: o.oneOfType([o.oneOf(["elevation", "outlined"]), o.string])
});
const bt = o.oneOfType([o.func, o.object]);
function Sa(e) {
  try {
    return e.matches(":focus-visible");
  } catch {
    process.env.NODE_ENV !== "production" && !window.navigator.userAgent.includes("jsdom") && console.warn(["MUI: The `:focus-visible` pseudo class is not supported in this browser.", "Some components rely on this feature to work properly."].join(`
`));
  }
  return !1;
}
class Lr {
  constructor() {
    Sn(this, "mountEffect", () => {
      this.shouldMount && !this.didMount && this.ref.current !== null && (this.didMount = !0, this.mounted.resolve());
    });
    this.ref = {
      current: null
    }, this.mounted = null, this.didMount = !1, this.shouldMount = !1, this.setShouldMount = null;
  }
  /** React ref to the ripple instance */
  /** If the ripple component should be mounted */
  /** Promise that resolves when the ripple component is mounted */
  /** If the ripple component has been mounted */
  /** React state hook setter */
  static create() {
    return new Lr();
  }
  static use() {
    const t = nc(Lr.create).current, [n, r] = x.useState(!1);
    return t.shouldMount = n, t.setShouldMount = r, x.useEffect(t.mountEffect, [n]), t;
  }
  mount() {
    return this.mounted || (this.mounted = Zh(), this.shouldMount = !0, this.setShouldMount(this.shouldMount)), this.mounted;
  }
  /* Ripple API */
  start(...t) {
    this.mount().then(() => {
      var n;
      return (n = this.ref.current) == null ? void 0 : n.start(...t);
    });
  }
  stop(...t) {
    this.mount().then(() => {
      var n;
      return (n = this.ref.current) == null ? void 0 : n.stop(...t);
    });
  }
  pulsate(...t) {
    this.mount().then(() => {
      var n;
      return (n = this.ref.current) == null ? void 0 : n.pulsate(...t);
    });
  }
}
function Jh() {
  return Lr.use();
}
function Zh() {
  let e, t;
  const n = new Promise((r, s) => {
    e = r, t = s;
  });
  return n.resolve = e, n.reject = t, n;
}
function fc(e) {
  const {
    className: t,
    classes: n,
    pulsate: r = !1,
    rippleX: s,
    rippleY: i,
    rippleSize: a,
    in: l,
    onExited: c,
    timeout: u
  } = e, [d, h] = x.useState(!1), v = le(t, n.ripple, n.rippleVisible, r && n.ripplePulsate), m = {
    width: a,
    height: a,
    top: -(a / 2) + i,
    left: -(a / 2) + s
  }, g = le(n.child, d && n.childLeaving, r && n.childPulsate);
  return !l && !d && h(!0), x.useEffect(() => {
    if (!l && c != null) {
      const p = setTimeout(c, u);
      return () => {
        clearTimeout(p);
      };
    }
  }, [c, l, u]), /* @__PURE__ */ N.jsx("span", {
    className: v,
    style: m,
    children: /* @__PURE__ */ N.jsx("span", {
      className: g
    })
  });
}
process.env.NODE_ENV !== "production" && (fc.propTypes = {
  /**
   * Override or extend the styles applied to the component.
   */
  classes: o.object.isRequired,
  className: o.string,
  /**
   * @ignore - injected from TransitionGroup
   */
  in: o.bool,
  /**
   * @ignore - injected from TransitionGroup
   */
  onExited: o.func,
  /**
   * If `true`, the ripple pulsates, typically indicating the keyboard focus state of an element.
   */
  pulsate: o.bool,
  /**
   * Diameter of the ripple.
   */
  rippleSize: o.number,
  /**
   * Horizontal position of the ripple center.
   */
  rippleX: o.number,
  /**
   * Vertical position of the ripple center.
   */
  rippleY: o.number,
  /**
   * exit delay
   */
  timeout: o.number.isRequired
});
const Qe = ue("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsate", "child", "childLeaving", "childPulsate"]), gs = 550, Qh = 80, ey = Zn`
  0% {
    transform: scale(0);
    opacity: 0.1;
  }

  100% {
    transform: scale(1);
    opacity: 0.3;
  }
`, ty = Zn`
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
`, ny = Zn`
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(0.92);
  }

  100% {
    transform: scale(1);
  }
`, ry = te("span", {
  name: "MuiTouchRipple",
  slot: "Root"
})({
  overflow: "hidden",
  pointerEvents: "none",
  position: "absolute",
  zIndex: 0,
  top: 0,
  right: 0,
  bottom: 0,
  left: 0,
  borderRadius: "inherit"
}), oy = te(fc, {
  name: "MuiTouchRipple",
  slot: "Ripple"
})`
  opacity: 0;
  position: absolute;

  &.${Qe.rippleVisible} {
    opacity: 0.3;
    transform: scale(1);
    animation-name: ${ey};
    animation-duration: ${gs}ms;
    animation-timing-function: ${({
  theme: e
}) => e.transitions.easing.easeInOut};
  }

  &.${Qe.ripplePulsate} {
    animation-duration: ${({
  theme: e
}) => e.transitions.duration.shorter}ms;
  }

  & .${Qe.child} {
    opacity: 1;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: currentColor;
  }

  & .${Qe.childLeaving} {
    opacity: 0;
    animation-name: ${ty};
    animation-duration: ${gs}ms;
    animation-timing-function: ${({
  theme: e
}) => e.transitions.easing.easeInOut};
  }

  & .${Qe.childPulsate} {
    position: absolute;
    /* @noflip */
    left: 0px;
    top: 0;
    animation-name: ${ny};
    animation-duration: 2500ms;
    animation-timing-function: ${({
  theme: e
}) => e.transitions.easing.easeInOut};
    animation-iteration-count: infinite;
    animation-delay: 200ms;
  }
`, mc = /* @__PURE__ */ x.forwardRef(function(t, n) {
  const r = he({
    props: t,
    name: "MuiTouchRipple"
  }), {
    center: s = !1,
    classes: i = {},
    className: a,
    ...l
  } = r, [c, u] = x.useState([]), d = x.useRef(0), h = x.useRef(null);
  x.useEffect(() => {
    h.current && (h.current(), h.current = null);
  }, [c]);
  const v = x.useRef(!1), m = rc(), g = x.useRef(null), p = x.useRef(null), y = x.useCallback((b) => {
    const {
      pulsate: E,
      rippleX: C,
      rippleY: k,
      rippleSize: B,
      cb: D
    } = b;
    u((W) => [...W, /* @__PURE__ */ N.jsx(oy, {
      classes: {
        ripple: le(i.ripple, Qe.ripple),
        rippleVisible: le(i.rippleVisible, Qe.rippleVisible),
        ripplePulsate: le(i.ripplePulsate, Qe.ripplePulsate),
        child: le(i.child, Qe.child),
        childLeaving: le(i.childLeaving, Qe.childLeaving),
        childPulsate: le(i.childPulsate, Qe.childPulsate)
      },
      timeout: gs,
      pulsate: E,
      rippleX: C,
      rippleY: k,
      rippleSize: B
    }, d.current)]), d.current += 1, h.current = D;
  }, [i]), S = x.useCallback((b = {}, E = {}, C = () => {
  }) => {
    const {
      pulsate: k = !1,
      center: B = s || E.pulsate,
      fakeElement: D = !1
      // For test purposes
    } = E;
    if ((b == null ? void 0 : b.type) === "mousedown" && v.current) {
      v.current = !1;
      return;
    }
    (b == null ? void 0 : b.type) === "touchstart" && (v.current = !0);
    const W = D ? null : p.current, F = W ? W.getBoundingClientRect() : {
      width: 0,
      height: 0,
      left: 0,
      top: 0
    };
    let f, A, I;
    if (B || b === void 0 || b.clientX === 0 && b.clientY === 0 || !b.clientX && !b.touches)
      f = Math.round(F.width / 2), A = Math.round(F.height / 2);
    else {
      const {
        clientX: j,
        clientY: $
      } = b.touches && b.touches.length > 0 ? b.touches[0] : b;
      f = Math.round(j - F.left), A = Math.round($ - F.top);
    }
    if (B)
      I = Math.sqrt((2 * F.width ** 2 + F.height ** 2) / 3), I % 2 === 0 && (I += 1);
    else {
      const j = Math.max(Math.abs((W ? W.clientWidth : 0) - f), f) * 2 + 2, $ = Math.max(Math.abs((W ? W.clientHeight : 0) - A), A) * 2 + 2;
      I = Math.sqrt(j ** 2 + $ ** 2);
    }
    b != null && b.touches ? g.current === null && (g.current = () => {
      y({
        pulsate: k,
        rippleX: f,
        rippleY: A,
        rippleSize: I,
        cb: C
      });
    }, m.start(Qh, () => {
      g.current && (g.current(), g.current = null);
    })) : y({
      pulsate: k,
      rippleX: f,
      rippleY: A,
      rippleSize: I,
      cb: C
    });
  }, [s, y, m]), R = x.useCallback(() => {
    S({}, {
      pulsate: !0
    });
  }, [S]), T = x.useCallback((b, E) => {
    if (m.clear(), (b == null ? void 0 : b.type) === "touchend" && g.current) {
      g.current(), g.current = null, m.start(0, () => {
        T(b, E);
      });
      return;
    }
    g.current = null, u((C) => C.length > 0 ? C.slice(1) : C), h.current = E;
  }, [m]);
  return x.useImperativeHandle(n, () => ({
    pulsate: R,
    start: S,
    stop: T
  }), [R, S, T]), /* @__PURE__ */ N.jsx(ry, {
    className: le(Qe.root, i.root, a),
    ref: p,
    ...l,
    children: /* @__PURE__ */ N.jsx(Ks, {
      component: null,
      exit: !0,
      children: c
    })
  });
});
process.env.NODE_ENV !== "production" && (mc.propTypes = {
  /**
   * If `true`, the ripple starts at the center of the component
   * rather than at the point of interaction.
   */
  center: o.bool,
  /**
   * Override or extend the styles applied to the component.
   */
  classes: o.object,
  /**
   * @ignore
   */
  className: o.string
});
function sy(e) {
  return ce("MuiButtonBase", e);
}
const iy = ue("MuiButtonBase", ["root", "disabled", "focusVisible"]), ay = (e) => {
  const {
    disabled: t,
    focusVisible: n,
    focusVisibleClassName: r,
    classes: s
  } = e, a = de({
    root: ["root", t && "disabled", n && "focusVisible"]
  }, sy, s);
  return n && r && (a.root += ` ${r}`), a;
}, ly = te("button", {
  name: "MuiButtonBase",
  slot: "Root"
})({
  display: "inline-flex",
  alignItems: "center",
  justifyContent: "center",
  position: "relative",
  boxSizing: "border-box",
  WebkitTapHighlightColor: "transparent",
  backgroundColor: "transparent",
  // Reset default value
  // We disable the focus ring for mouse, touch and keyboard users.
  outline: 0,
  border: 0,
  margin: 0,
  // Remove the margin in Safari
  borderRadius: 0,
  padding: 0,
  // Remove the padding in Firefox
  cursor: "pointer",
  userSelect: "none",
  verticalAlign: "middle",
  MozAppearance: "none",
  // Reset
  WebkitAppearance: "none",
  // Reset
  textDecoration: "none",
  // So we take precedent over the style of a native <a /> element.
  color: "inherit",
  "&::-moz-focus-inner": {
    borderStyle: "none"
    // Remove Firefox dotted outline.
  },
  [`&.${iy.disabled}`]: {
    pointerEvents: "none",
    // Disable link interactions
    cursor: "default"
  },
  "@media print": {
    colorAdjust: "exact"
  }
}), or = /* @__PURE__ */ x.forwardRef(function(t, n) {
  const r = he({
    props: t,
    name: "MuiButtonBase"
  }), {
    action: s,
    centerRipple: i = !1,
    children: a,
    className: l,
    component: c = "button",
    disabled: u = !1,
    disableRipple: d = !1,
    disableTouchRipple: h = !1,
    focusRipple: v = !1,
    focusVisibleClassName: m,
    LinkComponent: g = "a",
    onBlur: p,
    onClick: y,
    onContextMenu: S,
    onDragLeave: R,
    onFocus: T,
    onFocusVisible: b,
    onKeyDown: E,
    onKeyUp: C,
    onMouseDown: k,
    onMouseLeave: B,
    onMouseUp: D,
    onTouchEnd: W,
    onTouchMove: F,
    onTouchStart: f,
    tabIndex: A = 0,
    TouchRippleProps: I,
    touchRippleRef: j,
    type: $,
    ...q
  } = r, ee = x.useRef(null), K = Jh(), O = We(K.ref, j), [_, G] = x.useState(!1);
  u && _ && G(!1), x.useImperativeHandle(s, () => ({
    focusVisible: () => {
      G(!0), ee.current.focus();
    }
  }), []);
  const L = K.shouldMount && !d && !u;
  x.useEffect(() => {
    _ && v && !d && K.pulsate();
  }, [d, v, _, K]);
  const X = St(K, "start", k, h), U = St(K, "stop", S, h), J = St(K, "stop", R, h), Y = St(K, "stop", D, h), V = St(K, "stop", (ae) => {
    _ && ae.preventDefault(), B && B(ae);
  }, h), Q = St(K, "start", f, h), H = St(K, "stop", W, h), z = St(K, "stop", F, h), w = St(K, "stop", (ae) => {
    Sa(ae.target) || G(!1), p && p(ae);
  }, !1), oe = Wt((ae) => {
    ee.current || (ee.current = ae.currentTarget), Sa(ae.target) && (G(!0), b && b(ae)), T && T(ae);
  }), Z = () => {
    const ae = ee.current;
    return ae ? ae.tagName === "BUTTON" ? !1 : !(ae.tagName === "A" && ae.href) : c && c !== "button";
  }, se = Wt((ae) => {
    v && !ae.repeat && _ && ae.key === " " && K.stop(ae, () => {
      K.start(ae);
    }), ae.target === ae.currentTarget && Z() && ae.key === " " && ae.preventDefault(), E && E(ae), ae.target === ae.currentTarget && Z() && ae.key === "Enter" && !u && (ae.preventDefault(), y && y(ae));
  }), pe = Wt((ae) => {
    v && ae.key === " " && _ && !ae.defaultPrevented && K.stop(ae, () => {
      K.pulsate(ae);
    }), C && C(ae), y && ae.target === ae.currentTarget && Z() && ae.key === " " && !ae.defaultPrevented && !u && y(ae);
  });
  let fe = c;
  fe === "button" && (q.href || q.to) && (fe = g);
  const $e = {};
  if (fe === "button") {
    const ae = !!q.formAction;
    $e.type = $ === void 0 && !ae ? "button" : $, $e.disabled = u;
  } else
    !q.href && !q.to && ($e.role = "button"), u && ($e["aria-disabled"] = u);
  const Ke = We(n, ee), ot = {
    ...r,
    centerRipple: i,
    component: c,
    disabled: u,
    disableRipple: d,
    disableTouchRipple: h,
    focusRipple: v,
    tabIndex: A,
    focusVisible: _
  }, Ie = ay(ot);
  return /* @__PURE__ */ N.jsxs(ly, {
    as: fe,
    className: le(Ie.root, l),
    ownerState: ot,
    onBlur: w,
    onClick: y,
    onContextMenu: U,
    onFocus: oe,
    onKeyDown: se,
    onKeyUp: pe,
    onMouseDown: X,
    onMouseLeave: V,
    onMouseUp: Y,
    onDragLeave: J,
    onTouchEnd: H,
    onTouchMove: z,
    onTouchStart: Q,
    ref: Ke,
    tabIndex: u ? -1 : A,
    type: $,
    ...$e,
    ...q,
    children: [a, L ? /* @__PURE__ */ N.jsx(mc, {
      ref: O,
      center: i,
      ...I
    }) : null]
  });
});
function St(e, t, n, r = !1) {
  return Wt((s) => (n && n(s), r || e[t](s), !0));
}
process.env.NODE_ENV !== "production" && (or.propTypes = {
  // ┌────────────────────────────── Warning ──────────────────────────────┐
  // │ These PropTypes are generated from the TypeScript type definitions. │
  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
  // └─────────────────────────────────────────────────────────────────────┘
  /**
   * A ref for imperative actions.
   * It currently only supports `focusVisible()` action.
   */
  action: bt,
  /**
   * If `true`, the ripples are centered.
   * They won't start at the cursor interaction position.
   * @default false
   */
  centerRipple: o.bool,
  /**
   * The content of the component.
   */
  children: o.node,
  /**
   * Override or extend the styles applied to the component.
   */
  classes: o.object,
  /**
   * @ignore
   */
  className: o.string,
  /**
   * The component used for the root node.
   * Either a string to use a HTML element or a component.
   */
  component: Js,
  /**
   * If `true`, the component is disabled.
   * @default false
   */
  disabled: o.bool,
  /**
   * If `true`, the ripple effect is disabled.
   *
   * ⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure
   * to highlight the element by applying separate styles with the `.Mui-focusVisible` class.
   * @default false
   */
  disableRipple: o.bool,
  /**
   * If `true`, the touch ripple effect is disabled.
   * @default false
   */
  disableTouchRipple: o.bool,
  /**
   * If `true`, the base button will have a keyboard focus ripple.
   * @default false
   */
  focusRipple: o.bool,
  /**
   * This prop can help identify which element has keyboard focus.
   * The class name will be applied when the element gains the focus through keyboard interaction.
   * It's a polyfill for the [CSS :focus-visible selector](https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo).
   * The rationale for using this feature [is explained here](https://github.com/WICG/focus-visible/blob/HEAD/explainer.md).
   * A [polyfill can be used](https://github.com/WICG/focus-visible) to apply a `focus-visible` class to other components
   * if needed.
   */
  focusVisibleClassName: o.string,
  /**
   * @ignore
   */
  formAction: o.oneOfType([o.func, o.string]),
  /**
   * @ignore
   */
  href: o.any,
  /**
   * The component used to render a link when the `href` prop is provided.
   * @default 'a'
   */
  LinkComponent: o.elementType,
  /**
   * @ignore
   */
  onBlur: o.func,
  /**
   * @ignore
   */
  onClick: o.func,
  /**
   * @ignore
   */
  onContextMenu: o.func,
  /**
   * @ignore
   */
  onDragLeave: o.func,
  /**
   * @ignore
   */
  onFocus: o.func,
  /**
   * Callback fired when the component is focused with a keyboard.
   * We trigger a `onFocus` callback too.
   */
  onFocusVisible: o.func,
  /**
   * @ignore
   */
  onKeyDown: o.func,
  /**
   * @ignore
   */
  onKeyUp: o.func,
  /**
   * @ignore
   */
  onMouseDown: o.func,
  /**
   * @ignore
   */
  onMouseLeave: o.func,
  /**
   * @ignore
   */
  onMouseUp: o.func,
  /**
   * @ignore
   */
  onTouchEnd: o.func,
  /**
   * @ignore
   */
  onTouchMove: o.func,
  /**
   * @ignore
   */
  onTouchStart: o.func,
  /**
   * The system prop that allows defining system overrides as well as additional CSS styles.
   */
  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
  /**
   * @default 0
   */
  tabIndex: o.number,
  /**
   * Props applied to the `TouchRipple` element.
   */
  TouchRippleProps: o.object,
  /**
   * A ref that points to the `TouchRipple` element.
   */
  touchRippleRef: o.oneOfType([o.func, o.shape({
    current: o.shape({
      pulsate: o.func.isRequired,
      start: o.func.isRequired,
      stop: o.func.isRequired
    })
  })]),
  /**
   * @ignore
   */
  type: o.oneOfType([o.oneOf(["button", "reset", "submit"]), o.string])
});
function cy(e) {
  return typeof e.main == "string";
}
function uy(e, t = []) {
  if (!cy(e))
    return !1;
  for (const n of t)
    if (!e.hasOwnProperty(n) || typeof e[n] != "string")
      return !1;
  return !0;
}
function lt(e = []) {
  return ([, t]) => t && uy(t, e);
}
function dy(e) {
  return ce("MuiCircularProgress", e);
}
ue("MuiCircularProgress", ["root", "determinate", "indeterminate", "colorPrimary", "colorSecondary", "svg", "track", "circle", "circleDeterminate", "circleIndeterminate", "circleDisableShrink"]);
const it = 44, bs = Zn`
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
`, vs = Zn`
  0% {
    stroke-dasharray: 1px, 200px;
    stroke-dashoffset: 0;
  }

  50% {
    stroke-dasharray: 100px, 200px;
    stroke-dashoffset: -15px;
  }

  100% {
    stroke-dasharray: 1px, 200px;
    stroke-dashoffset: -126px;
  }
`, py = typeof bs != "string" ? Fs`
        animation: ${bs} 1.4s linear infinite;
      ` : null, fy = typeof vs != "string" ? Fs`
        animation: ${vs} 1.4s ease-in-out infinite;
      ` : null, my = (e) => {
  const {
    classes: t,
    variant: n,
    color: r,
    disableShrink: s
  } = e, i = {
    root: ["root", n, `color${re(r)}`],
    svg: ["svg"],
    track: ["track"],
    circle: ["circle", `circle${re(n)}`, s && "circleDisableShrink"]
  };
  return de(i, dy, t);
}, hy = te("span", {
  name: "MuiCircularProgress",
  slot: "Root",
  overridesResolver: (e, t) => {
    const {
      ownerState: n
    } = e;
    return [t.root, t[n.variant], t[`color${re(n.color)}`]];
  }
})(Re(({
  theme: e
}) => ({
  display: "inline-block",
  variants: [{
    props: {
      variant: "determinate"
    },
    style: {
      transition: e.transitions.create("transform")
    }
  }, {
    props: {
      variant: "indeterminate"
    },
    style: py || {
      animation: `${bs} 1.4s linear infinite`
    }
  }, ...Object.entries(e.palette).filter(lt()).map(([t]) => ({
    props: {
      color: t
    },
    style: {
      color: (e.vars || e).palette[t].main
    }
  }))]
}))), yy = te("svg", {
  name: "MuiCircularProgress",
  slot: "Svg"
})({
  display: "block"
  // Keeps the progress centered
}), gy = te("circle", {
  name: "MuiCircularProgress",
  slot: "Circle",
  overridesResolver: (e, t) => {
    const {
      ownerState: n
    } = e;
    return [t.circle, t[`circle${re(n.variant)}`], n.disableShrink && t.circleDisableShrink];
  }
})(Re(({
  theme: e
}) => ({
  stroke: "currentColor",
  variants: [{
    props: {
      variant: "determinate"
    },
    style: {
      transition: e.transitions.create("stroke-dashoffset")
    }
  }, {
    props: {
      variant: "indeterminate"
    },
    style: {
      // Some default value that looks fine waiting for the animation to kicks in.
      strokeDasharray: "80px, 200px",
      strokeDashoffset: 0
      // Add the unit to fix a Edge 16 and below bug.
    }
  }, {
    props: ({
      ownerState: t
    }) => t.variant === "indeterminate" && !t.disableShrink,
    style: fy || {
      // At runtime for Pigment CSS, `bufferAnimation` will be null and the generated keyframe will be used.
      animation: `${vs} 1.4s ease-in-out infinite`
    }
  }]
}))), by = te("circle", {
  name: "MuiCircularProgress",
  slot: "Track"
})(Re(({
  theme: e
}) => ({
  stroke: "currentColor",
  opacity: (e.vars || e).palette.action.activatedOpacity
}))), ho = /* @__PURE__ */ x.forwardRef(function(t, n) {
  const r = he({
    props: t,
    name: "MuiCircularProgress"
  }), {
    className: s,
    color: i = "primary",
    disableShrink: a = !1,
    enableTrackSlot: l = !1,
    size: c = 40,
    style: u,
    thickness: d = 3.6,
    value: h = 0,
    variant: v = "indeterminate",
    ...m
  } = r, g = {
    ...r,
    color: i,
    disableShrink: a,
    size: c,
    thickness: d,
    value: h,
    variant: v,
    enableTrackSlot: l
  }, p = my(g), y = {}, S = {}, R = {};
  if (v === "determinate") {
    const T = 2 * Math.PI * ((it - d) / 2);
    y.strokeDasharray = T.toFixed(3), R["aria-valuenow"] = Math.round(h), y.strokeDashoffset = `${((100 - h) / 100 * T).toFixed(3)}px`, S.transform = "rotate(-90deg)";
  }
  return /* @__PURE__ */ N.jsx(hy, {
    className: le(p.root, s),
    style: {
      width: c,
      height: c,
      ...S,
      ...u
    },
    ownerState: g,
    ref: n,
    role: "progressbar",
    ...R,
    ...m,
    children: /* @__PURE__ */ N.jsxs(yy, {
      className: p.svg,
      ownerState: g,
      viewBox: `${it / 2} ${it / 2} ${it} ${it}`,
      children: [l ? /* @__PURE__ */ N.jsx(by, {
        className: p.track,
        ownerState: g,
        cx: it,
        cy: it,
        r: (it - d) / 2,
        fill: "none",
        strokeWidth: d,
        "aria-hidden": "true"
      }) : null, /* @__PURE__ */ N.jsx(gy, {
        className: p.circle,
        style: y,
        ownerState: g,
        cx: it,
        cy: it,
        r: (it - d) / 2,
        fill: "none",
        strokeWidth: d
      })]
    })
  });
});
process.env.NODE_ENV !== "production" && (ho.propTypes = {
  // ┌────────────────────────────── Warning ──────────────────────────────┐
  // │ These PropTypes are generated from the TypeScript type definitions. │
  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
  // └─────────────────────────────────────────────────────────────────────┘
  /**
   * Override or extend the styles applied to the component.
   */
  classes: o.object,
  /**
   * @ignore
   */
  className: o.string,
  /**
   * The color of the component.
   * It supports both default and custom theme colors, which can be added as shown in the
   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
   * @default 'primary'
   */
  color: o.oneOfType([o.oneOf(["inherit", "primary", "secondary", "error", "info", "success", "warning"]), o.string]),
  /**
   * If `true`, the shrink animation is disabled.
   * This only works if variant is `indeterminate`.
   * @default false
   */
  disableShrink: Xt(o.bool, (e) => e.disableShrink && e.variant && e.variant !== "indeterminate" ? new Error("MUI: You have provided the `disableShrink` prop with a variant other than `indeterminate`. This will have no effect.") : null),
  /**
   * If `true`, a track circle slot is mounted to show a subtle background for the progress.
   * The `size` and `thickness` apply to the track slot to be consistent with the progress circle.
   * @default false
   */
  enableTrackSlot: o.bool,
  /**
   * The size of the component.
   * If using a number, the pixel unit is assumed.
   * If using a string, you need to provide the CSS unit, for example '3rem'.
   * @default 40
   */
  size: o.oneOfType([o.number, o.string]),
  /**
   * @ignore
   */
  style: o.object,
  /**
   * The system prop that allows defining system overrides as well as additional CSS styles.
   */
  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
  /**
   * The thickness of the circle.
   * @default 3.6
   */
  thickness: o.number,
  /**
   * The value of the progress indicator for the determinate variant.
   * Value between 0 and 100.
   * @default 0
   */
  value: o.number,
  /**
   * The variant to use.
   * Use indeterminate when there is no progress value.
   * @default 'indeterminate'
   */
  variant: o.oneOf(["determinate", "indeterminate"])
});
function vy(e) {
  return ce("MuiIconButton", e);
}
const Ta = ue("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary", "colorSecondary", "colorError", "colorInfo", "colorSuccess", "colorWarning", "edgeStart", "edgeEnd", "sizeSmall", "sizeMedium", "sizeLarge", "loading", "loadingIndicator", "loadingWrapper"]), Ey = (e) => {
  const {
    classes: t,
    disabled: n,
    color: r,
    edge: s,
    size: i,
    loading: a
  } = e, l = {
    root: ["root", a && "loading", n && "disabled", r !== "default" && `color${re(r)}`, s && `edge${re(s)}`, `size${re(i)}`],
    loadingIndicator: ["loadingIndicator"],
    loadingWrapper: ["loadingWrapper"]
  };
  return de(l, vy, t);
}, Sy = te(or, {
  name: "MuiIconButton",
  slot: "Root",
  overridesResolver: (e, t) => {
    const {
      ownerState: n
    } = e;
    return [t.root, n.loading && t.loading, n.color !== "default" && t[`color${re(n.color)}`], n.edge && t[`edge${re(n.edge)}`], t[`size${re(n.size)}`]];
  }
})(Re(({
  theme: e
}) => ({
  textAlign: "center",
  flex: "0 0 auto",
  fontSize: e.typography.pxToRem(24),
  padding: 8,
  borderRadius: "50%",
  color: (e.vars || e).palette.action.active,
  transition: e.transitions.create("background-color", {
    duration: e.transitions.duration.shortest
  }),
  variants: [{
    props: (t) => !t.disableRipple,
    style: {
      "--IconButton-hoverBg": e.alpha((e.vars || e).palette.action.active, (e.vars || e).palette.action.hoverOpacity),
      "&:hover": {
        backgroundColor: "var(--IconButton-hoverBg)",
        // Reset on touch devices, it doesn't add specificity
        "@media (hover: none)": {
          backgroundColor: "transparent"
        }
      }
    }
  }, {
    props: {
      edge: "start"
    },
    style: {
      marginLeft: -12
    }
  }, {
    props: {
      edge: "start",
      size: "small"
    },
    style: {
      marginLeft: -3
    }
  }, {
    props: {
      edge: "end"
    },
    style: {
      marginRight: -12
    }
  }, {
    props: {
      edge: "end",
      size: "small"
    },
    style: {
      marginRight: -3
    }
  }]
})), Re(({
  theme: e
}) => ({
  variants: [{
    props: {
      color: "inherit"
    },
    style: {
      color: "inherit"
    }
  }, ...Object.entries(e.palette).filter(lt()).map(([t]) => ({
    props: {
      color: t
    },
    style: {
      color: (e.vars || e).palette[t].main
    }
  })), ...Object.entries(e.palette).filter(lt()).map(([t]) => ({
    props: {
      color: t
    },
    style: {
      "--IconButton-hoverBg": e.alpha((e.vars || e).palette[t].main, (e.vars || e).palette.action.hoverOpacity)
    }
  })), {
    props: {
      size: "small"
    },
    style: {
      padding: 5,
      fontSize: e.typography.pxToRem(18)
    }
  }, {
    props: {
      size: "large"
    },
    style: {
      padding: 12,
      fontSize: e.typography.pxToRem(28)
    }
  }],
  [`&.${Ta.disabled}`]: {
    backgroundColor: "transparent",
    color: (e.vars || e).palette.action.disabled
  },
  [`&.${Ta.loading}`]: {
    color: "transparent"
  }
}))), Ty = te("span", {
  name: "MuiIconButton",
  slot: "LoadingIndicator"
})(({
  theme: e
}) => ({
  display: "none",
  position: "absolute",
  visibility: "visible",
  top: "50%",
  left: "50%",
  transform: "translate(-50%, -50%)",
  color: (e.vars || e).palette.action.disabled,
  variants: [{
    props: {
      loading: !0
    },
    style: {
      display: "flex"
    }
  }]
})), hc = /* @__PURE__ */ x.forwardRef(function(t, n) {
  const r = he({
    props: t,
    name: "MuiIconButton"
  }), {
    edge: s = !1,
    children: i,
    className: a,
    color: l = "default",
    disabled: c = !1,
    disableFocusRipple: u = !1,
    size: d = "medium",
    id: h,
    loading: v = null,
    loadingIndicator: m,
    ...g
  } = r, p = nr(h), y = m ?? /* @__PURE__ */ N.jsx(ho, {
    "aria-labelledby": p,
    color: "inherit",
    size: 16
  }), S = {
    ...r,
    edge: s,
    color: l,
    disabled: c,
    disableFocusRipple: u,
    loading: v,
    loadingIndicator: y,
    size: d
  }, R = Ey(S);
  return /* @__PURE__ */ N.jsxs(Sy, {
    id: v ? p : h,
    className: le(R.root, a),
    centerRipple: !0,
    focusRipple: !u,
    disabled: c || v,
    ref: n,
    ...g,
    ownerState: S,
    children: [typeof v == "boolean" && // use plain HTML span to minimize the runtime overhead
    /* @__PURE__ */ N.jsx("span", {
      className: R.loadingWrapper,
      style: {
        display: "contents"
      },
      children: /* @__PURE__ */ N.jsx(Ty, {
        className: R.loadingIndicator,
        ownerState: S,
        children: v && y
      })
    }), i]
  });
});
process.env.NODE_ENV !== "production" && (hc.propTypes = {
  // ┌────────────────────────────── Warning ──────────────────────────────┐
  // │ These PropTypes are generated from the TypeScript type definitions. │
  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
  // └─────────────────────────────────────────────────────────────────────┘
  /**
   * The icon to display.
   */
  children: Xt(o.node, (e) => x.Children.toArray(e.children).some((n) => /* @__PURE__ */ x.isValidElement(n) && n.props.onClick) ? new Error(["MUI: You are providing an onClick event listener to a child of a button element.", "Prefer applying it to the IconButton directly.", "This guarantees that the whole <button> will be responsive to click events."].join(`
`)) : null),
  /**
   * Override or extend the styles applied to the component.
   */
  classes: o.object,
  /**
   * @ignore
   */
  className: o.string,
  /**
   * The color of the component.
   * It supports both default and custom theme colors, which can be added as shown in the
   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
   * @default 'default'
   */
  color: o.oneOfType([o.oneOf(["inherit", "default", "primary", "secondary", "error", "info", "success", "warning"]), o.string]),
  /**
   * If `true`, the component is disabled.
   * @default false
   */
  disabled: o.bool,
  /**
   * If `true`, the  keyboard focus ripple is disabled.
   * @default false
   */
  disableFocusRipple: o.bool,
  /**
   * If `true`, the ripple effect is disabled.
   *
   * ⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure
   * to highlight the element by applying separate styles with the `.Mui-focusVisible` class.
   * @default false
   */
  disableRipple: o.bool,
  /**
   * If given, uses a negative margin to counteract the padding on one
   * side (this is often helpful for aligning the left or right
   * side of the icon with content above or below, without ruining the border
   * size and shape).
   * @default false
   */
  edge: o.oneOf(["end", "start", !1]),
  /**
   * @ignore
   */
  id: o.string,
  /**
   * If `true`, the loading indicator is visible and the button is disabled.
   * If `true | false`, the loading wrapper is always rendered before the children to prevent [Google Translation Crash](https://github.com/mui/material-ui/issues/27853).
   * @default null
   */
  loading: o.bool,
  /**
   * Element placed before the children if the button is in loading state.
   * The node should contain an element with `role="progressbar"` with an accessible name.
   * By default, it renders a `CircularProgress` that is labeled by the button itself.
   * @default <CircularProgress color="inherit" size={16} />
   */
  loadingIndicator: o.node,
  /**
   * The size of the component.
   * `small` is equivalent to the dense button styling.
   * @default 'medium'
   */
  size: o.oneOfType([o.oneOf(["small", "medium", "large"]), o.string]),
  /**
   * The system prop that allows defining system overrides as well as additional CSS styles.
   */
  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object])
});
function xy(e) {
  return ce("MuiTypography", e);
}
const xa = ue("MuiTypography", ["root", "h1", "h2", "h3", "h4", "h5", "h6", "subtitle1", "subtitle2", "body1", "body2", "inherit", "button", "caption", "overline", "alignLeft", "alignRight", "alignCenter", "alignJustify", "noWrap", "gutterBottom", "paragraph"]), Oy = {
  primary: !0,
  secondary: !0,
  error: !0,
  info: !0,
  success: !0,
  warning: !0,
  textPrimary: !0,
  textSecondary: !0,
  textDisabled: !0
}, Ry = Ah(), wy = (e) => {
  const {
    align: t,
    gutterBottom: n,
    noWrap: r,
    paragraph: s,
    variant: i,
    classes: a
  } = e, l = {
    root: ["root", i, e.align !== "inherit" && `align${re(t)}`, n && "gutterBottom", r && "noWrap", s && "paragraph"]
  };
  return de(l, xy, a);
}, Cy = te("span", {
  name: "MuiTypography",
  slot: "Root",
  overridesResolver: (e, t) => {
    const {
      ownerState: n
    } = e;
    return [t.root, n.variant && t[n.variant], n.align !== "inherit" && t[`align${re(n.align)}`], n.noWrap && t.noWrap, n.gutterBottom && t.gutterBottom, n.paragraph && t.paragraph];
  }
})(Re(({
  theme: e
}) => {
  var t;
  return {
    margin: 0,
    variants: [{
      props: {
        variant: "inherit"
      },
      style: {
        // Some elements, like <button> on Chrome have default font that doesn't inherit, reset this.
        font: "inherit",
        lineHeight: "inherit",
        letterSpacing: "inherit"
      }
    }, ...Object.entries(e.typography).filter(([n, r]) => n !== "inherit" && r && typeof r == "object").map(([n, r]) => ({
      props: {
        variant: n
      },
      style: r
    })), ...Object.entries(e.palette).filter(lt()).map(([n]) => ({
      props: {
        color: n
      },
      style: {
        color: (e.vars || e).palette[n].main
      }
    })), ...Object.entries(((t = e.palette) == null ? void 0 : t.text) || {}).filter(([, n]) => typeof n == "string").map(([n]) => ({
      props: {
        color: `text${re(n)}`
      },
      style: {
        color: (e.vars || e).palette.text[n]
      }
    })), {
      props: ({
        ownerState: n
      }) => n.align !== "inherit",
      style: {
        textAlign: "var(--Typography-textAlign)"
      }
    }, {
      props: ({
        ownerState: n
      }) => n.noWrap,
      style: {
        overflow: "hidden",
        textOverflow: "ellipsis",
        whiteSpace: "nowrap"
      }
    }, {
      props: ({
        ownerState: n
      }) => n.gutterBottom,
      style: {
        marginBottom: "0.35em"
      }
    }, {
      props: ({
        ownerState: n
      }) => n.paragraph,
      style: {
        marginBottom: 16
      }
    }]
  };
})), Oa = {
  h1: "h1",
  h2: "h2",
  h3: "h3",
  h4: "h4",
  h5: "h5",
  h6: "h6",
  subtitle1: "h6",
  subtitle2: "h6",
  body1: "p",
  body2: "p",
  inherit: "p"
}, Tt = /* @__PURE__ */ x.forwardRef(function(t, n) {
  const {
    color: r,
    ...s
  } = he({
    props: t,
    name: "MuiTypography"
  }), i = !Oy[r], a = Ry({
    ...s,
    ...i && {
      color: r
    }
  }), {
    align: l = "inherit",
    className: c,
    component: u,
    gutterBottom: d = !1,
    noWrap: h = !1,
    paragraph: v = !1,
    variant: m = "body1",
    variantMapping: g = Oa,
    ...p
  } = a, y = {
    ...a,
    align: l,
    color: r,
    className: c,
    component: u,
    gutterBottom: d,
    noWrap: h,
    paragraph: v,
    variant: m,
    variantMapping: g
  }, S = u || (v ? "p" : g[m] || Oa[m]) || "span", R = wy(y);
  return /* @__PURE__ */ N.jsx(Cy, {
    as: S,
    ref: n,
    className: le(R.root, c),
    ...p,
    ownerState: y,
    style: {
      ...l !== "inherit" && {
        "--Typography-textAlign": l
      },
      ...p.style
    }
  });
});
process.env.NODE_ENV !== "production" && (Tt.propTypes = {
  // ┌────────────────────────────── Warning ──────────────────────────────┐
  // │ These PropTypes are generated from the TypeScript type definitions. │
  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
  // └─────────────────────────────────────────────────────────────────────┘
  /**
   * Set the text-align on the component.
   * @default 'inherit'
   */
  align: o.oneOf(["center", "inherit", "justify", "left", "right"]),
  /**
   * The content of the component.
   */
  children: o.node,
  /**
   * Override or extend the styles applied to the component.
   */
  classes: o.object,
  /**
   * @ignore
   */
  className: o.string,
  /**
   * The color of the component.
   * It supports both default and custom theme colors, which can be added as shown in the
   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
   */
  color: o.oneOfType([o.oneOf(["primary", "secondary", "success", "error", "info", "warning", "textPrimary", "textSecondary", "textDisabled"]), o.string]),
  /**
   * The component used for the root node.
   * Either a string to use a HTML element or a component.
   */
  component: o.elementType,
  /**
   * If `true`, the text will have a bottom margin.
   * @default false
   */
  gutterBottom: o.bool,
  /**
   * If `true`, the text will not wrap, but instead will truncate with a text overflow ellipsis.
   *
   * Note that text overflow can only happen with block or inline-block level elements
   * (the element needs to have a width in order to overflow).
   * @default false
   */
  noWrap: o.bool,
  /**
   * If `true`, the element will be a paragraph element.
   * @default false
   * @deprecated Use the `component` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
   */
  paragraph: o.bool,
  /**
   * @ignore
   */
  style: o.object,
  /**
   * The system prop that allows defining system overrides as well as additional CSS styles.
   */
  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
  /**
   * Applies the theme typography styles.
   * @default 'body1'
   */
  variant: o.oneOfType([o.oneOf(["body1", "body2", "button", "caption", "h1", "h2", "h3", "h4", "h5", "h6", "inherit", "overline", "subtitle1", "subtitle2"]), o.string]),
  /**
   * The component maps the variant prop to a range of different HTML element types.
   * For instance, subtitle1 to `<h6>`.
   * If you wish to change that mapping, you can provide your own.
   * Alternatively, you can use the `component` prop.
   * @default {
   *   h1: 'h1',
   *   h2: 'h2',
   *   h3: 'h3',
   *   h4: 'h4',
   *   h5: 'h5',
   *   h6: 'h6',
   *   subtitle1: 'h6',
   *   subtitle2: 'h6',
   *   body1: 'p',
   *   body2: 'p',
   *   inherit: 'p',
   * }
   */
  variantMapping: o.object
});
function Ra(e, t) {
  var r;
  if (!e || !t)
    return !1;
  if (e.contains(t))
    return !0;
  const n = (r = t.getRootNode) == null ? void 0 : r.call(t);
  if (n && n instanceof ShadowRoot) {
    let s = t;
    for (; s; ) {
      if (e === s)
        return !0;
      s = s.parentNode ?? s.host ?? null;
    }
  }
  return !1;
}
function Wn(e, t, n, r, s) {
  if (process.env.NODE_ENV === "production")
    return null;
  const i = e[t], a = s || t;
  return i == null ? null : i && i.nodeType !== 1 ? new Error(`Invalid ${r} \`${a}\` supplied to \`${n}\`. Expected an HTMLElement.`) : null;
}
function Py(e) {
  var h;
  const {
    elementType: t,
    externalSlotProps: n,
    ownerState: r,
    skipResolvingSlotProps: s = !1,
    ...i
  } = e, a = s ? {} : ac(n, r), {
    props: l,
    internalRef: c
  } = cc({
    ...i,
    externalSlotProps: a
  }), u = We(c, a == null ? void 0 : a.ref, (h = e.additionalProps) == null ? void 0 : h.ref);
  return ic(t, {
    ...l,
    ref: u
  }, r);
}
function yc() {
  return !(/jsdom|HappyDOM/.test(window.navigator.userAgent) || // TODO(v9): Remove the test environment check
  // eslint-disable-next-line mui/consistent-production-guard
  process.env.NODE_ENV === "test");
}
function sr(e) {
  var t;
  return parseInt(x.version, 10) >= 19 ? ((t = e == null ? void 0 : e.props) == null ? void 0 : t.ref) || null : (e == null ? void 0 : e.ref) || null;
}
function _y(e) {
  return typeof e == "function" ? e() : e;
}
const Dr = /* @__PURE__ */ x.forwardRef(function(t, n) {
  const {
    children: r,
    container: s,
    disablePortal: i = !1
  } = t, [a, l] = x.useState(null), c = We(/* @__PURE__ */ x.isValidElement(r) ? sr(r) : null, n);
  if (Rt(() => {
    i || l(_y(s) || document.body);
  }, [s, i]), Rt(() => {
    if (a && !i)
      return ga(n, a), () => {
        ga(n, null);
      };
  }, [n, a, i]), i) {
    if (/* @__PURE__ */ x.isValidElement(r)) {
      const u = {
        ref: c
      };
      return /* @__PURE__ */ x.cloneElement(r, u);
    }
    return r;
  }
  return a && /* @__PURE__ */ nu.createPortal(r, a);
});
process.env.NODE_ENV !== "production" && (Dr.propTypes = {
  // ┌────────────────────────────── Warning ──────────────────────────────┐
  // │ These PropTypes are generated from the TypeScript type definitions. │
  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
  // └─────────────────────────────────────────────────────────────────────┘
  /**
   * The children to render into the `container`.
   */
  children: o.node,
  /**
   * An HTML element or function that returns one.
   * The `container` will have the portal children appended to it.
   *
   * You can also provide a callback, which is called in a React layout effect.
   * This lets you set the container from a ref, and also makes server-side rendering possible.
   *
   * By default, it uses the body of the top-level document object,
   * so it's simply `document.body` most of the time.
   */
  container: o.oneOfType([Wn, o.func]),
  /**
   * The `children` will be under the DOM hierarchy of the parent component.
   * @default false
   */
  disablePortal: o.bool
});
process.env.NODE_ENV !== "production" && (Dr.propTypes = zl(Dr.propTypes));
function mr(e) {
  return parseInt(e, 10) || 0;
}
const Ay = {
  shadow: {
    // Visibility needed to hide the extra text area on iPads
    visibility: "hidden",
    // Remove from the content flow
    position: "absolute",
    // Ignore the scrollbar width
    overflow: "hidden",
    height: 0,
    top: 0,
    left: 0,
    // Create a new layer, increase the isolation of the computed values
    transform: "translateZ(0)"
  }
};
function Iy(e) {
  for (const t in e)
    return !1;
  return !0;
}
function wa(e) {
  return Iy(e) || e.outerHeightStyle === 0 && !e.overflowing;
}
const gc = /* @__PURE__ */ x.forwardRef(function(t, n) {
  const {
    onChange: r,
    maxRows: s,
    minRows: i = 1,
    style: a,
    value: l,
    ...c
  } = t, {
    current: u
  } = x.useRef(l != null), d = x.useRef(null), h = We(n, d), v = x.useRef(null), m = x.useRef(null), g = x.useCallback(() => {
    const T = d.current, b = m.current;
    if (!T || !b)
      return;
    const C = wt(T).getComputedStyle(T);
    if (C.width === "0px")
      return {
        outerHeightStyle: 0,
        overflowing: !1
      };
    b.style.width = C.width, b.value = T.value || t.placeholder || "x", b.value.slice(-1) === `
` && (b.value += " ");
    const k = C.boxSizing, B = mr(C.paddingBottom) + mr(C.paddingTop), D = mr(C.borderBottomWidth) + mr(C.borderTopWidth), W = b.scrollHeight;
    b.value = "x";
    const F = b.scrollHeight;
    let f = W;
    i && (f = Math.max(Number(i) * F, f)), s && (f = Math.min(Number(s) * F, f)), f = Math.max(f, F);
    const A = f + (k === "border-box" ? B + D : 0), I = Math.abs(f - W) <= 1;
    return {
      outerHeightStyle: A,
      overflowing: I
    };
  }, [s, i, t.placeholder]), p = Wt(() => {
    const T = d.current, b = g();
    if (!T || !b || wa(b))
      return !1;
    const E = b.outerHeightStyle;
    return v.current != null && v.current !== E;
  }), y = x.useCallback(() => {
    const T = d.current, b = g();
    if (!T || !b || wa(b))
      return;
    const E = b.outerHeightStyle;
    v.current !== E && (v.current = E, T.style.height = `${E}px`), T.style.overflow = b.overflowing ? "hidden" : "";
  }, [g]), S = x.useRef(-1);
  Rt(() => {
    const T = Zl(y), b = d == null ? void 0 : d.current;
    if (!b)
      return;
    const E = wt(b);
    E.addEventListener("resize", T);
    let C;
    return typeof ResizeObserver < "u" && (C = new ResizeObserver(() => {
      p() && (C.unobserve(b), cancelAnimationFrame(S.current), y(), S.current = requestAnimationFrame(() => {
        C.observe(b);
      }));
    }), C.observe(b)), () => {
      T.clear(), cancelAnimationFrame(S.current), E.removeEventListener("resize", T), C && C.disconnect();
    };
  }, [g, y, p]), Rt(() => {
    y();
  });
  const R = (T) => {
    u || y();
    const b = T.target, E = b.value.length, C = b.value.endsWith(`
`), k = b.selectionStart === E;
    C && k && b.setSelectionRange(E, E), r && r(T);
  };
  return /* @__PURE__ */ N.jsxs(x.Fragment, {
    children: [/* @__PURE__ */ N.jsx("textarea", {
      value: l,
      onChange: R,
      ref: h,
      rows: i,
      style: a,
      ...c
    }), /* @__PURE__ */ N.jsx("textarea", {
      "aria-hidden": !0,
      className: t.className,
      readOnly: !0,
      ref: m,
      tabIndex: -1,
      style: {
        ...Ay.shadow,
        ...a,
        paddingTop: 0,
        paddingBottom: 0
      }
    })]
  });
});
process.env.NODE_ENV !== "production" && (gc.propTypes = {
  // ┌────────────────────────────── Warning ──────────────────────────────┐
  // │ These PropTypes are generated from the TypeScript type definitions. │
  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
  // └─────────────────────────────────────────────────────────────────────┘
  /**
   * @ignore
   */
  className: o.string,
  /**
   * Maximum number of rows to display.
   */
  maxRows: o.oneOfType([o.number, o.string]),
  /**
   * Minimum number of rows to display.
   * @default 1
   */
  minRows: o.oneOfType([o.number, o.string]),
  /**
   * @ignore
   */
  onChange: o.func,
  /**
   * @ignore
   */
  placeholder: o.string,
  /**
   * @ignore
   */
  style: o.object,
  /**
   * @ignore
   */
  value: o.oneOfType([o.arrayOf(o.string), o.number, o.string])
});
function vn({
  props: e,
  states: t,
  muiFormControl: n
}) {
  return t.reduce((r, s) => (r[s] = e[s], n && typeof e[s] > "u" && (r[s] = n[s]), r), {});
}
const ir = /* @__PURE__ */ x.createContext(void 0);
process.env.NODE_ENV !== "production" && (ir.displayName = "FormControlContext");
function Nt() {
  return x.useContext(ir);
}
function cn(e) {
  var n;
  let t = e.activeElement;
  for (; ((n = t == null ? void 0 : t.shadowRoot) == null ? void 0 : n.activeElement) != null; )
    t = t.shadowRoot.activeElement;
  return t;
}
function Ca(e) {
  return e != null && !(Array.isArray(e) && e.length === 0);
}
function Br(e, t = !1) {
  return e && (Ca(e.value) && e.value !== "" || t && Ca(e.defaultValue) && e.defaultValue !== "");
}
function Ny(e) {
  return e.startAdornment;
}
function ky(e) {
  return ce("MuiInputBase", e);
}
const hn = ue("MuiInputBase", ["root", "formControl", "focused", "disabled", "adornedStart", "adornedEnd", "error", "sizeSmall", "multiline", "colorSecondary", "fullWidth", "hiddenLabel", "readOnly", "input", "inputSizeSmall", "inputMultiline", "inputTypeSearch", "inputAdornedStart", "inputAdornedEnd", "inputHiddenLabel"]);
var Pa;
const Es = "mui-auto-fill", Fr = "mui-auto-fill-cancel", yo = (e, t) => {
  const {
    ownerState: n
  } = e;
  return [t.root, n.formControl && t.formControl, n.startAdornment && t.adornedStart, n.endAdornment && t.adornedEnd, n.error && t.error, n.size === "small" && t.sizeSmall, n.multiline && t.multiline, n.color && t[`color${re(n.color)}`], n.fullWidth && t.fullWidth, n.hiddenLabel && t.hiddenLabel];
}, go = (e, t) => {
  const {
    ownerState: n
  } = e;
  return [t.input, n.size === "small" && t.inputSizeSmall, n.multiline && t.inputMultiline, n.type === "search" && t.inputTypeSearch, n.startAdornment && t.inputAdornedStart, n.endAdornment && t.inputAdornedEnd, n.hiddenLabel && t.inputHiddenLabel];
}, $y = (e) => {
  const {
    classes: t,
    color: n,
    disabled: r,
    error: s,
    endAdornment: i,
    focused: a,
    formControl: l,
    fullWidth: c,
    hiddenLabel: u,
    multiline: d,
    readOnly: h,
    size: v,
    startAdornment: m,
    type: g
  } = e, p = {
    root: ["root", `color${re(n)}`, r && "disabled", s && "error", c && "fullWidth", a && "focused", l && "formControl", v && v !== "medium" && `size${re(v)}`, d && "multiline", m && "adornedStart", i && "adornedEnd", u && "hiddenLabel", h && "readOnly"],
    input: ["input", r && "disabled", g === "search" && "inputTypeSearch", d && "inputMultiline", v === "small" && "inputSizeSmall", u && "inputHiddenLabel", m && "inputAdornedStart", i && "inputAdornedEnd", h && "readOnly"]
  };
  return de(p, ky, t);
}, bo = te("div", {
  name: "MuiInputBase",
  slot: "Root",
  overridesResolver: yo
})(Re(({
  theme: e
}) => ({
  ...e.typography.body1,
  color: (e.vars || e).palette.text.primary,
  lineHeight: "1.4375em",
  // 23px
  boxSizing: "border-box",
  // Prevent padding issue with fullWidth.
  position: "relative",
  cursor: "text",
  display: "inline-flex",
  alignItems: "center",
  [`&.${hn.disabled}`]: {
    color: (e.vars || e).palette.text.disabled,
    cursor: "default"
  },
  variants: [{
    props: ({
      ownerState: t
    }) => t.multiline,
    style: {
      padding: "4px 0 5px"
    }
  }, {
    props: ({
      ownerState: t,
      size: n
    }) => t.multiline && n === "small",
    style: {
      paddingTop: 1
    }
  }, {
    props: ({
      ownerState: t
    }) => t.fullWidth,
    style: {
      width: "100%"
    }
  }]
}))), vo = te("input", {
  name: "MuiInputBase",
  slot: "Input",
  overridesResolver: go
})(Re(({
  theme: e
}) => {
  const t = e.palette.mode === "light", n = {
    color: "currentColor",
    ...e.vars ? {
      opacity: e.vars.opacity.inputPlaceholder
    } : {
      opacity: t ? 0.42 : 0.5
    },
    transition: e.transitions.create("opacity", {
      duration: e.transitions.duration.shorter
    })
  }, r = {
    opacity: "0 !important"
  }, s = e.vars ? {
    opacity: e.vars.opacity.inputPlaceholder
  } : {
    opacity: t ? 0.42 : 0.5
  };
  return {
    font: "inherit",
    letterSpacing: "inherit",
    color: "currentColor",
    padding: "4px 0 5px",
    border: 0,
    boxSizing: "content-box",
    background: "none",
    height: "1.4375em",
    // Reset 23pxthe native input line-height
    margin: 0,
    // Reset for Safari
    WebkitTapHighlightColor: "transparent",
    display: "block",
    // Make the flex item shrink with Firefox
    minWidth: 0,
    width: "100%",
    "&::-webkit-input-placeholder": n,
    "&::-moz-placeholder": n,
    // Firefox 19+
    "&::-ms-input-placeholder": n,
    // Edge
    "&:focus": {
      outline: 0
    },
    // Reset Firefox invalid required input style
    "&:invalid": {
      boxShadow: "none"
    },
    "&::-webkit-search-decoration": {
      // Remove the padding when type=search.
      WebkitAppearance: "none"
    },
    // Show and hide the placeholder logic
    [`label[data-shrink=false] + .${hn.formControl} &`]: {
      "&::-webkit-input-placeholder": r,
      "&::-moz-placeholder": r,
      // Firefox 19+
      "&::-ms-input-placeholder": r,
      // Edge
      "&:focus::-webkit-input-placeholder": s,
      "&:focus::-moz-placeholder": s,
      // Firefox 19+
      "&:focus::-ms-input-placeholder": s
      // Edge
    },
    [`&.${hn.disabled}`]: {
      opacity: 1,
      // Reset iOS opacity
      WebkitTextFillColor: (e.vars || e).palette.text.disabled
      // Fix opacity Safari bug
    },
    variants: [{
      props: ({
        ownerState: i
      }) => !i.disableInjectingGlobalStyles,
      style: {
        animationName: Fr,
        animationDuration: "10ms",
        "&:-webkit-autofill": {
          animationDuration: "5000s",
          animationName: Es
        }
      }
    }, {
      props: {
        size: "small"
      },
      style: {
        paddingTop: 1
      }
    }, {
      props: ({
        ownerState: i
      }) => i.multiline,
      style: {
        height: "auto",
        resize: "none",
        padding: 0,
        paddingTop: 0
      }
    }, {
      props: {
        type: "search"
      },
      style: {
        MozAppearance: "textfield"
        // Improve type search style.
      }
    }]
  };
})), _a = _h({
  // Keep keyframes non-empty for Emotion production builds. Animation properties are ignored
  // inside keyframes, avoiding the visible display animation triggered by Chrome 117+.
  [`@keyframes ${Es}`]: {
    from: {
      animationName: Es
    }
  },
  [`@keyframes ${Fr}`]: {
    from: {
      animationName: Fr
    }
  }
}), Eo = /* @__PURE__ */ x.forwardRef(function(t, n) {
  const r = he({
    props: t,
    name: "MuiInputBase"
  }), {
    "aria-describedby": s,
    autoComplete: i,
    autoFocus: a,
    className: l,
    color: c,
    components: u = {},
    componentsProps: d = {},
    defaultValue: h,
    disabled: v,
    disableInjectingGlobalStyles: m,
    endAdornment: g,
    error: p,
    fullWidth: y = !1,
    id: S,
    inputComponent: R = "input",
    inputProps: T = {},
    inputRef: b,
    margin: E,
    maxRows: C,
    minRows: k,
    multiline: B = !1,
    name: D,
    onBlur: W,
    onChange: F,
    onClick: f,
    onFocus: A,
    onKeyDown: I,
    onKeyUp: j,
    placeholder: $,
    readOnly: q,
    renderSuffix: ee,
    rows: K,
    size: O,
    slotProps: _ = {},
    slots: G = {},
    startAdornment: L,
    type: X = "text",
    value: U,
    ...J
  } = r, Y = T.value != null ? T.value : U, {
    current: V
  } = x.useRef(Y != null), Q = x.useRef(), H = x.useCallback((be) => {
    process.env.NODE_ENV !== "production" && be && be.nodeName !== "INPUT" && !be.focus && console.error(["MUI: You have provided a `inputComponent` to the input component", "that does not correctly handle the `ref` prop.", "Make sure the `ref` prop is called with a HTMLInputElement."].join(`
`));
  }, []), z = We(Q, b, T.ref, H), [w, oe] = x.useState(!1), Z = Nt();
  process.env.NODE_ENV !== "production" && x.useEffect(() => {
    if (Z)
      return Z.registerEffect();
  }, [Z]);
  const se = vn({
    props: r,
    muiFormControl: Z,
    states: ["color", "disabled", "error", "hiddenLabel", "size", "required", "filled"]
  });
  se.focused = Z ? Z.focused : w, x.useEffect(() => {
    !Z && v && w && (oe(!1), W && W());
  }, [Z, v, w, W]);
  const pe = Z && Z.onFilled, fe = Z && Z.onEmpty, $e = x.useCallback((be) => {
    Br(be) ? pe && pe() : fe && fe();
  }, [pe, fe]);
  Rt(() => {
    V && $e({
      value: Y
    });
  }, [Y, $e, V]), Rt(() => {
    if (!a)
      return;
    const be = Q.current;
    if (!be)
      return;
    const vt = nt(be), st = cn(vt), lr = st == null || st === vt.body || st === vt.documentElement;
    be === st ? Z && Z.onFocus ? Z.onFocus() : oe(!0) : lr && be.focus();
  }, [a]);
  const Ke = (be) => {
    A && A(be), T.onFocus && T.onFocus(be), Z && Z.onFocus ? Z.onFocus(be) : oe(!0);
  }, ot = (be) => {
    W && W(be), T.onBlur && T.onBlur(be), Z && Z.onBlur ? Z.onBlur(be) : oe(!1);
  }, Ie = (be, ...vt) => {
    if (!V) {
      const st = be.target || Q.current;
      if (st == null)
        throw new Error(process.env.NODE_ENV !== "production" ? "MUI: Expected valid input target. Did you use a custom `inputComponent` and forget to forward refs? See https://mui.com/r/input-component-ref-interface for more info." : xt(1));
      $e({
        value: st.value
      });
    }
    T.onChange && T.onChange(be, ...vt), F && F(be, ...vt);
  };
  x.useEffect(() => {
    $e(Q.current);
  }, []);
  const ae = (be) => {
    Q.current && be.currentTarget === be.target && Q.current.focus(), f && f(be);
  };
  let kt = R, He = T;
  B && kt === "input" && (K ? (process.env.NODE_ENV !== "production" && (k || C) && console.warn("MUI: You can not use the `minRows` or `maxRows` props when the input `rows` prop is set."), He = {
    type: void 0,
    minRows: K,
    maxRows: K,
    ...He
  }) : He = {
    type: void 0,
    maxRows: C,
    minRows: k,
    ...He
  }, kt = gc);
  const Oo = (be) => {
    $e(be.animationName === Fr ? Q.current : {
      value: "x"
    });
  };
  x.useEffect(() => {
    Z && Z.setAdornedStart(!!L);
  }, [Z, L]);
  const ut = {
    ...r,
    color: se.color || "primary",
    disabled: se.disabled,
    endAdornment: g,
    error: se.error,
    focused: se.focused,
    formControl: Z,
    fullWidth: y,
    hiddenLabel: se.hiddenLabel,
    multiline: B,
    size: se.size,
    startAdornment: L,
    type: X
  }, En = $y(ut), $t = G.root || u.Root || bo, Ct = _.root || d.root || {}, Jt = G.input || u.Input || vo;
  return He = {
    ...He,
    ..._.input ?? d.input
  }, /* @__PURE__ */ N.jsxs(x.Fragment, {
    children: [!m && typeof _a == "function" && // For Emotion/Styled-components, InputGlobalStyles will be a function
    // For Pigment CSS, this has no effect because the InputGlobalStyles will be null.
    (Pa || (Pa = /* @__PURE__ */ N.jsx(_a, {}))), /* @__PURE__ */ N.jsxs($t, {
      ...Ct,
      ref: n,
      onClick: ae,
      ...J,
      ...!jr($t) && {
        ownerState: {
          ...ut,
          ...Ct.ownerState
        }
      },
      className: le(En.root, Ct.className, l, q && "MuiInputBase-readOnly"),
      children: [L, /* @__PURE__ */ N.jsx(ir.Provider, {
        value: null,
        children: /* @__PURE__ */ N.jsx(Jt, {
          "aria-invalid": se.error,
          "aria-describedby": s,
          autoComplete: i,
          autoFocus: a,
          defaultValue: h,
          disabled: se.disabled,
          id: S,
          onAnimationStart: Oo,
          name: D,
          placeholder: $,
          readOnly: q,
          required: se.required,
          rows: K,
          value: Y,
          onKeyDown: I,
          onKeyUp: j,
          type: X,
          ...He,
          ...!jr(Jt) && {
            as: kt,
            ownerState: {
              ...ut,
              ...He.ownerState
            }
          },
          ref: z,
          className: le(En.input, He.className, q && "MuiInputBase-readOnly"),
          onBlur: ot,
          onChange: Ie,
          onFocus: Ke
        })
      }), g, ee ? ee({
        ...se,
        startAdornment: L
      }) : null]
    })]
  });
});
process.env.NODE_ENV !== "production" && (Eo.propTypes = {
  // ┌────────────────────────────── Warning ──────────────────────────────┐
  // │ These PropTypes are generated from the TypeScript type definitions. │
  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
  // └─────────────────────────────────────────────────────────────────────┘
  /**
   * @ignore
   */
  "aria-describedby": o.string,
  /**
   * This prop helps users to fill forms faster, especially on mobile devices.
   * The name can be confusing, as it's more like an autofill.
   * You can learn more about it [following the specification](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill).
   */
  autoComplete: o.string,
  /**
   * If `true`, the `input` element is focused during the first mount.
   */
  autoFocus: o.bool,
  /**
   * Override or extend the styles applied to the component.
   */
  classes: o.object,
  /**
   * @ignore
   */
  className: o.string,
  /**
   * The color of the component.
   * It supports both default and custom theme colors, which can be added as shown in the
   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
   * The prop defaults to the value (`'primary'`) inherited from the parent FormControl component.
   */
  color: o.oneOfType([o.oneOf(["primary", "secondary", "error", "info", "success", "warning"]), o.string]),
  /**
   * The components used for each slot inside.
   *
   * @deprecated use the `slots` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
   *
   * @default {}
   */
  components: o.shape({
    Input: o.elementType,
    Root: o.elementType
  }),
  /**
   * The extra props for the slot components.
   * You can override the existing props or add new ones.
   *
   * @deprecated use the `slotProps` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
   *
   * @default {}
   */
  componentsProps: o.shape({
    input: o.object,
    root: o.object
  }),
  /**
   * The default value. Use when the component is not controlled.
   */
  defaultValue: o.any,
  /**
   * If `true`, the component is disabled.
   * The prop defaults to the value (`false`) inherited from the parent FormControl component.
   */
  disabled: o.bool,
  /**
   * If `true`, GlobalStyles for the auto-fill keyframes will not be injected/removed on mount/unmount. Make sure to inject them at the top of your application.
   * This option is intended to help with boosting the initial rendering performance if you are loading a big amount of Input components at once.
   * @default false
   */
  disableInjectingGlobalStyles: o.bool,
  /**
   * End `InputAdornment` for this component.
   */
  endAdornment: o.node,
  /**
   * If `true`, the `input` will indicate an error.
   * The prop defaults to the value (`false`) inherited from the parent FormControl component.
   */
  error: o.bool,
  /**
   * If `true`, the `input` will take up the full width of its container.
   * @default false
   */
  fullWidth: o.bool,
  /**
   * The id of the `input` element.
   */
  id: o.string,
  /**
   * The component used for the `input` element.
   * Either a string to use a HTML element or a component.
   * @default 'input'
   */
  inputComponent: Js,
  /**
   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.
   * @default {}
   */
  inputProps: o.object,
  /**
   * Pass a ref to the `input` element.
   */
  inputRef: bt,
  /**
   * If `dense`, will adjust vertical spacing. This is normally obtained via context from
   * FormControl.
   * The prop defaults to the value (`'none'`) inherited from the parent FormControl component.
   */
  margin: o.oneOf(["dense", "none"]),
  /**
   * Maximum number of rows to display when multiline option is set to true.
   */
  maxRows: o.oneOfType([o.number, o.string]),
  /**
   * Minimum number of rows to display when multiline option is set to true.
   */
  minRows: o.oneOfType([o.number, o.string]),
  /**
   * If `true`, a [TextareaAutosize](https://mui.com/material-ui/react-textarea-autosize/) element is rendered.
   * @default false
   */
  multiline: o.bool,
  /**
   * Name attribute of the `input` element.
   */
  name: o.string,
  /**
   * Callback fired when the `input` is blurred.
   *
   * Notice that the first argument (event) might be undefined.
   */
  onBlur: o.func,
  /**
   * Callback fired when the value is changed.
   *
   * @param {React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement>} event The event source of the callback.
   * You can pull out the new value by accessing `event.target.value` (string).
   */
  onChange: o.func,
  /**
   * @ignore
   */
  onClick: o.func,
  /**
   * @ignore
   */
  onFocus: o.func,
  /**
   * Callback fired when the `input` doesn't satisfy its constraints.
   */
  onInvalid: o.func,
  /**
   * @ignore
   */
  onKeyDown: o.func,
  /**
   * @ignore
   */
  onKeyUp: o.func,
  /**
   * The short hint displayed in the `input` before the user enters a value.
   */
  placeholder: o.string,
  /**
   * It prevents the user from changing the value of the field
   * (not from interacting with the field).
   */
  readOnly: o.bool,
  /**
   * @ignore
   */
  renderSuffix: o.func,
  /**
   * If `true`, the `input` element is required.
   * The prop defaults to the value (`false`) inherited from the parent FormControl component.
   */
  required: o.bool,
  /**
   * Number of rows to display when multiline option is set to true.
   */
  rows: o.oneOfType([o.number, o.string]),
  /**
   * The size of the component.
   */
  size: o.oneOfType([o.oneOf(["medium", "small"]), o.string]),
  /**
   * The extra props for the slot components.
   * You can override the existing props or add new ones.
   *
   * This prop is an alias for the `componentsProps` prop, which will be deprecated in the future.
   *
   * @default {}
   */
  slotProps: o.shape({
    input: o.object,
    root: o.object
  }),
  /**
   * The components used for each slot inside.
   *
   * This prop is an alias for the `components` prop, which will be deprecated in the future.
   *
   * @default {}
   */
  slots: o.shape({
    input: o.elementType,
    root: o.elementType
  }),
  /**
   * Start `InputAdornment` for this component.
   */
  startAdornment: o.node,
  /**
   * The system prop that allows defining system overrides as well as additional CSS styles.
   */
  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
  /**
   * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#input_types).
   * @default 'text'
   */
  type: o.string,
  /**
   * The value of the `input` element, required for a controlled component.
   */
  value: o.any
});
function My(e) {
  return ce("MuiInput", e);
}
const Cn = {
  ...hn,
  ...ue("MuiInput", ["root", "underline", "input"])
};
function jy(e) {
  return ce("MuiOutlinedInput", e);
}
const pt = {
  ...hn,
  ...ue("MuiOutlinedInput", ["root", "notchedOutline", "input"])
};
function Ly(e) {
  return ce("MuiFilledInput", e);
}
const jt = {
  ...hn,
  ...ue("MuiFilledInput", ["root", "underline", "input", "adornedStart", "adornedEnd", "sizeSmall", "multiline", "hiddenLabel"])
}, Dy = rr(/* @__PURE__ */ N.jsx("path", {
  d: "M7 10l5 5 5-5z"
}), "ArrowDropDown");
function By(e) {
  const {
    prototype: t = {}
  } = e;
  return !!t.isReactComponent;
}
function bc(e, t, n, r, s) {
  const i = e[t], a = s || t;
  if (i == null || // When server-side rendering React doesn't warn either.
  // This is not an accurate check for SSR.
  // This is only in place for Emotion compat.
  // TODO: Revisit once https://github.com/facebook/react/issues/20047 is resolved.
  typeof window > "u")
    return null;
  let l;
  const c = i.type;
  return typeof c == "function" && !By(c) && (l = "Did you accidentally use a plain function component for an element instead?"), l !== void 0 ? new Error(`Invalid ${r} \`${a}\` supplied to \`${n}\`. Expected an element that can hold a ref. ${l} For more information see https://mui.com/r/caveat-with-refs-guide`) : null;
}
const ar = Xt(o.element, bc);
ar.isRequired = Xt(o.element.isRequired, bc);
const Fy = {
  entering: {
    opacity: 1
  },
  entered: {
    opacity: 1
  },
  exiting: {
    opacity: 0
  },
  exited: {
    opacity: 0
  }
}, Uy = {
  opacity: 0,
  visibility: "hidden"
}, Ur = /* @__PURE__ */ x.forwardRef(function(t, n) {
  const r = fo(), s = {
    enter: r.transitions.duration.enteringScreen,
    exit: r.transitions.duration.leavingScreen
  }, {
    addEndListener: i,
    appear: a = !0,
    children: l,
    easing: c,
    in: u,
    onEnter: d,
    onEntered: h,
    onEntering: v,
    onExit: m,
    onExited: g,
    onExiting: p,
    style: y,
    timeout: S = s,
    ...R
  } = t, T = x.useRef(null), b = We(T, sr(l), n), E = tt(T, v), C = tt(T, (f, A) => {
    oc(f);
    const I = Mr({
      style: y,
      timeout: S,
      easing: c
    }, {
      mode: "enter"
    });
    f.style.transition = r.transitions.create("opacity", I), d && d(f, A);
  }), k = tt(T, h), B = tt(T, p), D = tt(T, (f) => {
    const A = Mr({
      style: y,
      timeout: S,
      easing: c
    }, {
      mode: "exit"
    });
    f.style.transition = r.transitions.create("opacity", A), m && m(f);
  }), W = tt(T, (f) => {
    f.style.transition = "", g && g(f);
  }), F = (f) => {
    i && i(T.current, f);
  };
  return /* @__PURE__ */ N.jsx(gt, {
    appear: a,
    in: u,
    nodeRef: T,
    onEnter: C,
    onEntered: k,
    onEntering: E,
    onExit: D,
    onExited: W,
    onExiting: B,
    addEndListener: F,
    timeout: S,
    ...R,
    children: (f, {
      ownerState: A,
      ...I
    }) => {
      const j = sc(f, u, Fy, Uy, y, l.props.style);
      return /* @__PURE__ */ x.cloneElement(l, {
        style: j,
        ref: b,
        ...I
      });
    }
  });
});
process.env.NODE_ENV !== "production" && (Ur.propTypes = {
  // ┌────────────────────────────── Warning ──────────────────────────────┐
  // │ These PropTypes are generated from the TypeScript type definitions. │
  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
  // └─────────────────────────────────────────────────────────────────────┘
  /**
   * Add a custom transition end trigger. Called with the transitioning DOM
   * node and a done callback. Allows for more fine grained transition end
   * logic. Note: Timeouts are still used as a fallback if provided.
   */
  addEndListener: o.func,
  /**
   * Perform the enter transition when it first mounts if `in` is also `true`.
   * Set this to `false` to disable this behavior.
   * @default true
   */
  appear: o.bool,
  /**
   * A single child content element.
   */
  children: ar.isRequired,
  /**
   * The transition timing function.
   * You may specify a single easing or a object containing enter and exit values.
   */
  easing: o.oneOfType([o.shape({
    enter: o.string,
    exit: o.string
  }), o.string]),
  /**
   * If `true`, the component will transition in.
   */
  in: o.bool,
  /**
   * @ignore
   */
  onEnter: o.func,
  /**
   * @ignore
   */
  onEntered: o.func,
  /**
   * @ignore
   */
  onEntering: o.func,
  /**
   * @ignore
   */
  onExit: o.func,
  /**
   * @ignore
   */
  onExited: o.func,
  /**
   * @ignore
   */
  onExiting: o.func,
  /**
   * @ignore
   */
  style: o.object,
  /**
   * The duration for the transition, in milliseconds.
   * You may specify a single timeout for all transitions, or individually with an object.
   * @default {
   *   enter: theme.transitions.duration.enteringScreen,
   *   exit: theme.transitions.duration.leavingScreen,
   * }
   */
  timeout: o.oneOfType([o.number, o.shape({
    appear: o.number,
    enter: o.number,
    exit: o.number
  })])
});
function Vy(e) {
  return ce("MuiBackdrop", e);
}
ue("MuiBackdrop", ["root", "invisible"]);
const zy = (e) => {
  const {
    classes: t,
    invisible: n
  } = e;
  return de({
    root: ["root", n && "invisible"]
  }, Vy, t);
}, Wy = te("div", {
  name: "MuiBackdrop",
  slot: "Root",
  overridesResolver: (e, t) => {
    const {
      ownerState: n
    } = e;
    return [t.root, n.invisible && t.invisible];
  }
})({
  position: "fixed",
  display: "flex",
  alignItems: "center",
  justifyContent: "center",
  right: 0,
  bottom: 0,
  top: 0,
  left: 0,
  backgroundColor: "rgba(0, 0, 0, 0.5)",
  WebkitTapHighlightColor: "transparent",
  variants: [{
    props: {
      invisible: !0
    },
    style: {
      backgroundColor: "transparent"
    }
  }]
}), Zs = /* @__PURE__ */ x.forwardRef(function(t, n) {
  const r = he({
    props: t,
    name: "MuiBackdrop"
  }), {
    children: s,
    className: i,
    component: a = "div",
    invisible: l = !1,
    open: c,
    components: u = {},
    componentsProps: d = {},
    slotProps: h = {},
    slots: v = {},
    TransitionComponent: m,
    transitionDuration: g,
    ...p
  } = r, y = {
    ...r,
    component: a,
    invisible: l
  }, S = zy(y), R = {
    transition: m,
    root: u.Root,
    ...v
  }, T = {
    ...d,
    ...h
  }, b = {
    component: a,
    slots: R,
    slotProps: T
  }, [E, C] = Pe("root", {
    elementType: Wy,
    externalForwardedProps: b,
    className: le(S.root, i),
    ownerState: y
  }), [k, B] = Pe("transition", {
    elementType: Ur,
    externalForwardedProps: b,
    ownerState: y
  });
  return /* @__PURE__ */ N.jsx(k, {
    in: c,
    timeout: g,
    ...p,
    ...B,
    children: /* @__PURE__ */ N.jsx(E, {
      "aria-hidden": !0,
      ...C,
      ref: n,
      children: s
    })
  });
});
process.env.NODE_ENV !== "production" && (Zs.propTypes = {
  // ┌────────────────────────────── Warning ──────────────────────────────┐
  // │ These PropTypes are generated from the TypeScript type definitions. │
  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
  // └─────────────────────────────────────────────────────────────────────┘
  /**
   * The content of the component.
   */
  children: o.node,
  /**
   * Override or extend the styles applied to the component.
   */
  classes: o.object,
  /**
   * @ignore
   */
  className: o.string,
  /**
   * The component used for the root node.
   * Either a string to use a HTML element or a component.
   */
  component: o.elementType,
  /**
   * The components used for each slot inside.
   *
   * @deprecated Use the `slots` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
   *
   * @default {}
   */
  components: o.shape({
    Root: o.elementType
  }),
  /**
   * The extra props for the slot components.
   * You can override the existing props or add new ones.
   *
   * @deprecated Use the `slotProps` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
   *
   * @default {}
   */
  componentsProps: o.shape({
    root: o.object
  }),
  /**
   * If `true`, the backdrop is invisible.
   * It can be used when rendering a popover or a custom select component.
   * @default false
   */
  invisible: o.bool,
  /**
   * If `true`, the component is shown.
   */
  open: o.bool.isRequired,
  /**
   * The props used for each slot inside.
   * @default {}
   */
  slotProps: o.shape({
    root: o.oneOfType([o.func, o.object]),
    transition: o.oneOfType([o.func, o.object])
  }),
  /**
   * The components used for each slot inside.
   * @default {}
   */
  slots: o.shape({
    root: o.elementType,
    transition: o.elementType
  }),
  /**
   * The system prop that allows defining system overrides as well as additional CSS styles.
   */
  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
  /**
   * The component used for the transition.
   * [Follow this guide](https://mui.com/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
   * @default Fade
   * @deprecated Use `slots.transition` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
   */
  TransitionComponent: o.elementType,
  /**
   * The duration for the transition, in milliseconds.
   * You may specify a single timeout for all transitions, or individually with an object.
   */
  transitionDuration: o.oneOfType([o.number, o.shape({
    appear: o.number,
    enter: o.number,
    exit: o.number
  })])
});
function Hy(e) {
  return ce("MuiButton", e);
}
const Lt = ue("MuiButton", ["root", "text", "textInherit", "textPrimary", "textSecondary", "textSuccess", "textError", "textInfo", "textWarning", "outlined", "outlinedInherit", "outlinedPrimary", "outlinedSecondary", "outlinedSuccess", "outlinedError", "outlinedInfo", "outlinedWarning", "contained", "containedInherit", "containedPrimary", "containedSecondary", "containedSuccess", "containedError", "containedInfo", "containedWarning", "disableElevation", "focusVisible", "disabled", "colorInherit", "colorPrimary", "colorSecondary", "colorSuccess", "colorError", "colorInfo", "colorWarning", "textSizeSmall", "textSizeMedium", "textSizeLarge", "outlinedSizeSmall", "outlinedSizeMedium", "outlinedSizeLarge", "containedSizeSmall", "containedSizeMedium", "containedSizeLarge", "sizeMedium", "sizeSmall", "sizeLarge", "fullWidth", "startIcon", "endIcon", "icon", "iconSizeSmall", "iconSizeMedium", "iconSizeLarge", "loading", "loadingWrapper", "loadingIconPlaceholder", "loadingIndicator", "loadingPositionCenter", "loadingPositionStart", "loadingPositionEnd"]), vc = /* @__PURE__ */ x.createContext({});
process.env.NODE_ENV !== "production" && (vc.displayName = "ButtonGroupContext");
const Ec = /* @__PURE__ */ x.createContext(void 0);
process.env.NODE_ENV !== "production" && (Ec.displayName = "ButtonGroupButtonContext");
const qy = (e) => {
  const {
    color: t,
    disableElevation: n,
    fullWidth: r,
    size: s,
    variant: i,
    loading: a,
    loadingPosition: l,
    classes: c
  } = e, u = {
    root: ["root", a && "loading", i, `${i}${re(t)}`, `size${re(s)}`, `${i}Size${re(s)}`, `color${re(t)}`, n && "disableElevation", r && "fullWidth", a && `loadingPosition${re(l)}`],
    startIcon: ["icon", "startIcon", `iconSize${re(s)}`],
    endIcon: ["icon", "endIcon", `iconSize${re(s)}`],
    loadingIndicator: ["loadingIndicator"],
    loadingWrapper: ["loadingWrapper"]
  }, d = de(u, Hy, c);
  return {
    ...c,
    // forward the focused, disabled, etc. classes to the ButtonBase
    ...d
  };
}, Sc = [{
  props: {
    size: "small"
  },
  style: {
    "& > *:nth-of-type(1)": {
      fontSize: 18
    }
  }
}, {
  props: {
    size: "medium"
  },
  style: {
    "& > *:nth-of-type(1)": {
      fontSize: 20
    }
  }
}, {
  props: {
    size: "large"
  },
  style: {
    "& > *:nth-of-type(1)": {
      fontSize: 22
    }
  }
}], Gy = te(or, {
  shouldForwardProp: (e) => Ye(e) || e === "classes",
  name: "MuiButton",
  slot: "Root",
  overridesResolver: (e, t) => {
    const {
      ownerState: n
    } = e;
    return [t.root, t[n.variant], t[`${n.variant}${re(n.color)}`], t[`size${re(n.size)}`], t[`${n.variant}Size${re(n.size)}`], n.color === "inherit" && t.colorInherit, n.disableElevation && t.disableElevation, n.fullWidth && t.fullWidth, n.loading && t.loading];
  }
})(Re(({
  theme: e
}) => {
  const t = e.palette.mode === "light" ? e.palette.grey[300] : e.palette.grey[800], n = e.palette.mode === "light" ? e.palette.grey.A100 : e.palette.grey[700];
  return {
    ...e.typography.button,
    minWidth: 64,
    padding: "6px 16px",
    border: 0,
    borderRadius: (e.vars || e).shape.borderRadius,
    transition: e.transitions.create(["background-color", "box-shadow", "border-color", "color"], {
      duration: e.transitions.duration.short
    }),
    "&:hover": {
      textDecoration: "none"
    },
    [`&.${Lt.disabled}`]: {
      color: (e.vars || e).palette.action.disabled
    },
    variants: [{
      props: ({
        ownerState: r
      }) => r.startIcon || r.loading && r.loadingPosition === "start",
      style: {
        "&::before": {
          content: '"\\200b"',
          width: 0,
          overflow: "hidden"
        }
      }
    }, {
      props: {
        variant: "contained"
      },
      style: {
        color: "var(--variant-containedColor)",
        backgroundColor: "var(--variant-containedBg)",
        boxShadow: (e.vars || e).shadows[2],
        "&:hover": {
          boxShadow: (e.vars || e).shadows[4],
          // Reset on touch devices, it doesn't add specificity
          "@media (hover: none)": {
            boxShadow: (e.vars || e).shadows[2]
          }
        },
        "&:active": {
          boxShadow: (e.vars || e).shadows[8]
        },
        [`&.${Lt.focusVisible}`]: {
          boxShadow: (e.vars || e).shadows[6]
        },
        [`&.${Lt.disabled}`]: {
          color: (e.vars || e).palette.action.disabled,
          boxShadow: (e.vars || e).shadows[0],
          backgroundColor: (e.vars || e).palette.action.disabledBackground
        }
      }
    }, {
      props: {
        variant: "outlined"
      },
      style: {
        padding: "5px 15px",
        border: "1px solid currentColor",
        borderColor: "var(--variant-outlinedBorder, currentColor)",
        backgroundColor: "var(--variant-outlinedBg)",
        color: "var(--variant-outlinedColor)",
        [`&.${Lt.disabled}`]: {
          border: `1px solid ${(e.vars || e).palette.action.disabledBackground}`
        }
      }
    }, {
      props: {
        variant: "text"
      },
      style: {
        padding: "6px 8px",
        color: "var(--variant-textColor)",
        backgroundColor: "var(--variant-textBg)"
      }
    }, ...Object.entries(e.palette).filter(lt()).map(([r]) => ({
      props: {
        color: r
      },
      style: {
        "--variant-textColor": (e.vars || e).palette[r].main,
        "--variant-outlinedColor": (e.vars || e).palette[r].main,
        "--variant-outlinedBorder": e.alpha((e.vars || e).palette[r].main, 0.5),
        "--variant-containedColor": (e.vars || e).palette[r].contrastText,
        "--variant-containedBg": (e.vars || e).palette[r].main,
        "@media (hover: hover)": {
          "&:hover": {
            "--variant-containedBg": (e.vars || e).palette[r].dark,
            "--variant-textBg": e.alpha((e.vars || e).palette[r].main, (e.vars || e).palette.action.hoverOpacity),
            "--variant-outlinedBorder": (e.vars || e).palette[r].main,
            "--variant-outlinedBg": e.alpha((e.vars || e).palette[r].main, (e.vars || e).palette.action.hoverOpacity)
          }
        }
      }
    })), {
      props: {
        color: "inherit"
      },
      style: {
        color: "inherit",
        borderColor: "currentColor",
        "--variant-containedBg": e.vars ? e.vars.palette.Button.inheritContainedBg : t,
        "@media (hover: hover)": {
          "&:hover": {
            "--variant-containedBg": e.vars ? e.vars.palette.Button.inheritContainedHoverBg : n,
            "--variant-textBg": e.alpha((e.vars || e).palette.text.primary, (e.vars || e).palette.action.hoverOpacity),
            "--variant-outlinedBg": e.alpha((e.vars || e).palette.text.primary, (e.vars || e).palette.action.hoverOpacity)
          }
        }
      }
    }, {
      props: {
        size: "small",
        variant: "text"
      },
      style: {
        padding: "4px 5px",
        fontSize: e.typography.pxToRem(13)
      }
    }, {
      props: {
        size: "large",
        variant: "text"
      },
      style: {
        padding: "8px 11px",
        fontSize: e.typography.pxToRem(15)
      }
    }, {
      props: {
        size: "small",
        variant: "outlined"
      },
      style: {
        padding: "3px 9px",
        fontSize: e.typography.pxToRem(13)
      }
    }, {
      props: {
        size: "large",
        variant: "outlined"
      },
      style: {
        padding: "7px 21px",
        fontSize: e.typography.pxToRem(15)
      }
    }, {
      props: {
        size: "small",
        variant: "contained"
      },
      style: {
        padding: "4px 10px",
        fontSize: e.typography.pxToRem(13)
      }
    }, {
      props: {
        size: "large",
        variant: "contained"
      },
      style: {
        padding: "8px 22px",
        fontSize: e.typography.pxToRem(15)
      }
    }, {
      props: {
        disableElevation: !0
      },
      style: {
        boxShadow: "none",
        "&:hover": {
          boxShadow: "none"
        },
        [`&.${Lt.focusVisible}`]: {
          boxShadow: "none"
        },
        "&:active": {
          boxShadow: "none"
        },
        [`&.${Lt.disabled}`]: {
          boxShadow: "none"
        }
      }
    }, {
      props: {
        fullWidth: !0
      },
      style: {
        width: "100%"
      }
    }, {
      props: {
        loadingPosition: "center"
      },
      style: {
        transition: e.transitions.create(["background-color", "box-shadow", "border-color"], {
          duration: e.transitions.duration.short
        }),
        [`&.${Lt.loading}`]: {
          color: "transparent"
        }
      }
    }]
  };
})), Yy = te("span", {
  name: "MuiButton",
  slot: "StartIcon",
  overridesResolver: (e, t) => {
    const {
      ownerState: n
    } = e;
    return [t.startIcon, n.loading && t.startIconLoadingStart, t[`iconSize${re(n.size)}`]];
  }
})(({
  theme: e
}) => ({
  display: "inherit",
  marginRight: 8,
  marginLeft: -4,
  variants: [{
    props: {
      size: "small"
    },
    style: {
      marginLeft: -2
    }
  }, {
    props: {
      loadingPosition: "start",
      loading: !0
    },
    style: {
      transition: e.transitions.create(["opacity"], {
        duration: e.transitions.duration.short
      }),
      opacity: 0
    }
  }, {
    props: {
      loadingPosition: "start",
      loading: !0,
      fullWidth: !0
    },
    style: {
      marginRight: -8
    }
  }, ...Sc]
})), Ky = te("span", {
  name: "MuiButton",
  slot: "EndIcon",
  overridesResolver: (e, t) => {
    const {
      ownerState: n
    } = e;
    return [t.endIcon, n.loading && t.endIconLoadingEnd, t[`iconSize${re(n.size)}`]];
  }
})(({
  theme: e
}) => ({
  display: "inherit",
  marginRight: -4,
  marginLeft: 8,
  variants: [{
    props: {
      size: "small"
    },
    style: {
      marginRight: -2
    }
  }, {
    props: {
      loadingPosition: "end",
      loading: !0
    },
    style: {
      transition: e.transitions.create(["opacity"], {
        duration: e.transitions.duration.short
      }),
      opacity: 0
    }
  }, {
    props: {
      loadingPosition: "end",
      loading: !0,
      fullWidth: !0
    },
    style: {
      marginLeft: -8
    }
  }, ...Sc]
})), Xy = te("span", {
  name: "MuiButton",
  slot: "LoadingIndicator"
})(({
  theme: e
}) => ({
  display: "none",
  position: "absolute",
  visibility: "visible",
  variants: [{
    props: {
      loading: !0
    },
    style: {
      display: "flex"
    }
  }, {
    props: {
      loadingPosition: "start"
    },
    style: {
      left: 14
    }
  }, {
    props: {
      loadingPosition: "start",
      size: "small"
    },
    style: {
      left: 10
    }
  }, {
    props: {
      variant: "text",
      loadingPosition: "start"
    },
    style: {
      left: 6
    }
  }, {
    props: {
      loadingPosition: "center"
    },
    style: {
      left: "50%",
      transform: "translate(-50%)",
      color: (e.vars || e).palette.action.disabled
    }
  }, {
    props: {
      loadingPosition: "end"
    },
    style: {
      right: 14
    }
  }, {
    props: {
      loadingPosition: "end",
      size: "small"
    },
    style: {
      right: 10
    }
  }, {
    props: {
      variant: "text",
      loadingPosition: "end"
    },
    style: {
      right: 6
    }
  }, {
    props: {
      loadingPosition: "start",
      fullWidth: !0
    },
    style: {
      position: "relative",
      left: -10
    }
  }, {
    props: {
      loadingPosition: "end",
      fullWidth: !0
    },
    style: {
      position: "relative",
      right: -10
    }
  }]
})), Aa = te("span", {
  name: "MuiButton",
  slot: "LoadingIconPlaceholder"
})({
  display: "inline-block",
  width: "1em",
  height: "1em"
}), wr = /* @__PURE__ */ x.forwardRef(function(t, n) {
  const r = x.useContext(vc), s = x.useContext(Ec), i = Ir(r, t), a = he({
    props: i,
    name: "MuiButton"
  }), {
    children: l,
    color: c = "primary",
    component: u = "button",
    className: d,
    disabled: h = !1,
    disableElevation: v = !1,
    disableFocusRipple: m = !1,
    endIcon: g,
    focusVisibleClassName: p,
    fullWidth: y = !1,
    id: S,
    loading: R = null,
    loadingIndicator: T,
    loadingPosition: b = "center",
    size: E = "medium",
    startIcon: C,
    type: k,
    variant: B = "text",
    ...D
  } = a, W = nr(S), F = T ?? /* @__PURE__ */ N.jsx(ho, {
    "aria-labelledby": W,
    color: "inherit",
    size: 16
  }), f = {
    ...a,
    color: c,
    component: u,
    disabled: h,
    disableElevation: v,
    disableFocusRipple: m,
    fullWidth: y,
    loading: R,
    loadingIndicator: F,
    loadingPosition: b,
    size: E,
    type: k,
    variant: B
  }, A = qy(f), I = (C || R && b === "start") && /* @__PURE__ */ N.jsx(Yy, {
    className: A.startIcon,
    ownerState: f,
    children: C || /* @__PURE__ */ N.jsx(Aa, {
      className: A.loadingIconPlaceholder,
      ownerState: f
    })
  }), j = (g || R && b === "end") && /* @__PURE__ */ N.jsx(Ky, {
    className: A.endIcon,
    ownerState: f,
    children: g || /* @__PURE__ */ N.jsx(Aa, {
      className: A.loadingIconPlaceholder,
      ownerState: f
    })
  }), $ = s || "", q = typeof R == "boolean" ? (
    // use plain HTML span to minimize the runtime overhead
    /* @__PURE__ */ N.jsx("span", {
      className: A.loadingWrapper,
      style: {
        display: "contents"
      },
      children: R && /* @__PURE__ */ N.jsx(Xy, {
        className: A.loadingIndicator,
        ownerState: f,
        children: F
      })
    })
  ) : null, {
    root: ee,
    ...K
  } = A;
  return /* @__PURE__ */ N.jsxs(Gy, {
    ownerState: f,
    className: le(r.className, A.root, d, $),
    component: u,
    disabled: h || R,
    focusRipple: !m,
    focusVisibleClassName: le(A.focusVisible, p),
    ref: n,
    type: k,
    id: R ? W : S,
    ...D,
    classes: K,
    children: [I, b !== "end" && q, l, b === "end" && q, j]
  });
});
process.env.NODE_ENV !== "production" && (wr.propTypes = {
  // ┌────────────────────────────── Warning ──────────────────────────────┐
  // │ These PropTypes are generated from the TypeScript type definitions. │
  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
  // └─────────────────────────────────────────────────────────────────────┘
  /**
   * The content of the component.
   */
  children: o.node,
  /**
   * Override or extend the styles applied to the component.
   */
  classes: o.object,
  /**
   * @ignore
   */
  className: o.string,
  /**
   * The color of the component.
   * It supports both default and custom theme colors, which can be added as shown in the
   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
   * @default 'primary'
   */
  color: o.oneOfType([o.oneOf(["inherit", "primary", "secondary", "success", "error", "info", "warning"]), o.string]),
  /**
   * The component used for the root node.
   * Either a string to use a HTML element or a component.
   */
  component: o.elementType,
  /**
   * If `true`, the component is disabled.
   * @default false
   */
  disabled: o.bool,
  /**
   * If `true`, no elevation is used.
   * @default false
   */
  disableElevation: o.bool,
  /**
   * If `true`, the  keyboard focus ripple is disabled.
   * @default false
   */
  disableFocusRipple: o.bool,
  /**
   * If `true`, the ripple effect is disabled.
   *
   * ⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure
   * to highlight the element by applying separate styles with the `.Mui-focusVisible` class.
   * @default false
   */
  disableRipple: o.bool,
  /**
   * Element placed after the children.
   */
  endIcon: o.node,
  /**
   * @ignore
   */
  focusVisibleClassName: o.string,
  /**
   * If `true`, the button will take up the full width of its container.
   * @default false
   */
  fullWidth: o.bool,
  /**
   * The URL to link to when the button is clicked.
   * If defined, an `a` element will be used as the root node.
   */
  href: o.string,
  /**
   * @ignore
   */
  id: o.string,
  /**
   * If `true`, the loading indicator is visible and the button is disabled.
   * If `true | false`, the loading wrapper is always rendered before the children to prevent [Google Translation Crash](https://github.com/mui/material-ui/issues/27853).
   * @default null
   */
  loading: o.bool,
  /**
   * Element placed before the children if the button is in loading state.
   * The node should contain an element with `role="progressbar"` with an accessible name.
   * By default, it renders a `CircularProgress` that is labeled by the button itself.
   * @default <CircularProgress color="inherit" size={16} />
   */
  loadingIndicator: o.node,
  /**
   * The loading indicator can be positioned on the start, end, or the center of the button.
   * @default 'center'
   */
  loadingPosition: o.oneOf(["center", "end", "start"]),
  /**
   * The size of the component.
   * `small` is equivalent to the dense button styling.
   * @default 'medium'
   */
  size: o.oneOfType([o.oneOf(["small", "medium", "large"]), o.string]),
  /**
   * Element placed before the children.
   */
  startIcon: o.node,
  /**
   * The system prop that allows defining system overrides as well as additional CSS styles.
   */
  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
  /**
   * @ignore
   */
  type: o.oneOfType([o.oneOf(["button", "reset", "submit"]), o.string]),
  /**
   * The variant to use.
   * @default 'text'
   */
  variant: o.oneOfType([o.oneOf(["contained", "outlined", "text"]), o.string])
});
function Jy(e) {
  return ce("PrivateSwitchBase", e);
}
ue("PrivateSwitchBase", ["root", "checked", "disabled", "input", "edgeStart", "edgeEnd"]);
const Zy = (e) => {
  const {
    classes: t,
    checked: n,
    disabled: r,
    edge: s
  } = e, i = {
    root: ["root", n && "checked", r && "disabled", s && `edge${re(s)}`],
    input: ["input"]
  };
  return de(i, Jy, t);
}, Qy = te(or, {
  name: "MuiSwitchBase"
})({
  padding: 9,
  borderRadius: "50%",
  variants: [{
    props: {
      edge: "start",
      size: "small"
    },
    style: {
      marginLeft: -3
    }
  }, {
    props: ({
      edge: e,
      ownerState: t
    }) => e === "start" && t.size !== "small",
    style: {
      marginLeft: -12
    }
  }, {
    props: {
      edge: "end",
      size: "small"
    },
    style: {
      marginRight: -3
    }
  }, {
    props: ({
      edge: e,
      ownerState: t
    }) => e === "end" && t.size !== "small",
    style: {
      marginRight: -12
    }
  }]
}), eg = te("input", {
  name: "MuiSwitchBase",
  shouldForwardProp: Ye
})({
  cursor: "inherit",
  position: "absolute",
  opacity: 0,
  width: "100%",
  height: "100%",
  top: 0,
  left: 0,
  margin: 0,
  padding: 0,
  zIndex: 1
}), Tc = /* @__PURE__ */ x.forwardRef(function(t, n) {
  const {
    autoFocus: r,
    checked: s,
    checkedIcon: i,
    defaultChecked: a,
    disabled: l,
    disableFocusRipple: c = !1,
    edge: u = !1,
    icon: d,
    id: h,
    inputProps: v,
    inputRef: m,
    name: g,
    onBlur: p,
    onChange: y,
    onFocus: S,
    readOnly: R,
    required: T = !1,
    tabIndex: b,
    type: E,
    value: C,
    slots: k = {},
    slotProps: B = {},
    ...D
  } = t, [W, F] = fs({
    controlled: s,
    default: !!a,
    name: "SwitchBase",
    state: "checked"
  }), f = Nt(), A = (U) => {
    S && S(U), f && f.onFocus && f.onFocus(U);
  }, I = (U) => {
    p && p(U), f && f.onBlur && f.onBlur(U);
  }, j = (U) => {
    if (U.nativeEvent.defaultPrevented || R)
      return;
    const J = U.target.checked;
    F(J), y && y(U, J);
  };
  let $ = l;
  f && typeof $ > "u" && ($ = f.disabled);
  const q = E === "checkbox" || E === "radio", ee = {
    ...t,
    checked: W,
    disabled: $,
    disableFocusRipple: c,
    edge: u
  }, K = Zy(ee), O = {
    slots: k,
    slotProps: {
      input: v,
      ...B
    }
  }, [_, G] = Pe("root", {
    ref: n,
    elementType: Qy,
    className: K.root,
    shouldForwardComponentProp: !0,
    externalForwardedProps: {
      ...O,
      component: "span",
      ...D
    },
    getSlotProps: (U) => ({
      ...U,
      onFocus: (J) => {
        var Y;
        (Y = U.onFocus) == null || Y.call(U, J), A(J);
      },
      onBlur: (J) => {
        var Y;
        (Y = U.onBlur) == null || Y.call(U, J), I(J);
      }
    }),
    ownerState: ee,
    additionalProps: {
      centerRipple: !0,
      focusRipple: !c,
      role: void 0,
      tabIndex: null
    }
  }), [L, X] = Pe("input", {
    ref: m,
    elementType: eg,
    className: K.input,
    externalForwardedProps: O,
    getSlotProps: (U) => ({
      ...U,
      onChange: (J) => {
        var Y;
        (Y = U.onChange) == null || Y.call(U, J), j(J);
      }
    }),
    ownerState: ee,
    additionalProps: {
      autoFocus: r,
      checked: s,
      defaultChecked: a,
      disabled: $,
      id: q ? h : void 0,
      name: g,
      readOnly: R,
      required: T,
      tabIndex: b,
      type: E,
      ...E === "checkbox" && C === void 0 ? {} : {
        value: C
      }
    }
  });
  return /* @__PURE__ */ N.jsxs(_, {
    ...G,
    children: [/* @__PURE__ */ N.jsx(L, {
      ...X
    }), W ? i : d]
  });
});
process.env.NODE_ENV !== "production" && (Tc.propTypes = {
  /**
   * If `true`, the `input` element is focused during the first mount.
   */
  autoFocus: o.bool,
  /**
   * If `true`, the component is checked.
   */
  checked: o.bool,
  /**
   * The icon to display when the component is checked.
   */
  checkedIcon: o.node.isRequired,
  /**
   * Override or extend the styles applied to the component.
   */
  classes: o.object,
  /**
   * @ignore
   */
  className: o.string,
  /**
   * @ignore
   */
  defaultChecked: o.bool,
  /**
   * If `true`, the component is disabled.
   */
  disabled: o.bool,
  /**
   * If `true`, the  keyboard focus ripple is disabled.
   * @default false
   */
  disableFocusRipple: o.bool,
  /**
   * If given, uses a negative margin to counteract the padding on one
   * side (this is often helpful for aligning the left or right
   * side of the icon with content above or below, without ruining the border
   * size and shape).
   * @default false
   */
  edge: o.oneOf(["end", "start", !1]),
  /**
   * The icon to display when the component is unchecked.
   */
  icon: o.node.isRequired,
  /**
   * The id of the `input` element.
   */
  id: o.string,
  /**
   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.
   */
  inputProps: o.object,
  /**
   * Pass a ref to the `input` element.
   */
  inputRef: bt,
  /*
   * @ignore
   */
  name: o.string,
  /**
   * @ignore
   */
  onBlur: o.func,
  /**
   * Callback fired when the state is changed.
   *
   * @param {object} event The event source of the callback.
   * You can pull out the new checked state by accessing `event.target.checked` (boolean).
   */
  onChange: o.func,
  /**
   * @ignore
   */
  onFocus: o.func,
  /**
   * It prevents the user from changing the value of the field
   * (not from interacting with the field).
   */
  readOnly: o.bool,
  /**
   * If `true`, the `input` element is required.
   */
  required: o.bool,
  /**
   * The props used for each slot inside.
   * @default {}
   */
  slotProps: o.shape({
    input: o.oneOfType([o.func, o.object]),
    root: o.oneOfType([o.func, o.object])
  }),
  /**
   * The components used for each slot inside.
   * @default {}
   */
  slots: o.shape({
    input: o.elementType,
    root: o.elementType
  }),
  /**
   * The system prop that allows defining system overrides as well as additional CSS styles.
   */
  sx: o.object,
  /**
   * @ignore
   */
  tabIndex: o.oneOfType([o.number, o.string]),
  /**
   * The input component prop `type`.
   */
  type: o.string.isRequired,
  /**
   * The value of the component.
   */
  value: o.any
});
const tg = rr(/* @__PURE__ */ N.jsx("path", {
  d: "M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
}), "CheckBoxOutlineBlank"), ng = rr(/* @__PURE__ */ N.jsx("path", {
  d: "M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
}), "CheckBox"), rg = rr(/* @__PURE__ */ N.jsx("path", {
  d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"
}), "IndeterminateCheckBox");
function og(e) {
  return ce("MuiCheckbox", e);
}
const Ho = ue("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "colorPrimary", "colorSecondary", "sizeSmall", "sizeMedium"]), sg = (e) => {
  const {
    classes: t,
    indeterminate: n,
    color: r,
    size: s
  } = e, i = {
    root: ["root", n && "indeterminate", `color${re(r)}`, `size${re(s)}`]
  }, a = de(i, og, t);
  return {
    ...t,
    // forward the disabled and checked classes to the SwitchBase
    ...a
  };
}, ig = te(Tc, {
  shouldForwardProp: (e) => Ye(e) || e === "classes",
  name: "MuiCheckbox",
  slot: "Root",
  overridesResolver: (e, t) => {
    const {
      ownerState: n
    } = e;
    return [t.root, n.indeterminate && t.indeterminate, t[`size${re(n.size)}`], n.color !== "default" && t[`color${re(n.color)}`]];
  }
})(Re(({
  theme: e
}) => ({
  color: (e.vars || e).palette.text.secondary,
  variants: [{
    props: {
      color: "default",
      disableRipple: !1
    },
    style: {
      "&:hover": {
        backgroundColor: e.alpha((e.vars || e).palette.action.active, (e.vars || e).palette.action.hoverOpacity)
      }
    }
  }, ...Object.entries(e.palette).filter(lt()).map(([t]) => ({
    props: {
      color: t,
      disableRipple: !1
    },
    style: {
      "&:hover": {
        backgroundColor: e.alpha((e.vars || e).palette[t].main, (e.vars || e).palette.action.hoverOpacity)
      }
    }
  })), ...Object.entries(e.palette).filter(lt()).map(([t]) => ({
    props: {
      color: t
    },
    style: {
      [`&.${Ho.checked}, &.${Ho.indeterminate}`]: {
        color: (e.vars || e).palette[t].main
      },
      [`&.${Ho.disabled}`]: {
        color: (e.vars || e).palette.action.disabled
      }
    }
  })), {
    // Should be last to override other colors
    props: {
      disableRipple: !1
    },
    style: {
      // Reset on touch devices, it doesn't add specificity
      "&:hover": {
        "@media (hover: none)": {
          backgroundColor: "transparent"
        }
      }
    }
  }]
}))), ag = /* @__PURE__ */ N.jsx(ng, {}), lg = /* @__PURE__ */ N.jsx(tg, {}), cg = /* @__PURE__ */ N.jsx(rg, {}), Ss = /* @__PURE__ */ x.forwardRef(function(t, n) {
  const r = he({
    props: t,
    name: "MuiCheckbox"
  }), {
    checkedIcon: s = ag,
    color: i = "primary",
    icon: a = lg,
    indeterminate: l = !1,
    indeterminateIcon: c = cg,
    inputProps: u,
    size: d = "medium",
    disableRipple: h = !1,
    className: v,
    slots: m = {},
    slotProps: g = {},
    ...p
  } = r, y = l ? c : a, S = l ? c : s, R = {
    ...r,
    disableRipple: h,
    color: i,
    indeterminate: l,
    size: d
  }, T = sg(R), b = g.input ?? u, [E, C] = Pe("root", {
    ref: n,
    elementType: ig,
    className: le(T.root, v),
    shouldForwardComponentProp: !0,
    externalForwardedProps: {
      slots: m,
      slotProps: g,
      ...p
    },
    ownerState: R,
    additionalProps: {
      type: "checkbox",
      icon: /* @__PURE__ */ x.cloneElement(y, {
        fontSize: y.props.fontSize ?? d
      }),
      checkedIcon: /* @__PURE__ */ x.cloneElement(S, {
        fontSize: S.props.fontSize ?? d
      }),
      disableRipple: h,
      slots: m,
      slotProps: {
        input: Ql(typeof b == "function" ? b(R) : b, {
          "data-indeterminate": l,
          "aria-checked": l ? "mixed" : void 0
        })
      }
    }
  });
  return /* @__PURE__ */ N.jsx(E, {
    ...C,
    classes: T
  });
});
process.env.NODE_ENV !== "production" && (Ss.propTypes = {
  // ┌────────────────────────────── Warning ──────────────────────────────┐
  // │ These PropTypes are generated from the TypeScript type definitions. │
  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
  // └─────────────────────────────────────────────────────────────────────┘
  /**
   * If `true`, the component is checked.
   */
  checked: o.bool,
  /**
   * The icon to display when the component is checked.
   * @default <CheckBoxIcon />
   */
  checkedIcon: o.node,
  /**
   * Override or extend the styles applied to the component.
   */
  classes: o.object,
  /**
   * @ignore
   */
  className: o.string,
  /**
   * The color of the component.
   * It supports both default and custom theme colors, which can be added as shown in the
   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
   * @default 'primary'
   */
  color: o.oneOfType([o.oneOf(["default", "primary", "secondary", "error", "info", "success", "warning"]), o.string]),
  /**
   * The default checked state. Use when the component is not controlled.
   */
  defaultChecked: o.bool,
  /**
   * If `true`, the component is disabled.
   * @default false
   */
  disabled: o.bool,
  /**
   * If `true`, the ripple effect is disabled.
   * @default false
   */
  disableRipple: o.bool,
  /**
   * The icon to display when the component is unchecked.
   * @default <CheckBoxOutlineBlankIcon />
   */
  icon: o.node,
  /**
   * The id of the `input` element.
   */
  id: o.string,
  /**
   * If `true`, the component appears indeterminate.
   * This does not set the native input element to indeterminate due
   * to inconsistent behavior across browsers.
   * However, we set a `data-indeterminate` attribute on the `input`.
   * @default false
   */
  indeterminate: o.bool,
  /**
   * The icon to display when the component is indeterminate.
   * @default <IndeterminateCheckBoxIcon />
   */
  indeterminateIcon: o.node,
  /**
   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.
   * @deprecated Use `slotProps.input` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
   */
  inputProps: o.object,
  /**
   * Callback fired when the state is changed.
   *
   * @param {React.ChangeEvent<HTMLInputElement>} event The event source of the callback.
   * You can pull out the new checked state by accessing `event.target.checked` (boolean).
   */
  onChange: o.func,
  /**
   * If `true`, the `input` element is required.
   * @default false
   */
  required: o.bool,
  /**
   * The size of the component.
   * `small` is equivalent to the dense checkbox styling.
   * @default 'medium'
   */
  size: o.oneOfType([o.oneOf(["medium", "small"]), o.string]),
  /**
   * The props used for each slot inside.
   * @default {}
   */
  slotProps: o.shape({
    input: o.oneOfType([o.func, o.object]),
    root: o.oneOfType([o.func, o.object])
  }),
  /**
   * The components used for each slot inside.
   * @default {}
   */
  slots: o.shape({
    input: o.elementType,
    root: o.elementType
  }),
  /**
   * The system prop that allows defining system overrides as well as additional CSS styles.
   */
  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
  /**
   * The value of the component. The DOM API casts this to a string.
   * The browser uses "on" as the default value.
   */
  value: o.any
});
function xc(e = window) {
  const t = e.document.documentElement.clientWidth;
  return e.innerWidth - t;
}
function ug(e) {
  const t = nt(e);
  return t.body === e ? wt(e).innerWidth > t.documentElement.clientWidth : e.scrollHeight > e.clientHeight;
}
function jn(e, t) {
  t ? e.setAttribute("aria-hidden", "true") : e.removeAttribute("aria-hidden");
}
function Ia(e) {
  return parseFloat(wt(e).getComputedStyle(e).paddingRight) || 0;
}
function dg(e) {
  const n = ["TEMPLATE", "SCRIPT", "STYLE", "LINK", "MAP", "META", "NOSCRIPT", "PICTURE", "COL", "COLGROUP", "PARAM", "SLOT", "SOURCE", "TRACK"].includes(e.tagName), r = e.tagName === "INPUT" && e.getAttribute("type") === "hidden";
  return n || r;
}
function Na(e, t, n, r, s) {
  const i = [t, n, ...r];
  [].forEach.call(e.children, (a) => {
    const l = !i.includes(a), c = !dg(a);
    l && c && jn(a, s);
  });
}
function qo(e, t) {
  let n = -1;
  return e.some((r, s) => t(r) ? (n = s, !0) : !1), n;
}
function pg(e, t) {
  const n = [], r = e.container;
  if (!t.disableScrollLock) {
    if (ug(r)) {
      const a = xc(wt(r));
      n.push({
        value: r.style.paddingRight,
        property: "padding-right",
        el: r
      }), r.style.paddingRight = `${Ia(r) + a}px`;
      const l = nt(r).querySelectorAll(".mui-fixed");
      [].forEach.call(l, (c) => {
        n.push({
          value: c.style.paddingRight,
          property: "padding-right",
          el: c
        }), c.style.paddingRight = `${Ia(c) + a}px`;
      });
    }
    let i;
    if (r.parentNode instanceof DocumentFragment)
      i = nt(r).body;
    else {
      const a = r.parentElement, l = wt(r);
      i = (a == null ? void 0 : a.nodeName) === "HTML" && l.getComputedStyle(a).overflowY === "scroll" ? a : r;
    }
    n.push({
      value: i.style.overflow,
      property: "overflow",
      el: i
    }, {
      value: i.style.overflowX,
      property: "overflow-x",
      el: i
    }, {
      value: i.style.overflowY,
      property: "overflow-y",
      el: i
    }), i.style.overflow = "hidden";
  }
  return () => {
    n.forEach(({
      value: i,
      el: a,
      property: l
    }) => {
      i ? a.style.setProperty(l, i) : a.style.removeProperty(l);
    });
  };
}
function fg(e) {
  const t = [];
  return [].forEach.call(e.children, (n) => {
    n.getAttribute("aria-hidden") === "true" && t.push(n);
  }), t;
}
class mg {
  constructor() {
    this.modals = [], this.containers = [];
  }
  add(t, n) {
    let r = this.modals.indexOf(t);
    if (r !== -1)
      return r;
    r = this.modals.length, this.modals.push(t), t.modalRef && jn(t.modalRef, !1);
    const s = fg(n);
    Na(n, t.mount, t.modalRef, s, !0);
    const i = qo(this.containers, (a) => a.container === n);
    return i !== -1 ? (this.containers[i].modals.push(t), r) : (this.containers.push({
      modals: [t],
      container: n,
      restore: null,
      hiddenSiblings: s
    }), r);
  }
  mount(t, n) {
    const r = qo(this.containers, (i) => i.modals.includes(t)), s = this.containers[r];
    s.restore || (s.restore = pg(s, n));
  }
  remove(t, n = !0) {
    const r = this.modals.indexOf(t);
    if (r === -1)
      return r;
    const s = qo(this.containers, (a) => a.modals.includes(t)), i = this.containers[s];
    if (i.modals.splice(i.modals.indexOf(t), 1), this.modals.splice(r, 1), i.modals.length === 0)
      i.restore && i.restore(), t.modalRef && jn(t.modalRef, n), Na(i.container, t.mount, t.modalRef, i.hiddenSiblings, !1), this.containers.splice(s, 1);
    else {
      const a = i.modals[i.modals.length - 1];
      a.modalRef && jn(a.modalRef, !1);
    }
    return r;
  }
  isTopModal(t) {
    return this.modals.length > 0 && this.modals[this.modals.length - 1] === t;
  }
}
const Ts = "data-mui-focusable";
function hg(e) {
  return e ? e.hasAttribute(Ts) ? e : e.querySelector(`[${Ts}]`) : null;
}
const yg = ["input", "select", "textarea", "a[href]", "button", "[tabindex]", "audio[controls]", "video[controls]", '[contenteditable]:not([contenteditable="false"])'].join(",");
function gg(e) {
  const t = parseInt(e.getAttribute("tabindex") || "", 10);
  return Number.isNaN(t) ? e.contentEditable === "true" || (e.nodeName === "AUDIO" || e.nodeName === "VIDEO" || e.nodeName === "DETAILS") && e.getAttribute("tabindex") === null ? 0 : e.tabIndex : t;
}
function bg(e) {
  if (e.tagName !== "INPUT" || e.type !== "radio" || !e.name)
    return !1;
  const t = (r) => e.ownerDocument.querySelector(`input[type="radio"]${r}`);
  let n = t(`[name="${e.name}"]:checked`);
  return n || (n = t(`[name="${e.name}"]`)), n !== e;
}
function vg(e) {
  return !(e.disabled || e.tagName === "INPUT" && e.type === "hidden" || bg(e));
}
function Eg(e) {
  const t = [], n = [];
  return Array.from(e.querySelectorAll(yg)).forEach((r, s) => {
    const i = gg(r);
    i === -1 || !vg(r) || (i === 0 ? t.push(r) : n.push({
      documentOrder: s,
      tabIndex: i,
      node: r
    }));
  }), n.sort((r, s) => r.tabIndex === s.tabIndex ? r.documentOrder - s.documentOrder : r.tabIndex - s.tabIndex).map((r) => r.node).concat(t);
}
function Sg() {
  return !0;
}
function Vr(e) {
  const {
    children: t,
    disableAutoFocus: n = !1,
    disableEnforceFocus: r = !1,
    disableRestoreFocus: s = !1,
    getTabbable: i = Eg,
    isEnabled: a = Sg,
    open: l
  } = e, c = x.useRef(!1), u = x.useRef(null), d = x.useRef(null), h = x.useRef(null), v = x.useRef(null), m = x.useRef(!1), g = x.useRef(null), p = We(sr(t), g), y = x.useRef(null);
  x.useEffect(() => {
    !l || !g.current || (m.current = !n);
  }, [n, l]), x.useEffect(() => {
    if (c.current = !1, !l || !g.current)
      return;
    const T = nt(g.current), b = cn(T), E = hg(g.current) ?? g.current;
    return Ra(g.current, b) || (E.hasAttribute("tabIndex") || (process.env.NODE_ENV !== "production" && console.error(["MUI: The modal content node does not accept focus.", 'For the benefit of assistive technologies, the tabIndex of the node is being set to "-1".'].join(`
`)), E.setAttribute("tabIndex", "-1")), m.current && E.focus()), () => {
      s || (h.current && h.current.focus && (c.current = !0, h.current.focus()), h.current = null);
    };
  }, [l]), x.useEffect(() => {
    if (!l || !g.current)
      return;
    const T = nt(g.current), b = (k) => {
      if (y.current = k, r || !a() || k.key !== "Tab")
        return;
      cn(T) === g.current && k.shiftKey && (c.current = !0, d.current && d.current.focus());
    }, E = () => {
      var W, F;
      const k = g.current;
      if (k === null)
        return;
      const B = cn(T);
      if (!T.hasFocus() || !a() || c.current) {
        c.current = !1;
        return;
      }
      if (Ra(k, B) || r && B !== u.current && B !== d.current)
        return;
      if (B !== v.current)
        v.current = null;
      else if (v.current !== null)
        return;
      if (!m.current)
        return;
      let D = [];
      if ((B === u.current || B === d.current) && (D = i(g.current)), D.length > 0) {
        const f = !!((W = y.current) != null && W.shiftKey && ((F = y.current) == null ? void 0 : F.key) === "Tab"), A = D[0], I = D[D.length - 1];
        typeof A != "string" && typeof I != "string" && (f ? I.focus() : A.focus());
      } else
        k.focus();
    };
    T.addEventListener("focusin", E), T.addEventListener("keydown", b, !0);
    const C = setInterval(() => {
      const k = cn(T);
      k && k.tagName === "BODY" && E();
    }, 50);
    return () => {
      clearInterval(C), T.removeEventListener("focusin", E), T.removeEventListener("keydown", b, !0);
    };
  }, [n, r, s, a, l, i]);
  const S = (T) => {
    h.current === null && (h.current = T.relatedTarget), m.current = !0, v.current = T.target;
    const b = t.props.onFocus;
    b && b(T);
  }, R = (T) => {
    h.current === null && (h.current = T.relatedTarget), m.current = !0;
  };
  return /* @__PURE__ */ N.jsxs(x.Fragment, {
    children: [/* @__PURE__ */ N.jsx("div", {
      tabIndex: l ? 0 : -1,
      onFocus: R,
      ref: u,
      "data-testid": "sentinelStart"
    }), /* @__PURE__ */ x.cloneElement(t, {
      ref: p,
      onFocus: S
    }), /* @__PURE__ */ N.jsx("div", {
      tabIndex: l ? 0 : -1,
      onFocus: R,
      ref: d,
      "data-testid": "sentinelEnd"
    })]
  });
}
process.env.NODE_ENV !== "production" && (Vr.propTypes = {
  // ┌────────────────────────────── Warning ──────────────────────────────┐
  // │ These PropTypes are generated from the TypeScript type definitions. │
  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
  // └─────────────────────────────────────────────────────────────────────┘
  /**
   * A single child content element.
   */
  children: ar,
  /**
   * If `true`, the focus trap will not automatically shift focus to itself when it opens, and
   * replace it to the last focused element when it closes.
   * This also works correctly with any focus trap children that have the `disableAutoFocus` prop.
   *
   * Generally this should never be set to `true` as it makes the focus trap less
   * accessible to assistive technologies, like screen readers.
   * @default false
   */
  disableAutoFocus: o.bool,
  /**
   * If `true`, the focus trap will not prevent focus from leaving the focus trap while open.
   *
   * Generally this should never be set to `true` as it makes the focus trap less
   * accessible to assistive technologies, like screen readers.
   * @default false
   */
  disableEnforceFocus: o.bool,
  /**
   * If `true`, the focus trap will not restore focus to previously focused element once
   * focus trap is hidden or unmounted.
   * @default false
   */
  disableRestoreFocus: o.bool,
  /**
   * Returns an array of ordered tabbable nodes (i.e. in tab order) within the root.
   * For instance, you can provide the "tabbable" npm dependency.
   * @param {HTMLElement} root
   */
  getTabbable: o.func,
  /**
   * This prop extends the `open` prop.
   * It allows to toggle the open state without having to wait for a rerender when changing the `open` prop.
   * This prop should be memoized.
   * It can be used to support multiple focus trap mounted at the same time.
   * @default function defaultIsEnabled(): boolean {
   *   return true;
   * }
   */
  isEnabled: o.func,
  /**
   * If `true`, focus is locked.
   */
  open: o.bool.isRequired
});
process.env.NODE_ENV !== "production" && (Vr.propTypes = zl(Vr.propTypes));
function Tg(e) {
  return typeof e == "function" ? e() : e;
}
function xg(e) {
  return e ? e.props.hasOwnProperty("in") : !1;
}
const ka = () => {
}, hr = new mg();
function Og(e) {
  const {
    container: t,
    disableEscapeKeyDown: n = !1,
    disableScrollLock: r = !1,
    closeAfterTransition: s = !1,
    onTransitionEnter: i,
    onTransitionExited: a,
    children: l,
    onClose: c,
    open: u,
    rootRef: d
  } = e, h = x.useRef({}), v = x.useRef(null), m = x.useRef(null), g = We(m, d), [p, y] = x.useState(!u), S = xg(l);
  let R = !0;
  (e["aria-hidden"] === "false" || e["aria-hidden"] === !1) && (R = !1);
  const T = () => nt(v.current), b = () => (h.current.modalRef = m.current, h.current.mount = v.current, h.current), E = () => {
    hr.mount(b(), {
      disableScrollLock: r
    }), m.current && (m.current.scrollTop = 0);
  }, C = Wt(() => {
    const j = Tg(t) || T().body;
    hr.add(b(), j), m.current && E();
  }), k = () => hr.isTopModal(b()), B = Wt((j) => {
    v.current = j, j && (u && k() ? E() : m.current && jn(m.current, R));
  }), D = x.useCallback(() => {
    hr.remove(b(), R);
  }, [R]);
  x.useEffect(() => () => {
    D();
  }, [D]), x.useEffect(() => {
    u ? C() : (!S || !s) && D();
  }, [u, D, S, s, C]);
  const W = (j) => ($) => {
    var q;
    (q = j.onKeyDown) == null || q.call(j, $), !($.key !== "Escape" || $.which === 229 || // Wait until IME is settled.
    !k()) && (n || ($.stopPropagation(), c && c($, "escapeKeyDown")));
  }, F = (j) => ($) => {
    var q;
    (q = j.onClick) == null || q.call(j, $), $.target === $.currentTarget && c && c($, "backdropClick");
  };
  return {
    getRootProps: (j = {}) => {
      const $ = lc(e);
      delete $.onTransitionEnter, delete $.onTransitionExited;
      const q = {
        ...$,
        ...j
      };
      return {
        /*
         * Marking an element with the role presentation indicates to assistive technology
         * that this element should be ignored; it exists to support the web application and
         * is not meant for humans to interact with directly.
         * https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/no-static-element-interactions.md
         */
        role: "presentation",
        ...q,
        onKeyDown: W(q),
        ref: g
      };
    },
    getBackdropProps: (j = {}) => {
      const $ = j;
      return {
        "aria-hidden": !0,
        ...$,
        onClick: F($),
        open: u
      };
    },
    getTransitionProps: () => {
      const j = () => {
        y(!1), i && i();
      }, $ = () => {
        y(!0), a && a(), s && D();
      };
      return {
        onEnter: ya(j, (l == null ? void 0 : l.props.onEnter) ?? ka),
        onExited: ya($, (l == null ? void 0 : l.props.onExited) ?? ka)
      };
    },
    rootRef: g,
    portalRef: B,
    isTopModal: k,
    exited: p,
    hasTransition: S
  };
}
function Rg(e) {
  return ce("MuiModal", e);
}
ue("MuiModal", ["root", "hidden", "backdrop"]);
const wg = (e) => {
  const {
    open: t,
    exited: n,
    classes: r
  } = e;
  return de({
    root: ["root", !t && n && "hidden"],
    backdrop: ["backdrop"]
  }, Rg, r);
}, Cg = te("div", {
  name: "MuiModal",
  slot: "Root",
  overridesResolver: (e, t) => {
    const {
      ownerState: n
    } = e;
    return [t.root, !n.open && n.exited && t.hidden];
  }
})(Re(({
  theme: e
}) => ({
  position: "fixed",
  zIndex: (e.vars || e).zIndex.modal,
  right: 0,
  bottom: 0,
  top: 0,
  left: 0,
  variants: [{
    props: ({
      ownerState: t
    }) => !t.open && t.exited,
    style: {
      visibility: "hidden"
    }
  }]
}))), Pg = te(Zs, {
  name: "MuiModal",
  slot: "Backdrop"
})({
  zIndex: -1
}), Qs = /* @__PURE__ */ x.forwardRef(function(t, n) {
  const r = he({
    name: "MuiModal",
    props: t
  }), {
    BackdropComponent: s = Pg,
    BackdropProps: i,
    classes: a,
    className: l,
    closeAfterTransition: c = !1,
    children: u,
    container: d,
    component: h,
    components: v = {},
    componentsProps: m = {},
    disableAutoFocus: g = !1,
    disableEnforceFocus: p = !1,
    disableEscapeKeyDown: y = !1,
    disablePortal: S = !1,
    disableRestoreFocus: R = !1,
    disableScrollLock: T = !1,
    hideBackdrop: b = !1,
    keepMounted: E = !1,
    onClose: C,
    onTransitionEnter: k,
    onTransitionExited: B,
    open: D,
    slotProps: W = {},
    slots: F = {},
    // eslint-disable-next-line react/prop-types
    theme: f,
    ...A
  } = r, I = {
    ...r,
    closeAfterTransition: c,
    disableAutoFocus: g,
    disableEnforceFocus: p,
    disableEscapeKeyDown: y,
    disablePortal: S,
    disableRestoreFocus: R,
    disableScrollLock: T,
    hideBackdrop: b,
    keepMounted: E
  }, {
    getRootProps: j,
    getBackdropProps: $,
    getTransitionProps: q,
    portalRef: ee,
    isTopModal: K,
    exited: O,
    hasTransition: _
  } = Og({
    ...I,
    rootRef: n
  }), G = {
    ...I,
    exited: O
  }, L = wg(G), X = {};
  if (u.props.tabIndex === void 0 && (X.tabIndex = "-1"), _) {
    const {
      onEnter: H,
      onExited: z
    } = q();
    X.onEnter = H, X.onExited = z;
  }
  const U = {
    slots: {
      root: v.Root,
      backdrop: v.Backdrop,
      ...F
    },
    slotProps: {
      ...m,
      ...W
    }
  }, [J, Y] = Pe("root", {
    ref: n,
    elementType: Cg,
    externalForwardedProps: {
      ...U,
      ...A,
      component: h
    },
    getSlotProps: j,
    ownerState: G,
    className: le(l, L == null ? void 0 : L.root, !G.open && G.exited && (L == null ? void 0 : L.hidden))
  }), [V, Q] = Pe("backdrop", {
    ref: i == null ? void 0 : i.ref,
    elementType: s,
    externalForwardedProps: U,
    shouldForwardComponentProp: !0,
    additionalProps: i,
    getSlotProps: (H) => $({
      ...H,
      onClick: (z) => {
        H != null && H.onClick && H.onClick(z);
      }
    }),
    className: le(i == null ? void 0 : i.className, L == null ? void 0 : L.backdrop),
    ownerState: G
  });
  return !E && !D && (!_ || O) ? null : /* @__PURE__ */ N.jsx(Dr, {
    ref: ee,
    container: d,
    disablePortal: S,
    children: /* @__PURE__ */ N.jsxs(J, {
      ...Y,
      children: [!b && s ? /* @__PURE__ */ N.jsx(V, {
        ...Q
      }) : null, /* @__PURE__ */ N.jsx(Vr, {
        disableEnforceFocus: p,
        disableAutoFocus: g,
        disableRestoreFocus: R,
        isEnabled: K,
        open: D,
        children: /* @__PURE__ */ x.cloneElement(u, X)
      })]
    })
  });
});
process.env.NODE_ENV !== "production" && (Qs.propTypes = {
  // ┌────────────────────────────── Warning ──────────────────────────────┐
  // │ These PropTypes are generated from the TypeScript type definitions. │
  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
  // └─────────────────────────────────────────────────────────────────────┘
  /**
   * A backdrop component. This prop enables custom backdrop rendering.
   * @deprecated Use `slots.backdrop` instead. While this prop currently works, it will be removed in the next major version.
   * Use the `slots.backdrop` prop to make your application ready for the next version of Material UI.
   * @default styled(Backdrop, {
   *   name: 'MuiModal',
   *   slot: 'Backdrop',
   * })({
   *   zIndex: -1,
   * })
   */
  BackdropComponent: o.elementType,
  /**
   * Props applied to the [`Backdrop`](https://mui.com/material-ui/api/backdrop/) element.
   * @deprecated Use `slotProps.backdrop` instead.
   */
  BackdropProps: o.object,
  /**
   * A single child content element.
   */
  children: ar.isRequired,
  /**
   * Override or extend the styles applied to the component.
   */
  classes: o.object,
  /**
   * @ignore
   */
  className: o.string,
  /**
   * When set to true the Modal waits until a nested Transition is completed before closing.
   * @default false
   */
  closeAfterTransition: o.bool,
  /**
   * The component used for the root node.
   * Either a string to use a HTML element or a component.
   */
  component: o.elementType,
  /**
   * The components used for each slot inside.
   *
   * @deprecated Use the `slots` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
   *
   * @default {}
   */
  components: o.shape({
    Backdrop: o.elementType,
    Root: o.elementType
  }),
  /**
   * The extra props for the slot components.
   * You can override the existing props or add new ones.
   *
   * @deprecated Use the `slotProps` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
   *
   * @default {}
   */
  componentsProps: o.shape({
    backdrop: o.oneOfType([o.func, o.object]),
    root: o.oneOfType([o.func, o.object])
  }),
  /**
   * An HTML element or function that returns one.
   * The `container` will have the portal children appended to it.
   *
   * You can also provide a callback, which is called in a React layout effect.
   * This lets you set the container from a ref, and also makes server-side rendering possible.
   *
   * By default, it uses the body of the top-level document object,
   * so it's simply `document.body` most of the time.
   */
  container: o.oneOfType([Wn, o.func]),
  /**
   * If `true`, the modal will not automatically shift focus to itself when it opens, and
   * replace it to the last focused element when it closes.
   * This also works correctly with any modal children that have the `disableAutoFocus` prop.
   *
   * Generally this should never be set to `true` as it makes the modal less
   * accessible to assistive technologies, like screen readers.
   * @default false
   */
  disableAutoFocus: o.bool,
  /**
   * If `true`, the modal will not prevent focus from leaving the modal while open.
   *
   * Generally this should never be set to `true` as it makes the modal less
   * accessible to assistive technologies, like screen readers.
   * @default false
   */
  disableEnforceFocus: o.bool,
  /**
   * If `true`, hitting escape will not fire the `onClose` callback.
   * @default false
   */
  disableEscapeKeyDown: o.bool,
  /**
   * The `children` will be under the DOM hierarchy of the parent component.
   * @default false
   */
  disablePortal: o.bool,
  /**
   * If `true`, the modal will not restore focus to previously focused element once
   * modal is hidden or unmounted.
   * @default false
   */
  disableRestoreFocus: o.bool,
  /**
   * Disable the scroll lock behavior.
   * @default false
   */
  disableScrollLock: o.bool,
  /**
   * If `true`, the backdrop is not rendered.
   * @default false
   */
  hideBackdrop: o.bool,
  /**
   * Always keep the children in the DOM.
   * This prop can be useful in SEO situation or
   * when you want to maximize the responsiveness of the Modal.
   * @default false
   */
  keepMounted: o.bool,
  /**
   * Callback fired when the component requests to be closed.
   * The `reason` parameter can optionally be used to control the response to `onClose`.
   *
   * @param {object} event The event source of the callback.
   * @param {string} reason Can be: `"escapeKeyDown"`, `"backdropClick"`.
   */
  onClose: o.func,
  /**
   * A function called when a transition enters.
   */
  onTransitionEnter: o.func,
  /**
   * A function called when a transition has exited.
   */
  onTransitionExited: o.func,
  /**
   * If `true`, the component is shown.
   */
  open: o.bool.isRequired,
  /**
   * The props used for each slot inside the Modal.
   * @default {}
   */
  slotProps: o.shape({
    backdrop: o.oneOfType([o.func, o.object]),
    root: o.oneOfType([o.func, o.object])
  }),
  /**
   * The components used for each slot inside the Modal.
   * Either a string to use a HTML element or a component.
   * @default {}
   */
  slots: o.shape({
    backdrop: o.elementType,
    root: o.elementType
  }),
  /**
   * The system prop that allows defining system overrides as well as additional CSS styles.
   */
  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object])
});
function _g(e) {
  return ce("MuiDialog", e);
}
const Go = ue("MuiDialog", ["root", "backdrop", "scrollPaper", "scrollBody", "container", "paper", "paperScrollPaper", "paperScrollBody", "paperWidthFalse", "paperWidthXs", "paperWidthSm", "paperWidthMd", "paperWidthLg", "paperWidthXl", "paperFullWidth", "paperFullScreen"]), ei = /* @__PURE__ */ x.createContext({});
process.env.NODE_ENV !== "production" && (ei.displayName = "DialogContext");
const Ag = te(Zs, {
  name: "MuiDialog",
  slot: "Backdrop"
})({
  // Improve scrollable dialog support.
  zIndex: -1
}), Ig = (e) => {
  const {
    classes: t,
    scroll: n,
    maxWidth: r,
    fullWidth: s,
    fullScreen: i
  } = e, a = {
    root: ["root"],
    backdrop: ["backdrop"],
    container: ["container", `scroll${re(n)}`],
    paper: ["paper", `paperScroll${re(n)}`, `paperWidth${re(String(r))}`, s && "paperFullWidth", i && "paperFullScreen"]
  };
  return de(a, _g, t);
}, Ng = te(Qs, {
  name: "MuiDialog",
  slot: "Root"
})({
  "@media print": {
    // Use !important to override the Modal inline-style.
    position: "absolute !important"
  }
}), kg = te("div", {
  name: "MuiDialog",
  slot: "Container",
  overridesResolver: (e, t) => {
    const {
      ownerState: n
    } = e;
    return [t.container, t[`scroll${re(n.scroll)}`]];
  }
})({
  height: "100%",
  "@media print": {
    height: "auto"
  },
  // We disable the focus ring for mouse, touch and keyboard users.
  outline: 0,
  variants: [{
    props: {
      scroll: "paper"
    },
    style: {
      display: "flex",
      justifyContent: "center",
      alignItems: "center"
    }
  }, {
    props: {
      scroll: "body"
    },
    style: {
      overflowY: "auto",
      overflowX: "hidden",
      textAlign: "center",
      "&::after": {
        content: '""',
        display: "inline-block",
        verticalAlign: "middle",
        height: "100%",
        width: "0"
      }
    }
  }]
}), $g = te(mo, {
  name: "MuiDialog",
  slot: "Paper",
  overridesResolver: (e, t) => {
    const {
      ownerState: n
    } = e;
    return [t.paper, t[`scrollPaper${re(n.scroll)}`], t[`paperWidth${re(String(n.maxWidth))}`], n.fullWidth && t.paperFullWidth, n.fullScreen && t.paperFullScreen];
  }
})(Re(({
  theme: e
}) => ({
  margin: 32,
  position: "relative",
  overflowY: "auto",
  "@media print": {
    overflowY: "visible",
    boxShadow: "none"
  },
  variants: [{
    props: {
      scroll: "paper"
    },
    style: {
      display: "flex",
      flexDirection: "column",
      maxHeight: "calc(100% - 64px)"
    }
  }, {
    props: {
      scroll: "body"
    },
    style: {
      display: "inline-block",
      verticalAlign: "middle",
      textAlign: "initial"
    }
  }, {
    props: ({
      ownerState: t
    }) => !t.maxWidth,
    style: {
      maxWidth: "calc(100% - 64px)"
    }
  }, {
    props: {
      maxWidth: "xs"
    },
    style: {
      maxWidth: e.breakpoints.unit === "px" ? Math.max(e.breakpoints.values.xs, 444) : `max(${e.breakpoints.values.xs}${e.breakpoints.unit}, 444px)`,
      [`&.${Go.paperScrollBody}`]: {
        [e.breakpoints.down(Math.max(e.breakpoints.values.xs, 444) + 32 * 2)]: {
          maxWidth: "calc(100% - 64px)"
        }
      }
    }
  }, ...Object.keys(e.breakpoints.values).filter((t) => t !== "xs").map((t) => ({
    props: {
      maxWidth: t
    },
    style: {
      maxWidth: `${e.breakpoints.values[t]}${e.breakpoints.unit}`,
      [`&.${Go.paperScrollBody}`]: {
        [e.breakpoints.down(e.breakpoints.values[t] + 32 * 2)]: {
          maxWidth: "calc(100% - 64px)"
        }
      }
    }
  })), {
    props: ({
      ownerState: t
    }) => t.fullWidth,
    style: {
      width: "calc(100% - 64px)"
    }
  }, {
    props: ({
      ownerState: t
    }) => t.fullScreen,
    style: {
      margin: 0,
      width: "100%",
      maxWidth: "100%",
      height: "100%",
      maxHeight: "none",
      borderRadius: 0,
      [`&.${Go.paperScrollBody}`]: {
        margin: 0,
        maxWidth: "100%"
      }
    }
  }]
}))), Oc = /* @__PURE__ */ x.forwardRef(function(t, n) {
  const r = he({
    props: t,
    name: "MuiDialog"
  }), s = fo(), i = {
    enter: s.transitions.duration.enteringScreen,
    exit: s.transitions.duration.leavingScreen
  }, {
    "aria-describedby": a,
    "aria-labelledby": l,
    "aria-modal": c = !0,
    BackdropComponent: u,
    BackdropProps: d,
    children: h,
    className: v,
    disableEscapeKeyDown: m = !1,
    fullScreen: g = !1,
    fullWidth: p = !1,
    maxWidth: y = "sm",
    onClick: S,
    onClose: R,
    open: T,
    PaperComponent: b = mo,
    PaperProps: E = {},
    role: C = "dialog",
    scroll: k = "paper",
    slots: B = {},
    slotProps: D = {},
    TransitionComponent: W = Ur,
    transitionDuration: F = i,
    TransitionProps: f,
    ...A
  } = r, I = {
    ...r,
    disableEscapeKeyDown: m,
    fullScreen: g,
    fullWidth: p,
    maxWidth: y,
    scroll: k
  }, j = Ig(I), $ = x.useRef(), q = (Z) => {
    $.current = Z.target === Z.currentTarget;
  }, ee = (Z) => {
    S && S(Z), $.current && ($.current = null, R && R(Z, "backdropClick"));
  }, K = nr(l), O = x.useMemo(() => ({
    titleId: K
  }), [K]), _ = {
    transition: W,
    ...B
  }, G = {
    transition: f,
    paper: E,
    backdrop: d,
    ...D
  }, L = {
    slots: _,
    slotProps: G
  }, [X, U] = Pe("root", {
    elementType: Ng,
    shouldForwardComponentProp: !0,
    externalForwardedProps: L,
    ownerState: I,
    className: le(j.root, v),
    ref: n
  }), [J, Y] = Pe("backdrop", {
    elementType: Ag,
    shouldForwardComponentProp: !0,
    externalForwardedProps: L,
    ownerState: I,
    className: j.backdrop
  }), [V, Q] = Pe("paper", {
    elementType: $g,
    shouldForwardComponentProp: !0,
    externalForwardedProps: L,
    ownerState: I,
    className: j.paper,
    additionalProps: {
      elevation: 24,
      role: C,
      "aria-describedby": a,
      "aria-labelledby": K,
      "aria-modal": c,
      tabIndex: -1,
      [Ts]: ""
    }
  }), [H, z] = Pe("container", {
    elementType: kg,
    externalForwardedProps: L,
    ownerState: I,
    className: j.container
  }), [w, oe] = Pe("transition", {
    elementType: Ur,
    externalForwardedProps: L,
    ownerState: I,
    additionalProps: {
      appear: !0,
      in: T,
      timeout: F,
      role: "presentation"
    }
  });
  return /* @__PURE__ */ N.jsx(X, {
    closeAfterTransition: !0,
    slots: {
      backdrop: J
    },
    slotProps: {
      backdrop: {
        transitionDuration: F,
        as: u,
        ...Y
      }
    },
    disableEscapeKeyDown: m,
    onClose: R,
    open: T,
    onClick: ee,
    ...U,
    ...A,
    children: /* @__PURE__ */ N.jsx(w, {
      ...oe,
      children: /* @__PURE__ */ N.jsx(H, {
        onMouseDown: q,
        ...z,
        children: /* @__PURE__ */ N.jsx(V, {
          as: b,
          ...Q,
          children: /* @__PURE__ */ N.jsx(ei.Provider, {
            value: O,
            children: h
          })
        })
      })
    })
  });
});
process.env.NODE_ENV !== "production" && (Oc.propTypes = {
  // ┌────────────────────────────── Warning ──────────────────────────────┐
  // │ These PropTypes are generated from the TypeScript type definitions. │
  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
  // └─────────────────────────────────────────────────────────────────────┘
  /**
   * The id(s) of the element(s) that describe the dialog.
   */
  "aria-describedby": o.string,
  /**
   * The id(s) of the element(s) that label the dialog.
   */
  "aria-labelledby": o.string,
  /**
   * Informs assistive technologies that the element is modal.
   * It's added on the element with role="dialog".
   * @default true
   */
  "aria-modal": o.oneOfType([o.oneOf(["false", "true"]), o.bool]),
  /**
   * A backdrop component. This prop enables custom backdrop rendering.
   * @deprecated Use `slots.backdrop` instead. While this prop currently works, it will be removed in the next major version.
   * Use the `slots.backdrop` prop to make your application ready for the next version of Material UI.
   * @default styled(Backdrop, {
   *   name: 'MuiModal',
   *   slot: 'Backdrop',
   * })({
   *   zIndex: -1,
   * })
   */
  BackdropComponent: o.elementType,
  /**
   * @ignore
   */
  BackdropProps: o.object,
  /**
   * Dialog children, usually the included sub-components.
   */
  children: o.node,
  /**
   * Override or extend the styles applied to the component.
   */
  classes: o.object,
  /**
   * @ignore
   */
  className: o.string,
  /**
   * If `true`, hitting escape will not fire the `onClose` callback.
   * @default false
   */
  disableEscapeKeyDown: o.bool,
  /**
   * If `true`, the dialog is full-screen.
   * @default false
   */
  fullScreen: o.bool,
  /**
   * If `true`, the dialog stretches to `maxWidth`.
   *
   * Notice that the dialog width grow is limited by the default margin.
   * @default false
   */
  fullWidth: o.bool,
  /**
   * Determine the max-width of the dialog.
   * The dialog width grows with the size of the screen.
   * Set to `false` to disable `maxWidth`.
   * @default 'sm'
   */
  maxWidth: o.oneOfType([o.oneOf(["xs", "sm", "md", "lg", "xl", !1]), o.string]),
  /**
   * @ignore
   */
  onClick: o.func,
  /**
   * Callback fired when the component requests to be closed.
   *
   * @param {object} event The event source of the callback.
   * @param {string} reason Can be: `"escapeKeyDown"`, `"backdropClick"`.
   */
  onClose: o.func,
  /**
   * If `true`, the component is shown.
   */
  open: o.bool.isRequired,
  /**
   * The component used to render the body of the dialog.
   * @default Paper
   */
  PaperComponent: o.elementType,
  /**
   * Props applied to the [`Paper`](https://mui.com/material-ui/api/paper/) element.
   * @default {}
   * @deprecated Use `slotProps.paper` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
   */
  PaperProps: o.object,
  /**
   * The ARIA role for the dialog element.
   * The main dialog role is `dialog`, but `alertdialog` can be used if the content of the dialog requires immediate attention.
   * See https://www.w3.org/TR/wai-aria-1.2/#dialog and https://www.w3.org/TR/wai-aria-1.2/#alertdialog for more details.
   * @default 'dialog'
   */
  role: o.oneOf(["alertdialog", "dialog"]),
  /**
   * Determine the container for scrolling the dialog.
   * @default 'paper'
   */
  scroll: o.oneOf(["body", "paper"]),
  /**
   * The props used for each slot inside.
   * @default {}
   */
  slotProps: o.shape({
    backdrop: o.oneOfType([o.func, o.object]),
    container: o.oneOfType([o.func, o.object]),
    paper: o.oneOfType([o.func, o.object]),
    root: o.oneOfType([o.func, o.object]),
    transition: o.oneOfType([o.func, o.object])
  }),
  /**
   * The components used for each slot inside.
   * @default {}
   */
  slots: o.shape({
    backdrop: o.elementType,
    container: o.elementType,
    paper: o.elementType,
    root: o.elementType,
    transition: o.elementType
  }),
  /**
   * The system prop that allows defining system overrides as well as additional CSS styles.
   */
  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
  /**
   * The component used for the transition.
   * [Follow this guide](https://mui.com/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
   * @default Fade
   * @deprecated Use `slots.transition` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
   */
  TransitionComponent: o.elementType,
  /**
   * The duration for the transition, in milliseconds.
   * You may specify a single timeout for all transitions, or individually with an object.
   * @default {
   *   enter: theme.transitions.duration.enteringScreen,
   *   exit: theme.transitions.duration.leavingScreen,
   * }
   */
  transitionDuration: o.oneOfType([o.number, o.shape({
    appear: o.number,
    enter: o.number,
    exit: o.number
  })]),
  /**
   * Props applied to the transition element.
   * By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition/) component.
   * @deprecated Use `slotProps.transition` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
   */
  TransitionProps: o.object
});
function Mg(e) {
  return ce("MuiDialogActions", e);
}
ue("MuiDialogActions", ["root", "spacing"]);
const jg = (e) => {
  const {
    classes: t,
    disableSpacing: n
  } = e;
  return de({
    root: ["root", !n && "spacing"]
  }, Mg, t);
}, Lg = te("div", {
  name: "MuiDialogActions",
  slot: "Root",
  overridesResolver: (e, t) => {
    const {
      ownerState: n
    } = e;
    return [t.root, !n.disableSpacing && t.spacing];
  }
})({
  display: "flex",
  alignItems: "center",
  padding: 8,
  justifyContent: "flex-end",
  flex: "0 0 auto",
  variants: [{
    props: ({
      ownerState: e
    }) => !e.disableSpacing,
    style: {
      "& > :not(style) ~ :not(style)": {
        marginLeft: 8
      }
    }
  }]
}), Rc = /* @__PURE__ */ x.forwardRef(function(t, n) {
  const r = he({
    props: t,
    name: "MuiDialogActions"
  }), {
    className: s,
    disableSpacing: i = !1,
    ...a
  } = r, l = {
    ...r,
    disableSpacing: i
  }, c = jg(l);
  return /* @__PURE__ */ N.jsx(Lg, {
    className: le(c.root, s),
    ownerState: l,
    ref: n,
    ...a
  });
});
process.env.NODE_ENV !== "production" && (Rc.propTypes = {
  // ┌────────────────────────────── Warning ──────────────────────────────┐
  // │ These PropTypes are generated from the TypeScript type definitions. │
  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
  // └─────────────────────────────────────────────────────────────────────┘
  /**
   * The content of the component.
   */
  children: o.node,
  /**
   * Override or extend the styles applied to the component.
   */
  classes: o.object,
  /**
   * @ignore
   */
  className: o.string,
  /**
   * If `true`, the actions do not have additional margin.
   * @default false
   */
  disableSpacing: o.bool,
  /**
   * The system prop that allows defining system overrides as well as additional CSS styles.
   */
  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object])
});
function Dg(e) {
  return ce("MuiDialogContent", e);
}
ue("MuiDialogContent", ["root", "dividers"]);
function Bg(e) {
  return ce("MuiDialogTitle", e);
}
const Fg = ue("MuiDialogTitle", ["root"]), Ug = (e) => {
  const {
    classes: t,
    dividers: n
  } = e;
  return de({
    root: ["root", n && "dividers"]
  }, Dg, t);
}, Vg = te("div", {
  name: "MuiDialogContent",
  slot: "Root",
  overridesResolver: (e, t) => {
    const {
      ownerState: n
    } = e;
    return [t.root, n.dividers && t.dividers];
  }
})(Re(({
  theme: e
}) => ({
  flex: "1 1 auto",
  // Add iOS momentum scrolling for iOS < 13.0
  WebkitOverflowScrolling: "touch",
  overflowY: "auto",
  padding: "20px 24px",
  variants: [{
    props: ({
      ownerState: t
    }) => t.dividers,
    style: {
      padding: "16px 24px",
      borderTop: `1px solid ${(e.vars || e).palette.divider}`,
      borderBottom: `1px solid ${(e.vars || e).palette.divider}`
    }
  }, {
    props: ({
      ownerState: t
    }) => !t.dividers,
    style: {
      [`.${Fg.root} + &`]: {
        paddingTop: 0
      }
    }
  }]
}))), wc = /* @__PURE__ */ x.forwardRef(function(t, n) {
  const r = he({
    props: t,
    name: "MuiDialogContent"
  }), {
    className: s,
    dividers: i = !1,
    ...a
  } = r, l = {
    ...r,
    dividers: i
  }, c = Ug(l);
  return /* @__PURE__ */ N.jsx(Vg, {
    className: le(c.root, s),
    ownerState: l,
    ref: n,
    ...a
  });
});
process.env.NODE_ENV !== "production" && (wc.propTypes = {
  // ┌────────────────────────────── Warning ──────────────────────────────┐
  // │ These PropTypes are generated from the TypeScript type definitions. │
  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
  // └─────────────────────────────────────────────────────────────────────┘
  /**
   * The content of the component.
   */
  children: o.node,
  /**
   * Override or extend the styles applied to the component.
   */
  classes: o.object,
  /**
   * @ignore
   */
  className: o.string,
  /**
   * Display the top and bottom dividers.
   * @default false
   */
  dividers: o.bool,
  /**
   * The system prop that allows defining system overrides as well as additional CSS styles.
   */
  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object])
});
const zg = (e) => {
  const {
    classes: t
  } = e;
  return de({
    root: ["root"]
  }, Bg, t);
}, Wg = te(Tt, {
  name: "MuiDialogTitle",
  slot: "Root"
})({
  padding: "16px 24px",
  flex: "0 0 auto"
}), Cc = /* @__PURE__ */ x.forwardRef(function(t, n) {
  const r = he({
    props: t,
    name: "MuiDialogTitle"
  }), {
    className: s,
    id: i,
    ...a
  } = r, l = r, c = zg(l), {
    titleId: u = i
  } = x.useContext(ei);
  return /* @__PURE__ */ N.jsx(Wg, {
    component: "h2",
    className: le(c.root, s),
    ownerState: l,
    ref: n,
    variant: "h6",
    id: i ?? u,
    ...a
  });
});
process.env.NODE_ENV !== "production" && (Cc.propTypes = {
  // ┌────────────────────────────── Warning ──────────────────────────────┐
  // │ These PropTypes are generated from the TypeScript type definitions. │
  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
  // └─────────────────────────────────────────────────────────────────────┘
  /**
   * The content of the component.
   */
  children: o.node,
  /**
   * Override or extend the styles applied to the component.
   */
  classes: o.object,
  /**
   * @ignore
   */
  className: o.string,
  /**
   * @ignore
   */
  id: o.string,
  /**
   * The system prop that allows defining system overrides as well as additional CSS styles.
   */
  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object])
});
const Hg = (e) => {
  const {
    classes: t,
    disableUnderline: n,
    startAdornment: r,
    endAdornment: s,
    size: i,
    hiddenLabel: a,
    multiline: l
  } = e, c = {
    root: ["root", !n && "underline", r && "adornedStart", s && "adornedEnd", i === "small" && `size${re(i)}`, a && "hiddenLabel", l && "multiline"],
    input: ["input"]
  }, u = de(c, Ly, t);
  return {
    ...t,
    // forward classes to the InputBase
    ...u
  };
}, qg = te(bo, {
  shouldForwardProp: (e) => Ye(e) || e === "classes",
  name: "MuiFilledInput",
  slot: "Root",
  overridesResolver: (e, t) => {
    const {
      ownerState: n
    } = e;
    return [...yo(e, t), !n.disableUnderline && t.underline];
  }
})(Re(({
  theme: e
}) => {
  const t = e.palette.mode === "light", n = t ? "rgba(0, 0, 0, 0.42)" : "rgba(255, 255, 255, 0.7)", r = t ? "rgba(0, 0, 0, 0.06)" : "rgba(255, 255, 255, 0.09)", s = t ? "rgba(0, 0, 0, 0.09)" : "rgba(255, 255, 255, 0.13)", i = t ? "rgba(0, 0, 0, 0.12)" : "rgba(255, 255, 255, 0.12)";
  return {
    position: "relative",
    backgroundColor: e.vars ? e.vars.palette.FilledInput.bg : r,
    borderTopLeftRadius: (e.vars || e).shape.borderRadius,
    borderTopRightRadius: (e.vars || e).shape.borderRadius,
    transition: e.transitions.create("background-color", {
      duration: e.transitions.duration.shorter,
      easing: e.transitions.easing.easeOut
    }),
    "&:hover": {
      backgroundColor: e.vars ? e.vars.palette.FilledInput.hoverBg : s,
      // Reset on touch devices, it doesn't add specificity
      "@media (hover: none)": {
        backgroundColor: e.vars ? e.vars.palette.FilledInput.bg : r
      }
    },
    [`&.${jt.focused}`]: {
      backgroundColor: e.vars ? e.vars.palette.FilledInput.bg : r
    },
    [`&.${jt.disabled}`]: {
      backgroundColor: e.vars ? e.vars.palette.FilledInput.disabledBg : i
    },
    variants: [{
      props: ({
        ownerState: a
      }) => !a.disableUnderline,
      style: {
        "&::after": {
          left: 0,
          bottom: 0,
          content: '""',
          position: "absolute",
          right: 0,
          transform: "scaleX(0)",
          transition: e.transitions.create("transform", {
            duration: e.transitions.duration.shorter,
            easing: e.transitions.easing.easeOut
          }),
          pointerEvents: "none"
          // Transparent to the hover style.
        },
        [`&.${jt.focused}:after`]: {
          // translateX(0) is a workaround for Safari transform scale bug
          // See https://github.com/mui/material-ui/issues/31766
          transform: "scaleX(1) translateX(0)"
        },
        [`&.${jt.error}`]: {
          "&::before, &::after": {
            borderBottomColor: (e.vars || e).palette.error.main
          }
        },
        "&::before": {
          borderBottom: `1px solid ${e.vars ? e.alpha(e.vars.palette.common.onBackground, e.vars.opacity.inputUnderline) : n}`,
          left: 0,
          bottom: 0,
          content: '""',
          position: "absolute",
          right: 0,
          transition: e.transitions.create("border-bottom-color", {
            duration: e.transitions.duration.shorter
          }),
          pointerEvents: "none"
          // Transparent to the hover style.
        },
        [`&:hover:not(.${jt.disabled}, .${jt.error}):before`]: {
          borderBottom: `1px solid ${(e.vars || e).palette.text.primary}`
        },
        [`&.${jt.disabled}:before`]: {
          borderBottomStyle: "dotted"
        }
      }
    }, ...Object.entries(e.palette).filter(lt()).map(([a]) => {
      var l;
      return {
        props: {
          disableUnderline: !1,
          color: a
        },
        style: {
          "&::after": {
            borderBottom: `2px solid ${(l = (e.vars || e).palette[a]) == null ? void 0 : l.main}`
          }
        }
      };
    }), {
      props: ({
        ownerState: a
      }) => a.startAdornment,
      style: {
        paddingLeft: 12
      }
    }, {
      props: ({
        ownerState: a
      }) => a.endAdornment,
      style: {
        paddingRight: 12
      }
    }, {
      props: ({
        ownerState: a
      }) => a.multiline,
      style: {
        padding: "25px 12px 8px"
      }
    }, {
      props: ({
        ownerState: a,
        size: l
      }) => a.multiline && l === "small",
      style: {
        paddingTop: 21,
        paddingBottom: 4
      }
    }, {
      props: ({
        ownerState: a
      }) => a.multiline && a.hiddenLabel,
      style: {
        paddingTop: 16,
        paddingBottom: 17
      }
    }, {
      props: ({
        ownerState: a
      }) => a.multiline && a.hiddenLabel && a.size === "small",
      style: {
        paddingTop: 8,
        paddingBottom: 9
      }
    }]
  };
})), Gg = te(vo, {
  name: "MuiFilledInput",
  slot: "Input",
  overridesResolver: go
})(Re(({
  theme: e
}) => ({
  paddingTop: 25,
  paddingRight: 12,
  paddingBottom: 8,
  paddingLeft: 12,
  ...!e.vars && {
    "&:-webkit-autofill": {
      WebkitBoxShadow: e.palette.mode === "light" ? null : "0 0 0 100px #266798 inset",
      WebkitTextFillColor: e.palette.mode === "light" ? null : "#fff",
      caretColor: e.palette.mode === "light" ? null : "#fff",
      borderTopLeftRadius: "inherit",
      borderTopRightRadius: "inherit"
    }
  },
  ...e.vars && {
    "&:-webkit-autofill": {
      borderTopLeftRadius: "inherit",
      borderTopRightRadius: "inherit"
    },
    [e.getColorSchemeSelector("dark")]: {
      "&:-webkit-autofill": {
        WebkitBoxShadow: "0 0 0 100px #266798 inset",
        WebkitTextFillColor: "#fff",
        caretColor: "#fff"
      }
    }
  },
  variants: [{
    props: {
      size: "small"
    },
    style: {
      paddingTop: 21,
      paddingBottom: 4
    }
  }, {
    props: ({
      ownerState: t
    }) => t.hiddenLabel,
    style: {
      paddingTop: 16,
      paddingBottom: 17
    }
  }, {
    props: ({
      ownerState: t
    }) => t.startAdornment,
    style: {
      paddingLeft: 0
    }
  }, {
    props: ({
      ownerState: t
    }) => t.endAdornment,
    style: {
      paddingRight: 0
    }
  }, {
    props: ({
      ownerState: t
    }) => t.hiddenLabel && t.size === "small",
    style: {
      paddingTop: 8,
      paddingBottom: 9
    }
  }, {
    props: ({
      ownerState: t
    }) => t.multiline,
    style: {
      paddingTop: 0,
      paddingBottom: 0,
      paddingLeft: 0,
      paddingRight: 0
    }
  }]
}))), So = /* @__PURE__ */ x.forwardRef(function(t, n) {
  const r = he({
    props: t,
    name: "MuiFilledInput"
  }), {
    disableUnderline: s = !1,
    components: i = {},
    componentsProps: a,
    fullWidth: l = !1,
    hiddenLabel: c,
    // declare here to prevent spreading to DOM
    inputComponent: u = "input",
    multiline: d = !1,
    slotProps: h,
    slots: v = {},
    type: m = "text",
    ...g
  } = r, p = {
    ...r,
    disableUnderline: s,
    fullWidth: l,
    inputComponent: u,
    multiline: d,
    type: m
  }, y = Hg(r), S = {
    root: {
      ownerState: p
    },
    input: {
      ownerState: p
    }
  }, R = h ?? a ? Ve(S, h ?? a) : S, T = v.root ?? i.Root ?? qg, b = v.input ?? i.Input ?? Gg;
  return /* @__PURE__ */ N.jsx(Eo, {
    slots: {
      root: T,
      input: b
    },
    slotProps: R,
    fullWidth: l,
    inputComponent: u,
    multiline: d,
    ref: n,
    type: m,
    ...g,
    classes: y
  });
});
process.env.NODE_ENV !== "production" && (So.propTypes = {
  // ┌────────────────────────────── Warning ──────────────────────────────┐
  // │ These PropTypes are generated from the TypeScript type definitions. │
  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
  // └─────────────────────────────────────────────────────────────────────┘
  /**
   * This prop helps users to fill forms faster, especially on mobile devices.
   * The name can be confusing, as it's more like an autofill.
   * You can learn more about it [following the specification](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill).
   */
  autoComplete: o.string,
  /**
   * If `true`, the `input` element is focused during the first mount.
   */
  autoFocus: o.bool,
  /**
   * Override or extend the styles applied to the component.
   */
  classes: o.object,
  /**
   * The color of the component.
   * It supports both default and custom theme colors, which can be added as shown in the
   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
   * The prop defaults to the value (`'primary'`) inherited from the parent FormControl component.
   */
  color: o.oneOfType([o.oneOf(["primary", "secondary"]), o.string]),
  /**
   * The components used for each slot inside.
   *
   * @deprecated use the `slots` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
   *
   * @default {}
   */
  components: o.shape({
    Input: o.elementType,
    Root: o.elementType
  }),
  /**
   * The extra props for the slot components.
   * You can override the existing props or add new ones.
   *
   * @deprecated use the `slotProps` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
   *
   * @default {}
   */
  componentsProps: o.shape({
    input: o.object,
    root: o.object
  }),
  /**
   * The default value. Use when the component is not controlled.
   */
  defaultValue: o.any,
  /**
   * If `true`, the component is disabled.
   * The prop defaults to the value (`false`) inherited from the parent FormControl component.
   */
  disabled: o.bool,
  /**
   * If `true`, the input will not have an underline.
   * @default false
   */
  disableUnderline: o.bool,
  /**
   * End `InputAdornment` for this component.
   */
  endAdornment: o.node,
  /**
   * If `true`, the `input` will indicate an error.
   * The prop defaults to the value (`false`) inherited from the parent FormControl component.
   */
  error: o.bool,
  /**
   * If `true`, the `input` will take up the full width of its container.
   * @default false
   */
  fullWidth: o.bool,
  /**
   * If `true`, the label is hidden.
   * This is used to increase density for a `FilledInput`.
   * Be sure to add `aria-label` to the `input` element.
   * @default false
   */
  hiddenLabel: o.bool,
  /**
   * The id of the `input` element.
   */
  id: o.string,
  /**
   * The component used for the `input` element.
   * Either a string to use a HTML element or a component.
   * @default 'input'
   */
  inputComponent: o.elementType,
  /**
   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.
   * @default {}
   */
  inputProps: o.object,
  /**
   * Pass a ref to the `input` element.
   */
  inputRef: bt,
  /**
   * If `dense`, will adjust vertical spacing. This is normally obtained via context from
   * FormControl.
   * The prop defaults to the value (`'none'`) inherited from the parent FormControl component.
   */
  margin: o.oneOf(["dense", "none"]),
  /**
   * Maximum number of rows to display when multiline option is set to true.
   */
  maxRows: o.oneOfType([o.number, o.string]),
  /**
   * Minimum number of rows to display when multiline option is set to true.
   */
  minRows: o.oneOfType([o.number, o.string]),
  /**
   * If `true`, a [TextareaAutosize](https://mui.com/material-ui/react-textarea-autosize/) element is rendered.
   * @default false
   */
  multiline: o.bool,
  /**
   * Name attribute of the `input` element.
   */
  name: o.string,
  /**
   * Callback fired when the value is changed.
   *
   * @param {React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement>} event The event source of the callback.
   * You can pull out the new value by accessing `event.target.value` (string).
   */
  onChange: o.func,
  /**
   * The short hint displayed in the `input` before the user enters a value.
   */
  placeholder: o.string,
  /**
   * It prevents the user from changing the value of the field
   * (not from interacting with the field).
   */
  readOnly: o.bool,
  /**
   * If `true`, the `input` element is required.
   * The prop defaults to the value (`false`) inherited from the parent FormControl component.
   */
  required: o.bool,
  /**
   * Number of rows to display when multiline option is set to true.
   */
  rows: o.oneOfType([o.number, o.string]),
  /**
   * The extra props for the slot components.
   * You can override the existing props or add new ones.
   *
   * This prop is an alias for the `componentsProps` prop, which will be deprecated in the future.
   *
   * @default {}
   */
  slotProps: o.shape({
    input: o.object,
    root: o.object
  }),
  /**
   * The components used for each slot inside.
   *
   * This prop is an alias for the `components` prop, which will be deprecated in the future.
   *
   * @default {}
   */
  slots: o.shape({
    input: o.elementType,
    root: o.elementType
  }),
  /**
   * Start `InputAdornment` for this component.
   */
  startAdornment: o.node,
  /**
   * The system prop that allows defining system overrides as well as additional CSS styles.
   */
  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
  /**
   * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#input_types).
   * @default 'text'
   */
  type: o.string,
  /**
   * The value of the `input` element, required for a controlled component.
   */
  value: o.any
});
So.muiName = "Input";
function Yg(e) {
  return ce("MuiFormControl", e);
}
ue("MuiFormControl", ["root", "marginNone", "marginNormal", "marginDense", "fullWidth", "disabled"]);
const Kg = (e) => {
  const {
    classes: t,
    margin: n,
    fullWidth: r
  } = e, s = {
    root: ["root", n !== "none" && `margin${re(n)}`, r && "fullWidth"]
  };
  return de(s, Yg, t);
}, Xg = te("div", {
  name: "MuiFormControl",
  slot: "Root",
  overridesResolver: (e, t) => {
    const {
      ownerState: n
    } = e;
    return [t.root, t[`margin${re(n.margin)}`], n.fullWidth && t.fullWidth];
  }
})({
  display: "inline-flex",
  flexDirection: "column",
  position: "relative",
  // Reset fieldset default style.
  minWidth: 0,
  padding: 0,
  margin: 0,
  border: 0,
  verticalAlign: "top",
  // Fix alignment issue on Safari.
  variants: [{
    props: {
      margin: "normal"
    },
    style: {
      marginTop: 16,
      marginBottom: 8
    }
  }, {
    props: {
      margin: "dense"
    },
    style: {
      marginTop: 8,
      marginBottom: 4
    }
  }, {
    props: {
      fullWidth: !0
    },
    style: {
      width: "100%"
    }
  }]
}), Pc = /* @__PURE__ */ x.forwardRef(function(t, n) {
  const r = he({
    props: t,
    name: "MuiFormControl"
  }), {
    children: s,
    className: i,
    color: a = "primary",
    component: l = "div",
    disabled: c = !1,
    error: u = !1,
    focused: d,
    fullWidth: h = !1,
    hiddenLabel: v = !1,
    margin: m = "none",
    required: g = !1,
    size: p = "medium",
    variant: y = "outlined",
    ...S
  } = r, R = {
    ...r,
    color: a,
    component: l,
    disabled: c,
    error: u,
    fullWidth: h,
    hiddenLabel: v,
    margin: m,
    required: g,
    size: p,
    variant: y
  }, T = Kg(R), [b, E] = x.useState(() => {
    let $ = !1;
    return s && x.Children.forEach(s, (q) => {
      if (!zo(q, ["Input", "Select"]))
        return;
      const ee = zo(q, ["Select"]) ? q.props.input : q;
      ee && Ny(ee.props) && ($ = !0);
    }), $;
  }), [C, k] = x.useState(() => {
    let $ = !1;
    return s && x.Children.forEach(s, (q) => {
      zo(q, ["Input", "Select"]) && (Br(q.props, !0) || Br(q.props.inputProps, !0)) && ($ = !0);
    }), $;
  }), [B, D] = x.useState(!1);
  c && B && D(!1);
  const W = d !== void 0 && !c ? d : B;
  let F;
  const f = x.useRef(!1);
  process.env.NODE_ENV !== "production" && (F = () => (f.current && console.error(["MUI: There are multiple `InputBase` components inside a FormControl.", "This creates visual inconsistencies, only use one `InputBase`."].join(`
`)), f.current = !0, () => {
    f.current = !1;
  }));
  const A = x.useCallback(() => {
    k(!0);
  }, []), I = x.useCallback(() => {
    k(!1);
  }, []), j = x.useMemo(() => ({
    adornedStart: b,
    setAdornedStart: E,
    color: a,
    disabled: c,
    error: u,
    filled: C,
    focused: W,
    fullWidth: h,
    hiddenLabel: v,
    size: p,
    onBlur: () => {
      D(!1);
    },
    onFocus: () => {
      D(!0);
    },
    onEmpty: I,
    onFilled: A,
    registerEffect: F,
    required: g,
    variant: y
  }), [b, a, c, u, C, W, h, v, F, I, A, g, p, y]);
  return /* @__PURE__ */ N.jsx(ir.Provider, {
    value: j,
    children: /* @__PURE__ */ N.jsx(Xg, {
      as: l,
      ownerState: R,
      className: le(T.root, i),
      ref: n,
      ...S,
      children: s
    })
  });
});
process.env.NODE_ENV !== "production" && (Pc.propTypes = {
  // ┌────────────────────────────── Warning ──────────────────────────────┐
  // │ These PropTypes are generated from the TypeScript type definitions. │
  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
  // └─────────────────────────────────────────────────────────────────────┘
  /**
   * The content of the component.
   */
  children: o.node,
  /**
   * Override or extend the styles applied to the component.
   */
  classes: o.object,
  /**
   * @ignore
   */
  className: o.string,
  /**
   * The color of the component.
   * It supports both default and custom theme colors, which can be added as shown in the
   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
   * @default 'primary'
   */
  color: o.oneOfType([o.oneOf(["primary", "secondary", "error", "info", "success", "warning"]), o.string]),
  /**
   * The component used for the root node.
   * Either a string to use a HTML element or a component.
   */
  component: o.elementType,
  /**
   * If `true`, the label, input and helper text should be displayed in a disabled state.
   * @default false
   */
  disabled: o.bool,
  /**
   * If `true`, the label is displayed in an error state.
   * @default false
   */
  error: o.bool,
  /**
   * If `true`, the component is displayed in focused state.
   */
  focused: o.bool,
  /**
   * If `true`, the component will take up the full width of its container.
   * @default false
   */
  fullWidth: o.bool,
  /**
   * If `true`, the label is hidden.
   * This is used to increase density for a `FilledInput`.
   * Be sure to add `aria-label` to the `input` element.
   * @default false
   */
  hiddenLabel: o.bool,
  /**
   * If `dense` or `normal`, will adjust vertical spacing of this and contained components.
   * @default 'none'
   */
  margin: o.oneOf(["dense", "none", "normal"]),
  /**
   * If `true`, the label will indicate that the `input` is required.
   * @default false
   */
  required: o.bool,
  /**
   * The size of the component.
   * @default 'medium'
   */
  size: o.oneOfType([o.oneOf(["medium", "small"]), o.string]),
  /**
   * The system prop that allows defining system overrides as well as additional CSS styles.
   */
  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
  /**
   * The variant to use.
   * @default 'outlined'
   */
  variant: o.oneOf(["filled", "outlined", "standard"])
});
function Jg(e) {
  return ce("MuiFormHelperText", e);
}
const $a = ue("MuiFormHelperText", ["root", "error", "disabled", "sizeSmall", "sizeMedium", "contained", "focused", "filled", "required"]);
var Ma;
const Zg = (e) => {
  const {
    classes: t,
    contained: n,
    size: r,
    disabled: s,
    error: i,
    filled: a,
    focused: l,
    required: c
  } = e, u = {
    root: ["root", s && "disabled", i && "error", r && `size${re(r)}`, n && "contained", l && "focused", a && "filled", c && "required"]
  };
  return de(u, Jg, t);
}, Qg = te("p", {
  name: "MuiFormHelperText",
  slot: "Root",
  overridesResolver: (e, t) => {
    const {
      ownerState: n
    } = e;
    return [t.root, n.size && t[`size${re(n.size)}`], n.contained && t.contained, n.filled && t.filled];
  }
})(Re(({
  theme: e
}) => ({
  color: (e.vars || e).palette.text.secondary,
  ...e.typography.caption,
  textAlign: "left",
  marginTop: 3,
  marginRight: 0,
  marginBottom: 0,
  marginLeft: 0,
  [`&.${$a.disabled}`]: {
    color: (e.vars || e).palette.text.disabled
  },
  [`&.${$a.error}`]: {
    color: (e.vars || e).palette.error.main
  },
  variants: [{
    props: {
      size: "small"
    },
    style: {
      marginTop: 4
    }
  }, {
    props: ({
      ownerState: t
    }) => t.contained,
    style: {
      marginLeft: 14,
      marginRight: 14
    }
  }]
}))), _c = /* @__PURE__ */ x.forwardRef(function(t, n) {
  const r = he({
    props: t,
    name: "MuiFormHelperText"
  }), {
    children: s,
    className: i,
    component: a = "p",
    disabled: l,
    error: c,
    filled: u,
    focused: d,
    margin: h,
    required: v,
    variant: m,
    ...g
  } = r, p = Nt(), y = vn({
    props: r,
    muiFormControl: p,
    states: ["variant", "size", "disabled", "error", "filled", "focused", "required"]
  }), S = {
    ...r,
    component: a,
    contained: y.variant === "filled" || y.variant === "outlined",
    variant: y.variant,
    size: y.size,
    disabled: y.disabled,
    error: y.error,
    filled: y.filled,
    focused: y.focused,
    required: y.required
  };
  delete S.ownerState;
  const R = Zg(S);
  return /* @__PURE__ */ N.jsx(Qg, {
    as: a,
    className: le(R.root, i),
    ref: n,
    ...g,
    ownerState: S,
    children: s === " " ? (
      // notranslate needed while Google Translate will not fix zero-width space issue
      Ma || (Ma = /* @__PURE__ */ N.jsx("span", {
        className: "notranslate",
        "aria-hidden": !0,
        children: "​"
      }))
    ) : s
  });
});
process.env.NODE_ENV !== "production" && (_c.propTypes = {
  // ┌────────────────────────────── Warning ──────────────────────────────┐
  // │ These PropTypes are generated from the TypeScript type definitions. │
  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
  // └─────────────────────────────────────────────────────────────────────┘
  /**
   * The content of the component.
   *
   * If `' '` is provided, the component reserves one line height for displaying a future message.
   */
  children: o.node,
  /**
   * Override or extend the styles applied to the component.
   */
  classes: o.object,
  /**
   * @ignore
   */
  className: o.string,
  /**
   * The component used for the root node.
   * Either a string to use a HTML element or a component.
   */
  component: o.elementType,
  /**
   * If `true`, the helper text should be displayed in a disabled state.
   */
  disabled: o.bool,
  /**
   * If `true`, helper text should be displayed in an error state.
   */
  error: o.bool,
  /**
   * If `true`, the helper text should use filled classes key.
   */
  filled: o.bool,
  /**
   * If `true`, the helper text should use focused classes key.
   */
  focused: o.bool,
  /**
   * If `dense`, will adjust vertical spacing. This is normally obtained via context from
   * FormControl.
   */
  margin: o.oneOf(["dense"]),
  /**
   * If `true`, the helper text should use required classes key.
   */
  required: o.bool,
  /**
   * The system prop that allows defining system overrides as well as additional CSS styles.
   */
  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
  /**
   * The variant to use.
   */
  variant: o.oneOfType([o.oneOf(["filled", "outlined", "standard"]), o.string])
});
function eb(e) {
  return ce("MuiFormLabel", e);
}
const Ln = ue("MuiFormLabel", ["root", "colorSecondary", "focused", "disabled", "error", "filled", "required", "asterisk"]), tb = (e) => {
  const {
    classes: t,
    color: n,
    focused: r,
    disabled: s,
    error: i,
    filled: a,
    required: l
  } = e, c = {
    root: ["root", `color${re(n)}`, s && "disabled", i && "error", a && "filled", r && "focused", l && "required"],
    asterisk: ["asterisk", i && "error"]
  };
  return de(c, eb, t);
}, nb = te("label", {
  name: "MuiFormLabel",
  slot: "Root",
  overridesResolver: (e, t) => {
    const {
      ownerState: n
    } = e;
    return [t.root, n.color === "secondary" && t.colorSecondary, n.filled && t.filled];
  }
})(Re(({
  theme: e
}) => ({
  color: (e.vars || e).palette.text.secondary,
  ...e.typography.body1,
  lineHeight: "1.4375em",
  padding: 0,
  position: "relative",
  variants: [...Object.entries(e.palette).filter(lt()).map(([t]) => ({
    props: {
      color: t
    },
    style: {
      [`&.${Ln.focused}`]: {
        color: (e.vars || e).palette[t].main
      }
    }
  })), {
    props: {},
    style: {
      [`&.${Ln.disabled}`]: {
        color: (e.vars || e).palette.text.disabled
      },
      [`&.${Ln.error}`]: {
        color: (e.vars || e).palette.error.main
      }
    }
  }]
}))), rb = te("span", {
  name: "MuiFormLabel",
  slot: "Asterisk"
})(Re(({
  theme: e
}) => ({
  [`&.${Ln.error}`]: {
    color: (e.vars || e).palette.error.main
  }
}))), Ac = /* @__PURE__ */ x.forwardRef(function(t, n) {
  const r = he({
    props: t,
    name: "MuiFormLabel"
  }), {
    children: s,
    className: i,
    color: a,
    component: l = "label",
    disabled: c,
    error: u,
    filled: d,
    focused: h,
    required: v,
    ...m
  } = r, g = Nt(), p = vn({
    props: r,
    muiFormControl: g,
    states: ["color", "required", "focused", "disabled", "error", "filled"]
  }), y = {
    ...r,
    color: p.color || "primary",
    component: l,
    disabled: p.disabled,
    error: p.error,
    filled: p.filled,
    focused: p.focused,
    required: p.required
  }, S = tb(y);
  return /* @__PURE__ */ N.jsxs(nb, {
    as: l,
    ownerState: y,
    className: le(S.root, i),
    ref: n,
    ...m,
    children: [s, p.required && /* @__PURE__ */ N.jsxs(rb, {
      ownerState: y,
      "aria-hidden": !0,
      className: S.asterisk,
      children: [" ", "*"]
    })]
  });
});
process.env.NODE_ENV !== "production" && (Ac.propTypes = {
  // ┌────────────────────────────── Warning ──────────────────────────────┐
  // │ These PropTypes are generated from the TypeScript type definitions. │
  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
  // └─────────────────────────────────────────────────────────────────────┘
  /**
   * The content of the component.
   */
  children: o.node,
  /**
   * Override or extend the styles applied to the component.
   */
  classes: o.object,
  /**
   * @ignore
   */
  className: o.string,
  /**
   * The color of the component.
   * It supports both default and custom theme colors, which can be added as shown in the
   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
   */
  color: o.oneOfType([o.oneOf(["error", "info", "primary", "secondary", "success", "warning"]), o.string]),
  /**
   * The component used for the root node.
   * Either a string to use a HTML element or a component.
   */
  component: o.elementType,
  /**
   * If `true`, the label should be displayed in a disabled state.
   */
  disabled: o.bool,
  /**
   * If `true`, the label is displayed in an error state.
   */
  error: o.bool,
  /**
   * If `true`, the label should use filled classes key.
   */
  filled: o.bool,
  /**
   * If `true`, the input of this label is focused (used by `FormGroup` components).
   */
  focused: o.bool,
  /**
   * If `true`, the label will indicate that the `input` is required.
   */
  required: o.bool,
  /**
   * The system prop that allows defining system overrides as well as additional CSS styles.
   */
  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object])
});
function Dn(e) {
  return `scale(${e}, ${e ** 2})`;
}
const ob = {
  entering: {
    opacity: 1,
    transform: Dn(1)
  },
  entered: {
    opacity: 1,
    transform: "none"
  },
  exiting: {
    opacity: 0,
    transform: Dn(0.75)
  },
  exited: {
    opacity: 0,
    transform: Dn(0.75)
  }
}, sb = {
  opacity: 0,
  transform: Dn(0.75),
  visibility: "hidden"
}, zr = /* @__PURE__ */ x.forwardRef(function(t, n) {
  const {
    addEndListener: r,
    appear: s = !0,
    children: i,
    easing: a,
    in: l,
    onEnter: c,
    onEntered: u,
    onEntering: d,
    onExit: h,
    onExited: v,
    onExiting: m,
    style: g,
    timeout: p = "auto",
    ...y
  } = t, S = rc(), R = x.useRef(), T = fo(), b = x.useRef(null), E = We(b, sr(i), n), C = tt(b, d), k = tt(b, (A, I) => {
    oc(A);
    const {
      duration: j,
      delay: $,
      easing: q
    } = Mr({
      style: g,
      timeout: p,
      easing: a
    }, {
      mode: "enter"
    });
    let ee;
    p === "auto" ? (ee = T.transitions.getAutoHeightDuration(A.clientHeight), R.current = ee) : ee = j, A.style.transition = [T.transitions.create("opacity", {
      duration: ee,
      delay: $
    }), T.transitions.create("transform", {
      duration: ee * 0.666,
      delay: $,
      easing: q
    })].join(","), c && c(A, I);
  }), B = tt(b, u), D = tt(b, m), W = tt(b, (A) => {
    const {
      duration: I,
      delay: j,
      easing: $
    } = Mr({
      style: g,
      timeout: p,
      easing: a
    }, {
      mode: "exit"
    });
    let q;
    p === "auto" ? (q = T.transitions.getAutoHeightDuration(A.clientHeight), R.current = q) : q = I, A.style.transition = [T.transitions.create("opacity", {
      duration: q,
      delay: j
    }), T.transitions.create("transform", {
      duration: q * 0.666,
      delay: j || q * 0.333,
      easing: $
    })].join(","), A.style.opacity = 0, A.style.transform = Dn(0.75), h && h(A);
  }), F = tt(b, (A) => {
    A.style.transition = "", v && v(A);
  }), f = (A) => {
    p === "auto" && S.start(R.current || 0, A), r && r(b.current, A);
  };
  return /* @__PURE__ */ N.jsx(gt, {
    appear: s,
    in: l,
    nodeRef: b,
    onEnter: k,
    onEntered: B,
    onEntering: C,
    onExit: W,
    onExited: F,
    onExiting: D,
    addEndListener: f,
    timeout: p === "auto" ? null : p,
    ...y,
    children: (A, {
      ownerState: I,
      ...j
    }) => {
      const $ = sc(A, l, ob, sb, g, i.props.style);
      return /* @__PURE__ */ x.cloneElement(i, {
        style: $,
        ref: E,
        ...j
      });
    }
  });
});
process.env.NODE_ENV !== "production" && (zr.propTypes = {
  // ┌────────────────────────────── Warning ──────────────────────────────┐
  // │ These PropTypes are generated from the TypeScript type definitions. │
  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
  // └─────────────────────────────────────────────────────────────────────┘
  /**
   * Add a custom transition end trigger. Called with the transitioning DOM
   * node and a done callback. Allows for more fine grained transition end
   * logic. Note: Timeouts are still used as a fallback if provided.
   */
  addEndListener: o.func,
  /**
   * Perform the enter transition when it first mounts if `in` is also `true`.
   * Set this to `false` to disable this behavior.
   * @default true
   */
  appear: o.bool,
  /**
   * A single child content element.
   */
  children: ar.isRequired,
  /**
   * The transition timing function.
   * You may specify a single easing or a object containing enter and exit values.
   */
  easing: o.oneOfType([o.shape({
    enter: o.string,
    exit: o.string
  }), o.string]),
  /**
   * If `true`, the component will transition in.
   */
  in: o.bool,
  /**
   * @ignore
   */
  onEnter: o.func,
  /**
   * @ignore
   */
  onEntered: o.func,
  /**
   * @ignore
   */
  onEntering: o.func,
  /**
   * @ignore
   */
  onExit: o.func,
  /**
   * @ignore
   */
  onExited: o.func,
  /**
   * @ignore
   */
  onExiting: o.func,
  /**
   * @ignore
   */
  style: o.object,
  /**
   * The duration for the transition, in milliseconds.
   * You may specify a single timeout for all transitions, or individually with an object.
   *
   * Set to 'auto' to automatically calculate transition time based on height.
   * @default 'auto'
   */
  timeout: o.oneOfType([o.oneOf(["auto"]), o.number, o.shape({
    appear: o.number,
    enter: o.number,
    exit: o.number
  })])
});
zr && (zr.muiSupportAuto = !0);
const ib = (e) => {
  const {
    classes: t,
    disableUnderline: n
  } = e, s = de({
    root: ["root", !n && "underline"],
    input: ["input"]
  }, My, t);
  return {
    ...t,
    // forward classes to the InputBase
    ...s
  };
}, ab = te(bo, {
  shouldForwardProp: (e) => Ye(e) || e === "classes",
  name: "MuiInput",
  slot: "Root",
  overridesResolver: (e, t) => {
    const {
      ownerState: n
    } = e;
    return [...yo(e, t), !n.disableUnderline && t.underline];
  }
})(Re(({
  theme: e
}) => {
  let n = e.palette.mode === "light" ? "rgba(0, 0, 0, 0.42)" : "rgba(255, 255, 255, 0.7)";
  return e.vars && (n = e.alpha(e.vars.palette.common.onBackground, e.vars.opacity.inputUnderline)), {
    position: "relative",
    variants: [{
      props: ({
        ownerState: r
      }) => r.formControl,
      style: {
        "label + &": {
          marginTop: 16
        }
      }
    }, {
      props: ({
        ownerState: r
      }) => !r.disableUnderline,
      style: {
        "&::after": {
          left: 0,
          bottom: 0,
          content: '""',
          position: "absolute",
          right: 0,
          transform: "scaleX(0)",
          transition: e.transitions.create("transform", {
            duration: e.transitions.duration.shorter,
            easing: e.transitions.easing.easeOut
          }),
          pointerEvents: "none"
          // Transparent to the hover style.
        },
        [`&.${Cn.focused}:after`]: {
          // translateX(0) is a workaround for Safari transform scale bug
          // See https://github.com/mui/material-ui/issues/31766
          transform: "scaleX(1) translateX(0)"
        },
        [`&.${Cn.error}`]: {
          "&::before, &::after": {
            borderBottomColor: (e.vars || e).palette.error.main
          }
        },
        "&::before": {
          borderBottom: `1px solid ${n}`,
          left: 0,
          bottom: 0,
          content: '""',
          position: "absolute",
          right: 0,
          transition: e.transitions.create("border-bottom-color", {
            duration: e.transitions.duration.shorter
          }),
          pointerEvents: "none"
          // Transparent to the hover style.
        },
        [`&:hover:not(.${Cn.disabled}, .${Cn.error}):before`]: {
          borderBottom: `2px solid ${(e.vars || e).palette.text.primary}`,
          // Reset on touch devices, it doesn't add specificity
          "@media (hover: none)": {
            borderBottom: `1px solid ${n}`
          }
        },
        [`&.${Cn.disabled}:before`]: {
          borderBottomStyle: "dotted"
        }
      }
    }, ...Object.entries(e.palette).filter(lt()).map(([r]) => ({
      props: {
        color: r,
        disableUnderline: !1
      },
      style: {
        "&::after": {
          borderBottom: `2px solid ${(e.vars || e).palette[r].main}`
        }
      }
    }))]
  };
})), lb = te(vo, {
  name: "MuiInput",
  slot: "Input",
  overridesResolver: go
})({}), To = /* @__PURE__ */ x.forwardRef(function(t, n) {
  const r = he({
    props: t,
    name: "MuiInput"
  }), {
    disableUnderline: s = !1,
    components: i = {},
    componentsProps: a,
    fullWidth: l = !1,
    inputComponent: c = "input",
    multiline: u = !1,
    slotProps: d,
    slots: h = {},
    type: v = "text",
    ...m
  } = r, g = ib(r), y = {
    root: {
      ownerState: {
        disableUnderline: s
      }
    }
  }, S = d ?? a ? Ve(d ?? a, y) : y, R = h.root ?? i.Root ?? ab, T = h.input ?? i.Input ?? lb;
  return /* @__PURE__ */ N.jsx(Eo, {
    slots: {
      root: R,
      input: T
    },
    slotProps: S,
    fullWidth: l,
    inputComponent: c,
    multiline: u,
    ref: n,
    type: v,
    ...m,
    classes: g
  });
});
process.env.NODE_ENV !== "production" && (To.propTypes = {
  // ┌────────────────────────────── Warning ──────────────────────────────┐
  // │ These PropTypes are generated from the TypeScript type definitions. │
  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
  // └─────────────────────────────────────────────────────────────────────┘
  /**
   * This prop helps users to fill forms faster, especially on mobile devices.
   * The name can be confusing, as it's more like an autofill.
   * You can learn more about it [following the specification](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill).
   */
  autoComplete: o.string,
  /**
   * If `true`, the `input` element is focused during the first mount.
   */
  autoFocus: o.bool,
  /**
   * Override or extend the styles applied to the component.
   */
  classes: o.object,
  /**
   * The color of the component.
   * It supports both default and custom theme colors, which can be added as shown in the
   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
   * The prop defaults to the value (`'primary'`) inherited from the parent FormControl component.
   */
  color: o.oneOfType([o.oneOf(["primary", "secondary"]), o.string]),
  /**
   * The components used for each slot inside.
   *
   * @deprecated use the `slots` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
   *
   * @default {}
   */
  components: o.shape({
    Input: o.elementType,
    Root: o.elementType
  }),
  /**
   * The extra props for the slot components.
   * You can override the existing props or add new ones.
   *
   * @deprecated use the `slotProps` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
   *
   * @default {}
   */
  componentsProps: o.shape({
    input: o.object,
    root: o.object
  }),
  /**
   * The default value. Use when the component is not controlled.
   */
  defaultValue: o.any,
  /**
   * If `true`, the component is disabled.
   * The prop defaults to the value (`false`) inherited from the parent FormControl component.
   */
  disabled: o.bool,
  /**
   * If `true`, the `input` will not have an underline.
   * @default false
   */
  disableUnderline: o.bool,
  /**
   * End `InputAdornment` for this component.
   */
  endAdornment: o.node,
  /**
   * If `true`, the `input` will indicate an error.
   * The prop defaults to the value (`false`) inherited from the parent FormControl component.
   */
  error: o.bool,
  /**
   * If `true`, the `input` will take up the full width of its container.
   * @default false
   */
  fullWidth: o.bool,
  /**
   * The id of the `input` element.
   */
  id: o.string,
  /**
   * The component used for the `input` element.
   * Either a string to use a HTML element or a component.
   * @default 'input'
   */
  inputComponent: o.elementType,
  /**
   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.
   * @default {}
   */
  inputProps: o.object,
  /**
   * Pass a ref to the `input` element.
   */
  inputRef: bt,
  /**
   * If `dense`, will adjust vertical spacing. This is normally obtained via context from
   * FormControl.
   * The prop defaults to the value (`'none'`) inherited from the parent FormControl component.
   */
  margin: o.oneOf(["dense", "none"]),
  /**
   * Maximum number of rows to display when multiline option is set to true.
   */
  maxRows: o.oneOfType([o.number, o.string]),
  /**
   * Minimum number of rows to display when multiline option is set to true.
   */
  minRows: o.oneOfType([o.number, o.string]),
  /**
   * If `true`, a [TextareaAutosize](https://mui.com/material-ui/react-textarea-autosize/) element is rendered.
   * @default false
   */
  multiline: o.bool,
  /**
   * Name attribute of the `input` element.
   */
  name: o.string,
  /**
   * Callback fired when the value is changed.
   *
   * @param {React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement>} event The event source of the callback.
   * You can pull out the new value by accessing `event.target.value` (string).
   */
  onChange: o.func,
  /**
   * The short hint displayed in the `input` before the user enters a value.
   */
  placeholder: o.string,
  /**
   * It prevents the user from changing the value of the field
   * (not from interacting with the field).
   */
  readOnly: o.bool,
  /**
   * If `true`, the `input` element is required.
   * The prop defaults to the value (`false`) inherited from the parent FormControl component.
   */
  required: o.bool,
  /**
   * Number of rows to display when multiline option is set to true.
   */
  rows: o.oneOfType([o.number, o.string]),
  /**
   * The extra props for the slot components.
   * You can override the existing props or add new ones.
   *
   * This prop is an alias for the `componentsProps` prop, which will be deprecated in the future.
   *
   * @default {}
   */
  slotProps: o.shape({
    input: o.object,
    root: o.object
  }),
  /**
   * The components used for each slot inside.
   *
   * This prop is an alias for the `components` prop, which will be deprecated in the future.
   *
   * @default {}
   */
  slots: o.shape({
    input: o.elementType,
    root: o.elementType
  }),
  /**
   * Start `InputAdornment` for this component.
   */
  startAdornment: o.node,
  /**
   * The system prop that allows defining system overrides as well as additional CSS styles.
   */
  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
  /**
   * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#input_types).
   * @default 'text'
   */
  type: o.string,
  /**
   * The value of the `input` element, required for a controlled component.
   */
  value: o.any
});
To.muiName = "Input";
function cb(e) {
  return ce("MuiInputAdornment", e);
}
const ja = ue("MuiInputAdornment", ["root", "filled", "standard", "outlined", "positionStart", "positionEnd", "disablePointerEvents", "hiddenLabel", "sizeSmall"]);
var La;
const ub = (e, t) => {
  const {
    ownerState: n
  } = e;
  return [t.root, t[`position${re(n.position)}`], n.disablePointerEvents === !0 && t.disablePointerEvents, t[n.variant]];
}, db = (e) => {
  const {
    classes: t,
    disablePointerEvents: n,
    hiddenLabel: r,
    position: s,
    size: i,
    variant: a
  } = e, l = {
    root: ["root", n && "disablePointerEvents", s && `position${re(s)}`, a, r && "hiddenLabel", i && `size${re(i)}`]
  };
  return de(l, cb, t);
}, pb = te("div", {
  name: "MuiInputAdornment",
  slot: "Root",
  overridesResolver: ub
})(Re(({
  theme: e
}) => ({
  display: "flex",
  maxHeight: "2em",
  alignItems: "center",
  whiteSpace: "nowrap",
  color: (e.vars || e).palette.action.active,
  variants: [{
    props: {
      variant: "filled"
    },
    style: {
      [`&.${ja.positionStart}&:not(.${ja.hiddenLabel})`]: {
        marginTop: 16
      }
    }
  }, {
    props: {
      position: "start"
    },
    style: {
      marginRight: 8
    }
  }, {
    props: {
      position: "end"
    },
    style: {
      marginLeft: 8
    }
  }, {
    props: {
      disablePointerEvents: !0
    },
    style: {
      pointerEvents: "none"
    }
  }]
}))), Ic = /* @__PURE__ */ x.forwardRef(function(t, n) {
  const r = he({
    props: t,
    name: "MuiInputAdornment"
  }), {
    children: s,
    className: i,
    component: a = "div",
    disablePointerEvents: l = !1,
    disableTypography: c = !1,
    position: u,
    variant: d,
    ...h
  } = r, v = Nt() || {};
  let m = d;
  d && v.variant && process.env.NODE_ENV !== "production" && d === v.variant && console.error("MUI: The `InputAdornment` variant infers the variant prop you do not have to provide one."), v && !m && (m = v.variant);
  const g = {
    ...r,
    hiddenLabel: v.hiddenLabel,
    size: v.size,
    disablePointerEvents: l,
    position: u,
    variant: m
  }, p = db(g);
  return /* @__PURE__ */ N.jsx(ir.Provider, {
    value: null,
    children: /* @__PURE__ */ N.jsx(pb, {
      as: a,
      ownerState: g,
      className: le(p.root, i),
      ref: n,
      ...h,
      children: typeof s == "string" && !c ? /* @__PURE__ */ N.jsx(Tt, {
        color: "textSecondary",
        children: s
      }) : /* @__PURE__ */ N.jsxs(x.Fragment, {
        children: [u === "start" ? (
          /* notranslate needed while Google Translate will not fix zero-width space issue */
          La || (La = /* @__PURE__ */ N.jsx("span", {
            className: "notranslate",
            "aria-hidden": !0,
            children: "​"
          }))
        ) : null, s]
      })
    })
  });
});
process.env.NODE_ENV !== "production" && (Ic.propTypes = {
  // ┌────────────────────────────── Warning ──────────────────────────────┐
  // │ These PropTypes are generated from the TypeScript type definitions. │
  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
  // └─────────────────────────────────────────────────────────────────────┘
  /**
   * The content of the component, normally an `IconButton` or string.
   */
  children: o.node,
  /**
   * Override or extend the styles applied to the component.
   */
  classes: o.object,
  /**
   * @ignore
   */
  className: o.string,
  /**
   * The component used for the root node.
   * Either a string to use a HTML element or a component.
   */
  component: o.elementType,
  /**
   * Disable pointer events on the root.
   * This allows for the content of the adornment to focus the `input` on click.
   * @default false
   */
  disablePointerEvents: o.bool,
  /**
   * If children is a string then disable wrapping in a Typography component.
   * @default false
   */
  disableTypography: o.bool,
  /**
   * The position this adornment should appear relative to the `Input`.
   */
  position: o.oneOf(["end", "start"]).isRequired,
  /**
   * The system prop that allows defining system overrides as well as additional CSS styles.
   */
  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
  /**
   * The variant to use.
   * Note: If you are using the `TextField` component or the `FormControl` component
   * you do not have to set this manually.
   */
  variant: o.oneOf(["filled", "outlined", "standard"])
});
function fb(e) {
  return ce("MuiInputLabel", e);
}
ue("MuiInputLabel", ["root", "focused", "disabled", "error", "required", "asterisk", "formControl", "sizeSmall", "shrink", "animated", "standard", "filled", "outlined"]);
const mb = (e) => {
  const {
    classes: t,
    formControl: n,
    size: r,
    shrink: s,
    disableAnimation: i,
    variant: a,
    required: l
  } = e, c = {
    root: ["root", n && "formControl", !i && "animated", s && "shrink", r && r !== "medium" && `size${re(r)}`, a],
    asterisk: [l && "asterisk"]
  }, u = de(c, fb, t);
  return {
    ...t,
    // forward the focused, disabled, etc. classes to the FormLabel
    ...u
  };
}, hb = te(Ac, {
  shouldForwardProp: (e) => Ye(e) || e === "classes",
  name: "MuiInputLabel",
  slot: "Root",
  overridesResolver: (e, t) => {
    const {
      ownerState: n
    } = e;
    return [{
      [`& .${Ln.asterisk}`]: t.asterisk
    }, t.root, n.formControl && t.formControl, n.size === "small" && t.sizeSmall, n.shrink && t.shrink, !n.disableAnimation && t.animated, n.focused && t.focused, t[n.variant]];
  }
})(Re(({
  theme: e
}) => ({
  display: "block",
  transformOrigin: "top left",
  whiteSpace: "nowrap",
  overflow: "hidden",
  textOverflow: "ellipsis",
  maxWidth: "100%",
  variants: [{
    props: ({
      ownerState: t
    }) => t.formControl,
    style: {
      position: "absolute",
      left: 0,
      top: 0,
      // slight alteration to spec spacing to match visual spec result
      transform: "translate(0, 20px) scale(1)"
    }
  }, {
    props: {
      size: "small"
    },
    style: {
      // Compensation for the `Input.inputSizeSmall` style.
      transform: "translate(0, 17px) scale(1)"
    }
  }, {
    props: ({
      ownerState: t
    }) => t.shrink,
    style: {
      transform: "translate(0, -1.5px) scale(0.75)",
      transformOrigin: "top left",
      maxWidth: "133%"
    }
  }, {
    props: ({
      ownerState: t
    }) => !t.disableAnimation,
    style: {
      transition: e.transitions.create(["color", "transform", "max-width"], {
        duration: e.transitions.duration.shorter,
        easing: e.transitions.easing.easeOut
      })
    }
  }, {
    props: {
      variant: "filled"
    },
    style: {
      // Chrome's autofill feature gives the input field a yellow background.
      // Since the input field is behind the label in the HTML tree,
      // the input field is drawn last and hides the label with an opaque background color.
      // zIndex: 1 will raise the label above opaque background-colors of input.
      zIndex: 1,
      pointerEvents: "none",
      transform: "translate(12px, 16px) scale(1)",
      maxWidth: "calc(100% - 24px)"
    }
  }, {
    props: {
      variant: "filled",
      size: "small"
    },
    style: {
      transform: "translate(12px, 13px) scale(1)"
    }
  }, {
    props: ({
      variant: t,
      ownerState: n
    }) => t === "filled" && n.shrink,
    style: {
      userSelect: "none",
      pointerEvents: "auto",
      transform: "translate(12px, 7px) scale(0.75)",
      maxWidth: "calc(133% - 24px)"
    }
  }, {
    props: ({
      variant: t,
      ownerState: n,
      size: r
    }) => t === "filled" && n.shrink && r === "small",
    style: {
      transform: "translate(12px, 4px) scale(0.75)"
    }
  }, {
    props: {
      variant: "outlined"
    },
    style: {
      // see comment above on filled.zIndex
      zIndex: 1,
      pointerEvents: "none",
      transform: "translate(14px, 16px) scale(1)",
      maxWidth: "calc(100% - 24px)"
    }
  }, {
    props: {
      variant: "outlined",
      size: "small"
    },
    style: {
      transform: "translate(14px, 9px) scale(1)"
    }
  }, {
    props: ({
      variant: t,
      ownerState: n
    }) => t === "outlined" && n.shrink,
    style: {
      userSelect: "none",
      pointerEvents: "auto",
      // Theoretically, we should have (8+5)*2/0.75 = 34px
      // but it feels a better when it bleeds a bit on the left, so 32px.
      maxWidth: "calc(133% - 32px)",
      transform: "translate(14px, -9px) scale(0.75)"
    }
  }]
}))), Nc = /* @__PURE__ */ x.forwardRef(function(t, n) {
  const r = he({
    name: "MuiInputLabel",
    props: t
  }), {
    disableAnimation: s = !1,
    margin: i,
    shrink: a,
    variant: l,
    className: c,
    ...u
  } = r, d = Nt();
  let h = a;
  typeof h > "u" && d && (h = d.filled || d.focused || d.adornedStart);
  const v = vn({
    props: r,
    muiFormControl: d,
    states: ["size", "variant", "required", "focused"]
  }), m = {
    ...r,
    disableAnimation: s,
    formControl: d,
    shrink: h,
    size: v.size,
    variant: v.variant,
    required: v.required,
    focused: v.focused
  }, g = mb(m);
  return /* @__PURE__ */ N.jsx(hb, {
    "data-shrink": h,
    ref: n,
    className: le(g.root, c),
    ...u,
    ownerState: m,
    classes: g
  });
});
process.env.NODE_ENV !== "production" && (Nc.propTypes = {
  // ┌────────────────────────────── Warning ──────────────────────────────┐
  // │ These PropTypes are generated from the TypeScript type definitions. │
  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
  // └─────────────────────────────────────────────────────────────────────┘
  /**
   * The content of the component.
   */
  children: o.node,
  /**
   * Override or extend the styles applied to the component.
   */
  classes: o.object,
  /**
   * @ignore
   */
  className: o.string,
  /**
   * The color of the component.
   * It supports both default and custom theme colors, which can be added as shown in the
   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
   */
  color: o.oneOfType([o.oneOf(["error", "info", "primary", "secondary", "success", "warning"]), o.string]),
  /**
   * If `true`, the transition animation is disabled.
   * @default false
   */
  disableAnimation: o.bool,
  /**
   * If `true`, the component is disabled.
   */
  disabled: o.bool,
  /**
   * If `true`, the label is displayed in an error state.
   */
  error: o.bool,
  /**
   * If `true`, the `input` of this label is focused.
   */
  focused: o.bool,
  /**
   * If `dense`, will adjust vertical spacing. This is normally obtained via context from
   * FormControl.
   */
  margin: o.oneOf(["dense"]),
  /**
   * if `true`, the label will indicate that the `input` is required.
   */
  required: o.bool,
  /**
   * If `true`, the label is shrunk.
   */
  shrink: o.bool,
  /**
   * The size of the component.
   * @default 'medium'
   */
  size: o.oneOfType([o.oneOf(["medium", "small"]), o.string]),
  /**
   * The system prop that allows defining system overrides as well as additional CSS styles.
   */
  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
  /**
   * The variant to use.
   */
  variant: o.oneOf(["filled", "outlined", "standard"])
});
const yn = /* @__PURE__ */ x.createContext({});
process.env.NODE_ENV !== "production" && (yn.displayName = "ListContext");
function yb(e) {
  return ce("MuiList", e);
}
ue("MuiList", ["root", "padding", "dense", "subheader"]);
const gb = (e) => {
  const {
    classes: t,
    disablePadding: n,
    dense: r,
    subheader: s
  } = e;
  return de({
    root: ["root", !n && "padding", r && "dense", s && "subheader"]
  }, yb, t);
}, bb = te("ul", {
  name: "MuiList",
  slot: "Root",
  overridesResolver: (e, t) => {
    const {
      ownerState: n
    } = e;
    return [t.root, !n.disablePadding && t.padding, n.dense && t.dense, n.subheader && t.subheader];
  }
})({
  listStyle: "none",
  margin: 0,
  padding: 0,
  position: "relative",
  variants: [{
    props: ({
      ownerState: e
    }) => !e.disablePadding,
    style: {
      paddingTop: 8,
      paddingBottom: 8
    }
  }, {
    props: ({
      ownerState: e
    }) => e.subheader,
    style: {
      paddingTop: 0
    }
  }]
}), ti = /* @__PURE__ */ x.forwardRef(function(t, n) {
  const r = he({
    props: t,
    name: "MuiList"
  }), {
    children: s,
    className: i,
    component: a = "ul",
    dense: l = !1,
    disablePadding: c = !1,
    subheader: u,
    ...d
  } = r, h = x.useMemo(() => ({
    dense: l
  }), [l]), v = {
    ...r,
    component: a,
    dense: l,
    disablePadding: c
  }, m = gb(v);
  return /* @__PURE__ */ N.jsx(yn.Provider, {
    value: h,
    children: /* @__PURE__ */ N.jsxs(bb, {
      as: a,
      className: le(m.root, i),
      ref: n,
      ownerState: v,
      ...d,
      children: [u, s]
    })
  });
});
process.env.NODE_ENV !== "production" && (ti.propTypes = {
  // ┌────────────────────────────── Warning ──────────────────────────────┐
  // │ These PropTypes are generated from the TypeScript type definitions. │
  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
  // └─────────────────────────────────────────────────────────────────────┘
  /**
   * The content of the component.
   */
  children: o.node,
  /**
   * Override or extend the styles applied to the component.
   */
  classes: o.object,
  /**
   * @ignore
   */
  className: o.string,
  /**
   * The component used for the root node.
   * Either a string to use a HTML element or a component.
   */
  component: o.elementType,
  /**
   * If `true`, compact vertical padding designed for keyboard and mouse input is used for
   * the list and list items.
   * The prop is available to descendant components as the `dense` context.
   * @default false
   */
  dense: o.bool,
  /**
   * If `true`, vertical padding is removed from the list.
   * @default false
   */
  disablePadding: o.bool,
  /**
   * The content of the subheader, normally `ListSubheader`.
   */
  subheader: o.node,
  /**
   * The system prop that allows defining system overrides as well as additional CSS styles.
   */
  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object])
});
function vb(e) {
  return ce("MuiListItemButton", e);
}
const Pn = ue("MuiListItemButton", ["root", "focusVisible", "dense", "alignItemsFlexStart", "disabled", "divider", "gutters", "selected"]), Eb = (e, t) => {
  const {
    ownerState: n
  } = e;
  return [t.root, n.dense && t.dense, n.alignItems === "flex-start" && t.alignItemsFlexStart, n.divider && t.divider, !n.disableGutters && t.gutters];
}, Sb = (e) => {
  const {
    alignItems: t,
    classes: n,
    dense: r,
    disabled: s,
    disableGutters: i,
    divider: a,
    selected: l
  } = e, u = de({
    root: ["root", r && "dense", !i && "gutters", a && "divider", s && "disabled", t === "flex-start" && "alignItemsFlexStart", l && "selected"]
  }, vb, n);
  return {
    ...n,
    ...u
  };
}, Tb = te(or, {
  shouldForwardProp: (e) => Ye(e) || e === "classes",
  name: "MuiListItemButton",
  slot: "Root",
  overridesResolver: Eb
})(Re(({
  theme: e
}) => ({
  display: "flex",
  flexGrow: 1,
  justifyContent: "flex-start",
  alignItems: "center",
  position: "relative",
  textDecoration: "none",
  minWidth: 0,
  boxSizing: "border-box",
  textAlign: "left",
  paddingTop: 8,
  paddingBottom: 8,
  transition: e.transitions.create("background-color", {
    duration: e.transitions.duration.shortest
  }),
  "&:hover": {
    textDecoration: "none",
    backgroundColor: (e.vars || e).palette.action.hover,
    // Reset on touch devices, it doesn't add specificity
    "@media (hover: none)": {
      backgroundColor: "transparent"
    }
  },
  [`&.${Pn.selected}`]: {
    backgroundColor: e.alpha((e.vars || e).palette.primary.main, (e.vars || e).palette.action.selectedOpacity),
    [`&.${Pn.focusVisible}`]: {
      backgroundColor: e.alpha((e.vars || e).palette.primary.main, `${(e.vars || e).palette.action.selectedOpacity} + ${(e.vars || e).palette.action.focusOpacity}`)
    }
  },
  [`&.${Pn.selected}:hover`]: {
    backgroundColor: e.alpha((e.vars || e).palette.primary.main, `${(e.vars || e).palette.action.selectedOpacity} + ${(e.vars || e).palette.action.hoverOpacity}`),
    // Reset on touch devices, it doesn't add specificity
    "@media (hover: none)": {
      backgroundColor: e.alpha((e.vars || e).palette.primary.main, (e.vars || e).palette.action.selectedOpacity)
    }
  },
  [`&.${Pn.focusVisible}`]: {
    backgroundColor: (e.vars || e).palette.action.focus
  },
  [`&.${Pn.disabled}`]: {
    opacity: (e.vars || e).palette.action.disabledOpacity
  },
  variants: [{
    props: ({
      ownerState: t
    }) => t.divider,
    style: {
      borderBottom: `1px solid ${(e.vars || e).palette.divider}`,
      backgroundClip: "padding-box"
    }
  }, {
    props: {
      alignItems: "flex-start"
    },
    style: {
      alignItems: "flex-start"
    }
  }, {
    props: ({
      ownerState: t
    }) => !t.disableGutters,
    style: {
      paddingLeft: 16,
      paddingRight: 16
    }
  }, {
    props: ({
      ownerState: t
    }) => t.dense,
    style: {
      paddingTop: 4,
      paddingBottom: 4
    }
  }]
}))), xs = /* @__PURE__ */ x.forwardRef(function(t, n) {
  const r = he({
    props: t,
    name: "MuiListItemButton"
  }), {
    alignItems: s = "center",
    autoFocus: i = !1,
    component: a = "div",
    children: l,
    dense: c = !1,
    disableGutters: u = !1,
    divider: d = !1,
    focusVisibleClassName: h,
    selected: v = !1,
    className: m,
    ...g
  } = r, p = x.useContext(yn), y = x.useMemo(() => ({
    dense: c || p.dense || !1,
    alignItems: s,
    disableGutters: u
  }), [s, p.dense, c, u]), S = x.useRef(null);
  Rt(() => {
    i && (S.current ? S.current.focus() : process.env.NODE_ENV !== "production" && console.error("MUI: Unable to set focus to a ListItemButton whose component has not been rendered."));
  }, [i]);
  const R = {
    ...r,
    alignItems: s,
    dense: y.dense,
    disableGutters: u,
    divider: d,
    selected: v
  }, T = Sb(R), {
    root: b,
    ...E
  } = T, C = We(S, n);
  return /* @__PURE__ */ N.jsx(yn.Provider, {
    value: y,
    children: /* @__PURE__ */ N.jsx(Tb, {
      ref: C,
      href: g.href || g.to,
      component: (g.href || g.to) && a === "div" ? "button" : a,
      focusVisibleClassName: le(T.focusVisible, h),
      ownerState: R,
      className: le(T.root, m),
      ...g,
      classes: E,
      children: l
    })
  });
});
process.env.NODE_ENV !== "production" && (xs.propTypes = {
  // ┌────────────────────────────── Warning ──────────────────────────────┐
  // │ These PropTypes are generated from the TypeScript type definitions. │
  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
  // └─────────────────────────────────────────────────────────────────────┘
  /**
   * Defines the `align-items` style property.
   * @default 'center'
   */
  alignItems: o.oneOf(["center", "flex-start"]),
  /**
   * If `true`, the list item is focused during the first mount.
   * Focus will also be triggered if the value changes from false to true.
   * @default false
   */
  autoFocus: o.bool,
  /**
   * The content of the component if a `ListItemSecondaryAction` is used it must
   * be the last child.
   */
  children: o.node,
  /**
   * Override or extend the styles applied to the component.
   */
  classes: o.object,
  /**
   * @ignore
   */
  className: o.string,
  /**
   * The component used for the root node.
   * Either a string to use a HTML element or a component.
   */
  component: o.elementType,
  /**
   * If `true`, compact vertical padding designed for keyboard and mouse input is used.
   * The prop defaults to the value inherited from the parent List component.
   * @default false
   */
  dense: o.bool,
  /**
   * If `true`, the component is disabled.
   * @default false
   */
  disabled: o.bool,
  /**
   * If `true`, the left and right padding is removed.
   * @default false
   */
  disableGutters: o.bool,
  /**
   * If `true`, a 1px light border is added to the bottom of the list item.
   * @default false
   */
  divider: o.bool,
  /**
   * This prop can help identify which element has keyboard focus.
   * The class name will be applied when the element gains the focus through keyboard interaction.
   * It's a polyfill for the [CSS :focus-visible selector](https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo).
   * The rationale for using this feature [is explained here](https://github.com/WICG/focus-visible/blob/HEAD/explainer.md).
   * A [polyfill can be used](https://github.com/WICG/focus-visible) to apply a `focus-visible` class to other components
   * if needed.
   */
  focusVisibleClassName: o.string,
  /**
   * @ignore
   */
  href: o.string,
  /**
   * Use to apply selected styling.
   * @default false
   */
  selected: o.bool,
  /**
   * The system prop that allows defining system overrides as well as additional CSS styles.
   */
  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object])
});
function xb(e) {
  return ce("MuiListItemIcon", e);
}
ue("MuiListItemIcon", ["root", "alignItemsFlexStart"]);
const Ob = (e) => {
  const {
    alignItems: t,
    classes: n
  } = e;
  return de({
    root: ["root", t === "flex-start" && "alignItemsFlexStart"]
  }, xb, n);
}, Rb = te("div", {
  name: "MuiListItemIcon",
  slot: "Root",
  overridesResolver: (e, t) => {
    const {
      ownerState: n
    } = e;
    return [t.root, n.alignItems === "flex-start" && t.alignItemsFlexStart];
  }
})(Re(({
  theme: e
}) => ({
  minWidth: 56,
  color: (e.vars || e).palette.action.active,
  flexShrink: 0,
  display: "inline-flex",
  variants: [{
    props: {
      alignItems: "flex-start"
    },
    style: {
      marginTop: 8
    }
  }]
}))), kc = /* @__PURE__ */ x.forwardRef(function(t, n) {
  const r = he({
    props: t,
    name: "MuiListItemIcon"
  }), {
    className: s,
    ...i
  } = r, a = x.useContext(yn), l = {
    ...r,
    alignItems: a.alignItems
  }, c = Ob(l);
  return /* @__PURE__ */ N.jsx(Rb, {
    className: le(c.root, s),
    ownerState: l,
    ref: n,
    ...i
  });
});
process.env.NODE_ENV !== "production" && (kc.propTypes = {
  // ┌────────────────────────────── Warning ──────────────────────────────┐
  // │ These PropTypes are generated from the TypeScript type definitions. │
  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
  // └─────────────────────────────────────────────────────────────────────┘
  /**
   * The content of the component, normally `Icon`, `SvgIcon`,
   * or a `@mui/icons-material` SVG icon element.
   */
  children: o.node,
  /**
   * Override or extend the styles applied to the component.
   */
  classes: o.object,
  /**
   * @ignore
   */
  className: o.string,
  /**
   * The system prop that allows defining system overrides as well as additional CSS styles.
   */
  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object])
});
function wb(e) {
  return ce("MuiListItemText", e);
}
const yr = ue("MuiListItemText", ["root", "multiline", "dense", "inset", "primary", "secondary"]), Cb = (e) => {
  const {
    classes: t,
    inset: n,
    primary: r,
    secondary: s,
    dense: i
  } = e;
  return de({
    root: ["root", n && "inset", i && "dense", r && s && "multiline"],
    primary: ["primary"],
    secondary: ["secondary"]
  }, wb, t);
}, Pb = te("div", {
  name: "MuiListItemText",
  slot: "Root",
  overridesResolver: (e, t) => {
    const {
      ownerState: n
    } = e;
    return [{
      [`& .${yr.primary}`]: t.primary
    }, {
      [`& .${yr.secondary}`]: t.secondary
    }, t.root, n.inset && t.inset, n.primary && n.secondary && t.multiline, n.dense && t.dense];
  }
})({
  flex: "1 1 auto",
  minWidth: 0,
  marginTop: 4,
  marginBottom: 4,
  // Combine this and the below selector once https://github.com/emotion-js/emotion/issues/3366 is solved
  [`.${xa.root}:where(& .${yr.primary})`]: {
    display: "block"
  },
  [`.${xa.root}:where(& .${yr.secondary})`]: {
    display: "block"
  },
  variants: [{
    props: ({
      ownerState: e
    }) => e.primary && e.secondary,
    style: {
      marginTop: 6,
      marginBottom: 6
    }
  }, {
    props: ({
      ownerState: e
    }) => e.inset,
    style: {
      paddingLeft: 56
    }
  }]
}), Os = /* @__PURE__ */ x.forwardRef(function(t, n) {
  const r = he({
    props: t,
    name: "MuiListItemText"
  }), {
    children: s,
    className: i,
    disableTypography: a = !1,
    inset: l = !1,
    primary: c,
    primaryTypographyProps: u,
    secondary: d,
    secondaryTypographyProps: h,
    slots: v = {},
    slotProps: m = {},
    ...g
  } = r, {
    dense: p
  } = x.useContext(yn);
  let y = c ?? s, S = d;
  const R = {
    ...r,
    disableTypography: a,
    inset: l,
    primary: !!y,
    secondary: !!S,
    dense: p
  }, T = Cb(R), b = {
    slots: v,
    slotProps: {
      primary: u,
      secondary: h,
      ...m
    }
  }, [E, C] = Pe("root", {
    className: le(T.root, i),
    elementType: Pb,
    externalForwardedProps: {
      ...b,
      ...g
    },
    ownerState: R,
    ref: n
  }), [k, B] = Pe("primary", {
    className: T.primary,
    elementType: Tt,
    externalForwardedProps: b,
    ownerState: R
  }), [D, W] = Pe("secondary", {
    className: T.secondary,
    elementType: Tt,
    externalForwardedProps: b,
    ownerState: R
  });
  return y != null && y.type !== Tt && !a && (y = /* @__PURE__ */ N.jsx(k, {
    variant: p ? "body2" : "body1",
    component: B != null && B.variant ? void 0 : "span",
    ...B,
    children: y
  })), S != null && S.type !== Tt && !a && (S = /* @__PURE__ */ N.jsx(D, {
    variant: "body2",
    color: "textSecondary",
    ...W,
    children: S
  })), /* @__PURE__ */ N.jsxs(E, {
    ...C,
    children: [y, S]
  });
});
process.env.NODE_ENV !== "production" && (Os.propTypes = {
  // ┌────────────────────────────── Warning ──────────────────────────────┐
  // │ These PropTypes are generated from the TypeScript type definitions. │
  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
  // └─────────────────────────────────────────────────────────────────────┘
  /**
   * Alias for the `primary` prop.
   */
  children: o.node,
  /**
   * Override or extend the styles applied to the component.
   */
  classes: o.object,
  /**
   * @ignore
   */
  className: o.string,
  /**
   * If `true`, the children won't be wrapped by a Typography component.
   * This can be useful to render an alternative Typography variant by wrapping
   * the `children` (or `primary`) text, and optional `secondary` text
   * with the Typography component.
   * @default false
   */
  disableTypography: o.bool,
  /**
   * If `true`, the children are indented.
   * This should be used if there is no left avatar or left icon.
   * @default false
   */
  inset: o.bool,
  /**
   * The main content element.
   */
  primary: o.node,
  /**
   * These props will be forwarded to the primary typography component
   * (as long as disableTypography is not `true`).
   * @deprecated Use `slotProps.primary` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
   */
  primaryTypographyProps: o.object,
  /**
   * The secondary content element.
   */
  secondary: o.node,
  /**
   * These props will be forwarded to the secondary typography component
   * (as long as disableTypography is not `true`).
   * @deprecated Use `slotProps.secondary` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
   */
  secondaryTypographyProps: o.object,
  /**
   * The props used for each slot inside.
   * @default {}
   */
  slotProps: o.shape({
    primary: o.oneOfType([o.func, o.object]),
    root: o.oneOfType([o.func, o.object]),
    secondary: o.oneOfType([o.func, o.object])
  }),
  /**
   * The components used for each slot inside.
   * @default {}
   */
  slots: o.shape({
    primary: o.elementType,
    root: o.elementType,
    secondary: o.elementType
  }),
  /**
   * The system prop that allows defining system overrides as well as additional CSS styles.
   */
  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object])
});
function Yo(e, t, n) {
  return e === t ? e.firstChild : t && t.nextElementSibling ? t.nextElementSibling : n ? null : e.firstChild;
}
function Da(e, t, n) {
  return e === t ? n ? e.firstChild : e.lastChild : t && t.previousElementSibling ? t.previousElementSibling : n ? null : e.lastChild;
}
function $c(e, t) {
  if (t === void 0)
    return !0;
  let n = e.innerText;
  return n === void 0 && (n = e.textContent), n = n.trim().toLowerCase(), n.length === 0 ? !1 : t.repeating ? n[0] === t.keys[0] : n.startsWith(t.keys.join(""));
}
function _n(e, t, n, r, s, i) {
  let a = !1, l = s(e, t, t ? n : !1);
  for (; l; ) {
    if (l === e.firstChild) {
      if (a)
        return !1;
      a = !0;
    }
    const c = r ? !1 : l.disabled || l.getAttribute("aria-disabled") === "true";
    if (!l.hasAttribute("tabindex") || !$c(l, i) || c)
      l = s(e, l, n);
    else
      return l.focus(), !0;
  }
  return !1;
}
const Mc = /* @__PURE__ */ x.forwardRef(function(t, n) {
  const {
    // private
    // eslint-disable-next-line react/prop-types
    actions: r,
    autoFocus: s = !1,
    autoFocusItem: i = !1,
    children: a,
    className: l,
    disabledItemsFocusable: c = !1,
    disableListWrap: u = !1,
    onKeyDown: d,
    variant: h = "selectedMenu",
    ...v
  } = t, m = x.useRef(null), g = x.useRef({
    keys: [],
    repeating: !0,
    previousKeyMatched: !0,
    lastTime: null
  });
  Rt(() => {
    s && m.current.focus();
  }, [s]), x.useImperativeHandle(r, () => ({
    adjustStyleForScrollbar: (T, {
      direction: b
    }) => {
      const E = !m.current.style.width;
      if (T.clientHeight < m.current.clientHeight && E) {
        const C = `${xc(wt(T))}px`;
        m.current.style[b === "rtl" ? "paddingLeft" : "paddingRight"] = C, m.current.style.width = `calc(100% + ${C})`;
      }
      return m.current;
    }
  }), []);
  const p = (T) => {
    const b = m.current, E = T.key;
    if (T.ctrlKey || T.metaKey || T.altKey) {
      d && d(T);
      return;
    }
    const k = cn(nt(b));
    if (E === "ArrowDown")
      T.preventDefault(), _n(b, k, u, c, Yo);
    else if (E === "ArrowUp")
      T.preventDefault(), _n(b, k, u, c, Da);
    else if (E === "Home")
      T.preventDefault(), _n(b, null, u, c, Yo);
    else if (E === "End")
      T.preventDefault(), _n(b, null, u, c, Da);
    else if (E.length === 1) {
      const B = g.current, D = E.toLowerCase(), W = performance.now();
      B.keys.length > 0 && (W - B.lastTime > 500 ? (B.keys = [], B.repeating = !0, B.previousKeyMatched = !0) : B.repeating && D !== B.keys[0] && (B.repeating = !1)), B.lastTime = W, B.keys.push(D);
      const F = k && !B.repeating && $c(k, B);
      B.previousKeyMatched && (F || _n(b, k, !1, c, Yo, B)) ? T.preventDefault() : B.previousKeyMatched = !1;
    }
    d && d(T);
  }, y = We(m, n);
  let S = -1;
  x.Children.forEach(a, (T, b) => {
    if (!/* @__PURE__ */ x.isValidElement(T)) {
      S === b && (S += 1, S >= a.length && (S = -1));
      return;
    }
    process.env.NODE_ENV !== "production" && qt.isFragment(T) && console.error(["MUI: The Menu component doesn't accept a Fragment as a child.", "Consider providing an array instead."].join(`
`)), T.props.disabled || (h === "selectedMenu" && T.props.selected || S === -1) && (S = b), S === b && (T.props.disabled || T.props.muiSkipListHighlight || T.type.muiSkipListHighlight) && (S += 1, S >= a.length && (S = -1));
  });
  const R = x.Children.map(a, (T, b) => {
    if (b === S) {
      const E = {};
      return i && (E.autoFocus = !0), T.props.tabIndex === void 0 && h === "selectedMenu" && (E.tabIndex = 0), /* @__PURE__ */ x.cloneElement(T, E);
    }
    return T;
  });
  return /* @__PURE__ */ N.jsx(ti, {
    role: "menu",
    ref: y,
    className: l,
    onKeyDown: p,
    tabIndex: s ? 0 : -1,
    ...v,
    children: R
  });
});
process.env.NODE_ENV !== "production" && (Mc.propTypes = {
  // ┌────────────────────────────── Warning ──────────────────────────────┐
  // │ These PropTypes are generated from the TypeScript type definitions. │
  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
  // └─────────────────────────────────────────────────────────────────────┘
  /**
   * If `true`, will focus the `[role="menu"]` container and move into tab order.
   * @default false
   */
  autoFocus: o.bool,
  /**
   * If `true`, will focus the first menuitem if `variant="menu"` or selected item
   * if `variant="selectedMenu"`.
   * @default false
   */
  autoFocusItem: o.bool,
  /**
   * MenuList contents, normally `MenuItem`s.
   */
  children: o.node,
  /**
   * @ignore
   */
  className: o.string,
  /**
   * If `true`, will allow focus on disabled items.
   * @default false
   */
  disabledItemsFocusable: o.bool,
  /**
   * If `true`, the menu items will not wrap focus.
   * @default false
   */
  disableListWrap: o.bool,
  /**
   * @ignore
   */
  onKeyDown: o.func,
  /**
   * The variant to use. Use `menu` to prevent selected items from impacting the initial focus
   * and the vertical alignment relative to the anchor element.
   * @default 'selectedMenu'
   */
  variant: o.oneOf(["menu", "selectedMenu"])
});
function _b(e) {
  return ce("MuiPopover", e);
}
ue("MuiPopover", ["root", "paper"]);
function Ba(e, t) {
  let n = 0;
  return typeof t == "number" ? n = t : t === "center" ? n = e.height / 2 : t === "bottom" && (n = e.height), n;
}
function Fa(e, t) {
  let n = 0;
  return typeof t == "number" ? n = t : t === "center" ? n = e.width / 2 : t === "right" && (n = e.width), n;
}
function Ua(e) {
  return [e.horizontal, e.vertical].map((t) => typeof t == "number" ? `${t}px` : t).join(" ");
}
function $n(e) {
  return typeof e == "function" ? e() : e;
}
const Ab = (e) => {
  const {
    classes: t
  } = e;
  return de({
    root: ["root"],
    paper: ["paper"]
  }, _b, t);
}, Ib = te(Qs, {
  name: "MuiPopover",
  slot: "Root"
})({}), jc = te(mo, {
  name: "MuiPopover",
  slot: "Paper"
})({
  position: "absolute",
  overflowY: "auto",
  overflowX: "hidden",
  // So we see the popover when it's empty.
  // It's most likely on issue on userland.
  minWidth: 16,
  minHeight: 16,
  maxWidth: "calc(100% - 32px)",
  maxHeight: "calc(100% - 32px)",
  // We disable the focus ring for mouse, touch and keyboard users.
  outline: 0
}), Lc = /* @__PURE__ */ x.forwardRef(function(t, n) {
  const r = he({
    props: t,
    name: "MuiPopover"
  }), {
    action: s,
    anchorEl: i,
    anchorOrigin: a = {
      vertical: "top",
      horizontal: "left"
    },
    anchorPosition: l,
    anchorReference: c = "anchorEl",
    children: u,
    className: d,
    container: h,
    elevation: v = 8,
    marginThreshold: m = 16,
    open: g,
    PaperProps: p = {},
    // TODO: remove in v7
    slots: y = {},
    slotProps: S = {},
    transformOrigin: R = {
      vertical: "top",
      horizontal: "left"
    },
    TransitionComponent: T,
    // TODO: remove in v7
    transitionDuration: b = "auto",
    TransitionProps: E = {},
    // TODO: remove in v7
    disableScrollLock: C = !1,
    ...k
  } = r, B = x.useRef(), D = {
    ...r,
    anchorOrigin: a,
    anchorReference: c,
    elevation: v,
    marginThreshold: m,
    transformOrigin: R,
    TransitionComponent: T,
    transitionDuration: b,
    TransitionProps: E
  }, W = Ab(D), F = x.useCallback(() => {
    if (c === "anchorPosition")
      return process.env.NODE_ENV !== "production" && (l || console.error('MUI: You need to provide a `anchorPosition` prop when using <Popover anchorReference="anchorPosition" />.')), l;
    const H = $n(i), z = H && H.nodeType === 1 ? H : nt(B.current).body, w = z.getBoundingClientRect();
    if (process.env.NODE_ENV !== "production") {
      const oe = z.getBoundingClientRect();
      yc() && oe.top === 0 && oe.left === 0 && oe.right === 0 && oe.bottom === 0 && console.warn(["MUI: The `anchorEl` prop provided to the component is invalid.", "The anchor element should be part of the document layout.", "Make sure the element is present in the document or that it's not display none."].join(`
`));
    }
    return {
      top: w.top + Ba(w, a.vertical),
      left: w.left + Fa(w, a.horizontal)
    };
  }, [i, a.horizontal, a.vertical, l, c]), f = x.useCallback((H) => ({
    vertical: Ba(H, R.vertical),
    horizontal: Fa(H, R.horizontal)
  }), [R.horizontal, R.vertical]), A = x.useCallback((H) => {
    const z = {
      width: H.offsetWidth,
      height: H.offsetHeight
    }, w = f(z);
    if (c === "none")
      return {
        top: null,
        left: null,
        transformOrigin: Ua(w)
      };
    const oe = F();
    let Z = oe.top - w.vertical, se = oe.left - w.horizontal;
    const pe = Z + z.height, fe = se + z.width, $e = wt($n(i)), Ke = $e.innerHeight - m, ot = $e.innerWidth - m;
    if (m !== null && Z < m) {
      const Ie = Z - m;
      Z -= Ie, w.vertical += Ie;
    } else if (m !== null && pe > Ke) {
      const Ie = pe - Ke;
      Z -= Ie, w.vertical += Ie;
    }
    if (process.env.NODE_ENV !== "production" && z.height > Ke && z.height && Ke && console.error(["MUI: The popover component is too tall.", `Some part of it can not be seen on the screen (${z.height - Ke}px).`, "Please consider adding a `max-height` to improve the user-experience."].join(`
`)), m !== null && se < m) {
      const Ie = se - m;
      se -= Ie, w.horizontal += Ie;
    } else if (fe > ot) {
      const Ie = fe - ot;
      se -= Ie, w.horizontal += Ie;
    }
    return {
      top: `${Math.round(Z)}px`,
      left: `${Math.round(se)}px`,
      transformOrigin: Ua(w)
    };
  }, [i, c, F, f, m]), [I, j] = x.useState(g), $ = x.useCallback(() => {
    const H = B.current;
    if (!H)
      return;
    const z = A(H);
    z.top !== null && H.style.setProperty("top", z.top), z.left !== null && (H.style.left = z.left), H.style.transformOrigin = z.transformOrigin, j(!0);
  }, [A]);
  x.useEffect(() => (C && window.addEventListener("scroll", $), () => window.removeEventListener("scroll", $)), [i, C, $]);
  const q = () => {
    $();
  }, ee = () => {
    j(!1);
  };
  x.useEffect(() => {
    g && $();
  }), x.useImperativeHandle(s, () => g ? {
    updatePosition: () => {
      $();
    }
  } : null, [g, $]), x.useEffect(() => {
    if (!g)
      return;
    const H = Zl(() => {
      $();
    }), z = wt($n(i));
    return z.addEventListener("resize", H), () => {
      H.clear(), z.removeEventListener("resize", H);
    };
  }, [i, g, $]);
  let K = b;
  const O = {
    slots: {
      transition: T,
      ...y
    },
    slotProps: {
      transition: E,
      paper: p,
      ...S
    }
  }, [_, G] = Pe("transition", {
    elementType: zr,
    externalForwardedProps: O,
    ownerState: D,
    getSlotProps: (H) => ({
      ...H,
      onEntering: (z, w) => {
        var oe;
        (oe = H.onEntering) == null || oe.call(H, z, w), q();
      },
      onExited: (z) => {
        var w;
        (w = H.onExited) == null || w.call(H, z), ee();
      }
    }),
    additionalProps: {
      appear: !0,
      in: g
    }
  });
  b === "auto" && !_.muiSupportAuto && (K = void 0);
  const L = h || (i ? nt($n(i)).body : void 0), [X, {
    slots: U,
    slotProps: J,
    ...Y
  }] = Pe("root", {
    ref: n,
    elementType: Ib,
    externalForwardedProps: {
      ...O,
      ...k
    },
    shouldForwardComponentProp: !0,
    additionalProps: {
      slots: {
        backdrop: y.backdrop
      },
      slotProps: {
        backdrop: Ql(typeof S.backdrop == "function" ? S.backdrop(D) : S.backdrop, {
          invisible: !0
        })
      },
      container: L,
      open: g
    },
    ownerState: D,
    className: le(W.root, d)
  }), [V, Q] = Pe("paper", {
    ref: B,
    className: W.paper,
    elementType: jc,
    externalForwardedProps: O,
    shouldForwardComponentProp: !0,
    additionalProps: {
      elevation: v,
      style: I ? void 0 : {
        opacity: 0
      }
    },
    ownerState: D
  });
  return /* @__PURE__ */ N.jsx(X, {
    ...Y,
    ...!jr(X) && {
      slots: U,
      slotProps: J,
      disableScrollLock: C
    },
    children: /* @__PURE__ */ N.jsx(_, {
      ...G,
      timeout: K,
      children: /* @__PURE__ */ N.jsx(V, {
        ...Q,
        children: u
      })
    })
  });
});
process.env.NODE_ENV !== "production" && (Lc.propTypes = {
  // ┌────────────────────────────── Warning ──────────────────────────────┐
  // │ These PropTypes are generated from the TypeScript type definitions. │
  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
  // └─────────────────────────────────────────────────────────────────────┘
  /**
   * A ref for imperative actions.
   * It currently only supports updatePosition() action.
   */
  action: bt,
  /**
   * An HTML element, [PopoverVirtualElement](https://mui.com/material-ui/react-popover/#virtual-element),
   * or a function that returns either.
   * It's used to set the position of the popover.
   */
  anchorEl: Xt(o.oneOfType([Wn, o.func]), (e) => {
    if (e.open && (!e.anchorReference || e.anchorReference === "anchorEl")) {
      const t = $n(e.anchorEl);
      if (t && t.nodeType === 1) {
        const n = t.getBoundingClientRect();
        if (process.env.NODE_ENV !== "production" && yc() && n.top === 0 && n.left === 0 && n.right === 0 && n.bottom === 0)
          return new Error(["MUI: The `anchorEl` prop provided to the component is invalid.", "The anchor element should be part of the document layout.", "Make sure the element is present in the document or that it's not display none."].join(`
`));
      } else
        return new Error(["MUI: The `anchorEl` prop provided to the component is invalid.", `It should be an Element or PopoverVirtualElement instance but it's \`${t}\` instead.`].join(`
`));
    }
    return null;
  }),
  /**
   * This is the point on the anchor where the popover's
   * `anchorEl` will attach to. This is not used when the
   * anchorReference is 'anchorPosition'.
   *
   * Options:
   * vertical: [top, center, bottom];
   * horizontal: [left, center, right].
   * @default {
   *   vertical: 'top',
   *   horizontal: 'left',
   * }
   */
  anchorOrigin: o.shape({
    horizontal: o.oneOfType([o.oneOf(["center", "left", "right"]), o.number]).isRequired,
    vertical: o.oneOfType([o.oneOf(["bottom", "center", "top"]), o.number]).isRequired
  }),
  /**
   * This is the position that may be used to set the position of the popover.
   * The coordinates are relative to the application's client area.
   */
  anchorPosition: o.shape({
    left: o.number.isRequired,
    top: o.number.isRequired
  }),
  /**
   * This determines which anchor prop to refer to when setting
   * the position of the popover.
   * @default 'anchorEl'
   */
  anchorReference: o.oneOf(["anchorEl", "anchorPosition", "none"]),
  /**
   * A backdrop component. This prop enables custom backdrop rendering.
   * @deprecated Use `slots.backdrop` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
   * @default styled(Backdrop, {
   *   name: 'MuiModal',
   *   slot: 'Backdrop',
   *   overridesResolver: (props, styles) => {
   *     return styles.backdrop;
   *   },
   * })({
   *   zIndex: -1,
   * })
   */
  BackdropComponent: o.elementType,
  /**
   * Props applied to the [`Backdrop`](/material-ui/api/backdrop/) element.
   * @deprecated Use `slotProps.backdrop` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
   */
  BackdropProps: o.object,
  /**
   * The content of the component.
   */
  children: o.node,
  /**
   * Override or extend the styles applied to the component.
   */
  classes: o.object,
  /**
   * @ignore
   */
  className: o.string,
  /**
   * An HTML element, component instance, or function that returns either.
   * The `container` will passed to the Modal component.
   *
   * By default, it uses the body of the anchorEl's top-level document object,
   * so it's simply `document.body` most of the time.
   */
  container: o.oneOfType([Wn, o.func]),
  /**
   * Disable the scroll lock behavior.
   * @default false
   */
  disableScrollLock: o.bool,
  /**
   * The elevation of the popover.
   * @default 8
   */
  elevation: pc,
  /**
   * Specifies how close to the edge of the window the popover can appear.
   * If null, the popover will not be constrained by the window.
   * @default 16
   */
  marginThreshold: o.number,
  /**
   * Callback fired when the component requests to be closed.
   * The `reason` parameter can optionally be used to control the response to `onClose`.
   */
  onClose: o.func,
  /**
   * If `true`, the component is shown.
   */
  open: o.bool.isRequired,
  /**
   * Props applied to the [`Paper`](https://mui.com/material-ui/api/paper/) element.
   *
   * This prop is an alias for `slotProps.paper` and will be overridden by it if both are used.
   * @deprecated Use `slotProps.paper` instead.
   *
   * @default {}
   */
  PaperProps: o.shape({
    component: Js
  }),
  /**
   * The props used for each slot inside.
   * @default {}
   */
  slotProps: o.shape({
    backdrop: o.oneOfType([o.func, o.object]),
    paper: o.oneOfType([o.func, o.object]),
    root: o.oneOfType([o.func, o.object]),
    transition: o.oneOfType([o.func, o.object])
  }),
  /**
   * The components used for each slot inside.
   * @default {}
   */
  slots: o.shape({
    backdrop: o.elementType,
    paper: o.elementType,
    root: o.elementType,
    transition: o.elementType
  }),
  /**
   * The system prop that allows defining system overrides as well as additional CSS styles.
   */
  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
  /**
   * This is the point on the popover which
   * will attach to the anchor's origin.
   *
   * Options:
   * vertical: [top, center, bottom, x(px)];
   * horizontal: [left, center, right, x(px)].
   * @default {
   *   vertical: 'top',
   *   horizontal: 'left',
   * }
   */
  transformOrigin: o.shape({
    horizontal: o.oneOfType([o.oneOf(["center", "left", "right"]), o.number]).isRequired,
    vertical: o.oneOfType([o.oneOf(["bottom", "center", "top"]), o.number]).isRequired
  }),
  /**
   * The component used for the transition.
   * [Follow this guide](https://mui.com/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
   * @deprecated use the `slots.transition` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
   * @default Grow
   */
  TransitionComponent: o.elementType,
  /**
   * Set to 'auto' to automatically calculate transition time based on height.
   * @default 'auto'
   */
  transitionDuration: o.oneOfType([o.oneOf(["auto"]), o.number, o.shape({
    appear: o.number,
    enter: o.number,
    exit: o.number
  })]),
  /**
   * Props applied to the transition element.
   * By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition/) component.
   * @deprecated use the `slotProps.transition` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
   * @default {}
   */
  TransitionProps: o.object
});
function Nb(e) {
  return ce("MuiMenu", e);
}
ue("MuiMenu", ["root", "paper", "list"]);
const kb = {
  vertical: "top",
  horizontal: "right"
}, $b = {
  vertical: "top",
  horizontal: "left"
}, Mb = (e) => {
  const {
    classes: t
  } = e;
  return de({
    root: ["root"],
    paper: ["paper"],
    list: ["list"]
  }, Nb, t);
}, jb = te(Lc, {
  shouldForwardProp: (e) => Ye(e) || e === "classes",
  name: "MuiMenu",
  slot: "Root"
})({}), Lb = te(jc, {
  name: "MuiMenu",
  slot: "Paper"
})({
  // specZ: The maximum height of a simple menu should be one or more rows less than the view
  // height. This ensures a tappable area outside of the simple menu with which to dismiss
  // the menu.
  maxHeight: "calc(100% - 96px)",
  // Add iOS momentum scrolling for iOS < 13.0
  WebkitOverflowScrolling: "touch"
}), Db = te(Mc, {
  name: "MuiMenu",
  slot: "List"
})({
  // We disable the focus ring for mouse, touch and keyboard users.
  outline: 0
}), Dc = /* @__PURE__ */ x.forwardRef(function(t, n) {
  const r = he({
    props: t,
    name: "MuiMenu"
  }), {
    autoFocus: s = !0,
    children: i,
    className: a,
    disableAutoFocusItem: l = !1,
    MenuListProps: c = {},
    onClose: u,
    open: d,
    PaperProps: h = {},
    PopoverClasses: v,
    transitionDuration: m = "auto",
    TransitionProps: {
      onEntering: g,
      ...p
    } = {},
    variant: y = "selectedMenu",
    slots: S = {},
    slotProps: R = {},
    ...T
  } = r, b = Dm(), E = {
    ...r,
    autoFocus: s,
    disableAutoFocusItem: l,
    MenuListProps: c,
    onEntering: g,
    PaperProps: h,
    transitionDuration: m,
    TransitionProps: p,
    variant: y
  }, C = Mb(E), k = s && !l && d, B = x.useRef(null), D = (K, O) => {
    B.current && B.current.adjustStyleForScrollbar(K, {
      direction: b ? "rtl" : "ltr"
    }), g && g(K, O);
  }, W = (K) => {
    K.key === "Tab" && (K.preventDefault(), u && u(K, "tabKeyDown"));
  };
  let F = -1;
  x.Children.map(i, (K, O) => {
    /* @__PURE__ */ x.isValidElement(K) && (process.env.NODE_ENV !== "production" && qt.isFragment(K) && console.error(["MUI: The Menu component doesn't accept a Fragment as a child.", "Consider providing an array instead."].join(`
`)), K.props.disabled || (y === "selectedMenu" && K.props.selected || F === -1) && (F = O));
  });
  const f = {
    slots: S,
    slotProps: {
      list: c,
      transition: p,
      paper: h,
      ...R
    }
  }, A = Py({
    elementType: S.root,
    externalSlotProps: R.root,
    ownerState: E,
    className: [C.root, a]
  }), [I, j] = Pe("paper", {
    className: C.paper,
    elementType: Lb,
    externalForwardedProps: f,
    shouldForwardComponentProp: !0,
    ownerState: E
  }), [$, q] = Pe("list", {
    className: le(C.list, c.className),
    elementType: Db,
    shouldForwardComponentProp: !0,
    externalForwardedProps: f,
    getSlotProps: (K) => ({
      ...K,
      onKeyDown: (O) => {
        var _;
        W(O), (_ = K.onKeyDown) == null || _.call(K, O);
      }
    }),
    ownerState: E
  }), ee = typeof f.slotProps.transition == "function" ? f.slotProps.transition(E) : f.slotProps.transition;
  return /* @__PURE__ */ N.jsx(jb, {
    onClose: u,
    anchorOrigin: {
      vertical: "bottom",
      horizontal: b ? "right" : "left"
    },
    transformOrigin: b ? kb : $b,
    slots: {
      root: S.root,
      paper: I,
      backdrop: S.backdrop,
      ...S.transition && {
        // TODO: pass `slots.transition` directly once `TransitionComponent` is removed from Popover
        transition: S.transition
      }
    },
    slotProps: {
      root: A,
      paper: j,
      backdrop: typeof R.backdrop == "function" ? R.backdrop(E) : R.backdrop,
      transition: {
        ...ee,
        onEntering: (...K) => {
          var O;
          D(...K), (O = ee == null ? void 0 : ee.onEntering) == null || O.call(ee, ...K);
        }
      }
    },
    open: d,
    ref: n,
    transitionDuration: m,
    ownerState: E,
    ...T,
    classes: v,
    children: /* @__PURE__ */ N.jsx($, {
      actions: B,
      autoFocus: s && (F === -1 || l),
      autoFocusItem: k,
      variant: y,
      ...q,
      children: i
    })
  });
});
process.env.NODE_ENV !== "production" && (Dc.propTypes = {
  // ┌────────────────────────────── Warning ──────────────────────────────┐
  // │ These PropTypes are generated from the TypeScript type definitions. │
  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
  // └─────────────────────────────────────────────────────────────────────┘
  /**
   * An HTML element, or a function that returns one.
   * It's used to set the position of the menu.
   */
  anchorEl: o.oneOfType([Wn, o.func]),
  /**
   * If `true` (Default) will focus the `[role="menu"]` if no focusable child is found. Disabled
   * children are not focusable. If you set this prop to `false` focus will be placed
   * on the parent modal container. This has severe accessibility implications
   * and should only be considered if you manage focus otherwise.
   * @default true
   */
  autoFocus: o.bool,
  /**
   * Menu contents, normally `MenuItem`s.
   */
  children: o.node,
  /**
   * Override or extend the styles applied to the component.
   */
  classes: o.object,
  /**
   * @ignore
   */
  className: o.string,
  /**
   * When opening the menu will not focus the active item but the `[role="menu"]`
   * unless `autoFocus` is also set to `false`. Not using the default means not
   * following WAI-ARIA authoring practices. Please be considerate about possible
   * accessibility implications.
   * @default false
   */
  disableAutoFocusItem: o.bool,
  /**
   * Props applied to the [`MenuList`](https://mui.com/material-ui/api/menu-list/) element.
   * @deprecated use the `slotProps.list` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
   * @default {}
   */
  MenuListProps: o.object,
  /**
   * Callback fired when the component requests to be closed.
   *
   * @param {object} event The event source of the callback.
   * @param {string} reason Can be: `"escapeKeyDown"`, `"backdropClick"`, `"tabKeyDown"`.
   */
  onClose: o.func,
  /**
   * If `true`, the component is shown.
   */
  open: o.bool.isRequired,
  /**
   * @ignore
   */
  PaperProps: o.object,
  /**
   * `classes` prop applied to the [`Popover`](https://mui.com/material-ui/api/popover/) element.
   */
  PopoverClasses: o.object,
  /**
   * The props used for each slot inside.
   * @default {}
   */
  slotProps: o.shape({
    backdrop: o.oneOfType([o.func, o.object]),
    list: o.oneOfType([o.func, o.object]),
    paper: o.oneOfType([o.func, o.object]),
    root: o.oneOfType([o.func, o.object]),
    transition: o.oneOfType([o.func, o.object])
  }),
  /**
   * The components used for each slot inside.
   * @default {}
   */
  slots: o.shape({
    backdrop: o.elementType,
    list: o.elementType,
    paper: o.elementType,
    root: o.elementType,
    transition: o.elementType
  }),
  /**
   * The system prop that allows defining system overrides as well as additional CSS styles.
   */
  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
  /**
   * The length of the transition in `ms`, or 'auto'
   * @default 'auto'
   */
  transitionDuration: o.oneOfType([o.oneOf(["auto"]), o.number, o.shape({
    appear: o.number,
    enter: o.number,
    exit: o.number
  })]),
  /**
   * Props applied to the transition element.
   * By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition/) component.
   * @deprecated use the `slotProps.transition` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
   * @default {}
   */
  TransitionProps: o.object,
  /**
   * The variant to use. Use `menu` to prevent selected items from impacting the initial focus.
   * @default 'selectedMenu'
   */
  variant: o.oneOf(["menu", "selectedMenu"])
});
function Bb(e) {
  return ce("MuiNativeSelect", e);
}
const ni = ue("MuiNativeSelect", ["root", "select", "multiple", "filled", "outlined", "standard", "disabled", "icon", "iconOpen", "iconFilled", "iconOutlined", "iconStandard", "nativeInput", "error"]), Fb = (e) => {
  const {
    classes: t,
    variant: n,
    disabled: r,
    multiple: s,
    open: i,
    error: a
  } = e, l = {
    select: ["select", n, r && "disabled", s && "multiple", a && "error"],
    icon: ["icon", `icon${re(n)}`, i && "iconOpen", r && "disabled"]
  };
  return de(l, Bb, t);
}, Bc = te("select", {
  name: "MuiNativeSelect"
})(({
  theme: e
}) => ({
  // Reset
  MozAppearance: "none",
  // Reset
  WebkitAppearance: "none",
  // When interacting quickly, the text can end up selected.
  // Native select can't be selected either.
  userSelect: "none",
  // Reset
  borderRadius: 0,
  cursor: "pointer",
  "&:focus": {
    // Reset Chrome style
    borderRadius: 0
  },
  [`&.${ni.disabled}`]: {
    cursor: "default"
  },
  "&[multiple]": {
    height: "auto"
  },
  "&:not([multiple]) option, &:not([multiple]) optgroup": {
    backgroundColor: (e.vars || e).palette.background.paper
  },
  variants: [{
    props: ({
      ownerState: t
    }) => t.variant !== "filled" && t.variant !== "outlined",
    style: {
      // Bump specificity to allow extending custom inputs
      "&&&": {
        paddingRight: 24,
        minWidth: 16
        // So it doesn't collapse.
      }
    }
  }, {
    props: {
      variant: "filled"
    },
    style: {
      "&&&": {
        paddingRight: 32
      }
    }
  }, {
    props: {
      variant: "outlined"
    },
    style: {
      borderRadius: (e.vars || e).shape.borderRadius,
      "&:focus": {
        borderRadius: (e.vars || e).shape.borderRadius
        // Reset the reset for Chrome style
      },
      "&&&": {
        paddingRight: 32
      }
    }
  }]
})), Ub = te(Bc, {
  name: "MuiNativeSelect",
  slot: "Select",
  shouldForwardProp: Ye,
  overridesResolver: (e, t) => {
    const {
      ownerState: n
    } = e;
    return [t.select, t[n.variant], n.error && t.error, {
      [`&.${ni.multiple}`]: t.multiple
    }];
  }
})({}), Fc = te("svg", {
  name: "MuiNativeSelect"
})(({
  theme: e
}) => ({
  // We use a position absolute over a flexbox in order to forward the pointer events
  // to the input and to support wrapping tags..
  position: "absolute",
  right: 0,
  // Center vertically, height is 1em
  top: "calc(50% - .5em)",
  // Don't block pointer events on the select under the icon.
  pointerEvents: "none",
  color: (e.vars || e).palette.action.active,
  [`&.${ni.disabled}`]: {
    color: (e.vars || e).palette.action.disabled
  },
  variants: [{
    props: ({
      ownerState: t
    }) => t.open,
    style: {
      transform: "rotate(180deg)"
    }
  }, {
    props: {
      variant: "filled"
    },
    style: {
      right: 7
    }
  }, {
    props: {
      variant: "outlined"
    },
    style: {
      right: 7
    }
  }]
})), Vb = te(Fc, {
  name: "MuiNativeSelect",
  slot: "Icon",
  overridesResolver: (e, t) => {
    const {
      ownerState: n
    } = e;
    return [t.icon, n.variant && t[`icon${re(n.variant)}`], n.open && t.iconOpen];
  }
})({}), Uc = /* @__PURE__ */ x.forwardRef(function(t, n) {
  const {
    className: r,
    disabled: s,
    error: i,
    IconComponent: a,
    inputRef: l,
    variant: c = "standard",
    ...u
  } = t, d = {
    ...t,
    disabled: s,
    variant: c,
    error: i
  }, h = Fb(d);
  return /* @__PURE__ */ N.jsxs(x.Fragment, {
    children: [/* @__PURE__ */ N.jsx(Ub, {
      ownerState: d,
      className: le(h.select, r),
      disabled: s,
      ref: l || n,
      ...u
    }), t.multiple ? null : /* @__PURE__ */ N.jsx(Vb, {
      as: a,
      ownerState: d,
      className: h.icon
    })]
  });
});
process.env.NODE_ENV !== "production" && (Uc.propTypes = {
  /**
   * The option elements to populate the select with.
   * Can be some `<option>` elements.
   */
  children: o.node,
  /**
   * Override or extend the styles applied to the component.
   */
  classes: o.object,
  /**
   * The CSS class name of the select element.
   */
  className: o.string,
  /**
   * If `true`, the select is disabled.
   */
  disabled: o.bool,
  /**
   * If `true`, the `select input` will indicate an error.
   */
  error: o.bool,
  /**
   * The icon that displays the arrow.
   */
  IconComponent: o.elementType.isRequired,
  /**
   * Use that prop to pass a ref to the native select element.
   * @deprecated
   */
  inputRef: bt,
  /**
   * @ignore
   */
  multiple: o.bool,
  /**
   * Name attribute of the `select` or hidden `input` element.
   */
  name: o.string,
  /**
   * Callback fired when a menu item is selected.
   *
   * @param {object} event The event source of the callback.
   * You can pull out the new value by accessing `event.target.value` (string).
   */
  onChange: o.func,
  /**
   * The input value.
   */
  value: o.any,
  /**
   * The variant to use.
   */
  variant: o.oneOf(["standard", "outlined", "filled"])
});
function Vc(e) {
  return ce("MuiSelect", e);
}
const An = ue("MuiSelect", ["root", "select", "multiple", "filled", "outlined", "standard", "disabled", "focused", "icon", "iconOpen", "iconFilled", "iconOutlined", "iconStandard", "nativeInput", "error"]);
function zb(e) {
  return e ? e.type === "mousedown" || e.type === "pointerdown" || e.type === "touchstart" ? "pointer" : e.type === "keydown" || e.type === "click" && e.detail === 0 ? "keyboard" : null : null;
}
function Wb(e) {
  return e == null || typeof e == "string" && !e.trim();
}
function Va(e, t) {
  return typeof t == "object" && t !== null ? e === t : String(e) === String(t);
}
const zc = /* @__PURE__ */ x.createContext(null);
process.env.NODE_ENV !== "production" && (zc.displayName = "SelectFocusSourceContext");
const Hb = zc.Provider;
var za;
const qb = te(Bc, {
  name: "MuiSelect",
  slot: "Select",
  overridesResolver: (e, t) => {
    const {
      ownerState: n
    } = e;
    return [
      // Win specificity over the input base
      {
        [`&.${An.select}`]: t.select
      },
      {
        [`&.${An.select}`]: t[n.variant]
      },
      {
        [`&.${An.error}`]: t.error
      },
      {
        [`&.${An.multiple}`]: t.multiple
      }
    ];
  }
})({
  // Win specificity over the input base
  [`&.${An.select}`]: {
    height: "auto",
    // Resets for multiple select with chips
    minHeight: "1.4375em",
    // Required for select\text-field height consistency
    textOverflow: "ellipsis",
    whiteSpace: "nowrap",
    overflow: "hidden"
  }
}), Gb = te(Fc, {
  name: "MuiSelect",
  slot: "Icon",
  overridesResolver: (e, t) => {
    const {
      ownerState: n
    } = e;
    return [t.icon, n.variant && t[`icon${re(n.variant)}`], n.open && t.iconOpen];
  }
})({}), Yb = te("input", {
  shouldForwardProp: (e) => Xl(e) && e !== "classes",
  name: "MuiSelect",
  slot: "NativeInput"
})({
  bottom: 0,
  left: 0,
  position: "absolute",
  opacity: 0,
  pointerEvents: "none",
  width: "100%",
  boxSizing: "border-box"
}), Kb = (e) => {
  const {
    classes: t,
    variant: n,
    disabled: r,
    multiple: s,
    open: i,
    error: a
  } = e, l = {
    select: ["select", n, r && "disabled", s && "multiple", a && "error"],
    icon: ["icon", `icon${re(n)}`, i && "iconOpen", r && "disabled"],
    nativeInput: ["nativeInput"]
  };
  return de(l, Vc, t);
}, Wc = /* @__PURE__ */ x.forwardRef(function(t, n) {
  var ii, ai, li, ci;
  const {
    "aria-describedby": r,
    "aria-label": s,
    autoFocus: i,
    autoWidth: a,
    children: l,
    className: c,
    defaultOpen: u,
    defaultValue: d,
    disabled: h,
    displayEmpty: v,
    error: m = !1,
    IconComponent: g,
    inputRef: p,
    labelId: y,
    MenuProps: S = {},
    multiple: R,
    name: T,
    onBlur: b,
    onChange: E,
    onClose: C,
    onFocus: k,
    // eslint-disable-next-line react/prop-types
    onKeyDown: B,
    // eslint-disable-next-line react/prop-types
    onMouseDown: D,
    onOpen: W,
    open: F,
    readOnly: f,
    renderValue: A,
    required: I,
    SelectDisplayProps: j = {},
    tabIndex: $,
    // catching `type` from Input which makes no sense for SelectInput
    type: q,
    value: ee,
    variant: K = "standard",
    ...O
  } = t, [_, G] = fs({
    controlled: ee,
    default: d,
    name: "Select"
  }), [L, X] = fs({
    controlled: F,
    default: u,
    name: "Select"
  }), U = x.useRef(null), J = x.useRef(null), [Y, V] = x.useState(null), {
    current: Q
  } = x.useRef(F != null), [H, z] = x.useState(), [w, oe] = x.useState(null), Z = We(n, p), se = x.useCallback((ie) => {
    J.current = ie, ie && V(ie);
  }, []), pe = Y == null ? void 0 : Y.parentNode;
  x.useImperativeHandle(Z, () => ({
    focus: () => {
      J.current.focus();
    },
    node: U.current,
    value: _
  }), [_]);
  const fe = Y !== null && L;
  x.useEffect(() => {
    if (!fe || !pe || a || typeof ResizeObserver > "u")
      return;
    const ie = new ResizeObserver(() => {
      z(pe.clientWidth);
    });
    return ie.observe(pe), () => {
      ie.disconnect();
    };
  }, [fe, pe, a]), x.useEffect(() => {
    u && L && Y && !Q && (z(a ? null : pe.clientWidth), J.current.focus());
  }, [Y, a]), x.useEffect(() => {
    i && J.current.focus();
  }, [i]), x.useEffect(() => {
    if (!y)
      return;
    const ie = nt(J.current).getElementById(y);
    if (ie) {
      const me = () => {
        getSelection().isCollapsed && J.current.focus();
      };
      return ie.addEventListener("click", me), () => {
        ie.removeEventListener("click", me);
      };
    }
  }, [y]);
  const $e = (ie, me) => {
    ie ? (oe(zb(me)), W && W(me)) : (oe(null), C && C(me)), Q || (z(a ? null : pe.clientWidth), X(ie));
  }, Ke = (ie) => {
    D == null || D(ie), ie.button === 0 && (ie.preventDefault(), J.current.focus(), $e(!0, ie));
  }, ot = (ie) => {
    $e(!1, ie);
  }, Ie = x.Children.toArray(l), ae = (ie) => {
    const me = Ie.find((De) => De.props.value === ie.target.value);
    me !== void 0 && (G(me.props.value), E && E(ie, me));
  }, kt = (ie) => (me) => {
    let De;
    if (me.currentTarget.hasAttribute("tabindex")) {
      if (R) {
        De = Array.isArray(_) ? _.slice() : [];
        const Qt = _.indexOf(ie.props.value);
        Qt === -1 ? De.push(ie.props.value) : De.splice(Qt, 1);
      } else
        De = ie.props.value;
      if (ie.props.onClick && ie.props.onClick(me), _ !== De && (G(De), E)) {
        const Qt = me.nativeEvent || me, ui = new Qt.constructor(Qt.type, Qt);
        Object.defineProperty(ui, "target", {
          writable: !0,
          value: {
            value: De,
            name: T
          }
        }), E(ui, ie);
      }
      R || $e(!1, me);
    }
  }, He = (ie) => {
    f || ([
      " ",
      "ArrowUp",
      "ArrowDown",
      // The native select doesn't respond to enter on macOS, but it's recommended by
      // https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/combobox-select-only/
      "Enter"
    ].includes(ie.key) && (ie.preventDefault(), $e(!0, ie)), B == null || B(ie));
  }, Oo = (ie) => {
    !fe && b && (Object.defineProperty(ie, "target", {
      writable: !0,
      value: {
        value: _,
        name: T
      }
    }), b(ie));
  };
  delete O["aria-invalid"];
  let ut, En;
  const $t = [];
  let Ct = !1, Jt = !1;
  (Br({
    value: _
  }) || v) && (A ? ut = A(_) : Ct = !0);
  const be = Ie.map((ie) => {
    if (!/* @__PURE__ */ x.isValidElement(ie))
      return null;
    process.env.NODE_ENV !== "production" && qt.isFragment(ie) && console.error(["MUI: The Select component doesn't accept a Fragment as a child.", "Consider providing an array instead."].join(`
`));
    let me;
    if (R) {
      if (!Array.isArray(_))
        throw new Error(process.env.NODE_ENV !== "production" ? "MUI: The `value` prop must be an array when using the `Select` component with `multiple`." : xt(2));
      me = _.some((De) => Va(De, ie.props.value)), me && Ct && $t.push(ie.props.children);
    } else
      me = Va(_, ie.props.value), me && Ct && (En = ie.props.children);
    return me && (Jt = !0), /* @__PURE__ */ x.cloneElement(ie, {
      "aria-selected": me ? "true" : "false",
      onClick: kt(ie),
      onKeyUp: (De) => {
        De.key === " " && De.preventDefault(), ie.props.onKeyUp && ie.props.onKeyUp(De);
      },
      role: "option",
      selected: me,
      value: void 0,
      // The value is most likely not a valid HTML attribute.
      "data-value": ie.props.value
      // Instead, we provide it as a data attribute.
    });
  });
  process.env.NODE_ENV !== "production" && x.useEffect(() => {
    if (!Jt && !R && _ !== "") {
      const ie = Ie.map((me) => me.props.value);
      console.warn([`MUI: You have provided an out-of-range value \`${_}\` for the select ${T ? `(name="${T}") ` : ""}component.`, "Consider providing a value that matches one of the available options or ''.", `The available values are ${ie.filter((me) => me != null).map((me) => `\`${me}\``).join(", ") || '""'}.`].join(`
`));
    }
  }, [Jt, Ie, R, T, _]), Ct && (R ? $t.length === 0 ? ut = null : ut = $t.reduce((ie, me, De) => (ie.push(me), De < $t.length - 1 && ie.push(", "), ie), []) : ut = En);
  let vt = H;
  !a && Q && Y && (vt = pe.clientWidth);
  let st;
  typeof $ < "u" ? st = $ : st = h ? null : 0;
  const lr = j.id || (T ? `mui-component-select-${T}` : void 0), Zt = {
    ...t,
    variant: K,
    value: _,
    open: fe,
    error: m
  }, Ro = Kb(Zt), wo = {
    ...S.PaperProps,
    ...typeof ((ii = S.slotProps) == null ? void 0 : ii.paper) == "function" ? S.slotProps.paper(Zt) : (ai = S.slotProps) == null ? void 0 : ai.paper
  }, Yc = {
    ...S.MenuListProps,
    ...typeof ((li = S.slotProps) == null ? void 0 : li.list) == "function" ? S.slotProps.list(Zt) : (ci = S.slotProps) == null ? void 0 : ci.list
  }, si = nr();
  return /* @__PURE__ */ N.jsxs(x.Fragment, {
    children: [/* @__PURE__ */ N.jsx(qb, {
      as: "div",
      ref: se,
      tabIndex: st,
      role: "combobox",
      "aria-controls": fe ? si : void 0,
      "aria-disabled": h ? "true" : void 0,
      "aria-expanded": fe ? "true" : "false",
      "aria-haspopup": "listbox",
      "aria-label": s,
      "aria-labelledby": [y, lr].filter(Boolean).join(" ") || void 0,
      "aria-describedby": r,
      "aria-required": I ? "true" : void 0,
      "aria-invalid": m ? "true" : void 0,
      onKeyDown: He,
      onMouseDown: h || f ? null : Ke,
      onBlur: Oo,
      onFocus: k,
      ...j,
      ownerState: Zt,
      className: le(j.className, Ro.select, c),
      id: lr,
      children: Wb(ut) ? (
        // notranslate needed while Google Translate will not fix zero-width space issue
        za || (za = /* @__PURE__ */ N.jsx("span", {
          className: "notranslate",
          "aria-hidden": !0,
          children: "​"
        }))
      ) : ut
    }), /* @__PURE__ */ N.jsx(Yb, {
      "aria-invalid": m,
      value: Array.isArray(_) ? _.join(",") : _,
      name: T,
      ref: U,
      "aria-hidden": !0,
      onChange: ae,
      tabIndex: -1,
      disabled: h,
      className: Ro.nativeInput,
      autoFocus: i,
      required: I,
      ...O,
      ownerState: Zt
    }), /* @__PURE__ */ N.jsx(Gb, {
      as: g,
      className: Ro.icon,
      ownerState: Zt
    }), /* @__PURE__ */ N.jsx(Hb, {
      value: w,
      children: /* @__PURE__ */ N.jsx(Dc, {
        id: `menu-${T || ""}`,
        anchorEl: pe,
        open: fe,
        onClose: ot,
        anchorOrigin: {
          vertical: "bottom",
          horizontal: "center"
        },
        transformOrigin: {
          vertical: "top",
          horizontal: "center"
        },
        ...S,
        slotProps: {
          ...S.slotProps,
          list: {
            "aria-labelledby": y,
            role: "listbox",
            "aria-multiselectable": R ? "true" : void 0,
            disableListWrap: !0,
            id: si,
            ...Yc
          },
          paper: {
            ...wo,
            style: {
              minWidth: vt,
              ...wo != null ? wo.style : null
            }
          }
        },
        children: be
      })
    })]
  });
});
process.env.NODE_ENV !== "production" && (Wc.propTypes = {
  /**
   * @ignore
   */
  "aria-describedby": o.string,
  /**
   * @ignore
   */
  "aria-label": o.string,
  /**
   * @ignore
   */
  autoFocus: o.bool,
  /**
   * If `true`, the width of the popover will automatically be set according to the items inside the
   * menu, otherwise it will be at least the width of the select input.
   */
  autoWidth: o.bool,
  /**
   * The option elements to populate the select with.
   * Can be some `<MenuItem>` elements.
   */
  children: o.node,
  /**
   * Override or extend the styles applied to the component.
   */
  classes: o.object,
  /**
   * The CSS class name of the select element.
   */
  className: o.string,
  /**
   * If `true`, the component is toggled on mount. Use when the component open state is not controlled.
   * You can only use it when the `native` prop is `false` (default).
   */
  defaultOpen: o.bool,
  /**
   * The default value. Use when the component is not controlled.
   */
  defaultValue: o.any,
  /**
   * If `true`, the select is disabled.
   */
  disabled: o.bool,
  /**
   * If `true`, the selected item is displayed even if its value is empty.
   */
  displayEmpty: o.bool,
  /**
   * If `true`, the `select input` will indicate an error.
   */
  error: o.bool,
  /**
   * The icon that displays the arrow.
   */
  IconComponent: o.elementType.isRequired,
  /**
   * Imperative handle implementing `{ value: T, node: HTMLElement, focus(): void }`
   * Equivalent to `ref`
   */
  inputRef: bt,
  /**
   * The ID of an element that acts as an additional label. The Select will
   * be labelled by the additional label and the selected value.
   */
  labelId: o.string,
  /**
   * Props applied to the [`Menu`](/material-ui/api/menu/) element.
   */
  MenuProps: o.object,
  /**
   * If `true`, `value` must be an array and the menu will support multiple selections.
   */
  multiple: o.bool,
  /**
   * Name attribute of the `select` or hidden `input` element.
   */
  name: o.string,
  /**
   * @ignore
   */
  onBlur: o.func,
  /**
   * Callback fired when a menu item is selected.
   *
   * @param {object} event The event source of the callback.
   * You can pull out the new value by accessing `event.target.value` (any).
   * @param {object} [child] The react element that was selected.
   */
  onChange: o.func,
  /**
   * Callback fired when the component requests to be closed.
   * Use in controlled mode (see open).
   *
   * @param {object} event The event source of the callback.
   */
  onClose: o.func,
  /**
   * @ignore
   */
  onFocus: o.func,
  /**
   * Callback fired when the component requests to be opened.
   * Use in controlled mode (see open).
   *
   * @param {object} event The event source of the callback.
   */
  onOpen: o.func,
  /**
   * If `true`, the component is shown.
   */
  open: o.bool,
  /**
   * @ignore
   */
  readOnly: o.bool,
  /**
   * Render the selected value.
   *
   * @param {any} value The `value` provided to the component.
   * @returns {ReactNode}
   */
  renderValue: o.func,
  /**
   * If `true`, the component is required.
   */
  required: o.bool,
  /**
   * Props applied to the clickable div element.
   */
  SelectDisplayProps: o.object,
  /**
   * @ignore
   */
  tabIndex: o.oneOfType([o.number, o.string]),
  /**
   * @ignore
   */
  type: o.any,
  /**
   * The input value.
   */
  value: o.any,
  /**
   * The variant to use.
   */
  variant: o.oneOf(["standard", "outlined", "filled"])
});
var Wa;
const Xb = te("fieldset", {
  name: "MuiNotchedOutlined",
  shouldForwardProp: Ye
})({
  textAlign: "left",
  position: "absolute",
  bottom: 0,
  right: 0,
  top: -5,
  left: 0,
  margin: 0,
  padding: "0 8px",
  pointerEvents: "none",
  borderRadius: "inherit",
  borderStyle: "solid",
  borderWidth: 1,
  overflow: "hidden",
  minWidth: "0%"
}), Jb = te("legend", {
  name: "MuiNotchedOutlined",
  shouldForwardProp: Ye
})(Re(({
  theme: e
}) => ({
  float: "unset",
  // Fix conflict with bootstrap
  width: "auto",
  // Fix conflict with bootstrap
  overflow: "hidden",
  // Fix Horizontal scroll when label too long
  variants: [{
    props: ({
      ownerState: t
    }) => !t.withLabel,
    style: {
      padding: 0,
      lineHeight: "11px",
      // sync with `height` in `legend` styles
      transition: e.transitions.create("width", {
        duration: 150,
        easing: e.transitions.easing.easeOut
      })
    }
  }, {
    props: ({
      ownerState: t
    }) => t.withLabel,
    style: {
      display: "block",
      // Fix conflict with normalize.css and sanitize.css
      padding: 0,
      height: 11,
      // sync with `lineHeight` in `legend` styles
      fontSize: "0.75em",
      visibility: "hidden",
      maxWidth: 0.01,
      transition: e.transitions.create("max-width", {
        duration: 50,
        easing: e.transitions.easing.easeOut
      }),
      whiteSpace: "nowrap",
      "& > span": {
        paddingLeft: 5,
        paddingRight: 5,
        display: "inline-block",
        opacity: 0,
        visibility: "visible"
      }
    }
  }, {
    props: ({
      ownerState: t
    }) => t.withLabel && t.notched,
    style: {
      maxWidth: "100%",
      transition: e.transitions.create("max-width", {
        duration: 100,
        easing: e.transitions.easing.easeOut,
        delay: 50
      })
    }
  }]
})));
function Hc(e) {
  const {
    children: t,
    classes: n,
    className: r,
    label: s,
    notched: i,
    ...a
  } = e, l = s != null && s !== "", c = {
    ...e,
    notched: i,
    withLabel: l
  };
  return /* @__PURE__ */ N.jsx(Xb, {
    "aria-hidden": !0,
    className: r,
    ownerState: c,
    ...a,
    children: /* @__PURE__ */ N.jsx(Jb, {
      ownerState: c,
      children: l ? /* @__PURE__ */ N.jsx("span", {
        children: s
      }) : (
        // notranslate needed while Google Translate will not fix zero-width space issue
        Wa || (Wa = /* @__PURE__ */ N.jsx("span", {
          className: "notranslate",
          "aria-hidden": !0,
          children: "​"
        }))
      )
    })
  });
}
process.env.NODE_ENV !== "production" && (Hc.propTypes = {
  /**
   * The content of the component.
   */
  children: o.node,
  /**
   * Override or extend the styles applied to the component.
   */
  classes: o.object,
  /**
   * @ignore
   */
  className: o.string,
  /**
   * The label.
   */
  label: o.node,
  /**
   * If `true`, the outline is notched to accommodate the label.
   */
  notched: o.bool.isRequired,
  /**
   * @ignore
   */
  style: o.object
});
const Zb = (e) => {
  const {
    classes: t
  } = e, r = de({
    root: ["root"],
    notchedOutline: ["notchedOutline"],
    input: ["input"]
  }, jy, t);
  return {
    ...t,
    // forward classes to the InputBase
    ...r
  };
}, Qb = te(bo, {
  shouldForwardProp: (e) => Ye(e) || e === "classes",
  name: "MuiOutlinedInput",
  slot: "Root",
  overridesResolver: yo
})(Re(({
  theme: e
}) => {
  const t = e.palette.mode === "light" ? "rgba(0, 0, 0, 0.23)" : "rgba(255, 255, 255, 0.23)";
  return {
    position: "relative",
    borderRadius: (e.vars || e).shape.borderRadius,
    [`&:hover .${pt.notchedOutline}`]: {
      borderColor: (e.vars || e).palette.text.primary
    },
    // Reset on touch devices, it doesn't add specificity
    "@media (hover: none)": {
      [`&:hover .${pt.notchedOutline}`]: {
        borderColor: e.vars ? e.alpha(e.vars.palette.common.onBackground, 0.23) : t
      }
    },
    [`&.${pt.focused} .${pt.notchedOutline}`]: {
      borderWidth: 2
    },
    variants: [...Object.entries(e.palette).filter(lt()).map(([n]) => ({
      props: {
        color: n
      },
      style: {
        [`&.${pt.focused} .${pt.notchedOutline}`]: {
          borderColor: (e.vars || e).palette[n].main
        }
      }
    })), {
      props: {},
      // to override the above style
      style: {
        [`&.${pt.error} .${pt.notchedOutline}`]: {
          borderColor: (e.vars || e).palette.error.main
        },
        [`&.${pt.disabled} .${pt.notchedOutline}`]: {
          borderColor: (e.vars || e).palette.action.disabled
        }
      }
    }, {
      props: ({
        ownerState: n
      }) => n.startAdornment,
      style: {
        paddingLeft: 14
      }
    }, {
      props: ({
        ownerState: n
      }) => n.endAdornment,
      style: {
        paddingRight: 14
      }
    }, {
      props: ({
        ownerState: n
      }) => n.multiline,
      style: {
        padding: "16.5px 14px"
      }
    }, {
      props: ({
        ownerState: n,
        size: r
      }) => n.multiline && r === "small",
      style: {
        padding: "8.5px 14px"
      }
    }]
  };
})), ev = te(Hc, {
  name: "MuiOutlinedInput",
  slot: "NotchedOutline"
})(Re(({
  theme: e
}) => {
  const t = e.palette.mode === "light" ? "rgba(0, 0, 0, 0.23)" : "rgba(255, 255, 255, 0.23)";
  return {
    borderColor: e.vars ? e.alpha(e.vars.palette.common.onBackground, 0.23) : t
  };
})), tv = te(vo, {
  name: "MuiOutlinedInput",
  slot: "Input",
  overridesResolver: go
})(Re(({
  theme: e
}) => ({
  padding: "16.5px 14px",
  ...!e.vars && {
    "&:-webkit-autofill": {
      WebkitBoxShadow: e.palette.mode === "light" ? null : "0 0 0 100px #266798 inset",
      WebkitTextFillColor: e.palette.mode === "light" ? null : "#fff",
      caretColor: e.palette.mode === "light" ? null : "#fff",
      borderRadius: "inherit"
    }
  },
  ...e.vars && {
    "&:-webkit-autofill": {
      borderRadius: "inherit"
    },
    [e.getColorSchemeSelector("dark")]: {
      "&:-webkit-autofill": {
        WebkitBoxShadow: "0 0 0 100px #266798 inset",
        WebkitTextFillColor: "#fff",
        caretColor: "#fff"
      }
    }
  },
  variants: [{
    props: {
      size: "small"
    },
    style: {
      padding: "8.5px 14px"
    }
  }, {
    props: ({
      ownerState: t
    }) => t.multiline,
    style: {
      padding: 0
    }
  }, {
    props: ({
      ownerState: t
    }) => t.startAdornment,
    style: {
      paddingLeft: 0
    }
  }, {
    props: ({
      ownerState: t
    }) => t.endAdornment,
    style: {
      paddingRight: 0
    }
  }]
}))), xo = /* @__PURE__ */ x.forwardRef(function(t, n) {
  const r = he({
    props: t,
    name: "MuiOutlinedInput"
  }), {
    components: s = {},
    fullWidth: i = !1,
    inputComponent: a = "input",
    label: l,
    multiline: c = !1,
    notched: u,
    slots: d = {},
    slotProps: h = {},
    type: v = "text",
    ...m
  } = r, g = Zb(r), p = Nt(), y = vn({
    props: r,
    muiFormControl: p,
    states: ["color", "disabled", "error", "focused", "hiddenLabel", "size", "required"]
  }), S = {
    ...r,
    color: y.color || "primary",
    disabled: y.disabled,
    error: y.error,
    focused: y.focused,
    formControl: p,
    fullWidth: i,
    hiddenLabel: y.hiddenLabel,
    multiline: c,
    size: y.size,
    type: v
  }, R = d.root ?? s.Root ?? Qb, T = d.input ?? s.Input ?? tv, [b, E] = Pe("notchedOutline", {
    elementType: ev,
    className: g.notchedOutline,
    shouldForwardComponentProp: !0,
    ownerState: S,
    externalForwardedProps: {
      slots: d,
      slotProps: h
    },
    additionalProps: {
      label: l != null && l !== "" && y.required ? /* @__PURE__ */ N.jsxs(x.Fragment, {
        children: [l, " ", "*"]
      }) : l
    }
  });
  return /* @__PURE__ */ N.jsx(Eo, {
    slots: {
      root: R,
      input: T
    },
    slotProps: h,
    renderSuffix: (C) => /* @__PURE__ */ N.jsx(b, {
      ...E,
      notched: typeof u < "u" ? u : !!(C.startAdornment || C.filled || C.focused)
    }),
    fullWidth: i,
    inputComponent: a,
    multiline: c,
    ref: n,
    type: v,
    ...m,
    classes: {
      ...g,
      notchedOutline: null
    }
  });
});
process.env.NODE_ENV !== "production" && (xo.propTypes = {
  // ┌────────────────────────────── Warning ──────────────────────────────┐
  // │ These PropTypes are generated from the TypeScript type definitions. │
  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
  // └─────────────────────────────────────────────────────────────────────┘
  /**
   * This prop helps users to fill forms faster, especially on mobile devices.
   * The name can be confusing, as it's more like an autofill.
   * You can learn more about it [following the specification](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill).
   */
  autoComplete: o.string,
  /**
   * If `true`, the `input` element is focused during the first mount.
   */
  autoFocus: o.bool,
  /**
   * Override or extend the styles applied to the component.
   */
  classes: o.object,
  /**
   * The color of the component.
   * It supports both default and custom theme colors, which can be added as shown in the
   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
   * The prop defaults to the value (`'primary'`) inherited from the parent FormControl component.
   */
  color: o.oneOfType([o.oneOf(["primary", "secondary"]), o.string]),
  /**
   * The components used for each slot inside.
   *
   * @deprecated use the `slots` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
   *
   * @default {}
   */
  components: o.shape({
    Input: o.elementType,
    Root: o.elementType
  }),
  /**
   * The default value. Use when the component is not controlled.
   */
  defaultValue: o.any,
  /**
   * If `true`, the component is disabled.
   * The prop defaults to the value (`false`) inherited from the parent FormControl component.
   */
  disabled: o.bool,
  /**
   * End `InputAdornment` for this component.
   */
  endAdornment: o.node,
  /**
   * If `true`, the `input` will indicate an error.
   * The prop defaults to the value (`false`) inherited from the parent FormControl component.
   */
  error: o.bool,
  /**
   * If `true`, the `input` will take up the full width of its container.
   * @default false
   */
  fullWidth: o.bool,
  /**
   * The id of the `input` element.
   */
  id: o.string,
  /**
   * The component used for the `input` element.
   * Either a string to use a HTML element or a component.
   * @default 'input'
   */
  inputComponent: o.elementType,
  /**
   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.
   * @default {}
   */
  inputProps: o.object,
  /**
   * Pass a ref to the `input` element.
   */
  inputRef: bt,
  /**
   * The label of the `input`. It is only used for layout. The actual labelling
   * is handled by `InputLabel`.
   */
  label: o.node,
  /**
   * If `dense`, will adjust vertical spacing. This is normally obtained via context from
   * FormControl.
   * The prop defaults to the value (`'none'`) inherited from the parent FormControl component.
   */
  margin: o.oneOf(["dense", "none"]),
  /**
   * Maximum number of rows to display when multiline option is set to true.
   */
  maxRows: o.oneOfType([o.number, o.string]),
  /**
   * Minimum number of rows to display when multiline option is set to true.
   */
  minRows: o.oneOfType([o.number, o.string]),
  /**
   * If `true`, a [TextareaAutosize](https://mui.com/material-ui/react-textarea-autosize/) element is rendered.
   * @default false
   */
  multiline: o.bool,
  /**
   * Name attribute of the `input` element.
   */
  name: o.string,
  /**
   * If `true`, the outline is notched to accommodate the label.
   */
  notched: o.bool,
  /**
   * Callback fired when the value is changed.
   *
   * @param {React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement>} event The event source of the callback.
   * You can pull out the new value by accessing `event.target.value` (string).
   */
  onChange: o.func,
  /**
   * The short hint displayed in the `input` before the user enters a value.
   */
  placeholder: o.string,
  /**
   * It prevents the user from changing the value of the field
   * (not from interacting with the field).
   */
  readOnly: o.bool,
  /**
   * If `true`, the `input` element is required.
   * The prop defaults to the value (`false`) inherited from the parent FormControl component.
   */
  required: o.bool,
  /**
   * Number of rows to display when multiline option is set to true.
   */
  rows: o.oneOfType([o.number, o.string]),
  /**
   * The props used for each slot inside.
   * @default {}
   */
  slotProps: o.shape({
    input: o.object,
    notchedOutline: o.oneOfType([o.func, o.object]),
    root: o.object
  }),
  /**
   * The components used for each slot inside.
   * @default {}
   */
  slots: o.shape({
    input: o.elementType,
    notchedOutline: o.elementType,
    root: o.elementType
  }),
  /**
   * Start `InputAdornment` for this component.
   */
  startAdornment: o.node,
  /**
   * The system prop that allows defining system overrides as well as additional CSS styles.
   */
  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
  /**
   * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#input_types).
   * @default 'text'
   */
  type: o.string,
  /**
   * The value of the `input` element, required for a controlled component.
   */
  value: o.any
});
xo.muiName = "Input";
const nv = (e) => {
  const {
    classes: t
  } = e, r = de({
    root: ["root"]
  }, Vc, t);
  return {
    ...t,
    ...r
  };
}, ri = {
  name: "MuiSelect",
  slot: "Root",
  shouldForwardProp: (e) => Ye(e) && e !== "variant"
}, rv = te(To, ri)(""), ov = te(xo, ri)(""), sv = te(So, ri)(""), oi = /* @__PURE__ */ x.forwardRef(function(t, n) {
  const r = he({
    name: "MuiSelect",
    props: t
  }), {
    autoWidth: s = !1,
    children: i,
    classes: a = {},
    className: l,
    defaultOpen: c = !1,
    displayEmpty: u = !1,
    IconComponent: d = Dy,
    id: h,
    input: v,
    inputProps: m,
    label: g,
    labelId: p,
    MenuProps: y,
    multiple: S = !1,
    native: R = !1,
    onClose: T,
    onOpen: b,
    open: E,
    renderValue: C,
    SelectDisplayProps: k,
    variant: B = "outlined",
    ...D
  } = r, W = R ? Uc : Wc, F = Nt(), f = vn({
    props: r,
    muiFormControl: F,
    states: ["variant", "error"]
  }), A = f.variant || B, I = {
    ...r,
    variant: A,
    classes: a
  }, j = nv(I), {
    root: $,
    ...q
  } = j, ee = v || {
    standard: /* @__PURE__ */ N.jsx(rv, {
      ownerState: I
    }),
    outlined: /* @__PURE__ */ N.jsx(ov, {
      label: g,
      ownerState: I
    }),
    filled: /* @__PURE__ */ N.jsx(sv, {
      ownerState: I
    })
  }[A], K = We(n, sr(ee));
  return /* @__PURE__ */ N.jsx(x.Fragment, {
    children: /* @__PURE__ */ x.cloneElement(ee, {
      // Most of the logic is implemented in `SelectInput`.
      // The `Select` component is a simple API wrapper to expose something better to play with.
      inputComponent: W,
      inputProps: {
        children: i,
        error: f.error,
        IconComponent: d,
        variant: A,
        type: void 0,
        // We render a select. We can ignore the type provided by the `Input`.
        multiple: S,
        ...R ? {
          id: h
        } : {
          autoWidth: s,
          defaultOpen: c,
          displayEmpty: u,
          labelId: p,
          MenuProps: y,
          onClose: T,
          onOpen: b,
          open: E,
          renderValue: C,
          SelectDisplayProps: {
            id: h,
            ...k
          }
        },
        ...m,
        classes: m ? Ve(q, m.classes) : q,
        ...v ? v.props.inputProps : {}
      },
      ...(S && R || u) && A === "outlined" ? {
        notched: !0
      } : {},
      ref: K,
      className: le(ee.props.className, l, j.root),
      // If a custom input is provided via 'input' prop, do not allow 'variant' to be propagated to it's root element. See https://github.com/mui/material-ui/issues/33894.
      ...!v && {
        variant: A
      },
      ...D
    })
  });
});
process.env.NODE_ENV !== "production" && (oi.propTypes = {
  // ┌────────────────────────────── Warning ──────────────────────────────┐
  // │ These PropTypes are generated from the TypeScript type definitions. │
  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
  // └─────────────────────────────────────────────────────────────────────┘
  /**
   * If `true`, the width of the popover will automatically be set according to the items inside the
   * menu, otherwise it will be at least the width of the select input.
   * @default false
   */
  autoWidth: o.bool,
  /**
   * The option elements to populate the select with.
   * Can be some `MenuItem` when `native` is false and `option` when `native` is true.
   *
   * ⚠️The `MenuItem` elements **must** be direct descendants when `native` is false.
   */
  children: o.node,
  /**
   * Override or extend the styles applied to the component.
   * @default {}
   */
  classes: o.object,
  /**
   * @ignore
   */
  className: o.string,
  /**
   * If `true`, the component is initially open. Use when the component open state is not controlled (i.e. the `open` prop is not defined).
   * You can only use it when the `native` prop is `false` (default).
   * @default false
   */
  defaultOpen: o.bool,
  /**
   * The default value. Use when the component is not controlled.
   */
  defaultValue: o.any,
  /**
   * If `true`, a value is displayed even if no items are selected.
   *
   * In order to display a meaningful value, a function can be passed to the `renderValue` prop which
   * returns the value to be displayed when no items are selected.
   *
   * ⚠️ When using this prop, make sure the label doesn't overlap with the empty displayed value.
   * The label should either be hidden or forced to a shrunk state.
   * @default false
   */
  displayEmpty: o.bool,
  /**
   * The icon that displays the arrow.
   * @default ArrowDropDownIcon
   */
  IconComponent: o.elementType,
  /**
   * The `id` of the wrapper element or the `select` element when `native`.
   */
  id: o.string,
  /**
   * An `Input` element; does not have to be a material-ui specific `Input`.
   */
  input: o.element,
  /**
   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.
   * When `native` is `true`, the attributes are applied on the `select` element.
   */
  inputProps: o.object,
  /**
   * See [OutlinedInput#label](https://mui.com/material-ui/api/outlined-input/#props)
   */
  label: o.node,
  /**
   * The ID of an element that acts as an additional label. The Select will
   * be labelled by the additional label and the selected value.
   */
  labelId: o.string,
  /**
   * Props applied to the [`Menu`](https://mui.com/material-ui/api/menu/) element.
   */
  MenuProps: o.object,
  /**
   * If `true`, `value` must be an array and the menu will support multiple selections.
   * @default false
   */
  multiple: o.bool,
  /**
   * If `true`, the component uses a native `select` element.
   * @default false
   */
  native: o.bool,
  /**
   * Callback fired when a menu item is selected.
   *
   * @param {SelectChangeEvent<Value>} event The event source of the callback.
   * You can pull out the new value by accessing `event.target.value` (any).
   * **Warning**: This is a generic event, not a change event, unless the change event is caused by browser autofill.
   * @param {object} [child] The react element that was selected when `native` is `false` (default).
   */
  onChange: o.func,
  /**
   * Callback fired when the component requests to be closed.
   * Use it in either controlled (see the `open` prop), or uncontrolled mode (to detect when the Select collapses).
   *
   * @param {object} event The event source of the callback.
   */
  onClose: o.func,
  /**
   * Callback fired when the component requests to be opened.
   * Use it in either controlled (see the `open` prop), or uncontrolled mode (to detect when the Select expands).
   *
   * @param {object} event The event source of the callback.
   */
  onOpen: o.func,
  /**
   * If `true`, the component is shown.
   * You can only use it when the `native` prop is `false` (default).
   */
  open: o.bool,
  /**
   * Render the selected value.
   * You can only use it when the `native` prop is `false` (default).
   *
   * @param {any} value The `value` provided to the component.
   * @returns {ReactNode}
   */
  renderValue: o.func,
  /**
   * Props applied to the clickable div element.
   */
  SelectDisplayProps: o.object,
  /**
   * The system prop that allows defining system overrides as well as additional CSS styles.
   */
  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
  /**
   * The `input` value. Providing an empty string will select no options.
   * Set to an empty string `''` if you don't want any of the available options to be selected.
   *
   * If the value is an object it must have reference equality with the option in order to be selected.
   * If the value is not an object, the string representation must match with the string representation of the option in order to be selected.
   */
  value: o.oneOfType([o.oneOf([""]), o.any]),
  /**
   * The variant to use.
   * @default 'outlined'
   */
  variant: o.oneOf(["filled", "outlined", "standard"])
});
oi.muiName = "Select";
function iv(e) {
  return ce("MuiTextField", e);
}
ue("MuiTextField", ["root"]);
const av = {
  standard: To,
  filled: So,
  outlined: xo
}, lv = (e) => {
  const {
    classes: t
  } = e;
  return de({
    root: ["root"]
  }, iv, t);
}, cv = te(Pc, {
  name: "MuiTextField",
  slot: "Root"
})({}), Rs = /* @__PURE__ */ x.forwardRef(function(t, n) {
  const r = he({
    props: t,
    name: "MuiTextField"
  }), {
    autoComplete: s,
    autoFocus: i = !1,
    children: a,
    className: l,
    color: c = "primary",
    defaultValue: u,
    disabled: d = !1,
    error: h = !1,
    FormHelperTextProps: v,
    fullWidth: m = !1,
    helperText: g,
    id: p,
    InputLabelProps: y,
    inputProps: S,
    InputProps: R,
    inputRef: T,
    label: b,
    maxRows: E,
    minRows: C,
    multiline: k = !1,
    name: B,
    onBlur: D,
    onChange: W,
    onFocus: F,
    placeholder: f,
    required: A = !1,
    rows: I,
    select: j = !1,
    SelectProps: $,
    slots: q = {},
    slotProps: ee = {},
    type: K,
    value: O,
    variant: _ = "outlined",
    ...G
  } = r, L = {
    ...r,
    autoFocus: i,
    color: c,
    disabled: d,
    error: h,
    fullWidth: m,
    multiline: k,
    required: A,
    select: j,
    variant: _
  }, X = lv(L);
  process.env.NODE_ENV !== "production" && j && !a && console.error("MUI: `children` must be passed when using the `TextField` component with `select`.");
  const U = nr(p), J = g && U ? `${U}-helper-text` : void 0, Y = b && U ? `${U}-label` : void 0, V = av[_], Q = {
    slots: q,
    slotProps: {
      input: R,
      inputLabel: y,
      htmlInput: S,
      formHelperText: v,
      select: $,
      ...ee
    }
  }, H = {}, z = Q.slotProps.inputLabel;
  _ === "outlined" && (z && typeof z.shrink < "u" && (H.notched = z.shrink), H.label = b), j && ((!$ || !$.native) && (H.id = void 0), H["aria-describedby"] = void 0);
  const [w, oe] = Pe("root", {
    elementType: cv,
    shouldForwardComponentProp: !0,
    externalForwardedProps: {
      ...Q,
      ...G
    },
    ownerState: L,
    className: le(X.root, l),
    ref: n,
    additionalProps: {
      disabled: d,
      error: h,
      fullWidth: m,
      required: A,
      color: c,
      variant: _
    }
  }), [Z, se] = Pe("input", {
    elementType: V,
    externalForwardedProps: Q,
    additionalProps: H,
    ownerState: L
  }), [pe, fe] = Pe("inputLabel", {
    elementType: Nc,
    externalForwardedProps: Q,
    ownerState: L
  }), [$e, Ke] = Pe("htmlInput", {
    elementType: "input",
    externalForwardedProps: Q,
    ownerState: L
  }), [ot, Ie] = Pe("formHelperText", {
    elementType: _c,
    externalForwardedProps: Q,
    ownerState: L
  }), [ae, kt] = Pe("select", {
    elementType: oi,
    externalForwardedProps: Q,
    ownerState: L
  }), He = /* @__PURE__ */ N.jsx(Z, {
    "aria-describedby": J,
    autoComplete: s,
    autoFocus: i,
    defaultValue: u,
    fullWidth: m,
    multiline: k,
    name: B,
    rows: I,
    maxRows: E,
    minRows: C,
    type: K,
    value: O,
    id: U,
    inputRef: T,
    onBlur: D,
    onChange: W,
    onFocus: F,
    placeholder: f,
    inputProps: Ke,
    slots: {
      input: q.htmlInput ? $e : void 0
    },
    ...se
  });
  return /* @__PURE__ */ N.jsxs(w, {
    ...oe,
    children: [b != null && b !== "" && /* @__PURE__ */ N.jsx(pe, {
      htmlFor: U,
      id: Y,
      ...fe,
      children: b
    }), j ? /* @__PURE__ */ N.jsx(ae, {
      "aria-describedby": J,
      id: U,
      labelId: Y,
      value: O,
      input: He,
      ...kt,
      children: a
    }) : He, g && /* @__PURE__ */ N.jsx(ot, {
      id: J,
      ...Ie,
      children: g
    })]
  });
});
process.env.NODE_ENV !== "production" && (Rs.propTypes = {
  // ┌────────────────────────────── Warning ──────────────────────────────┐
  // │ These PropTypes are generated from the TypeScript type definitions. │
  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
  // └─────────────────────────────────────────────────────────────────────┘
  /**
   * This prop helps users to fill forms faster, especially on mobile devices.
   * The name can be confusing, as it's more like an autofill.
   * You can learn more about it [following the specification](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill).
   */
  autoComplete: o.string,
  /**
   * If `true`, the `input` element is focused during the first mount.
   * @default false
   */
  autoFocus: o.bool,
  /**
   * @ignore
   */
  children: o.node,
  /**
   * Override or extend the styles applied to the component.
   */
  classes: o.object,
  /**
   * @ignore
   */
  className: o.string,
  /**
   * The color of the component.
   * It supports both default and custom theme colors, which can be added as shown in the
   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
   * @default 'primary'
   */
  color: o.oneOfType([o.oneOf(["primary", "secondary", "error", "info", "success", "warning"]), o.string]),
  /**
   * The default value. Use when the component is not controlled.
   */
  defaultValue: o.any,
  /**
   * If `true`, the component is disabled.
   * @default false
   */
  disabled: o.bool,
  /**
   * If `true`, the label is displayed in an error state.
   * @default false
   */
  error: o.bool,
  /**
   * Props applied to the [`FormHelperText`](https://mui.com/material-ui/api/form-helper-text/) element.
   * @deprecated Use `slotProps.formHelperText` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
   */
  FormHelperTextProps: o.object,
  /**
   * If `true`, the input will take up the full width of its container.
   * @default false
   */
  fullWidth: o.bool,
  /**
   * The helper text content.
   */
  helperText: o.node,
  /**
   * The id of the `input` element.
   * Use this prop to make `label` and `helperText` accessible for screen readers.
   */
  id: o.string,
  /**
   * Props applied to the [`InputLabel`](https://mui.com/material-ui/api/input-label/) element.
   * Pointer events like `onClick` are enabled if and only if `shrink` is `true`.
   * @deprecated Use `slotProps.inputLabel` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
   */
  InputLabelProps: o.object,
  /**
   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.
   * @deprecated Use `slotProps.htmlInput` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
   */
  inputProps: o.object,
  /**
   * Props applied to the Input element.
   * It will be a [`FilledInput`](https://mui.com/material-ui/api/filled-input/),
   * [`OutlinedInput`](https://mui.com/material-ui/api/outlined-input/) or [`Input`](https://mui.com/material-ui/api/input/)
   * component depending on the `variant` prop value.
   * @deprecated Use `slotProps.input` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
   */
  InputProps: o.object,
  /**
   * Pass a ref to the `input` element.
   */
  inputRef: bt,
  /**
   * The label content.
   */
  label: o.node,
  /**
   * If `dense` or `normal`, will adjust vertical spacing of this and contained components.
   * @default 'none'
   */
  margin: o.oneOf(["dense", "none", "normal"]),
  /**
   * Maximum number of rows to display when multiline option is set to true.
   */
  maxRows: o.oneOfType([o.number, o.string]),
  /**
   * Minimum number of rows to display when multiline option is set to true.
   */
  minRows: o.oneOfType([o.number, o.string]),
  /**
   * If `true`, a `textarea` element is rendered instead of an input.
   * @default false
   */
  multiline: o.bool,
  /**
   * Name attribute of the `input` element.
   */
  name: o.string,
  /**
   * @ignore
   */
  onBlur: o.func,
  /**
   * Callback fired when the value is changed.
   *
   * @param {object} event The event source of the callback.
   * You can pull out the new value by accessing `event.target.value` (string).
   */
  onChange: o.func,
  /**
   * @ignore
   */
  onFocus: o.func,
  /**
   * The short hint displayed in the `input` before the user enters a value.
   */
  placeholder: o.string,
  /**
   * If `true`, the label is displayed as required and the `input` element is required.
   * @default false
   */
  required: o.bool,
  /**
   * Number of rows to display when multiline option is set to true.
   */
  rows: o.oneOfType([o.number, o.string]),
  /**
   * Render a [`Select`](https://mui.com/material-ui/api/select/) element while passing the Input element to `Select` as `input` parameter.
   * If this option is set you must pass the options of the select as children.
   * @default false
   */
  select: o.bool,
  /**
   * Props applied to the [`Select`](https://mui.com/material-ui/api/select/) element.
   * @deprecated Use `slotProps.select` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
   */
  SelectProps: o.object,
  /**
   * The size of the component.
   * @default 'medium'
   */
  size: o.oneOfType([o.oneOf(["medium", "small"]), o.string]),
  /**
   * The props used for each slot inside.
   * @default {}
   */
  slotProps: o.shape({
    formHelperText: o.oneOfType([o.func, o.object]),
    htmlInput: o.oneOfType([o.func, o.object]),
    input: o.oneOfType([o.func, o.object]),
    inputLabel: o.oneOfType([o.func, o.object]),
    select: o.oneOfType([o.func, o.object])
  }),
  /**
   * The components used for each slot inside.
   * @default {}
   */
  slots: o.shape({
    formHelperText: o.elementType,
    htmlInput: o.elementType,
    input: o.elementType,
    inputLabel: o.elementType,
    root: o.elementType,
    select: o.elementType
  }),
  /**
   * The system prop that allows defining system overrides as well as additional CSS styles.
   */
  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
  /**
   * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#input_types).
   */
  type: o.string,
  /**
   * The value of the `input` element, required for a controlled component.
   */
  value: o.any,
  /**
   * The variant to use.
   * @default 'outlined'
   */
  variant: o.oneOf(["filled", "outlined", "standard"])
});
const uv = rr(/* @__PURE__ */ N.jsx("path", {
  d: "M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
}), "Clear");
class Bn {
  constructor() {
    this.filters = [], this.paging = { start: 0, length: 25 }, this.orders = {}, this.joins = [];
  }
  where(t, n, r, s = "AND", i = null, a = null) {
    const l = {
      logic_operator: t,
      name: n,
      operator: s,
      value: (r == null ? void 0 : r.toString()) ?? null,
      ...a != null ? { table_name: a } : {},
      ...i != null ? { value1: i } : {}
    };
    return this.filters.push(l), this;
  }
  equal(t, n, r = "AND", s = null) {
    return this.where("=", t, n, r, null, s);
  }
  notEqual(t, n, r = "AND", s = null) {
    return this.where("<>", t, n, r, null, s);
  }
  isNull(t, n, r = "AND", s = null) {
    return this.where("IS NULL", t, n, r, null, s);
  }
  isNotNull(t, n, r = "AND", s = null) {
    return this.where("IS NOT NULL", t, n, r, null, s);
  }
  in(t, n, r = "AND", s = null) {
    return this.where("IN", t, n, r, null, s);
  }
  like(t, n, r = "AND", s = null) {
    return this.where("like", t, n, r, null, s);
  }
  range(t, n, r, s = "AND", i = null) {
    return this.where("RANGE", t, n, s, r, i);
  }
  setPaging(t, n) {
    return this.paging = { start: t, length: n }, this;
  }
  setOrder(t, n = !0) {
    return this.orders = { columns: t, ascending: n }, this;
  }
  addJoin(t, n = []) {
    return this.joins.push({ name: t, column_results: n }), this;
  }
  clone() {
    const t = new Bn();
    return t.filters = JSON.parse(JSON.stringify(this.filters)), t.paging = { ...this.paging }, t.orders = { ...this.orders }, t.joins = JSON.parse(JSON.stringify(this.joins)), t;
  }
  build() {
    let t = [...this.filters];
    const n = t.findIndex((s) => s.name === "company_id");
    if (n > 0) {
      const [s] = t.splice(n, 1);
      t.unshift(s);
    }
    const r = { paging: this.paging };
    return t.length > 0 && (r.columns = t), Object.keys(this.orders).length > 0 && (r.orders = this.orders), this.joins.length > 0 && (r.joins = this.joins), r;
  }
}
const qc = {}, Gc = Qc(qc);
function Mv({ headers: e, children: t }) {
  return at.createElement(
    Gc.Provider,
    { value: e },
    t
  );
}
function dv() {
  const e = Ha(Gc);
  if (e === qc)
    throw new Error("useApiHeaders must be used within an ApiProvider");
  return e;
}
function jv({
  id: e,
  label: t,
  name: n,
  url: r,
  lengthData: s = 100,
  getData: i,
  defaultValue: a,
  value: l,
  required: c,
  disabled: u,
  error: d = !1,
  size: h = "medium",
  helperText: v,
  filter: m,
  isApiGo: g = !1,
  multiple: p,
  customSxTextField: y = {},
  joins: S = []
}) {
  const R = dv(), [T, b] = Pt(!1), [E, C] = Pt(""), [k, B] = Pt([]), [D, W] = Pt(null), [F, f] = Pt(!1), [A, I] = Pt(!1), [j, $] = Pt(0), [q, ee] = Pt(0), K = (z, w = 400) => {
    let oe;
    return (...Z) => {
      clearTimeout(oe), oe = setTimeout(() => {
        z(...Z);
      }, w);
    };
  }, O = eu(async (z = "", w = 0, oe = !1) => {
    f(!0);
    const Z = new Bn().setPaging(w, s).setOrder([n], !0);
    z && Z.like(n, z), m && m.length > 0 && m.forEach((se) => Z.where(se.logic_operator || "=", se.name, se.value, se.operator || "AND", se.value1 || null, se.table_name || null)), Array.isArray(m) && m.some((se) => se.name === "company_id") && Z.addJoin("company", ["name"]), S.forEach((se) => {
      Z.addJoin(se.table, se.columns);
    });
    try {
      const se = await No.search(
        r,
        Z.build(),
        {
          headers: R
        },
        g
      ), pe = se.data || [];
      B((fe) => oe ? [...fe, ...pe] : pe), ee(se.totalRecord || 0), $(w);
    } catch (se) {
      console.error("Fetch Error:", se);
    } finally {
      f(!1);
    }
  }, [r, n, s, m]), _ = (z) => {
    const { scrollTop: w, scrollHeight: oe, clientHeight: Z } = z.currentTarget;
    if (oe - w <= Z + 20 && !F && k.length < q) {
      const pe = j + s;
      O(E, pe, !0);
    }
  }, G = tu(
    () => K((z) => {
      $(0), O(z, 0, !1);
    }, 400),
    [O]
  );
  di(() => {
    T && ($(0), O(E, 0, !1));
  }, [T]);
  const L = async (z) => {
    f(!0);
    const w = new Bn().setPaging(0, s);
    p ? w.in("id", z) : w.equal("id", z);
    try {
      const Z = (await No.search(
        r,
        w.build(),
        {
          headers: R
        },
        g
      )).data || [];
      W(p ? Z : Z[0] || null);
    } catch (oe) {
      console.error(oe);
    } finally {
      f(!1);
    }
  };
  di(() => {
    if (a != null) {
      if (p) {
        if (Array.isArray(a) && a.length === 0) {
          W([]);
          return;
        }
        if (Array.isArray(a) && typeof a[0] == "object") {
          W(a);
          return;
        }
      } else if (typeof a == "object" && !Array.isArray(a)) {
        W(a);
        return;
      }
      L(a);
    }
  }, [a, p]);
  const X = (z) => {
    if (!p) {
      W(z), b(!1), C(""), i == null || i(z);
      return;
    }
    W((w) => {
      const oe = Array.isArray(w) ? w : [], se = oe.some((pe) => pe.id === z.id) ? oe.filter((pe) => pe.id !== z.id) : [...oe, z];
      return i == null || i(se), se;
    });
  }, U = () => {
    W(p ? [] : null), C(""), B([]), i == null || i(p ? [] : null);
  }, J = p ? (D == null ? void 0 : D.length) > 1 ? `${D.length} ${t} selected` : (D == null ? void 0 : D.length) === 1 ? D[0][n] : "" : (D == null ? void 0 : D[n]) || "", Y = (z) => p ? (D || []).some((w) => w.id === z.id) : (D == null ? void 0 : D.id) === z.id, V = p && q > 0 && ((D == null ? void 0 : D.length) || 0) === q, Q = p && ((D == null ? void 0 : D.length) || 0) > 0 && !V, H = async () => {
    if (V) {
      W([]), i == null || i([]);
      return;
    }
    I(!0);
    try {
      const w = [];
      for (let se = 0; se < q; se += 1e3) {
        const pe = new Bn().setPaging(se, 1e3).setOrder([n], !0);
        E && pe.like(n, E), m != null && m.length && m.forEach(
          (fe) => pe.where(
            fe.logic_operator || "=",
            fe.name,
            fe.value,
            fe.operator || "AND",
            fe.value1 || null,
            fe.table_name || null
          )
        ), S.forEach((fe) => {
          pe.addJoin(fe.table, fe.columns);
        }), w.push(
          No.search(
            r,
            pe.build(),
            {
              headers: R
            },
            g
          )
        );
      }
      const Z = (await Promise.all(w)).flatMap((se) => se.data || []);
      W(Z), i == null || i(Z);
    } catch (z) {
      console.error("Select All Error:", z);
    } finally {
      I(!1);
    }
  };
  return /* @__PURE__ */ N.jsxs(N.Fragment, { children: [
    /* @__PURE__ */ N.jsx(
      Rs,
      {
        id: e,
        label: t,
        value: J,
        fullWidth: !0,
        required: c,
        disabled: u,
        size: h,
        helperText: v,
        error: !!d,
        onClick: () => !u && b(!0),
        sx: {
          ...y,
          "& .MuiOutlinedInput-root.Mui-error .MuiOutlinedInput-notchedOutline": {
            borderColor: "error.main"
          }
        },
        slotProps: {
          input: {
            endAdornment: D && /* @__PURE__ */ N.jsx(Ic, { position: "end", children: /* @__PURE__ */ N.jsx(
              hc,
              {
                size: "small",
                onClick: (z) => {
                  z.stopPropagation(), U();
                },
                children: /* @__PURE__ */ N.jsx(uv, { sx: { fontSize: 16 } })
              }
            ) })
          },
          formHelperText: {
            sx: {
              marginLeft: 0
            }
          }
        }
      }
    ),
    /* @__PURE__ */ N.jsxs(Oc, { open: T, onClose: () => b(!1), maxWidth: "sm", fullWidth: !0, children: [
      /* @__PURE__ */ N.jsxs(Cc, { sx: { fontSize: 14 }, children: [
        "Search ",
        t
      ] }),
      /* @__PURE__ */ N.jsxs(
        wc,
        {
          onScroll: _,
          sx: {
            "& .MuiTypography-root": {
              fontSize: 14
            },
            "& .MuiInputBase-input": {
              fontSize: 14
            },
            "& .MuiInputLabel-root": {
              fontSize: 14
            },
            "& .MuiButton-root": {
              fontSize: 14
            }
          },
          children: [
            /* @__PURE__ */ N.jsx(
              Rs,
              {
                fullWidth: !0,
                autoFocus: !0,
                placeholder: `Search ${t}`,
                size: "small",
                sx: { my: 2, position: "sticky", top: 0, zIndex: 10, bgcolor: "background.paper" },
                onChange: (z) => {
                  const w = z.target.value;
                  C(w), G(w);
                }
              }
            ),
            /* @__PURE__ */ N.jsx(ti, { disablePadding: !0, children: /* @__PURE__ */ N.jsxs(N.Fragment, { children: [
              p && k.length > 0 && /* @__PURE__ */ N.jsxs(
                xs,
                {
                  onClick: H,
                  disabled: A || q === 0,
                  sx: { fontSize: 14 },
                  children: [
                    /* @__PURE__ */ N.jsx(kc, { sx: { minWidth: 36 }, children: A ? /* @__PURE__ */ N.jsx(ho, { size: 18 }) : /* @__PURE__ */ N.jsx(
                      Ss,
                      {
                        edge: "start",
                        checked: V,
                        indeterminate: Q,
                        tabIndex: -1,
                        disableRipple: !0
                      }
                    ) }),
                    /* @__PURE__ */ N.jsx(
                      Os,
                      {
                        primary: A ? "Selecting all..." : V ? "Unselect All" : "Select All"
                      }
                    )
                  ]
                }
              ),
              k.map((z, w) => {
                var oe;
                return /* @__PURE__ */ N.jsxs(
                  xs,
                  {
                    onClick: () => X(z),
                    disabled: A,
                    children: [
                      p && /* @__PURE__ */ N.jsx(Ss, { checked: Y(z) }),
                      /* @__PURE__ */ N.jsx(Os, { primary: z[n], secondary: (oe = z.join) == null ? void 0 : oe.company_name })
                    ]
                  },
                  `${z.id}-${w}`
                );
              }),
              F && /* @__PURE__ */ N.jsx(Tt, { variant: "caption", sx: { display: "block", textAlign: "center", p: 1 }, children: "Loading more..." })
            ] }) }),
            !F && k.length === 0 && /* @__PURE__ */ N.jsx(Tt, { sx: { textAlign: "center", fontSize: 12, color: "text.secondary", py: 3 }, children: "No Data" })
          ]
        }
      ),
      /* @__PURE__ */ N.jsxs(Rc, { children: [
        /* @__PURE__ */ N.jsx(wr, { onClick: U, disabled: A, children: "Clear" }),
        /* @__PURE__ */ N.jsx(wr, { onClick: () => b(!1), children: "Cancel" }),
        /* @__PURE__ */ N.jsx(
          wr,
          {
            onClick: () => {
              i == null || i(D ?? (p ? [] : null)), b(!1);
            },
            variant: "contained",
            disabled: A,
            children: "Save"
          }
        )
      ] })
    ] })
  ] });
}
export {
  Gc as ApiContext,
  Mv as ApiProvider,
  jv as ListVirtual,
  Xd as addRequest,
  No as apiRequest,
  tp as customRequest,
  Qd as deleteRequest,
  Zd as editRequest,
  Jd as getByIdRequest,
  Kd as newRequest,
  ep as searchRequest,
  dv as useApiHeaders
};