@wandelbots/wandelbots-js-react-components
Version:
React UI toolkit for building applications on top of the Wandelbots platform
1,740 lines • 1.29 MB
JavaScript
var ig = Object.defineProperty;
var lg = (e, t, r) => t in e ? ig(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
var Un = (e, t, r) => lg(e, typeof t != "symbol" ? t + "" : t, r);
import * as N from "react";
import Ht, { useState as yt, useRef as xt, useCallback as sn, useEffect as dt, forwardRef as Ge, Suspense as Uh, lazy as cg } from "react";
import { Environment as ug, Lightformer as yr, Line as Lh, useGLTF as dg } from "@react-three/drei";
import { useThree as hg, useFrame as pg } from "@react-three/fiber";
import * as Me from "three";
import { Vector3 as Io, Matrix4 as Ln, Quaternion as mg } from "three";
import { ConvexGeometry as fg } from "three-stdlib";
import { useTheme as Qe, Box as It, Typography as ke, IconButton as Mo, Slider as gg, Stack as _e, CircularProgress as yg, capitalize as bg, styled as _l, InputLabel as vg, Select as Sg, FormControl as xg, MenuItem as Dn, ToggleButtonGroup as Og, Divider as gn, ToggleButton as Vc, Tabs as wg, Tab as Cg, Tooltip as Pg, Dialog as Tg, DialogTitle as Ag, DialogContent as Rg, DialogActions as _g, Button as Hi, Chip as Vg, SvgIcon as Eg, Popover as Ig, Fab as Mg, createTheme as $g, rgbToHex as jg } from "@mui/material";
import { observer as De, useLocalObservable as is } from "mobx-react-lite";
import { I18nextProvider as kg, useTranslation as pt, Trans as Mt } from "react-i18next";
import Ug from "i18next";
import Lg from "i18next-browser-languagedetector";
import g from "prop-types";
import { ThemeContext as Dg } from "@emotion/react";
import Ng from "@emotion/styled";
import { autorun as Dh, reaction as Bg, runInAction as ct, makeAutoObservable as Vl } from "mobx";
import { lowerFirst as Fg, countBy as zg, isString as Gg } from "lodash-es";
import { tryParseJson as Hg, radiansToDegrees as xo, degreesToRadians as qg, poseToWandelscriptString as Jg } from "@wandelbots/nova-js";
import { PlayArrow as Ec, Stop as Ic, Pause as Wg } from "@mui/icons-material";
import { ErrorBoundary as Yg } from "react-error-boundary";
function Kg(e) {
return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
}
var qa = { exports: {} }, Nn = {};
/**
* @license React
* react-jsx-runtime.production.js
*
* Copyright (c) Meta Platforms, Inc. and affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
var Mc;
function Qg() {
if (Mc) return Nn;
Mc = 1;
var e = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
function r(n, a, o) {
var s = null;
if (o !== void 0 && (s = "" + o), a.key !== void 0 && (s = "" + a.key), "key" in a) {
o = {};
for (var i in a)
i !== "key" && (o[i] = a[i]);
} else o = a;
return a = o.ref, {
$$typeof: e,
type: n,
key: s,
ref: a !== void 0 ? a : null,
props: o
};
}
return Nn.Fragment = t, Nn.jsx = r, Nn.jsxs = r, Nn;
}
var Bn = {};
/**
* @license React
* react-jsx-runtime.development.js
*
* Copyright (c) Meta Platforms, Inc. and affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
var $c;
function Xg() {
return $c || ($c = 1, process.env.NODE_ENV !== "production" && function() {
function e(q) {
if (q == null) return null;
if (typeof q == "function")
return q.$$typeof === y ? null : q.displayName || q.name || null;
if (typeof q == "string") return q;
switch (q) {
case m:
return "Fragment";
case x:
return "Profiler";
case b:
return "StrictMode";
case P:
return "Suspense";
case w:
return "SuspenseList";
case F:
return "Activity";
}
if (typeof q == "object")
switch (typeof q.tag == "number" && console.error(
"Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
), q.$$typeof) {
case f:
return "Portal";
case O:
return (q.displayName || "Context") + ".Provider";
case _:
return (q._context.displayName || "Context") + ".Consumer";
case C:
var Q = q.render;
return q = q.displayName, q || (q = Q.displayName || Q.name || "", q = q !== "" ? "ForwardRef(" + q + ")" : "ForwardRef"), q;
case A:
return Q = q.displayName || null, Q !== null ? Q : e(q.type) || "Memo";
case E:
Q = q._payload, q = q._init;
try {
return e(q(Q));
} catch {
}
}
return null;
}
function t(q) {
return "" + q;
}
function r(q) {
try {
t(q);
var Q = !1;
} catch {
Q = !0;
}
if (Q) {
Q = console;
var ue = Q.error, we = typeof Symbol == "function" && Symbol.toStringTag && q[Symbol.toStringTag] || q.constructor.name || "Object";
return ue.call(
Q,
"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
we
), t(q);
}
}
function n(q) {
if (q === m) return "<>";
if (typeof q == "object" && q !== null && q.$$typeof === E)
return "<...>";
try {
var Q = e(q);
return Q ? "<" + Q + ">" : "<...>";
} catch {
return "<...>";
}
}
function a() {
var q = T.A;
return q === null ? null : q.getOwner();
}
function o() {
return Error("react-stack-top-frame");
}
function s(q) {
if (z.call(q, "key")) {
var Q = Object.getOwnPropertyDescriptor(q, "key").get;
if (Q && Q.isReactWarning) return !1;
}
return q.key !== void 0;
}
function i(q, Q) {
function ue() {
Z || (Z = !0, console.error(
"%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
Q
));
}
ue.isReactWarning = !0, Object.defineProperty(q, "key", {
get: ue,
configurable: !0
});
}
function l() {
var q = e(this.type);
return X[q] || (X[q] = !0, console.error(
"Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
)), q = this.props.ref, q !== void 0 ? q : null;
}
function c(q, Q, ue, we, Be, ve, it, tt) {
return ue = ve.ref, q = {
$$typeof: p,
type: q,
key: Q,
props: ve,
_owner: Be
}, (ue !== void 0 ? ue : null) !== null ? Object.defineProperty(q, "ref", {
enumerable: !1,
get: l
}) : Object.defineProperty(q, "ref", { enumerable: !1, value: null }), q._store = {}, Object.defineProperty(q._store, "validated", {
configurable: !1,
enumerable: !1,
writable: !0,
value: 0
}), Object.defineProperty(q, "_debugInfo", {
configurable: !1,
enumerable: !1,
writable: !0,
value: null
}), Object.defineProperty(q, "_debugStack", {
configurable: !1,
enumerable: !1,
writable: !0,
value: it
}), Object.defineProperty(q, "_debugTask", {
configurable: !1,
enumerable: !1,
writable: !0,
value: tt
}), Object.freeze && (Object.freeze(q.props), Object.freeze(q)), q;
}
function u(q, Q, ue, we, Be, ve, it, tt) {
var fe = Q.children;
if (fe !== void 0)
if (we)
if (V(fe)) {
for (we = 0; we < fe.length; we++)
d(fe[we]);
Object.freeze && Object.freeze(fe);
} 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 d(fe);
if (z.call(Q, "key")) {
fe = e(q);
var K = Object.keys(Q).filter(function(ie) {
return ie !== "key";
});
we = 0 < K.length ? "{key: someKey, " + K.join(": ..., ") + ": ...}" : "{key: someKey}", se[fe + we] || (K = 0 < K.length ? "{" + K.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} />`,
we,
fe,
K,
fe
), se[fe + we] = !0);
}
if (fe = null, ue !== void 0 && (r(ue), fe = "" + ue), s(Q) && (r(Q.key), fe = "" + Q.key), "key" in Q) {
ue = {};
for (var ne in Q)
ne !== "key" && (ue[ne] = Q[ne]);
} else ue = Q;
return fe && i(
ue,
typeof q == "function" ? q.displayName || q.name || "Unknown" : q
), c(
q,
fe,
ve,
Be,
a(),
ue,
it,
tt
);
}
function d(q) {
typeof q == "object" && q !== null && q.$$typeof === p && q._store && (q._store.validated = 1);
}
var h = Ht, p = Symbol.for("react.transitional.element"), f = Symbol.for("react.portal"), m = Symbol.for("react.fragment"), b = Symbol.for("react.strict_mode"), x = Symbol.for("react.profiler"), _ = Symbol.for("react.consumer"), O = Symbol.for("react.context"), C = Symbol.for("react.forward_ref"), P = Symbol.for("react.suspense"), w = Symbol.for("react.suspense_list"), A = Symbol.for("react.memo"), E = Symbol.for("react.lazy"), F = Symbol.for("react.activity"), y = Symbol.for("react.client.reference"), T = h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, z = Object.prototype.hasOwnProperty, V = Array.isArray, B = console.createTask ? console.createTask : function() {
return null;
};
h = {
"react-stack-bottom-frame": function(q) {
return q();
}
};
var Z, X = {}, re = h["react-stack-bottom-frame"].bind(
h,
o
)(), ee = B(n(o)), se = {};
Bn.Fragment = m, Bn.jsx = function(q, Q, ue, we, Be) {
var ve = 1e4 > T.recentlyCreatedOwnerStacks++;
return u(
q,
Q,
ue,
!1,
we,
Be,
ve ? Error("react-stack-top-frame") : re,
ve ? B(n(q)) : ee
);
}, Bn.jsxs = function(q, Q, ue, we, Be) {
var ve = 1e4 > T.recentlyCreatedOwnerStacks++;
return u(
q,
Q,
ue,
!0,
we,
Be,
ve ? Error("react-stack-top-frame") : re,
ve ? B(n(q)) : ee
);
};
}()), Bn;
}
var jc;
function Zg() {
return jc || (jc = 1, process.env.NODE_ENV === "production" ? qa.exports = Qg() : qa.exports = Xg()), qa.exports;
}
var S = Zg();
function F$() {
return /* @__PURE__ */ S.jsx(ug, { children: /* @__PURE__ */ S.jsx(ey, {}) });
}
function ey({ positions: e = [2, 0, 2, 0, 2, 0, 2, 0] }) {
return /* @__PURE__ */ S.jsxs(S.Fragment, { children: [
/* @__PURE__ */ S.jsx(
yr,
{
intensity: 5,
"rotation-x": Math.PI / 2,
position: [0, 5, -9],
scale: [10, 10, 1]
}
),
/* @__PURE__ */ S.jsx("group", { rotation: [0, 0.5, 0], children: /* @__PURE__ */ S.jsx("group", { children: e.map((t, r) => /* @__PURE__ */ S.jsx(
yr,
{
form: "circle",
intensity: 5,
rotation: [Math.PI / 2, 0, 0],
position: [t, 4, r * 4],
scale: [3, 1, 1]
},
r
)) }) }),
/* @__PURE__ */ S.jsx(
yr,
{
intensity: 40,
"rotation-y": Math.PI / 2,
position: [-5, 1, -1],
scale: [20, 0.1, 1]
}
),
/* @__PURE__ */ S.jsx(
yr,
{
intensity: 20,
"rotation-y": -Math.PI,
position: [-5, -2, -1],
scale: [20, 0.1, 1]
}
),
/* @__PURE__ */ S.jsx(
yr,
{
"rotation-y": Math.PI / 2,
position: [-5, -1, -1],
scale: [20, 0.5, 1],
intensity: 5
}
),
/* @__PURE__ */ S.jsx(
yr,
{
"rotation-y": -Math.PI / 2,
position: [10, 1, 0],
scale: [20, 1, 1],
intensity: 10
}
),
/* @__PURE__ */ S.jsx(
yr,
{
form: "ring",
color: "white",
intensity: 5,
scale: 10,
position: [-15, 4, -18],
target: [0, 0, 0]
}
)
] });
}
function ty(e) {
if (e.length < 3)
return console.log("Not enough vertices to define a plane"), { isCoplanar: !1 };
const t = new Me.Vector3(e[0].x, e[0].y, e[0].z), r = new Me.Vector3(e[1].x, e[1].y, e[1].z), n = new Me.Vector3(e[2].x, e[2].y, e[2].z), a = new Me.Vector3().subVectors(r, t), o = new Me.Vector3().subVectors(n, t), s = new Me.Vector3().crossVectors(a, o).normalize();
for (let i = 3; i < e.length; i++) {
const l = new Me.Vector3(e[i].x, e[i].y, e[i].z), c = new Me.Vector3().subVectors(l, t), u = s.dot(c);
if (Math.abs(u) > 1e-6)
return console.log("Vertices are not on the same plane"), { isCoplanar: !1 };
}
return { isCoplanar: !0, normal: s };
}
function z$({
safetyZones: e,
...t
}) {
return /* @__PURE__ */ S.jsx("group", { ...t, children: e.map((r, n) => {
let a = [];
return r.geometry && (r.geometry.compound ? a = r.geometry.compound.child_geometries : r.geometry.convex_hull && (a = [r.geometry])), a.map((o, s) => {
if (!o.convex_hull) return null;
const i = o.convex_hull.vertices.map(
(u) => new Me.Vector3(u.x / 1e3, u.y / 1e3, u.z / 1e3)
), l = ty(i);
if (l.isCoplanar && l.normal) {
const d = new Me.Vector3().addVectors(
i[0],
l.normal.multiplyScalar(1e-4)
);
i.push(d);
}
let c;
try {
c = new fg(i);
} catch (u) {
return console.log("Error creating ConvexGeometry:", u), null;
}
return /* @__PURE__ */ S.jsx("mesh", { geometry: c, children: /* @__PURE__ */ S.jsx(
"meshStandardMaterial",
{
attach: "material",
color: "#009f4d",
opacity: 0.2,
depthTest: !1,
depthWrite: !1,
transparent: !0,
polygonOffset: !0,
polygonOffsetFactor: -s
},
n
) }, `${n}-${s}`);
});
}) });
}
function G$({
trajectory: e,
...t
}) {
var n;
const r = ((n = e.trajectory) == null ? void 0 : n.map((a) => a.tcp_pose ? new Me.Vector3(
a.tcp_pose.position.x / 1e3,
a.tcp_pose.position.z / 1e3,
-a.tcp_pose.position.y / 1e3
) : null).filter((a) => a !== null)) || [];
return /* @__PURE__ */ S.jsx("group", { ...t, children: r.length > 0 && /* @__PURE__ */ S.jsx(
Lh,
{
points: r,
lineWidth: 3,
polygonOffset: !0,
polygonOffsetFactor: 10,
polygonOffsetUnits: 10
}
) });
}
function W() {
return W = Object.assign ? Object.assign.bind() : function(e) {
for (var t = 1; t < arguments.length; t++) {
var r = arguments[t];
for (var n in r) ({}).hasOwnProperty.call(r, n) && (e[n] = r[n]);
}
return e;
}, W.apply(null, arguments);
}
function dr(e, t) {
if (e == null) return {};
var r = {};
for (var n in e) if ({}.hasOwnProperty.call(e, n)) {
if (t.indexOf(n) !== -1) continue;
r[n] = e[n];
}
return r;
}
function ry(e, t, r = void 0) {
const n = {};
for (const a in e) {
const o = e[a];
let s = "", i = !0;
for (let l = 0; l < o.length; l += 1) {
const c = o[l];
c && (s += (i === !0 ? "" : " ") + t(c), i = !1, r && r[c] && (s += " " + r[c]));
}
n[a] = s;
}
return n;
}
function Nh(e) {
var t, r, n = "";
if (typeof e == "string" || typeof e == "number") n += e;
else if (typeof e == "object") if (Array.isArray(e)) {
var a = e.length;
for (t = 0; t < a; t++) e[t] && (r = Nh(e[t])) && (n && (n += " "), n += r);
} else for (r in e) e[r] && (n && (n += " "), n += r);
return n;
}
function kt() {
for (var e, t, r = 0, n = "", a = arguments.length; r < a; r++) (e = arguments[r]) && (t = Nh(e)) && (n && (n += " "), n += t);
return n;
}
function hr(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.`;
}
const Bh = "$$material";
function ny(e) {
for (var t = 0, r, n = 0, a = e.length; a >= 4; ++n, a -= 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 (a) {
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 ay = {
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 oy(e) {
var t = /* @__PURE__ */ Object.create(null);
return function(r) {
return t[r] === void 0 && (t[r] = e(r)), t[r];
};
}
var sy = /[A-Z]|^ms/g, iy = /_EMO_([^_]+?)_([^]*?)_EMO_/g, Fh = function(t) {
return t.charCodeAt(1) === 45;
}, kc = function(t) {
return t != null && typeof t != "boolean";
}, ri = /* @__PURE__ */ oy(function(e) {
return Fh(e) ? e : e.replace(sy, "-$&").toLowerCase();
}), Uc = function(t, r) {
switch (t) {
case "animation":
case "animationName":
if (typeof r == "string")
return r.replace(iy, function(n, a, o) {
return cr = {
name: a,
styles: o,
next: cr
}, a;
});
}
return ay[t] !== 1 && !Fh(t) && typeof r == "number" && r !== 0 ? r + "px" : r;
};
function $o(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 a = r;
if (a.anim === 1)
return cr = {
name: a.name,
styles: a.styles,
next: cr
}, a.name;
var o = r;
if (o.styles !== void 0) {
var s = o.next;
if (s !== void 0)
for (; s !== void 0; )
cr = {
name: s.name,
styles: s.styles,
next: cr
}, s = s.next;
var i = o.styles + ";";
return i;
}
return ly(e, t, r);
}
}
var l = r;
return l;
}
function ly(e, t, r) {
var n = "";
if (Array.isArray(r))
for (var a = 0; a < r.length; a++)
n += $o(e, t, r[a]) + ";";
else
for (var o in r) {
var s = r[o];
if (typeof s != "object") {
var i = s;
kc(i) && (n += ri(o) + ":" + Uc(o, i) + ";");
} else if (Array.isArray(s) && typeof s[0] == "string" && t == null)
for (var l = 0; l < s.length; l++)
kc(s[l]) && (n += ri(o) + ":" + Uc(o, s[l]) + ";");
else {
var c = $o(e, t, s);
switch (o) {
case "animation":
case "animationName": {
n += ri(o) + ":" + c + ";";
break;
}
default:
n += o + "{" + c + "}";
}
}
}
return n;
}
var Lc = /label:\s*([^\s;{]+)\s*(;|$)/g, cr;
function cy(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, a = "";
cr = void 0;
var o = e[0];
if (o == null || o.raw === void 0)
n = !1, a += $o(r, t, o);
else {
var s = o;
a += s[0];
}
for (var i = 1; i < e.length; i++)
if (a += $o(r, t, e[i]), n) {
var l = o;
a += l[i];
}
Lc.lastIndex = 0;
for (var c = "", u; (u = Lc.exec(a)) !== null; )
c += "-" + u[1];
var d = ny(a) + c;
return {
name: d,
styles: a,
next: cr
};
}
/**
* @mui/styled-engine v7.1.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 uy(e, t) {
const r = Ng(e, t);
return process.env.NODE_ENV !== "production" ? (...n) => {
const a = typeof e == "string" ? `"${e}"` : "component";
return n.length === 0 ? console.error([`MUI: Seems like you called \`styled(${a})()\` without a \`style\` argument.`, 'You must provide a `styles` argument: `styled("div")(styleYouForgotToPass)`.'].join(`
`)) : n.some((o) => o === void 0) && console.error(`MUI: the styled(${a})(...args) API requires all its args to be defined.`), r(...n);
} : r;
}
function dy(e, t) {
Array.isArray(e.__emotion_styles) && (e.__emotion_styles = t(e.__emotion_styles));
}
const Dc = [];
function Nc(e) {
return Dc[0] = e, cy(Dc);
}
var Ja = { exports: {} }, ye = {};
/**
* @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 Bc;
function hy() {
if (Bc) return ye;
Bc = 1;
var e = Symbol.for("react.transitional.element"), t = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), n = Symbol.for("react.strict_mode"), a = Symbol.for("react.profiler"), o = Symbol.for("react.consumer"), s = Symbol.for("react.context"), i = Symbol.for("react.forward_ref"), l = Symbol.for("react.suspense"), c = Symbol.for("react.suspense_list"), u = Symbol.for("react.memo"), d = Symbol.for("react.lazy"), h = Symbol.for("react.view_transition"), p = Symbol.for("react.client.reference");
function f(m) {
if (typeof m == "object" && m !== null) {
var b = m.$$typeof;
switch (b) {
case e:
switch (m = m.type, m) {
case r:
case a:
case n:
case l:
case c:
case h:
return m;
default:
switch (m = m && m.$$typeof, m) {
case s:
case i:
case d:
case u:
return m;
case o:
return m;
default:
return b;
}
}
case t:
return b;
}
}
}
return ye.ContextConsumer = o, ye.ContextProvider = s, ye.Element = e, ye.ForwardRef = i, ye.Fragment = r, ye.Lazy = d, ye.Memo = u, ye.Portal = t, ye.Profiler = a, ye.StrictMode = n, ye.Suspense = l, ye.SuspenseList = c, ye.isContextConsumer = function(m) {
return f(m) === o;
}, ye.isContextProvider = function(m) {
return f(m) === s;
}, ye.isElement = function(m) {
return typeof m == "object" && m !== null && m.$$typeof === e;
}, ye.isForwardRef = function(m) {
return f(m) === i;
}, ye.isFragment = function(m) {
return f(m) === r;
}, ye.isLazy = function(m) {
return f(m) === d;
}, ye.isMemo = function(m) {
return f(m) === u;
}, ye.isPortal = function(m) {
return f(m) === t;
}, ye.isProfiler = function(m) {
return f(m) === a;
}, ye.isStrictMode = function(m) {
return f(m) === n;
}, ye.isSuspense = function(m) {
return f(m) === l;
}, ye.isSuspenseList = function(m) {
return f(m) === c;
}, ye.isValidElementType = function(m) {
return typeof m == "string" || typeof m == "function" || m === r || m === a || m === n || m === l || m === c || typeof m == "object" && m !== null && (m.$$typeof === d || m.$$typeof === u || m.$$typeof === s || m.$$typeof === o || m.$$typeof === i || m.$$typeof === p || m.getModuleId !== void 0);
}, ye.typeOf = f, ye;
}
var be = {};
/**
* @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 Fc;
function py() {
return Fc || (Fc = 1, process.env.NODE_ENV !== "production" && function() {
function e(m) {
if (typeof m == "object" && m !== null) {
var b = m.$$typeof;
switch (b) {
case t:
switch (m = m.type, m) {
case n:
case o:
case a:
case c:
case u:
case p:
return m;
default:
switch (m = m && m.$$typeof, m) {
case i:
case l:
case h:
case d:
return m;
case s:
return m;
default:
return b;
}
}
case r:
return b;
}
}
}
var t = Symbol.for("react.transitional.element"), r = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), a = Symbol.for("react.strict_mode"), o = Symbol.for("react.profiler"), s = Symbol.for("react.consumer"), i = Symbol.for("react.context"), l = Symbol.for("react.forward_ref"), c = Symbol.for("react.suspense"), u = Symbol.for("react.suspense_list"), d = Symbol.for("react.memo"), h = Symbol.for("react.lazy"), p = Symbol.for("react.view_transition"), f = Symbol.for("react.client.reference");
be.ContextConsumer = s, be.ContextProvider = i, be.Element = t, be.ForwardRef = l, be.Fragment = n, be.Lazy = h, be.Memo = d, be.Portal = r, be.Profiler = o, be.StrictMode = a, be.Suspense = c, be.SuspenseList = u, be.isContextConsumer = function(m) {
return e(m) === s;
}, be.isContextProvider = function(m) {
return e(m) === i;
}, be.isElement = function(m) {
return typeof m == "object" && m !== null && m.$$typeof === t;
}, be.isForwardRef = function(m) {
return e(m) === l;
}, be.isFragment = function(m) {
return e(m) === n;
}, be.isLazy = function(m) {
return e(m) === h;
}, be.isMemo = function(m) {
return e(m) === d;
}, be.isPortal = function(m) {
return e(m) === r;
}, be.isProfiler = function(m) {
return e(m) === o;
}, be.isStrictMode = function(m) {
return e(m) === a;
}, be.isSuspense = function(m) {
return e(m) === c;
}, be.isSuspenseList = function(m) {
return e(m) === u;
}, be.isValidElementType = function(m) {
return typeof m == "string" || typeof m == "function" || m === n || m === o || m === a || m === c || m === u || typeof m == "object" && m !== null && (m.$$typeof === h || m.$$typeof === d || m.$$typeof === i || m.$$typeof === s || m.$$typeof === l || m.$$typeof === f || m.getModuleId !== void 0);
}, be.typeOf = e;
}()), be;
}
var zc;
function my() {
return zc || (zc = 1, process.env.NODE_ENV === "production" ? Ja.exports = /* @__PURE__ */ hy() : Ja.exports = /* @__PURE__ */ py()), Ja.exports;
}
var jo = /* @__PURE__ */ my();
function $t(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 zh(e) {
if (/* @__PURE__ */ N.isValidElement(e) || jo.isValidElementType(e) || !$t(e))
return e;
const t = {};
return Object.keys(e).forEach((r) => {
t[r] = zh(e[r]);
}), t;
}
function et(e, t, r = {
clone: !0
}) {
const n = r.clone ? {
...e
} : e;
return $t(e) && $t(t) && Object.keys(t).forEach((a) => {
/* @__PURE__ */ N.isValidElement(t[a]) || jo.isValidElementType(t[a]) ? n[a] = t[a] : $t(t[a]) && // Avoid prototype pollution
Object.prototype.hasOwnProperty.call(e, a) && $t(e[a]) ? n[a] = et(e[a], t[a], r) : r.clone ? n[a] = $t(t[a]) ? zh(t[a]) : t[a] : n[a] = t[a];
}), n;
}
const fy = (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 gy(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,
...a
} = e, o = fy(t), s = Object.keys(o);
function i(h) {
return `@media (min-width:${typeof t[h] == "number" ? t[h] : h}${r})`;
}
function l(h) {
return `@media (max-width:${(typeof t[h] == "number" ? t[h] : h) - n / 100}${r})`;
}
function c(h, p) {
const f = s.indexOf(p);
return `@media (min-width:${typeof t[h] == "number" ? t[h] : h}${r}) and (max-width:${(f !== -1 && typeof t[s[f]] == "number" ? t[s[f]] : p) - n / 100}${r})`;
}
function u(h) {
return s.indexOf(h) + 1 < s.length ? c(h, s[s.indexOf(h) + 1]) : i(h);
}
function d(h) {
const p = s.indexOf(h);
return p === 0 ? i(s[1]) : p === s.length - 1 ? l(s[p]) : c(h, s[s.indexOf(h) + 1]).replace("@media", "@media not all and");
}
return {
keys: s,
values: o,
up: i,
down: l,
between: c,
only: u,
not: d,
unit: r,
...a
};
}
function yy(e, t) {
if (!e.containerQueries)
return t;
const r = Object.keys(t).filter((n) => n.startsWith("@container")).sort((n, a) => {
var s, i;
const o = /min-width:\s*([0-9.]+)/;
return +(((s = n.match(o)) == null ? void 0 : s[1]) || 0) - +(((i = a.match(o)) == null ? void 0 : i[1]) || 0);
});
return r.length ? r.reduce((n, a) => {
const o = t[a];
return delete n[a], n[a] = o, n;
}, {
...t
}) : t;
}
function by(e, t) {
return t === "@" || t.startsWith("@") && (e.some((r) => t.startsWith(`@${r}`)) || !!t.match(/^@\d/));
}
function vy(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\`.` : hr(18, `(${t})`));
return null;
}
const [, n, a] = r, o = Number.isNaN(+n) ? n || 0 : +n;
return e.containerQueries(a).up(o);
}
function Sy(e) {
const t = (o, s) => o.replace("@media", s ? `@container ${s}` : "@container");
function r(o, s) {
o.up = (...i) => t(e.breakpoints.up(...i), s), o.down = (...i) => t(e.breakpoints.down(...i), s), o.between = (...i) => t(e.breakpoints.between(...i), s), o.only = (...i) => t(e.breakpoints.only(...i), s), o.not = (...i) => {
const l = t(e.breakpoints.not(...i), s);
return l.includes("not all and") ? l.replace("not all and ", "").replace("min-width:", "width<").replace("max-width:", "width>").replace("and", "or") : l;
};
}
const n = {}, a = (o) => (r(n, o), n);
return r(a), {
...e,
containerQueries: a
};
}
const xy = {
borderRadius: 4
}, fr = process.env.NODE_ENV !== "production" ? g.oneOfType([g.number, g.string, g.object, g.array]) : {};
function ia(e, t) {
return t ? et(e, t, {
clone: !1
// No need to clone deep, it's way faster.
}) : e;
}
const ls = {
xs: 0,
// phone
sm: 600,
// tablet
md: 900,
// small laptop
lg: 1200,
// desktop
xl: 1536
// large screen
}, Gc = {
// 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:${ls[e]}px)`
}, Oy = {
containerQueries: (e) => ({
up: (t) => {
let r = typeof t == "number" ? t : ls[t] || t;
return typeof r == "number" && (r = `${r}px`), e ? `@container ${e} (min-width:${r})` : `@container (min-width:${r})`;
}
})
};
function Tt(e, t, r) {
const n = e.theme || {};
if (Array.isArray(t)) {
const o = n.breakpoints || Gc;
return t.reduce((s, i, l) => (s[o.up(o.keys[l])] = r(t[l]), s), {});
}
if (typeof t == "object") {
const o = n.breakpoints || Gc;
return Object.keys(t).reduce((s, i) => {
if (by(o.keys, i)) {
const l = vy(n.containerQueries ? n : Oy, i);
l && (s[l] = r(t[i], i));
} else if (Object.keys(o.values || ls).includes(i)) {
const l = o.up(i);
s[l] = r(t[i], i);
} else {
const l = i;
s[l] = t[l];
}
return s;
}, {});
}
return r(t);
}
function Gh(e = {}) {
var r;
return ((r = e.keys) == null ? void 0 : r.reduce((n, a) => {
const o = e.up(a);
return n[o] = {}, n;
}, {})) || {};
}
function Hh(e, t) {
return e.reduce((r, n) => {
const a = r[n];
return (!a || Object.keys(a).length === 0) && delete r[n], r;
}, t);
}
function wy(e, ...t) {
const r = Gh(e), n = [r, ...t].reduce((a, o) => et(a, o), {});
return Hh(Object.keys(r), n);
}
function Cy(e, t) {
if (typeof e != "object")
return {};
const r = {}, n = Object.keys(t);
return Array.isArray(e) ? n.forEach((a, o) => {
o < e.length && (r[a] = !0);
}) : n.forEach((a) => {
e[a] != null && (r[a] = !0);
}), r;
}
function ni({
values: e,
breakpoints: t,
base: r
}) {
const n = r || Cy(e, t), a = Object.keys(n);
if (a.length === 0)
return e;
let o;
return a.reduce((s, i, l) => (Array.isArray(e) ? (s[i] = e[l] != null ? e[l] : e[o], o = l) : typeof e == "object" ? (s[i] = e[i] != null ? e[i] : e[o], o = i) : s[i] = e, s), {});
}
function Ze(e) {
if (typeof e != "string")
throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `capitalize(string)` expects a string argument." : hr(7));
return e.charAt(0).toUpperCase() + e.slice(1);
}
function cs(e, t, r = !0) {
if (!t || typeof t != "string")
return null;
if (e && e.vars && r) {
const n = `vars.${t}`.split(".").reduce((a, o) => a && a[o] ? a[o] : null, e);
if (n != null)
return n;
}
return t.split(".").reduce((n, a) => n && n[a] != null ? n[a] : null, e);
}
function ko(e, t, r, n = r) {
let a;
return typeof e == "function" ? a = e(r) : Array.isArray(e) ? a = e[r] || n : a = cs(e, r) || n, t && (a = t(a, n, e)), a;
}
function $e(e) {
const {
prop: t,
cssProperty: r = e.prop,
themeKey: n,
transform: a
} = e, o = (s) => {
if (s[t] == null)
return null;
const i = s[t], l = s.theme, c = cs(l, n) || {};
return Tt(s, i, (d) => {
let h = ko(c, a, d);
return d === h && typeof d == "string" && (h = ko(c, a, `${t}${d === "default" ? "" : Ze(d)}`, d)), r === !1 ? h : {
[r]: h
};
});
};
return o.propTypes = process.env.NODE_ENV !== "production" ? {
[t]: fr
} : {}, o.filterProps = [t], o;
}
function Py(e) {
const t = {};
return (r) => (t[r] === void 0 && (t[r] = e(r)), t[r]);
}
const Ty = {
m: "margin",
p: "padding"
}, Ay = {
t: "Top",
r: "Right",
b: "Bottom",
l: "Left",
x: ["Left", "Right"],
y: ["Top", "Bottom"]
}, Hc = {
marginX: "mx",
marginY: "my",
paddingX: "px",
paddingY: "py"
}, Ry = Py((e) => {
if (e.length > 2)
if (Hc[e])
e = Hc[e];
else
return [e];
const [t, r] = e.split(""), n = Ty[t], a = Ay[r] || "";
return Array.isArray(a) ? a.map((o) => n + o) : [n + a];
}), us = ["m", "mt", "mr", "mb", "ml", "mx", "my", "margin", "marginTop", "marginRight", "marginBottom", "marginLeft", "marginX", "marginY", "marginInline", "marginInlineStart", "marginInlineEnd", "marginBlock", "marginBlockStart", "marginBlockEnd"], ds = ["p", "pt", "pr", "pb", "pl", "px", "py", "padding", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "paddingX", "paddingY", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "paddingBlock", "paddingBlockStart", "paddingBlockEnd"], _y = [...us, ...ds];
function Aa(e, t, r, n) {
const a = cs(e, t, !0) ?? r;
return typeof a == "number" || typeof a == "string" ? (o) => typeof o == "string" ? o : (process.env.NODE_ENV !== "production" && typeof o != "number" && console.error(`MUI: Expected ${n} argument to be a number or a string, got ${o}.`), typeof a == "string" ? a.startsWith("var(") && o === 0 ? 0 : a.startsWith("var(") && o === 1 ? a : `calc(${o} * ${a})` : a * o) : Array.isArray(a) ? (o) => {
if (typeof o == "string")
return o;
const s = Math.abs(o);
process.env.NODE_ENV !== "production" && (Number.isInteger(s) ? s > a.length - 1 && console.error([`MUI: The value provided (${s}) overflows.`, `The supported values are: ${JSON.stringify(a)}.`, `${s} > ${a.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 i = a[s];
return o >= 0 ? i : typeof i == "number" ? -i : typeof i == "string" && i.startsWith("var(") ? `calc(-1 * ${i})` : `-${i}`;
} : typeof a == "function" ? a : (process.env.NODE_ENV !== "production" && console.error([`MUI: The \`theme.${t}\` value (${a}) is invalid.`, "It should be a number, an array or a function."].join(`
`)), () => {
});
}
function hs(e) {
return Aa(e, "spacing", 8, "spacing");
}
function Ar(e, t) {
return typeof t == "string" || t == null ? t : e(t);
}
function Vy(e, t) {
return (r) => e.reduce((n, a) => (n[a] = Ar(t, r), n), {});
}
function Ey(e, t, r, n) {
if (!t.includes(r))
return null;
const a = Ry(r), o = Vy(a, n), s = e[r];
return Tt(e, s, o);
}
function qh(e, t) {
const r = hs(e.theme);
return Object.keys(e).map((n) => Ey(e, t, n, r)).reduce(ia, {});
}
function Ee(e) {
return qh(e, us);
}
Ee.propTypes = process.env.NODE_ENV !== "production" ? us.reduce((e, t) => (e[t] = fr, e), {}) : {};
Ee.filterProps = us;
function Ie(e) {
return qh(e, ds);
}
Ie.propTypes = process.env.NODE_ENV !== "production" ? ds.reduce((e, t) => (e[t] = fr, e), {}) : {};
Ie.filterProps = ds;
process.env.NODE_ENV !== "production" && _y.reduce((e, t) => (e[t] = fr, e), {});
function Jh(e = 8, t = hs({
spacing: e
})) {
if (e.mui)
return e;
const r = (...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((o) => {
const s = t(o);
return typeof s == "number" ? `${s}px` : s;
}).join(" "));
return r.mui = !0, r;
}
function ps(...e) {
const t = e.reduce((n, a) => (a.filterProps.forEach((o) => {
n[o] = a;
}), n), {}), r = (n) => Object.keys(n).reduce((a, o) => t[o] ? ia(a, t[o](n)) : a, {});
return r.propTypes = process.env.NODE_ENV !== "production" ? e.reduce((n, a) => Object.assign(n, a.propTypes), {}) : {}, r.filterProps = e.reduce((n, a) => n.concat(a.filterProps), []), r;
}
function gt(e) {
return typeof e != "number" ? e : `${e}px solid`;
}
function Ot(e, t) {
return $e({
prop: e,
themeKey: "borders",
transform: t
});
}
const Iy = Ot("border", gt), My = Ot("borderTop", gt), $y = Ot("borderRight", gt), jy = Ot("borderBottom", gt), ky = Ot("borderLeft", gt), Uy = Ot("borderColor"), Ly = Ot("borderTopColor"), Dy = Ot("borderRightColor"), Ny = Ot("borderBottomColor"), By = Ot("borderLeftColor"), Fy = Ot("outline", gt), zy = Ot("outlineColor"), ms = (e) => {
if (e.borderRadius !== void 0 && e.borderRadius !== null) {
const t = Aa(e.theme, "shape.borderRadius", 4, "borderRadius"), r = (n) => ({
borderRadius: Ar(t, n)
});
return Tt(e, e.borderRadius, r);
}
return null;
};
ms.propTypes = process.env.NODE_ENV !== "production" ? {
borderRadius: fr
} : {};
ms.filterProps = ["borderRadius"];
ps(Iy, My, $y, jy, ky, Uy, Ly, Dy, Ny, By, ms, Fy, zy);
const fs = (e) => {
if (e.gap !== void 0 && e.gap !== null) {
const t = Aa(e.theme, "spacing", 8, "gap"), r = (n) => ({
gap: Ar(t, n)
});
return Tt(e, e.gap, r);
}
return null;
};
fs.propTypes = process.env.NODE_ENV !== "production" ? {
gap: fr
} : {};
fs.filterProps = ["gap"];
const gs = (e) => {
if (e.columnGap !== void 0 && e.columnGap !== null) {
const t = Aa(e.theme, "spacing", 8, "columnGap"), r = (n) => ({
columnGap: Ar(t, n)
});
return Tt(e, e.columnGap, r);
}
return null;
};
gs.propTypes = process.env.NODE_ENV !== "production" ? {
columnGap: fr
} : {};
gs.filterProps = ["columnGap"];
const ys = (e) => {
if (e.rowGap !== void 0 && e.rowGap !== null) {
const t = Aa(e.theme, "spacing", 8, "rowGap"), r = (n) => ({
rowGap: Ar(t, n)
});
return Tt(e, e.rowGap, r);
}
return null;
};
ys.propTypes = process.env.NODE_ENV !== "production" ? {
rowGap: fr
} : {};
ys.filterProps = ["rowGap"];
const Gy = $e({
prop: "gridColumn"
}), Hy = $e({
prop: "gridRow"
}), qy = $e({
prop: "gridAutoFlow"
}), Jy = $e({
prop: "gridAutoColumns"
}), Wy = $e({
prop: "gridAutoRows"
}), Yy = $e({
prop: "gridTemplateColumns"
}), Ky = $e({
prop: "gridTemplateRows"
}), Qy = $e({
prop: "gridTemplateAreas"
}), Xy = $e({
prop: "gridArea"
});
ps(fs, gs, ys, Gy, Hy, qy, Jy, Wy, Yy, Ky, Qy, Xy);
function dn(e, t) {
return t === "grey" ? t : e;
}
const Zy = $e({
prop: "color",
themeKey: "palette",
transform: dn
}), e0 = $e({
prop: "bgcolor",
cssProperty: "backgroundColor",
themeKey: "palette",
transform: dn
}), t0 = $e({
prop: "backgroundColor",
themeKey: "palette",
transform: dn
});
ps(Zy, e0, t0);
function ut(e) {
return e <= 1 && e !== 0 ? `${e * 100}%` : e;
}
const r0 = $e({
prop: "width",
transform: ut
}), El = (e) => {
if (e.maxWidth !== void 0 && e.maxWidth !== null) {
const t = (r) => {
var a, o, s, i, l;
const n = ((s = (o = (a = e.theme) == null ? void 0 : a.breakpoints) == null ? void 0 : o.values) == null ? void 0 : s[r]) || ls[r];
return n ? ((l = (i = e.theme) == null ? void 0 : i.breakpoints) == null ? void 0 : l.unit) !== "px" ? {
maxWidth: `${n}${e.theme.breakpoints.unit}`
} : {
maxWidth: n
} : {
maxWidth: ut(r)
};
};
return Tt(e, e.maxWidth, t);
}
return null;
};
El.filterProps = ["maxWidth"];
const n0 = $e({
prop: "minWidth",
transform: ut
}), a0 = $e({
prop: "height",
transform: ut
}), o0 = $e({
prop: "maxHeight",
transform: ut
}), s0 = $e({
prop: "minHeight",
transform: ut
});
$e({
prop: "size",
cssProperty: "width",
transform: ut
});
$e({
prop: "size",
cssProperty: "height",
transform: ut
});
const i0 = $e({
prop: "boxSizing"
});
ps(r0, El, n0, a0, o0, s0, i0);
const Ra = {
// borders
border: {
themeKey: "borders",
transform: gt
},
borderTop: {
themeKey: "borders",
transform: gt
},
borderRight: {
themeKey: "borders",
transform: gt
},
borderBottom: {
themeKey: "borders",
transform: gt
},
borderLeft: {
themeKey: "borders",
transform: gt
},
borderColor: {
themeKey: "palette"
},
borderTopColor: {
themeKey: "palette"
},
borderRightColor: {
themeKey: "palette"
},
borderBottomColor: {
themeKey: "palette"
},
borderLeftColor: {
themeKey: "palette"
},
outline: {
themeKey: "borders",
transform: gt
},
outlineColor: {
themeKey: "palette"
},
borderRadius: {
themeKey: "shape.borderRadius",
style: ms
},
// palette
color: {
themeKey: "palette",
transform: dn
},
bgcolor: {
themeKey: "palette",
cssProperty: "backgroundColor",
transform: dn
},
backgroundColor: {
themeKey: "palette",
transform: dn
},
// spacing
p: {
style: Ie
},
pt: {
style: Ie
},
pr: {
style: Ie
},
pb: {
style: Ie
},
pl: {
style: Ie
},
px: {
style: Ie
},
py: {
style: Ie
},
padding: {
style: Ie
},
paddingTop: {
style: Ie
},
paddingRight: {
style: Ie
},
paddingBottom: {
style: Ie
},
paddingLeft: {
style: Ie
},
paddingX: {
style: Ie
},
paddingY: {
style: Ie
},
paddingInline: {
style: Ie
},
paddingInlineStart: {
style: Ie
},
paddingInlineEnd: {
style: Ie
},
paddingBlock: {
style: Ie
},
paddingBlockStart: {
style: Ie
},
paddingBlockEnd: {
style: Ie
},
m: {
style: Ee
},
mt: {
style: Ee
},
mr: {
style: Ee
},
mb: {
style: Ee
},
ml: {
style: Ee
},
mx: {
style: Ee
},
my: {
style: Ee
},
margin: {
style: Ee
},
marginTop: {
style: Ee
},
marginRight: {
style: Ee
},
marginBottom: {
style: Ee
},
marginLeft: {
style: Ee
},
marginX: {
style: Ee
},
marginY: {
style: Ee
},
marginInline: {
style: Ee
},
marginInlineStart: {
style: Ee
},
marginInlineEnd: {
style: Ee
},
marginBlock: {
style: Ee
},
marginBlockStart: {
style: Ee
},
marginBlockEnd: {
style: Ee
},
// 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: fs
},
rowGap: {
style: ys
},
columnGap: {
style: gs
},
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: ut
},
maxWidth: {
style: El
},
minWidth: {
transform: ut
},
height: {
transform: ut
},
maxHeight: {
transform: ut
},
minHeight: {
transform: ut
},
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 l0(...e) {
const t = e.reduce((n, a) => n.concat(Object.keys(a)), []), r = new Set(t);
return e.every((n) => r.size === Object.keys(n).length);
}
function c0(e, t) {
return typeof e == "function" ? e(t) : e;
}
function u0() {
function e(r, n, a, o) {
const s = {
[r]: n,
theme: a
}, i = o[r];
if (!i)
return {
[r]: n
};
const {
cssProperty: l = r,
themeKey: c,
transform: u,
style: d
} = i;
if (n == null)
return null;
if (c === "typography" && n === "inherit")
return {
[r]: n
};
const h = cs(a, c) || {};
return d ? d(s) : Tt(s, n, (f) => {
let m = ko(h, u, f);
return f === m && typeof f == "string" && (m = ko(h, u, `${r}${f === "default" ? "" : Ze(f)}`, f)), l === !1 ? m : {
[l]: m
};
});
}
function t(r) {
const {
sx: n,
theme: a = {}
} = r || {};
if (!n)
return null;
const o = a.unstable_sxConfig ?? Ra;
function s(i) {
let l = i;
if (typeof i == "function")
l = i(a);
else if (typeof i != "object")
return i;
if (!l)
return null;
const c = Gh(a.breakpoints), u = Object.keys(c);
let d = c;
return Object.keys(l).forEach((h) => {
const p = c0(l[h], a);
if (p != null)
if (typeof p == "object")
if (o[h])
d = ia(d, e(h, p, a, o));
else {
const f = Tt({
theme: a
}, p, (m) => ({
[h]: m
}));
l0(f, p) ? d[h] = t({
sx: p,
theme: a
}) : d = ia(d, f);
}
else
d = ia(d, e(h, p, a, o));
}), yy(a, Hh(u, d));
}
return Array.isArray(n) ? n.map(s) : s(n);
}
return t;
}
const yn = u0();
yn.filterP