@equinor/roma-framework 0.0.5-ALPHA.4 → 0.0.6

package/roma-framework.mjs

@@ -2,1303 +2,13 @@ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useFramework, FrameworkProvider } from "@equinor/fusion-framework-react";
 import { configureModules } from "@equinor/fusion-framework-app";
 import * as React from "react";
-import React__default, { useState, useMemo, useEffect, useContext, useRef, useDebugValue, createElement, createContext, forwardRef, lazy } from "react";
+import { useState, useEffect, createContext, forwardRef, lazy, useRef, useContext, useMemo } from "react";
 import { ModuleProvider } from "@equinor/fusion-framework-react-module";
-import { QueryClient, QueryClientProvider, useQueryClient, useQuery } from "@tanstack/react-query";
-import { useCurrentApp, useApps } from "@equinor/fusion-framework-react/app";
+import styled, { StyleSheetManager, css, keyframes } from "styled-components";
+import { QueryClient, QueryClientProvider, useQueryClient, useQuery, useMutation } from "@tanstack/react-query";
+import { useCurrentApp, useApps as useApps$1 } from "@equinor/fusion-framework-react/app";
 import { App } from "@equinor/fusion-framework-module-app/app";
 import { useHttpClient } from "@equinor/fusion-framework-react-module-http";
