@aussieljk/forkbook 0.0.1-2 → 0.0.1-4

package/dist/react-native-theming/index.js

@@ -1,2326 +1,55 @@
 import {
   curriedTransparentize$1
 } from "../_browser-chunks/chunk-S6TK43XQ.js";
-import {
-  _extends
-} from "../_browser-chunks/chunk-LE2LTDW3.js";
-import {
-  __commonJS,
-  __toESM
-} from "../_browser-chunks/chunk-IMSF75WX.js";
-
-// ../../node_modules/postcss-value-parser/lib/parse.js
-var require_parse = __commonJS({
-  "../../node_modules/postcss-value-parser/lib/parse.js"(exports, module) {
-    var openParentheses = 40, closeParentheses = 41, singleQuote = 39, doubleQuote = 34, backslash = 92, slash = 47, comma = 44, colon = 58, star = 42, uLower = 117, uUpper = 85, plus = 43, isUnicodeRange = /^[a-f0-9?-]+$/i;
-    module.exports = function(input) {
-      for (var tokens = [], value = input, next2, quote, prev2, token2, escape, escapePos, whitespacePos, parenthesesOpenPos, pos = 0, code = value.charCodeAt(pos), max = value.length, stack = [{ nodes: tokens }], balanced = 0, parent, name = "", before = "", after = ""; pos < max; )
-        if (code <= 32) {
-          next2 = pos;
-          do
-            next2 += 1, code = value.charCodeAt(next2);
-          while (code <= 32);
-          token2 = value.slice(pos, next2), prev2 = tokens[tokens.length - 1], code === closeParentheses && balanced ? after = token2 : prev2 && prev2.type === "div" ? (prev2.after = token2, prev2.sourceEndIndex += token2.length) : code === comma || code === colon || code === slash && value.charCodeAt(next2 + 1) !== star && (!parent || parent && parent.type === "function" && parent.value !== "calc") ? before = token2 : tokens.push({
-            type: "space",
-            sourceIndex: pos,
-            sourceEndIndex: next2,
-            value: token2
-          }), pos = next2;
-        } else if (code === singleQuote || code === doubleQuote) {
-          next2 = pos, quote = code === singleQuote ? "'" : '"', token2 = {
-            type: "string",
-            sourceIndex: pos,
-            quote
-          };
-          do
-            if (escape = !1, next2 = value.indexOf(quote, next2 + 1), ~next2)
-              for (escapePos = next2; value.charCodeAt(escapePos - 1) === backslash; )
-                escapePos -= 1, escape = !escape;
-            else
-              value += quote, next2 = value.length - 1, token2.unclosed = !0;
-          while (escape);
-          token2.value = value.slice(pos + 1, next2), token2.sourceEndIndex = token2.unclosed ? next2 : next2 + 1, tokens.push(token2), pos = next2 + 1, code = value.charCodeAt(pos);
-        } else if (code === slash && value.charCodeAt(pos + 1) === star)
-          next2 = value.indexOf("*/", pos), token2 = {
-            type: "comment",
-            sourceIndex: pos,
-            sourceEndIndex: next2 + 2
-          }, next2 === -1 && (token2.unclosed = !0, next2 = value.length, token2.sourceEndIndex = next2), token2.value = value.slice(pos + 2, next2), tokens.push(token2), pos = next2 + 2, code = value.charCodeAt(pos);
-        else if ((code === slash || code === star) && parent && parent.type === "function" && parent.value === "calc")
-          token2 = value[pos], tokens.push({
-            type: "word",
-            sourceIndex: pos - before.length,
-            sourceEndIndex: pos + token2.length,
-            value: token2
-          }), pos += 1, code = value.charCodeAt(pos);
-        else if (code === slash || code === comma || code === colon)
-          token2 = value[pos], tokens.push({
-            type: "div",
-            sourceIndex: pos - before.length,
-            sourceEndIndex: pos + token2.length,
-            value: token2,
-            before,
-            after: ""
-          }), before = "", pos += 1, code = value.charCodeAt(pos);
-        else if (openParentheses === code) {
-          next2 = pos;
-          do
-            next2 += 1, code = value.charCodeAt(next2);
-          while (code <= 32);
-          if (parenthesesOpenPos = pos, token2 = {
-            type: "function",
-            sourceIndex: pos - name.length,
-            value: name,
-            before: value.slice(parenthesesOpenPos + 1, next2)
-          }, pos = next2, name === "url" && code !== singleQuote && code !== doubleQuote) {
-            next2 -= 1;
-            do
-              if (escape = !1, next2 = value.indexOf(")", next2 + 1), ~next2)
-                for (escapePos = next2; value.charCodeAt(escapePos - 1) === backslash; )
-                  escapePos -= 1, escape = !escape;
-              else
-                value += ")", next2 = value.length - 1, token2.unclosed = !0;
-            while (escape);
-            whitespacePos = next2;
-            do
-              whitespacePos -= 1, code = value.charCodeAt(whitespacePos);
-            while (code <= 32);
-            parenthesesOpenPos < whitespacePos ? (pos !== whitespacePos + 1 ? token2.nodes = [
-              {
-                type: "word",
-                sourceIndex: pos,
-                sourceEndIndex: whitespacePos + 1,
-                value: value.slice(pos, whitespacePos + 1)
-              }
-            ] : token2.nodes = [], token2.unclosed && whitespacePos + 1 !== next2 ? (token2.after = "", token2.nodes.push({
-              type: "space",
-              sourceIndex: whitespacePos + 1,
-              sourceEndIndex: next2,
-              value: value.slice(whitespacePos + 1, next2)
-            })) : (token2.after = value.slice(whitespacePos + 1, next2), token2.sourceEndIndex = next2)) : (token2.after = "", token2.nodes = []), pos = next2 + 1, token2.sourceEndIndex = token2.unclosed ? next2 : pos, code = value.charCodeAt(pos), tokens.push(token2);
-          } else
-            balanced += 1, token2.after = "", token2.sourceEndIndex = pos + 1, tokens.push(token2), stack.push(token2), tokens = token2.nodes = [], parent = token2;
-          name = "";
-        } else if (closeParentheses === code && balanced)
-          pos += 1, code = value.charCodeAt(pos), parent.after = after, parent.sourceEndIndex += after.length, after = "", balanced -= 1, stack[stack.length - 1].sourceEndIndex = pos, stack.pop(), parent = stack[balanced], tokens = parent.nodes;
-        else {
-          next2 = pos;
-          do
-            code === backslash && (next2 += 1), next2 += 1, code = value.charCodeAt(next2);
-          while (next2 < max && !(code <= 32 || code === singleQuote || code === doubleQuote || code === comma || code === colon || code === slash || code === openParentheses || code === star && parent && parent.type === "function" && parent.value === "calc" || code === slash && parent.type === "function" && parent.value === "calc" || code === closeParentheses && balanced));
-          token2 = value.slice(pos, next2), openParentheses === code ? name = token2 : (uLower === token2.charCodeAt(0) || uUpper === token2.charCodeAt(0)) && plus === token2.charCodeAt(1) && isUnicodeRange.test(token2.slice(2)) ? tokens.push({
-            type: "unicode-range",
-            sourceIndex: pos,
-            sourceEndIndex: next2,
-            value: token2
-          }) : tokens.push({
-            type: "word",
-            sourceIndex: pos,
-            sourceEndIndex: next2,
-            value: token2
-          }), pos = next2;
-        }
-      for (pos = stack.length - 1; pos; pos -= 1)
-        stack[pos].unclosed = !0, stack[pos].sourceEndIndex = value.length;
-      return stack[0].nodes;
-    };
-  }
-});
-
-// ../../node_modules/postcss-value-parser/lib/walk.js
-var require_walk = __commonJS({
-  "../../node_modules/postcss-value-parser/lib/walk.js"(exports, module) {
-    module.exports = function walk(nodes, cb, bubble) {
-      var i, max, node2, result;
-      for (i = 0, max = nodes.length; i < max; i += 1)
-        node2 = nodes[i], bubble || (result = cb(node2, i, nodes)), result !== !1 && node2.type === "function" && Array.isArray(node2.nodes) && walk(node2.nodes, cb, bubble), bubble && cb(node2, i, nodes);
-    };
-  }
-});
-
-// ../../node_modules/postcss-value-parser/lib/stringify.js
-var require_stringify = __commonJS({
-  "../../node_modules/postcss-value-parser/lib/stringify.js"(exports, module) {
-    function stringifyNode(node2, custom) {
-      var type = node2.type, value = node2.value, buf, customResult;
-      return custom && (customResult = custom(node2)) !== void 0 ? customResult : type === "word" || type === "space" ? value : type === "string" ? (buf = node2.quote || "", buf + value + (node2.unclosed ? "" : buf)) : type === "comment" ? "/*" + value + (node2.unclosed ? "" : "*/") : type === "div" ? (node2.before || "") + value + (node2.after || "") : Array.isArray(node2.nodes) ? (buf = stringify2(node2.nodes, custom), type !== "function" ? buf : value + "(" + (node2.before || "") + buf + (node2.after || "") + (node2.unclosed ? "" : ")")) : value;
-    }
-    function stringify2(nodes, custom) {
-      var result, i;
-      if (Array.isArray(nodes)) {
-        for (result = "", i = nodes.length - 1; ~i; i -= 1)
-          result = stringifyNode(nodes[i], custom) + result;
-        return result;
-      }
-      return stringifyNode(nodes, custom);
-    }
-    module.exports = stringify2;
-  }
-});
-
-// ../../node_modules/postcss-value-parser/lib/unit.js
-var require_unit = __commonJS({
-  "../../node_modules/postcss-value-parser/lib/unit.js"(exports, module) {
-    var minus = 45, plus = 43, dot = 46, exp = 101, EXP = 69;
-    function likeNumber(value) {
-      var code = value.charCodeAt(0), nextCode;
-      if (code === plus || code === minus) {
-        if (nextCode = value.charCodeAt(1), nextCode >= 48 && nextCode <= 57)
-          return !0;
-        var nextNextCode = value.charCodeAt(2);
-        return nextCode === dot && nextNextCode >= 48 && nextNextCode <= 57;
-      }
-      return code === dot ? (nextCode = value.charCodeAt(1), nextCode >= 48 && nextCode <= 57) : code >= 48 && code <= 57;
-    }
-    module.exports = function(value) {
-      var pos = 0, length2 = value.length, code, nextCode, nextNextCode;
-      if (length2 === 0 || !likeNumber(value))
-        return !1;
-      for (code = value.charCodeAt(pos), (code === plus || code === minus) && pos++; pos < length2 && (code = value.charCodeAt(pos), !(code < 48 || code > 57)); )
-        pos += 1;
-      if (code = value.charCodeAt(pos), nextCode = value.charCodeAt(pos + 1), code === dot && nextCode >= 48 && nextCode <= 57)
-        for (pos += 2; pos < length2 && (code = value.charCodeAt(pos), !(code < 48 || code > 57)); )
-          pos += 1;
-      if (code = value.charCodeAt(pos), nextCode = value.charCodeAt(pos + 1), nextNextCode = value.charCodeAt(pos + 2), (code === exp || code === EXP) && (nextCode >= 48 && nextCode <= 57 || (nextCode === plus || nextCode === minus) && nextNextCode >= 48 && nextNextCode <= 57))
-        for (pos += nextCode === plus || nextCode === minus ? 3 : 2; pos < length2 && (code = value.charCodeAt(pos), !(code < 48 || code > 57)); )
-          pos += 1;
-      return {
-        number: value.slice(0, pos),
-        unit: value.slice(pos)
-      };
-    };
-  }
-});
-
-// ../../node_modules/postcss-value-parser/lib/index.js
-var require_lib = __commonJS({
-  "../../node_modules/postcss-value-parser/lib/index.js"(exports, module) {
-    var parse2 = require_parse(), walk = require_walk(), stringify2 = require_stringify();
-    function ValueParser(value) {
-      return this instanceof ValueParser ? (this.nodes = parse2(value), this) : new ValueParser(value);
-    }
-    ValueParser.prototype.toString = function() {
-      return Array.isArray(this.nodes) ? stringify2(this.nodes) : "";
-    };
-    ValueParser.prototype.walk = function(cb, bubble) {
-      return walk(this.nodes, cb, bubble), this;
-    };
-    ValueParser.unit = require_unit();
-    ValueParser.walk = walk;
-    ValueParser.stringify = stringify2;
-    module.exports = ValueParser;
-  }
-});
-
-// ../../node_modules/camelize/index.js
-var require_camelize = __commonJS({
-  "../../node_modules/camelize/index.js"(exports, module) {
-    "use strict";
-    module.exports = function(obj) {
-      return typeof obj == "string" ? camelCase(obj) : walk(obj);
-    };
-    function walk(obj) {
-      return !obj || typeof obj != "object" || isDate(obj) || isRegex(obj) ? obj : isArray(obj) ? map(obj, walk) : reduce(objectKeys(obj), function(acc, key) {
-        var camel = camelCase(key);
-        return acc[camel] = walk(obj[key]), acc;
-      }, {});
-    }
-    function camelCase(str) {
-      return str.replace(/[_.-](\w|$)/g, function(_, x) {
-        return x.toUpperCase();
-      });
-    }
-    var isArray = Array.isArray || function(obj) {
-      return Object.prototype.toString.call(obj) === "[object Array]";
-    }, isDate = function(obj) {
-      return Object.prototype.toString.call(obj) === "[object Date]";
-    }, isRegex = function(obj) {
-      return Object.prototype.toString.call(obj) === "[object RegExp]";
-    }, has = Object.prototype.hasOwnProperty, objectKeys = Object.keys || function(obj) {
-      var keys = [];
-      for (var key in obj)
-        has.call(obj, key) && keys.push(key);
-      return keys;
-    };
-    function map(xs, f) {
-      if (xs.map)
-        return xs.map(f);
-      for (var res = [], i = 0; i < xs.length; i++)
-        res.push(f(xs[i], i));
-      return res;
-    }
-    function reduce(xs, f, acc) {
-      if (xs.reduce)
-        return xs.reduce(f, acc);
-      for (var i = 0; i < xs.length; i++)
-        acc = f(acc, xs[i], i);
-      return acc;
-    }
-  }
-});
-
-// ../../node_modules/css-color-keywords/colors.json
-var require_colors = __commonJS({
-  "../../node_modules/css-color-keywords/colors.json"(exports, module) {
-    module.exports = {
-      black: "#000000",
-      silver: "#c0c0c0",
-      gray: "#808080",
-      white: "#ffffff",
-      maroon: "#800000",
-      red: "#ff0000",
-      purple: "#800080",
-      fuchsia: "#ff00ff",
-      green: "#008000",
-      lime: "#00ff00",
-      olive: "#808000",
-      yellow: "#ffff00",
-      navy: "#000080",
-      blue: "#0000ff",
-      teal: "#008080",
-      aqua: "#00ffff",
-      orange: "#ffa500",
-      aliceblue: "#f0f8ff",
-      antiquewhite: "#faebd7",
-      aquamarine: "#7fffd4",
-      azure: "#f0ffff",
-      beige: "#f5f5dc",
-      bisque: "#ffe4c4",
-      blanchedalmond: "#ffebcd",
-      blueviolet: "#8a2be2",
-      brown: "#a52a2a",
-      burlywood: "#deb887",
-      cadetblue: "#5f9ea0",
-      chartreuse: "#7fff00",
-      chocolate: "#d2691e",
-      coral: "#ff7f50",
-      cornflowerblue: "#6495ed",
-      cornsilk: "#fff8dc",
-      crimson: "#dc143c",
-      darkblue: "#00008b",
-      darkcyan: "#008b8b",
-      darkgoldenrod: "#b8860b",
-      darkgray: "#a9a9a9",
-      darkgreen: "#006400",
-      darkgrey: "#a9a9a9",
-      darkkhaki: "#bdb76b",
-      darkmagenta: "#8b008b",
-      darkolivegreen: "#556b2f",
-      darkorange: "#ff8c00",
-      darkorchid: "#9932cc",
-      darkred: "#8b0000",
-      darksalmon: "#e9967a",
-      darkseagreen: "#8fbc8f",
-      darkslateblue: "#483d8b",
-      darkslategray: "#2f4f4f",
-      darkslategrey: "#2f4f4f",
-      darkturquoise: "#00ced1",
-      darkviolet: "#9400d3",
-      deeppink: "#ff1493",
-      deepskyblue: "#00bfff",
-      dimgray: "#696969",
-      dimgrey: "#696969",
-      dodgerblue: "#1e90ff",
-      firebrick: "#b22222",
-      floralwhite: "#fffaf0",
-      forestgreen: "#228b22",
-      gainsboro: "#dcdcdc",
-      ghostwhite: "#f8f8ff",
-      gold: "#ffd700",
-      goldenrod: "#daa520",
-      greenyellow: "#adff2f",
-      grey: "#808080",
-      honeydew: "#f0fff0",
-      hotpink: "#ff69b4",
-      indianred: "#cd5c5c",
-      indigo: "#4b0082",
-      ivory: "#fffff0",
-      khaki: "#f0e68c",
-      lavender: "#e6e6fa",
-      lavenderblush: "#fff0f5",
-      lawngreen: "#7cfc00",
-      lemonchiffon: "#fffacd",
-      lightblue: "#add8e6",
-      lightcoral: "#f08080",
-      lightcyan: "#e0ffff",
-      lightgoldenrodyellow: "#fafad2",
-      lightgray: "#d3d3d3",
-      lightgreen: "#90ee90",
-      lightgrey: "#d3d3d3",
-      lightpink: "#ffb6c1",
-      lightsalmon: "#ffa07a",
-      lightseagreen: "#20b2aa",
-      lightskyblue: "#87cefa",
-      lightslategray: "#778899",
-      lightslategrey: "#778899",
-      lightsteelblue: "#b0c4de",
-      lightyellow: "#ffffe0",
-      limegreen: "#32cd32",
-      linen: "#faf0e6",
-      mediumaquamarine: "#66cdaa",
-      mediumblue: "#0000cd",
-      mediumorchid: "#ba55d3",
-      mediumpurple: "#9370db",
-      mediumseagreen: "#3cb371",
-      mediumslateblue: "#7b68ee",
-      mediumspringgreen: "#00fa9a",
-      mediumturquoise: "#48d1cc",
-      mediumvioletred: "#c71585",
-      midnightblue: "#191970",
-      mintcream: "#f5fffa",
-      mistyrose: "#ffe4e1",
-      moccasin: "#ffe4b5",
-      navajowhite: "#ffdead",
-      oldlace: "#fdf5e6",
-      olivedrab: "#6b8e23",
-      orangered: "#ff4500",
-      orchid: "#da70d6",
-      palegoldenrod: "#eee8aa",
-      palegreen: "#98fb98",
-      paleturquoise: "#afeeee",
-      palevioletred: "#db7093",
-      papayawhip: "#ffefd5",
-      peachpuff: "#ffdab9",
-      peru: "#cd853f",
-      pink: "#ffc0cb",
-      plum: "#dda0dd",
-      powderblue: "#b0e0e6",
-      rosybrown: "#bc8f8f",
-      royalblue: "#4169e1",
-      saddlebrown: "#8b4513",
-      salmon: "#fa8072",
-      sandybrown: "#f4a460",
-      seagreen: "#2e8b57",
-      seashell: "#fff5ee",
-      sienna: "#a0522d",
-      skyblue: "#87ceeb",
-      slateblue: "#6a5acd",
-      slategray: "#708090",
-      slategrey: "#708090",
-      snow: "#fffafa",
-      springgreen: "#00ff7f",
-      steelblue: "#4682b4",
-      tan: "#d2b48c",
-      thistle: "#d8bfd8",
-      tomato: "#ff6347",
-      turquoise: "#40e0d0",
-      violet: "#ee82ee",
-      wheat: "#f5deb3",
-      whitesmoke: "#f5f5f5",
-      yellowgreen: "#9acd32",
-      rebeccapurple: "#663399"
-    };
-  }
-});
-
-// ../../node_modules/css-color-keywords/index.js
-var require_css_color_keywords = __commonJS({
-  "../../node_modules/css-color-keywords/index.js"(exports, module) {
-    "use strict";
-    module.exports = require_colors();
-  }
-});
-
-// ../../node_modules/css-to-react-native/index.js
-var require_css_to_react_native = __commonJS({
-  "../../node_modules/css-to-react-native/index.js"(exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", {
-      value: !0
-    });
-    function _interopDefault(ex) {
-      return ex && typeof ex == "object" && "default" in ex ? ex.default : ex;
-    }
-    var parse2 = require_lib(), parse__default = _interopDefault(parse2), camelizeStyleName = _interopDefault(require_camelize()), cssColorKeywords = _interopDefault(require_css_color_keywords()), matchString = function(node2) {
-      return node2.type !== "string" ? null : node2.value.replace(/\\([0-9a-f]{1,6})(?:\s|$)/gi, function(match2, charCode) {
-        return String.fromCharCode(parseInt(charCode, 16));
-      }).replace(/\\/g, "");
-    }, hexColorRe = /^(#(?:[0-9a-f]{3,4}){1,2})$/i, cssFunctionNameRe = /^(rgba?|hsla?|hwb|lab|lch|gray|color)$/, matchColor = function(node2) {
-      return node2.type === "word" && (hexColorRe.test(node2.value) || node2.value in cssColorKeywords || node2.value === "transparent") ? node2.value : node2.type === "function" && cssFunctionNameRe.test(node2.value) ? parse2.stringify(node2) : null;
-    }, noneRe = /^(none)$/i, autoRe = /^(auto)$/i, identRe = /(^-?[_a-z][_a-z0-9-]*$)/i, numberRe = /^([+-]?(?:\d*\.)?\d+(?:e[+-]?\d+)?)$/i, lengthRe = /^(0$|(?:[+-]?(?:\d*\.)?\d+(?:e[+-]?\d+)?)(?=px$))/i, unsupportedUnitRe = /^([+-]?(?:\d*\.)?\d+(?:e[+-]?\d+)?(ch|em|ex|rem|vh|vw|vmin|vmax|cm|mm|in|pc|pt))$/i, angleRe = /^([+-]?(?:\d*\.)?\d+(?:e[+-]?\d+)?(?:deg|rad))$/i, percentRe = /^([+-]?(?:\d*\.)?\d+(?:e[+-]?\d+)?%)$/i, noopToken = function(predicate) {
-      return function(node2) {
-        return predicate(node2) ? "<token>" : null;
-      };
-    }, valueForTypeToken = function(type) {
-      return function(node2) {
-        return node2.type === type ? node2.value : null;
-      };
-    }, regExpToken = function(regExp, transform3) {
-      return transform3 === void 0 && (transform3 = String), function(node2) {
-        if (node2.type !== "word") return null;
-        var match2 = node2.value.match(regExp);
-        if (match2 === null) return null;
-        var value = transform3(match2[1]);
-        return value;
-      };
-    }, SPACE = noopToken(function(node2) {
-      return node2.type === "space";
-    }), SLASH = noopToken(function(node2) {
-      return node2.type === "div" && node2.value === "/";
-    }), COMMA = noopToken(function(node2) {
-      return node2.type === "div" && node2.value === ",";
-    }), WORD = valueForTypeToken("word"), NONE = regExpToken(noneRe), AUTO = regExpToken(autoRe), NUMBER = regExpToken(numberRe, Number), LENGTH = regExpToken(lengthRe, Number), UNSUPPORTED_LENGTH_UNIT = regExpToken(unsupportedUnitRe), ANGLE = regExpToken(angleRe, function(angle) {
-      return angle.toLowerCase();
-    }), PERCENT = regExpToken(percentRe), IDENT = regExpToken(identRe), STRING = matchString, COLOR = matchColor, LINE = regExpToken(/^(none|underline|line-through)$/i), aspectRatio = function(tokenStream) {
-      var aspectRatio3 = tokenStream.expect(NUMBER);
-      return tokenStream.hasTokens() && (tokenStream.expect(SLASH), aspectRatio3 /= tokenStream.expect(NUMBER)), {
-        aspectRatio: aspectRatio3
-      };
-    }, BORDER_STYLE = regExpToken(/^(solid|dashed|dotted)$/), defaultBorderWidth = 1, defaultBorderColor = "black", defaultBorderStyle = "solid", border = function(tokenStream) {
-      var borderWidth2, borderColor2, borderStyle;
-      if (tokenStream.matches(NONE))
-        return tokenStream.expectEmpty(), {
-          borderWidth: 0,
-          borderColor: "black",
-          borderStyle: "solid"
-        };
-      for (var partsParsed = 0; partsParsed < 3 && tokenStream.hasTokens(); )
-        partsParsed !== 0 && tokenStream.expect(SPACE), borderWidth2 === void 0 && tokenStream.matches(LENGTH, UNSUPPORTED_LENGTH_UNIT) ? borderWidth2 = tokenStream.lastValue : borderColor2 === void 0 && tokenStream.matches(COLOR) ? borderColor2 = tokenStream.lastValue : borderStyle === void 0 && tokenStream.matches(BORDER_STYLE) ? borderStyle = tokenStream.lastValue : tokenStream.throw(), partsParsed += 1;
-      return tokenStream.expectEmpty(), borderWidth2 === void 0 && (borderWidth2 = defaultBorderWidth), borderColor2 === void 0 && (borderColor2 = defaultBorderColor), borderStyle === void 0 && (borderStyle = defaultBorderStyle), {
-        borderWidth: borderWidth2,
-        borderColor: borderColor2,
-        borderStyle
-      };
-    }, directionFactory = function(_ref) {
-      var _ref$types = _ref.types, types = _ref$types === void 0 ? [LENGTH, UNSUPPORTED_LENGTH_UNIT, PERCENT] : _ref$types, _ref$directions = _ref.directions, directions = _ref$directions === void 0 ? ["Top", "Right", "Bottom", "Left"] : _ref$directions, _ref$prefix = _ref.prefix, prefix3 = _ref$prefix === void 0 ? "" : _ref$prefix, _ref$suffix = _ref.suffix, suffix = _ref$suffix === void 0 ? "" : _ref$suffix;
-      return function(tokenStream) {
-        var _ref2, values = [];
-        for (values.push(tokenStream.expect.apply(tokenStream, types)); values.length < 4 && tokenStream.hasTokens(); )
-          tokenStream.expect(SPACE), values.push(tokenStream.expect.apply(tokenStream, types));
-        tokenStream.expectEmpty();
-        var top = values[0], _values$ = values[1], right = _values$ === void 0 ? top : _values$, _values$2 = values[2], bottom = _values$2 === void 0 ? top : _values$2, _values$3 = values[3], left = _values$3 === void 0 ? right : _values$3, keyFor = function(n) {
-          return "" + prefix3 + directions[n] + suffix;
-        };
-        return _ref2 = {}, _ref2[keyFor(0)] = top, _ref2[keyFor(1)] = right, _ref2[keyFor(2)] = bottom, _ref2[keyFor(3)] = left, _ref2;
-      };
-    }, parseShadowOffset = function(tokenStream) {
-      var width = tokenStream.expect(LENGTH), height = tokenStream.matches(SPACE) ? tokenStream.expect(LENGTH) : width;
-      return tokenStream.expectEmpty(), {
-        width,
-        height
-      };
-    }, parseShadow = function(tokenStream) {
-      var offsetX, offsetY, radius, color2;
-      if (tokenStream.matches(NONE))
-        return tokenStream.expectEmpty(), {
-          offset: {
-            width: 0,
-            height: 0
-          },
-          radius: 0,
-          color: "black"
-        };
-      for (var didParseFirst = !1; tokenStream.hasTokens(); )
-        didParseFirst && tokenStream.expect(SPACE), offsetX === void 0 && tokenStream.matches(LENGTH, UNSUPPORTED_LENGTH_UNIT) ? (offsetX = tokenStream.lastValue, tokenStream.expect(SPACE), offsetY = tokenStream.expect(LENGTH, UNSUPPORTED_LENGTH_UNIT), tokenStream.saveRewindPoint(), tokenStream.matches(SPACE) && tokenStream.matches(LENGTH, UNSUPPORTED_LENGTH_UNIT) ? radius = tokenStream.lastValue : tokenStream.rewind()) : color2 === void 0 && tokenStream.matches(COLOR) ? color2 = tokenStream.lastValue : tokenStream.throw(), didParseFirst = !0;
-      return offsetX === void 0 && tokenStream.throw(), {
-        offset: {
-          width: offsetX,
-          height: offsetY
-        },
-        radius: radius !== void 0 ? radius : 0,
-        color: color2 !== void 0 ? color2 : "black"
-      };
-    }, boxShadow = function(tokenStream) {
-      var _parseShadow = parseShadow(tokenStream), offset = _parseShadow.offset, radius = _parseShadow.radius, color2 = _parseShadow.color;
-      return {
-        shadowOffset: offset,
-        shadowRadius: radius,
-        shadowColor: color2,
-        shadowOpacity: 1
-      };
-    }, defaultFlexGrow = 1, defaultFlexShrink = 1, defaultFlexBasis = 0, flex = function(tokenStream) {
-      var flexGrow, flexShrink, flexBasis;
-      if (tokenStream.matches(NONE))
-        return tokenStream.expectEmpty(), {
-          flexGrow: 0,
-          flexShrink: 0,
-          flexBasis: "auto"
-        };
-      if (tokenStream.saveRewindPoint(), tokenStream.matches(AUTO) && !tokenStream.hasTokens())
-        return {
-          flexGrow: 1,
-          flexShrink: 1,
-          flexBasis: "auto"
-        };
-      tokenStream.rewind();
-      for (var partsParsed = 0; partsParsed < 2 && tokenStream.hasTokens(); )
-        partsParsed !== 0 && tokenStream.expect(SPACE), flexGrow === void 0 && tokenStream.matches(NUMBER) ? (flexGrow = tokenStream.lastValue, tokenStream.saveRewindPoint(), tokenStream.matches(SPACE) && tokenStream.matches(NUMBER) ? flexShrink = tokenStream.lastValue : tokenStream.rewind()) : flexBasis === void 0 && tokenStream.matches(LENGTH, UNSUPPORTED_LENGTH_UNIT, PERCENT) ? flexBasis = tokenStream.lastValue : flexBasis === void 0 && tokenStream.matches(AUTO) ? flexBasis = "auto" : tokenStream.throw(), partsParsed += 1;
-      return tokenStream.expectEmpty(), flexGrow === void 0 && (flexGrow = defaultFlexGrow), flexShrink === void 0 && (flexShrink = defaultFlexShrink), flexBasis === void 0 && (flexBasis = defaultFlexBasis), {
-        flexGrow,
-        flexShrink,
-        flexBasis
-      };
-    }, FLEX_WRAP = regExpToken(/(nowrap|wrap|wrap-reverse)/), FLEX_DIRECTION = regExpToken(/(row|row-reverse|column|column-reverse)/), defaultFlexWrap = "nowrap", defaultFlexDirection = "row", flexFlow = function(tokenStream) {
-      for (var flexWrap, flexDirection, partsParsed = 0; partsParsed < 2 && tokenStream.hasTokens(); )
-        partsParsed !== 0 && tokenStream.expect(SPACE), flexWrap === void 0 && tokenStream.matches(FLEX_WRAP) ? flexWrap = tokenStream.lastValue : flexDirection === void 0 && tokenStream.matches(FLEX_DIRECTION) ? flexDirection = tokenStream.lastValue : tokenStream.throw(), partsParsed += 1;
-      return tokenStream.expectEmpty(), flexWrap === void 0 && (flexWrap = defaultFlexWrap), flexDirection === void 0 && (flexDirection = defaultFlexDirection), {
-        flexWrap,
-        flexDirection
-      };
-    }, fontFamily = function(tokenStream) {
-      var fontFamily3;
-      if (tokenStream.matches(STRING))
-        fontFamily3 = tokenStream.lastValue;
-      else
-        for (fontFamily3 = tokenStream.expect(IDENT); tokenStream.hasTokens(); ) {
-          tokenStream.expect(SPACE);
-          var nextIdent = tokenStream.expect(IDENT);
-          fontFamily3 += " " + nextIdent;
-        }
-      return tokenStream.expectEmpty(), {
-        fontFamily: fontFamily3
-      };
-    }, NORMAL = regExpToken(/^(normal)$/), STYLE = regExpToken(/^(italic)$/), WEIGHT = regExpToken(/^([1-9]00|bold)$/), VARIANT = regExpToken(/^(small-caps)$/), defaultFontStyle = "normal", defaultFontWeight = "normal", defaultFontVariant = [], font = function(tokenStream) {
-      for (var fontStyle, fontWeight2, fontVariant2, lineHeight, numStyleWeightVariantMatched = 0; numStyleWeightVariantMatched < 3 && tokenStream.hasTokens(); ) {
-        if (!tokenStream.matches(NORMAL)) if (fontStyle === void 0 && tokenStream.matches(STYLE))
-          fontStyle = tokenStream.lastValue;
-        else if (fontWeight2 === void 0 && tokenStream.matches(WEIGHT))
-          fontWeight2 = tokenStream.lastValue;
-        else if (fontVariant2 === void 0 && tokenStream.matches(VARIANT))
-          fontVariant2 = [tokenStream.lastValue];
-        else
-          break;
-        tokenStream.expect(SPACE), numStyleWeightVariantMatched += 1;
-      }
-      var fontSize = tokenStream.expect(LENGTH, UNSUPPORTED_LENGTH_UNIT);
-      tokenStream.matches(SLASH) && (lineHeight = tokenStream.expect(LENGTH, UNSUPPORTED_LENGTH_UNIT)), tokenStream.expect(SPACE);
-      var _fontFamily = fontFamily(tokenStream), fontFamily$1 = _fontFamily.fontFamily;
-      fontStyle === void 0 && (fontStyle = defaultFontStyle), fontWeight2 === void 0 && (fontWeight2 = defaultFontWeight), fontVariant2 === void 0 && (fontVariant2 = defaultFontVariant);
-      var out = {
-        fontStyle,
-        fontWeight: fontWeight2,
-        fontVariant: fontVariant2,
-        fontSize,
-        fontFamily: fontFamily$1
-      };
-      return lineHeight !== void 0 && (out.lineHeight = lineHeight), out;
-    }, fontVariant = function(tokenStream) {
-      for (var values = [tokenStream.expect(IDENT)]; tokenStream.hasTokens(); )
-        tokenStream.expect(SPACE), values.push(tokenStream.expect(IDENT));
-      return {
-        fontVariant: values
-      };
-    }, ALIGN_CONTENT = regExpToken(/(flex-(?:start|end)|center|stretch|space-(?:between|around))/), JUSTIFY_CONTENT = regExpToken(/(flex-(?:start|end)|center|space-(?:between|around|evenly))/), placeContent = function(tokenStream) {
-      var alignContent = tokenStream.expect(ALIGN_CONTENT), justifyContent;
-      return tokenStream.hasTokens() ? (tokenStream.expect(SPACE), justifyContent = tokenStream.expect(JUSTIFY_CONTENT)) : justifyContent = "stretch", tokenStream.expectEmpty(), {
-        alignContent,
-        justifyContent
-      };
-    }, STYLE$1 = regExpToken(/^(solid|double|dotted|dashed)$/), defaultTextDecorationLine = "none", defaultTextDecorationStyle = "solid", defaultTextDecorationColor = "black", textDecoration = function(tokenStream) {
-      for (var line2, style, color2, didParseFirst = !1; tokenStream.hasTokens(); ) {
-        if (didParseFirst && tokenStream.expect(SPACE), line2 === void 0 && tokenStream.matches(LINE)) {
-          var lines = [tokenStream.lastValue.toLowerCase()];
-          tokenStream.saveRewindPoint(), lines[0] !== "none" && tokenStream.matches(SPACE) && tokenStream.matches(LINE) ? (lines.push(tokenStream.lastValue.toLowerCase()), lines.sort().reverse()) : tokenStream.rewind(), line2 = lines.join(" ");
-        } else style === void 0 && tokenStream.matches(STYLE$1) ? style = tokenStream.lastValue : color2 === void 0 && tokenStream.matches(COLOR) ? color2 = tokenStream.lastValue : tokenStream.throw();
-        didParseFirst = !0;
-      }
-      return {
-        textDecorationLine: line2 !== void 0 ? line2 : defaultTextDecorationLine,
-        textDecorationColor: color2 !== void 0 ? color2 : defaultTextDecorationColor,
-        textDecorationStyle: style !== void 0 ? style : defaultTextDecorationStyle
-      };
-    }, textDecorationLine = function(tokenStream) {
-      for (var lines = [], didParseFirst = !1; tokenStream.hasTokens(); )
-        didParseFirst && tokenStream.expect(SPACE), lines.push(tokenStream.expect(LINE).toLowerCase()), didParseFirst = !0;
-      return lines.sort().reverse(), {
-        textDecorationLine: lines.join(" ")
-      };
-    }, textShadow = function(tokenStream) {
-      var _parseShadow2 = parseShadow(tokenStream), offset = _parseShadow2.offset, radius = _parseShadow2.radius, color2 = _parseShadow2.color;
-      return {
-        textShadowOffset: offset,
-        textShadowRadius: radius,
-        textShadowColor: color2
-      };
-    }, oneOfType = function(tokenType) {
-      return function(functionStream) {
-        var value = functionStream.expect(tokenType);
-        return functionStream.expectEmpty(), value;
-      };
-    }, singleNumber = oneOfType(NUMBER), singleLength = oneOfType(LENGTH), singleAngle = oneOfType(ANGLE), xyTransformFactory = function(tokenType) {
-      return function(key, valueIfOmitted) {
-        return function(functionStream) {
-          var _ref3, _ref4, x = functionStream.expect(tokenType), y;
-          if (functionStream.hasTokens())
-            functionStream.expect(COMMA), y = functionStream.expect(tokenType);
-          else if (valueIfOmitted !== void 0)
-            y = valueIfOmitted;
-          else
-            return x;
-          return functionStream.expectEmpty(), [(_ref3 = {}, _ref3[key + "Y"] = y, _ref3), (_ref4 = {}, _ref4[key + "X"] = x, _ref4)];
-        };
-      };
-    }, xyNumber = xyTransformFactory(NUMBER), xyLength = xyTransformFactory(LENGTH), xyAngle = xyTransformFactory(ANGLE), partTransforms = {
-      perspective: singleNumber,
-      scale: xyNumber("scale"),
-      scaleX: singleNumber,
-      scaleY: singleNumber,
-      translate: xyLength("translate", 0),
-      translateX: singleLength,
-      translateY: singleLength,
-      rotate: singleAngle,
-      rotateX: singleAngle,
-      rotateY: singleAngle,
-      rotateZ: singleAngle,
-      skewX: singleAngle,
-      skewY: singleAngle,
-      skew: xyAngle("skew", "0deg")
-    }, transform2 = function(tokenStream) {
-      for (var transforms2 = [], didParseFirst = !1; tokenStream.hasTokens(); ) {
-        didParseFirst && tokenStream.expect(SPACE);
-        var functionStream = tokenStream.expectFunction(), functionName = functionStream.functionName, transformedValues = partTransforms[functionName](functionStream);
-        if (!Array.isArray(transformedValues)) {
-          var _ref5;
-          transformedValues = [(_ref5 = {}, _ref5[functionName] = transformedValues, _ref5)];
-        }
-        transforms2 = transformedValues.concat(transforms2), didParseFirst = !0;
-      }
-      return {
-        transform: transforms2
-      };
-    }, background2 = function(tokenStream) {
-      return {
-        backgroundColor: tokenStream.expect(COLOR)
-      };
-    }, borderColor = directionFactory({
-      types: [COLOR],
-      prefix: "border",
-      suffix: "Color"
-    }), borderRadius = directionFactory({
-      directions: ["TopLeft", "TopRight", "BottomRight", "BottomLeft"],
-      prefix: "border",
-      suffix: "Radius"
-    }), borderWidth = directionFactory({
-      prefix: "border",
-      suffix: "Width"
-    }), margin = directionFactory({
-      types: [LENGTH, UNSUPPORTED_LENGTH_UNIT, PERCENT, AUTO],
-      prefix: "margin"
-    }), padding = directionFactory({
-      prefix: "padding"
-    }), fontWeight = function(tokenStream) {
-      return {
-        fontWeight: tokenStream.expect(WORD)
-        // Also match numbers as strings
-      };
-    }, shadowOffset = function(tokenStream) {
-      return {
-        shadowOffset: parseShadowOffset(tokenStream)
-      };
-    }, textShadowOffset = function(tokenStream) {
-      return {
-        textShadowOffset: parseShadowOffset(tokenStream)
-      };
-    }, transforms = {
-      aspectRatio,
-      background: background2,
-      border,
-      borderColor,
-      borderRadius,
-      borderWidth,
-      boxShadow,
-      flex,
-      flexFlow,
-      font,
-      fontFamily,
-      fontVariant,
-      fontWeight,
-      margin,
-      padding,
-      placeContent,
-      shadowOffset,
-      textShadow,
-      textShadowOffset,
-      textDecoration,
-      textDecorationLine,
-      transform: transform2
-    }, propertiesWithoutUnits;
-    process.env.NODE_ENV !== "production" && (propertiesWithoutUnits = ["aspectRatio", "elevation", "flexGrow", "flexShrink", "opacity", "shadowOpacity", "zIndex"]);
-    var devPropertiesWithUnitsRegExp = propertiesWithoutUnits != null ? new RegExp(propertiesWithoutUnits.join("|")) : null, SYMBOL_MATCH = "SYMBOL_MATCH", TokenStream = (function() {
-      function TokenStream2(nodes, parent) {
-        this.index = 0, this.nodes = nodes, this.functionName = parent != null ? parent.value : null, this.lastValue = null, this.rewindIndex = -1;
-      }
-      var _proto = TokenStream2.prototype;
-      return _proto.hasTokens = function() {
-        return this.index <= this.nodes.length - 1;
-      }, _proto[SYMBOL_MATCH] = function() {
-        if (!this.hasTokens()) return null;
-        for (var node2 = this.nodes[this.index], i = 0; i < arguments.length; i += 1) {
-          var tokenDescriptor = i < 0 || arguments.length <= i ? void 0 : arguments[i], value = tokenDescriptor(node2);
-          if (value !== null)
-            return this.index += 1, this.lastValue = value, value;
-        }
-        return null;
-      }, _proto.matches = function() {
-        return this[SYMBOL_MATCH].apply(this, arguments) !== null;
-      }, _proto.expect = function() {
-        var value = this[SYMBOL_MATCH].apply(this, arguments);
-        return value !== null ? value : this.throw();
-      }, _proto.matchesFunction = function() {
-        var node2 = this.nodes[this.index];
-        if (node2.type !== "function") return null;
-        var value = new TokenStream2(node2.nodes, node2);
-        return this.index += 1, this.lastValue = null, value;
-      }, _proto.expectFunction = function() {
-        var value = this.matchesFunction();
-        return value !== null ? value : this.throw();
-      }, _proto.expectEmpty = function() {
-        this.hasTokens() && this.throw();
-      }, _proto.throw = function() {
-        throw new Error("Unexpected token type: " + this.nodes[this.index].type);
-      }, _proto.saveRewindPoint = function() {
-        this.rewindIndex = this.index;
-      }, _proto.rewind = function() {
-        if (this.rewindIndex === -1) throw new Error("Internal error");
-        this.index = this.rewindIndex, this.lastValue = null;
-      }, TokenStream2;
-    })(), numberOrLengthRe = /^([+-]?(?:\d*\.)?\d+(?:e[+-]?\d+)?)(?:px)?$/i, numberOnlyRe = /^[+-]?(?:\d*\.\d*|[1-9]\d*)(?:e[+-]?\d+)?$/i, boolRe = /^true|false$/i, nullRe = /^null$/i, undefinedRe = /^undefined$/i, transformRawValue = function(propName, value) {
-      if (process.env.NODE_ENV !== "production") {
-        var needsUnit = !devPropertiesWithUnitsRegExp.test(propName), isNumberWithoutUnit = numberOnlyRe.test(value);
-        needsUnit && isNumberWithoutUnit && console.warn('Expected style "' + propName + ": " + value + '" to contain units'), !needsUnit && value !== "0" && !isNumberWithoutUnit && console.warn('Expected style "' + propName + ": " + value + '" to be unitless');
-      }
-      var numberMatch = value.match(numberOrLengthRe);
-      if (numberMatch !== null) return Number(numberMatch[1]);
-      var boolMatch = value.match(boolRe);
-      if (boolMatch !== null) return boolMatch[0].toLowerCase() === "true";
-      var nullMatch = value.match(nullRe);
-      if (nullMatch !== null) return null;
-      var undefinedMatch = value.match(undefinedRe);
-      if (undefinedMatch === null)
-        return value;
-    }, baseTransformShorthandValue = function(propName, value) {
-      var ast = parse__default(value), tokenStream = new TokenStream(ast.nodes);
-      return transforms[propName](tokenStream);
-    }, transformShorthandValue = process.env.NODE_ENV === "production" ? baseTransformShorthandValue : function(propName, value) {
-      try {
-        return baseTransformShorthandValue(propName, value);
-      } catch {
-        throw new Error('Failed to parse declaration "' + propName + ": " + value + '"');
-      }
-    }, getStylesForProperty = function(propName, inputValue, allowShorthand) {
-      var _ref6, isRawValue = allowShorthand === !1 || !(propName in transforms), value = inputValue.trim(), propValues = isRawValue ? (_ref6 = {}, _ref6[propName] = transformRawValue(propName, value), _ref6) : transformShorthandValue(propName, value);
-      return propValues;
-    }, getPropertyName = function(propName) {
-      var isCustomProp = /^--\w+/.test(propName);
-      return isCustomProp ? propName : camelizeStyleName(propName);
-    }, index2 = function(rules, shorthandBlacklist) {
-      return shorthandBlacklist === void 0 && (shorthandBlacklist = []), rules.reduce(function(accum, rule) {
-        var propertyName = getPropertyName(rule[0]), value = rule[1], allowShorthand = shorthandBlacklist.indexOf(propertyName) === -1;
-        return Object.assign(accum, getStylesForProperty(propertyName, value, allowShorthand));
-      }, {});
-    };
-    exports.default = index2;
-    exports.getPropertyName = getPropertyName;
-    exports.getStylesForProperty = getStylesForProperty;
-    exports.transformRawValue = transformRawValue;
-  }
-});
-
-// ../../node_modules/hoist-non-react-statics/node_modules/react-is/cjs/react-is.production.min.js
-var require_react_is_production_min = __commonJS({
-  "../../node_modules/hoist-non-react-statics/node_modules/react-is/cjs/react-is.production.min.js"(exports) {
-    "use strict";
-    var b = typeof Symbol == "function" && Symbol.for, c = b ? /* @__PURE__ */ Symbol.for("react.element") : 60103, d = b ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, e = b ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, f = b ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, g = b ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, h = b ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, k = b ? /* @__PURE__ */ Symbol.for("react.context") : 60110, l = b ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, m = b ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, n = b ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, p = b ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, q = b ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, r = b ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, t = b ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, v = b ? /* @__PURE__ */ Symbol.for("react.block") : 60121, w = b ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, x = b ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, y = b ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
-    function z(a) {
-      if (typeof a == "object" && a !== null) {
-        var u = a.$$typeof;
-        switch (u) {
-          case c:
-            switch (a = a.type, a) {
-              case l:
-              case m:
-              case e:
-              case g:
-              case f:
-              case p:
-                return a;
-              default:
-                switch (a = a && a.$$typeof, a) {
-                  case k:
-                  case n:
-                  case t:
-                  case r:
-                  case h:
-                    return a;
-                  default:
-                    return u;
-                }
-            }
-          case d:
-            return u;
-        }
-      }
-    }
-    function A(a) {
-      return z(a) === m;
-    }
-    exports.AsyncMode = l;
-    exports.ConcurrentMode = m;
-    exports.ContextConsumer = k;
-    exports.ContextProvider = h;
-    exports.Element = c;
-    exports.ForwardRef = n;
-    exports.Fragment = e;
-    exports.Lazy = t;
-    exports.Memo = r;
-    exports.Portal = d;
-    exports.Profiler = g;
-    exports.StrictMode = f;
-    exports.Suspense = p;
-    exports.isAsyncMode = function(a) {
-      return A(a) || z(a) === l;
-    };
-    exports.isConcurrentMode = A;
-    exports.isContextConsumer = function(a) {
-      return z(a) === k;
-    };
-    exports.isContextProvider = function(a) {
-      return z(a) === h;
-    };
-    exports.isElement = function(a) {
-      return typeof a == "object" && a !== null && a.$$typeof === c;
-    };
-    exports.isForwardRef = function(a) {
-      return z(a) === n;
-    };
-    exports.isFragment = function(a) {
-      return z(a) === e;
-    };
-    exports.isLazy = function(a) {
-      return z(a) === t;
-    };
-    exports.isMemo = function(a) {
-      return z(a) === r;
-    };
-    exports.isPortal = function(a) {
-      return z(a) === d;
-    };
-    exports.isProfiler = function(a) {
-      return z(a) === g;
-    };
-    exports.isStrictMode = function(a) {
-      return z(a) === f;
-    };
-    exports.isSuspense = function(a) {
-      return z(a) === p;
-    };
-    exports.isValidElementType = function(a) {
-      return typeof a == "string" || typeof a == "function" || a === e || a === m || a === g || a === f || a === p || a === q || typeof a == "object" && a !== null && (a.$$typeof === t || a.$$typeof === r || a.$$typeof === h || a.$$typeof === k || a.$$typeof === n || a.$$typeof === w || a.$$typeof === x || a.$$typeof === y || a.$$typeof === v);
-    };
-    exports.typeOf = z;
-  }
-});
-
-// ../../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";
-    process.env.NODE_ENV !== "production" && (function() {
-      "use strict";
-      var hasSymbol = typeof Symbol == "function" && Symbol.for, REACT_ELEMENT_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.element") : 60103, REACT_PORTAL_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, REACT_FRAGMENT_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, REACT_STRICT_MODE_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, REACT_PROFILER_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, REACT_PROVIDER_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, REACT_CONTEXT_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.context") : 60110, REACT_ASYNC_MODE_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, REACT_CONCURRENT_MODE_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, REACT_FORWARD_REF_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, REACT_SUSPENSE_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, REACT_SUSPENSE_LIST_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, REACT_MEMO_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, REACT_LAZY_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, REACT_BLOCK_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.block") : 60121, REACT_FUNDAMENTAL_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, REACT_RESPONDER_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, REACT_SCOPE_TYPE = hasSymbol ? /* @__PURE__ */ 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;
-          }
-        }
-      }
-      var AsyncMode = REACT_ASYNC_MODE_TYPE, ConcurrentMode = REACT_CONCURRENT_MODE_TYPE, ContextConsumer = REACT_CONTEXT_TYPE, ContextProvider = REACT_PROVIDER_TYPE, Element = REACT_ELEMENT_TYPE, ForwardRef = REACT_FORWARD_REF_TYPE, Fragment3 = REACT_FRAGMENT_TYPE, Lazy = REACT_LAZY_TYPE, Memo = REACT_MEMO_TYPE, Portal = REACT_PORTAL_TYPE, Profiler = REACT_PROFILER_TYPE, StrictMode = REACT_STRICT_MODE_TYPE, Suspense = REACT_SUSPENSE_TYPE, hasWarnedAboutDeprecatedIsAsyncMode = !1;
-      function isAsyncMode(object) {
-        return hasWarnedAboutDeprecatedIsAsyncMode || (hasWarnedAboutDeprecatedIsAsyncMode = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), 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 = ForwardRef, exports.Fragment = Fragment3, exports.Lazy = Lazy, exports.Memo = Memo, 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";
-    process.env.NODE_ENV === "production" ? module.exports = require_react_is_production_min() : 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(), REACT_STATICS = {
-      childContextTypes: !0,
-      contextType: !0,
-      contextTypes: !0,
-      defaultProps: !0,
-      displayName: !0,
-      getDefaultProps: !0,
-      getDerivedStateFromError: !0,
-      getDerivedStateFromProps: !0,
-      mixins: !0,
-      propTypes: !0,
-      type: !0
-    }, KNOWN_STATICS = {
-      name: !0,
-      length: !0,
-      prototype: !0,
-      caller: !0,
-      callee: !0,
-      arguments: !0,
-      arity: !0
-    }, FORWARD_REF_STATICS = {
-      $$typeof: !0,
-      render: !0,
-      defaultProps: !0,
-      displayName: !0,
-      propTypes: !0
-    }, MEMO_STATICS = {
-      $$typeof: !0,
-      compare: !0,
-      defaultProps: !0,
-      displayName: !0,
-      propTypes: !0,
-      type: !0
-    }, TYPE_STATICS = {};
-    TYPE_STATICS[reactIs.ForwardRef] = FORWARD_REF_STATICS;
-    TYPE_STATICS[reactIs.Memo] = MEMO_STATICS;
-    function getStatics(component) {
-      return reactIs.isMemo(component) ? MEMO_STATICS : TYPE_STATICS[component.$$typeof] || REACT_STATICS;
-    }
-    var defineProperty = Object.defineProperty, getOwnPropertyNames = Object.getOwnPropertyNames, getOwnPropertySymbols = Object.getOwnPropertySymbols, getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor, getPrototypeOf = Object.getPrototypeOf, objectPrototype = Object.prototype;
-    function hoistNonReactStatics2(targetComponent, sourceComponent, blacklist) {
-      if (typeof sourceComponent != "string") {
-        if (objectPrototype) {
-          var inheritedComponent = getPrototypeOf(sourceComponent);
-          inheritedComponent && inheritedComponent !== objectPrototype && hoistNonReactStatics2(targetComponent, inheritedComponent, blacklist);
-        }
-        var keys = getOwnPropertyNames(sourceComponent);
-        getOwnPropertySymbols && (keys = keys.concat(getOwnPropertySymbols(sourceComponent)));
-        for (var targetStatics = getStatics(targetComponent), sourceStatics = getStatics(sourceComponent), 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 {
-            }
-          }
-        }
-      }
-      return targetComponent;
-    }
-    module.exports = hoistNonReactStatics2;
-  }
-});
-
-// ../../node_modules/@emotion/native/dist/emotion-native.esm.js
-import * as reactNative from "react-native";
-import { StyleSheet as StyleSheet3 } from "react-native";
-
-// ../../node_modules/@emotion/primitives-core/dist/emotion-primitives-core.esm.js
-var import_css_to_react_native = __toESM(require_css_to_react_native());
-import * as React4 from "react";
-
-// ../../node_modules/@emotion/react/dist/emotion-element-f0de968e.browser.esm.js
-import * as React2 from "react";
-import { useContext as useContext2, forwardRef as forwardRef2 } from "react";
-
-// ../../node_modules/@emotion/sheet/dist/emotion-sheet.esm.js
-var isDevelopment = !1;
-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];
-}
-function createStyleElement(options) {
-  var tag = document.createElement("style");
-  return tag.setAttribute("data-emotion", options.key), options.nonce !== void 0 && tag.setAttribute("nonce", options.nonce), tag.appendChild(document.createTextNode("")), tag.setAttribute("data-s", ""), tag;
-}
-var StyleSheet = (function() {
-  function StyleSheet4(options) {
-    var _this = this;
-    this._insertTag = function(tag) {
-      var before;
-      _this.tags.length === 0 ? _this.insertionPoint ? before = _this.insertionPoint.nextSibling : _this.prepend ? before = _this.container.firstChild : before = _this.before : 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 = StyleSheet4.prototype;
-  return _proto.hydrate = function(nodes) {
-    nodes.forEach(this._insertTag);
-  }, _proto.insert = function(rule) {
-    this.ctr % (this.isSpeedy ? 65e3 : 1) === 0 && this._insertTag(createStyleElement(this));
-    var tag = this.tags[this.tags.length - 1];
-    if (this.isSpeedy) {
-      var sheet = sheetForTag(tag);
-      try {
-        sheet.insertRule(rule, sheet.cssRules.length);
-      } catch {
-      }
-    } else
-      tag.appendChild(document.createTextNode(rule));
-    this.ctr++;
-  }, _proto.flush = function() {
-    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;
-  }, StyleSheet4;
-})();
-
-// ../../node_modules/stylis/src/Enum.js
-var MS = "-ms-", MOZ = "-moz-", WEBKIT = "-webkit-", COMMENT = "comm", RULESET = "rule", DECLARATION = "decl";
-var IMPORT = "@import";
-var KEYFRAMES = "@keyframes";
-var LAYER = "@layer";
-
-// ../../node_modules/stylis/src/Utility.js
-var abs = Math.abs, from = String.fromCharCode, assign = Object.assign;
-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, index2) {
-  return value.charCodeAt(index2) | 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("");
-}
-
-// ../../node_modules/stylis/src/Tokenizer.js
-var line = 1, column = 1, length = 0, position = 0, character = 0, characters = "";
-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() {
-  return character = position > 0 ? charat(characters, --position) : 0, column--, character === 10 && (column = 1, line--), character;
-}
-function next() {
-  return character = position < length ? charat(characters, position++) : 0, column++, character === 10 && (column = 1, line++), 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) {
-    // \0 \t \n \r \s whitespace token
-    case 0:
-    case 9:
-    case 10:
-    case 13:
-    case 32:
-      return 5;
-    // ! + , / > @ ~ isolate token
-    case 33:
-    case 43:
-    case 44:
-    case 47:
-    case 62:
-    case 64:
-    case 126:
-    // ; { } breakpoint token
-    case 59:
-    case 123:
-    case 125:
-      return 4;
-    // : accompanied token
-    case 58:
-      return 3;
-    // " ' ( [ opening delimit token
-    case 34:
-    case 39:
-    case 40:
-    case 91:
-      return 2;
-    // ) ] closing delimit token
-    case 41:
-    case 93:
-      return 1;
-  }
-  return 0;
-}
-function 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) {
-  for (; (character = peek()) && character < 33; )
-    next();
-  return token(type) > 2 || token(character) > 3 ? "" : " ";
-}
-function escaping(index2, count) {
-  for (; --count && next() && !(character < 48 || character > 102 || character > 57 && character < 65 || character > 70 && character < 97); )
-    ;
-  return slice(index2, caret() + (count < 6 && peek() == 32 && next() == 32));
-}
-function delimiter(type) {
-  for (; next(); )
-    switch (character) {
-      // ] ) " '
-      case type:
-        return position;
-      // " '
-      case 34:
-      case 39:
-        type !== 34 && type !== 39 && delimiter(character);
-        break;
-      // (
-      case 40:
-        type === 41 && delimiter(type);
-        break;
-      // \
-      case 92:
-        next();
-        break;
-    }
-  return position;
-}
-function commenter(type, index2) {
-  for (; next() && type + character !== 57; )
-    if (type + character === 84 && peek() === 47)
-      break;
-  return "/*" + slice(index2, position - 1) + "*" + from(type === 47 ? type : next());
-}
-function identifier(index2) {
-  for (; !token(peek()); )
-    next();
-  return slice(index2, position);
-}
-
-// ../../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) {
-  for (var index2 = 0, offset = 0, length2 = pseudo, atrule = 0, property = 0, previous = 0, variable = 1, scanning = 1, ampersand = 1, character2 = 0, type = "", props = rules, children = rulesets, reference = rule, characters2 = type; scanning; )
-    switch (previous = character2, character2 = next()) {
-      // (
-      case 40:
-        if (previous != 108 && charat(characters2, length2 - 1) == 58) {
-          indexof(characters2 += replace(delimit(character2), "&", "&\f"), "&\f") != -1 && (ampersand = -1);
-          break;
-        }
-      // " ' [
-      case 34:
-      case 39:
-      case 91:
-        characters2 += delimit(character2);
-        break;
-      // \t \n \r \s
-      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[index2++] = strlen(characters2) * ampersand;
-      // } ; \0
-      case 125 * variable:
-      case 59:
-      case 0:
-        switch (character2) {
-          // \0 }
-          case 0:
-          case 125:
-            scanning = 0;
-          // ;
-          case 59 + offset:
-            ampersand == -1 && (characters2 = replace(characters2, /\f/g, "")), 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 += ";";
-          // { rule/at-rule
-          default:
-            if (append(reference = ruleset(characters2, root, parent, index2, offset, rules, points, type, props = [], children = [], length2), rulesets), 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) {
-                  // d l m s
-                  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);
-                }
-        }
-        index2 = 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[index2++] = (strlen(characters2) - 1) * ampersand, ampersand = 1;
-            break;
-          // @
-          case 64:
-            peek() === 45 && (characters2 += delimit(next())), atrule = peek(), offset = length2 = strlen(type = characters2 += identifier(caret())), character2++;
-            break;
-          // -
-          case 45:
-            previous === 45 && strlen(characters2) == 2 && (variable = 0);
-        }
-    }
-  return rulesets;
-}
-function ruleset(value, root, parent, index2, offset, rules, points, type, props, children, length2) {
-  for (var post = offset - 1, rule = offset === 0 ? rules : [""], size = sizeof(rule), i = 0, j = 0, k = 0; i < index2; ++i)
-    for (var x = 0, y = substr(value, post + 1, post = abs(j = points[i])), z = value; x < size; ++x)
-      (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);
-}
-
-// ../../node_modules/stylis/src/Serializer.js
-function serialize(children, callback) {
-  for (var output = "", length2 = sizeof(children), i = 0; i < length2; i++)
-    output += callback(children[i], i, children, callback) || "";
-  return output;
-}
-function stringify(element, index2, 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 + "}" : "";
-}
-
-// ../../node_modules/stylis/src/Middleware.js
-function middleware(collection) {
-  var length2 = sizeof(collection);
-  return function(element, index2, children, callback) {
-    for (var output = "", i = 0; i < length2; i++)
-      output += collection[i](element, index2, children, callback) || "";
-    return output;
-  };
-}
-function rulesheet(callback) {
-  return function(element) {
-    element.root || (element = element.return) && callback(element);
-  };
-}
-
-// ../../node_modules/@emotion/weak-memoize/dist/emotion-weak-memoize.esm.js
-var weakMemoize = function(func) {
-  var cache = /* @__PURE__ */ new WeakMap();
-  return function(arg) {
-    if (cache.has(arg))
-      return cache.get(arg);
-    var ret = func(arg);
-    return cache.set(arg, ret), ret;
-  };
-};
-
-// ../../node_modules/@emotion/memoize/dist/emotion-memoize.esm.js
-function memoize(fn) {
-  var cache = /* @__PURE__ */ Object.create(null);
-  return function(arg) {
-    return cache[arg] === void 0 && (cache[arg] = fn(arg)), cache[arg];
-  };
-}
-
-// ../../node_modules/@emotion/cache/dist/emotion-cache.browser.esm.js
-var identifierWithPointTracking = function(begin, points, index2) {
-  for (var previous = 0, character2 = 0; previous = character2, character2 = peek(), previous === 38 && character2 === 12 && (points[index2] = 1), !token(character2); )
-    next();
-  return slice(begin, position);
-}, toRules = function(parsed, points) {
-  var index2 = -1, character2 = 44;
-  do
-    switch (token(character2)) {
-      case 0:
-        character2 === 38 && peek() === 12 && (points[index2] = 1), parsed[index2] += identifierWithPointTracking(position - 1, points, index2);
-        break;
-      case 2:
-        parsed[index2] += delimit(character2);
-        break;
-      case 4:
-        if (character2 === 44) {
-          parsed[++index2] = peek() === 58 ? "&\f" : "", points[index2] = parsed[index2].length;
-          break;
-        }
-      // fallthrough
-      default:
-        parsed[index2] += from(character2);
-    }
-  while (character2 = next());
-  return parsed;
-}, getRules = function(value, points) {
-  return dealloc(toRules(alloc(value), points));
-}, fixedElements = /* @__PURE__ */ new WeakMap(), compat = function(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)) {
-    for (var value = element.value, parent = element.parent, isImplicitRule = element.column === parent.column && element.line === parent.line; parent.type !== "rule"; )
-      if (parent = parent.parent, !parent) return;
-    if (!(element.props.length === 1 && value.charCodeAt(0) !== 58 && !fixedElements.get(parent)) && !isImplicitRule) {
-      fixedElements.set(element, !0);
-      for (var points = [], rules = getRules(value, points), parentRules = parent.props, 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(element) {
-  if (element.type === "decl") {
-    var value = element.value;
-    // charcode for l
-    value.charCodeAt(0) === 108 && // charcode for b
-    value.charCodeAt(2) === 98 && (element.return = "", element.value = "");
-  }
-};
-function prefix2(value, length2) {
-  switch (hash(value, length2)) {
-    // color-adjust
-    case 5103:
-      return WEBKIT + "print-" + value + value;
-    // animation, animation-(delay|direction|duration|fill-mode|iteration-count|name|play-state|timing-function)
-    case 5737:
-    case 4201:
-    case 3177:
-    case 3433:
-    case 1641:
-    case 4457:
-    case 2921:
-    // text-decoration, filter, clip-path, backface-visibility, column, box-decoration-break
-    case 5572:
-    case 6356:
-    case 5844:
-    case 3191:
-    case 6645:
-    case 3005:
-    // mask, mask-image, mask-(mode|clip|size), mask-(repeat|origin), mask-position, mask-composite,
-    case 6391:
-    case 5879:
-    case 5623:
-    case 6135:
-    case 4599:
-    case 4855:
-    // background-clip, columns, column-(count|fill|gap|rule|rule-color|rule-style|rule-width|span|width)
-    case 4215:
-    case 6389:
-    case 5109:
-    case 5365:
-    case 5621:
-    case 3829:
-      return WEBKIT + value + value;
-    // appearance, user-select, transform, hyphens, text-size-adjust
-    case 5349:
-    case 4246:
-    case 4810:
-    case 6968:
-    case 2756:
-      return WEBKIT + value + MOZ + value + MS + value + value;
-    // flex, flex-direction
-    case 6828:
-    case 4268:
-      return WEBKIT + value + MS + value + value;
-    // order
-    case 6165:
-      return WEBKIT + value + MS + "flex-" + value + value;
-    // align-items
-    case 5187:
-      return WEBKIT + value + replace(value, /(\w+).+(:[^]+)/, WEBKIT + "box-$1$2" + MS + "flex-$1$2") + value;
-    // align-self
-    case 5443:
-      return WEBKIT + value + MS + "flex-item-" + replace(value, /flex-|-self/, "") + value;
-    // align-content
-    case 4675:
-      return WEBKIT + value + MS + "flex-line-pack" + replace(value, /align-content|flex-|-self/, "") + value;
-    // flex-shrink
-    case 5548:
-      return WEBKIT + value + MS + replace(value, "shrink", "negative") + value;
-    // flex-basis
-    case 5292:
-      return WEBKIT + value + MS + replace(value, "basis", "preferred-size") + value;
-    // flex-grow
-    case 6060:
-      return WEBKIT + "box-" + replace(value, "-grow", "") + WEBKIT + value + MS + replace(value, "grow", "positive") + value;
-    // transition
-    case 4554:
-      return WEBKIT + replace(value, /([^-])(transform)/g, "$1" + WEBKIT + "$2") + value;
-    // cursor
-    case 6187:
-      return replace(replace(replace(value, /(zoom-|grab)/, WEBKIT + "$1"), /(image-set)/, WEBKIT + "$1"), value, "") + value;
-    // background, background-image
-    case 5495:
-    case 3959:
-      return replace(value, /(image-set\([^]*)/, WEBKIT + "$1$`$1");
-    // justify-content
-    case 4968:
-      return replace(replace(value, /(.+:)(flex-)?(.*)/, WEBKIT + "box-pack:$3" + MS + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + WEBKIT + value + value;
-    // (margin|padding)-inline-(start|end)
-    case 4095:
-    case 3583:
-    case 4068:
-    case 2532:
-      return replace(value, /(.+)-inline(.+)/, WEBKIT + "$1$2") + value;
-    // (min|max)?(width|height|inline-size|block-size)
-    case 8116:
-    case 7059:
-    case 5753:
-    case 5535:
-    case 5445:
-    case 5701:
-    case 4933:
-    case 4677:
-    case 5533:
-    case 5789:
-    case 5021:
-    case 4765:
-      if (strlen(value) - 1 - length2 > 6) switch (charat(value, length2 + 1)) {
-        // (m)ax-content, (m)in-content
-        case 109:
-          if (charat(value, length2 + 4) !== 45) break;
-        // (f)ill-available, (f)it-content
-        case 102:
-          return replace(value, /(.+:)(.+)-([^]+)/, "$1" + WEBKIT + "$2-$3$1" + MOZ + (charat(value, length2 + 3) == 108 ? "$3" : "$2-$3")) + value;
-        // (s)tretch
-        case 115:
-          return ~indexof(value, "stretch") ? prefix2(replace(value, "stretch", "fill-available"), length2) + value : value;
-      }
-      break;
-    // position: sticky
-    case 4949:
-      if (charat(value, length2 + 1) !== 115) break;
-    // display: (flex|inline-flex)
-    case 6444:
-      switch (charat(value, strlen(value) - 3 - (~indexof(value, "!important") && 10))) {
-        // stic(k)y
-        case 107:
-          return replace(value, ":", ":" + WEBKIT) + value;
-        // (inline-)?fl(e)x
-        case 101:
-          return replace(value, /(.+:)([^;!]+)(;|!.+)?/, "$1" + WEBKIT + (charat(value, 14) === 45 ? "inline-" : "") + "box$3$1" + WEBKIT + "$2$3$1" + MS + "$2box$3") + value;
-      }
-      break;
-    // writing-mode
-    case 5936:
-      switch (charat(value, length2 + 11)) {
-        // vertical-l(r)
-        case 114:
-          return WEBKIT + value + MS + replace(value, /[svh]\w+-[tblr]{2}/, "tb") + value;
-        // vertical-r(l)
-        case 108:
-          return WEBKIT + value + MS + replace(value, /[svh]\w+-[tblr]{2}/, "tb-rl") + value;
-        // horizontal(-)tb
-        case 45:
-          return WEBKIT + value + MS + replace(value, /[svh]\w+-[tblr]{2}/, "lr") + value;
-      }
-      return WEBKIT + value + MS + value + value;
-  }
-  return value;
-}
-var prefixer = function(element, index2, children, callback) {
-  if (element.length > -1 && !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+)/)) {
-          // :read-(only|write)
-          case ":read-only":
-          case ":read-write":
-            return serialize([copy(element, {
-              props: [replace(value, /:(read-\w+)/, ":" + MOZ + "$1")]
-            })], callback);
-          // :placeholder
-          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], createCache = function(options) {
-  var key = options.key;
-  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");
-      dataEmotionAttribute.indexOf(" ") !== -1 && (document.head.appendChild(node2), node2.setAttribute("data-s", ""));
-    });
-  }
-  var stylisPlugins = options.stylisPlugins || defaultStylisPlugins, inserted = {}, container, 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) {
-      for (var attrib = node2.getAttribute("data-emotion").split(" "), i = 1; i < attrib.length; i++)
-        inserted[attrib[i]] = !0;
-      nodesToHydrate.push(node2);
-    }
-  );
-  var _insert, omnipresentPlugins = [compat, removeLabel];
-  {
-    var currentSheet, finalizingPlugins = [stringify, rulesheet(function(rule) {
-      currentSheet.insert(rule);
-    })], serializer = middleware(omnipresentPlugins.concat(stylisPlugins, finalizingPlugins)), stylis = function(styles2) {
-      return serialize(compile(styles2), serializer);
-    };
-    _insert = function(selector, serialized, sheet, shouldCache) {
-      currentSheet = sheet, stylis(selector ? selector + "{" + serialized.styles + "}" : serialized.styles), shouldCache && (cache.inserted[serialized.name] = !0);
-    };
-  }
-  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
-  };
-  return cache.sheet.hydrate(nodesToHydrate), cache;
-};
-
-// ../../node_modules/@emotion/react/_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.esm.js
-var import_hoist_non_react_statics = __toESM(require_hoist_non_react_statics_cjs()), hoistNonReactStatics = (function(targetComponent, sourceComponent) {
-  return (0, import_hoist_non_react_statics.default)(targetComponent, sourceComponent);
-});
-
-// ../../node_modules/@emotion/utils/dist/emotion-utils.browser.esm.js
-var isBrowser = !0;
-function getRegisteredStyles(registered, registeredStyles, classNames) {
-  var rawClassName = "";
-  return classNames.split(" ").forEach(function(className) {
-    registered[className] !== void 0 ? registeredStyles.push(registered[className] + ";") : className && (rawClassName += className + " ");
-  }), rawClassName;
-}
-var registerStyles = function(cache, serialized, isStringTag) {
-  var className = cache.key + "-" + serialized.name;
-  // 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 === !1 || // 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 === !1) && cache.registered[className] === void 0 && (cache.registered[className] = serialized.styles);
-}, insertStyles = function(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, !0), current = current.next;
-    while (current !== void 0);
-  }
-};
-
-// ../../node_modules/@emotion/hash/dist/emotion-hash.esm.js
-function murmur2(str) {
-  for (var h = 0, k, i = 0, len = str.length; 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);
-  }
-  return h ^= h >>> 13, h = /* Math.imul(h, m): */
-  (h & 65535) * 1540483477 + ((h >>> 16) * 59797 << 16), ((h ^ h >>> 15) >>> 0).toString(36);
-}
-
-// ../../node_modules/@emotion/unitless/dist/emotion-unitless.esm.js
-var 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.esm.js
-var isDevelopment2 = !1, hyphenateRegex = /[A-Z]|^ms/g, animationRegex = /_EMO_([^_]+?)_([^]*?)_EMO_/g, isCustomProperty = function(property) {
-  return property.charCodeAt(1) === 45;
-}, isProcessableValue = function(value) {
-  return value != null && typeof value != "boolean";
-}, processStyleName = memoize(function(styleName) {
-  return isCustomProperty(styleName) ? styleName : styleName.replace(hyphenateRegex, "-$&").toLowerCase();
-}), processStyleValue = function(key, value) {
-  switch (key) {
-    case "animation":
-    case "animationName":
-      if (typeof value == "string")
-        return value.replace(animationRegex, function(match2, p1, p2) {
-          return cursor = {
-            name: p1,
-            styles: p2,
-            next: cursor
-          }, p1;
-        });
-  }
-  return unitlessKeys[key] !== 1 && !isCustomProperty(key) && typeof value == "number" && value !== 0 ? value + "px" : value;
-}, noComponentSelectorMessage = "Component selectors can only be used in conjunction with @emotion/babel-plugin, the swc Emotion plugin, or another Emotion-aware compiler transform.";
-function handleInterpolation(mergedProps, registered, interpolation) {
-  if (interpolation == null)
-    return "";
-  var componentSelector = interpolation;
-  if (componentSelector.__emotion_styles !== void 0)
-    return componentSelector;
-  switch (typeof interpolation) {
-    case "boolean":
-      return "";
-    case "object": {
-      var keyframes = interpolation;
-      if (keyframes.anim === 1)
-        return cursor = {
-          name: keyframes.name,
-          styles: keyframes.styles,
-          next: cursor
-        }, keyframes.name;
-      var serializedStyles = interpolation;
-      if (serializedStyles.styles !== void 0) {
-        var next2 = serializedStyles.next;
-        if (next2 !== void 0)
-          for (; next2 !== void 0; )
-            cursor = {
-              name: next2.name,
-              styles: next2.styles,
-              next: cursor
-            }, next2 = next2.next;
-        var styles2 = serializedStyles.styles + ";";
-        return styles2;
-      }
-      return createStringFromObject(mergedProps, registered, interpolation);
-    }
-    case "function": {
-      if (mergedProps !== void 0) {
-        var previousCursor = cursor, result = interpolation(mergedProps);
-        return cursor = previousCursor, handleInterpolation(mergedProps, registered, result);
-      }
-      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;
-        registered != null && registered[asString] !== void 0 ? string += key + "{" + registered[asString] + "}" : 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++)
-            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:
-              string += key + "{" + interpolated + "}";
-          }
-        }
-      }
-    }
-  return string;
-}
-var labelPattern = /label:\s*([^\s;{]+)\s*(;|$)/g, cursor;
-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 = !0, styles2 = "";
-  cursor = void 0;
-  var strings = args[0];
-  if (strings == null || strings.raw === void 0)
-    stringMode = !1, styles2 += handleInterpolation(mergedProps, registered, strings);
-  else {
-    var asTemplateStringsArr = strings;
-    styles2 += asTemplateStringsArr[0];
-  }
-  for (var i = 1; i < args.length; i++)
-    if (styles2 += handleInterpolation(mergedProps, registered, args[i]), stringMode) {
-      var templateStringsArr = strings;
-      styles2 += templateStringsArr[i];
-    }
-  labelPattern.lastIndex = 0;
-  for (var identifierName = "", match2; (match2 = labelPattern.exec(styles2)) !== null; )
-    identifierName += "-" + match2[1];
-  var name = murmur2(styles2) + identifierName;
-  return {
-    name,
-    styles: styles2,
-    next: cursor
-  };
-}
-
-// ../../node_modules/@emotion/use-insertion-effect-with-fallbacks/dist/emotion-use-insertion-effect-with-fallbacks.browser.esm.js
-import * as React from "react";
-var syncFallback = function(create) {
-  return create();
-}, useInsertionEffect2 = React.useInsertionEffect ? React.useInsertionEffect : !1, useInsertionEffectAlwaysWithSyncFallback = useInsertionEffect2 || syncFallback, useInsertionEffectWithLayoutFallback = useInsertionEffect2 || React.useLayoutEffect;
+import "../_browser-chunks/chunk-LE2LTDW3.js";
+import "../_browser-chunks/chunk-IMSF75WX.js";
 
