import * as ye from "react";
import Yo, { forwardRef as Go, useContext as qo, useState as Ce, useRef as Ie, useEffect as qe, useCallback as Je } from "react";
import { jsxs as Ho, jsx as $e } from "react/jsx-runtime";
function Ko(e2) {
  return e2 && e2.__esModule && Object.prototype.hasOwnProperty.call(e2, "default") ? e2.default : e2;
}
var Mr = { exports: {} }, Vr = {};
/**
 * @license React
 * react-jsx-dev-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 cn;
function Xo() {
  if (cn) return Vr;
  cn = 1;
  var e2 = Symbol.for("react.fragment");
  return Vr.Fragment = e2, Vr.jsxDEV = void 0, Vr;
}
var Ur = {};
/**
 * @license React
 * react-jsx-dev-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 ln;
function Jo() {
  return ln || (ln = 1, process.env.NODE_ENV !== "production" && function() {
    function e2(d) {
      if (d == null) return null;
      if (typeof d == "function")
        return d.$$typeof === fe ? null : d.displayName || d.name || null;
      if (typeof d == "string") return d;
      switch (d) {
        case E:
          return "Fragment";
        case y:
          return "Portal";
        case _:
          return "Profiler";
        case N:
          return "StrictMode";
        case M:
          return "Suspense";
        case B:
          return "SuspenseList";
      }
      if (typeof d == "object")
        switch (typeof d.tag == "number" && console.error(
          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
        ), d.$$typeof) {
          case c:
            return (d.displayName || "Context") + ".Provider";
          case J:
            return (d._context.displayName || "Context") + ".Consumer";
          case A:
            var I = d.render;
            return d = d.displayName, d || (d = I.displayName || I.name || "", d = d !== "" ? "ForwardRef(" + d + ")" : "ForwardRef"), d;
          case L:
            return I = d.displayName || null, I !== null ? I : e2(d.type) || "Memo";
          case oe:
            I = d._payload, d = d._init;
            try {
              return e2(d(I));
            } catch {
            }
        }
      return null;
    }
    function r(d) {
      return "" + d;
    }
    function t(d) {
      try {
        r(d);
        var I = false;
      } catch {
        I = true;
      }
      if (I) {
        I = console;
        var j = I.error, ie = typeof Symbol == "function" && Symbol.toStringTag && d[Symbol.toStringTag] || d.constructor.name || "Object";
        return j.call(
          I,
          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
          ie
        ), r(d);
      }
    }
    function n() {
    }
    function o() {
      if (U === 0) {
        G = console.log, F = console.info, W = console.warn, K = console.error, Q = console.group, X = console.groupCollapsed, we = console.groupEnd;
        var d = {
          configurable: true,
          enumerable: true,
          value: n,
          writable: true
        };
        Object.defineProperties(console, {
          info: d,
          log: d,
          warn: d,
          error: d,
          group: d,
          groupCollapsed: d,
          groupEnd: d
        });
      }
      U++;
    }
    function i() {
      if (U--, U === 0) {
        var d = { configurable: true, enumerable: true, writable: true };
        Object.defineProperties(console, {
          log: T({}, d, { value: G }),
          info: T({}, d, { value: F }),
          warn: T({}, d, { value: W }),
          error: T({}, d, { value: K }),
          group: T({}, d, { value: Q }),
          groupCollapsed: T({}, d, { value: X }),
          groupEnd: T({}, d, { value: we })
        });
      }
      0 > U && console.error(
        "disabledDepth fell below zero. This is a bug in React. Please file an issue."
      );
    }
    function s(d) {
      if (P === void 0)
        try {
          throw Error();
        } catch (j) {
          var I = j.stack.trim().match(/\n( *(at )?)/);
          P = I && I[1] || "", Ae = -1 < j.stack.indexOf(`
    at`) ? " (<anonymous>)" : -1 < j.stack.indexOf("@") ? "@unknown:0:0" : "";
        }
      return `
` + P + d + Ae;
    }
    function l(d, I) {
      if (!d || Ke) return "";
      var j = ar.get(d);
      if (j !== void 0) return j;
      Ke = true, j = Error.prepareStackTrace, Error.prepareStackTrace = void 0;
      var ie = null;
      ie = se.H, se.H = null, o();
      try {
        var Te = {
          DetermineComponentFrameRoot: function() {
            try {
              if (I) {
                var Xe = function() {
                  throw Error();
                };
                if (Object.defineProperty(Xe.prototype, "props", {
                  set: function() {
                    throw Error();
                  }
                }), typeof Reflect == "object" && Reflect.construct) {
                  try {
                    Reflect.construct(Xe, []);
                  } catch (We) {
                    var jr = We;
                  }
                  Reflect.construct(d, [], Xe);
                } else {
                  try {
                    Xe.call();
                  } catch (We) {
                    jr = We;
                  }
                  d.call(Xe.prototype);
                }
              } else {
                try {
                  throw Error();
                } catch (We) {
                  jr = We;
                }
                (Xe = d()) && typeof Xe.catch == "function" && Xe.catch(function() {
                });
              }
            } catch (We) {
              if (We && jr && typeof We.stack == "string")
                return [We.stack, jr.stack];
            }
            return [null, null];
          }
        };
        Te.DetermineComponentFrameRoot.displayName = "DetermineComponentFrameRoot";
        var de = Object.getOwnPropertyDescriptor(
          Te.DetermineComponentFrameRoot,
          "name"
        );
        de && de.configurable && Object.defineProperty(
          Te.DetermineComponentFrameRoot,
          "name",
          { value: "DetermineComponentFrameRoot" }
        );
        var q = Te.DetermineComponentFrameRoot(), Fe = q[0], cr = q[1];
        if (Fe && cr) {
          var ke = Fe.split(`
`), nr = cr.split(`
`);
          for (q = de = 0; de < ke.length && !ke[de].includes(
            "DetermineComponentFrameRoot"
          ); )
            de++;
          for (; q < nr.length && !nr[q].includes(
            "DetermineComponentFrameRoot"
          ); )
            q++;
          if (de === ke.length || q === nr.length)
            for (de = ke.length - 1, q = nr.length - 1; 1 <= de && 0 <= q && ke[de] !== nr[q]; )
              q--;
          for (; 1 <= de && 0 <= q; de--, q--)
            if (ke[de] !== nr[q]) {
              if (de !== 1 || q !== 1)
                do
                  if (de--, q--, 0 > q || ke[de] !== nr[q]) {
                    var Er = `
` + ke[de].replace(
                      " at new ",
                      " at "
                    );
                    return d.displayName && Er.includes("<anonymous>") && (Er = Er.replace("<anonymous>", d.displayName)), typeof d == "function" && ar.set(d, Er), Er;
                  }
                while (1 <= de && 0 <= q);
              break;
            }
        }
      } finally {
        Ke = false, se.H = ie, i(), Error.prepareStackTrace = j;
      }
      return ke = (ke = d ? d.displayName || d.name : "") ? s(ke) : "", typeof d == "function" && ar.set(d, ke), ke;
    }
    function u(d) {
      if (d == null) return "";
      if (typeof d == "function") {
        var I = d.prototype;
        return l(
          d,
          !(!I || !I.isReactComponent)
        );
      }
      if (typeof d == "string") return s(d);
      switch (d) {
        case M:
          return s("Suspense");
        case B:
          return s("SuspenseList");
      }
      if (typeof d == "object")
        switch (d.$$typeof) {
          case A:
            return d = l(d.render, false), d;
          case L:
            return u(d.type);
          case oe:
            I = d._payload, d = d._init;
            try {
              return u(d(I));
            } catch {
            }
        }
      return "";
    }
    function f() {
      var d = se.A;
      return d === null ? null : d.getOwner();
    }
    function p(d) {
      if (x.call(d, "key")) {
        var I = Object.getOwnPropertyDescriptor(d, "key").get;
        if (I && I.isReactWarning) return false;
      }
      return d.key !== void 0;
    }
    function m(d, I) {
      function j() {
        nn || (nn = true, 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)",
          I
        ));
      }
      j.isReactWarning = true, Object.defineProperty(d, "key", {
        get: j,
        configurable: true
      });
    }
    function h() {
      var d = e2(this.type);
      return on[d] || (on[d] = true, 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."
      )), d = this.props.ref, d !== void 0 ? d : null;
    }
    function w(d, I, j, ie, Te, de) {
      return j = de.ref, d = {
        $$typeof: C,
        type: d,
        key: I,
        props: de,
        _owner: Te
      }, (j !== void 0 ? j : null) !== null ? Object.defineProperty(d, "ref", {
        enumerable: false,
        get: h
      }) : Object.defineProperty(d, "ref", { enumerable: false, value: null }), d._store = {}, Object.defineProperty(d._store, "validated", {
        configurable: false,
        enumerable: false,
        writable: true,
        value: 0
      }), Object.defineProperty(d, "_debugInfo", {
        configurable: false,
        enumerable: false,
        writable: true,
        value: null
      }), Object.freeze && (Object.freeze(d.props), Object.freeze(d)), d;
    }
    function g(d, I, j, ie, Te, de) {
      if (typeof d == "string" || typeof d == "function" || d === E || d === _ || d === N || d === M || d === B || d === V || typeof d == "object" && d !== null && (d.$$typeof === oe || d.$$typeof === L || d.$$typeof === c || d.$$typeof === J || d.$$typeof === A || d.$$typeof === Y || d.getModuleId !== void 0)) {
        var q = I.children;
        if (q !== void 0)
          if (ie)
            if (z(q)) {
              for (ie = 0; ie < q.length; ie++)
                a(q[ie], d);
              Object.freeze && Object.freeze(q);
            } 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 a(q, d);
      } else
        q = "", (d === void 0 || typeof d == "object" && d !== null && Object.keys(d).length === 0) && (q += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports."), d === null ? ie = "null" : z(d) ? ie = "array" : d !== void 0 && d.$$typeof === C ? (ie = "<" + (e2(d.type) || "Unknown") + " />", q = " Did you accidentally export a JSX literal instead of a component?") : ie = typeof d, console.error(
          "React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",
          ie,
          q
        );
      if (x.call(I, "key")) {
        q = e2(d);
        var Fe = Object.keys(I).filter(function(ke) {
          return ke !== "key";
        });
        ie = 0 < Fe.length ? "{key: someKey, " + Fe.join(": ..., ") + ": ...}" : "{key: someKey}", sn[q + ie] || (Fe = 0 < Fe.length ? "{" + Fe.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} />`,
          ie,
          q,
          Fe,
          q
        ), sn[q + ie] = true);
      }
      if (q = null, j !== void 0 && (t(j), q = "" + j), p(I) && (t(I.key), q = "" + I.key), "key" in I) {
        j = {};
        for (var cr in I)
          cr !== "key" && (j[cr] = I[cr]);
      } else j = I;
      return q && m(
        j,
        typeof d == "function" ? d.displayName || d.name || "Unknown" : d
      ), w(d, q, de, Te, f(), j);
    }
    function a(d, I) {
      if (typeof d == "object" && d && d.$$typeof !== Wo) {
        if (z(d))
          for (var j = 0; j < d.length; j++) {
            var ie = d[j];
            v(ie) && S(ie, I);
          }
        else if (v(d))
          d._store && (d._store.validated = 1);
        else if (d === null || typeof d != "object" ? j = null : (j = pe && d[pe] || d["@@iterator"], j = typeof j == "function" ? j : null), typeof j == "function" && j !== d.entries && (j = j.call(d), j !== d))
          for (; !(d = j.next()).done; )
            v(d.value) && S(d.value, I);
      }
    }
    function v(d) {
      return typeof d == "object" && d !== null && d.$$typeof === C;
    }
    function S(d, I) {
      if (d._store && !d._store.validated && d.key == null && (d._store.validated = 1, I = D(I), !an[I])) {
        an[I] = true;
        var j = "";
        d && d._owner != null && d._owner !== f() && (j = null, typeof d._owner.tag == "number" ? j = e2(d._owner.type) : typeof d._owner.name == "string" && (j = d._owner.name), j = " It was passed a child from " + j + ".");
        var ie = se.getCurrentStack;
        se.getCurrentStack = function() {
          var Te = u(d.type);
          return ie && (Te += ie() || ""), Te;
        }, console.error(
          'Each child in a list should have a unique "key" prop.%s%s See https://react.dev/link/warning-keys for more information.',
          I,
          j
        ), se.getCurrentStack = ie;
      }
    }
    function D(d) {
      var I = "", j = f();
      return j && (j = e2(j.type)) && (I = `

Check the render method of \`` + j + "`."), I || (d = e2(d)) && (I = `

Check the top-level render call using <` + d + ">."), I;
    }
    var k = Yo, C = Symbol.for("react.transitional.element"), y = Symbol.for("react.portal"), E = Symbol.for("react.fragment"), N = Symbol.for("react.strict_mode"), _ = Symbol.for("react.profiler"), J = Symbol.for("react.consumer"), c = Symbol.for("react.context"), A = Symbol.for("react.forward_ref"), M = Symbol.for("react.suspense"), B = Symbol.for("react.suspense_list"), L = Symbol.for("react.memo"), oe = Symbol.for("react.lazy"), V = Symbol.for("react.offscreen"), pe = Symbol.iterator, fe = Symbol.for("react.client.reference"), se = k.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, x = Object.prototype.hasOwnProperty, T = Object.assign, Y = Symbol.for("react.client.reference"), z = Array.isArray, U = 0, G, F, W, K, Q, X, we;
    n.__reactDisabledLog = true;
    var P, Ae, Ke = false, ar = new (typeof WeakMap == "function" ? WeakMap : Map)(), Wo = Symbol.for("react.client.reference"), nn, on = {}, sn = {}, an = {};
    Ur.Fragment = E, Ur.jsxDEV = function(d, I, j, ie, Te, de) {
      return g(d, I, j, ie, Te, de);
    };
  }()), Ur;
}
var un;
function Qo() {
  return un || (un = 1, process.env.NODE_ENV === "production" ? Mr.exports = Xo() : Mr.exports = Jo()), Mr.exports;
}
var O = Qo();
function ro({ src: e2 }) {
  if (e2.endsWith(".ogg") || e2.endsWith(".wav") || e2.endsWith(".aac") || e2.endsWith(".flac") || e2.endsWith(".mp3") || e2.endsWith(".webm") || e2.endsWith(".m4a"))
    return /* @__PURE__ */ O.jsxDEV("source", { src: e2, type: `audio/${e2.split(".").pop()}` }, void 0, false, {
      fileName: "/Users/clxrity/Desktop/stuff/code/pkg (@clxrity)/react-audio/src/components/ui/AudioSource.tsx",
      lineNumber: 11,
      columnNumber: 16
    }, this);
}
function to(e2) {
  var r, t, n = "";
  if (typeof e2 == "string" || typeof e2 == "number") n += e2;
  else if (typeof e2 == "object") if (Array.isArray(e2)) {
    var o = e2.length;
    for (r = 0; r < o; r++) e2[r] && (t = to(e2[r])) && (n && (n += " "), n += t);
  } else for (t in e2) e2[t] && (n && (n += " "), n += t);
  return n;
}
function no() {
  for (var e2, r, t = 0, n = "", o = arguments.length; t < o; t++) (e2 = arguments[t]) && (r = to(e2)) && (n && (n += " "), n += r);
  return n;
}
const Ut = "-", Zo = (e2) => {
  const r = ri(e2), {
    conflictingClassGroups: t,
    conflictingClassGroupModifiers: n
  } = e2;
  return {
    getClassGroupId: (s) => {
      const l = s.split(Ut);
      return l[0] === "" && l.length !== 1 && l.shift(), oo(l, r) || ei(s);
    },
    getConflictingClassGroupIds: (s, l) => {
      const u = t[s] || [];
      return l && n[s] ? [...u, ...n[s]] : u;
    }
  };
}, oo = (e2, r) => {
  var _a2;
  if (e2.length === 0)
    return r.classGroupId;
  const t = e2[0], n = r.nextPart.get(t), o = n ? oo(e2.slice(1), n) : void 0;
  if (o)
    return o;
  if (r.validators.length === 0)
    return;
  const i = e2.join(Ut);
  return (_a2 = r.validators.find(({
    validator: s
  }) => s(i))) == null ? void 0 : _a2.classGroupId;
}, fn = /^\[(.+)\]$/, ei = (e2) => {
  if (fn.test(e2)) {
    const r = fn.exec(e2)[1], t = r == null ? void 0 : r.substring(0, r.indexOf(":"));
    if (t)
      return "arbitrary.." + t;
  }
}, ri = (e2) => {
  const {
    theme: r,
    classGroups: t
  } = e2, n = {
    nextPart: /* @__PURE__ */ new Map(),
    validators: []
  };
  for (const o in t)
    At(t[o], n, o, r);
  return n;
}, At = (e2, r, t, n) => {
  e2.forEach((o) => {
    if (typeof o == "string") {
      const i = o === "" ? r : dn(r, o);
      i.classGroupId = t;
      return;
    }
    if (typeof o == "function") {
      if (ti(o)) {
        At(o(n), r, t, n);
        return;
      }
      r.validators.push({
        validator: o,
        classGroupId: t
      });
      return;
    }
    Object.entries(o).forEach(([i, s]) => {
      At(s, dn(r, i), t, n);
    });
  });
}, dn = (e2, r) => {
  let t = e2;
  return r.split(Ut).forEach((n) => {
    t.nextPart.has(n) || t.nextPart.set(n, {
      nextPart: /* @__PURE__ */ new Map(),
      validators: []
    }), t = t.nextPart.get(n);
  }), t;
}, ti = (e2) => e2.isThemeGetter, ni = (e2) => {
  if (e2 < 1)
    return {
      get: () => {
      },
      set: () => {
      }
    };
  let r = 0, t = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Map();
  const o = (i, s) => {
    t.set(i, s), r++, r > e2 && (r = 0, n = t, t = /* @__PURE__ */ new Map());
  };
  return {
    get(i) {
      let s = t.get(i);
      if (s !== void 0)
        return s;
      if ((s = n.get(i)) !== void 0)
        return o(i, s), s;
    },
    set(i, s) {
      t.has(i) ? t.set(i, s) : o(i, s);
    }
  };
}, Ot = "!", Pt = ":", oi = Pt.length, ii = (e2) => {
  const {
    prefix: r,
    experimentalParseClassName: t
  } = e2;
  let n = (o) => {
    const i = [];
    let s = 0, l = 0, u = 0, f;
    for (let g = 0; g < o.length; g++) {
      let a = o[g];
      if (s === 0 && l === 0) {
        if (a === Pt) {
          i.push(o.slice(u, g)), u = g + oi;
          continue;
        }
        if (a === "/") {
          f = g;
          continue;
        }
      }
      a === "[" ? s++ : a === "]" ? s-- : a === "(" ? l++ : a === ")" && l--;
    }
    const p = i.length === 0 ? o : o.substring(u), m = si(p), h = m !== p, w = f && f > u ? f - u : void 0;
    return {
      modifiers: i,
      hasImportantModifier: h,
      baseClassName: m,
      maybePostfixModifierPosition: w
    };
  };
  if (r) {
    const o = r + Pt, i = n;
    n = (s) => s.startsWith(o) ? i(s.substring(o.length)) : {
      isExternal: true,
      modifiers: [],
      hasImportantModifier: false,
      baseClassName: s,
      maybePostfixModifierPosition: void 0
    };
  }
  if (t) {
    const o = n;
    n = (i) => t({
      className: i,
      parseClassName: o
    });
  }
  return n;
}, si = (e2) => e2.endsWith(Ot) ? e2.substring(0, e2.length - 1) : e2.startsWith(Ot) ? e2.substring(1) : e2, ai = (e2) => {
  const r = Object.fromEntries(e2.orderSensitiveModifiers.map((n) => [n, true]));
  return (n) => {
    if (n.length <= 1)
      return n;
    const o = [];
    let i = [];
    return n.forEach((s) => {
      s[0] === "[" || r[s] ? (o.push(...i.sort(), s), i = []) : i.push(s);
    }), o.push(...i.sort()), o;
  };
}, ci = (e2) => ({
  cache: ni(e2.cacheSize),
  parseClassName: ii(e2),
  sortModifiers: ai(e2),
  ...Zo(e2)
}), li = /\s+/, ui = (e2, r) => {
  const {
    parseClassName: t,
    getClassGroupId: n,
    getConflictingClassGroupIds: o,
    sortModifiers: i
  } = r, s = [], l = e2.trim().split(li);
  let u = "";
  for (let f = l.length - 1; f >= 0; f -= 1) {
    const p = l[f], {
      isExternal: m,
      modifiers: h,
      hasImportantModifier: w,
      baseClassName: g,
      maybePostfixModifierPosition: a
    } = t(p);
    if (m) {
      u = p + (u.length > 0 ? " " + u : u);
      continue;
    }
    let v = !!a, S = n(v ? g.substring(0, a) : g);
    if (!S) {
      if (!v) {
        u = p + (u.length > 0 ? " " + u : u);
        continue;
      }
      if (S = n(g), !S) {
        u = p + (u.length > 0 ? " " + u : u);
        continue;
      }
      v = false;
    }
    const D = i(h).join(":"), k = w ? D + Ot : D, C = k + S;
    if (s.includes(C))
      continue;
    s.push(C);
    const y = o(S, v);
    for (let E = 0; E < y.length; ++E) {
      const N = y[E];
      s.push(k + N);
    }
    u = p + (u.length > 0 ? " " + u : u);
  }
  return u;
};
function fi() {
  let e2 = 0, r, t, n = "";
  for (; e2 < arguments.length; )
    (r = arguments[e2++]) && (t = io(r)) && (n && (n += " "), n += t);
  return n;
}
const io = (e2) => {
  if (typeof e2 == "string")
    return e2;
  let r, t = "";
  for (let n = 0; n < e2.length; n++)
    e2[n] && (r = io(e2[n])) && (t && (t += " "), t += r);
  return t;
};
function di(e2, ...r) {
  let t, n, o, i = s;
  function s(u) {
    const f = r.reduce((p, m) => m(p), e2());
    return t = ci(f), n = t.cache.get, o = t.cache.set, i = l, l(u);
  }
  function l(u) {
    const f = n(u);
    if (f)
      return f;
    const p = ui(u, t);
    return o(u, p), p;
  }
  return function() {
    return i(fi.apply(null, arguments));
  };
}
const xe = (e2) => {
  const r = (t) => t[e2] || [];
  return r.isThemeGetter = true, r;
}, so = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, ao = /^\((?:(\w[\w-]*):)?(.+)\)$/i, pi = /^\d+\/\d+$/, mi = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, hi = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, gi = /^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/, yi = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, bi = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, lr = (e2) => pi.test(e2), H = (e2) => !!e2 && !Number.isNaN(Number(e2)), or = (e2) => !!e2 && Number.isInteger(Number(e2)), pn = (e2) => e2.endsWith("%") && H(e2.slice(0, -1)), Qe = (e2) => mi.test(e2), vi = () => true, xi = (e2) => (
  // `colorFunctionRegex` check is necessary because color functions can have percentages in them which which would be incorrectly classified as lengths.
  // For example, `hsl(0 0% 0%)` would be classified as a length without this check.
  // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
  hi.test(e2) && !gi.test(e2)
), zt = () => false, wi = (e2) => yi.test(e2), Ei = (e2) => bi.test(e2), Si = (e2) => !R(e2) && !$(e2), Ci = (e2) => vr(e2, uo, zt), R = (e2) => so.test(e2), ir = (e2) => vr(e2, fo, xi), yt = (e2) => vr(e2, Ii, H), ki = (e2) => vr(e2, co, zt), Ti = (e2) => vr(e2, lo, Ei), Ni = (e2) => vr(e2, zt, wi), $ = (e2) => ao.test(e2), zr = (e2) => xr(e2, fo), Ai = (e2) => xr(e2, ji), Oi = (e2) => xr(e2, co), Pi = (e2) => xr(e2, uo), _i = (e2) => xr(e2, lo), Ri = (e2) => xr(e2, Mi, true), vr = (e2, r, t) => {
  const n = so.exec(e2);
  return n ? n[1] ? r(n[1]) : t(n[2]) : false;
}, xr = (e2, r, t = false) => {
  const n = ao.exec(e2);
  return n ? n[1] ? r(n[1]) : t : false;
}, co = (e2) => e2 === "position", $i = /* @__PURE__ */ new Set(["image", "url"]), lo = (e2) => $i.has(e2), Di = /* @__PURE__ */ new Set(["length", "size", "percentage"]), uo = (e2) => Di.has(e2), fo = (e2) => e2 === "length", Ii = (e2) => e2 === "number", ji = (e2) => e2 === "family-name", Mi = (e2) => e2 === "shadow", Vi = () => {
  const e2 = xe("color"), r = xe("font"), t = xe("text"), n = xe("font-weight"), o = xe("tracking"), i = xe("leading"), s = xe("breakpoint"), l = xe("container"), u = xe("spacing"), f = xe("radius"), p = xe("shadow"), m = xe("inset-shadow"), h = xe("drop-shadow"), w = xe("blur"), g = xe("perspective"), a = xe("aspect"), v = xe("ease"), S = xe("animate"), D = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], k = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], C = () => ["auto", "hidden", "clip", "visible", "scroll"], y = () => ["auto", "contain", "none"], E = () => [$, R, u], N = () => [lr, "full", "auto", ...E()], _ = () => [or, "none", "subgrid", $, R], J = () => ["auto", {
    span: ["full", or, $, R]
  }, $, R], c = () => [or, "auto", $, R], A = () => ["auto", "min", "max", "fr", $, R], M = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline"], B = () => ["start", "end", "center", "stretch"], L = () => ["auto", ...E()], oe = () => [lr, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...E()], V = () => [e2, $, R], pe = () => [pn, ir], fe = () => [
    // Deprecated since Tailwind CSS v4.0.0
    "",
    "none",
    "full",
    f,
    $,
    R
  ], se = () => ["", H, zr, ir], x = () => ["solid", "dashed", "dotted", "double"], T = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], Y = () => [
    // Deprecated since Tailwind CSS v4.0.0
    "",
    "none",
    w,
    $,
    R
  ], z = () => ["center", "top", "top-right", "right", "bottom-right", "bottom", "bottom-left", "left", "top-left", $, R], U = () => ["none", H, $, R], G = () => ["none", H, $, R], F = () => [H, $, R], W = () => [lr, "full", ...E()];
  return {
    cacheSize: 500,
    theme: {
      animate: ["spin", "ping", "pulse", "bounce"],
      aspect: ["video"],
      blur: [Qe],
      breakpoint: [Qe],
      color: [vi],
      container: [Qe],
      "drop-shadow": [Qe],
      ease: ["in", "out", "in-out"],
      font: [Si],
      "font-weight": ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black"],
      "inset-shadow": [Qe],
      leading: ["none", "tight", "snug", "normal", "relaxed", "loose"],
      perspective: ["dramatic", "near", "normal", "midrange", "distant", "none"],
      radius: [Qe],
      shadow: [Qe],
      spacing: ["px", H],
      text: [Qe],
      tracking: ["tighter", "tight", "normal", "wide", "wider", "widest"]
    },
    classGroups: {
      // --------------
      // --- Layout ---
      // --------------
      /**
       * Aspect Ratio
       * @see https://tailwindcss.com/docs/aspect-ratio
       */
      aspect: [{
        aspect: ["auto", "square", lr, R, $, a]
      }],
      /**
       * Container
       * @see https://tailwindcss.com/docs/container
       * @deprecated since Tailwind CSS v4.0.0
       */
      container: ["container"],
      /**
       * Columns
       * @see https://tailwindcss.com/docs/columns
       */
      columns: [{
        columns: [H, R, $, l]
      }],
      /**
       * Break After
       * @see https://tailwindcss.com/docs/break-after
       */
      "break-after": [{
        "break-after": D()
      }],
      /**
       * Break Before
       * @see https://tailwindcss.com/docs/break-before
       */
      "break-before": [{
        "break-before": D()
      }],
      /**
       * Break Inside
       * @see https://tailwindcss.com/docs/break-inside
       */
      "break-inside": [{
        "break-inside": ["auto", "avoid", "avoid-page", "avoid-column"]
      }],
      /**
       * Box Decoration Break
       * @see https://tailwindcss.com/docs/box-decoration-break
       */
      "box-decoration": [{
        "box-decoration": ["slice", "clone"]
      }],
      /**
       * Box Sizing
       * @see https://tailwindcss.com/docs/box-sizing
       */
      box: [{
        box: ["border", "content"]
      }],
      /**
       * Display
       * @see https://tailwindcss.com/docs/display
       */
      display: ["block", "inline-block", "inline", "flex", "inline-flex", "table", "inline-table", "table-caption", "table-cell", "table-column", "table-column-group", "table-footer-group", "table-header-group", "table-row-group", "table-row", "flow-root", "grid", "inline-grid", "contents", "list-item", "hidden"],
      /**
       * Screen Reader Only
       * @see https://tailwindcss.com/docs/display#screen-reader-only
       */
      sr: ["sr-only", "not-sr-only"],
      /**
       * Floats
       * @see https://tailwindcss.com/docs/float
       */
      float: [{
        float: ["right", "left", "none", "start", "end"]
      }],
      /**
       * Clear
       * @see https://tailwindcss.com/docs/clear
       */
      clear: [{
        clear: ["left", "right", "both", "none", "start", "end"]
      }],
      /**
       * Isolation
       * @see https://tailwindcss.com/docs/isolation
       */
      isolation: ["isolate", "isolation-auto"],
      /**
       * Object Fit
       * @see https://tailwindcss.com/docs/object-fit
       */
      "object-fit": [{
        object: ["contain", "cover", "fill", "none", "scale-down"]
      }],
      /**
       * Object Position
       * @see https://tailwindcss.com/docs/object-position
       */
      "object-position": [{
        object: [...k(), R, $]
      }],
      /**
       * Overflow
       * @see https://tailwindcss.com/docs/overflow
       */
      overflow: [{
        overflow: C()
      }],
      /**
       * Overflow X
       * @see https://tailwindcss.com/docs/overflow
       */
      "overflow-x": [{
        "overflow-x": C()
      }],
      /**
       * Overflow Y
       * @see https://tailwindcss.com/docs/overflow
       */
      "overflow-y": [{
        "overflow-y": C()
      }],
      /**
       * Overscroll Behavior
       * @see https://tailwindcss.com/docs/overscroll-behavior
       */
      overscroll: [{
        overscroll: y()
      }],
      /**
       * Overscroll Behavior X
       * @see https://tailwindcss.com/docs/overscroll-behavior
       */
      "overscroll-x": [{
        "overscroll-x": y()
      }],
      /**
       * Overscroll Behavior Y
       * @see https://tailwindcss.com/docs/overscroll-behavior
       */
      "overscroll-y": [{
        "overscroll-y": y()
      }],
      /**
       * Position
       * @see https://tailwindcss.com/docs/position
       */
      position: ["static", "fixed", "absolute", "relative", "sticky"],
      /**
       * Top / Right / Bottom / Left
       * @see https://tailwindcss.com/docs/top-right-bottom-left
       */
      inset: [{
        inset: N()
      }],
      /**
       * Right / Left
       * @see https://tailwindcss.com/docs/top-right-bottom-left
       */
      "inset-x": [{
        "inset-x": N()
      }],
      /**
       * Top / Bottom
       * @see https://tailwindcss.com/docs/top-right-bottom-left
       */
      "inset-y": [{
        "inset-y": N()
      }],
      /**
       * Start
       * @see https://tailwindcss.com/docs/top-right-bottom-left
       */
      start: [{
        start: N()
      }],
      /**
       * End
       * @see https://tailwindcss.com/docs/top-right-bottom-left
       */
      end: [{
        end: N()
      }],
      /**
       * Top
       * @see https://tailwindcss.com/docs/top-right-bottom-left
       */
      top: [{
        top: N()
      }],
      /**
       * Right
       * @see https://tailwindcss.com/docs/top-right-bottom-left
       */
      right: [{
        right: N()
      }],
      /**
       * Bottom
       * @see https://tailwindcss.com/docs/top-right-bottom-left
       */
      bottom: [{
        bottom: N()
      }],
      /**
       * Left
       * @see https://tailwindcss.com/docs/top-right-bottom-left
       */
      left: [{
        left: N()
      }],
      /**
       * Visibility
       * @see https://tailwindcss.com/docs/visibility
       */
      visibility: ["visible", "invisible", "collapse"],
      /**
       * Z-Index
       * @see https://tailwindcss.com/docs/z-index
       */
      z: [{
        z: [or, "auto", $, R]
      }],
      // ------------------------
      // --- Flexbox and Grid ---
      // ------------------------
      /**
       * Flex Basis
       * @see https://tailwindcss.com/docs/flex-basis
       */
      basis: [{
        basis: [lr, "full", "auto", l, ...E()]
      }],
      /**
       * Flex Direction
       * @see https://tailwindcss.com/docs/flex-direction
       */
      "flex-direction": [{
        flex: ["row", "row-reverse", "col", "col-reverse"]
      }],
      /**
       * Flex Wrap
       * @see https://tailwindcss.com/docs/flex-wrap
       */
      "flex-wrap": [{
        flex: ["nowrap", "wrap", "wrap-reverse"]
      }],
      /**
       * Flex
       * @see https://tailwindcss.com/docs/flex
       */
      flex: [{
        flex: [H, lr, "auto", "initial", "none", R]
      }],
      /**
       * Flex Grow
       * @see https://tailwindcss.com/docs/flex-grow
       */
      grow: [{
        grow: ["", H, $, R]
      }],
      /**
       * Flex Shrink
       * @see https://tailwindcss.com/docs/flex-shrink
       */
      shrink: [{
        shrink: ["", H, $, R]
      }],
      /**
       * Order
       * @see https://tailwindcss.com/docs/order
       */
      order: [{
        order: [or, "first", "last", "none", $, R]
      }],
      /**
       * Grid Template Columns
       * @see https://tailwindcss.com/docs/grid-template-columns
       */
      "grid-cols": [{
        "grid-cols": _()
      }],
      /**
       * Grid Column Start / End
       * @see https://tailwindcss.com/docs/grid-column
       */
      "col-start-end": [{
        col: J()
      }],
      /**
       * Grid Column Start
       * @see https://tailwindcss.com/docs/grid-column
       */
      "col-start": [{
        "col-start": c()
      }],
      /**
       * Grid Column End
       * @see https://tailwindcss.com/docs/grid-column
       */
      "col-end": [{
        "col-end": c()
      }],
      /**
       * Grid Template Rows
       * @see https://tailwindcss.com/docs/grid-template-rows
       */
      "grid-rows": [{
        "grid-rows": _()
      }],
      /**
       * Grid Row Start / End
       * @see https://tailwindcss.com/docs/grid-row
       */
      "row-start-end": [{
        row: J()
      }],
      /**
       * Grid Row Start
       * @see https://tailwindcss.com/docs/grid-row
       */
      "row-start": [{
        "row-start": c()
      }],
      /**
       * Grid Row End
       * @see https://tailwindcss.com/docs/grid-row
       */
      "row-end": [{
        "row-end": c()
      }],
      /**
       * Grid Auto Flow
       * @see https://tailwindcss.com/docs/grid-auto-flow
       */
      "grid-flow": [{
        "grid-flow": ["row", "col", "dense", "row-dense", "col-dense"]
      }],
      /**
       * Grid Auto Columns
       * @see https://tailwindcss.com/docs/grid-auto-columns
       */
      "auto-cols": [{
        "auto-cols": A()
      }],
      /**
       * Grid Auto Rows
       * @see https://tailwindcss.com/docs/grid-auto-rows
       */
      "auto-rows": [{
        "auto-rows": A()
      }],
      /**
       * Gap
       * @see https://tailwindcss.com/docs/gap
       */
      gap: [{
        gap: E()
      }],
      /**
       * Gap X
       * @see https://tailwindcss.com/docs/gap
       */
      "gap-x": [{
        "gap-x": E()
      }],
      /**
       * Gap Y
       * @see https://tailwindcss.com/docs/gap
       */
      "gap-y": [{
        "gap-y": E()
      }],
      /**
       * Justify Content
       * @see https://tailwindcss.com/docs/justify-content
       */
      "justify-content": [{
        justify: [...M(), "normal"]
      }],
      /**
       * Justify Items
       * @see https://tailwindcss.com/docs/justify-items
       */
      "justify-items": [{
        "justify-items": [...B(), "normal"]
      }],
      /**
       * Justify Self
       * @see https://tailwindcss.com/docs/justify-self
       */
      "justify-self": [{
        "justify-self": ["auto", ...B()]
      }],
      /**
       * Align Content
       * @see https://tailwindcss.com/docs/align-content
       */
      "align-content": [{
        content: ["normal", ...M()]
      }],
      /**
       * Align Items
       * @see https://tailwindcss.com/docs/align-items
       */
      "align-items": [{
        items: [...B(), "baseline"]
      }],
      /**
       * Align Self
       * @see https://tailwindcss.com/docs/align-self
       */
      "align-self": [{
        self: ["auto", ...B(), "baseline"]
      }],
      /**
       * Place Content
       * @see https://tailwindcss.com/docs/place-content
       */
      "place-content": [{
        "place-content": M()
      }],
      /**
       * Place Items
       * @see https://tailwindcss.com/docs/place-items
       */
      "place-items": [{
        "place-items": [...B(), "baseline"]
      }],
      /**
       * Place Self
       * @see https://tailwindcss.com/docs/place-self
       */
      "place-self": [{
        "place-self": ["auto", ...B()]
      }],
      // Spacing
      /**
       * Padding
       * @see https://tailwindcss.com/docs/padding
       */
      p: [{
        p: E()
      }],
      /**
       * Padding X
       * @see https://tailwindcss.com/docs/padding
       */
      px: [{
        px: E()
      }],
      /**
       * Padding Y
       * @see https://tailwindcss.com/docs/padding
       */
      py: [{
        py: E()
      }],
      /**
       * Padding Start
       * @see https://tailwindcss.com/docs/padding
       */
      ps: [{
        ps: E()
      }],
      /**
       * Padding End
       * @see https://tailwindcss.com/docs/padding
       */
      pe: [{
        pe: E()
      }],
      /**
       * Padding Top
       * @see https://tailwindcss.com/docs/padding
       */
      pt: [{
        pt: E()
      }],
      /**
       * Padding Right
       * @see https://tailwindcss.com/docs/padding
       */
      pr: [{
        pr: E()
      }],
      /**
       * Padding Bottom
       * @see https://tailwindcss.com/docs/padding
       */
      pb: [{
        pb: E()
      }],
      /**
       * Padding Left
       * @see https://tailwindcss.com/docs/padding
       */
      pl: [{
        pl: E()
      }],
      /**
       * Margin
       * @see https://tailwindcss.com/docs/margin
       */
      m: [{
        m: L()
      }],
      /**
       * Margin X
       * @see https://tailwindcss.com/docs/margin
       */
      mx: [{
        mx: L()
      }],
      /**
       * Margin Y
       * @see https://tailwindcss.com/docs/margin
       */
      my: [{
        my: L()
      }],
      /**
       * Margin Start
       * @see https://tailwindcss.com/docs/margin
       */
      ms: [{
        ms: L()
      }],
      /**
       * Margin End
       * @see https://tailwindcss.com/docs/margin
       */
      me: [{
        me: L()
      }],
      /**
       * Margin Top
       * @see https://tailwindcss.com/docs/margin
       */
      mt: [{
        mt: L()
      }],
      /**
       * Margin Right
       * @see https://tailwindcss.com/docs/margin
       */
      mr: [{
        mr: L()
      }],
      /**
       * Margin Bottom
       * @see https://tailwindcss.com/docs/margin
       */
      mb: [{
        mb: L()
      }],
      /**
       * Margin Left
       * @see https://tailwindcss.com/docs/margin
       */
      ml: [{
        ml: L()
      }],
      /**
       * Space Between X
       * @see https://tailwindcss.com/docs/margin#adding-space-between-children
       */
      "space-x": [{
        "space-x": E()
      }],
      /**
       * Space Between X Reverse
       * @see https://tailwindcss.com/docs/margin#adding-space-between-children
       */
      "space-x-reverse": ["space-x-reverse"],
      /**
       * Space Between Y
       * @see https://tailwindcss.com/docs/margin#adding-space-between-children
       */
      "space-y": [{
        "space-y": E()
      }],
      /**
       * Space Between Y Reverse
       * @see https://tailwindcss.com/docs/margin#adding-space-between-children
       */
      "space-y-reverse": ["space-y-reverse"],
      // --------------
      // --- Sizing ---
      // --------------
      /**
       * Size
       * @see https://tailwindcss.com/docs/width#setting-both-width-and-height
       */
      size: [{
        size: oe()
      }],
      /**
       * Width
       * @see https://tailwindcss.com/docs/width
       */
      w: [{
        w: [l, "screen", ...oe()]
      }],
      /**
       * Min-Width
       * @see https://tailwindcss.com/docs/min-width
       */
      "min-w": [{
        "min-w": [
          l,
          "screen",
          /** Deprecated. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
          "none",
          ...oe()
        ]
      }],
      /**
       * Max-Width
       * @see https://tailwindcss.com/docs/max-width
       */
      "max-w": [{
        "max-w": [
          l,
          "screen",
          "none",
          /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
          "prose",
          /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
          {
            screen: [s]
          },
          ...oe()
        ]
      }],
      /**
       * Height
       * @see https://tailwindcss.com/docs/height
       */
      h: [{
        h: ["screen", ...oe()]
      }],
      /**
       * Min-Height
       * @see https://tailwindcss.com/docs/min-height
       */
      "min-h": [{
        "min-h": ["screen", "none", ...oe()]
      }],
      /**
       * Max-Height
       * @see https://tailwindcss.com/docs/max-height
       */
      "max-h": [{
        "max-h": ["screen", ...oe()]
      }],
      // ------------------
      // --- Typography ---
      // ------------------
      /**
       * Font Size
       * @see https://tailwindcss.com/docs/font-size
       */
      "font-size": [{
        text: ["base", t, zr, ir]
      }],
      /**
       * Font Smoothing
       * @see https://tailwindcss.com/docs/font-smoothing
       */
      "font-smoothing": ["antialiased", "subpixel-antialiased"],
      /**
       * Font Style
       * @see https://tailwindcss.com/docs/font-style
       */
      "font-style": ["italic", "not-italic"],
      /**
       * Font Weight
       * @see https://tailwindcss.com/docs/font-weight
       */
      "font-weight": [{
        font: [n, $, yt]
      }],
      /**
       * Font Stretch
       * @see https://tailwindcss.com/docs/font-stretch
       */
      "font-stretch": [{
        "font-stretch": ["ultra-condensed", "extra-condensed", "condensed", "semi-condensed", "normal", "semi-expanded", "expanded", "extra-expanded", "ultra-expanded", pn, R]
      }],
      /**
       * Font Family
       * @see https://tailwindcss.com/docs/font-family
       */
      "font-family": [{
        font: [Ai, R, r]
      }],
      /**
       * Font Variant Numeric
       * @see https://tailwindcss.com/docs/font-variant-numeric
       */
      "fvn-normal": ["normal-nums"],
      /**
       * Font Variant Numeric
       * @see https://tailwindcss.com/docs/font-variant-numeric
       */
      "fvn-ordinal": ["ordinal"],
      /**
       * Font Variant Numeric
       * @see https://tailwindcss.com/docs/font-variant-numeric
       */
      "fvn-slashed-zero": ["slashed-zero"],
      /**
       * Font Variant Numeric
       * @see https://tailwindcss.com/docs/font-variant-numeric
       */
      "fvn-figure": ["lining-nums", "oldstyle-nums"],
      /**
       * Font Variant Numeric
       * @see https://tailwindcss.com/docs/font-variant-numeric
       */
      "fvn-spacing": ["proportional-nums", "tabular-nums"],
      /**
       * Font Variant Numeric
       * @see https://tailwindcss.com/docs/font-variant-numeric
       */
      "fvn-fraction": ["diagonal-fractions", "stacked-fractions"],
      /**
       * Letter Spacing
       * @see https://tailwindcss.com/docs/letter-spacing
       */
      tracking: [{
        tracking: [o, $, R]
      }],
      /**
       * Line Clamp
       * @see https://tailwindcss.com/docs/line-clamp
       */
      "line-clamp": [{
        "line-clamp": [H, "none", $, yt]
      }],
      /**
       * Line Height
       * @see https://tailwindcss.com/docs/line-height
       */
      leading: [{
        leading: [
          /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
          i,
          ...E()
        ]
      }],
      /**
       * List Style Image
       * @see https://tailwindcss.com/docs/list-style-image
       */
      "list-image": [{
        "list-image": ["none", $, R]
      }],
      /**
       * List Style Position
       * @see https://tailwindcss.com/docs/list-style-position
       */
      "list-style-position": [{
        list: ["inside", "outside"]
      }],
      /**
       * List Style Type
       * @see https://tailwindcss.com/docs/list-style-type
       */
      "list-style-type": [{
        list: ["disc", "decimal", "none", $, R]
      }],
      /**
       * Text Alignment
       * @see https://tailwindcss.com/docs/text-align
       */
      "text-alignment": [{
        text: ["left", "center", "right", "justify", "start", "end"]
      }],
      /**
       * Placeholder Color
       * @deprecated since Tailwind CSS v3.0.0
       * @see https://v3.tailwindcss.com/docs/placeholder-color
       */
      "placeholder-color": [{
        placeholder: V()
      }],
      /**
       * Text Color
       * @see https://tailwindcss.com/docs/text-color
       */
      "text-color": [{
        text: V()
      }],
      /**
       * Text Decoration
       * @see https://tailwindcss.com/docs/text-decoration
       */
      "text-decoration": ["underline", "overline", "line-through", "no-underline"],
      /**
       * Text Decoration Style
       * @see https://tailwindcss.com/docs/text-decoration-style
       */
      "text-decoration-style": [{
        decoration: [...x(), "wavy"]
      }],
      /**
       * Text Decoration Thickness
       * @see https://tailwindcss.com/docs/text-decoration-thickness
       */
      "text-decoration-thickness": [{
        decoration: [H, "from-font", "auto", $, ir]
      }],
      /**
       * Text Decoration Color
       * @see https://tailwindcss.com/docs/text-decoration-color
       */
      "text-decoration-color": [{
        decoration: V()
      }],
      /**
       * Text Underline Offset
       * @see https://tailwindcss.com/docs/text-underline-offset
       */
      "underline-offset": [{
        "underline-offset": [H, "auto", $, R]
      }],
      /**
       * Text Transform
       * @see https://tailwindcss.com/docs/text-transform
       */
      "text-transform": ["uppercase", "lowercase", "capitalize", "normal-case"],
      /**
       * Text Overflow
       * @see https://tailwindcss.com/docs/text-overflow
       */
      "text-overflow": ["truncate", "text-ellipsis", "text-clip"],
      /**
       * Text Wrap
       * @see https://tailwindcss.com/docs/text-wrap
       */
      "text-wrap": [{
        text: ["wrap", "nowrap", "balance", "pretty"]
      }],
      /**
       * Text Indent
       * @see https://tailwindcss.com/docs/text-indent
       */
      indent: [{
        indent: E()
      }],
      /**
       * Vertical Alignment
       * @see https://tailwindcss.com/docs/vertical-align
       */
      "vertical-align": [{
        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", $, R]
      }],
      /**
       * Whitespace
       * @see https://tailwindcss.com/docs/whitespace
       */
      whitespace: [{
        whitespace: ["normal", "nowrap", "pre", "pre-line", "pre-wrap", "break-spaces"]
      }],
      /**
       * Word Break
       * @see https://tailwindcss.com/docs/word-break
       */
      break: [{
        break: ["normal", "words", "all", "keep"]
      }],
      /**
       * Hyphens
       * @see https://tailwindcss.com/docs/hyphens
       */
      hyphens: [{
        hyphens: ["none", "manual", "auto"]
      }],
      /**
       * Content
       * @see https://tailwindcss.com/docs/content
       */
      content: [{
        content: ["none", $, R]
      }],
      // -------------------
      // --- Backgrounds ---
      // -------------------
      /**
       * Background Attachment
       * @see https://tailwindcss.com/docs/background-attachment
       */
      "bg-attachment": [{
        bg: ["fixed", "local", "scroll"]
      }],
      /**
       * Background Clip
       * @see https://tailwindcss.com/docs/background-clip
       */
      "bg-clip": [{
        "bg-clip": ["border", "padding", "content", "text"]
      }],
      /**
       * Background Origin
       * @see https://tailwindcss.com/docs/background-origin
       */
      "bg-origin": [{
        "bg-origin": ["border", "padding", "content"]
      }],
      /**
       * Background Position
       * @see https://tailwindcss.com/docs/background-position
       */
      "bg-position": [{
        bg: [...k(), Oi, ki]
      }],
      /**
       * Background Repeat
       * @see https://tailwindcss.com/docs/background-repeat
       */
      "bg-repeat": [{
        bg: ["no-repeat", {
          repeat: ["", "x", "y", "space", "round"]
        }]
      }],
      /**
       * Background Size
       * @see https://tailwindcss.com/docs/background-size
       */
      "bg-size": [{
        bg: ["auto", "cover", "contain", Pi, Ci]
      }],
      /**
       * Background Image
       * @see https://tailwindcss.com/docs/background-image
       */
      "bg-image": [{
        bg: ["none", {
          linear: [{
            to: ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
          }, or, $, R],
          radial: ["", $, R],
          conic: [or, $, R]
        }, _i, Ti]
      }],
      /**
       * Background Color
       * @see https://tailwindcss.com/docs/background-color
       */
      "bg-color": [{
        bg: V()
      }],
      /**
       * Gradient Color Stops From Position
       * @see https://tailwindcss.com/docs/gradient-color-stops
       */
      "gradient-from-pos": [{
        from: pe()
      }],
      /**
       * Gradient Color Stops Via Position
       * @see https://tailwindcss.com/docs/gradient-color-stops
       */
      "gradient-via-pos": [{
        via: pe()
      }],
      /**
       * Gradient Color Stops To Position
       * @see https://tailwindcss.com/docs/gradient-color-stops
       */
      "gradient-to-pos": [{
        to: pe()
      }],
      /**
       * Gradient Color Stops From
       * @see https://tailwindcss.com/docs/gradient-color-stops
       */
      "gradient-from": [{
        from: V()
      }],
      /**
       * Gradient Color Stops Via
       * @see https://tailwindcss.com/docs/gradient-color-stops
       */
      "gradient-via": [{
        via: V()
      }],
      /**
       * Gradient Color Stops To
       * @see https://tailwindcss.com/docs/gradient-color-stops
       */
      "gradient-to": [{
        to: V()
      }],
      // ---------------
      // --- Borders ---
      // ---------------
      /**
       * Border Radius
       * @see https://tailwindcss.com/docs/border-radius
       */
      rounded: [{
        rounded: fe()
      }],
      /**
       * Border Radius Start
       * @see https://tailwindcss.com/docs/border-radius
       */
      "rounded-s": [{
        "rounded-s": fe()
      }],
      /**
       * Border Radius End
       * @see https://tailwindcss.com/docs/border-radius
       */
      "rounded-e": [{
        "rounded-e": fe()
      }],
      /**
       * Border Radius Top
       * @see https://tailwindcss.com/docs/border-radius
       */
      "rounded-t": [{
        "rounded-t": fe()
      }],
      /**
       * Border Radius Right
       * @see https://tailwindcss.com/docs/border-radius
       */
      "rounded-r": [{
        "rounded-r": fe()
      }],
      /**
       * Border Radius Bottom
       * @see https://tailwindcss.com/docs/border-radius
       */
      "rounded-b": [{
        "rounded-b": fe()
      }],
      /**
       * Border Radius Left
       * @see https://tailwindcss.com/docs/border-radius
       */
      "rounded-l": [{
        "rounded-l": fe()
      }],
      /**
       * Border Radius Start Start
       * @see https://tailwindcss.com/docs/border-radius
       */
      "rounded-ss": [{
        "rounded-ss": fe()
      }],
      /**
       * Border Radius Start End
       * @see https://tailwindcss.com/docs/border-radius
       */
      "rounded-se": [{
        "rounded-se": fe()
      }],
      /**
       * Border Radius End End
       * @see https://tailwindcss.com/docs/border-radius
       */
      "rounded-ee": [{
        "rounded-ee": fe()
      }],
      /**
       * Border Radius End Start
       * @see https://tailwindcss.com/docs/border-radius
       */
      "rounded-es": [{
        "rounded-es": fe()
      }],
      /**
       * Border Radius Top Left
       * @see https://tailwindcss.com/docs/border-radius
       */
      "rounded-tl": [{
        "rounded-tl": fe()
      }],
      /**
       * Border Radius Top Right
       * @see https://tailwindcss.com/docs/border-radius
       */
      "rounded-tr": [{
        "rounded-tr": fe()
      }],
      /**
       * Border Radius Bottom Right
       * @see https://tailwindcss.com/docs/border-radius
       */
      "rounded-br": [{
        "rounded-br": fe()
      }],
      /**
       * Border Radius Bottom Left
       * @see https://tailwindcss.com/docs/border-radius
       */
      "rounded-bl": [{
        "rounded-bl": fe()
      }],
      /**
       * Border Width
       * @see https://tailwindcss.com/docs/border-width
       */
      "border-w": [{
        border: se()
      }],
      /**
       * Border Width X
       * @see https://tailwindcss.com/docs/border-width
       */
      "border-w-x": [{
        "border-x": se()
      }],
      /**
       * Border Width Y
       * @see https://tailwindcss.com/docs/border-width
       */
      "border-w-y": [{
        "border-y": se()
      }],
      /**
       * Border Width Start
       * @see https://tailwindcss.com/docs/border-width
       */
      "border-w-s": [{
        "border-s": se()
      }],
      /**
       * Border Width End
       * @see https://tailwindcss.com/docs/border-width
       */
      "border-w-e": [{
        "border-e": se()
      }],
      /**
       * Border Width Top
       * @see https://tailwindcss.com/docs/border-width
       */
      "border-w-t": [{
        "border-t": se()
      }],
      /**
       * Border Width Right
       * @see https://tailwindcss.com/docs/border-width
       */
      "border-w-r": [{
        "border-r": se()
      }],
      /**
       * Border Width Bottom
       * @see https://tailwindcss.com/docs/border-width
       */
      "border-w-b": [{
        "border-b": se()
      }],
      /**
       * Border Width Left
       * @see https://tailwindcss.com/docs/border-width
       */
      "border-w-l": [{
        "border-l": se()
      }],
      /**
       * Divide Width X
       * @see https://tailwindcss.com/docs/border-width#between-children
       */
      "divide-x": [{
        "divide-x": se()
      }],
      /**
       * Divide Width X Reverse
       * @see https://tailwindcss.com/docs/border-width#between-children
       */
      "divide-x-reverse": ["divide-x-reverse"],
      /**
       * Divide Width Y
       * @see https://tailwindcss.com/docs/border-width#between-children
       */
      "divide-y": [{
        "divide-y": se()
      }],
      /**
       * Divide Width Y Reverse
       * @see https://tailwindcss.com/docs/border-width#between-children
       */
      "divide-y-reverse": ["divide-y-reverse"],
      /**
       * Border Style
       * @see https://tailwindcss.com/docs/border-style
       */
      "border-style": [{
        border: [...x(), "hidden", "none"]
      }],
      /**
       * Divide Style
       * @see https://tailwindcss.com/docs/border-style#setting-the-divider-style
       */
      "divide-style": [{
        divide: [...x(), "hidden", "none"]
      }],
      /**
       * Border Color
       * @see https://tailwindcss.com/docs/border-color
       */
      "border-color": [{
        border: V()
      }],
      /**
       * Border Color X
       * @see https://tailwindcss.com/docs/border-color
       */
      "border-color-x": [{
        "border-x": V()
      }],
      /**
       * Border Color Y
       * @see https://tailwindcss.com/docs/border-color
       */
      "border-color-y": [{
        "border-y": V()
      }],
      /**
       * Border Color S
       * @see https://tailwindcss.com/docs/border-color
       */
      "border-color-s": [{
        "border-s": V()
      }],
      /**
       * Border Color E
       * @see https://tailwindcss.com/docs/border-color
       */
      "border-color-e": [{
        "border-e": V()
      }],
      /**
       * Border Color Top
       * @see https://tailwindcss.com/docs/border-color
       */
      "border-color-t": [{
        "border-t": V()
      }],
      /**
       * Border Color Right
       * @see https://tailwindcss.com/docs/border-color
       */
      "border-color-r": [{
        "border-r": V()
      }],
      /**
       * Border Color Bottom
       * @see https://tailwindcss.com/docs/border-color
       */
      "border-color-b": [{
        "border-b": V()
      }],
      /**
       * Border Color Left
       * @see https://tailwindcss.com/docs/border-color
       */
      "border-color-l": [{
        "border-l": V()
      }],
      /**
       * Divide Color
       * @see https://tailwindcss.com/docs/divide-color
       */
      "divide-color": [{
        divide: V()
      }],
      /**
       * Outline Style
       * @see https://tailwindcss.com/docs/outline-style
       */
      "outline-style": [{
        outline: [...x(), "none", "hidden"]
      }],
      /**
       * Outline Offset
       * @see https://tailwindcss.com/docs/outline-offset
       */
      "outline-offset": [{
        "outline-offset": [H, $, R]
      }],
      /**
       * Outline Width
       * @see https://tailwindcss.com/docs/outline-width
       */
      "outline-w": [{
        outline: ["", H, zr, ir]
      }],
      /**
       * Outline Color
       * @see https://tailwindcss.com/docs/outline-color
       */
      "outline-color": [{
        outline: [e2]
      }],
      // ---------------
      // --- Effects ---
      // ---------------
      /**
       * Box Shadow
       * @see https://tailwindcss.com/docs/box-shadow
       */
      shadow: [{
        shadow: [
          // Deprecated since Tailwind CSS v4.0.0
          "",
          "none",
          p,
          Ri,
          Ni
        ]
      }],
      /**
       * Box Shadow Color
       * @see https://tailwindcss.com/docs/box-shadow#setting-the-shadow-color
       */
      "shadow-color": [{
        shadow: V()
      }],
      /**
       * Inset Box Shadow
       * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-shadow
       */
      "inset-shadow": [{
        "inset-shadow": ["none", $, R, m]
      }],
      /**
       * Inset Box Shadow Color
       * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-shadow-color
       */
      "inset-shadow-color": [{
        "inset-shadow": V()
      }],
      /**
       * Ring Width
       * @see https://tailwindcss.com/docs/box-shadow#adding-a-ring
       */
      "ring-w": [{
        ring: se()
      }],
      /**
       * Ring Width Inset
       * @see https://v3.tailwindcss.com/docs/ring-width#inset-rings
       * @deprecated since Tailwind CSS v4.0.0
       * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
       */
      "ring-w-inset": ["ring-inset"],
      /**
       * Ring Color
       * @see https://tailwindcss.com/docs/box-shadow#setting-the-ring-color
       */
      "ring-color": [{
        ring: V()
      }],
      /**
       * Ring Offset Width
       * @see https://v3.tailwindcss.com/docs/ring-offset-width
       * @deprecated since Tailwind CSS v4.0.0
       * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
       */
      "ring-offset-w": [{
        "ring-offset": [H, ir]
      }],
      /**
       * Ring Offset Color
       * @see https://v3.tailwindcss.com/docs/ring-offset-color
       * @deprecated since Tailwind CSS v4.0.0
       * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
       */
      "ring-offset-color": [{
        "ring-offset": V()
      }],
      /**
       * Inset Ring Width
       * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-ring
       */
      "inset-ring-w": [{
        "inset-ring": se()
      }],
      /**
       * Inset Ring Color
       * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-ring-color
       */
      "inset-ring-color": [{
        "inset-ring": V()
      }],
      /**
       * Opacity
       * @see https://tailwindcss.com/docs/opacity
       */
      opacity: [{
        opacity: [H, $, R]
      }],
      /**
       * Mix Blend Mode
       * @see https://tailwindcss.com/docs/mix-blend-mode
       */
      "mix-blend": [{
        "mix-blend": [...T(), "plus-darker", "plus-lighter"]
      }],
      /**
       * Background Blend Mode
       * @see https://tailwindcss.com/docs/background-blend-mode
       */
      "bg-blend": [{
        "bg-blend": T()
      }],
      // ---------------
      // --- Filters ---
      // ---------------
      /**
       * Filter
       * @see https://tailwindcss.com/docs/filter
       */
      filter: [{
        filter: [
          // Deprecated since Tailwind CSS v3.0.0
          "",
          "none",
          $,
          R
        ]
      }],
      /**
       * Blur
       * @see https://tailwindcss.com/docs/blur
       */
      blur: [{
        blur: Y()
      }],
      /**
       * Brightness
       * @see https://tailwindcss.com/docs/brightness
       */
      brightness: [{
        brightness: [H, $, R]
      }],
      /**
       * Contrast
       * @see https://tailwindcss.com/docs/contrast
       */
      contrast: [{
        contrast: [H, $, R]
      }],
      /**
       * Drop Shadow
       * @see https://tailwindcss.com/docs/drop-shadow
       */
      "drop-shadow": [{
        "drop-shadow": [
          // Deprecated since Tailwind CSS v4.0.0
          "",
          "none",
          h,
          $,
          R
        ]
      }],
      /**
       * Grayscale
       * @see https://tailwindcss.com/docs/grayscale
       */
      grayscale: [{
        grayscale: ["", H, $, R]
      }],
      /**
       * Hue Rotate
       * @see https://tailwindcss.com/docs/hue-rotate
       */
      "hue-rotate": [{
        "hue-rotate": [H, $, R]
      }],
      /**
       * Invert
       * @see https://tailwindcss.com/docs/invert
       */
      invert: [{
        invert: ["", H, $, R]
      }],
      /**
       * Saturate
       * @see https://tailwindcss.com/docs/saturate
       */
      saturate: [{
        saturate: [H, $, R]
      }],
      /**
       * Sepia
       * @see https://tailwindcss.com/docs/sepia
       */
      sepia: [{
        sepia: ["", H, $, R]
      }],
      /**
       * Backdrop Filter
       * @see https://tailwindcss.com/docs/backdrop-filter
       */
      "backdrop-filter": [{
        "backdrop-filter": [
          // Deprecated since Tailwind CSS v3.0.0
          "",
          "none",
          $,
          R
        ]
      }],
      /**
       * Backdrop Blur
       * @see https://tailwindcss.com/docs/backdrop-blur
       */
      "backdrop-blur": [{
        "backdrop-blur": Y()
      }],
      /**
       * Backdrop Brightness
       * @see https://tailwindcss.com/docs/backdrop-brightness
       */
      "backdrop-brightness": [{
        "backdrop-brightness": [H, $, R]
      }],
      /**
       * Backdrop Contrast
       * @see https://tailwindcss.com/docs/backdrop-contrast
       */
      "backdrop-contrast": [{
        "backdrop-contrast": [H, $, R]
      }],
      /**
       * Backdrop Grayscale
       * @see https://tailwindcss.com/docs/backdrop-grayscale
       */
      "backdrop-grayscale": [{
        "backdrop-grayscale": ["", H, $, R]
      }],
      /**
       * Backdrop Hue Rotate
       * @see https://tailwindcss.com/docs/backdrop-hue-rotate
       */
      "backdrop-hue-rotate": [{
        "backdrop-hue-rotate": [H, $, R]
      }],
      /**
       * Backdrop Invert
       * @see https://tailwindcss.com/docs/backdrop-invert
       */
      "backdrop-invert": [{
        "backdrop-invert": ["", H, $, R]
      }],
      /**
       * Backdrop Opacity
       * @see https://tailwindcss.com/docs/backdrop-opacity
       */
      "backdrop-opacity": [{
        "backdrop-opacity": [H, $, R]
      }],
      /**
       * Backdrop Saturate
       * @see https://tailwindcss.com/docs/backdrop-saturate
       */
      "backdrop-saturate": [{
        "backdrop-saturate": [H, $, R]
      }],
      /**
       * Backdrop Sepia
       * @see https://tailwindcss.com/docs/backdrop-sepia
       */
      "backdrop-sepia": [{
        "backdrop-sepia": ["", H, $, R]
      }],
      // --------------
      // --- Tables ---
      // --------------
      /**
       * Border Collapse
       * @see https://tailwindcss.com/docs/border-collapse
       */
      "border-collapse": [{
        border: ["collapse", "separate"]
      }],
      /**
       * Border Spacing
       * @see https://tailwindcss.com/docs/border-spacing
       */
      "border-spacing": [{
        "border-spacing": E()
      }],
      /**
       * Border Spacing X
       * @see https://tailwindcss.com/docs/border-spacing
       */
      "border-spacing-x": [{
        "border-spacing-x": E()
      }],
      /**
       * Border Spacing Y
       * @see https://tailwindcss.com/docs/border-spacing
       */
      "border-spacing-y": [{
        "border-spacing-y": E()
      }],
      /**
       * Table Layout
       * @see https://tailwindcss.com/docs/table-layout
       */
      "table-layout": [{
        table: ["auto", "fixed"]
      }],
      /**
       * Caption Side
       * @see https://tailwindcss.com/docs/caption-side
       */
      caption: [{
        caption: ["top", "bottom"]
      }],
      // ---------------------------------
      // --- Transitions and Animation ---
      // ---------------------------------
      /**
       * Transition Property
       * @see https://tailwindcss.com/docs/transition-property
       */
      transition: [{
        transition: ["", "all", "colors", "opacity", "shadow", "transform", "none", $, R]
      }],
      /**
       * Transition Behavior
       * @see https://tailwindcss.com/docs/transition-behavior
       */
      "transition-behavior": [{
        transition: ["normal", "discrete"]
      }],
      /**
       * Transition Duration
       * @see https://tailwindcss.com/docs/transition-duration
       */
      duration: [{
        duration: [H, "initial", $, R]
      }],
      /**
       * Transition Timing Function
       * @see https://tailwindcss.com/docs/transition-timing-function
       */
      ease: [{
        ease: ["linear", "initial", v, $, R]
      }],
      /**
       * Transition Delay
       * @see https://tailwindcss.com/docs/transition-delay
       */
      delay: [{
        delay: [H, $, R]
      }],
      /**
       * Animation
       * @see https://tailwindcss.com/docs/animation
       */
      animate: [{
        animate: ["none", S, $, R]
      }],
      // ------------------
      // --- Transforms ---
      // ------------------
      /**
       * Backface Visibility
       * @see https://tailwindcss.com/docs/backface-visibility
       */
      backface: [{
        backface: ["hidden", "visible"]
      }],
      /**
       * Perspective
       * @see https://tailwindcss.com/docs/perspective
       */
      perspective: [{
        perspective: [g, $, R]
      }],
      /**
       * Perspective Origin
       * @see https://tailwindcss.com/docs/perspective-origin
       */
      "perspective-origin": [{
        "perspective-origin": z()
      }],
      /**
       * Rotate
       * @see https://tailwindcss.com/docs/rotate
       */
      rotate: [{
        rotate: U()
      }],
      /**
       * Rotate X
       * @see https://tailwindcss.com/docs/rotate
       */
      "rotate-x": [{
        "rotate-x": U()
      }],
      /**
       * Rotate Y
       * @see https://tailwindcss.com/docs/rotate
       */
      "rotate-y": [{
        "rotate-y": U()
      }],
      /**
       * Rotate Z
       * @see https://tailwindcss.com/docs/rotate
       */
      "rotate-z": [{
        "rotate-z": U()
      }],
      /**
       * Scale
       * @see https://tailwindcss.com/docs/scale
       */
      scale: [{
        scale: G()
      }],
      /**
       * Scale X
       * @see https://tailwindcss.com/docs/scale
       */
      "scale-x": [{
        "scale-x": G()
      }],
      /**
       * Scale Y
       * @see https://tailwindcss.com/docs/scale
       */
      "scale-y": [{
        "scale-y": G()
      }],
      /**
       * Scale Z
       * @see https://tailwindcss.com/docs/scale
       */
      "scale-z": [{
        "scale-z": G()
      }],
      /**
       * Scale 3D
       * @see https://tailwindcss.com/docs/scale
       */
      "scale-3d": ["scale-3d"],
      /**
       * Skew
       * @see https://tailwindcss.com/docs/skew
       */
      skew: [{
        skew: F()
      }],
      /**
       * Skew X
       * @see https://tailwindcss.com/docs/skew
       */
      "skew-x": [{
        "skew-x": F()
      }],
      /**
       * Skew Y
       * @see https://tailwindcss.com/docs/skew
       */
      "skew-y": [{
        "skew-y": F()
      }],
      /**
       * Transform
       * @see https://tailwindcss.com/docs/transform
       */
      transform: [{
        transform: [$, R, "", "none", "gpu", "cpu"]
      }],
      /**
       * Transform Origin
       * @see https://tailwindcss.com/docs/transform-origin
       */
      "transform-origin": [{
        origin: z()
      }],
      /**
       * Transform Style
       * @see https://tailwindcss.com/docs/transform-style
       */
      "transform-style": [{
        transform: ["3d", "flat"]
      }],
      /**
       * Translate
       * @see https://tailwindcss.com/docs/translate
       */
      translate: [{
        translate: W()
      }],
      /**
       * Translate X
       * @see https://tailwindcss.com/docs/translate
       */
      "translate-x": [{
        "translate-x": W()
      }],
      /**
       * Translate Y
       * @see https://tailwindcss.com/docs/translate
       */
      "translate-y": [{
        "translate-y": W()
      }],
      /**
       * Translate Z
       * @see https://tailwindcss.com/docs/translate
       */
      "translate-z": [{
        "translate-z": W()
      }],
      /**
       * Translate None
       * @see https://tailwindcss.com/docs/translate
       */
      "translate-none": ["translate-none"],
      // ---------------------
      // --- Interactivity ---
      // ---------------------
      /**
       * Accent Color
       * @see https://tailwindcss.com/docs/accent-color
       */
      accent: [{
        accent: V()
      }],
      /**
       * Appearance
       * @see https://tailwindcss.com/docs/appearance
       */
      appearance: [{
        appearance: ["none", "auto"]
      }],
      /**
       * Caret Color
       * @see https://tailwindcss.com/docs/just-in-time-mode#caret-color-utilities
       */
      "caret-color": [{
        caret: V()
      }],
      /**
       * Color Scheme
       * @see https://tailwindcss.com/docs/color-scheme
       */
      "color-scheme": [{
        scheme: ["normal", "dark", "light", "light-dark", "only-dark", "only-light"]
      }],
      /**
       * Cursor
       * @see https://tailwindcss.com/docs/cursor
       */
      cursor: [{
        cursor: ["auto", "default", "pointer", "wait", "text", "move", "help", "not-allowed", "none", "context-menu", "progress", "cell", "crosshair", "vertical-text", "alias", "copy", "no-drop", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out", $, R]
      }],
      /**
       * Field Sizing
       * @see https://tailwindcss.com/docs/field-sizing
       */
      "field-sizing": [{
        "field-sizing": ["fixed", "content"]
      }],
      /**
       * Pointer Events
       * @see https://tailwindcss.com/docs/pointer-events
       */
      "pointer-events": [{
        "pointer-events": ["auto", "none"]
      }],
      /**
       * Resize
       * @see https://tailwindcss.com/docs/resize
       */
      resize: [{
        resize: ["none", "", "y", "x"]
      }],
      /**
       * Scroll Behavior
       * @see https://tailwindcss.com/docs/scroll-behavior
       */
      "scroll-behavior": [{
        scroll: ["auto", "smooth"]
      }],
      /**
       * Scroll Margin
       * @see https://tailwindcss.com/docs/scroll-margin
       */
      "scroll-m": [{
        "scroll-m": E()
      }],
      /**
       * Scroll Margin X
       * @see https://tailwindcss.com/docs/scroll-margin
       */
      "scroll-mx": [{
        "scroll-mx": E()
      }],
      /**
       * Scroll Margin Y
       * @see https://tailwindcss.com/docs/scroll-margin
       */
      "scroll-my": [{
        "scroll-my": E()
      }],
      /**
       * Scroll Margin Start
       * @see https://tailwindcss.com/docs/scroll-margin
       */
      "scroll-ms": [{
        "scroll-ms": E()
      }],
      /**
       * Scroll Margin End
       * @see https://tailwindcss.com/docs/scroll-margin
       */
      "scroll-me": [{
        "scroll-me": E()
      }],
      /**
       * Scroll Margin Top
       * @see https://tailwindcss.com/docs/scroll-margin
       */
      "scroll-mt": [{
        "scroll-mt": E()
      }],
      /**
       * Scroll Margin Right
       * @see https://tailwindcss.com/docs/scroll-margin
       */
      "scroll-mr": [{
        "scroll-mr": E()
      }],
      /**
       * Scroll Margin Bottom
       * @see https://tailwindcss.com/docs/scroll-margin
       */
      "scroll-mb": [{
        "scroll-mb": E()
      }],
      /**
       * Scroll Margin Left
       * @see https://tailwindcss.com/docs/scroll-margin
       */
      "scroll-ml": [{
        "scroll-ml": E()
      }],
      /**
       * Scroll Padding
       * @see https://tailwindcss.com/docs/scroll-padding
       */
      "scroll-p": [{
        "scroll-p": E()
      }],
      /**
       * Scroll Padding X
       * @see https://tailwindcss.com/docs/scroll-padding
       */
      "scroll-px": [{
        "scroll-px": E()
      }],
      /**
       * Scroll Padding Y
       * @see https://tailwindcss.com/docs/scroll-padding
       */
      "scroll-py": [{
        "scroll-py": E()
      }],
      /**
       * Scroll Padding Start
       * @see https://tailwindcss.com/docs/scroll-padding
       */
      "scroll-ps": [{
        "scroll-ps": E()
      }],
      /**
       * Scroll Padding End
       * @see https://tailwindcss.com/docs/scroll-padding
       */
      "scroll-pe": [{
        "scroll-pe": E()
      }],
      /**
       * Scroll Padding Top
       * @see https://tailwindcss.com/docs/scroll-padding
       */
      "scroll-pt": [{
        "scroll-pt": E()
      }],
      /**
       * Scroll Padding Right
       * @see https://tailwindcss.com/docs/scroll-padding
       */
      "scroll-pr": [{
        "scroll-pr": E()
      }],
      /**
       * Scroll Padding Bottom
       * @see https://tailwindcss.com/docs/scroll-padding
       */
      "scroll-pb": [{
        "scroll-pb": E()
      }],
      /**
       * Scroll Padding Left
       * @see https://tailwindcss.com/docs/scroll-padding
       */
      "scroll-pl": [{
        "scroll-pl": E()
      }],
      /**
       * Scroll Snap Align
       * @see https://tailwindcss.com/docs/scroll-snap-align
       */
      "snap-align": [{
        snap: ["start", "end", "center", "align-none"]
      }],
      /**
       * Scroll Snap Stop
       * @see https://tailwindcss.com/docs/scroll-snap-stop
       */
      "snap-stop": [{
        snap: ["normal", "always"]
      }],
      /**
       * Scroll Snap Type
       * @see https://tailwindcss.com/docs/scroll-snap-type
       */
      "snap-type": [{
        snap: ["none", "x", "y", "both"]
      }],
      /**
       * Scroll Snap Type Strictness
       * @see https://tailwindcss.com/docs/scroll-snap-type
       */
      "snap-strictness": [{
        snap: ["mandatory", "proximity"]
      }],
      /**
       * Touch Action
       * @see https://tailwindcss.com/docs/touch-action
       */
      touch: [{
        touch: ["auto", "none", "manipulation"]
      }],
      /**
       * Touch Action X
       * @see https://tailwindcss.com/docs/touch-action
       */
      "touch-x": [{
        "touch-pan": ["x", "left", "right"]
      }],
      /**
       * Touch Action Y
       * @see https://tailwindcss.com/docs/touch-action
       */
      "touch-y": [{
        "touch-pan": ["y", "up", "down"]
      }],
      /**
       * Touch Action Pinch Zoom
       * @see https://tailwindcss.com/docs/touch-action
       */
      "touch-pz": ["touch-pinch-zoom"],
      /**
       * User Select
       * @see https://tailwindcss.com/docs/user-select
       */
      select: [{
        select: ["none", "text", "all", "auto"]
      }],
      /**
       * Will Change
       * @see https://tailwindcss.com/docs/will-change
       */
      "will-change": [{
        "will-change": ["auto", "scroll", "contents", "transform", $, R]
      }],
      // -----------
      // --- SVG ---
      // -----------
      /**
       * Fill
       * @see https://tailwindcss.com/docs/fill
       */
      fill: [{
        fill: ["none", ...V()]
      }],
      /**
       * Stroke Width
       * @see https://tailwindcss.com/docs/stroke-width
       */
      "stroke-w": [{
        stroke: [H, zr, ir, yt]
      }],
      /**
       * Stroke
       * @see https://tailwindcss.com/docs/stroke
       */
      stroke: [{
        stroke: ["none", ...V()]
      }],
      // ---------------------
      // --- Accessibility ---
      // ---------------------
      /**
       * Forced Color Adjust
       * @see https://tailwindcss.com/docs/forced-color-adjust
       */
      "forced-color-adjust": [{
        "forced-color-adjust": ["auto", "none"]
      }]
    },
    conflictingClassGroups: {
      overflow: ["overflow-x", "overflow-y"],
      overscroll: ["overscroll-x", "overscroll-y"],
      inset: ["inset-x", "inset-y", "start", "end", "top", "right", "bottom", "left"],
      "inset-x": ["right", "left"],
      "inset-y": ["top", "bottom"],
      flex: ["basis", "grow", "shrink"],
      gap: ["gap-x", "gap-y"],
      p: ["px", "py", "ps", "pe", "pt", "pr", "pb", "pl"],
      px: ["pr", "pl"],
      py: ["pt", "pb"],
      m: ["mx", "my", "ms", "me", "mt", "mr", "mb", "ml"],
      mx: ["mr", "ml"],
      my: ["mt", "mb"],
      size: ["w", "h"],
      "font-size": ["leading"],
      "fvn-normal": ["fvn-ordinal", "fvn-slashed-zero", "fvn-figure", "fvn-spacing", "fvn-fraction"],
      "fvn-ordinal": ["fvn-normal"],
      "fvn-slashed-zero": ["fvn-normal"],
      "fvn-figure": ["fvn-normal"],
      "fvn-spacing": ["fvn-normal"],
      "fvn-fraction": ["fvn-normal"],
      "line-clamp": ["display", "overflow"],
      rounded: ["rounded-s", "rounded-e", "rounded-t", "rounded-r", "rounded-b", "rounded-l", "rounded-ss", "rounded-se", "rounded-ee", "rounded-es", "rounded-tl", "rounded-tr", "rounded-br", "rounded-bl"],
      "rounded-s": ["rounded-ss", "rounded-es"],
      "rounded-e": ["rounded-se", "rounded-ee"],
      "rounded-t": ["rounded-tl", "rounded-tr"],
      "rounded-r": ["rounded-tr", "rounded-br"],
      "rounded-b": ["rounded-br", "rounded-bl"],
      "rounded-l": ["rounded-tl", "rounded-bl"],
      "border-spacing": ["border-spacing-x", "border-spacing-y"],
      "border-w": ["border-w-s", "border-w-e", "border-w-t", "border-w-r", "border-w-b", "border-w-l"],
      "border-w-x": ["border-w-r", "border-w-l"],
      "border-w-y": ["border-w-t", "border-w-b"],
      "border-color": ["border-color-s", "border-color-e", "border-color-t", "border-color-r", "border-color-b", "border-color-l"],
      "border-color-x": ["border-color-r", "border-color-l"],
      "border-color-y": ["border-color-t", "border-color-b"],
      translate: ["translate-x", "translate-y", "translate-none"],
      "translate-none": ["translate", "translate-x", "translate-y", "translate-z"],
      "scroll-m": ["scroll-mx", "scroll-my", "scroll-ms", "scroll-me", "scroll-mt", "scroll-mr", "scroll-mb", "scroll-ml"],
      "scroll-mx": ["scroll-mr", "scroll-ml"],
      "scroll-my": ["scroll-mt", "scroll-mb"],
      "scroll-p": ["scroll-px", "scroll-py", "scroll-ps", "scroll-pe", "scroll-pt", "scroll-pr", "scroll-pb", "scroll-pl"],
      "scroll-px": ["scroll-pr", "scroll-pl"],
      "scroll-py": ["scroll-pt", "scroll-pb"],
      touch: ["touch-x", "touch-y", "touch-pz"],
      "touch-x": ["touch"],
      "touch-y": ["touch"],
      "touch-pz": ["touch"]
    },
    conflictingClassGroupModifiers: {
      "font-size": ["leading"]
    },
    orderSensitiveModifiers: ["before", "after", "placeholder", "file", "marker", "selection", "first-line", "first-letter", "backdrop", "*", "**"]
  };
}, Ui = /* @__PURE__ */ di(Vi);
function je(...e2) {
  return Ui(no(e2));
}
const Sr = ({ className: e2, children: r, ...t }) => /* @__PURE__ */ O.jsxDEV(
  "button",
  {
    className: je(
      "disabled:cursor-not-allowed disabled:opacity-50 focus:ring-offset-2 rounded-md px-4 py-2 transition-all duration-200 active:scale-95 disabled:active:scale-100 disabled:focus:ring-0 cursor-pointer",
      e2
    ),
    ...t,
    children: r
  },
  void 0,
  false,
  {
    fileName: "/Users/clxrity/Desktop/stuff/code/pkg (@clxrity)/react-audio/src/components/ui/Button.tsx",
    lineNumber: 8,
    columnNumber: 9
  },
  void 0
);
var Br = { exports: {} }, ae = {};
/**
 * @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 mn;
function zi() {
  if (mn) return ae;
  mn = 1;
  var e2 = Symbol.for("react.transitional.element"), r = Symbol.for("react.portal"), t = Symbol.for("react.fragment"), n = Symbol.for("react.strict_mode"), o = Symbol.for("react.profiler"), i = Symbol.for("react.consumer"), s = Symbol.for("react.context"), l = Symbol.for("react.forward_ref"), u = Symbol.for("react.suspense"), f = Symbol.for("react.suspense_list"), p = Symbol.for("react.memo"), m = Symbol.for("react.lazy"), h = Symbol.for("react.offscreen"), w = Symbol.for("react.client.reference");
  function g(a) {
    if (typeof a == "object" && a !== null) {
      var v = a.$$typeof;
      switch (v) {
        case e2:
          switch (a = a.type, a) {
            case t:
            case o:
            case n:
            case u:
            case f:
              return a;
            default:
              switch (a = a && a.$$typeof, a) {
                case s:
                case l:
                case m:
                case p:
                  return a;
                case i:
                  return a;
                default:
                  return v;
              }
          }
        case r:
          return v;
      }
    }
  }
  return ae.ContextConsumer = i, ae.ContextProvider = s, ae.Element = e2, ae.ForwardRef = l, ae.Fragment = t, ae.Lazy = m, ae.Memo = p, ae.Portal = r, ae.Profiler = o, ae.StrictMode = n, ae.Suspense = u, ae.SuspenseList = f, ae.isContextConsumer = function(a) {
    return g(a) === i;
  }, ae.isContextProvider = function(a) {
    return g(a) === s;
  }, ae.isElement = function(a) {
    return typeof a == "object" && a !== null && a.$$typeof === e2;
  }, ae.isForwardRef = function(a) {
    return g(a) === l;
  }, ae.isFragment = function(a) {
    return g(a) === t;
  }, ae.isLazy = function(a) {
    return g(a) === m;
  }, ae.isMemo = function(a) {
    return g(a) === p;
  }, ae.isPortal = function(a) {
    return g(a) === r;
  }, ae.isProfiler = function(a) {
    return g(a) === o;
  }, ae.isStrictMode = function(a) {
    return g(a) === n;
  }, ae.isSuspense = function(a) {
    return g(a) === u;
  }, ae.isSuspenseList = function(a) {
    return g(a) === f;
  }, ae.isValidElementType = function(a) {
    return typeof a == "string" || typeof a == "function" || a === t || a === o || a === n || a === u || a === f || a === h || typeof a == "object" && a !== null && (a.$$typeof === m || a.$$typeof === p || a.$$typeof === s || a.$$typeof === i || a.$$typeof === l || a.$$typeof === w || a.getModuleId !== void 0);
  }, ae.typeOf = g, ae;
}
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 hn;
function Bi() {
  return hn || (hn = 1, process.env.NODE_ENV !== "production" && function() {
    function e2(a) {
      if (typeof a == "object" && a !== null) {
        var v = a.$$typeof;
        switch (v) {
          case r:
            switch (a = a.type, a) {
              case n:
              case i:
              case o:
              case f:
              case p:
                return a;
              default:
                switch (a = a && a.$$typeof, a) {
                  case l:
                  case u:
                  case h:
                  case m:
                    return a;
                  case s:
                    return a;
                  default:
                    return v;
                }
            }
          case t:
            return v;
        }
      }
    }
    var r = Symbol.for("react.transitional.element"), t = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), s = Symbol.for("react.consumer"), l = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), p = Symbol.for("react.suspense_list"), m = Symbol.for("react.memo"), h = Symbol.for("react.lazy"), w = Symbol.for("react.offscreen"), g = Symbol.for("react.client.reference");
    ce.ContextConsumer = s, ce.ContextProvider = l, ce.Element = r, ce.ForwardRef = u, ce.Fragment = n, ce.Lazy = h, ce.Memo = m, ce.Portal = t, ce.Profiler = i, ce.StrictMode = o, ce.Suspense = f, ce.SuspenseList = p, ce.isContextConsumer = function(a) {
      return e2(a) === s;
    }, ce.isContextProvider = function(a) {
      return e2(a) === l;
    }, ce.isElement = function(a) {
      return typeof a == "object" && a !== null && a.$$typeof === r;
    }, ce.isForwardRef = function(a) {
      return e2(a) === u;
    }, ce.isFragment = function(a) {
      return e2(a) === n;
    }, ce.isLazy = function(a) {
      return e2(a) === h;
    }, ce.isMemo = function(a) {
      return e2(a) === m;
    }, ce.isPortal = function(a) {
      return e2(a) === t;
    }, ce.isProfiler = function(a) {
      return e2(a) === i;
    }, ce.isStrictMode = function(a) {
      return e2(a) === o;
    }, ce.isSuspense = function(a) {
      return e2(a) === f;
    }, ce.isSuspenseList = function(a) {
      return e2(a) === p;
    }, ce.isValidElementType = function(a) {
      return typeof a == "string" || typeof a == "function" || a === n || a === i || a === o || a === f || a === p || a === w || typeof a == "object" && a !== null && (a.$$typeof === h || a.$$typeof === m || a.$$typeof === l || a.$$typeof === s || a.$$typeof === u || a.$$typeof === g || a.getModuleId !== void 0);
    }, ce.typeOf = e2;
  }()), ce;
}
var gn;
function Li() {
  return gn || (gn = 1, process.env.NODE_ENV === "production" ? Br.exports = /* @__PURE__ */ zi() : Br.exports = /* @__PURE__ */ Bi()), Br.exports;
}
var Jr = /* @__PURE__ */ Li();
function Ge(e2) {
  if (typeof e2 != "object" || e2 === null)
    return false;
  const r = Object.getPrototypeOf(e2);
  return (r === null || r === Object.prototype || Object.getPrototypeOf(r) === null) && !(Symbol.toStringTag in e2) && !(Symbol.iterator in e2);
}
function po(e2) {
  if (/* @__PURE__ */ ye.isValidElement(e2) || Jr.isValidElementType(e2) || !Ge(e2))
    return e2;
  const r = {};
  return Object.keys(e2).forEach((t) => {
    r[t] = po(e2[t]);
  }), r;
}
function Pe(e2, r, t = {
  clone: true
}) {
  const n = t.clone ? {
    ...e2
  } : e2;
  return Ge(e2) && Ge(r) && Object.keys(r).forEach((o) => {
    /* @__PURE__ */ ye.isValidElement(r[o]) || Jr.isValidElementType(r[o]) ? n[o] = r[o] : Ge(r[o]) && // Avoid prototype pollution
    Object.prototype.hasOwnProperty.call(e2, o) && Ge(e2[o]) ? n[o] = Pe(e2[o], r[o], t) : t.clone ? n[o] = Ge(r[o]) ? po(r[o]) : r[o] : n[o] = r[o];
  }), n;
}
var Lr = { exports: {} }, Fr = { exports: {} }, te = {};
/** @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 yn;
function Fi() {
  if (yn) return te;
  yn = 1;
  var e2 = typeof Symbol == "function" && Symbol.for, r = e2 ? Symbol.for("react.element") : 60103, t = e2 ? Symbol.for("react.portal") : 60106, n = e2 ? Symbol.for("react.fragment") : 60107, o = e2 ? Symbol.for("react.strict_mode") : 60108, i = e2 ? Symbol.for("react.profiler") : 60114, s = e2 ? Symbol.for("react.provider") : 60109, l = e2 ? Symbol.for("react.context") : 60110, u = e2 ? Symbol.for("react.async_mode") : 60111, f = e2 ? Symbol.for("react.concurrent_mode") : 60111, p = e2 ? Symbol.for("react.forward_ref") : 60112, m = e2 ? Symbol.for("react.suspense") : 60113, h = e2 ? Symbol.for("react.suspense_list") : 60120, w = e2 ? Symbol.for("react.memo") : 60115, g = e2 ? Symbol.for("react.lazy") : 60116, a = e2 ? Symbol.for("react.block") : 60121, v = e2 ? Symbol.for("react.fundamental") : 60117, S = e2 ? Symbol.for("react.responder") : 60118, D = e2 ? Symbol.for("react.scope") : 60119;
  function k(y) {
    if (typeof y == "object" && y !== null) {
      var E = y.$$typeof;
      switch (E) {
        case r:
          switch (y = y.type, y) {
            case u:
            case f:
            case n:
            case i:
            case o:
            case m:
              return y;
            default:
              switch (y = y && y.$$typeof, y) {
                case l:
                case p:
                case g:
                case w:
                case s:
                  return y;
                default:
                  return E;
              }
          }
        case t:
          return E;
      }
    }
  }
  function C(y) {
    return k(y) === f;
  }
  return te.AsyncMode = u, te.ConcurrentMode = f, te.ContextConsumer = l, te.ContextProvider = s, te.Element = r, te.ForwardRef = p, te.Fragment = n, te.Lazy = g, te.Memo = w, te.Portal = t, te.Profiler = i, te.StrictMode = o, te.Suspense = m, te.isAsyncMode = function(y) {
    return C(y) || k(y) === u;
  }, te.isConcurrentMode = C, te.isContextConsumer = function(y) {
    return k(y) === l;
  }, te.isContextProvider = function(y) {
    return k(y) === s;
  }, te.isElement = function(y) {
    return typeof y == "object" && y !== null && y.$$typeof === r;
  }, te.isForwardRef = function(y) {
    return k(y) === p;
  }, te.isFragment = function(y) {
    return k(y) === n;
  }, te.isLazy = function(y) {
    return k(y) === g;
  }, te.isMemo = function(y) {
    return k(y) === w;
  }, te.isPortal = function(y) {
    return k(y) === t;
  }, te.isProfiler = function(y) {
    return k(y) === i;
  }, te.isStrictMode = function(y) {
    return k(y) === o;
  }, te.isSuspense = function(y) {
    return k(y) === m;
  }, te.isValidElementType = function(y) {
    return typeof y == "string" || typeof y == "function" || y === n || y === f || y === i || y === o || y === m || y === h || typeof y == "object" && y !== null && (y.$$typeof === g || y.$$typeof === w || y.$$typeof === s || y.$$typeof === l || y.$$typeof === p || y.$$typeof === v || y.$$typeof === S || y.$$typeof === D || y.$$typeof === a);
  }, te.typeOf = k, te;
}
var ne = {};
/** @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 bn;
function Wi() {
  return bn || (bn = 1, process.env.NODE_ENV !== "production" && function() {
    var e2 = typeof Symbol == "function" && Symbol.for, r = e2 ? Symbol.for("react.element") : 60103, t = e2 ? Symbol.for("react.portal") : 60106, n = e2 ? Symbol.for("react.fragment") : 60107, o = e2 ? Symbol.for("react.strict_mode") : 60108, i = e2 ? Symbol.for("react.profiler") : 60114, s = e2 ? Symbol.for("react.provider") : 60109, l = e2 ? Symbol.for("react.context") : 60110, u = e2 ? Symbol.for("react.async_mode") : 60111, f = e2 ? Symbol.for("react.concurrent_mode") : 60111, p = e2 ? Symbol.for("react.forward_ref") : 60112, m = e2 ? Symbol.for("react.suspense") : 60113, h = e2 ? Symbol.for("react.suspense_list") : 60120, w = e2 ? Symbol.for("react.memo") : 60115, g = e2 ? Symbol.for("react.lazy") : 60116, a = e2 ? Symbol.for("react.block") : 60121, v = e2 ? Symbol.for("react.fundamental") : 60117, S = e2 ? Symbol.for("react.responder") : 60118, D = e2 ? Symbol.for("react.scope") : 60119;
    function k(P) {
      return typeof P == "string" || typeof P == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
      P === n || P === f || P === i || P === o || P === m || P === h || typeof P == "object" && P !== null && (P.$$typeof === g || P.$$typeof === w || P.$$typeof === s || P.$$typeof === l || P.$$typeof === p || P.$$typeof === v || P.$$typeof === S || P.$$typeof === D || P.$$typeof === a);
    }
    function C(P) {
      if (typeof P == "object" && P !== null) {
        var Ae = P.$$typeof;
        switch (Ae) {
          case r:
            var Ke = P.type;
            switch (Ke) {
              case u:
              case f:
              case n:
              case i:
              case o:
              case m:
                return Ke;
              default:
                var ar = Ke && Ke.$$typeof;
                switch (ar) {
                  case l:
                  case p:
                  case g:
                  case w:
                  case s:
                    return ar;
                  default:
                    return Ae;
                }
            }
          case t:
            return Ae;
        }
      }
    }
    var y = u, E = f, N = l, _ = s, J = r, c = p, A = n, M = g, B = w, L = t, oe = i, V = o, pe = m, fe = false;
    function se(P) {
      return fe || (fe = true, 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.")), x(P) || C(P) === u;
    }
    function x(P) {
      return C(P) === f;
    }
    function T(P) {
      return C(P) === l;
    }
    function Y(P) {
      return C(P) === s;
    }
    function z(P) {
      return typeof P == "object" && P !== null && P.$$typeof === r;
    }
    function U(P) {
      return C(P) === p;
    }
    function G(P) {
      return C(P) === n;
    }
    function F(P) {
      return C(P) === g;
    }
    function W(P) {
      return C(P) === w;
    }
    function K(P) {
      return C(P) === t;
    }
    function Q(P) {
      return C(P) === i;
    }
    function X(P) {
      return C(P) === o;
    }
    function we(P) {
      return C(P) === m;
    }
    ne.AsyncMode = y, ne.ConcurrentMode = E, ne.ContextConsumer = N, ne.ContextProvider = _, ne.Element = J, ne.ForwardRef = c, ne.Fragment = A, ne.Lazy = M, ne.Memo = B, ne.Portal = L, ne.Profiler = oe, ne.StrictMode = V, ne.Suspense = pe, ne.isAsyncMode = se, ne.isConcurrentMode = x, ne.isContextConsumer = T, ne.isContextProvider = Y, ne.isElement = z, ne.isForwardRef = U, ne.isFragment = G, ne.isLazy = F, ne.isMemo = W, ne.isPortal = K, ne.isProfiler = Q, ne.isStrictMode = X, ne.isSuspense = we, ne.isValidElementType = k, ne.typeOf = C;
  }()), ne;
}
var vn;
function mo() {
  return vn || (vn = 1, process.env.NODE_ENV === "production" ? Fr.exports = Fi() : Fr.exports = Wi()), Fr.exports;
}
/*
object-assign
(c) Sindre Sorhus
@license MIT
*/
var bt, xn;
function Yi() {
  if (xn) return bt;
  xn = 1;
  var e2 = Object.getOwnPropertySymbols, r = Object.prototype.hasOwnProperty, t = Object.prototype.propertyIsEnumerable;
  function n(i) {
    if (i == null)
      throw new TypeError("Object.assign cannot be called with null or undefined");
    return Object(i);
  }
  function o() {
    try {
      if (!Object.assign)
        return false;
      var i = new String("abc");
      if (i[5] = "de", Object.getOwnPropertyNames(i)[0] === "5")
        return false;
      for (var s = {}, l = 0; l < 10; l++)
        s["_" + String.fromCharCode(l)] = l;
      var u = Object.getOwnPropertyNames(s).map(function(p) {
        return s[p];
      });
      if (u.join("") !== "0123456789")
        return false;
      var f = {};
      return "abcdefghijklmnopqrst".split("").forEach(function(p) {
        f[p] = p;
      }), Object.keys(Object.assign({}, f)).join("") === "abcdefghijklmnopqrst";
    } catch {
      return false;
    }
  }
  return bt = o() ? Object.assign : function(i, s) {
    for (var l, u = n(i), f, p = 1; p < arguments.length; p++) {
      l = Object(arguments[p]);
      for (var m in l)
        r.call(l, m) && (u[m] = l[m]);
      if (e2) {
        f = e2(l);
        for (var h = 0; h < f.length; h++)
          t.call(l, f[h]) && (u[f[h]] = l[f[h]]);
      }
    }
    return u;
  }, bt;
}
var vt, wn;
function Bt() {
  if (wn) return vt;
  wn = 1;
  var e2 = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
  return vt = e2, vt;
}
var xt, En;
function ho() {
  return En || (En = 1, xt = Function.call.bind(Object.prototype.hasOwnProperty)), xt;
}
var wt, Sn;
function Gi() {
  if (Sn) return wt;
  Sn = 1;
  var e2 = function() {
  };
  if (process.env.NODE_ENV !== "production") {
    var r = /* @__PURE__ */ Bt(), t = {}, n = /* @__PURE__ */ ho();
    e2 = function(i) {
      var s = "Warning: " + i;
      typeof console < "u" && console.error(s);
      try {
        throw new Error(s);
      } catch {
      }
    };
  }
  function o(i, s, l, u, f) {
    if (process.env.NODE_ENV !== "production") {
      for (var p in i)
        if (n(i, p)) {
          var m;
          try {
            if (typeof i[p] != "function") {
              var h = Error(
                (u || "React class") + ": " + l + " type `" + p + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof i[p] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
              );
              throw h.name = "Invariant Violation", h;
            }
            m = i[p](s, p, u, l, null, r);
          } catch (g) {
            m = g;
          }
          if (m && !(m instanceof Error) && e2(
            (u || "React class") + ": type specification of " + l + " `" + p + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof m + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
          ), m instanceof Error && !(m.message in t)) {
            t[m.message] = true;
            var w = f ? f() : "";
            e2(
              "Failed " + l + " type: " + m.message + (w ?? "")
            );
          }
        }
    }
  }
  return o.resetWarningCache = function() {
    process.env.NODE_ENV !== "production" && (t = {});
  }, wt = o, wt;
}
var Et, Cn;
function qi() {
  if (Cn) return Et;
  Cn = 1;
  var e2 = mo(), r = Yi(), t = /* @__PURE__ */ Bt(), n = /* @__PURE__ */ ho(), o = /* @__PURE__ */ Gi(), i = function() {
  };
  process.env.NODE_ENV !== "production" && (i = function(l) {
    var u = "Warning: " + l;
    typeof console < "u" && console.error(u);
    try {
      throw new Error(u);
    } catch {
    }
  });
  function s() {
    return null;
  }
  return Et = function(l, u) {
    var f = typeof Symbol == "function" && Symbol.iterator, p = "@@iterator";
    function m(x) {
      var T = x && (f && x[f] || x[p]);
      if (typeof T == "function")
        return T;
    }
    var h = "<<anonymous>>", w = {
      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: D(),
      arrayOf: k,
      element: C(),
      elementType: y(),
      instanceOf: E,
      node: c(),
      objectOf: _,
      oneOf: N,
      oneOfType: J,
      shape: M,
      exact: B
    };
    function g(x, T) {
      return x === T ? x !== 0 || 1 / x === 1 / T : x !== x && T !== T;
    }
    function a(x, T) {
      this.message = x, this.data = T && typeof T == "object" ? T : {}, this.stack = "";
    }
    a.prototype = Error.prototype;
    function v(x) {
      if (process.env.NODE_ENV !== "production")
        var T = {}, Y = 0;
      function z(G, F, W, K, Q, X, we) {
        if (K = K || h, X = X || W, we !== t) {
          if (u) {
            var P = 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 P.name = "Invariant Violation", P;
          } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
            var Ae = K + ":" + W;
            !T[Ae] && // Avoid spamming the console because they are often not actionable except for lib authors
            Y < 3 && (i(
              "You are manually calling a React.PropTypes validation function for the `" + X + "` prop on `" + K + "`. 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."
            ), T[Ae] = true, Y++);
          }
        }
        return F[W] == null ? G ? F[W] === null ? new a("The " + Q + " `" + X + "` is marked as required " + ("in `" + K + "`, but its value is `null`.")) : new a("The " + Q + " `" + X + "` is marked as required in " + ("`" + K + "`, but its value is `undefined`.")) : null : x(F, W, K, Q, X);
      }
      var U = z.bind(null, false);
      return U.isRequired = z.bind(null, true), U;
    }
    function S(x) {
      function T(Y, z, U, G, F, W) {
        var K = Y[z], Q = V(K);
        if (Q !== x) {
          var X = pe(K);
          return new a(
            "Invalid " + G + " `" + F + "` of type " + ("`" + X + "` supplied to `" + U + "`, expected ") + ("`" + x + "`."),
            { expectedType: x }
          );
        }
        return null;
      }
      return v(T);
    }
    function D() {
      return v(s);
    }
    function k(x) {
      function T(Y, z, U, G, F) {
        if (typeof x != "function")
          return new a("Property `" + F + "` of component `" + U + "` has invalid PropType notation inside arrayOf.");
        var W = Y[z];
        if (!Array.isArray(W)) {
          var K = V(W);
          return new a("Invalid " + G + " `" + F + "` of type " + ("`" + K + "` supplied to `" + U + "`, expected an array."));
        }
        for (var Q = 0; Q < W.length; Q++) {
          var X = x(W, Q, U, G, F + "[" + Q + "]", t);
          if (X instanceof Error)
            return X;
        }
        return null;
      }
      return v(T);
    }
    function C() {
      function x(T, Y, z, U, G) {
        var F = T[Y];
        if (!l(F)) {
          var W = V(F);
          return new a("Invalid " + U + " `" + G + "` of type " + ("`" + W + "` supplied to `" + z + "`, expected a single ReactElement."));
        }
        return null;
      }
      return v(x);
    }
    function y() {
      function x(T, Y, z, U, G) {
        var F = T[Y];
        if (!e2.isValidElementType(F)) {
          var W = V(F);
          return new a("Invalid " + U + " `" + G + "` of type " + ("`" + W + "` supplied to `" + z + "`, expected a single ReactElement type."));
        }
        return null;
      }
      return v(x);
    }
    function E(x) {
      function T(Y, z, U, G, F) {
        if (!(Y[z] instanceof x)) {
          var W = x.name || h, K = se(Y[z]);
          return new a("Invalid " + G + " `" + F + "` of type " + ("`" + K + "` supplied to `" + U + "`, expected ") + ("instance of `" + W + "`."));
        }
        return null;
      }
      return v(T);
    }
    function N(x) {
      if (!Array.isArray(x))
        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.")), s;
      function T(Y, z, U, G, F) {
        for (var W = Y[z], K = 0; K < x.length; K++)
          if (g(W, x[K]))
            return null;
        var Q = JSON.stringify(x, function(we, P) {
          var Ae = pe(P);
          return Ae === "symbol" ? String(P) : P;
        });
        return new a("Invalid " + G + " `" + F + "` of value `" + String(W) + "` " + ("supplied to `" + U + "`, expected one of " + Q + "."));
      }
      return v(T);
    }
    function _(x) {
      function T(Y, z, U, G, F) {
        if (typeof x != "function")
          return new a("Property `" + F + "` of component `" + U + "` has invalid PropType notation inside objectOf.");
        var W = Y[z], K = V(W);
        if (K !== "object")
          return new a("Invalid " + G + " `" + F + "` of type " + ("`" + K + "` supplied to `" + U + "`, expected an object."));
        for (var Q in W)
          if (n(W, Q)) {
            var X = x(W, Q, U, G, F + "." + Q, t);
            if (X instanceof Error)
              return X;
          }
        return null;
      }
      return v(T);
    }
    function J(x) {
      if (!Array.isArray(x))
        return process.env.NODE_ENV !== "production" && i("Invalid argument supplied to oneOfType, expected an instance of array."), s;
      for (var T = 0; T < x.length; T++) {
        var Y = x[T];
        if (typeof Y != "function")
          return i(
            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + fe(Y) + " at index " + T + "."
          ), s;
      }
      function z(U, G, F, W, K) {
        for (var Q = [], X = 0; X < x.length; X++) {
          var we = x[X], P = we(U, G, F, W, K, t);
          if (P == null)
            return null;
          P.data && n(P.data, "expectedType") && Q.push(P.data.expectedType);
        }
        var Ae = Q.length > 0 ? ", expected one of type [" + Q.join(", ") + "]" : "";
        return new a("Invalid " + W + " `" + K + "` supplied to " + ("`" + F + "`" + Ae + "."));
      }
      return v(z);
    }
    function c() {
      function x(T, Y, z, U, G) {
        return L(T[Y]) ? null : new a("Invalid " + U + " `" + G + "` supplied to " + ("`" + z + "`, expected a ReactNode."));
      }
      return v(x);
    }
    function A(x, T, Y, z, U) {
      return new a(
        (x || "React class") + ": " + T + " type `" + Y + "." + z + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + U + "`."
      );
    }
    function M(x) {
      function T(Y, z, U, G, F) {
        var W = Y[z], K = V(W);
        if (K !== "object")
          return new a("Invalid " + G + " `" + F + "` of type `" + K + "` " + ("supplied to `" + U + "`, expected `object`."));
        for (var Q in x) {
          var X = x[Q];
          if (typeof X != "function")
            return A(U, G, F, Q, pe(X));
          var we = X(W, Q, U, G, F + "." + Q, t);
          if (we)
            return we;
        }
        return null;
      }
      return v(T);
    }
    function B(x) {
      function T(Y, z, U, G, F) {
        var W = Y[z], K = V(W);
        if (K !== "object")
          return new a("Invalid " + G + " `" + F + "` of type `" + K + "` " + ("supplied to `" + U + "`, expected `object`."));
        var Q = r({}, Y[z], x);
        for (var X in Q) {
          var we = x[X];
          if (n(x, X) && typeof we != "function")
            return A(U, G, F, X, pe(we));
          if (!we)
            return new a(
              "Invalid " + G + " `" + F + "` key `" + X + "` supplied to `" + U + "`.\nBad object: " + JSON.stringify(Y[z], null, "  ") + `
Valid keys: ` + JSON.stringify(Object.keys(x), null, "  ")
            );
          var P = we(W, X, U, G, F + "." + X, t);
          if (P)
            return P;
        }
        return null;
      }
      return v(T);
    }
    function L(x) {
      switch (typeof x) {
        case "number":
        case "string":
        case "undefined":
          return true;
        case "boolean":
          return !x;
        case "object":
          if (Array.isArray(x))
            return x.every(L);
          if (x === null || l(x))
            return true;
          var T = m(x);
          if (T) {
            var Y = T.call(x), z;
            if (T !== x.entries) {
              for (; !(z = Y.next()).done; )
                if (!L(z.value))
                  return false;
            } else
              for (; !(z = Y.next()).done; ) {
                var U = z.value;
                if (U && !L(U[1]))
                  return false;
              }
          } else
            return false;
          return true;
        default:
          return false;
      }
    }
    function oe(x, T) {
      return x === "symbol" ? true : T ? T["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && T instanceof Symbol : false;
    }
    function V(x) {
      var T = typeof x;
      return Array.isArray(x) ? "array" : x instanceof RegExp ? "object" : oe(T, x) ? "symbol" : T;
    }
    function pe(x) {
      if (typeof x > "u" || x === null)
        return "" + x;
      var T = V(x);
      if (T === "object") {
        if (x instanceof Date)
          return "date";
        if (x instanceof RegExp)
          return "regexp";
      }
      return T;
    }
    function fe(x) {
      var T = pe(x);
      switch (T) {
        case "array":
        case "object":
          return "an " + T;
        case "boolean":
        case "date":
        case "regexp":
          return "a " + T;
        default:
          return T;
      }
    }
    function se(x) {
      return !x.constructor || !x.constructor.name ? h : x.constructor.name;
    }
    return w.checkPropTypes = o, w.resetWarningCache = o.resetWarningCache, w.PropTypes = w, w;
  }, Et;
}
var St, kn;
function Hi() {
  if (kn) return St;
  kn = 1;
  var e2 = /* @__PURE__ */ Bt();
  function r() {
  }
  function t() {
  }
  return t.resetWarningCache = r, St = function() {
    function n(s, l, u, f, p, m) {
      if (m !== e2) {
        var h = 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 h.name = "Invariant Violation", h;
      }
    }
    n.isRequired = n;
    function o() {
      return n;
    }
    var i = {
      array: n,
      bigint: n,
      bool: n,
      func: n,
      number: n,
      object: n,
      string: n,
      symbol: n,
      any: n,
      arrayOf: o,
      element: n,
      elementType: n,
      instanceOf: o,
      node: n,
      objectOf: o,
      oneOf: o,
      oneOfType: o,
      shape: o,
      exact: o,
      checkPropTypes: t,
      resetWarningCache: r
    };
    return i.PropTypes = i, i;
  }, St;
}
var Tn;
function Ki() {
  if (Tn) return Lr.exports;
  if (Tn = 1, process.env.NODE_ENV !== "production") {
    var e2 = mo(), r = true;
    Lr.exports = /* @__PURE__ */ qi()(e2.isElement, r);
  } else
    Lr.exports = /* @__PURE__ */ Hi()();
  return Lr.exports;
}
var Xi = /* @__PURE__ */ Ki();
const Z = /* @__PURE__ */ Ko(Xi);
function er(e2, ...r) {
  const t = new URL(`https://mui.com/production-error/?code=${e2}`);
  return r.forEach((n) => t.searchParams.append("args[]", n)), `Minified MUI error #${e2}; visit ${t} for the full message.`;
}
function go(e2, r = "") {
  return e2.displayName || e2.name || r;
}
function Nn(e2, r, t) {
  const n = go(r);
  return e2.displayName || (n !== "" ? `${t}(${n})` : t);
}
function Ji(e2) {
  if (e2 != null) {
    if (typeof e2 == "string")
      return e2;
    if (typeof e2 == "function")
      return go(e2, "Component");
    if (typeof e2 == "object")
      switch (e2.$$typeof) {
        case Jr.ForwardRef:
          return Nn(e2, e2.render, "ForwardRef");
        case Jr.Memo:
          return Nn(e2, e2.type, "memo");
        default:
          return;
      }
  }
}
function sr(e2) {
  if (typeof e2 != "string")
    throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `capitalize(string)` expects a string argument." : er(7));
  return e2.charAt(0).toUpperCase() + e2.slice(1);
}
function _t(e2, r) {
  const t = {
    ...r
  };
  for (const n in e2)
    if (Object.prototype.hasOwnProperty.call(e2, n)) {
      const o = n;
      if (o === "components" || o === "slots")
        t[o] = {
          ...e2[o],
          ...t[o]
        };
      else if (o === "componentsProps" || o === "slotProps") {
        const i = e2[o], s = r[o];
        if (!s)
          t[o] = i || {};
        else if (!i)
          t[o] = s;
        else {
          t[o] = {
            ...s
          };
          for (const l in i)
            if (Object.prototype.hasOwnProperty.call(i, l)) {
              const u = l;
              t[o][u] = _t(i[u], s[u]);
            }
        }
      } else t[o] === void 0 && (t[o] = e2[o]);
    }
  return t;
}
function Qi(e2, r, t = void 0) {
  const n = {};
  for (const o in e2) {
    const i = e2[o];
    let s = "", l = true;
    for (let u = 0; u < i.length; u += 1) {
      const f = i[u];
      f && (s += (l === true ? "" : " ") + r(f), l = false, t && t[f] && (s += " " + t[f]));
    }
    n[o] = s;
  }
  return n;
}
const An = (e2) => e2, Zi = () => {
  let e2 = An;
  return {
    configure(r) {
      e2 = r;
    },
    generate(r) {
      return e2(r);
    },
    reset() {
      e2 = An;
    }
  };
}, es = Zi(), rs = {
  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 Lt(e2, r, t = "Mui") {
  const n = rs[r];
  return n ? `${t}-${n}` : `${es.generate(e2)}-${r}`;
}
function ts(e2, r, t = "Mui") {
  const n = {};
  return r.forEach((o) => {
    n[o] = Lt(e2, o, t);
  }), n;
}
function ns(e2, r = Number.MIN_SAFE_INTEGER, t = Number.MAX_SAFE_INTEGER) {
  return Math.max(r, Math.min(e2, t));
}
function Ar(e2, r) {
  return r ? Pe(e2, r, {
    clone: false
    // No need to clone deep, it's way faster.
  }) : e2;
}
const tr = process.env.NODE_ENV !== "production" ? Z.oneOfType([Z.number, Z.string, Z.object, Z.array]) : {};
function os(e2, r) {
  if (!e2.containerQueries)
    return r;
  const t = Object.keys(r).filter((n) => n.startsWith("@container")).sort((n, o) => {
    var _a2, _b;
    const i = /min-width:\s*([0-9.]+)/;
    return +(((_a2 = n.match(i)) == null ? void 0 : _a2[1]) || 0) - +(((_b = o.match(i)) == null ? void 0 : _b[1]) || 0);
  });
  return t.length ? t.reduce((n, o) => {
    const i = r[o];
    return delete n[o], n[o] = i, n;
  }, {
    ...r
  }) : r;
}
function is(e2, r) {
  return r === "@" || r.startsWith("@") && (e2.some((t) => r.startsWith(`@${t}`)) || !!r.match(/^@\d/));
}
function ss(e2, r) {
  const t = r.match(/^@([^/]+)?\/?(.+)?$/);
  if (!t) {
    if (process.env.NODE_ENV !== "production")
      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The provided shorthand ${`(${r})`} is invalid. The format should be \`@<breakpoint | number>\` or \`@<breakpoint | number>/<container>\`.
For example, \`@sm\` or \`@600\` or \`@40rem/sidebar\`.` : er(18, `(${r})`));
    return null;
  }
  const [, n, o] = t, i = Number.isNaN(+n) ? n || 0 : +n;
  return e2.containerQueries(o).up(i);
}
function as(e2) {
  const r = (i, s) => i.replace("@media", s ? `@container ${s}` : "@container");
  function t(i, s) {
    i.up = (...l) => r(e2.breakpoints.up(...l), s), i.down = (...l) => r(e2.breakpoints.down(...l), s), i.between = (...l) => r(e2.breakpoints.between(...l), s), i.only = (...l) => r(e2.breakpoints.only(...l), s), i.not = (...l) => {
      const u = r(e2.breakpoints.not(...l), s);
      return u.includes("not all and") ? u.replace("not all and ", "").replace("min-width:", "width<").replace("max-width:", "width>").replace("and", "or") : u;
    };
  }
  const n = {}, o = (i) => (t(n, i), n);
  return t(o), {
    ...e2,
    containerQueries: o
  };
}
const nt = {
  xs: 0,
  // phone
  sm: 600,
  // tablet
  md: 900,
  // small laptop
  lg: 1200,
  // desktop
  xl: 1536
  // large screen
}, On = {
  // 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: (e2) => `@media (min-width:${nt[e2]}px)`
}, cs = {
  containerQueries: (e2) => ({
    up: (r) => {
      let t = typeof r == "number" ? r : nt[r] || r;
      return typeof t == "number" && (t = `${t}px`), e2 ? `@container ${e2} (min-width:${t})` : `@container (min-width:${t})`;
    }
  })
};
function He(e2, r, t) {
  const n = e2.theme || {};
  if (Array.isArray(r)) {
    const i = n.breakpoints || On;
    return r.reduce((s, l, u) => (s[i.up(i.keys[u])] = t(r[u]), s), {});
  }
  if (typeof r == "object") {
    const i = n.breakpoints || On;
    return Object.keys(r).reduce((s, l) => {
      if (is(i.keys, l)) {
        const u = ss(n.containerQueries ? n : cs, l);
        u && (s[u] = t(r[l], l));
      } else if (Object.keys(i.values || nt).includes(l)) {
        const u = i.up(l);
        s[u] = t(r[l], l);
      } else {
        const u = l;
        s[u] = r[u];
      }
      return s;
    }, {});
  }
  return t(r);
}
function ls(e2 = {}) {
  var _a2;
  return ((_a2 = e2.keys) == null ? void 0 : _a2.reduce((t, n) => {
    const o = e2.up(n);
    return t[o] = {}, t;
  }, {})) || {};
}
function us(e2, r) {
  return e2.reduce((t, n) => {
    const o = t[n];
    return (!o || Object.keys(o).length === 0) && delete t[n], t;
  }, r);
}
function ot(e2, r, t = true) {
  if (!r || typeof r != "string")
    return null;
  if (e2 && e2.vars && t) {
    const n = `vars.${r}`.split(".").reduce((o, i) => o && o[i] ? o[i] : null, e2);
    if (n != null)
      return n;
  }
  return r.split(".").reduce((n, o) => n && n[o] != null ? n[o] : null, e2);
}
function Qr(e2, r, t, n = t) {
  let o;
  return typeof e2 == "function" ? o = e2(t) : Array.isArray(e2) ? o = e2[t] || n : o = ot(e2, t) || n, r && (o = r(o, n, e2)), o;
}
function be(e2) {
  const {
    prop: r,
    cssProperty: t = e2.prop,
    themeKey: n,
    transform: o
  } = e2, i = (s) => {
    if (s[r] == null)
      return null;
    const l = s[r], u = s.theme, f = ot(u, n) || {};
    return He(s, l, (m) => {
      let h = Qr(f, o, m);
      return m === h && typeof m == "string" && (h = Qr(f, o, `${r}${m === "default" ? "" : sr(m)}`, m)), t === false ? h : {
        [t]: h
      };
    });
  };
  return i.propTypes = process.env.NODE_ENV !== "production" ? {
    [r]: tr
  } : {}, i.filterProps = [r], i;
}
function fs(e2) {
  const r = {};
  return (t) => (r[t] === void 0 && (r[t] = e2(t)), r[t]);
}
const ds = {
  m: "margin",
  p: "padding"
}, ps = {
  t: "Top",
  r: "Right",
  b: "Bottom",
  l: "Left",
  x: ["Left", "Right"],
  y: ["Top", "Bottom"]
}, Pn = {
  marginX: "mx",
  marginY: "my",
  paddingX: "px",
  paddingY: "py"
}, ms = fs((e2) => {
  if (e2.length > 2)
    if (Pn[e2])
      e2 = Pn[e2];
    else
      return [e2];
  const [r, t] = e2.split(""), n = ds[r], o = ps[t] || "";
  return Array.isArray(o) ? o.map((i) => n + i) : [n + o];
}), it = ["m", "mt", "mr", "mb", "ml", "mx", "my", "margin", "marginTop", "marginRight", "marginBottom", "marginLeft", "marginX", "marginY", "marginInline", "marginInlineStart", "marginInlineEnd", "marginBlock", "marginBlockStart", "marginBlockEnd"], st = ["p", "pt", "pr", "pb", "pl", "px", "py", "padding", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "paddingX", "paddingY", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "paddingBlock", "paddingBlockStart", "paddingBlockEnd"], hs = [...it, ...st];
function $r(e2, r, t, n) {
  const o = ot(e2, r, true) ?? t;
  return typeof o == "number" || typeof o == "string" ? (i) => typeof i == "string" ? i : (process.env.NODE_ENV !== "production" && typeof i != "number" && console.error(`MUI: Expected ${n} argument to be a number or a string, got ${i}.`), typeof o == "string" ? `calc(${i} * ${o})` : o * i) : Array.isArray(o) ? (i) => {
    if (typeof i == "string")
      return i;
    const s = Math.abs(i);
    process.env.NODE_ENV !== "production" && (Number.isInteger(s) ? s > o.length - 1 && console.error([`MUI: The value provided (${s}) overflows.`, `The supported values are: ${JSON.stringify(o)}.`, `${s} > ${o.length - 1}, you need to add the missing values.`].join(`
`)) : console.error([`MUI: The \`theme.${r}\` 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.${r}\` as a number.`].join(`
`)));
    const l = o[s];
    return i >= 0 ? l : typeof l == "number" ? -l : `-${l}`;
  } : typeof o == "function" ? o : (process.env.NODE_ENV !== "production" && console.error([`MUI: The \`theme.${r}\` value (${o}) is invalid.`, "It should be a number, an array or a function."].join(`
`)), () => {
  });
}
function Ft(e2) {
  return $r(e2, "spacing", 8, "spacing");
}
function Dr(e2, r) {
  return typeof r == "string" || r == null ? r : e2(r);
}
function gs(e2, r) {
  return (t) => e2.reduce((n, o) => (n[o] = Dr(r, t), n), {});
}
function ys(e2, r, t, n) {
  if (!r.includes(t))
    return null;
  const o = ms(t), i = gs(o, n), s = e2[t];
  return He(e2, s, i);
}
function yo(e2, r) {
  const t = Ft(e2.theme);
  return Object.keys(e2).map((n) => ys(e2, r, n, t)).reduce(Ar, {});
}
function he(e2) {
  return yo(e2, it);
}
he.propTypes = process.env.NODE_ENV !== "production" ? it.reduce((e2, r) => (e2[r] = tr, e2), {}) : {};
he.filterProps = it;
function ge(e2) {
  return yo(e2, st);
}
ge.propTypes = process.env.NODE_ENV !== "production" ? st.reduce((e2, r) => (e2[r] = tr, e2), {}) : {};
ge.filterProps = st;
process.env.NODE_ENV !== "production" && hs.reduce((e2, r) => (e2[r] = tr, e2), {});
function at(...e2) {
  const r = e2.reduce((n, o) => (o.filterProps.forEach((i) => {
    n[i] = o;
  }), n), {}), t = (n) => Object.keys(n).reduce((o, i) => r[i] ? Ar(o, r[i](n)) : o, {});
  return t.propTypes = process.env.NODE_ENV !== "production" ? e2.reduce((n, o) => Object.assign(n, o.propTypes), {}) : {}, t.filterProps = e2.reduce((n, o) => n.concat(o.filterProps), []), t;
}
function Re(e2) {
  return typeof e2 != "number" ? e2 : `${e2}px solid`;
}
function De(e2, r) {
  return be({
    prop: e2,
    themeKey: "borders",
    transform: r
  });
}
const bs = De("border", Re), vs = De("borderTop", Re), xs = De("borderRight", Re), ws = De("borderBottom", Re), Es = De("borderLeft", Re), Ss = De("borderColor"), Cs = De("borderTopColor"), ks = De("borderRightColor"), Ts = De("borderBottomColor"), Ns = De("borderLeftColor"), As = De("outline", Re), Os = De("outlineColor"), ct = (e2) => {
  if (e2.borderRadius !== void 0 && e2.borderRadius !== null) {
    const r = $r(e2.theme, "shape.borderRadius", 4, "borderRadius"), t = (n) => ({
      borderRadius: Dr(r, n)
    });
    return He(e2, e2.borderRadius, t);
  }
  return null;
};
ct.propTypes = process.env.NODE_ENV !== "production" ? {
  borderRadius: tr
} : {};
ct.filterProps = ["borderRadius"];
at(bs, vs, xs, ws, Es, Ss, Cs, ks, Ts, Ns, ct, As, Os);
const lt = (e2) => {
  if (e2.gap !== void 0 && e2.gap !== null) {
    const r = $r(e2.theme, "spacing", 8, "gap"), t = (n) => ({
      gap: Dr(r, n)
    });
    return He(e2, e2.gap, t);
  }
  return null;
};
lt.propTypes = process.env.NODE_ENV !== "production" ? {
  gap: tr
} : {};
lt.filterProps = ["gap"];
const ut = (e2) => {
  if (e2.columnGap !== void 0 && e2.columnGap !== null) {
    const r = $r(e2.theme, "spacing", 8, "columnGap"), t = (n) => ({
      columnGap: Dr(r, n)
    });
    return He(e2, e2.columnGap, t);
  }
  return null;
};
ut.propTypes = process.env.NODE_ENV !== "production" ? {
  columnGap: tr
} : {};
ut.filterProps = ["columnGap"];
const ft = (e2) => {
  if (e2.rowGap !== void 0 && e2.rowGap !== null) {
    const r = $r(e2.theme, "spacing", 8, "rowGap"), t = (n) => ({
      rowGap: Dr(r, n)
    });
    return He(e2, e2.rowGap, t);
  }
  return null;
};
ft.propTypes = process.env.NODE_ENV !== "production" ? {
  rowGap: tr
} : {};
ft.filterProps = ["rowGap"];
const Ps = be({
  prop: "gridColumn"
}), _s = be({
  prop: "gridRow"
}), Rs = be({
  prop: "gridAutoFlow"
}), $s = be({
  prop: "gridAutoColumns"
}), Ds = be({
  prop: "gridAutoRows"
}), Is = be({
  prop: "gridTemplateColumns"
}), js = be({
  prop: "gridTemplateRows"
}), Ms = be({
  prop: "gridTemplateAreas"
}), Vs = be({
  prop: "gridArea"
});
at(lt, ut, ft, Ps, _s, Rs, $s, Ds, Is, js, Ms, Vs);
function hr(e2, r) {
  return r === "grey" ? r : e2;
}
const Us = be({
  prop: "color",
  themeKey: "palette",
  transform: hr
}), zs = be({
  prop: "bgcolor",
  cssProperty: "backgroundColor",
  themeKey: "palette",
  transform: hr
}), Bs = be({
  prop: "backgroundColor",
  themeKey: "palette",
  transform: hr
});
at(Us, zs, Bs);
function Oe(e2) {
  return e2 <= 1 && e2 !== 0 ? `${e2 * 100}%` : e2;
}
const Ls = be({
  prop: "width",
  transform: Oe
}), Wt = (e2) => {
  if (e2.maxWidth !== void 0 && e2.maxWidth !== null) {
    const r = (t) => {
      var _a2, _b, _c2, _d, _e2;
      const n = ((_c2 = (_b = (_a2 = e2.theme) == null ? void 0 : _a2.breakpoints) == null ? void 0 : _b.values) == null ? void 0 : _c2[t]) || nt[t];
      return n ? ((_e2 = (_d = e2.theme) == null ? void 0 : _d.breakpoints) == null ? void 0 : _e2.unit) !== "px" ? {
        maxWidth: `${n}${e2.theme.breakpoints.unit}`
      } : {
        maxWidth: n
      } : {
        maxWidth: Oe(t)
      };
    };
    return He(e2, e2.maxWidth, r);
  }
  return null;
};
Wt.filterProps = ["maxWidth"];
const Fs = be({
  prop: "minWidth",
  transform: Oe
}), Ws = be({
  prop: "height",
  transform: Oe
}), Ys = be({
  prop: "maxHeight",
  transform: Oe
}), Gs = be({
  prop: "minHeight",
  transform: Oe
});
be({
  prop: "size",
  cssProperty: "width",
  transform: Oe
});
be({
  prop: "size",
  cssProperty: "height",
  transform: Oe
});
const qs = be({
  prop: "boxSizing"
});
at(Ls, Wt, Fs, Ws, Ys, Gs, qs);
const dt = {
  // borders
  border: {
    themeKey: "borders",
    transform: Re
  },
  borderTop: {
    themeKey: "borders",
    transform: Re
  },
  borderRight: {
    themeKey: "borders",
    transform: Re
  },
  borderBottom: {
    themeKey: "borders",
    transform: Re
  },
  borderLeft: {
    themeKey: "borders",
    transform: Re
  },
  borderColor: {
    themeKey: "palette"
  },
  borderTopColor: {
    themeKey: "palette"
  },
  borderRightColor: {
    themeKey: "palette"
  },
  borderBottomColor: {
    themeKey: "palette"
  },
  borderLeftColor: {
    themeKey: "palette"
  },
  outline: {
    themeKey: "borders",
    transform: Re
  },
  outlineColor: {
    themeKey: "palette"
  },
  borderRadius: {
    themeKey: "shape.borderRadius",
    style: ct
  },
  // palette
  color: {
    themeKey: "palette",
    transform: hr
  },
  bgcolor: {
    themeKey: "palette",
    cssProperty: "backgroundColor",
    transform: hr
  },
  backgroundColor: {
    themeKey: "palette",
    transform: hr
  },
  // spacing
  p: {
    style: ge
  },
  pt: {
    style: ge
  },
  pr: {
    style: ge
  },
  pb: {
    style: ge
  },
  pl: {
    style: ge
  },
  px: {
    style: ge
  },
  py: {
    style: ge
  },
  padding: {
    style: ge
  },
  paddingTop: {
    style: ge
  },
  paddingRight: {
    style: ge
  },
  paddingBottom: {
    style: ge
  },
  paddingLeft: {
    style: ge
  },
  paddingX: {
    style: ge
  },
  paddingY: {
    style: ge
  },
  paddingInline: {
    style: ge
  },
  paddingInlineStart: {
    style: ge
  },
  paddingInlineEnd: {
    style: ge
  },
  paddingBlock: {
    style: ge
  },
  paddingBlockStart: {
    style: ge
  },
  paddingBlockEnd: {
    style: ge
  },
  m: {
    style: he
  },
  mt: {
    style: he
  },
  mr: {
    style: he
  },
  mb: {
    style: he
  },
  ml: {
    style: he
  },
  mx: {
    style: he
  },
  my: {
    style: he
  },
  margin: {
    style: he
  },
  marginTop: {
    style: he
  },
  marginRight: {
    style: he
  },
  marginBottom: {
    style: he
  },
  marginLeft: {
    style: he
  },
  marginX: {
    style: he
  },
  marginY: {
    style: he
  },
  marginInline: {
    style: he
  },
  marginInlineStart: {
    style: he
  },
  marginInlineEnd: {
    style: he
  },
  marginBlock: {
    style: he
  },
  marginBlockStart: {
    style: he
  },
  marginBlockEnd: {
    style: he
  },
  // display
  displayPrint: {
    cssProperty: false,
    transform: (e2) => ({
      "@media print": {
        display: e2
      }
    })
  },
  display: {},
  overflow: {},
  textOverflow: {},
  visibility: {},
  whiteSpace: {},
  // flexbox
  flexBasis: {},
  flexDirection: {},
  flexWrap: {},
  justifyContent: {},
  alignItems: {},
  alignContent: {},
  order: {},
  flex: {},
  flexGrow: {},
  flexShrink: {},
  alignSelf: {},
  justifyItems: {},
  justifySelf: {},
  // grid
  gap: {
    style: lt
  },
  rowGap: {
    style: ft
  },
  columnGap: {
    style: ut
  },
  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: Oe
  },
  maxWidth: {
    style: Wt
  },
  minWidth: {
    transform: Oe
  },
  height: {
    transform: Oe
  },
  maxHeight: {
    transform: Oe
  },
  minHeight: {
    transform: Oe
  },
  boxSizing: {},
  // typography
  font: {
    themeKey: "font"
  },
  fontFamily: {
    themeKey: "typography"
  },
  fontSize: {
    themeKey: "typography"
  },
  fontStyle: {
    themeKey: "typography"
  },
  fontWeight: {
    themeKey: "typography"
  },
  letterSpacing: {},
  textTransform: {},
  lineHeight: {},
  textAlign: {},
  typography: {
    cssProperty: false,
    themeKey: "typography"
  }
};
function Hs(...e2) {
  const r = e2.reduce((n, o) => n.concat(Object.keys(o)), []), t = new Set(r);
  return e2.every((n) => t.size === Object.keys(n).length);
}
function Ks(e2, r) {
  return typeof e2 == "function" ? e2(r) : e2;
}
function Xs() {
  function e2(t, n, o, i) {
    const s = {
      [t]: n,
      theme: o
    }, l = i[t];
    if (!l)
      return {
        [t]: n
      };
    const {
      cssProperty: u = t,
      themeKey: f,
      transform: p,
      style: m
    } = l;
    if (n == null)
      return null;
    if (f === "typography" && n === "inherit")
      return {
        [t]: n
      };
    const h = ot(o, f) || {};
    return m ? m(s) : He(s, n, (g) => {
      let a = Qr(h, p, g);
      return g === a && typeof g == "string" && (a = Qr(h, p, `${t}${g === "default" ? "" : sr(g)}`, g)), u === false ? a : {
        [u]: a
      };
    });
  }
  function r(t) {
    const {
      sx: n,
      theme: o = {}
    } = t || {};
    if (!n)
      return null;
    const i = o.unstable_sxConfig ?? dt;
    function s(l) {
      let u = l;
      if (typeof l == "function")
        u = l(o);
      else if (typeof l != "object")
        return l;
      if (!u)
        return null;
      const f = ls(o.breakpoints), p = Object.keys(f);
      let m = f;
      return Object.keys(u).forEach((h) => {
        const w = Ks(u[h], o);
        if (w != null)
          if (typeof w == "object")
            if (i[h])
              m = Ar(m, e2(h, w, o, i));
            else {
              const g = He({
                theme: o
              }, w, (a) => ({
                [h]: a
              }));
              Hs(g, w) ? m[h] = r({
                sx: w,
                theme: o
              }) : m = Ar(m, g);
            }
          else
            m = Ar(m, e2(h, w, o, i));
      }), os(o, us(p, m));
    }
    return Array.isArray(n) ? n.map(s) : s(n);
  }
  return r;
}
const yr = Xs();
yr.filterProps = ["sx"];
function Rt() {
  return Rt = Object.assign ? Object.assign.bind() : function(e2) {
    for (var r = 1; r < arguments.length; r++) {
      var t = arguments[r];
      for (var n in t) ({}).hasOwnProperty.call(t, n) && (e2[n] = t[n]);
    }
    return e2;
  }, Rt.apply(null, arguments);
}
function Js(e2) {
  if (e2.sheet)
    return e2.sheet;
  for (var r = 0; r < document.styleSheets.length; r++)
    if (document.styleSheets[r].ownerNode === e2)
      return document.styleSheets[r];
}
function Qs(e2) {
  var r = document.createElement("style");
  return r.setAttribute("data-emotion", e2.key), e2.nonce !== void 0 && r.setAttribute("nonce", e2.nonce), r.appendChild(document.createTextNode("")), r.setAttribute("data-s", ""), r;
}
var Zs = /* @__PURE__ */ function() {
  function e2(t) {
    var n = this;
    this._insertTag = function(o) {
      var i;
      n.tags.length === 0 ? n.insertionPoint ? i = n.insertionPoint.nextSibling : n.prepend ? i = n.container.firstChild : i = n.before : i = n.tags[n.tags.length - 1].nextSibling, n.container.insertBefore(o, i), n.tags.push(o);
    }, this.isSpeedy = t.speedy === void 0 ? false : t.speedy, this.tags = [], this.ctr = 0, this.nonce = t.nonce, this.key = t.key, this.container = t.container, this.prepend = t.prepend, this.insertionPoint = t.insertionPoint, this.before = null;
  }
  var r = e2.prototype;
  return r.hydrate = function(n) {
    n.forEach(this._insertTag);
  }, r.insert = function(n) {
    this.ctr % (this.isSpeedy ? 65e3 : 1) === 0 && this._insertTag(Qs(this));
    var o = this.tags[this.tags.length - 1];
    {
      var i = n.charCodeAt(0) === 64 && n.charCodeAt(1) === 105;
      i && this._alreadyInsertedOrderInsensitiveRule && console.error(`You're attempting to insert the following rule:
` + n + "\n\n`@import` rules must be before all other types of rules in a stylesheet but other rules have already been inserted. Please ensure that `@import` rules are before all other rules."), this._alreadyInsertedOrderInsensitiveRule = this._alreadyInsertedOrderInsensitiveRule || !i;
    }
    if (this.isSpeedy) {
      var s = Js(o);
      try {
        s.insertRule(n, s.cssRules.length);
      } catch (l) {
        /:(-moz-placeholder|-moz-focus-inner|-moz-focusring|-ms-input-placeholder|-moz-read-write|-moz-read-only|-ms-clear|-ms-expand|-ms-reveal){/.test(n) || console.error('There was a problem inserting the following rule: "' + n + '"', l);
      }
    } else
      o.appendChild(document.createTextNode(n));
    this.ctr++;
  }, r.flush = function() {
    this.tags.forEach(function(n) {
      var o;
      return (o = n.parentNode) == null ? void 0 : o.removeChild(n);
    }), this.tags = [], this.ctr = 0, this._alreadyInsertedOrderInsensitiveRule = false;
  }, e2;
}(), Se = "-ms-", Zr = "-moz-", ee = "-webkit-", Yt = "comm", Gt = "rule", qt = "decl", ea = "@import", bo = "@keyframes", ra = "@layer", ta = Math.abs, pt = String.fromCharCode, na = Object.assign;
function oa(e2, r) {
  return Ee(e2, 0) ^ 45 ? (((r << 2 ^ Ee(e2, 0)) << 2 ^ Ee(e2, 1)) << 2 ^ Ee(e2, 2)) << 2 ^ Ee(e2, 3) : 0;
}
function vo(e2) {
  return e2.trim();
}
function ia(e2, r) {
  return (e2 = r.exec(e2)) ? e2[0] : e2;
}
function re(e2, r, t) {
  return e2.replace(r, t);
}
function $t(e2, r) {
  return e2.indexOf(r);
}
function Ee(e2, r) {
  return e2.charCodeAt(r) | 0;
}
function Or(e2, r, t) {
  return e2.slice(r, t);
}
function Ue(e2) {
  return e2.length;
}
function Ht(e2) {
  return e2.length;
}
function Wr(e2, r) {
  return r.push(e2), e2;
}
function sa(e2, r) {
  return e2.map(r).join("");
}
var mt = 1, br = 1, xo = 0, Ne = 0, ve = 0, wr = "";
function ht(e2, r, t, n, o, i, s) {
  return { value: e2, root: r, parent: t, type: n, props: o, children: i, line: mt, column: br, length: s, return: "" };
}
function Cr(e2, r) {
  return na(ht("", null, null, "", null, null, 0), e2, { length: -e2.length }, r);
}
function aa() {
  return ve;
}
function ca() {
  return ve = Ne > 0 ? Ee(wr, --Ne) : 0, br--, ve === 10 && (br = 1, mt--), ve;
}
function _e() {
  return ve = Ne < xo ? Ee(wr, Ne++) : 0, br++, ve === 10 && (br = 1, mt++), ve;
}
function Be() {
  return Ee(wr, Ne);
}
function qr() {
  return Ne;
}
function Ir(e2, r) {
  return Or(wr, e2, r);
}
function Pr(e2) {
  switch (e2) {
    // \0 \t \n \r \s whitespace token
    case 0:
    case 9:
    case 10:
    case 13:
    case 32:
      return 5;
    // ! + , / > @ ~ isolate token
    case 33:
    case 43:
    case 44:
    case 47:
    case 62:
    case 64:
    case 126:
    // ; { } breakpoint token
    case 59:
    case 123:
    case 125:
      return 4;
    // : accompanied token
    case 58:
      return 3;
    // " ' ( [ opening delimit token
    case 34:
    case 39:
    case 40:
    case 91:
      return 2;
    // ) ] closing delimit token
    case 41:
    case 93:
      return 1;
  }
  return 0;
}
function wo(e2) {
  return mt = br = 1, xo = Ue(wr = e2), Ne = 0, [];
}
function Eo(e2) {
  return wr = "", e2;
}
function Hr(e2) {
  return vo(Ir(Ne - 1, Dt(e2 === 91 ? e2 + 2 : e2 === 40 ? e2 + 1 : e2)));
}
function la(e2) {
  for (; (ve = Be()) && ve < 33; )
    _e();
  return Pr(e2) > 2 || Pr(ve) > 3 ? "" : " ";
}
function ua(e2, r) {
  for (; --r && _e() && !(ve < 48 || ve > 102 || ve > 57 && ve < 65 || ve > 70 && ve < 97); )
    ;
  return Ir(e2, qr() + (r < 6 && Be() == 32 && _e() == 32));
}
function Dt(e2) {
  for (; _e(); )
    switch (ve) {
      // ] ) " '
      case e2:
        return Ne;
      // " '
      case 34:
      case 39:
        e2 !== 34 && e2 !== 39 && Dt(ve);
        break;
      // (
      case 40:
        e2 === 41 && Dt(e2);
        break;
      // \
      case 92:
        _e();
        break;
    }
  return Ne;
}
function fa(e2, r) {
  for (; _e() && e2 + ve !== 57; )
    if (e2 + ve === 84 && Be() === 47)
      break;
  return "/*" + Ir(r, Ne - 1) + "*" + pt(e2 === 47 ? e2 : _e());
}
function da(e2) {
  for (; !Pr(Be()); )
    _e();
  return Ir(e2, Ne);
}
function pa(e2) {
  return Eo(Kr("", null, null, null, [""], e2 = wo(e2), 0, [0], e2));
}
function Kr(e2, r, t, n, o, i, s, l, u) {
  for (var f = 0, p = 0, m = s, h = 0, w = 0, g = 0, a = 1, v = 1, S = 1, D = 0, k = "", C = o, y = i, E = n, N = k; v; )
    switch (g = D, D = _e()) {
      // (
      case 40:
        if (g != 108 && Ee(N, m - 1) == 58) {
          $t(N += re(Hr(D), "&", "&\f"), "&\f") != -1 && (S = -1);
          break;
        }
      // " ' [
      case 34:
      case 39:
      case 91:
        N += Hr(D);
        break;
      // \t \n \r \s
      case 9:
      case 10:
      case 13:
      case 32:
        N += la(g);
        break;
      // \
      case 92:
        N += ua(qr() - 1, 7);
        continue;
      // /
      case 47:
        switch (Be()) {
          case 42:
          case 47:
            Wr(ma(fa(_e(), qr()), r, t), u);
            break;
          default:
            N += "/";
        }
        break;
      // {
      case 123 * a:
        l[f++] = Ue(N) * S;
      // } ; \0
      case 125 * a:
      case 59:
      case 0:
        switch (D) {
          // \0 }
          case 0:
          case 125:
            v = 0;
          // ;
          case 59 + p:
            S == -1 && (N = re(N, /\f/g, "")), w > 0 && Ue(N) - m && Wr(w > 32 ? Rn(N + ";", n, t, m - 1) : Rn(re(N, " ", "") + ";", n, t, m - 2), u);
            break;
          // @ ;
          case 59:
            N += ";";
          // { rule/at-rule
          default:
            if (Wr(E = _n(N, r, t, f, p, o, l, k, C = [], y = [], m), i), D === 123)
              if (p === 0)
                Kr(N, r, E, E, C, i, m, l, y);
              else
                switch (h === 99 && Ee(N, 3) === 110 ? 100 : h) {
                  // d l m s
                  case 100:
                  case 108:
                  case 109:
                  case 115:
                    Kr(e2, E, E, n && Wr(_n(e2, E, E, 0, 0, o, l, k, o, C = [], m), y), o, y, m, l, n ? C : y);
                    break;
                  default:
                    Kr(N, E, E, E, [""], y, 0, l, y);
                }
        }
        f = p = w = 0, a = S = 1, k = N = "", m = s;
        break;
      // :
      case 58:
        m = 1 + Ue(N), w = g;
      default:
        if (a < 1) {
          if (D == 123)
            --a;
          else if (D == 125 && a++ == 0 && ca() == 125)
            continue;
        }
        switch (N += pt(D), D * a) {
          // &
          case 38:
            S = p > 0 ? 1 : (N += "\f", -1);
            break;
          // ,
          case 44:
            l[f++] = (Ue(N) - 1) * S, S = 1;
            break;
          // @
          case 64:
            Be() === 45 && (N += Hr(_e())), h = Be(), p = m = Ue(k = N += da(qr())), D++;
            break;
          // -
          case 45:
            g === 45 && Ue(N) == 2 && (a = 0);
        }
    }
  return i;
}
function _n(e2, r, t, n, o, i, s, l, u, f, p) {
  for (var m = o - 1, h = o === 0 ? i : [""], w = Ht(h), g = 0, a = 0, v = 0; g < n; ++g)
    for (var S = 0, D = Or(e2, m + 1, m = ta(a = s[g])), k = e2; S < w; ++S)
      (k = vo(a > 0 ? h[S] + " " + D : re(D, /&\f/g, h[S]))) && (u[v++] = k);
  return ht(e2, r, t, o === 0 ? Gt : l, u, f, p);
}
function ma(e2, r, t) {
  return ht(e2, r, t, Yt, pt(aa()), Or(e2, 2, -2), 0);
}
function Rn(e2, r, t, n) {
  return ht(e2, r, t, qt, Or(e2, 0, n), Or(e2, n + 1, -1), n);
}
function gr(e2, r) {
  for (var t = "", n = Ht(e2), o = 0; o < n; o++)
    t += r(e2[o], o, e2, r) || "";
  return t;
}
function ha(e2, r, t, n) {
  switch (e2.type) {
    case ra:
      if (e2.children.length) break;
    case ea:
    case qt:
      return e2.return = e2.return || e2.value;
    case Yt:
      return "";
    case bo:
      return e2.return = e2.value + "{" + gr(e2.children, n) + "}";
    case Gt:
      e2.value = e2.props.join(",");
  }
  return Ue(t = gr(e2.children, n)) ? e2.return = e2.value + "{" + t + "}" : "";
}
function ga(e2) {
  var r = Ht(e2);
  return function(t, n, o, i) {
    for (var s = "", l = 0; l < r; l++)
      s += e2[l](t, n, o, i) || "";
    return s;
  };
}
function So(e2) {
  var r = /* @__PURE__ */ Object.create(null);
  return function(t) {
    return r[t] === void 0 && (r[t] = e2(t)), r[t];
  };
}
var ya = function(r, t, n) {
  for (var o = 0, i = 0; o = i, i = Be(), o === 38 && i === 12 && (t[n] = 1), !Pr(i); )
    _e();
  return Ir(r, Ne);
}, ba = function(r, t) {
  var n = -1, o = 44;
  do
    switch (Pr(o)) {
      case 0:
        o === 38 && Be() === 12 && (t[n] = 1), r[n] += ya(Ne - 1, t, n);
        break;
      case 2:
        r[n] += Hr(o);
        break;
      case 4:
        if (o === 44) {
          r[++n] = Be() === 58 ? "&\f" : "", t[n] = r[n].length;
          break;
        }
      // fallthrough
      default:
        r[n] += pt(o);
    }
  while (o = _e());
  return r;
}, va = function(r, t) {
  return Eo(ba(wo(r), t));
}, $n = /* @__PURE__ */ new WeakMap(), xa = function(r) {
  if (!(r.type !== "rule" || !r.parent || // positive .length indicates that this rule contains pseudo
  // negative .length indicates that this rule has been already prefixed
  r.length < 1)) {
    for (var t = r.value, n = r.parent, o = r.column === n.column && r.line === n.line; n.type !== "rule"; )
      if (n = n.parent, !n) return;
    if (!(r.props.length === 1 && t.charCodeAt(0) !== 58 && !$n.get(n)) && !o) {
      $n.set(r, true);
      for (var i = [], s = va(t, i), l = n.props, u = 0, f = 0; u < s.length; u++)
        for (var p = 0; p < l.length; p++, f++)
          r.props[f] = i[u] ? s[u].replace(/&\f/g, l[p]) : l[p] + " " + s[u];
    }
  }
}, wa = function(r) {
  if (r.type === "decl") {
    var t = r.value;
    t.charCodeAt(0) === 108 && // charcode for b
    t.charCodeAt(2) === 98 && (r.return = "", r.value = "");
  }
}, Ea = "emotion-disable-server-rendering-unsafe-selector-warning-please-do-not-use-this-the-warning-exists-for-a-reason", Sa = function(r) {
  return r.type === "comm" && r.children.indexOf(Ea) > -1;
}, Ca = function(r) {
  return function(t, n, o) {
    if (!(t.type !== "rule" || r.compat)) {
      var i = t.value.match(/(:first|:nth|:nth-last)-child/g);
      if (i) {
        for (var s = !!t.parent, l = s ? t.parent.children : (
          // global rule at the root level
          o
        ), u = l.length - 1; u >= 0; u--) {
          var f = l[u];
          if (f.line < t.line)
            break;
          if (f.column < t.column) {
            if (Sa(f))
              return;
            break;
          }
        }
        i.forEach(function(p) {
          console.error('The pseudo class "' + p + '" is potentially unsafe when doing server-side rendering. Try changing it to "' + p.split("-child")[0] + '-of-type".');
        });
      }
    }
  };
}, Co = function(r) {
  return r.type.charCodeAt(1) === 105 && r.type.charCodeAt(0) === 64;
}, ka = function(r, t) {
  for (var n = r - 1; n >= 0; n--)
    if (!Co(t[n]))
      return true;
  return false;
}, Dn = function(r) {
  r.type = "", r.value = "", r.return = "", r.children = "", r.props = "";
}, Ta = function(r, t, n) {
  Co(r) && (r.parent ? (console.error("`@import` rules can't be nested inside other rules. Please move it to the top level and put it before regular rules. Keep in mind that they can only be used within global styles."), Dn(r)) : ka(t, n) && (console.error("`@import` rules can't be after other rules. Please put your `@import` rules before your other rules."), Dn(r)));
};
function ko(e2, r) {
  switch (oa(e2, r)) {
    // color-adjust
    case 5103:
      return ee + "print-" + e2 + e2;
    // animation, animation-(delay|direction|duration|fill-mode|iteration-count|name|play-state|timing-function)
    case 5737:
    case 4201:
    case 3177:
    case 3433:
    case 1641:
    case 4457:
    case 2921:
    // text-decoration, filter, clip-path, backface-visibility, column, box-decoration-break
    case 5572:
    case 6356:
    case 5844:
    case 3191:
    case 6645:
    case 3005:
    // mask, mask-image, mask-(mode|clip|size), mask-(repeat|origin), mask-position, mask-composite,
    case 6391:
    case 5879:
    case 5623:
    case 6135:
    case 4599:
    case 4855:
    // background-clip, columns, column-(count|fill|gap|rule|rule-color|rule-style|rule-width|span|width)
    case 4215:
    case 6389:
    case 5109:
    case 5365:
    case 5621:
    case 3829:
      return ee + e2 + e2;
    // appearance, user-select, transform, hyphens, text-size-adjust
    case 5349:
    case 4246:
    case 4810:
    case 6968:
    case 2756:
      return ee + e2 + Zr + e2 + Se + e2 + e2;
    // flex, flex-direction
    case 6828:
    case 4268:
      return ee + e2 + Se + e2 + e2;
    // order
    case 6165:
      return ee + e2 + Se + "flex-" + e2 + e2;
    // align-items
    case 5187:
      return ee + e2 + re(e2, /(\w+).+(:[^]+)/, ee + "box-$1$2" + Se + "flex-$1$2") + e2;
    // align-self
    case 5443:
      return ee + e2 + Se + "flex-item-" + re(e2, /flex-|-self/, "") + e2;
    // align-content
    case 4675:
      return ee + e2 + Se + "flex-line-pack" + re(e2, /align-content|flex-|-self/, "") + e2;
    // flex-shrink
    case 5548:
      return ee + e2 + Se + re(e2, "shrink", "negative") + e2;
    // flex-basis
    case 5292:
      return ee + e2 + Se + re(e2, "basis", "preferred-size") + e2;
    // flex-grow
    case 6060:
      return ee + "box-" + re(e2, "-grow", "") + ee + e2 + Se + re(e2, "grow", "positive") + e2;
    // transition
    case 4554:
      return ee + re(e2, /([^-])(transform)/g, "$1" + ee + "$2") + e2;
    // cursor
    case 6187:
      return re(re(re(e2, /(zoom-|grab)/, ee + "$1"), /(image-set)/, ee + "$1"), e2, "") + e2;
    // background, background-image
    case 5495:
    case 3959:
      return re(e2, /(image-set\([^]*)/, ee + "$1$`$1");
    // justify-content
    case 4968:
      return re(re(e2, /(.+:)(flex-)?(.*)/, ee + "box-pack:$3" + Se + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + ee + e2 + e2;
    // (margin|padding)-inline-(start|end)
    case 4095:
    case 3583:
    case 4068:
    case 2532:
      return re(e2, /(.+)-inline(.+)/, ee + "$1$2") + e2;
    // (min|max)?(width|height|inline-size|block-size)
    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 (Ue(e2) - 1 - r > 6) switch (Ee(e2, r + 1)) {
        // (m)ax-content, (m)in-content
        case 109:
          if (Ee(e2, r + 4) !== 45) break;
        // (f)ill-available, (f)it-content
        case 102:
          return re(e2, /(.+:)(.+)-([^]+)/, "$1" + ee + "$2-$3$1" + Zr + (Ee(e2, r + 3) == 108 ? "$3" : "$2-$3")) + e2;
        // (s)tretch
        case 115:
          return ~$t(e2, "stretch") ? ko(re(e2, "stretch", "fill-available"), r) + e2 : e2;
      }
      break;
    // position: sticky
    case 4949:
      if (Ee(e2, r + 1) !== 115) break;
    // display: (flex|inline-flex)
    case 6444:
      switch (Ee(e2, Ue(e2) - 3 - (~$t(e2, "!important") && 10))) {
        // stic(k)y
        case 107:
          return re(e2, ":", ":" + ee) + e2;
        // (inline-)?fl(e)x
        case 101:
          return re(e2, /(.+:)([^;!]+)(;|!.+)?/, "$1" + ee + (Ee(e2, 14) === 45 ? "inline-" : "") + "box$3$1" + ee + "$2$3$1" + Se + "$2box$3") + e2;
      }
      break;
    // writing-mode
    case 5936:
      switch (Ee(e2, r + 11)) {
        // vertical-l(r)
        case 114:
          return ee + e2 + Se + re(e2, /[svh]\w+-[tblr]{2}/, "tb") + e2;
        // vertical-r(l)
        case 108:
          return ee + e2 + Se + re(e2, /[svh]\w+-[tblr]{2}/, "tb-rl") + e2;
        // horizontal(-)tb
        case 45:
          return ee + e2 + Se + re(e2, /[svh]\w+-[tblr]{2}/, "lr") + e2;
      }
      return ee + e2 + Se + e2 + e2;
  }
  return e2;
}
var Na = function(r, t, n, o) {
  if (r.length > -1 && !r.return) switch (r.type) {
    case qt:
      r.return = ko(r.value, r.length);
      break;
    case bo:
      return gr([Cr(r, {
        value: re(r.value, "@", "@" + ee)
      })], o);
    case Gt:
      if (r.length) return sa(r.props, function(i) {
        switch (ia(i, /(::plac\w+|:read-\w+)/)) {
          // :read-(only|write)
          case ":read-only":
          case ":read-write":
            return gr([Cr(r, {
              props: [re(i, /:(read-\w+)/, ":" + Zr + "$1")]
            })], o);
          // :placeholder
          case "::placeholder":
            return gr([Cr(r, {
              props: [re(i, /:(plac\w+)/, ":" + ee + "input-$1")]
            }), Cr(r, {
              props: [re(i, /:(plac\w+)/, ":" + Zr + "$1")]
            }), Cr(r, {
              props: [re(i, /:(plac\w+)/, Se + "input-$1")]
            })], o);
        }
        return "";
      });
  }
}, Aa = [Na], It;
{
  var Oa = /\/\*#\ssourceMappingURL=data:application\/json;\S+\s+\*\//g;
  It = function(r) {
    var t = r.match(Oa);
    if (t)
      return t[t.length - 1];
  };
}
var Pa = function(r) {
  var t = r.key;
  if (!t)
    throw new Error(`You have to configure \`key\` for your cache. Please make sure it's unique (and not equal to 'css') as it's used for linking styles to your cache.
If multiple caches share the same key they might "fight" for each other's style elements.`);
  if (t === "css") {
    var n = document.querySelectorAll("style[data-emotion]:not([data-s])");
    Array.prototype.forEach.call(n, function(a) {
      var v = a.getAttribute("data-emotion");
      v.indexOf(" ") !== -1 && (document.head.appendChild(a), a.setAttribute("data-s", ""));
    });
  }
  var o = r.stylisPlugins || Aa;
  if (/[^a-z-]/.test(t))
    throw new Error('Emotion key must only contain lower case alphabetical characters and - but "' + t + '" was passed');
  var i = {}, s, l = [];
  s = r.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^="' + t + ' "]'),
    function(a) {
      for (var v = a.getAttribute("data-emotion").split(" "), S = 1; S < v.length; S++)
        i[v[S]] = true;
      l.push(a);
    }
  );
  var u, f = [xa, wa];
  f.push(Ca({
    get compat() {
      return g.compat;
    }
  }), Ta);
  {
    var p, m = [ha, function(a) {
      a.root || (a.return ? p.insert(a.return) : a.value && a.type !== Yt && p.insert(a.value + "{}"));
    }], h = ga(f.concat(o, m)), w = function(v) {
      return gr(pa(v), h);
    };
    u = function(v, S, D, k) {
      if (p = D, It) {
        var C = It(S.styles);
        C && (p = {
          insert: function(E) {
            D.insert(E + C);
          }
        });
      }
      w(v ? v + "{" + S.styles + "}" : S.styles), k && (g.inserted[S.name] = true);
    };
  }
  var g = {
    key: t,
    sheet: new Zs({
      key: t,
      container: s,
      nonce: r.nonce,
      speedy: r.speedy,
      prepend: r.prepend,
      insertionPoint: r.insertionPoint
    }),
    nonce: r.nonce,
    inserted: i,
    registered: {},
    insert: u
  };
  return g.sheet.hydrate(l), g;
}, _a = true;
function To(e2, r, t) {
  var n = "";
  return t.split(" ").forEach(function(o) {
    e2[o] !== void 0 ? r.push(e2[o] + ";") : o && (n += o + " ");
  }), n;
}
var Kt = function(r, t, n) {
  var o = r.key + "-" + t.name;
  (n === false || // 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
  _a === false) && r.registered[o] === void 0 && (r.registered[o] = t.styles);
}, No = function(r, t, n) {
  Kt(r, t, n);
  var o = r.key + "-" + t.name;
  if (r.inserted[t.name] === void 0) {
    var i = t;
    do
      r.insert(t === i ? "." + o : "", i, r.sheet, true), i = i.next;
    while (i !== void 0);
  }
};
function Ra(e2) {
  for (var r = 0, t, n = 0, o = e2.length; o >= 4; ++n, o -= 4)
    t = e2.charCodeAt(n) & 255 | (e2.charCodeAt(++n) & 255) << 8 | (e2.charCodeAt(++n) & 255) << 16 | (e2.charCodeAt(++n) & 255) << 24, t = /* Math.imul(k, m): */
    (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16), t ^= /* k >>> r: */
    t >>> 24, r = /* Math.imul(k, m): */
    (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16) ^ /* Math.imul(h, m): */
    (r & 65535) * 1540483477 + ((r >>> 16) * 59797 << 16);
  switch (o) {
    case 3:
      r ^= (e2.charCodeAt(n + 2) & 255) << 16;
    case 2:
      r ^= (e2.charCodeAt(n + 1) & 255) << 8;
    case 1:
      r ^= e2.charCodeAt(n) & 255, r = /* Math.imul(h, m): */
      (r & 65535) * 1540483477 + ((r >>> 16) * 59797 << 16);
  }
  return r ^= r >>> 13, r = /* Math.imul(h, m): */
  (r & 65535) * 1540483477 + ((r >>> 16) * 59797 << 16), ((r ^ r >>> 15) >>> 0).toString(36);
}
var $a = {
  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
}, Da = true, In = `You have illegal escape sequence in your template literal, most likely inside content's property value.
Because you write your CSS inside a JavaScript string you actually have to do double escaping, so for example "content: '\\00d7';" should become "content: '\\\\00d7';".
You can read more about this here:
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#ES2018_revision_of_illegal_escape_sequences`, Ia = "You have passed in falsy value as style object's key (can happen when in example you pass unexported component as computed key).", ja = /[A-Z]|^ms/g, Ao = /_EMO_([^_]+?)_([^]*?)_EMO_/g, Xt = function(r) {
  return r.charCodeAt(1) === 45;
}, jn = function(r) {
  return r != null && typeof r != "boolean";
}, Ct = /* @__PURE__ */ So(function(e2) {
  return Xt(e2) ? e2 : e2.replace(ja, "-$&").toLowerCase();
}), et = function(r, t) {
  switch (r) {
    case "animation":
    case "animationName":
      if (typeof t == "string")
        return t.replace(Ao, function(n, o, i) {
          return ze = {
            name: o,
            styles: i,
            next: ze
          }, o;
        });
  }
  return $a[r] !== 1 && !Xt(r) && typeof t == "number" && t !== 0 ? t + "px" : t;
};
{
  var Ma = /(var|attr|counters?|url|element|(((repeating-)?(linear|radial))|conic)-gradient)\(|(no-)?(open|close)-quote/, Va = ["normal", "none", "initial", "inherit", "unset"], Ua = et, za = /^-ms-/, Ba = /-(.)/g, Mn = {};
  et = function(r, t) {
    if (r === "content" && (typeof t != "string" || Va.indexOf(t) === -1 && !Ma.test(t) && (t.charAt(0) !== t.charAt(t.length - 1) || t.charAt(0) !== '"' && t.charAt(0) !== "'")))
      throw new Error("You seem to be using a value for 'content' without quotes, try replacing it with `content: '\"" + t + "\"'`");
    var n = Ua(r, t);
    return n !== "" && !Xt(r) && r.indexOf("-") !== -1 && Mn[r] === void 0 && (Mn[r] = true, console.error("Using kebab-case for css properties in objects is not supported. Did you mean " + r.replace(za, "ms-").replace(Ba, function(o, i) {
      return i.toUpperCase();
    }) + "?")), n;
  };
}
var Oo = "Component selectors can only be used in conjunction with @emotion/babel-plugin, the swc Emotion plugin, or another Emotion-aware compiler transform.";
function _r(e2, r, t) {
  if (t == null)
    return "";
  var n = t;
  if (n.__emotion_styles !== void 0) {
    if (String(n) === "NO_COMPONENT_SELECTOR")
      throw new Error(Oo);
    return n;
  }
  switch (typeof t) {
    case "boolean":
      return "";
    case "object": {
      var o = t;
      if (o.anim === 1)
        return ze = {
          name: o.name,
          styles: o.styles,
          next: ze
        }, o.name;
      var i = t;
      if (i.styles !== void 0) {
        var s = i.next;
        if (s !== void 0)
          for (; s !== void 0; )
            ze = {
              name: s.name,
              styles: s.styles,
              next: ze
            }, s = s.next;
        var l = i.styles + ";";
        return l;
      }
      return La(e2, r, t);
    }
    case "function": {
      if (e2 !== void 0) {
        var u = ze, f = t(e2);
        return ze = u, _r(e2, r, f);
      } else
        console.error("Functions that are interpolated in css calls will be stringified.\nIf you want to have a css call based on props, create a function that returns a css call like this\nlet dynamicStyle = (props) => css`color: ${props.color}`\nIt can be called directly with props or interpolated in a styled call like this\nlet SomeComponent = styled('div')`${dynamicStyle}`");
      break;
    }
    case "string":
      {
        var p = [], m = t.replace(Ao, function(g, a, v) {
          var S = "animation" + p.length;
          return p.push("const " + S + " = keyframes`" + v.replace(/^@keyframes animation-\w+/, "") + "`"), "${" + S + "}";
        });
        p.length && console.error("`keyframes` output got interpolated into plain string, please wrap it with `css`.\n\nInstead of doing this:\n\n" + [].concat(p, ["`" + m + "`"]).join(`
`) + `

You should wrap it with \`css\` like this:

css\`` + m + "`");
      }
      break;
  }
  var h = t;
  if (r == null)
    return h;
  var w = r[h];
  return w !== void 0 ? w : h;
}
function La(e2, r, t) {
  var n = "";
  if (Array.isArray(t))
    for (var o = 0; o < t.length; o++)
      n += _r(e2, r, t[o]) + ";";
  else
    for (var i in t) {
      var s = t[i];
      if (typeof s != "object") {
        var l = s;
        r != null && r[l] !== void 0 ? n += i + "{" + r[l] + "}" : jn(l) && (n += Ct(i) + ":" + et(i, l) + ";");
      } else {
        if (i === "NO_COMPONENT_SELECTOR" && Da)
          throw new Error(Oo);
        if (Array.isArray(s) && typeof s[0] == "string" && (r == null || r[s[0]] === void 0))
          for (var u = 0; u < s.length; u++)
            jn(s[u]) && (n += Ct(i) + ":" + et(i, s[u]) + ";");
        else {
          var f = _r(e2, r, s);
          switch (i) {
            case "animation":
            case "animationName": {
              n += Ct(i) + ":" + f + ";";
              break;
            }
            default:
              i === "undefined" && console.error(Ia), n += i + "{" + f + "}";
          }
        }
      }
    }
  return n;
}
var Vn = /label:\s*([^\s;{]+)\s*(;|$)/g, ze;
function rt(e2, r, t) {
  if (e2.length === 1 && typeof e2[0] == "object" && e2[0] !== null && e2[0].styles !== void 0)
    return e2[0];
  var n = true, o = "";
  ze = void 0;
  var i = e2[0];
  if (i == null || i.raw === void 0)
    n = false, o += _r(t, r, i);
  else {
    var s = i;
    s[0] === void 0 && console.error(In), o += s[0];
  }
  for (var l = 1; l < e2.length; l++)
    if (o += _r(t, r, e2[l]), n) {
      var u = i;
      u[l] === void 0 && console.error(In), o += u[l];
    }
  Vn.lastIndex = 0;
  for (var f = "", p; (p = Vn.exec(o)) !== null; )
    f += "-" + p[1];
  var m = Ra(o) + f;
  {
    var h = {
      name: m,
      styles: o,
      next: ze,
      toString: function() {
        return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
      }
    };
    return h;
  }
}
var Fa = function(r) {
  return r();
}, Wa = ye.useInsertionEffect ? ye.useInsertionEffect : false, Po = Wa || Fa, Jt = /* @__PURE__ */ ye.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__ */ Pa({
    key: "css"
  }) : null
);
Jt.displayName = "EmotionCacheContext";
Jt.Provider;
var _o = function(r) {
  return /* @__PURE__ */ Go(function(t, n) {
    var o = qo(Jt);
    return r(t, o, n);
  });
}, Qt = /* @__PURE__ */ ye.createContext({});
Qt.displayName = "EmotionThemeContext";
var Ya = {}.hasOwnProperty, Un = "__EMOTION_TYPE_PLEASE_DO_NOT_USE__", zn = "__EMOTION_LABEL_PLEASE_DO_NOT_USE__", Ga = function(r) {
  var t = r.cache, n = r.serialized, o = r.isStringTag;
  return Kt(t, n, o), Po(function() {
    return No(t, n, o);
  }), null;
}, qa = /* @__PURE__ */ _o(function(e2, r, t) {
  var n = e2.css;
  typeof n == "string" && r.registered[n] !== void 0 && (n = r.registered[n]);
  var o = e2[Un], i = [n], s = "";
  typeof e2.className == "string" ? s = To(r.registered, i, e2.className) : e2.className != null && (s = e2.className + " ");
  var l = rt(i, void 0, ye.useContext(Qt));
  if (l.name.indexOf("-") === -1) {
    var u = e2[zn];
    u && (l = rt([l, "label:" + u + ";"]));
  }
  s += r.key + "-" + l.name;
  var f = {};
  for (var p in e2)
    Ya.call(e2, p) && p !== "css" && p !== Un && p !== zn && (f[p] = e2[p]);
  return f.className = s, t && (f.ref = t), /* @__PURE__ */ ye.createElement(ye.Fragment, null, /* @__PURE__ */ ye.createElement(Ga, {
    cache: r,
    serialized: l,
    isStringTag: typeof o == "string"
  }), /* @__PURE__ */ ye.createElement(o, f));
});
qa.displayName = "EmotionCssPropInternal";
var Ha = /^((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|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)-.*))$/, Ka = /* @__PURE__ */ So(
  function(e2) {
    return Ha.test(e2) || e2.charCodeAt(0) === 111 && e2.charCodeAt(1) === 110 && e2.charCodeAt(2) < 91;
  }
  /* Z+1 */
), Xa = true, Ja = Ka, Qa = function(r) {
  return r !== "theme";
}, Bn = function(r) {
  return typeof r == "string" && // 96 is one less than the char code
  // for "a" so this is checking that
  // it's a lowercase character
  r.charCodeAt(0) > 96 ? Ja : Qa;
}, Ln = function(r, t, n) {
  var o;
  if (t) {
    var i = t.shouldForwardProp;
    o = r.__emotion_forwardProp && i ? function(s) {
      return r.__emotion_forwardProp(s) && i(s);
    } : i;
  }
  return typeof o != "function" && n && (o = r.__emotion_forwardProp), o;
}, Fn = `You have illegal escape sequence in your template literal, most likely inside content's property value.
Because you write your CSS inside a JavaScript string you actually have to do double escaping, so for example "content: '\\00d7';" should become "content: '\\\\00d7';".
You can read more about this here:
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#ES2018_revision_of_illegal_escape_sequences`, Za = function(r) {
  var t = r.cache, n = r.serialized, o = r.isStringTag;
  return Kt(t, n, o), Po(function() {
    return No(t, n, o);
  }), null;
}, ec = function e(r, t) {
  if (r === void 0)
    throw new Error(`You are trying to create a styled element with an undefined component.
You may have forgotten to import it.`);
  var n = r.__emotion_real === r, o = n && r.__emotion_base || r, i, s;
  t !== void 0 && (i = t.label, s = t.target);
  var l = Ln(r, t, n), u = l || Bn(o), f = !u("as");
  return function() {
    var p = arguments, m = n && r.__emotion_styles !== void 0 ? r.__emotion_styles.slice(0) : [];
    if (i !== void 0 && m.push("label:" + i + ";"), p[0] == null || p[0].raw === void 0)
      m.push.apply(m, p);
    else {
      var h = p[0];
      h[0] === void 0 && console.error(Fn), m.push(h[0]);
      for (var w = p.length, g = 1; g < w; g++)
        h[g] === void 0 && console.error(Fn), m.push(p[g], h[g]);
    }
    var a = _o(function(v, S, D) {
      var k = f && v.as || o, C = "", y = [], E = v;
      if (v.theme == null) {
        E = {};
        for (var N in v)
          E[N] = v[N];
        E.theme = ye.useContext(Qt);
      }
      typeof v.className == "string" ? C = To(S.registered, y, v.className) : v.className != null && (C = v.className + " ");
      var _ = rt(m.concat(y), S.registered, E);
      C += S.key + "-" + _.name, s !== void 0 && (C += " " + s);
      var J = f && l === void 0 ? Bn(k) : u, c = {};
      for (var A in v)
        f && A === "as" || J(A) && (c[A] = v[A]);
      return c.className = C, D && (c.ref = D), /* @__PURE__ */ ye.createElement(ye.Fragment, null, /* @__PURE__ */ ye.createElement(Za, {
        cache: S,
        serialized: _,
        isStringTag: typeof k == "string"
      }), /* @__PURE__ */ ye.createElement(k, c));
    });
    return a.displayName = i !== void 0 ? i : "Styled(" + (typeof o == "string" ? o : o.displayName || o.name || "Component") + ")", a.defaultProps = r.defaultProps, a.__emotion_real = a, a.__emotion_base = o, a.__emotion_styles = m, a.__emotion_forwardProp = l, Object.defineProperty(a, "toString", {
      value: function() {
        return s === void 0 && Xa ? "NO_COMPONENT_SELECTOR" : "." + s;
      }
    }), a.withComponent = function(v, S) {
      var D = e(v, Rt({}, t, S, {
        shouldForwardProp: Ln(a, S, true)
      }));
      return D.apply(void 0, m);
    }, a;
  };
}, rc = [
  "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"
], jt = ec.bind(null);
rc.forEach(function(e2) {
  jt[e2] = jt(e2);
});
/**
 * @mui/styled-engine v6.4.3
 *
 * @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 tc(e2, r) {
  const t = jt(e2, r);
  return process.env.NODE_ENV !== "production" ? (...n) => {
    const o = typeof e2 == "string" ? `"${e2}"` : "component";
    return n.length === 0 ? console.error([`MUI: Seems like you called \`styled(${o})()\` without a \`style\` argument.`, 'You must provide a `styles` argument: `styled("div")(styleYouForgotToPass)`.'].join(`
`)) : n.some((i) => i === void 0) && console.error(`MUI: the styled(${o})(...args) API requires all its args to be defined.`), t(...n);
  } : t;
}
function nc(e2, r) {
  Array.isArray(e2.__emotion_styles) && (e2.__emotion_styles = r(e2.__emotion_styles));
}
const Wn = [];
function Yn(e2) {
  return Wn[0] = e2, rt(Wn);
}
const oc = (e2) => {
  const r = Object.keys(e2).map((t) => ({
    key: t,
    val: e2[t]
  })) || [];
  return r.sort((t, n) => t.val - n.val), r.reduce((t, n) => ({
    ...t,
    [n.key]: n.val
  }), {});
};
function ic(e2) {
  const {
    // The breakpoint **start** at this value.
    // For instance with the first breakpoint xs: [xs, sm).
    values: r = {
      xs: 0,
      // phone
      sm: 600,
      // tablet
      md: 900,
      // small laptop
      lg: 1200,
      // desktop
      xl: 1536
      // large screen
    },
    unit: t = "px",
    step: n = 5,
    ...o
  } = e2, i = oc(r), s = Object.keys(i);
  function l(h) {
    return `@media (min-width:${typeof r[h] == "number" ? r[h] : h}${t})`;
  }
  function u(h) {
    return `@media (max-width:${(typeof r[h] == "number" ? r[h] : h) - n / 100}${t})`;
  }
  function f(h, w) {
    const g = s.indexOf(w);
    return `@media (min-width:${typeof r[h] == "number" ? r[h] : h}${t}) and (max-width:${(g !== -1 && typeof r[s[g]] == "number" ? r[s[g]] : w) - n / 100}${t})`;
  }
  function p(h) {
    return s.indexOf(h) + 1 < s.length ? f(h, s[s.indexOf(h) + 1]) : l(h);
  }
  function m(h) {
    const w = s.indexOf(h);
    return w === 0 ? l(s[1]) : w === s.length - 1 ? u(s[w]) : f(h, s[s.indexOf(h) + 1]).replace("@media", "@media not all and");
  }
  return {
    keys: s,
    values: i,
    up: l,
    down: u,
    between: f,
    only: p,
    not: m,
    unit: t,
    ...o
  };
}
const sc = {
  borderRadius: 4
};
function Ro(e2 = 8, r = Ft({
  spacing: e2
})) {
  if (e2.mui)
    return e2;
  const t = (...n) => (process.env.NODE_ENV !== "production" && (n.length <= 4 || console.error(`MUI: Too many arguments provided, expected between 0 and 4, got ${n.length}`)), (n.length === 0 ? [1] : n).map((i) => {
    const s = r(i);
    return typeof s == "number" ? `${s}px` : s;
  }).join(" "));
  return t.mui = true, t;
}
function ac(e2, r) {
  var _a2;
  const t = this;
  if (t.vars) {
    if (!((_a2 = t.colorSchemes) == null ? void 0 : _a2[e2]) || typeof t.getColorSchemeSelector != "function")
      return {};
    let n = t.getColorSchemeSelector(e2);
    return n === "&" ? r : ((n.includes("data-") || n.includes(".")) && (n = `*:where(${n.replace(/\s*&$/, "")}) &`), {
      [n]: r
    });
  }
  return t.palette.mode === e2 ? r : {};
}
function $o(e2 = {}, ...r) {
  const {
    breakpoints: t = {},
    palette: n = {},
    spacing: o,
    shape: i = {},
    ...s
  } = e2, l = ic(t), u = Ro(o);
  let f = Pe({
    breakpoints: l,
    direction: "ltr",
    components: {},
    // Inject component definitions.
    palette: {
      mode: "light",
      ...n
    },
    spacing: u,
    shape: {
      ...sc,
      ...i
    }
  }, s);
  return f = as(f), f.applyStyles = ac, f = r.reduce((p, m) => Pe(p, m), f), f.unstable_sxConfig = {
    ...dt,
    ...s == null ? void 0 : s.unstable_sxConfig
  }, f.unstable_sx = function(m) {
    return yr({
      sx: m,
      theme: this
    });
  }, f;
}
function Do(e2) {
  const {
    variants: r,
    ...t
  } = e2, n = {
    variants: r,
    style: Yn(t),
    isProcessed: true
  };
  return n.style === t || r && r.forEach((o) => {
    typeof o.style != "function" && (o.style = Yn(o.style));
  }), n;
}
const cc = $o();
function kt(e2) {
  return e2 !== "ownerState" && e2 !== "theme" && e2 !== "sx" && e2 !== "as";
}
function lc(e2) {
  return e2 ? (r, t) => t[e2] : null;
}
function uc(e2, r, t) {
  e2.theme = mc(e2.theme) ? t : e2.theme[r] || e2.theme;
}
function Xr(e2, r) {
  const t = typeof r == "function" ? r(e2) : r;
  if (Array.isArray(t))
    return t.flatMap((n) => Xr(e2, n));
  if (Array.isArray(t == null ? void 0 : t.variants)) {
    let n;
    if (t.isProcessed)
      n = t.style;
    else {
      const {
        variants: o,
        ...i
      } = t;
      n = i;
    }
    return Io(e2, t.variants, [n]);
  }
  return (t == null ? void 0 : t.isProcessed) ? t.style : t;
}
function Io(e2, r, t = []) {
  var _a2;
  let n;
  e: for (let o = 0; o < r.length; o += 1) {
    const i = r[o];
    if (typeof i.props == "function") {
      if (n ?? (n = {
        ...e2,
        ...e2.ownerState,
        ownerState: e2.ownerState
      }), !i.props(n))
        continue;
    } else
      for (const s in i.props)
        if (e2[s] !== i.props[s] && ((_a2 = e2.ownerState) == null ? void 0 : _a2[s]) !== i.props[s])
          continue e;
    typeof i.style == "function" ? (n ?? (n = {
      ...e2,
      ...e2.ownerState,
      ownerState: e2.ownerState
    }), t.push(i.style(n))) : t.push(i.style);
  }
  return t;
}
function fc(e2 = {}) {
  const {
    themeId: r,
    defaultTheme: t = cc,
    rootShouldForwardProp: n = kt,
    slotShouldForwardProp: o = kt
  } = e2;
  function i(l) {
    uc(l, r, t);
  }
  return (l, u = {}) => {
    nc(l, (y) => y.filter((E) => E !== yr));
    const {
      name: f,
      slot: p,
      skipVariantsResolver: m,
      skipSx: h,
      // TODO v6: remove `lowercaseFirstLetter()` in the next major release
      // For more details: https://github.com/mui/material-ui/pull/37908
      overridesResolver: w = lc(jo(p)),
      ...g
    } = u, a = m !== void 0 ? m : (
      // TODO v6: remove `Root` in the next major release
      // For more details: https://github.com/mui/material-ui/pull/37908
      p && p !== "Root" && p !== "root" || false
    ), v = h || false;
    let S = kt;
    p === "Root" || p === "root" ? S = n : p ? S = o : hc(l) && (S = void 0);
    const D = tc(l, {
      shouldForwardProp: S,
      label: pc(f, p),
      ...g
    }), k = (y) => {
      if (typeof y == "function" && y.__emotion_real !== y)
        return function(N) {
          return Xr(N, y);
        };
      if (Ge(y)) {
        const E = Do(y);
        return E.variants ? function(_) {
          return Xr(_, E);
        } : E.style;
      }
      return y;
    }, C = (...y) => {
      const E = [], N = y.map(k), _ = [];
      if (E.push(i), f && w && _.push(function(M) {
        var _a2, _b;
        const L = (_b = (_a2 = M.theme.components) == null ? void 0 : _a2[f]) == null ? void 0 : _b.styleOverrides;
        if (!L)
          return null;
        const oe = {};
        for (const V in L)
          oe[V] = Xr(M, L[V]);
        return w(M, oe);
      }), f && !a && _.push(function(M) {
        var _a2, _b, _c2;
        const L = (_c2 = (_b = (_a2 = M.theme) == null ? void 0 : _a2.components) == null ? void 0 : _b[f]) == null ? void 0 : _c2.variants;
        return L ? Io(M, L) : null;
      }), v || _.push(yr), Array.isArray(N[0])) {
        const A = N.shift(), M = new Array(E.length).fill(""), B = new Array(_.length).fill("");
        let L;
        L = [...M, ...A, ...B], L.raw = [...M, ...A.raw, ...B], E.unshift(L);
      }
      const J = [...E, ...N, ..._], c = D(...J);
      return l.muiName && (c.muiName = l.muiName), process.env.NODE_ENV !== "production" && (c.displayName = dc(f, p, l)), c;
    };
    return D.withConfig && (C.withConfig = D.withConfig), C;
  };
}
function dc(e2, r, t) {
  return e2 ? `${e2}${sr(r || "")}` : `Styled(${Ji(t)})`;
}
function pc(e2, r) {
  let t;
  return process.env.NODE_ENV !== "production" && e2 && (t = `${e2}-${jo(r || "Root")}`), t;
}
function mc(e2) {
  for (const r in e2)
    return false;
  return true;
}
function hc(e2) {
  return typeof e2 == "string" && // 96 is one less than the char code
  // for "a" so this is checking that
  // it's a lowercase character
  e2.charCodeAt(0) > 96;
}
function jo(e2) {
  return e2 && e2.charAt(0).toLowerCase() + e2.slice(1);
}
function Zt(e2, r = 0, t = 1) {
  return process.env.NODE_ENV !== "production" && (e2 < r || e2 > t) && console.error(`MUI: The value provided ${e2} is out of range [${r}, ${t}].`), ns(e2, r, t);
}
function gc(e2) {
  e2 = e2.slice(1);
  const r = new RegExp(`.{1,${e2.length >= 6 ? 2 : 1}}`, "g");
  let t = e2.match(r);
  return t && t[0].length === 1 && (t = t.map((n) => n + n)), process.env.NODE_ENV !== "production" && e2.length !== e2.trim().length && console.error(`MUI: The color: "${e2}" is invalid. Make sure the color input doesn't contain leading/trailing space.`), t ? `rgb${t.length === 4 ? "a" : ""}(${t.map((n, o) => o < 3 ? parseInt(n, 16) : Math.round(parseInt(n, 16) / 255 * 1e3) / 1e3).join(", ")})` : "";
}
function rr(e2) {
  if (e2.type)
    return e2;
  if (e2.charAt(0) === "#")
    return rr(gc(e2));
  const r = e2.indexOf("("), t = e2.substring(0, r);
  if (!["rgb", "rgba", "hsl", "hsla", "color"].includes(t))
    throw new Error(process.env.NODE_ENV !== "production" ? `MUI: Unsupported \`${e2}\` color.
The following formats are supported: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().` : er(9, e2));
  let n = e2.substring(r + 1, e2.length - 1), o;
  if (t === "color") {
    if (n = n.split(" "), o = n.shift(), n.length === 4 && n[3].charAt(0) === "/" && (n[3] = n[3].slice(1)), !["srgb", "display-p3", "a98-rgb", "prophoto-rgb", "rec-2020"].includes(o))
      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: unsupported \`${o}\` color space.
The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rgb, rec-2020.` : er(10, o));
  } else
    n = n.split(",");
  return n = n.map((i) => parseFloat(i)), {
    type: t,
    values: n,
    colorSpace: o
  };
}
const yc = (e2) => {
  const r = rr(e2);
  return r.values.slice(0, 3).map((t, n) => r.type.includes("hsl") && n !== 0 ? `${t}%` : t).join(" ");
}, Tr = (e2, r) => {
  try {
    return yc(e2);
  } catch {
    return r && process.env.NODE_ENV !== "production" && console.warn(r), e2;
  }
};
function gt(e2) {
  const {
    type: r,
    colorSpace: t
  } = e2;
  let {
    values: n
  } = e2;
  return r.includes("rgb") ? n = n.map((o, i) => i < 3 ? parseInt(o, 10) : o) : r.includes("hsl") && (n[1] = `${n[1]}%`, n[2] = `${n[2]}%`), r.includes("color") ? n = `${t} ${n.join(" ")}` : n = `${n.join(", ")}`, `${r}(${n})`;
}
function Mo(e2) {
  e2 = rr(e2);
  const {
    values: r
  } = e2, t = r[0], n = r[1] / 100, o = r[2] / 100, i = n * Math.min(o, 1 - o), s = (f, p = (f + t / 30) % 12) => o - i * Math.max(Math.min(p - 3, 9 - p, 1), -1);
  let l = "rgb";
  const u = [Math.round(s(0) * 255), Math.round(s(8) * 255), Math.round(s(4) * 255)];
  return e2.type === "hsla" && (l += "a", u.push(r[3])), gt({
    type: l,
    values: u
  });
}
function Mt(e2) {
  e2 = rr(e2);
  let r = e2.type === "hsl" || e2.type === "hsla" ? rr(Mo(e2)).values : e2.values;
  return r = r.map((t) => (e2.type !== "color" && (t /= 255), t <= 0.03928 ? t / 12.92 : ((t + 0.055) / 1.055) ** 2.4)), Number((0.2126 * r[0] + 0.7152 * r[1] + 0.0722 * r[2]).toFixed(3));
}
function Gn(e2, r) {
  const t = Mt(e2), n = Mt(r);
  return (Math.max(t, n) + 0.05) / (Math.min(t, n) + 0.05);
}
function bc(e2, r) {
  return e2 = rr(e2), r = Zt(r), (e2.type === "rgb" || e2.type === "hsl") && (e2.type += "a"), e2.type === "color" ? e2.values[3] = `/${r}` : e2.values[3] = r, gt(e2);
}
function Yr(e2, r, t) {
  try {
    return bc(e2, r);
  } catch {
    return e2;
  }
}
function en(e2, r) {
  if (e2 = rr(e2), r = Zt(r), e2.type.includes("hsl"))
    e2.values[2] *= 1 - r;
  else if (e2.type.includes("rgb") || e2.type.includes("color"))
    for (let t = 0; t < 3; t += 1)
      e2.values[t] *= 1 - r;
  return gt(e2);
}
function le(e2, r, t) {
  try {
    return en(e2, r);
  } catch {
    return e2;
  }
}
function rn(e2, r) {
  if (e2 = rr(e2), r = Zt(r), e2.type.includes("hsl"))
    e2.values[2] += (100 - e2.values[2]) * r;
  else if (e2.type.includes("rgb"))
    for (let t = 0; t < 3; t += 1)
      e2.values[t] += (255 - e2.values[t]) * r;
  else if (e2.type.includes("color"))
    for (let t = 0; t < 3; t += 1)
      e2.values[t] += (1 - e2.values[t]) * r;
  return gt(e2);
}
function ue(e2, r, t) {
  try {
    return rn(e2, r);
  } catch {
    return e2;
  }
}
function vc(e2, r = 0.15) {
  return Mt(e2) > 0.5 ? en(e2, r) : rn(e2, r);
}
function Gr(e2, r, t) {
  try {
    return vc(e2, r);
  } catch {
    return e2;
  }
}
const xc = /* @__PURE__ */ ye.createContext(void 0);
process.env.NODE_ENV !== "production" && (Z.node, Z.object);
function wc(e2) {
  const {
    theme: r,
    name: t,
    props: n
  } = e2;
  if (!r || !r.components || !r.components[t])
    return n;
  const o = r.components[t];
  return o.defaultProps ? _t(o.defaultProps, n) : !o.styleOverrides && !o.variants ? _t(o, n) : n;
}
function Ec({
  props: e2,
  name: r
}) {
  const t = ye.useContext(xc);
  return wc({
    props: e2,
    name: r,
    theme: {
      components: t
    }
  });
}
const qn = {
  theme: void 0
};
function Sc(e2) {
  let r, t;
  return function(o) {
    let i = r;
    return (i === void 0 || o.theme !== t) && (qn.theme = o.theme, i = Do(e2(qn)), r = i, t = o.theme), i;
  };
}
function Cc(e2 = "") {
  function r(...n) {
    if (!n.length)
      return "";
    const o = n[0];
    return typeof o == "string" && !o.match(/(#|\(|\)|(-?(\d*\.)?\d+)(px|em|%|ex|ch|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc))|^(-?(\d*\.)?\d+)$|(\d+ \d+ \d+)/) ? `, var(--${e2 ? `${e2}-` : ""}${o}${r(...n.slice(1))})` : `, ${o}`;
  }
  return (n, ...o) => `var(--${e2 ? `${e2}-` : ""}${n}${r(...o)})`;
}
const Hn = (e2, r, t, n = []) => {
  let o = e2;
  r.forEach((i, s) => {
    s === r.length - 1 ? Array.isArray(o) ? o[Number(i)] = t : o && typeof o == "object" && (o[i] = t) : o && typeof o == "object" && (o[i] || (o[i] = n.includes(i) ? [] : {}), o = o[i]);
  });
}, kc = (e2, r, t) => {
  function n(o, i = [], s = []) {
    Object.entries(o).forEach(([l, u]) => {
      (!t || t && !t([...i, l])) && u != null && (typeof u == "object" && Object.keys(u).length > 0 ? n(u, [...i, l], Array.isArray(u) ? [...s, l] : s) : r([...i, l], u, s));
    });
  }
  n(e2);
}, Tc = (e2, r) => typeof r == "number" ? ["lineHeight", "fontWeight", "opacity", "zIndex"].some((n) => e2.includes(n)) || e2[e2.length - 1].toLowerCase().includes("opacity") ? r : `${r}px` : r;
function Tt(e2, r) {
  const {
    prefix: t,
    shouldSkipGeneratingVar: n
  } = r || {}, o = {}, i = {}, s = {};
  return kc(
    e2,
    (l, u, f) => {
      if ((typeof u == "string" || typeof u == "number") && (!n || !n(l, u))) {
        const p = `--${t ? `${t}-` : ""}${l.join("-")}`, m = Tc(l, u);
        Object.assign(o, {
          [p]: m
        }), Hn(i, l, `var(${p})`, f), Hn(s, l, `var(${p}, ${m})`, f);
      }
    },
    (l) => l[0] === "vars"
    // skip 'vars/*' paths
  ), {
    css: o,
    vars: i,
    varsWithDefaults: s
  };
}
function Nc(e2, r = {}) {
  const {
    getSelector: t = v,
    disableCssColorScheme: n,
    colorSchemeSelector: o
  } = r, {
    colorSchemes: i = {},
    components: s,
    defaultColorScheme: l = "light",
    ...u
  } = e2, {
    vars: f,
    css: p,
    varsWithDefaults: m
  } = Tt(u, r);
  let h = m;
  const w = {}, {
    [l]: g,
    ...a
  } = i;
  if (Object.entries(a || {}).forEach(([k, C]) => {
    const {
      vars: y,
      css: E,
      varsWithDefaults: N
    } = Tt(C, r);
    h = Pe(h, N), w[k] = {
      css: E,
      vars: y
    };
  }), g) {
    const {
      css: k,
      vars: C,
      varsWithDefaults: y
    } = Tt(g, r);
    h = Pe(h, y), w[l] = {
      css: k,
      vars: C
    };
  }
  function v(k, C) {
    var _a2, _b;
    let y = o;
    if (o === "class" && (y = ".%s"), o === "data" && (y = "[data-%s]"), (o == null ? void 0 : o.startsWith("data-")) && !o.includes("%s") && (y = `[${o}="%s"]`), k) {
      if (y === "media")
        return e2.defaultColorScheme === k ? ":root" : {
          [`@media (prefers-color-scheme: ${((_b = (_a2 = i[k]) == null ? void 0 : _a2.palette) == null ? void 0 : _b.mode) || k})`]: {
            ":root": C
          }
        };
      if (y)
        return e2.defaultColorScheme === k ? `:root, ${y.replace("%s", String(k))}` : y.replace("%s", String(k));
    }
    return ":root";
  }
  return {
    vars: h,
    generateThemeVars: () => {
      let k = {
        ...f
      };
      return Object.entries(w).forEach(([, {
        vars: C
      }]) => {
        k = Pe(k, C);
      }), k;
    },
    generateStyleSheets: () => {
      var _a2, _b;
      const k = [], C = e2.defaultColorScheme || "light";
      function y(_, J) {
        Object.keys(J).length && k.push(typeof _ == "string" ? {
          [_]: {
            ...J
          }
        } : _);
      }
      y(t(void 0, {
        ...p
      }), p);
      const {
        [C]: E,
        ...N
      } = w;
      if (E) {
        const {
          css: _
        } = E, J = (_b = (_a2 = i[C]) == null ? void 0 : _a2.palette) == null ? void 0 : _b.mode, c = !n && J ? {
          colorScheme: J,
          ..._
        } : {
          ..._
        };
        y(t(C, {
          ...c
        }), c);
      }
      return Object.entries(N).forEach(([_, {
        css: J
      }]) => {
        var _a3, _b2;
        const c = (_b2 = (_a3 = i[_]) == null ? void 0 : _a3.palette) == null ? void 0 : _b2.mode, A = !n && c ? {
          colorScheme: c,
          ...J
        } : {
          ...J
        };
        y(t(_, {
          ...A
        }), A);
      }), k;
    }
  };
}
function Ac(e2) {
  return function(t) {
    return e2 === "media" ? (process.env.NODE_ENV !== "production" && t !== "light" && t !== "dark" && console.error(`MUI: @media (prefers-color-scheme) supports only 'light' or 'dark', but receive '${t}'.`), `@media (prefers-color-scheme: ${t})`) : e2 ? e2.startsWith("data-") && !e2.includes("%s") ? `[${e2}="${t}"] &` : e2 === "class" ? `.${t} &` : e2 === "data" ? `[data-${t}] &` : `${e2.replace("%s", t)} &` : "&";
  };
}
const Rr = {
  black: "#000",
  white: "#fff"
}, Oc = {
  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"
}, ur = {
  50: "#f3e5f5",
  200: "#ce93d8",
  300: "#ba68c8",
  400: "#ab47bc",
  500: "#9c27b0",
  700: "#7b1fa2"
}, fr = {
  300: "#e57373",
  400: "#ef5350",
  500: "#f44336",
  700: "#d32f2f",
  800: "#c62828"
}, kr = {
  300: "#ffb74d",
  400: "#ffa726",
  500: "#ff9800",
  700: "#f57c00",
  900: "#e65100"
}, dr = {
  50: "#e3f2fd",
  200: "#90caf9",
  400: "#42a5f5",
  700: "#1976d2",
  800: "#1565c0"
}, pr = {
  300: "#4fc3f7",
  400: "#29b6f6",
  500: "#03a9f4",
  700: "#0288d1",
  900: "#01579b"
}, mr = {
  300: "#81c784",
  400: "#66bb6a",
  500: "#4caf50",
  700: "#388e3c",
  800: "#2e7d32",
  900: "#1b5e20"
};
function Vo() {
  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: Rr.white,
      default: Rr.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 Pc = Vo();
function Uo() {
  return {
    text: {
      primary: Rr.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: Rr.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 Kn = Uo();
function Xn(e2, r, t, n) {
  const o = n.light || n, i = n.dark || n * 1.5;
  e2[r] || (e2.hasOwnProperty(t) ? e2[r] = e2[t] : r === "light" ? e2.light = rn(e2.main, o) : r === "dark" && (e2.dark = en(e2.main, i)));
}
function _c(e2 = "light") {
  return e2 === "dark" ? {
    main: dr[200],
    light: dr[50],
    dark: dr[400]
  } : {
    main: dr[700],
    light: dr[400],
    dark: dr[800]
  };
}
function Rc(e2 = "light") {
  return e2 === "dark" ? {
    main: ur[200],
    light: ur[50],
    dark: ur[400]
  } : {
    main: ur[500],
    light: ur[300],
    dark: ur[700]
  };
}
function $c(e2 = "light") {
  return e2 === "dark" ? {
    main: fr[500],
    light: fr[300],
    dark: fr[700]
  } : {
    main: fr[700],
    light: fr[400],
    dark: fr[800]
  };
}
function Dc(e2 = "light") {
  return e2 === "dark" ? {
    main: pr[400],
    light: pr[300],
    dark: pr[700]
  } : {
    main: pr[700],
    light: pr[500],
    dark: pr[900]
  };
}
function Ic(e2 = "light") {
  return e2 === "dark" ? {
    main: mr[400],
    light: mr[300],
    dark: mr[700]
  } : {
    main: mr[800],
    light: mr[500],
    dark: mr[900]
  };
}
function jc(e2 = "light") {
  return e2 === "dark" ? {
    main: kr[400],
    light: kr[300],
    dark: kr[700]
  } : {
    main: "#ed6c02",
    // closest to orange[800] that pass 3:1.
    light: kr[500],
    dark: kr[900]
  };
}
function tn(e2) {
  const {
    mode: r = "light",
    contrastThreshold: t = 3,
    tonalOffset: n = 0.2,
    ...o
  } = e2, i = e2.primary || _c(r), s = e2.secondary || Rc(r), l = e2.error || $c(r), u = e2.info || Dc(r), f = e2.success || Ic(r), p = e2.warning || jc(r);
  function m(a) {
    const v = Gn(a, Kn.text.primary) >= t ? Kn.text.primary : Pc.text.primary;
    if (process.env.NODE_ENV !== "production") {
      const S = Gn(a, v);
      S < 3 && console.error([`MUI: The contrast ratio of ${S}:1 for ${v} on ${a}`, "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 v;
  }
  const h = ({
    color: a,
    name: v,
    mainShade: S = 500,
    lightShade: D = 300,
    darkShade: k = 700
  }) => {
    if (a = {
      ...a
    }, !a.main && a[S] && (a.main = a[S]), !a.hasOwnProperty("main"))
      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${v ? ` (${v})` : ""} provided to augmentColor(color) is invalid.
The color object needs to have a \`main\` property or a \`${S}\` property.` : er(11, v ? ` (${v})` : "", S));
    if (typeof a.main != "string")
      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${v ? ` (${v})` : ""} provided to augmentColor(color) is invalid.
\`color.main\` should be a string, but \`${JSON.stringify(a.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] },
} });` : er(12, v ? ` (${v})` : "", JSON.stringify(a.main)));
    return Xn(a, "light", D, n), Xn(a, "dark", k, n), a.contrastText || (a.contrastText = m(a.main)), a;
  };
  let w;
  return r === "light" ? w = Vo() : r === "dark" && (w = Uo()), process.env.NODE_ENV !== "production" && (w || console.error(`MUI: The palette mode \`${r}\` is not supported.`)), Pe({
    // A collection of common colors.
    common: {
      ...Rr
    },
    // prevent mutable object.
    // The palette mode, can be light or dark.
    mode: r,
    // The colors used to represent primary interface elements for a user.
    primary: h({
      color: i,
      name: "primary"
    }),
    // The colors used to represent secondary interface elements for a user.
    secondary: h({
      color: s,
      name: "secondary",
      mainShade: "A400",
      lightShade: "A200",
      darkShade: "A700"
    }),
    // The colors used to represent interface elements that the user should be made aware of.
    error: h({
      color: l,
      name: "error"
    }),
    // The colors used to represent potentially dangerous actions or important messages.
    warning: h({
      color: p,
      name: "warning"
    }),
    // The colors used to present information to the user that is neutral and not necessarily important.
    info: h({
      color: u,
      name: "info"
    }),
    // The colors used to indicate the successful completion of an action that user triggered.
    success: h({
      color: f,
      name: "success"
    }),
    // The grey colors.
    grey: Oc,
    // Used by `getContrastText()` to maximize the contrast between
    // the background and the text.
    contrastThreshold: t,
    // Takes a background color and returns the text color that maximizes the contrast.
    getContrastText: m,
    // Generate a rich color object.
    augmentColor: h,
    // 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: n,
    // The light and dark mode object.
    ...w
  }, o);
}
function Mc(e2) {
  const r = {};
  return Object.entries(e2).forEach((n) => {
    const [o, i] = n;
    typeof i == "object" && (r[o] = `${i.fontStyle ? `${i.fontStyle} ` : ""}${i.fontVariant ? `${i.fontVariant} ` : ""}${i.fontWeight ? `${i.fontWeight} ` : ""}${i.fontStretch ? `${i.fontStretch} ` : ""}${i.fontSize || ""}${i.lineHeight ? `/${i.lineHeight} ` : ""}${i.fontFamily || ""}`);
  }), r;
}
function Vc(e2, r) {
  return {
    toolbar: {
      minHeight: 56,
      [e2.up("xs")]: {
        "@media (orientation: landscape)": {
          minHeight: 48
        }
      },
      [e2.up("sm")]: {
        minHeight: 64
      }
    },
    ...r
  };
}
function Uc(e2) {
  return Math.round(e2 * 1e5) / 1e5;
}
const Jn = {
  textTransform: "uppercase"
}, Qn = '"Roboto", "Helvetica", "Arial", sans-serif';
function zc(e2, r) {
  const {
    fontFamily: t = Qn,
    // The default font size of the Material Specification.
    fontSize: n = 14,
    // px
    fontWeightLight: o = 300,
    fontWeightRegular: i = 400,
    fontWeightMedium: s = 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: u = 16,
    // Apply the CSS properties to all the variants.
    allVariants: f,
    pxToRem: p,
    ...m
  } = typeof r == "function" ? r(e2) : r;
  process.env.NODE_ENV !== "production" && (typeof n != "number" && console.error("MUI: `fontSize` is required to be a number."), typeof u != "number" && console.error("MUI: `htmlFontSize` is required to be a number."));
  const h = n / 14, w = p || ((v) => `${v / u * h}rem`), g = (v, S, D, k, C) => ({
    fontFamily: t,
    fontWeight: v,
    fontSize: w(S),
    // Unitless following https://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/
    lineHeight: D,
    // The letter spacing was designed for the Roboto font-family. Using the same letter-spacing
    // across font-families can cause issues with the kerning.
    ...t === Qn ? {
      letterSpacing: `${Uc(k / S)}em`
    } : {},
    ...C,
    ...f
  }), a = {
    h1: g(o, 96, 1.167, -1.5),
    h2: g(o, 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(s, 20, 1.6, 0.15),
    subtitle1: g(i, 16, 1.75, 0.15),
    subtitle2: g(s, 14, 1.57, 0.1),
    body1: g(i, 16, 1.5, 0.15),
    body2: g(i, 14, 1.43, 0.15),
    button: g(s, 14, 1.75, 0.4, Jn),
    caption: g(i, 12, 1.66, 0.4),
    overline: g(i, 12, 2.66, 1, Jn),
    // 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 Pe({
    htmlFontSize: u,
    pxToRem: w,
    fontFamily: t,
    fontSize: n,
    fontWeightLight: o,
    fontWeightRegular: i,
    fontWeightMedium: s,
    fontWeightBold: l,
    ...a
  }, m, {
    clone: false
    // No need to clone deep
  });
}
const Bc = 0.2, Lc = 0.14, Fc = 0.12;
function me(...e2) {
  return [`${e2[0]}px ${e2[1]}px ${e2[2]}px ${e2[3]}px rgba(0,0,0,${Bc})`, `${e2[4]}px ${e2[5]}px ${e2[6]}px ${e2[7]}px rgba(0,0,0,${Lc})`, `${e2[8]}px ${e2[9]}px ${e2[10]}px ${e2[11]}px rgba(0,0,0,${Fc})`].join(",");
}
const Wc = ["none", me(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), me(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), me(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), me(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), me(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), me(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), me(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), me(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), me(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), me(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), me(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), me(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), me(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), me(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), me(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), me(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), me(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), me(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), me(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), me(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), me(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), me(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), me(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), me(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)], Yc = {
  // 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)"
}, Gc = {
  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 Zn(e2) {
  return `${Math.round(e2)}ms`;
}
function qc(e2) {
  if (!e2)
    return 0;
  const r = e2 / 36;
  return Math.min(Math.round((4 + 15 * r ** 0.25 + r / 5) * 10), 3e3);
}
function Hc(e2) {
  const r = {
    ...Yc,
    ...e2.easing
  }, t = {
    ...Gc,
    ...e2.duration
  };
  return {
    getAutoHeightDuration: qc,
    create: (o = ["all"], i = {}) => {
      const {
        duration: s = t.standard,
        easing: l = r.easeInOut,
        delay: u = 0,
        ...f
      } = i;
      if (process.env.NODE_ENV !== "production") {
        const p = (h) => typeof h == "string", m = (h) => !Number.isNaN(parseFloat(h));
        !p(o) && !Array.isArray(o) && console.error('MUI: Argument "props" must be a string or Array.'), !m(s) && !p(s) && console.error(`MUI: Argument "duration" must be a number or a string but found ${s}.`), p(l) || console.error('MUI: Argument "easing" must be a string.'), !m(u) && !p(u) && 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(f).length !== 0 && console.error(`MUI: Unrecognized argument(s) [${Object.keys(f).join(",")}].`);
      }
      return (Array.isArray(o) ? o : [o]).map((p) => `${p} ${typeof s == "string" ? s : Zn(s)} ${l} ${typeof u == "string" ? u : Zn(u)}`).join(",");
    },
    ...e2,
    easing: r,
    duration: t
  };
}
const Kc = {
  mobileStepper: 1e3,
  fab: 1050,
  speedDial: 1050,
  appBar: 1100,
  drawer: 1200,
  modal: 1300,
  snackbar: 1400,
  tooltip: 1500
};
function Xc(e2) {
  return Ge(e2) || typeof e2 > "u" || typeof e2 == "string" || typeof e2 == "boolean" || typeof e2 == "number" || Array.isArray(e2);
}
function zo(e2 = {}) {
  const r = {
    ...e2
  };
  function t(n) {
    const o = Object.entries(n);
    for (let i = 0; i < o.length; i++) {
      const [s, l] = o[i];
      !Xc(l) || s.startsWith("unstable_") ? delete n[s] : Ge(l) && (n[s] = {
        ...l
      }, t(n[s]));
    }
  }
  return t(r), `import { unstable_createBreakpoints as createBreakpoints, createTransitions } from '@mui/material/styles';

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

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

export default theme;`;
}
function Vt(e2 = {}, ...r) {
  const {
    breakpoints: t,
    mixins: n = {},
    spacing: o,
    palette: i = {},
    transitions: s = {},
    typography: l = {},
    shape: u,
    ...f
  } = e2;
  if (e2.vars)
    throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `vars` is a private field used for CSS variables support.\nPlease use another name." : er(20));
  const p = tn(i), m = $o(e2);
  let h = Pe(m, {
    mixins: Vc(m.breakpoints, n),
    palette: p,
    // Don't use [...shadows] until you've verified its transpiled code is not invoking the iterator protocol.
    shadows: Wc.slice(),
    typography: zc(p, l),
    transitions: Hc(s),
    zIndex: {
      ...Kc
    }
  });
  if (h = Pe(h, f), h = r.reduce((w, g) => Pe(w, g), h), process.env.NODE_ENV !== "production") {
    const w = ["active", "checked", "completed", "disabled", "error", "expanded", "focused", "focusVisible", "required", "selected"], g = (a, v) => {
      let S;
      for (S in a) {
        const D = a[S];
        if (w.includes(S) && Object.keys(D).length > 0) {
          if (process.env.NODE_ENV !== "production") {
            const k = Lt("", S);
            console.error([`MUI: The \`${v}\` component increases the CSS specificity of the \`${S}\` internal state.`, "You can not override it like this: ", JSON.stringify(a, null, 2), "", `Instead, you need to use the '&.${k}' syntax:`, JSON.stringify({
              root: {
                [`&.${k}`]: D
              }
            }, null, 2), "", "https://mui.com/r/state-classes-guide"].join(`
`));
          }
          a[S] = {};
        }
      }
    };
    Object.keys(h.components).forEach((a) => {
      const v = h.components[a].styleOverrides;
      v && a.startsWith("Mui") && g(v, a);
    });
  }
  return h.unstable_sxConfig = {
    ...dt,
    ...f == null ? void 0 : f.unstable_sxConfig
  }, h.unstable_sx = function(g) {
    return yr({
      sx: g,
      theme: this
    });
  }, h.toRuntimeSource = zo, h;
}
function Jc(e2) {
  let r;
  return e2 < 1 ? r = 5.11916 * e2 ** 2 : r = 4.5 * Math.log(e2 + 1) + 2, Math.round(r * 10) / 1e3;
}
const Qc = [...Array(25)].map((e2, r) => {
  if (r === 0)
    return "none";
  const t = Jc(r);
  return `linear-gradient(rgba(255 255 255 / ${t}), rgba(255 255 255 / ${t}))`;
});
function Bo(e2) {
  return {
    inputPlaceholder: e2 === "dark" ? 0.5 : 0.42,
    inputUnderline: e2 === "dark" ? 0.7 : 0.42,
    switchTrackDisabled: e2 === "dark" ? 0.2 : 0.12,
    switchTrack: e2 === "dark" ? 0.3 : 0.38
  };
}
function Lo(e2) {
  return e2 === "dark" ? Qc : [];
}
function Zc(e2) {
  const {
    palette: r = {
      mode: "light"
    },
    // need to cast to avoid module augmentation test
    opacity: t,
    overlays: n,
    ...o
  } = e2, i = tn(r);
  return {
    palette: i,
    opacity: {
      ...Bo(i.mode),
      ...t
    },
    overlays: n || Lo(i.mode),
    ...o
  };
}
function el(e2) {
  var _a2;
  return !!e2[0].match(/(cssVarPrefix|colorSchemeSelector|rootSelector|typography|mixins|breakpoints|direction|transitions)/) || !!e2[0].match(/sxConfig$/) || // ends with sxConfig
  e2[0] === "palette" && !!((_a2 = e2[1]) == null ? void 0 : _a2.match(/(mode|contrastThreshold|tonalOffset)/));
}
const rl = (e2) => [...[...Array(25)].map((r, t) => `--${e2 ? `${e2}-` : ""}overlays-${t}`), `--${e2 ? `${e2}-` : ""}palette-AppBar-darkBg`, `--${e2 ? `${e2}-` : ""}palette-AppBar-darkColor`], tl = (e2) => (r, t) => {
  const n = e2.rootSelector || ":root", o = e2.colorSchemeSelector;
  let i = o;
  if (o === "class" && (i = ".%s"), o === "data" && (i = "[data-%s]"), (o == null ? void 0 : o.startsWith("data-")) && !o.includes("%s") && (i = `[${o}="%s"]`), e2.defaultColorScheme === r) {
    if (r === "dark") {
      const s = {};
      return rl(e2.cssVarPrefix).forEach((l) => {
        s[l] = t[l], delete t[l];
      }), i === "media" ? {
        [n]: t,
        "@media (prefers-color-scheme: dark)": {
          [n]: s
        }
      } : i ? {
        [i.replace("%s", r)]: s,
        [`${n}, ${i.replace("%s", r)}`]: t
      } : {
        [n]: {
          ...t,
          ...s
        }
      };
    }
    if (i && i !== "media")
      return `${n}, ${i.replace("%s", String(r))}`;
  } else if (r) {
    if (i === "media")
      return {
        [`@media (prefers-color-scheme: ${String(r)})`]: {
          [n]: t
        }
      };
    if (i)
      return i.replace("%s", String(r));
  }
  return n;
};
function nl(e2, r) {
  r.forEach((t) => {
    e2[t] || (e2[t] = {});
  });
}
function b(e2, r, t) {
  !e2[r] && t && (e2[r] = t);
}
function Nr(e2) {
  return typeof e2 != "string" || !e2.startsWith("hsl") ? e2 : Mo(e2);
}
function Ye(e2, r) {
  `${r}Channel` in e2 || (e2[`${r}Channel`] = Tr(Nr(e2[r]), `MUI: Can't create \`palette.${r}Channel\` because \`palette.${r}\` is not one of these formats: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().
To suppress this warning, you need to explicitly provide the \`palette.${r}Channel\` as a string (in rgb format, for example "12 12 12") or undefined if you want to remove the channel token.`));
}
function ol(e2) {
  return typeof e2 == "number" ? `${e2}px` : typeof e2 == "string" || typeof e2 == "function" || Array.isArray(e2) ? e2 : "8px";
}
const Me = (e2) => {
  try {
    return e2();
  } catch {
  }
}, il = (e2 = "mui") => Cc(e2);
function Nt(e2, r, t, n) {
  if (!r)
    return;
  r = r === true ? {} : r;
  const o = n === "dark" ? "dark" : "light";
  if (!t) {
    e2[n] = Zc({
      ...r,
      palette: {
        mode: o,
        ...r == null ? void 0 : r.palette
      }
    });
    return;
  }
  const {
    palette: i,
    ...s
  } = Vt({
    ...t,
    palette: {
      mode: o,
      ...r == null ? void 0 : r.palette
    }
  });
  return e2[n] = {
    ...r,
    palette: i,
    opacity: {
      ...Bo(o),
      ...r == null ? void 0 : r.opacity
    },
    overlays: (r == null ? void 0 : r.overlays) || Lo(o)
  }, s;
}
function sl(e2 = {}, ...r) {
  const {
    colorSchemes: t = {
      light: true
    },
    defaultColorScheme: n,
    disableCssColorScheme: o = false,
    cssVarPrefix: i = "mui",
    shouldSkipGeneratingVar: s = el,
    colorSchemeSelector: l = t.light && t.dark ? "media" : void 0,
    rootSelector: u = ":root",
    ...f
  } = e2, p = Object.keys(t)[0], m = n || (t.light && p !== "light" ? "light" : p), h = il(i), {
    [m]: w,
    light: g,
    dark: a,
    ...v
  } = t, S = {
    ...v
  };
  let D = w;
  if ((m === "dark" && !("dark" in t) || m === "light" && !("light" in t)) && (D = true), !D)
    throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The \`colorSchemes.${m}\` option is either missing or invalid.` : er(21, m));
  const k = Nt(S, D, f, m);
  g && !S.light && Nt(S, g, void 0, "light"), a && !S.dark && Nt(S, a, void 0, "dark");
  let C = {
    defaultColorScheme: m,
    ...k,
    cssVarPrefix: i,
    colorSchemeSelector: l,
    rootSelector: u,
    getCssVar: h,
    colorSchemes: S,
    font: {
      ...Mc(k.typography),
      ...k.font
    },
    spacing: ol(f.spacing)
  };
  Object.keys(C.colorSchemes).forEach((J) => {
    const c = C.colorSchemes[J].palette, A = (M) => {
      const B = M.split("-"), L = B[1], oe = B[2];
      return h(M, c[L][oe]);
    };
    if (c.mode === "light" && (b(c.common, "background", "#fff"), b(c.common, "onBackground", "#000")), c.mode === "dark" && (b(c.common, "background", "#000"), b(c.common, "onBackground", "#fff")), nl(c, ["Alert", "AppBar", "Avatar", "Button", "Chip", "FilledInput", "LinearProgress", "Skeleton", "Slider", "SnackbarContent", "SpeedDialAction", "StepConnector", "StepContent", "Switch", "TableCell", "Tooltip"]), c.mode === "light") {
      b(c.Alert, "errorColor", le(c.error.light, 0.6)), b(c.Alert, "infoColor", le(c.info.light, 0.6)), b(c.Alert, "successColor", le(c.success.light, 0.6)), b(c.Alert, "warningColor", le(c.warning.light, 0.6)), b(c.Alert, "errorFilledBg", A("palette-error-main")), b(c.Alert, "infoFilledBg", A("palette-info-main")), b(c.Alert, "successFilledBg", A("palette-success-main")), b(c.Alert, "warningFilledBg", A("palette-warning-main")), b(c.Alert, "errorFilledColor", Me(() => c.getContrastText(c.error.main))), b(c.Alert, "infoFilledColor", Me(() => c.getContrastText(c.info.main))), b(c.Alert, "successFilledColor", Me(() => c.getContrastText(c.success.main))), b(c.Alert, "warningFilledColor", Me(() => c.getContrastText(c.warning.main))), b(c.Alert, "errorStandardBg", ue(c.error.light, 0.9)), b(c.Alert, "infoStandardBg", ue(c.info.light, 0.9)), b(c.Alert, "successStandardBg", ue(c.success.light, 0.9)), b(c.Alert, "warningStandardBg", ue(c.warning.light, 0.9)), b(c.Alert, "errorIconColor", A("palette-error-main")), b(c.Alert, "infoIconColor", A("palette-info-main")), b(c.Alert, "successIconColor", A("palette-success-main")), b(c.Alert, "warningIconColor", A("palette-warning-main")), b(c.AppBar, "defaultBg", A("palette-grey-100")), b(c.Avatar, "defaultBg", A("palette-grey-400")), b(c.Button, "inheritContainedBg", A("palette-grey-300")), b(c.Button, "inheritContainedHoverBg", A("palette-grey-A100")), b(c.Chip, "defaultBorder", A("palette-grey-400")), b(c.Chip, "defaultAvatarColor", A("palette-grey-700")), b(c.Chip, "defaultIconColor", A("palette-grey-700")), b(c.FilledInput, "bg", "rgba(0, 0, 0, 0.06)"), b(c.FilledInput, "hoverBg", "rgba(0, 0, 0, 0.09)"), b(c.FilledInput, "disabledBg", "rgba(0, 0, 0, 0.12)"), b(c.LinearProgress, "primaryBg", ue(c.primary.main, 0.62)), b(c.LinearProgress, "secondaryBg", ue(c.secondary.main, 0.62)), b(c.LinearProgress, "errorBg", ue(c.error.main, 0.62)), b(c.LinearProgress, "infoBg", ue(c.info.main, 0.62)), b(c.LinearProgress, "successBg", ue(c.success.main, 0.62)), b(c.LinearProgress, "warningBg", ue(c.warning.main, 0.62)), b(c.Skeleton, "bg", `rgba(${A("palette-text-primaryChannel")} / 0.11)`), b(c.Slider, "primaryTrack", ue(c.primary.main, 0.62)), b(c.Slider, "secondaryTrack", ue(c.secondary.main, 0.62)), b(c.Slider, "errorTrack", ue(c.error.main, 0.62)), b(c.Slider, "infoTrack", ue(c.info.main, 0.62)), b(c.Slider, "successTrack", ue(c.success.main, 0.62)), b(c.Slider, "warningTrack", ue(c.warning.main, 0.62));
      const M = Gr(c.background.default, 0.8);
      b(c.SnackbarContent, "bg", M), b(c.SnackbarContent, "color", Me(() => c.getContrastText(M))), b(c.SpeedDialAction, "fabHoverBg", Gr(c.background.paper, 0.15)), b(c.StepConnector, "border", A("palette-grey-400")), b(c.StepContent, "border", A("palette-grey-400")), b(c.Switch, "defaultColor", A("palette-common-white")), b(c.Switch, "defaultDisabledColor", A("palette-grey-100")), b(c.Switch, "primaryDisabledColor", ue(c.primary.main, 0.62)), b(c.Switch, "secondaryDisabledColor", ue(c.secondary.main, 0.62)), b(c.Switch, "errorDisabledColor", ue(c.error.main, 0.62)), b(c.Switch, "infoDisabledColor", ue(c.info.main, 0.62)), b(c.Switch, "successDisabledColor", ue(c.success.main, 0.62)), b(c.Switch, "warningDisabledColor", ue(c.warning.main, 0.62)), b(c.TableCell, "border", ue(Yr(c.divider, 1), 0.88)), b(c.Tooltip, "bg", Yr(c.grey[700], 0.92));
    }
    if (c.mode === "dark") {
      b(c.Alert, "errorColor", ue(c.error.light, 0.6)), b(c.Alert, "infoColor", ue(c.info.light, 0.6)), b(c.Alert, "successColor", ue(c.success.light, 0.6)), b(c.Alert, "warningColor", ue(c.warning.light, 0.6)), b(c.Alert, "errorFilledBg", A("palette-error-dark")), b(c.Alert, "infoFilledBg", A("palette-info-dark")), b(c.Alert, "successFilledBg", A("palette-success-dark")), b(c.Alert, "warningFilledBg", A("palette-warning-dark")), b(c.Alert, "errorFilledColor", Me(() => c.getContrastText(c.error.dark))), b(c.Alert, "infoFilledColor", Me(() => c.getContrastText(c.info.dark))), b(c.Alert, "successFilledColor", Me(() => c.getContrastText(c.success.dark))), b(c.Alert, "warningFilledColor", Me(() => c.getContrastText(c.warning.dark))), b(c.Alert, "errorStandardBg", le(c.error.light, 0.9)), b(c.Alert, "infoStandardBg", le(c.info.light, 0.9)), b(c.Alert, "successStandardBg", le(c.success.light, 0.9)), b(c.Alert, "warningStandardBg", le(c.warning.light, 0.9)), b(c.Alert, "errorIconColor", A("palette-error-main")), b(c.Alert, "infoIconColor", A("palette-info-main")), b(c.Alert, "successIconColor", A("palette-success-main")), b(c.Alert, "warningIconColor", A("palette-warning-main")), b(c.AppBar, "defaultBg", A("palette-grey-900")), b(c.AppBar, "darkBg", A("palette-background-paper")), b(c.AppBar, "darkColor", A("palette-text-primary")), b(c.Avatar, "defaultBg", A("palette-grey-600")), b(c.Button, "inheritContainedBg", A("palette-grey-800")), b(c.Button, "inheritContainedHoverBg", A("palette-grey-700")), b(c.Chip, "defaultBorder", A("palette-grey-700")), b(c.Chip, "defaultAvatarColor", A("palette-grey-300")), b(c.Chip, "defaultIconColor", A("palette-grey-300")), b(c.FilledInput, "bg", "rgba(255, 255, 255, 0.09)"), b(c.FilledInput, "hoverBg", "rgba(255, 255, 255, 0.13)"), b(c.FilledInput, "disabledBg", "rgba(255, 255, 255, 0.12)"), b(c.LinearProgress, "primaryBg", le(c.primary.main, 0.5)), b(c.LinearProgress, "secondaryBg", le(c.secondary.main, 0.5)), b(c.LinearProgress, "errorBg", le(c.error.main, 0.5)), b(c.LinearProgress, "infoBg", le(c.info.main, 0.5)), b(c.LinearProgress, "successBg", le(c.success.main, 0.5)), b(c.LinearProgress, "warningBg", le(c.warning.main, 0.5)), b(c.Skeleton, "bg", `rgba(${A("palette-text-primaryChannel")} / 0.13)`), b(c.Slider, "primaryTrack", le(c.primary.main, 0.5)), b(c.Slider, "secondaryTrack", le(c.secondary.main, 0.5)), b(c.Slider, "errorTrack", le(c.error.main, 0.5)), b(c.Slider, "infoTrack", le(c.info.main, 0.5)), b(c.Slider, "successTrack", le(c.success.main, 0.5)), b(c.Slider, "warningTrack", le(c.warning.main, 0.5));
      const M = Gr(c.background.default, 0.98);
      b(c.SnackbarContent, "bg", M), b(c.SnackbarContent, "color", Me(() => c.getContrastText(M))), b(c.SpeedDialAction, "fabHoverBg", Gr(c.background.paper, 0.15)), b(c.StepConnector, "border", A("palette-grey-600")), b(c.StepContent, "border", A("palette-grey-600")), b(c.Switch, "defaultColor", A("palette-grey-300")), b(c.Switch, "defaultDisabledColor", A("palette-grey-600")), b(c.Switch, "primaryDisabledColor", le(c.primary.main, 0.55)), b(c.Switch, "secondaryDisabledColor", le(c.secondary.main, 0.55)), b(c.Switch, "errorDisabledColor", le(c.error.main, 0.55)), b(c.Switch, "infoDisabledColor", le(c.info.main, 0.55)), b(c.Switch, "successDisabledColor", le(c.success.main, 0.55)), b(c.Switch, "warningDisabledColor", le(c.warning.main, 0.55)), b(c.TableCell, "border", le(Yr(c.divider, 1), 0.68)), b(c.Tooltip, "bg", Yr(c.grey[700], 0.92));
    }
    Ye(c.background, "default"), Ye(c.background, "paper"), Ye(c.common, "background"), Ye(c.common, "onBackground"), Ye(c, "divider"), Object.keys(c).forEach((M) => {
      const B = c[M];
      M !== "tonalOffset" && B && typeof B == "object" && (B.main && b(c[M], "mainChannel", Tr(Nr(B.main))), B.light && b(c[M], "lightChannel", Tr(Nr(B.light))), B.dark && b(c[M], "darkChannel", Tr(Nr(B.dark))), B.contrastText && b(c[M], "contrastTextChannel", Tr(Nr(B.contrastText))), M === "text" && (Ye(c[M], "primary"), Ye(c[M], "secondary")), M === "action" && (B.active && Ye(c[M], "active"), B.selected && Ye(c[M], "selected")));
    });
  }), C = r.reduce((J, c) => Pe(J, c), C);
  const y = {
    prefix: i,
    disableCssColorScheme: o,
    shouldSkipGeneratingVar: s,
    getSelector: tl(C)
  }, {
    vars: E,
    generateThemeVars: N,
    generateStyleSheets: _
  } = Nc(C, y);
  return C.vars = E, Object.entries(C.colorSchemes[C.defaultColorScheme]).forEach(([J, c]) => {
    C[J] = c;
  }), C.generateThemeVars = N, C.generateStyleSheets = _, C.generateSpacing = function() {
    return Ro(f.spacing, Ft(this));
  }, C.getColorSchemeSelector = Ac(l), C.spacing = C.generateSpacing(), C.shouldSkipGeneratingVar = s, C.unstable_sxConfig = {
    ...dt,
    ...f == null ? void 0 : f.unstable_sxConfig
  }, C.unstable_sx = function(c) {
    return yr({
      sx: c,
      theme: this
    });
  }, C.toRuntimeSource = zo, C;
}
function eo(e2, r, t) {
  e2.colorSchemes && t && (e2.colorSchemes[r] = {
    ...t !== true && t,
    palette: tn({
      ...t === true ? {} : t.palette,
      mode: r
    })
    // cast type to skip module augmentation test
  });
}
function al(e2 = {}, ...r) {
  const {
    palette: t,
    cssVariables: n = false,
    colorSchemes: o = t ? void 0 : {
      light: true
    },
    defaultColorScheme: i = t == null ? void 0 : t.mode,
    ...s
  } = e2, l = i || "light", u = o == null ? void 0 : o[l], f = {
    ...o,
    ...t ? {
      [l]: {
        ...typeof u != "boolean" && u,
        palette: t
      }
    } : void 0
  };
  if (n === false) {
    if (!("colorSchemes" in e2))
      return Vt(e2, ...r);
    let p = t;
    "palette" in e2 || f[l] && (f[l] !== true ? p = f[l].palette : l === "dark" && (p = {
      mode: "dark"
    }));
    const m = Vt({
      ...e2,
      palette: p
    }, ...r);
    return m.defaultColorScheme = l, m.colorSchemes = f, m.palette.mode === "light" && (m.colorSchemes.light = {
      ...f.light !== true && f.light,
      palette: m.palette
    }, eo(m, "dark", f.dark)), m.palette.mode === "dark" && (m.colorSchemes.dark = {
      ...f.dark !== true && f.dark,
      palette: m.palette
    }, eo(m, "light", f.light)), m;
  }
  return !t && !("light" in f) && l === "light" && (f.light = true), sl({
    ...s,
    colorSchemes: f,
    defaultColorScheme: l,
    ...typeof n != "boolean" && n
  }, ...r);
}
const cl = al(), ll = "$$material";
function ul(e2) {
  return e2 !== "ownerState" && e2 !== "theme" && e2 !== "sx" && e2 !== "as";
}
const fl = (e2) => ul(e2) && e2 !== "classes", dl = fc({
  themeId: ll,
  defaultTheme: cl,
  rootShouldForwardProp: fl
}), pl = Sc;
process.env.NODE_ENV !== "production" && (Z.node, Z.object.isRequired);
function ml(e2) {
  return Ec(e2);
}
function hl(e2) {
  return Lt("MuiSvgIcon", e2);
}
ts("MuiSvgIcon", ["root", "colorPrimary", "colorSecondary", "colorAction", "colorError", "colorDisabled", "fontSizeInherit", "fontSizeSmall", "fontSizeMedium", "fontSizeLarge"]);
const gl = (e2) => {
  const {
    color: r,
    fontSize: t,
    classes: n
  } = e2, o = {
    root: ["root", r !== "inherit" && `color${sr(r)}`, `fontSize${sr(t)}`]
  };
  return Qi(o, hl, n);
}, yl = dl("svg", {
  name: "MuiSvgIcon",
  slot: "Root",
  overridesResolver: (e2, r) => {
    const {
      ownerState: t
    } = e2;
    return [r.root, t.color !== "inherit" && r[`color${sr(t.color)}`], r[`fontSize${sr(t.fontSize)}`]];
  }
})(pl(({
  theme: e2
}) => {
  var _a2, _b, _c2, _d, _e2, _f, _g, _h, _i2, _j, _k, _l2, _m, _n2;
  return {
    userSelect: "none",
    width: "1em",
    height: "1em",
    display: "inline-block",
    flexShrink: 0,
    transition: (_d = (_a2 = e2.transitions) == null ? void 0 : _a2.create) == null ? void 0 : _d.call(_a2, "fill", {
      duration: (_c2 = (_b = (e2.vars ?? e2).transitions) == null ? void 0 : _b.duration) == null ? void 0 : _c2.shorter
    }),
    variants: [
      {
        props: (r) => !r.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: ((_f = (_e2 = e2.typography) == null ? void 0 : _e2.pxToRem) == null ? void 0 : _f.call(_e2, 20)) || "1.25rem"
        }
      },
      {
        props: {
          fontSize: "medium"
        },
        style: {
          fontSize: ((_h = (_g = e2.typography) == null ? void 0 : _g.pxToRem) == null ? void 0 : _h.call(_g, 24)) || "1.5rem"
        }
      },
      {
        props: {
          fontSize: "large"
        },
        style: {
          fontSize: ((_j = (_i2 = e2.typography) == null ? void 0 : _i2.pxToRem) == null ? void 0 : _j.call(_i2, 35)) || "2.1875rem"
        }
      },
      // TODO v5 deprecate color prop, v6 remove for sx
      ...Object.entries((e2.vars ?? e2).palette).filter(([, r]) => r && r.main).map(([r]) => {
        var _a3, _b2;
        return {
          props: {
            color: r
          },
          style: {
            color: (_b2 = (_a3 = (e2.vars ?? e2).palette) == null ? void 0 : _a3[r]) == null ? void 0 : _b2.main
          }
        };
      }),
      {
        props: {
          color: "action"
        },
        style: {
          color: (_l2 = (_k = (e2.vars ?? e2).palette) == null ? void 0 : _k.action) == null ? void 0 : _l2.active
        }
      },
      {
        props: {
          color: "disabled"
        },
        style: {
          color: (_n2 = (_m = (e2.vars ?? e2).palette) == null ? void 0 : _m.action) == null ? void 0 : _n2.disabled
        }
      },
      {
        props: {
          color: "inherit"
        },
        style: {
          color: void 0
        }
      }
    ]
  };
})), tt = /* @__PURE__ */ ye.forwardRef(function(r, t) {
  const n = ml({
    props: r,
    name: "MuiSvgIcon"
  }), {
    children: o,
    className: i,
    color: s = "inherit",
    component: l = "svg",
    fontSize: u = "medium",
    htmlColor: f,
    inheritViewBox: p = false,
    titleAccess: m,
    viewBox: h = "0 0 24 24",
    ...w
  } = n, g = /* @__PURE__ */ ye.isValidElement(o) && o.type === "svg", a = {
    ...n,
    color: s,
    component: l,
    fontSize: u,
    instanceFontSize: r.fontSize,
    inheritViewBox: p,
    viewBox: h,
    hasSvgAsChild: g
  }, v = {};
  p || (v.viewBox = h);
  const S = gl(a);
  return /* @__PURE__ */ Ho(yl, {
    as: l,
    className: no(S.root, i),
    focusable: "false",
    color: f,
    "aria-hidden": m ? void 0 : true,
    role: m ? "img" : void 0,
    ref: t,
    ...v,
    ...w,
    ...g && o.props,
    ownerState: a,
    children: [g ? o.props.children : o, m ? /* @__PURE__ */ $e("title", {
      children: m
    }) : null]
  });
});
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`.     │
  // └─────────────────────────────────────────────────────────────────────┘
  /**
   * Node passed into the SVG element.
   */
  children: Z.node,
  /**
   * Override or extend the styles applied to the component.
   */
  classes: Z.object,
  /**
   * @ignore
   */
  className: Z.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: Z.oneOfType([Z.oneOf(["inherit", "action", "disabled", "primary", "secondary", "error", "info", "success", "warning"]), Z.string]),
  /**
   * The component used for the root node.
   * Either a string to use a HTML element or a component.
   */
  component: Z.elementType,
  /**
   * The fontSize applied to the icon. Defaults to 24px, but can be configure to inherit font size.
   * @default 'medium'
   */
  fontSize: Z.oneOfType([Z.oneOf(["inherit", "large", "medium", "small"]), Z.string]),
  /**
   * Applies a color attribute to the SVG element.
   */
  htmlColor: Z.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: Z.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/Attribute/shape-rendering).
   * If you are having issues with blurry icons you should investigate this prop.
   */
  shapeRendering: Z.string,
  /**
   * The system prop that allows defining system overrides as well as additional CSS styles.
   */
  sx: Z.oneOfType([Z.arrayOf(Z.oneOfType([Z.func, Z.object, Z.bool])), Z.func, Z.object]),
  /**
   * Provides a human-readable title for the element that contains it.
   * https://www.w3.org/TR/SVG-access/#Equivalent
   */
  titleAccess: Z.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: Z.string
});
tt.muiName = "SvgIcon";
function Le(e2, r) {
  function t(n, o) {
    return /* @__PURE__ */ $e(tt, {
      "data-testid": `${r}Icon`,
      ref: o,
      ...n,
      children: e2
    });
  }
  return process.env.NODE_ENV !== "production" && (t.displayName = `${r}Icon`), t.muiName = tt.muiName, /* @__PURE__ */ ye.memo(/* @__PURE__ */ ye.forwardRef(t));
}
const bl = Le(/* @__PURE__ */ $e("path", {
  d: "M8 5v14l11-7z"
}), "PlayArrow"), vl = Le(/* @__PURE__ */ $e("path", {
  d: "M6 19h4V5H6zm8-14v14h4V5z"
}), "Pause"), xl = Le(/* @__PURE__ */ $e("path", {
  d: "m6 18 8.5-6L6 6zM16 6v12h2V6z"
}), "SkipNext"), wl = Le(/* @__PURE__ */ $e("path", {
  d: "M6 6h2v12H6zm3.5 6 8.5 6V6z"
}), "SkipPrevious"), El = Le(/* @__PURE__ */ $e("path", {
  d: "M6 2v6h.01L6 8.01 10 12l-4 4 .01.01H6V22h12v-5.99h-.01L18 16l-4-4 4-3.99-.01-.01H18V2zm10 14.5V20H8v-3.5l4-4zm-4-5-4-4V4h8v3.5z"
}), "HourglassEmpty"), Sl = Le(/* @__PURE__ */ $e("path", {
  d: "M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63m2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71M4.27 3 3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9zM12 4 9.91 6.09 12 8.18z"
}), "VolumeOff"), Cl = Le(/* @__PURE__ */ $e("path", {
  d: "M18.5 12c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02M5 9v6h4l5 5V4L9 9z"
}), "VolumeDown"), kl = Le(/* @__PURE__ */ $e("path", {
  d: "M3 9v6h4l5 5V4L7 9zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02M14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77"
}), "VolumeUp"), Tl = Le(/* @__PURE__ */ $e("path", {
  d: "M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5m0-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8"
}), "RadioButtonChecked"), Nl = Le(/* @__PURE__ */ $e("path", {
  d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8"
}), "RadioButtonUnchecked"), Ve = {
  play: bl,
  pause: vl,
  skipNext: xl,
  skipPrevious: wl,
  loading: El,
  volumeOff: Sl,
  volumeDown: Cl,
  volumeUp: kl,
  selected: Tl,
  unselected: Nl
}, Ze = {
  primary: "rgb(97, 123, 177)"
}, Al = ({ className: e2, ...r }) => {
  const t = Ve.loading;
  return /* @__PURE__ */ O.jsxDEV(
    "div",
    {
      className: je(
        "flex items-center justify-center animate-spin",
        e2
      ),
      ...r,
      children: /* @__PURE__ */ O.jsxDEV(t, {}, void 0, false, {
        fileName: "/Users/clxrity/Desktop/stuff/code/pkg (@clxrity)/react-audio/src/components/ui/Loading.tsx",
        lineNumber: 18,
        columnNumber: 13
      }, void 0)
    },
    void 0,
    false,
    {
      fileName: "/Users/clxrity/Desktop/stuff/code/pkg (@clxrity)/react-audio/src/components/ui/Loading.tsx",
      lineNumber: 11,
      columnNumber: 9
    },
    void 0
  );
}, Ol = ({
  duration: e2,
  current_progress: r,
  buffered: t,
  color: n,
  ...o
}) => {
  const i = e2 > 0 ? r / e2 * 100 : 0, s = e2 > 0 ? t / e2 * 100 : 0;
  return /* @__PURE__ */ O.jsxDEV(
    "div",
    {
      className: je(
        "relative w-60 h-2 bg-gray-300 rounded overflow-hidden",
        o.className
      ),
      children: [
        /* @__PURE__ */ O.jsxDEV(
          "div",
          {
            className: "absolute top-0 left-0 h-full bg-gray-400 rounded transition-all duration-200",
            style: { width: `${s}%` }
          },
          void 0,
          false,
          {
            fileName: "/Users/clxrity/Desktop/stuff/code/pkg (@clxrity)/react-audio/src/components/ui/Progress.tsx",
            lineNumber: 31,
            columnNumber: 13
          },
          void 0
        ),
        /* @__PURE__ */ O.jsxDEV(
          "div",
          {
            className: "absolute top-0 left-0 h-full rounded transition-all duration-200",
            style: {
              width: `${i}%`,
              backgroundColor: n || Ze.primary
            }
          },
          void 0,
          false,
          {
            fileName: "/Users/clxrity/Desktop/stuff/code/pkg (@clxrity)/react-audio/src/components/ui/Progress.tsx",
            lineNumber: 37,
            columnNumber: 13
          },
          void 0
        ),
        /* @__PURE__ */ O.jsxDEV(
          "input",
          {
            type: "range",
            className: "absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer",
            min: 0,
            max: e2 || 1,
            value: r || 0,
            onChange: (l) => {
              var _a2;
              return (_a2 = o.onChange) == null ? void 0 : _a2.call(o, l);
            },
            ...o
          },
          void 0,
          false,
          {
            fileName: "/Users/clxrity/Desktop/stuff/code/pkg (@clxrity)/react-audio/src/components/ui/Progress.tsx",
            lineNumber: 46,
            columnNumber: 13
          },
          void 0
        )
      ]
    },
    void 0,
    true,
    {
      fileName: "/Users/clxrity/Desktop/stuff/code/pkg (@clxrity)/react-audio/src/components/ui/Progress.tsx",
      lineNumber: 24,
      columnNumber: 9
    },
    void 0
  );
};
function Pl({ track: e2, ...r }) {
  const { title: t, artist: n, thumbnail: o } = e2;
  return !t && !n && !o ? null : /* @__PURE__ */ O.jsxDEV(
    "div",
    {
      ...r,
      className: je("flex flex-row items-center gap-2", r.className),
      children: [
        o && /* @__PURE__ */ O.jsxDEV(
          "img",
          {
            src: o,
            alt: `${t} by ${n}`,
            className: "w-32 h-32 rounded-full"
          },
          void 0,
          false,
          {
            fileName: "/Users/clxrity/Desktop/stuff/code/pkg (@clxrity)/react-audio/src/components/ui/TrackInfo.tsx",
            lineNumber: 22,
            columnNumber: 17
          },
          this
        ),
        /* @__PURE__ */ O.jsxDEV("div", { className: "flex flex-col items-center gap-2", children: [
          t && /* @__PURE__ */ O.jsxDEV("h1", { className: "text-2xl font-bold", children: t }, void 0, false, {
            fileName: "/Users/clxrity/Desktop/stuff/code/pkg (@clxrity)/react-audio/src/components/ui/TrackInfo.tsx",
            lineNumber: 29,
            columnNumber: 27
          }, this),
          n && /* @__PURE__ */ O.jsxDEV("div", { className: "flex flex-row items-center gap-2", children: [
            n.thumbnail && n.url ? /* @__PURE__ */ O.jsxDEV(
              "a",
              {
                href: n.url,
                target: "_blank",
                rel: "noreferrer",
                className: "hover:underline underline-offset-2",
                children: /* @__PURE__ */ O.jsxDEV(
                  "img",
                  {
                    src: n.thumbnail,
                    alt: n.name,
                    className: "w-8 h-8 rounded-full"
                  },
                  void 0,
                  false,
                  {
                    fileName: "/Users/clxrity/Desktop/stuff/code/pkg (@clxrity)/react-audio/src/components/ui/TrackInfo.tsx",
                    lineNumber: 39,
                    columnNumber: 33
                  },
                  this
                )
              },
              void 0,
              false,
              {
                fileName: "/Users/clxrity/Desktop/stuff/code/pkg (@clxrity)/react-audio/src/components/ui/TrackInfo.tsx",
                lineNumber: 33,
                columnNumber: 29
              },
              this
            ) : n.thumbnail && /* @__PURE__ */ O.jsxDEV(
              "img",
              {
                src: n.thumbnail,
                alt: n.name,
                className: "w-8 h-8 rounded-full"
              },
              void 0,
              false,
              {
                fileName: "/Users/clxrity/Desktop/stuff/code/pkg (@clxrity)/react-audio/src/components/ui/TrackInfo.tsx",
                lineNumber: 47,
                columnNumber: 33
              },
              this
            ),
            /* @__PURE__ */ O.jsxDEV("div", { className: "flex flex-col items-center gap-1", children: n.url ? /* @__PURE__ */ O.jsxDEV(
              "a",
              {
                href: n.url,
                target: "_blank",
                rel: "noreferrer",
                children: n.name
              },
              void 0,
              false,
              {
                fileName: "/Users/clxrity/Desktop/stuff/code/pkg (@clxrity)/react-audio/src/components/ui/TrackInfo.tsx",
                lineNumber: 56,
                columnNumber: 33
              },
              this
            ) : /* @__PURE__ */ O.jsxDEV("span", { children: n.name }, void 0, false, {
              fileName: "/Users/clxrity/Desktop/stuff/code/pkg (@clxrity)/react-audio/src/components/ui/TrackInfo.tsx",
              lineNumber: 64,
              columnNumber: 33
            }, this) }, void 0, false, {
              fileName: "/Users/clxrity/Desktop/stuff/code/pkg (@clxrity)/react-audio/src/components/ui/TrackInfo.tsx",
              lineNumber: 54,
              columnNumber: 25
            }, this)
          ] }, void 0, true, {
            fileName: "/Users/clxrity/Desktop/stuff/code/pkg (@clxrity)/react-audio/src/components/ui/TrackInfo.tsx",
            lineNumber: 31,
            columnNumber: 21
          }, this)
        ] }, void 0, true, {
          fileName: "/Users/clxrity/Desktop/stuff/code/pkg (@clxrity)/react-audio/src/components/ui/TrackInfo.tsx",
          lineNumber: 28,
          columnNumber: 13
        }, this)
      ]
    },
    void 0,
    true,
    {
      fileName: "/Users/clxrity/Desktop/stuff/code/pkg (@clxrity)/react-audio/src/components/ui/TrackInfo.tsx",
      lineNumber: 17,
      columnNumber: 9
    },
    this
  );
}
function _l({
  volume: e2,
  onVolumeChnge: r,
  className: t,
  color: n,
  ...o
}) {
  return /* @__PURE__ */ O.jsxDEV(
    "input",
    {
      type: "range",
      min: 0,
      max: 1,
      step: 0.01,
      value: e2,
      onChange: (i) => r(parseFloat(i.target.value)),
      className: je(
        "h-1 w-20 appearance-none rounded-full bg-inherit/50",
        "range-slider:h-2 range-slider:rounded-full progress-input",
        // ${color ? `range-slider:bg-[${color}]` : `range-slider:bg-[${COLORS.primary}]`
        t
      ),
      style: {
        backgroundColor: `linear-gradient(to right, ${n || Ze.primary} ${e2 * 100}%, ${n || Ze.primary} 0%)`,
        border: `2px solid ${n || Ze.primary}`
      },
      ...o
    },
    void 0,
    false,
    {
      fileName: "/Users/clxrity/Desktop/stuff/code/pkg (@clxrity)/react-audio/src/components/ui/VolumeSlider.tsx",
      lineNumber: 19,
      columnNumber: 9
    },
    this
  );
}
function Fo({
  track: e2,
  size: r = 200,
  autoplay: t = false,
  showTrackInfo: n = false,
  showNextPrevControls: o = false,
  showProgress: i = true,
  showVolume: s = true,
  audioRef: l,
  onNext: u,
  onPrev: f,
  color: p = Ze.primary,
  ...m
}) {
  const [h, w] = Ce(false), [g, a] = Ce(false), [v, S] = Ce(0.25), [D, k] = Ce(0), [C, y] = Ce(0), [E, N] = Ce(0), [_, J] = Ce(
    null
  );
  l || (l = Ie(_)), qe(() => {
    _ ? _.addEventListener("canplaythrough", () => {
      w(true);
    }) : J(l.current);
  }, []);
  const c = Je(() => {
    if (!(!h || !_))
      try {
        _.play(), a(true);
      } catch (x) {
        console.error(x), a(false);
      }
  }, [h]), A = Je(() => {
    !h || !_ || (_.pause(), a(false));
  }, [h]), M = Je(
    (x) => {
      _ && (_.volume = x.currentTarget.volume, S(x.currentTarget.volume));
    },
    []
  ), B = Je(() => {
    _ && (_.volume !== 0 ? (_.volume = 0, S(0)) : (_.volume = 0.25, S(v)));
  }, [_, v]), L = Je((x) => {
    const T = x.currentTarget;
    if (T.duration > 0) {
      for (let z = 0; z < T.buffered.length; z++)
        if (T.buffered.start(T.buffered.length - 1 - z) < T.currentTime) {
          k(
            T.buffered.end(T.buffered.length - 1 - z)
          );
          break;
        }
    }
  }, []), oe = Je(
    (x) => {
      N(x.currentTarget.currentTime), L(x);
    },
    [L]
  ), V = Je((x) => {
    y(x.currentTarget.duration);
  }, []), pe = Je(
    (x) => {
      x.currentTarget.volume = v, w(true);
    },
    []
  ), { src: fe } = e2, se = (x) => {
    const T = parseFloat(x.currentTarget.value);
    N(T), _ && (_.currentTime = T);
  };
  return qe(() => {
    if (!_) return;
    const x = () => N(_.currentTime), T = () => {
      _.buffered.length > 0 && k(
        _.buffered.end(_.buffered.length - 1)
      );
    };
    return _.addEventListener("timeupdate", x), _.addEventListener("progress", T), _.addEventListener(
      "loadedmetadata",
      () => y(_.duration)
    ), () => {
      _.removeEventListener("timeupdate", x), _.removeEventListener("progress", T);
    };
  }, []), /* @__PURE__ */ O.jsxDEV(
    "div",
    {
      ...m,
      className: je(
        "flex flex-col items-center gap-4 relative",
        m.className
      ),
      children: [
        /* @__PURE__ */ O.jsxDEV("div", { className: "flex items-center gap-2", children: [
          /* @__PURE__ */ O.jsxDEV(
            "audio",
            {
              ref: l,
              onCanPlay: pe,
              onTimeUpdate: oe,
              onDurationChange: V,
              onVolumeChange: M,
              onPause: A,
              autoPlay: t,
              preload: "auto",
              children: /* @__PURE__ */ O.jsxDEV(ro, { src: fe }, void 0, false, {
                fileName: "/Users/clxrity/Desktop/stuff/code/pkg (@clxrity)/react-audio/src/lib/Player/index.tsx",
                lineNumber: 217,
                columnNumber: 21
              }, this)
            },
            void 0,
            false,
            {
              fileName: "/Users/clxrity/Desktop/stuff/code/pkg (@clxrity)/react-audio/src/lib/Player/index.tsx",
              lineNumber: 207,
              columnNumber: 17
            },
            this
          ),
          /* @__PURE__ */ O.jsxDEV("div", { className: "flex flex-col gap-2 items-center z-30", children: [
            n && /* @__PURE__ */ O.jsxDEV(Pl, { track: e2 }, void 0, false, {
              fileName: "/Users/clxrity/Desktop/stuff/code/pkg (@clxrity)/react-audio/src/lib/Player/index.tsx",
              lineNumber: 220,
              columnNumber: 39
            }, this),
            /* @__PURE__ */ O.jsxDEV("div", { className: "flex flex-col items-center gap-2", children: [
              h ? g ? /* @__PURE__ */ O.jsxDEV(Sr, { onClick: A, children: /* @__PURE__ */ O.jsxDEV(Ve.pause, {}, void 0, false, {
                fileName: "/Users/clxrity/Desktop/stuff/code/pkg (@clxrity)/react-audio/src/lib/Player/index.tsx",
                lineNumber: 225,
                columnNumber: 37
              }, this) }, void 0, false, {
                fileName: "/Users/clxrity/Desktop/stuff/code/pkg (@clxrity)/react-audio/src/lib/Player/index.tsx",
                lineNumber: 224,
                columnNumber: 33
              }, this) : /* @__PURE__ */ O.jsxDEV(Sr, { onClick: c, children: /* @__PURE__ */ O.jsxDEV(Ve.play, {}, void 0, false, {
                fileName: "/Users/clxrity/Desktop/stuff/code/pkg (@clxrity)/react-audio/src/lib/Player/index.tsx",
                lineNumber: 229,
                columnNumber: 37
              }, this) }, void 0, false, {
                fileName: "/Users/clxrity/Desktop/stuff/code/pkg (@clxrity)/react-audio/src/lib/Player/index.tsx",
                lineNumber: 228,
                columnNumber: 33
              }, this) : /* @__PURE__ */ O.jsxDEV(Al, {}, void 0, false, {
                fileName: "/Users/clxrity/Desktop/stuff/code/pkg (@clxrity)/react-audio/src/lib/Player/index.tsx",
                lineNumber: 233,
                columnNumber: 29
              }, this),
              s && /* @__PURE__ */ O.jsxDEV("div", { className: "flex items-center gap-2", children: [
                /* @__PURE__ */ O.jsxDEV(Sr, { onClick: B, children: v === 0 ? /* @__PURE__ */ O.jsxDEV(Ve.volumeOff, {}, void 0, false, {
                  fileName: "/Users/clxrity/Desktop/stuff/code/pkg (@clxrity)/react-audio/src/lib/Player/index.tsx",
                  lineNumber: 239,
                  columnNumber: 41
                }, this) : v < 0.5 ? /* @__PURE__ */ O.jsxDEV(Ve.volumeDown, {}, void 0, false, {
                  fileName: "/Users/clxrity/Desktop/stuff/code/pkg (@clxrity)/react-audio/src/lib/Player/index.tsx",
                  lineNumber: 241,
                  columnNumber: 41
                }, this) : /* @__PURE__ */ O.jsxDEV(Ve.volumeUp, {}, void 0, false, {
                  fileName: "/Users/clxrity/Desktop/stuff/code/pkg (@clxrity)/react-audio/src/lib/Player/index.tsx",
                  lineNumber: 243,
                  columnNumber: 41
                }, this) }, void 0, false, {
                  fileName: "/Users/clxrity/Desktop/stuff/code/pkg (@clxrity)/react-audio/src/lib/Player/index.tsx",
                  lineNumber: 237,
                  columnNumber: 33
                }, this),
                /* @__PURE__ */ O.jsxDEV(
                  _l,
                  {
                    size: r,
                    color: p,
                    volume: v,
                    onVolumeChnge: (x) => {
                      _ && (_.volume = x, S(x));
                    }
                  },
                  void 0,
                  false,
                  {
                    fileName: "/Users/clxrity/Desktop/stuff/code/pkg (@clxrity)/react-audio/src/lib/Player/index.tsx",
                    lineNumber: 246,
                    columnNumber: 33
                  },
                  this
                )
              ] }, void 0, true, {
                fileName: "/Users/clxrity/Desktop/stuff/code/pkg (@clxrity)/react-audio/src/lib/Player/index.tsx",
                lineNumber: 236,
                columnNumber: 29
              }, this),
              o && u && f && /* @__PURE__ */ O.jsxDEV("div", { className: "flex items-center gap-2", children: [
                /* @__PURE__ */ O.jsxDEV(Sr, { onClick: f, children: /* @__PURE__ */ O.jsxDEV(Ve.skipPrevious, {}, void 0, false, {
                  fileName: "/Users/clxrity/Desktop/stuff/code/pkg (@clxrity)/react-audio/src/lib/Player/index.tsx",
                  lineNumber: 261,
                  columnNumber: 37
                }, this) }, void 0, false, {
                  fileName: "/Users/clxrity/Desktop/stuff/code/pkg (@clxrity)/react-audio/src/lib/Player/index.tsx",
                  lineNumber: 260,
                  columnNumber: 33
                }, this),
                /* @__PURE__ */ O.jsxDEV(Sr, { onClick: u, children: /* @__PURE__ */ O.jsxDEV(Ve.skipNext, {}, void 0, false, {
                  fileName: "/Users/clxrity/Desktop/stuff/code/pkg (@clxrity)/react-audio/src/lib/Player/index.tsx",
                  lineNumber: 264,
                  columnNumber: 37
                }, this) }, void 0, false, {
                  fileName: "/Users/clxrity/Desktop/stuff/code/pkg (@clxrity)/react-audio/src/lib/Player/index.tsx",
                  lineNumber: 263,
                  columnNumber: 33
                }, this)
              ] }, void 0, true, {
                fileName: "/Users/clxrity/Desktop/stuff/code/pkg (@clxrity)/react-audio/src/lib/Player/index.tsx",
                lineNumber: 259,
                columnNumber: 29
              }, this)
            ] }, void 0, true, {
              fileName: "/Users/clxrity/Desktop/stuff/code/pkg (@clxrity)/react-audio/src/lib/Player/index.tsx",
              lineNumber: 221,
              columnNumber: 21
            }, this)
          ] }, void 0, true, {
            fileName: "/Users/clxrity/Desktop/stuff/code/pkg (@clxrity)/react-audio/src/lib/Player/index.tsx",
            lineNumber: 219,
            columnNumber: 17
          }, this)
        ] }, void 0, true, {
          fileName: "/Users/clxrity/Desktop/stuff/code/pkg (@clxrity)/react-audio/src/lib/Player/index.tsx",
          lineNumber: 206,
          columnNumber: 13
        }, this),
        i && /* @__PURE__ */ O.jsxDEV(
          Ol,
          {
            color: p,
            duration: C,
            current_progress: E,
            buffered: D,
            onChange: se
          },
          void 0,
          false,
          {
            fileName: "/Users/clxrity/Desktop/stuff/code/pkg (@clxrity)/react-audio/src/lib/Player/index.tsx",
            lineNumber: 272,
            columnNumber: 17
          },
          this
        )
      ]
    },
    void 0,
    true,
    {
      fileName: "/Users/clxrity/Desktop/stuff/code/pkg (@clxrity)/react-audio/src/lib/Player/index.tsx",
      lineNumber: 199,
      columnNumber: 9
    },
    this
  );
}
function Rl(e2) {
  e2 && (e2.width = e2.clientWidth * window.devicePixelRatio, e2.height = e2.clientHeight * window.devicePixelRatio);
}
function $l({
  analyser: e2,
  canvas: r,
  canvasContext: t,
  dataArray: n,
  bufferLength: o,
  color: i
}) {
  if (!t) return;
  t.clearRect(0, 0, r.width, r.height), e2.getByteFrequencyData(n), t.fillStyle = i;
  const s = r.height, l = Math.ceil(r.width / o) * 2.5;
  let u = 0;
  for (let f = 0; f < o; f++) {
    const p = n[f] / 255 * s;
    t.fillRect(u, s - p, l, p), u += l + 1;
  }
}
function Dl({ analyserData: e2, color: r, size: t, ...n }) {
  const { analyser: o, bufferLength: i, dataArray: s } = e2, l = Ie(null), u = (p, m, h) => {
    const w = l.current;
    if (!w || !p) return;
    const g = w.getContext("2d"), a = () => {
      requestAnimationFrame(a), w.width = w.width, $l({
        analyser: p,
        canvas: w,
        canvasContext: g,
        dataArray: h,
        bufferLength: m,
        color: r
      });
    };
    a();
  };
  function f() {
    Rl(l.current);
  }
  return qe(() => (u(o, i, s), t || window.addEventListener("resize", f), () => {
    window.removeEventListener("resize", f);
  }), [s, o, i, r]), /* @__PURE__ */ O.jsxDEV(
    "canvas",
    {
      ref: l,
      width: t || 400,
      height: t || 400,
      style: {
        position: "absolute",
        color: r,
        zIndex: 0,
        ...n.style
      },
      ...n
    },
    void 0,
    false,
    {
      fileName: "/Users/clxrity/Desktop/stuff/code/pkg (@clxrity)/react-audio/src/components/ui/Canvas.tsx",
      lineNumber: 99,
      columnNumber: 9
    },
    this
  );
}
function Il(e2, r, t, n) {
  if (!e2 || !r)
    return null;
  t.current || (t.current = r.createMediaElementSource(e2));
  const o = r.createAnalyser();
  return o.fftSize = n, t.current.connect(o), o.connect(r.destination), {
    analyser: o,
    getFrequencyData: () => {
      const i = o.frequencyBinCount, s = new Uint8Array(i);
      return o.getByteFrequencyData(s), s;
    }
  };
}
function zl({
  track: e2,
  size: r = 500,
  fftSize: t = 4096,
  autoplay: n = false,
  showTrackInfo: o = false,
  showVolume: i = false,
  showProgress: s = true,
  color: l = Ze.primary,
  ...u
}) {
  const [f, p] = Ce(null), [m, h] = Ce(null), w = Ie(null);
  qe(() => {
    w.current && (w.current.src = e2.src);
  }, [e2.src]);
  const g = Ie(null), a = () => {
    if (!w.current) {
      console.warn("\u{1F6A8} Audio ref is not ready yet.");
      return;
    }
    try {
      const v = f ?? new AudioContext();
      if (f || p(v), !v)
        throw new Error("AudioContext is null");
      v.state === "suspended" && v.resume(), g.current || (g.current = v.createMediaElementSource(
        w.current
      ));
      const S = Il(
        w.current,
        v,
        g,
        t
      );
      S && h(S.analyser);
    } catch (v) {
      console.error("\u274C Failed to initialize AudioContext:", v);
    }
  };
  return qe(() => {
    w.current || (w.current = new Audio(e2.src), w.current.load());
  }, [e2.src]), qe(() => {
    const v = () => {
      f ? f.state === "suspended" && f.resume() : a();
    };
    return window.addEventListener("click", v), () => {
      window.removeEventListener("click", v), f == null ? void 0 : f.close();
    };
  }, [f]), /* @__PURE__ */ O.jsxDEV(
    "div",
    {
      ...u,
      className: je(
        "flex gap-2 items-center justify-center w-full max-w-[400px] relative rounded-md bg-transparent",
        u.className
      ),
      children: /* @__PURE__ */ O.jsxDEV("div", { className: "relative w-full h-[100px]", children: [
        m && /* @__PURE__ */ O.jsxDEV(
          Dl,
          {
            analyserData: {
              analyser: m,
              bufferLength: m.frequencyBinCount,
              dataArray: new Uint8Array(
                m.frequencyBinCount
              )
            },
            color: l,
            width: r,
            height: r,
            style: {
              position: "absolute",
              inset: 0,
              width: "100%",
              height: "100%",
              opacity: 0.75,
              pointerEvents: "none",
              zIndex: 0
            }
          },
          void 0,
          false,
          {
            fileName: "/Users/clxrity/Desktop/stuff/code/pkg (@clxrity)/react-audio/src/lib/Waveform/index.tsx",
            lineNumber: 134,
            columnNumber: 21
          },
          this
        ),
        /* @__PURE__ */ O.jsxDEV(
          Fo,
          {
            track: e2,
            audioRef: w,
            autoplay: n,
            showTrackInfo: o,
            showProgress: s,
            showVolume: i,
            size: r
          },
          void 0,
          false,
          {
            fileName: "/Users/clxrity/Desktop/stuff/code/pkg (@clxrity)/react-audio/src/lib/Waveform/index.tsx",
            lineNumber: 156,
            columnNumber: 17
          },
          this
        )
      ] }, void 0, true, {
        fileName: "/Users/clxrity/Desktop/stuff/code/pkg (@clxrity)/react-audio/src/lib/Waveform/index.tsx",
        lineNumber: 132,
        columnNumber: 13
      }, this)
    },
    void 0,
    false,
    {
      fileName: "/Users/clxrity/Desktop/stuff/code/pkg (@clxrity)/react-audio/src/lib/Waveform/index.tsx",
      lineNumber: 125,
      columnNumber: 9
    },
    this
  );
}
function jl({
  track: e2,
  selected: r,
  trackNumberLabel: t,
  color: n,
  ...o
}) {
  return /* @__PURE__ */ O.jsxDEV(
    "li",
    {
      onClick: o.onClick,
      color: n,
      className: je(
        `flex items-center p-2 z-1 ${r ? "opacity-100" : "opacity-70"} rounded-md pt-3 pb-3 ${r ? "border" : ""} my-2 cursort-pointer hover:opacity-100 justify-between w-full self-center z-30 transition-all duration-200`,
        o.className
      ),
      style: {
        borderColor: n || Ze.primary
      },
      children: [
        e2.thumbnail ? /* @__PURE__ */ O.jsxDEV(
          "img",
          {
            src: e2.thumbnail,
            alt: e2.title,
            style: {
              height: 30,
              width: 30,
              borderRadius: "30%",
              ...o.style
            }
          },
          void 0,
          false,
          {
            fileName: "/Users/clxrity/Desktop/stuff/code/pkg (@clxrity)/react-audio/src/components/ui/TrackItem.tsx",
            lineNumber: 33,
            columnNumber: 17
          },
          this
        ) : null,
        /* @__PURE__ */ O.jsxDEV("span", { className: "flex-1 text-center font-semibold text-sm opacity-90 z-2", children: e2.title }, void 0, false, {
          fileName: "/Users/clxrity/Desktop/stuff/code/pkg (@clxrity)/react-audio/src/components/ui/TrackItem.tsx",
          lineNumber: 44,
          columnNumber: 13
        }, this),
        /* @__PURE__ */ O.jsxDEV("span", { className: "text-lg", children: r ? /* @__PURE__ */ O.jsxDEV(Ve.selected, {}, void 0, false, {
          fileName: "/Users/clxrity/Desktop/stuff/code/pkg (@clxrity)/react-audio/src/components/ui/TrackItem.tsx",
          lineNumber: 48,
          columnNumber: 29
        }, this) : /* @__PURE__ */ O.jsxDEV(Ve.unselected, {}, void 0, false, {
          fileName: "/Users/clxrity/Desktop/stuff/code/pkg (@clxrity)/react-audio/src/components/ui/TrackItem.tsx",
          lineNumber: 48,
          columnNumber: 50
        }, this) }, void 0, false, {
          fileName: "/Users/clxrity/Desktop/stuff/code/pkg (@clxrity)/react-audio/src/components/ui/TrackItem.tsx",
          lineNumber: 47,
          columnNumber: 13
        }, this)
      ]
    },
    void 0,
    true,
    {
      fileName: "/Users/clxrity/Desktop/stuff/code/pkg (@clxrity)/react-audio/src/components/ui/TrackItem.tsx",
      lineNumber: 21,
      columnNumber: 9
    },
    this
  );
}
function Bl({
  tracks: e2,
  autoplay: r = false,
  color: t = Ze.primary,
  shuffle: n = false,
  onShuffle: o,
  showTracks: i = true,
  border: s = "1px solid #e4e4e775",
  ...l
}) {
  const [u, f] = Ce(0), p = e2[u];
  return n && f(Math.floor(Math.random() * e2.length)), /* @__PURE__ */ O.jsxDEV(
    "div",
    {
      ...l,
      className: je(
        "flex flex-col gap-4 p-4 items-center justify-center relative w-full max-w-[800px] rounded-lg bg-transparent backdrop-blur-sm",
        l.className
      ),
      style: {
        border: s
      },
      children: /* @__PURE__ */ O.jsxDEV("ul", { className: "list-none p-0 m-0 w-full flex flex-col gap-0 self-center justify-self-center min-w-full overflow-y-scroll scroll-smooth", children: [
        i && e2.map((m, h) => /* @__PURE__ */ O.jsxDEV(
          jl,
          {
            color: t,
            onClick: () => f(h),
            selected: h === u,
            track: m,
            trackNumberLabel: `${h + 1}`
          },
          h,
          false,
          {
            fileName: "/Users/clxrity/Desktop/stuff/code/pkg (@clxrity)/react-audio/src/lib/ShufflePlayer/index.tsx",
            lineNumber: 49,
            columnNumber: 25
          },
          this
        )),
        /* @__PURE__ */ O.jsxDEV(
          Fo,
          {
            color: t,
            autoplay: r,
            track: p,
            onNext: () => f((m) => m + 1),
            onPrev: () => f((m) => m - 1),
            showNextPrevControls: true
          },
          void 0,
          false,
          {
            fileName: "/Users/clxrity/Desktop/stuff/code/pkg (@clxrity)/react-audio/src/lib/ShufflePlayer/index.tsx",
            lineNumber: 58,
            columnNumber: 17
          },
          this
        )
      ] }, void 0, true, {
        fileName: "/Users/clxrity/Desktop/stuff/code/pkg (@clxrity)/react-audio/src/lib/ShufflePlayer/index.tsx",
        lineNumber: 46,
        columnNumber: 13
      }, this)
    },
    void 0,
    false,
    {
      fileName: "/Users/clxrity/Desktop/stuff/code/pkg (@clxrity)/react-audio/src/lib/ShufflePlayer/index.tsx",
      lineNumber: 36,
      columnNumber: 9
    },
    this
  );
}
function Ml({
  audioRef: e2,
  width: r = "100%",
  height: t = "25%",
  fftSize: n = 1024,
  minDecibels: o = -100,
  maxDecibels: i = -25,
  colorMap: s = ["#111", "#ff0000", "#ffff00", "#ffffff"],
  smoothingTimeConstant: l = 0.8,
  realTime: u = true,
  logarithmicScale: f = true,
  onFrameUpdate: p,
  fillStyle: m,
  loop: h,
  ...w
}) {
  const g = Ie(null), a = Ie(null), v = Ie(null), [S, D] = Ce(false), [k, C] = Ce(false), y = () => {
    var _a2;
    if (S) {
      (_a2 = e2.current) == null ? void 0 : _a2.pause(), D(false);
      return;
    }
    if (e2.current) {
      if (!a.current) {
        const E = new (window.AudioContext || window.webkitAudioContext)(), N = E.createAnalyser();
        a.current = E, v.current = N, N.fftSize = n, N.minDecibels = o, N.maxDecibels = i, N.smoothingTimeConstant = l, E.createMediaElementSource(
          e2.current
        ).connect(N), N.connect(E.destination);
      }
      a.current.state === "suspended" && a.current.resume(), e2.current.paused && e2.current.play(), h && (e2.current.loop = true), D((E) => !E);
    }
  };
  return qe(() => {
    if (!g.current || !e2.current) return;
    const E = g.current, N = E.getContext("2d");
    if (!N) return;
    E.width = 800, E.height = 400;
    const _ = (A, M, B) => `#${A.slice(1).match(/.{2}/g).map((oe, V) => {
      const pe = parseInt(oe, 16), fe = parseInt(
        M.slice(1).match(/.{2}/g)[V],
        16
      );
      return Math.round(
        pe + B * (fe - pe)
      ).toString(16).padStart(2, "0");
    }).join("")}`, J = (A) => {
      const B = A / 255 * (s.length - 1), L = Math.floor(B), oe = B - L, V = s[L], pe = s[L + 1] || V;
      return _(V, pe, oe);
    }, c = () => {
      if (!E || !N || !v.current) return;
      const A = v.current.frequencyBinCount, M = new Uint8Array(A);
      v.current.getByteFrequencyData(M), N.fillStyle = m || "rgba(0, 0, 0, 0.5)", N.fillRect(0, 0, E.width, E.height);
      for (let B = 0; B < A; B++) {
        const L = M[B], oe = L / 255 * E.height, V = E.height - oe, pe = E.width / A;
        N.fillStyle = J(L), N.fillRect(B * pe, V, pe, oe);
      }
      requestAnimationFrame(c), p == null ? void 0 : p(M);
    };
    S && c();
  }, [s, m, S, p]), /* @__PURE__ */ O.jsxDEV(
    "canvas",
    {
      onClick: () => {
        y(), C(true);
      },
      className: `border border-zinc-800/65 dark:border-zinc-500/65 rounded-md cursor-pointer backdrop:invert-50 ${!k && "bg-zinc-700/50 animate-pulse hover:border-2 transition-all hover:bg-zinc-700/75 hover:animate-none"}`,
      ref: g,
      style: {
        width: r,
        height: t
      },
      ...w
    },
    void 0,
    false,
    {
      fileName: "/Users/clxrity/Desktop/stuff/code/pkg (@clxrity)/react-audio/src/lib/Spectrogram/Display.tsx",
      lineNumber: 159,
      columnNumber: 9
    },
    this
  );
}
function Ll({
  track: e2,
  fftSize: r,
  width: t,
  height: n,
  minDecibels: o,
  maxDecibels: i,
  colorMap: s,
  smoothingTimeConstant: l,
  realTime: u,
  logarithmicScale: f,
  onFrameUpdate: p,
  loop: m,
  fillStyle: h,
  ...w
}) {
  const g = Ie(new Audio());
  return /* @__PURE__ */ O.jsxDEV("div", { ...w, className: je("", w.className), children: [
    /* @__PURE__ */ O.jsxDEV("audio", { ref: g, children: /* @__PURE__ */ O.jsxDEV(ro, { src: e2.src }, void 0, false, {
      fileName: "/Users/clxrity/Desktop/stuff/code/pkg (@clxrity)/react-audio/src/lib/Spectrogram/index.tsx",
      lineNumber: 44,
      columnNumber: 17
    }, this) }, void 0, false, {
      fileName: "/Users/clxrity/Desktop/stuff/code/pkg (@clxrity)/react-audio/src/lib/Spectrogram/index.tsx",
      lineNumber: 43,
      columnNumber: 13
    }, this),
    g.current && /* @__PURE__ */ O.jsxDEV(
      Ml,
      {
        audioRef: g,
        fftSize: r,
        width: t,
        height: n,
        minDecibels: o,
        maxDecibels: i,
        colorMap: s,
        smoothingTimeConstant: l,
        realTime: u,
        logarithmicScale: f,
        onFrameUpdate: p,
        loop: m,
        fillStyle: h
      },
      void 0,
      false,
      {
        fileName: "/Users/clxrity/Desktop/stuff/code/pkg (@clxrity)/react-audio/src/lib/Spectrogram/index.tsx",
        lineNumber: 47,
        columnNumber: 17
      },
      this
    )
  ] }, void 0, true, {
    fileName: "/Users/clxrity/Desktop/stuff/code/pkg (@clxrity)/react-audio/src/lib/Spectrogram/index.tsx",
    lineNumber: 42,
    columnNumber: 9
  }, this);
}
function Fl({
  type: e2 = "sine",
  frequency: r = 440,
  gain: t = 0.5,
  isPlaying: n = false,
  onFrequencyChange: o,
  onGainChange: i,
  ...s
}) {
  const [l, u] = Ce(null), f = Ie(null), p = Ie(null), m = Ie(null), [h, w] = Ce(r), [g, a] = Ce(t), [v, S] = Ce(false), D = () => {
    if (!f.current || !v) {
      const k = l ?? new AudioContext();
      l || u(k), f.current = l, S(true);
    } else
      f.current.close(), f.current = null, S(false);
  };
  return qe(() => {
    var _a2, _b, _c2;
    if (D(), n && f.current) {
      if (!p.current) {
        const k = f.current, C = k.createOscillator(), y = k.createGain();
        C.type = e2, C.frequency.setValueAtTime(h, k.currentTime), y.gain.setValueAtTime(g, k.currentTime), C.connect(y), y.connect(k.destination), C.start(), p.current = C, m.current = y;
      }
    } else
      (_a2 = p.current) == null ? void 0 : _a2.stop(), (_b = p.current) == null ? void 0 : _b.disconnect(), (_c2 = m.current) == null ? void 0 : _c2.disconnect(), p.current = null, m.current = null;
    return () => {
      var _a3, _b2, _c3;
      (_a3 = p.current) == null ? void 0 : _a3.stop(), (_b2 = p.current) == null ? void 0 : _b2.disconnect(), (_c3 = m.current) == null ? void 0 : _c3.disconnect(), p.current = null, m.current = null;
    };
  }, [n, e2, h, g]), qe(() => {
    const k = () => {
      f.current && f.current.state === "suspended" && f.current.resume();
    };
    return window.addEventListener("load", k), () => {
      window.removeEventListener("load", k);
    };
  }, []), /* @__PURE__ */ O.jsxDEV("div", { ...s, className: je("flex flex-col gap-2 items-center", s.className), children: /* @__PURE__ */ O.jsxDEV("div", { className: "flex flex-col gap-2", children: [
    /* @__PURE__ */ O.jsxDEV("label", { className: "flex items-center gap-2", children: [
      /* @__PURE__ */ O.jsxDEV("span", { children: [
        "Frequency: ",
        /* @__PURE__ */ O.jsxDEV("span", { className: "font-mono", children: [
          h,
          " Hz"
        ] }, void 0, true, {
          fileName: "/Users/clxrity/Desktop/stuff/code/pkg (@clxrity)/react-audio/src/lib/Oscillator/index.tsx",
          lineNumber: 104,
          columnNumber: 36
        }, this)
      ] }, void 0, true, {
        fileName: "/Users/clxrity/Desktop/stuff/code/pkg (@clxrity)/react-audio/src/lib/Oscillator/index.tsx",
        lineNumber: 103,
        columnNumber: 21
      }, this),
      /* @__PURE__ */ O.jsxDEV(
        "input",
        {
          className: "disabled:opacity-50 disabled:cursor-not-allowed",
          type: "range",
          min: 20,
          max: 2e3,
          value: h,
          onChange: (k) => {
            const C = Number(k.target.value);
            w(C), o == null ? void 0 : o(C), p.current && p.current.frequency.setValueAtTime(C, f.current.currentTime);
          }
        },
        void 0,
        false,
        {
          fileName: "/Users/clxrity/Desktop/stuff/code/pkg (@clxrity)/react-audio/src/lib/Oscillator/index.tsx",
          lineNumber: 108,
          columnNumber: 21
        },
        this
      )
    ] }, void 0, true, {
      fileName: "/Users/clxrity/Desktop/stuff/code/pkg (@clxrity)/react-audio/src/lib/Oscillator/index.tsx",
      lineNumber: 102,
      columnNumber: 17
    }, this),
    /* @__PURE__ */ O.jsxDEV("label", { className: "flex items-center gap-2", children: [
      /* @__PURE__ */ O.jsxDEV("span", { children: [
        "Gain: ",
        /* @__PURE__ */ O.jsxDEV("span", { className: "font-mono", children: g }, void 0, false, {
          fileName: "/Users/clxrity/Desktop/stuff/code/pkg (@clxrity)/react-audio/src/lib/Oscillator/index.tsx",
          lineNumber: 126,
          columnNumber: 31
        }, this)
      ] }, void 0, true, {
        fileName: "/Users/clxrity/Desktop/stuff/code/pkg (@clxrity)/react-audio/src/lib/Oscillator/index.tsx",
        lineNumber: 125,
        columnNumber: 21
      }, this),
      /* @__PURE__ */ O.jsxDEV(
        "input",
        {
          type: "range",
          className: "disabled:opacity-50 disabled:cursor-not-allowed",
          min: 0,
          max: 1,
          step: 0.01,
          value: g,
          onChange: (k) => {
            const C = Number(k.target.value);
            a(C), i == null ? void 0 : i(C), m.current && m.current.gain.setValueAtTime(C, f.current.currentTime);
          }
        },
        void 0,
        false,
        {
          fileName: "/Users/clxrity/Desktop/stuff/code/pkg (@clxrity)/react-audio/src/lib/Oscillator/index.tsx",
          lineNumber: 130,
          columnNumber: 21
        },
        this
      )
    ] }, void 0, true, {
      fileName: "/Users/clxrity/Desktop/stuff/code/pkg (@clxrity)/react-audio/src/lib/Oscillator/index.tsx",
      lineNumber: 124,
      columnNumber: 17
    }, this)
  ] }, void 0, true, {
    fileName: "/Users/clxrity/Desktop/stuff/code/pkg (@clxrity)/react-audio/src/lib/Oscillator/index.tsx",
    lineNumber: 101,
    columnNumber: 13
  }, this) }, void 0, false, {
    fileName: "/Users/clxrity/Desktop/stuff/code/pkg (@clxrity)/react-audio/src/lib/Oscillator/index.tsx",
    lineNumber: 100,
    columnNumber: 9
  }, this);
}
export {
  Fl as Oscillator,
  Fo as Player,
  Bl as ShufflePlayer,
  Ll as Spectrogram,
  zl as Waveform
};