-var extendStatics = function(d, b2) {
-  extendStatics = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(d2, b3) {
-    d2.__proto__ = b3;
-  } || function(d2, b3) {
-    for (var p2 in b3)
-      if (Object.prototype.hasOwnProperty.call(b3, p2))
-        d2[p2] = b3[p2];
-  };
-  return extendStatics(d, b2);
-};
-function __extends(d, b2) {
-  if (typeof b2 !== "function" && b2 !== null)
-    throw new TypeError("Class extends value " + String(b2) + " is not a constructor or null");
-  extendStatics(d, b2);
-  function __() {
-    this.constructor = d;
-  }
-  d.prototype = b2 === null ? Object.create(b2) : (__.prototype = b2.prototype, new __());
-}
-var __assign = function() {
-  __assign = Object.assign || function __assign2(t) {
-    for (var s, i = 1, n = arguments.length; i < n; i++) {
-      s = arguments[i];
-      for (var p2 in s)
-        if (Object.prototype.hasOwnProperty.call(s, p2))
-          t[p2] = s[p2];
-    }
-    return t;
-  };
-  return __assign.apply(this, arguments);
-};
-function __rest$1(s, e) {
-  var t = {};
-  for (var p2 in s)
-    if (Object.prototype.hasOwnProperty.call(s, p2) && e.indexOf(p2) < 0)
-      t[p2] = s[p2];
-  if (s != null && typeof Object.getOwnPropertySymbols === "function")
-    for (var i = 0, p2 = Object.getOwnPropertySymbols(s); i < p2.length; i++) {
-      if (e.indexOf(p2[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p2[i]))
-        t[p2[i]] = s[p2[i]];
-    }
-  return t;
-}
-function __values(o) {
-  var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-  if (m)
-    return m.call(o);
-  if (o && typeof o.length === "number")
-    return {
-      next: function() {
-        if (o && i >= o.length)
-          o = void 0;
-        return { value: o && o[i++], done: !o };
-      }
-    };
-  throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-}
-function __read(o, n) {
-  var m = typeof Symbol === "function" && o[Symbol.iterator];
-  if (!m)
-    return o;
-  var i = m.call(o), r, ar = [], e;
-  try {
-    while ((n === void 0 || n-- > 0) && !(r = i.next()).done)
-      ar.push(r.value);
-  } catch (error) {
-    e = { error };
-  } finally {
-    try {
-      if (r && !r.done && (m = i["return"]))
-        m.call(i);
-    } finally {
-      if (e)
-        throw e.error;
-    }
-  }
-  return ar;
-}
-function __spreadArray(to, from2, pack) {
-  if (pack || arguments.length === 2)
-    for (var i = 0, l = from2.length, ar; i < l; i++) {
-      if (ar || !(i in from2)) {
-        if (!ar)
-          ar = Array.prototype.slice.call(from2, 0, i);
-        ar[i] = from2[i];
-      }
-    }
-  return to.concat(ar || Array.prototype.slice.call(from2));
-}
-typeof SuppressedError === "function" ? SuppressedError : function(error, suppressed, message) {
-  var e = new Error(message);
-  return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
-};
-function memoize$1(fn) {
-  var cache = /* @__PURE__ */ Object.create(null);
-  return function(arg) {
-    if (cache[arg] === void 0)
-      cache[arg] = fn(arg);
-    return cache[arg];
-  };
-}
-var reactPropsRegex = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/;
-var isPropValid = /* @__PURE__ */ memoize$1(
-  function(prop) {
-    return reactPropsRegex.test(prop) || prop.charCodeAt(0) === 111 && prop.charCodeAt(1) === 110 && prop.charCodeAt(2) < 91;
-  }
-  /* Z+1 */
-);
-function getDefaultExportFromCjs(x2) {
-  return x2 && x2.__esModule && Object.prototype.hasOwnProperty.call(x2, "default") ? x2["default"] : x2;
-}
-var shallowequal = function shallowEqual(objA, objB, compare, compareContext) {
-  var ret = compare ? compare.call(compareContext, objA, objB) : void 0;
-  if (ret !== void 0) {
-    return !!ret;
-  }
-  if (objA === objB) {
-    return true;
-  }
-  if (typeof objA !== "object" || !objA || typeof objB !== "object" || !objB) {
-    return false;
-  }
-  var keysA = Object.keys(objA);
-  var keysB = Object.keys(objB);
-  if (keysA.length !== keysB.length) {
-    return false;
-  }
-  var bHasOwnProperty = Object.prototype.hasOwnProperty.bind(objB);
-  for (var idx = 0; idx < keysA.length; idx++) {
-    var key = keysA[idx];
-    if (!bHasOwnProperty(key)) {
-      return false;
-    }
-    var valueA = objA[key];
-    var valueB = objB[key];
-    ret = compare ? compare.call(compareContext, valueA, valueB, key) : void 0;
-    if (ret === false || ret === void 0 && valueA !== valueB) {
-      return false;
-    }
-  }
-  return true;
-};
-const p = /* @__PURE__ */ getDefaultExportFromCjs(shallowequal);
-var MS = "-ms-";
-var MOZ = "-moz-";
-var WEBKIT = "-webkit-";
-var COMMENT = "comm";
-var RULESET = "rule";
-var DECLARATION = "decl";
-var IMPORT = "@import";
-var KEYFRAMES = "@keyframes";
-var LAYER = "@layer";
-var abs = Math.abs;
-var from = String.fromCharCode;
-var 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, index) {
-  return value.charCodeAt(index) | 0;
-}
-function substr(value, begin, end) {
-  return value.slice(begin, end);
-}
-function strlen(value) {
-  return value.length;
-}
-function sizeof(value) {
-  return value.length;
-}
-function append(value, array) {
-  return array.push(value), value;
-}
-function combine(array, callback) {
-  return array.map(callback).join("");
-}
-function filter$1(array, pattern) {
-  return array.filter(function(value) {
-    return !match(value, pattern);
-  });
-}
-var line = 1;
-var column = 1;
-var length = 0;
-var position = 0;
-var character = 0;
-var characters = "";
-function node(value, root, parent, type, props, children, length2, siblings) {
-  return { value, root, parent, type, props, children, line, column, length: length2, return: "", siblings };
-}
-function copy(root, props) {
-  return assign(node("", null, null, "", null, null, 0, root.siblings), root, { length: -root.length }, props);
-}
-function lift(root) {
-  while (root.root)
-    root = copy(root.root, { children: [root] });
-  append(root, root.siblings);
-}
-function char() {
-  return character;
-}
-function prev() {
-  character = position > 0 ? charat(characters, --position) : 0;
-  if (column--, character === 10)
-    column = 1, line--;
-  return character;
-}
-function next() {
-  character = position < length ? charat(characters, position++) : 0;
-  if (column++, character === 10)
-    column = 1, line++;
-  return character;
-}
-function peek() {
-  return charat(characters, position);
-}
-function caret() {
-  return position;
-}
-function slice(begin, end) {
-  return substr(characters, begin, end);
-}
-function token$1(type) {
-  switch (type) {
-    case 0:
-    case 9:
-    case 10:
-    case 13:
-    case 32:
-      return 5;
-    case 33:
-    case 43:
-    case 44:
-    case 47:
-    case 62:
-    case 64:
-    case 126:
-    case 59:
-    case 123:
-    case 125:
-      return 4;
-    case 58:
-      return 3;
-    case 34:
-    case 39:
-    case 40:
-    case 91:
-      return 2;
-    case 41:
-    case 93:
-      return 1;
-  }
-  return 0;
-}
-function alloc(value) {
-  return line = column = 1, length = strlen(characters = value), position = 0, [];
-}
-function dealloc(value) {
-  return characters = "", value;
-}
-function delimit(type) {
-  return trim(slice(position - 1, delimiter(type === 91 ? type + 2 : type === 40 ? type + 1 : type)));
-}
-function whitespace(type) {
-  while (character = peek())
-    if (character < 33)
-      next();
-    else
-      break;
-  return token$1(type) > 2 || token$1(character) > 3 ? "" : " ";
-}
-function escaping(index, count) {
-  while (--count && next())
-    if (character < 48 || character > 102 || character > 57 && character < 65 || character > 70 && character < 97)
-      break;
-  return slice(index, caret() + (count < 6 && peek() == 32 && next() == 32));
-}
-function delimiter(type) {
-  while (next())
-    switch (character) {
-      case type:
-        return position;
-      case 34:
-      case 39:
-        if (type !== 34 && type !== 39)
-          delimiter(character);
-        break;
-      case 40:
-        if (type === 41)
-          delimiter(type);
-        break;
-      case 92:
-        next();
-        break;
-    }
-  return position;
-}
-function commenter(type, index) {
-  while (next())
-    if (type + character === 47 + 10)
-      break;
-    else if (type + character === 42 + 42 && peek() === 47)
-      break;
-  return "/*" + slice(index, position - 1) + "*" + from(type === 47 ? type : next());
-}
-function identifier(index) {
-  while (!token$1(peek()))
-    next();
-  return slice(index, position);
-}
-function compile(value) {
-  return dealloc(parse$1("", null, null, null, [""], value = alloc(value), 0, [0], value));
-}
-function parse$1(value, root, parent, rule, rules, rulesets, pseudo, points, declarations) {
-  var index = 0;
-  var offset = 0;
-  var length2 = pseudo;
-  var atrule = 0;
-  var property = 0;
-  var previous = 0;
-  var variable = 1;
-  var scanning = 1;
-  var ampersand = 1;
-  var character2 = 0;
-  var type = "";
-  var props = rules;
-  var children = rulesets;
-  var reference = rule;
-  var characters2 = type;
-  while (scanning)
-    switch (previous = character2, character2 = next()) {
-      case 40:
-        if (previous != 108 && charat(characters2, length2 - 1) == 58) {
-          if (indexof(characters2 += replace(delimit(character2), "&", "&\f"), "&\f") != -1)
-            ampersand = -1;
-          break;
-        }
-      case 34:
-      case 39:
-      case 91:
-        characters2 += delimit(character2);
-        break;
-      case 9:
-      case 10:
-      case 13:
-      case 32:
-        characters2 += whitespace(previous);
-        break;
-      case 92:
-        characters2 += escaping(caret() - 1, 7);
-        continue;
-      case 47:
-        switch (peek()) {
-          case 42:
-          case 47:
-            append(comment(commenter(next(), caret()), root, parent, declarations), declarations);
-            break;
-          default:
-            characters2 += "/";
-        }
-        break;
-      case 123 * variable:
-        points[index++] = strlen(characters2) * ampersand;
-      case 125 * variable:
-      case 59:
-      case 0:
-        switch (character2) {
-          case 0:
-          case 125:
-            scanning = 0;
-          case 59 + offset:
-            if (ampersand == -1)
-              characters2 = replace(characters2, /\f/g, "");
-            if (property > 0 && strlen(characters2) - length2)
-              append(property > 32 ? declaration(characters2 + ";", rule, parent, length2 - 1, declarations) : declaration(replace(characters2, " ", "") + ";", rule, parent, length2 - 2, declarations), declarations);
-            break;
-          case 59:
-            characters2 += ";";
-          default:
-            append(reference = ruleset(characters2, root, parent, index, offset, rules, points, type, props = [], children = [], length2, rulesets), rulesets);
-            if (character2 === 123)
-              if (offset === 0)
-                parse$1(characters2, root, reference, reference, props, rulesets, length2, points, children);
-              else
-                switch (atrule === 99 && charat(characters2, 3) === 110 ? 100 : atrule) {
-                  case 100:
-                  case 108:
-                  case 109:
-                  case 115:
-                    parse$1(value, reference, reference, rule && append(ruleset(value, reference, reference, 0, 0, rules, points, type, rules, props = [], length2, children), children), rules, children, length2, points, rule ? props : children);
-                    break;
-                  default:
-                    parse$1(characters2, reference, reference, reference, [""], children, 0, points, children);
-                }
-        }
-        index = offset = property = 0, variable = ampersand = 1, type = characters2 = "", length2 = pseudo;
-        break;
-      case 58:
-        length2 = 1 + strlen(characters2), property = previous;
-      default:
-        if (variable < 1) {
-          if (character2 == 123)
-            --variable;
-          else if (character2 == 125 && variable++ == 0 && prev() == 125)
-            continue;
-        }
-        switch (characters2 += from(character2), character2 * variable) {
-          case 38:
-            ampersand = offset > 0 ? 1 : (characters2 += "\f", -1);
-            break;
-          case 44:
-            points[index++] = (strlen(characters2) - 1) * ampersand, ampersand = 1;
-            break;
-          case 64:
-            if (peek() === 45)
-              characters2 += delimit(next());
-            atrule = peek(), offset = length2 = strlen(type = characters2 += identifier(caret())), character2++;
-            break;
-          case 45:
-            if (previous === 45 && strlen(characters2) == 2)
-              variable = 0;
-        }
-    }
-  return rulesets;
-}
-function ruleset(value, root, parent, index, offset, rules, points, type, props, children, length2, siblings) {
-  var post = offset - 1;
-  var rule = offset === 0 ? rules : [""];
-  var size = sizeof(rule);
-  for (var i = 0, j2 = 0, k2 = 0; i < index; ++i)
-    for (var x2 = 0, y2 = substr(value, post + 1, post = abs(j2 = points[i])), z2 = value; x2 < size; ++x2)
-      if (z2 = trim(j2 > 0 ? rule[x2] + " " + y2 : replace(y2, /&\f/g, rule[x2])))
-        props[k2++] = z2;
-  return node(value, root, parent, offset === 0 ? RULESET : type, props, children, length2, siblings);
-}
-function comment(value, root, parent, siblings) {
-  return node(value, root, parent, COMMENT, from(char()), substr(value, 2, -2), 0, siblings);
-}
-function declaration(value, root, parent, length2, siblings) {
-  return node(value, root, parent, DECLARATION, substr(value, 0, length2), substr(value, length2 + 1, -1), length2, siblings);
-}
-function prefix(value, length2, children) {
-  switch (hash(value, length2)) {
-    case 5103:
-      return WEBKIT + "print-" + value + value;
-    case 5737:
-    case 4201:
-    case 3177:
-    case 3433:
-    case 1641:
-    case 4457:
-    case 2921:
-    case 5572:
-    case 6356:
-    case 5844:
-    case 3191:
-    case 6645:
-    case 3005:
-    case 6391:
-    case 5879:
-    case 5623:
-    case 6135:
-    case 4599:
-    case 4855:
-    case 4215:
-    case 6389:
-    case 5109:
-    case 5365:
-    case 5621:
-    case 3829:
-      return WEBKIT + value + value;
-    case 4789:
-      return MOZ + value + value;
-    case 5349:
-    case 4246:
-    case 4810:
-    case 6968:
-    case 2756:
-      return WEBKIT + value + MOZ + value + MS + value + value;
-    case 5936:
-      switch (charat(value, length2 + 11)) {
-        case 114:
-          return WEBKIT + value + MS + replace(value, /[svh]\w+-[tblr]{2}/, "tb") + value;
-        case 108:
-          return WEBKIT + value + MS + replace(value, /[svh]\w+-[tblr]{2}/, "tb-rl") + value;
-        case 45:
-          return WEBKIT + value + MS + replace(value, /[svh]\w+-[tblr]{2}/, "lr") + value;
-      }
-    case 6828:
-    case 4268:
-    case 2903:
-      return WEBKIT + value + MS + value + value;
-    case 6165:
-      return WEBKIT + value + MS + "flex-" + value + value;
-    case 5187:
-      return WEBKIT + value + replace(value, /(\w+).+(:[^]+)/, WEBKIT + "box-$1$2" + MS + "flex-$1$2") + value;
-    case 5443:
-      return WEBKIT + value + MS + "flex-item-" + replace(value, /flex-|-self/g, "") + (!match(value, /flex-|baseline/) ? MS + "grid-row-" + replace(value, /flex-|-self/g, "") : "") + value;
-    case 4675:
-      return WEBKIT + value + MS + "flex-line-pack" + replace(value, /align-content|flex-|-self/g, "") + value;
-    case 5548:
-      return WEBKIT + value + MS + replace(value, "shrink", "negative") + value;
-    case 5292:
-      return WEBKIT + value + MS + replace(value, "basis", "preferred-size") + value;
-    case 6060:
-      return WEBKIT + "box-" + replace(value, "-grow", "") + WEBKIT + value + MS + replace(value, "grow", "positive") + value;
-    case 4554:
-      return WEBKIT + replace(value, /([^-])(transform)/g, "$1" + WEBKIT + "$2") + value;
-    case 6187:
-      return replace(replace(replace(value, /(zoom-|grab)/, WEBKIT + "$1"), /(image-set)/, WEBKIT + "$1"), value, "") + value;
-    case 5495:
-    case 3959:
-      return replace(value, /(image-set\([^]*)/, WEBKIT + "$1$`$1");
-    case 4968:
-      return replace(replace(value, /(.+:)(flex-)?(.*)/, WEBKIT + "box-pack:$3" + MS + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + WEBKIT + value + value;
-    case 4200:
-      if (!match(value, /flex-|baseline/))
-        return MS + "grid-column-align" + substr(value, length2) + value;
-      break;
-    case 2592:
-    case 3360:
-      return MS + replace(value, "template-", "") + value;
-    case 4384:
-    case 3616:
-      if (children && children.some(function(element, index) {
-        return length2 = index, match(element.props, /grid-\w+-end/);
-      })) {
-        return ~indexof(value + (children = children[length2].value), "span") ? value : MS + replace(value, "-start", "") + value + MS + "grid-row-span:" + (~indexof(children, "span") ? match(children, /\d+/) : +match(children, /\d+/) - +match(value, /\d+/)) + ";";
-      }
-      return MS + replace(value, "-start", "") + value;
-    case 4896:
-    case 4128:
-      return children && children.some(function(element) {
-        return match(element.props, /grid-\w+-start/);
-      }) ? value : MS + replace(replace(value, "-end", "-span"), "span ", "") + value;
-    case 4095:
-    case 3583:
-    case 4068:
-    case 2532:
-      return replace(value, /(.+)-inline(.+)/, WEBKIT + "$1$2") + value;
-    case 8116:
-    case 7059:
-    case 5753:
-    case 5535:
-    case 5445:
-    case 5701:
-    case 4933:
-    case 4677:
-    case 5533:
-    case 5789:
-    case 5021:
-    case 4765:
-      if (strlen(value) - 1 - length2 > 6)
-        switch (charat(value, length2 + 1)) {
-          case 109:
-            if (charat(value, length2 + 4) !== 45)
-              break;
-          case 102:
-            return replace(value, /(.+:)(.+)-([^]+)/, "$1" + WEBKIT + "$2-$3$1" + MOZ + (charat(value, length2 + 3) == 108 ? "$3" : "$2-$3")) + value;
-          case 115:
-            return ~indexof(value, "stretch") ? prefix(replace(value, "stretch", "fill-available"), length2, children) + value : value;
-        }
-      break;
-    case 5152:
-    case 5920:
-      return replace(value, /(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/, function(_2, a, b2, c, d, e, f2) {
-        return MS + a + ":" + b2 + f2 + (c ? MS + a + "-span:" + (d ? e : +e - +b2) + f2 : "") + value;
-      });
-    case 4949:
-      if (charat(value, length2 + 6) === 121)
-        return replace(value, ":", ":" + WEBKIT) + value;
-      break;
-    case 6444:
-      switch (charat(value, charat(value, 14) === 45 ? 18 : 11)) {
-        case 120:
-          return replace(value, /(.+:)([^;\s!]+)(;|(\s+)?!.+)?/, "$1" + WEBKIT + (charat(value, 14) === 45 ? "inline-" : "") + "box$3$1" + WEBKIT + "$2$3$1" + MS + "$2box$3") + value;
-        case 100:
-          return replace(value, ":", ":" + MS) + value;
-      }
-      break;
-    case 5719:
-    case 2647:
-    case 2135:
-    case 3927:
-    case 2391:
-      return replace(value, "scroll-", "scroll-snap-") + value;
-  }
-  return value;
-}
-function serialize(children, callback) {
-  var output = "";
-  for (var i = 0; i < children.length; i++)
-    output += callback(children[i], i, children, callback) || "";
-  return output;
-}
-function stringify(element, index, children, callback) {
-  switch (element.type) {
-    case LAYER:
-      if (element.children.length)
-        break;
-    case IMPORT:
-    case DECLARATION:
-      return element.return = element.return || element.value;
-    case COMMENT:
-      return "";
-    case KEYFRAMES:
-      return element.return = element.value + "{" + serialize(element.children, callback) + "}";
-    case RULESET:
-      if (!strlen(element.value = element.props.join(",")))
-        return "";
-  }
-  return strlen(children = serialize(element.children, callback)) ? element.return = element.value + "{" + children + "}" : "";
-}
-function middleware(collection) {
-  var length2 = sizeof(collection);
-  return function(element, index, children, callback) {
-    var output = "";
-    for (var i = 0; i < length2; i++)
-      output += collection[i](element, index, children, callback) || "";
-    return output;
-  };
-}
-function rulesheet(callback) {
-  return function(element) {
-    if (!element.root) {
-      if (element = element.return)
-        callback(element);
-    }
-  };
-}
-function prefixer(element, index, children, callback) {
-  if (element.length > -1) {
-    if (!element.return)
-      switch (element.type) {
-        case DECLARATION:
-          element.return = prefix(element.value, element.length, children);
-          return;
-        case KEYFRAMES:
-          return serialize([copy(element, { value: replace(element.value, "@", "@" + WEBKIT) })], callback);
-        case RULESET:
-          if (element.length)
-            return combine(children = element.props, function(value) {
-              switch (match(value, callback = /(::plac\w+|:read-\w+)/)) {
-                case ":read-only":
-                case ":read-write":
-                  lift(copy(element, { props: [replace(value, /:(read-\w+)/, ":" + MOZ + "$1")] }));
-                  lift(copy(element, { props: [value] }));
-                  assign(element, { props: filter$1(children, callback) });
-                  break;
-                case "::placeholder":
-                  lift(copy(element, { props: [replace(value, /:(plac\w+)/, ":" + WEBKIT + "input-$1")] }));
-                  lift(copy(element, { props: [replace(value, /:(plac\w+)/, ":" + MOZ + "$1")] }));
-                  lift(copy(element, { props: [replace(value, /:(plac\w+)/, MS + "input-$1")] }));
-                  lift(copy(element, { props: [value] }));
-                  assign(element, { props: filter$1(children, callback) });
-                  break;
-              }
-              return "";
-            });
-      }
-  }
-}
-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,
-  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
-};
-var f = "undefined" != typeof process && void 0 !== process.env && (process.env.REACT_APP_SC_ATTR || process.env.SC_ATTR) || "data-styled", y = "undefined" != typeof window && "HTMLElement" in window, v = Boolean("boolean" == typeof SC_DISABLE_SPEEDY ? SC_DISABLE_SPEEDY : "undefined" != typeof process && void 0 !== process.env && void 0 !== process.env.REACT_APP_SC_DISABLE_SPEEDY && "" !== process.env.REACT_APP_SC_DISABLE_SPEEDY ? "false" !== process.env.REACT_APP_SC_DISABLE_SPEEDY && process.env.REACT_APP_SC_DISABLE_SPEEDY : "undefined" != typeof process && void 0 !== process.env && void 0 !== process.env.SC_DISABLE_SPEEDY && "" !== process.env.SC_DISABLE_SPEEDY ? "false" !== process.env.SC_DISABLE_SPEEDY && process.env.SC_DISABLE_SPEEDY : "production" !== process.env.NODE_ENV), S = /invalid hook call/i, w = /* @__PURE__ */ new Set(), b = function(t, n) {
-  if ("production" !== process.env.NODE_ENV) {
-    var o = n ? ' with the id of "'.concat(n, '"') : "", s = "The component ".concat(t).concat(o, " has been created dynamically.\n") + "You may see this warning because you've called styled inside another component.\nTo resolve this only create new StyledComponents outside of any render method and function component.", i = console.error;
-    try {
-      var a = true;
-      console.error = function(t2) {
-        for (var n2 = [], o2 = 1; o2 < arguments.length; o2++)
-          n2[o2 - 1] = arguments[o2];
-        S.test(t2) ? (a = false, w.delete(s)) : i.apply(void 0, __spreadArray([t2], n2, false));
-      }, useRef(), a && !w.has(s) && (console.warn(s), w.add(s));
-    } catch (e) {
-      S.test(e.message) && w.delete(s);
-    } finally {
-      console.error = i;
-    }
-  }
-}, E = Object.freeze([]), N = Object.freeze({});
-function P(e, t, n) {
-  return void 0 === n && (n = N), e.theme !== n.theme && e.theme || t || n.theme;
-}
-var _ = /* @__PURE__ */ new Set(["a", "abbr", "address", "area", "article", "aside", "audio", "b", "base", "bdi", "bdo", "big", "blockquote", "body", "br", "button", "canvas", "caption", "cite", "code", "col", "colgroup", "data", "datalist", "dd", "del", "details", "dfn", "dialog", "div", "dl", "dt", "em", "embed", "fieldset", "figcaption", "figure", "footer", "form", "h1", "h2", "h3", "h4", "h5", "h6", "header", "hgroup", "hr", "html", "i", "iframe", "img", "input", "ins", "kbd", "keygen", "label", "legend", "li", "link", "main", "map", "mark", "menu", "menuitem", "meta", "meter", "nav", "noscript", "object", "ol", "optgroup", "option", "output", "p", "param", "picture", "pre", "progress", "q", "rp", "rt", "ruby", "s", "samp", "script", "section", "select", "small", "source", "span", "strong", "style", "sub", "summary", "sup", "table", "tbody", "td", "textarea", "tfoot", "th", "thead", "time", "tr", "track", "u", "ul", "use", "var", "video", "wbr", "circle", "clipPath", "defs", "ellipse", "foreignObject", "g", "image", "line", "linearGradient", "marker", "mask", "path", "pattern", "polygon", "polyline", "radialGradient", "rect", "stop", "svg", "text", "tspan"]), C = /[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g, I = /(^-|-$)/g;
-function A(e) {
-  return e.replace(C, "-").replace(I, "");
-}
-var O = /(a)(d)/gi, D = function(e) {
-  return String.fromCharCode(e + (e > 25 ? 39 : 97));
-};
-function R(e) {
-  var t, n = "";
-  for (t = Math.abs(e); t > 52; t = t / 52 | 0)
-    n = D(t % 52) + n;
-  return (D(t % 52) + n).replace(O, "$1-$2");
-}
-var T, k = function(e, t) {
-  for (var n = t.length; n; )
-    e = 33 * e ^ t.charCodeAt(--n);
-  return e;
-}, j = function(e) {
-  return k(5381, e);
-};
-function x(e) {
-  return R(j(e) >>> 0);
-}
-function V(e) {
-  return "production" !== process.env.NODE_ENV && "string" == typeof e && e || e.displayName || e.name || "Component";
-}
-function F(e) {
-  return "string" == typeof e && ("production" === process.env.NODE_ENV || e.charAt(0) === e.charAt(0).toLowerCase());
-}
-var M = "function" == typeof Symbol && Symbol.for, $ = M ? Symbol.for("react.memo") : 60115, z = M ? Symbol.for("react.forward_ref") : 60112, B = { childContextTypes: true, contextType: true, contextTypes: true, defaultProps: true, displayName: true, getDefaultProps: true, getDerivedStateFromError: true, getDerivedStateFromProps: true, mixins: true, propTypes: true, type: true }, L = { name: true, length: true, prototype: true, caller: true, callee: true, arguments: true, arity: true }, G = { $$typeof: true, compare: true, defaultProps: true, displayName: true, propTypes: true, type: true }, Y = ((T = {})[z] = { $$typeof: true, render: true, defaultProps: true, displayName: true, propTypes: true }, T[$] = G, T);
-function W(e) {
-  return ("type" in (t = e) && t.type.$$typeof) === $ ? G : "$$typeof" in e ? Y[e.$$typeof] : B;
-  var t;
-}
-var q = Object.defineProperty, H = Object.getOwnPropertyNames, U = Object.getOwnPropertySymbols, J = Object.getOwnPropertyDescriptor, X = Object.getPrototypeOf, Z = Object.prototype;
-function K(e, t, n) {
-  if ("string" != typeof t) {
-    if (Z) {
-      var o = X(t);
-      o && o !== Z && K(e, o, n);
-    }
-    var r = H(t);
-    U && (r = r.concat(U(t)));
-    for (var s = W(e), i = W(t), a = 0; a < r.length; ++a) {
-      var c = r[a];
-      if (!(c in L || n && n[c] || i && c in i || s && c in s)) {
-        var l = J(t, c);
-        try {
-          q(e, c, l);
-        } catch (e2) {
-        }
-      }
-    }
-  }
-  return e;
-}
-function Q(e) {
-  return "function" == typeof e;
-}
-function ee(e) {
-  return "object" == typeof e && "styledComponentId" in e;
-}
-function te(e, t) {
-  return e && t ? "".concat(e, " ").concat(t) : e || t || "";
-}
-function ne(e, t) {
-  if (0 === e.length)
-    return "";
-  for (var n = e[0], o = 1; o < e.length; o++)
-    n += t ? t + e[o] : e[o];
-  return n;
-}
-function oe(e) {
-  return null !== e && "object" == typeof e && e.constructor.name === Object.name && !("props" in e && e.$$typeof);
-}
-function re$1(e, t, n) {
-  if (void 0 === n && (n = false), !n && !oe(e) && !Array.isArray(e))
-    return t;
-  if (Array.isArray(t))
-    for (var o = 0; o < t.length; o++)
-      e[o] = re$1(e[o], t[o]);
-  else if (oe(t))
-    for (var o in t)
-      e[o] = re$1(e[o], t[o]);
-  return e;
-}
-function se(e, t) {
-  Object.defineProperty(e, "toString", { value: t });
-}
-var ie = "production" !== process.env.NODE_ENV ? { 1: "Cannot create styled-component for component: %s.\n\n", 2: "Can't collect styles once you've consumed a `ServerStyleSheet`'s styles! `ServerStyleSheet` is a one off instance for each server-side render cycle.\n\n- Are you trying to reuse it across renders?\n- Are you accidentally calling collectStyles twice?\n\n", 3: "Streaming SSR is only supported in a Node.js environment; Please do not try to call this method in the browser.\n\n", 4: "The `StyleSheetManager` expects a valid target or sheet prop!\n\n- Does this error occur on the client and is your target falsy?\n- Does this error occur on the server and is the sheet falsy?\n\n", 5: "The clone method cannot be used on the client!\n\n- Are you running in a client-like environment on the server?\n- Are you trying to run SSR on the client?\n\n", 6: "Trying to insert a new style tag, but the given Node is unmounted!\n\n- Are you using a custom target that isn't mounted?\n- Does your document not have a valid head element?\n- Have you accidentally removed a style tag manually?\n\n", 7: 'ThemeProvider: Please return an object from your "theme" prop function, e.g.\n\n```js\ntheme={() => ({})}\n```\n\n', 8: 'ThemeProvider: Please make your "theme" prop an object.\n\n', 9: "Missing document `<head>`\n\n", 10: "Cannot find a StyleSheet instance. Usually this happens if there are multiple copies of styled-components loaded at once. Check out this issue for how to troubleshoot and fix the common cases where this situation can happen: https://github.com/styled-components/styled-components/issues/1941#issuecomment-417862021\n\n", 11: "_This error was replaced with a dev-time warning, it will be deleted for v4 final._ [createGlobalStyle] received children which will not be rendered. Please use the component without passing children elements.\n\n", 12: "It seems you are interpolating a keyframe declaration (%s) into an untagged string. This was supported in styled-components v3, but is not longer supported in v4 as keyframes are now injected on-demand. Please wrap your string in the css\\`\\` helper which ensures the styles are injected correctly. See https://www.styled-components.com/docs/api#css\n\n", 13: "%s is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.\n\n", 14: 'ThemeProvider: "theme" prop is required.\n\n', 15: "A stylis plugin has been supplied that is not named. We need a name for each plugin to be able to prevent styling collisions between different stylis configurations within the same app. Before you pass your plugin to `<StyleSheetManager stylisPlugins={[]}>`, please make sure each plugin is uniquely-named, e.g.\n\n```js\nObject.defineProperty(importedPlugin, 'name', { value: 'some-unique-name' });\n```\n\n", 16: "Reached the limit of how many styled components may be created at group %s.\nYou may only create up to 1,073,741,824 components. If you're creating components dynamically,\nas for instance in your render method then you may be running into this limitation.\n\n", 17: "CSSStyleSheet could not be found on HTMLStyleElement.\nHas styled-components' style tag been unmounted or altered by another script?\n", 18: "ThemeProvider: Please make sure your useTheme hook is within a `<ThemeProvider>`" } : {};
-function ae() {
-  for (var e = [], t = 0; t < arguments.length; t++)
-    e[t] = arguments[t];
-  for (var n = e[0], o = [], r = 1, s = e.length; r < s; r += 1)
-    o.push(e[r]);
-  return o.forEach(function(e2) {
-    n = n.replace(/%[a-z]/, e2);
-  }), n;
-}
-function ce(t) {
-  for (var n = [], o = 1; o < arguments.length; o++)
-    n[o - 1] = arguments[o];
-  return "production" === process.env.NODE_ENV ? new Error("An error occurred. See https://github.com/styled-components/styled-components/blob/main/packages/styled-components/src/utils/errors.md#".concat(t, " for more information.").concat(n.length > 0 ? " Args: ".concat(n.join(", ")) : "")) : new Error(ae.apply(void 0, __spreadArray([ie[t]], n, false)).trim());
-}
-var le = function() {
-  function e(e2) {
-    this.groupSizes = new Uint32Array(512), this.length = 512, this.tag = e2;
-  }
-  return e.prototype.indexOfGroup = function(e2) {
-    for (var t = 0, n = 0; n < e2; n++)
-      t += this.groupSizes[n];
-    return t;
-  }, e.prototype.insertRules = function(e2, t) {
-    if (e2 >= this.groupSizes.length) {
-      for (var n = this.groupSizes, o = n.length, r = o; e2 >= r; )
-        if ((r <<= 1) < 0)
-          throw ce(16, "".concat(e2));
-      this.groupSizes = new Uint32Array(r), this.groupSizes.set(n), this.length = r;
-      for (var s = o; s < r; s++)
-        this.groupSizes[s] = 0;
-    }
-    for (var i = this.indexOfGroup(e2 + 1), a = (s = 0, t.length); s < a; s++)
-      this.tag.insertRule(i, t[s]) && (this.groupSizes[e2]++, i++);
-  }, e.prototype.clearGroup = function(e2) {
-    if (e2 < this.length) {
-      var t = this.groupSizes[e2], n = this.indexOfGroup(e2), o = n + t;
-      this.groupSizes[e2] = 0;
-      for (var r = n; r < o; r++)
-        this.tag.deleteRule(n);
-    }
-  }, e.prototype.getGroup = function(e2) {
-    var t = "";
-    if (e2 >= this.length || 0 === this.groupSizes[e2])
-      return t;
-    for (var n = this.groupSizes[e2], o = this.indexOfGroup(e2), r = o + n, s = o; s < r; s++)
-      t += "".concat(this.tag.getRule(s)).concat("/*!sc*/\n");
-    return t;
-  }, e;
-}(), ue = /* @__PURE__ */ new Map(), pe = /* @__PURE__ */ new Map(), de = 1, he = function(e) {
-  if (ue.has(e))
-    return ue.get(e);
-  for (; pe.has(de); )
-    de++;
-  var t = de++;
-  if ("production" !== process.env.NODE_ENV && ((0 | t) < 0 || t > 1073741824))
-    throw ce(16, "".concat(t));
-  return ue.set(e, t), pe.set(t, e), t;
-}, fe = function(e, t) {
-  ue.set(e, t), pe.set(t, e);
-}, me = "style[".concat(f, "][").concat("data-styled-version", '="').concat("6.0.8", '"]'), ye = new RegExp("^".concat(f, '\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)')), ve = function(e, t, n) {
-  for (var o, r = n.split(","), s = 0, i = r.length; s < i; s++)
-    (o = r[s]) && e.registerName(t, o);
-}, ge = function(e, t) {
-  for (var n, o = (null !== (n = t.textContent) && void 0 !== n ? n : "").split("/*!sc*/\n"), r = [], s = 0, i = o.length; s < i; s++) {
-    var a = o[s].trim();
-    if (a) {
-      var c = a.match(ye);
-      if (c) {
-        var l = 0 | parseInt(c[1], 10), u = c[2];
-        0 !== l && (fe(u, l), ve(e, u, c[3]), e.getTag().insertRules(l, r)), r.length = 0;
-      } else
-        r.push(a);
-    }
-  }
-};
-function Se() {
-  return "undefined" != typeof __webpack_nonce__ ? __webpack_nonce__ : null;
-}
-var we = function(e) {
-  var t = document.head, n = e || t, o = document.createElement("style"), r = function(e2) {
-    var t2 = Array.from(e2.querySelectorAll("style[".concat(f, "]")));
-    return t2[t2.length - 1];
-  }(n), s = void 0 !== r ? r.nextSibling : null;
-  o.setAttribute(f, "active"), o.setAttribute("data-styled-version", "6.0.8");
-  var i = Se();
-  return i && o.setAttribute("nonce", i), n.insertBefore(o, s), o;
-}, be = function() {
-  function e(e2) {
-    this.element = we(e2), this.element.appendChild(document.createTextNode("")), this.sheet = function(e3) {
-      if (e3.sheet)
-        return e3.sheet;
-      for (var t = document.styleSheets, n = 0, o = t.length; n < o; n++) {
-        var r = t[n];
-        if (r.ownerNode === e3)
-          return r;
-      }
-      throw ce(17);
-    }(this.element), this.length = 0;
-  }
-  return e.prototype.insertRule = function(e2, t) {
-    try {
-      return this.sheet.insertRule(t, e2), this.length++, true;
-    } catch (e3) {
-      return false;
-    }
-  }, e.prototype.deleteRule = function(e2) {
-    this.sheet.deleteRule(e2), this.length--;
-  }, e.prototype.getRule = function(e2) {
-    var t = this.sheet.cssRules[e2];
-    return t && t.cssText ? t.cssText : "";
-  }, e;
-}(), Ee = function() {
-  function e(e2) {
-    this.element = we(e2), this.nodes = this.element.childNodes, this.length = 0;
-  }
-  return e.prototype.insertRule = function(e2, t) {
-    if (e2 <= this.length && e2 >= 0) {
-      var n = document.createTextNode(t);
-      return this.element.insertBefore(n, this.nodes[e2] || null), this.length++, true;
-    }
-    return false;
-  }, e.prototype.deleteRule = function(e2) {
-    this.element.removeChild(this.nodes[e2]), this.length--;
-  }, e.prototype.getRule = function(e2) {
-    return e2 < this.length ? this.nodes[e2].textContent : "";
-  }, e;
-}(), Ne = function() {
-  function e(e2) {
-    this.rules = [], this.length = 0;
-  }
-  return e.prototype.insertRule = function(e2, t) {
-    return e2 <= this.length && (this.rules.splice(e2, 0, t), this.length++, true);
-  }, e.prototype.deleteRule = function(e2) {
-    this.rules.splice(e2, 1), this.length--;
-  }, e.prototype.getRule = function(e2) {
-    return e2 < this.length ? this.rules[e2] : "";
-  }, e;
-}(), Pe = y, _e = { isServer: !y, useCSSOMInjection: !v }, Ce = function() {
-  function e(e2, n, o) {
-    void 0 === e2 && (e2 = N), void 0 === n && (n = {});
-    var r = this;
-    this.options = __assign(__assign({}, _e), e2), this.gs = n, this.names = new Map(o), this.server = !!e2.isServer, !this.server && y && Pe && (Pe = false, function(e3) {
-      for (var t = document.querySelectorAll(me), n2 = 0, o2 = t.length; n2 < o2; n2++) {
-        var r2 = t[n2];
-        r2 && "active" !== r2.getAttribute(f) && (ge(e3, r2), r2.parentNode && r2.parentNode.removeChild(r2));
-      }
-    }(this)), se(this, function() {
-      return function(e3) {
-        for (var t = e3.getTag(), n2 = t.length, o2 = "", r2 = function(n3) {
-          var r3 = function(e4) {
-            return pe.get(e4);
-          }(n3);
-          if (void 0 === r3)
-            return "continue";
-          var s2 = e3.names.get(r3), i = t.getGroup(n3);
-          if (void 0 === s2 || 0 === i.length)
-            return "continue";
-          var a = "".concat(f, ".g").concat(n3, '[id="').concat(r3, '"]'), c = "";
-          void 0 !== s2 && s2.forEach(function(e4) {
-            e4.length > 0 && (c += "".concat(e4, ","));
-          }), o2 += "".concat(i).concat(a, '{content:"').concat(c, '"}').concat("/*!sc*/\n");
-        }, s = 0; s < n2; s++)
-          r2(s);
-        return o2;
-      }(r);
-    });
-  }
-  return e.registerId = function(e2) {
-    return he(e2);
-  }, e.prototype.reconstructWithOptions = function(n, o) {
-    return void 0 === o && (o = true), new e(__assign(__assign({}, this.options), n), this.gs, o && this.names || void 0);
-  }, e.prototype.allocateGSInstance = function(e2) {
-    return this.gs[e2] = (this.gs[e2] || 0) + 1;
-  }, e.prototype.getTag = function() {
-    return this.tag || (this.tag = (e2 = function(e3) {
-      var t = e3.useCSSOMInjection, n = e3.target;
-      return e3.isServer ? new Ne(n) : t ? new be(n) : new Ee(n);
-    }(this.options), new le(e2)));
-    var e2;
-  }, e.prototype.hasNameForId = function(e2, t) {
-    return this.names.has(e2) && this.names.get(e2).has(t);
-  }, e.prototype.registerName = function(e2, t) {
-    if (he(e2), this.names.has(e2))
-      this.names.get(e2).add(t);
-    else {
-      var n = /* @__PURE__ */ new Set();
-      n.add(t), this.names.set(e2, n);
-    }
-  }, e.prototype.insertRules = function(e2, t, n) {
-    this.registerName(e2, t), this.getTag().insertRules(he(e2), n);
-  }, e.prototype.clearNames = function(e2) {
-    this.names.has(e2) && this.names.get(e2).clear();
-  }, e.prototype.clearRules = function(e2) {
-    this.getTag().clearGroup(he(e2)), this.clearNames(e2);
-  }, e.prototype.clearTag = function() {
-    this.tag = void 0;
-  }, e;
-}(), Ie = /&/g, Ae = /^\s*\/\/.*$/gm;
-function Oe(e, t) {
-  return e.map(function(e2) {
-    return "rule" === e2.type && (e2.value = "".concat(t, " ").concat(e2.value), e2.value = e2.value.replaceAll(",", ",".concat(t, " ")), e2.props = e2.props.map(function(e3) {
-      return "".concat(t, " ").concat(e3);
-    })), Array.isArray(e2.children) && "@keyframes" !== e2.type && (e2.children = Oe(e2.children, t)), e2;
-  });
-}
-function De(e) {
-  var t, n, o, r = void 0 === e ? N : e, s = r.options, i = void 0 === s ? N : s, a = r.plugins, c = void 0 === a ? E : a, l = function(e2, o2, r2) {
-    return r2 === n || r2.startsWith(n) && r2.endsWith(n) && r2.replaceAll(n, "").length > 0 ? ".".concat(t) : e2;
-  }, u = c.slice();
-  u.push(function(e2) {
-    e2.type === RULESET && e2.value.includes("&") && (e2.props[0] = e2.props[0].replace(Ie, n).replace(o, l));
-  }), i.prefix && u.push(prefixer), u.push(stringify);
-  var p2 = function(e2, r2, s2, a2) {
-    void 0 === r2 && (r2 = ""), void 0 === s2 && (s2 = ""), void 0 === a2 && (a2 = "&"), t = a2, n = r2, o = new RegExp("\\".concat(n, "\\b"), "g");
-    var c2 = e2.replace(Ae, ""), l2 = compile(s2 || r2 ? "".concat(s2, " ").concat(r2, " { ").concat(c2, " }") : c2);
-    i.namespace && (l2 = Oe(l2, i.namespace));
-    var p3 = [];
-    return serialize(l2, middleware(u.concat(rulesheet(function(e3) {
-      return p3.push(e3);
-    })))), p3;
-  };
-  return p2.hash = c.length ? c.reduce(function(e2, t2) {
-    return t2.name || ce(15), k(e2, t2.name);
-  }, 5381).toString() : "", p2;
-}
-var Re = new Ce(), Te = De(), ke = React__default.createContext({ shouldForwardProp: void 0, styleSheet: Re, stylis: Te });
-ke.Consumer;
-var xe = React__default.createContext(void 0);
-function Ve() {
-  return useContext(ke);
-}
-function Fe(e) {
-  var t = useState(e.stylisPlugins), n = t[0], r = t[1], c = Ve().styleSheet, l = useMemo(function() {
-    var t2 = c;
-    return e.sheet ? t2 = e.sheet : e.target && (t2 = t2.reconstructWithOptions({ target: e.target }, false)), e.disableCSSOMInjection && (t2 = t2.reconstructWithOptions({ useCSSOMInjection: false })), t2;
-  }, [e.disableCSSOMInjection, e.sheet, e.target, c]), u = useMemo(function() {
-    return De({ options: { namespace: e.namespace, prefix: e.enableVendorPrefixes }, plugins: n });
-  }, [e.enableVendorPrefixes, e.namespace, n]);
-  useEffect(function() {
-    p(n, e.stylisPlugins) || r(e.stylisPlugins);
-  }, [e.stylisPlugins]);
-  var d = useMemo(function() {
-    return { shouldForwardProp: e.shouldForwardProp, styleSheet: l, stylis: u };
-  }, [e.shouldForwardProp, l, u]);
-  return React__default.createElement(ke.Provider, { value: d }, React__default.createElement(xe.Provider, { value: u }, e.children));
-}
-var Me = function() {
-  function e(e2, t) {
-    var n = this;
-    this.inject = function(e3, t2) {
-      void 0 === t2 && (t2 = Te);
-      var o = n.name + t2.hash;
-      e3.hasNameForId(n.id, o) || e3.insertRules(n.id, o, t2(n.rules, o, "@keyframes"));
-    }, this.name = e2, this.id = "sc-keyframes-".concat(e2), this.rules = t, se(this, function() {
-      throw ce(12, String(n.name));
-    });
-  }
-  return e.prototype.getName = function(e2) {
-    return void 0 === e2 && (e2 = Te), this.name + e2.hash;
-  }, e;
-}(), $e = function(e) {
-  return e >= "A" && e <= "Z";
-};
-function ze(e) {
-  for (var t = "", n = 0; n < e.length; n++) {
-    var o = e[n];
-    if (1 === n && "-" === o && "-" === e[0])
-      return e;
-    $e(o) ? t += "-" + o.toLowerCase() : t += o;
-  }
-  return t.startsWith("ms-") ? "-" + t : t;
-}
-var Be = function(e) {
-  return null == e || false === e || "" === e;
-}, Le = function(t) {
-  var n, o, r = [];
-  for (var s in t) {
-    var i = t[s];
-    t.hasOwnProperty(s) && !Be(i) && (Array.isArray(i) && i.isCss || Q(i) ? r.push("".concat(ze(s), ":"), i, ";") : oe(i) ? r.push.apply(r, __spreadArray(__spreadArray(["".concat(s, " {")], Le(i), false), ["}"], false)) : r.push("".concat(ze(s), ": ").concat((n = s, null == (o = i) || "boolean" == typeof o || "" === o ? "" : "number" != typeof o || 0 === o || n in unitlessKeys || n.startsWith("--") ? String(o).trim() : "".concat(o, "px")), ";")));
-  }
-  return r;
-};
-function Ge(e, t, n, o) {
-  if (Be(e))
-    return [];
-  if (ee(e))
-    return [".".concat(e.styledComponentId)];
-  if (Q(e)) {
-    if (!Q(s = e) || s.prototype && s.prototype.isReactComponent || !t)
-      return [e];
-    var r = e(t);
-    return "production" === process.env.NODE_ENV || "object" != typeof r || Array.isArray(r) || r instanceof Me || oe(r) || null === r || console.error("".concat(V(e), " is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.")), Ge(r, t, n, o);
-  }
-  var s;
-  return e instanceof Me ? n ? (e.inject(n, o), [e.getName(o)]) : [e] : oe(e) ? Le(e) : Array.isArray(e) ? Array.prototype.concat.apply(E, e.map(function(e2) {
-    return Ge(e2, t, n, o);
-  })) : [e.toString()];
-}
-function Ye(e) {
-  for (var t = 0; t < e.length; t += 1) {
-    var n = e[t];
-    if (Q(n) && !ee(n))
-      return false;
-  }
-  return true;
-}
-var We = j("6.0.8"), qe = function() {
-  function e(e2, t, n) {
-    this.rules = e2, this.staticRulesId = "", this.isStatic = "production" === process.env.NODE_ENV && (void 0 === n || n.isStatic) && Ye(e2), this.componentId = t, this.baseHash = k(We, t), this.baseStyle = n, Ce.registerId(t);
-  }
-  return e.prototype.generateAndInjectStyles = function(e2, t, n) {
-    var o = this.baseStyle ? this.baseStyle.generateAndInjectStyles(e2, t, n) : "";
-    if (this.isStatic && !n.hash)
-      if (this.staticRulesId && t.hasNameForId(this.componentId, this.staticRulesId))
-        o = te(o, this.staticRulesId);
-      else {
-        var r = ne(Ge(this.rules, e2, t, n)), s = R(k(this.baseHash, r) >>> 0);
-        if (!t.hasNameForId(this.componentId, s)) {
-          var i = n(r, ".".concat(s), void 0, this.componentId);
-          t.insertRules(this.componentId, s, i);
-        }
-        o = te(o, s), this.staticRulesId = s;
-      }
-    else {
-      for (var a = k(this.baseHash, n.hash), c = "", l = 0; l < this.rules.length; l++) {
-        var u = this.rules[l];
-        if ("string" == typeof u)
-          c += u, "production" !== process.env.NODE_ENV && (a = k(a, u));
-        else if (u) {
-          var p2 = ne(Ge(u, e2, t, n));
-          a = k(a, p2 + l), c += p2;
-        }
-      }
-      if (c) {
-        var d = R(a >>> 0);
-        t.hasNameForId(this.componentId, d) || t.insertRules(this.componentId, d, n(c, ".".concat(d), void 0, this.componentId)), o = te(o, d);
-      }
-    }
-    return o;
-  }, e;
-}(), He = React__default.createContext(void 0);
-He.Consumer;
-var Ze = {}, Ke = /* @__PURE__ */ new Set();
-function Qe(e, r, s) {
-  var i = ee(e), a = e, c = !F(e), p2 = r.attrs, d = void 0 === p2 ? E : p2, h = r.componentId, f2 = void 0 === h ? function(e2, t) {
-    var n = "string" != typeof e2 ? "sc" : A(e2);
-    Ze[n] = (Ze[n] || 0) + 1;
-    var o = "".concat(n, "-").concat(x("6.0.8" + n + Ze[n]));
-    return t ? "".concat(t, "-").concat(o) : o;
-  }(r.displayName, r.parentComponentId) : h, m = r.displayName, y2 = void 0 === m ? function(e2) {
-    return F(e2) ? "styled.".concat(e2) : "Styled(".concat(V(e2), ")");
-  }(e) : m, v2 = r.displayName && r.componentId ? "".concat(A(r.displayName), "-").concat(r.componentId) : r.componentId || f2, g = i && a.attrs ? a.attrs.concat(d).filter(Boolean) : d, S2 = r.shouldForwardProp;
-  if (i && a.shouldForwardProp) {
-    var w2 = a.shouldForwardProp;
-    if (r.shouldForwardProp) {
-      var C2 = r.shouldForwardProp;
-      S2 = function(e2, t) {
-        return w2(e2, t) && C2(e2, t);
-      };
-    } else
-      S2 = w2;
-  }
-  var I2 = new qe(s, v2, i ? a.componentStyle : void 0);
-  function O2(e2, r2) {
-    return function(e3, r3, s2) {
-      var i2 = e3.attrs, a2 = e3.componentStyle, c2 = e3.defaultProps, p3 = e3.foldedComponentIds, d2 = e3.styledComponentId, h2 = e3.target, f3 = React__default.useContext(He), m2 = Ve(), y3 = e3.shouldForwardProp || m2.shouldForwardProp;
-      "production" !== process.env.NODE_ENV && useDebugValue(d2);
-      var v3 = function(e4, n, o) {
-        for (var r4, s3 = __assign(__assign({}, n), { className: void 0, theme: o }), i3 = 0; i3 < e4.length; i3 += 1) {
-          var a3 = Q(r4 = e4[i3]) ? r4(s3) : r4;
-          for (var c3 in a3)
-            s3[c3] = "className" === c3 ? te(s3[c3], a3[c3]) : "style" === c3 ? __assign(__assign({}, s3[c3]), a3[c3]) : a3[c3];
-        }
-        return n.className && (s3.className = te(s3.className, n.className)), s3;
-      }(i2, r3, P(r3, f3, c2) || N), g2 = v3.as || h2, S3 = {};
-      for (var w3 in v3)
-        void 0 === v3[w3] || "$" === w3[0] || "as" === w3 || "theme" === w3 || ("forwardedAs" === w3 ? S3.as = v3.forwardedAs : y3 && !y3(w3, g2) || (S3[w3] = v3[w3], y3 || "development" !== process.env.NODE_ENV || isPropValid(w3) || Ke.has(w3) || !_.has(g2) || (Ke.add(w3), console.warn('styled-components: it looks like an unknown prop "'.concat(w3, '" is being sent through to the DOM, which will likely trigger a React console error. If you would like automatic filtering of unknown props, you can opt-into that behavior via `<StyleSheetManager shouldForwardProp={...}>` (connect an API like `@emotion/is-prop-valid`) or consider using transient props (`$` prefix for automatic filtering.)')))));
-      var b2 = function(e4, t) {
-        var n = Ve(), o = e4.generateAndInjectStyles(t, n.styleSheet, n.stylis);
-        return "production" !== process.env.NODE_ENV && useDebugValue(o), o;
-      }(a2, v3);
-      "production" !== process.env.NODE_ENV && e3.warnTooManyClasses && e3.warnTooManyClasses(b2);
-      var E2 = te(p3, d2);
-      return b2 && (E2 += " " + b2), v3.className && (E2 += " " + v3.className), S3[F(g2) && !_.has(g2) ? "class" : "className"] = E2, S3.ref = s2, createElement(g2, S3);
-    }(D2, e2, r2);
-  }
-  "production" !== process.env.NODE_ENV && (O2.displayName = y2);
-  var D2 = React__default.forwardRef(O2);
-  return D2.attrs = g, D2.componentStyle = I2, D2.shouldForwardProp = S2, "production" !== process.env.NODE_ENV && (D2.displayName = y2), D2.foldedComponentIds = i ? te(a.foldedComponentIds, a.styledComponentId) : "", D2.styledComponentId = v2, D2.target = i ? a.target : e, Object.defineProperty(D2, "defaultProps", { get: function() {
-    return this._foldedDefaultProps;
-  }, set: function(e2) {
-    this._foldedDefaultProps = i ? function(e3) {
-      for (var t = [], n = 1; n < arguments.length; n++)
-        t[n - 1] = arguments[n];
-      for (var o = 0, r2 = t; o < r2.length; o++)
-        re$1(e3, r2[o], true);
-      return e3;
-    }({}, a.defaultProps, e2) : e2;
-  } }), "production" !== process.env.NODE_ENV && (b(y2, v2), D2.warnTooManyClasses = function(e2, t) {
-    var n = {}, o = false;
-    return function(r2) {
-      if (!o && (n[r2] = true, Object.keys(n).length >= 200)) {
-        var s2 = t ? ' with the id of "'.concat(t, '"') : "";
-        console.warn("Over ".concat(200, " classes were generated for component ").concat(e2).concat(s2, ".\n") + "Consider using the attrs method, together with a style object for frequently changed styles.\nExample:\n  const Component = styled.div.attrs(props => ({\n    style: {\n      background: props.background,\n    },\n  }))`width: 100%;`\n\n  <Component />"), o = true, n = {};
-      }
-    };
-  }(y2, v2)), se(D2, function() {
-    return ".".concat(D2.styledComponentId);
-  }), c && K(D2, e, { attrs: true, componentStyle: true, displayName: true, foldedComponentIds: true, shouldForwardProp: true, styledComponentId: true, target: true }), D2;
-}
-function et(e, t) {
-  for (var n = [e[0]], o = 0, r = t.length; o < r; o += 1)
-    n.push(t[o], e[o + 1]);
-  return n;
-}
-var tt = function(e) {
-  return Object.assign(e, { isCss: true });
-};
-function nt(t) {
-  for (var n = [], o = 1; o < arguments.length; o++)
-    n[o - 1] = arguments[o];
-  if (Q(t) || oe(t)) {
-    var r = t;
-    return tt(Ge(et(E, __spreadArray([r], n, true))));
-  }
-  var s = t;
-  return 0 === n.length && 1 === s.length && "string" == typeof s[0] ? Ge(s) : tt(Ge(et(s, n)));
-}
-function ot(n, o, r) {
-  if (void 0 === r && (r = N), !o)
-    throw ce(1, o);
-  var s = function(t) {
-    for (var s2 = [], i = 1; i < arguments.length; i++)
-      s2[i - 1] = arguments[i];
-    return n(o, r, nt.apply(void 0, __spreadArray([t], s2, false)));
-  };
-  return s.attrs = function(e) {
-    return ot(n, o, __assign(__assign({}, r), { attrs: Array.prototype.concat(r.attrs, e).filter(Boolean) }));
-  }, s.withConfig = function(e) {
-    return ot(n, o, __assign(__assign({}, r), e));
-  }, s;
-}
-var rt = function(e) {
-  return ot(Qe, e);
-}, st = rt;
-_.forEach(function(e) {
-  st[e] = rt(e);
-});
-function ct(t) {
-  for (var n = [], o = 1; o < arguments.length; o++)
-    n[o - 1] = arguments[o];
-  "production" !== process.env.NODE_ENV && "undefined" != typeof navigator && "ReactNative" === navigator.product && console.warn("`keyframes` cannot be used on ReactNative, only on the web. To do animation in ReactNative please use Animated.");
-  var r = ne(nt.apply(void 0, __spreadArray([t], n, false))), s = x(r);
-  return new Me(s, r);
-}
-"production" !== process.env.NODE_ENV && "undefined" != typeof navigator && "ReactNative" === navigator.product && console.warn("It looks like you've imported 'styled-components' on React Native.\nPerhaps you're looking to import 'styled-components/native'?\nRead more about this at https://www.styled-components.com/docs/basics#react-native");
-var dt = "__sc-".concat(f, "__");
-"production" !== process.env.NODE_ENV && "test" !== process.env.NODE_ENV && "undefined" != typeof window && (window[dt] || (window[dt] = 0), 1 === window[dt] && console.warn("It looks like there are several instances of 'styled-components' initialized in this application. This may cause dynamic styles to not render properly, errors during the rehydration process, a missing theme prop, and makes your application bigger without good reason.\n\nSee https://s-c.sh/2BAXzed for more info."), window[dt] += 1);
 const createExtraScopePlugin = (scope) => {
   const plugin = (element, index, childEls) => {
     if (element.type === "rule") {
@@ -1312,7 +22,7 @@ const createExtraScopePlugin = (scope) => {
 };
 const StyleProvider = ({ scope, children }) => {
   const stylisPlugins = scope ? [createExtraScopePlugin(`#${scope}`)] : [];
-  return /* @__PURE__ */ jsx(Fe, { stylisPlugins, children: /* @__PURE__ */ jsx("div", { id: scope, children }) });
+  return /* @__PURE__ */ jsx(StyleSheetManager, { stylisPlugins, children: /* @__PURE__ */ jsx("div", { id: scope, children }) });
 };
 function _typeof(o) {
   "@babel/helpers - typeof";
@@ -2410,20 +1120,20 @@ function _arrayWithHoles(arr) {
 function _iterableToArrayLimit(r, l) {
   var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
   if (null != t) {
-    var e, n, i, u, a = [], f2 = true, o = false;
+    var e, n, i, u, a = [], f = true, o = false;
     try {
       if (i = (t = t.call(r)).next, 0 === l) {
         if (Object(t) !== t)
           return;
-        f2 = false;
+        f = false;
       } else
-        for (; !(f2 = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f2 = true)
+        for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = true)
           ;
     } catch (r2) {
       o = true, n = r2;
     } finally {
       try {
-        if (!f2 && null != t["return"] && (u = t["return"](), Object(u) !== u))
+        if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u))
           return;
       } finally {
         if (o)
@@ -2472,27 +1182,27 @@ var shorthand = function shorthand2(token2) {
 var bordersTemplate = function bordersTemplate2(border2) {
   var _border$left, _border$left2, _border$right, _border$right2;
   if (!border2) {
-    return nt({});
+    return css({});
   }
   switch (border2.type) {
     case "border":
-      return nt({
+      return css({
         border: shorthand(border2),
         borderRadius: border2.radius
       });
     case "bordergroup":
-      return nt({
+      return css({
         borderBottom: shorthand(border2.bottom),
         borderTop: shorthand(border2.top),
         borderLeft: shorthand(border2.left),
         borderRight: shorthand(border2.right),
-        borderBottomLeftRadius: border2 === null || border2 === void 0 ? void 0 : (_border$left = border2.left) === null || _border$left === void 0 ? void 0 : _border$left.radius,
-        borderTopLeftRadius: border2 === null || border2 === void 0 ? void 0 : (_border$left2 = border2.left) === null || _border$left2 === void 0 ? void 0 : _border$left2.radius,
-        borderBottomRightRadius: border2 === null || border2 === void 0 ? void 0 : (_border$right = border2.right) === null || _border$right === void 0 ? void 0 : _border$right.radius,
-        borderTopRightRadius: border2 === null || border2 === void 0 ? void 0 : (_border$right2 = border2.right) === null || _border$right2 === void 0 ? void 0 : _border$right2.radius
+        borderBottomLeftRadius: border2 === null || border2 === void 0 || (_border$left = border2.left) === null || _border$left === void 0 ? void 0 : _border$left.radius,
+        borderTopLeftRadius: border2 === null || border2 === void 0 || (_border$left2 = border2.left) === null || _border$left2 === void 0 ? void 0 : _border$left2.radius,
+        borderBottomRightRadius: border2 === null || border2 === void 0 || (_border$right = border2.right) === null || _border$right === void 0 ? void 0 : _border$right.radius,
+        borderTopRightRadius: border2 === null || border2 === void 0 || (_border$right2 = border2.right) === null || _border$right2 === void 0 ? void 0 : _border$right2.radius
       });
     default:
-      return nt({});
+      return css({});
   }
 };
 var focusColor = tokens.colors.interactive.focus.rgba;
@@ -2505,7 +1215,7 @@ var outlineTemplate = function outlineTemplate2(outline) {
     offset,
     type
   };
-  return nt({
+  return css({
     outline: shorthand(outline_),
     outlineOffset: outline_.offset
   });
@@ -2604,7 +1314,7 @@ var paper = {
   background
 };
 var _excluded$8 = ["elevation"];
-var StyledPaper = st.div.withConfig({
+var StyledPaper = styled.div.withConfig({
   displayName: "Paper__StyledPaper",
   componentId: "sc-6ncnv9-0"
 })(["background:", ";box-shadow:", ";"], paper.background, function(_ref) {
@@ -2623,7 +1333,7 @@ var Paper = /* @__PURE__ */ forwardRef(function Paper2(_ref2, ref) {
 });
 var _excluded$7 = ["children", "variant", "elevation"];
 var primary$1 = primary$2;
-var StyledCard = st(Paper).withConfig({
+var StyledCard = styled(Paper).withConfig({
   displayName: "Card__StyledCard",
   componentId: "sc-bjucjn-0"
 })(["width:100%;position:relative;background-color:", ";box-sizing:border-box;display:flex;flex-direction:column;grid-gap:16px;", ";"], function(_ref) {
@@ -2708,7 +1418,7 @@ var toVariantName = function toVariantName2(variant) {
   var link2 = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : false;
   return "".concat(variant).concat(bold ? "_bold" : "").concat(italic ? "_italic" : "").concat(link2 ? "_link" : "");
 };
-var StyledTypography = st.p.withConfig({
+var StyledTypography = styled.p.withConfig({
   displayName: "Typography__StyledTypography",
   componentId: "sc-179guof-0"
 })(["", " ", " ", " ", ""], function(_ref) {
@@ -2716,18 +1426,18 @@ var StyledTypography = st.p.withConfig({
   return typographyTemplate($typography, $link);
 }, function(_ref2) {
   var $color = _ref2.$color;
-  return nt({
+  return css({
     color: findColor($color)
   });
 }, function(_ref3) {
   var $lines = _ref3.$lines;
   return (
     //https://caniuse.com/#feat=css-line-clamp
-    $lines > 0 && nt(["&{display:-webkit-box;-webkit-line-clamp:", ";-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}"], $lines)
+    $lines > 0 && css(["&{display:-webkit-box;-webkit-line-clamp:", ";-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}"], $lines)
   );
 }, function(_ref4) {
   var $link = _ref4.$link;
-  return $link && nt(["&:focus{outline:none;}&[data-focus-visible-added]:focus{", "}&:focus-visible{", "}"], outlineTemplate(link.states.focus.outline), outlineTemplate(link.states.focus.outline));
+  return $link && css(["&:focus{outline:none;}&[data-focus-visible-added]:focus{", "}&:focus-visible{", "}"], outlineTemplate(link.states.focus.outline), outlineTemplate(link.states.focus.outline));
 });
 var Typography = /* @__PURE__ */ forwardRef(function Typography2(_ref5, ref) {
   var _ref5$variant = _ref5.variant, variant = _ref5$variant === void 0 ? "body_short" : _ref5$variant, children = _ref5.children, bold = _ref5.bold, italic = _ref5.italic, link2 = _ref5.link, lines = _ref5.lines, color = _ref5.color, group = _ref5.group, token2 = _ref5.token, providedAs = _ref5.as, other = _objectWithoutProperties(_ref5, _excluded$6);
@@ -2750,7 +1460,7 @@ var Typography = /* @__PURE__ */ forwardRef(function Typography2(_ref5, ref) {
 });
 var _excluded$5 = ["children", "alignRight", "meta"];
 var spacings$3 = primary$2.spacings;
-var StyledCardActions = st.div.withConfig({
+var StyledCardActions = styled.div.withConfig({
   displayName: "CardActions__StyledCardActions",
   componentId: "sc-1d5vskp-0"
 })(["display:grid;grid-gap:8px;grid-auto-flow:column;align-items:center;justify-content:", ";padding:0 ", " 0 ", ";margin-top:auto;&:first-child{padding-top:", ";}&:last-child{padding-bottom:", ";}"], function(_ref) {
@@ -2773,7 +1483,7 @@ var CardActions = /* @__PURE__ */ forwardRef(function CardActions2(_ref2, ref) {
 });
 var _excluded$4 = ["children"];
 var spacings$2 = primary$2.spacings;
-var StyledCardContent = st.div.withConfig({
+var StyledCardContent = styled.div.withConfig({
   displayName: "CardContent__StyledCardContent",
   componentId: "sc-esm4ym-0"
 })(["display:grid;padding:0 ", " 0 ", ";&:last-child{padding-bottom:", ";}"], spacings$2.right, spacings$2.left, spacings$2.bottom);
@@ -2787,12 +1497,12 @@ var CardContent = /* @__PURE__ */ forwardRef(function CardContent2(_ref, ref) {
 });
 var _excluded$3 = ["children", "fullWidth"];
 var spacings$1 = primary$2.spacings, border = primary$2.border;
-var StyledCardMedia = st.div.withConfig({
+var StyledCardMedia = styled.div.withConfig({
   displayName: "CardMedia__StyledCardMedia",
   componentId: "sc-kr8q9c-0"
 })(["display:flex;width:auto;", ""], function(_ref) {
   var $fullWidth = _ref.$fullWidth;
-  return $fullWidth ? nt(["> *{width:100%;}&:first-child{img{border-top-right-radius:", ";border-top-left-radius:", ";}}&:last-child{img{border-bottom-right-radius:", ";border-bottom-left-radius:", ";}}"], border.type === "border" && border.radius, border.type === "border" && border.radius, border.type === "border" && border.radius, border.type === "border" && border.radius) : nt(["padding:0 ", " 0 ", ";&:first-child{padding:", " ", " 0 ", ";}&:last-child{padding:0 ", " ", " ", ";}> *{width:100%;}"], spacings$1.right, spacings$1.left, spacings$1.top, spacings$1.right, spacings$1.left, spacings$1.right, spacings$1.bottom, spacings$1.left);
+  return $fullWidth ? css(["> *{width:100%;}&:first-child{img{border-top-right-radius:", ";border-top-left-radius:", ";}}&:last-child{img{border-bottom-right-radius:", ";border-bottom-left-radius:", ";}}"], border.type === "border" && border.radius, border.type === "border" && border.radius, border.type === "border" && border.radius, border.type === "border" && border.radius) : css(["padding:0 ", " 0 ", ";&:first-child{padding:", " ", " 0 ", ";}&:last-child{padding:0 ", " ", " ", ";}> *{width:100%;}"], spacings$1.right, spacings$1.left, spacings$1.top, spacings$1.right, spacings$1.left, spacings$1.right, spacings$1.bottom, spacings$1.left);
 });
 var CardMedia = /* @__PURE__ */ forwardRef(function CardMedia2(_ref2, ref) {
   var children = _ref2.children, _ref2$fullWidth = _ref2.fullWidth, fullWidth = _ref2$fullWidth === void 0 ? false : _ref2$fullWidth, rest = _objectWithoutProperties(_ref2, _excluded$3);
@@ -2806,7 +1516,7 @@ var CardMedia = /* @__PURE__ */ forwardRef(function CardMedia2(_ref2, ref) {
 });
 var _excluded$2 = ["children"];
 var spacings = primary$2.spacings;
-var StyledCardHeader = st.div.withConfig({
+var StyledCardHeader = styled.div.withConfig({
   displayName: "CardHeader__StyledCardHeader",
   componentId: "sc-15k8edh-0"
 })(["display:flex;justify-content:space-between;align-items:center;padding:0 ", " 0 ", ";> :not(:first-child){margin-left:", ";}&:first-child{padding-top:", ";}&:last-child{padding-bottom:", ";}"], spacings.right, spacings.left, spacings.left, spacings.top, spacings.bottom);
@@ -2820,7 +1530,7 @@ var CardHeader = /* @__PURE__ */ forwardRef(function CardHeader2(_ref, ref) {
   }));
 });
 var _excluded$1 = ["children"];
-var StyledCardHeaderTitle = st.div.withConfig({
+var StyledCardHeaderTitle = styled.div.withConfig({
   displayName: "CardHeaderTitle__StyledCardHeaderTitle",
   componentId: "sc-11m80r3-0"
 })(["display:grid;flex-grow:2;grid-auto-columns:auto;"]);
@@ -2849,14 +1559,14 @@ var token = {
   background: logoFillPositive
 };
 var _excluded = ["variant", "value", "size"];
-var indeterminate = ct(["0%{opacity:1;}20%{opacity:0.8;}40%{opacity:0.6;}60%{opacity:0.4;}80%{opacity:0.2;}100%{opacity:0.05;}"]);
-var determinate = ct(["0%{opacity:0;}10%{opacity:0.05;}20%{opacity:0.2;}40%{opacity:0.4;}60%{opacity:0.6;}80%{opacity:0.8;}100%{opacity:1;}"]);
-var Svg = st.svg.withConfig({
+var indeterminate = keyframes(["0%{opacity:1;}20%{opacity:0.8;}40%{opacity:0.6;}60%{opacity:0.4;}80%{opacity:0.2;}100%{opacity:0.05;}"]);
+var determinate = keyframes(["0%{opacity:0;}10%{opacity:0.05;}20%{opacity:0.2;}40%{opacity:0.4;}60%{opacity:0.6;}80%{opacity:0.8;}100%{opacity:1;}"]);
+var Svg = styled.svg.withConfig({
   displayName: "StarProgress__Svg",
   componentId: "sc-c0byj9-0"
 })(["fill:", ";", ""], token.background, function(_ref) {
   var $variant = _ref.$variant, $progress = _ref.$progress;
-  return $variant === "indeterminate" ? nt(["path{&:nth-child(1){animation:", " 1.3s linear infinite;}&:nth-child(2){animation:", " 1.3s linear 0.3s infinite;}&:nth-child(3){animation:", " 1.3s linear 0.4s infinite;}&:nth-child(4){animation:", " 1.3s linear 0.6s infinite;}&:nth-child(5){animation:", " 1.3s linear 0.8s infinite;}&:nth-child(6){animation:", " 1.3s linear 1s infinite;}}"], indeterminate, indeterminate, indeterminate, indeterminate, indeterminate, indeterminate) : nt(["path{animation:", " 1.3s linear;&:nth-child(6){animation-play-state:", ";}&:nth-child(5){animation-play-state:", ";}&:nth-child(4){animation-play-state:", ";}&:nth-child(3){animation-play-state:", ";}&:nth-child(2){animation-play-state:", ";}&:nth-child(1){animation-play-state:", ";}}"], determinate, $progress > 90 ? "running" : "paused", $progress > 80 ? "running" : "paused", $progress > 60 ? "running" : "paused", $progress > 40 ? "running" : "paused", $progress > 20 ? "running" : "paused", $progress <= 20 ? "running" : "paused");
+  return $variant === "indeterminate" ? css(["path{&:nth-child(1){animation:", " 1.3s linear infinite;}&:nth-child(2){animation:", " 1.3s linear 0.3s infinite;}&:nth-child(3){animation:", " 1.3s linear 0.4s infinite;}&:nth-child(4){animation:", " 1.3s linear 0.6s infinite;}&:nth-child(5){animation:", " 1.3s linear 0.8s infinite;}&:nth-child(6){animation:", " 1.3s linear 1s infinite;}}"], indeterminate, indeterminate, indeterminate, indeterminate, indeterminate, indeterminate) : css(["path{animation:", " 1.3s linear;&:nth-child(6){animation-play-state:", ";}&:nth-child(5){animation-play-state:", ";}&:nth-child(4){animation-play-state:", ";}&:nth-child(3){animation-play-state:", ";}&:nth-child(2){animation-play-state:", ";}&:nth-child(1){animation-play-state:", ";}}"], determinate, $progress > 90 ? "running" : "paused", $progress > 80 ? "running" : "paused", $progress > 60 ? "running" : "paused", $progress > 40 ? "running" : "paused", $progress > 20 ? "running" : "paused", $progress <= 20 ? "running" : "paused");
 });
 var StarProgress = /* @__PURE__ */ forwardRef(function StarProgress2(_ref2, ref) {
   var _ref2$variant = _ref2.variant, variant = _ref2$variant === void 0 ? "indeterminate" : _ref2$variant, _ref2$value = _ref2.value, value = _ref2$value === void 0 ? null : _ref2$value, _ref2$size = _ref2.size, size = _ref2$size === void 0 ? 48 : _ref2$size, rest = _objectWithoutProperties(_ref2, _excluded);
@@ -2898,45 +1608,138 @@ var StarProgress = /* @__PURE__ */ forwardRef(function StarProgress2(_ref2, ref)
     })]
   }));
 });
-function isFunction(value) {
-  return typeof value === "function";
-}
-function createErrorClass(createImpl) {
-  var _super = function(instance) {
-    Error.call(instance);
-    instance.stack = new Error().stack;
+var extendStatics = function(d, b) {
+  extendStatics = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(d2, b2) {
+    d2.__proto__ = b2;
+  } || function(d2, b2) {
+    for (var p in b2)
+      if (Object.prototype.hasOwnProperty.call(b2, p))
+        d2[p] = b2[p];
   };
-  var ctorFunc = createImpl(_super);
-  ctorFunc.prototype = Object.create(Error.prototype);
-  ctorFunc.prototype.constructor = ctorFunc;
-  return ctorFunc;
-}
-var UnsubscriptionError = createErrorClass(function(_super) {
-  return function UnsubscriptionErrorImpl(errors) {
-    _super(this);
-    this.message = errors ? errors.length + " errors occurred during unsubscription:\n" + errors.map(function(err, i) {
-      return i + 1 + ") " + err.toString();
-    }).join("\n  ") : "";
-    this.name = "UnsubscriptionError";
-    this.errors = errors;
-  };
-});
-function arrRemove(arr, item) {
-  if (arr) {
-    var index = arr.indexOf(item);
-    0 <= index && arr.splice(index, 1);
+  return extendStatics(d, b);
+};
+function __extends(d, b) {
+  if (typeof b !== "function" && b !== null)
+    throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+  extendStatics(d, b);
+  function __() {
+    this.constructor = d;
   }
+  d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
 }
-var Subscription = function() {
-  function Subscription2(initialTeardown) {
-    this.initialTeardown = initialTeardown;
-    this.closed = false;
-    this._parentage = null;
-    this._finalizers = null;
-  }
-  Subscription2.prototype.unsubscribe = function() {
-    var e_1, _a2, e_2, _b;
-    var errors;
+var __assign = function() {
+  __assign = Object.assign || function __assign2(t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+      for (var p in s)
+        if (Object.prototype.hasOwnProperty.call(s, p))
+          t[p] = s[p];
+    }
+    return t;
+  };
+  return __assign.apply(this, arguments);
+};
+function __rest(s, e) {
+  var t = {};
+  for (var p in s)
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+      t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function")
+    for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+      if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+        t[p[i]] = s[p[i]];
+    }
+  return t;
+}
+function __values(o) {
+  var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
+  if (m)
+    return m.call(o);
+  if (o && typeof o.length === "number")
+    return {
+      next: function() {
+        if (o && i >= o.length)
+          o = void 0;
+        return { value: o && o[i++], done: !o };
+      }
+    };
+  throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
+}
+function __read(o, n) {
+  var m = typeof Symbol === "function" && o[Symbol.iterator];
+  if (!m)
+    return o;
+  var i = m.call(o), r, ar = [], e;
+  try {
+    while ((n === void 0 || n-- > 0) && !(r = i.next()).done)
+      ar.push(r.value);
+  } catch (error) {
+    e = { error };
+  } finally {
+    try {
+      if (r && !r.done && (m = i["return"]))
+        m.call(i);
+    } finally {
+      if (e)
+        throw e.error;
+    }
+  }
+  return ar;
+}
+function __spreadArray(to, from, pack) {
+  if (pack || arguments.length === 2)
+    for (var i = 0, l = from.length, ar; i < l; i++) {
+      if (ar || !(i in from)) {
+        if (!ar)
+          ar = Array.prototype.slice.call(from, 0, i);
+        ar[i] = from[i];
+      }
+    }
+  return to.concat(ar || Array.prototype.slice.call(from));
+}
+typeof SuppressedError === "function" ? SuppressedError : function(error, suppressed, message) {
+  var e = new Error(message);
+  return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
+function isFunction(value) {
+  return typeof value === "function";
+}
+function createErrorClass(createImpl) {
+  var _super = function(instance) {
+    Error.call(instance);
+    instance.stack = new Error().stack;
+  };
+  var ctorFunc = createImpl(_super);
+  ctorFunc.prototype = Object.create(Error.prototype);
+  ctorFunc.prototype.constructor = ctorFunc;
+  return ctorFunc;
+}
+var UnsubscriptionError = createErrorClass(function(_super) {
+  return function UnsubscriptionErrorImpl(errors) {
+    _super(this);
+    this.message = errors ? errors.length + " errors occurred during unsubscription:\n" + errors.map(function(err, i) {
+      return i + 1 + ") " + err.toString();
+    }).join("\n  ") : "";
+    this.name = "UnsubscriptionError";
+    this.errors = errors;
+  };
+});
+function arrRemove(arr, item) {
+  if (arr) {
+    var index = arr.indexOf(item);
+    0 <= index && arr.splice(index, 1);
+  }
+}
+var Subscription = function() {
+  function Subscription2(initialTeardown) {
+    this.initialTeardown = initialTeardown;
+    this.closed = false;
+    this._parentage = null;
+    this._finalizers = null;
+  }
+  Subscription2.prototype.unsubscribe = function() {
+    var e_1, _a2, e_2, _b;
+    var errors;
     if (!this.closed) {
       this.closed = true;
       var _parentage = this._parentage;
@@ -3111,8 +1914,8 @@ var Subscriber = function(_super) {
     }
     return _this;
   }
-  Subscriber2.create = function(next2, error, complete) {
-    return new SafeSubscriber(next2, error, complete);
+  Subscriber2.create = function(next, error, complete) {
+    return new SafeSubscriber(next, error, complete);
   };
   Subscriber2.prototype.next = function(value) {
     if (this.isStopped)
@@ -3380,8 +2183,8 @@ function requireReactIs_production_min() {
   if (hasRequiredReactIs_production_min)
     return reactIs_production_min;
   hasRequiredReactIs_production_min = 1;
-  var b2 = "function" === typeof Symbol && Symbol.for, c = b2 ? Symbol.for("react.element") : 60103, d = b2 ? Symbol.for("react.portal") : 60106, e = b2 ? Symbol.for("react.fragment") : 60107, f2 = b2 ? Symbol.for("react.strict_mode") : 60108, g = b2 ? Symbol.for("react.profiler") : 60114, h = b2 ? Symbol.for("react.provider") : 60109, k2 = b2 ? Symbol.for("react.context") : 60110, l = b2 ? Symbol.for("react.async_mode") : 60111, m = b2 ? Symbol.for("react.concurrent_mode") : 60111, n = b2 ? Symbol.for("react.forward_ref") : 60112, p2 = b2 ? Symbol.for("react.suspense") : 60113, q2 = b2 ? Symbol.for("react.suspense_list") : 60120, r = b2 ? Symbol.for("react.memo") : 60115, t = b2 ? Symbol.for("react.lazy") : 60116, v2 = b2 ? Symbol.for("react.block") : 60121, w2 = b2 ? Symbol.for("react.fundamental") : 60117, x2 = b2 ? Symbol.for("react.responder") : 60118, y2 = b2 ? Symbol.for("react.scope") : 60119;
-  function z2(a) {
+  var b = "function" === typeof Symbol && Symbol.for, c = b ? Symbol.for("react.element") : 60103, d = b ? Symbol.for("react.portal") : 60106, e = b ? Symbol.for("react.fragment") : 60107, f = b ? Symbol.for("react.strict_mode") : 60108, g = b ? Symbol.for("react.profiler") : 60114, h = b ? Symbol.for("react.provider") : 60109, k = b ? Symbol.for("react.context") : 60110, l = b ? Symbol.for("react.async_mode") : 60111, m = b ? Symbol.for("react.concurrent_mode") : 60111, n = b ? Symbol.for("react.forward_ref") : 60112, p = b ? Symbol.for("react.suspense") : 60113, q = b ? Symbol.for("react.suspense_list") : 60120, r = b ? Symbol.for("react.memo") : 60115, t = b ? Symbol.for("react.lazy") : 60116, v = b ? Symbol.for("react.block") : 60121, w = b ? Symbol.for("react.fundamental") : 60117, x = b ? Symbol.for("react.responder") : 60118, y = b ? Symbol.for("react.scope") : 60119;
+  function z(a) {
     if ("object" === typeof a && null !== a) {
       var u = a.$$typeof;
       switch (u) {
@@ -3391,12 +2194,12 @@ function requireReactIs_production_min() {
             case m:
             case e:
             case g:
-            case f2:
-            case p2:
+            case f:
+            case p:
               return a;
             default:
               switch (a = a && a.$$typeof, a) {
-                case k2:
+                case k:
                 case n:
                 case t:
                 case r:
@@ -3411,12 +2214,12 @@ function requireReactIs_production_min() {
       }
     }
   }
-  function A2(a) {
-    return z2(a) === m;
+  function A(a) {
+    return z(a) === m;
   }
   reactIs_production_min.AsyncMode = l;
   reactIs_production_min.ConcurrentMode = m;
-  reactIs_production_min.ContextConsumer = k2;
+  reactIs_production_min.ContextConsumer = k;
   reactIs_production_min.ContextProvider = h;
   reactIs_production_min.Element = c;
   reactIs_production_min.ForwardRef = n;
@@ -3425,49 +2228,49 @@ function requireReactIs_production_min() {
   reactIs_production_min.Memo = r;
   reactIs_production_min.Portal = d;
   reactIs_production_min.Profiler = g;
-  reactIs_production_min.StrictMode = f2;
-  reactIs_production_min.Suspense = p2;
+  reactIs_production_min.StrictMode = f;
+  reactIs_production_min.Suspense = p;
   reactIs_production_min.isAsyncMode = function(a) {
-    return A2(a) || z2(a) === l;
+    return A(a) || z(a) === l;
   };
-  reactIs_production_min.isConcurrentMode = A2;
+  reactIs_production_min.isConcurrentMode = A;
   reactIs_production_min.isContextConsumer = function(a) {
-    return z2(a) === k2;
+    return z(a) === k;
   };
   reactIs_production_min.isContextProvider = function(a) {
-    return z2(a) === h;
+    return z(a) === h;
   };
   reactIs_production_min.isElement = function(a) {
     return "object" === typeof a && null !== a && a.$$typeof === c;
   };
   reactIs_production_min.isForwardRef = function(a) {
-    return z2(a) === n;
+    return z(a) === n;
   };
   reactIs_production_min.isFragment = function(a) {
-    return z2(a) === e;
+    return z(a) === e;
   };
   reactIs_production_min.isLazy = function(a) {
-    return z2(a) === t;
+    return z(a) === t;
   };
   reactIs_production_min.isMemo = function(a) {
-    return z2(a) === r;
+    return z(a) === r;
   };
   reactIs_production_min.isPortal = function(a) {
-    return z2(a) === d;
+    return z(a) === d;
   };
   reactIs_production_min.isProfiler = function(a) {
-    return z2(a) === g;
+    return z(a) === g;
   };
   reactIs_production_min.isStrictMode = function(a) {
-    return z2(a) === f2;
+    return z(a) === f;
   };
   reactIs_production_min.isSuspense = function(a) {
-    return z2(a) === p2;
+    return z(a) === p;
   };
   reactIs_production_min.isValidElementType = function(a) {
-    return "string" === typeof a || "function" === typeof a || a === e || a === m || a === g || a === f2 || a === p2 || a === q2 || "object" === typeof a && null !== a && (a.$$typeof === t || a.$$typeof === r || a.$$typeof === h || a.$$typeof === k2 || a.$$typeof === n || a.$$typeof === w2 || a.$$typeof === x2 || a.$$typeof === y2 || a.$$typeof === v2);
+    return "string" === typeof a || "function" === typeof a || a === e || a === m || a === g || a === f || a === p || a === q || "object" === typeof a && null !== a && (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);
   };
-  reactIs_production_min.typeOf = z2;
+  reactIs_production_min.typeOf = z;
   return reactIs_production_min;
 }
 var reactIs_development = {};
@@ -3749,9 +2552,9 @@ var SPACE_SEPARATOR_REGEX = /[ \xA0\u1680\u2000-\u200A\u202F\u205F\u3000]/;
 var DATE_TIME_REGEX = /(?:[Eec]{1,6}|G{1,5}|[Qq]{1,5}|(?:[yYur]+|U{1,5})|[ML]{1,5}|d{1,2}|D{1,3}|F{1}|[abB]{1,5}|[hkHK]{1,2}|w{1,2}|W{1}|m{1,2}|s{1,2}|[zZOvVxX]{1,4})(?=([^']*'[^']*')*[^']*$)/g;
 function parseDateTimeSkeleton(skeleton) {
   var result = {};
-  skeleton.replace(DATE_TIME_REGEX, function(match2) {
-    var len = match2.length;
-    switch (match2[0]) {
+  skeleton.replace(DATE_TIME_REGEX, function(match) {
+    var len = match.length;
+    switch (match[0]) {
       case "G":
         result.era = len === 4 ? "long" : len === 5 ? "narrow" : "short";
         break;
@@ -3850,8 +2653,8 @@ function parseNumberSkeletonFromString(skeleton) {
   if (skeleton.length === 0) {
     throw new Error("Number skeleton cannot be empty");
   }
-  var stringTokens = skeleton.split(WHITE_SPACE_REGEX).filter(function(x2) {
-    return x2.length > 0;
+  var stringTokens = skeleton.split(WHITE_SPACE_REGEX).filter(function(x) {
+    return x.length > 0;
   });
   var tokens2 = [];
   for (var _i = 0, stringTokens_1 = stringTokens; _i < stringTokens_1.length; _i++) {
@@ -3885,7 +2688,7 @@ function parseSignificantPrecision(str) {
   } else if (str[str.length - 1] === "s") {
     result.roundingPriority = "lessPrecision";
   }
-  str.replace(SIGNIFICANT_PRECISION_REGEX, function(_2, g1, g2) {
+  str.replace(SIGNIFICANT_PRECISION_REGEX, function(_, g1, g2) {
     if (typeof g2 !== "string") {
       result.minimumSignificantDigits = g1.length;
       result.maximumSignificantDigits = g1.length;
@@ -4053,7 +2856,7 @@ function parseNumberSkeleton(tokens2) {
         if (token2.options.length > 1) {
           throw new RangeError("integer-width stems only accept a single optional option");
         }
-        token2.options[0].replace(INTEGER_WIDTH_REGEX, function(_2, g1, g2, g3, g4, g5) {
+        token2.options[0].replace(INTEGER_WIDTH_REGEX, function(_, g1, g2, g3, g4, g5) {
           if (g1) {
             result.minimumIntegerDigits = g2.length;
           } else if (g3 && g4) {
@@ -4073,7 +2876,7 @@ function parseNumberSkeleton(tokens2) {
       if (token2.options.length > 1) {
         throw new RangeError("Fraction-precision stems only accept a single optional option");
       }
-      token2.stem.replace(FRACTION_PRECISION_REGEX, function(_2, g1, g2, g3, g4, g5) {
+      token2.stem.replace(FRACTION_PRECISION_REGEX, function(_, g1, g2, g3, g4, g5) {
         if (g2 === "*") {
           result.minimumFractionDigits = g1.length;
         } else if (g3 && g3[0] === "#") {
@@ -5599,18 +4402,18 @@ var REGEX_SUPPORTS_U_AND_Y = true;
 try {
   var re = RE("([^\\p{White_Space}\\p{Pattern_Syntax}]*)", "yu");
   REGEX_SUPPORTS_U_AND_Y = ((_a = re.exec("a")) === null || _a === void 0 ? void 0 : _a[0]) === "a";
-} catch (_2) {
+} catch (_) {
   REGEX_SUPPORTS_U_AND_Y = false;
 }
 var startsWith = hasNativeStartsWith ? (
   // Native
-  function startsWith2(s, search, position2) {
-    return s.startsWith(search, position2);
+  function startsWith2(s, search, position) {
+    return s.startsWith(search, position);
   }
 ) : (
   // For IE11
-  function startsWith3(s, search, position2) {
-    return s.slice(position2, position2 + search.length) === search;
+  function startsWith3(s, search, position) {
+    return s.slice(position, position + search.length) === search;
   }
 );
 var fromCodePoint = hasNativeFromCodePoint ? String.fromCodePoint : (
@@ -5621,10 +4424,10 @@ var fromCodePoint = hasNativeFromCodePoint ? String.fromCodePoint : (
       codePoints[_i] = arguments[_i];
     }
     var elements = "";
-    var length2 = codePoints.length;
+    var length = codePoints.length;
     var i = 0;
     var code;
-    while (length2 > i) {
+    while (length > i) {
       code = codePoints[i++];
       if (code > 1114111)
         throw RangeError(code + " is not a valid code point");
@@ -5640,8 +4443,8 @@ var fromEntries = (
     function fromEntries2(entries) {
       var obj = {};
       for (var _i = 0, entries_1 = entries; _i < entries_1.length; _i++) {
-        var _a2 = entries_1[_i], k2 = _a2[0], v2 = _a2[1];
-        obj[k2] = v2;
+        var _a2 = entries_1[_i], k = _a2[0], v = _a2[1];
+        obj[k] = v;
       }
       return obj;
     }
@@ -5695,21 +4498,21 @@ if (REGEX_SUPPORTS_U_AND_Y) {
   matchIdentifierAtIndex = function matchIdentifierAtIndex2(s, index) {
     var _a2;
     IDENTIFIER_PREFIX_RE_1.lastIndex = index;
-    var match2 = IDENTIFIER_PREFIX_RE_1.exec(s);
-    return (_a2 = match2[1]) !== null && _a2 !== void 0 ? _a2 : "";
+    var match = IDENTIFIER_PREFIX_RE_1.exec(s);
+    return (_a2 = match[1]) !== null && _a2 !== void 0 ? _a2 : "";
   };
 } else {
   matchIdentifierAtIndex = function matchIdentifierAtIndex2(s, index) {
-    var match2 = [];
+    var match = [];
     while (true) {
       var c = codePointAt(s, index);
       if (c === void 0 || _isWhiteSpace(c) || _isPatternSyntax(c)) {
         break;
       }
-      match2.push(c);
+      match.push(c);
       index += c >= 65536 ? 2 : 1;
     }
-    return fromCodePoint.apply(void 0, match2);
+    return fromCodePoint.apply(void 0, match);
   };
 }
 var Parser = (
@@ -5735,29 +4538,29 @@ var Parser = (
     Parser2.prototype.parseMessage = function(nestingLevel, parentArgType, expectingCloseTag) {
       var elements = [];
       while (!this.isEOF()) {
-        var char2 = this.char();
-        if (char2 === 123) {
+        var char = this.char();
+        if (char === 123) {
           var result = this.parseArgument(nestingLevel, expectingCloseTag);
           if (result.err) {
             return result;
           }
           elements.push(result.val);
-        } else if (char2 === 125 && nestingLevel > 0) {
+        } else if (char === 125 && nestingLevel > 0) {
           break;
-        } else if (char2 === 35 && (parentArgType === "plural" || parentArgType === "selectordinal")) {
-          var position2 = this.clonePosition();
+        } else if (char === 35 && (parentArgType === "plural" || parentArgType === "selectordinal")) {
+          var position = this.clonePosition();
           this.bump();
           elements.push({
             type: TYPE.pound,
-            location: createLocation(position2, this.clonePosition())
+            location: createLocation(position, this.clonePosition())
           });
-        } else if (char2 === 60 && !this.ignoreTag && this.peek() === 47) {
+        } else if (char === 60 && !this.ignoreTag && this.peek() === 47) {
           if (expectingCloseTag) {
             break;
           } else {
             return this.error(ErrorKind.UNMATCHED_CLOSING_TAG, createLocation(this.clonePosition(), this.clonePosition()));
           }
-        } else if (char2 === 60 && !this.ignoreTag && _isAlpha(this.peek() || 0)) {
+        } else if (char === 60 && !this.ignoreTag && _isAlpha(this.peek() || 0)) {
           var result = this.parseTag(nestingLevel, parentArgType);
           if (result.err) {
             return result;
@@ -6310,9 +5113,9 @@ var Parser = (
         this.position.offset += code < 65536 ? 1 : 2;
       }
     };
-    Parser2.prototype.bumpIf = function(prefix2) {
-      if (startsWith(this.message, prefix2, this.offset())) {
-        for (var i = 0; i < prefix2.length; i++) {
+    Parser2.prototype.bumpIf = function(prefix) {
+      if (startsWith(this.message, prefix, this.offset())) {
+        for (var i = 0; i < prefix.length; i++) {
           this.bump();
         }
         return true;
@@ -6385,9 +5188,9 @@ function pruneLocation(els) {
   els.forEach(function(el) {
     delete el.location;
     if (isSelectElement(el) || isPluralElement(el)) {
-      for (var k2 in el.options) {
-        delete el.options[k2].location;
-        pruneLocation(el.options[k2].value);
+      for (var k in el.options) {
+        delete el.options[k].location;
+        pruneLocation(el.options[k].value);
       }
     } else if (isNumberElement(el) && isNumberSkeleton(el.style)) {
       delete el.style.location;
@@ -6446,8 +5249,8 @@ function variadic(fn, cache, serializer) {
   }
   return computedValue;
 }
-function assemble(fn, context, strategy, cache, serialize2) {
-  return strategy.bind(context, fn, cache, serialize2);
+function assemble(fn, context, strategy, cache, serialize) {
+  return strategy.bind(context, fn, cache, serialize);
 }
 function strategyDefault(fn, options) {
   var strategy = fn.length === 1 ? monadic : variadic;
@@ -6631,8 +5434,8 @@ function formatToParts(els, locales, formatters, formats, values, currentPluralV
         throw new InvalidValueTypeError(value_1, "function", originalMessage);
       }
       var parts = formatToParts(children, locales, formatters, formats, values, currentPluralValue);
-      var chunks = formatFn(parts.map(function(p2) {
-        return p2.value;
+      var chunks = formatFn(parts.map(function(p) {
+        return p.value;
       }));
       if (!Array.isArray(chunks)) {
         chunks = [chunks];
@@ -6674,8 +5477,8 @@ function mergeConfig(c1, c2) {
   if (!c2) {
     return c1;
   }
-  return __assign(__assign(__assign({}, c1 || {}), c2 || {}), Object.keys(c1).reduce(function(all, k2) {
-    all[k2] = __assign(__assign({}, c1[k2]), c2[k2] || {});
+  return __assign(__assign(__assign({}, c1 || {}), c2 || {}), Object.keys(c1).reduce(function(all, k) {
+    all[k] = __assign(__assign({}, c1[k]), c2[k] || {});
     return all;
   }, {}));
 }
@@ -6683,8 +5486,8 @@ function mergeConfigs(defaultConfig, configs) {
   if (!configs) {
     return defaultConfig;
   }
-  return Object.keys(defaultConfig).reduce(function(all, k2) {
-    all[k2] = mergeConfig(defaultConfig[k2], configs[k2]);
+  return Object.keys(defaultConfig).reduce(function(all, k) {
+    all[k] = mergeConfig(defaultConfig[k], configs[k]);
     return all;
   }, __assign({}, defaultConfig));
 }
@@ -6798,7 +5601,7 @@ var IntlMessageFormat = (
         }
         var _a2 = opts || {};
         _a2.formatters;
-        var parseOpts = __rest$1(_a2, ["formatters"]);
+        var parseOpts = __rest(_a2, ["formatters"]);
         this.ast = IntlMessageFormat2.__parse(message, __assign(__assign({}, parseOpts), { locale: this.resolvedLocale }));
       } else {
         this.ast = message;
@@ -7144,15 +5947,15 @@ function getNamedFormat(formats, type, name, onError) {
   onError(new UnsupportedFormatterError("No ".concat(type, " format named: ").concat(name)));
 }
 function setTimeZoneInOptions(opts, timeZone) {
-  return Object.keys(opts).reduce(function(all, k2) {
-    all[k2] = __assign({ timeZone }, opts[k2]);
+  return Object.keys(opts).reduce(function(all, k) {
+    all[k] = __assign({ timeZone }, opts[k]);
     return all;
   }, {});
 }
 function deepMergeOptions(opts1, opts2) {
   var keys = Object.keys(__assign(__assign({}, opts1), opts2));
-  return keys.reduce(function(all, k2) {
-    all[k2] = __assign(__assign({}, opts1[k2] || {}), opts2[k2] || {});
+  return keys.reduce(function(all, k) {
+    all[k] = __assign(__assign({}, opts1[k] || {}), opts2[k] || {});
     return all;
   }, {});
 }
@@ -7293,15 +6096,15 @@ function formatDateTimeRange(config2, getDateTimeFormat) {
   for (var _i = 2; _i < arguments.length; _i++) {
     _a2[_i - 2] = arguments[_i];
   }
-  var from2 = _a2[0], to = _a2[1], _b = _a2[2], options = _b === void 0 ? {} : _b;
+  var from = _a2[0], to = _a2[1], _b = _a2[2], options = _b === void 0 ? {} : _b;
   var timeZone = config2.timeZone, locale = config2.locale, onError = config2.onError;
   var filteredOptions = filterProps(options, DATE_TIME_FORMAT_OPTIONS, timeZone ? { timeZone } : {});
   try {
-    return getDateTimeFormat(locale, filteredOptions).formatRange(from2, to);
+    return getDateTimeFormat(locale, filteredOptions).formatRange(from, to);
   } catch (e) {
     onError(new IntlFormatError("Error formatting date time range.", config2.locale, e));
   }
-  return String(from2);
+  return String(from);
 }
 function formatDateToParts(config2, getDateTimeFormat) {
   var _a2 = [];
@@ -7387,13 +6190,13 @@ function formatListToParts(_a2, getListFormat, values, options) {
   var filteredOptions = filterProps(options, LIST_FORMAT_OPTIONS);
   try {
     var richValues_1 = {};
-    var serializedValues = values.map(function(v2, i) {
-      if (typeof v2 === "object") {
+    var serializedValues = values.map(function(v, i) {
+      if (typeof v === "object") {
         var id = generateToken(i);
-        richValues_1[id] = v2;
+        richValues_1[id] = v;
         return id;
       }
-      return String(v2);
+      return String(v);
     });
     return getListFormat(locale, filteredOptions).formatToParts(serializedValues).map(function(part) {
       return part.type === "literal" ? part : __assign(__assign({}, part), { value: richValues_1[part.value] || part.value });
@@ -7556,7 +6359,7 @@ function assignUniqueKeysToParts(formatXMLElementFn) {
     return formatXMLElementFn(React.Children.toArray(parts));
   };
 }
-function shallowEqual2(objA, objB) {
+function shallowEqual(objA, objB) {
   if (objA === objB) {
     return true;
   }
@@ -7605,7 +6408,7 @@ var DisplayNameParts;
 function createFormattedDateTimePartsComponent(name) {
   var ComponentParts = function(props) {
     var intl = useIntl();
-    var value = props.value, children = props.children, formatProps = __rest$1(props, ["value", "children"]);
+    var value = props.value, children = props.children, formatProps = __rest(props, ["value", "children"]);
     var date = typeof value === "string" ? new Date(value || 0) : value;
     var formattedParts = name === "formatDate" ? intl.formatDateToParts(date, formatProps) : intl.formatTimeToParts(date, formatProps);
     return children(formattedParts);
@@ -7616,7 +6419,7 @@ function createFormattedDateTimePartsComponent(name) {
 function createFormattedComponent(name) {
   var Component = function(props) {
     var intl = useIntl();
-    var value = props.value, children = props.children, formatProps = __rest$1(
+    var value = props.value, children = props.children, formatProps = __rest(
       props,
       ["value", "children"]
     );
@@ -7650,9 +6453,9 @@ function assignUniqueKeysToFormatXMLElementFnArgument(values) {
   if (!values) {
     return values;
   }
-  return Object.keys(values).reduce(function(acc, k2) {
-    var v2 = values[k2];
-    acc[k2] = isFormatXMLElementFn(v2) ? assignUniqueKeysToParts(v2) : v2;
+  return Object.keys(values).reduce(function(acc, k) {
+    var v = values[k];
+    acc[k] = isFormatXMLElementFn(v) ? assignUniqueKeysToParts(v) : v;
     return acc;
   }, {});
 }
@@ -7674,7 +6477,7 @@ var formatMessage = function(config2, formatters, descriptor, rawValues) {
   return chunks;
 };
 var createIntl = function(_a2, cache) {
-  var rawDefaultRichTextElements = _a2.defaultRichTextElements, config2 = __rest$1(_a2, ["defaultRichTextElements"]);
+  var rawDefaultRichTextElements = _a2.defaultRichTextElements, config2 = __rest(_a2, ["defaultRichTextElements"]);
   var defaultRichTextElements = assignUniqueKeysToFormatXMLElementFnArgument(rawDefaultRichTextElements);
   var coreIntl = createIntl$1(__assign(__assign(__assign({}, DEFAULT_INTL_CONFIG), config2), { defaultRichTextElements }), cache);
   var resolvedConfig = {
@@ -7712,7 +6515,7 @@ var IntlProvider = (
     IntlProvider2.getDerivedStateFromProps = function(props, _a2) {
       var prevConfig = _a2.prevConfig, cache = _a2.cache;
       var config2 = processIntlConfig(props);
-      if (!shallowEqual2(prevConfig, config2)) {
+      if (!shallowEqual(prevConfig, config2)) {
         return {
           intl: createIntl(config2, cache),
           prevConfig: config2
@@ -7824,8 +6627,8 @@ function AppLoader({
     const [basename] = window.location.pathname.match(
       /\/?apps\/[a-z|-]+(\/)?/g
     ) ?? [""];
-    lastValueFrom(appModuleScript).then((x2) => {
-      const script = x2.script;
+    lastValueFrom(appModuleScript).then((x) => {
+      const script = x.script;
       const render = script.renderApp ?? script.default;
       render(el, {
         query: queryClient,
@@ -7858,7 +6661,6 @@ function AppLoader({
     }
     setLoading(true);
     const el = document.createElement("div");
-    el.style.height = "30%";
     (_a2 = ref.current) == null ? void 0 : _a2.appendChild(el);
     const appModule = renderApplication(el);
     setLoading(false);
@@ -7934,6 +6736,37 @@ function useParams() {
 }
 new Promise(() => {
 });
+const AppContext = createContext({
+  isLoading: false,
+  apps: void 0
+});
+const AppProvider = ({ children }) => {
+  const { apps, isLoading } = useApps$1({ includeHidden: true });
+  return /* @__PURE__ */ jsx(
+    AppContext.Provider,
+    {
+      value: {
+        apps,
+        isLoading
+      },
+      children
+    }
+  );
+};
+const useApps = ({
+  includeHidden
+} = {}) => {
+  const { apps: allApps, isLoading } = useContext(AppContext);
+  return useMemo(() => {
+    if (!allApps)
+      return { isLoading, apps: [] };
+    if (includeHidden) {
+      return { isLoading, apps: allApps };
+    }
+    const apps = allApps.filter((app) => !app.hide);
+    return { isLoading, apps };
+  }, [allApps, includeHidden, isLoading]);
+};
 const AppViewer = () => {
   const { appKey } = useParams();
   const { apps } = useApps({ includeHidden: true });
@@ -7948,263 +6781,6 @@ const AppViewer = () => {
   }
   return /* @__PURE__ */ jsx(AppLoader, { app, kind: "app" });
 };
-async function getBytes(stream, onChunk) {
-  const reader = stream.getReader();
-  let result;
-  while (!(result = await reader.read()).done) {
-    onChunk(result.value);
-  }
-}
-function getLines(onLine) {
-  let buffer;
-  let position2;
-  let fieldLength;
-  let discardTrailingNewline = false;
-  return function onChunk(arr) {
-    if (buffer === void 0) {
-      buffer = arr;
-      position2 = 0;
-      fieldLength = -1;
-    } else {
-      buffer = concat(buffer, arr);
-    }
-    const bufLength = buffer.length;
-    let lineStart = 0;
-    while (position2 < bufLength) {
-      if (discardTrailingNewline) {
-        if (buffer[position2] === 10) {
-          lineStart = ++position2;
-        }
-        discardTrailingNewline = false;
-      }
-      let lineEnd = -1;
-      for (; position2 < bufLength && lineEnd === -1; ++position2) {
-        switch (buffer[position2]) {
-          case 58:
-            if (fieldLength === -1) {
-              fieldLength = position2 - lineStart;
-            }
-            break;
-          case 13:
-            discardTrailingNewline = true;
-          case 10:
-            lineEnd = position2;
-            break;
-        }
-      }
-      if (lineEnd === -1) {
-        break;
-      }
-      onLine(buffer.subarray(lineStart, lineEnd), fieldLength);
-      lineStart = position2;
-      fieldLength = -1;
-    }
-    if (lineStart === bufLength) {
-      buffer = void 0;
-    } else if (lineStart !== 0) {
-      buffer = buffer.subarray(lineStart);
-      position2 -= lineStart;
-    }
-  };
-}
-function getMessages(onId, onRetry, onMessage) {
-  let message = newMessage();
-  const decoder = new TextDecoder();
-  return function onLine(line2, fieldLength) {
-    if (line2.length === 0) {
-      onMessage === null || onMessage === void 0 ? void 0 : onMessage(message);
-      message = newMessage();
-    } else if (fieldLength > 0) {
-      const field = decoder.decode(line2.subarray(0, fieldLength));
-      const valueOffset = fieldLength + (line2[fieldLength + 1] === 32 ? 2 : 1);
-      const value = decoder.decode(line2.subarray(valueOffset));
-      switch (field) {
-        case "data":
-          message.data = message.data ? message.data + "\n" + value : value;
-          break;
-        case "event":
-          message.event = value;
-          break;
-        case "id":
-          onId(message.id = value);
-          break;
-        case "retry":
-          const retry = parseInt(value, 10);
-          if (!isNaN(retry)) {
-            onRetry(message.retry = retry);
-          }
-          break;
-      }
-    }
-  };
-}
-function concat(a, b2) {
-  const res = new Uint8Array(a.length + b2.length);
-  res.set(a);
-  res.set(b2, a.length);
-  return res;
-}
-function newMessage() {
-  return {
-    data: "",
-    event: "",
-    id: "",
-    retry: void 0
-  };
-}
-var __rest = globalThis && globalThis.__rest || function(s, e) {
-  var t = {};
-  for (var p2 in s)
-    if (Object.prototype.hasOwnProperty.call(s, p2) && e.indexOf(p2) < 0)
-      t[p2] = s[p2];
-  if (s != null && typeof Object.getOwnPropertySymbols === "function")
-    for (var i = 0, p2 = Object.getOwnPropertySymbols(s); i < p2.length; i++) {
-      if (e.indexOf(p2[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p2[i]))
-        t[p2[i]] = s[p2[i]];
-    }
-  return t;
-};
-const EventStreamContentType = "text/event-stream";
-const DefaultRetryInterval = 1e3;
-const LastEventId = "last-event-id";
-function fetchEventSource(input, _a2) {
-  var { signal: inputSignal, headers: inputHeaders, onopen: inputOnOpen, onmessage, onclose, onerror, openWhenHidden, fetch: inputFetch } = _a2, rest = __rest(_a2, ["signal", "headers", "onopen", "onmessage", "onclose", "onerror", "openWhenHidden", "fetch"]);
-  return new Promise((resolve, reject) => {
-    const headers = Object.assign({}, inputHeaders);
-    if (!headers.accept) {
-      headers.accept = EventStreamContentType;
-    }
-    let curRequestController;
-    function onVisibilityChange() {
-      curRequestController.abort();
-      if (!document.hidden) {
-        create2();
-      }
-    }
-    if (!openWhenHidden) {
-      document.addEventListener("visibilitychange", onVisibilityChange);
-    }
-    let retryInterval = DefaultRetryInterval;
-    let retryTimer = 0;
-    function dispose() {
-      document.removeEventListener("visibilitychange", onVisibilityChange);
-      window.clearTimeout(retryTimer);
-      curRequestController.abort();
-    }
-    inputSignal === null || inputSignal === void 0 ? void 0 : inputSignal.addEventListener("abort", () => {
-      dispose();
-      resolve();
-    });
-    const fetch = inputFetch !== null && inputFetch !== void 0 ? inputFetch : window.fetch;
-    const onopen = inputOnOpen !== null && inputOnOpen !== void 0 ? inputOnOpen : defaultOnOpen;
-    async function create2() {
-      var _a3;
-      curRequestController = new AbortController();
-      try {
-        const response = await fetch(input, Object.assign(Object.assign({}, rest), { headers, signal: curRequestController.signal }));
-        await onopen(response);
-        await getBytes(response.body, getLines(getMessages((id) => {
-          if (id) {
-            headers[LastEventId] = id;
-          } else {
-            delete headers[LastEventId];
-          }
-        }, (retry) => {
-          retryInterval = retry;
-        }, onmessage)));
-        onclose === null || onclose === void 0 ? void 0 : onclose();
-        dispose();
-        resolve();
-      } catch (err) {
-        if (!curRequestController.signal.aborted) {
-          try {
-            const interval = (_a3 = onerror === null || onerror === void 0 ? void 0 : onerror(err)) !== null && _a3 !== void 0 ? _a3 : retryInterval;
-            window.clearTimeout(retryTimer);
-            retryTimer = window.setTimeout(create2, interval);
-          } catch (innerErr) {
-            dispose();
-            reject(innerErr);
-          }
-        }
-      }
-    }
-    create2();
-  });
-}
-function defaultOnOpen(response) {
-  const contentType = response.headers.get("content-type");
-  if (!(contentType === null || contentType === void 0 ? void 0 : contentType.startsWith(EventStreamContentType))) {
-    throw new Error(`Expected content-type to be ${EventStreamContentType}, Actual: ${contentType}`);
-  }
-}
-class RetriableError extends Error {
-}
-const useSse = (path, messageCount = 10) => {
-  const [messages, setMessages] = useState([]);
-  const { modules } = useFramework();
-  const auth = modules.auth;
-  useEffect(() => {
-    const abortController = new AbortController();
-    const abort = abortController.signal;
-    const createConnection = () => {
-      setMessages([]);
-      auth.acquireAccessToken({
-        scopes: [
-          // TODO: Using hardcoded scope now. Need to change this when we move beyond POC state
-          "api://83c0f0fa-eff6-4199-87a0-c25f28ca4bb3/user_impersonation"
-        ]
-      }).then((token2) => {
-        if (!token2)
-          console.error("No token");
-        if (abort.aborted)
-          return;
-        fetchEventSource(`${window.location.origin}/${path}`, {
-          headers: {
-            Authorization: `Bearer ${token2}`
-          },
-          openWhenHidden: true,
-          signal: abort,
-          onmessage: (eventSourceMessage) => {
-            const data = eventSourceMessage.data;
-            try {
-              const parsed = JSON.parse(data);
-              setMessages((msg) => {
-                const unique = msg.filter(
-                  (m) => m.eventSourceId !== eventSourceMessage.id
-                );
-                const count = unique.length;
-                if (count >= messageCount) {
-                  return [
-                    { ...parsed, eventSourceId: eventSourceMessage.id },
-                    ...unique.slice(0, -1)
-                  ];
-                } else {
-                  return [
-                    { ...parsed, eventSourceId: eventSourceMessage.id },
-                    ...unique
-                  ];
-                }
-              });
-            } catch (ex) {
-              console.error("Failed to parse message: ", ex);
-            }
-          },
-          onclose: () => {
-            throw new RetriableError("Connection closed, reconnecting.");
-          }
-        }).then(() => {
-          setMessages([]);
-          setTimeout(() => createConnection(), 500);
-        });
-      });
-    };
-    createConnection();
-    return () => abortController.abort("Repaint");
-  }, [auth, path, messageCount]);
-  return {
-    messages: [...messages]
-  };
-};
 const ErrorTypography = ({
   variant,
   children
@@ -8261,8 +6837,8 @@ const createUrlParamsFromObject = (obj) => {
     if (obj[key] === null || typeof obj[key] === "undefined")
       return;
     if (Array.isArray(obj[key])) {
-      obj[key].forEach((v2) => {
-        params.append(key, v2.toString());
+      obj[key].forEach((v) => {
+        params.append(key, v.toString());
       });
     } else if (typeof obj[key] === "string") {
       params.append(key, obj[key]);
@@ -8351,31 +6927,904 @@ const useDownloadRecap = (params) => {
     enabled: !!params.dealId
   });
 };
-const fetchEnvironment = async (params, client) => {
-  return client.json(
-    `_discovery/environments/${params.environment}`
+const useCustomClient = () => {
+  const client = useHttpClient("portal");
+  return async ({
+    url,
+    method,
+    params,
+    headers,
+    data,
+    signal
+  }) => {
+    const response = await client.fetch(
+      `${url}` + new URLSearchParams(params),
+      {
+        method,
+        // Request method
+        signal,
+        // Abort signal
+        headers,
+        // Additional headers
+        ...data ? { body: JSON.stringify(data) } : {}
+        // Add body if data is provided
+      }
+    );
+    if (response.headers.get("content-length") === "0" || response.status === 204) {
+      return response.text();
+    }
+    return response.json();
+  };
+};
+const useGetSettingByUserAndSettingKeyHook = () => {
+  const getSettingByUserAndSettingKey = useCustomClient();
+  return (userId, settingKey, signal) => {
+    return getSettingByUserAndSettingKey({
+      url: `/api/settings/user/${userId}/setting/${settingKey}`,
+      method: "get",
+      signal
+    });
+  };
+};
+const getGetSettingByUserAndSettingKeyQueryKey = (userId, settingKey) => {
+  return [`/api/settings/user/${userId}/setting/${settingKey}`];
+};
+const useGetSettingByUserAndSettingKeyQueryOptions = (userId, settingKey, options) => {
+  const { query: queryOptions } = options ?? {};
+  const queryKey = (queryOptions == null ? void 0 : queryOptions.queryKey) ?? getGetSettingByUserAndSettingKeyQueryKey(userId, settingKey);
+  const getSettingByUserAndSettingKey = useGetSettingByUserAndSettingKeyHook();
+  const queryFn = ({ signal }) => getSettingByUserAndSettingKey(userId, settingKey, signal);
+  return {
+    queryKey,
+    queryFn,
+    enabled: !!(userId && settingKey),
+    ...queryOptions
+  };
+};
+const useGetSettingByUserAndSettingKey = (userId, settingKey, options) => {
+  const queryOptions = useGetSettingByUserAndSettingKeyQueryOptions(
+    userId,
+    settingKey,
+    options
   );
+  const query = useQuery(queryOptions);
+  query.queryKey = queryOptions.queryKey;
+  return query;
 };
-const useGetEnvironment = (params) => {
-  const queryKey = ["service-discovery", params];
-  const client = useHttpClient("servicediscovery");
-  return useQuery({
+const useCreateOrUpdateSettingByUserAndSettingKeyHook = () => {
+  const createOrUpdateSettingByUserAndSettingKey = useCustomClient();
+  return (userId, settingKey, settingDto) => {
+    return createOrUpdateSettingByUserAndSettingKey({
+      url: `/api/settings/user/${userId}/setting/${settingKey}`,
+      method: "post",
+      headers: { "Content-Type": "application/json" },
+      data: settingDto
+    });
+  };
+};
+const useCreateOrUpdateSettingByUserAndSettingKeyMutationOptions = (options) => {
+  const { mutation: mutationOptions } = options ?? {};
+  const createOrUpdateSettingByUserAndSettingKey = useCreateOrUpdateSettingByUserAndSettingKeyHook();
+  const mutationFn = (props) => {
+    const { userId, settingKey, data } = props ?? {};
+    return createOrUpdateSettingByUserAndSettingKey(userId, settingKey, data);
+  };
+  return { mutationFn, ...mutationOptions };
+};
+const useCreateOrUpdateSettingByUserAndSettingKey = (options) => {
+  const mutationOptions = useCreateOrUpdateSettingByUserAndSettingKeyMutationOptions(options);
+  return useMutation(mutationOptions);
+};
+const useDeleteSettingByUserAndSettingKeyHook = () => {
+  const deleteSettingByUserAndSettingKey = useCustomClient();
+  return (userId, settingKey) => {
+    return deleteSettingByUserAndSettingKey({
+      url: `/api/settings/user/${userId}/setting/${settingKey}`,
+      method: "delete"
+    });
+  };
+};
+const useDeleteSettingByUserAndSettingKeyMutationOptions = (options) => {
+  const { mutation: mutationOptions } = options ?? {};
+  const deleteSettingByUserAndSettingKey = useDeleteSettingByUserAndSettingKeyHook();
+  const mutationFn = (props) => {
+    const { userId, settingKey } = props ?? {};
+    return deleteSettingByUserAndSettingKey(userId, settingKey);
+  };
+  return { mutationFn, ...mutationOptions };
+};
+const useDeleteSettingByUserAndSettingKey = (options) => {
+  const mutationOptions = useDeleteSettingByUserAndSettingKeyMutationOptions(options);
+  return useMutation(mutationOptions);
+};
+const useGetSettingByUserAndAppShortNameAndSetttingKeyHook = () => {
+  const getSettingByUserAndAppShortNameAndSetttingKey = useCustomClient();
+  return (userId, appShortName, settingKey, signal) => {
+    return getSettingByUserAndAppShortNameAndSetttingKey({
+      url: `/api/settings/user/${userId}/application/${appShortName}/setting/${settingKey}`,
+      method: "get",
+      signal
+    });
+  };
+};
+const getGetSettingByUserAndAppShortNameAndSetttingKeyQueryKey = (userId, appShortName, settingKey) => {
+  return [
+    `/api/settings/user/${userId}/application/${appShortName}/setting/${settingKey}`
+  ];
+};
+const useGetSettingByUserAndAppShortNameAndSetttingKeyQueryOptions = (userId, appShortName, settingKey, options) => {
+  const { query: queryOptions } = options ?? {};
+  const queryKey = (queryOptions == null ? void 0 : queryOptions.queryKey) ?? getGetSettingByUserAndAppShortNameAndSetttingKeyQueryKey(
+    userId,
+    appShortName,
+    settingKey
+  );
+  const getSettingByUserAndAppShortNameAndSetttingKey = useGetSettingByUserAndAppShortNameAndSetttingKeyHook();
+  const queryFn = ({ signal }) => getSettingByUserAndAppShortNameAndSetttingKey(
+    userId,
+    appShortName,
+    settingKey,
+    signal
+  );
+  return {
     queryKey,
-    queryFn: () => fetchEnvironment(params, client)
-  });
+    queryFn,
+    enabled: !!(userId && appShortName && settingKey),
+    ...queryOptions
+  };
+};
+const useGetSettingByUserAndAppShortNameAndSetttingKey = (userId, appShortName, settingKey, options) => {
+  const queryOptions = useGetSettingByUserAndAppShortNameAndSetttingKeyQueryOptions(
+    userId,
+    appShortName,
+    settingKey,
+    options
+  );
+  const query = useQuery(queryOptions);
+  query.queryKey = queryOptions.queryKey;
+  return query;
+};
+const useCreateOrUpdateSettingByUserAndAppShortNameAndSettingKeyHook = () => {
+  const createOrUpdateSettingByUserAndAppShortNameAndSettingKey = useCustomClient();
+  return (userId, appShortName, settingKey, settingDto) => {
+    return createOrUpdateSettingByUserAndAppShortNameAndSettingKey({
+      url: `/api/settings/user/${userId}/application/${appShortName}/setting/${settingKey}`,
+      method: "post",
+      headers: { "Content-Type": "application/json" },
+      data: settingDto
+    });
+  };
+};
+const useCreateOrUpdateSettingByUserAndAppShortNameAndSettingKeyMutationOptions = (options) => {
+  const { mutation: mutationOptions } = options ?? {};
+  const createOrUpdateSettingByUserAndAppShortNameAndSettingKey = useCreateOrUpdateSettingByUserAndAppShortNameAndSettingKeyHook();
+  const mutationFn = (props) => {
+    const { userId, appShortName, settingKey, data } = props ?? {};
+    return createOrUpdateSettingByUserAndAppShortNameAndSettingKey(
+      userId,
+      appShortName,
+      settingKey,
+      data
+    );
+  };
+  return { mutationFn, ...mutationOptions };
+};
+const useCreateOrUpdateSettingByUserAndAppShortNameAndSettingKey = (options) => {
+  const mutationOptions = useCreateOrUpdateSettingByUserAndAppShortNameAndSettingKeyMutationOptions(
+    options
+  );
+  return useMutation(mutationOptions);
+};
+const useDeleteSettingByUserAndAppShortNameAndSettingKeyHook = () => {
+  const deleteSettingByUserAndAppShortNameAndSettingKey = useCustomClient();
+  return (userId, appShortName, settingKey) => {
+    return deleteSettingByUserAndAppShortNameAndSettingKey({
+      url: `/api/settings/user/${userId}/application/${appShortName}/setting/${settingKey}`,
+      method: "delete"
+    });
+  };
+};
+const useDeleteSettingByUserAndAppShortNameAndSettingKeyMutationOptions = (options) => {
+  const { mutation: mutationOptions } = options ?? {};
+  const deleteSettingByUserAndAppShortNameAndSettingKey = useDeleteSettingByUserAndAppShortNameAndSettingKeyHook();
+  const mutationFn = (props) => {
+    const { userId, appShortName, settingKey } = props ?? {};
+    return deleteSettingByUserAndAppShortNameAndSettingKey(
+      userId,
+      appShortName,
+      settingKey
+    );
+  };
+  return { mutationFn, ...mutationOptions };
+};
+const useDeleteSettingByUserAndAppShortNameAndSettingKey = (options) => {
+  const mutationOptions = useDeleteSettingByUserAndAppShortNameAndSettingKeyMutationOptions(options);
+  return useMutation(mutationOptions);
+};
+const useGetSettingByUserAndAppShortNameHook = () => {
+  const getSettingByUserAndAppShortName = useCustomClient();
+  return (userId, appShortName, signal) => {
+    return getSettingByUserAndAppShortName({
+      url: `/api/settings/user/${userId}/application/${appShortName}`,
+      method: "get",
+      signal
+    });
+  };
+};
+const getGetSettingByUserAndAppShortNameQueryKey = (userId, appShortName) => {
+  return [`/api/settings/user/${userId}/application/${appShortName}`];
+};
+const useGetSettingByUserAndAppShortNameQueryOptions = (userId, appShortName, options) => {
+  const { query: queryOptions } = options ?? {};
+  const queryKey = (queryOptions == null ? void 0 : queryOptions.queryKey) ?? getGetSettingByUserAndAppShortNameQueryKey(userId, appShortName);
+  const getSettingByUserAndAppShortName = useGetSettingByUserAndAppShortNameHook();
+  const queryFn = ({ signal }) => getSettingByUserAndAppShortName(userId, appShortName, signal);
+  return {
+    queryKey,
+    queryFn,
+    enabled: !!(userId && appShortName),
+    ...queryOptions
+  };
+};
+const useGetSettingByUserAndAppShortName = (userId, appShortName, options) => {
+  const queryOptions = useGetSettingByUserAndAppShortNameQueryOptions(
+    userId,
+    appShortName,
+    options
+  );
+  const query = useQuery(queryOptions);
+  query.queryKey = queryOptions.queryKey;
+  return query;
+};
+const useGetAllAppsHook = () => {
+  const getAllApps = useCustomClient();
+  return (signal) => {
+    return getAllApps({ url: `/api/apps`, method: "get", signal });
+  };
+};
+const getGetAllAppsQueryKey = () => {
+  return [`/api/apps`];
+};
+const useGetAllAppsQueryOptions = (options) => {
+  const { query: queryOptions } = options ?? {};
+  const queryKey = (queryOptions == null ? void 0 : queryOptions.queryKey) ?? getGetAllAppsQueryKey();
+  const getAllApps = useGetAllAppsHook();
+  const queryFn = ({ signal }) => getAllApps(signal);
+  return { queryKey, queryFn, ...queryOptions };
+};
+const useGetAllApps = (options) => {
+  const queryOptions = useGetAllAppsQueryOptions(options);
+  const query = useQuery(queryOptions);
+  query.queryKey = queryOptions.queryKey;
+  return query;
+};
+const useCreateOrUpdateAppHook = () => {
+  const createOrUpdateApp = useCustomClient();
+  return (appDto) => {
+    return createOrUpdateApp({
+      url: `/api/apps`,
+      method: "post",
+      headers: { "Content-Type": "application/json" },
+      data: appDto
+    });
+  };
+};
+const useCreateOrUpdateAppMutationOptions = (options) => {
+  const { mutation: mutationOptions } = options ?? {};
+  const createOrUpdateApp = useCreateOrUpdateAppHook();
+  const mutationFn = (props) => {
+    const { data } = props ?? {};
+    return createOrUpdateApp(data);
+  };
+  return { mutationFn, ...mutationOptions };
+};
+const useCreateOrUpdateApp = (options) => {
+  const mutationOptions = useCreateOrUpdateAppMutationOptions(options);
+  return useMutation(mutationOptions);
+};
+const useGetAppByKeyHook = () => {
+  const getAppByKey = useCustomClient();
+  return (key, signal) => {
+    return getAppByKey({ url: `/api/apps/key/${key}`, method: "get", signal });
+  };
+};
+const getGetAppByKeyQueryKey = (key) => {
+  return [`/api/apps/key/${key}`];
+};
+const useGetAppByKeyQueryOptions = (key, options) => {
+  const { query: queryOptions } = options ?? {};
+  const queryKey = (queryOptions == null ? void 0 : queryOptions.queryKey) ?? getGetAppByKeyQueryKey(key);
+  const getAppByKey = useGetAppByKeyHook();
+  const queryFn = ({ signal }) => getAppByKey(key, signal);
+  return {
+    queryKey,
+    queryFn,
+    enabled: !!key,
+    ...queryOptions
+  };
+};
+const useGetAppByKey = (key, options) => {
+  const queryOptions = useGetAppByKeyQueryOptions(key, options);
+  const query = useQuery(queryOptions);
+  query.queryKey = queryOptions.queryKey;
+  return query;
+};
+const useDeleteAppByKeyHook = () => {
+  const deleteAppByKey = useCustomClient();
+  return (key) => {
+    return deleteAppByKey({ url: `/api/apps/key/${key}`, method: "delete" });
+  };
+};
+const useDeleteAppByKeyMutationOptions = (options) => {
+  const { mutation: mutationOptions } = options ?? {};
+  const deleteAppByKey = useDeleteAppByKeyHook();
+  const mutationFn = (props) => {
+    const { key } = props ?? {};
+    return deleteAppByKey(key);
+  };
+  return { mutationFn, ...mutationOptions };
+};
+const useDeleteAppByKey = (options) => {
+  const mutationOptions = useDeleteAppByKeyMutationOptions(options);
+  return useMutation(mutationOptions);
+};
+const useGetAllServicesHook = () => {
+  const getAllServices = useCustomClient();
+  return (signal) => {
+    return getAllServices({ url: `/api/apps/services`, method: "get", signal });
+  };
+};
+const getGetAllServicesQueryKey = () => {
+  return [`/api/apps/services`];
+};
+const useGetAllServicesQueryOptions = (options) => {
+  const { query: queryOptions } = options ?? {};
+  const queryKey = (queryOptions == null ? void 0 : queryOptions.queryKey) ?? getGetAllServicesQueryKey();
+  const getAllServices = useGetAllServicesHook();
+  const queryFn = ({ signal }) => getAllServices(signal);
+  return { queryKey, queryFn, ...queryOptions };
+};
+const useGetAllServices = (options) => {
+  const queryOptions = useGetAllServicesQueryOptions(options);
+  const query = useQuery(queryOptions);
+  query.queryKey = queryOptions.queryKey;
+  return query;
+};
+const useCreateOrUpdateServiceHook = () => {
+  const createOrUpdateService = useCustomClient();
+  return (serviceDto) => {
+    return createOrUpdateService({
+      url: `/api/apps/services`,
+      method: "post",
+      headers: { "Content-Type": "application/json" },
+      data: serviceDto
+    });
+  };
+};
+const useCreateOrUpdateServiceMutationOptions = (options) => {
+  const { mutation: mutationOptions } = options ?? {};
+  const createOrUpdateService = useCreateOrUpdateServiceHook();
+  const mutationFn = (props) => {
+    const { data } = props ?? {};
+    return createOrUpdateService(data);
+  };
+  return { mutationFn, ...mutationOptions };
+};
+const useCreateOrUpdateService = (options) => {
+  const mutationOptions = useCreateOrUpdateServiceMutationOptions(options);
+  return useMutation(mutationOptions);
+};
+const useGetServiceByKeyHook = () => {
+  const getServiceByKey = useCustomClient();
+  return (key, signal) => {
+    return getServiceByKey({
+      url: `/api/apps/services/key/${key}`,
+      method: "get",
+      signal
+    });
+  };
+};
+const getGetServiceByKeyQueryKey = (key) => {
+  return [`/api/apps/services/key/${key}`];
+};
+const useGetServiceByKeyQueryOptions = (key, options) => {
+  const { query: queryOptions } = options ?? {};
+  const queryKey = (queryOptions == null ? void 0 : queryOptions.queryKey) ?? getGetServiceByKeyQueryKey(key);
+  const getServiceByKey = useGetServiceByKeyHook();
+  const queryFn = ({ signal }) => getServiceByKey(key, signal);
+  return {
+    queryKey,
+    queryFn,
+    enabled: !!key,
+    ...queryOptions
+  };
+};
+const useGetServiceByKey = (key, options) => {
+  const queryOptions = useGetServiceByKeyQueryOptions(key, options);
+  const query = useQuery(queryOptions);
+  query.queryKey = queryOptions.queryKey;
+  return query;
+};
+const useDeleteServiceByKeyHook = () => {
+  const deleteServiceByKey = useCustomClient();
+  return (key) => {
+    return deleteServiceByKey({
+      url: `/api/apps/services/key/${key}`,
+      method: "delete"
+    });
+  };
+};
+const useDeleteServiceByKeyMutationOptions = (options) => {
+  const { mutation: mutationOptions } = options ?? {};
+  const deleteServiceByKey = useDeleteServiceByKeyHook();
+  const mutationFn = (props) => {
+    const { key } = props ?? {};
+    return deleteServiceByKey(key);
+  };
+  return { mutationFn, ...mutationOptions };
+};
+const useDeleteServiceByKey = (options) => {
+  const mutationOptions = useDeleteServiceByKeyMutationOptions(options);
+  return useMutation(mutationOptions);
+};
+const useGetAllCategoriesHook = () => {
+  const getAllCategories = useCustomClient();
+  return (signal) => {
+    return getAllCategories({
+      url: `/api/apps/categories`,
+      method: "get",
+      signal
+    });
+  };
+};
+const getGetAllCategoriesQueryKey = () => {
+  return [`/api/apps/categories`];
+};
+const useGetAllCategoriesQueryOptions = (options) => {
+  const { query: queryOptions } = options ?? {};
+  const queryKey = (queryOptions == null ? void 0 : queryOptions.queryKey) ?? getGetAllCategoriesQueryKey();
+  const getAllCategories = useGetAllCategoriesHook();
+  const queryFn = ({ signal }) => getAllCategories(signal);
+  return { queryKey, queryFn, ...queryOptions };
+};
+const useGetAllCategories = (options) => {
+  const queryOptions = useGetAllCategoriesQueryOptions(options);
+  const query = useQuery(queryOptions);
+  query.queryKey = queryOptions.queryKey;
+  return query;
+};
+const useCreateOrUpdateCategoryHook = () => {
+  const createOrUpdateCategory = useCustomClient();
+  return (categoryDto) => {
+    return createOrUpdateCategory({
+      url: `/api/apps/categories`,
+      method: "post",
+      headers: { "Content-Type": "application/json" },
+      data: categoryDto
+    });
+  };
+};
+const useCreateOrUpdateCategoryMutationOptions = (options) => {
+  const { mutation: mutationOptions } = options ?? {};
+  const createOrUpdateCategory = useCreateOrUpdateCategoryHook();
+  const mutationFn = (props) => {
+    const { data } = props ?? {};
+    return createOrUpdateCategory(data);
+  };
+  return { mutationFn, ...mutationOptions };
+};
+const useCreateOrUpdateCategory = (options) => {
+  const mutationOptions = useCreateOrUpdateCategoryMutationOptions(options);
+  return useMutation(mutationOptions);
+};
+const useGetCategoryByIdHook = () => {
+  const getCategoryById = useCustomClient();
+  return (id, signal) => {
+    return getCategoryById({
+      url: `/api/apps/categories/id/${id}`,
+      method: "get",
+      signal
+    });
+  };
+};
+const getGetCategoryByIdQueryKey = (id) => {
+  return [`/api/apps/categories/id/${id}`];
+};
+const useGetCategoryByIdQueryOptions = (id, options) => {
+  const { query: queryOptions } = options ?? {};
+  const queryKey = (queryOptions == null ? void 0 : queryOptions.queryKey) ?? getGetCategoryByIdQueryKey(id);
+  const getCategoryById = useGetCategoryByIdHook();
+  const queryFn = ({ signal }) => getCategoryById(id, signal);
+  return {
+    queryKey,
+    queryFn,
+    enabled: !!id,
+    ...queryOptions
+  };
+};
+const useGetCategoryById = (id, options) => {
+  const queryOptions = useGetCategoryByIdQueryOptions(id, options);
+  const query = useQuery(queryOptions);
+  query.queryKey = queryOptions.queryKey;
+  return query;
+};
+const useDeleteCategoryByIdHook = () => {
+  const deleteCategoryById = useCustomClient();
+  return (id) => {
+    return deleteCategoryById({
+      url: `/api/apps/categories/id/${id}`,
+      method: "delete"
+    });
+  };
+};
+const useDeleteCategoryByIdMutationOptions = (options) => {
+  const { mutation: mutationOptions } = options ?? {};
+  const deleteCategoryById = useDeleteCategoryByIdHook();
+  const mutationFn = (props) => {
+    const { id } = props ?? {};
+    return deleteCategoryById(id);
+  };
+  return { mutationFn, ...mutationOptions };
+};
+const useDeleteCategoryById = (options) => {
+  const mutationOptions = useDeleteCategoryByIdMutationOptions(options);
+  return useMutation(mutationOptions);
+};
+const useStreamEventsHook = () => {
+  const streamEvents = useCustomClient();
+  return (signal) => {
+    return streamEvents({
+      url: `/eventstream/activitylog`,
+      method: "get",
+      signal
+    });
+  };
+};
+const getStreamEventsQueryKey = () => {
+  return [`/eventstream/activitylog`];
+};
+const useStreamEventsQueryOptions = (options) => {
+  const { query: queryOptions } = options ?? {};
+  const queryKey = (queryOptions == null ? void 0 : queryOptions.queryKey) ?? getStreamEventsQueryKey();
+  const streamEvents = useStreamEventsHook();
+  const queryFn = ({ signal }) => streamEvents(signal);
+  return { queryKey, queryFn, ...queryOptions };
+};
+const useStreamEvents = (options) => {
+  const queryOptions = useStreamEventsQueryOptions(options);
+  const query = useQuery(queryOptions);
+  query.queryKey = queryOptions.queryKey;
+  return query;
+};
+const useGetCurrentEnvironmentHook = () => {
+  const getCurrentEnvironment = useCustomClient();
+  return (signal) => {
+    return getCurrentEnvironment({
+      url: `/_discovery/environments/current`,
+      method: "get",
+      signal
+    });
+  };
+};
+const getGetCurrentEnvironmentQueryKey = () => {
+  return [`/_discovery/environments/current`];
+};
+const useGetCurrentEnvironmentQueryOptions = (options) => {
+  const { query: queryOptions } = options ?? {};
+  const queryKey = (queryOptions == null ? void 0 : queryOptions.queryKey) ?? getGetCurrentEnvironmentQueryKey();
+  const getCurrentEnvironment = useGetCurrentEnvironmentHook();
+  const queryFn = ({ signal }) => getCurrentEnvironment(signal);
+  return { queryKey, queryFn, ...queryOptions };
+};
+const useGetCurrentEnvironment = (options) => {
+  const queryOptions = useGetCurrentEnvironmentQueryOptions(options);
+  const query = useQuery(queryOptions);
+  query.queryKey = queryOptions.queryKey;
+  return query;
+};
+const GetAllRomaConfigurationTypes200Item = {
+  servicebus: "servicebus"
+};
+const useGetRomaConfigurationByIdHook = () => {
+  const getRomaConfigurationById = useCustomClient();
+  return (id, signal) => {
+    return getRomaConfigurationById({
+      url: `/api/configurations/id/${id}`,
+      method: "get",
+      signal
+    });
+  };
+};
+const getGetRomaConfigurationByIdQueryKey = (id) => {
+  return [`/api/configurations/id/${id}`];
+};
+const useGetRomaConfigurationByIdQueryOptions = (id, options) => {
+  const { query: queryOptions } = options ?? {};
+  const queryKey = (queryOptions == null ? void 0 : queryOptions.queryKey) ?? getGetRomaConfigurationByIdQueryKey(id);
+  const getRomaConfigurationById = useGetRomaConfigurationByIdHook();
+  const queryFn = ({ signal }) => getRomaConfigurationById(id, signal);
+  return {
+    queryKey,
+    queryFn,
+    enabled: !!id,
+    ...queryOptions
+  };
+};
+const useGetRomaConfigurationById = (id, options) => {
+  const queryOptions = useGetRomaConfigurationByIdQueryOptions(id, options);
+  const query = useQuery(queryOptions);
+  query.queryKey = queryOptions.queryKey;
+  return query;
+};
+const useUpdateRomaConfigurationHook = () => {
+  const updateRomaConfiguration = useCustomClient();
+  return (id, romaConfigurationDto) => {
+    return updateRomaConfiguration({
+      url: `/api/configurations/id/${id}`,
+      method: "put",
+      headers: { "Content-Type": "application/json" },
+      data: romaConfigurationDto
+    });
+  };
+};
+const useUpdateRomaConfigurationMutationOptions = (options) => {
+  const { mutation: mutationOptions } = options ?? {};
+  const updateRomaConfiguration = useUpdateRomaConfigurationHook();
+  const mutationFn = (props) => {
+    const { id, data } = props ?? {};
+    return updateRomaConfiguration(id, data);
+  };
+  return { mutationFn, ...mutationOptions };
+};
+const useUpdateRomaConfiguration = (options) => {
+  const mutationOptions = useUpdateRomaConfigurationMutationOptions(options);
+  return useMutation(mutationOptions);
+};
+const useDeleteRomaConfigurationHook = () => {
+  const deleteRomaConfiguration = useCustomClient();
+  return (id) => {
+    return deleteRomaConfiguration({
+      url: `/api/configurations/id/${id}`,
+      method: "delete"
+    });
+  };
+};
+const useDeleteRomaConfigurationMutationOptions = (options) => {
+  const { mutation: mutationOptions } = options ?? {};
+  const deleteRomaConfiguration = useDeleteRomaConfigurationHook();
+  const mutationFn = (props) => {
+    const { id } = props ?? {};
+    return deleteRomaConfiguration(id);
+  };
+  return { mutationFn, ...mutationOptions };
+};
+const useDeleteRomaConfiguration = (options) => {
+  const mutationOptions = useDeleteRomaConfigurationMutationOptions(options);
+  return useMutation(mutationOptions);
+};
+const useGetAllRomaConfigurationHook = () => {
+  const getAllRomaConfiguration = useCustomClient();
+  return (signal) => {
+    return getAllRomaConfiguration({
+      url: `/api/configurations`,
+      method: "get",
+      signal
+    });
+  };
+};
+const getGetAllRomaConfigurationQueryKey = () => {
+  return [`/api/configurations`];
+};
+const useGetAllRomaConfigurationQueryOptions = (options) => {
+  const { query: queryOptions } = options ?? {};
+  const queryKey = (queryOptions == null ? void 0 : queryOptions.queryKey) ?? getGetAllRomaConfigurationQueryKey();
+  const getAllRomaConfiguration = useGetAllRomaConfigurationHook();
+  const queryFn = ({ signal }) => getAllRomaConfiguration(signal);
+  return { queryKey, queryFn, ...queryOptions };
+};
+const useGetAllRomaConfiguration = (options) => {
+  const queryOptions = useGetAllRomaConfigurationQueryOptions(options);
+  const query = useQuery(queryOptions);
+  query.queryKey = queryOptions.queryKey;
+  return query;
+};
+const useAddRomaConfigurationHook = () => {
+  const addRomaConfiguration = useCustomClient();
+  return (romaConfigurationDto) => {
+    return addRomaConfiguration({
+      url: `/api/configurations`,
+      method: "post",
+      headers: { "Content-Type": "application/json" },
+      data: romaConfigurationDto
+    });
+  };
+};
+const useAddRomaConfigurationMutationOptions = (options) => {
+  const { mutation: mutationOptions } = options ?? {};
+  const addRomaConfiguration = useAddRomaConfigurationHook();
+  const mutationFn = (props) => {
+    const { data } = props ?? {};
+    return addRomaConfiguration(data);
+  };
+  return { mutationFn, ...mutationOptions };
+};
+const useAddRomaConfiguration = (options) => {
+  const mutationOptions = useAddRomaConfigurationMutationOptions(options);
+  return useMutation(mutationOptions);
+};
+const useGetAllRomaConfigurationTypesHook = () => {
+  const getAllRomaConfigurationTypes = useCustomClient();
+  return (signal) => {
+    return getAllRomaConfigurationTypes({
+      url: `/api/configurations/types`,
+      method: "get",
+      signal
+    });
+  };
+};
+const getGetAllRomaConfigurationTypesQueryKey = () => {
+  return [`/api/configurations/types`];
+};
+const useGetAllRomaConfigurationTypesQueryOptions = (options) => {
+  const { query: queryOptions } = options ?? {};
+  const queryKey = (queryOptions == null ? void 0 : queryOptions.queryKey) ?? getGetAllRomaConfigurationTypesQueryKey();
+  const getAllRomaConfigurationTypes = useGetAllRomaConfigurationTypesHook();
+  const queryFn = ({ signal }) => getAllRomaConfigurationTypes(signal);
+  return { queryKey, queryFn, ...queryOptions };
+};
+const useGetAllRomaConfigurationTypes = (options) => {
+  const queryOptions = useGetAllRomaConfigurationTypesQueryOptions(options);
+  const query = useQuery(queryOptions);
+  query.queryKey = queryOptions.queryKey;
+  return query;
+};
+const useGetAllRomaConfigurationByTypeHook = () => {
+  const getAllRomaConfigurationByType = useCustomClient();
+  return (type, signal) => {
+    return getAllRomaConfigurationByType({
+      url: `/api/configurations/types/type/${type}`,
+      method: "get",
+      signal
+    });
+  };
+};
+const getGetAllRomaConfigurationByTypeQueryKey = (type) => {
+  return [`/api/configurations/types/type/${type}`];
+};
+const useGetAllRomaConfigurationByTypeQueryOptions = (type, options) => {
+  const { query: queryOptions } = options ?? {};
+  const queryKey = (queryOptions == null ? void 0 : queryOptions.queryKey) ?? getGetAllRomaConfigurationByTypeQueryKey(type);
+  const getAllRomaConfigurationByType = useGetAllRomaConfigurationByTypeHook();
+  const queryFn = ({ signal }) => getAllRomaConfigurationByType(type, signal);
+  return {
+    queryKey,
+    queryFn,
+    enabled: !!type,
+    ...queryOptions
+  };
+};
+const useGetAllRomaConfigurationByType = (type, options) => {
+  const queryOptions = useGetAllRomaConfigurationByTypeQueryOptions(
+    type,
+    options
+  );
+  const query = useQuery(queryOptions);
+  query.queryKey = queryOptions.queryKey;
+  return query;
 };
 export {
+  AppContext,
   AppLoader,
+  AppProvider,
   AppViewer,
   EquinorLoader,
   ErrorViewer,
+  GetAllRomaConfigurationTypes200Item,
   HttpErrorViewer,
   StyleProvider,
+  getGetAllAppsQueryKey,
+  getGetAllCategoriesQueryKey,
+  getGetAllRomaConfigurationByTypeQueryKey,
+  getGetAllRomaConfigurationQueryKey,
+  getGetAllRomaConfigurationTypesQueryKey,
+  getGetAllServicesQueryKey,
+  getGetAppByKeyQueryKey,
+  getGetCategoryByIdQueryKey,
+  getGetCurrentEnvironmentQueryKey,
+  getGetRomaConfigurationByIdQueryKey,
+  getGetServiceByKeyQueryKey,
+  getGetSettingByUserAndAppShortNameAndSetttingKeyQueryKey,
+  getGetSettingByUserAndAppShortNameQueryKey,
+  getGetSettingByUserAndSettingKeyQueryKey,
+  getStreamEventsQueryKey,
   makeComponent,
+  useAddRomaConfiguration,
+  useAddRomaConfigurationHook,
+  useAddRomaConfigurationMutationOptions,
+  useApps,
+  useCreateOrUpdateApp,
+  useCreateOrUpdateAppHook,
+  useCreateOrUpdateAppMutationOptions,
+  useCreateOrUpdateCategory,
+  useCreateOrUpdateCategoryHook,
+  useCreateOrUpdateCategoryMutationOptions,
+  useCreateOrUpdateService,
+  useCreateOrUpdateServiceHook,
+  useCreateOrUpdateServiceMutationOptions,
+  useCreateOrUpdateSettingByUserAndAppShortNameAndSettingKey,
+  useCreateOrUpdateSettingByUserAndAppShortNameAndSettingKeyHook,
+  useCreateOrUpdateSettingByUserAndAppShortNameAndSettingKeyMutationOptions,
+  useCreateOrUpdateSettingByUserAndSettingKey,
+  useCreateOrUpdateSettingByUserAndSettingKeyHook,
+  useCreateOrUpdateSettingByUserAndSettingKeyMutationOptions,
+  useDeleteAppByKey,
+  useDeleteAppByKeyHook,
+  useDeleteAppByKeyMutationOptions,
+  useDeleteCategoryById,
+  useDeleteCategoryByIdHook,
+  useDeleteCategoryByIdMutationOptions,
+  useDeleteRomaConfiguration,
+  useDeleteRomaConfigurationHook,
+  useDeleteRomaConfigurationMutationOptions,
+  useDeleteServiceByKey,
+  useDeleteServiceByKeyHook,
+  useDeleteServiceByKeyMutationOptions,
+  useDeleteSettingByUserAndAppShortNameAndSettingKey,
+  useDeleteSettingByUserAndAppShortNameAndSettingKeyHook,
+  useDeleteSettingByUserAndAppShortNameAndSettingKeyMutationOptions,
+  useDeleteSettingByUserAndSettingKey,
+  useDeleteSettingByUserAndSettingKeyHook,
+  useDeleteSettingByUserAndSettingKeyMutationOptions,
   useDownloadRecap,
+  useGetAllApps,
+  useGetAllAppsHook,
+  useGetAllAppsQueryOptions,
+  useGetAllCategories,
+  useGetAllCategoriesHook,
+  useGetAllCategoriesQueryOptions,
+  useGetAllRomaConfiguration,
+  useGetAllRomaConfigurationByType,
+  useGetAllRomaConfigurationByTypeHook,
+  useGetAllRomaConfigurationByTypeQueryOptions,
+  useGetAllRomaConfigurationHook,
+  useGetAllRomaConfigurationQueryOptions,
+  useGetAllRomaConfigurationTypes,
+  useGetAllRomaConfigurationTypesHook,
+  useGetAllRomaConfigurationTypesQueryOptions,
+  useGetAllServices,
+  useGetAllServicesHook,
+  useGetAllServicesQueryOptions,
+  useGetAppByKey,
+  useGetAppByKeyHook,
+  useGetAppByKeyQueryOptions,
+  useGetCategoryById,
+  useGetCategoryByIdHook,
+  useGetCategoryByIdQueryOptions,
+  useGetCurrentEnvironment,
+  useGetCurrentEnvironmentHook,
+  useGetCurrentEnvironmentQueryOptions,
   useGetDeals,
-  useGetEnvironment,
   useGetRecap,
-  useSse,
+  useGetRomaConfigurationById,
+  useGetRomaConfigurationByIdHook,
+  useGetRomaConfigurationByIdQueryOptions,
+  useGetServiceByKey,
+  useGetServiceByKeyHook,
+  useGetServiceByKeyQueryOptions,
+  useGetSettingByUserAndAppShortName,
+  useGetSettingByUserAndAppShortNameAndSetttingKey,
+  useGetSettingByUserAndAppShortNameAndSetttingKeyHook,
+  useGetSettingByUserAndAppShortNameAndSetttingKeyQueryOptions,
+  useGetSettingByUserAndAppShortNameHook,
+  useGetSettingByUserAndAppShortNameQueryOptions,
+  useGetSettingByUserAndSettingKey,
+  useGetSettingByUserAndSettingKeyHook,
+  useGetSettingByUserAndSettingKeyQueryOptions,
+  useStreamEvents,
+  useStreamEventsHook,
+  useStreamEventsQueryOptions,
+  useUpdateRomaConfiguration,
+  useUpdateRomaConfigurationHook,
+  useUpdateRomaConfigurationMutationOptions,
   withStyleIsolation
 };