@equinor/roma-framework 0.0.5 → 0.0.7-BETA.1

package/roma-framework.mjs

@@ -2,52 +2,75 @@ 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, lazy, useRef, createContext, 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 { StyleSheetManager } from "styled-components";
+import { EdsProvider, StarProgress, Typography, Card } from "@equinor/eds-core-react";
+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 { tokens } from "@equinor/eds-tokens";
 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];
+const createExtraScopePlugin = (scope) => {
+  const plugin = (element, index, childEls) => {
+    if (element.type === "rule") {
+      element.props = element.props.map((value) => {
+        const containerMatch = `div[id^='eds-']`;
+        return `${scope} ${value}, ${containerMatch} ${value}`;
+      });
+    }
+  };
+  return plugin;
+};
+const StyleProvider = ({ scope, children }) => {
+  const stylisPlugins = [];
+  if (scope) {
+    const plugin = createExtraScopePlugin(`#${scope}`);
+    Object.defineProperty(plugin, "name", { value: `style-scope-${scope}` });
+    stylisPlugins.push(plugin);
+  }
+  return /* @__PURE__ */ jsx(StyleSheetManager, { stylisPlugins, children: /* @__PURE__ */ jsx("div", { id: scope, children }) });
+};
+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];
   };
-  return extendStatics(d, b2);
+  return extendStatics(d, b);
 };
-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 __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 = b2 === null ? Object.create(b2) : (__.prototype = b2.prototype, new __());
+  d.prototype = b === null ? Object.create(b) : (__.prototype = b.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];
+      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$1(s, e) {
+function __rest(s, e) {
   var t = {};
-  for (var p2 in s)
-    if (Object.prototype.hasOwnProperty.call(s, p2) && e.indexOf(p2) < 0)
-      t[p2] = s[p2];
+  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, 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]];
+    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;
 }
@@ -86,2818 +109,21 @@ function __read(o, n) {
   }
   return ar;
 }
