@rws-aoa/react-library
Version:
RWS AOA Design System
1,756 lines • 116 kB
JavaScript
import { jsxs as ht, jsx as K } from "react/jsx-runtime";
import { Refresh as wr } from "@mui/icons-material";
import * as me from "react";
import { g as $r } from "../../../chunks/lodash.CA_K01A9.js";
import Or from "@emotion/styled";
import "@emotion/react";
import { Badge as Ar, TextField as _r, inputBaseClasses as kr, InputAdornment as Rr } from "@mui/material";
import { Toolbar as Pr, ToolbarButton as ot, QuickFilter as Ir, FilterPanelTrigger as Nr, QuickFilterControl as Br, QuickFilterClear as Dr } from "@mui/x-data-grid";
import { AoaIconButton as Mr } from "../icon-button/IconButton.js";
import { AoaTooltip as jr } from "../tooltip/Tooltip.js";
const At = (e) => e, Vr = () => {
let e = At;
return {
configure(t) {
e = t;
},
generate(t) {
return e(t);
},
reset() {
e = At;
}
};
}, Fr = Vr();
function he(e, ...t) {
const r = new URL(`https://mui.com/production-error/?code=${e}`);
return t.forEach((n) => r.searchParams.append("args[]", n)), `Minified MUI error #${e}; visit ${r} for the full message.`;
}
function Ce(e) {
if (typeof e != "string")
throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `capitalize(string)` expects a string argument." : he(7));
return e.charAt(0).toUpperCase() + e.slice(1);
}
var Me = { exports: {} }, je = { exports: {} }, F = {};
/**
* @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 _t;
function Lr() {
if (_t) return F;
_t = 1;
var e = Symbol.for("react.transitional.element"), t = Symbol.for("react.portal"), r = 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"), f = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), p = Symbol.for("react.memo"), h = Symbol.for("react.lazy"), m = Symbol.for("react.view_transition"), S = Symbol.for("react.client.reference");
function y(c) {
if (typeof c == "object" && c !== null) {
var v = c.$$typeof;
switch (v) {
case e:
switch (c = c.type, c) {
case r:
case o:
case n:
case f:
case d:
case m:
return c;
default:
switch (c = c && c.$$typeof, c) {
case s:
case l:
case h:
case p:
return c;
case i:
return c;
default:
return v;
}
}
case t:
return v;
}
}
}
return F.ContextConsumer = i, F.ContextProvider = s, F.Element = e, F.ForwardRef = l, F.Fragment = r, F.Lazy = h, F.Memo = p, F.Portal = t, F.Profiler = o, F.StrictMode = n, F.Suspense = f, F.SuspenseList = d, F.isContextConsumer = function(c) {
return y(c) === i;
}, F.isContextProvider = function(c) {
return y(c) === s;
}, F.isElement = function(c) {
return typeof c == "object" && c !== null && c.$$typeof === e;
}, F.isForwardRef = function(c) {
return y(c) === l;
}, F.isFragment = function(c) {
return y(c) === r;
}, F.isLazy = function(c) {
return y(c) === h;
}, F.isMemo = function(c) {
return y(c) === p;
}, F.isPortal = function(c) {
return y(c) === t;
}, F.isProfiler = function(c) {
return y(c) === o;
}, F.isStrictMode = function(c) {
return y(c) === n;
}, F.isSuspense = function(c) {
return y(c) === f;
}, F.isSuspenseList = function(c) {
return y(c) === d;
}, F.isValidElementType = function(c) {
return typeof c == "string" || typeof c == "function" || c === r || c === o || c === n || c === f || c === d || typeof c == "object" && c !== null && (c.$$typeof === h || c.$$typeof === p || c.$$typeof === s || c.$$typeof === i || c.$$typeof === l || c.$$typeof === S || c.getModuleId !== void 0);
}, F.typeOf = y, F;
}
var L = {};
/**
* @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 kt;
function Wr() {
return kt || (kt = 1, process.env.NODE_ENV !== "production" && function() {
function e(c) {
if (typeof c == "object" && c !== null) {
var v = c.$$typeof;
switch (v) {
case t:
switch (c = c.type, c) {
case n:
case i:
case o:
case d:
case p:
case S:
return c;
default:
switch (c = c && c.$$typeof, c) {
case l:
case f:
case m:
case h:
return c;
case s:
return c;
default:
return v;
}
}
case r:
return v;
}
}
}
var t = Symbol.for("react.transitional.element"), r = 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"), f = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), p = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), m = Symbol.for("react.lazy"), S = Symbol.for("react.view_transition"), y = Symbol.for("react.client.reference");
L.ContextConsumer = s, L.ContextProvider = l, L.Element = t, L.ForwardRef = f, L.Fragment = n, L.Lazy = m, L.Memo = h, L.Portal = r, L.Profiler = i, L.StrictMode = o, L.Suspense = d, L.SuspenseList = p, L.isContextConsumer = function(c) {
return e(c) === s;
}, L.isContextProvider = function(c) {
return e(c) === l;
}, L.isElement = function(c) {
return typeof c == "object" && c !== null && c.$$typeof === t;
}, L.isForwardRef = function(c) {
return e(c) === f;
}, L.isFragment = function(c) {
return e(c) === n;
}, L.isLazy = function(c) {
return e(c) === m;
}, L.isMemo = function(c) {
return e(c) === h;
}, L.isPortal = function(c) {
return e(c) === r;
}, L.isProfiler = function(c) {
return e(c) === i;
}, L.isStrictMode = function(c) {
return e(c) === o;
}, L.isSuspense = function(c) {
return e(c) === d;
}, L.isSuspenseList = function(c) {
return e(c) === p;
}, L.isValidElementType = function(c) {
return typeof c == "string" || typeof c == "function" || c === n || c === i || c === o || c === d || c === p || typeof c == "object" && c !== null && (c.$$typeof === m || c.$$typeof === h || c.$$typeof === l || c.$$typeof === s || c.$$typeof === f || c.$$typeof === y || c.getModuleId !== void 0);
}, L.typeOf = e;
}()), L;
}
var Rt;
function St() {
return Rt || (Rt = 1, process.env.NODE_ENV === "production" ? je.exports = /* @__PURE__ */ Lr() : je.exports = /* @__PURE__ */ Wr()), je.exports;
}
/*
object-assign
(c) Sindre Sorhus
@license MIT
*/
var it, Pt;
function zr() {
if (Pt) return it;
Pt = 1;
var e = Object.getOwnPropertySymbols, t = Object.prototype.hasOwnProperty, r = 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 !1;
var i = new String("abc");
if (i[5] = "de", Object.getOwnPropertyNames(i)[0] === "5")
return !1;
for (var s = {}, l = 0; l < 10; l++)
s["_" + String.fromCharCode(l)] = l;
var f = Object.getOwnPropertyNames(s).map(function(p) {
return s[p];
});
if (f.join("") !== "0123456789")
return !1;
var d = {};
return "abcdefghijklmnopqrst".split("").forEach(function(p) {
d[p] = p;
}), Object.keys(Object.assign({}, d)).join("") === "abcdefghijklmnopqrst";
} catch {
return !1;
}
}
return it = o() ? Object.assign : function(i, s) {
for (var l, f = n(i), d, p = 1; p < arguments.length; p++) {
l = Object(arguments[p]);
for (var h in l)
t.call(l, h) && (f[h] = l[h]);
if (e) {
d = e(l);
for (var m = 0; m < d.length; m++)
r.call(l, d[m]) && (f[d[m]] = l[d[m]]);
}
}
return f;
}, it;
}
var at, It;
function Ct() {
if (It) return at;
It = 1;
var e = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
return at = e, at;
}
var st, Nt;
function or() {
return Nt || (Nt = 1, st = Function.call.bind(Object.prototype.hasOwnProperty)), st;
}
var lt, Bt;
function Ur() {
if (Bt) return lt;
Bt = 1;
var e = function() {
};
if (process.env.NODE_ENV !== "production") {
var t = /* @__PURE__ */ Ct(), r = {}, n = /* @__PURE__ */ or();
e = function(i) {
var s = "Warning: " + i;
typeof console < "u" && console.error(s);
try {
throw new Error(s);
} catch {
}
};
}
function o(i, s, l, f, d) {
if (process.env.NODE_ENV !== "production") {
for (var p in i)
if (n(i, p)) {
var h;
try {
if (typeof i[p] != "function") {
var m = Error(
(f || "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 m.name = "Invariant Violation", m;
}
h = i[p](s, p, f, l, null, t);
} catch (y) {
h = y;
}
if (h && !(h instanceof Error) && e(
(f || "React class") + ": type specification of " + l + " `" + p + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof h + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
), h instanceof Error && !(h.message in r)) {
r[h.message] = !0;
var S = d ? d() : "";
e(
"Failed " + l + " type: " + h.message + (S ?? "")
);
}
}
}
}
return o.resetWarningCache = function() {
process.env.NODE_ENV !== "production" && (r = {});
}, lt = o, lt;
}
var ct, Dt;
function Gr() {
if (Dt) return ct;
Dt = 1;
var e = /* @__PURE__ */ St(), t = zr(), r = /* @__PURE__ */ Ct(), n = /* @__PURE__ */ or(), o = /* @__PURE__ */ Ur(), i = function() {
};
process.env.NODE_ENV !== "production" && (i = function(l) {
var f = "Warning: " + l;
typeof console < "u" && console.error(f);
try {
throw new Error(f);
} catch {
}
});
function s() {
return null;
}
return ct = function(l, f) {
var d = typeof Symbol == "function" && Symbol.iterator, p = "@@iterator";
function h(g) {
var C = g && (d && g[d] || g[p]);
if (typeof C == "function")
return C;
}
var m = "<<anonymous>>", S = {
array: O("array"),
bigint: O("bigint"),
bool: O("boolean"),
func: O("function"),
number: O("number"),
object: O("object"),
string: O("string"),
symbol: O("symbol"),
any: I(),
arrayOf: J,
element: x(),
elementType: Q(),
instanceOf: E,
node: te(),
objectOf: Z,
oneOf: G,
oneOfType: U,
shape: a,
exact: T
};
function y(g, C) {
return g === C ? g !== 0 || 1 / g === 1 / C : g !== g && C !== C;
}
function c(g, C) {
this.message = g, this.data = C && typeof C == "object" ? C : {}, this.stack = "";
}
c.prototype = Error.prototype;
function v(g) {
if (process.env.NODE_ENV !== "production")
var C = {}, R = 0;
function _(B, A, k, D, W, M, ie) {
if (D = D || m, M = M || k, ie !== r) {
if (f) {
var re = 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 re.name = "Invariant Violation", re;
} else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
var Te = D + ":" + k;
!C[Te] && // Avoid spamming the console because they are often not actionable except for lib authors
R < 3 && (i(
"You are manually calling a React.PropTypes validation function for the `" + M + "` prop on `" + D + "`. 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."
), C[Te] = !0, R++);
}
}
return A[k] == null ? B ? A[k] === null ? new c("The " + W + " `" + M + "` is marked as required " + ("in `" + D + "`, but its value is `null`.")) : new c("The " + W + " `" + M + "` is marked as required in " + ("`" + D + "`, but its value is `undefined`.")) : null : g(A, k, D, W, M);
}
var $ = _.bind(null, !1);
return $.isRequired = _.bind(null, !0), $;
}
function O(g) {
function C(R, _, $, B, A, k) {
var D = R[_], W = N(D);
if (W !== g) {
var M = ee(D);
return new c(
"Invalid " + B + " `" + A + "` of type " + ("`" + M + "` supplied to `" + $ + "`, expected ") + ("`" + g + "`."),
{ expectedType: g }
);
}
return null;
}
return v(C);
}
function I() {
return v(s);
}
function J(g) {
function C(R, _, $, B, A) {
if (typeof g != "function")
return new c("Property `" + A + "` of component `" + $ + "` has invalid PropType notation inside arrayOf.");
var k = R[_];
if (!Array.isArray(k)) {
var D = N(k);
return new c("Invalid " + B + " `" + A + "` of type " + ("`" + D + "` supplied to `" + $ + "`, expected an array."));
}
for (var W = 0; W < k.length; W++) {
var M = g(k, W, $, B, A + "[" + W + "]", r);
if (M instanceof Error)
return M;
}
return null;
}
return v(C);
}
function x() {
function g(C, R, _, $, B) {
var A = C[R];
if (!l(A)) {
var k = N(A);
return new c("Invalid " + $ + " `" + B + "` of type " + ("`" + k + "` supplied to `" + _ + "`, expected a single ReactElement."));
}
return null;
}
return v(g);
}
function Q() {
function g(C, R, _, $, B) {
var A = C[R];
if (!e.isValidElementType(A)) {
var k = N(A);
return new c("Invalid " + $ + " `" + B + "` of type " + ("`" + k + "` supplied to `" + _ + "`, expected a single ReactElement type."));
}
return null;
}
return v(g);
}
function E(g) {
function C(R, _, $, B, A) {
if (!(R[_] instanceof g)) {
var k = g.name || m, D = xr(R[_]);
return new c("Invalid " + B + " `" + A + "` of type " + ("`" + D + "` supplied to `" + $ + "`, expected ") + ("instance of `" + k + "`."));
}
return null;
}
return v(C);
}
function G(g) {
if (!Array.isArray(g))
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 C(R, _, $, B, A) {
for (var k = R[_], D = 0; D < g.length; D++)
if (y(k, g[D]))
return null;
var W = JSON.stringify(g, function(ie, re) {
var Te = ee(re);
return Te === "symbol" ? String(re) : re;
});
return new c("Invalid " + B + " `" + A + "` of value `" + String(k) + "` " + ("supplied to `" + $ + "`, expected one of " + W + "."));
}
return v(C);
}
function Z(g) {
function C(R, _, $, B, A) {
if (typeof g != "function")
return new c("Property `" + A + "` of component `" + $ + "` has invalid PropType notation inside objectOf.");
var k = R[_], D = N(k);
if (D !== "object")
return new c("Invalid " + B + " `" + A + "` of type " + ("`" + D + "` supplied to `" + $ + "`, expected an object."));
for (var W in k)
if (n(k, W)) {
var M = g(k, W, $, B, A + "." + W, r);
if (M instanceof Error)
return M;
}
return null;
}
return v(C);
}
function U(g) {
if (!Array.isArray(g))
return process.env.NODE_ENV !== "production" && i("Invalid argument supplied to oneOfType, expected an instance of array."), s;
for (var C = 0; C < g.length; C++) {
var R = g[C];
if (typeof R != "function")
return i(
"Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + de(R) + " at index " + C + "."
), s;
}
function _($, B, A, k, D) {
for (var W = [], M = 0; M < g.length; M++) {
var ie = g[M], re = ie($, B, A, k, D, r);
if (re == null)
return null;
re.data && n(re.data, "expectedType") && W.push(re.data.expectedType);
}
var Te = W.length > 0 ? ", expected one of type [" + W.join(", ") + "]" : "";
return new c("Invalid " + k + " `" + D + "` supplied to " + ("`" + A + "`" + Te + "."));
}
return v(_);
}
function te() {
function g(C, R, _, $, B) {
return b(C[R]) ? null : new c("Invalid " + $ + " `" + B + "` supplied to " + ("`" + _ + "`, expected a ReactNode."));
}
return v(g);
}
function X(g, C, R, _, $) {
return new c(
(g || "React class") + ": " + C + " type `" + R + "." + _ + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + $ + "`."
);
}
function a(g) {
function C(R, _, $, B, A) {
var k = R[_], D = N(k);
if (D !== "object")
return new c("Invalid " + B + " `" + A + "` of type `" + D + "` " + ("supplied to `" + $ + "`, expected `object`."));
for (var W in g) {
var M = g[W];
if (typeof M != "function")
return X($, B, A, W, ee(M));
var ie = M(k, W, $, B, A + "." + W, r);
if (ie)
return ie;
}
return null;
}
return v(C);
}
function T(g) {
function C(R, _, $, B, A) {
var k = R[_], D = N(k);
if (D !== "object")
return new c("Invalid " + B + " `" + A + "` of type `" + D + "` " + ("supplied to `" + $ + "`, expected `object`."));
var W = t({}, R[_], g);
for (var M in W) {
var ie = g[M];
if (n(g, M) && typeof ie != "function")
return X($, B, A, M, ee(ie));
if (!ie)
return new c(
"Invalid " + B + " `" + A + "` key `" + M + "` supplied to `" + $ + "`.\nBad object: " + JSON.stringify(R[_], null, " ") + `
Valid keys: ` + JSON.stringify(Object.keys(g), null, " ")
);
var re = ie(k, M, $, B, A + "." + M, r);
if (re)
return re;
}
return null;
}
return v(C);
}
function b(g) {
switch (typeof g) {
case "number":
case "string":
case "undefined":
return !0;
case "boolean":
return !g;
case "object":
if (Array.isArray(g))
return g.every(b);
if (g === null || l(g))
return !0;
var C = h(g);
if (C) {
var R = C.call(g), _;
if (C !== g.entries) {
for (; !(_ = R.next()).done; )
if (!b(_.value))
return !1;
} else
for (; !(_ = R.next()).done; ) {
var $ = _.value;
if ($ && !b($[1]))
return !1;
}
} else
return !1;
return !0;
default:
return !1;
}
}
function w(g, C) {
return g === "symbol" ? !0 : C ? C["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && C instanceof Symbol : !1;
}
function N(g) {
var C = typeof g;
return Array.isArray(g) ? "array" : g instanceof RegExp ? "object" : w(C, g) ? "symbol" : C;
}
function ee(g) {
if (typeof g > "u" || g === null)
return "" + g;
var C = N(g);
if (C === "object") {
if (g instanceof Date)
return "date";
if (g instanceof RegExp)
return "regexp";
}
return C;
}
function de(g) {
var C = ee(g);
switch (C) {
case "array":
case "object":
return "an " + C;
case "boolean":
case "date":
case "regexp":
return "a " + C;
default:
return C;
}
}
function xr(g) {
return !g.constructor || !g.constructor.name ? m : g.constructor.name;
}
return S.checkPropTypes = o, S.resetWarningCache = o.resetWarningCache, S.PropTypes = S, S;
}, ct;
}
var ut, Mt;
function Yr() {
if (Mt) return ut;
Mt = 1;
var e = /* @__PURE__ */ Ct();
function t() {
}
function r() {
}
return r.resetWarningCache = t, ut = function() {
function n(s, l, f, d, p, h) {
if (h !== e) {
var m = 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 m.name = "Invariant Violation", m;
}
}
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: r,
resetWarningCache: t
};
return i.PropTypes = i, i;
}, ut;
}
var jt;
function qr() {
if (jt) return Me.exports;
if (jt = 1, process.env.NODE_ENV !== "production") {
var e = /* @__PURE__ */ St(), t = !0;
Me.exports = /* @__PURE__ */ Gr()(e.isElement, t);
} else
Me.exports = /* @__PURE__ */ Yr()();
return Me.exports;
}
var Kr = /* @__PURE__ */ qr();
const P = /* @__PURE__ */ $r(Kr);
function ir(e) {
var t, r, n = "";
if (typeof e == "string" || typeof e == "number") n += e;
else if (typeof e == "object") if (Array.isArray(e)) {
var o = e.length;
for (t = 0; t < o; t++) e[t] && (r = ir(e[t])) && (n && (n += " "), n += r);
} else for (r in e) e[r] && (n && (n += " "), n += r);
return n;
}
function ar() {
for (var e, t, r = 0, n = "", o = arguments.length; r < o; r++) (e = arguments[r]) && (t = ir(e)) && (n && (n += " "), n += t);
return n;
}
function Hr(e, t, r = void 0) {
const n = {};
for (const o in e) {
const i = e[o];
let s = "", l = !0;
for (let f = 0; f < i.length; f += 1) {
const d = i[f];
d && (s += (l === !0 ? "" : " ") + t(d), l = !1, r && r[d] && (s += " " + r[d]));
}
n[o] = s;
}
return n;
}
var Le = /* @__PURE__ */ St();
function ue(e) {
if (typeof e != "object" || e === null)
return !1;
const t = Object.getPrototypeOf(e);
return (t === null || t === Object.prototype || Object.getPrototypeOf(t) === null) && !(Symbol.toStringTag in e) && !(Symbol.iterator in e);
}
function sr(e) {
if (/* @__PURE__ */ me.isValidElement(e) || Le.isValidElementType(e) || !ue(e))
return e;
const t = {};
return Object.keys(e).forEach((r) => {
t[r] = sr(e[r]);
}), t;
}
function oe(e, t, r = {
clone: !0
}) {
const n = r.clone ? {
...e
} : e;
return ue(e) && ue(t) && Object.keys(t).forEach((o) => {
/* @__PURE__ */ me.isValidElement(t[o]) || Le.isValidElementType(t[o]) ? n[o] = t[o] : ue(t[o]) && // Avoid prototype pollution
Object.prototype.hasOwnProperty.call(e, o) && ue(e[o]) ? n[o] = oe(e[o], t[o], r) : r.clone ? n[o] = ue(t[o]) ? sr(t[o]) : t[o] : n[o] = t[o];
}), n;
}
function Ie(e, t) {
return t ? oe(e, t, {
clone: !1
// No need to clone deep, it's way faster.
}) : e;
}
const ye = process.env.NODE_ENV !== "production" ? P.oneOfType([P.number, P.string, P.object, P.array]) : {};
function Vt(e, t) {
if (!e.containerQueries)
return t;
const r = Object.keys(t).filter((n) => n.startsWith("@container")).sort((n, o) => {
const i = /min-width:\s*([0-9.]+)/;
return +(n.match(i)?.[1] || 0) - +(o.match(i)?.[1] || 0);
});
return r.length ? r.reduce((n, o) => {
const i = t[o];
return delete n[o], n[o] = i, n;
}, {
...t
}) : t;
}
function Qr(e, t) {
return t === "@" || t.startsWith("@") && (e.some((r) => t.startsWith(`@${r}`)) || !!t.match(/^@\d/));
}
function Xr(e, t) {
const r = t.match(/^@([^/]+)?\/?(.+)?$/);
if (!r) {
if (process.env.NODE_ENV !== "production")
throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The provided shorthand ${`(${t})`} is invalid. The format should be \`@<breakpoint | number>\` or \`@<breakpoint | number>/<container>\`.
For example, \`@sm\` or \`@600\` or \`@40rem/sidebar\`.` : he(18, `(${t})`));
return null;
}
const [, n, o] = r, i = Number.isNaN(+n) ? n || 0 : +n;
return e.containerQueries(o).up(i);
}
function Jr(e) {
const t = (i, s) => i.replace("@media", s ? `@container ${s}` : "@container");
function r(i, s) {
i.up = (...l) => t(e.breakpoints.up(...l), s), i.down = (...l) => t(e.breakpoints.down(...l), s), i.between = (...l) => t(e.breakpoints.between(...l), s), i.only = (...l) => t(e.breakpoints.only(...l), s), i.not = (...l) => {
const f = t(e.breakpoints.not(...l), s);
return f.includes("not all and") ? f.replace("not all and ", "").replace("min-width:", "width<").replace("max-width:", "width>").replace("and", "or") : f;
};
}
const n = {}, o = (i) => (r(n, i), n);
return r(o), {
...e,
containerQueries: o
};
}
const Ge = {
xs: 0,
// phone
sm: 600,
// tablet
md: 900,
// small laptop
lg: 1200,
// desktop
xl: 1536
// large screen
}, Ft = {
// Sorted ASC by size. That's important.
// It can't be configured as it's used statically for propTypes.
keys: ["xs", "sm", "md", "lg", "xl"],
up: (e) => `@media (min-width:${Ge[e]}px)`
}, Zr = {
containerQueries: (e) => ({
up: (t) => {
let r = typeof t == "number" ? t : Ge[t] || t;
return typeof r == "number" && (r = `${r}px`), e ? `@container ${e} (min-width:${r})` : `@container (min-width:${r})`;
}
})
};
function fe(e, t, r) {
const n = e.theme || {};
if (Array.isArray(t)) {
const i = n.breakpoints || Ft;
return t.reduce((s, l, f) => (s[i.up(i.keys[f])] = r(t[f]), s), {});
}
if (typeof t == "object") {
const i = n.breakpoints || Ft;
return Object.keys(t).reduce((s, l) => {
if (Qr(i.keys, l)) {
const f = Xr(n.containerQueries ? n : Zr, l);
f && (s[f] = r(t[l], l));
} else if (Object.keys(i.values || Ge).includes(l)) {
const f = i.up(l);
s[f] = r(t[l], l);
} else {
const f = l;
s[f] = t[f];
}
return s;
}, {});
}
return r(t);
}
function en(e = {}) {
return e.keys?.reduce((r, n) => {
const o = e.up(n);
return r[o] = {}, r;
}, {}) || {};
}
function Lt(e, t) {
return e.reduce((r, n) => {
const o = r[n];
return (!o || Object.keys(o).length === 0) && delete r[n], r;
}, t);
}
function Ye(e, t, r = !0) {
if (!t || typeof t != "string")
return null;
if (e && e.vars && r) {
const n = `vars.${t}`.split(".").reduce((o, i) => o && o[i] ? o[i] : null, e);
if (n != null)
return n;
}
return t.split(".").reduce((n, o) => n && n[o] != null ? n[o] : null, e);
}
function We(e, t, r, n = r) {
let o;
return typeof e == "function" ? o = e(r) : Array.isArray(e) ? o = e[r] || n : o = Ye(e, r) || n, t && (o = t(o, n, e)), o;
}
function H(e) {
const {
prop: t,
cssProperty: r = e.prop,
themeKey: n,
transform: o
} = e, i = (s) => {
if (s[t] == null)
return null;
const l = s[t], f = s.theme, d = Ye(f, n) || {};
return fe(s, l, (h) => {
let m = We(d, o, h);
return h === m && typeof h == "string" && (m = We(d, o, `${t}${h === "default" ? "" : Ce(h)}`, h)), r === !1 ? m : {
[r]: m
};
});
};
return i.propTypes = process.env.NODE_ENV !== "production" ? {
[t]: ye
} : {}, i.filterProps = [t], i;
}
function tn(e) {
const t = {};
return (r) => (t[r] === void 0 && (t[r] = e(r)), t[r]);
}
const rn = {
m: "margin",
p: "padding"
}, nn = {
t: "Top",
r: "Right",
b: "Bottom",
l: "Left",
x: ["Left", "Right"],
y: ["Top", "Bottom"]
}, Wt = {
marginX: "mx",
marginY: "my",
paddingX: "px",
paddingY: "py"
}, on = tn((e) => {
if (e.length > 2)
if (Wt[e])
e = Wt[e];
else
return [e];
const [t, r] = e.split(""), n = rn[t], o = nn[r] || "";
return Array.isArray(o) ? o.map((i) => n + i) : [n + o];
}), qe = ["m", "mt", "mr", "mb", "ml", "mx", "my", "margin", "marginTop", "marginRight", "marginBottom", "marginLeft", "marginX", "marginY", "marginInline", "marginInlineStart", "marginInlineEnd", "marginBlock", "marginBlockStart", "marginBlockEnd"], Ke = ["p", "pt", "pr", "pb", "pl", "px", "py", "padding", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "paddingX", "paddingY", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "paddingBlock", "paddingBlockStart", "paddingBlockEnd"], an = [...qe, ...Ke];
function Be(e, t, r, n) {
const o = Ye(e, t, !0) ?? r;
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" ? o.startsWith("var(") && i === 0 ? 0 : o.startsWith("var(") && i === 1 ? o : `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.${t}\` array type cannot be combined with non integer values.You should either use an integer value that can be used as index, or define the \`theme.${t}\` as a number.`].join(`
`)));
const l = o[s];
return i >= 0 ? l : typeof l == "number" ? -l : typeof l == "string" && l.startsWith("var(") ? `calc(-1 * ${l})` : `-${l}`;
} : typeof o == "function" ? o : (process.env.NODE_ENV !== "production" && console.error([`MUI: The \`theme.${t}\` value (${o}) is invalid.`, "It should be a number, an array or a function."].join(`
`)), () => {
});
}
function Tt(e) {
return Be(e, "spacing", 8, "spacing");
}
function De(e, t) {
return typeof t == "string" || t == null ? t : e(t);
}
function sn(e, t) {
return (r) => e.reduce((n, o) => (n[o] = De(t, r), n), {});
}
function ln(e, t, r, n) {
if (!t.includes(r))
return null;
const o = on(r), i = sn(o, n), s = e[r];
return fe(e, s, i);
}
function lr(e, t) {
const r = Tt(e.theme);
return Object.keys(e).map((n) => ln(e, t, n, r)).reduce(Ie, {});
}
function Y(e) {
return lr(e, qe);
}
Y.propTypes = process.env.NODE_ENV !== "production" ? qe.reduce((e, t) => (e[t] = ye, e), {}) : {};
Y.filterProps = qe;
function q(e) {
return lr(e, Ke);
}
q.propTypes = process.env.NODE_ENV !== "production" ? Ke.reduce((e, t) => (e[t] = ye, e), {}) : {};
q.filterProps = Ke;
process.env.NODE_ENV !== "production" && an.reduce((e, t) => (e[t] = ye, e), {});
function He(...e) {
const t = e.reduce((n, o) => (o.filterProps.forEach((i) => {
n[i] = o;
}), n), {}), r = (n) => Object.keys(n).reduce((o, i) => t[i] ? Ie(o, t[i](n)) : o, {});
return r.propTypes = process.env.NODE_ENV !== "production" ? e.reduce((n, o) => Object.assign(n, o.propTypes), {}) : {}, r.filterProps = e.reduce((n, o) => n.concat(o.filterProps), []), r;
}
function ae(e) {
return typeof e != "number" ? e : `${e}px solid`;
}
function se(e, t) {
return H({
prop: e,
themeKey: "borders",
transform: t
});
}
const cn = se("border", ae), un = se("borderTop", ae), fn = se("borderRight", ae), dn = se("borderBottom", ae), pn = se("borderLeft", ae), mn = se("borderColor"), hn = se("borderTopColor"), gn = se("borderRightColor"), yn = se("borderBottomColor"), bn = se("borderLeftColor"), vn = se("outline", ae), Sn = se("outlineColor"), Qe = (e) => {
if (e.borderRadius !== void 0 && e.borderRadius !== null) {
const t = Be(e.theme, "shape.borderRadius", 4, "borderRadius"), r = (n) => ({
borderRadius: De(t, n)
});
return fe(e, e.borderRadius, r);
}
return null;
};
Qe.propTypes = process.env.NODE_ENV !== "production" ? {
borderRadius: ye
} : {};
Qe.filterProps = ["borderRadius"];
He(cn, un, fn, dn, pn, mn, hn, gn, yn, bn, Qe, vn, Sn);
const Xe = (e) => {
if (e.gap !== void 0 && e.gap !== null) {
const t = Be(e.theme, "spacing", 8, "gap"), r = (n) => ({
gap: De(t, n)
});
return fe(e, e.gap, r);
}
return null;
};
Xe.propTypes = process.env.NODE_ENV !== "production" ? {
gap: ye
} : {};
Xe.filterProps = ["gap"];
const Je = (e) => {
if (e.columnGap !== void 0 && e.columnGap !== null) {
const t = Be(e.theme, "spacing", 8, "columnGap"), r = (n) => ({
columnGap: De(t, n)
});
return fe(e, e.columnGap, r);
}
return null;
};
Je.propTypes = process.env.NODE_ENV !== "production" ? {
columnGap: ye
} : {};
Je.filterProps = ["columnGap"];
const Ze = (e) => {
if (e.rowGap !== void 0 && e.rowGap !== null) {
const t = Be(e.theme, "spacing", 8, "rowGap"), r = (n) => ({
rowGap: De(t, n)
});
return fe(e, e.rowGap, r);
}
return null;
};
Ze.propTypes = process.env.NODE_ENV !== "production" ? {
rowGap: ye
} : {};
Ze.filterProps = ["rowGap"];
const Cn = H({
prop: "gridColumn"
}), Tn = H({
prop: "gridRow"
}), En = H({
prop: "gridAutoFlow"
}), xn = H({
prop: "gridAutoColumns"
}), wn = H({
prop: "gridAutoRows"
}), $n = H({
prop: "gridTemplateColumns"
}), On = H({
prop: "gridTemplateRows"
}), An = H({
prop: "gridTemplateAreas"
}), _n = H({
prop: "gridArea"
});
He(Xe, Je, Ze, Cn, Tn, En, xn, wn, $n, On, An, _n);
function Ae(e, t) {
return t === "grey" ? t : e;
}
const kn = H({
prop: "color",
themeKey: "palette",
transform: Ae
}), Rn = H({
prop: "bgcolor",
cssProperty: "backgroundColor",
themeKey: "palette",
transform: Ae
}), Pn = H({
prop: "backgroundColor",
themeKey: "palette",
transform: Ae
});
He(kn, Rn, Pn);
function ne(e) {
return e <= 1 && e !== 0 ? `${e * 100}%` : e;
}
const In = H({
prop: "width",
transform: ne
}), Et = (e) => {
if (e.maxWidth !== void 0 && e.maxWidth !== null) {
const t = (r) => {
const n = e.theme?.breakpoints?.values?.[r] || Ge[r];
return n ? e.theme?.breakpoints?.unit !== "px" ? {
maxWidth: `${n}${e.theme.breakpoints.unit}`
} : {
maxWidth: n
} : {
maxWidth: ne(r)
};
};
return fe(e, e.maxWidth, t);
}
return null;
};
Et.filterProps = ["maxWidth"];
const Nn = H({
prop: "minWidth",
transform: ne
}), Bn = H({
prop: "height",
transform: ne
}), Dn = H({
prop: "maxHeight",
transform: ne
}), Mn = H({
prop: "minHeight",
transform: ne
});
H({
prop: "size",
cssProperty: "width",
transform: ne
});
H({
prop: "size",
cssProperty: "height",
transform: ne
});
const jn = H({
prop: "boxSizing"
});
He(In, Et, Nn, Bn, Dn, Mn, jn);
const et = {
// borders
border: {
themeKey: "borders",
transform: ae
},
borderTop: {
themeKey: "borders",
transform: ae
},
borderRight: {
themeKey: "borders",
transform: ae
},
borderBottom: {
themeKey: "borders",
transform: ae
},
borderLeft: {
themeKey: "borders",
transform: ae
},
borderColor: {
themeKey: "palette"
},
borderTopColor: {
themeKey: "palette"
},
borderRightColor: {
themeKey: "palette"
},
borderBottomColor: {
themeKey: "palette"
},
borderLeftColor: {
themeKey: "palette"
},
outline: {
themeKey: "borders",
transform: ae
},
outlineColor: {
themeKey: "palette"
},
borderRadius: {
themeKey: "shape.borderRadius",
style: Qe
},
// palette
color: {
themeKey: "palette",
transform: Ae
},
bgcolor: {
themeKey: "palette",
cssProperty: "backgroundColor",
transform: Ae
},
backgroundColor: {
themeKey: "palette",
transform: Ae
},
// spacing
p: {
style: q
},
pt: {
style: q
},
pr: {
style: q
},
pb: {
style: q
},
pl: {
style: q
},
px: {
style: q
},
py: {
style: q
},
padding: {
style: q
},
paddingTop: {
style: q
},
paddingRight: {
style: q
},
paddingBottom: {
style: q
},
paddingLeft: {
style: q
},
paddingX: {
style: q
},
paddingY: {
style: q
},
paddingInline: {
style: q
},
paddingInlineStart: {
style: q
},
paddingInlineEnd: {
style: q
},
paddingBlock: {
style: q
},
paddingBlockStart: {
style: q
},
paddingBlockEnd: {
style: q
},
m: {
style: Y
},
mt: {
style: Y
},
mr: {
style: Y
},
mb: {
style: Y
},
ml: {
style: Y
},
mx: {
style: Y
},
my: {
style: Y
},
margin: {
style: Y
},
marginTop: {
style: Y
},
marginRight: {
style: Y
},
marginBottom: {
style: Y
},
marginLeft: {
style: Y
},
marginX: {
style: Y
},
marginY: {
style: Y
},
marginInline: {
style: Y
},
marginInlineStart: {
style: Y
},
marginInlineEnd: {
style: Y
},
marginBlock: {
style: Y
},
marginBlockStart: {
style: Y
},
marginBlockEnd: {
style: Y
},
// display
displayPrint: {
cssProperty: !1,
transform: (e) => ({
"@media print": {
display: e
}
})
},
display: {},
overflow: {},
textOverflow: {},
visibility: {},
whiteSpace: {},
// flexbox
flexBasis: {},
flexDirection: {},
flexWrap: {},
justifyContent: {},
alignItems: {},
alignContent: {},
order: {},
flex: {},
flexGrow: {},
flexShrink: {},
alignSelf: {},
justifyItems: {},
justifySelf: {},
// grid
gap: {
style: Xe
},
rowGap: {
style: Ze
},
columnGap: {
style: Je
},
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: ne
},
maxWidth: {
style: Et
},
minWidth: {
transform: ne
},
height: {
transform: ne
},
maxHeight: {
transform: ne
},
minHeight: {
transform: ne
},
boxSizing: {},
// typography
font: {
themeKey: "font"
},
fontFamily: {
themeKey: "typography"
},
fontSize: {
themeKey: "typography"
},
fontStyle: {
themeKey: "typography"
},
fontWeight: {
themeKey: "typography"
},
letterSpacing: {},
textTransform: {},
lineHeight: {},
textAlign: {},
typography: {
cssProperty: !1,
themeKey: "typography"
}
};
function Vn(...e) {
const t = e.reduce((n, o) => n.concat(Object.keys(o)), []), r = new Set(t);
return e.every((n) => r.size === Object.keys(n).length);
}
function Fn(e, t) {
return typeof e == "function" ? e(t) : e;
}
function Ln() {
function e(r, n, o, i) {
const s = {
[r]: n,
theme: o
}, l = i[r];
if (!l)
return {
[r]: n
};
const {
cssProperty: f = r,
themeKey: d,
transform: p,
style: h
} = l;
if (n == null)
return null;
if (d === "typography" && n === "inherit")
return {
[r]: n
};
const m = Ye(o, d) || {};
return h ? h(s) : fe(s, n, (y) => {
let c = We(m, p, y);
return y === c && typeof y == "string" && (c = We(m, p, `${r}${y === "default" ? "" : Ce(y)}`, y)), f === !1 ? c : {
[f]: c
};
});
}
function t(r) {
const {
sx: n,
theme: o = {},
nested: i
} = r || {};
if (!n)
return null;
const s = o.unstable_sxConfig ?? et;
function l(f) {
let d = f;
if (typeof f == "function")
d = f(o);
else if (typeof f != "object")
return f;
if (!d)
return null;
const p = en(o.breakpoints), h = Object.keys(p);
let m = p;
return Object.keys(d).forEach((S) => {
const y = Fn(d[S], o);
if (y != null)
if (typeof y == "object")
if (s[S])
m = Ie(m, e(S, y, o, s));
else {
const c = fe({
theme: o
}, y, (v) => ({
[S]: v
}));
Vn(c, y) ? m[S] = t({
sx: y,
theme: o,
nested: !0
}) : m = Ie(m, c);
}
else
m = Ie(m, e(S, y, o, s));
}), !i && o.modularCssLayers ? {
"@layer sx": Vt(o, Lt(h, m))
} : Vt(o, Lt(h, m));
}
return Array.isArray(n) ? n.map(l) : l(n);
}
return t;
}
const _e = Ln();
_e.filterProps = ["sx"];
function Wn(e) {
for (var t = 0, r, n = 0, o = e.length; o >= 4; ++n, o -= 4)
r = e.charCodeAt(n) & 255 | (e.charCodeAt(++n) & 255) << 8 | (e.charCodeAt(++n) & 255) << 16 | (e.charCodeAt(++n) & 255) << 24, r = /* Math.imul(k, m): */
(r & 65535) * 1540483477 + ((r >>> 16) * 59797 << 16), r ^= /* k >>> r: */
r >>> 24, t = /* Math.imul(k, m): */
(r & 65535) * 1540483477 + ((r >>> 16) * 59797 << 16) ^ /* Math.imul(h, m): */
(t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16);
switch (o) {
case 3:
t ^= (e.charCodeAt(n + 2) & 255) << 16;
case 2:
t ^= (e.charCodeAt(n + 1) & 255) << 8;
case 1:
t ^= e.charCodeAt(n) & 255, t = /* Math.imul(h, m): */
(t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16);
}
return t ^= t >>> 13, t = /* Math.imul(h, m): */
(t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16), ((t ^ t >>> 15) >>> 0).toString(36);
}
var zn = {
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
};
function Un(e) {
var t = /* @__PURE__ */ Object.create(null);
return function(r) {
return t[r] === void 0 && (t[r] = e(r)), t[r];
};
}
var Gn = /[A-Z]|^ms/g, Yn = /_EMO_([^_]+?)_([^]*?)_EMO_/g, cr = function(t) {
return t.charCodeAt(1) === 45;
}, zt = function(t) {
return t != null && typeof t != "boolean";
}, ft = /* @__PURE__ */ Un(function(e) {
return cr(e) ? e : e.replace(Gn, "-$&").toLowerCase();
}), Ut = function(t, r) {
switch (t) {
case "animation":
case "animationName":
if (typeof r == "string")
return r.replace(Yn, function(n, o, i) {
return pe = {
name: o,
styles: i,
next: pe
}, o;
});
}
return zn[t] !== 1 && !cr(t) && typeof r == "number" && r !== 0 ? r + "px" : r;
};
function ze(e, t, r) {
if (r == null)
return "";
var n = r;
if (n.__emotion_styles !== void 0)
return n;
switch (typeof r) {
case "boolean":
return "";
case "object": {
var o = r;
if (o.anim === 1)
return pe = {
name: o.name,
styles: o.styles,
next: pe
}, o.name;
var i = r;
if (i.styles !== void 0) {
var s = i.next;
if (s !== void 0)
for (; s !== void 0; )
pe = {
name: s.name,
styles: s.styles,
next: pe
}, s = s.next;
var l = i.styles + ";";
return l;
}
return qn(e, t, r);
}
}
var f = r;
return f;
}
function qn(e, t, r) {
var n = "";
if (Array.isArray(r))
for (var o = 0; o < r.length; o++)
n += ze(e, t, r[o]) + ";";
else
for (var i in r) {
var s = r[i];
if (typeof s != "object") {
var l = s;
zt(l) && (n += ft(i) + ":" + Ut(i, l) + ";");
} else if (Array.isArray(s) && typeof s[0] == "string" && t == null)
for (var f = 0; f < s.length; f++)
zt(s[f]) && (n += ft(i) + ":" + Ut(i, s[f]) + ";");
else {
var d = ze(e, t, s);
switch (i) {
case "animation":
case "animationName": {
n += ft(i) + ":" + d + ";";
break;
}
default:
n += i + "{" + d + "}";
}
}
}
return n;
}
var Gt = /label:\s*([^\s;{]+)\s*(;|$)/g, pe;
function Kn(e, t, r) {
if (e.length === 1 && typeof e[0] == "object" && e[0] !== null && e[0].styles !== void 0)
return e[0];
var n = !0, o = "";
pe = void 0;
var i = e[0];
if (i == null || i.raw === void 0)
n = !1, o += ze(r, t, i);
else {
var s = i;
o += s[0];
}
for (var l = 1; l < e.length; l++)
if (o += ze(r, t, e[l]), n) {
var f = i;
o += f[l];
}
Gt.lastIndex = 0;
for (var d = "", p; (p = Gt.exec(o)) !== null; )
d += "-" + p[1];
var h = Wn(o) + d;
return {
name: h,
styles: o,
next: pe
};
}
/**
* @mui/styled-engine v7.3.1
*
* @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 Hn(e, t) {
const r = Or(e, t);
return process.env.NODE_ENV !== "production" ? (...n) => {
const o = typeof e == "string" ? `"${e}"` : "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.`), r(...n);
} : r;
}
function Qn(e, t) {
Array.isArray(e.__emotion_styles) && (e.__emotion_styles = t(e.__emotion_styles));
}
const Yt = [];
function Se(e) {
return Yt[0] = e, Kn(Yt);
}
const Xn = (e) => {
const t = Object.keys(e).map((r) => ({
key: r,
val: e[r]
})) || [];
return t.sort((r, n) => r.val - n.val), t.reduce((r, n) => ({
...r,
[n.key]: n.val
}), {});
};
function Jn(e) {
const {
// The breakpoint **start** at this value.
// For instance with the first breakpoint xs: [xs, sm).
values: t = {
xs: 0,
// phone
sm: 600,
// tablet
md: 900,
// small laptop
lg: 1200,
// desktop
xl: 1536
// large screen
},
unit: r = "px",
step: n = 5,
...o
} = e, i = Xn(t), s = Object.keys(i);
function l(m) {
return `@media (min-width:${typeof t[m] == "number" ? t[m] : m}${r})`;
}
function f(m) {
return `@media (max-width:${(typeof t[m] == "number" ? t[m] : m) - n / 100}${r})`;
}
function d(m, S) {
const y = s.indexOf(S);
return `@media (min-width:${typeof t[m] == "number" ? t[m] : m}${r}) and (max-width:${(y !== -1 && typeof t[s[y]] == "number" ? t[s[y]] : S) - n / 100}${r})`;
}
function p(m) {
return s.indexOf(m) + 1 < s.length ? d(m, s[s.indexOf(m) + 1]) : l(m);
}
function h(m) {
const S = s.indexOf(m);
return S === 0 ? l(s[1]) : S === s.length - 1 ? f(s[S]) : d(m, s[s.indexOf(m) + 1]).replace("@media", "@media not all and");
}
return {
keys: s,
values: i,
up: l,
down: f,
between: d,
only: p,
not: h,
unit: r,
...o
};
}
const Zn = {
borderRadius: 4
};
function ur(e = 8, t = Tt({
spacing: e
})) {
if (e.mui)
return e;
const r = (...n) => (process.env.NODE_ENV !== "production" && (n.length <= 4 || console.error(`MUI: Too many a