Vlad Durnea
cffdf8af86
Some checks failed
CI/CD Pipeline / unit-tests (push) Failing after 1m16s
CI/CD Pipeline / integration-tests (push) Failing after 2m32s
CI/CD Pipeline / lint (push) Successful in 5m22s
CI/CD Pipeline / e2e-tests (push) Has been skipped
CI/CD Pipeline / build (push) Has been skipped
7197 lines
253 KiB
JavaScript
7197 lines
253 KiB
JavaScript
import {
|
||
require_jsx_runtime
|
||
} from "./chunk-WKPQ4ZTV.js";
|
||
import {
|
||
require_react
|
||
} from "./chunk-BG45W2ER.js";
|
||
import {
|
||
__commonJS,
|
||
__esm,
|
||
__export,
|
||
__toCommonJS,
|
||
__toESM
|
||
} from "./chunk-HXA6O6EE.js";
|
||
|
||
// node_modules/@mui/utils/esm/formatMuiErrorMessage/formatMuiErrorMessage.js
|
||
function formatMuiErrorMessage(code) {
|
||
let url = "https://mui.com/production-error/?code=" + code;
|
||
for (let i = 1; i < arguments.length; i += 1) {
|
||
url += "&args[]=" + encodeURIComponent(arguments[i]);
|
||
}
|
||
return "Minified MUI error #" + code + "; visit " + url + " for the full message.";
|
||
}
|
||
var init_formatMuiErrorMessage = __esm({
|
||
"node_modules/@mui/utils/esm/formatMuiErrorMessage/formatMuiErrorMessage.js"() {
|
||
}
|
||
});
|
||
|
||
// node_modules/@mui/utils/esm/formatMuiErrorMessage/index.js
|
||
var formatMuiErrorMessage_exports = {};
|
||
__export(formatMuiErrorMessage_exports, {
|
||
default: () => formatMuiErrorMessage
|
||
});
|
||
var init_formatMuiErrorMessage2 = __esm({
|
||
"node_modules/@mui/utils/esm/formatMuiErrorMessage/index.js"() {
|
||
init_formatMuiErrorMessage();
|
||
}
|
||
});
|
||
|
||
// node_modules/@emotion/sheet/dist/emotion-sheet.development.esm.js
|
||
function sheetForTag(tag) {
|
||
if (tag.sheet) {
|
||
return tag.sheet;
|
||
}
|
||
for (var i = 0; i < document.styleSheets.length; i++) {
|
||
if (document.styleSheets[i].ownerNode === tag) {
|
||
return document.styleSheets[i];
|
||
}
|
||
}
|
||
return void 0;
|
||
}
|
||
function createStyleElement(options) {
|
||
var tag = document.createElement("style");
|
||
tag.setAttribute("data-emotion", options.key);
|
||
if (options.nonce !== void 0) {
|
||
tag.setAttribute("nonce", options.nonce);
|
||
}
|
||
tag.appendChild(document.createTextNode(""));
|
||
tag.setAttribute("data-s", "");
|
||
return tag;
|
||
}
|
||
var isDevelopment, StyleSheet;
|
||
var init_emotion_sheet_development_esm = __esm({
|
||
"node_modules/@emotion/sheet/dist/emotion-sheet.development.esm.js"() {
|
||
isDevelopment = true;
|
||
StyleSheet = function() {
|
||
function StyleSheet2(options) {
|
||
var _this = this;
|
||
this._insertTag = function(tag) {
|
||
var before;
|
||
if (_this.tags.length === 0) {
|
||
if (_this.insertionPoint) {
|
||
before = _this.insertionPoint.nextSibling;
|
||
} else if (_this.prepend) {
|
||
before = _this.container.firstChild;
|
||
} else {
|
||
before = _this.before;
|
||
}
|
||
} else {
|
||
before = _this.tags[_this.tags.length - 1].nextSibling;
|
||
}
|
||
_this.container.insertBefore(tag, before);
|
||
_this.tags.push(tag);
|
||
};
|
||
this.isSpeedy = options.speedy === void 0 ? !isDevelopment : options.speedy;
|
||
this.tags = [];
|
||
this.ctr = 0;
|
||
this.nonce = options.nonce;
|
||
this.key = options.key;
|
||
this.container = options.container;
|
||
this.prepend = options.prepend;
|
||
this.insertionPoint = options.insertionPoint;
|
||
this.before = null;
|
||
}
|
||
var _proto = StyleSheet2.prototype;
|
||
_proto.hydrate = function hydrate(nodes) {
|
||
nodes.forEach(this._insertTag);
|
||
};
|
||
_proto.insert = function insert(rule) {
|
||
if (this.ctr % (this.isSpeedy ? 65e3 : 1) === 0) {
|
||
this._insertTag(createStyleElement(this));
|
||
}
|
||
var tag = this.tags[this.tags.length - 1];
|
||
{
|
||
var isImportRule3 = rule.charCodeAt(0) === 64 && rule.charCodeAt(1) === 105;
|
||
if (isImportRule3 && this._alreadyInsertedOrderInsensitiveRule) {
|
||
console.error("You're attempting to insert the following rule:\n" + rule + "\n\n`@import` rules must be before all other types of rules in a stylesheet but other rules have already been inserted. Please ensure that `@import` rules are before all other rules.");
|
||
}
|
||
this._alreadyInsertedOrderInsensitiveRule = this._alreadyInsertedOrderInsensitiveRule || !isImportRule3;
|
||
}
|
||
if (this.isSpeedy) {
|
||
var sheet = sheetForTag(tag);
|
||
try {
|
||
sheet.insertRule(rule, sheet.cssRules.length);
|
||
} catch (e) {
|
||
if (!/:(-moz-placeholder|-moz-focus-inner|-moz-focusring|-ms-input-placeholder|-moz-read-write|-moz-read-only|-ms-clear|-ms-expand|-ms-reveal){/.test(rule)) {
|
||
console.error('There was a problem inserting the following rule: "' + rule + '"', e);
|
||
}
|
||
}
|
||
} else {
|
||
tag.appendChild(document.createTextNode(rule));
|
||
}
|
||
this.ctr++;
|
||
};
|
||
_proto.flush = function flush() {
|
||
this.tags.forEach(function(tag) {
|
||
var _tag$parentNode;
|
||
return (_tag$parentNode = tag.parentNode) == null ? void 0 : _tag$parentNode.removeChild(tag);
|
||
});
|
||
this.tags = [];
|
||
this.ctr = 0;
|
||
{
|
||
this._alreadyInsertedOrderInsensitiveRule = false;
|
||
}
|
||
};
|
||
return StyleSheet2;
|
||
}();
|
||
}
|
||
});
|
||
|
||
// node_modules/stylis/src/Enum.js
|
||
var MS, MOZ, WEBKIT, COMMENT, RULESET, DECLARATION, IMPORT, KEYFRAMES, LAYER;
|
||
var init_Enum = __esm({
|
||
"node_modules/stylis/src/Enum.js"() {
|
||
MS = "-ms-";
|
||
MOZ = "-moz-";
|
||
WEBKIT = "-webkit-";
|
||
COMMENT = "comm";
|
||
RULESET = "rule";
|
||
DECLARATION = "decl";
|
||
IMPORT = "@import";
|
||
KEYFRAMES = "@keyframes";
|
||
LAYER = "@layer";
|
||
}
|
||
});
|
||
|
||
// node_modules/stylis/src/Utility.js
|
||
function hash(value, length2) {
|
||
return charat(value, 0) ^ 45 ? (((length2 << 2 ^ charat(value, 0)) << 2 ^ charat(value, 1)) << 2 ^ charat(value, 2)) << 2 ^ charat(value, 3) : 0;
|
||
}
|
||
function trim(value) {
|
||
return value.trim();
|
||
}
|
||
function match(value, pattern) {
|
||
return (value = pattern.exec(value)) ? value[0] : value;
|
||
}
|
||
function replace(value, pattern, replacement) {
|
||
return value.replace(pattern, replacement);
|
||
}
|
||
function indexof(value, search) {
|
||
return value.indexOf(search);
|
||
}
|
||
function charat(value, index) {
|
||
return value.charCodeAt(index) | 0;
|
||
}
|
||
function substr(value, begin, end) {
|
||
return value.slice(begin, end);
|
||
}
|
||
function strlen(value) {
|
||
return value.length;
|
||
}
|
||
function sizeof(value) {
|
||
return value.length;
|
||
}
|
||
function append(value, array) {
|
||
return array.push(value), value;
|
||
}
|
||
function combine(array, callback) {
|
||
return array.map(callback).join("");
|
||
}
|
||
var abs, from, assign;
|
||
var init_Utility = __esm({
|
||
"node_modules/stylis/src/Utility.js"() {
|
||
abs = Math.abs;
|
||
from = String.fromCharCode;
|
||
assign = Object.assign;
|
||
}
|
||
});
|
||
|
||
// node_modules/stylis/src/Tokenizer.js
|
||
function node(value, root, parent, type, props, children, length2) {
|
||
return { value, root, parent, type, props, children, line, column, length: length2, return: "" };
|
||
}
|
||
function copy(root, props) {
|
||
return assign(node("", null, null, "", null, null, 0), root, { length: -root.length }, props);
|
||
}
|
||
function char() {
|
||
return character;
|
||
}
|
||
function prev() {
|
||
character = position > 0 ? charat(characters, --position) : 0;
|
||
if (column--, character === 10)
|
||
column = 1, line--;
|
||
return character;
|
||
}
|
||
function next() {
|
||
character = position < length ? charat(characters, position++) : 0;
|
||
if (column++, character === 10)
|
||
column = 1, line++;
|
||
return character;
|
||
}
|
||
function peek() {
|
||
return charat(characters, position);
|
||
}
|
||
function caret() {
|
||
return position;
|
||
}
|
||
function slice(begin, end) {
|
||
return substr(characters, begin, end);
|
||
}
|
||
function token(type) {
|
||
switch (type) {
|
||
case 0:
|
||
case 9:
|
||
case 10:
|
||
case 13:
|
||
case 32:
|
||
return 5;
|
||
case 33:
|
||
case 43:
|
||
case 44:
|
||
case 47:
|
||
case 62:
|
||
case 64:
|
||
case 126:
|
||
case 59:
|
||
case 123:
|
||
case 125:
|
||
return 4;
|
||
case 58:
|
||
return 3;
|
||
case 34:
|
||
case 39:
|
||
case 40:
|
||
case 91:
|
||
return 2;
|
||
case 41:
|
||
case 93:
|
||
return 1;
|
||
}
|
||
return 0;
|
||
}
|
||
function alloc(value) {
|
||
return line = column = 1, length = strlen(characters = value), position = 0, [];
|
||
}
|
||
function dealloc(value) {
|
||
return characters = "", value;
|
||
}
|
||
function delimit(type) {
|
||
return trim(slice(position - 1, delimiter(type === 91 ? type + 2 : type === 40 ? type + 1 : type)));
|
||
}
|
||
function whitespace(type) {
|
||
while (character = peek())
|
||
if (character < 33)
|
||
next();
|
||
else
|
||
break;
|
||
return token(type) > 2 || token(character) > 3 ? "" : " ";
|
||
}
|
||
function escaping(index, count) {
|
||
while (--count && next())
|
||
if (character < 48 || character > 102 || character > 57 && character < 65 || character > 70 && character < 97)
|
||
break;
|
||
return slice(index, caret() + (count < 6 && peek() == 32 && next() == 32));
|
||
}
|
||
function delimiter(type) {
|
||
while (next())
|
||
switch (character) {
|
||
case type:
|
||
return position;
|
||
case 34:
|
||
case 39:
|
||
if (type !== 34 && type !== 39)
|
||
delimiter(character);
|
||
break;
|
||
case 40:
|
||
if (type === 41)
|
||
delimiter(type);
|
||
break;
|
||
case 92:
|
||
next();
|
||
break;
|
||
}
|
||
return position;
|
||
}
|
||
function commenter(type, index) {
|
||
while (next())
|
||
if (type + character === 47 + 10)
|
||
break;
|
||
else if (type + character === 42 + 42 && peek() === 47)
|
||
break;
|
||
return "/*" + slice(index, position - 1) + "*" + from(type === 47 ? type : next());
|
||
}
|
||
function identifier(index) {
|
||
while (!token(peek()))
|
||
next();
|
||
return slice(index, position);
|
||
}
|
||
var line, column, length, position, character, characters;
|
||
var init_Tokenizer = __esm({
|
||
"node_modules/stylis/src/Tokenizer.js"() {
|
||
init_Utility();
|
||
line = 1;
|
||
column = 1;
|
||
length = 0;
|
||
position = 0;
|
||
character = 0;
|
||
characters = "";
|
||
}
|
||
});
|
||
|
||
// node_modules/stylis/src/Parser.js
|
||
function compile(value) {
|
||
return dealloc(parse("", null, null, null, [""], value = alloc(value), 0, [0], value));
|
||
}
|
||
function parse(value, root, parent, rule, rules, rulesets, pseudo, points, declarations) {
|
||
var index = 0;
|
||
var offset = 0;
|
||
var length2 = pseudo;
|
||
var atrule = 0;
|
||
var property = 0;
|
||
var previous = 0;
|
||
var variable = 1;
|
||
var scanning = 1;
|
||
var ampersand = 1;
|
||
var character2 = 0;
|
||
var type = "";
|
||
var props = rules;
|
||
var children = rulesets;
|
||
var reference = rule;
|
||
var characters2 = type;
|
||
while (scanning)
|
||
switch (previous = character2, character2 = next()) {
|
||
case 40:
|
||
if (previous != 108 && charat(characters2, length2 - 1) == 58) {
|
||
if (indexof(characters2 += replace(delimit(character2), "&", "&\f"), "&\f") != -1)
|
||
ampersand = -1;
|
||
break;
|
||
}
|
||
case 34:
|
||
case 39:
|
||
case 91:
|
||
characters2 += delimit(character2);
|
||
break;
|
||
case 9:
|
||
case 10:
|
||
case 13:
|
||
case 32:
|
||
characters2 += whitespace(previous);
|
||
break;
|
||
case 92:
|
||
characters2 += escaping(caret() - 1, 7);
|
||
continue;
|
||
case 47:
|
||
switch (peek()) {
|
||
case 42:
|
||
case 47:
|
||
append(comment(commenter(next(), caret()), root, parent), declarations);
|
||
break;
|
||
default:
|
||
characters2 += "/";
|
||
}
|
||
break;
|
||
case 123 * variable:
|
||
points[index++] = strlen(characters2) * ampersand;
|
||
case 125 * variable:
|
||
case 59:
|
||
case 0:
|
||
switch (character2) {
|
||
case 0:
|
||
case 125:
|
||
scanning = 0;
|
||
case 59 + offset:
|
||
if (ampersand == -1) characters2 = replace(characters2, /\f/g, "");
|
||
if (property > 0 && strlen(characters2) - length2)
|
||
append(property > 32 ? declaration(characters2 + ";", rule, parent, length2 - 1) : declaration(replace(characters2, " ", "") + ";", rule, parent, length2 - 2), declarations);
|
||
break;
|
||
case 59:
|
||
characters2 += ";";
|
||
default:
|
||
append(reference = ruleset(characters2, root, parent, index, offset, rules, points, type, props = [], children = [], length2), rulesets);
|
||
if (character2 === 123)
|
||
if (offset === 0)
|
||
parse(characters2, root, reference, reference, props, rulesets, length2, points, children);
|
||
else
|
||
switch (atrule === 99 && charat(characters2, 3) === 110 ? 100 : atrule) {
|
||
case 100:
|
||
case 108:
|
||
case 109:
|
||
case 115:
|
||
parse(value, reference, reference, rule && append(ruleset(value, reference, reference, 0, 0, rules, points, type, rules, props = [], length2), children), rules, children, length2, points, rule ? props : children);
|
||
break;
|
||
default:
|
||
parse(characters2, reference, reference, reference, [""], children, 0, points, children);
|
||
}
|
||
}
|
||
index = offset = property = 0, variable = ampersand = 1, type = characters2 = "", length2 = pseudo;
|
||
break;
|
||
case 58:
|
||
length2 = 1 + strlen(characters2), property = previous;
|
||
default:
|
||
if (variable < 1) {
|
||
if (character2 == 123)
|
||
--variable;
|
||
else if (character2 == 125 && variable++ == 0 && prev() == 125)
|
||
continue;
|
||
}
|
||
switch (characters2 += from(character2), character2 * variable) {
|
||
case 38:
|
||
ampersand = offset > 0 ? 1 : (characters2 += "\f", -1);
|
||
break;
|
||
case 44:
|
||
points[index++] = (strlen(characters2) - 1) * ampersand, ampersand = 1;
|
||
break;
|
||
case 64:
|
||
if (peek() === 45)
|
||
characters2 += delimit(next());
|
||
atrule = peek(), offset = length2 = strlen(type = characters2 += identifier(caret())), character2++;
|
||
break;
|
||
case 45:
|
||
if (previous === 45 && strlen(characters2) == 2)
|
||
variable = 0;
|
||
}
|
||
}
|
||
return rulesets;
|
||
}
|
||
function ruleset(value, root, parent, index, offset, rules, points, type, props, children, length2) {
|
||
var post = offset - 1;
|
||
var rule = offset === 0 ? rules : [""];
|
||
var size = sizeof(rule);
|
||
for (var i = 0, j = 0, k = 0; i < index; ++i)
|
||
for (var x = 0, y = substr(value, post + 1, post = abs(j = points[i])), z = value; x < size; ++x)
|
||
if (z = trim(j > 0 ? rule[x] + " " + y : replace(y, /&\f/g, rule[x])))
|
||
props[k++] = z;
|
||
return node(value, root, parent, offset === 0 ? RULESET : type, props, children, length2);
|
||
}
|
||
function comment(value, root, parent) {
|
||
return node(value, root, parent, COMMENT, from(char()), substr(value, 2, -2), 0);
|
||
}
|
||
function declaration(value, root, parent, length2) {
|
||
return node(value, root, parent, DECLARATION, substr(value, 0, length2), substr(value, length2 + 1, -1), length2);
|
||
}
|
||
var init_Parser = __esm({
|
||
"node_modules/stylis/src/Parser.js"() {
|
||
init_Enum();
|
||
init_Utility();
|
||
init_Tokenizer();
|
||
}
|
||
});
|
||
|
||
// node_modules/stylis/src/Prefixer.js
|
||
var init_Prefixer = __esm({
|
||
"node_modules/stylis/src/Prefixer.js"() {
|
||
init_Enum();
|
||
init_Utility();
|
||
}
|
||
});
|
||
|
||
// node_modules/stylis/src/Serializer.js
|
||
function serialize(children, callback) {
|
||
var output = "";
|
||
var length2 = sizeof(children);
|
||
for (var i = 0; i < length2; i++)
|
||
output += callback(children[i], i, children, callback) || "";
|
||
return output;
|
||
}
|
||
function stringify(element, index, children, callback) {
|
||
switch (element.type) {
|
||
case LAYER:
|
||
if (element.children.length) break;
|
||
case IMPORT:
|
||
case DECLARATION:
|
||
return element.return = element.return || element.value;
|
||
case COMMENT:
|
||
return "";
|
||
case KEYFRAMES:
|
||
return element.return = element.value + "{" + serialize(element.children, callback) + "}";
|
||
case RULESET:
|
||
element.value = element.props.join(",");
|
||
}
|
||
return strlen(children = serialize(element.children, callback)) ? element.return = element.value + "{" + children + "}" : "";
|
||
}
|
||
var init_Serializer = __esm({
|
||
"node_modules/stylis/src/Serializer.js"() {
|
||
init_Enum();
|
||
init_Utility();
|
||
}
|
||
});
|
||
|
||
// node_modules/stylis/src/Middleware.js
|
||
function middleware(collection) {
|
||
var length2 = sizeof(collection);
|
||
return function(element, index, children, callback) {
|
||
var output = "";
|
||
for (var i = 0; i < length2; i++)
|
||
output += collection[i](element, index, children, callback) || "";
|
||
return output;
|
||
};
|
||
}
|
||
var init_Middleware = __esm({
|
||
"node_modules/stylis/src/Middleware.js"() {
|
||
init_Enum();
|
||
init_Utility();
|
||
init_Tokenizer();
|
||
init_Serializer();
|
||
init_Prefixer();
|
||
}
|
||
});
|
||
|
||
// node_modules/stylis/index.js
|
||
var init_stylis = __esm({
|
||
"node_modules/stylis/index.js"() {
|
||
init_Enum();
|
||
init_Utility();
|
||
init_Parser();
|
||
init_Prefixer();
|
||
init_Tokenizer();
|
||
init_Serializer();
|
||
init_Middleware();
|
||
}
|
||
});
|
||
|
||
// node_modules/@emotion/weak-memoize/dist/emotion-weak-memoize.esm.js
|
||
var weakMemoize;
|
||
var init_emotion_weak_memoize_esm = __esm({
|
||
"node_modules/@emotion/weak-memoize/dist/emotion-weak-memoize.esm.js"() {
|
||
weakMemoize = function weakMemoize2(func) {
|
||
var cache = /* @__PURE__ */ new WeakMap();
|
||
return function(arg) {
|
||
if (cache.has(arg)) {
|
||
return cache.get(arg);
|
||
}
|
||
var ret = func(arg);
|
||
cache.set(arg, ret);
|
||
return ret;
|
||
};
|
||
};
|
||
}
|
||
});
|
||
|
||
// node_modules/@emotion/memoize/dist/emotion-memoize.esm.js
|
||
function memoize(fn) {
|
||
var cache = /* @__PURE__ */ Object.create(null);
|
||
return function(arg) {
|
||
if (cache[arg] === void 0) cache[arg] = fn(arg);
|
||
return cache[arg];
|
||
};
|
||
}
|
||
var init_emotion_memoize_esm = __esm({
|
||
"node_modules/@emotion/memoize/dist/emotion-memoize.esm.js"() {
|
||
}
|
||
});
|
||
|
||
// node_modules/@emotion/cache/dist/emotion-cache.browser.development.esm.js
|
||
function prefix2(value, length2) {
|
||
switch (hash(value, length2)) {
|
||
case 5103:
|
||
return WEBKIT + "print-" + value + value;
|
||
case 5737:
|
||
case 4201:
|
||
case 3177:
|
||
case 3433:
|
||
case 1641:
|
||
case 4457:
|
||
case 2921:
|
||
case 5572:
|
||
case 6356:
|
||
case 5844:
|
||
case 3191:
|
||
case 6645:
|
||
case 3005:
|
||
case 6391:
|
||
case 5879:
|
||
case 5623:
|
||
case 6135:
|
||
case 4599:
|
||
case 4855:
|
||
case 4215:
|
||
case 6389:
|
||
case 5109:
|
||
case 5365:
|
||
case 5621:
|
||
case 3829:
|
||
return WEBKIT + value + value;
|
||
case 5349:
|
||
case 4246:
|
||
case 4810:
|
||
case 6968:
|
||
case 2756:
|
||
return WEBKIT + value + MOZ + value + MS + value + value;
|
||
case 6828:
|
||
case 4268:
|
||
return WEBKIT + value + MS + value + value;
|
||
case 6165:
|
||
return WEBKIT + value + MS + "flex-" + value + value;
|
||
case 5187:
|
||
return WEBKIT + value + replace(value, /(\w+).+(:[^]+)/, WEBKIT + "box-$1$2" + MS + "flex-$1$2") + value;
|
||
case 5443:
|
||
return WEBKIT + value + MS + "flex-item-" + replace(value, /flex-|-self/, "") + value;
|
||
case 4675:
|
||
return WEBKIT + value + MS + "flex-line-pack" + replace(value, /align-content|flex-|-self/, "") + value;
|
||
case 5548:
|
||
return WEBKIT + value + MS + replace(value, "shrink", "negative") + value;
|
||
case 5292:
|
||
return WEBKIT + value + MS + replace(value, "basis", "preferred-size") + value;
|
||
case 6060:
|
||
return WEBKIT + "box-" + replace(value, "-grow", "") + WEBKIT + value + MS + replace(value, "grow", "positive") + value;
|
||
case 4554:
|
||
return WEBKIT + replace(value, /([^-])(transform)/g, "$1" + WEBKIT + "$2") + value;
|
||
case 6187:
|
||
return replace(replace(replace(value, /(zoom-|grab)/, WEBKIT + "$1"), /(image-set)/, WEBKIT + "$1"), value, "") + value;
|
||
case 5495:
|
||
case 3959:
|
||
return replace(value, /(image-set\([^]*)/, WEBKIT + "$1$`$1");
|
||
case 4968:
|
||
return replace(replace(value, /(.+:)(flex-)?(.*)/, WEBKIT + "box-pack:$3" + MS + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + WEBKIT + value + value;
|
||
case 4095:
|
||
case 3583:
|
||
case 4068:
|
||
case 2532:
|
||
return replace(value, /(.+)-inline(.+)/, WEBKIT + "$1$2") + value;
|
||
case 8116:
|
||
case 7059:
|
||
case 5753:
|
||
case 5535:
|
||
case 5445:
|
||
case 5701:
|
||
case 4933:
|
||
case 4677:
|
||
case 5533:
|
||
case 5789:
|
||
case 5021:
|
||
case 4765:
|
||
if (strlen(value) - 1 - length2 > 6) switch (charat(value, length2 + 1)) {
|
||
case 109:
|
||
if (charat(value, length2 + 4) !== 45) break;
|
||
case 102:
|
||
return replace(value, /(.+:)(.+)-([^]+)/, "$1" + WEBKIT + "$2-$3$1" + MOZ + (charat(value, length2 + 3) == 108 ? "$3" : "$2-$3")) + value;
|
||
case 115:
|
||
return ~indexof(value, "stretch") ? prefix2(replace(value, "stretch", "fill-available"), length2) + value : value;
|
||
}
|
||
break;
|
||
case 4949:
|
||
if (charat(value, length2 + 1) !== 115) break;
|
||
case 6444:
|
||
switch (charat(value, strlen(value) - 3 - (~indexof(value, "!important") && 10))) {
|
||
case 107:
|
||
return replace(value, ":", ":" + WEBKIT) + value;
|
||
case 101:
|
||
return replace(value, /(.+:)([^;!]+)(;|!.+)?/, "$1" + WEBKIT + (charat(value, 14) === 45 ? "inline-" : "") + "box$3$1" + WEBKIT + "$2$3$1" + MS + "$2box$3") + value;
|
||
}
|
||
break;
|
||
case 5936:
|
||
switch (charat(value, length2 + 11)) {
|
||
case 114:
|
||
return WEBKIT + value + MS + replace(value, /[svh]\w+-[tblr]{2}/, "tb") + value;
|
||
case 108:
|
||
return WEBKIT + value + MS + replace(value, /[svh]\w+-[tblr]{2}/, "tb-rl") + value;
|
||
case 45:
|
||
return WEBKIT + value + MS + replace(value, /[svh]\w+-[tblr]{2}/, "lr") + value;
|
||
}
|
||
return WEBKIT + value + MS + value + value;
|
||
}
|
||
return value;
|
||
}
|
||
var identifierWithPointTracking, toRules, getRules, fixedElements, compat, removeLabel, ignoreFlag, isIgnoringComment, createUnsafeSelectorsAlarm, isImportRule, isPrependedWithRegularRules, nullifyElement, incorrectImportAlarm, prefixer, defaultStylisPlugins, getSourceMap, sourceMapPattern, createCache;
|
||
var init_emotion_cache_browser_development_esm = __esm({
|
||
"node_modules/@emotion/cache/dist/emotion-cache.browser.development.esm.js"() {
|
||
init_emotion_sheet_development_esm();
|
||
init_stylis();
|
||
init_emotion_weak_memoize_esm();
|
||
init_emotion_memoize_esm();
|
||
identifierWithPointTracking = function identifierWithPointTracking2(begin, points, index) {
|
||
var previous = 0;
|
||
var character2 = 0;
|
||
while (true) {
|
||
previous = character2;
|
||
character2 = peek();
|
||
if (previous === 38 && character2 === 12) {
|
||
points[index] = 1;
|
||
}
|
||
if (token(character2)) {
|
||
break;
|
||
}
|
||
next();
|
||
}
|
||
return slice(begin, position);
|
||
};
|
||
toRules = function toRules2(parsed, points) {
|
||
var index = -1;
|
||
var character2 = 44;
|
||
do {
|
||
switch (token(character2)) {
|
||
case 0:
|
||
if (character2 === 38 && peek() === 12) {
|
||
points[index] = 1;
|
||
}
|
||
parsed[index] += identifierWithPointTracking(position - 1, points, index);
|
||
break;
|
||
case 2:
|
||
parsed[index] += delimit(character2);
|
||
break;
|
||
case 4:
|
||
if (character2 === 44) {
|
||
parsed[++index] = peek() === 58 ? "&\f" : "";
|
||
points[index] = parsed[index].length;
|
||
break;
|
||
}
|
||
default:
|
||
parsed[index] += from(character2);
|
||
}
|
||
} while (character2 = next());
|
||
return parsed;
|
||
};
|
||
getRules = function getRules2(value, points) {
|
||
return dealloc(toRules(alloc(value), points));
|
||
};
|
||
fixedElements = /* @__PURE__ */ new WeakMap();
|
||
compat = function compat2(element) {
|
||
if (element.type !== "rule" || !element.parent || // positive .length indicates that this rule contains pseudo
|
||
// negative .length indicates that this rule has been already prefixed
|
||
element.length < 1) {
|
||
return;
|
||
}
|
||
var value = element.value;
|
||
var parent = element.parent;
|
||
var isImplicitRule = element.column === parent.column && element.line === parent.line;
|
||
while (parent.type !== "rule") {
|
||
parent = parent.parent;
|
||
if (!parent) return;
|
||
}
|
||
if (element.props.length === 1 && value.charCodeAt(0) !== 58 && !fixedElements.get(parent)) {
|
||
return;
|
||
}
|
||
if (isImplicitRule) {
|
||
return;
|
||
}
|
||
fixedElements.set(element, true);
|
||
var points = [];
|
||
var rules = getRules(value, points);
|
||
var parentRules = parent.props;
|
||
for (var i = 0, k = 0; i < rules.length; i++) {
|
||
for (var j = 0; j < parentRules.length; j++, k++) {
|
||
element.props[k] = points[i] ? rules[i].replace(/&\f/g, parentRules[j]) : parentRules[j] + " " + rules[i];
|
||
}
|
||
}
|
||
};
|
||
removeLabel = function removeLabel2(element) {
|
||
if (element.type === "decl") {
|
||
var value = element.value;
|
||
if (
|
||
// charcode for l
|
||
value.charCodeAt(0) === 108 && // charcode for b
|
||
value.charCodeAt(2) === 98
|
||
) {
|
||
element["return"] = "";
|
||
element.value = "";
|
||
}
|
||
}
|
||
};
|
||
ignoreFlag = "emotion-disable-server-rendering-unsafe-selector-warning-please-do-not-use-this-the-warning-exists-for-a-reason";
|
||
isIgnoringComment = function isIgnoringComment2(element) {
|
||
return element.type === "comm" && element.children.indexOf(ignoreFlag) > -1;
|
||
};
|
||
createUnsafeSelectorsAlarm = function createUnsafeSelectorsAlarm2(cache) {
|
||
return function(element, index, children) {
|
||
if (element.type !== "rule" || cache.compat) return;
|
||
var unsafePseudoClasses = element.value.match(/(:first|:nth|:nth-last)-child/g);
|
||
if (unsafePseudoClasses) {
|
||
var isNested = !!element.parent;
|
||
var commentContainer = isNested ? element.parent.children : (
|
||
// global rule at the root level
|
||
children
|
||
);
|
||
for (var i = commentContainer.length - 1; i >= 0; i--) {
|
||
var node2 = commentContainer[i];
|
||
if (node2.line < element.line) {
|
||
break;
|
||
}
|
||
if (node2.column < element.column) {
|
||
if (isIgnoringComment(node2)) {
|
||
return;
|
||
}
|
||
break;
|
||
}
|
||
}
|
||
unsafePseudoClasses.forEach(function(unsafePseudoClass) {
|
||
console.error('The pseudo class "' + unsafePseudoClass + '" is potentially unsafe when doing server-side rendering. Try changing it to "' + unsafePseudoClass.split("-child")[0] + '-of-type".');
|
||
});
|
||
}
|
||
};
|
||
};
|
||
isImportRule = function isImportRule2(element) {
|
||
return element.type.charCodeAt(1) === 105 && element.type.charCodeAt(0) === 64;
|
||
};
|
||
isPrependedWithRegularRules = function isPrependedWithRegularRules2(index, children) {
|
||
for (var i = index - 1; i >= 0; i--) {
|
||
if (!isImportRule(children[i])) {
|
||
return true;
|
||
}
|
||
}
|
||
return false;
|
||
};
|
||
nullifyElement = function nullifyElement2(element) {
|
||
element.type = "";
|
||
element.value = "";
|
||
element["return"] = "";
|
||
element.children = "";
|
||
element.props = "";
|
||
};
|
||
incorrectImportAlarm = function incorrectImportAlarm2(element, index, children) {
|
||
if (!isImportRule(element)) {
|
||
return;
|
||
}
|
||
if (element.parent) {
|
||
console.error("`@import` rules can't be nested inside other rules. Please move it to the top level and put it before regular rules. Keep in mind that they can only be used within global styles.");
|
||
nullifyElement(element);
|
||
} else if (isPrependedWithRegularRules(index, children)) {
|
||
console.error("`@import` rules can't be after other rules. Please put your `@import` rules before your other rules.");
|
||
nullifyElement(element);
|
||
}
|
||
};
|
||
prefixer = function prefixer2(element, index, children, callback) {
|
||
if (element.length > -1) {
|
||
if (!element["return"]) switch (element.type) {
|
||
case DECLARATION:
|
||
element["return"] = prefix2(element.value, element.length);
|
||
break;
|
||
case KEYFRAMES:
|
||
return serialize([copy(element, {
|
||
value: replace(element.value, "@", "@" + WEBKIT)
|
||
})], callback);
|
||
case RULESET:
|
||
if (element.length) return combine(element.props, function(value) {
|
||
switch (match(value, /(::plac\w+|:read-\w+)/)) {
|
||
case ":read-only":
|
||
case ":read-write":
|
||
return serialize([copy(element, {
|
||
props: [replace(value, /:(read-\w+)/, ":" + MOZ + "$1")]
|
||
})], callback);
|
||
case "::placeholder":
|
||
return serialize([copy(element, {
|
||
props: [replace(value, /:(plac\w+)/, ":" + WEBKIT + "input-$1")]
|
||
}), copy(element, {
|
||
props: [replace(value, /:(plac\w+)/, ":" + MOZ + "$1")]
|
||
}), copy(element, {
|
||
props: [replace(value, /:(plac\w+)/, MS + "input-$1")]
|
||
})], callback);
|
||
}
|
||
return "";
|
||
});
|
||
}
|
||
}
|
||
};
|
||
defaultStylisPlugins = [prefixer];
|
||
{
|
||
sourceMapPattern = /\/\*#\ssourceMappingURL=data:application\/json;\S+\s+\*\//g;
|
||
getSourceMap = function getSourceMap2(styles) {
|
||
var matches = styles.match(sourceMapPattern);
|
||
if (!matches) return;
|
||
return matches[matches.length - 1];
|
||
};
|
||
}
|
||
createCache = function createCache2(options) {
|
||
var key = options.key;
|
||
if (!key) {
|
||
throw new Error("You have to configure `key` for your cache. Please make sure it's unique (and not equal to 'css') as it's used for linking styles to your cache.\nIf multiple caches share the same key they might \"fight\" for each other's style elements.");
|
||
}
|
||
if (key === "css") {
|
||
var ssrStyles = document.querySelectorAll("style[data-emotion]:not([data-s])");
|
||
Array.prototype.forEach.call(ssrStyles, function(node2) {
|
||
var dataEmotionAttribute = node2.getAttribute("data-emotion");
|
||
if (dataEmotionAttribute.indexOf(" ") === -1) {
|
||
return;
|
||
}
|
||
document.head.appendChild(node2);
|
||
node2.setAttribute("data-s", "");
|
||
});
|
||
}
|
||
var stylisPlugins = options.stylisPlugins || defaultStylisPlugins;
|
||
{
|
||
if (/[^a-z-]/.test(key)) {
|
||
throw new Error('Emotion key must only contain lower case alphabetical characters and - but "' + key + '" was passed');
|
||
}
|
||
}
|
||
var inserted = {};
|
||
var container;
|
||
var nodesToHydrate = [];
|
||
{
|
||
container = options.container || document.head;
|
||
Array.prototype.forEach.call(
|
||
// this means we will ignore elements which don't have a space in them which
|
||
// means that the style elements we're looking at are only Emotion 11 server-rendered style elements
|
||
document.querySelectorAll('style[data-emotion^="' + key + ' "]'),
|
||
function(node2) {
|
||
var attrib = node2.getAttribute("data-emotion").split(" ");
|
||
for (var i = 1; i < attrib.length; i++) {
|
||
inserted[attrib[i]] = true;
|
||
}
|
||
nodesToHydrate.push(node2);
|
||
}
|
||
);
|
||
}
|
||
var _insert;
|
||
var omnipresentPlugins = [compat, removeLabel];
|
||
{
|
||
omnipresentPlugins.push(createUnsafeSelectorsAlarm({
|
||
get compat() {
|
||
return cache.compat;
|
||
}
|
||
}), incorrectImportAlarm);
|
||
}
|
||
{
|
||
var currentSheet;
|
||
var finalizingPlugins = [stringify, function(element) {
|
||
if (!element.root) {
|
||
if (element["return"]) {
|
||
currentSheet.insert(element["return"]);
|
||
} else if (element.value && element.type !== COMMENT) {
|
||
currentSheet.insert(element.value + "{}");
|
||
}
|
||
}
|
||
}];
|
||
var serializer = middleware(omnipresentPlugins.concat(stylisPlugins, finalizingPlugins));
|
||
var stylis = function stylis2(styles) {
|
||
return serialize(compile(styles), serializer);
|
||
};
|
||
_insert = function insert(selector, serialized, sheet, shouldCache) {
|
||
currentSheet = sheet;
|
||
if (getSourceMap) {
|
||
var sourceMap = getSourceMap(serialized.styles);
|
||
if (sourceMap) {
|
||
currentSheet = {
|
||
insert: function insert2(rule) {
|
||
sheet.insert(rule + sourceMap);
|
||
}
|
||
};
|
||
}
|
||
}
|
||
stylis(selector ? selector + "{" + serialized.styles + "}" : serialized.styles);
|
||
if (shouldCache) {
|
||
cache.inserted[serialized.name] = true;
|
||
}
|
||
};
|
||
}
|
||
var cache = {
|
||
key,
|
||
sheet: new StyleSheet({
|
||
key,
|
||
container,
|
||
nonce: options.nonce,
|
||
speedy: options.speedy,
|
||
prepend: options.prepend,
|
||
insertionPoint: options.insertionPoint
|
||
}),
|
||
nonce: options.nonce,
|
||
inserted,
|
||
registered: {},
|
||
insert: _insert
|
||
};
|
||
cache.sheet.hydrate(nodesToHydrate);
|
||
return cache;
|
||
};
|
||
}
|
||
});
|
||
|
||
// node_modules/@babel/runtime/helpers/esm/extends.js
|
||
function _extends() {
|
||
return _extends = Object.assign ? Object.assign.bind() : function(n) {
|
||
for (var e = 1; e < arguments.length; e++) {
|
||
var t = arguments[e];
|
||
for (var r2 in t) ({}).hasOwnProperty.call(t, r2) && (n[r2] = t[r2]);
|
||
}
|
||
return n;
|
||
}, _extends.apply(null, arguments);
|
||
}
|
||
var init_extends = __esm({
|
||
"node_modules/@babel/runtime/helpers/esm/extends.js"() {
|
||
}
|
||
});
|
||
|
||
// node_modules/hoist-non-react-statics/node_modules/react-is/cjs/react-is.development.js
|
||
var require_react_is_development = __commonJS({
|
||
"node_modules/hoist-non-react-statics/node_modules/react-is/cjs/react-is.development.js"(exports) {
|
||
"use strict";
|
||
if (true) {
|
||
(function() {
|
||
"use strict";
|
||
var hasSymbol = typeof Symbol === "function" && Symbol.for;
|
||
var REACT_ELEMENT_TYPE = hasSymbol ? Symbol.for("react.element") : 60103;
|
||
var REACT_PORTAL_TYPE = hasSymbol ? Symbol.for("react.portal") : 60106;
|
||
var REACT_FRAGMENT_TYPE = hasSymbol ? Symbol.for("react.fragment") : 60107;
|
||
var REACT_STRICT_MODE_TYPE = hasSymbol ? Symbol.for("react.strict_mode") : 60108;
|
||
var REACT_PROFILER_TYPE = hasSymbol ? Symbol.for("react.profiler") : 60114;
|
||
var REACT_PROVIDER_TYPE = hasSymbol ? Symbol.for("react.provider") : 60109;
|
||
var REACT_CONTEXT_TYPE = hasSymbol ? Symbol.for("react.context") : 60110;
|
||
var REACT_ASYNC_MODE_TYPE = hasSymbol ? Symbol.for("react.async_mode") : 60111;
|
||
var REACT_CONCURRENT_MODE_TYPE = hasSymbol ? Symbol.for("react.concurrent_mode") : 60111;
|
||
var REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for("react.forward_ref") : 60112;
|
||
var REACT_SUSPENSE_TYPE = hasSymbol ? Symbol.for("react.suspense") : 60113;
|
||
var REACT_SUSPENSE_LIST_TYPE = hasSymbol ? Symbol.for("react.suspense_list") : 60120;
|
||
var REACT_MEMO_TYPE = hasSymbol ? Symbol.for("react.memo") : 60115;
|
||
var REACT_LAZY_TYPE = hasSymbol ? Symbol.for("react.lazy") : 60116;
|
||
var REACT_BLOCK_TYPE = hasSymbol ? Symbol.for("react.block") : 60121;
|
||
var REACT_FUNDAMENTAL_TYPE = hasSymbol ? Symbol.for("react.fundamental") : 60117;
|
||
var REACT_RESPONDER_TYPE = hasSymbol ? Symbol.for("react.responder") : 60118;
|
||
var REACT_SCOPE_TYPE = hasSymbol ? Symbol.for("react.scope") : 60119;
|
||
function isValidElementType(type) {
|
||
return typeof type === "string" || typeof type === "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
|
||
type === REACT_FRAGMENT_TYPE || type === REACT_CONCURRENT_MODE_TYPE || type === REACT_PROFILER_TYPE || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || typeof type === "object" && type !== null && (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || type.$$typeof === REACT_FUNDAMENTAL_TYPE || type.$$typeof === REACT_RESPONDER_TYPE || type.$$typeof === REACT_SCOPE_TYPE || type.$$typeof === REACT_BLOCK_TYPE);
|
||
}
|
||
function typeOf(object) {
|
||
if (typeof object === "object" && object !== null) {
|
||
var $$typeof = object.$$typeof;
|
||
switch ($$typeof) {
|
||
case REACT_ELEMENT_TYPE:
|
||
var type = object.type;
|
||
switch (type) {
|
||
case REACT_ASYNC_MODE_TYPE:
|
||
case REACT_CONCURRENT_MODE_TYPE:
|
||
case REACT_FRAGMENT_TYPE:
|
||
case REACT_PROFILER_TYPE:
|
||
case REACT_STRICT_MODE_TYPE:
|
||
case REACT_SUSPENSE_TYPE:
|
||
return type;
|
||
default:
|
||
var $$typeofType = type && type.$$typeof;
|
||
switch ($$typeofType) {
|
||
case REACT_CONTEXT_TYPE:
|
||
case REACT_FORWARD_REF_TYPE:
|
||
case REACT_LAZY_TYPE:
|
||
case REACT_MEMO_TYPE:
|
||
case REACT_PROVIDER_TYPE:
|
||
return $$typeofType;
|
||
default:
|
||
return $$typeof;
|
||
}
|
||
}
|
||
case REACT_PORTAL_TYPE:
|
||
return $$typeof;
|
||
}
|
||
}
|
||
return void 0;
|
||
}
|
||
var AsyncMode = REACT_ASYNC_MODE_TYPE;
|
||
var ConcurrentMode = REACT_CONCURRENT_MODE_TYPE;
|
||
var ContextConsumer = REACT_CONTEXT_TYPE;
|
||
var ContextProvider = REACT_PROVIDER_TYPE;
|
||
var Element = REACT_ELEMENT_TYPE;
|
||
var ForwardRef2 = REACT_FORWARD_REF_TYPE;
|
||
var Fragment4 = REACT_FRAGMENT_TYPE;
|
||
var Lazy = REACT_LAZY_TYPE;
|
||
var Memo2 = REACT_MEMO_TYPE;
|
||
var Portal = REACT_PORTAL_TYPE;
|
||
var Profiler = REACT_PROFILER_TYPE;
|
||
var StrictMode = REACT_STRICT_MODE_TYPE;
|
||
var Suspense = REACT_SUSPENSE_TYPE;
|
||
var hasWarnedAboutDeprecatedIsAsyncMode = false;
|
||
function isAsyncMode(object) {
|
||
{
|
||
if (!hasWarnedAboutDeprecatedIsAsyncMode) {
|
||
hasWarnedAboutDeprecatedIsAsyncMode = true;
|
||
console["warn"]("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.");
|
||
}
|
||
}
|
||
return isConcurrentMode(object) || typeOf(object) === REACT_ASYNC_MODE_TYPE;
|
||
}
|
||
function isConcurrentMode(object) {
|
||
return typeOf(object) === REACT_CONCURRENT_MODE_TYPE;
|
||
}
|
||
function isContextConsumer(object) {
|
||
return typeOf(object) === REACT_CONTEXT_TYPE;
|
||
}
|
||
function isContextProvider(object) {
|
||
return typeOf(object) === REACT_PROVIDER_TYPE;
|
||
}
|
||
function isElement(object) {
|
||
return typeof object === "object" && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
|
||
}
|
||
function isForwardRef(object) {
|
||
return typeOf(object) === REACT_FORWARD_REF_TYPE;
|
||
}
|
||
function isFragment(object) {
|
||
return typeOf(object) === REACT_FRAGMENT_TYPE;
|
||
}
|
||
function isLazy(object) {
|
||
return typeOf(object) === REACT_LAZY_TYPE;
|
||
}
|
||
function isMemo(object) {
|
||
return typeOf(object) === REACT_MEMO_TYPE;
|
||
}
|
||
function isPortal(object) {
|
||
return typeOf(object) === REACT_PORTAL_TYPE;
|
||
}
|
||
function isProfiler(object) {
|
||
return typeOf(object) === REACT_PROFILER_TYPE;
|
||
}
|
||
function isStrictMode(object) {
|
||
return typeOf(object) === REACT_STRICT_MODE_TYPE;
|
||
}
|
||
function isSuspense(object) {
|
||
return typeOf(object) === REACT_SUSPENSE_TYPE;
|
||
}
|
||
exports.AsyncMode = AsyncMode;
|
||
exports.ConcurrentMode = ConcurrentMode;
|
||
exports.ContextConsumer = ContextConsumer;
|
||
exports.ContextProvider = ContextProvider;
|
||
exports.Element = Element;
|
||
exports.ForwardRef = ForwardRef2;
|
||
exports.Fragment = Fragment4;
|
||
exports.Lazy = Lazy;
|
||
exports.Memo = Memo2;
|
||
exports.Portal = Portal;
|
||
exports.Profiler = Profiler;
|
||
exports.StrictMode = StrictMode;
|
||
exports.Suspense = Suspense;
|
||
exports.isAsyncMode = isAsyncMode;
|
||
exports.isConcurrentMode = isConcurrentMode;
|
||
exports.isContextConsumer = isContextConsumer;
|
||
exports.isContextProvider = isContextProvider;
|
||
exports.isElement = isElement;
|
||
exports.isForwardRef = isForwardRef;
|
||
exports.isFragment = isFragment;
|
||
exports.isLazy = isLazy;
|
||
exports.isMemo = isMemo;
|
||
exports.isPortal = isPortal;
|
||
exports.isProfiler = isProfiler;
|
||
exports.isStrictMode = isStrictMode;
|
||
exports.isSuspense = isSuspense;
|
||
exports.isValidElementType = isValidElementType;
|
||
exports.typeOf = typeOf;
|
||
})();
|
||
}
|
||
}
|
||
});
|
||
|
||
// node_modules/hoist-non-react-statics/node_modules/react-is/index.js
|
||
var require_react_is = __commonJS({
|
||
"node_modules/hoist-non-react-statics/node_modules/react-is/index.js"(exports, module) {
|
||
"use strict";
|
||
if (false) {
|
||
module.exports = null;
|
||
} else {
|
||
module.exports = require_react_is_development();
|
||
}
|
||
}
|
||
});
|
||
|
||
// node_modules/hoist-non-react-statics/dist/hoist-non-react-statics.cjs.js
|
||
var require_hoist_non_react_statics_cjs = __commonJS({
|
||
"node_modules/hoist-non-react-statics/dist/hoist-non-react-statics.cjs.js"(exports, module) {
|
||
"use strict";
|
||
var reactIs = require_react_is();
|
||
var REACT_STATICS = {
|
||
childContextTypes: true,
|
||
contextType: true,
|
||
contextTypes: true,
|
||
defaultProps: true,
|
||
displayName: true,
|
||
getDefaultProps: true,
|
||
getDerivedStateFromError: true,
|
||
getDerivedStateFromProps: true,
|
||
mixins: true,
|
||
propTypes: true,
|
||
type: true
|
||
};
|
||
var KNOWN_STATICS = {
|
||
name: true,
|
||
length: true,
|
||
prototype: true,
|
||
caller: true,
|
||
callee: true,
|
||
arguments: true,
|
||
arity: true
|
||
};
|
||
var FORWARD_REF_STATICS = {
|
||
"$$typeof": true,
|
||
render: true,
|
||
defaultProps: true,
|
||
displayName: true,
|
||
propTypes: true
|
||
};
|
||
var MEMO_STATICS = {
|
||
"$$typeof": true,
|
||
compare: true,
|
||
defaultProps: true,
|
||
displayName: true,
|
||
propTypes: true,
|
||
type: true
|
||
};
|
||
var TYPE_STATICS = {};
|
||
TYPE_STATICS[reactIs.ForwardRef] = FORWARD_REF_STATICS;
|
||
TYPE_STATICS[reactIs.Memo] = MEMO_STATICS;
|
||
function getStatics(component) {
|
||
if (reactIs.isMemo(component)) {
|
||
return MEMO_STATICS;
|
||
}
|
||
return TYPE_STATICS[component["$$typeof"]] || REACT_STATICS;
|
||
}
|
||
var defineProperty = Object.defineProperty;
|
||
var getOwnPropertyNames = Object.getOwnPropertyNames;
|
||
var getOwnPropertySymbols = Object.getOwnPropertySymbols;
|
||
var getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;
|
||
var getPrototypeOf = Object.getPrototypeOf;
|
||
var objectPrototype = Object.prototype;
|
||
function hoistNonReactStatics2(targetComponent, sourceComponent, blacklist) {
|
||
if (typeof sourceComponent !== "string") {
|
||
if (objectPrototype) {
|
||
var inheritedComponent = getPrototypeOf(sourceComponent);
|
||
if (inheritedComponent && inheritedComponent !== objectPrototype) {
|
||
hoistNonReactStatics2(targetComponent, inheritedComponent, blacklist);
|
||
}
|
||
}
|
||
var keys = getOwnPropertyNames(sourceComponent);
|
||
if (getOwnPropertySymbols) {
|
||
keys = keys.concat(getOwnPropertySymbols(sourceComponent));
|
||
}
|
||
var targetStatics = getStatics(targetComponent);
|
||
var sourceStatics = getStatics(sourceComponent);
|
||
for (var i = 0; i < keys.length; ++i) {
|
||
var key = keys[i];
|
||
if (!KNOWN_STATICS[key] && !(blacklist && blacklist[key]) && !(sourceStatics && sourceStatics[key]) && !(targetStatics && targetStatics[key])) {
|
||
var descriptor = getOwnPropertyDescriptor(sourceComponent, key);
|
||
try {
|
||
defineProperty(targetComponent, key, descriptor);
|
||
} catch (e) {
|
||
}
|
||
}
|
||
}
|
||
}
|
||
return targetComponent;
|
||
}
|
||
module.exports = hoistNonReactStatics2;
|
||
}
|
||
});
|
||
|
||
// node_modules/@emotion/react/_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.development.esm.js
|
||
var import_hoist_non_react_statics;
|
||
var init_emotion_react_isolated_hnrs_browser_development_esm = __esm({
|
||
"node_modules/@emotion/react/_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.development.esm.js"() {
|
||
import_hoist_non_react_statics = __toESM(require_hoist_non_react_statics_cjs());
|
||
}
|
||
});
|
||
|
||
// node_modules/@emotion/utils/dist/emotion-utils.browser.esm.js
|
||
function getRegisteredStyles(registered, registeredStyles, classNames) {
|
||
var rawClassName = "";
|
||
classNames.split(" ").forEach(function(className) {
|
||
if (registered[className] !== void 0) {
|
||
registeredStyles.push(registered[className] + ";");
|
||
} else if (className) {
|
||
rawClassName += className + " ";
|
||
}
|
||
});
|
||
return rawClassName;
|
||
}
|
||
var isBrowser, registerStyles, insertStyles;
|
||
var init_emotion_utils_browser_esm = __esm({
|
||
"node_modules/@emotion/utils/dist/emotion-utils.browser.esm.js"() {
|
||
isBrowser = true;
|
||
registerStyles = function registerStyles2(cache, serialized, isStringTag) {
|
||
var className = cache.key + "-" + serialized.name;
|
||
if (
|
||
// we only need to add the styles to the registered cache if the
|
||
// class name could be used further down
|
||
// the tree but if it's a string tag, we know it won't
|
||
// so we don't have to add it to registered cache.
|
||
// this improves memory usage since we can avoid storing the whole style string
|
||
(isStringTag === false || // we need to always store it if we're in compat mode and
|
||
// in node since emotion-server relies on whether a style is in
|
||
// the registered cache to know whether a style is global or not
|
||
// also, note that this check will be dead code eliminated in the browser
|
||
isBrowser === false) && cache.registered[className] === void 0
|
||
) {
|
||
cache.registered[className] = serialized.styles;
|
||
}
|
||
};
|
||
insertStyles = function insertStyles2(cache, serialized, isStringTag) {
|
||
registerStyles(cache, serialized, isStringTag);
|
||
var className = cache.key + "-" + serialized.name;
|
||
if (cache.inserted[serialized.name] === void 0) {
|
||
var current = serialized;
|
||
do {
|
||
cache.insert(serialized === current ? "." + className : "", current, cache.sheet, true);
|
||
current = current.next;
|
||
} while (current !== void 0);
|
||
}
|
||
};
|
||
}
|
||
});
|
||
|
||
// node_modules/@emotion/hash/dist/emotion-hash.esm.js
|
||
function murmur2(str) {
|
||
var h = 0;
|
||
var k, i = 0, len = str.length;
|
||
for (; len >= 4; ++i, len -= 4) {
|
||
k = str.charCodeAt(i) & 255 | (str.charCodeAt(++i) & 255) << 8 | (str.charCodeAt(++i) & 255) << 16 | (str.charCodeAt(++i) & 255) << 24;
|
||
k = /* Math.imul(k, m): */
|
||
(k & 65535) * 1540483477 + ((k >>> 16) * 59797 << 16);
|
||
k ^= /* k >>> r: */
|
||
k >>> 24;
|
||
h = /* Math.imul(k, m): */
|
||
(k & 65535) * 1540483477 + ((k >>> 16) * 59797 << 16) ^ /* Math.imul(h, m): */
|
||
(h & 65535) * 1540483477 + ((h >>> 16) * 59797 << 16);
|
||
}
|
||
switch (len) {
|
||
case 3:
|
||
h ^= (str.charCodeAt(i + 2) & 255) << 16;
|
||
case 2:
|
||
h ^= (str.charCodeAt(i + 1) & 255) << 8;
|
||
case 1:
|
||
h ^= str.charCodeAt(i) & 255;
|
||
h = /* Math.imul(h, m): */
|
||
(h & 65535) * 1540483477 + ((h >>> 16) * 59797 << 16);
|
||
}
|
||
h ^= h >>> 13;
|
||
h = /* Math.imul(h, m): */
|
||
(h & 65535) * 1540483477 + ((h >>> 16) * 59797 << 16);
|
||
return ((h ^ h >>> 15) >>> 0).toString(36);
|
||
}
|
||
var init_emotion_hash_esm = __esm({
|
||
"node_modules/@emotion/hash/dist/emotion-hash.esm.js"() {
|
||
}
|
||
});
|
||
|
||
// node_modules/@emotion/unitless/dist/emotion-unitless.esm.js
|
||
var unitlessKeys;
|
||
var init_emotion_unitless_esm = __esm({
|
||
"node_modules/@emotion/unitless/dist/emotion-unitless.esm.js"() {
|
||
unitlessKeys = {
|
||
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
|
||
};
|
||
}
|
||
});
|
||
|
||
// node_modules/@emotion/serialize/dist/emotion-serialize.development.esm.js
|
||
function handleInterpolation(mergedProps, registered, interpolation) {
|
||
if (interpolation == null) {
|
||
return "";
|
||
}
|
||
var componentSelector = interpolation;
|
||
if (componentSelector.__emotion_styles !== void 0) {
|
||
if (String(componentSelector) === "NO_COMPONENT_SELECTOR") {
|
||
throw new Error(noComponentSelectorMessage);
|
||
}
|
||
return componentSelector;
|
||
}
|
||
switch (typeof interpolation) {
|
||
case "boolean": {
|
||
return "";
|
||
}
|
||
case "object": {
|
||
var keyframes2 = interpolation;
|
||
if (keyframes2.anim === 1) {
|
||
cursor = {
|
||
name: keyframes2.name,
|
||
styles: keyframes2.styles,
|
||
next: cursor
|
||
};
|
||
return keyframes2.name;
|
||
}
|
||
var serializedStyles = interpolation;
|
||
if (serializedStyles.styles !== void 0) {
|
||
var next2 = serializedStyles.next;
|
||
if (next2 !== void 0) {
|
||
while (next2 !== void 0) {
|
||
cursor = {
|
||
name: next2.name,
|
||
styles: next2.styles,
|
||
next: cursor
|
||
};
|
||
next2 = next2.next;
|
||
}
|
||
}
|
||
var styles = serializedStyles.styles + ";";
|
||
return styles;
|
||
}
|
||
return createStringFromObject(mergedProps, registered, interpolation);
|
||
}
|
||
case "function": {
|
||
if (mergedProps !== void 0) {
|
||
var previousCursor = cursor;
|
||
var result = interpolation(mergedProps);
|
||
cursor = previousCursor;
|
||
return handleInterpolation(mergedProps, registered, result);
|
||
} else {
|
||
console.error("Functions that are interpolated in css calls will be stringified.\nIf you want to have a css call based on props, create a function that returns a css call like this\nlet dynamicStyle = (props) => css`color: ${props.color}`\nIt can be called directly with props or interpolated in a styled call like this\nlet SomeComponent = styled('div')`${dynamicStyle}`");
|
||
}
|
||
break;
|
||
}
|
||
case "string":
|
||
{
|
||
var matched = [];
|
||
var replaced = interpolation.replace(animationRegex, function(_match, _p1, p2) {
|
||
var fakeVarName = "animation" + matched.length;
|
||
matched.push("const " + fakeVarName + " = keyframes`" + p2.replace(/^@keyframes animation-\w+/, "") + "`");
|
||
return "${" + fakeVarName + "}";
|
||
});
|
||
if (matched.length) {
|
||
console.error("`keyframes` output got interpolated into plain string, please wrap it with `css`.\n\nInstead of doing this:\n\n" + [].concat(matched, ["`" + replaced + "`"]).join("\n") + "\n\nYou should wrap it with `css` like this:\n\ncss`" + replaced + "`");
|
||
}
|
||
}
|
||
break;
|
||
}
|
||
var asString = interpolation;
|
||
if (registered == null) {
|
||
return asString;
|
||
}
|
||
var cached = registered[asString];
|
||
return cached !== void 0 ? cached : asString;
|
||
}
|
||
function createStringFromObject(mergedProps, registered, obj) {
|
||
var string = "";
|
||
if (Array.isArray(obj)) {
|
||
for (var i = 0; i < obj.length; i++) {
|
||
string += handleInterpolation(mergedProps, registered, obj[i]) + ";";
|
||
}
|
||
} else {
|
||
for (var key in obj) {
|
||
var value = obj[key];
|
||
if (typeof value !== "object") {
|
||
var asString = value;
|
||
if (registered != null && registered[asString] !== void 0) {
|
||
string += key + "{" + registered[asString] + "}";
|
||
} else if (isProcessableValue(asString)) {
|
||
string += processStyleName(key) + ":" + processStyleValue(key, asString) + ";";
|
||
}
|
||
} else {
|
||
if (key === "NO_COMPONENT_SELECTOR" && isDevelopment2) {
|
||
throw new Error(noComponentSelectorMessage);
|
||
}
|
||
if (Array.isArray(value) && typeof value[0] === "string" && (registered == null || registered[value[0]] === void 0)) {
|
||
for (var _i = 0; _i < value.length; _i++) {
|
||
if (isProcessableValue(value[_i])) {
|
||
string += processStyleName(key) + ":" + processStyleValue(key, value[_i]) + ";";
|
||
}
|
||
}
|
||
} else {
|
||
var interpolated = handleInterpolation(mergedProps, registered, value);
|
||
switch (key) {
|
||
case "animation":
|
||
case "animationName": {
|
||
string += processStyleName(key) + ":" + interpolated + ";";
|
||
break;
|
||
}
|
||
default: {
|
||
if (key === "undefined") {
|
||
console.error(UNDEFINED_AS_OBJECT_KEY_ERROR);
|
||
}
|
||
string += key + "{" + interpolated + "}";
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
return string;
|
||
}
|
||
function serializeStyles(args, registered, mergedProps) {
|
||
if (args.length === 1 && typeof args[0] === "object" && args[0] !== null && args[0].styles !== void 0) {
|
||
return args[0];
|
||
}
|
||
var stringMode = true;
|
||
var styles = "";
|
||
cursor = void 0;
|
||
var strings = args[0];
|
||
if (strings == null || strings.raw === void 0) {
|
||
stringMode = false;
|
||
styles += handleInterpolation(mergedProps, registered, strings);
|
||
} else {
|
||
var asTemplateStringsArr = strings;
|
||
if (asTemplateStringsArr[0] === void 0) {
|
||
console.error(ILLEGAL_ESCAPE_SEQUENCE_ERROR);
|
||
}
|
||
styles += asTemplateStringsArr[0];
|
||
}
|
||
for (var i = 1; i < args.length; i++) {
|
||
styles += handleInterpolation(mergedProps, registered, args[i]);
|
||
if (stringMode) {
|
||
var templateStringsArr = strings;
|
||
if (templateStringsArr[i] === void 0) {
|
||
console.error(ILLEGAL_ESCAPE_SEQUENCE_ERROR);
|
||
}
|
||
styles += templateStringsArr[i];
|
||
}
|
||
}
|
||
labelPattern.lastIndex = 0;
|
||
var identifierName = "";
|
||
var match2;
|
||
while ((match2 = labelPattern.exec(styles)) !== null) {
|
||
identifierName += "-" + match2[1];
|
||
}
|
||
var name = murmur2(styles) + identifierName;
|
||
{
|
||
var devStyles = {
|
||
name,
|
||
styles,
|
||
next: cursor,
|
||
toString: function toString() {
|
||
return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
|
||
}
|
||
};
|
||
return devStyles;
|
||
}
|
||
}
|
||
var isDevelopment2, ILLEGAL_ESCAPE_SEQUENCE_ERROR, UNDEFINED_AS_OBJECT_KEY_ERROR, hyphenateRegex, animationRegex, isCustomProperty, isProcessableValue, processStyleName, processStyleValue, contentValuePattern, contentValues, oldProcessStyleValue, msPattern, hyphenPattern, hyphenatedCache, noComponentSelectorMessage, labelPattern, cursor;
|
||
var init_emotion_serialize_development_esm = __esm({
|
||
"node_modules/@emotion/serialize/dist/emotion-serialize.development.esm.js"() {
|
||
init_emotion_hash_esm();
|
||
init_emotion_unitless_esm();
|
||
init_emotion_memoize_esm();
|
||
isDevelopment2 = true;
|
||
ILLEGAL_ESCAPE_SEQUENCE_ERROR = `You have illegal escape sequence in your template literal, most likely inside content's property value.
|
||
Because you write your CSS inside a JavaScript string you actually have to do double escaping, so for example "content: '\\00d7';" should become "content: '\\\\00d7';".
|
||
You can read more about this here:
|
||
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#ES2018_revision_of_illegal_escape_sequences`;
|
||
UNDEFINED_AS_OBJECT_KEY_ERROR = "You have passed in falsy value as style object's key (can happen when in example you pass unexported component as computed key).";
|
||
hyphenateRegex = /[A-Z]|^ms/g;
|
||
animationRegex = /_EMO_([^_]+?)_([^]*?)_EMO_/g;
|
||
isCustomProperty = function isCustomProperty2(property) {
|
||
return property.charCodeAt(1) === 45;
|
||
};
|
||
isProcessableValue = function isProcessableValue2(value) {
|
||
return value != null && typeof value !== "boolean";
|
||
};
|
||
processStyleName = memoize(function(styleName) {
|
||
return isCustomProperty(styleName) ? styleName : styleName.replace(hyphenateRegex, "-$&").toLowerCase();
|
||
});
|
||
processStyleValue = function processStyleValue2(key, value) {
|
||
switch (key) {
|
||
case "animation":
|
||
case "animationName": {
|
||
if (typeof value === "string") {
|
||
return value.replace(animationRegex, function(match2, p1, p2) {
|
||
cursor = {
|
||
name: p1,
|
||
styles: p2,
|
||
next: cursor
|
||
};
|
||
return p1;
|
||
});
|
||
}
|
||
}
|
||
}
|
||
if (unitlessKeys[key] !== 1 && !isCustomProperty(key) && typeof value === "number" && value !== 0) {
|
||
return value + "px";
|
||
}
|
||
return value;
|
||
};
|
||
{
|
||
contentValuePattern = /(var|attr|counters?|url|element|(((repeating-)?(linear|radial))|conic)-gradient)\(|(no-)?(open|close)-quote/;
|
||
contentValues = ["normal", "none", "initial", "inherit", "unset"];
|
||
oldProcessStyleValue = processStyleValue;
|
||
msPattern = /^-ms-/;
|
||
hyphenPattern = /-(.)/g;
|
||
hyphenatedCache = {};
|
||
processStyleValue = function processStyleValue3(key, value) {
|
||
if (key === "content") {
|
||
if (typeof value !== "string" || contentValues.indexOf(value) === -1 && !contentValuePattern.test(value) && (value.charAt(0) !== value.charAt(value.length - 1) || value.charAt(0) !== '"' && value.charAt(0) !== "'")) {
|
||
throw new Error("You seem to be using a value for 'content' without quotes, try replacing it with `content: '\"" + value + "\"'`");
|
||
}
|
||
}
|
||
var processed = oldProcessStyleValue(key, value);
|
||
if (processed !== "" && !isCustomProperty(key) && key.indexOf("-") !== -1 && hyphenatedCache[key] === void 0) {
|
||
hyphenatedCache[key] = true;
|
||
console.error("Using kebab-case for css properties in objects is not supported. Did you mean " + key.replace(msPattern, "ms-").replace(hyphenPattern, function(str, _char) {
|
||
return _char.toUpperCase();
|
||
}) + "?");
|
||
}
|
||
return processed;
|
||
};
|
||
}
|
||
noComponentSelectorMessage = "Component selectors can only be used in conjunction with @emotion/babel-plugin, the swc Emotion plugin, or another Emotion-aware compiler transform.";
|
||
labelPattern = /label:\s*([^\s;{]+)\s*(;|$)/g;
|
||
}
|
||
});
|
||
|
||
// node_modules/@emotion/use-insertion-effect-with-fallbacks/dist/emotion-use-insertion-effect-with-fallbacks.browser.esm.js
|
||
var React, syncFallback, useInsertionEffect2, useInsertionEffectAlwaysWithSyncFallback, useInsertionEffectWithLayoutFallback;
|
||
var init_emotion_use_insertion_effect_with_fallbacks_browser_esm = __esm({
|
||
"node_modules/@emotion/use-insertion-effect-with-fallbacks/dist/emotion-use-insertion-effect-with-fallbacks.browser.esm.js"() {
|
||
React = __toESM(require_react());
|
||
syncFallback = function syncFallback2(create) {
|
||
return create();
|
||
};
|
||
useInsertionEffect2 = React["useInsertionEffect"] ? React["useInsertionEffect"] : false;
|
||
useInsertionEffectAlwaysWithSyncFallback = useInsertionEffect2 || syncFallback;
|
||
useInsertionEffectWithLayoutFallback = useInsertionEffect2 || React.useLayoutEffect;
|
||
}
|
||
});
|
||
|
||
// node_modules/@emotion/react/dist/emotion-element-489459f2.browser.development.esm.js
|
||
var React2, import_react, EmotionCacheContext, CacheProvider, withEmotionCache, ThemeContext, getTheme, createCacheWithTheme, hasOwn, getLastPart, getFunctionNameFromStackTraceLine, internalReactFunctionNames, sanitizeIdentifier, getLabelFromStackTrace, typePropName, labelPropName, createEmotionProps, Insertion, Emotion, Emotion$1;
|
||
var init_emotion_element_489459f2_browser_development_esm = __esm({
|
||
"node_modules/@emotion/react/dist/emotion-element-489459f2.browser.development.esm.js"() {
|
||
React2 = __toESM(require_react());
|
||
import_react = __toESM(require_react());
|
||
init_emotion_cache_browser_development_esm();
|
||
init_extends();
|
||
init_emotion_weak_memoize_esm();
|
||
init_emotion_react_isolated_hnrs_browser_development_esm();
|
||
init_emotion_utils_browser_esm();
|
||
init_emotion_serialize_development_esm();
|
||
init_emotion_use_insertion_effect_with_fallbacks_browser_esm();
|
||
EmotionCacheContext = React2.createContext(
|
||
// we're doing this to avoid preconstruct's dead code elimination in this one case
|
||
// because this module is primarily intended for the browser and node
|
||
// but it's also required in react native and similar environments sometimes
|
||
// and we could have a special build just for that
|
||
// but this is much easier and the native packages
|
||
// might use a different theme context in the future anyway
|
||
typeof HTMLElement !== "undefined" ? createCache({
|
||
key: "css"
|
||
}) : null
|
||
);
|
||
{
|
||
EmotionCacheContext.displayName = "EmotionCacheContext";
|
||
}
|
||
CacheProvider = EmotionCacheContext.Provider;
|
||
withEmotionCache = function withEmotionCache2(func) {
|
||
return (0, import_react.forwardRef)(function(props, ref) {
|
||
var cache = (0, import_react.useContext)(EmotionCacheContext);
|
||
return func(props, cache, ref);
|
||
});
|
||
};
|
||
ThemeContext = React2.createContext({});
|
||
{
|
||
ThemeContext.displayName = "EmotionThemeContext";
|
||
}
|
||
getTheme = function getTheme2(outerTheme, theme) {
|
||
if (typeof theme === "function") {
|
||
var mergedTheme = theme(outerTheme);
|
||
if (mergedTheme == null || typeof mergedTheme !== "object" || Array.isArray(mergedTheme)) {
|
||
throw new Error("[ThemeProvider] Please return an object from your theme function, i.e. theme={() => ({})}!");
|
||
}
|
||
return mergedTheme;
|
||
}
|
||
if (theme == null || typeof theme !== "object" || Array.isArray(theme)) {
|
||
throw new Error("[ThemeProvider] Please make your theme prop a plain object");
|
||
}
|
||
return _extends({}, outerTheme, theme);
|
||
};
|
||
createCacheWithTheme = weakMemoize(function(outerTheme) {
|
||
return weakMemoize(function(theme) {
|
||
return getTheme(outerTheme, theme);
|
||
});
|
||
});
|
||
hasOwn = {}.hasOwnProperty;
|
||
getLastPart = function getLastPart2(functionName) {
|
||
var parts = functionName.split(".");
|
||
return parts[parts.length - 1];
|
||
};
|
||
getFunctionNameFromStackTraceLine = function getFunctionNameFromStackTraceLine2(line2) {
|
||
var match2 = /^\s+at\s+([A-Za-z0-9$.]+)\s/.exec(line2);
|
||
if (match2) return getLastPart(match2[1]);
|
||
match2 = /^([A-Za-z0-9$.]+)@/.exec(line2);
|
||
if (match2) return getLastPart(match2[1]);
|
||
return void 0;
|
||
};
|
||
internalReactFunctionNames = /* @__PURE__ */ new Set(["renderWithHooks", "processChild", "finishClassComponent", "renderToString"]);
|
||
sanitizeIdentifier = function sanitizeIdentifier2(identifier2) {
|
||
return identifier2.replace(/\$/g, "-");
|
||
};
|
||
getLabelFromStackTrace = function getLabelFromStackTrace2(stackTrace) {
|
||
if (!stackTrace) return void 0;
|
||
var lines = stackTrace.split("\n");
|
||
for (var i = 0; i < lines.length; i++) {
|
||
var functionName = getFunctionNameFromStackTraceLine(lines[i]);
|
||
if (!functionName) continue;
|
||
if (internalReactFunctionNames.has(functionName)) break;
|
||
if (/^[A-Z]/.test(functionName)) return sanitizeIdentifier(functionName);
|
||
}
|
||
return void 0;
|
||
};
|
||
typePropName = "__EMOTION_TYPE_PLEASE_DO_NOT_USE__";
|
||
labelPropName = "__EMOTION_LABEL_PLEASE_DO_NOT_USE__";
|
||
createEmotionProps = function createEmotionProps2(type, props) {
|
||
if (typeof props.css === "string" && // check if there is a css declaration
|
||
props.css.indexOf(":") !== -1) {
|
||
throw new Error("Strings are not allowed as css prop values, please wrap it in a css template literal from '@emotion/react' like this: css`" + props.css + "`");
|
||
}
|
||
var newProps = {};
|
||
for (var _key in props) {
|
||
if (hasOwn.call(props, _key)) {
|
||
newProps[_key] = props[_key];
|
||
}
|
||
}
|
||
newProps[typePropName] = type;
|
||
if (typeof globalThis !== "undefined" && !!globalThis.EMOTION_RUNTIME_AUTO_LABEL && !!props.css && (typeof props.css !== "object" || !("name" in props.css) || typeof props.css.name !== "string" || props.css.name.indexOf("-") === -1)) {
|
||
var label = getLabelFromStackTrace(new Error().stack);
|
||
if (label) newProps[labelPropName] = label;
|
||
}
|
||
return newProps;
|
||
};
|
||
Insertion = function Insertion2(_ref) {
|
||
var cache = _ref.cache, serialized = _ref.serialized, isStringTag = _ref.isStringTag;
|
||
registerStyles(cache, serialized, isStringTag);
|
||
useInsertionEffectAlwaysWithSyncFallback(function() {
|
||
return insertStyles(cache, serialized, isStringTag);
|
||
});
|
||
return null;
|
||
};
|
||
Emotion = withEmotionCache(function(props, cache, ref) {
|
||
var cssProp = props.css;
|
||
if (typeof cssProp === "string" && cache.registered[cssProp] !== void 0) {
|
||
cssProp = cache.registered[cssProp];
|
||
}
|
||
var WrappedComponent = props[typePropName];
|
||
var registeredStyles = [cssProp];
|
||
var className = "";
|
||
if (typeof props.className === "string") {
|
||
className = getRegisteredStyles(cache.registered, registeredStyles, props.className);
|
||
} else if (props.className != null) {
|
||
className = props.className + " ";
|
||
}
|
||
var serialized = serializeStyles(registeredStyles, void 0, React2.useContext(ThemeContext));
|
||
if (serialized.name.indexOf("-") === -1) {
|
||
var labelFromStack = props[labelPropName];
|
||
if (labelFromStack) {
|
||
serialized = serializeStyles([serialized, "label:" + labelFromStack + ";"]);
|
||
}
|
||
}
|
||
className += cache.key + "-" + serialized.name;
|
||
var newProps = {};
|
||
for (var _key2 in props) {
|
||
if (hasOwn.call(props, _key2) && _key2 !== "css" && _key2 !== typePropName && _key2 !== labelPropName) {
|
||
newProps[_key2] = props[_key2];
|
||
}
|
||
}
|
||
newProps.className = className;
|
||
if (ref) {
|
||
newProps.ref = ref;
|
||
}
|
||
return React2.createElement(React2.Fragment, null, React2.createElement(Insertion, {
|
||
cache,
|
||
serialized,
|
||
isStringTag: typeof WrappedComponent === "string"
|
||
}), React2.createElement(WrappedComponent, newProps));
|
||
});
|
||
{
|
||
Emotion.displayName = "EmotionCssPropInternal";
|
||
}
|
||
Emotion$1 = Emotion;
|
||
}
|
||
});
|
||
|
||
// node_modules/@emotion/react/dist/emotion-react.browser.development.esm.js
|
||
function css() {
|
||
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
||
args[_key] = arguments[_key];
|
||
}
|
||
return serializeStyles(args);
|
||
}
|
||
function keyframes() {
|
||
var insertable = css.apply(void 0, arguments);
|
||
var name = "animation-" + insertable.name;
|
||
return {
|
||
name,
|
||
styles: "@keyframes " + name + "{" + insertable.styles + "}",
|
||
anim: 1,
|
||
toString: function toString() {
|
||
return "_EMO_" + this.name + "_" + this.styles + "_EMO_";
|
||
}
|
||
};
|
||
}
|
||
function merge(registered, css2, className) {
|
||
var registeredStyles = [];
|
||
var rawClassName = getRegisteredStyles(registered, registeredStyles, className);
|
||
if (registeredStyles.length < 2) {
|
||
return className;
|
||
}
|
||
return rawClassName + css2(registeredStyles);
|
||
}
|
||
var React3, import_hoist_non_react_statics2, isDevelopment3, pkg, jsx, warnedAboutCssPropForGlobal, Global, classnames, Insertion3, ClassNames, isBrowser2, isTestEnv, globalContext, globalKey;
|
||
var init_emotion_react_browser_development_esm = __esm({
|
||
"node_modules/@emotion/react/dist/emotion-react.browser.development.esm.js"() {
|
||
init_emotion_element_489459f2_browser_development_esm();
|
||
init_emotion_element_489459f2_browser_development_esm();
|
||
React3 = __toESM(require_react());
|
||
init_emotion_utils_browser_esm();
|
||
init_emotion_use_insertion_effect_with_fallbacks_browser_esm();
|
||
init_emotion_serialize_development_esm();
|
||
init_emotion_cache_browser_development_esm();
|
||
init_extends();
|
||
init_emotion_weak_memoize_esm();
|
||
init_emotion_react_isolated_hnrs_browser_development_esm();
|
||
import_hoist_non_react_statics2 = __toESM(require_hoist_non_react_statics_cjs());
|
||
isDevelopment3 = true;
|
||
pkg = {
|
||
name: "@emotion/react",
|
||
version: "11.14.0",
|
||
main: "dist/emotion-react.cjs.js",
|
||
module: "dist/emotion-react.esm.js",
|
||
types: "dist/emotion-react.cjs.d.ts",
|
||
exports: {
|
||
".": {
|
||
types: {
|
||
"import": "./dist/emotion-react.cjs.mjs",
|
||
"default": "./dist/emotion-react.cjs.js"
|
||
},
|
||
development: {
|
||
"edge-light": {
|
||
module: "./dist/emotion-react.development.edge-light.esm.js",
|
||
"import": "./dist/emotion-react.development.edge-light.cjs.mjs",
|
||
"default": "./dist/emotion-react.development.edge-light.cjs.js"
|
||
},
|
||
worker: {
|
||
module: "./dist/emotion-react.development.edge-light.esm.js",
|
||
"import": "./dist/emotion-react.development.edge-light.cjs.mjs",
|
||
"default": "./dist/emotion-react.development.edge-light.cjs.js"
|
||
},
|
||
workerd: {
|
||
module: "./dist/emotion-react.development.edge-light.esm.js",
|
||
"import": "./dist/emotion-react.development.edge-light.cjs.mjs",
|
||
"default": "./dist/emotion-react.development.edge-light.cjs.js"
|
||
},
|
||
browser: {
|
||
module: "./dist/emotion-react.browser.development.esm.js",
|
||
"import": "./dist/emotion-react.browser.development.cjs.mjs",
|
||
"default": "./dist/emotion-react.browser.development.cjs.js"
|
||
},
|
||
module: "./dist/emotion-react.development.esm.js",
|
||
"import": "./dist/emotion-react.development.cjs.mjs",
|
||
"default": "./dist/emotion-react.development.cjs.js"
|
||
},
|
||
"edge-light": {
|
||
module: "./dist/emotion-react.edge-light.esm.js",
|
||
"import": "./dist/emotion-react.edge-light.cjs.mjs",
|
||
"default": "./dist/emotion-react.edge-light.cjs.js"
|
||
},
|
||
worker: {
|
||
module: "./dist/emotion-react.edge-light.esm.js",
|
||
"import": "./dist/emotion-react.edge-light.cjs.mjs",
|
||
"default": "./dist/emotion-react.edge-light.cjs.js"
|
||
},
|
||
workerd: {
|
||
module: "./dist/emotion-react.edge-light.esm.js",
|
||
"import": "./dist/emotion-react.edge-light.cjs.mjs",
|
||
"default": "./dist/emotion-react.edge-light.cjs.js"
|
||
},
|
||
browser: {
|
||
module: "./dist/emotion-react.browser.esm.js",
|
||
"import": "./dist/emotion-react.browser.cjs.mjs",
|
||
"default": "./dist/emotion-react.browser.cjs.js"
|
||
},
|
||
module: "./dist/emotion-react.esm.js",
|
||
"import": "./dist/emotion-react.cjs.mjs",
|
||
"default": "./dist/emotion-react.cjs.js"
|
||
},
|
||
"./jsx-runtime": {
|
||
types: {
|
||
"import": "./jsx-runtime/dist/emotion-react-jsx-runtime.cjs.mjs",
|
||
"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.cjs.js"
|
||
},
|
||
development: {
|
||
"edge-light": {
|
||
module: "./jsx-runtime/dist/emotion-react-jsx-runtime.development.edge-light.esm.js",
|
||
"import": "./jsx-runtime/dist/emotion-react-jsx-runtime.development.edge-light.cjs.mjs",
|
||
"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.development.edge-light.cjs.js"
|
||
},
|
||
worker: {
|
||
module: "./jsx-runtime/dist/emotion-react-jsx-runtime.development.edge-light.esm.js",
|
||
"import": "./jsx-runtime/dist/emotion-react-jsx-runtime.development.edge-light.cjs.mjs",
|
||
"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.development.edge-light.cjs.js"
|
||
},
|
||
workerd: {
|
||
module: "./jsx-runtime/dist/emotion-react-jsx-runtime.development.edge-light.esm.js",
|
||
"import": "./jsx-runtime/dist/emotion-react-jsx-runtime.development.edge-light.cjs.mjs",
|
||
"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.development.edge-light.cjs.js"
|
||
},
|
||
browser: {
|
||
module: "./jsx-runtime/dist/emotion-react-jsx-runtime.browser.development.esm.js",
|
||
"import": "./jsx-runtime/dist/emotion-react-jsx-runtime.browser.development.cjs.mjs",
|
||
"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.browser.development.cjs.js"
|
||
},
|
||
module: "./jsx-runtime/dist/emotion-react-jsx-runtime.development.esm.js",
|
||
"import": "./jsx-runtime/dist/emotion-react-jsx-runtime.development.cjs.mjs",
|
||
"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.development.cjs.js"
|
||
},
|
||
"edge-light": {
|
||
module: "./jsx-runtime/dist/emotion-react-jsx-runtime.edge-light.esm.js",
|
||
"import": "./jsx-runtime/dist/emotion-react-jsx-runtime.edge-light.cjs.mjs",
|
||
"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.edge-light.cjs.js"
|
||
},
|
||
worker: {
|
||
module: "./jsx-runtime/dist/emotion-react-jsx-runtime.edge-light.esm.js",
|
||
"import": "./jsx-runtime/dist/emotion-react-jsx-runtime.edge-light.cjs.mjs",
|
||
"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.edge-light.cjs.js"
|
||
},
|
||
workerd: {
|
||
module: "./jsx-runtime/dist/emotion-react-jsx-runtime.edge-light.esm.js",
|
||
"import": "./jsx-runtime/dist/emotion-react-jsx-runtime.edge-light.cjs.mjs",
|
||
"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.edge-light.cjs.js"
|
||
},
|
||
browser: {
|
||
module: "./jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js",
|
||
"import": "./jsx-runtime/dist/emotion-react-jsx-runtime.browser.cjs.mjs",
|
||
"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.browser.cjs.js"
|
||
},
|
||
module: "./jsx-runtime/dist/emotion-react-jsx-runtime.esm.js",
|
||
"import": "./jsx-runtime/dist/emotion-react-jsx-runtime.cjs.mjs",
|
||
"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.cjs.js"
|
||
},
|
||
"./_isolated-hnrs": {
|
||
types: {
|
||
"import": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.cjs.mjs",
|
||
"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.cjs.js"
|
||
},
|
||
development: {
|
||
"edge-light": {
|
||
module: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.edge-light.esm.js",
|
||
"import": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.edge-light.cjs.mjs",
|
||
"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.edge-light.cjs.js"
|
||
},
|
||
worker: {
|
||
module: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.edge-light.esm.js",
|
||
"import": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.edge-light.cjs.mjs",
|
||
"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.edge-light.cjs.js"
|
||
},
|
||
workerd: {
|
||
module: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.edge-light.esm.js",
|
||
"import": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.edge-light.cjs.mjs",
|
||
"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.edge-light.cjs.js"
|
||
},
|
||
browser: {
|
||
module: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.development.esm.js",
|
||
"import": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.development.cjs.mjs",
|
||
"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.development.cjs.js"
|
||
},
|
||
module: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.esm.js",
|
||
"import": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.cjs.mjs",
|
||
"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.cjs.js"
|
||
},
|
||
"edge-light": {
|
||
module: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.edge-light.esm.js",
|
||
"import": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.edge-light.cjs.mjs",
|
||
"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.edge-light.cjs.js"
|
||
},
|
||
worker: {
|
||
module: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.edge-light.esm.js",
|
||
"import": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.edge-light.cjs.mjs",
|
||
"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.edge-light.cjs.js"
|
||
},
|
||
workerd: {
|
||
module: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.edge-light.esm.js",
|
||
"import": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.edge-light.cjs.mjs",
|
||
"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.edge-light.cjs.js"
|
||
},
|
||
browser: {
|
||
module: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.esm.js",
|
||
"import": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.cjs.mjs",
|
||
"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.cjs.js"
|
||
},
|
||
module: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.esm.js",
|
||
"import": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.cjs.mjs",
|
||
"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.cjs.js"
|
||
},
|
||
"./jsx-dev-runtime": {
|
||
types: {
|
||
"import": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.cjs.mjs",
|
||
"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.cjs.js"
|
||
},
|
||
development: {
|
||
"edge-light": {
|
||
module: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.edge-light.esm.js",
|
||
"import": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.edge-light.cjs.mjs",
|
||
"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.edge-light.cjs.js"
|
||
},
|
||
worker: {
|
||
module: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.edge-light.esm.js",
|
||
"import": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.edge-light.cjs.mjs",
|
||
"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.edge-light.cjs.js"
|
||
},
|
||
workerd: {
|
||
module: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.edge-light.esm.js",
|
||
"import": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.edge-light.cjs.mjs",
|
||
"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.edge-light.cjs.js"
|
||
},
|
||
browser: {
|
||
module: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.browser.development.esm.js",
|
||
"import": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.browser.development.cjs.mjs",
|
||
"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.browser.development.cjs.js"
|
||
},
|
||
module: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.esm.js",
|
||
"import": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.cjs.mjs",
|
||
"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.cjs.js"
|
||
},
|
||
"edge-light": {
|
||
module: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.edge-light.esm.js",
|
||
"import": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.edge-light.cjs.mjs",
|
||
"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.edge-light.cjs.js"
|
||
},
|
||
worker: {
|
||
module: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.edge-light.esm.js",
|
||
"import": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.edge-light.cjs.mjs",
|
||
"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.edge-light.cjs.js"
|
||
},
|
||
workerd: {
|
||
module: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.edge-light.esm.js",
|
||
"import": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.edge-light.cjs.mjs",
|
||
"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.edge-light.cjs.js"
|
||
},
|
||
browser: {
|
||
module: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.browser.esm.js",
|
||
"import": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.browser.cjs.mjs",
|
||
"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.browser.cjs.js"
|
||
},
|
||
module: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.esm.js",
|
||
"import": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.cjs.mjs",
|
||
"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.cjs.js"
|
||
},
|
||
"./package.json": "./package.json",
|
||
"./types/css-prop": "./types/css-prop.d.ts",
|
||
"./macro": {
|
||
types: {
|
||
"import": "./macro.d.mts",
|
||
"default": "./macro.d.ts"
|
||
},
|
||
"default": "./macro.js"
|
||
}
|
||
},
|
||
imports: {
|
||
"#is-development": {
|
||
development: "./src/conditions/true.ts",
|
||
"default": "./src/conditions/false.ts"
|
||
},
|
||
"#is-browser": {
|
||
"edge-light": "./src/conditions/false.ts",
|
||
workerd: "./src/conditions/false.ts",
|
||
worker: "./src/conditions/false.ts",
|
||
browser: "./src/conditions/true.ts",
|
||
"default": "./src/conditions/is-browser.ts"
|
||
}
|
||
},
|
||
files: [
|
||
"src",
|
||
"dist",
|
||
"jsx-runtime",
|
||
"jsx-dev-runtime",
|
||
"_isolated-hnrs",
|
||
"types/css-prop.d.ts",
|
||
"macro.*"
|
||
],
|
||
sideEffects: false,
|
||
author: "Emotion Contributors",
|
||
license: "MIT",
|
||
scripts: {
|
||
"test:typescript": "dtslint types"
|
||
},
|
||
dependencies: {
|
||
"@babel/runtime": "^7.18.3",
|
||
"@emotion/babel-plugin": "^11.13.5",
|
||
"@emotion/cache": "^11.14.0",
|
||
"@emotion/serialize": "^1.3.3",
|
||
"@emotion/use-insertion-effect-with-fallbacks": "^1.2.0",
|
||
"@emotion/utils": "^1.4.2",
|
||
"@emotion/weak-memoize": "^0.4.0",
|
||
"hoist-non-react-statics": "^3.3.1"
|
||
},
|
||
peerDependencies: {
|
||
react: ">=16.8.0"
|
||
},
|
||
peerDependenciesMeta: {
|
||
"@types/react": {
|
||
optional: true
|
||
}
|
||
},
|
||
devDependencies: {
|
||
"@definitelytyped/dtslint": "0.0.112",
|
||
"@emotion/css": "11.13.5",
|
||
"@emotion/css-prettifier": "1.2.0",
|
||
"@emotion/server": "11.11.0",
|
||
"@emotion/styled": "11.14.0",
|
||
"@types/hoist-non-react-statics": "^3.3.5",
|
||
"html-tag-names": "^1.1.2",
|
||
react: "16.14.0",
|
||
"svg-tag-names": "^1.1.1",
|
||
typescript: "^5.4.5"
|
||
},
|
||
repository: "https://github.com/emotion-js/emotion/tree/main/packages/react",
|
||
publishConfig: {
|
||
access: "public"
|
||
},
|
||
"umd:main": "dist/emotion-react.umd.min.js",
|
||
preconstruct: {
|
||
entrypoints: [
|
||
"./index.ts",
|
||
"./jsx-runtime.ts",
|
||
"./jsx-dev-runtime.ts",
|
||
"./_isolated-hnrs.ts"
|
||
],
|
||
umdName: "emotionReact",
|
||
exports: {
|
||
extra: {
|
||
"./types/css-prop": "./types/css-prop.d.ts",
|
||
"./macro": {
|
||
types: {
|
||
"import": "./macro.d.mts",
|
||
"default": "./macro.d.ts"
|
||
},
|
||
"default": "./macro.js"
|
||
}
|
||
}
|
||
}
|
||
}
|
||
};
|
||
jsx = function jsx2(type, props) {
|
||
var args = arguments;
|
||
if (props == null || !hasOwn.call(props, "css")) {
|
||
return React3.createElement.apply(void 0, args);
|
||
}
|
||
var argsLength = args.length;
|
||
var createElementArgArray = new Array(argsLength);
|
||
createElementArgArray[0] = Emotion$1;
|
||
createElementArgArray[1] = createEmotionProps(type, props);
|
||
for (var i = 2; i < argsLength; i++) {
|
||
createElementArgArray[i] = args[i];
|
||
}
|
||
return React3.createElement.apply(null, createElementArgArray);
|
||
};
|
||
(function(_jsx4) {
|
||
var JSX;
|
||
/* @__PURE__ */ (function(_JSX) {
|
||
})(JSX || (JSX = _jsx4.JSX || (_jsx4.JSX = {})));
|
||
})(jsx || (jsx = {}));
|
||
warnedAboutCssPropForGlobal = false;
|
||
Global = withEmotionCache(function(props, cache) {
|
||
if (!warnedAboutCssPropForGlobal && // check for className as well since the user is
|
||
// probably using the custom createElement which
|
||
// means it will be turned into a className prop
|
||
// I don't really want to add it to the type since it shouldn't be used
|
||
("className" in props && props.className || "css" in props && props.css)) {
|
||
console.error("It looks like you're using the css prop on Global, did you mean to use the styles prop instead?");
|
||
warnedAboutCssPropForGlobal = true;
|
||
}
|
||
var styles = props.styles;
|
||
var serialized = serializeStyles([styles], void 0, React3.useContext(ThemeContext));
|
||
var sheetRef = React3.useRef();
|
||
useInsertionEffectWithLayoutFallback(function() {
|
||
var key = cache.key + "-global";
|
||
var sheet = new cache.sheet.constructor({
|
||
key,
|
||
nonce: cache.sheet.nonce,
|
||
container: cache.sheet.container,
|
||
speedy: cache.sheet.isSpeedy
|
||
});
|
||
var rehydrating = false;
|
||
var node2 = document.querySelector('style[data-emotion="' + key + " " + serialized.name + '"]');
|
||
if (cache.sheet.tags.length) {
|
||
sheet.before = cache.sheet.tags[0];
|
||
}
|
||
if (node2 !== null) {
|
||
rehydrating = true;
|
||
node2.setAttribute("data-emotion", key);
|
||
sheet.hydrate([node2]);
|
||
}
|
||
sheetRef.current = [sheet, rehydrating];
|
||
return function() {
|
||
sheet.flush();
|
||
};
|
||
}, [cache]);
|
||
useInsertionEffectWithLayoutFallback(function() {
|
||
var sheetRefCurrent = sheetRef.current;
|
||
var sheet = sheetRefCurrent[0], rehydrating = sheetRefCurrent[1];
|
||
if (rehydrating) {
|
||
sheetRefCurrent[1] = false;
|
||
return;
|
||
}
|
||
if (serialized.next !== void 0) {
|
||
insertStyles(cache, serialized.next, true);
|
||
}
|
||
if (sheet.tags.length) {
|
||
var element = sheet.tags[sheet.tags.length - 1].nextElementSibling;
|
||
sheet.before = element;
|
||
sheet.flush();
|
||
}
|
||
cache.insert("", serialized, sheet, false);
|
||
}, [cache, serialized.name]);
|
||
return null;
|
||
});
|
||
{
|
||
Global.displayName = "EmotionGlobal";
|
||
}
|
||
classnames = function classnames2(args) {
|
||
var len = args.length;
|
||
var i = 0;
|
||
var cls = "";
|
||
for (; i < len; i++) {
|
||
var arg = args[i];
|
||
if (arg == null) continue;
|
||
var toAdd = void 0;
|
||
switch (typeof arg) {
|
||
case "boolean":
|
||
break;
|
||
case "object": {
|
||
if (Array.isArray(arg)) {
|
||
toAdd = classnames2(arg);
|
||
} else {
|
||
if (arg.styles !== void 0 && arg.name !== void 0) {
|
||
console.error("You have passed styles created with `css` from `@emotion/react` package to the `cx`.\n`cx` is meant to compose class names (strings) so you should convert those styles to a class name by passing them to the `css` received from <ClassNames/> component.");
|
||
}
|
||
toAdd = "";
|
||
for (var k in arg) {
|
||
if (arg[k] && k) {
|
||
toAdd && (toAdd += " ");
|
||
toAdd += k;
|
||
}
|
||
}
|
||
}
|
||
break;
|
||
}
|
||
default: {
|
||
toAdd = arg;
|
||
}
|
||
}
|
||
if (toAdd) {
|
||
cls && (cls += " ");
|
||
cls += toAdd;
|
||
}
|
||
}
|
||
return cls;
|
||
};
|
||
Insertion3 = function Insertion4(_ref) {
|
||
var cache = _ref.cache, serializedArr = _ref.serializedArr;
|
||
useInsertionEffectAlwaysWithSyncFallback(function() {
|
||
for (var i = 0; i < serializedArr.length; i++) {
|
||
insertStyles(cache, serializedArr[i], false);
|
||
}
|
||
});
|
||
return null;
|
||
};
|
||
ClassNames = withEmotionCache(function(props, cache) {
|
||
var hasRendered = false;
|
||
var serializedArr = [];
|
||
var css2 = function css3() {
|
||
if (hasRendered && isDevelopment3) {
|
||
throw new Error("css can only be used during render");
|
||
}
|
||
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
||
args[_key] = arguments[_key];
|
||
}
|
||
var serialized = serializeStyles(args, cache.registered);
|
||
serializedArr.push(serialized);
|
||
registerStyles(cache, serialized, false);
|
||
return cache.key + "-" + serialized.name;
|
||
};
|
||
var cx = function cx2() {
|
||
if (hasRendered && isDevelopment3) {
|
||
throw new Error("cx can only be used during render");
|
||
}
|
||
for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
|
||
args[_key2] = arguments[_key2];
|
||
}
|
||
return merge(cache.registered, css2, classnames(args));
|
||
};
|
||
var content = {
|
||
css: css2,
|
||
cx,
|
||
theme: React3.useContext(ThemeContext)
|
||
};
|
||
var ele = props.children(content);
|
||
hasRendered = true;
|
||
return React3.createElement(React3.Fragment, null, React3.createElement(Insertion3, {
|
||
cache,
|
||
serializedArr
|
||
}), ele);
|
||
});
|
||
{
|
||
ClassNames.displayName = "EmotionClassNames";
|
||
}
|
||
{
|
||
isBrowser2 = typeof document !== "undefined";
|
||
isTestEnv = typeof jest !== "undefined" || typeof vi !== "undefined";
|
||
if (isBrowser2 && !isTestEnv) {
|
||
globalContext = typeof globalThis !== "undefined" ? globalThis : isBrowser2 ? window : global;
|
||
globalKey = "__EMOTION_REACT_" + pkg.version.split(".")[0] + "__";
|
||
if (globalContext[globalKey]) {
|
||
console.warn("You are loading @emotion/react when it is already loaded. Running multiple instances may cause problems. This can happen if multiple versions are used, or if multiple builds of the same version are used.");
|
||
}
|
||
globalContext[globalKey] = true;
|
||
}
|
||
}
|
||
}
|
||
});
|
||
|
||
// node_modules/prop-types/node_modules/react-is/cjs/react-is.development.js
|
||
var require_react_is_development2 = __commonJS({
|
||
"node_modules/prop-types/node_modules/react-is/cjs/react-is.development.js"(exports) {
|
||
"use strict";
|
||
if (true) {
|
||
(function() {
|
||
"use strict";
|
||
var hasSymbol = typeof Symbol === "function" && Symbol.for;
|
||
var REACT_ELEMENT_TYPE = hasSymbol ? Symbol.for("react.element") : 60103;
|
||
var REACT_PORTAL_TYPE = hasSymbol ? Symbol.for("react.portal") : 60106;
|
||
var REACT_FRAGMENT_TYPE = hasSymbol ? Symbol.for("react.fragment") : 60107;
|
||
var REACT_STRICT_MODE_TYPE = hasSymbol ? Symbol.for("react.strict_mode") : 60108;
|
||
var REACT_PROFILER_TYPE = hasSymbol ? Symbol.for("react.profiler") : 60114;
|
||
var REACT_PROVIDER_TYPE = hasSymbol ? Symbol.for("react.provider") : 60109;
|
||
var REACT_CONTEXT_TYPE = hasSymbol ? Symbol.for("react.context") : 60110;
|
||
var REACT_ASYNC_MODE_TYPE = hasSymbol ? Symbol.for("react.async_mode") : 60111;
|
||
var REACT_CONCURRENT_MODE_TYPE = hasSymbol ? Symbol.for("react.concurrent_mode") : 60111;
|
||
var REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for("react.forward_ref") : 60112;
|
||
var REACT_SUSPENSE_TYPE = hasSymbol ? Symbol.for("react.suspense") : 60113;
|
||
var REACT_SUSPENSE_LIST_TYPE = hasSymbol ? Symbol.for("react.suspense_list") : 60120;
|
||
var REACT_MEMO_TYPE = hasSymbol ? Symbol.for("react.memo") : 60115;
|
||
var REACT_LAZY_TYPE = hasSymbol ? Symbol.for("react.lazy") : 60116;
|
||
var REACT_BLOCK_TYPE = hasSymbol ? Symbol.for("react.block") : 60121;
|
||
var REACT_FUNDAMENTAL_TYPE = hasSymbol ? Symbol.for("react.fundamental") : 60117;
|
||
var REACT_RESPONDER_TYPE = hasSymbol ? Symbol.for("react.responder") : 60118;
|
||
var REACT_SCOPE_TYPE = hasSymbol ? Symbol.for("react.scope") : 60119;
|
||
function isValidElementType(type) {
|
||
return typeof type === "string" || typeof type === "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
|
||
type === REACT_FRAGMENT_TYPE || type === REACT_CONCURRENT_MODE_TYPE || type === REACT_PROFILER_TYPE || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || typeof type === "object" && type !== null && (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || type.$$typeof === REACT_FUNDAMENTAL_TYPE || type.$$typeof === REACT_RESPONDER_TYPE || type.$$typeof === REACT_SCOPE_TYPE || type.$$typeof === REACT_BLOCK_TYPE);
|
||
}
|
||
function typeOf(object) {
|
||
if (typeof object === "object" && object !== null) {
|
||
var $$typeof = object.$$typeof;
|
||
switch ($$typeof) {
|
||
case REACT_ELEMENT_TYPE:
|
||
var type = object.type;
|
||
switch (type) {
|
||
case REACT_ASYNC_MODE_TYPE:
|
||
case REACT_CONCURRENT_MODE_TYPE:
|
||
case REACT_FRAGMENT_TYPE:
|
||
case REACT_PROFILER_TYPE:
|
||
case REACT_STRICT_MODE_TYPE:
|
||
case REACT_SUSPENSE_TYPE:
|
||
return type;
|
||
default:
|
||
var $$typeofType = type && type.$$typeof;
|
||
switch ($$typeofType) {
|
||
case REACT_CONTEXT_TYPE:
|
||
case REACT_FORWARD_REF_TYPE:
|
||
case REACT_LAZY_TYPE:
|
||
case REACT_MEMO_TYPE:
|
||
case REACT_PROVIDER_TYPE:
|
||
return $$typeofType;
|
||
default:
|
||
return $$typeof;
|
||
}
|
||
}
|
||
case REACT_PORTAL_TYPE:
|
||
return $$typeof;
|
||
}
|
||
}
|
||
return void 0;
|
||
}
|
||
var AsyncMode = REACT_ASYNC_MODE_TYPE;
|
||
var ConcurrentMode = REACT_CONCURRENT_MODE_TYPE;
|
||
var ContextConsumer = REACT_CONTEXT_TYPE;
|
||
var ContextProvider = REACT_PROVIDER_TYPE;
|
||
var Element = REACT_ELEMENT_TYPE;
|
||
var ForwardRef2 = REACT_FORWARD_REF_TYPE;
|
||
var Fragment4 = REACT_FRAGMENT_TYPE;
|
||
var Lazy = REACT_LAZY_TYPE;
|
||
var Memo2 = REACT_MEMO_TYPE;
|
||
var Portal = REACT_PORTAL_TYPE;
|
||
var Profiler = REACT_PROFILER_TYPE;
|
||
var StrictMode = REACT_STRICT_MODE_TYPE;
|
||
var Suspense = REACT_SUSPENSE_TYPE;
|
||
var hasWarnedAboutDeprecatedIsAsyncMode = false;
|
||
function isAsyncMode(object) {
|
||
{
|
||
if (!hasWarnedAboutDeprecatedIsAsyncMode) {
|
||
hasWarnedAboutDeprecatedIsAsyncMode = true;
|
||
console["warn"]("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.");
|
||
}
|
||
}
|
||
return isConcurrentMode(object) || typeOf(object) === REACT_ASYNC_MODE_TYPE;
|
||
}
|
||
function isConcurrentMode(object) {
|
||
return typeOf(object) === REACT_CONCURRENT_MODE_TYPE;
|
||
}
|
||
function isContextConsumer(object) {
|
||
return typeOf(object) === REACT_CONTEXT_TYPE;
|
||
}
|
||
function isContextProvider(object) {
|
||
return typeOf(object) === REACT_PROVIDER_TYPE;
|
||
}
|
||
function isElement(object) {
|
||
return typeof object === "object" && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
|
||
}
|
||
function isForwardRef(object) {
|
||
return typeOf(object) === REACT_FORWARD_REF_TYPE;
|
||
}
|
||
function isFragment(object) {
|
||
return typeOf(object) === REACT_FRAGMENT_TYPE;
|
||
}
|
||
function isLazy(object) {
|
||
return typeOf(object) === REACT_LAZY_TYPE;
|
||
}
|
||
function isMemo(object) {
|
||
return typeOf(object) === REACT_MEMO_TYPE;
|
||
}
|
||
function isPortal(object) {
|
||
return typeOf(object) === REACT_PORTAL_TYPE;
|
||
}
|
||
function isProfiler(object) {
|
||
return typeOf(object) === REACT_PROFILER_TYPE;
|
||
}
|
||
function isStrictMode(object) {
|
||
return typeOf(object) === REACT_STRICT_MODE_TYPE;
|
||
}
|
||
function isSuspense(object) {
|
||
return typeOf(object) === REACT_SUSPENSE_TYPE;
|
||
}
|
||
exports.AsyncMode = AsyncMode;
|
||
exports.ConcurrentMode = ConcurrentMode;
|
||
exports.ContextConsumer = ContextConsumer;
|
||
exports.ContextProvider = ContextProvider;
|
||
exports.Element = Element;
|
||
exports.ForwardRef = ForwardRef2;
|
||
exports.Fragment = Fragment4;
|
||
exports.Lazy = Lazy;
|
||
exports.Memo = Memo2;
|
||
exports.Portal = Portal;
|
||
exports.Profiler = Profiler;
|
||
exports.StrictMode = StrictMode;
|
||
exports.Suspense = Suspense;
|
||
exports.isAsyncMode = isAsyncMode;
|
||
exports.isConcurrentMode = isConcurrentMode;
|
||
exports.isContextConsumer = isContextConsumer;
|
||
exports.isContextProvider = isContextProvider;
|
||
exports.isElement = isElement;
|
||
exports.isForwardRef = isForwardRef;
|
||
exports.isFragment = isFragment;
|
||
exports.isLazy = isLazy;
|
||
exports.isMemo = isMemo;
|
||
exports.isPortal = isPortal;
|
||
exports.isProfiler = isProfiler;
|
||
exports.isStrictMode = isStrictMode;
|
||
exports.isSuspense = isSuspense;
|
||
exports.isValidElementType = isValidElementType;
|
||
exports.typeOf = typeOf;
|
||
})();
|
||
}
|
||
}
|
||
});
|
||
|
||
// node_modules/prop-types/node_modules/react-is/index.js
|
||
var require_react_is2 = __commonJS({
|
||
"node_modules/prop-types/node_modules/react-is/index.js"(exports, module) {
|
||
"use strict";
|
||
if (false) {
|
||
module.exports = null;
|
||
} else {
|
||
module.exports = require_react_is_development2();
|
||
}
|
||
}
|
||
});
|
||
|
||
// node_modules/object-assign/index.js
|
||
var require_object_assign = __commonJS({
|
||
"node_modules/object-assign/index.js"(exports, module) {
|
||
"use strict";
|
||
var getOwnPropertySymbols = Object.getOwnPropertySymbols;
|
||
var hasOwnProperty = Object.prototype.hasOwnProperty;
|
||
var propIsEnumerable = Object.prototype.propertyIsEnumerable;
|
||
function toObject(val) {
|
||
if (val === null || val === void 0) {
|
||
throw new TypeError("Object.assign cannot be called with null or undefined");
|
||
}
|
||
return Object(val);
|
||
}
|
||
function shouldUseNative() {
|
||
try {
|
||
if (!Object.assign) {
|
||
return false;
|
||
}
|
||
var test1 = new String("abc");
|
||
test1[5] = "de";
|
||
if (Object.getOwnPropertyNames(test1)[0] === "5") {
|
||
return false;
|
||
}
|
||
var test2 = {};
|
||
for (var i = 0; i < 10; i++) {
|
||
test2["_" + String.fromCharCode(i)] = i;
|
||
}
|
||
var order2 = Object.getOwnPropertyNames(test2).map(function(n) {
|
||
return test2[n];
|
||
});
|
||
if (order2.join("") !== "0123456789") {
|
||
return false;
|
||
}
|
||
var test3 = {};
|
||
"abcdefghijklmnopqrst".split("").forEach(function(letter) {
|
||
test3[letter] = letter;
|
||
});
|
||
if (Object.keys(Object.assign({}, test3)).join("") !== "abcdefghijklmnopqrst") {
|
||
return false;
|
||
}
|
||
return true;
|
||
} catch (err) {
|
||
return false;
|
||
}
|
||
}
|
||
module.exports = shouldUseNative() ? Object.assign : function(target, source) {
|
||
var from2;
|
||
var to = toObject(target);
|
||
var symbols;
|
||
for (var s = 1; s < arguments.length; s++) {
|
||
from2 = Object(arguments[s]);
|
||
for (var key in from2) {
|
||
if (hasOwnProperty.call(from2, key)) {
|
||
to[key] = from2[key];
|
||
}
|
||
}
|
||
if (getOwnPropertySymbols) {
|
||
symbols = getOwnPropertySymbols(from2);
|
||
for (var i = 0; i < symbols.length; i++) {
|
||
if (propIsEnumerable.call(from2, symbols[i])) {
|
||
to[symbols[i]] = from2[symbols[i]];
|
||
}
|
||
}
|
||
}
|
||
}
|
||
return to;
|
||
};
|
||
}
|
||
});
|
||
|
||
// node_modules/prop-types/lib/ReactPropTypesSecret.js
|
||
var require_ReactPropTypesSecret = __commonJS({
|
||
"node_modules/prop-types/lib/ReactPropTypesSecret.js"(exports, module) {
|
||
"use strict";
|
||
var ReactPropTypesSecret = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
|
||
module.exports = ReactPropTypesSecret;
|
||
}
|
||
});
|
||
|
||
// node_modules/prop-types/lib/has.js
|
||
var require_has = __commonJS({
|
||
"node_modules/prop-types/lib/has.js"(exports, module) {
|
||
module.exports = Function.call.bind(Object.prototype.hasOwnProperty);
|
||
}
|
||
});
|
||
|
||
// node_modules/prop-types/checkPropTypes.js
|
||
var require_checkPropTypes = __commonJS({
|
||
"node_modules/prop-types/checkPropTypes.js"(exports, module) {
|
||
"use strict";
|
||
var printWarning = function() {
|
||
};
|
||
if (true) {
|
||
ReactPropTypesSecret = require_ReactPropTypesSecret();
|
||
loggedTypeFailures = {};
|
||
has = require_has();
|
||
printWarning = function(text) {
|
||
var message = "Warning: " + text;
|
||
if (typeof console !== "undefined") {
|
||
console.error(message);
|
||
}
|
||
try {
|
||
throw new Error(message);
|
||
} catch (x) {
|
||
}
|
||
};
|
||
}
|
||
var ReactPropTypesSecret;
|
||
var loggedTypeFailures;
|
||
var has;
|
||
function checkPropTypes(typeSpecs, values2, location, componentName, getStack) {
|
||
if (true) {
|
||
for (var typeSpecName in typeSpecs) {
|
||
if (has(typeSpecs, typeSpecName)) {
|
||
var error;
|
||
try {
|
||
if (typeof typeSpecs[typeSpecName] !== "function") {
|
||
var err = Error(
|
||
(componentName || "React class") + ": " + location + " type `" + typeSpecName + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof typeSpecs[typeSpecName] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
|
||
);
|
||
err.name = "Invariant Violation";
|
||
throw err;
|
||
}
|
||
error = typeSpecs[typeSpecName](values2, typeSpecName, componentName, location, null, ReactPropTypesSecret);
|
||
} catch (ex) {
|
||
error = ex;
|
||
}
|
||
if (error && !(error instanceof Error)) {
|
||
printWarning(
|
||
(componentName || "React class") + ": type specification of " + location + " `" + typeSpecName + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof error + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
|
||
);
|
||
}
|
||
if (error instanceof Error && !(error.message in loggedTypeFailures)) {
|
||
loggedTypeFailures[error.message] = true;
|
||
var stack = getStack ? getStack() : "";
|
||
printWarning(
|
||
"Failed " + location + " type: " + error.message + (stack != null ? stack : "")
|
||
);
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
checkPropTypes.resetWarningCache = function() {
|
||
if (true) {
|
||
loggedTypeFailures = {};
|
||
}
|
||
};
|
||
module.exports = checkPropTypes;
|
||
}
|
||
});
|
||
|
||
// node_modules/prop-types/factoryWithTypeCheckers.js
|
||
var require_factoryWithTypeCheckers = __commonJS({
|
||
"node_modules/prop-types/factoryWithTypeCheckers.js"(exports, module) {
|
||
"use strict";
|
||
var ReactIs = require_react_is2();
|
||
var assign2 = require_object_assign();
|
||
var ReactPropTypesSecret = require_ReactPropTypesSecret();
|
||
var has = require_has();
|
||
var checkPropTypes = require_checkPropTypes();
|
||
var printWarning = function() {
|
||
};
|
||
if (true) {
|
||
printWarning = function(text) {
|
||
var message = "Warning: " + text;
|
||
if (typeof console !== "undefined") {
|
||
console.error(message);
|
||
}
|
||
try {
|
||
throw new Error(message);
|
||
} catch (x) {
|
||
}
|
||
};
|
||
}
|
||
function emptyFunctionThatReturnsNull() {
|
||
return null;
|
||
}
|
||
module.exports = function(isValidElement4, throwOnDirectAccess) {
|
||
var ITERATOR_SYMBOL = typeof Symbol === "function" && Symbol.iterator;
|
||
var FAUX_ITERATOR_SYMBOL = "@@iterator";
|
||
function getIteratorFn(maybeIterable) {
|
||
var iteratorFn = maybeIterable && (ITERATOR_SYMBOL && maybeIterable[ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL]);
|
||
if (typeof iteratorFn === "function") {
|
||
return iteratorFn;
|
||
}
|
||
}
|
||
var ANONYMOUS = "<<anonymous>>";
|
||
var ReactPropTypes = {
|
||
array: createPrimitiveTypeChecker("array"),
|
||
bigint: createPrimitiveTypeChecker("bigint"),
|
||
bool: createPrimitiveTypeChecker("boolean"),
|
||
func: createPrimitiveTypeChecker("function"),
|
||
number: createPrimitiveTypeChecker("number"),
|
||
object: createPrimitiveTypeChecker("object"),
|
||
string: createPrimitiveTypeChecker("string"),
|
||
symbol: createPrimitiveTypeChecker("symbol"),
|
||
any: createAnyTypeChecker(),
|
||
arrayOf: createArrayOfTypeChecker,
|
||
element: createElementTypeChecker(),
|
||
elementType: createElementTypeTypeChecker(),
|
||
instanceOf: createInstanceTypeChecker,
|
||
node: createNodeChecker(),
|
||
objectOf: createObjectOfTypeChecker,
|
||
oneOf: createEnumTypeChecker,
|
||
oneOfType: createUnionTypeChecker,
|
||
shape: createShapeTypeChecker,
|
||
exact: createStrictShapeTypeChecker
|
||
};
|
||
function is(x, y) {
|
||
if (x === y) {
|
||
return x !== 0 || 1 / x === 1 / y;
|
||
} else {
|
||
return x !== x && y !== y;
|
||
}
|
||
}
|
||
function PropTypeError(message, data) {
|
||
this.message = message;
|
||
this.data = data && typeof data === "object" ? data : {};
|
||
this.stack = "";
|
||
}
|
||
PropTypeError.prototype = Error.prototype;
|
||
function createChainableTypeChecker(validate) {
|
||
if (true) {
|
||
var manualPropTypeCallCache = {};
|
||
var manualPropTypeWarningCount = 0;
|
||
}
|
||
function checkType(isRequired, props, propName, componentName, location, propFullName, secret) {
|
||
componentName = componentName || ANONYMOUS;
|
||
propFullName = propFullName || propName;
|
||
if (secret !== ReactPropTypesSecret) {
|
||
if (throwOnDirectAccess) {
|
||
var err = 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"
|
||
);
|
||
err.name = "Invariant Violation";
|
||
throw err;
|
||
} else if (typeof console !== "undefined") {
|
||
var cacheKey = componentName + ":" + propName;
|
||
if (!manualPropTypeCallCache[cacheKey] && // Avoid spamming the console because they are often not actionable except for lib authors
|
||
manualPropTypeWarningCount < 3) {
|
||
printWarning(
|
||
"You are manually calling a React.PropTypes validation function for the `" + propFullName + "` prop on `" + componentName + "`. 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."
|
||
);
|
||
manualPropTypeCallCache[cacheKey] = true;
|
||
manualPropTypeWarningCount++;
|
||
}
|
||
}
|
||
}
|
||
if (props[propName] == null) {
|
||
if (isRequired) {
|
||
if (props[propName] === null) {
|
||
return new PropTypeError("The " + location + " `" + propFullName + "` is marked as required " + ("in `" + componentName + "`, but its value is `null`."));
|
||
}
|
||
return new PropTypeError("The " + location + " `" + propFullName + "` is marked as required in " + ("`" + componentName + "`, but its value is `undefined`."));
|
||
}
|
||
return null;
|
||
} else {
|
||
return validate(props, propName, componentName, location, propFullName);
|
||
}
|
||
}
|
||
var chainedCheckType = checkType.bind(null, false);
|
||
chainedCheckType.isRequired = checkType.bind(null, true);
|
||
return chainedCheckType;
|
||
}
|
||
function createPrimitiveTypeChecker(expectedType) {
|
||
function validate(props, propName, componentName, location, propFullName, secret) {
|
||
var propValue = props[propName];
|
||
var propType = getPropType(propValue);
|
||
if (propType !== expectedType) {
|
||
var preciseType = getPreciseType(propValue);
|
||
return new PropTypeError(
|
||
"Invalid " + location + " `" + propFullName + "` of type " + ("`" + preciseType + "` supplied to `" + componentName + "`, expected ") + ("`" + expectedType + "`."),
|
||
{ expectedType }
|
||
);
|
||
}
|
||
return null;
|
||
}
|
||
return createChainableTypeChecker(validate);
|
||
}
|
||
function createAnyTypeChecker() {
|
||
return createChainableTypeChecker(emptyFunctionThatReturnsNull);
|
||
}
|
||
function createArrayOfTypeChecker(typeChecker) {
|
||
function validate(props, propName, componentName, location, propFullName) {
|
||
if (typeof typeChecker !== "function") {
|
||
return new PropTypeError("Property `" + propFullName + "` of component `" + componentName + "` has invalid PropType notation inside arrayOf.");
|
||
}
|
||
var propValue = props[propName];
|
||
if (!Array.isArray(propValue)) {
|
||
var propType = getPropType(propValue);
|
||
return new PropTypeError("Invalid " + location + " `" + propFullName + "` of type " + ("`" + propType + "` supplied to `" + componentName + "`, expected an array."));
|
||
}
|
||
for (var i = 0; i < propValue.length; i++) {
|
||
var error = typeChecker(propValue, i, componentName, location, propFullName + "[" + i + "]", ReactPropTypesSecret);
|
||
if (error instanceof Error) {
|
||
return error;
|
||
}
|
||
}
|
||
return null;
|
||
}
|
||
return createChainableTypeChecker(validate);
|
||
}
|
||
function createElementTypeChecker() {
|
||
function validate(props, propName, componentName, location, propFullName) {
|
||
var propValue = props[propName];
|
||
if (!isValidElement4(propValue)) {
|
||
var propType = getPropType(propValue);
|
||
return new PropTypeError("Invalid " + location + " `" + propFullName + "` of type " + ("`" + propType + "` supplied to `" + componentName + "`, expected a single ReactElement."));
|
||
}
|
||
return null;
|
||
}
|
||
return createChainableTypeChecker(validate);
|
||
}
|
||
function createElementTypeTypeChecker() {
|
||
function validate(props, propName, componentName, location, propFullName) {
|
||
var propValue = props[propName];
|
||
if (!ReactIs.isValidElementType(propValue)) {
|
||
var propType = getPropType(propValue);
|
||
return new PropTypeError("Invalid " + location + " `" + propFullName + "` of type " + ("`" + propType + "` supplied to `" + componentName + "`, expected a single ReactElement type."));
|
||
}
|
||
return null;
|
||
}
|
||
return createChainableTypeChecker(validate);
|
||
}
|
||
function createInstanceTypeChecker(expectedClass) {
|
||
function validate(props, propName, componentName, location, propFullName) {
|
||
if (!(props[propName] instanceof expectedClass)) {
|
||
var expectedClassName = expectedClass.name || ANONYMOUS;
|
||
var actualClassName = getClassName(props[propName]);
|
||
return new PropTypeError("Invalid " + location + " `" + propFullName + "` of type " + ("`" + actualClassName + "` supplied to `" + componentName + "`, expected ") + ("instance of `" + expectedClassName + "`."));
|
||
}
|
||
return null;
|
||
}
|
||
return createChainableTypeChecker(validate);
|
||
}
|
||
function createEnumTypeChecker(expectedValues) {
|
||
if (!Array.isArray(expectedValues)) {
|
||
if (true) {
|
||
if (arguments.length > 1) {
|
||
printWarning(
|
||
"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])."
|
||
);
|
||
} else {
|
||
printWarning("Invalid argument supplied to oneOf, expected an array.");
|
||
}
|
||
}
|
||
return emptyFunctionThatReturnsNull;
|
||
}
|
||
function validate(props, propName, componentName, location, propFullName) {
|
||
var propValue = props[propName];
|
||
for (var i = 0; i < expectedValues.length; i++) {
|
||
if (is(propValue, expectedValues[i])) {
|
||
return null;
|
||
}
|
||
}
|
||
var valuesString = JSON.stringify(expectedValues, function replacer(key, value) {
|
||
var type = getPreciseType(value);
|
||
if (type === "symbol") {
|
||
return String(value);
|
||
}
|
||
return value;
|
||
});
|
||
return new PropTypeError("Invalid " + location + " `" + propFullName + "` of value `" + String(propValue) + "` " + ("supplied to `" + componentName + "`, expected one of " + valuesString + "."));
|
||
}
|
||
return createChainableTypeChecker(validate);
|
||
}
|
||
function createObjectOfTypeChecker(typeChecker) {
|
||
function validate(props, propName, componentName, location, propFullName) {
|
||
if (typeof typeChecker !== "function") {
|
||
return new PropTypeError("Property `" + propFullName + "` of component `" + componentName + "` has invalid PropType notation inside objectOf.");
|
||
}
|
||
var propValue = props[propName];
|
||
var propType = getPropType(propValue);
|
||
if (propType !== "object") {
|
||
return new PropTypeError("Invalid " + location + " `" + propFullName + "` of type " + ("`" + propType + "` supplied to `" + componentName + "`, expected an object."));
|
||
}
|
||
for (var key in propValue) {
|
||
if (has(propValue, key)) {
|
||
var error = typeChecker(propValue, key, componentName, location, propFullName + "." + key, ReactPropTypesSecret);
|
||
if (error instanceof Error) {
|
||
return error;
|
||
}
|
||
}
|
||
}
|
||
return null;
|
||
}
|
||
return createChainableTypeChecker(validate);
|
||
}
|
||
function createUnionTypeChecker(arrayOfTypeCheckers) {
|
||
if (!Array.isArray(arrayOfTypeCheckers)) {
|
||
true ? printWarning("Invalid argument supplied to oneOfType, expected an instance of array.") : void 0;
|
||
return emptyFunctionThatReturnsNull;
|
||
}
|
||
for (var i = 0; i < arrayOfTypeCheckers.length; i++) {
|
||
var checker = arrayOfTypeCheckers[i];
|
||
if (typeof checker !== "function") {
|
||
printWarning(
|
||
"Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + getPostfixForTypeWarning(checker) + " at index " + i + "."
|
||
);
|
||
return emptyFunctionThatReturnsNull;
|
||
}
|
||
}
|
||
function validate(props, propName, componentName, location, propFullName) {
|
||
var expectedTypes = [];
|
||
for (var i2 = 0; i2 < arrayOfTypeCheckers.length; i2++) {
|
||
var checker2 = arrayOfTypeCheckers[i2];
|
||
var checkerResult = checker2(props, propName, componentName, location, propFullName, ReactPropTypesSecret);
|
||
if (checkerResult == null) {
|
||
return null;
|
||
}
|
||
if (checkerResult.data && has(checkerResult.data, "expectedType")) {
|
||
expectedTypes.push(checkerResult.data.expectedType);
|
||
}
|
||
}
|
||
var expectedTypesMessage = expectedTypes.length > 0 ? ", expected one of type [" + expectedTypes.join(", ") + "]" : "";
|
||
return new PropTypeError("Invalid " + location + " `" + propFullName + "` supplied to " + ("`" + componentName + "`" + expectedTypesMessage + "."));
|
||
}
|
||
return createChainableTypeChecker(validate);
|
||
}
|
||
function createNodeChecker() {
|
||
function validate(props, propName, componentName, location, propFullName) {
|
||
if (!isNode(props[propName])) {
|
||
return new PropTypeError("Invalid " + location + " `" + propFullName + "` supplied to " + ("`" + componentName + "`, expected a ReactNode."));
|
||
}
|
||
return null;
|
||
}
|
||
return createChainableTypeChecker(validate);
|
||
}
|
||
function invalidValidatorError(componentName, location, propFullName, key, type) {
|
||
return new PropTypeError(
|
||
(componentName || "React class") + ": " + location + " type `" + propFullName + "." + key + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + type + "`."
|
||
);
|
||
}
|
||
function createShapeTypeChecker(shapeTypes) {
|
||
function validate(props, propName, componentName, location, propFullName) {
|
||
var propValue = props[propName];
|
||
var propType = getPropType(propValue);
|
||
if (propType !== "object") {
|
||
return new PropTypeError("Invalid " + location + " `" + propFullName + "` of type `" + propType + "` " + ("supplied to `" + componentName + "`, expected `object`."));
|
||
}
|
||
for (var key in shapeTypes) {
|
||
var checker = shapeTypes[key];
|
||
if (typeof checker !== "function") {
|
||
return invalidValidatorError(componentName, location, propFullName, key, getPreciseType(checker));
|
||
}
|
||
var error = checker(propValue, key, componentName, location, propFullName + "." + key, ReactPropTypesSecret);
|
||
if (error) {
|
||
return error;
|
||
}
|
||
}
|
||
return null;
|
||
}
|
||
return createChainableTypeChecker(validate);
|
||
}
|
||
function createStrictShapeTypeChecker(shapeTypes) {
|
||
function validate(props, propName, componentName, location, propFullName) {
|
||
var propValue = props[propName];
|
||
var propType = getPropType(propValue);
|
||
if (propType !== "object") {
|
||
return new PropTypeError("Invalid " + location + " `" + propFullName + "` of type `" + propType + "` " + ("supplied to `" + componentName + "`, expected `object`."));
|
||
}
|
||
var allKeys = assign2({}, props[propName], shapeTypes);
|
||
for (var key in allKeys) {
|
||
var checker = shapeTypes[key];
|
||
if (has(shapeTypes, key) && typeof checker !== "function") {
|
||
return invalidValidatorError(componentName, location, propFullName, key, getPreciseType(checker));
|
||
}
|
||
if (!checker) {
|
||
return new PropTypeError(
|
||
"Invalid " + location + " `" + propFullName + "` key `" + key + "` supplied to `" + componentName + "`.\nBad object: " + JSON.stringify(props[propName], null, " ") + "\nValid keys: " + JSON.stringify(Object.keys(shapeTypes), null, " ")
|
||
);
|
||
}
|
||
var error = checker(propValue, key, componentName, location, propFullName + "." + key, ReactPropTypesSecret);
|
||
if (error) {
|
||
return error;
|
||
}
|
||
}
|
||
return null;
|
||
}
|
||
return createChainableTypeChecker(validate);
|
||
}
|
||
function isNode(propValue) {
|
||
switch (typeof propValue) {
|
||
case "number":
|
||
case "string":
|
||
case "undefined":
|
||
return true;
|
||
case "boolean":
|
||
return !propValue;
|
||
case "object":
|
||
if (Array.isArray(propValue)) {
|
||
return propValue.every(isNode);
|
||
}
|
||
if (propValue === null || isValidElement4(propValue)) {
|
||
return true;
|
||
}
|
||
var iteratorFn = getIteratorFn(propValue);
|
||
if (iteratorFn) {
|
||
var iterator = iteratorFn.call(propValue);
|
||
var step;
|
||
if (iteratorFn !== propValue.entries) {
|
||
while (!(step = iterator.next()).done) {
|
||
if (!isNode(step.value)) {
|
||
return false;
|
||
}
|
||
}
|
||
} else {
|
||
while (!(step = iterator.next()).done) {
|
||
var entry = step.value;
|
||
if (entry) {
|
||
if (!isNode(entry[1])) {
|
||
return false;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
} else {
|
||
return false;
|
||
}
|
||
return true;
|
||
default:
|
||
return false;
|
||
}
|
||
}
|
||
function isSymbol(propType, propValue) {
|
||
if (propType === "symbol") {
|
||
return true;
|
||
}
|
||
if (!propValue) {
|
||
return false;
|
||
}
|
||
if (propValue["@@toStringTag"] === "Symbol") {
|
||
return true;
|
||
}
|
||
if (typeof Symbol === "function" && propValue instanceof Symbol) {
|
||
return true;
|
||
}
|
||
return false;
|
||
}
|
||
function getPropType(propValue) {
|
||
var propType = typeof propValue;
|
||
if (Array.isArray(propValue)) {
|
||
return "array";
|
||
}
|
||
if (propValue instanceof RegExp) {
|
||
return "object";
|
||
}
|
||
if (isSymbol(propType, propValue)) {
|
||
return "symbol";
|
||
}
|
||
return propType;
|
||
}
|
||
function getPreciseType(propValue) {
|
||
if (typeof propValue === "undefined" || propValue === null) {
|
||
return "" + propValue;
|
||
}
|
||
var propType = getPropType(propValue);
|
||
if (propType === "object") {
|
||
if (propValue instanceof Date) {
|
||
return "date";
|
||
} else if (propValue instanceof RegExp) {
|
||
return "regexp";
|
||
}
|
||
}
|
||
return propType;
|
||
}
|
||
function getPostfixForTypeWarning(value) {
|
||
var type = getPreciseType(value);
|
||
switch (type) {
|
||
case "array":
|
||
case "object":
|
||
return "an " + type;
|
||
case "boolean":
|
||
case "date":
|
||
case "regexp":
|
||
return "a " + type;
|
||
default:
|
||
return type;
|
||
}
|
||
}
|
||
function getClassName(propValue) {
|
||
if (!propValue.constructor || !propValue.constructor.name) {
|
||
return ANONYMOUS;
|
||
}
|
||
return propValue.constructor.name;
|
||
}
|
||
ReactPropTypes.checkPropTypes = checkPropTypes;
|
||
ReactPropTypes.resetWarningCache = checkPropTypes.resetWarningCache;
|
||
ReactPropTypes.PropTypes = ReactPropTypes;
|
||
return ReactPropTypes;
|
||
};
|
||
}
|
||
});
|
||
|
||
// node_modules/prop-types/index.js
|
||
var require_prop_types = __commonJS({
|
||
"node_modules/prop-types/index.js"(exports, module) {
|
||
if (true) {
|
||
ReactIs = require_react_is2();
|
||
throwOnDirectAccess = true;
|
||
module.exports = require_factoryWithTypeCheckers()(ReactIs.isElement, throwOnDirectAccess);
|
||
} else {
|
||
module.exports = null();
|
||
}
|
||
var ReactIs;
|
||
var throwOnDirectAccess;
|
||
}
|
||
});
|
||
|
||
// node_modules/@mui/styled-engine/StyledEngineProvider/StyledEngineProvider.js
|
||
function getCache(injectFirst, enableCssLayer) {
|
||
const emotionCache = createCache({
|
||
key: "css",
|
||
prepend: injectFirst
|
||
});
|
||
if (enableCssLayer) {
|
||
const prevInsert = emotionCache.insert;
|
||
emotionCache.insert = (...args) => {
|
||
if (!args[1].styles.match(/^@layer\s+[^{]*$/)) {
|
||
args[1].styles = `@layer mui {${args[1].styles}}`;
|
||
}
|
||
return prevInsert(...args);
|
||
};
|
||
}
|
||
return emotionCache;
|
||
}
|
||
function StyledEngineProvider(props) {
|
||
const {
|
||
injectFirst,
|
||
enableCssLayer,
|
||
children
|
||
} = props;
|
||
const cache = React4.useMemo(() => {
|
||
const cacheKey = `${injectFirst}-${enableCssLayer}`;
|
||
if (typeof document === "object" && cacheMap.has(cacheKey)) {
|
||
return cacheMap.get(cacheKey);
|
||
}
|
||
const fresh = getCache(injectFirst, enableCssLayer);
|
||
cacheMap.set(cacheKey, fresh);
|
||
return fresh;
|
||
}, [injectFirst, enableCssLayer]);
|
||
if (injectFirst || enableCssLayer) {
|
||
return (0, import_jsx_runtime.jsx)(CacheProvider, {
|
||
value: cache,
|
||
children
|
||
});
|
||
}
|
||
return children;
|
||
}
|
||
var React4, import_prop_types, import_jsx_runtime, cacheMap;
|
||
var init_StyledEngineProvider = __esm({
|
||
"node_modules/@mui/styled-engine/StyledEngineProvider/StyledEngineProvider.js"() {
|
||
"use client";
|
||
React4 = __toESM(require_react());
|
||
import_prop_types = __toESM(require_prop_types());
|
||
init_emotion_react_browser_development_esm();
|
||
init_emotion_cache_browser_development_esm();
|
||
import_jsx_runtime = __toESM(require_jsx_runtime());
|
||
cacheMap = /* @__PURE__ */ new Map();
|
||
true ? StyledEngineProvider.propTypes = {
|
||
/**
|
||
* Your component tree.
|
||
*/
|
||
children: import_prop_types.default.node,
|
||
/**
|
||
* If true, MUI styles are wrapped in CSS `@layer mui` rule.
|
||
* It helps to override MUI styles when using CSS Modules, Tailwind CSS, plain CSS, or any other styling solution.
|
||
*/
|
||
enableCssLayer: import_prop_types.default.bool,
|
||
/**
|
||
* By default, the styles are injected last in the <head> element of the page.
|
||
* As a result, they gain more specificity than any other style sheet.
|
||
* If you want to override MUI's styles, set this prop.
|
||
*/
|
||
injectFirst: import_prop_types.default.bool
|
||
} : void 0;
|
||
}
|
||
});
|
||
|
||
// node_modules/@mui/styled-engine/StyledEngineProvider/index.js
|
||
var init_StyledEngineProvider2 = __esm({
|
||
"node_modules/@mui/styled-engine/StyledEngineProvider/index.js"() {
|
||
"use client";
|
||
init_StyledEngineProvider();
|
||
}
|
||
});
|
||
|
||
// node_modules/@emotion/is-prop-valid/dist/emotion-is-prop-valid.esm.js
|
||
var reactPropsRegex, isPropValid;
|
||
var init_emotion_is_prop_valid_esm = __esm({
|
||
"node_modules/@emotion/is-prop-valid/dist/emotion-is-prop-valid.esm.js"() {
|
||
init_emotion_memoize_esm();
|
||
reactPropsRegex = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|fetchpriority|fetchPriority|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|popover|popoverTarget|popoverTargetAction|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/;
|
||
isPropValid = memoize(
|
||
function(prop) {
|
||
return reactPropsRegex.test(prop) || prop.charCodeAt(0) === 111 && prop.charCodeAt(1) === 110 && prop.charCodeAt(2) < 91;
|
||
}
|
||
/* Z+1 */
|
||
);
|
||
}
|
||
});
|
||
|
||
// node_modules/@emotion/styled/base/dist/emotion-styled-base.browser.development.esm.js
|
||
var React5, isDevelopment4, testOmitPropsOnStringTag, testOmitPropsOnComponent, getDefaultShouldForwardProp, composeShouldForwardProps, ILLEGAL_ESCAPE_SEQUENCE_ERROR2, Insertion5, createStyled;
|
||
var init_emotion_styled_base_browser_development_esm = __esm({
|
||
"node_modules/@emotion/styled/base/dist/emotion-styled-base.browser.development.esm.js"() {
|
||
init_extends();
|
||
init_emotion_react_browser_development_esm();
|
||
init_emotion_serialize_development_esm();
|
||
init_emotion_use_insertion_effect_with_fallbacks_browser_esm();
|
||
init_emotion_utils_browser_esm();
|
||
React5 = __toESM(require_react());
|
||
init_emotion_is_prop_valid_esm();
|
||
isDevelopment4 = true;
|
||
testOmitPropsOnStringTag = isPropValid;
|
||
testOmitPropsOnComponent = function testOmitPropsOnComponent2(key) {
|
||
return key !== "theme";
|
||
};
|
||
getDefaultShouldForwardProp = function getDefaultShouldForwardProp2(tag) {
|
||
return typeof tag === "string" && // 96 is one less than the char code
|
||
// for "a" so this is checking that
|
||
// it's a lowercase character
|
||
tag.charCodeAt(0) > 96 ? testOmitPropsOnStringTag : testOmitPropsOnComponent;
|
||
};
|
||
composeShouldForwardProps = function composeShouldForwardProps2(tag, options, isReal) {
|
||
var shouldForwardProp;
|
||
if (options) {
|
||
var optionsShouldForwardProp = options.shouldForwardProp;
|
||
shouldForwardProp = tag.__emotion_forwardProp && optionsShouldForwardProp ? function(propName) {
|
||
return tag.__emotion_forwardProp(propName) && optionsShouldForwardProp(propName);
|
||
} : optionsShouldForwardProp;
|
||
}
|
||
if (typeof shouldForwardProp !== "function" && isReal) {
|
||
shouldForwardProp = tag.__emotion_forwardProp;
|
||
}
|
||
return shouldForwardProp;
|
||
};
|
||
ILLEGAL_ESCAPE_SEQUENCE_ERROR2 = `You have illegal escape sequence in your template literal, most likely inside content's property value.
|
||
Because you write your CSS inside a JavaScript string you actually have to do double escaping, so for example "content: '\\00d7';" should become "content: '\\\\00d7';".
|
||
You can read more about this here:
|
||
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#ES2018_revision_of_illegal_escape_sequences`;
|
||
Insertion5 = function Insertion6(_ref) {
|
||
var cache = _ref.cache, serialized = _ref.serialized, isStringTag = _ref.isStringTag;
|
||
registerStyles(cache, serialized, isStringTag);
|
||
useInsertionEffectAlwaysWithSyncFallback(function() {
|
||
return insertStyles(cache, serialized, isStringTag);
|
||
});
|
||
return null;
|
||
};
|
||
createStyled = function createStyled2(tag, options) {
|
||
{
|
||
if (tag === void 0) {
|
||
throw new Error("You are trying to create a styled element with an undefined component.\nYou may have forgotten to import it.");
|
||
}
|
||
}
|
||
var isReal = tag.__emotion_real === tag;
|
||
var baseTag = isReal && tag.__emotion_base || tag;
|
||
var identifierName;
|
||
var targetClassName;
|
||
if (options !== void 0) {
|
||
identifierName = options.label;
|
||
targetClassName = options.target;
|
||
}
|
||
var shouldForwardProp = composeShouldForwardProps(tag, options, isReal);
|
||
var defaultShouldForwardProp = shouldForwardProp || getDefaultShouldForwardProp(baseTag);
|
||
var shouldUseAs = !defaultShouldForwardProp("as");
|
||
return function() {
|
||
var args = arguments;
|
||
var styles = isReal && tag.__emotion_styles !== void 0 ? tag.__emotion_styles.slice(0) : [];
|
||
if (identifierName !== void 0) {
|
||
styles.push("label:" + identifierName + ";");
|
||
}
|
||
if (args[0] == null || args[0].raw === void 0) {
|
||
styles.push.apply(styles, args);
|
||
} else {
|
||
var templateStringsArr = args[0];
|
||
if (templateStringsArr[0] === void 0) {
|
||
console.error(ILLEGAL_ESCAPE_SEQUENCE_ERROR2);
|
||
}
|
||
styles.push(templateStringsArr[0]);
|
||
var len = args.length;
|
||
var i = 1;
|
||
for (; i < len; i++) {
|
||
if (templateStringsArr[i] === void 0) {
|
||
console.error(ILLEGAL_ESCAPE_SEQUENCE_ERROR2);
|
||
}
|
||
styles.push(args[i], templateStringsArr[i]);
|
||
}
|
||
}
|
||
var Styled = withEmotionCache(function(props, cache, ref) {
|
||
var FinalTag = shouldUseAs && props.as || baseTag;
|
||
var className = "";
|
||
var classInterpolations = [];
|
||
var mergedProps = props;
|
||
if (props.theme == null) {
|
||
mergedProps = {};
|
||
for (var key in props) {
|
||
mergedProps[key] = props[key];
|
||
}
|
||
mergedProps.theme = React5.useContext(ThemeContext);
|
||
}
|
||
if (typeof props.className === "string") {
|
||
className = getRegisteredStyles(cache.registered, classInterpolations, props.className);
|
||
} else if (props.className != null) {
|
||
className = props.className + " ";
|
||
}
|
||
var serialized = serializeStyles(styles.concat(classInterpolations), cache.registered, mergedProps);
|
||
className += cache.key + "-" + serialized.name;
|
||
if (targetClassName !== void 0) {
|
||
className += " " + targetClassName;
|
||
}
|
||
var finalShouldForwardProp = shouldUseAs && shouldForwardProp === void 0 ? getDefaultShouldForwardProp(FinalTag) : defaultShouldForwardProp;
|
||
var newProps = {};
|
||
for (var _key in props) {
|
||
if (shouldUseAs && _key === "as") continue;
|
||
if (finalShouldForwardProp(_key)) {
|
||
newProps[_key] = props[_key];
|
||
}
|
||
}
|
||
newProps.className = className;
|
||
if (ref) {
|
||
newProps.ref = ref;
|
||
}
|
||
return React5.createElement(React5.Fragment, null, React5.createElement(Insertion5, {
|
||
cache,
|
||
serialized,
|
||
isStringTag: typeof FinalTag === "string"
|
||
}), React5.createElement(FinalTag, newProps));
|
||
});
|
||
Styled.displayName = identifierName !== void 0 ? identifierName : "Styled(" + (typeof baseTag === "string" ? baseTag : baseTag.displayName || baseTag.name || "Component") + ")";
|
||
Styled.defaultProps = tag.defaultProps;
|
||
Styled.__emotion_real = Styled;
|
||
Styled.__emotion_base = baseTag;
|
||
Styled.__emotion_styles = styles;
|
||
Styled.__emotion_forwardProp = shouldForwardProp;
|
||
Object.defineProperty(Styled, "toString", {
|
||
value: function value() {
|
||
if (targetClassName === void 0 && isDevelopment4) {
|
||
return "NO_COMPONENT_SELECTOR";
|
||
}
|
||
return "." + targetClassName;
|
||
}
|
||
});
|
||
Styled.withComponent = function(nextTag, nextOptions) {
|
||
var newStyled = createStyled2(nextTag, _extends({}, options, nextOptions, {
|
||
shouldForwardProp: composeShouldForwardProps(Styled, nextOptions, true)
|
||
}));
|
||
return newStyled.apply(void 0, styles);
|
||
};
|
||
return Styled;
|
||
};
|
||
};
|
||
}
|
||
});
|
||
|
||
// node_modules/@emotion/styled/dist/emotion-styled.browser.development.esm.js
|
||
var import_react5, tags, styled;
|
||
var init_emotion_styled_browser_development_esm = __esm({
|
||
"node_modules/@emotion/styled/dist/emotion-styled.browser.development.esm.js"() {
|
||
init_emotion_styled_base_browser_development_esm();
|
||
init_extends();
|
||
init_emotion_react_browser_development_esm();
|
||
init_emotion_serialize_development_esm();
|
||
init_emotion_use_insertion_effect_with_fallbacks_browser_esm();
|
||
init_emotion_utils_browser_esm();
|
||
import_react5 = __toESM(require_react());
|
||
init_emotion_is_prop_valid_esm();
|
||
tags = [
|
||
"a",
|
||
"abbr",
|
||
"address",
|
||
"area",
|
||
"article",
|
||
"aside",
|
||
"audio",
|
||
"b",
|
||
"base",
|
||
"bdi",
|
||
"bdo",
|
||
"big",
|
||
"blockquote",
|
||
"body",
|
||
"br",
|
||
"button",
|
||
"canvas",
|
||
"caption",
|
||
"cite",
|
||
"code",
|
||
"col",
|
||
"colgroup",
|
||
"data",
|
||
"datalist",
|
||
"dd",
|
||
"del",
|
||
"details",
|
||
"dfn",
|
||
"dialog",
|
||
"div",
|
||
"dl",
|
||
"dt",
|
||
"em",
|
||
"embed",
|
||
"fieldset",
|
||
"figcaption",
|
||
"figure",
|
||
"footer",
|
||
"form",
|
||
"h1",
|
||
"h2",
|
||
"h3",
|
||
"h4",
|
||
"h5",
|
||
"h6",
|
||
"head",
|
||
"header",
|
||
"hgroup",
|
||
"hr",
|
||
"html",
|
||
"i",
|
||
"iframe",
|
||
"img",
|
||
"input",
|
||
"ins",
|
||
"kbd",
|
||
"keygen",
|
||
"label",
|
||
"legend",
|
||
"li",
|
||
"link",
|
||
"main",
|
||
"map",
|
||
"mark",
|
||
"marquee",
|
||
"menu",
|
||
"menuitem",
|
||
"meta",
|
||
"meter",
|
||
"nav",
|
||
"noscript",
|
||
"object",
|
||
"ol",
|
||
"optgroup",
|
||
"option",
|
||
"output",
|
||
"p",
|
||
"param",
|
||
"picture",
|
||
"pre",
|
||
"progress",
|
||
"q",
|
||
"rp",
|
||
"rt",
|
||
"ruby",
|
||
"s",
|
||
"samp",
|
||
"script",
|
||
"section",
|
||
"select",
|
||
"small",
|
||
"source",
|
||
"span",
|
||
"strong",
|
||
"style",
|
||
"sub",
|
||
"summary",
|
||
"sup",
|
||
"table",
|
||
"tbody",
|
||
"td",
|
||
"textarea",
|
||
"tfoot",
|
||
"th",
|
||
"thead",
|
||
"time",
|
||
"title",
|
||
"tr",
|
||
"track",
|
||
"u",
|
||
"ul",
|
||
"var",
|
||
"video",
|
||
"wbr",
|
||
// SVG
|
||
"circle",
|
||
"clipPath",
|
||
"defs",
|
||
"ellipse",
|
||
"foreignObject",
|
||
"g",
|
||
"image",
|
||
"line",
|
||
"linearGradient",
|
||
"mask",
|
||
"path",
|
||
"pattern",
|
||
"polygon",
|
||
"polyline",
|
||
"radialGradient",
|
||
"rect",
|
||
"stop",
|
||
"svg",
|
||
"text",
|
||
"tspan"
|
||
];
|
||
styled = createStyled.bind(null);
|
||
tags.forEach(function(tagName) {
|
||
styled[tagName] = styled(tagName);
|
||
});
|
||
}
|
||
});
|
||
|
||
// node_modules/@mui/styled-engine/GlobalStyles/GlobalStyles.js
|
||
function isEmpty(obj) {
|
||
return obj === void 0 || obj === null || Object.keys(obj).length === 0;
|
||
}
|
||
function GlobalStyles(props) {
|
||
const {
|
||
styles,
|
||
defaultTheme: defaultTheme2 = {}
|
||
} = props;
|
||
const globalStyles = typeof styles === "function" ? (themeInput) => styles(isEmpty(themeInput) ? defaultTheme2 : themeInput) : styles;
|
||
return (0, import_jsx_runtime2.jsx)(Global, {
|
||
styles: globalStyles
|
||
});
|
||
}
|
||
var React6, import_prop_types2, import_jsx_runtime2;
|
||
var init_GlobalStyles = __esm({
|
||
"node_modules/@mui/styled-engine/GlobalStyles/GlobalStyles.js"() {
|
||
"use client";
|
||
React6 = __toESM(require_react());
|
||
import_prop_types2 = __toESM(require_prop_types());
|
||
init_emotion_react_browser_development_esm();
|
||
import_jsx_runtime2 = __toESM(require_jsx_runtime());
|
||
true ? GlobalStyles.propTypes = {
|
||
defaultTheme: import_prop_types2.default.object,
|
||
styles: import_prop_types2.default.oneOfType([import_prop_types2.default.array, import_prop_types2.default.string, import_prop_types2.default.object, import_prop_types2.default.func])
|
||
} : void 0;
|
||
}
|
||
});
|
||
|
||
// node_modules/@mui/styled-engine/GlobalStyles/index.js
|
||
var init_GlobalStyles2 = __esm({
|
||
"node_modules/@mui/styled-engine/GlobalStyles/index.js"() {
|
||
"use client";
|
||
init_GlobalStyles();
|
||
}
|
||
});
|
||
|
||
// node_modules/@mui/styled-engine/index.js
|
||
var styled_engine_exports = {};
|
||
__export(styled_engine_exports, {
|
||
GlobalStyles: () => GlobalStyles,
|
||
StyledEngineProvider: () => StyledEngineProvider,
|
||
ThemeContext: () => ThemeContext,
|
||
css: () => css,
|
||
default: () => styled2,
|
||
internal_processStyles: () => internal_processStyles,
|
||
internal_serializeStyles: () => internal_serializeStyles,
|
||
keyframes: () => keyframes
|
||
});
|
||
function styled2(tag, options) {
|
||
const stylesFactory = styled(tag, options);
|
||
if (true) {
|
||
return (...styles) => {
|
||
const component = typeof tag === "string" ? `"${tag}"` : "component";
|
||
if (styles.length === 0) {
|
||
console.error([`MUI: Seems like you called \`styled(${component})()\` without a \`style\` argument.`, 'You must provide a `styles` argument: `styled("div")(styleYouForgotToPass)`.'].join("\n"));
|
||
} else if (styles.some((style3) => style3 === void 0)) {
|
||
console.error(`MUI: the styled(${component})(...args) API requires all its args to be defined.`);
|
||
}
|
||
return stylesFactory(...styles);
|
||
};
|
||
}
|
||
return stylesFactory;
|
||
}
|
||
function internal_serializeStyles(styles) {
|
||
wrapper[0] = styles;
|
||
return serializeStyles(wrapper);
|
||
}
|
||
var internal_processStyles, wrapper;
|
||
var init_styled_engine = __esm({
|
||
"node_modules/@mui/styled-engine/index.js"() {
|
||
"use client";
|
||
init_emotion_styled_browser_development_esm();
|
||
init_emotion_serialize_development_esm();
|
||
init_emotion_react_browser_development_esm();
|
||
init_StyledEngineProvider2();
|
||
init_GlobalStyles2();
|
||
internal_processStyles = (tag, processor) => {
|
||
if (Array.isArray(tag.__emotion_styles)) {
|
||
tag.__emotion_styles = processor(tag.__emotion_styles);
|
||
}
|
||
};
|
||
wrapper = [];
|
||
}
|
||
});
|
||
|
||
// node_modules/@mui/utils/esm/deepmerge/deepmerge.js
|
||
function isPlainObject(item) {
|
||
if (typeof item !== "object" || item === null) {
|
||
return false;
|
||
}
|
||
const prototype = Object.getPrototypeOf(item);
|
||
return (prototype === null || prototype === Object.prototype || Object.getPrototypeOf(prototype) === null) && !(Symbol.toStringTag in item) && !(Symbol.iterator in item);
|
||
}
|
||
function deepClone(source) {
|
||
if (React7.isValidElement(source) || !isPlainObject(source)) {
|
||
return source;
|
||
}
|
||
const output = {};
|
||
Object.keys(source).forEach((key) => {
|
||
output[key] = deepClone(source[key]);
|
||
});
|
||
return output;
|
||
}
|
||
function deepmerge(target, source, options = {
|
||
clone: true
|
||
}) {
|
||
const output = options.clone ? _extends({}, target) : target;
|
||
if (isPlainObject(target) && isPlainObject(source)) {
|
||
Object.keys(source).forEach((key) => {
|
||
if (React7.isValidElement(source[key])) {
|
||
output[key] = source[key];
|
||
} else if (isPlainObject(source[key]) && // Avoid prototype pollution
|
||
Object.prototype.hasOwnProperty.call(target, key) && isPlainObject(target[key])) {
|
||
output[key] = deepmerge(target[key], source[key], options);
|
||
} else if (options.clone) {
|
||
output[key] = isPlainObject(source[key]) ? deepClone(source[key]) : source[key];
|
||
} else {
|
||
output[key] = source[key];
|
||
}
|
||
});
|
||
}
|
||
return output;
|
||
}
|
||
var React7;
|
||
var init_deepmerge = __esm({
|
||
"node_modules/@mui/utils/esm/deepmerge/deepmerge.js"() {
|
||
init_extends();
|
||
React7 = __toESM(require_react());
|
||
}
|
||
});
|
||
|
||
// node_modules/@mui/utils/esm/deepmerge/index.js
|
||
var deepmerge_exports = {};
|
||
__export(deepmerge_exports, {
|
||
default: () => deepmerge,
|
||
isPlainObject: () => isPlainObject
|
||
});
|
||
var init_deepmerge2 = __esm({
|
||
"node_modules/@mui/utils/esm/deepmerge/index.js"() {
|
||
init_deepmerge();
|
||
init_deepmerge();
|
||
}
|
||
});
|
||
|
||
// node_modules/react-is/cjs/react-is.development.js
|
||
var require_react_is_development3 = __commonJS({
|
||
"node_modules/react-is/cjs/react-is.development.js"(exports) {
|
||
"use strict";
|
||
(function() {
|
||
function typeOf(object) {
|
||
if ("object" === typeof object && null !== object) {
|
||
var $$typeof = object.$$typeof;
|
||
switch ($$typeof) {
|
||
case REACT_ELEMENT_TYPE:
|
||
switch (object = object.type, object) {
|
||
case REACT_FRAGMENT_TYPE:
|
||
case REACT_PROFILER_TYPE:
|
||
case REACT_STRICT_MODE_TYPE:
|
||
case REACT_SUSPENSE_TYPE:
|
||
case REACT_SUSPENSE_LIST_TYPE:
|
||
case REACT_VIEW_TRANSITION_TYPE:
|
||
return object;
|
||
default:
|
||
switch (object = object && object.$$typeof, object) {
|
||
case REACT_CONTEXT_TYPE:
|
||
case REACT_FORWARD_REF_TYPE:
|
||
case REACT_LAZY_TYPE:
|
||
case REACT_MEMO_TYPE:
|
||
return object;
|
||
case REACT_CONSUMER_TYPE:
|
||
return object;
|
||
default:
|
||
return $$typeof;
|
||
}
|
||
}
|
||
case REACT_PORTAL_TYPE:
|
||
return $$typeof;
|
||
}
|
||
}
|
||
}
|
||
var REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"), REACT_PORTAL_TYPE = Symbol.for("react.portal"), REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"), REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode"), REACT_PROFILER_TYPE = Symbol.for("react.profiler"), REACT_CONSUMER_TYPE = Symbol.for("react.consumer"), REACT_CONTEXT_TYPE = Symbol.for("react.context"), REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref"), REACT_SUSPENSE_TYPE = Symbol.for("react.suspense"), REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list"), REACT_MEMO_TYPE = Symbol.for("react.memo"), REACT_LAZY_TYPE = Symbol.for("react.lazy"), REACT_VIEW_TRANSITION_TYPE = Symbol.for("react.view_transition"), REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference");
|
||
exports.ContextConsumer = REACT_CONSUMER_TYPE;
|
||
exports.ContextProvider = REACT_CONTEXT_TYPE;
|
||
exports.Element = REACT_ELEMENT_TYPE;
|
||
exports.ForwardRef = REACT_FORWARD_REF_TYPE;
|
||
exports.Fragment = REACT_FRAGMENT_TYPE;
|
||
exports.Lazy = REACT_LAZY_TYPE;
|
||
exports.Memo = REACT_MEMO_TYPE;
|
||
exports.Portal = REACT_PORTAL_TYPE;
|
||
exports.Profiler = REACT_PROFILER_TYPE;
|
||
exports.StrictMode = REACT_STRICT_MODE_TYPE;
|
||
exports.Suspense = REACT_SUSPENSE_TYPE;
|
||
exports.SuspenseList = REACT_SUSPENSE_LIST_TYPE;
|
||
exports.isContextConsumer = function(object) {
|
||
return typeOf(object) === REACT_CONSUMER_TYPE;
|
||
};
|
||
exports.isContextProvider = function(object) {
|
||
return typeOf(object) === REACT_CONTEXT_TYPE;
|
||
};
|
||
exports.isElement = function(object) {
|
||
return "object" === typeof object && null !== object && object.$$typeof === REACT_ELEMENT_TYPE;
|
||
};
|
||
exports.isForwardRef = function(object) {
|
||
return typeOf(object) === REACT_FORWARD_REF_TYPE;
|
||
};
|
||
exports.isFragment = function(object) {
|
||
return typeOf(object) === REACT_FRAGMENT_TYPE;
|
||
};
|
||
exports.isLazy = function(object) {
|
||
return typeOf(object) === REACT_LAZY_TYPE;
|
||
};
|
||
exports.isMemo = function(object) {
|
||
return typeOf(object) === REACT_MEMO_TYPE;
|
||
};
|
||
exports.isPortal = function(object) {
|
||
return typeOf(object) === REACT_PORTAL_TYPE;
|
||
};
|
||
exports.isProfiler = function(object) {
|
||
return typeOf(object) === REACT_PROFILER_TYPE;
|
||
};
|
||
exports.isStrictMode = function(object) {
|
||
return typeOf(object) === REACT_STRICT_MODE_TYPE;
|
||
};
|
||
exports.isSuspense = function(object) {
|
||
return typeOf(object) === REACT_SUSPENSE_TYPE;
|
||
};
|
||
exports.isSuspenseList = function(object) {
|
||
return typeOf(object) === REACT_SUSPENSE_LIST_TYPE;
|
||
};
|
||
exports.isValidElementType = function(type) {
|
||
return "string" === typeof type || "function" === typeof type || type === REACT_FRAGMENT_TYPE || type === REACT_PROFILER_TYPE || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || "object" === typeof type && null !== type && (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_CONSUMER_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || type.$$typeof === REACT_CLIENT_REFERENCE || void 0 !== type.getModuleId) ? true : false;
|
||
};
|
||
exports.typeOf = typeOf;
|
||
})();
|
||
}
|
||
});
|
||
|
||
// node_modules/react-is/index.js
|
||
var require_react_is3 = __commonJS({
|
||
"node_modules/react-is/index.js"(exports, module) {
|
||
"use strict";
|
||
if (false) {
|
||
module.exports = null;
|
||
} else {
|
||
module.exports = require_react_is_development3();
|
||
}
|
||
}
|
||
});
|
||
|
||
// node_modules/@mui/utils/esm/getDisplayName/getDisplayName.js
|
||
function getFunctionName(fn) {
|
||
const match2 = `${fn}`.match(fnNameMatchRegex);
|
||
const name = match2 && match2[1];
|
||
return name || "";
|
||
}
|
||
function getFunctionComponentName(Component, fallback = "") {
|
||
return Component.displayName || Component.name || getFunctionName(Component) || fallback;
|
||
}
|
||
function getWrappedName(outerType, innerType, wrapperName) {
|
||
const functionName = getFunctionComponentName(innerType);
|
||
return outerType.displayName || (functionName !== "" ? `${wrapperName}(${functionName})` : wrapperName);
|
||
}
|
||
function getDisplayName(Component) {
|
||
if (Component == null) {
|
||
return void 0;
|
||
}
|
||
if (typeof Component === "string") {
|
||
return Component;
|
||
}
|
||
if (typeof Component === "function") {
|
||
return getFunctionComponentName(Component, "Component");
|
||
}
|
||
if (typeof Component === "object") {
|
||
switch (Component.$$typeof) {
|
||
case import_react_is.ForwardRef:
|
||
return getWrappedName(Component, Component.render, "ForwardRef");
|
||
case import_react_is.Memo:
|
||
return getWrappedName(Component, Component.type, "memo");
|
||
default:
|
||
return void 0;
|
||
}
|
||
}
|
||
return void 0;
|
||
}
|
||
var import_react_is, fnNameMatchRegex;
|
||
var init_getDisplayName = __esm({
|
||
"node_modules/@mui/utils/esm/getDisplayName/getDisplayName.js"() {
|
||
import_react_is = __toESM(require_react_is3());
|
||
fnNameMatchRegex = /^\s*function(?:\s|\s*\/\*.*\*\/\s*)+([^(\s/]*)\s*/;
|
||
}
|
||
});
|
||
|
||
// node_modules/@mui/utils/esm/getDisplayName/index.js
|
||
var getDisplayName_exports = {};
|
||
__export(getDisplayName_exports, {
|
||
default: () => getDisplayName,
|
||
getFunctionName: () => getFunctionName
|
||
});
|
||
var init_getDisplayName2 = __esm({
|
||
"node_modules/@mui/utils/esm/getDisplayName/index.js"() {
|
||
init_getDisplayName();
|
||
init_getDisplayName();
|
||
}
|
||
});
|
||
|
||
// node_modules/@mui/utils/esm/capitalize/capitalize.js
|
||
function capitalize(string) {
|
||
if (typeof string !== "string") {
|
||
throw new Error(true ? `MUI: \`capitalize(string)\` expects a string argument.` : formatMuiErrorMessage(7));
|
||
}
|
||
return string.charAt(0).toUpperCase() + string.slice(1);
|
||
}
|
||
var init_capitalize = __esm({
|
||
"node_modules/@mui/utils/esm/capitalize/capitalize.js"() {
|
||
init_formatMuiErrorMessage2();
|
||
}
|
||
});
|
||
|
||
// node_modules/@mui/utils/esm/capitalize/index.js
|
||
var capitalize_exports = {};
|
||
__export(capitalize_exports, {
|
||
default: () => capitalize
|
||
});
|
||
var init_capitalize2 = __esm({
|
||
"node_modules/@mui/utils/esm/capitalize/index.js"() {
|
||
init_capitalize();
|
||
}
|
||
});
|
||
|
||
// node_modules/@mui/utils/esm/clamp/clamp.js
|
||
function clamp(val, min = Number.MIN_SAFE_INTEGER, max = Number.MAX_SAFE_INTEGER) {
|
||
return Math.max(min, Math.min(val, max));
|
||
}
|
||
var clamp_default;
|
||
var init_clamp = __esm({
|
||
"node_modules/@mui/utils/esm/clamp/clamp.js"() {
|
||
clamp_default = clamp;
|
||
}
|
||
});
|
||
|
||
// node_modules/@mui/utils/esm/clamp/index.js
|
||
var clamp_exports = {};
|
||
__export(clamp_exports, {
|
||
default: () => clamp_default
|
||
});
|
||
var init_clamp2 = __esm({
|
||
"node_modules/@mui/utils/esm/clamp/index.js"() {
|
||
init_clamp();
|
||
}
|
||
});
|
||
|
||
// node_modules/@babel/runtime/helpers/interopRequireDefault.js
|
||
var require_interopRequireDefault = __commonJS({
|
||
"node_modules/@babel/runtime/helpers/interopRequireDefault.js"(exports, module) {
|
||
function _interopRequireDefault(e) {
|
||
return e && e.__esModule ? e : {
|
||
"default": e
|
||
};
|
||
}
|
||
module.exports = _interopRequireDefault, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
||
}
|
||
});
|
||
|
||
// node_modules/@mui/system/colorManipulator.js
|
||
var require_colorManipulator = __commonJS({
|
||
"node_modules/@mui/system/colorManipulator.js"(exports) {
|
||
"use strict";
|
||
var _interopRequireDefault = require_interopRequireDefault();
|
||
Object.defineProperty(exports, "__esModule", {
|
||
value: true
|
||
});
|
||
exports.alpha = alpha;
|
||
exports.blend = blend;
|
||
exports.colorChannel = void 0;
|
||
exports.darken = darken2;
|
||
exports.decomposeColor = decomposeColor;
|
||
exports.emphasize = emphasize;
|
||
exports.getContrastRatio = getContrastRatio2;
|
||
exports.getLuminance = getLuminance;
|
||
exports.hexToRgb = hexToRgb;
|
||
exports.hslToRgb = hslToRgb;
|
||
exports.lighten = lighten2;
|
||
exports.private_safeAlpha = private_safeAlpha;
|
||
exports.private_safeColorChannel = void 0;
|
||
exports.private_safeDarken = private_safeDarken;
|
||
exports.private_safeEmphasize = private_safeEmphasize;
|
||
exports.private_safeLighten = private_safeLighten;
|
||
exports.recomposeColor = recomposeColor;
|
||
exports.rgbToHex = rgbToHex;
|
||
var _formatMuiErrorMessage2 = _interopRequireDefault((init_formatMuiErrorMessage2(), __toCommonJS(formatMuiErrorMessage_exports)));
|
||
var _clamp = _interopRequireDefault((init_clamp2(), __toCommonJS(clamp_exports)));
|
||
function clampWrapper(value, min = 0, max = 1) {
|
||
if (true) {
|
||
if (value < min || value > max) {
|
||
console.error(`MUI: The value provided ${value} is out of range [${min}, ${max}].`);
|
||
}
|
||
}
|
||
return (0, _clamp.default)(value, min, max);
|
||
}
|
||
function hexToRgb(color2) {
|
||
color2 = color2.slice(1);
|
||
const re = new RegExp(`.{1,${color2.length >= 6 ? 2 : 1}}`, "g");
|
||
let colors = color2.match(re);
|
||
if (colors && colors[0].length === 1) {
|
||
colors = colors.map((n) => n + n);
|
||
}
|
||
return colors ? `rgb${colors.length === 4 ? "a" : ""}(${colors.map((n, index) => {
|
||
return index < 3 ? parseInt(n, 16) : Math.round(parseInt(n, 16) / 255 * 1e3) / 1e3;
|
||
}).join(", ")})` : "";
|
||
}
|
||
function intToHex(int) {
|
||
const hex = int.toString(16);
|
||
return hex.length === 1 ? `0${hex}` : hex;
|
||
}
|
||
function decomposeColor(color2) {
|
||
if (color2.type) {
|
||
return color2;
|
||
}
|
||
if (color2.charAt(0) === "#") {
|
||
return decomposeColor(hexToRgb(color2));
|
||
}
|
||
const marker = color2.indexOf("(");
|
||
const type = color2.substring(0, marker);
|
||
if (["rgb", "rgba", "hsl", "hsla", "color"].indexOf(type) === -1) {
|
||
throw new Error(true ? `MUI: Unsupported \`${color2}\` color.
|
||
The following formats are supported: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().` : (0, _formatMuiErrorMessage2.default)(9, color2));
|
||
}
|
||
let values2 = color2.substring(marker + 1, color2.length - 1);
|
||
let colorSpace;
|
||
if (type === "color") {
|
||
values2 = values2.split(" ");
|
||
colorSpace = values2.shift();
|
||
if (values2.length === 4 && values2[3].charAt(0) === "/") {
|
||
values2[3] = values2[3].slice(1);
|
||
}
|
||
if (["srgb", "display-p3", "a98-rgb", "prophoto-rgb", "rec-2020"].indexOf(colorSpace) === -1) {
|
||
throw new Error(true ? `MUI: unsupported \`${colorSpace}\` color space.
|
||
The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rgb, rec-2020.` : (0, _formatMuiErrorMessage2.default)(10, colorSpace));
|
||
}
|
||
} else {
|
||
values2 = values2.split(",");
|
||
}
|
||
values2 = values2.map((value) => parseFloat(value));
|
||
return {
|
||
type,
|
||
values: values2,
|
||
colorSpace
|
||
};
|
||
}
|
||
var colorChannel = (color2) => {
|
||
const decomposedColor = decomposeColor(color2);
|
||
return decomposedColor.values.slice(0, 3).map((val, idx) => decomposedColor.type.indexOf("hsl") !== -1 && idx !== 0 ? `${val}%` : val).join(" ");
|
||
};
|
||
exports.colorChannel = colorChannel;
|
||
var private_safeColorChannel = (color2, warning) => {
|
||
try {
|
||
return colorChannel(color2);
|
||
} catch (error) {
|
||
if (warning && true) {
|
||
console.warn(warning);
|
||
}
|
||
return color2;
|
||
}
|
||
};
|
||
exports.private_safeColorChannel = private_safeColorChannel;
|
||
function recomposeColor(color2) {
|
||
const {
|
||
type,
|
||
colorSpace
|
||
} = color2;
|
||
let {
|
||
values: values2
|
||
} = color2;
|
||
if (type.indexOf("rgb") !== -1) {
|
||
values2 = values2.map((n, i) => i < 3 ? parseInt(n, 10) : n);
|
||
} else if (type.indexOf("hsl") !== -1) {
|
||
values2[1] = `${values2[1]}%`;
|
||
values2[2] = `${values2[2]}%`;
|
||
}
|
||
if (type.indexOf("color") !== -1) {
|
||
values2 = `${colorSpace} ${values2.join(" ")}`;
|
||
} else {
|
||
values2 = `${values2.join(", ")}`;
|
||
}
|
||
return `${type}(${values2})`;
|
||
}
|
||
function rgbToHex(color2) {
|
||
if (color2.indexOf("#") === 0) {
|
||
return color2;
|
||
}
|
||
const {
|
||
values: values2
|
||
} = decomposeColor(color2);
|
||
return `#${values2.map((n, i) => intToHex(i === 3 ? Math.round(255 * n) : n)).join("")}`;
|
||
}
|
||
function hslToRgb(color2) {
|
||
color2 = decomposeColor(color2);
|
||
const {
|
||
values: values2
|
||
} = color2;
|
||
const h = values2[0];
|
||
const s = values2[1] / 100;
|
||
const l = values2[2] / 100;
|
||
const a = s * Math.min(l, 1 - l);
|
||
const f = (n, k = (n + h / 30) % 12) => l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);
|
||
let type = "rgb";
|
||
const rgb = [Math.round(f(0) * 255), Math.round(f(8) * 255), Math.round(f(4) * 255)];
|
||
if (color2.type === "hsla") {
|
||
type += "a";
|
||
rgb.push(values2[3]);
|
||
}
|
||
return recomposeColor({
|
||
type,
|
||
values: rgb
|
||
});
|
||
}
|
||
function getLuminance(color2) {
|
||
color2 = decomposeColor(color2);
|
||
let rgb = color2.type === "hsl" || color2.type === "hsla" ? decomposeColor(hslToRgb(color2)).values : color2.values;
|
||
rgb = rgb.map((val) => {
|
||
if (color2.type !== "color") {
|
||
val /= 255;
|
||
}
|
||
return val <= 0.03928 ? val / 12.92 : ((val + 0.055) / 1.055) ** 2.4;
|
||
});
|
||
return Number((0.2126 * rgb[0] + 0.7152 * rgb[1] + 0.0722 * rgb[2]).toFixed(3));
|
||
}
|
||
function getContrastRatio2(foreground, background) {
|
||
const lumA = getLuminance(foreground);
|
||
const lumB = getLuminance(background);
|
||
return (Math.max(lumA, lumB) + 0.05) / (Math.min(lumA, lumB) + 0.05);
|
||
}
|
||
function alpha(color2, value) {
|
||
color2 = decomposeColor(color2);
|
||
value = clampWrapper(value);
|
||
if (color2.type === "rgb" || color2.type === "hsl") {
|
||
color2.type += "a";
|
||
}
|
||
if (color2.type === "color") {
|
||
color2.values[3] = `/${value}`;
|
||
} else {
|
||
color2.values[3] = value;
|
||
}
|
||
return recomposeColor(color2);
|
||
}
|
||
function private_safeAlpha(color2, value, warning) {
|
||
try {
|
||
return alpha(color2, value);
|
||
} catch (error) {
|
||
if (warning && true) {
|
||
console.warn(warning);
|
||
}
|
||
return color2;
|
||
}
|
||
}
|
||
function darken2(color2, coefficient) {
|
||
color2 = decomposeColor(color2);
|
||
coefficient = clampWrapper(coefficient);
|
||
if (color2.type.indexOf("hsl") !== -1) {
|
||
color2.values[2] *= 1 - coefficient;
|
||
} else if (color2.type.indexOf("rgb") !== -1 || color2.type.indexOf("color") !== -1) {
|
||
for (let i = 0; i < 3; i += 1) {
|
||
color2.values[i] *= 1 - coefficient;
|
||
}
|
||
}
|
||
return recomposeColor(color2);
|
||
}
|
||
function private_safeDarken(color2, coefficient, warning) {
|
||
try {
|
||
return darken2(color2, coefficient);
|
||
} catch (error) {
|
||
if (warning && true) {
|
||
console.warn(warning);
|
||
}
|
||
return color2;
|
||
}
|
||
}
|
||
function lighten2(color2, coefficient) {
|
||
color2 = decomposeColor(color2);
|
||
coefficient = clampWrapper(coefficient);
|
||
if (color2.type.indexOf("hsl") !== -1) {
|
||
color2.values[2] += (100 - color2.values[2]) * coefficient;
|
||
} else if (color2.type.indexOf("rgb") !== -1) {
|
||
for (let i = 0; i < 3; i += 1) {
|
||
color2.values[i] += (255 - color2.values[i]) * coefficient;
|
||
}
|
||
} else if (color2.type.indexOf("color") !== -1) {
|
||
for (let i = 0; i < 3; i += 1) {
|
||
color2.values[i] += (1 - color2.values[i]) * coefficient;
|
||
}
|
||
}
|
||
return recomposeColor(color2);
|
||
}
|
||
function private_safeLighten(color2, coefficient, warning) {
|
||
try {
|
||
return lighten2(color2, coefficient);
|
||
} catch (error) {
|
||
if (warning && true) {
|
||
console.warn(warning);
|
||
}
|
||
return color2;
|
||
}
|
||
}
|
||
function emphasize(color2, coefficient = 0.15) {
|
||
return getLuminance(color2) > 0.5 ? darken2(color2, coefficient) : lighten2(color2, coefficient);
|
||
}
|
||
function private_safeEmphasize(color2, coefficient, warning) {
|
||
try {
|
||
return emphasize(color2, coefficient);
|
||
} catch (error) {
|
||
if (warning && true) {
|
||
console.warn(warning);
|
||
}
|
||
return color2;
|
||
}
|
||
}
|
||
function blend(background, overlay, opacity, gamma = 1) {
|
||
const blendChannel = (b, o) => Math.round((b ** (1 / gamma) * (1 - opacity) + o ** (1 / gamma) * opacity) ** gamma);
|
||
const backgroundColor2 = decomposeColor(background);
|
||
const overlayColor = decomposeColor(overlay);
|
||
const rgb = [blendChannel(backgroundColor2.values[0], overlayColor.values[0]), blendChannel(backgroundColor2.values[1], overlayColor.values[1]), blendChannel(backgroundColor2.values[2], overlayColor.values[2])];
|
||
return recomposeColor({
|
||
type: "rgb",
|
||
values: rgb
|
||
});
|
||
}
|
||
}
|
||
});
|
||
|
||
// node_modules/@mui/material/styles/identifier.js
|
||
var identifier_default = "$$material";
|
||
|
||
// node_modules/@mui/utils/esm/ClassNameGenerator/ClassNameGenerator.js
|
||
var defaultGenerator = (componentName) => componentName;
|
||
var createClassNameGenerator = () => {
|
||
let generate = defaultGenerator;
|
||
return {
|
||
configure(generator) {
|
||
generate = generator;
|
||
},
|
||
generate(componentName) {
|
||
return generate(componentName);
|
||
},
|
||
reset() {
|
||
generate = defaultGenerator;
|
||
}
|
||
};
|
||
};
|
||
var ClassNameGenerator = createClassNameGenerator();
|
||
var ClassNameGenerator_default = ClassNameGenerator;
|
||
|
||
// node_modules/@mui/utils/esm/generateUtilityClass/generateUtilityClass.js
|
||
var globalStateClasses = {
|
||
active: "active",
|
||
checked: "checked",
|
||
completed: "completed",
|
||
disabled: "disabled",
|
||
error: "error",
|
||
expanded: "expanded",
|
||
focused: "focused",
|
||
focusVisible: "focusVisible",
|
||
open: "open",
|
||
readOnly: "readOnly",
|
||
required: "required",
|
||
selected: "selected"
|
||
};
|
||
function generateUtilityClass(componentName, slot, globalStatePrefix = "Mui") {
|
||
const globalStateClass = globalStateClasses[slot];
|
||
return globalStateClass ? `${globalStatePrefix}-${globalStateClass}` : `${ClassNameGenerator_default.generate(componentName)}-${slot}`;
|
||
}
|
||
|
||
// node_modules/@mui/utils/esm/generateUtilityClasses/generateUtilityClasses.js
|
||
function generateUtilityClasses(componentName, slots, globalStatePrefix = "Mui") {
|
||
const result = {};
|
||
slots.forEach((slot) => {
|
||
result[slot] = generateUtilityClass(componentName, slot, globalStatePrefix);
|
||
});
|
||
return result;
|
||
}
|
||
|
||
// node_modules/@mui/utils/esm/composeClasses/composeClasses.js
|
||
function composeClasses(slots, getUtilityClass, classes = void 0) {
|
||
const output = {};
|
||
Object.keys(slots).forEach(
|
||
// `Object.keys(slots)` can't be wider than `T` because we infer `T` from `slots`.
|
||
// @ts-expect-error https://github.com/microsoft/TypeScript/pull/12253#issuecomment-263132208
|
||
(slot) => {
|
||
output[slot] = slots[slot].reduce((acc, key) => {
|
||
if (key) {
|
||
const utilityClass = getUtilityClass(key);
|
||
if (utilityClass !== "") {
|
||
acc.push(utilityClass);
|
||
}
|
||
if (classes && classes[key]) {
|
||
acc.push(classes[key]);
|
||
}
|
||
}
|
||
return acc;
|
||
}, []).join(" ");
|
||
}
|
||
);
|
||
return output;
|
||
}
|
||
|
||
// node_modules/@mui/utils/esm/chainPropTypes/chainPropTypes.js
|
||
function chainPropTypes(propType1, propType2) {
|
||
if (false) {
|
||
return () => null;
|
||
}
|
||
return function validate(...args) {
|
||
return propType1(...args) || propType2(...args);
|
||
};
|
||
}
|
||
|
||
// node_modules/@mui/utils/esm/index.js
|
||
init_deepmerge2();
|
||
init_deepmerge2();
|
||
|
||
// node_modules/@mui/utils/esm/elementAcceptingRef/elementAcceptingRef.js
|
||
var import_prop_types3 = __toESM(require_prop_types());
|
||
function isClassComponent(elementType) {
|
||
const {
|
||
prototype = {}
|
||
} = elementType;
|
||
return Boolean(prototype.isReactComponent);
|
||
}
|
||
function acceptingRef(props, propName, componentName, location, propFullName) {
|
||
const element = props[propName];
|
||
const safePropName = propFullName || propName;
|
||
if (element == null || // When server-side rendering React doesn't warn either.
|
||
// This is not an accurate check for SSR.
|
||
// This is only in place for Emotion compat.
|
||
// TODO: Revisit once https://github.com/facebook/react/issues/20047 is resolved.
|
||
typeof window === "undefined") {
|
||
return null;
|
||
}
|
||
let warningHint;
|
||
const elementType = element.type;
|
||
if (typeof elementType === "function" && !isClassComponent(elementType)) {
|
||
warningHint = "Did you accidentally use a plain function component for an element instead?";
|
||
}
|
||
if (warningHint !== void 0) {
|
||
return new Error(`Invalid ${location} \`${safePropName}\` supplied to \`${componentName}\`. Expected an element that can hold a ref. ${warningHint} For more information see https://mui.com/r/caveat-with-refs-guide`);
|
||
}
|
||
return null;
|
||
}
|
||
var elementAcceptingRef = chainPropTypes(import_prop_types3.default.element, acceptingRef);
|
||
elementAcceptingRef.isRequired = chainPropTypes(import_prop_types3.default.element.isRequired, acceptingRef);
|
||
var elementAcceptingRef_default = elementAcceptingRef;
|
||
|
||
// node_modules/@mui/utils/esm/elementTypeAcceptingRef/elementTypeAcceptingRef.js
|
||
var import_prop_types4 = __toESM(require_prop_types());
|
||
function isClassComponent2(elementType) {
|
||
const {
|
||
prototype = {}
|
||
} = elementType;
|
||
return Boolean(prototype.isReactComponent);
|
||
}
|
||
function elementTypeAcceptingRef(props, propName, componentName, location, propFullName) {
|
||
const propValue = props[propName];
|
||
const safePropName = propFullName || propName;
|
||
if (propValue == null || // When server-side rendering React doesn't warn either.
|
||
// This is not an accurate check for SSR.
|
||
// This is only in place for emotion compat.
|
||
// TODO: Revisit once https://github.com/facebook/react/issues/20047 is resolved.
|
||
typeof window === "undefined") {
|
||
return null;
|
||
}
|
||
let warningHint;
|
||
if (typeof propValue === "function" && !isClassComponent2(propValue)) {
|
||
warningHint = "Did you accidentally provide a plain function component instead?";
|
||
}
|
||
if (warningHint !== void 0) {
|
||
return new Error(`Invalid ${location} \`${safePropName}\` supplied to \`${componentName}\`. Expected an element type that can hold a ref. ${warningHint} For more information see https://mui.com/r/caveat-with-refs-guide`);
|
||
}
|
||
return null;
|
||
}
|
||
var elementTypeAcceptingRef_default = chainPropTypes(import_prop_types4.default.elementType, elementTypeAcceptingRef);
|
||
|
||
// node_modules/@mui/utils/esm/exactProp/exactProp.js
|
||
init_extends();
|
||
var specialProperty = "exact-prop: ";
|
||
function exactProp(propTypes) {
|
||
if (false) {
|
||
return propTypes;
|
||
}
|
||
return _extends({}, propTypes, {
|
||
[specialProperty]: (props) => {
|
||
const unsupportedProps = Object.keys(props).filter((prop) => !propTypes.hasOwnProperty(prop));
|
||
if (unsupportedProps.length > 0) {
|
||
return new Error(`The following props are not supported: ${unsupportedProps.map((prop) => `\`${prop}\``).join(", ")}. Please remove them.`);
|
||
}
|
||
return null;
|
||
}
|
||
});
|
||
}
|
||
|
||
// node_modules/@mui/utils/esm/index.js
|
||
init_formatMuiErrorMessage2();
|
||
init_getDisplayName2();
|
||
|
||
// node_modules/@mui/utils/esm/HTMLElementType/HTMLElementType.js
|
||
function HTMLElementType(props, propName, componentName, location, propFullName) {
|
||
if (false) {
|
||
return null;
|
||
}
|
||
const propValue = props[propName];
|
||
const safePropName = propFullName || propName;
|
||
if (propValue == null) {
|
||
return null;
|
||
}
|
||
if (propValue && propValue.nodeType !== 1) {
|
||
return new Error(`Invalid ${location} \`${safePropName}\` supplied to \`${componentName}\`. Expected an HTMLElement.`);
|
||
}
|
||
return null;
|
||
}
|
||
|
||
// node_modules/@mui/utils/esm/ponyfillGlobal/ponyfillGlobal.js
|
||
var ponyfillGlobal_default = typeof window != "undefined" && window.Math == Math ? window : typeof self != "undefined" && self.Math == Math ? self : Function("return this")();
|
||
|
||
// node_modules/@mui/utils/esm/refType/refType.js
|
||
var import_prop_types5 = __toESM(require_prop_types());
|
||
var refType = import_prop_types5.default.oneOfType([import_prop_types5.default.func, import_prop_types5.default.object]);
|
||
var refType_default = refType;
|
||
|
||
// node_modules/@mui/utils/esm/index.js
|
||
init_capitalize2();
|
||
|
||
// node_modules/@mui/utils/esm/createChainedFunction/createChainedFunction.js
|
||
function createChainedFunction(...funcs) {
|
||
return funcs.reduce((acc, func) => {
|
||
if (func == null) {
|
||
return acc;
|
||
}
|
||
return function chainedFunction(...args) {
|
||
acc.apply(this, args);
|
||
func.apply(this, args);
|
||
};
|
||
}, () => {
|
||
});
|
||
}
|
||
|
||
// node_modules/@mui/utils/esm/debounce/debounce.js
|
||
function debounce(func, wait = 166) {
|
||
let timeout;
|
||
function debounced(...args) {
|
||
const later = () => {
|
||
func.apply(this, args);
|
||
};
|
||
clearTimeout(timeout);
|
||
timeout = setTimeout(later, wait);
|
||
}
|
||
debounced.clear = () => {
|
||
clearTimeout(timeout);
|
||
};
|
||
return debounced;
|
||
}
|
||
|
||
// node_modules/@mui/utils/esm/deprecatedPropType/deprecatedPropType.js
|
||
function deprecatedPropType(validator2, reason) {
|
||
if (false) {
|
||
return () => null;
|
||
}
|
||
return (props, propName, componentName, location, propFullName) => {
|
||
const componentNameSafe = componentName || "<<anonymous>>";
|
||
const propFullNameSafe = propFullName || propName;
|
||
if (typeof props[propName] !== "undefined") {
|
||
return new Error(`The ${location} \`${propFullNameSafe}\` of \`${componentNameSafe}\` is deprecated. ${reason}`);
|
||
}
|
||
return null;
|
||
};
|
||
}
|
||
|
||
// node_modules/@mui/utils/esm/isMuiElement/isMuiElement.js
|
||
var React8 = __toESM(require_react());
|
||
function isMuiElement(element, muiNames) {
|
||
var _muiName, _element$type;
|
||
return React8.isValidElement(element) && muiNames.indexOf(
|
||
// For server components `muiName` is avaialble in element.type._payload.value.muiName
|
||
// relevant info - https://github.com/facebook/react/blob/2807d781a08db8e9873687fccc25c0f12b4fb3d4/packages/react/src/ReactLazy.js#L45
|
||
// eslint-disable-next-line no-underscore-dangle
|
||
(_muiName = element.type.muiName) != null ? _muiName : (_element$type = element.type) == null || (_element$type = _element$type._payload) == null || (_element$type = _element$type.value) == null ? void 0 : _element$type.muiName
|
||
) !== -1;
|
||
}
|
||
|
||
// node_modules/@mui/utils/esm/ownerDocument/ownerDocument.js
|
||
function ownerDocument(node2) {
|
||
return node2 && node2.ownerDocument || document;
|
||
}
|
||
|
||
// node_modules/@mui/utils/esm/ownerWindow/ownerWindow.js
|
||
function ownerWindow(node2) {
|
||
const doc = ownerDocument(node2);
|
||
return doc.defaultView || window;
|
||
}
|
||
|
||
// node_modules/@mui/utils/esm/requirePropFactory/requirePropFactory.js
|
||
init_extends();
|
||
function requirePropFactory(componentNameInError, Component) {
|
||
if (false) {
|
||
return () => null;
|
||
}
|
||
const prevPropTypes = Component ? _extends({}, Component.propTypes) : null;
|
||
const requireProp = (requiredProp) => (props, propName, componentName, location, propFullName, ...args) => {
|
||
const propFullNameSafe = propFullName || propName;
|
||
const defaultTypeChecker = prevPropTypes == null ? void 0 : prevPropTypes[propFullNameSafe];
|
||
if (defaultTypeChecker) {
|
||
const typeCheckerResult = defaultTypeChecker(props, propName, componentName, location, propFullName, ...args);
|
||
if (typeCheckerResult) {
|
||
return typeCheckerResult;
|
||
}
|
||
}
|
||
if (typeof props[propName] !== "undefined" && !props[requiredProp]) {
|
||
return new Error(`The prop \`${propFullNameSafe}\` of \`${componentNameInError}\` can only be used together with the \`${requiredProp}\` prop.`);
|
||
}
|
||
return null;
|
||
};
|
||
return requireProp;
|
||
}
|
||
|
||
// node_modules/@mui/utils/esm/setRef/setRef.js
|
||
function setRef(ref, value) {
|
||
if (typeof ref === "function") {
|
||
ref(value);
|
||
} else if (ref) {
|
||
ref.current = value;
|
||
}
|
||
}
|
||
|
||
// node_modules/@mui/utils/esm/useEnhancedEffect/useEnhancedEffect.js
|
||
var React9 = __toESM(require_react());
|
||
var useEnhancedEffect = typeof window !== "undefined" ? React9.useLayoutEffect : React9.useEffect;
|
||
var useEnhancedEffect_default = useEnhancedEffect;
|
||
|
||
// node_modules/@mui/utils/esm/useId/useId.js
|
||
var React10 = __toESM(require_react());
|
||
var globalId = 0;
|
||
function useGlobalId(idOverride) {
|
||
const [defaultId, setDefaultId] = React10.useState(idOverride);
|
||
const id = idOverride || defaultId;
|
||
React10.useEffect(() => {
|
||
if (defaultId == null) {
|
||
globalId += 1;
|
||
setDefaultId(`mui-${globalId}`);
|
||
}
|
||
}, [defaultId]);
|
||
return id;
|
||
}
|
||
var maybeReactUseId = React10["useId".toString()];
|
||
function useId(idOverride) {
|
||
if (maybeReactUseId !== void 0) {
|
||
const reactId = maybeReactUseId();
|
||
return idOverride != null ? idOverride : reactId;
|
||
}
|
||
return useGlobalId(idOverride);
|
||
}
|
||
|
||
// node_modules/@mui/utils/esm/unsupportedProp/unsupportedProp.js
|
||
function unsupportedProp(props, propName, componentName, location, propFullName) {
|
||
if (false) {
|
||
return null;
|
||
}
|
||
const propFullNameSafe = propFullName || propName;
|
||
if (typeof props[propName] !== "undefined") {
|
||
return new Error(`The prop \`${propFullNameSafe}\` is not supported. Please remove it.`);
|
||
}
|
||
return null;
|
||
}
|
||
|
||
// node_modules/@mui/utils/esm/useControlled/useControlled.js
|
||
var React11 = __toESM(require_react());
|
||
function useControlled({
|
||
controlled,
|
||
default: defaultProp,
|
||
name,
|
||
state = "value"
|
||
}) {
|
||
const {
|
||
current: isControlled
|
||
} = React11.useRef(controlled !== void 0);
|
||
const [valueState, setValue] = React11.useState(defaultProp);
|
||
const value = isControlled ? controlled : valueState;
|
||
if (true) {
|
||
React11.useEffect(() => {
|
||
if (isControlled !== (controlled !== void 0)) {
|
||
console.error([`MUI: A component is changing the ${isControlled ? "" : "un"}controlled ${state} state of ${name} to be ${isControlled ? "un" : ""}controlled.`, "Elements should not switch from uncontrolled to controlled (or vice versa).", `Decide between using a controlled or uncontrolled ${name} element for the lifetime of the component.`, "The nature of the state is determined during the first render. It's considered controlled if the value is not `undefined`.", "More info: https://fb.me/react-controlled-components"].join("\n"));
|
||
}
|
||
}, [state, name, controlled]);
|
||
const {
|
||
current: defaultValue
|
||
} = React11.useRef(defaultProp);
|
||
React11.useEffect(() => {
|
||
if (!isControlled && !Object.is(defaultValue, defaultProp)) {
|
||
console.error([`MUI: A component is changing the default ${state} state of an uncontrolled ${name} after being initialized. To suppress this warning opt to use a controlled ${name}.`].join("\n"));
|
||
}
|
||
}, [JSON.stringify(defaultProp)]);
|
||
}
|
||
const setValueIfUncontrolled = React11.useCallback((newValue) => {
|
||
if (!isControlled) {
|
||
setValue(newValue);
|
||
}
|
||
}, []);
|
||
return [value, setValueIfUncontrolled];
|
||
}
|
||
|
||
// node_modules/@mui/utils/esm/useEventCallback/useEventCallback.js
|
||
var React12 = __toESM(require_react());
|
||
function useEventCallback(fn) {
|
||
const ref = React12.useRef(fn);
|
||
useEnhancedEffect_default(() => {
|
||
ref.current = fn;
|
||
});
|
||
return React12.useRef((...args) => (
|
||
// @ts-expect-error hide `this`
|
||
(0, ref.current)(...args)
|
||
)).current;
|
||
}
|
||
var useEventCallback_default = useEventCallback;
|
||
|
||
// node_modules/@mui/utils/esm/useForkRef/useForkRef.js
|
||
var React13 = __toESM(require_react());
|
||
function useForkRef(...refs) {
|
||
return React13.useMemo(() => {
|
||
if (refs.every((ref) => ref == null)) {
|
||
return null;
|
||
}
|
||
return (instance) => {
|
||
refs.forEach((ref) => {
|
||
setRef(ref, instance);
|
||
});
|
||
};
|
||
}, refs);
|
||
}
|
||
|
||
// node_modules/@mui/utils/esm/useLazyRef/useLazyRef.js
|
||
var React14 = __toESM(require_react());
|
||
var UNINITIALIZED = {};
|
||
function useLazyRef(init, initArg) {
|
||
const ref = React14.useRef(UNINITIALIZED);
|
||
if (ref.current === UNINITIALIZED) {
|
||
ref.current = init(initArg);
|
||
}
|
||
return ref;
|
||
}
|
||
|
||
// node_modules/@mui/utils/esm/useOnMount/useOnMount.js
|
||
var React15 = __toESM(require_react());
|
||
var EMPTY = [];
|
||
function useOnMount(fn) {
|
||
React15.useEffect(fn, EMPTY);
|
||
}
|
||
|
||
// node_modules/@mui/utils/esm/useTimeout/useTimeout.js
|
||
var Timeout = class _Timeout {
|
||
constructor() {
|
||
this.currentId = null;
|
||
this.clear = () => {
|
||
if (this.currentId !== null) {
|
||
clearTimeout(this.currentId);
|
||
this.currentId = null;
|
||
}
|
||
};
|
||
this.disposeEffect = () => {
|
||
return this.clear;
|
||
};
|
||
}
|
||
static create() {
|
||
return new _Timeout();
|
||
}
|
||
/**
|
||
* Executes `fn` after `delay`, clearing any previously scheduled call.
|
||
*/
|
||
start(delay, fn) {
|
||
this.clear();
|
||
this.currentId = setTimeout(() => {
|
||
this.currentId = null;
|
||
fn();
|
||
}, delay);
|
||
}
|
||
};
|
||
function useTimeout() {
|
||
const timeout = useLazyRef(Timeout.create).current;
|
||
useOnMount(timeout.disposeEffect);
|
||
return timeout;
|
||
}
|
||
|
||
// node_modules/@mui/utils/esm/useIsFocusVisible/useIsFocusVisible.js
|
||
var React16 = __toESM(require_react());
|
||
var hadKeyboardEvent = true;
|
||
var hadFocusVisibleRecently = false;
|
||
var hadFocusVisibleRecentlyTimeout = new Timeout();
|
||
var inputTypesWhitelist = {
|
||
text: true,
|
||
search: true,
|
||
url: true,
|
||
tel: true,
|
||
email: true,
|
||
password: true,
|
||
number: true,
|
||
date: true,
|
||
month: true,
|
||
week: true,
|
||
time: true,
|
||
datetime: true,
|
||
"datetime-local": true
|
||
};
|
||
function focusTriggersKeyboardModality(node2) {
|
||
const {
|
||
type,
|
||
tagName
|
||
} = node2;
|
||
if (tagName === "INPUT" && inputTypesWhitelist[type] && !node2.readOnly) {
|
||
return true;
|
||
}
|
||
if (tagName === "TEXTAREA" && !node2.readOnly) {
|
||
return true;
|
||
}
|
||
if (node2.isContentEditable) {
|
||
return true;
|
||
}
|
||
return false;
|
||
}
|
||
function handleKeyDown(event) {
|
||
if (event.metaKey || event.altKey || event.ctrlKey) {
|
||
return;
|
||
}
|
||
hadKeyboardEvent = true;
|
||
}
|
||
function handlePointerDown() {
|
||
hadKeyboardEvent = false;
|
||
}
|
||
function handleVisibilityChange() {
|
||
if (this.visibilityState === "hidden") {
|
||
if (hadFocusVisibleRecently) {
|
||
hadKeyboardEvent = true;
|
||
}
|
||
}
|
||
}
|
||
function prepare(doc) {
|
||
doc.addEventListener("keydown", handleKeyDown, true);
|
||
doc.addEventListener("mousedown", handlePointerDown, true);
|
||
doc.addEventListener("pointerdown", handlePointerDown, true);
|
||
doc.addEventListener("touchstart", handlePointerDown, true);
|
||
doc.addEventListener("visibilitychange", handleVisibilityChange, true);
|
||
}
|
||
function isFocusVisible(event) {
|
||
const {
|
||
target
|
||
} = event;
|
||
try {
|
||
return target.matches(":focus-visible");
|
||
} catch (error) {
|
||
}
|
||
return hadKeyboardEvent || focusTriggersKeyboardModality(target);
|
||
}
|
||
function useIsFocusVisible() {
|
||
const ref = React16.useCallback((node2) => {
|
||
if (node2 != null) {
|
||
prepare(node2.ownerDocument);
|
||
}
|
||
}, []);
|
||
const isFocusVisibleRef = React16.useRef(false);
|
||
function handleBlurVisible() {
|
||
if (isFocusVisibleRef.current) {
|
||
hadFocusVisibleRecently = true;
|
||
hadFocusVisibleRecentlyTimeout.start(100, () => {
|
||
hadFocusVisibleRecently = false;
|
||
});
|
||
isFocusVisibleRef.current = false;
|
||
return true;
|
||
}
|
||
return false;
|
||
}
|
||
function handleFocusVisible(event) {
|
||
if (isFocusVisible(event)) {
|
||
isFocusVisibleRef.current = true;
|
||
return true;
|
||
}
|
||
return false;
|
||
}
|
||
return {
|
||
isFocusVisibleRef,
|
||
onFocus: handleFocusVisible,
|
||
onBlur: handleBlurVisible,
|
||
ref
|
||
};
|
||
}
|
||
|
||
// node_modules/@mui/utils/esm/getScrollbarSize/getScrollbarSize.js
|
||
function getScrollbarSize(doc) {
|
||
const documentWidth = doc.documentElement.clientWidth;
|
||
return Math.abs(window.innerWidth - documentWidth);
|
||
}
|
||
|
||
// node_modules/@mui/utils/esm/scrollLeft/scrollLeft.js
|
||
var cachedType;
|
||
function detectScrollType() {
|
||
if (cachedType) {
|
||
return cachedType;
|
||
}
|
||
const dummy = document.createElement("div");
|
||
const container = document.createElement("div");
|
||
container.style.width = "10px";
|
||
container.style.height = "1px";
|
||
dummy.appendChild(container);
|
||
dummy.dir = "rtl";
|
||
dummy.style.fontSize = "14px";
|
||
dummy.style.width = "4px";
|
||
dummy.style.height = "1px";
|
||
dummy.style.position = "absolute";
|
||
dummy.style.top = "-1000px";
|
||
dummy.style.overflow = "scroll";
|
||
document.body.appendChild(dummy);
|
||
cachedType = "reverse";
|
||
if (dummy.scrollLeft > 0) {
|
||
cachedType = "default";
|
||
} else {
|
||
dummy.scrollLeft = 1;
|
||
if (dummy.scrollLeft === 0) {
|
||
cachedType = "negative";
|
||
}
|
||
}
|
||
document.body.removeChild(dummy);
|
||
return cachedType;
|
||
}
|
||
function getNormalizedScrollLeft(element, direction) {
|
||
const scrollLeft = element.scrollLeft;
|
||
if (direction !== "rtl") {
|
||
return scrollLeft;
|
||
}
|
||
const type = detectScrollType();
|
||
switch (type) {
|
||
case "negative":
|
||
return element.scrollWidth - element.clientWidth + scrollLeft;
|
||
case "reverse":
|
||
return element.scrollWidth - element.clientWidth - scrollLeft;
|
||
default:
|
||
return scrollLeft;
|
||
}
|
||
}
|
||
|
||
// node_modules/@mui/utils/esm/usePreviousProps/usePreviousProps.js
|
||
var React17 = __toESM(require_react());
|
||
var usePreviousProps = (value) => {
|
||
const ref = React17.useRef({});
|
||
React17.useEffect(() => {
|
||
ref.current = value;
|
||
});
|
||
return ref.current;
|
||
};
|
||
var usePreviousProps_default = usePreviousProps;
|
||
|
||
// node_modules/@mui/utils/esm/getValidReactChildren/getValidReactChildren.js
|
||
var React18 = __toESM(require_react());
|
||
function getValidReactChildren(children) {
|
||
return React18.Children.toArray(children).filter((child) => React18.isValidElement(child));
|
||
}
|
||
|
||
// node_modules/@mui/utils/esm/visuallyHidden/visuallyHidden.js
|
||
var visuallyHidden = {
|
||
border: 0,
|
||
clip: "rect(0 0 0 0)",
|
||
height: "1px",
|
||
margin: "-1px",
|
||
overflow: "hidden",
|
||
padding: 0,
|
||
position: "absolute",
|
||
whiteSpace: "nowrap",
|
||
width: "1px"
|
||
};
|
||
var visuallyHidden_default = visuallyHidden;
|
||
|
||
// node_modules/@mui/utils/esm/integerPropType/integerPropType.js
|
||
function getTypeByValue(value) {
|
||
const valueType = typeof value;
|
||
switch (valueType) {
|
||
case "number":
|
||
if (Number.isNaN(value)) {
|
||
return "NaN";
|
||
}
|
||
if (!Number.isFinite(value)) {
|
||
return "Infinity";
|
||
}
|
||
if (value !== Math.floor(value)) {
|
||
return "float";
|
||
}
|
||
return "number";
|
||
case "object":
|
||
if (value === null) {
|
||
return "null";
|
||
}
|
||
return value.constructor.name;
|
||
default:
|
||
return valueType;
|
||
}
|
||
}
|
||
function ponyfillIsInteger(x) {
|
||
return typeof x === "number" && isFinite(x) && Math.floor(x) === x;
|
||
}
|
||
var isInteger = Number.isInteger || ponyfillIsInteger;
|
||
function requiredInteger(props, propName, componentName, location) {
|
||
const propValue = props[propName];
|
||
if (propValue == null || !isInteger(propValue)) {
|
||
const propType = getTypeByValue(propValue);
|
||
return new RangeError(`Invalid ${location} \`${propName}\` of type \`${propType}\` supplied to \`${componentName}\`, expected \`integer\`.`);
|
||
}
|
||
return null;
|
||
}
|
||
function validator(props, propName, ...other) {
|
||
const propValue = props[propName];
|
||
if (propValue === void 0) {
|
||
return null;
|
||
}
|
||
return requiredInteger(props, propName, ...other);
|
||
}
|
||
function validatorNoop() {
|
||
return null;
|
||
}
|
||
validator.isRequired = requiredInteger;
|
||
validatorNoop.isRequired = validatorNoop;
|
||
var integerPropType_default = false ? validatorNoop : validator;
|
||
|
||
// node_modules/@mui/utils/esm/resolveProps/resolveProps.js
|
||
init_extends();
|
||
function resolveProps(defaultProps, props) {
|
||
const output = _extends({}, props);
|
||
Object.keys(defaultProps).forEach((propName) => {
|
||
if (propName.toString().match(/^(components|slots)$/)) {
|
||
output[propName] = _extends({}, defaultProps[propName], output[propName]);
|
||
} else if (propName.toString().match(/^(componentsProps|slotProps)$/)) {
|
||
const defaultSlotProps = defaultProps[propName] || {};
|
||
const slotProps = props[propName];
|
||
output[propName] = {};
|
||
if (!slotProps || !Object.keys(slotProps)) {
|
||
output[propName] = defaultSlotProps;
|
||
} else if (!defaultSlotProps || !Object.keys(defaultSlotProps)) {
|
||
output[propName] = slotProps;
|
||
} else {
|
||
output[propName] = _extends({}, slotProps);
|
||
Object.keys(defaultSlotProps).forEach((slotPropName) => {
|
||
output[propName][slotPropName] = resolveProps(defaultSlotProps[slotPropName], slotProps[slotPropName]);
|
||
});
|
||
}
|
||
} else if (output[propName] === void 0) {
|
||
output[propName] = defaultProps[propName];
|
||
}
|
||
});
|
||
return output;
|
||
}
|
||
|
||
// node_modules/@mui/utils/esm/index.js
|
||
init_clamp2();
|
||
|
||
// node_modules/@mui/utils/esm/useSlotProps/useSlotProps.js
|
||
init_extends();
|
||
|
||
// node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js
|
||
function _objectWithoutPropertiesLoose(r2, e) {
|
||
if (null == r2) return {};
|
||
var t = {};
|
||
for (var n in r2) if ({}.hasOwnProperty.call(r2, n)) {
|
||
if (-1 !== e.indexOf(n)) continue;
|
||
t[n] = r2[n];
|
||
}
|
||
return t;
|
||
}
|
||
|
||
// node_modules/@mui/utils/esm/appendOwnerState/appendOwnerState.js
|
||
init_extends();
|
||
|
||
// node_modules/@mui/utils/esm/isHostComponent/isHostComponent.js
|
||
function isHostComponent(element) {
|
||
return typeof element === "string";
|
||
}
|
||
var isHostComponent_default = isHostComponent;
|
||
|
||
// node_modules/@mui/utils/esm/appendOwnerState/appendOwnerState.js
|
||
function appendOwnerState(elementType, otherProps, ownerState) {
|
||
if (elementType === void 0 || isHostComponent_default(elementType)) {
|
||
return otherProps;
|
||
}
|
||
return _extends({}, otherProps, {
|
||
ownerState: _extends({}, otherProps.ownerState, ownerState)
|
||
});
|
||
}
|
||
var appendOwnerState_default = appendOwnerState;
|
||
|
||
// node_modules/@mui/utils/esm/mergeSlotProps/mergeSlotProps.js
|
||
init_extends();
|
||
|
||
// node_modules/clsx/dist/clsx.mjs
|
||
function r(e) {
|
||
var t, f, n = "";
|
||
if ("string" == typeof e || "number" == typeof e) n += e;
|
||
else if ("object" == typeof e) if (Array.isArray(e)) {
|
||
var o = e.length;
|
||
for (t = 0; t < o; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
|
||
} else for (f in e) e[f] && (n && (n += " "), n += f);
|
||
return n;
|
||
}
|
||
function clsx() {
|
||
for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
|
||
return n;
|
||
}
|
||
var clsx_default = clsx;
|
||
|
||
// node_modules/@mui/utils/esm/extractEventHandlers/extractEventHandlers.js
|
||
function extractEventHandlers(object, excludeKeys = []) {
|
||
if (object === void 0) {
|
||
return {};
|
||
}
|
||
const result = {};
|
||
Object.keys(object).filter((prop) => prop.match(/^on[A-Z]/) && typeof object[prop] === "function" && !excludeKeys.includes(prop)).forEach((prop) => {
|
||
result[prop] = object[prop];
|
||
});
|
||
return result;
|
||
}
|
||
var extractEventHandlers_default = extractEventHandlers;
|
||
|
||
// node_modules/@mui/utils/esm/omitEventHandlers/omitEventHandlers.js
|
||
function omitEventHandlers(object) {
|
||
if (object === void 0) {
|
||
return {};
|
||
}
|
||
const result = {};
|
||
Object.keys(object).filter((prop) => !(prop.match(/^on[A-Z]/) && typeof object[prop] === "function")).forEach((prop) => {
|
||
result[prop] = object[prop];
|
||
});
|
||
return result;
|
||
}
|
||
var omitEventHandlers_default = omitEventHandlers;
|
||
|
||
// node_modules/@mui/utils/esm/mergeSlotProps/mergeSlotProps.js
|
||
function mergeSlotProps(parameters) {
|
||
const {
|
||
getSlotProps,
|
||
additionalProps,
|
||
externalSlotProps,
|
||
externalForwardedProps,
|
||
className
|
||
} = parameters;
|
||
if (!getSlotProps) {
|
||
const joinedClasses2 = clsx_default(additionalProps == null ? void 0 : additionalProps.className, className, externalForwardedProps == null ? void 0 : externalForwardedProps.className, externalSlotProps == null ? void 0 : externalSlotProps.className);
|
||
const mergedStyle2 = _extends({}, additionalProps == null ? void 0 : additionalProps.style, externalForwardedProps == null ? void 0 : externalForwardedProps.style, externalSlotProps == null ? void 0 : externalSlotProps.style);
|
||
const props2 = _extends({}, additionalProps, externalForwardedProps, externalSlotProps);
|
||
if (joinedClasses2.length > 0) {
|
||
props2.className = joinedClasses2;
|
||
}
|
||
if (Object.keys(mergedStyle2).length > 0) {
|
||
props2.style = mergedStyle2;
|
||
}
|
||
return {
|
||
props: props2,
|
||
internalRef: void 0
|
||
};
|
||
}
|
||
const eventHandlers = extractEventHandlers_default(_extends({}, externalForwardedProps, externalSlotProps));
|
||
const componentsPropsWithoutEventHandlers = omitEventHandlers_default(externalSlotProps);
|
||
const otherPropsWithoutEventHandlers = omitEventHandlers_default(externalForwardedProps);
|
||
const internalSlotProps = getSlotProps(eventHandlers);
|
||
const joinedClasses = clsx_default(internalSlotProps == null ? void 0 : internalSlotProps.className, additionalProps == null ? void 0 : additionalProps.className, className, externalForwardedProps == null ? void 0 : externalForwardedProps.className, externalSlotProps == null ? void 0 : externalSlotProps.className);
|
||
const mergedStyle = _extends({}, internalSlotProps == null ? void 0 : internalSlotProps.style, additionalProps == null ? void 0 : additionalProps.style, externalForwardedProps == null ? void 0 : externalForwardedProps.style, externalSlotProps == null ? void 0 : externalSlotProps.style);
|
||
const props = _extends({}, internalSlotProps, additionalProps, otherPropsWithoutEventHandlers, componentsPropsWithoutEventHandlers);
|
||
if (joinedClasses.length > 0) {
|
||
props.className = joinedClasses;
|
||
}
|
||
if (Object.keys(mergedStyle).length > 0) {
|
||
props.style = mergedStyle;
|
||
}
|
||
return {
|
||
props,
|
||
internalRef: internalSlotProps.ref
|
||
};
|
||
}
|
||
var mergeSlotProps_default = mergeSlotProps;
|
||
|
||
// node_modules/@mui/utils/esm/resolveComponentProps/resolveComponentProps.js
|
||
function resolveComponentProps(componentProps, ownerState, slotState) {
|
||
if (typeof componentProps === "function") {
|
||
return componentProps(ownerState, slotState);
|
||
}
|
||
return componentProps;
|
||
}
|
||
var resolveComponentProps_default = resolveComponentProps;
|
||
|
||
// node_modules/@mui/utils/esm/useSlotProps/useSlotProps.js
|
||
var _excluded = ["elementType", "externalSlotProps", "ownerState", "skipResolvingSlotProps"];
|
||
function useSlotProps(parameters) {
|
||
var _parameters$additiona;
|
||
const {
|
||
elementType,
|
||
externalSlotProps,
|
||
ownerState,
|
||
skipResolvingSlotProps = false
|
||
} = parameters, rest = _objectWithoutPropertiesLoose(parameters, _excluded);
|
||
const resolvedComponentsProps = skipResolvingSlotProps ? {} : resolveComponentProps_default(externalSlotProps, ownerState);
|
||
const {
|
||
props: mergedProps,
|
||
internalRef
|
||
} = mergeSlotProps_default(_extends({}, rest, {
|
||
externalSlotProps: resolvedComponentsProps
|
||
}));
|
||
const ref = useForkRef(internalRef, resolvedComponentsProps == null ? void 0 : resolvedComponentsProps.ref, (_parameters$additiona = parameters.additionalProps) == null ? void 0 : _parameters$additiona.ref);
|
||
const props = appendOwnerState_default(elementType, _extends({}, mergedProps, {
|
||
ref
|
||
}), ownerState);
|
||
return props;
|
||
}
|
||
var useSlotProps_default = useSlotProps;
|
||
|
||
// node_modules/@mui/utils/esm/getReactElementRef/getReactElementRef.js
|
||
var React19 = __toESM(require_react());
|
||
function getReactElementRef(element) {
|
||
if (parseInt(React19.version, 10) >= 19) {
|
||
var _element$props;
|
||
return (element == null || (_element$props = element.props) == null ? void 0 : _element$props.ref) || null;
|
||
}
|
||
return (element == null ? void 0 : element.ref) || null;
|
||
}
|
||
|
||
// node_modules/@mui/material/styles/createMixins.js
|
||
init_extends();
|
||
function createMixins(breakpoints, mixins) {
|
||
return _extends({
|
||
toolbar: {
|
||
minHeight: 56,
|
||
[breakpoints.up("xs")]: {
|
||
"@media (orientation: landscape)": {
|
||
minHeight: 48
|
||
}
|
||
},
|
||
[breakpoints.up("sm")]: {
|
||
minHeight: 64
|
||
}
|
||
}
|
||
}, mixins);
|
||
}
|
||
|
||
// node_modules/@mui/material/styles/createTypography.js
|
||
init_extends();
|
||
init_deepmerge2();
|
||
var _excluded2 = ["fontFamily", "fontSize", "fontWeightLight", "fontWeightRegular", "fontWeightMedium", "fontWeightBold", "htmlFontSize", "allVariants", "pxToRem"];
|
||
function round(value) {
|
||
return Math.round(value * 1e5) / 1e5;
|
||
}
|
||
var caseAllCaps = {
|
||
textTransform: "uppercase"
|
||
};
|
||
var defaultFontFamily = '"Roboto", "Helvetica", "Arial", sans-serif';
|
||
function createTypography(palette2, typography) {
|
||
const _ref = typeof typography === "function" ? typography(palette2) : typography, {
|
||
fontFamily = defaultFontFamily,
|
||
// The default font size of the Material Specification.
|
||
fontSize = 14,
|
||
// px
|
||
fontWeightLight = 300,
|
||
fontWeightRegular = 400,
|
||
fontWeightMedium = 500,
|
||
fontWeightBold = 700,
|
||
// Tell MUI what's the font-size on the html element.
|
||
// 16px is the default font-size used by browsers.
|
||
htmlFontSize = 16,
|
||
// Apply the CSS properties to all the variants.
|
||
allVariants,
|
||
pxToRem: pxToRem2
|
||
} = _ref, other = _objectWithoutPropertiesLoose(_ref, _excluded2);
|
||
if (true) {
|
||
if (typeof fontSize !== "number") {
|
||
console.error("MUI: `fontSize` is required to be a number.");
|
||
}
|
||
if (typeof htmlFontSize !== "number") {
|
||
console.error("MUI: `htmlFontSize` is required to be a number.");
|
||
}
|
||
}
|
||
const coef = fontSize / 14;
|
||
const pxToRem = pxToRem2 || ((size) => `${size / htmlFontSize * coef}rem`);
|
||
const buildVariant = (fontWeight, size, lineHeight, letterSpacing, casing) => _extends({
|
||
fontFamily,
|
||
fontWeight,
|
||
fontSize: pxToRem(size),
|
||
// Unitless following https://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/
|
||
lineHeight
|
||
}, fontFamily === defaultFontFamily ? {
|
||
letterSpacing: `${round(letterSpacing / size)}em`
|
||
} : {}, casing, allVariants);
|
||
const variants = {
|
||
h1: buildVariant(fontWeightLight, 96, 1.167, -1.5),
|
||
h2: buildVariant(fontWeightLight, 60, 1.2, -0.5),
|
||
h3: buildVariant(fontWeightRegular, 48, 1.167, 0),
|
||
h4: buildVariant(fontWeightRegular, 34, 1.235, 0.25),
|
||
h5: buildVariant(fontWeightRegular, 24, 1.334, 0),
|
||
h6: buildVariant(fontWeightMedium, 20, 1.6, 0.15),
|
||
subtitle1: buildVariant(fontWeightRegular, 16, 1.75, 0.15),
|
||
subtitle2: buildVariant(fontWeightMedium, 14, 1.57, 0.1),
|
||
body1: buildVariant(fontWeightRegular, 16, 1.5, 0.15),
|
||
body2: buildVariant(fontWeightRegular, 14, 1.43, 0.15),
|
||
button: buildVariant(fontWeightMedium, 14, 1.75, 0.4, caseAllCaps),
|
||
caption: buildVariant(fontWeightRegular, 12, 1.66, 0.4),
|
||
overline: buildVariant(fontWeightRegular, 12, 2.66, 1, caseAllCaps),
|
||
// TODO v6: Remove handling of 'inherit' variant from the theme as it is already handled in Material UI's Typography component. Also, remember to remove the associated types.
|
||
inherit: {
|
||
fontFamily: "inherit",
|
||
fontWeight: "inherit",
|
||
fontSize: "inherit",
|
||
lineHeight: "inherit",
|
||
letterSpacing: "inherit"
|
||
}
|
||
};
|
||
return deepmerge(_extends({
|
||
htmlFontSize,
|
||
pxToRem,
|
||
fontFamily,
|
||
fontSize,
|
||
fontWeightLight,
|
||
fontWeightRegular,
|
||
fontWeightMedium,
|
||
fontWeightBold
|
||
}, variants), other, {
|
||
clone: false
|
||
// No need to clone deep
|
||
});
|
||
}
|
||
|
||
// node_modules/@mui/material/styles/createTransitions.js
|
||
init_extends();
|
||
var _excluded3 = ["duration", "easing", "delay"];
|
||
var easing = {
|
||
// This is the most common easing curve.
|
||
easeInOut: "cubic-bezier(0.4, 0, 0.2, 1)",
|
||
// Objects enter the screen at full velocity from off-screen and
|
||
// slowly decelerate to a resting point.
|
||
easeOut: "cubic-bezier(0.0, 0, 0.2, 1)",
|
||
// Objects leave the screen at full velocity. They do not decelerate when off-screen.
|
||
easeIn: "cubic-bezier(0.4, 0, 1, 1)",
|
||
// The sharp curve is used by objects that may return to the screen at any time.
|
||
sharp: "cubic-bezier(0.4, 0, 0.6, 1)"
|
||
};
|
||
var duration = {
|
||
shortest: 150,
|
||
shorter: 200,
|
||
short: 250,
|
||
// most basic recommended timing
|
||
standard: 300,
|
||
// this is to be used in complex animations
|
||
complex: 375,
|
||
// recommended when something is entering screen
|
||
enteringScreen: 225,
|
||
// recommended when something is leaving screen
|
||
leavingScreen: 195
|
||
};
|
||
function formatMs(milliseconds) {
|
||
return `${Math.round(milliseconds)}ms`;
|
||
}
|
||
function getAutoHeightDuration(height2) {
|
||
if (!height2) {
|
||
return 0;
|
||
}
|
||
const constant = height2 / 36;
|
||
return Math.round((4 + 15 * constant ** 0.25 + constant / 5) * 10);
|
||
}
|
||
function createTransitions(inputTransitions) {
|
||
const mergedEasing = _extends({}, easing, inputTransitions.easing);
|
||
const mergedDuration = _extends({}, duration, inputTransitions.duration);
|
||
const create = (props = ["all"], options = {}) => {
|
||
const {
|
||
duration: durationOption = mergedDuration.standard,
|
||
easing: easingOption = mergedEasing.easeInOut,
|
||
delay = 0
|
||
} = options, other = _objectWithoutPropertiesLoose(options, _excluded3);
|
||
if (true) {
|
||
const isString = (value) => typeof value === "string";
|
||
const isNumber = (value) => !isNaN(parseFloat(value));
|
||
if (!isString(props) && !Array.isArray(props)) {
|
||
console.error('MUI: Argument "props" must be a string or Array.');
|
||
}
|
||
if (!isNumber(durationOption) && !isString(durationOption)) {
|
||
console.error(`MUI: Argument "duration" must be a number or a string but found ${durationOption}.`);
|
||
}
|
||
if (!isString(easingOption)) {
|
||
console.error('MUI: Argument "easing" must be a string.');
|
||
}
|
||
if (!isNumber(delay) && !isString(delay)) {
|
||
console.error('MUI: Argument "delay" must be a number or a string.');
|
||
}
|
||
if (typeof options !== "object") {
|
||
console.error(["MUI: Secong argument of transition.create must be an object.", "Arguments should be either `create('prop1', options)` or `create(['prop1', 'prop2'], options)`"].join("\n"));
|
||
}
|
||
if (Object.keys(other).length !== 0) {
|
||
console.error(`MUI: Unrecognized argument(s) [${Object.keys(other).join(",")}].`);
|
||
}
|
||
}
|
||
return (Array.isArray(props) ? props : [props]).map((animatedProp) => `${animatedProp} ${typeof durationOption === "string" ? durationOption : formatMs(durationOption)} ${easingOption} ${typeof delay === "string" ? delay : formatMs(delay)}`).join(",");
|
||
};
|
||
return _extends({
|
||
getAutoHeightDuration,
|
||
create
|
||
}, inputTransitions, {
|
||
easing: mergedEasing,
|
||
duration: mergedDuration
|
||
});
|
||
}
|
||
|
||
// node_modules/@mui/material/styles/createTheme.js
|
||
init_extends();
|
||
init_formatMuiErrorMessage2();
|
||
init_deepmerge2();
|
||
|
||
// node_modules/@mui/system/esm/styleFunctionSx/styleFunctionSx.js
|
||
init_capitalize2();
|
||
|
||
// node_modules/@mui/system/esm/merge.js
|
||
init_deepmerge2();
|
||
function merge2(acc, item) {
|
||
if (!item) {
|
||
return acc;
|
||
}
|
||
return deepmerge(acc, item, {
|
||
clone: false
|
||
// No need to clone deep, it's way faster.
|
||
});
|
||
}
|
||
var merge_default = merge2;
|
||
|
||
// node_modules/@mui/system/esm/style.js
|
||
init_capitalize2();
|
||
|
||
// node_modules/@mui/system/esm/responsivePropType.js
|
||
var import_prop_types6 = __toESM(require_prop_types());
|
||
var responsivePropType = true ? import_prop_types6.default.oneOfType([import_prop_types6.default.number, import_prop_types6.default.string, import_prop_types6.default.object, import_prop_types6.default.array]) : {};
|
||
var responsivePropType_default = responsivePropType;
|
||
|
||
// node_modules/@mui/system/esm/breakpoints.js
|
||
init_extends();
|
||
var import_prop_types7 = __toESM(require_prop_types());
|
||
init_deepmerge2();
|
||
var values = {
|
||
xs: 0,
|
||
// phone
|
||
sm: 600,
|
||
// tablet
|
||
md: 900,
|
||
// small laptop
|
||
lg: 1200,
|
||
// desktop
|
||
xl: 1536
|
||
// large screen
|
||
};
|
||
var defaultBreakpoints = {
|
||
// 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: (key) => `@media (min-width:${values[key]}px)`
|
||
};
|
||
function handleBreakpoints(props, propValue, styleFromPropValue) {
|
||
const theme = props.theme || {};
|
||
if (Array.isArray(propValue)) {
|
||
const themeBreakpoints = theme.breakpoints || defaultBreakpoints;
|
||
return propValue.reduce((acc, item, index) => {
|
||
acc[themeBreakpoints.up(themeBreakpoints.keys[index])] = styleFromPropValue(propValue[index]);
|
||
return acc;
|
||
}, {});
|
||
}
|
||
if (typeof propValue === "object") {
|
||
const themeBreakpoints = theme.breakpoints || defaultBreakpoints;
|
||
return Object.keys(propValue).reduce((acc, breakpoint) => {
|
||
if (Object.keys(themeBreakpoints.values || values).indexOf(breakpoint) !== -1) {
|
||
const mediaKey = themeBreakpoints.up(breakpoint);
|
||
acc[mediaKey] = styleFromPropValue(propValue[breakpoint], breakpoint);
|
||
} else {
|
||
const cssKey = breakpoint;
|
||
acc[cssKey] = propValue[cssKey];
|
||
}
|
||
return acc;
|
||
}, {});
|
||
}
|
||
const output = styleFromPropValue(propValue);
|
||
return output;
|
||
}
|
||
function createEmptyBreakpointObject(breakpointsInput = {}) {
|
||
var _breakpointsInput$key;
|
||
const breakpointsInOrder = (_breakpointsInput$key = breakpointsInput.keys) == null ? void 0 : _breakpointsInput$key.reduce((acc, key) => {
|
||
const breakpointStyleKey = breakpointsInput.up(key);
|
||
acc[breakpointStyleKey] = {};
|
||
return acc;
|
||
}, {});
|
||
return breakpointsInOrder || {};
|
||
}
|
||
function removeUnusedBreakpoints(breakpointKeys, style3) {
|
||
return breakpointKeys.reduce((acc, key) => {
|
||
const breakpointOutput = acc[key];
|
||
const isBreakpointUnused = !breakpointOutput || Object.keys(breakpointOutput).length === 0;
|
||
if (isBreakpointUnused) {
|
||
delete acc[key];
|
||
}
|
||
return acc;
|
||
}, style3);
|
||
}
|
||
function mergeBreakpointsInOrder(breakpointsInput, ...styles) {
|
||
const emptyBreakpoints = createEmptyBreakpointObject(breakpointsInput);
|
||
const mergedOutput = [emptyBreakpoints, ...styles].reduce((prev2, next2) => deepmerge(prev2, next2), {});
|
||
return removeUnusedBreakpoints(Object.keys(emptyBreakpoints), mergedOutput);
|
||
}
|
||
function computeBreakpointsBase(breakpointValues, themeBreakpoints) {
|
||
if (typeof breakpointValues !== "object") {
|
||
return {};
|
||
}
|
||
const base = {};
|
||
const breakpointsKeys = Object.keys(themeBreakpoints);
|
||
if (Array.isArray(breakpointValues)) {
|
||
breakpointsKeys.forEach((breakpoint, i) => {
|
||
if (i < breakpointValues.length) {
|
||
base[breakpoint] = true;
|
||
}
|
||
});
|
||
} else {
|
||
breakpointsKeys.forEach((breakpoint) => {
|
||
if (breakpointValues[breakpoint] != null) {
|
||
base[breakpoint] = true;
|
||
}
|
||
});
|
||
}
|
||
return base;
|
||
}
|
||
function resolveBreakpointValues({
|
||
values: breakpointValues,
|
||
breakpoints: themeBreakpoints,
|
||
base: customBase
|
||
}) {
|
||
const base = customBase || computeBreakpointsBase(breakpointValues, themeBreakpoints);
|
||
const keys = Object.keys(base);
|
||
if (keys.length === 0) {
|
||
return breakpointValues;
|
||
}
|
||
let previous;
|
||
return keys.reduce((acc, breakpoint, i) => {
|
||
if (Array.isArray(breakpointValues)) {
|
||
acc[breakpoint] = breakpointValues[i] != null ? breakpointValues[i] : breakpointValues[previous];
|
||
previous = i;
|
||
} else if (typeof breakpointValues === "object") {
|
||
acc[breakpoint] = breakpointValues[breakpoint] != null ? breakpointValues[breakpoint] : breakpointValues[previous];
|
||
previous = breakpoint;
|
||
} else {
|
||
acc[breakpoint] = breakpointValues;
|
||
}
|
||
return acc;
|
||
}, {});
|
||
}
|
||
|
||
// node_modules/@mui/system/esm/style.js
|
||
function getPath(obj, path, checkVars = true) {
|
||
if (!path || typeof path !== "string") {
|
||
return null;
|
||
}
|
||
if (obj && obj.vars && checkVars) {
|
||
const val = `vars.${path}`.split(".").reduce((acc, item) => acc && acc[item] ? acc[item] : null, obj);
|
||
if (val != null) {
|
||
return val;
|
||
}
|
||
}
|
||
return path.split(".").reduce((acc, item) => {
|
||
if (acc && acc[item] != null) {
|
||
return acc[item];
|
||
}
|
||
return null;
|
||
}, obj);
|
||
}
|
||
function getStyleValue(themeMapping, transform, propValueFinal, userValue = propValueFinal) {
|
||
let value;
|
||
if (typeof themeMapping === "function") {
|
||
value = themeMapping(propValueFinal);
|
||
} else if (Array.isArray(themeMapping)) {
|
||
value = themeMapping[propValueFinal] || userValue;
|
||
} else {
|
||
value = getPath(themeMapping, propValueFinal) || userValue;
|
||
}
|
||
if (transform) {
|
||
value = transform(value, userValue, themeMapping);
|
||
}
|
||
return value;
|
||
}
|
||
function style(options) {
|
||
const {
|
||
prop,
|
||
cssProperty = options.prop,
|
||
themeKey,
|
||
transform
|
||
} = options;
|
||
const fn = (props) => {
|
||
if (props[prop] == null) {
|
||
return null;
|
||
}
|
||
const propValue = props[prop];
|
||
const theme = props.theme;
|
||
const themeMapping = getPath(theme, themeKey) || {};
|
||
const styleFromPropValue = (propValueFinal) => {
|
||
let value = getStyleValue(themeMapping, transform, propValueFinal);
|
||
if (propValueFinal === value && typeof propValueFinal === "string") {
|
||
value = getStyleValue(themeMapping, transform, `${prop}${propValueFinal === "default" ? "" : capitalize(propValueFinal)}`, propValueFinal);
|
||
}
|
||
if (cssProperty === false) {
|
||
return value;
|
||
}
|
||
return {
|
||
[cssProperty]: value
|
||
};
|
||
};
|
||
return handleBreakpoints(props, propValue, styleFromPropValue);
|
||
};
|
||
fn.propTypes = true ? {
|
||
[prop]: responsivePropType_default
|
||
} : {};
|
||
fn.filterProps = [prop];
|
||
return fn;
|
||
}
|
||
var style_default = style;
|
||
|
||
// node_modules/@mui/system/esm/memoize.js
|
||
function memoize2(fn) {
|
||
const cache = {};
|
||
return (arg) => {
|
||
if (cache[arg] === void 0) {
|
||
cache[arg] = fn(arg);
|
||
}
|
||
return cache[arg];
|
||
};
|
||
}
|
||
|
||
// node_modules/@mui/system/esm/spacing.js
|
||
var properties = {
|
||
m: "margin",
|
||
p: "padding"
|
||
};
|
||
var directions = {
|
||
t: "Top",
|
||
r: "Right",
|
||
b: "Bottom",
|
||
l: "Left",
|
||
x: ["Left", "Right"],
|
||
y: ["Top", "Bottom"]
|
||
};
|
||
var aliases = {
|
||
marginX: "mx",
|
||
marginY: "my",
|
||
paddingX: "px",
|
||
paddingY: "py"
|
||
};
|
||
var getCssProperties = memoize2((prop) => {
|
||
if (prop.length > 2) {
|
||
if (aliases[prop]) {
|
||
prop = aliases[prop];
|
||
} else {
|
||
return [prop];
|
||
}
|
||
}
|
||
const [a, b] = prop.split("");
|
||
const property = properties[a];
|
||
const direction = directions[b] || "";
|
||
return Array.isArray(direction) ? direction.map((dir) => property + dir) : [property + direction];
|
||
});
|
||
var marginKeys = ["m", "mt", "mr", "mb", "ml", "mx", "my", "margin", "marginTop", "marginRight", "marginBottom", "marginLeft", "marginX", "marginY", "marginInline", "marginInlineStart", "marginInlineEnd", "marginBlock", "marginBlockStart", "marginBlockEnd"];
|
||
var paddingKeys = ["p", "pt", "pr", "pb", "pl", "px", "py", "padding", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "paddingX", "paddingY", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "paddingBlock", "paddingBlockStart", "paddingBlockEnd"];
|
||
var spacingKeys = [...marginKeys, ...paddingKeys];
|
||
function createUnaryUnit(theme, themeKey, defaultValue, propName) {
|
||
var _getPath;
|
||
const themeSpacing = (_getPath = getPath(theme, themeKey, false)) != null ? _getPath : defaultValue;
|
||
if (typeof themeSpacing === "number") {
|
||
return (abs2) => {
|
||
if (typeof abs2 === "string") {
|
||
return abs2;
|
||
}
|
||
if (true) {
|
||
if (typeof abs2 !== "number") {
|
||
console.error(`MUI: Expected ${propName} argument to be a number or a string, got ${abs2}.`);
|
||
}
|
||
}
|
||
return themeSpacing * abs2;
|
||
};
|
||
}
|
||
if (Array.isArray(themeSpacing)) {
|
||
return (abs2) => {
|
||
if (typeof abs2 === "string") {
|
||
return abs2;
|
||
}
|
||
if (true) {
|
||
if (!Number.isInteger(abs2)) {
|
||
console.error([`MUI: The \`theme.${themeKey}\` 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.${themeKey}\` as a number.`].join("\n"));
|
||
} else if (abs2 > themeSpacing.length - 1) {
|
||
console.error([`MUI: The value provided (${abs2}) overflows.`, `The supported values are: ${JSON.stringify(themeSpacing)}.`, `${abs2} > ${themeSpacing.length - 1}, you need to add the missing values.`].join("\n"));
|
||
}
|
||
}
|
||
return themeSpacing[abs2];
|
||
};
|
||
}
|
||
if (typeof themeSpacing === "function") {
|
||
return themeSpacing;
|
||
}
|
||
if (true) {
|
||
console.error([`MUI: The \`theme.${themeKey}\` value (${themeSpacing}) is invalid.`, "It should be a number, an array or a function."].join("\n"));
|
||
}
|
||
return () => void 0;
|
||
}
|
||
function createUnarySpacing(theme) {
|
||
return createUnaryUnit(theme, "spacing", 8, "spacing");
|
||
}
|
||
function getValue(transformer, propValue) {
|
||
if (typeof propValue === "string" || propValue == null) {
|
||
return propValue;
|
||
}
|
||
const abs2 = Math.abs(propValue);
|
||
const transformed = transformer(abs2);
|
||
if (propValue >= 0) {
|
||
return transformed;
|
||
}
|
||
if (typeof transformed === "number") {
|
||
return -transformed;
|
||
}
|
||
return `-${transformed}`;
|
||
}
|
||
function getStyleFromPropValue(cssProperties, transformer) {
|
||
return (propValue) => cssProperties.reduce((acc, cssProperty) => {
|
||
acc[cssProperty] = getValue(transformer, propValue);
|
||
return acc;
|
||
}, {});
|
||
}
|
||
function resolveCssProperty(props, keys, prop, transformer) {
|
||
if (keys.indexOf(prop) === -1) {
|
||
return null;
|
||
}
|
||
const cssProperties = getCssProperties(prop);
|
||
const styleFromPropValue = getStyleFromPropValue(cssProperties, transformer);
|
||
const propValue = props[prop];
|
||
return handleBreakpoints(props, propValue, styleFromPropValue);
|
||
}
|
||
function style2(props, keys) {
|
||
const transformer = createUnarySpacing(props.theme);
|
||
return Object.keys(props).map((prop) => resolveCssProperty(props, keys, prop, transformer)).reduce(merge_default, {});
|
||
}
|
||
function margin(props) {
|
||
return style2(props, marginKeys);
|
||
}
|
||
margin.propTypes = true ? marginKeys.reduce((obj, key) => {
|
||
obj[key] = responsivePropType_default;
|
||
return obj;
|
||
}, {}) : {};
|
||
margin.filterProps = marginKeys;
|
||
function padding(props) {
|
||
return style2(props, paddingKeys);
|
||
}
|
||
padding.propTypes = true ? paddingKeys.reduce((obj, key) => {
|
||
obj[key] = responsivePropType_default;
|
||
return obj;
|
||
}, {}) : {};
|
||
padding.filterProps = paddingKeys;
|
||
function spacing(props) {
|
||
return style2(props, spacingKeys);
|
||
}
|
||
spacing.propTypes = true ? spacingKeys.reduce((obj, key) => {
|
||
obj[key] = responsivePropType_default;
|
||
return obj;
|
||
}, {}) : {};
|
||
spacing.filterProps = spacingKeys;
|
||
var spacing_default = spacing;
|
||
|
||
// node_modules/@mui/system/esm/compose.js
|
||
function compose(...styles) {
|
||
const handlers = styles.reduce((acc, style3) => {
|
||
style3.filterProps.forEach((prop) => {
|
||
acc[prop] = style3;
|
||
});
|
||
return acc;
|
||
}, {});
|
||
const fn = (props) => {
|
||
return Object.keys(props).reduce((acc, prop) => {
|
||
if (handlers[prop]) {
|
||
return merge_default(acc, handlers[prop](props));
|
||
}
|
||
return acc;
|
||
}, {});
|
||
};
|
||
fn.propTypes = true ? styles.reduce((acc, style3) => Object.assign(acc, style3.propTypes), {}) : {};
|
||
fn.filterProps = styles.reduce((acc, style3) => acc.concat(style3.filterProps), []);
|
||
return fn;
|
||
}
|
||
var compose_default = compose;
|
||
|
||
// node_modules/@mui/system/esm/borders.js
|
||
function borderTransform(value) {
|
||
if (typeof value !== "number") {
|
||
return value;
|
||
}
|
||
return `${value}px solid`;
|
||
}
|
||
function createBorderStyle(prop, transform) {
|
||
return style_default({
|
||
prop,
|
||
themeKey: "borders",
|
||
transform
|
||
});
|
||
}
|
||
var border = createBorderStyle("border", borderTransform);
|
||
var borderTop = createBorderStyle("borderTop", borderTransform);
|
||
var borderRight = createBorderStyle("borderRight", borderTransform);
|
||
var borderBottom = createBorderStyle("borderBottom", borderTransform);
|
||
var borderLeft = createBorderStyle("borderLeft", borderTransform);
|
||
var borderColor = createBorderStyle("borderColor");
|
||
var borderTopColor = createBorderStyle("borderTopColor");
|
||
var borderRightColor = createBorderStyle("borderRightColor");
|
||
var borderBottomColor = createBorderStyle("borderBottomColor");
|
||
var borderLeftColor = createBorderStyle("borderLeftColor");
|
||
var outline = createBorderStyle("outline", borderTransform);
|
||
var outlineColor = createBorderStyle("outlineColor");
|
||
var borderRadius = (props) => {
|
||
if (props.borderRadius !== void 0 && props.borderRadius !== null) {
|
||
const transformer = createUnaryUnit(props.theme, "shape.borderRadius", 4, "borderRadius");
|
||
const styleFromPropValue = (propValue) => ({
|
||
borderRadius: getValue(transformer, propValue)
|
||
});
|
||
return handleBreakpoints(props, props.borderRadius, styleFromPropValue);
|
||
}
|
||
return null;
|
||
};
|
||
borderRadius.propTypes = true ? {
|
||
borderRadius: responsivePropType_default
|
||
} : {};
|
||
borderRadius.filterProps = ["borderRadius"];
|
||
var borders = compose_default(border, borderTop, borderRight, borderBottom, borderLeft, borderColor, borderTopColor, borderRightColor, borderBottomColor, borderLeftColor, borderRadius, outline, outlineColor);
|
||
var borders_default = borders;
|
||
|
||
// node_modules/@mui/system/esm/cssGrid.js
|
||
var gap = (props) => {
|
||
if (props.gap !== void 0 && props.gap !== null) {
|
||
const transformer = createUnaryUnit(props.theme, "spacing", 8, "gap");
|
||
const styleFromPropValue = (propValue) => ({
|
||
gap: getValue(transformer, propValue)
|
||
});
|
||
return handleBreakpoints(props, props.gap, styleFromPropValue);
|
||
}
|
||
return null;
|
||
};
|
||
gap.propTypes = true ? {
|
||
gap: responsivePropType_default
|
||
} : {};
|
||
gap.filterProps = ["gap"];
|
||
var columnGap = (props) => {
|
||
if (props.columnGap !== void 0 && props.columnGap !== null) {
|
||
const transformer = createUnaryUnit(props.theme, "spacing", 8, "columnGap");
|
||
const styleFromPropValue = (propValue) => ({
|
||
columnGap: getValue(transformer, propValue)
|
||
});
|
||
return handleBreakpoints(props, props.columnGap, styleFromPropValue);
|
||
}
|
||
return null;
|
||
};
|
||
columnGap.propTypes = true ? {
|
||
columnGap: responsivePropType_default
|
||
} : {};
|
||
columnGap.filterProps = ["columnGap"];
|
||
var rowGap = (props) => {
|
||
if (props.rowGap !== void 0 && props.rowGap !== null) {
|
||
const transformer = createUnaryUnit(props.theme, "spacing", 8, "rowGap");
|
||
const styleFromPropValue = (propValue) => ({
|
||
rowGap: getValue(transformer, propValue)
|
||
});
|
||
return handleBreakpoints(props, props.rowGap, styleFromPropValue);
|
||
}
|
||
return null;
|
||
};
|
||
rowGap.propTypes = true ? {
|
||
rowGap: responsivePropType_default
|
||
} : {};
|
||
rowGap.filterProps = ["rowGap"];
|
||
var gridColumn = style_default({
|
||
prop: "gridColumn"
|
||
});
|
||
var gridRow = style_default({
|
||
prop: "gridRow"
|
||
});
|
||
var gridAutoFlow = style_default({
|
||
prop: "gridAutoFlow"
|
||
});
|
||
var gridAutoColumns = style_default({
|
||
prop: "gridAutoColumns"
|
||
});
|
||
var gridAutoRows = style_default({
|
||
prop: "gridAutoRows"
|
||
});
|
||
var gridTemplateColumns = style_default({
|
||
prop: "gridTemplateColumns"
|
||
});
|
||
var gridTemplateRows = style_default({
|
||
prop: "gridTemplateRows"
|
||
});
|
||
var gridTemplateAreas = style_default({
|
||
prop: "gridTemplateAreas"
|
||
});
|
||
var gridArea = style_default({
|
||
prop: "gridArea"
|
||
});
|
||
var grid = compose_default(gap, columnGap, rowGap, gridColumn, gridRow, gridAutoFlow, gridAutoColumns, gridAutoRows, gridTemplateColumns, gridTemplateRows, gridTemplateAreas, gridArea);
|
||
var cssGrid_default = grid;
|
||
|
||
// node_modules/@mui/system/esm/palette.js
|
||
function paletteTransform(value, userValue) {
|
||
if (userValue === "grey") {
|
||
return userValue;
|
||
}
|
||
return value;
|
||
}
|
||
var color = style_default({
|
||
prop: "color",
|
||
themeKey: "palette",
|
||
transform: paletteTransform
|
||
});
|
||
var bgcolor = style_default({
|
||
prop: "bgcolor",
|
||
cssProperty: "backgroundColor",
|
||
themeKey: "palette",
|
||
transform: paletteTransform
|
||
});
|
||
var backgroundColor = style_default({
|
||
prop: "backgroundColor",
|
||
themeKey: "palette",
|
||
transform: paletteTransform
|
||
});
|
||
var palette = compose_default(color, bgcolor, backgroundColor);
|
||
var palette_default = palette;
|
||
|
||
// node_modules/@mui/system/esm/sizing.js
|
||
function sizingTransform(value) {
|
||
return value <= 1 && value !== 0 ? `${value * 100}%` : value;
|
||
}
|
||
var width = style_default({
|
||
prop: "width",
|
||
transform: sizingTransform
|
||
});
|
||
var maxWidth = (props) => {
|
||
if (props.maxWidth !== void 0 && props.maxWidth !== null) {
|
||
const styleFromPropValue = (propValue) => {
|
||
var _props$theme, _props$theme2;
|
||
const breakpoint = ((_props$theme = props.theme) == null || (_props$theme = _props$theme.breakpoints) == null || (_props$theme = _props$theme.values) == null ? void 0 : _props$theme[propValue]) || values[propValue];
|
||
if (!breakpoint) {
|
||
return {
|
||
maxWidth: sizingTransform(propValue)
|
||
};
|
||
}
|
||
if (((_props$theme2 = props.theme) == null || (_props$theme2 = _props$theme2.breakpoints) == null ? void 0 : _props$theme2.unit) !== "px") {
|
||
return {
|
||
maxWidth: `${breakpoint}${props.theme.breakpoints.unit}`
|
||
};
|
||
}
|
||
return {
|
||
maxWidth: breakpoint
|
||
};
|
||
};
|
||
return handleBreakpoints(props, props.maxWidth, styleFromPropValue);
|
||
}
|
||
return null;
|
||
};
|
||
maxWidth.filterProps = ["maxWidth"];
|
||
var minWidth = style_default({
|
||
prop: "minWidth",
|
||
transform: sizingTransform
|
||
});
|
||
var height = style_default({
|
||
prop: "height",
|
||
transform: sizingTransform
|
||
});
|
||
var maxHeight = style_default({
|
||
prop: "maxHeight",
|
||
transform: sizingTransform
|
||
});
|
||
var minHeight = style_default({
|
||
prop: "minHeight",
|
||
transform: sizingTransform
|
||
});
|
||
var sizeWidth = style_default({
|
||
prop: "size",
|
||
cssProperty: "width",
|
||
transform: sizingTransform
|
||
});
|
||
var sizeHeight = style_default({
|
||
prop: "size",
|
||
cssProperty: "height",
|
||
transform: sizingTransform
|
||
});
|
||
var boxSizing = style_default({
|
||
prop: "boxSizing"
|
||
});
|
||
var sizing = compose_default(width, maxWidth, minWidth, height, maxHeight, minHeight, boxSizing);
|
||
var sizing_default = sizing;
|
||
|
||
// node_modules/@mui/system/esm/styleFunctionSx/defaultSxConfig.js
|
||
var defaultSxConfig = {
|
||
// borders
|
||
border: {
|
||
themeKey: "borders",
|
||
transform: borderTransform
|
||
},
|
||
borderTop: {
|
||
themeKey: "borders",
|
||
transform: borderTransform
|
||
},
|
||
borderRight: {
|
||
themeKey: "borders",
|
||
transform: borderTransform
|
||
},
|
||
borderBottom: {
|
||
themeKey: "borders",
|
||
transform: borderTransform
|
||
},
|
||
borderLeft: {
|
||
themeKey: "borders",
|
||
transform: borderTransform
|
||
},
|
||
borderColor: {
|
||
themeKey: "palette"
|
||
},
|
||
borderTopColor: {
|
||
themeKey: "palette"
|
||
},
|
||
borderRightColor: {
|
||
themeKey: "palette"
|
||
},
|
||
borderBottomColor: {
|
||
themeKey: "palette"
|
||
},
|
||
borderLeftColor: {
|
||
themeKey: "palette"
|
||
},
|
||
outline: {
|
||
themeKey: "borders",
|
||
transform: borderTransform
|
||
},
|
||
outlineColor: {
|
||
themeKey: "palette"
|
||
},
|
||
borderRadius: {
|
||
themeKey: "shape.borderRadius",
|
||
style: borderRadius
|
||
},
|
||
// palette
|
||
color: {
|
||
themeKey: "palette",
|
||
transform: paletteTransform
|
||
},
|
||
bgcolor: {
|
||
themeKey: "palette",
|
||
cssProperty: "backgroundColor",
|
||
transform: paletteTransform
|
||
},
|
||
backgroundColor: {
|
||
themeKey: "palette",
|
||
transform: paletteTransform
|
||
},
|
||
// spacing
|
||
p: {
|
||
style: padding
|
||
},
|
||
pt: {
|
||
style: padding
|
||
},
|
||
pr: {
|
||
style: padding
|
||
},
|
||
pb: {
|
||
style: padding
|
||
},
|
||
pl: {
|
||
style: padding
|
||
},
|
||
px: {
|
||
style: padding
|
||
},
|
||
py: {
|
||
style: padding
|
||
},
|
||
padding: {
|
||
style: padding
|
||
},
|
||
paddingTop: {
|
||
style: padding
|
||
},
|
||
paddingRight: {
|
||
style: padding
|
||
},
|
||
paddingBottom: {
|
||
style: padding
|
||
},
|
||
paddingLeft: {
|
||
style: padding
|
||
},
|
||
paddingX: {
|
||
style: padding
|
||
},
|
||
paddingY: {
|
||
style: padding
|
||
},
|
||
paddingInline: {
|
||
style: padding
|
||
},
|
||
paddingInlineStart: {
|
||
style: padding
|
||
},
|
||
paddingInlineEnd: {
|
||
style: padding
|
||
},
|
||
paddingBlock: {
|
||
style: padding
|
||
},
|
||
paddingBlockStart: {
|
||
style: padding
|
||
},
|
||
paddingBlockEnd: {
|
||
style: padding
|
||
},
|
||
m: {
|
||
style: margin
|
||
},
|
||
mt: {
|
||
style: margin
|
||
},
|
||
mr: {
|
||
style: margin
|
||
},
|
||
mb: {
|
||
style: margin
|
||
},
|
||
ml: {
|
||
style: margin
|
||
},
|
||
mx: {
|
||
style: margin
|
||
},
|
||
my: {
|
||
style: margin
|
||
},
|
||
margin: {
|
||
style: margin
|
||
},
|
||
marginTop: {
|
||
style: margin
|
||
},
|
||
marginRight: {
|
||
style: margin
|
||
},
|
||
marginBottom: {
|
||
style: margin
|
||
},
|
||
marginLeft: {
|
||
style: margin
|
||
},
|
||
marginX: {
|
||
style: margin
|
||
},
|
||
marginY: {
|
||
style: margin
|
||
},
|
||
marginInline: {
|
||
style: margin
|
||
},
|
||
marginInlineStart: {
|
||
style: margin
|
||
},
|
||
marginInlineEnd: {
|
||
style: margin
|
||
},
|
||
marginBlock: {
|
||
style: margin
|
||
},
|
||
marginBlockStart: {
|
||
style: margin
|
||
},
|
||
marginBlockEnd: {
|
||
style: margin
|
||
},
|
||
// display
|
||
displayPrint: {
|
||
cssProperty: false,
|
||
transform: (value) => ({
|
||
"@media print": {
|
||
display: value
|
||
}
|
||
})
|
||
},
|
||
display: {},
|
||
overflow: {},
|
||
textOverflow: {},
|
||
visibility: {},
|
||
whiteSpace: {},
|
||
// flexbox
|
||
flexBasis: {},
|
||
flexDirection: {},
|
||
flexWrap: {},
|
||
justifyContent: {},
|
||
alignItems: {},
|
||
alignContent: {},
|
||
order: {},
|
||
flex: {},
|
||
flexGrow: {},
|
||
flexShrink: {},
|
||
alignSelf: {},
|
||
justifyItems: {},
|
||
justifySelf: {},
|
||
// grid
|
||
gap: {
|
||
style: gap
|
||
},
|
||
rowGap: {
|
||
style: rowGap
|
||
},
|
||
columnGap: {
|
||
style: columnGap
|
||
},
|
||
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: sizingTransform
|
||
},
|
||
maxWidth: {
|
||
style: maxWidth
|
||
},
|
||
minWidth: {
|
||
transform: sizingTransform
|
||
},
|
||
height: {
|
||
transform: sizingTransform
|
||
},
|
||
maxHeight: {
|
||
transform: sizingTransform
|
||
},
|
||
minHeight: {
|
||
transform: sizingTransform
|
||
},
|
||
boxSizing: {},
|
||
// typography
|
||
fontFamily: {
|
||
themeKey: "typography"
|
||
},
|
||
fontSize: {
|
||
themeKey: "typography"
|
||
},
|
||
fontStyle: {
|
||
themeKey: "typography"
|
||
},
|
||
fontWeight: {
|
||
themeKey: "typography"
|
||
},
|
||
letterSpacing: {},
|
||
textTransform: {},
|
||
lineHeight: {},
|
||
textAlign: {},
|
||
typography: {
|
||
cssProperty: false,
|
||
themeKey: "typography"
|
||
}
|
||
};
|
||
var defaultSxConfig_default = defaultSxConfig;
|
||
|
||
// node_modules/@mui/system/esm/styleFunctionSx/styleFunctionSx.js
|
||
function objectsHaveSameKeys(...objects) {
|
||
const allKeys = objects.reduce((keys, object) => keys.concat(Object.keys(object)), []);
|
||
const union = new Set(allKeys);
|
||
return objects.every((object) => union.size === Object.keys(object).length);
|
||
}
|
||
function callIfFn(maybeFn, arg) {
|
||
return typeof maybeFn === "function" ? maybeFn(arg) : maybeFn;
|
||
}
|
||
function unstable_createStyleFunctionSx() {
|
||
function getThemeValue(prop, val, theme, config) {
|
||
const props = {
|
||
[prop]: val,
|
||
theme
|
||
};
|
||
const options = config[prop];
|
||
if (!options) {
|
||
return {
|
||
[prop]: val
|
||
};
|
||
}
|
||
const {
|
||
cssProperty = prop,
|
||
themeKey,
|
||
transform,
|
||
style: style3
|
||
} = options;
|
||
if (val == null) {
|
||
return null;
|
||
}
|
||
if (themeKey === "typography" && val === "inherit") {
|
||
return {
|
||
[prop]: val
|
||
};
|
||
}
|
||
const themeMapping = getPath(theme, themeKey) || {};
|
||
if (style3) {
|
||
return style3(props);
|
||
}
|
||
const styleFromPropValue = (propValueFinal) => {
|
||
let value = getStyleValue(themeMapping, transform, propValueFinal);
|
||
if (propValueFinal === value && typeof propValueFinal === "string") {
|
||
value = getStyleValue(themeMapping, transform, `${prop}${propValueFinal === "default" ? "" : capitalize(propValueFinal)}`, propValueFinal);
|
||
}
|
||
if (cssProperty === false) {
|
||
return value;
|
||
}
|
||
return {
|
||
[cssProperty]: value
|
||
};
|
||
};
|
||
return handleBreakpoints(props, val, styleFromPropValue);
|
||
}
|
||
function styleFunctionSx2(props) {
|
||
var _theme$unstable_sxCon;
|
||
const {
|
||
sx,
|
||
theme = {},
|
||
nested
|
||
} = props || {};
|
||
if (!sx) {
|
||
return null;
|
||
}
|
||
const config = (_theme$unstable_sxCon = theme.unstable_sxConfig) != null ? _theme$unstable_sxCon : defaultSxConfig_default;
|
||
function traverse(sxInput) {
|
||
let sxObject = sxInput;
|
||
if (typeof sxInput === "function") {
|
||
sxObject = sxInput(theme);
|
||
} else if (typeof sxInput !== "object") {
|
||
return sxInput;
|
||
}
|
||
if (!sxObject) {
|
||
return null;
|
||
}
|
||
const emptyBreakpoints = createEmptyBreakpointObject(theme.breakpoints);
|
||
const breakpointsKeys = Object.keys(emptyBreakpoints);
|
||
let css2 = emptyBreakpoints;
|
||
Object.keys(sxObject).forEach((styleKey) => {
|
||
const value = callIfFn(sxObject[styleKey], theme);
|
||
if (value !== null && value !== void 0) {
|
||
if (typeof value === "object") {
|
||
if (config[styleKey]) {
|
||
css2 = merge_default(css2, getThemeValue(styleKey, value, theme, config));
|
||
} else {
|
||
const breakpointsValues = handleBreakpoints({
|
||
theme
|
||
}, value, (x) => ({
|
||
[styleKey]: x
|
||
}));
|
||
if (objectsHaveSameKeys(breakpointsValues, value)) {
|
||
css2[styleKey] = styleFunctionSx2({
|
||
sx: value,
|
||
theme,
|
||
nested: true
|
||
});
|
||
} else {
|
||
css2 = merge_default(css2, breakpointsValues);
|
||
}
|
||
}
|
||
} else {
|
||
css2 = merge_default(css2, getThemeValue(styleKey, value, theme, config));
|
||
}
|
||
}
|
||
});
|
||
if (!nested && theme.modularCssLayers) {
|
||
return {
|
||
"@layer sx": removeUnusedBreakpoints(breakpointsKeys, css2)
|
||
};
|
||
}
|
||
return removeUnusedBreakpoints(breakpointsKeys, css2);
|
||
}
|
||
return Array.isArray(sx) ? sx.map(traverse) : traverse(sx);
|
||
}
|
||
return styleFunctionSx2;
|
||
}
|
||
var styleFunctionSx = unstable_createStyleFunctionSx();
|
||
styleFunctionSx.filterProps = ["sx"];
|
||
var styleFunctionSx_default = styleFunctionSx;
|
||
|
||
// node_modules/@mui/system/esm/styleFunctionSx/extendSxProp.js
|
||
init_extends();
|
||
init_deepmerge2();
|
||
var _excluded4 = ["sx"];
|
||
var splitProps = (props) => {
|
||
var _props$theme$unstable, _props$theme;
|
||
const result = {
|
||
systemProps: {},
|
||
otherProps: {}
|
||
};
|
||
const config = (_props$theme$unstable = props == null || (_props$theme = props.theme) == null ? void 0 : _props$theme.unstable_sxConfig) != null ? _props$theme$unstable : defaultSxConfig_default;
|
||
Object.keys(props).forEach((prop) => {
|
||
if (config[prop]) {
|
||
result.systemProps[prop] = props[prop];
|
||
} else {
|
||
result.otherProps[prop] = props[prop];
|
||
}
|
||
});
|
||
return result;
|
||
};
|
||
function extendSxProp(props) {
|
||
const {
|
||
sx: inSx
|
||
} = props, other = _objectWithoutPropertiesLoose(props, _excluded4);
|
||
const {
|
||
systemProps,
|
||
otherProps
|
||
} = splitProps(other);
|
||
let finalSx;
|
||
if (Array.isArray(inSx)) {
|
||
finalSx = [systemProps, ...inSx];
|
||
} else if (typeof inSx === "function") {
|
||
finalSx = (...args) => {
|
||
const result = inSx(...args);
|
||
if (!isPlainObject(result)) {
|
||
return systemProps;
|
||
}
|
||
return _extends({}, systemProps, result);
|
||
};
|
||
} else {
|
||
finalSx = _extends({}, systemProps, inSx);
|
||
}
|
||
return _extends({}, otherProps, {
|
||
sx: finalSx
|
||
});
|
||
}
|
||
|
||
// node_modules/@mui/system/esm/createTheme/createTheme.js
|
||
init_extends();
|
||
init_deepmerge2();
|
||
|
||
// node_modules/@mui/system/esm/createTheme/createBreakpoints.js
|
||
init_extends();
|
||
var _excluded5 = ["values", "unit", "step"];
|
||
var sortBreakpointsValues = (values2) => {
|
||
const breakpointsAsArray = Object.keys(values2).map((key) => ({
|
||
key,
|
||
val: values2[key]
|
||
})) || [];
|
||
breakpointsAsArray.sort((breakpoint1, breakpoint2) => breakpoint1.val - breakpoint2.val);
|
||
return breakpointsAsArray.reduce((acc, obj) => {
|
||
return _extends({}, acc, {
|
||
[obj.key]: obj.val
|
||
});
|
||
}, {});
|
||
};
|
||
function createBreakpoints(breakpoints) {
|
||
const {
|
||
// The breakpoint **start** at this value.
|
||
// For instance with the first breakpoint xs: [xs, sm).
|
||
values: values2 = {
|
||
xs: 0,
|
||
// phone
|
||
sm: 600,
|
||
// tablet
|
||
md: 900,
|
||
// small laptop
|
||
lg: 1200,
|
||
// desktop
|
||
xl: 1536
|
||
// large screen
|
||
},
|
||
unit = "px",
|
||
step = 5
|
||
} = breakpoints, other = _objectWithoutPropertiesLoose(breakpoints, _excluded5);
|
||
const sortedValues = sortBreakpointsValues(values2);
|
||
const keys = Object.keys(sortedValues);
|
||
function up(key) {
|
||
const value = typeof values2[key] === "number" ? values2[key] : key;
|
||
return `@media (min-width:${value}${unit})`;
|
||
}
|
||
function down(key) {
|
||
const value = typeof values2[key] === "number" ? values2[key] : key;
|
||
return `@media (max-width:${value - step / 100}${unit})`;
|
||
}
|
||
function between(start, end) {
|
||
const endIndex = keys.indexOf(end);
|
||
return `@media (min-width:${typeof values2[start] === "number" ? values2[start] : start}${unit}) and (max-width:${(endIndex !== -1 && typeof values2[keys[endIndex]] === "number" ? values2[keys[endIndex]] : end) - step / 100}${unit})`;
|
||
}
|
||
function only(key) {
|
||
if (keys.indexOf(key) + 1 < keys.length) {
|
||
return between(key, keys[keys.indexOf(key) + 1]);
|
||
}
|
||
return up(key);
|
||
}
|
||
function not(key) {
|
||
const keyIndex = keys.indexOf(key);
|
||
if (keyIndex === 0) {
|
||
return up(keys[1]);
|
||
}
|
||
if (keyIndex === keys.length - 1) {
|
||
return down(keys[keyIndex]);
|
||
}
|
||
return between(key, keys[keys.indexOf(key) + 1]).replace("@media", "@media not all and");
|
||
}
|
||
return _extends({
|
||
keys,
|
||
values: sortedValues,
|
||
up,
|
||
down,
|
||
between,
|
||
only,
|
||
not,
|
||
unit
|
||
}, other);
|
||
}
|
||
|
||
// node_modules/@mui/system/esm/createTheme/shape.js
|
||
var shape = {
|
||
borderRadius: 4
|
||
};
|
||
var shape_default = shape;
|
||
|
||
// node_modules/@mui/system/esm/createTheme/createSpacing.js
|
||
function createSpacing(spacingInput = 8) {
|
||
if (spacingInput.mui) {
|
||
return spacingInput;
|
||
}
|
||
const transform = createUnarySpacing({
|
||
spacing: spacingInput
|
||
});
|
||
const spacing2 = (...argsInput) => {
|
||
if (true) {
|
||
if (!(argsInput.length <= 4)) {
|
||
console.error(`MUI: Too many arguments provided, expected between 0 and 4, got ${argsInput.length}`);
|
||
}
|
||
}
|
||
const args = argsInput.length === 0 ? [1] : argsInput;
|
||
return args.map((argument) => {
|
||
const output = transform(argument);
|
||
return typeof output === "number" ? `${output}px` : output;
|
||
}).join(" ");
|
||
};
|
||
spacing2.mui = true;
|
||
return spacing2;
|
||
}
|
||
|
||
// node_modules/@mui/system/esm/createTheme/applyStyles.js
|
||
function applyStyles(key, styles) {
|
||
const theme = this;
|
||
if (theme.vars && typeof theme.getColorSchemeSelector === "function") {
|
||
const selector = theme.getColorSchemeSelector(key).replace(/(\[[^\]]+\])/, "*:where($1)");
|
||
return {
|
||
[selector]: styles
|
||
};
|
||
}
|
||
if (theme.palette.mode === key) {
|
||
return styles;
|
||
}
|
||
return {};
|
||
}
|
||
|
||
// node_modules/@mui/system/esm/createTheme/createTheme.js
|
||
var _excluded6 = ["breakpoints", "palette", "spacing", "shape"];
|
||
function createTheme(options = {}, ...args) {
|
||
const {
|
||
breakpoints: breakpointsInput = {},
|
||
palette: paletteInput = {},
|
||
spacing: spacingInput,
|
||
shape: shapeInput = {}
|
||
} = options, other = _objectWithoutPropertiesLoose(options, _excluded6);
|
||
const breakpoints = createBreakpoints(breakpointsInput);
|
||
const spacing2 = createSpacing(spacingInput);
|
||
let muiTheme = deepmerge({
|
||
breakpoints,
|
||
direction: "ltr",
|
||
components: {},
|
||
// Inject component definitions.
|
||
palette: _extends({
|
||
mode: "light"
|
||
}, paletteInput),
|
||
spacing: spacing2,
|
||
shape: _extends({}, shape_default, shapeInput)
|
||
}, other);
|
||
muiTheme.applyStyles = applyStyles;
|
||
muiTheme = args.reduce((acc, argument) => deepmerge(acc, argument), muiTheme);
|
||
muiTheme.unstable_sxConfig = _extends({}, defaultSxConfig_default, other == null ? void 0 : other.unstable_sxConfig);
|
||
muiTheme.unstable_sx = function sx(props) {
|
||
return styleFunctionSx_default({
|
||
sx: props,
|
||
theme: this
|
||
});
|
||
};
|
||
return muiTheme;
|
||
}
|
||
var createTheme_default = createTheme;
|
||
|
||
// node_modules/@mui/material/styles/createPalette.js
|
||
init_extends();
|
||
init_formatMuiErrorMessage2();
|
||
init_deepmerge2();
|
||
var import_colorManipulator = __toESM(require_colorManipulator());
|
||
|
||
// node_modules/@mui/material/colors/common.js
|
||
var common = {
|
||
black: "#000",
|
||
white: "#fff"
|
||
};
|
||
var common_default = common;
|
||
|
||
// node_modules/@mui/material/colors/grey.js
|
||
var grey = {
|
||
50: "#fafafa",
|
||
100: "#f5f5f5",
|
||
200: "#eeeeee",
|
||
300: "#e0e0e0",
|
||
400: "#bdbdbd",
|
||
500: "#9e9e9e",
|
||
600: "#757575",
|
||
700: "#616161",
|
||
800: "#424242",
|
||
900: "#212121",
|
||
A100: "#f5f5f5",
|
||
A200: "#eeeeee",
|
||
A400: "#bdbdbd",
|
||
A700: "#616161"
|
||
};
|
||
var grey_default = grey;
|
||
|
||
// node_modules/@mui/material/colors/purple.js
|
||
var purple = {
|
||
50: "#f3e5f5",
|
||
100: "#e1bee7",
|
||
200: "#ce93d8",
|
||
300: "#ba68c8",
|
||
400: "#ab47bc",
|
||
500: "#9c27b0",
|
||
600: "#8e24aa",
|
||
700: "#7b1fa2",
|
||
800: "#6a1b9a",
|
||
900: "#4a148c",
|
||
A100: "#ea80fc",
|
||
A200: "#e040fb",
|
||
A400: "#d500f9",
|
||
A700: "#aa00ff"
|
||
};
|
||
var purple_default = purple;
|
||
|
||
// node_modules/@mui/material/colors/red.js
|
||
var red = {
|
||
50: "#ffebee",
|
||
100: "#ffcdd2",
|
||
200: "#ef9a9a",
|
||
300: "#e57373",
|
||
400: "#ef5350",
|
||
500: "#f44336",
|
||
600: "#e53935",
|
||
700: "#d32f2f",
|
||
800: "#c62828",
|
||
900: "#b71c1c",
|
||
A100: "#ff8a80",
|
||
A200: "#ff5252",
|
||
A400: "#ff1744",
|
||
A700: "#d50000"
|
||
};
|
||
var red_default = red;
|
||
|
||
// node_modules/@mui/material/colors/orange.js
|
||
var orange = {
|
||
50: "#fff3e0",
|
||
100: "#ffe0b2",
|
||
200: "#ffcc80",
|
||
300: "#ffb74d",
|
||
400: "#ffa726",
|
||
500: "#ff9800",
|
||
600: "#fb8c00",
|
||
700: "#f57c00",
|
||
800: "#ef6c00",
|
||
900: "#e65100",
|
||
A100: "#ffd180",
|
||
A200: "#ffab40",
|
||
A400: "#ff9100",
|
||
A700: "#ff6d00"
|
||
};
|
||
var orange_default = orange;
|
||
|
||
// node_modules/@mui/material/colors/blue.js
|
||
var blue = {
|
||
50: "#e3f2fd",
|
||
100: "#bbdefb",
|
||
200: "#90caf9",
|
||
300: "#64b5f6",
|
||
400: "#42a5f5",
|
||
500: "#2196f3",
|
||
600: "#1e88e5",
|
||
700: "#1976d2",
|
||
800: "#1565c0",
|
||
900: "#0d47a1",
|
||
A100: "#82b1ff",
|
||
A200: "#448aff",
|
||
A400: "#2979ff",
|
||
A700: "#2962ff"
|
||
};
|
||
var blue_default = blue;
|
||
|
||
// node_modules/@mui/material/colors/lightBlue.js
|
||
var lightBlue = {
|
||
50: "#e1f5fe",
|
||
100: "#b3e5fc",
|
||
200: "#81d4fa",
|
||
300: "#4fc3f7",
|
||
400: "#29b6f6",
|
||
500: "#03a9f4",
|
||
600: "#039be5",
|
||
700: "#0288d1",
|
||
800: "#0277bd",
|
||
900: "#01579b",
|
||
A100: "#80d8ff",
|
||
A200: "#40c4ff",
|
||
A400: "#00b0ff",
|
||
A700: "#0091ea"
|
||
};
|
||
var lightBlue_default = lightBlue;
|
||
|
||
// node_modules/@mui/material/colors/green.js
|
||
var green = {
|
||
50: "#e8f5e9",
|
||
100: "#c8e6c9",
|
||
200: "#a5d6a7",
|
||
300: "#81c784",
|
||
400: "#66bb6a",
|
||
500: "#4caf50",
|
||
600: "#43a047",
|
||
700: "#388e3c",
|
||
800: "#2e7d32",
|
||
900: "#1b5e20",
|
||
A100: "#b9f6ca",
|
||
A200: "#69f0ae",
|
||
A400: "#00e676",
|
||
A700: "#00c853"
|
||
};
|
||
var green_default = green;
|
||
|
||
// node_modules/@mui/material/styles/createPalette.js
|
||
var _excluded7 = ["mode", "contrastThreshold", "tonalOffset"];
|
||
var light = {
|
||
// The colors used to style the text.
|
||
text: {
|
||
// The most important text.
|
||
primary: "rgba(0, 0, 0, 0.87)",
|
||
// Secondary text.
|
||
secondary: "rgba(0, 0, 0, 0.6)",
|
||
// Disabled text have even lower visual prominence.
|
||
disabled: "rgba(0, 0, 0, 0.38)"
|
||
},
|
||
// The color used to divide different elements.
|
||
divider: "rgba(0, 0, 0, 0.12)",
|
||
// The background colors used to style the surfaces.
|
||
// Consistency between these values is important.
|
||
background: {
|
||
paper: common_default.white,
|
||
default: common_default.white
|
||
},
|
||
// The colors used to style the action elements.
|
||
action: {
|
||
// The color of an active action like an icon button.
|
||
active: "rgba(0, 0, 0, 0.54)",
|
||
// The color of an hovered action.
|
||
hover: "rgba(0, 0, 0, 0.04)",
|
||
hoverOpacity: 0.04,
|
||
// The color of a selected action.
|
||
selected: "rgba(0, 0, 0, 0.08)",
|
||
selectedOpacity: 0.08,
|
||
// The color of a disabled action.
|
||
disabled: "rgba(0, 0, 0, 0.26)",
|
||
// The background color of a disabled action.
|
||
disabledBackground: "rgba(0, 0, 0, 0.12)",
|
||
disabledOpacity: 0.38,
|
||
focus: "rgba(0, 0, 0, 0.12)",
|
||
focusOpacity: 0.12,
|
||
activatedOpacity: 0.12
|
||
}
|
||
};
|
||
var dark = {
|
||
text: {
|
||
primary: common_default.white,
|
||
secondary: "rgba(255, 255, 255, 0.7)",
|
||
disabled: "rgba(255, 255, 255, 0.5)",
|
||
icon: "rgba(255, 255, 255, 0.5)"
|
||
},
|
||
divider: "rgba(255, 255, 255, 0.12)",
|
||
background: {
|
||
paper: "#121212",
|
||
default: "#121212"
|
||
},
|
||
action: {
|
||
active: common_default.white,
|
||
hover: "rgba(255, 255, 255, 0.08)",
|
||
hoverOpacity: 0.08,
|
||
selected: "rgba(255, 255, 255, 0.16)",
|
||
selectedOpacity: 0.16,
|
||
disabled: "rgba(255, 255, 255, 0.3)",
|
||
disabledBackground: "rgba(255, 255, 255, 0.12)",
|
||
disabledOpacity: 0.38,
|
||
focus: "rgba(255, 255, 255, 0.12)",
|
||
focusOpacity: 0.12,
|
||
activatedOpacity: 0.24
|
||
}
|
||
};
|
||
function addLightOrDark(intent, direction, shade, tonalOffset) {
|
||
const tonalOffsetLight = tonalOffset.light || tonalOffset;
|
||
const tonalOffsetDark = tonalOffset.dark || tonalOffset * 1.5;
|
||
if (!intent[direction]) {
|
||
if (intent.hasOwnProperty(shade)) {
|
||
intent[direction] = intent[shade];
|
||
} else if (direction === "light") {
|
||
intent.light = (0, import_colorManipulator.lighten)(intent.main, tonalOffsetLight);
|
||
} else if (direction === "dark") {
|
||
intent.dark = (0, import_colorManipulator.darken)(intent.main, tonalOffsetDark);
|
||
}
|
||
}
|
||
}
|
||
function getDefaultPrimary(mode = "light") {
|
||
if (mode === "dark") {
|
||
return {
|
||
main: blue_default[200],
|
||
light: blue_default[50],
|
||
dark: blue_default[400]
|
||
};
|
||
}
|
||
return {
|
||
main: blue_default[700],
|
||
light: blue_default[400],
|
||
dark: blue_default[800]
|
||
};
|
||
}
|
||
function getDefaultSecondary(mode = "light") {
|
||
if (mode === "dark") {
|
||
return {
|
||
main: purple_default[200],
|
||
light: purple_default[50],
|
||
dark: purple_default[400]
|
||
};
|
||
}
|
||
return {
|
||
main: purple_default[500],
|
||
light: purple_default[300],
|
||
dark: purple_default[700]
|
||
};
|
||
}
|
||
function getDefaultError(mode = "light") {
|
||
if (mode === "dark") {
|
||
return {
|
||
main: red_default[500],
|
||
light: red_default[300],
|
||
dark: red_default[700]
|
||
};
|
||
}
|
||
return {
|
||
main: red_default[700],
|
||
light: red_default[400],
|
||
dark: red_default[800]
|
||
};
|
||
}
|
||
function getDefaultInfo(mode = "light") {
|
||
if (mode === "dark") {
|
||
return {
|
||
main: lightBlue_default[400],
|
||
light: lightBlue_default[300],
|
||
dark: lightBlue_default[700]
|
||
};
|
||
}
|
||
return {
|
||
main: lightBlue_default[700],
|
||
light: lightBlue_default[500],
|
||
dark: lightBlue_default[900]
|
||
};
|
||
}
|
||
function getDefaultSuccess(mode = "light") {
|
||
if (mode === "dark") {
|
||
return {
|
||
main: green_default[400],
|
||
light: green_default[300],
|
||
dark: green_default[700]
|
||
};
|
||
}
|
||
return {
|
||
main: green_default[800],
|
||
light: green_default[500],
|
||
dark: green_default[900]
|
||
};
|
||
}
|
||
function getDefaultWarning(mode = "light") {
|
||
if (mode === "dark") {
|
||
return {
|
||
main: orange_default[400],
|
||
light: orange_default[300],
|
||
dark: orange_default[700]
|
||
};
|
||
}
|
||
return {
|
||
main: "#ed6c02",
|
||
// closest to orange[800] that pass 3:1.
|
||
light: orange_default[500],
|
||
dark: orange_default[900]
|
||
};
|
||
}
|
||
function createPalette(palette2) {
|
||
const {
|
||
mode = "light",
|
||
contrastThreshold = 3,
|
||
tonalOffset = 0.2
|
||
} = palette2, other = _objectWithoutPropertiesLoose(palette2, _excluded7);
|
||
const primary = palette2.primary || getDefaultPrimary(mode);
|
||
const secondary = palette2.secondary || getDefaultSecondary(mode);
|
||
const error = palette2.error || getDefaultError(mode);
|
||
const info = palette2.info || getDefaultInfo(mode);
|
||
const success = palette2.success || getDefaultSuccess(mode);
|
||
const warning = palette2.warning || getDefaultWarning(mode);
|
||
function getContrastText(background) {
|
||
const contrastText = (0, import_colorManipulator.getContrastRatio)(background, dark.text.primary) >= contrastThreshold ? dark.text.primary : light.text.primary;
|
||
if (true) {
|
||
const contrast = (0, import_colorManipulator.getContrastRatio)(background, contrastText);
|
||
if (contrast < 3) {
|
||
console.error([`MUI: The contrast ratio of ${contrast}:1 for ${contrastText} on ${background}`, "falls below the WCAG recommended absolute minimum contrast ratio of 3:1.", "https://www.w3.org/TR/2008/REC-WCAG20-20081211/#visual-audio-contrast-contrast"].join("\n"));
|
||
}
|
||
}
|
||
return contrastText;
|
||
}
|
||
const augmentColor = ({
|
||
color: color2,
|
||
name,
|
||
mainShade = 500,
|
||
lightShade = 300,
|
||
darkShade = 700
|
||
}) => {
|
||
color2 = _extends({}, color2);
|
||
if (!color2.main && color2[mainShade]) {
|
||
color2.main = color2[mainShade];
|
||
}
|
||
if (!color2.hasOwnProperty("main")) {
|
||
throw new Error(true ? `MUI: The color${name ? ` (${name})` : ""} provided to augmentColor(color) is invalid.
|
||
The color object needs to have a \`main\` property or a \`${mainShade}\` property.` : formatMuiErrorMessage(11, name ? ` (${name})` : "", mainShade));
|
||
}
|
||
if (typeof color2.main !== "string") {
|
||
throw new Error(true ? `MUI: The color${name ? ` (${name})` : ""} provided to augmentColor(color) is invalid.
|
||
\`color.main\` should be a string, but \`${JSON.stringify(color2.main)}\` was provided instead.
|
||
|
||
Did you intend to use one of the following approaches?
|
||
|
||
import { green } from "@mui/material/colors";
|
||
|
||
const theme1 = createTheme({ palette: {
|
||
primary: green,
|
||
} });
|
||
|
||
const theme2 = createTheme({ palette: {
|
||
primary: { main: green[500] },
|
||
} });` : formatMuiErrorMessage(12, name ? ` (${name})` : "", JSON.stringify(color2.main)));
|
||
}
|
||
addLightOrDark(color2, "light", lightShade, tonalOffset);
|
||
addLightOrDark(color2, "dark", darkShade, tonalOffset);
|
||
if (!color2.contrastText) {
|
||
color2.contrastText = getContrastText(color2.main);
|
||
}
|
||
return color2;
|
||
};
|
||
const modes = {
|
||
dark,
|
||
light
|
||
};
|
||
if (true) {
|
||
if (!modes[mode]) {
|
||
console.error(`MUI: The palette mode \`${mode}\` is not supported.`);
|
||
}
|
||
}
|
||
const paletteOutput = deepmerge(_extends({
|
||
// A collection of common colors.
|
||
common: _extends({}, common_default),
|
||
// prevent mutable object.
|
||
// The palette mode, can be light or dark.
|
||
mode,
|
||
// The colors used to represent primary interface elements for a user.
|
||
primary: augmentColor({
|
||
color: primary,
|
||
name: "primary"
|
||
}),
|
||
// The colors used to represent secondary interface elements for a user.
|
||
secondary: augmentColor({
|
||
color: secondary,
|
||
name: "secondary",
|
||
mainShade: "A400",
|
||
lightShade: "A200",
|
||
darkShade: "A700"
|
||
}),
|
||
// The colors used to represent interface elements that the user should be made aware of.
|
||
error: augmentColor({
|
||
color: error,
|
||
name: "error"
|
||
}),
|
||
// The colors used to represent potentially dangerous actions or important messages.
|
||
warning: augmentColor({
|
||
color: warning,
|
||
name: "warning"
|
||
}),
|
||
// The colors used to present information to the user that is neutral and not necessarily important.
|
||
info: augmentColor({
|
||
color: info,
|
||
name: "info"
|
||
}),
|
||
// The colors used to indicate the successful completion of an action that user triggered.
|
||
success: augmentColor({
|
||
color: success,
|
||
name: "success"
|
||
}),
|
||
// The grey colors.
|
||
grey: grey_default,
|
||
// Used by `getContrastText()` to maximize the contrast between
|
||
// the background and the text.
|
||
contrastThreshold,
|
||
// Takes a background color and returns the text color that maximizes the contrast.
|
||
getContrastText,
|
||
// Generate a rich color object.
|
||
augmentColor,
|
||
// Used by the functions below to shift a color's luminance by approximately
|
||
// two indexes within its tonal palette.
|
||
// E.g., shift from Red 500 to Red 300 or Red 700.
|
||
tonalOffset
|
||
}, modes[mode]), other);
|
||
return paletteOutput;
|
||
}
|
||
|
||
// node_modules/@mui/material/styles/shadows.js
|
||
var shadowKeyUmbraOpacity = 0.2;
|
||
var shadowKeyPenumbraOpacity = 0.14;
|
||
var shadowAmbientShadowOpacity = 0.12;
|
||
function createShadow(...px) {
|
||
return [`${px[0]}px ${px[1]}px ${px[2]}px ${px[3]}px rgba(0,0,0,${shadowKeyUmbraOpacity})`, `${px[4]}px ${px[5]}px ${px[6]}px ${px[7]}px rgba(0,0,0,${shadowKeyPenumbraOpacity})`, `${px[8]}px ${px[9]}px ${px[10]}px ${px[11]}px rgba(0,0,0,${shadowAmbientShadowOpacity})`].join(",");
|
||
}
|
||
var shadows = ["none", createShadow(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), createShadow(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), createShadow(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), createShadow(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), createShadow(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), createShadow(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), createShadow(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), createShadow(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), createShadow(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), createShadow(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), createShadow(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), createShadow(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), createShadow(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), createShadow(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), createShadow(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), createShadow(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), createShadow(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), createShadow(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), createShadow(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), createShadow(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), createShadow(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), createShadow(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), createShadow(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), createShadow(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)];
|
||
var shadows_default = shadows;
|
||
|
||
// node_modules/@mui/material/styles/zIndex.js
|
||
var zIndex = {
|
||
mobileStepper: 1e3,
|
||
fab: 1050,
|
||
speedDial: 1050,
|
||
appBar: 1100,
|
||
drawer: 1200,
|
||
modal: 1300,
|
||
snackbar: 1400,
|
||
tooltip: 1500
|
||
};
|
||
var zIndex_default = zIndex;
|
||
|
||
// node_modules/@mui/material/styles/createTheme.js
|
||
var _excluded8 = ["breakpoints", "mixins", "spacing", "palette", "transitions", "typography", "shape"];
|
||
function createTheme2(options = {}, ...args) {
|
||
const {
|
||
mixins: mixinsInput = {},
|
||
palette: paletteInput = {},
|
||
transitions: transitionsInput = {},
|
||
typography: typographyInput = {}
|
||
} = options, other = _objectWithoutPropertiesLoose(options, _excluded8);
|
||
if (options.vars && // The error should throw only for the root theme creation because user is not allowed to use a custom node `vars`.
|
||
// `generateCssVars` is the closest identifier for checking that the `options` is a result of `extendTheme` with CSS variables so that user can create new theme for nested ThemeProvider.
|
||
options.generateCssVars === void 0) {
|
||
throw new Error(true ? `MUI: \`vars\` is a private field used for CSS variables support.
|
||
Please use another name.` : formatMuiErrorMessage(18));
|
||
}
|
||
const palette2 = createPalette(paletteInput);
|
||
const systemTheme = createTheme_default(options);
|
||
let muiTheme = deepmerge(systemTheme, {
|
||
mixins: createMixins(systemTheme.breakpoints, mixinsInput),
|
||
palette: palette2,
|
||
// Don't use [...shadows] until you've verified its transpiled code is not invoking the iterator protocol.
|
||
shadows: shadows_default.slice(),
|
||
typography: createTypography(palette2, typographyInput),
|
||
transitions: createTransitions(transitionsInput),
|
||
zIndex: _extends({}, zIndex_default)
|
||
});
|
||
muiTheme = deepmerge(muiTheme, other);
|
||
muiTheme = args.reduce((acc, argument) => deepmerge(acc, argument), muiTheme);
|
||
if (true) {
|
||
const stateClasses = ["active", "checked", "completed", "disabled", "error", "expanded", "focused", "focusVisible", "required", "selected"];
|
||
const traverse = (node2, component) => {
|
||
let key;
|
||
for (key in node2) {
|
||
const child = node2[key];
|
||
if (stateClasses.indexOf(key) !== -1 && Object.keys(child).length > 0) {
|
||
if (true) {
|
||
const stateClass = generateUtilityClass("", key);
|
||
console.error([`MUI: The \`${component}\` component increases the CSS specificity of the \`${key}\` internal state.`, "You can not override it like this: ", JSON.stringify(node2, null, 2), "", `Instead, you need to use the '&.${stateClass}' syntax:`, JSON.stringify({
|
||
root: {
|
||
[`&.${stateClass}`]: child
|
||
}
|
||
}, null, 2), "", "https://mui.com/r/state-classes-guide"].join("\n"));
|
||
}
|
||
node2[key] = {};
|
||
}
|
||
}
|
||
};
|
||
Object.keys(muiTheme.components).forEach((component) => {
|
||
const styleOverrides = muiTheme.components[component].styleOverrides;
|
||
if (styleOverrides && component.indexOf("Mui") === 0) {
|
||
traverse(styleOverrides, component);
|
||
}
|
||
});
|
||
}
|
||
muiTheme.unstable_sxConfig = _extends({}, defaultSxConfig_default, other == null ? void 0 : other.unstable_sxConfig);
|
||
muiTheme.unstable_sx = function sx(props) {
|
||
return styleFunctionSx_default({
|
||
sx: props,
|
||
theme: this
|
||
});
|
||
};
|
||
return muiTheme;
|
||
}
|
||
var warnedOnce = false;
|
||
function createMuiTheme(...args) {
|
||
if (true) {
|
||
if (!warnedOnce) {
|
||
warnedOnce = true;
|
||
console.error(["MUI: the createMuiTheme function was renamed to createTheme.", "", "You should use `import { createTheme } from '@mui/material/styles'`"].join("\n"));
|
||
}
|
||
}
|
||
return createTheme2(...args);
|
||
}
|
||
var createTheme_default2 = createTheme2;
|
||
|
||
// node_modules/@mui/material/styles/defaultTheme.js
|
||
var defaultTheme = createTheme_default2();
|
||
var defaultTheme_default = defaultTheme;
|
||
|
||
// node_modules/@mui/system/esm/DefaultPropsProvider/DefaultPropsProvider.js
|
||
var React20 = __toESM(require_react());
|
||
var import_prop_types8 = __toESM(require_prop_types());
|
||
var import_jsx_runtime3 = __toESM(require_jsx_runtime());
|
||
var PropsContext = React20.createContext(void 0);
|
||
function DefaultPropsProvider({
|
||
value,
|
||
children
|
||
}) {
|
||
return (0, import_jsx_runtime3.jsx)(PropsContext.Provider, {
|
||
value,
|
||
children
|
||
});
|
||
}
|
||
true ? DefaultPropsProvider.propTypes = {
|
||
// ┌────────────────────────────── Warning ──────────────────────────────┐
|
||
// │ These PropTypes are generated from the TypeScript type definitions. │
|
||
// │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
|
||
// └─────────────────────────────────────────────────────────────────────┘
|
||
/**
|
||
* @ignore
|
||
*/
|
||
children: import_prop_types8.default.node,
|
||
/**
|
||
* @ignore
|
||
*/
|
||
value: import_prop_types8.default.object
|
||
} : void 0;
|
||
function getThemeProps(params) {
|
||
const {
|
||
theme,
|
||
name,
|
||
props
|
||
} = params;
|
||
if (!theme || !theme.components || !theme.components[name]) {
|
||
return props;
|
||
}
|
||
const config = theme.components[name];
|
||
if (config.defaultProps) {
|
||
return resolveProps(config.defaultProps, props);
|
||
}
|
||
if (!config.styleOverrides && !config.variants) {
|
||
return resolveProps(config, props);
|
||
}
|
||
return props;
|
||
}
|
||
function useDefaultProps({
|
||
props,
|
||
name
|
||
}) {
|
||
const ctx = React20.useContext(PropsContext);
|
||
return getThemeProps({
|
||
props,
|
||
name,
|
||
theme: {
|
||
components: ctx
|
||
}
|
||
});
|
||
}
|
||
var DefaultPropsProvider_default = DefaultPropsProvider;
|
||
|
||
export {
|
||
common_default,
|
||
red_default,
|
||
purple_default,
|
||
blue_default,
|
||
lightBlue_default,
|
||
green_default,
|
||
orange_default,
|
||
grey_default,
|
||
init_formatMuiErrorMessage2 as init_formatMuiErrorMessage,
|
||
identifier_default,
|
||
_extends,
|
||
init_extends,
|
||
_objectWithoutPropertiesLoose,
|
||
ThemeContext,
|
||
css,
|
||
keyframes,
|
||
require_prop_types,
|
||
StyledEngineProvider,
|
||
GlobalStyles,
|
||
styled2 as styled,
|
||
internal_processStyles,
|
||
internal_serializeStyles,
|
||
styled_engine_exports,
|
||
init_styled_engine,
|
||
isPlainObject,
|
||
deepmerge,
|
||
deepmerge_exports,
|
||
init_deepmerge2 as init_deepmerge,
|
||
createBreakpoints,
|
||
handleBreakpoints,
|
||
mergeBreakpointsInOrder,
|
||
resolveBreakpointValues,
|
||
capitalize,
|
||
capitalize_exports,
|
||
init_capitalize2 as init_capitalize,
|
||
getPath,
|
||
style_default,
|
||
createUnarySpacing,
|
||
getValue,
|
||
spacing_default,
|
||
createSpacing,
|
||
compose_default,
|
||
borders_default,
|
||
cssGrid_default,
|
||
palette_default,
|
||
sizing_default,
|
||
defaultSxConfig_default,
|
||
styleFunctionSx_default,
|
||
createTheme_default,
|
||
extendSxProp,
|
||
ClassNameGenerator_default,
|
||
clsx_default,
|
||
generateUtilityClass,
|
||
generateUtilityClasses,
|
||
require_react_is3 as require_react_is,
|
||
getDisplayName,
|
||
getDisplayName_exports,
|
||
init_getDisplayName2 as init_getDisplayName,
|
||
resolveProps,
|
||
useEnhancedEffect_default,
|
||
clamp_default,
|
||
init_clamp2 as init_clamp,
|
||
chainPropTypes,
|
||
elementAcceptingRef_default,
|
||
elementTypeAcceptingRef_default,
|
||
exactProp,
|
||
HTMLElementType,
|
||
refType_default,
|
||
createChainedFunction,
|
||
debounce,
|
||
deprecatedPropType,
|
||
isMuiElement,
|
||
ownerDocument,
|
||
ownerWindow,
|
||
requirePropFactory,
|
||
setRef,
|
||
useId,
|
||
unsupportedProp,
|
||
useControlled,
|
||
useEventCallback_default,
|
||
useForkRef,
|
||
Timeout,
|
||
useTimeout,
|
||
useIsFocusVisible,
|
||
getScrollbarSize,
|
||
detectScrollType,
|
||
getNormalizedScrollLeft,
|
||
usePreviousProps_default,
|
||
getValidReactChildren,
|
||
visuallyHidden_default,
|
||
integerPropType_default,
|
||
composeClasses,
|
||
isHostComponent_default,
|
||
appendOwnerState_default,
|
||
extractEventHandlers_default,
|
||
mergeSlotProps_default,
|
||
resolveComponentProps_default,
|
||
useSlotProps_default,
|
||
getReactElementRef,
|
||
useDefaultProps,
|
||
DefaultPropsProvider_default,
|
||
createMixins,
|
||
require_interopRequireDefault,
|
||
require_colorManipulator,
|
||
createTypography,
|
||
easing,
|
||
duration,
|
||
createMuiTheme,
|
||
createTheme_default2,
|
||
defaultTheme_default
|
||
};
|
||
/*! Bundled license information:
|
||
|
||
react-is/cjs/react-is.development.js:
|
||
(** @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.
|
||
*)
|
||
|
||
react-is/cjs/react-is.development.js:
|
||
(** @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.
|
||
*)
|
||
|
||
object-assign/index.js:
|
||
(*
|
||
object-assign
|
||
(c) Sindre Sorhus
|
||
@license MIT
|
||
*)
|
||
|
||
@mui/styled-engine/index.js:
|
||
(**
|
||
* @mui/styled-engine v5.18.0
|
||
*
|
||
* @license MIT
|
||
* This source code is licensed under the MIT license found in the
|
||
* LICENSE file in the root directory of this source tree.
|
||
*)
|
||
|
||
react-is/cjs/react-is.development.js:
|
||
(**
|
||
* @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.
|
||
*)
|
||
*/
|
||
//# sourceMappingURL=chunk-QLKRFDUE.js.map
|