-function __spreadArray(to, from2, pack) {
+function __spreadArray(to, from, pack) {
   if (pack || arguments.length === 2)
-    for (var i = 0, l = from2.length, ar; i < l; i++) {
-      if (ar || !(i in from2)) {
+    for (var i = 0, l = from.length, ar; i < l; i++) {
+      if (ar || !(i in from)) {
         if (!ar)
-          ar = Array.prototype.slice.call(from2, 0, i);
-        ar[i] = from2[i];
+          ar = Array.prototype.slice.call(from, 0, i);
+        ar[i] = from[i];
       }
     }
-  return to.concat(ar || Array.prototype.slice.call(from2));
+  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 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") {
-      element.props = element.props.map((value) => {
-        const containerMatch = `div[id^='eds-']`;
-        return `${scope} ${value}, ${containerMatch} ${value}`;
-      });
-    }
-  };
-  return plugin;
-};
-const StyleProvider = ({ scope, children }) => {
-  const stylisPlugins = scope ? [createExtraScopePlugin(`#${scope}`)] : [];
-  return /* @__PURE__ */ jsx(Fe, { stylisPlugins, children: /* @__PURE__ */ jsx("div", { id: scope, children }) });
-};
-function _typeof(o) {
-  "@babel/helpers - typeof";
-  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o2) {
-    return typeof o2;
-  } : function(o2) {
-    return o2 && "function" == typeof Symbol && o2.constructor === Symbol && o2 !== Symbol.prototype ? "symbol" : typeof o2;
-  }, _typeof(o);
-}
-function _toPrimitive(input, hint) {
-  if (_typeof(input) !== "object" || input === null)
-    return input;
-  var prim = input[Symbol.toPrimitive];
-  if (prim !== void 0) {
-    var res = prim.call(input, hint || "default");
-    if (_typeof(res) !== "object")
-      return res;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (hint === "string" ? String : Number)(input);
-}
-function _toPropertyKey(arg) {
-  var key = _toPrimitive(arg, "string");
-  return _typeof(key) === "symbol" ? key : String(key);
-}
-function _defineProperty(obj, key, value) {
-  key = _toPropertyKey(key);
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
-function ownKeys(e, r) {
-  var t = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    r && (o = o.filter(function(r2) {
-      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
-    })), t.push.apply(t, o);
-  }
-  return t;
-}
-function _objectSpread2(e) {
-  for (var r = 1; r < arguments.length; r++) {
-    var t = null != arguments[r] ? arguments[r] : {};
-    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
-      _defineProperty(e, r2, t[r2]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
-      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
-    });
-  }
-  return e;
-}
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null)
-    return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0)
-      continue;
-    target[key] = source[key];
-  }
-  return target;
-}
-function _objectWithoutProperties(source, excluded) {
-  if (source == null)
-    return {};
-  var target = _objectWithoutPropertiesLoose(source, excluded);
-  var key, i;
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-    for (i = 0; i < sourceSymbolKeys.length; i++) {
-      key = sourceSymbolKeys[i];
-      if (excluded.indexOf(key) >= 0)
-        continue;
-      if (!Object.prototype.propertyIsEnumerable.call(source, key))
-        continue;
-      target[key] = source[key];
-    }
-  }
-  return target;
-}
-var clickbounds = {
-  jumbo__base: "88px",
-  default__base: "48px",
-  default__input: "56px",
-  compact__standard: "32px",
-  compact__input: "44px"
-};
-var colors$1 = {
-  text: {
-    static_icons__default: {
-      hex: "#3d3d3d",
-      hsla: "hsla(0, 0%, 23.9%, 1)",
-      rgba: "var(--eds_text__static_icons__default, rgba(61, 61, 61, 1))"
-    },
-    static_icons__secondary: {
-      hex: "#565656",
-      hsla: "hsla(0, 0%, 33.7%, 1)",
-      rgba: "var(--eds_text__static_icons__secondary, rgba(86, 86, 86, 1))"
-    },
-    static_icons__tertiary: {
-      hex: "#6f6f6f",
-      hsla: "hsla(0, 0%, 43.5%, 1)",
-      rgba: "var(--eds_text__static_icons__tertiary, rgba(111, 111, 111, 1))"
-    },
-    static_icons__primary_white: {
-      hex: "#ffffff",
-      hsla: "hsla(0, 0%, 100%, 1)",
-      rgba: "var(--eds_text__static_icons__primary_white, rgba(255, 255, 255, 1))"
-    }
-  },
-  ui: {
-    background__default: {
-      hex: "#ffffff",
-      hsla: "hsla(0, 0%, 100%, 1)",
-      rgba: "var(--eds_ui_background__default, rgba(255, 255, 255, 1))"
-    },
-    background__semitransparent: {
-      hex: "#ffffff",
-      hsla: "hsla(0, 0%, 100%, 0.2)",
-      rgba: "var(--eds_ui_background__semitransparent, rgba(255, 255, 255, 0.2))"
-    },
-    background__light: {
-      hex: "#f7f7f7",
-      hsla: "hsla(0, 0%, 96.9%, 1)",
-      rgba: "var(--eds_ui_background__light, rgba(247, 247, 247, 1))"
-    },
-    background__scrim: {
-      hex: "#000000",
-      hsla: "hsla(0, 0%, 0%, 0.4)",
-      rgba: "var(--eds_ui_background__scrim, rgba(0, 0, 0, 0.4))"
-    },
-    background__overlay: {
-      hex: "#000000",
-      hsla: "hsla(0, 0%, 0%, 0.8)",
-      rgba: "var(--eds_ui_background__overlay, rgba(0, 0, 0, 0.8))"
-    },
-    background__medium: {
-      hex: "#dcdcdc",
-      hsla: "hsla(0, 0%, 86.3%, 1)",
-      rgba: "var(--eds_ui_background__medium, rgba(220, 220, 220, 1))"
-    },
-    background__info: {
-      hex: "#d5eaf4",
-      hsla: "hsla(199, 58.5%, 89.6%, 1)",
-      rgba: "var(--eds_ui_background__info, rgba(213, 234, 244, 1))"
-    },
-    background__warning: {
-      hex: "#ffe7d6",
-      hsla: "hsla(25, 100%, 92%, 1)",
-      rgba: "var(--eds_ui_background__warning, rgba(255, 231, 214, 1))"
-    },
-    background__danger: {
-      hex: "#ffc1c1",
-      hsla: "hsla(0, 100%, 87.8%, 1)",
-      rgba: "var(--eds_ui_background__danger, rgba(255, 193, 193, 1))"
-    }
-  },
-  infographic: {
-    substitute__purple_berry: {
-      hex: "#8c1159",
-      hsla: "hsla(325, 78.3%, 30.8%, 1)",
-      rgba: "var(--eds_infographic_substitute__purple_berry, rgba(140, 17, 89, 1))"
-    },
-    substitute__pink_rose: {
-      hex: "#e24973",
-      hsla: "hsla(344, 72.5%, 58.6%, 1)",
-      rgba: "var(--eds_infographic_substitute__pink_rose, rgba(226, 73, 115, 1))"
-    },
-    substitute__pink_salmon: {
-      hex: "#ff92a8",
-      hsla: "hsla(348, 100%, 78.6%, 1)",
-      rgba: "var(--eds_infographic_substitute__pink_salmon, rgba(255, 146, 168, 1))"
-    },
-    substitute__green_cucumber: {
-      hex: "#005f57",
-      hsla: "hsla(175, 100%, 18.6%, 1)",
-      rgba: "var(--eds_infographic_substitute__green_cucumber, rgba(0, 95, 87, 1))"
-    },
-    substitute__green_succulent: {
-      hex: "#00977b",
-      hsla: "hsla(169, 100%, 29.6%, 1)",
-      rgba: "var(--eds_infographic_substitute__green_succulent, rgba(0, 151, 123, 1))"
-    },
-    substitute__green_mint: {
-      hex: "#40d38f",
-      hsla: "hsla(152, 62.6%, 53.9%, 1)",
-      rgba: "var(--eds_infographic_substitute__green_mint, rgba(64, 211, 143, 1))"
-    },
-    substitute__blue_ocean: {
-      hex: "#004088",
-      hsla: "hsla(212, 100%, 26.7%, 1)",
-      rgba: "var(--eds_infographic_substitute__blue_ocean, rgba(0, 64, 136, 1))"
-    },
-    substitute__blue_overcast: {
-      hex: "#0084c4",
-      hsla: "hsla(200, 100%, 38.4%, 1)",
-      rgba: "var(--eds_infographic_substitute__blue_overcast, rgba(0, 132, 196, 1))"
-    },
-    substitute__blue_sky: {
-      hex: "#52c0ff",
-      hsla: "hsla(202, 100%, 66.1%, 1)",
-      rgba: "var(--eds_infographic_substitute__blue_sky, rgba(82, 192, 255, 1))"
-    },
-    primary__moss_green_100: {
-      hex: "#007079",
-      hsla: "hsla(184, 100%, 23.7%, 1)",
-      rgba: "var(--eds_infographic_primary__moss_green_100, rgba(0, 112, 121, 1))"
-    },
-    primary__moss_green_55: {
-      hex: "#73b1b5",
-      hsla: "hsla(184, 30.8%, 58%, 1)",
-      rgba: "var(--eds_infographic_primary__moss_green_55, rgba(115, 177, 181, 1))"
-    },
-    primary__moss_green_34: {
-      hex: "#a8ced1",
-      hsla: "hsla(184, 30.8%, 73.9%, 1)",
-      rgba: "var(--eds_infographic_primary__moss_green_34, rgba(168, 206, 209, 1))"
-    },
-    primary__moss_green_21: {
-      hex: "#c9e0e2",
-      hsla: "hsla(185, 30.1%, 83.7%, 1)",
-      rgba: "var(--eds_infographic_primary__moss_green_21, rgba(201, 224, 226, 1))"
-    },
-    primary__moss_green_13: {
-      hex: "#deedee",
-      hsla: "hsla(184, 32%, 90.2%, 1)",
-      rgba: "var(--eds_infographic_primary__moss_green_13, rgba(222, 237, 238, 1))"
-    },
-    primary__energy_red_100: {
-      hex: "#eb0037",
-      hsla: "hsla(346, 100%, 46.1%, 1)",
-      rgba: "var(--eds_infographic_primary__energy_red_100, rgba(235, 0, 55, 1))"
-    },
-    primary__energy_red_55: {
-      hex: "#ff7d98",
-      hsla: "hsla(348, 100%, 74.5%, 1)",
-      rgba: "var(--eds_infographic_primary__energy_red_55, rgba(255, 125, 152, 1))"
-    },
-    primary__energy_red_34: {
-      hex: "#ffaebf",
-      hsla: "hsla(347, 100%, 84.1%, 1)",
-      rgba: "var(--eds_infographic_primary__energy_red_34, rgba(255, 174, 191, 1))"
-    },
-    primary__energy_red_21: {
-      hex: "#ffcdd7",
-      hsla: "hsla(348, 100%, 90.2%, 1)",
-      rgba: "var(--eds_infographic_primary__energy_red_21, rgba(255, 205, 215, 1))"
-    },
-    primary__energy_red_13: {
-      hex: "#ffe0e7",
-      hsla: "hsla(346, 100%, 93.9%, 1)",
-      rgba: "var(--eds_infographic_primary__energy_red_13, rgba(255, 224, 231, 1))"
-    },
-    primary__weathered_red: {
-      hex: "#7d0023",
-      hsla: "hsla(343, 100%, 24.5%, 1)",
-      rgba: "var(--eds_infographic_primary__weathered_red, rgba(125, 0, 35, 1))"
-    },
-    primary__slate_blue: {
-      hex: "#243746",
-      hsla: "hsla(206, 32.1%, 20.8%, 1)",
-      rgba: "var(--eds_infographic_primary__slate_blue, rgba(36, 55, 70, 1))"
-    },
-    primary__spruce_wood: {
-      hex: "#ffe7d6",
-      hsla: "hsla(25, 100%, 92%, 1)",
-      rgba: "var(--eds_infographic_primary__spruce_wood, rgba(255, 231, 214, 1))"
-    },
-    primary__mist_blue: {
-      hex: "#d5eaf4",
-      hsla: "hsla(199, 58.5%, 89.6%, 1)",
-      rgba: "var(--eds_infographic_primary__mist_blue, rgba(213, 234, 244, 1))"
-    },
-    primary__lichen_green: {
-      hex: "#e6faec",
-      hsla: "hsla(138, 66.7%, 94.1%, 1)",
-      rgba: "var(--eds_infographic_primary__lichen_green, rgba(230, 250, 236, 1))"
-    }
-  },
-  logo: {
-    fill_positive: {
-      hex: "#eb0037",
-      hsla: "hsla(346, 100%, 46.1%, 1)",
-      rgba: "var(--eds_logo__fill_positive, rgba(235, 0, 55, 1))"
-    },
-    fill_negative: {
-      hex: "#ffffff",
-      hsla: "hsla(0, 0%, 100%, 1)",
-      rgba: "var(--eds_logo__fill_negative, rgba(255, 255, 255, 1))"
-    }
-  },
-  interactive: {
-    primary__selected_highlight: {
-      hex: "#e6faec",
-      hsla: "hsla(138, 66.7%, 94.1%, 1)",
-      rgba: "var(--eds_interactive_primary__selected_highlight, rgba(230, 250, 236, 1))"
-    },
-    primary__selected_hover: {
-      hex: "#c3f3d2",
-      hsla: "hsla(139, 66.7%, 85.9%, 1)",
-      rgba: "var(--eds_interactive_primary__selected_hover, rgba(195, 243, 210, 1))"
-    },
-    primary__resting: {
-      hex: "#007079",
-      hsla: "hsla(184, 100%, 23.7%, 1)",
-      rgba: "var(--eds_interactive_primary__resting, rgba(0, 112, 121, 1))"
-    },
-    primary__hover: {
-      hex: "#004f55",
-      hsla: "hsla(184, 100%, 16.7%, 1)",
-      rgba: "var(--eds_interactive_primary__hover, rgba(0, 79, 85, 1))"
-    },
-    primary__hover_alt: {
-      hex: "#deedee",
-      hsla: "hsla(184, 32%, 90.2%, 1)",
-      rgba: "var(--eds_interactive_primary__hover_alt, rgba(222, 237, 238, 1))"
-    },
-    secondary__highlight: {
-      hex: "#d5eaf4",
-      hsla: "hsla(199, 58.5%, 89.6%, 1)",
-      rgba: "var(--eds_interactive_secondary__highlight, rgba(213, 234, 244, 1))"
-    },
-    secondary__resting: {
-      hex: "#243746",
-      hsla: "hsla(206, 32.1%, 20.8%, 1)",
-      rgba: "var(--eds_interactive_secondary__resting, rgba(36, 55, 70, 1))"
-    },
-    secondary__link_hover: {
-      hex: "#17242f",
-      hsla: "hsla(208, 34.3%, 13.7%, 1)",
-      rgba: "var(--eds_interactive_secondary__link_hover, rgba(23, 36, 47, 1))"
-    },
-    danger__highlight: {
-      hex: "#ffc1c1",
-      hsla: "hsla(0, 100%, 87.8%, 1)",
-      rgba: "var(--eds_interactive_danger__highlight, rgba(255, 193, 193, 1))"
-    },
-    danger__resting: {
-      hex: "#eb0000",
-      hsla: "hsla(0, 100%, 46.1%, 1)",
-      rgba: "var(--eds_interactive_danger__resting, rgba(235, 0, 0, 1))"
-    },
-    danger__hover: {
-      hex: "#b30d2f",
-      hsla: "hsla(348, 86.5%, 37.6%, 1)",
-      rgba: "var(--eds_interactive_danger__hover, rgba(179, 13, 47, 1))"
-    },
-    danger__text: {
-      hex: "#b30d2f",
-      hsla: "hsla(348, 86.5%, 37.6%, 1)",
-      rgba: "var(--eds_interactive_danger__text, rgba(179, 13, 47, 1))"
-    },
-    warning__highlight: {
-      hex: "#ffe7d6",
-      hsla: "hsla(25, 100%, 92%, 1)",
-      rgba: "var(--eds_interactive_warning__highlight, rgba(255, 231, 214, 1))"
-    },
-    warning__resting: {
-      hex: "#ff9200",
-      hsla: "hsla(34, 100%, 50%, 1)",
-      rgba: "var(--eds_interactive_warning__resting, rgba(255, 146, 0, 1))"
-    },
-    warning__hover: {
-      hex: "#ad6200",
-      hsla: "hsla(34, 100%, 33.9%, 1)",
-      rgba: "var(--eds_interactive_warning__hover, rgba(173, 98, 0, 1))"
-    },
-    warning__text: {
-      hex: "#ad6200",
-      hsla: "hsla(34, 100%, 33.9%, 1)",
-      rgba: "var(--eds_interactive_warning__text, rgba(173, 98, 0, 1))"
-    },
-    success__highlight: {
-      hex: "#e6faec",
-      hsla: "hsla(138, 66.7%, 94.1%, 1)",
-      rgba: "var(--eds_interactive_success__highlight, rgba(230, 250, 236, 1))"
-    },
-    success__resting: {
-      hex: "#4bb748",
-      hsla: "hsla(118, 43.5%, 50%, 1)",
-      rgba: "var(--eds_interactive_success__resting, rgba(75, 183, 72, 1))"
-    },
-    success__hover: {
-      hex: "#358132",
-      hsla: "hsla(118, 44.1%, 35.1%, 1)",
-      rgba: "var(--eds_interactive_success__hover, rgba(53, 129, 50, 1))"
-    },
-    success__text: {
-      hex: "#358132",
-      hsla: "hsla(118, 44.1%, 35.1%, 1)",
-      rgba: "var(--eds_interactive_success__text, rgba(53, 129, 50, 1))"
-    },
-    table__cell__fill_resting: {
-      hex: "#ffffff",
-      hsla: "hsla(0, 0%, 100%, 1)",
-      rgba: "var(--eds_interactive_table__cell__fill_resting, rgba(255, 255, 255, 1))"
-    },
-    table__cell__fill_hover: {
-      hex: "#eaeaea",
-      hsla: "hsla(0, 0%, 91.8%, 1)",
-      rgba: "var(--eds_interactive_table__cell__fill_hover, rgba(234, 234, 234, 1))"
-    },
-    table__cell__fill_activated: {
-      hex: "#e6faec",
-      hsla: "hsla(138, 66.7%, 94.1%, 1)",
-      rgba: "var(--eds_interactive_table__cell__fill_activated, rgba(230, 250, 236, 1))"
-    },
-    table__header__fill_activated: {
-      hex: "#eaeaea",
-      hsla: "hsla(0, 0%, 91.8%, 1)",
-      rgba: "var(--eds_interactive_table__header__fill_activated, rgba(234, 234, 234, 1))"
-    },
-    table__header__fill_hover: {
-      hex: "#dcdcdc",
-      hsla: "hsla(0, 0%, 86.3%, 1)",
-      rgba: "var(--eds_interactive_table__header__fill_hover, rgba(220, 220, 220, 1))"
-    },
-    table__header__fill_resting: {
-      hex: "#f7f7f7",
-      hsla: "hsla(0, 0%, 96.9%, 1)",
-      rgba: "var(--eds_interactive_table__header__fill_resting, rgba(247, 247, 247, 1))"
-    },
-    disabled__text: {
-      hex: "#bebebe",
-      hsla: "hsla(0, 0%, 74.5%, 1)",
-      rgba: "var(--eds_interactive__disabled__text, rgba(190, 190, 190, 1))"
-    },
-    text_highlight: {
-      hex: "#d5eaf4",
-      hsla: "hsla(199, 58.5%, 89.6%, 1)",
-      rgba: "var(--eds_interactive__text_highlight, rgba(213, 234, 244, 1))"
-    },
-    focus: {
-      hex: "#007079",
-      hsla: "hsla(184, 100%, 23.7%, 1)",
-      rgba: "var(--eds_interactive__focus, rgba(0, 112, 121, 1))"
-    },
-    disabled__border: {
-      hex: "#dcdcdc",
-      hsla: "hsla(0, 0%, 86.3%, 1)",
-      rgba: "var(--eds_interactive__disabled__border, rgba(220, 220, 220, 1))"
-    },
-    disabled__fill: {
-      hex: "#eaeaea",
-      hsla: "hsla(0, 0%, 91.8%, 1)",
-      rgba: "var(--eds_interactive__disabled__fill, rgba(234, 234, 234, 1))"
-    },
-    link_on_interactive_colors: {
-      hex: "#ffffff",
-      hsla: "hsla(0, 0%, 100%, 1)",
-      rgba: "var(--eds_interactive__link_on_interactive_colors, rgba(255, 255, 255, 1))"
-    },
-    icon_on_interactive_colors: {
-      hex: "#ffffff",
-      hsla: "hsla(0, 0%, 100%, 1)",
-      rgba: "var(--eds_interactive__icon_on_interactive_colors, rgba(255, 255, 255, 1))"
-    },
-    link_in_snackbars: {
-      hex: "#97cace",
-      hsla: "hsla(184, 35.9%, 70%, 1)",
-      rgba: "var(--eds_interactive__link_in_snackbars, rgba(151, 202, 206, 1))"
-    },
-    pressed_overlay_dark: {
-      hex: "#000000",
-      hsla: "hsla(0, 0%, 0%, 0.2)",
-      rgba: "var(--eds_interactive__pressed_overlay_dark, rgba(0, 0, 0, 0.2))"
-    },
-    pressed_overlay_light: {
-      hex: "#ffffff",
-      hsla: "hsla(0, 0%, 100%, 0.2)",
-      rgba: "var(--eds_interactive__pressed_overlay_light, rgba(255, 255, 255, 0.2))"
-    }
-  }
-};
-var elevation$1 = {
-  raised: "0 1px 5px rgba(0, 0, 0, 0.2),0 3px 4px rgba(0, 0, 0, 0.12),0 2px 4px rgba(0, 0, 0, 0.14)",
-  none: "0 0 1px rgba(0, 0, 0, 0.14)",
-  overlay: "0 1px 10px rgba(0, 0, 0, 0.2),0 4px 5px rgba(0, 0, 0, 0.12),0 2px 4px rgba(0, 0, 0, 0.14)",
-  sticky: "0 4px 5px rgba(0, 0, 0, 0.2),0 3px 14px rgba(0, 0, 0, 0.12),0 8px 10px rgba(0, 0, 0, 0.14)",
-  temporary_nav: "0 7px 8px rgba(0, 0, 0, 0.2),0 5px 22px rgba(0, 0, 0, 0.12),0 12px 17px rgba(0, 0, 0, 0.14)",
-  above_scrim: "0 11px 15px rgba(0, 0, 0, 0.2),0 9px 46px rgba(0, 0, 0, 0.12),0 24px 38px rgba(0, 0, 0, 0.14)"
-};
-var interactions = {
-  _modes: {
-    compact: {
-      pressed_dark_overlay: {
-        blendMode: "pass_through",
-        pressedColor: "transparent"
-      },
-      focused: {
-        style: "dashed",
-        color: "rgba(0, 112, 121, 1)",
-        width: "2px"
-      },
-      pressed_light_overlay: {
-        blendMode: "pass_through",
-        pressedColor: "rgba(255, 255, 255, 1)"
-      }
-    }
-  },
-  pressed_dark_overlay: {
-    blendMode: "darken",
-    pressedColor: "rgba(0, 0, 0, 0.2)"
-  },
-  focused: {
-    style: "dashed",
-    color: "rgba(0, 112, 121, 1)",
-    width: "2px"
-  },
-  pressed_light_overlay: {
-    blendMode: "pass_through",
-    pressedColor: "rgba(255, 255, 255, 0.2)"
-  }
-};
-var shape = {
-  _modes: {
-    compact: {
-      rounded: {
-        minHeight: "24px",
-        minWidth: "80px",
-        borderRadius: "100px"
-      },
-      button: {
-        minHeight: "24px",
-        minWidth: "112px",
-        borderRadius: "4px"
-      },
-      toggle: {
-        minHeight: "24px",
-        minWidth: "112px",
-        borderRadius: "4px"
-      },
-      corners: {
-        minHeight: "24px",
-        minWidth: "112px",
-        borderRadius: "4px"
-      },
-      icon_button: {
-        minHeight: "32px",
-        minWidth: "32px",
-        borderRadius: "100px"
-      },
-      straight: {
-        minHeight: "24px",
-        minWidth: "112px",
-        borderRadius: ""
-      },
-      toggle_rounded_border: {
-        minHeight: "24px",
-        minWidth: "2px",
-        borderRadius: ""
-      },
-      toggle_straight_border: {
-        minHeight: "24px",
-        minWidth: "2px",
-        borderRadius: ""
-      },
-      circle: {
-        minHeight: "24px",
-        minWidth: "24px",
-        borderRadius: "100px"
-      }
-    }
-  },
-  toggle_straight_border: {
-    minHeight: "36px",
-    minWidth: "4px",
-    borderRadius: ""
-  },
-  toggle_rounded_border: {
-    minHeight: "36px",
-    minWidth: "4px",
-    borderRadius: ""
-  },
-  circle: {
-    minHeight: "40px",
-    minWidth: "40px",
-    borderRadius: "100px"
-  },
-  rounded: {
-    minHeight: "40px",
-    minWidth: "80px",
-    borderRadius: "100px"
-  },
-  button: {
-    minHeight: "36px",
-    minWidth: "112px",
-    borderRadius: "4px"
-  },
-  toggle: {
-    minHeight: "36px",
-    minWidth: "112px",
-    borderRadius: "4px"
-  },
-  corners: {
-    minHeight: "36px",
-    minWidth: "112px",
-    borderRadius: "4px"
-  },
-  icon_button: {
-    minHeight: "40px",
-    minWidth: "40px",
-    borderRadius: "100px"
-  },
-  field: {
-    minHeight: "56px",
-    minWidth: "294px",
-    borderRadius: ""
-  },
-  straight: {
-    minHeight: "36px",
-    minWidth: "112px",
-    borderRadius: ""
-  },
-  caret: {
-    minHeight: "8px",
-    minWidth: "6px",
-    borderRadius: ""
-  }
-};
-var typography$1 = {
-  heading: {
-    h1_bold: {
-      color: "var(--eds_heading__h1_bold_color, rgba(61, 61, 61, 1))",
-      fontFamily: "Equinor",
-      fontSize: "2.000rem",
-      fontWeight: 700,
-      lineHeight: "1.250em",
-      textAlign: "left"
-    },
-    h1: {
-      color: "var(--eds_heading__h1_color, rgba(61, 61, 61, 1))",
-      fontFamily: "Equinor",
-      fontSize: "2.000rem",
-      fontWeight: 400,
-      lineHeight: "1.250em",
-      textAlign: "left"
-    },
-    h2: {
-      color: "var(--eds_heading__h2_color, rgba(61, 61, 61, 1))",
-      fontFamily: "Equinor",
-      fontSize: "1.750rem",
-      fontWeight: 400,
-      lineHeight: "1.250em",
-      textAlign: "left"
-    },
-    h3: {
-      color: "var(--eds_heading__h3_color, rgba(61, 61, 61, 1))",
-      fontFamily: "Equinor",
-      fontSize: "1.500rem",
-      fontWeight: 400,
-      lineHeight: "1.250em",
-      textAlign: "left"
-    },
-    h4: {
-      color: "var(--eds_heading__h4_color, rgba(61, 61, 61, 1))",
-      fontFamily: "Equinor",
-      fontSize: "1.250rem",
-      fontWeight: 400,
-      lineHeight: "1.600em",
-      textAlign: "left"
-    },
-    h5: {
-      color: "var(--eds_heading__h5_color, rgba(61, 61, 61, 1))",
-      fontFamily: "Equinor",
-      fontSize: "1.125rem",
-      fontWeight: 500,
-      letterSpacing: "0.013em",
-      lineHeight: "1.333em",
-      textAlign: "left"
-    },
-    h6: {
-      color: "var(--eds_heading__h6_color, rgba(61, 61, 61, 1))",
-      fontFamily: "Equinor",
-      fontSize: "1.000rem",
-      fontWeight: 500,
-      letterSpacing: "0.013em",
-      lineHeight: "1.500em",
-      textAlign: "left"
-    }
-  },
-  navigation: {
-    menu_title: {
-      color: "var(--eds_navigation__menu_title_color, rgba(61, 61, 61, 1))",
-      fontFamily: "Equinor",
-      fontSize: "1.000rem",
-      fontWeight: 400,
-      letterSpacing: "0.013em",
-      lineHeight: "1.000em",
-      textAlign: "left"
-    },
-    menu_tabs: {
-      color: "var(--eds_navigation__menu_tabs_color, rgba(61, 61, 61, 1))",
-      fontFamily: "Equinor",
-      fontSize: "1.000rem",
-      fontWeight: 500,
-      letterSpacing: "0.013em",
-      lineHeight: "1.000em",
-      textAlign: "left"
-    },
-    label: {
-      color: "var(--eds_navigation__label_color, rgba(0, 0, 0, 1))",
-      fontFamily: "Equinor",
-      fontSize: "0.750rem",
-      fontWeight: 500,
-      lineHeight: "1.333em",
-      textAlign: "left"
-    },
-    drawer_active: {
-      color: "var(--eds_navigation__drawer_active_color, rgba(0, 0, 0, 1))",
-      fontFamily: "Equinor",
-      fontSize: "1.000rem",
-      fontWeight: 700,
-      letterSpacing: "0.006em",
-      lineHeight: "1.000em",
-      textAlign: "left"
-    },
-    drawer_inactive: {
-      color: "var(--eds_navigation__drawer_inactive_color, rgba(0, 0, 0, 1))",
-      fontFamily: "Equinor",
-      fontSize: "1.000rem",
-      fontWeight: 500,
-      letterSpacing: "0.013em",
-      lineHeight: "1.000em",
-      textAlign: "left"
-    },
-    button: {
-      color: "var(--eds_navigation__button_color, rgba(0, 0, 0, 1))",
-      fontFamily: "Equinor",
-      fontSize: "0.875rem",
-      fontWeight: 500,
-      lineHeight: "1.143em",
-      textAlign: "left"
-    },
-    breadcrumb: {
-      color: "var(--eds_navigation__breadcrumb_color, rgba(0, 0, 0, 1))",
-      fontFamily: "Equinor",
-      fontSize: "0.875rem",
-      fontWeight: 500,
-      lineHeight: "1.143em",
-      textAlign: "left"
-    },
-    breadcrumb_hover: {
-      color: "var(--eds_navigation__breadcrumb_hover_color, rgba(0, 0, 0, 1))",
-      fontFamily: "Equinor",
-      fontSize: "0.875rem",
-      fontWeight: 500,
-      lineHeight: "1.143em",
-      textDecoration: "underline",
-      textAlign: "left"
-    },
-    menu_title_hover: {
-      color: "var(--eds_navigation__menu_title_hover_color, rgba(61, 61, 61, 1))",
-      fontFamily: "Equinor",
-      fontSize: "1.000rem",
-      fontWeight: 400,
-      letterSpacing: "0.013em",
-      lineHeight: "1.000em",
-      textAlign: "left"
-    }
-  },
-  input: {
-    label: {
-      color: "var(--eds_input__label_color, rgba(0, 0, 0, 1))",
-      fontFamily: "Equinor",
-      fontSize: "0.750rem",
-      fontWeight: 500,
-      lineHeight: "1.333em",
-      textAlign: "left"
-    },
-    text: {
-      color: "var(--eds_input__text_color, rgba(0, 0, 0, 1))",
-      fontFamily: "Equinor",
-      fontSize: "1.000rem",
-      fontWeight: 400,
-      letterSpacing: "0.025em",
-      lineHeight: "1.500em",
-      textAlign: "left"
-    },
-    text_monospaced: {
-      fontFeature: "'tnum' on,'lnum' on",
-      color: "var(--eds_input__text_monospaced_color, rgba(0, 0, 0, 1))",
-      fontFamily: "Equinor",
-      fontSize: "1.000rem",
-      fontWeight: 400,
-      letterSpacing: "0.063em",
-      lineHeight: "1.500em",
-      textAlign: "left"
-    },
-    helper: {
-      color: "var(--eds_input__helper_color, rgba(0, 0, 0, 1))",
-      fontFamily: "Equinor",
-      fontSize: "0.750rem",
-      fontWeight: 500,
-      letterSpacing: "0.013em",
-      lineHeight: "1.333em",
-      textAlign: "left"
-    }
-  },
-  paragraph: {
-    body_short_italic: {
-      color: "var(--eds_paragraph__body_short_italic_color, rgba(61, 61, 61, 1))",
-      fontFamily: "Equinor",
-      fontSize: "1.000rem",
-      fontWeight: 400,
-      lineHeight: "1.250em",
-      fontStyle: "italic",
-      textAlign: "left"
-    },
-    caption: {
-      color: "var(--eds_paragraph__caption_color, rgba(61, 61, 61, 1))",
-      fontFamily: "Equinor",
-      fontSize: "0.875rem",
-      fontWeight: 500,
-      lineHeight: "1.143em",
-      textAlign: "left"
-    },
-    meta: {
-      color: "var(--eds_paragraph__meta_color, rgba(61, 61, 61, 1))",
-      fontFamily: "Equinor",
-      fontSize: "0.625rem",
-      fontWeight: 500,
-      lineHeight: "1.600em",
-      textAlign: "left"
-    },
-    body_short: {
-      color: "var(--eds_paragraph__body_short_color, rgba(61, 61, 61, 1))",
-      fontFamily: "Equinor",
-      fontSize: "1.000rem",
-      fontWeight: 400,
-      lineHeight: "1.250em",
-      textAlign: "left"
-    },
-    body_short_bold_italic: {
-      color: "var(--eds_paragraph__body_short_bold_italic_color, rgba(61, 61, 61, 1))",
-      fontFamily: "Equinor",
-      fontSize: "1.000rem",
-      fontWeight: 700,
-      lineHeight: "1.250em",
-      fontStyle: "italic",
-      textAlign: "left"
-    },
-    body_short_bold: {
-      color: "var(--eds_paragraph__body_short_bold_color, rgba(61, 61, 61, 1))",
-      fontFamily: "Equinor",
-      fontSize: "1.000rem",
-      fontWeight: 700,
-      lineHeight: "1.250em",
-      textAlign: "left"
-    },
-    body_short_link: {
-      color: "var(--eds_paragraph__body_short_link_color, rgba(0, 112, 121, 1))",
-      fontFamily: "Equinor",
-      fontSize: "1.000rem",
-      fontWeight: 400,
-      lineHeight: "1.250em",
-      textDecoration: "underline",
-      textAlign: "left"
-    },
-    overline: {
-      color: "var(--eds_paragraph__overline_color, rgba(61, 61, 61, 1))",
-      fontFamily: "Equinor",
-      fontSize: "0.625rem",
-      fontWeight: 500,
-      letterSpacing: "0.069em",
-      lineHeight: "1.600em",
-      textTransform: "uppercase",
-      textAlign: "left"
-    },
-    ingress: {
-      color: "var(--eds_paragraph__ingress_color, rgba(61, 61, 61, 1))",
-      fontFamily: "Equinor",
-      fontSize: "1.125rem",
-      fontWeight: 400,
-      lineHeight: "1.333em",
-      textAlign: "left"
-    },
-    body_long: {
-      color: "var(--eds_paragraph__body_long_color, rgba(61, 61, 61, 1))",
-      fontFamily: "Equinor",
-      fontSize: "1.000rem",
-      fontWeight: 400,
-      lineHeight: "1.500em",
-      textAlign: "left"
-    },
-    body_long_link: {
-      color: "var(--eds_paragraph__body_long_link_color, rgba(0, 112, 121, 1))",
-      fontFamily: "Equinor",
-      fontSize: "1.000rem",
-      fontWeight: 400,
-      lineHeight: "1.500em",
-      textDecoration: "underline",
-      textAlign: "left"
-    },
-    body_long_italic: {
-      color: "var(--eds_paragraph__body_long_italic_color, rgba(61, 61, 61, 1))",
-      fontFamily: "Equinor",
-      fontSize: "1.000rem",
-      fontWeight: 400,
-      lineHeight: "1.500em",
-      fontStyle: "italic",
-      textAlign: "left"
-    },
-    body_long_bold: {
-      color: "var(--eds_paragraph__body_long_bold_color, rgba(61, 61, 61, 1))",
-      fontFamily: "Equinor",
-      fontSize: "1.000rem",
-      fontWeight: 700,
-      lineHeight: "1.500em",
-      textAlign: "left"
-    },
-    body_long_bold_italic: {
-      color: "var(--eds_paragraph__body_long_bold_italic_color, rgba(61, 61, 61, 1))",
-      fontFamily: "Equinor",
-      fontSize: "1.000rem",
-      fontWeight: 700,
-      lineHeight: "1.500em",
-      fontStyle: "italic",
-      textAlign: "left"
-    }
-  },
-  table: {
-    cell_header: {
-      color: "var(--eds_table__cell_header_color, rgba(0, 0, 0, 1))",
-      fontFamily: "Equinor",
-      fontSize: "0.875rem",
-      fontWeight: 700,
-      lineHeight: "1.429em",
-      textAlign: "left"
-    },
-    cell_text: {
-      color: "var(--eds_table__cell_text_color, rgba(0, 0, 0, 1))",
-      fontFamily: "Equinor",
-      fontSize: "0.875rem",
-      fontWeight: 500,
-      lineHeight: "1.429em",
-      textAlign: "left"
-    },
-    cell_text_bold: {
-      color: "var(--eds_table__cell_text_bold_color, rgba(0, 0, 0, 1))",
-      fontFamily: "Equinor",
-      fontSize: "0.875rem",
-      fontWeight: 700,
-      lineHeight: "1.429em",
-      textAlign: "left"
-    },
-    cell_text_link: {
-      color: "var(--eds_table__cell_text_link_color, rgba(0, 0, 0, 1))",
-      fontFamily: "Equinor",
-      fontSize: "0.875rem",
-      fontWeight: 500,
-      lineHeight: "1.429em",
-      textDecoration: "underline",
-      textAlign: "left"
-    },
-    cell_numeric_monospaced: {
-      fontFeature: "'tnum' on,'lnum' on",
-      color: "var(--eds_table__cell_numeric_monospaced_color, rgba(0, 0, 0, 1))",
-      fontFamily: "Equinor",
-      fontSize: "0.875rem",
-      fontWeight: 500,
-      lineHeight: "1.429em",
-      textAlign: "left"
-    }
-  },
-  _modes: {
-    compact: {
-      table: {
-        cell_header: {
-          color: "var(--eds_table__cell_header_color, rgba(0, 0, 0, 1))",
-          fontFamily: "Equinor",
-          fontSize: "0.875rem",
-          fontWeight: 700,
-          lineHeight: "1.143em",
-          textAlign: "left"
-        },
-        cell_text: {
-          color: "var(--eds_table__cell_text_color, rgba(0, 0, 0, 1))",
-          fontFamily: "Equinor",
-          fontSize: "0.875rem",
-          fontWeight: 500,
-          lineHeight: "1.143em",
-          textAlign: "left"
-        },
-        cell_text_bold: {
-          color: "var(--eds_table__cell_text_bold_color, rgba(0, 0, 0, 1))",
-          fontFamily: "Equinor",
-          fontSize: "0.875rem",
-          fontWeight: 700,
-          lineHeight: "1.143em",
-          textAlign: "left"
-        },
-        cell_text_link: {
-          color: "var(--eds_table__cell_text_link_color, rgba(0, 0, 0, 1))",
-          fontFamily: "Equinor",
-          fontSize: "0.875rem",
-          fontWeight: 500,
-          lineHeight: "1.143em",
-          textDecoration: "underline",
-          textAlign: "left"
-        },
-        cell_numeric_monospaced: {
-          fontFeature: "'tnum' on,'lnum' on",
-          color: "var(--eds_table__cell_numeric_monospaced_color, rgba(0, 0, 0, 1))",
-          fontFamily: "Equinor",
-          fontSize: "0.875rem",
-          fontWeight: 500,
-          lineHeight: "1.143em",
-          textAlign: "left"
-        }
-      }
-    }
-  },
-  ui: {
-    tooltip: {
-      color: "var(--eds_ui__tooltip_color, rgba(61, 61, 61, 1))",
-      fontFamily: "Equinor",
-      fontSize: "0.750rem",
-      fontWeight: 500,
-      lineHeight: "1.333em",
-      textAlign: "left"
-    },
-    snackbar: {
-      color: "var(--eds_ui__snackbar_color, rgba(61, 61, 61, 1))",
-      fontFamily: "Equinor",
-      fontSize: "0.750rem",
-      fontWeight: 500,
-      lineHeight: "1.333em",
-      textAlign: "left"
-    },
-    accordion_header: {
-      color: "var(--eds_ui__accordion_header_color, rgba(61, 61, 61, 1))",
-      fontFamily: "Equinor",
-      fontSize: "1.000rem",
-      fontWeight: 500,
-      lineHeight: "1.500em",
-      textAlign: "left"
-    },
-    chip__badge: {
-      color: "var(--eds_ui__chip__badge_color, rgba(61, 61, 61, 1))",
-      fontFamily: "Equinor",
-      fontSize: "0.750rem",
-      fontWeight: 500,
-      lineHeight: "1.333em",
-      textAlign: "left"
-    },
-    chart: {
-      color: "var(--eds_ui__chart_color, rgba(61, 61, 61, 1))",
-      fontFamily: "Equinor",
-      fontSize: "0.750rem",
-      fontWeight: 500,
-      lineHeight: "1.333em",
-      textAlign: "left"
-    }
-  }
-};
-var spacings$4 = {
-  comfortable: {
-    xxx_large: "48px",
-    xx_large: "40px",
-    x_large: "32px",
-    large: "24px",
-    medium: "16px",
-    medium_small: "12px",
-    small: "8px",
-    x_small: "4px",
-    xx_small: "2px"
-  }
-};
-var tokens = {
-  clickbounds,
-  colors: colors$1,
-  elevation: elevation$1,
-  interactions,
-  shape,
-  typography: typography$1,
-  spacings: spacings$4
-};
-function _arrayWithHoles(arr) {
-  if (Array.isArray(arr))
-    return 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;
-    try {
-      if (i = (t = t.call(r)).next, 0 === l) {
-        if (Object(t) !== t)
-          return;
-        f2 = false;
-      } else
-        for (; !(f2 = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f2 = true)
-          ;
-    } catch (r2) {
-      o = true, n = r2;
-    } finally {
-      try {
-        if (!f2 && null != t["return"] && (u = t["return"](), Object(u) !== u))
-          return;
-      } finally {
-        if (o)
-          throw n;
-      }
-    }
-    return a;
-  }
-}
-function _arrayLikeToArray(arr, len) {
-  if (len == null || len > arr.length)
-    len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++)
-    arr2[i] = arr[i];
-  return arr2;
-}
-function _unsupportedIterableToArray(o, minLen) {
-  if (!o)
-    return;
-  if (typeof o === "string")
-    return _arrayLikeToArray(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor)
-    n = o.constructor.name;
-  if (n === "Map" || n === "Set")
-    return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
-    return _arrayLikeToArray(o, minLen);
-}
-function _nonIterableRest() {
-  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function _slicedToArray(arr, i) {
-  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
-}
-var shorthand = function shorthand2(token2) {
-  if (!token2) {
-    return void 0;
-  }
-  var _token$width = token2.width, width = _token$width === void 0 ? "" : _token$width, _token$style = token2.style, style = _token$style === void 0 ? "" : _token$style, _token$color = token2.color, color = _token$color === void 0 ? "" : _token$color;
-  if (!width) {
-    return null;
-  }
-  return "".concat(width, " ").concat(style, " ").concat(color);
-};
-var bordersTemplate = function bordersTemplate2(border2) {
-  var _border$left, _border$left2, _border$right, _border$right2;
-  if (!border2) {
-    return nt({});
-  }
-  switch (border2.type) {
-    case "border":
-      return nt({
-        border: shorthand(border2),
-        borderRadius: border2.radius
-      });
-    case "bordergroup":
-      return nt({
-        borderBottom: shorthand(border2.bottom),
-        borderTop: shorthand(border2.top),
-        borderLeft: shorthand(border2.left),
-        borderRight: shorthand(border2.right),
-        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({});
-  }
-};
-var focusColor = tokens.colors.interactive.focus.rgba;
-var outlineTemplate = function outlineTemplate2(outline) {
-  var _outline$color = outline.color, color = _outline$color === void 0 ? focusColor : _outline$color, _outline$style = outline.style, style = _outline$style === void 0 ? "dashed" : _outline$style, _outline$width = outline.width, width = _outline$width === void 0 ? "2px" : _outline$width, _outline$offset = outline.offset, offset = _outline$offset === void 0 ? "0px" : _outline$offset, type = outline.type;
-  var outline_ = {
-    color,
-    style,
-    width,
-    offset,
-    type
-  };
-  return nt({
-    outline: shorthand(outline_),
-    outlineOffset: outline_.offset
-  });
-};
-var typographyTemplate = function typographyTemplate2(typography2, link2) {
-  if (!typography2) {
-    return "";
-  }
-  var base = "\n  margin: 0;\n  color: ".concat(typography2.color, ";\n  font-family: ").concat(typography2.fontFamily, ";\n  font-size: ").concat(typography2.fontSize, ";\n  font-weight: ").concat(typography2.fontWeight, ";\n  line-height: ").concat(typography2.lineHeight, ";\n  ");
-  if (typography2.fontStyle) {
-    base += "\nfont-style: ".concat(typography2.fontStyle, ";");
-  }
-  if (typography2.letterSpacing) {
-    base += "\nletter-spacing: ".concat(typography2.letterSpacing, ";");
-  }
-  if (typography2.textTransform) {
-    base += "\ntext-transform: ".concat(typography2.textTransform, ";");
-  }
-  if (typography2.textDecoration) {
-    base += "\ntext-decoration: ".concat(typography2.textDecoration, ";");
-  }
-  if (typography2.textAlign) {
-    base += "\ntext-align: ".concat(typography2.textAlign, ";");
-  }
-  if (typography2.fontFeature) {
-    base += "\nfont-feature-settings: ".concat(typography2.fontFeature, ";");
-  }
-  if (link2) {
-    base += "\ncursor: pointer;";
-  }
-  return base;
-};
-var initalState = {
-  /** Density for all components inside `EdsProvider` */
-  density: "comfortable"
-};
-var EdsContext = /* @__PURE__ */ createContext(initalState);
-var EdsProvider = function EdsProvider2(_ref) {
-  var children = _ref.children, density = _ref.density;
-  var _useState = useState(_objectSpread2(_objectSpread2({}, initalState), {}, {
-    density: density || "comfortable"
-  })), _useState2 = _slicedToArray(_useState, 2), state = _useState2[0], setState = _useState2[1];
-  var setDensity = function setDensity2(density2) {
-    return setState(function(prevState) {
-      return _objectSpread2(_objectSpread2({}, prevState), {}, {
-        density: density2
-      });
-    });
-  };
-  useEffect(function() {
-    if (typeof density !== "undefined" && density !== state.density) {
-      setDensity(density);
-    }
-  }, [density, state.density]);
-  var value = {
-    density: state.density,
-    setDensity
-  };
-  return /* @__PURE__ */ jsx(EdsContext.Provider, {
-    value,
-    children
-  });
-};
-var _tokens$colors$ui = tokens.colors.ui, background$1 = _tokens$colors$ui.background__default.rgba, backgroundInfo = _tokens$colors$ui.background__info.rgba, backgroundWarning = _tokens$colors$ui.background__warning.rgba, backgroundDanger = _tokens$colors$ui.background__danger.rgba, spacingMedium = tokens.spacings.comfortable.medium, borderRadius = tokens.shape.corners.borderRadius;
-var primary$2 = {
-  background: background$1,
-  border: {
-    type: "border",
-    radius: borderRadius
-  },
-  spacings: {
-    left: spacingMedium,
-    bottom: spacingMedium,
-    right: spacingMedium,
-    top: spacingMedium
-  }
-};
-var info = {
-  background: backgroundInfo
-};
-var danger$1 = {
-  background: backgroundDanger
-};
-var warning$1 = {
-  background: backgroundWarning
-};
-const Card_tokens = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  danger: danger$1,
-  info,
-  primary: primary$2,
-  warning: warning$1
-}, Symbol.toStringTag, { value: "Module" }));
-var elevation = tokens.elevation, background = tokens.colors.ui.background__default.rgba;
-var paper = {
-  background
-};
-var _excluded$8 = ["elevation"];
-var StyledPaper = st.div.withConfig({
-  displayName: "Paper__StyledPaper",
-  componentId: "sc-6ncnv9-0"
-})(["background:", ";box-shadow:", ";"], paper.background, function(_ref) {
-  var $elevation = _ref.$elevation;
-  return $elevation;
-});
-var Paper = /* @__PURE__ */ forwardRef(function Paper2(_ref2, ref) {
-  var _elevationToken$eleva;
-  var _ref2$elevation = _ref2.elevation, elevation$12 = _ref2$elevation === void 0 ? "none" : _ref2$elevation, rest = _objectWithoutProperties(_ref2, _excluded$8);
-  var props = _objectSpread2(_objectSpread2({}, rest), {}, {
-    $elevation: (_elevationToken$eleva = elevation[elevation$12]) !== null && _elevationToken$eleva !== void 0 ? _elevationToken$eleva : "none"
-  });
-  return /* @__PURE__ */ jsx(StyledPaper, _objectSpread2(_objectSpread2({}, props), {}, {
-    ref
-  }));
-});
-var _excluded$7 = ["children", "variant", "elevation"];
-var primary$1 = primary$2;
-var StyledCard = st(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) {
-  var $background = _ref.$background;
-  return $background;
-}, bordersTemplate(primary$1.border));
-var Card$1 = /* @__PURE__ */ forwardRef(function Card(_ref2, ref) {
-  var children = _ref2.children, _ref2$variant = _ref2.variant, variant = _ref2$variant === void 0 ? "default" : _ref2$variant, _ref2$elevation = _ref2.elevation, elevation2 = _ref2$elevation === void 0 ? "none" : _ref2$elevation, rest = _objectWithoutProperties(_ref2, _excluded$7);
-  var cardVariant = variant === "default" ? "primary" : variant;
-  var token2 = Card_tokens[cardVariant];
-  var props = _objectSpread2({
-    ref,
-    $background: token2.background
-  }, rest);
-  return /* @__PURE__ */ jsx(StyledCard, _objectSpread2(_objectSpread2({
-    elevation: elevation2
-  }, props), {}, {
-    children
-  }));
-});
-var typography = tokens.typography, colorsToken = tokens.colors, focusOutlineWidth = tokens.interactions.focused.width;
-var heading = typography.heading, paragraph = typography.paragraph;
-var _colorsToken$interact = colorsToken.interactive, primary = _colorsToken$interact.primary__resting.rgba, secondary = _colorsToken$interact.secondary__resting.rgba, danger = _colorsToken$interact.danger__resting.rgba, warning = _colorsToken$interact.warning__resting.rgba, success = _colorsToken$interact.success__resting.rgba, disabled = _colorsToken$interact.disabled__text.rgba, focus = _colorsToken$interact.focus.rgba;
-var colors = {
-  primary,
-  secondary,
-  danger,
-  warning,
-  success,
-  disabled
-};
-var quickVariants = _objectSpread2(_objectSpread2({}, heading), paragraph);
-var link = {
-  states: {
-    focus: {
-      outline: {
-        width: focusOutlineWidth,
-        color: focus,
-        style: "dashed",
-        type: "outline",
-        offset: "2px"
-      }
-    }
-  }
-};
-var _excluded$6 = ["variant", "children", "bold", "italic", "link", "lines", "color", "group", "token", "as"];
-var getElementType = function getElementType2(variant, link2) {
-  if (link2) {
-    return "a";
-  }
-  switch (variant) {
-    case "h1":
-    case "h2":
-    case "h3":
-    case "h4":
-    case "h5":
-    case "h6":
-      return variant;
-    case "caption":
-    case "overline":
-    case "ingress":
-    case "meta":
-    case "body_short":
-    case "body_long":
-    default:
-      return "p";
-  }
-};
-var findTypography = function findTypography2(variantName, group) {
-  if (!group && quickVariants[variantName]) {
-    return quickVariants[variantName];
-  }
-  return typography[group][variantName];
-};
-var findColor = function findColor2() {
-  var inputColor = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : null;
-  return typeof colors[inputColor] === "undefined" ? inputColor : colors[inputColor];
-};
-var toVariantName = function toVariantName2(variant) {
-  var bold = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;
-  var italic = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : false;
-  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({
-  displayName: "Typography__StyledTypography",
-  componentId: "sc-179guof-0"
-})(["", " ", " ", " ", ""], function(_ref) {
-  var $typography = _ref.$typography, $link = _ref.$link;
-  return typographyTemplate($typography, $link);
-}, function(_ref2) {
-  var $color = _ref2.$color;
-  return nt({
-    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)
-  );
-}, 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));
-});
-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);
-  var as = providedAs ? providedAs : getElementType(variant, link2);
-  var variantName = toVariantName(variant, bold, italic, link2);
-  var typography2 = findTypography(variantName, group);
-  if (typeof typography2 === "undefined") {
-    throw new Error('Typography variant not found for variant "'.concat(variantName, '" ("').concat(variant, '") & group "').concat(group || "", '"'));
-  }
-  return /* @__PURE__ */ jsx(StyledTypography, _objectSpread2(_objectSpread2({
-    as,
-    $typography: _objectSpread2(_objectSpread2({}, typography2), token2),
-    $link: link2,
-    $lines: lines,
-    ref,
-    $color: color
-  }, other), {}, {
-    children
-  }));
-});
-var _excluded$5 = ["children", "alignRight", "meta"];
-var spacings$3 = primary$2.spacings;
-var StyledCardActions = st.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) {
-  var $justifyContent = _ref.$justifyContent;
-  return $justifyContent;
-}, spacings$3.right, spacings$3.left, spacings$3.top, spacings$3.bottom);
-var CardActions = /* @__PURE__ */ forwardRef(function CardActions2(_ref2, ref) {
-  var children = _ref2.children, _ref2$alignRight = _ref2.alignRight, alignRight = _ref2$alignRight === void 0 ? false : _ref2$alignRight, _ref2$meta = _ref2.meta, meta = _ref2$meta === void 0 ? "" : _ref2$meta, rest = _objectWithoutProperties(_ref2, _excluded$5);
-  var $justifyContent = alignRight ? "flex-end" : "flex-start";
-  var props = _objectSpread2({
-    ref,
-    $justifyContent
-  }, rest);
-  return /* @__PURE__ */ jsxs(StyledCardActions, _objectSpread2(_objectSpread2({}, props), {}, {
-    children: [children, meta !== "" && /* @__PURE__ */ jsx(Typography, {
-      variant: "caption",
-      children: meta
-    })]
-  }));
-});
-var _excluded$4 = ["children"];
-var spacings$2 = primary$2.spacings;
-var StyledCardContent = st.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);
-var CardContent = /* @__PURE__ */ forwardRef(function CardContent2(_ref, ref) {
-  var children = _ref.children, props = _objectWithoutProperties(_ref, _excluded$4);
-  return /* @__PURE__ */ jsx(StyledCardContent, _objectSpread2(_objectSpread2({
-    ref
-  }, props), {}, {
-    children
-  }));
-});
-var _excluded$3 = ["children", "fullWidth"];
-var spacings$1 = primary$2.spacings, border = primary$2.border;
-var StyledCardMedia = st.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);
-});
-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);
-  var props = _objectSpread2(_objectSpread2({}, rest), {}, {
-    ref,
-    $fullWidth: fullWidth
-  });
-  return /* @__PURE__ */ jsx(StyledCardMedia, _objectSpread2(_objectSpread2({}, props), {}, {
-    children
-  }));
-});
-var _excluded$2 = ["children"];
-var spacings = primary$2.spacings;
-var StyledCardHeader = st.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);
-var CardHeader = /* @__PURE__ */ forwardRef(function CardHeader2(_ref, ref) {
-  var children = _ref.children, rest = _objectWithoutProperties(_ref, _excluded$2);
-  var props = _objectSpread2(_objectSpread2({}, rest), {}, {
-    ref
-  });
-  return /* @__PURE__ */ jsx(StyledCardHeader, _objectSpread2(_objectSpread2({}, props), {}, {
-    children
-  }));
-});
-var _excluded$1 = ["children"];
-var StyledCardHeaderTitle = st.div.withConfig({
-  displayName: "CardHeaderTitle__StyledCardHeaderTitle",
-  componentId: "sc-11m80r3-0"
-})(["display:grid;flex-grow:2;grid-auto-columns:auto;"]);
-var CardHeaderTitle = /* @__PURE__ */ forwardRef(function CardHeaderTitle2(_ref, ref) {
-  var children = _ref.children, rest = _objectWithoutProperties(_ref, _excluded$1);
-  var props = _objectSpread2(_objectSpread2({}, rest), {}, {
-    ref
-  });
-  return /* @__PURE__ */ jsx(StyledCardHeaderTitle, _objectSpread2(_objectSpread2({}, props), {}, {
-    children
-  }));
-});
-var Card2 = Card$1;
-Card2.Actions = CardActions;
-Card2.Content = CardContent;
-Card2.Header = CardHeader;
-Card2.Media = CardMedia;
-Card2.HeaderTitle = CardHeaderTitle;
-Card2.Actions.displayName = "Card.Actions";
-Card2.Content.displayName = "Card.Content";
-Card2.Header.displayName = "Card.Header";
-Card2.Media.displayName = "Card.Media";
-Card2.HeaderTitle.displayName = "Card.HeaderTitle";
-var logoFillPositive = tokens.colors.logo.fill_positive.rgba;
-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({
-  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");
-});
-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);
-  var progress = Math.round(value);
-  var height = size * 1.2;
-  var width = size;
-  var props = _objectSpread2(_objectSpread2({}, rest), {}, {
-    ref,
-    $variant: variant,
-    $progress: progress
-  });
-  if (variant === "determinate") {
-    if (value !== void 0) {
-      props["aria-valuenow"] = progress;
-      props["aria-valuemin"] = 0;
-      props["aria-valuemax"] = 100;
-    }
-  }
-  return /* @__PURE__ */ jsxs(Svg, _objectSpread2(_objectSpread2({}, props), {}, {
-    role: "progressbar",
-    width,
-    height,
-    viewBox: "0 0 40 48",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    preserveAspectRatio: "xMidYMid meet",
-    children: [/* @__PURE__ */ jsx("path", {
-      d: "M32.756 34.6798L29.482 36.5817C29.4139 36.6219 29.3295 36.6227 29.2606 36.5829L25.9476 34.7151C25.7975 34.6306 25.7967 34.4149 25.9456 34.3284L29.2397 32.4256C29.3077 32.3858 29.3914 32.3858 29.4603 32.4248L32.754 34.2931C32.9033 34.3784 32.9041 34.5929 32.756 34.6798Z"
-    }), /* @__PURE__ */ jsx("path", {
-      d: "M25.9596 45.4706L22.6655 43.5867C22.5966 43.5469 22.554 43.4744 22.554 43.396V41.4289V39.5922C22.5519 39.4204 22.7381 39.3109 22.8878 39.397L26.1819 41.2981C26.25 41.3379 26.2926 41.4104 26.2934 41.4896V43.4268V45.2762C26.2947 45.4472 26.1085 45.5559 25.9596 45.4706Z"
-    }), /* @__PURE__ */ jsx("path", {
-      d: "M12.3022 47.7037V44.9795V42.6544C12.3022 42.5495 12.3576 42.4515 12.4482 42.3986L14.1262 41.4062L16.8143 39.8188C17.0119 39.7019 17.2617 39.8442 17.2625 40.0739L17.2633 42.7627V45.1456C17.2633 45.251 17.2079 45.3486 17.1165 45.4015L12.7496 47.9587C12.552 48.0748 12.3031 47.9325 12.3022 47.7037Z"
-    }), /* @__PURE__ */ jsx("path", {
-      d: "M0.221343 34.2106L6.76939 30.4056C6.90636 30.326 7.07449 30.3256 7.21227 30.4023L13.8378 34.1401C14.138 34.3095 14.14 34.7413 13.8415 34.9131L7.25492 38.7182C7.11795 38.7977 6.94941 38.7985 6.81204 38.7206L0.225854 34.9836C-0.0734986 34.8139 -0.075549 34.3833 0.221343 34.2106Z"
-    }), /* @__PURE__ */ jsx("path", {
-      d: "M6.03876 9.125L16.9237 15.5151C17.1513 15.6484 17.2903 15.8912 17.2903 16.1549V28.8331C17.2903 29.4076 16.665 29.7647 16.1704 29.4728L5.28546 23.0264C5.05869 22.8919 4.92008 22.6479 4.9209 22.3855V9.76307C4.92254 9.1902 5.54503 8.83467 6.03876 9.125Z"
-    }), /* @__PURE__ */ jsx("path", {
-      d: "M39.6262 1.07261V11.7603V19.3368C39.627 19.7178 39.4265 20.0709 39.0988 20.2644L31.4145 24.8195L23.3545 29.5964C22.6385 30.0192 21.7339 29.5029 21.7339 28.6717V10.3259C21.7339 9.94495 21.9356 9.5927 22.2641 9.39955L38.008 0.149533C38.7232 -0.270381 39.6241 0.24385 39.6262 1.07261Z"
-    })]
-  }));
-});
 function isFunction(value) {
   return typeof value === "function";
 }