-// ../../node_modules/@emotion/react/dist/emotion-element-f0de968e.browser.esm.js
-var isDevelopment3 = !1, 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 < "u" ? createCache({
-    key: "css"
-  }) : null
-), CacheProvider = EmotionCacheContext.Provider;
-var withEmotionCache = function(func) {
-  return forwardRef2(function(props, ref) {
-    var cache = useContext2(EmotionCacheContext);
-    return func(props, cache, ref);
-  });
-}, ThemeContext = React2.createContext({}), useTheme = function() {
-  return React2.useContext(ThemeContext);
-}, getTheme = function(outerTheme, theme2) {
-  if (typeof theme2 == "function") {
-    var mergedTheme = theme2(outerTheme);
-    return mergedTheme;
-  }
-  return _extends({}, outerTheme, theme2);
-}, createCacheWithTheme = weakMemoize(function(outerTheme) {
-  return weakMemoize(function(theme2) {
-    return getTheme(outerTheme, theme2);
-  });
-}), ThemeProvider = function(props) {
-  var theme2 = React2.useContext(ThemeContext);
-  return props.theme !== theme2 && (theme2 = createCacheWithTheme(theme2)(props.theme)), React2.createElement(ThemeContext.Provider, {
-    value: theme2
-  }, props.children);
-};
-function withTheme(Component) {
-  var componentName = Component.displayName || Component.name || "Component", WithTheme = React2.forwardRef(function(props, ref) {
-    var theme2 = React2.useContext(ThemeContext);
-    return React2.createElement(Component, _extends({
-      theme: theme2,
-      ref
-    }, props));
-  });
-  return WithTheme.displayName = "WithTheme(" + componentName + ")", hoistNonReactStatics(WithTheme, Component);
-}
-var hasOwn = {}.hasOwnProperty, typePropName = "__EMOTION_TYPE_PLEASE_DO_NOT_USE__", createEmotionProps = function(type, props) {
-  var newProps = {};
-  for (var _key in props)
-    hasOwn.call(props, _key) && (newProps[_key] = props[_key]);
-  return newProps[typePropName] = type, newProps;
-}, Insertion = function(_ref) {
-  var cache = _ref.cache, serialized = _ref.serialized, isStringTag = _ref.isStringTag;
-  return registerStyles(cache, serialized, isStringTag), useInsertionEffectAlwaysWithSyncFallback(function() {
-    return insertStyles(cache, serialized, isStringTag);
-  }), null;
-}, Emotion = withEmotionCache(function(props, cache, ref) {
-  var cssProp = props.css;
-  typeof cssProp == "string" && cache.registered[cssProp] !== void 0 && (cssProp = cache.registered[cssProp]);
-  var WrappedComponent = props[typePropName], registeredStyles = [cssProp], className = "";
-  typeof props.className == "string" ? className = getRegisteredStyles(cache.registered, registeredStyles, props.className) : props.className != null && (className = props.className + " ");
-  var serialized = serializeStyles(registeredStyles, void 0, React2.useContext(ThemeContext));
-  className += cache.key + "-" + serialized.name;
-  var newProps = {};
-  for (var _key2 in props)
-    hasOwn.call(props, _key2) && _key2 !== "css" && _key2 !== typePropName && !isDevelopment3 && (newProps[_key2] = props[_key2]);
-  return newProps.className = className, ref && (newProps.ref = ref), React2.createElement(React2.Fragment, null, React2.createElement(Insertion, {
-    cache,
-    serialized,
-    isStringTag: typeof WrappedComponent == "string"
-  }), React2.createElement(WrappedComponent, newProps));
-}), Emotion$1 = Emotion;
-
-// ../../node_modules/@emotion/react/dist/emotion-react.browser.esm.js
-import * as React3 from "react";
-var import_hoist_non_react_statics2 = __toESM(require_hoist_non_react_statics_cjs()), jsx = function(type, props) {
-  var args = arguments;
-  if (props == null || !hasOwn.call(props, "css"))
-    return React3.createElement.apply(void 0, args);
-  var argsLength = args.length, 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(_jsx) {
-  var JSX;
-  JSX || (JSX = _jsx.JSX || (_jsx.JSX = {}));
-})(jsx || (jsx = {}));
-var Global = withEmotionCache(function(props, cache) {
-  var styles2 = props.styles, serialized = serializeStyles([styles2], void 0, React3.useContext(ThemeContext)), sheetRef = React3.useRef();
-  return useInsertionEffectWithLayoutFallback(function() {
-    var key = cache.key + "-global", sheet = new cache.sheet.constructor({
-      key,
-      nonce: cache.sheet.nonce,
-      container: cache.sheet.container,
-      speedy: cache.sheet.isSpeedy
-    }), rehydrating = !1, node2 = document.querySelector('style[data-emotion="' + key + " " + serialized.name + '"]');
-    return cache.sheet.tags.length && (sheet.before = cache.sheet.tags[0]), node2 !== null && (rehydrating = !0, node2.setAttribute("data-emotion", key), sheet.hydrate([node2])), sheetRef.current = [sheet, rehydrating], function() {
-      sheet.flush();
-    };
-  }, [cache]), useInsertionEffectWithLayoutFallback(function() {
-    var sheetRefCurrent = sheetRef.current, sheet = sheetRefCurrent[0], rehydrating = sheetRefCurrent[1];
-    if (rehydrating) {
-      sheetRefCurrent[1] = !1;
-      return;
-    }
-    if (serialized.next !== void 0 && insertStyles(cache, serialized.next, !0), sheet.tags.length) {
-      var element = sheet.tags[sheet.tags.length - 1].nextElementSibling;
-      sheet.before = element, sheet.flush();
-    }
-    cache.insert("", serialized, sheet, !1);
-  }, [cache, serialized.name]), null;
-});
-var classnames = function classnames2(args) {
-  for (var len = args.length, i = 0, cls = ""; i < len; i++) {
-    var arg = args[i];
-    if (arg != null) {
-      var toAdd = void 0;
-      switch (typeof arg) {
-        case "boolean":
-          break;
-        case "object": {
-          if (Array.isArray(arg))
-            toAdd = classnames2(arg);
-          else {
-            toAdd = "";
-            for (var k in arg)
-              arg[k] && k && (toAdd && (toAdd += " "), toAdd += k);
-          }
-          break;
-        }
-        default:
-          toAdd = arg;
-      }
-      toAdd && (cls && (cls += " "), cls += toAdd);
-    }
-  }
-  return cls;
-};
-function merge(registered, css2, className) {
-  var registeredStyles = [], rawClassName = getRegisteredStyles(registered, registeredStyles, className);
-  return registeredStyles.length < 2 ? className : rawClassName + css2(registeredStyles);
-}
-var Insertion3 = function(_ref) {
-  var cache = _ref.cache, serializedArr = _ref.serializedArr;
-  return useInsertionEffectAlwaysWithSyncFallback(function() {
-    for (var i = 0; i < serializedArr.length; i++)
-      insertStyles(cache, serializedArr[i], !1);
-  }), null;
-}, ClassNames = withEmotionCache(function(props, cache) {
-  var hasRendered = !1, serializedArr = [], css2 = function() {
-    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);
-    return serializedArr.push(serialized), registerStyles(cache, serialized, !1), cache.key + "-" + serialized.name;
-  }, cx = function() {
-    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));
-  }, content = {
-    css: css2,
-    cx,
-    theme: React3.useContext(ThemeContext)
-  }, ele = props.children(content);
-  return hasRendered = !0, React3.createElement(React3.Fragment, null, React3.createElement(Insertion3, {
-    cache,
-    serializedArr
-  }), ele);
-});
-
-// ../../node_modules/@emotion/primitives-core/dist/emotion-primitives-core.esm.js
-function interleave(vals) {
-  for (var strings = vals[0], finalArray = [strings[0]], i = 1, len = vals.length; i < len; i++)
-    finalArray.push(vals[i]), strings[i] !== void 0 && finalArray.push(strings[i]);
-  return finalArray;
-}
-var styles, generated = {}, buffer = "", lastType;
-function handleInterpolation2(interpolation, i, arr) {
-  var type = typeof interpolation;
-  if (type === "string" && (interpolation = interpolation.replace(/\/\*[\s\S]*?\*\/|\/\/.*$/gm, "")), type === "function") {
-    this === void 0 || handleInterpolation2.call(this, interpolation(this), i, arr);
-    return;
-  }
-  var isIrrelevant = interpolation == null || type === "boolean", isRnStyle = type === "object" && !Array.isArray(interpolation) || type === "number";
-  if (lastType === "string" && (isRnStyle || isIrrelevant)) {
-    var converted = convertStyles(buffer);
-    converted !== void 0 && styles.push(converted), buffer = "";
-  }
-  if (!isIrrelevant) {
-    if (type === "string" && (buffer += interpolation, arr.length - 1 === i)) {
-      var _converted = convertStyles(buffer);
-      _converted !== void 0 && styles.push(_converted), buffer = "";
-    }
-    isRnStyle && styles.push(interpolation), Array.isArray(interpolation) && interpolation.forEach(handleInterpolation2, this), lastType = type;
-  }
-}
-function createCss(StyleSheet4) {
-  return function() {
-    var prevBuffer = buffer, vals;
-    styles = [], buffer = "", lastType = void 0;
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++)
-      args[_key] = arguments[_key];
-    args[0] == null || args[0].raw === void 0 ? vals = args : vals = interleave(args);
-    try {
-      vals.forEach(handleInterpolation2, this);
-    } finally {
-      buffer = prevBuffer;
-    }
-    var hash2 = JSON.stringify(styles);
-    if (!generated[hash2]) {
-      var styleSheet = StyleSheet4.create({
-        generated: StyleSheet4.flatten(styles)
-      });
-      generated[hash2] = styleSheet.generated;
-    }
-    return generated[hash2];
-  };
-}
-var propertyValuePattern = /\s*([^\s]+)\s*:\s*(.+?)\s*$/;
-function convertPropertyValue(style) {
-  var match2 = propertyValuePattern.exec(style);
-  match2 !== null && match2[2] !== " " && (match2.shift(), this.push(match2));
-}
-function convertStyles(str) {
-  if (str.trim() !== "") {
-    var stylePairs = [], parsedString = str.split(";");
-    parsedString.forEach(convertPropertyValue, stylePairs);
-    try {
-      return (0, import_css_to_react_native.default)(stylePairs);
-    } catch (error) {
-      var msg = error?.message;
-      if (msg && msg.includes("Failed to parse declaration")) {
-        var values = msg.replace("Failed to parse declaration ", "").replace(/"/g, "").trim().split(":"), errorMsg = "'" + values[0] + "' shorthand property requires units for example - " + values[0] + ": 20px or " + values[0] + ": 10px 20px 40px 50px";
-        console.error(errorMsg);
-      }
-    }
-  }
-}
-var testOmitPropsOnComponent = function(prop) {
-  return prop !== "theme" && prop !== "as";
-};
-function createStyled(StyleSheet4, options) {
-  var _options$getShouldFor, getShouldForwardProp = (_options$getShouldFor = options?.getShouldForwardProp) != null ? _options$getShouldFor : function() {
-    return testOmitPropsOnComponent;
-  }, css2 = createCss(StyleSheet4);
-  return function createEmotion(component, options2) {
-    var shouldForwardProp = options2 && options2.shouldForwardProp ? options2.shouldForwardProp : void 0, defaultShouldForwardProp = shouldForwardProp || getShouldForwardProp(component), shouldUseAs = !defaultShouldForwardProp("as");
-    return function() {
-      for (var styles2, _len = arguments.length, rawStyles = new Array(_len), _key = 0; _key < _len; _key++)
-        rawStyles[_key] = arguments[_key];
-      rawStyles[0] == null || rawStyles[0].raw === void 0 ? styles2 = rawStyles : styles2 = interleave(rawStyles);
-      var Styled = React4.forwardRef(function(props, ref) {
-        var finalTag = shouldUseAs && props.as || component, mergedProps = props;
-        if (props.theme == null) {
-          mergedProps = {};
-          for (var key in props)
-            mergedProps[key] = props[key];
-          mergedProps.theme = React4.useContext(ThemeContext);
-        }
-        var finalShouldForwardProp = shouldUseAs && shouldForwardProp === void 0 ? getShouldForwardProp(finalTag) : defaultShouldForwardProp, newProps = {};
-        for (var _key2 in props)
-          shouldUseAs && _key2 === "as" || finalShouldForwardProp(_key2) && (newProps[_key2] = props[_key2]);
-        return newProps.style = [css2.apply(mergedProps, styles2), props.style], ref && (newProps.ref = ref), React4.createElement(finalTag, newProps);
-      });
-      Styled.displayName = "emotion(" + getDisplayName(component) + ")";
-      var withComponent = function(newComponent) {
-        return createEmotion(newComponent).apply(void 0, styles2);
-      }, castedStyled = Styled;
-      return castedStyled.withComponent = withComponent, castedStyled;
-    };
-  };
-}
-var getDisplayName = function(primitive) {
-  return typeof primitive == "string" ? primitive : primitive.displayName || primitive.name || "Styled";
-};
-
-// ../../node_modules/@emotion/native/dist/emotion-native.esm.js
-var styled = createStyled(StyleSheet3), css = createCss(reactNative.StyleSheet), components = ["ActivityIndicator", "Button", "DatePickerIOS", "DrawerLayoutAndroid", "FlatList", "Image", "ImageBackground", "KeyboardAvoidingView", "ListView", "Modal", "NavigatorIOS", "Picker", "PickerIOS", "Pressable", "ProgressBarAndroid", "ProgressViewIOS", "RecyclerViewBackedScrollView", "RefreshControl", "SafeAreaView", "ScrollView", "SectionList", "SegmentedControlIOS", "Slider", "SnapshotViewIOS", "StatusBar", "SwipeableListView", "Switch", "SwitchIOS", "TabBarIOS", "Text", "TextInput", "ToolbarAndroid", "TouchableHighlight", "TouchableNativeFeedback", "TouchableOpacity", "TouchableWithoutFeedback", "View", "ViewPagerAndroid"], index = components.reduce(function(acc, comp) {
-  return Object.defineProperty(acc, comp, {
-    enumerable: !0,
-    configurable: !1,
-    get: function() {
-      return styled(reactNative[comp]);
-    }
-  });
-}, styled);
+// src/react-native-theming/index.ts
+import styled from "@emotion/native";
+import { useTheme, withTheme, ThemeProvider } from "@emotion/react";
 
 // src/react-native-theming/web-theme.ts
 var color = {
-  // Official color palette
-  primary: "#FF4785",
-  // coral
-  secondary: "#029CFD",
-  // ocean
-  secondaryLighter: "rgba(2, 157, 253, 0.9)",
-  // ocean
-  tertiary: "#FAFBFC",
-  ancillary: "#22a699",
+  // Forkbook palette: the iOS system colours
+  primary: "#007AFF",
+  // systemBlue
+  secondary: "#007AFF",
+  // systemBlue
+  secondaryLighter: "rgba(0, 122, 255, 0.9)",
+  tertiary: "#F2F2F7",
+  ancillary: "#30B0C7",
   // Complimentary
-  orange: "#FC521F",
-  gold: "#FFAE00",
-  green: "#66BF3C",
-  seafoam: "#37D5D3",
-  purple: "#6F2CAC",
-  ultraviolet: "#2A0481",
+  orange: "#FF9500",
+  gold: "#FFCC00",
+  green: "#34C759",
+  seafoam: "#32ADE6",
+  purple: "#AF52DE",
+  ultraviolet: "#5856D6",
   // Monochrome
   lightest: "#FFFFFF",
-  lighter: "#F7FAFC",
-  light: "#EEF3F6",
-  mediumlight: "#ECF4F9",
-  medium: "#D9E8F2",
-  mediumdark: "#73828C",
-  dark: "#5C6870",
-  darker: "#454E54",
-  darkest: "#2E3438",
+  lighter: "#F2F2F7",
+  light: "#E5E5EA",
+  mediumlight: "#E5E5EA",
+  medium: "#D1D1D6",
+  mediumdark: "#8E8E93",
+  dark: "#636366",
+  darker: "#48484A",
+  darkest: "#1C1C1E",
   // For borders
-  border: "hsla(203, 50%, 30%, 0.15)",
+  border: "rgba(60, 60, 67, 0.18)",
   // Status
-  positive: "#66BF3C",
-  negative: "#FF4400",
-  warning: "#E69D00",
+  positive: "#34C759",
+  negative: "#FF3B30",
+  warning: "#FF9500",
   critical: "#FFFFFF",
   // Text
-  defaultText: "#2E3438",
+  defaultText: "#1C1C1E",
   inverseText: "#FFFFFF",
-  positiveText: "#448028",
-  negativeText: "#D43900",
-  warningText: "#A15C20"
+  positiveText: "#248A3D",
+  negativeText: "#D70015",
+  warningText: "#C93400"
 }, background = {
-  app: "#F6F9FC",
+  app: "#F2F2F7",
   bar: color.lightest,
   content: color.lightest,
   preview: color.lightest,
@@ -2328,18 +57,16 @@ var color = {
   hoverable: curriedTransparentize$1(0.9, color.secondary),
   // hover state for items in a list
   // Notification, error, and warning backgrounds
-  positive: "#E1FFD4",
-  negative: "#FEDED2",
-  warning: "#FFF5CF",
-  critical: "#FF4400"
+  positive: "#EAF9EE",
+  negative: "#FFEBEA",
+  warning: "#FFF4E5",
+  critical: "#D70015"
 };
 var light = {
   base: "light",
-  // Storybook-specific color palette
-  colorPrimary: "#FF4785",
-  // coral
-  colorSecondary: "#029CFD",
-  // ocean
+  // Forkbook-specific color palette
+  colorPrimary: color.primary,
+  colorSecondary: color.secondary,
   // UI
   appBg: background.app,
   appContentBg: color.lightest,
@@ -2367,33 +94,31 @@ var light = {
   inputBorderRadius: 4
 }, dark = {
   base: "dark",
-  // Storybook-specific color palette
-  colorPrimary: "#FF4785",
-  // coral
-  colorSecondary: "#029CFD",
-  // ocean
+  // Forkbook palette: the iOS system colours (dark appearance)
+  colorPrimary: "#0A84FF",
+  colorSecondary: "#0A84FF",
   // UI
-  appBg: "#222425",
-  appContentBg: "#1B1C1D",
+  appBg: "#000000",
+  appContentBg: "#1C1C1E",
   appPreviewBg: color.lightest,
-  appBorderColor: "rgba(255,255,255,.1)",
+  appBorderColor: "rgba(84, 84, 88, 0.6)",
   appBorderRadius: 4,
   // Text colors
-  textColor: "#C9CDCF",
-  textInverseColor: "#222425",
-  textMutedColor: "#798186",
+  textColor: "#F2F2F7",
+  textInverseColor: "#1C1C1E",
+  textMutedColor: "#98989F",
   // Toolbar default and active colors
-  barTextColor: color.mediumdark,
-  barHoverColor: color.secondary,
-  barSelectedColor: color.secondary,
-  barBg: "#292C2E",
+  barTextColor: "#98989F",
+  barHoverColor: "#0A84FF",
+  barSelectedColor: "#0A84FF",
+  barBg: "#1C1C1E",
   // Form colors
-  buttonBg: "#222425",
-  buttonBorder: "rgba(255,255,255,.1)",
-  booleanBg: "#222425",
-  booleanSelectedBg: "#2E3438",
-  inputBg: "#1B1C1D",
-  inputBorder: "rgba(255,255,255,.1)",
+  buttonBg: "#2C2C2E",
+  buttonBorder: "rgba(84, 84, 88, 0.6)",
+  booleanBg: "#2C2C2E",
+  booleanSelectedBg: "#3A3A3C",
+  inputBg: "#2C2C2E",
+  inputBorder: "rgba(84, 84, 88, 0.6)",
   inputTextColor: color.lightest,
   inputBorderRadius: 4
 };
@@ -2584,7 +309,7 @@ var typography = {
 export {
   ThemeProvider,
   darkTheme,
-  index as styled,
+  styled,
   theme,
   useTheme,
   withTheme