form-input-fields
Version:
A customizable form field components built with TypeScript
1,626 lines • 925 kB
JavaScript
import { jsx as k, jsxs as Ce } from "react/jsx-runtime";
import * as v from "react";
import It, { isValidElement as Fo, cloneElement as Vo, Children as hp, memo as Vn, useState as mp, useMemo as al, useEffect as gp } from "react";
import { getIn as Et } from "formik";
import yp from "@emotion/styled";
import { Global as bp, ThemeContext as vp, keyframes as to, css as Eu } from "@emotion/react";
import * as Sp from "react-dom";
import Co from "react-dom";
import { FormControl as ur, FormControlLabel as Tu, Checkbox as xp, TextField as Ou, MenuItem as ll, Switch as Cp, FormHelperText as Pp } from "@mui/material";
function _n(e) {
return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
}
var Po = { exports: {} }, wo = { exports: {} }, Ne = {};
/** @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 cl;
function wp() {
if (cl) return Ne;
cl = 1;
var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, n = e ? Symbol.for("react.portal") : 60106, o = e ? Symbol.for("react.fragment") : 60107, s = e ? Symbol.for("react.strict_mode") : 60108, i = e ? Symbol.for("react.profiler") : 60114, a = e ? Symbol.for("react.provider") : 60109, l = e ? Symbol.for("react.context") : 60110, c = e ? Symbol.for("react.async_mode") : 60111, u = e ? Symbol.for("react.concurrent_mode") : 60111, f = e ? Symbol.for("react.forward_ref") : 60112, p = e ? Symbol.for("react.suspense") : 60113, b = e ? Symbol.for("react.suspense_list") : 60120, y = e ? Symbol.for("react.memo") : 60115, m = e ? Symbol.for("react.lazy") : 60116, d = e ? Symbol.for("react.block") : 60121, h = e ? Symbol.for("react.fundamental") : 60117, S = e ? Symbol.for("react.responder") : 60118, w = e ? Symbol.for("react.scope") : 60119;
function P(C) {
if (typeof C == "object" && C !== null) {
var R = C.$$typeof;
switch (R) {
case t:
switch (C = C.type, C) {
case c:
case u:
case o:
case i:
case s:
case p:
return C;
default:
switch (C = C && C.$$typeof, C) {
case l:
case f:
case m:
case y:
case a:
return C;
default:
return R;
}
}
case n:
return R;
}
}
}
function x(C) {
return P(C) === u;
}
return Ne.AsyncMode = c, Ne.ConcurrentMode = u, Ne.ContextConsumer = l, Ne.ContextProvider = a, Ne.Element = t, Ne.ForwardRef = f, Ne.Fragment = o, Ne.Lazy = m, Ne.Memo = y, Ne.Portal = n, Ne.Profiler = i, Ne.StrictMode = s, Ne.Suspense = p, Ne.isAsyncMode = function(C) {
return x(C) || P(C) === c;
}, Ne.isConcurrentMode = x, Ne.isContextConsumer = function(C) {
return P(C) === l;
}, Ne.isContextProvider = function(C) {
return P(C) === a;
}, Ne.isElement = function(C) {
return typeof C == "object" && C !== null && C.$$typeof === t;
}, Ne.isForwardRef = function(C) {
return P(C) === f;
}, Ne.isFragment = function(C) {
return P(C) === o;
}, Ne.isLazy = function(C) {
return P(C) === m;
}, Ne.isMemo = function(C) {
return P(C) === y;
}, Ne.isPortal = function(C) {
return P(C) === n;
}, Ne.isProfiler = function(C) {
return P(C) === i;
}, Ne.isStrictMode = function(C) {
return P(C) === s;
}, Ne.isSuspense = function(C) {
return P(C) === p;
}, Ne.isValidElementType = function(C) {
return typeof C == "string" || typeof C == "function" || C === o || C === u || C === i || C === s || C === p || C === b || typeof C == "object" && C !== null && (C.$$typeof === m || C.$$typeof === y || C.$$typeof === a || C.$$typeof === l || C.$$typeof === f || C.$$typeof === h || C.$$typeof === S || C.$$typeof === w || C.$$typeof === d);
}, Ne.typeOf = P, Ne;
}
var $e = {};
/** @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 ul;
function Ep() {
return ul || (ul = 1, process.env.NODE_ENV !== "production" && function() {
var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, n = e ? Symbol.for("react.portal") : 60106, o = e ? Symbol.for("react.fragment") : 60107, s = e ? Symbol.for("react.strict_mode") : 60108, i = e ? Symbol.for("react.profiler") : 60114, a = e ? Symbol.for("react.provider") : 60109, l = e ? Symbol.for("react.context") : 60110, c = e ? Symbol.for("react.async_mode") : 60111, u = e ? Symbol.for("react.concurrent_mode") : 60111, f = e ? Symbol.for("react.forward_ref") : 60112, p = e ? Symbol.for("react.suspense") : 60113, b = e ? Symbol.for("react.suspense_list") : 60120, y = e ? Symbol.for("react.memo") : 60115, m = e ? Symbol.for("react.lazy") : 60116, d = e ? Symbol.for("react.block") : 60121, h = e ? Symbol.for("react.fundamental") : 60117, S = e ? Symbol.for("react.responder") : 60118, w = e ? Symbol.for("react.scope") : 60119;
function P(W) {
return typeof W == "string" || typeof W == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
W === o || W === u || W === i || W === s || W === p || W === b || typeof W == "object" && W !== null && (W.$$typeof === m || W.$$typeof === y || W.$$typeof === a || W.$$typeof === l || W.$$typeof === f || W.$$typeof === h || W.$$typeof === S || W.$$typeof === w || W.$$typeof === d);
}
function x(W) {
if (typeof W == "object" && W !== null) {
var re = W.$$typeof;
switch (re) {
case t:
var J = W.type;
switch (J) {
case c:
case u:
case o:
case i:
case s:
case p:
return J;
default:
var ae = J && J.$$typeof;
switch (ae) {
case l:
case f:
case m:
case y:
case a:
return ae;
default:
return re;
}
}
case n:
return re;
}
}
}
var C = c, R = u, N = l, _ = a, $ = t, F = f, D = o, g = m, I = y, E = n, O = i, T = s, M = p, j = !1;
function V(W) {
return j || (j = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), A(W) || x(W) === c;
}
function A(W) {
return x(W) === u;
}
function L(W) {
return x(W) === l;
}
function H(W) {
return x(W) === a;
}
function q(W) {
return typeof W == "object" && W !== null && W.$$typeof === t;
}
function X(W) {
return x(W) === f;
}
function ee(W) {
return x(W) === o;
}
function Q(W) {
return x(W) === m;
}
function te(W) {
return x(W) === y;
}
function oe(W) {
return x(W) === n;
}
function ne(W) {
return x(W) === i;
}
function z(W) {
return x(W) === s;
}
function Y(W) {
return x(W) === p;
}
$e.AsyncMode = C, $e.ConcurrentMode = R, $e.ContextConsumer = N, $e.ContextProvider = _, $e.Element = $, $e.ForwardRef = F, $e.Fragment = D, $e.Lazy = g, $e.Memo = I, $e.Portal = E, $e.Profiler = O, $e.StrictMode = T, $e.Suspense = M, $e.isAsyncMode = V, $e.isConcurrentMode = A, $e.isContextConsumer = L, $e.isContextProvider = H, $e.isElement = q, $e.isForwardRef = X, $e.isFragment = ee, $e.isLazy = Q, $e.isMemo = te, $e.isPortal = oe, $e.isProfiler = ne, $e.isStrictMode = z, $e.isSuspense = Y, $e.isValidElementType = P, $e.typeOf = x;
}()), $e;
}
var dl;
function Ru() {
return dl || (dl = 1, process.env.NODE_ENV === "production" ? wo.exports = wp() : wo.exports = Ep()), wo.exports;
}
/*
object-assign
(c) Sindre Sorhus
@license MIT
*/
var qs, fl;
function Tp() {
if (fl) return qs;
fl = 1;
var e = Object.getOwnPropertySymbols, t = Object.prototype.hasOwnProperty, n = Object.prototype.propertyIsEnumerable;
function o(i) {
if (i == null)
throw new TypeError("Object.assign cannot be called with null or undefined");
return Object(i);
}
function s() {
try {
if (!Object.assign)
return !1;
var i = new String("abc");
if (i[5] = "de", Object.getOwnPropertyNames(i)[0] === "5")
return !1;
for (var a = {}, l = 0; l < 10; l++)
a["_" + String.fromCharCode(l)] = l;
var c = Object.getOwnPropertyNames(a).map(function(f) {
return a[f];
});
if (c.join("") !== "0123456789")
return !1;
var u = {};
return "abcdefghijklmnopqrst".split("").forEach(function(f) {
u[f] = f;
}), Object.keys(Object.assign({}, u)).join("") === "abcdefghijklmnopqrst";
} catch {
return !1;
}
}
return qs = s() ? Object.assign : function(i, a) {
for (var l, c = o(i), u, f = 1; f < arguments.length; f++) {
l = Object(arguments[f]);
for (var p in l)
t.call(l, p) && (c[p] = l[p]);
if (e) {
u = e(l);
for (var b = 0; b < u.length; b++)
n.call(l, u[b]) && (c[u[b]] = l[u[b]]);
}
}
return c;
}, qs;
}
var Ks, pl;
function Zi() {
if (pl) return Ks;
pl = 1;
var e = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
return Ks = e, Ks;
}
var Gs, hl;
function ku() {
return hl || (hl = 1, Gs = Function.call.bind(Object.prototype.hasOwnProperty)), Gs;
}
var Xs, ml;
function Op() {
if (ml) return Xs;
ml = 1;
var e = function() {
};
if (process.env.NODE_ENV !== "production") {
var t = /* @__PURE__ */ Zi(), n = {}, o = /* @__PURE__ */ ku();
e = function(i) {
var a = "Warning: " + i;
typeof console < "u" && console.error(a);
try {
throw new Error(a);
} catch {
}
};
}
function s(i, a, l, c, u) {
if (process.env.NODE_ENV !== "production") {
for (var f in i)
if (o(i, f)) {
var p;
try {
if (typeof i[f] != "function") {
var b = Error(
(c || "React class") + ": " + l + " type `" + f + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof i[f] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
);
throw b.name = "Invariant Violation", b;
}
p = i[f](a, f, c, l, null, t);
} catch (m) {
p = m;
}
if (p && !(p instanceof Error) && e(
(c || "React class") + ": type specification of " + l + " `" + f + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof p + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
), p instanceof Error && !(p.message in n)) {
n[p.message] = !0;
var y = u ? u() : "";
e(
"Failed " + l + " type: " + p.message + (y ?? "")
);
}
}
}
}
return s.resetWarningCache = function() {
process.env.NODE_ENV !== "production" && (n = {});
}, Xs = s, Xs;
}
var Qs, gl;
function Rp() {
if (gl) return Qs;
gl = 1;
var e = Ru(), t = Tp(), n = /* @__PURE__ */ Zi(), o = /* @__PURE__ */ ku(), s = /* @__PURE__ */ Op(), i = function() {
};
process.env.NODE_ENV !== "production" && (i = function(l) {
var c = "Warning: " + l;
typeof console < "u" && console.error(c);
try {
throw new Error(c);
} catch {
}
});
function a() {
return null;
}
return Qs = function(l, c) {
var u = typeof Symbol == "function" && Symbol.iterator, f = "@@iterator";
function p(A) {
var L = A && (u && A[u] || A[f]);
if (typeof L == "function")
return L;
}
var b = "<<anonymous>>", y = {
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: w(),
arrayOf: P,
element: x(),
elementType: C(),
instanceOf: R,
node: F(),
objectOf: _,
oneOf: N,
oneOfType: $,
shape: g,
exact: I
};
function m(A, L) {
return A === L ? A !== 0 || 1 / A === 1 / L : A !== A && L !== L;
}
function d(A, L) {
this.message = A, this.data = L && typeof L == "object" ? L : {}, this.stack = "";
}
d.prototype = Error.prototype;
function h(A) {
if (process.env.NODE_ENV !== "production")
var L = {}, H = 0;
function q(ee, Q, te, oe, ne, z, Y) {
if (oe = oe || b, z = z || te, Y !== n) {
if (c) {
var W = new Error(
"Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types"
);
throw W.name = "Invariant Violation", W;
} else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
var re = oe + ":" + te;
!L[re] && // Avoid spamming the console because they are often not actionable except for lib authors
H < 3 && (i(
"You are manually calling a React.PropTypes validation function for the `" + z + "` prop on `" + oe + "`. 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."
), L[re] = !0, H++);
}
}
return Q[te] == null ? ee ? Q[te] === null ? new d("The " + ne + " `" + z + "` is marked as required " + ("in `" + oe + "`, but its value is `null`.")) : new d("The " + ne + " `" + z + "` is marked as required in " + ("`" + oe + "`, but its value is `undefined`.")) : null : A(Q, te, oe, ne, z);
}
var X = q.bind(null, !1);
return X.isRequired = q.bind(null, !0), X;
}
function S(A) {
function L(H, q, X, ee, Q, te) {
var oe = H[q], ne = T(oe);
if (ne !== A) {
var z = M(oe);
return new d(
"Invalid " + ee + " `" + Q + "` of type " + ("`" + z + "` supplied to `" + X + "`, expected ") + ("`" + A + "`."),
{ expectedType: A }
);
}
return null;
}
return h(L);
}
function w() {
return h(a);
}
function P(A) {
function L(H, q, X, ee, Q) {
if (typeof A != "function")
return new d("Property `" + Q + "` of component `" + X + "` has invalid PropType notation inside arrayOf.");
var te = H[q];
if (!Array.isArray(te)) {
var oe = T(te);
return new d("Invalid " + ee + " `" + Q + "` of type " + ("`" + oe + "` supplied to `" + X + "`, expected an array."));
}
for (var ne = 0; ne < te.length; ne++) {
var z = A(te, ne, X, ee, Q + "[" + ne + "]", n);
if (z instanceof Error)
return z;
}
return null;
}
return h(L);
}
function x() {
function A(L, H, q, X, ee) {
var Q = L[H];
if (!l(Q)) {
var te = T(Q);
return new d("Invalid " + X + " `" + ee + "` of type " + ("`" + te + "` supplied to `" + q + "`, expected a single ReactElement."));
}
return null;
}
return h(A);
}
function C() {
function A(L, H, q, X, ee) {
var Q = L[H];
if (!e.isValidElementType(Q)) {
var te = T(Q);
return new d("Invalid " + X + " `" + ee + "` of type " + ("`" + te + "` supplied to `" + q + "`, expected a single ReactElement type."));
}
return null;
}
return h(A);
}
function R(A) {
function L(H, q, X, ee, Q) {
if (!(H[q] instanceof A)) {
var te = A.name || b, oe = V(H[q]);
return new d("Invalid " + ee + " `" + Q + "` of type " + ("`" + oe + "` supplied to `" + X + "`, expected ") + ("instance of `" + te + "`."));
}
return null;
}
return h(L);
}
function N(A) {
if (!Array.isArray(A))
return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? i(
"Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
) : i("Invalid argument supplied to oneOf, expected an array.")), a;
function L(H, q, X, ee, Q) {
for (var te = H[q], oe = 0; oe < A.length; oe++)
if (m(te, A[oe]))
return null;
var ne = JSON.stringify(A, function(Y, W) {
var re = M(W);
return re === "symbol" ? String(W) : W;
});
return new d("Invalid " + ee + " `" + Q + "` of value `" + String(te) + "` " + ("supplied to `" + X + "`, expected one of " + ne + "."));
}
return h(L);
}
function _(A) {
function L(H, q, X, ee, Q) {
if (typeof A != "function")
return new d("Property `" + Q + "` of component `" + X + "` has invalid PropType notation inside objectOf.");
var te = H[q], oe = T(te);
if (oe !== "object")
return new d("Invalid " + ee + " `" + Q + "` of type " + ("`" + oe + "` supplied to `" + X + "`, expected an object."));
for (var ne in te)
if (o(te, ne)) {
var z = A(te, ne, X, ee, Q + "." + ne, n);
if (z instanceof Error)
return z;
}
return null;
}
return h(L);
}
function $(A) {
if (!Array.isArray(A))
return process.env.NODE_ENV !== "production" && i("Invalid argument supplied to oneOfType, expected an instance of array."), a;
for (var L = 0; L < A.length; L++) {
var H = A[L];
if (typeof H != "function")
return i(
"Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + j(H) + " at index " + L + "."
), a;
}
function q(X, ee, Q, te, oe) {
for (var ne = [], z = 0; z < A.length; z++) {
var Y = A[z], W = Y(X, ee, Q, te, oe, n);
if (W == null)
return null;
W.data && o(W.data, "expectedType") && ne.push(W.data.expectedType);
}
var re = ne.length > 0 ? ", expected one of type [" + ne.join(", ") + "]" : "";
return new d("Invalid " + te + " `" + oe + "` supplied to " + ("`" + Q + "`" + re + "."));
}
return h(q);
}
function F() {
function A(L, H, q, X, ee) {
return E(L[H]) ? null : new d("Invalid " + X + " `" + ee + "` supplied to " + ("`" + q + "`, expected a ReactNode."));
}
return h(A);
}
function D(A, L, H, q, X) {
return new d(
(A || "React class") + ": " + L + " type `" + H + "." + q + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + X + "`."
);
}
function g(A) {
function L(H, q, X, ee, Q) {
var te = H[q], oe = T(te);
if (oe !== "object")
return new d("Invalid " + ee + " `" + Q + "` of type `" + oe + "` " + ("supplied to `" + X + "`, expected `object`."));
for (var ne in A) {
var z = A[ne];
if (typeof z != "function")
return D(X, ee, Q, ne, M(z));
var Y = z(te, ne, X, ee, Q + "." + ne, n);
if (Y)
return Y;
}
return null;
}
return h(L);
}
function I(A) {
function L(H, q, X, ee, Q) {
var te = H[q], oe = T(te);
if (oe !== "object")
return new d("Invalid " + ee + " `" + Q + "` of type `" + oe + "` " + ("supplied to `" + X + "`, expected `object`."));
var ne = t({}, H[q], A);
for (var z in ne) {
var Y = A[z];
if (o(A, z) && typeof Y != "function")
return D(X, ee, Q, z, M(Y));
if (!Y)
return new d(
"Invalid " + ee + " `" + Q + "` key `" + z + "` supplied to `" + X + "`.\nBad object: " + JSON.stringify(H[q], null, " ") + `
Valid keys: ` + JSON.stringify(Object.keys(A), null, " ")
);
var W = Y(te, z, X, ee, Q + "." + z, n);
if (W)
return W;
}
return null;
}
return h(L);
}
function E(A) {
switch (typeof A) {
case "number":
case "string":
case "undefined":
return !0;
case "boolean":
return !A;
case "object":
if (Array.isArray(A))
return A.every(E);
if (A === null || l(A))
return !0;
var L = p(A);
if (L) {
var H = L.call(A), q;
if (L !== A.entries) {
for (; !(q = H.next()).done; )
if (!E(q.value))
return !1;
} else
for (; !(q = H.next()).done; ) {
var X = q.value;
if (X && !E(X[1]))
return !1;
}
} else
return !1;
return !0;
default:
return !1;
}
}
function O(A, L) {
return A === "symbol" ? !0 : L ? L["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && L instanceof Symbol : !1;
}
function T(A) {
var L = typeof A;
return Array.isArray(A) ? "array" : A instanceof RegExp ? "object" : O(L, A) ? "symbol" : L;
}
function M(A) {
if (typeof A > "u" || A === null)
return "" + A;
var L = T(A);
if (L === "object") {
if (A instanceof Date)
return "date";
if (A instanceof RegExp)
return "regexp";
}
return L;
}
function j(A) {
var L = M(A);
switch (L) {
case "array":
case "object":
return "an " + L;
case "boolean":
case "date":
case "regexp":
return "a " + L;
default:
return L;
}
}
function V(A) {
return !A.constructor || !A.constructor.name ? b : A.constructor.name;
}
return y.checkPropTypes = s, y.resetWarningCache = s.resetWarningCache, y.PropTypes = y, y;
}, Qs;
}
var Zs, yl;
function kp() {
if (yl) return Zs;
yl = 1;
var e = /* @__PURE__ */ Zi();
function t() {
}
function n() {
}
return n.resetWarningCache = t, Zs = function() {
function o(a, l, c, u, f, p) {
if (p !== e) {
var b = 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 b.name = "Invariant Violation", b;
}
}
o.isRequired = o;
function s() {
return o;
}
var i = {
array: o,
bigint: o,
bool: o,
func: o,
number: o,
object: o,
string: o,
symbol: o,
any: o,
arrayOf: s,
element: o,
elementType: o,
instanceOf: s,
node: o,
objectOf: s,
oneOf: s,
oneOfType: s,
shape: s,
exact: s,
checkPropTypes: n,
resetWarningCache: t
};
return i.PropTypes = i, i;
}, Zs;
}
var bl;
function Dp() {
if (bl) return Po.exports;
if (bl = 1, process.env.NODE_ENV !== "production") {
var e = Ru(), t = !0;
Po.exports = /* @__PURE__ */ Rp()(e.isElement, t);
} else
Po.exports = /* @__PURE__ */ kp()();
return Po.exports;
}
var Mp = /* @__PURE__ */ Dp();
const r = /* @__PURE__ */ _n(Mp);
function Du(e) {
var t, n, o = "";
if (typeof e == "string" || typeof e == "number") o += e;
else if (typeof e == "object") if (Array.isArray(e)) {
var s = e.length;
for (t = 0; t < s; t++) e[t] && (n = Du(e[t])) && (o && (o += " "), o += n);
} else for (n in e) e[n] && (o && (o += " "), o += n);
return o;
}
function fe() {
for (var e, t, n = 0, o = "", s = arguments.length; n < s; n++) (e = arguments[n]) && (t = Du(e)) && (o && (o += " "), o += t);
return o;
}
function ge(e, t, n = void 0) {
const o = {};
for (const s in e) {
const i = e[s];
let a = "", l = !0;
for (let c = 0; c < i.length; c += 1) {
const u = i[c];
u && (a += (l === !0 ? "" : " ") + t(u), l = !1, n && n[u] && (a += " " + n[u]));
}
o[s] = a;
}
return o;
}
let vl = 0;
function Ip(e) {
const [t, n] = v.useState(e), o = e || t;
return v.useEffect(() => {
t == null && (vl += 1, n(`mui-${vl}`));
}, [t]), o;
}
const Np = {
...v
}, Sl = Np.useId;
function mn(e) {
if (Sl !== void 0) {
const t = Sl();
return e ?? t;
}
return Ip(e);
}
const rt = r.oneOfType([r.func, r.object]);
function zt(e, ...t) {
const n = new URL(`https://mui.com/production-error/?code=${e}`);
return t.forEach((o) => n.searchParams.append("args[]", o)), `Minified MUI error #${e}; visit ${n} for the full message.`;
}
function se(e) {
if (typeof e != "string")
throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `capitalize(string)` expects a string argument." : zt(7));
return e.charAt(0).toUpperCase() + e.slice(1);
}
var Eo = { exports: {} }, _e = {};
/**
* @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 xl;
function $p() {
if (xl) return _e;
xl = 1;
var e = Symbol.for("react.transitional.element"), t = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), s = Symbol.for("react.profiler"), i = Symbol.for("react.consumer"), a = Symbol.for("react.context"), l = Symbol.for("react.forward_ref"), c = Symbol.for("react.suspense"), u = Symbol.for("react.suspense_list"), f = Symbol.for("react.memo"), p = Symbol.for("react.lazy"), b = Symbol.for("react.view_transition"), y = Symbol.for("react.client.reference");
function m(d) {
if (typeof d == "object" && d !== null) {
var h = d.$$typeof;
switch (h) {
case e:
switch (d = d.type, d) {
case n:
case s:
case o:
case c:
case u:
case b:
return d;
default:
switch (d = d && d.$$typeof, d) {
case a:
case l:
case p:
case f:
return d;
case i:
return d;
default:
return h;
}
}
case t:
return h;
}
}
}
return _e.ContextConsumer = i, _e.ContextProvider = a, _e.Element = e, _e.ForwardRef = l, _e.Fragment = n, _e.Lazy = p, _e.Memo = f, _e.Portal = t, _e.Profiler = s, _e.StrictMode = o, _e.Suspense = c, _e.SuspenseList = u, _e.isContextConsumer = function(d) {
return m(d) === i;
}, _e.isContextProvider = function(d) {
return m(d) === a;
}, _e.isElement = function(d) {
return typeof d == "object" && d !== null && d.$$typeof === e;
}, _e.isForwardRef = function(d) {
return m(d) === l;
}, _e.isFragment = function(d) {
return m(d) === n;
}, _e.isLazy = function(d) {
return m(d) === p;
}, _e.isMemo = function(d) {
return m(d) === f;
}, _e.isPortal = function(d) {
return m(d) === t;
}, _e.isProfiler = function(d) {
return m(d) === s;
}, _e.isStrictMode = function(d) {
return m(d) === o;
}, _e.isSuspense = function(d) {
return m(d) === c;
}, _e.isSuspenseList = function(d) {
return m(d) === u;
}, _e.isValidElementType = function(d) {
return typeof d == "string" || typeof d == "function" || d === n || d === s || d === o || d === c || d === u || typeof d == "object" && d !== null && (d.$$typeof === p || d.$$typeof === f || d.$$typeof === a || d.$$typeof === i || d.$$typeof === l || d.$$typeof === y || d.getModuleId !== void 0);
}, _e.typeOf = m, _e;
}
var Le = {};
/**
* @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 Cl;
function Ap() {
return Cl || (Cl = 1, process.env.NODE_ENV !== "production" && function() {
function e(d) {
if (typeof d == "object" && d !== null) {
var h = d.$$typeof;
switch (h) {
case t:
switch (d = d.type, d) {
case o:
case i:
case s:
case u:
case f:
case y:
return d;
default:
switch (d = d && d.$$typeof, d) {
case l:
case c:
case b:
case p:
return d;
case a:
return d;
default:
return h;
}
}
case n:
return h;
}
}
}
var t = Symbol.for("react.transitional.element"), n = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), s = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), a = Symbol.for("react.consumer"), l = Symbol.for("react.context"), c = Symbol.for("react.forward_ref"), u = Symbol.for("react.suspense"), f = Symbol.for("react.suspense_list"), p = Symbol.for("react.memo"), b = Symbol.for("react.lazy"), y = Symbol.for("react.view_transition"), m = Symbol.for("react.client.reference");
Le.ContextConsumer = a, Le.ContextProvider = l, Le.Element = t, Le.ForwardRef = c, Le.Fragment = o, Le.Lazy = b, Le.Memo = p, Le.Portal = n, Le.Profiler = i, Le.StrictMode = s, Le.Suspense = u, Le.SuspenseList = f, Le.isContextConsumer = function(d) {
return e(d) === a;
}, Le.isContextProvider = function(d) {
return e(d) === l;
}, Le.isElement = function(d) {
return typeof d == "object" && d !== null && d.$$typeof === t;
}, Le.isForwardRef = function(d) {
return e(d) === c;
}, Le.isFragment = function(d) {
return e(d) === o;
}, Le.isLazy = function(d) {
return e(d) === b;
}, Le.isMemo = function(d) {
return e(d) === p;
}, Le.isPortal = function(d) {
return e(d) === n;
}, Le.isProfiler = function(d) {
return e(d) === i;
}, Le.isStrictMode = function(d) {
return e(d) === s;
}, Le.isSuspense = function(d) {
return e(d) === u;
}, Le.isSuspenseList = function(d) {
return e(d) === f;
}, Le.isValidElementType = function(d) {
return typeof d == "string" || typeof d == "function" || d === o || d === i || d === s || d === u || d === f || typeof d == "object" && d !== null && (d.$$typeof === b || d.$$typeof === p || d.$$typeof === l || d.$$typeof === a || d.$$typeof === c || d.$$typeof === m || d.getModuleId !== void 0);
}, Le.typeOf = e;
}()), Le;
}
var Pl;
function Fp() {
return Pl || (Pl = 1, process.env.NODE_ENV === "production" ? Eo.exports = /* @__PURE__ */ $p() : Eo.exports = /* @__PURE__ */ Ap()), Eo.exports;
}
var Ho = /* @__PURE__ */ Fp();
function Bt(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 Mu(e) {
if (/* @__PURE__ */ v.isValidElement(e) || Ho.isValidElementType(e) || !Bt(e))
return e;
const t = {};
return Object.keys(e).forEach((n) => {
t[n] = Mu(e[n]);
}), t;
}
function dt(e, t, n = {
clone: !0
}) {
const o = n.clone ? {
...e
} : e;
return Bt(e) && Bt(t) && Object.keys(t).forEach((s) => {
/* @__PURE__ */ v.isValidElement(t[s]) || Ho.isValidElementType(t[s]) ? o[s] = t[s] : Bt(t[s]) && // Avoid prototype pollution
Object.prototype.hasOwnProperty.call(e, s) && Bt(e[s]) ? o[s] = dt(e[s], t[s], n) : n.clone ? o[s] = Bt(t[s]) ? Mu(t[s]) : t[s] : o[s] = t[s];
}), o;
}
function Nr(e, t) {
return t ? dt(e, t, {
clone: !1
// No need to clone deep, it's way faster.
}) : e;
}
const gn = process.env.NODE_ENV !== "production" ? r.oneOfType([r.number, r.string, r.object, r.array]) : {};
function wl(e, t) {
if (!e.containerQueries)
return t;
const n = Object.keys(t).filter((o) => o.startsWith("@container")).sort((o, s) => {
const i = /min-width:\s*([0-9.]+)/;
return +(o.match(i)?.[1] || 0) - +(s.match(i)?.[1] || 0);
});
return n.length ? n.reduce((o, s) => {
const i = t[s];
return delete o[s], o[s] = i, o;
}, {
...t
}) : t;
}
function Vp(e, t) {
return t === "@" || t.startsWith("@") && (e.some((n) => t.startsWith(`@${n}`)) || !!t.match(/^@\d/));
}
function _p(e, t) {
const n = t.match(/^@([^/]+)?\/?(.+)?$/);
if (!n) {
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\`.` : zt(18, `(${t})`));
return null;
}
const [, o, s] = n, i = Number.isNaN(+o) ? o || 0 : +o;
return e.containerQueries(s).up(i);
}
function Lp(e) {
const t = (i, a) => i.replace("@media", a ? `@container ${a}` : "@container");
function n(i, a) {
i.up = (...l) => t(e.breakpoints.up(...l), a), i.down = (...l) => t(e.breakpoints.down(...l), a), i.between = (...l) => t(e.breakpoints.between(...l), a), i.only = (...l) => t(e.breakpoints.only(...l), a), i.not = (...l) => {
const c = t(e.breakpoints.not(...l), a);
return c.includes("not all and") ? c.replace("not all and ", "").replace("min-width:", "width<").replace("max-width:", "width>").replace("and", "or") : c;
};
}
const o = {}, s = (i) => (n(o, i), o);
return n(s), {
...e,
containerQueries: s
};
}
const as = {
xs: 0,
// phone
sm: 600,
// tablet
md: 900,
// small laptop
lg: 1200,
// desktop
xl: 1536
// large screen
}, El = {
// 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:${as[e]}px)`
}, Bp = {
containerQueries: (e) => ({
up: (t) => {
let n = typeof t == "number" ? t : as[t] || t;
return typeof n == "number" && (n = `${n}px`), e ? `@container ${e} (min-width:${n})` : `@container (min-width:${n})`;
}
})
};
function Xt(e, t, n) {
const o = e.theme || {};
if (Array.isArray(t)) {
const i = o.breakpoints || El;
return t.reduce((a, l, c) => (a[i.up(i.keys[c])] = n(t[c]), a), {});
}
if (typeof t == "object") {
const i = o.breakpoints || El;
return Object.keys(t).reduce((a, l) => {
if (Vp(i.keys, l)) {
const c = _p(o.containerQueries ? o : Bp, l);
c && (a[c] = n(t[l], l));
} else if (Object.keys(i.values || as).includes(l)) {
const c = i.up(l);
a[c] = n(t[l], l);
} else {
const c = l;
a[c] = t[c];
}
return a;
}, {});
}
return n(t);
}
function jp(e = {}) {
return e.keys?.reduce((n, o) => {
const s = e.up(o);
return n[s] = {}, n;
}, {}) || {};
}
function Tl(e, t) {
return e.reduce((n, o) => {
const s = n[o];
return (!s || Object.keys(s).length === 0) && delete n[o], n;
}, t);
}
function ls(e, t, n = !0) {
if (!t || typeof t != "string")
return null;
if (e && e.vars && n) {
const o = `vars.${t}`.split(".").reduce((s, i) => s && s[i] ? s[i] : null, e);
if (o != null)
return o;
}
return t.split(".").reduce((o, s) => o && o[s] != null ? o[s] : null, e);
}
function qo(e, t, n, o = n) {
let s;
return typeof e == "function" ? s = e(n) : Array.isArray(e) ? s = e[n] || o : s = ls(e, n) || o, t && (s = t(s, o, e)), s;
}
function tt(e) {
const {
prop: t,
cssProperty: n = e.prop,
themeKey: o,
transform: s
} = e, i = (a) => {
if (a[t] == null)
return null;
const l = a[t], c = a.theme, u = ls(c, o) || {};
return Xt(a, l, (p) => {
let b = qo(u, s, p);
return p === b && typeof p == "string" && (b = qo(u, s, `${t}${p === "default" ? "" : se(p)}`, p)), n === !1 ? b : {
[n]: b
};
});
};
return i.propTypes = process.env.NODE_ENV !== "production" ? {
[t]: gn
} : {}, i.filterProps = [t], i;
}
function Wp(e) {
const t = {};
return (n) => (t[n] === void 0 && (t[n] = e(n)), t[n]);
}
const zp = {
m: "margin",
p: "padding"
}, Up = {
t: "Top",
r: "Right",
b: "Bottom",
l: "Left",
x: ["Left", "Right"],
y: ["Top", "Bottom"]
}, Ol = {
marginX: "mx",
marginY: "my",
paddingX: "px",
paddingY: "py"
}, Yp = Wp((e) => {
if (e.length > 2)
if (Ol[e])
e = Ol[e];
else
return [e];
const [t, n] = e.split(""), o = zp[t], s = Up[n] || "";
return Array.isArray(s) ? s.map((i) => o + i) : [o + s];
}), cs = ["m", "mt", "mr", "mb", "ml", "mx", "my", "margin", "marginTop", "marginRight", "marginBottom", "marginLeft", "marginX", "marginY", "marginInline", "marginInlineStart", "marginInlineEnd", "marginBlock", "marginBlockStart", "marginBlockEnd"], us = ["p", "pt", "pr", "pb", "pl", "px", "py", "padding", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "paddingX", "paddingY", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "paddingBlock", "paddingBlockStart", "paddingBlockEnd"], Hp = [...cs, ...us];
function no(e, t, n, o) {
const s = ls(e, t, !0) ?? n;
return typeof s == "number" || typeof s == "string" ? (i) => typeof i == "string" ? i : (process.env.NODE_ENV !== "production" && typeof i != "number" && console.error(`MUI: Expected ${o} argument to be a number or a string, got ${i}.`), typeof s == "string" ? s.startsWith("var(") && i === 0 ? 0 : s.startsWith("var(") && i === 1 ? s : `calc(${i} * ${s})` : s * i) : Array.isArray(s) ? (i) => {
if (typeof i == "string")
return i;
const a = Math.abs(i);
process.env.NODE_ENV !== "production" && (Number.isInteger(a) ? a > s.length - 1 && console.error([`MUI: The value provided (${a}) overflows.`, `The supported values are: ${JSON.stringify(s)}.`, `${a} > ${s.length - 1}, you need to add the missing values.`].join(`
`)) : console.error([`MUI: The \`theme.${t}\` array type cannot be combined with non integer values.You should either use an integer value that can be used as index, or define the \`theme.${t}\` as a number.`].join(`
`)));
const l = s[a];
return i >= 0 ? l : typeof l == "number" ? -l : typeof l == "string" && l.startsWith("var(") ? `calc(-1 * ${l})` : `-${l}`;
} : typeof s == "function" ? s : (process.env.NODE_ENV !== "production" && console.error([`MUI: The \`theme.${t}\` value (${s}) is invalid.`, "It should be a number, an array or a function."].join(`
`)), () => {
});
}
function Ji(e) {
return no(e, "spacing", 8, "spacing");
}
function ro(e, t) {
return typeof t == "string" || t == null ? t : e(t);
}
function qp(e, t) {
return (n) => e.reduce((o, s) => (o[s] = ro(t, n), o), {});
}
function Kp(e, t, n, o) {
if (!t.includes(n))
return null;
const s = Yp(n), i = qp(s, o), a = e[n];
return Xt(e, a, i);
}
function Iu(e, t) {
const n = Ji(e.theme);
return Object.keys(e).map((o) => Kp(e, t, o, n)).reduce(Nr, {});
}
function Je(e) {
return Iu(e, cs);
}
Je.propTypes = process.env.NODE_ENV !== "production" ? cs.reduce((e, t) => (e[t] = gn, e), {}) : {};
Je.filterProps = cs;
function et(e) {
return Iu(e, us);
}
et.propTypes = process.env.NODE_ENV !== "production" ? us.reduce((e, t) => (e[t] = gn, e), {}) : {};
et.filterProps = us;
process.env.NODE_ENV !== "production" && Hp.reduce((e, t) => (e[t] = gn, e), {});
function ds(...e) {
const t = e.reduce((o, s) => (s.filterProps.forEach((i) => {
o[i] = s;
}), o), {}), n = (o) => Object.keys(o).reduce((s, i) => t[i] ? Nr(s, t[i](o)) : s, {});
return n.propTypes = process.env.NODE_ENV !== "production" ? e.reduce((o, s) => Object.assign(o, s.propTypes), {}) : {}, n.filterProps = e.reduce((o, s) => o.concat(s.filterProps), []), n;
}
function Pt(e) {
return typeof e != "number" ? e : `${e}px solid`;
}
function Rt(e, t) {
return tt({
prop: e,
themeKey: "borders",
transform: t
});
}
const Gp = Rt("border", Pt), Xp = Rt("borderTop", Pt), Qp = Rt("borderRight", Pt), Zp = Rt("borderBottom", Pt), Jp = Rt("borderLeft", Pt), eh = Rt("borderColor"), th = Rt("borderTopColor"), nh = Rt("borderRightColor"), rh = Rt("borderBottomColor"), oh = Rt("borderLeftColor"), sh = Rt("outline", Pt), ih = Rt("outlineColor"), fs = (e) => {
if (e.borderRadius !== void 0 && e.borderRadius !== null) {
const t = no(e.theme, "shape.borderRadius", 4, "borderRadius"), n = (o) => ({
borderRadius: ro(t, o)
});
return Xt(e, e.borderRadius, n);
}
return null;
};
fs.propTypes = process.env.NODE_ENV !== "production" ? {
borderRadius: gn
} : {};
fs.filterProps = ["borderRadius"];
ds(Gp, Xp, Qp, Zp, Jp, eh, th, nh, rh, oh, fs, sh, ih);
const ps = (e) => {
if (e.gap !== void 0 && e.gap !== null) {
const t = no(e.theme, "spacing", 8, "gap"), n = (o) => ({
gap: ro(t, o)
});
return Xt(e, e.gap, n);
}
return null;
};
ps.propTypes = process.env.NODE_ENV !== "production" ? {
gap: gn
} : {};
ps.filterProps = ["gap"];
const hs = (e) => {
if (e.columnGap !== void 0 && e.columnGap !== null) {
const t = no(e.theme, "spacing", 8, "columnGap"), n = (o) => ({
columnGap: ro(t, o)
});
return Xt(e, e.columnGap, n);
}
return null;
};
hs.propTypes = process.env.NODE_ENV !== "production" ? {
columnGap: gn
} : {};
hs.filterProps = ["columnGap"];
const ms = (e) => {
if (e.rowGap !== void 0 && e.rowGap !== null) {
const t = no(e.theme, "spacing", 8, "rowGap"), n = (o) => ({
rowGap: ro(t, o)
});
return Xt(e, e.rowGap, n);
}
return null;
};
ms.propTypes = process.env.NODE_ENV !== "production" ? {
rowGap: gn
} : {};
ms.filterProps = ["rowGap"];
const ah = tt({
prop: "gridColumn"
}), lh = tt({
prop: "gridRow"
}), ch = tt({
prop: "gridAutoFlow"
}), uh = tt({
prop: "gridAutoColumns"
}), dh = tt({
prop: "gridAutoRows"
}), fh = tt({
prop: "gridTemplateColumns"
}), ph = tt({
prop: "gridTemplateRows"
}), hh = tt({
prop: "gridTemplateAreas"
}), mh = tt({
prop: "gridArea"
});
ds(ps, hs, ms, ah, lh, ch, uh, dh, fh, ph, hh, mh);
function Zn(e, t) {
return t === "grey" ? t : e;
}
const gh = tt({
prop: "color",
themeKey: "palette",
transform: Zn
}), yh = tt({
prop: "bgcolor",
cssProperty: "backgroundColor",
themeKey: "palette",
transform: Zn
}), bh = tt({
prop: "backgroundColor",
themeKey: "palette",
transform: Zn
});
ds(gh, yh, bh);
function bt(e) {
return e <= 1 && e !== 0 ? `${e * 100}%` : e;
}
const vh = tt({
prop: "width",
transform: bt
}), ea = (e) => {
if (e.maxWidth !== void 0 && e.maxWidth !== null) {
const t = (n) => {
const o = e.theme?.breakpoints?.values?.[n] || as[n];
return o ? e.theme?.breakpoints?.unit !== "px" ? {
maxWidth: `${o}${e.theme.breakpoints.unit}`
} : {
maxWidth: o
} : {
maxWidth: bt(n)
};
};
return Xt(e, e.maxWidth, t);
}
return null;
};
ea.filterProps = ["maxWidth"];
const Sh = tt({
prop: "minWidth",
transform: bt
}), xh = tt({
prop: "height",
transform: bt
}), Ch = tt({
prop: "maxHeight",
transform: bt
}), Ph = tt({
prop: "minHeight",
transform: bt
});
tt({
prop: "size",
cssProperty: "width",
transform: bt
});
tt({
prop: "size",
cssProperty: "height",
transform: bt
});
const wh = tt({
prop: "boxSizing"
});
ds(vh, ea, Sh, xh, Ch, Ph, wh);
const oo = {
// borders
border: {
themeKey: "borders",
transform: Pt
},
borderTop: {
themeKey: "borders",
transform: Pt
},
borderRight: {
themeKey: "borders",
transform: Pt
},
borderBottom: {
themeKey: "borders",
transform: Pt
},
borderLeft: {
themeKey: "borders",
transform: Pt
},
borderColor: {
themeKey: "palette"
},
borderTopColor: {
themeKey: "palette"
},
borderRightColor: {
themeKey: "palette"
},
borderBottomColor: {
themeKey: "palette"
},
borderLeftColor: {
themeKey: "palette"
},
outline: {
themeKey: "borders",
transform: Pt
},
outlineColor: {
themeKey: "palette"
},
borderRadius: {
themeKey: "shape.borderRadius",
style: fs
},
// palette
color: {
themeKey: "palette",
transform: Zn
},
bgcolor: {
themeKey: "palette",
cssProperty: "backgroundColor",
transform: Zn
},
backgroundColor: {
themeKey: "palette",
transform: Zn
},
// spacing
p: {
style: et
},
pt: {
style: et
},
pr: {
style: et
},
pb: {
style: et
},
pl: {
style: et
},
px: {
style: et
},
py: {
style: et
},
padding: {
style: et
},
paddingTop: {
style: et
},
paddingRight: {
style: et
},
paddingBottom: {
style: et
},
paddingLeft: {
style: et
},
paddingX: {
style: et
},
paddingY: {
style: et
},
paddingInline: {
style: et
},
paddingInlineStart: {
style: et
},
paddingInlineEnd: {
style: et
},
paddingBlock: {
style: et
},
paddingBlockStart: {
style: et
},
paddingBlockEnd: {
style: et
},
m: {
style: Je
},
mt: {
style: Je
},
mr: {
style: Je
},
mb: {
style: Je
},
ml: {
style: Je
},
mx: {
style: Je
},
my: {
style: Je
},
margin: {
style: Je
},
marginTop: {
style: Je
},
marginRight: {
style: Je
},
marginBottom: {
style: Je
},
marginLeft: {
style: Je
},
marginX: {
style: Je
},
marginY: {
style: Je
},
marginInline: {
style: Je
},
marginInlineStart: {
style: Je
},
marginInlineEnd: {
style: Je
},
marginBlock: {
style: Je
},
marginBlockStart: {
style: Je
},
marginBlockEnd: {
style: Je
},
// 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: ps
},
rowGap: {
style: ms
},
columnGap: {
style: hs
},
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: bt
},
maxWidth: {
style: ea
},
minWidth: {
transform: bt
},
height: {
transform: bt
},
maxHeight: {
transform: bt
},
minHeight: {
transform: bt
},
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 Eh(...e) {
const t = e.reduce((o, s) => o.concat(Object.keys(s)), []), n = new Set(t);
return e.every((o) => n.size === Object.keys(o).length);
}
function Th(e, t) {
return typeof e == "function" ? e(t) : e;
}
function Oh() {
function e(n, o, s, i) {
const a = {
[n]: o,
theme: s
}, l = i[n];
if (!l)
return {
[n]: o
};
const {
cssProperty: c = n,
themeKey: u,
transform: f,
style: p
} = l;
if (o == null)
return null;
if (u === "typography" && o === "inherit")
return {
[n]: o
};
const b = ls(s, u) || {};
return p ? p(a) : Xt(a, o, (m) => {
let d = qo(b, f, m);
return m === d && typeof m == "string" && (d = qo(b, f, `${n}${m === "default" ? "" : se(m)}`, m)), c === !1 ? d : {
[c]: d
};
});
}
function t(n) {
const {
sx: o,
theme: s = {},
nested: i
} = n || {};
if (!o)
return null;
const a = s.unstable_sxConfig ?? oo;
function l(c) {
let u = c;
if (typeof c == "function")
u = c(s);
else if (typeof c != "object")
return c;
if (!u)
return null;
const f = jp(s.breakpoints), p = Object.keys(f);
let b = f;
return Object.keys(u).forEach((y) => {
const m = Th(u[y