@@ -3111,8 +337,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 +606,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 +617,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 +637,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 +651,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 +975,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 +1076,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 +1111,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;
@@ -3981,8 +1207,8 @@ function parseNotationOptions(opt) {
 function parseNumberSkeleton(tokens2) {
   var result = {};
   for (var _i = 0, tokens_1 = tokens2; _i < tokens_1.length; _i++) {
-    var token2 = tokens_1[_i];
-    switch (token2.stem) {
+    var token = tokens_1[_i];
+    switch (token.stem) {
       case "percent":
       case "%":
         result.style = "percent";
@@ -3993,7 +1219,7 @@ function parseNumberSkeleton(tokens2) {
         continue;
       case "currency":
         result.style = "currency";
-        result.currency = token2.options[0];
+        result.currency = token.options[0];
         continue;
       case "group-off":
       case ",_":
@@ -4006,7 +1232,7 @@ function parseNumberSkeleton(tokens2) {
       case "measure-unit":
       case "unit":
         result.style = "unit";
-        result.unit = icuUnitToEcma(token2.options[0]);
+        result.unit = icuUnitToEcma(token.options[0]);
         continue;
       case "compact-short":
       case "K":
@@ -4019,12 +1245,12 @@ function parseNumberSkeleton(tokens2) {
         result.compactDisplay = "long";
         continue;
       case "scientific":
-        result = __assign(__assign(__assign({}, result), { notation: "scientific" }), token2.options.reduce(function(all, opt2) {
+        result = __assign(__assign(__assign({}, result), { notation: "scientific" }), token.options.reduce(function(all, opt2) {
           return __assign(__assign({}, all), parseNotationOptions(opt2));
         }, {}));
         continue;
       case "engineering":
-        result = __assign(__assign(__assign({}, result), { notation: "engineering" }), token2.options.reduce(function(all, opt2) {
+        result = __assign(__assign(__assign({}, result), { notation: "engineering" }), token.options.reduce(function(all, opt2) {
           return __assign(__assign({}, all), parseNotationOptions(opt2));
         }, {}));
         continue;
@@ -4047,13 +1273,13 @@ function parseNumberSkeleton(tokens2) {
         result.currencyDisplay = "symbol";
         continue;
       case "scale":
-        result.scale = parseFloat(token2.options[0]);
+        result.scale = parseFloat(token.options[0]);
         continue;
       case "integer-width":
-        if (token2.options.length > 1) {
+        if (token.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) {
+        token.options[0].replace(INTEGER_WIDTH_REGEX, function(_, g1, g2, g3, g4, g5) {
           if (g1) {
             result.minimumIntegerDigits = g2.length;
           } else if (g3 && g4) {
@@ -4065,15 +1291,15 @@ function parseNumberSkeleton(tokens2) {
         });
         continue;
     }
-    if (CONCISE_INTEGER_WIDTH_REGEX.test(token2.stem)) {
-      result.minimumIntegerDigits = token2.stem.length;
+    if (CONCISE_INTEGER_WIDTH_REGEX.test(token.stem)) {
+      result.minimumIntegerDigits = token.stem.length;
       continue;
     }
-    if (FRACTION_PRECISION_REGEX.test(token2.stem)) {
-      if (token2.options.length > 1) {
+    if (FRACTION_PRECISION_REGEX.test(token.stem)) {
+      if (token.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) {
+      token.stem.replace(FRACTION_PRECISION_REGEX, function(_, g1, g2, g3, g4, g5) {
         if (g2 === "*") {
           result.minimumFractionDigits = g1.length;
         } else if (g3 && g3[0] === "#") {
@@ -4087,7 +1313,7 @@ function parseNumberSkeleton(tokens2) {
         }
         return "";
       });
-      var opt = token2.options[0];
+      var opt = token.options[0];
       if (opt === "w") {
         result = __assign(__assign({}, result), { trailingZeroDisplay: "stripIfInteger" });
       } else if (opt) {
@@ -4095,15 +1321,15 @@ function parseNumberSkeleton(tokens2) {
       }
       continue;
     }
-    if (SIGNIFICANT_PRECISION_REGEX.test(token2.stem)) {
-      result = __assign(__assign({}, result), parseSignificantPrecision(token2.stem));
+    if (SIGNIFICANT_PRECISION_REGEX.test(token.stem)) {
+      result = __assign(__assign({}, result), parseSignificantPrecision(token.stem));
       continue;
     }
-    var signOpts = parseSign(token2.stem);
+    var signOpts = parseSign(token.stem);
     if (signOpts) {
       result = __assign(__assign({}, result), signOpts);
     }
-    var conciseScientificAndEngineeringOpts = parseConciseScientificAndEngineeringStem(token2.stem);
+    var conciseScientificAndEngineeringOpts = parseConciseScientificAndEngineeringStem(token.stem);
     if (conciseScientificAndEngineeringOpts) {
       result = __assign(__assign({}, result), conciseScientificAndEngineeringOpts);
     }
@@ -5599,18 +2825,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 +2847,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 +2866,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 +2921,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 +2961,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 +3536,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 +3611,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 +3672,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 +3857,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 +3900,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 +3909,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 +4024,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;
@@ -7006,9 +4232,9 @@ var defaultErrorHandler = function(error) {
     console.error(error);
   }
 };
-var defaultWarnHandler = function(warning2) {
+var defaultWarnHandler = function(warning) {
   if (process.env.NODE_ENV !== "production") {
-    console.warn(warning2);
+    console.warn(warning);
   }
 };
 var DEFAULT_INTL_CONFIG$1 = {
@@ -7144,15 +4370,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 +4519,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 +4613,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 +4782,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 +4831,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 +4842,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 +4876,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 +4900,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 +4938,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
@@ -7782,9 +5008,9 @@ const EquinorLoader = ({
   );
 };
 const ErrorViewer = ({ error }) => {
-  return /* @__PURE__ */ jsxs(Card2, { variant: "warning", style: { width: 800 }, children: [
-    /* @__PURE__ */ jsx(Card2.Header, { children: /* @__PURE__ */ jsx(Typography, { variant: "h4", color: "warning", children: error.message }) }),
-    /* @__PURE__ */ jsx(Card2.Content, { children: /* @__PURE__ */ jsx("pre", { style: { whiteSpace: "pre-wrap" }, children: error.stack ?? "Error" }) })
+  return /* @__PURE__ */ jsxs(Card, { variant: "warning", style: { width: 800 }, children: [
+    /* @__PURE__ */ jsx(Card.Header, { children: /* @__PURE__ */ jsx(Typography, { variant: "h4", color: "warning", children: error.message }) }),
+    /* @__PURE__ */ jsx(Card.Content, { children: /* @__PURE__ */ jsx("pre", { style: { whiteSpace: "pre-wrap" }, children: error.stack ?? "Error" }) })
   ] });
 };
 function getAppModule(app, framework) {
@@ -7809,7 +5035,7 @@ function AppLoader({
 }) {
   const queryClient = useQueryClient();
   kind = kind ?? "widget";
-  const { setCurrentApp, clearCurrentApp } = useCurrentApp();
+  const { setCurrentApp, clearCurrentApp, currentApp } = useCurrentApp();
   const framework = useFramework();
   const [error, setError] = useState(null);
   const [loading, setLoading] = useState(false);
@@ -7824,8 +5050,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 +5084,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);
@@ -7869,7 +5094,8 @@ function AppLoader({
       } catch {
       }
       appModule.dispose();
-      clearCurrentApp();
+      if (kind === "app")
+        clearCurrentApp();
     };
   }, [app]);
   const ref = useRef(null);
@@ -7930,280 +5156,54 @@ function useParams() {
     matches
   } = React.useContext(RouteContext);
   let routeMatch = matches[matches.length - 1];
-  return routeMatch ? routeMatch.params : {};
-}
-new Promise(() => {
-});
-const AppViewer = () => {
-  const { appKey } = useParams();
-  const { apps } = useApps({ includeHidden: true });
-  const app = useMemo(() => {
-    return apps == null ? void 0 : apps.find((app2) => app2.key === appKey);
-  }, [appKey, apps]);
-  if (!apps) {
-    return /* @__PURE__ */ jsx(EquinorLoader, { text: "Loading apps..." });
-  }
-  if (!app) {
-    return /* @__PURE__ */ jsx(ErrorViewer, { error: new Error("App not found") });
-  }
-  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
-  };
+  return routeMatch ? routeMatch.params : {};
 }
-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]];
+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
     }
-  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}`);
+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 });
+  const app = useMemo(() => {
+    return apps == null ? void 0 : apps.find((app2) => app2.key === appKey);
+  }, [appKey, apps]);
+  if (!apps) {
+    return /* @__PURE__ */ jsx(EquinorLoader, { text: "Loading apps..." });
   }
-}
-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]
-  };
+  if (!app) {
+    return /* @__PURE__ */ jsx(ErrorViewer, { error: new Error("App not found") });
+  }
+  return /* @__PURE__ */ jsx(AppLoader, { app, kind: "app" });
 };
 const ErrorTypography = ({
   variant,
@@ -8242,15 +5242,15 @@ const getError = (error) => {
 };
 const HttpErrorViewer = ({ error }) => {
   return /* @__PURE__ */ jsxs(
-    Card2,
+    Card,
     {
       style: {
         minWidth: 400,
         border: `1px solid ${tokens.colors.ui.background__danger.hex}`
       },
       children: [
-        /* @__PURE__ */ jsx(Card2.Header, { children: /* @__PURE__ */ jsx(Typography, { variant: "h4", color: "danger", children: error.message }) }),
-        /* @__PURE__ */ jsx(Card2.Content, { children: getError(error.response) })
+        /* @__PURE__ */ jsx(Card.Header, { children: /* @__PURE__ */ jsx(Typography, { variant: "h4", color: "danger", children: error.message }) }),
+        /* @__PURE__ */ jsx(Card.Content, { children: getError(error.response) })
       ]
     }
   );
@@ -8261,8 +5261,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 +5351,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
 };