@storybook/addon-onboarding 0.0.0-pr-32555-sha-9b83c6b5 → 0.0.0-pr-32458-sha-a8934fc9

package/dist/_browser-chunks/{Onboarding-LYWP3ZXX.js → Onboarding-RA7HBA42.js}

@@ -1437,6 +1437,855 @@ __name(HighlightElement, "HighlightElement");
 // src/features/GuidedTour/GuidedTour.tsx
 import React12, { useEffect as useEffect3, useState } from "react";
 
+// ../../node_modules/@babel/runtime/helpers/esm/extends.js
+function _extends() {
+  return _extends = Object.assign ? Object.assign.bind() : function(n2) {
+    for (var e2 = 1; e2 < arguments.length; e2++) {
+      var t2 = arguments[e2];
+      for (var r2 in t2) ({}).hasOwnProperty.call(t2, r2) && (n2[r2] = t2[r2]);
+    }
+    return n2;
+  }, _extends.apply(null, arguments);
+}
+__name(_extends, "_extends");
+
+// ../../node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js
+function _assertThisInitialized(e2) {
+  if (void 0 === e2) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+  return e2;
+}
+__name(_assertThisInitialized, "_assertThisInitialized");
+
+// ../../node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js
+function _setPrototypeOf(t2, e2) {
+  return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(t3, e3) {
+    return t3.__proto__ = e3, t3;
+  }, _setPrototypeOf(t2, e2);
+}
+__name(_setPrototypeOf, "_setPrototypeOf");
+
+// ../../node_modules/@babel/runtime/helpers/esm/inheritsLoose.js
+function _inheritsLoose(t2, o2) {
+  t2.prototype = Object.create(o2.prototype), t2.prototype.constructor = t2, _setPrototypeOf(t2, o2);
+}
+__name(_inheritsLoose, "_inheritsLoose");
+
+// ../../node_modules/@babel/runtime/helpers/esm/getPrototypeOf.js
+function _getPrototypeOf(t2) {
+  return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(t3) {
+    return t3.__proto__ || Object.getPrototypeOf(t3);
+  }, _getPrototypeOf(t2);
+}
+__name(_getPrototypeOf, "_getPrototypeOf");
+
+// ../../node_modules/@babel/runtime/helpers/esm/isNativeFunction.js
+function _isNativeFunction(t2) {
+  try {
+    return -1 !== Function.toString.call(t2).indexOf("[native code]");
+  } catch (n2) {
+    return "function" == typeof t2;
+  }
+}
+__name(_isNativeFunction, "_isNativeFunction");
+
+// ../../node_modules/@babel/runtime/helpers/esm/isNativeReflectConstruct.js
+function _isNativeReflectConstruct() {
+  try {
+    var t2 = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
+    }));
+  } catch (t3) {
+  }
+  return (_isNativeReflectConstruct = /* @__PURE__ */ __name(function _isNativeReflectConstruct3() {
+    return !!t2;
+  }, "_isNativeReflectConstruct"))();
+}
+__name(_isNativeReflectConstruct, "_isNativeReflectConstruct");
+
+// ../../node_modules/@babel/runtime/helpers/esm/construct.js
+function _construct(t2, e2, r2) {
+  if (_isNativeReflectConstruct()) return Reflect.construct.apply(null, arguments);
+  var o2 = [null];
+  o2.push.apply(o2, e2);
+  var p2 = new (t2.bind.apply(t2, o2))();
+  return r2 && _setPrototypeOf(p2, r2.prototype), p2;
+}
+__name(_construct, "_construct");
+
+// ../../node_modules/@babel/runtime/helpers/esm/wrapNativeSuper.js
+function _wrapNativeSuper(t2) {
+  var r2 = "function" == typeof Map ? /* @__PURE__ */ new Map() : void 0;
+  return _wrapNativeSuper = /* @__PURE__ */ __name(function _wrapNativeSuper2(t3) {
+    if (null === t3 || !_isNativeFunction(t3)) return t3;
+    if ("function" != typeof t3) throw new TypeError("Super expression must either be null or a function");
+    if (void 0 !== r2) {
+      if (r2.has(t3)) return r2.get(t3);
+      r2.set(t3, Wrapper4);
+    }
+    function Wrapper4() {
+      return _construct(t3, arguments, _getPrototypeOf(this).constructor);
+    }
+    __name(Wrapper4, "Wrapper");
+    return Wrapper4.prototype = Object.create(t3.prototype, {
+      constructor: {
+        value: Wrapper4,
+        enumerable: false,
+        writable: true,
+        configurable: true
+      }
+    }), _setPrototypeOf(Wrapper4, t3);
+  }, "_wrapNativeSuper"), _wrapNativeSuper(t2);
+}
+__name(_wrapNativeSuper, "_wrapNativeSuper");
+
+// ../../node_modules/polished/dist/polished.esm.js
+var ERRORS = {
+  "1": "Passed invalid arguments to hsl, please pass multiple numbers e.g. hsl(360, 0.75, 0.4) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75 }).\n\n",
+  "2": "Passed invalid arguments to hsla, please pass multiple numbers e.g. hsla(360, 0.75, 0.4, 0.7) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75, alpha: 0.7 }).\n\n",
+  "3": "Passed an incorrect argument to a color function, please pass a string representation of a color.\n\n",
+  "4": "Couldn't generate valid rgb string from %s, it returned %s.\n\n",
+  "5": "Couldn't parse the color string. Please provide the color as a string in hex, rgb, rgba, hsl or hsla notation.\n\n",
+  "6": "Passed invalid arguments to rgb, please pass multiple numbers e.g. rgb(255, 205, 100) or an object e.g. rgb({ red: 255, green: 205, blue: 100 }).\n\n",
+  "7": "Passed invalid arguments to rgba, please pass multiple numbers e.g. rgb(255, 205, 100, 0.75) or an object e.g. rgb({ red: 255, green: 205, blue: 100, alpha: 0.75 }).\n\n",
+  "8": "Passed invalid argument to toColorString, please pass a RgbColor, RgbaColor, HslColor or HslaColor object.\n\n",
+  "9": "Please provide a number of steps to the modularScale helper.\n\n",
+  "10": "Please pass a number or one of the predefined scales to the modularScale helper as the ratio.\n\n",
+  "11": 'Invalid value passed as base to modularScale, expected number or em string but got "%s"\n\n',
+  "12": 'Expected a string ending in "px" or a number passed as the first argument to %s(), got "%s" instead.\n\n',
+  "13": 'Expected a string ending in "px" or a number passed as the second argument to %s(), got "%s" instead.\n\n',
+  "14": 'Passed invalid pixel value ("%s") to %s(), please pass a value like "12px" or 12.\n\n',
+  "15": 'Passed invalid base value ("%s") to %s(), please pass a value like "12px" or 12.\n\n',
+  "16": "You must provide a template to this method.\n\n",
+  "17": "You passed an unsupported selector state to this method.\n\n",
+  "18": "minScreen and maxScreen must be provided as stringified numbers with the same units.\n\n",
+  "19": "fromSize and toSize must be provided as stringified numbers with the same units.\n\n",
+  "20": "expects either an array of objects or a single object with the properties prop, fromSize, and toSize.\n\n",
+  "21": "expects the objects in the first argument array to have the properties `prop`, `fromSize`, and `toSize`.\n\n",
+  "22": "expects the first argument object to have the properties `prop`, `fromSize`, and `toSize`.\n\n",
+  "23": "fontFace expects a name of a font-family.\n\n",
+  "24": "fontFace expects either the path to the font file(s) or a name of a local copy.\n\n",
+  "25": "fontFace expects localFonts to be an array.\n\n",
+  "26": "fontFace expects fileFormats to be an array.\n\n",
+  "27": "radialGradient requries at least 2 color-stops to properly render.\n\n",
+  "28": "Please supply a filename to retinaImage() as the first argument.\n\n",
+  "29": "Passed invalid argument to triangle, please pass correct pointingDirection e.g. 'right'.\n\n",
+  "30": "Passed an invalid value to `height` or `width`. Please provide a pixel based unit.\n\n",
+  "31": "The animation shorthand only takes 8 arguments. See the specification for more information: http://mdn.io/animation\n\n",
+  "32": "To pass multiple animations please supply them in arrays, e.g. animation(['rotate', '2s'], ['move', '1s'])\nTo pass a single animation please supply them in simple values, e.g. animation('rotate', '2s')\n\n",
+  "33": "The animation shorthand arrays can only have 8 elements. See the specification for more information: http://mdn.io/animation\n\n",
+  "34": "borderRadius expects a radius value as a string or number as the second argument.\n\n",
+  "35": 'borderRadius expects one of "top", "bottom", "left" or "right" as the first argument.\n\n',
+  "36": "Property must be a string value.\n\n",
+  "37": "Syntax Error at %s.\n\n",
+  "38": "Formula contains a function that needs parentheses at %s.\n\n",
+  "39": "Formula is missing closing parenthesis at %s.\n\n",
+  "40": "Formula has too many closing parentheses at %s.\n\n",
+  "41": "All values in a formula must have the same unit or be unitless.\n\n",
+  "42": "Please provide a number of steps to the modularScale helper.\n\n",
+  "43": "Please pass a number or one of the predefined scales to the modularScale helper as the ratio.\n\n",
+  "44": "Invalid value passed as base to modularScale, expected number or em/rem string but got %s.\n\n",
+  "45": "Passed invalid argument to hslToColorString, please pass a HslColor or HslaColor object.\n\n",
+  "46": "Passed invalid argument to rgbToColorString, please pass a RgbColor or RgbaColor object.\n\n",
+  "47": "minScreen and maxScreen must be provided as stringified numbers with the same units.\n\n",
+  "48": "fromSize and toSize must be provided as stringified numbers with the same units.\n\n",
+  "49": "Expects either an array of objects or a single object with the properties prop, fromSize, and toSize.\n\n",
+  "50": "Expects the objects in the first argument array to have the properties prop, fromSize, and toSize.\n\n",
+  "51": "Expects the first argument object to have the properties prop, fromSize, and toSize.\n\n",
+  "52": "fontFace expects either the path to the font file(s) or a name of a local copy.\n\n",
+  "53": "fontFace expects localFonts to be an array.\n\n",
+  "54": "fontFace expects fileFormats to be an array.\n\n",
+  "55": "fontFace expects a name of a font-family.\n\n",
+  "56": "linearGradient requries at least 2 color-stops to properly render.\n\n",
+  "57": "radialGradient requries at least 2 color-stops to properly render.\n\n",
+  "58": "Please supply a filename to retinaImage() as the first argument.\n\n",
+  "59": "Passed invalid argument to triangle, please pass correct pointingDirection e.g. 'right'.\n\n",
+  "60": "Passed an invalid value to `height` or `width`. Please provide a pixel based unit.\n\n",
+  "61": "Property must be a string value.\n\n",
+  "62": "borderRadius expects a radius value as a string or number as the second argument.\n\n",
+  "63": 'borderRadius expects one of "top", "bottom", "left" or "right" as the first argument.\n\n',
+  "64": "The animation shorthand only takes 8 arguments. See the specification for more information: http://mdn.io/animation.\n\n",
+  "65": "To pass multiple animations please supply them in arrays, e.g. animation(['rotate', '2s'], ['move', '1s'])\\nTo pass a single animation please supply them in simple values, e.g. animation('rotate', '2s').\n\n",
+  "66": "The animation shorthand arrays can only have 8 elements. See the specification for more information: http://mdn.io/animation.\n\n",
+  "67": "You must provide a template to this method.\n\n",
+  "68": "You passed an unsupported selector state to this method.\n\n",
+  "69": 'Expected a string ending in "px" or a number passed as the first argument to %s(), got %s instead.\n\n',
+  "70": 'Expected a string ending in "px" or a number passed as the second argument to %s(), got %s instead.\n\n',
+  "71": 'Passed invalid pixel value %s to %s(), please pass a value like "12px" or 12.\n\n',
+  "72": 'Passed invalid base value %s to %s(), please pass a value like "12px" or 12.\n\n',
+  "73": "Please provide a valid CSS variable.\n\n",
+  "74": "CSS variable not found and no default was provided.\n\n",
+  "75": "important requires a valid style object, got a %s instead.\n\n",
+  "76": "fromSize and toSize must be provided as stringified numbers with the same units as minScreen and maxScreen.\n\n",
+  "77": 'remToPx expects a value in "rem" but you provided it in "%s".\n\n',
+  "78": 'base must be set in "px" or "%" but you set it in "%s".\n'
+};
+function format() {
+  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+    args[_key] = arguments[_key];
+  }
+  var a2 = args[0];
+  var b2 = [];
+  var c2;
+  for (c2 = 1; c2 < args.length; c2 += 1) {
+    b2.push(args[c2]);
+  }
+  b2.forEach(function(d2) {
+    a2 = a2.replace(/%[a-z]/, d2);
+  });
+  return a2;
+}
+__name(format, "format");
+var PolishedError = function(_Error) {
+  _inheritsLoose(PolishedError2, _Error);
+  function PolishedError2(code) {
+    var _this;
+    if (process.env.NODE_ENV === "production") {
+      _this = _Error.call(this, "An error occurred. See https://github.com/styled-components/polished/blob/main/src/internalHelpers/errors.md#" + code + " for more information.") || this;
+    } else {
+      for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
+        args[_key2 - 1] = arguments[_key2];
+      }
+      _this = _Error.call(this, format.apply(void 0, [ERRORS[code]].concat(args))) || this;
+    }
+    return _assertThisInitialized(_this);
+  }
+  __name(PolishedError2, "PolishedError");
+  return PolishedError2;
+}(_wrapNativeSuper(Error));
+function endsWith(string, suffix) {
+  return string.substr(-suffix.length) === suffix;
+}
+__name(endsWith, "endsWith");
+var cssRegex$1 = /^([+-]?(?:\d+|\d*\.\d+))([a-z]*|%)$/;
+function stripUnit(value) {
+  if (typeof value !== "string") return value;
+  var matchedValue = value.match(cssRegex$1);
+  return matchedValue ? parseFloat(value) : value;
+}
+__name(stripUnit, "stripUnit");
+var pxtoFactory = /* @__PURE__ */ __name(function pxtoFactory2(to) {
+  return function(pxval, base) {
+    if (base === void 0) {
+      base = "16px";
+    }
+    var newPxval = pxval;
+    var newBase = base;
+    if (typeof pxval === "string") {
+      if (!endsWith(pxval, "px")) {
+        throw new PolishedError(69, to, pxval);
+      }
+      newPxval = stripUnit(pxval);
+    }
+    if (typeof base === "string") {
+      if (!endsWith(base, "px")) {
+        throw new PolishedError(70, to, base);
+      }
+      newBase = stripUnit(base);
+    }
+    if (typeof newPxval === "string") {
+      throw new PolishedError(71, pxval, to);
+    }
+    if (typeof newBase === "string") {
+      throw new PolishedError(72, base, to);
+    }
+    return "" + newPxval / newBase + to;
+  };
+}, "pxtoFactory");
+var pixelsto = pxtoFactory;
+var em = pixelsto("em");
+var rem = pixelsto("rem");
+function colorToInt(color2) {
+  return Math.round(color2 * 255);
+}
+__name(colorToInt, "colorToInt");
+function convertToInt(red, green, blue) {
+  return colorToInt(red) + "," + colorToInt(green) + "," + colorToInt(blue);
+}
+__name(convertToInt, "convertToInt");
+function hslToRgb(hue, saturation, lightness, convert2) {
+  if (convert2 === void 0) {
+    convert2 = convertToInt;
+  }
+  if (saturation === 0) {
+    return convert2(lightness, lightness, lightness);
+  }
+  var huePrime = (hue % 360 + 360) % 360 / 60;
+  var chroma = (1 - Math.abs(2 * lightness - 1)) * saturation;
+  var secondComponent = chroma * (1 - Math.abs(huePrime % 2 - 1));
+  var red = 0;
+  var green = 0;
+  var blue = 0;
+  if (huePrime >= 0 && huePrime < 1) {
+    red = chroma;
+    green = secondComponent;
+  } else if (huePrime >= 1 && huePrime < 2) {
+    red = secondComponent;
+    green = chroma;
+  } else if (huePrime >= 2 && huePrime < 3) {
+    green = chroma;
+    blue = secondComponent;
+  } else if (huePrime >= 3 && huePrime < 4) {
+    green = secondComponent;
+    blue = chroma;
+  } else if (huePrime >= 4 && huePrime < 5) {
+    red = secondComponent;
+    blue = chroma;
+  } else if (huePrime >= 5 && huePrime < 6) {
+    red = chroma;
+    blue = secondComponent;
+  }
+  var lightnessModification = lightness - chroma / 2;
+  var finalRed = red + lightnessModification;
+  var finalGreen = green + lightnessModification;
+  var finalBlue = blue + lightnessModification;
+  return convert2(finalRed, finalGreen, finalBlue);
+}
+__name(hslToRgb, "hslToRgb");
+var namedColorMap = {
+  aliceblue: "f0f8ff",
+  antiquewhite: "faebd7",
+  aqua: "00ffff",
+  aquamarine: "7fffd4",
+  azure: "f0ffff",
+  beige: "f5f5dc",
+  bisque: "ffe4c4",
+  black: "000",
+  blanchedalmond: "ffebcd",
+  blue: "0000ff",
+  blueviolet: "8a2be2",
+  brown: "a52a2a",
+  burlywood: "deb887",
+  cadetblue: "5f9ea0",
+  chartreuse: "7fff00",
+  chocolate: "d2691e",
+  coral: "ff7f50",
+  cornflowerblue: "6495ed",
+  cornsilk: "fff8dc",
+  crimson: "dc143c",
+  cyan: "00ffff",
+  darkblue: "00008b",
+  darkcyan: "008b8b",
+  darkgoldenrod: "b8860b",
+  darkgray: "a9a9a9",
+  darkgreen: "006400",
+  darkgrey: "a9a9a9",
+  darkkhaki: "bdb76b",
+  darkmagenta: "8b008b",
+  darkolivegreen: "556b2f",
+  darkorange: "ff8c00",
+  darkorchid: "9932cc",
+  darkred: "8b0000",
+  darksalmon: "e9967a",
+  darkseagreen: "8fbc8f",
+  darkslateblue: "483d8b",
+  darkslategray: "2f4f4f",
+  darkslategrey: "2f4f4f",
+  darkturquoise: "00ced1",
+  darkviolet: "9400d3",
+  deeppink: "ff1493",
+  deepskyblue: "00bfff",
+  dimgray: "696969",
+  dimgrey: "696969",
+  dodgerblue: "1e90ff",
+  firebrick: "b22222",
+  floralwhite: "fffaf0",
+  forestgreen: "228b22",
+  fuchsia: "ff00ff",
+  gainsboro: "dcdcdc",
+  ghostwhite: "f8f8ff",
+  gold: "ffd700",
+  goldenrod: "daa520",
+  gray: "808080",
+  green: "008000",
+  greenyellow: "adff2f",
+  grey: "808080",
+  honeydew: "f0fff0",
+  hotpink: "ff69b4",
+  indianred: "cd5c5c",
+  indigo: "4b0082",
+  ivory: "fffff0",
+  khaki: "f0e68c",
+  lavender: "e6e6fa",
+  lavenderblush: "fff0f5",
+  lawngreen: "7cfc00",
+  lemonchiffon: "fffacd",
+  lightblue: "add8e6",
+  lightcoral: "f08080",
+  lightcyan: "e0ffff",
+  lightgoldenrodyellow: "fafad2",
+  lightgray: "d3d3d3",
+  lightgreen: "90ee90",
+  lightgrey: "d3d3d3",
+  lightpink: "ffb6c1",
+  lightsalmon: "ffa07a",
+  lightseagreen: "20b2aa",
+  lightskyblue: "87cefa",
+  lightslategray: "789",
+  lightslategrey: "789",
+  lightsteelblue: "b0c4de",
+  lightyellow: "ffffe0",
+  lime: "0f0",
+  limegreen: "32cd32",
+  linen: "faf0e6",
+  magenta: "f0f",
+  maroon: "800000",
+  mediumaquamarine: "66cdaa",
+  mediumblue: "0000cd",
+  mediumorchid: "ba55d3",
+  mediumpurple: "9370db",
+  mediumseagreen: "3cb371",
+  mediumslateblue: "7b68ee",
+  mediumspringgreen: "00fa9a",
+  mediumturquoise: "48d1cc",
+  mediumvioletred: "c71585",
+  midnightblue: "191970",
+  mintcream: "f5fffa",
+  mistyrose: "ffe4e1",
+  moccasin: "ffe4b5",
+  navajowhite: "ffdead",
+  navy: "000080",
+  oldlace: "fdf5e6",
+  olive: "808000",
+  olivedrab: "6b8e23",
+  orange: "ffa500",
+  orangered: "ff4500",
+  orchid: "da70d6",
+  palegoldenrod: "eee8aa",
+  palegreen: "98fb98",
+  paleturquoise: "afeeee",
+  palevioletred: "db7093",
+  papayawhip: "ffefd5",
+  peachpuff: "ffdab9",
+  peru: "cd853f",
+  pink: "ffc0cb",
+  plum: "dda0dd",
+  powderblue: "b0e0e6",
+  purple: "800080",
+  rebeccapurple: "639",
+  red: "f00",
+  rosybrown: "bc8f8f",
+  royalblue: "4169e1",
+  saddlebrown: "8b4513",
+  salmon: "fa8072",
+  sandybrown: "f4a460",
+  seagreen: "2e8b57",
+  seashell: "fff5ee",
+  sienna: "a0522d",
+  silver: "c0c0c0",
+  skyblue: "87ceeb",
+  slateblue: "6a5acd",
+  slategray: "708090",
+  slategrey: "708090",
+  snow: "fffafa",
+  springgreen: "00ff7f",
+  steelblue: "4682b4",
+  tan: "d2b48c",
+  teal: "008080",
+  thistle: "d8bfd8",
+  tomato: "ff6347",
+  turquoise: "40e0d0",
+  violet: "ee82ee",
+  wheat: "f5deb3",
+  white: "fff",
+  whitesmoke: "f5f5f5",
+  yellow: "ff0",
+  yellowgreen: "9acd32"
+};
+function nameToHex(color2) {
+  if (typeof color2 !== "string") return color2;
+  var normalizedColorName = color2.toLowerCase();
+  return namedColorMap[normalizedColorName] ? "#" + namedColorMap[normalizedColorName] : color2;
+}
+__name(nameToHex, "nameToHex");
+var hexRegex = /^#[a-fA-F0-9]{6}$/;
+var hexRgbaRegex = /^#[a-fA-F0-9]{8}$/;
+var reducedHexRegex = /^#[a-fA-F0-9]{3}$/;
+var reducedRgbaHexRegex = /^#[a-fA-F0-9]{4}$/;
+var rgbRegex = /^rgb\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*\)$/i;
+var rgbaRegex = /^rgb(?:a)?\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i;
+var hslRegex = /^hsl\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*\)$/i;
+var hslaRegex = /^hsl(?:a)?\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i;
+function parseToRgb(color2) {
+  if (typeof color2 !== "string") {
+    throw new PolishedError(3);
+  }
+  var normalizedColor = nameToHex(color2);
+  if (normalizedColor.match(hexRegex)) {
+    return {
+      red: parseInt("" + normalizedColor[1] + normalizedColor[2], 16),
+      green: parseInt("" + normalizedColor[3] + normalizedColor[4], 16),
+      blue: parseInt("" + normalizedColor[5] + normalizedColor[6], 16)
+    };
+  }
+  if (normalizedColor.match(hexRgbaRegex)) {
+    var alpha = parseFloat((parseInt("" + normalizedColor[7] + normalizedColor[8], 16) / 255).toFixed(2));
+    return {
+      red: parseInt("" + normalizedColor[1] + normalizedColor[2], 16),
+      green: parseInt("" + normalizedColor[3] + normalizedColor[4], 16),
+      blue: parseInt("" + normalizedColor[5] + normalizedColor[6], 16),
+      alpha
+    };
+  }
+  if (normalizedColor.match(reducedHexRegex)) {
+    return {
+      red: parseInt("" + normalizedColor[1] + normalizedColor[1], 16),
+      green: parseInt("" + normalizedColor[2] + normalizedColor[2], 16),
+      blue: parseInt("" + normalizedColor[3] + normalizedColor[3], 16)
+    };
+  }
+  if (normalizedColor.match(reducedRgbaHexRegex)) {
+    var _alpha = parseFloat((parseInt("" + normalizedColor[4] + normalizedColor[4], 16) / 255).toFixed(2));
+    return {
+      red: parseInt("" + normalizedColor[1] + normalizedColor[1], 16),
+      green: parseInt("" + normalizedColor[2] + normalizedColor[2], 16),
+      blue: parseInt("" + normalizedColor[3] + normalizedColor[3], 16),
+      alpha: _alpha
+    };
+  }
+  var rgbMatched = rgbRegex.exec(normalizedColor);
+  if (rgbMatched) {
+    return {
+      red: parseInt("" + rgbMatched[1], 10),
+      green: parseInt("" + rgbMatched[2], 10),
+      blue: parseInt("" + rgbMatched[3], 10)
+    };
+  }
+  var rgbaMatched = rgbaRegex.exec(normalizedColor.substring(0, 50));
+  if (rgbaMatched) {
+    return {
+      red: parseInt("" + rgbaMatched[1], 10),
+      green: parseInt("" + rgbaMatched[2], 10),
+      blue: parseInt("" + rgbaMatched[3], 10),
+      alpha: parseFloat("" + rgbaMatched[4]) > 1 ? parseFloat("" + rgbaMatched[4]) / 100 : parseFloat("" + rgbaMatched[4])
+    };
+  }
+  var hslMatched = hslRegex.exec(normalizedColor);
+  if (hslMatched) {
+    var hue = parseInt("" + hslMatched[1], 10);
+    var saturation = parseInt("" + hslMatched[2], 10) / 100;
+    var lightness = parseInt("" + hslMatched[3], 10) / 100;
+    var rgbColorString = "rgb(" + hslToRgb(hue, saturation, lightness) + ")";
+    var hslRgbMatched = rgbRegex.exec(rgbColorString);
+    if (!hslRgbMatched) {
+      throw new PolishedError(4, normalizedColor, rgbColorString);
+    }
+    return {
+      red: parseInt("" + hslRgbMatched[1], 10),
+      green: parseInt("" + hslRgbMatched[2], 10),
+      blue: parseInt("" + hslRgbMatched[3], 10)
+    };
+  }
+  var hslaMatched = hslaRegex.exec(normalizedColor.substring(0, 50));
+  if (hslaMatched) {
+    var _hue = parseInt("" + hslaMatched[1], 10);
+    var _saturation = parseInt("" + hslaMatched[2], 10) / 100;
+    var _lightness = parseInt("" + hslaMatched[3], 10) / 100;
+    var _rgbColorString = "rgb(" + hslToRgb(_hue, _saturation, _lightness) + ")";
+    var _hslRgbMatched = rgbRegex.exec(_rgbColorString);
+    if (!_hslRgbMatched) {
+      throw new PolishedError(4, normalizedColor, _rgbColorString);
+    }
+    return {
+      red: parseInt("" + _hslRgbMatched[1], 10),
+      green: parseInt("" + _hslRgbMatched[2], 10),
+      blue: parseInt("" + _hslRgbMatched[3], 10),
+      alpha: parseFloat("" + hslaMatched[4]) > 1 ? parseFloat("" + hslaMatched[4]) / 100 : parseFloat("" + hslaMatched[4])
+    };
+  }
+  throw new PolishedError(5);
+}
+__name(parseToRgb, "parseToRgb");
+function rgbToHsl(color2) {
+  var red = color2.red / 255;
+  var green = color2.green / 255;
+  var blue = color2.blue / 255;
+  var max = Math.max(red, green, blue);
+  var min = Math.min(red, green, blue);
+  var lightness = (max + min) / 2;
+  if (max === min) {
+    if (color2.alpha !== void 0) {
+      return {
+        hue: 0,
+        saturation: 0,
+        lightness,
+        alpha: color2.alpha
+      };
+    } else {
+      return {
+        hue: 0,
+        saturation: 0,
+        lightness
+      };
+    }
+  }
+  var hue;
+  var delta = max - min;
+  var saturation = lightness > 0.5 ? delta / (2 - max - min) : delta / (max + min);
+  switch (max) {
+    case red:
+      hue = (green - blue) / delta + (green < blue ? 6 : 0);
+      break;
+    case green:
+      hue = (blue - red) / delta + 2;
+      break;
+    default:
+      hue = (red - green) / delta + 4;
+      break;
+  }
+  hue *= 60;
+  if (color2.alpha !== void 0) {
+    return {
+      hue,
+      saturation,
+      lightness,
+      alpha: color2.alpha
+    };
+  }
+  return {
+    hue,
+    saturation,
+    lightness
+  };
+}
+__name(rgbToHsl, "rgbToHsl");
+function parseToHsl(color2) {
+  return rgbToHsl(parseToRgb(color2));
+}
+__name(parseToHsl, "parseToHsl");
+var reduceHexValue = /* @__PURE__ */ __name(function reduceHexValue2(value) {
+  if (value.length === 7 && value[1] === value[2] && value[3] === value[4] && value[5] === value[6]) {
+    return "#" + value[1] + value[3] + value[5];
+  }
+  return value;
+}, "reduceHexValue");
+var reduceHexValue$1 = reduceHexValue;
+function numberToHex(value) {
+  var hex = value.toString(16);
+  return hex.length === 1 ? "0" + hex : hex;
+}
+__name(numberToHex, "numberToHex");
+function colorToHex(color2) {
+  return numberToHex(Math.round(color2 * 255));
+}
+__name(colorToHex, "colorToHex");
+function convertToHex(red, green, blue) {
+  return reduceHexValue$1("#" + colorToHex(red) + colorToHex(green) + colorToHex(blue));
+}
+__name(convertToHex, "convertToHex");
+function hslToHex(hue, saturation, lightness) {
+  return hslToRgb(hue, saturation, lightness, convertToHex);
+}
+__name(hslToHex, "hslToHex");
+function hsl(value, saturation, lightness) {
+  if (typeof value === "number" && typeof saturation === "number" && typeof lightness === "number") {
+    return hslToHex(value, saturation, lightness);
+  } else if (typeof value === "object" && saturation === void 0 && lightness === void 0) {
+    return hslToHex(value.hue, value.saturation, value.lightness);
+  }
+  throw new PolishedError(1);
+}
+__name(hsl, "hsl");
+function hsla(value, saturation, lightness, alpha) {
+  if (typeof value === "number" && typeof saturation === "number" && typeof lightness === "number" && typeof alpha === "number") {
+    return alpha >= 1 ? hslToHex(value, saturation, lightness) : "rgba(" + hslToRgb(value, saturation, lightness) + "," + alpha + ")";
+  } else if (typeof value === "object" && saturation === void 0 && lightness === void 0 && alpha === void 0) {
+    return value.alpha >= 1 ? hslToHex(value.hue, value.saturation, value.lightness) : "rgba(" + hslToRgb(value.hue, value.saturation, value.lightness) + "," + value.alpha + ")";
+  }
+  throw new PolishedError(2);
+}
+__name(hsla, "hsla");
+function rgb(value, green, blue) {
+  if (typeof value === "number" && typeof green === "number" && typeof blue === "number") {
+    return reduceHexValue$1("#" + numberToHex(value) + numberToHex(green) + numberToHex(blue));
+  } else if (typeof value === "object" && green === void 0 && blue === void 0) {
+    return reduceHexValue$1("#" + numberToHex(value.red) + numberToHex(value.green) + numberToHex(value.blue));
+  }
+  throw new PolishedError(6);
+}
+__name(rgb, "rgb");
+function rgba(firstValue, secondValue, thirdValue, fourthValue) {
+  if (typeof firstValue === "string" && typeof secondValue === "number") {
+    var rgbValue = parseToRgb(firstValue);
+    return "rgba(" + rgbValue.red + "," + rgbValue.green + "," + rgbValue.blue + "," + secondValue + ")";
+  } else if (typeof firstValue === "number" && typeof secondValue === "number" && typeof thirdValue === "number" && typeof fourthValue === "number") {
+    return fourthValue >= 1 ? rgb(firstValue, secondValue, thirdValue) : "rgba(" + firstValue + "," + secondValue + "," + thirdValue + "," + fourthValue + ")";
+  } else if (typeof firstValue === "object" && secondValue === void 0 && thirdValue === void 0 && fourthValue === void 0) {
+    return firstValue.alpha >= 1 ? rgb(firstValue.red, firstValue.green, firstValue.blue) : "rgba(" + firstValue.red + "," + firstValue.green + "," + firstValue.blue + "," + firstValue.alpha + ")";
+  }
+  throw new PolishedError(7);
+}
+__name(rgba, "rgba");
+var isRgb = /* @__PURE__ */ __name(function isRgb2(color2) {
+  return typeof color2.red === "number" && typeof color2.green === "number" && typeof color2.blue === "number" && (typeof color2.alpha !== "number" || typeof color2.alpha === "undefined");
+}, "isRgb");
+var isRgba = /* @__PURE__ */ __name(function isRgba2(color2) {
+  return typeof color2.red === "number" && typeof color2.green === "number" && typeof color2.blue === "number" && typeof color2.alpha === "number";
+}, "isRgba");
+var isHsl = /* @__PURE__ */ __name(function isHsl2(color2) {
+  return typeof color2.hue === "number" && typeof color2.saturation === "number" && typeof color2.lightness === "number" && (typeof color2.alpha !== "number" || typeof color2.alpha === "undefined");
+}, "isHsl");
+var isHsla = /* @__PURE__ */ __name(function isHsla2(color2) {
+  return typeof color2.hue === "number" && typeof color2.saturation === "number" && typeof color2.lightness === "number" && typeof color2.alpha === "number";
+}, "isHsla");
+function toColorString(color2) {
+  if (typeof color2 !== "object") throw new PolishedError(8);
+  if (isRgba(color2)) return rgba(color2);
+  if (isRgb(color2)) return rgb(color2);
+  if (isHsla(color2)) return hsla(color2);
+  if (isHsl(color2)) return hsl(color2);
+  throw new PolishedError(8);
+}
+__name(toColorString, "toColorString");
+function curried(f2, length, acc) {
+  return /* @__PURE__ */ __name(function fn() {
+    var combined = acc.concat(Array.prototype.slice.call(arguments));
+    return combined.length >= length ? f2.apply(this, combined) : curried(f2, length, combined);
+  }, "fn");
+}
+__name(curried, "curried");
+function curry(f2) {
+  return curried(f2, f2.length, []);
+}
+__name(curry, "curry");
+function adjustHue(degree, color2) {
+  if (color2 === "transparent") return color2;
+  var hslColor = parseToHsl(color2);
+  return toColorString(_extends({}, hslColor, {
+    hue: hslColor.hue + parseFloat(degree)
+  }));
+}
+__name(adjustHue, "adjustHue");
+var curriedAdjustHue = curry(adjustHue);
+function guard(lowerBoundary, upperBoundary, value) {
+  return Math.max(lowerBoundary, Math.min(upperBoundary, value));
+}
+__name(guard, "guard");
+function darken(amount, color2) {
+  if (color2 === "transparent") return color2;
+  var hslColor = parseToHsl(color2);
+  return toColorString(_extends({}, hslColor, {
+    lightness: guard(0, 1, hslColor.lightness - parseFloat(amount))
+  }));
+}
+__name(darken, "darken");
+var curriedDarken = curry(darken);
+var curriedDarken$1 = curriedDarken;
+function desaturate(amount, color2) {
+  if (color2 === "transparent") return color2;
+  var hslColor = parseToHsl(color2);
+  return toColorString(_extends({}, hslColor, {
+    saturation: guard(0, 1, hslColor.saturation - parseFloat(amount))
+  }));
+}
+__name(desaturate, "desaturate");
+var curriedDesaturate = curry(desaturate);
+function lighten(amount, color2) {
+  if (color2 === "transparent") return color2;
+  var hslColor = parseToHsl(color2);
+  return toColorString(_extends({}, hslColor, {
+    lightness: guard(0, 1, hslColor.lightness + parseFloat(amount))
+  }));
+}
+__name(lighten, "lighten");
+var curriedLighten = curry(lighten);
+var curriedLighten$1 = curriedLighten;
+function mix(weight, color2, otherColor) {
+  if (color2 === "transparent") return otherColor;
+  if (otherColor === "transparent") return color2;
+  if (weight === 0) return otherColor;
+  var parsedColor1 = parseToRgb(color2);
+  var color1 = _extends({}, parsedColor1, {
+    alpha: typeof parsedColor1.alpha === "number" ? parsedColor1.alpha : 1
+  });
+  var parsedColor2 = parseToRgb(otherColor);
+  var color22 = _extends({}, parsedColor2, {
+    alpha: typeof parsedColor2.alpha === "number" ? parsedColor2.alpha : 1
+  });
+  var alphaDelta = color1.alpha - color22.alpha;
+  var x2 = parseFloat(weight) * 2 - 1;
+  var y2 = x2 * alphaDelta === -1 ? x2 : x2 + alphaDelta;
+  var z2 = 1 + x2 * alphaDelta;
+  var weight1 = (y2 / z2 + 1) / 2;
+  var weight2 = 1 - weight1;
+  var mixedColor = {
+    red: Math.floor(color1.red * weight1 + color22.red * weight2),
+    green: Math.floor(color1.green * weight1 + color22.green * weight2),
+    blue: Math.floor(color1.blue * weight1 + color22.blue * weight2),
+    alpha: color1.alpha * parseFloat(weight) + color22.alpha * (1 - parseFloat(weight))
+  };
+  return rgba(mixedColor);
+}
+__name(mix, "mix");
+var curriedMix = curry(mix);
+var mix$1 = curriedMix;
+function opacify(amount, color2) {
+  if (color2 === "transparent") return color2;
+  var parsedColor = parseToRgb(color2);
+  var alpha = typeof parsedColor.alpha === "number" ? parsedColor.alpha : 1;
+  var colorWithAlpha = _extends({}, parsedColor, {
+    alpha: guard(0, 1, (alpha * 100 + parseFloat(amount) * 100) / 100)
+  });
+  return rgba(colorWithAlpha);
+}
+__name(opacify, "opacify");
+var curriedOpacify = curry(opacify);
+function saturate(amount, color2) {
+  if (color2 === "transparent") return color2;
+  var hslColor = parseToHsl(color2);
+  return toColorString(_extends({}, hslColor, {
+    saturation: guard(0, 1, hslColor.saturation + parseFloat(amount))
+  }));
+}
+__name(saturate, "saturate");
+var curriedSaturate = curry(saturate);
+function setHue(hue, color2) {
+  if (color2 === "transparent") return color2;
+  return toColorString(_extends({}, parseToHsl(color2), {
+    hue: parseFloat(hue)
+  }));
+}
+__name(setHue, "setHue");
+var curriedSetHue = curry(setHue);
+function setLightness(lightness, color2) {
+  if (color2 === "transparent") return color2;
+  return toColorString(_extends({}, parseToHsl(color2), {
+    lightness: parseFloat(lightness)
+  }));
+}
+__name(setLightness, "setLightness");
+var curriedSetLightness = curry(setLightness);
+function setSaturation(saturation, color2) {
+  if (color2 === "transparent") return color2;
+  return toColorString(_extends({}, parseToHsl(color2), {
+    saturation: parseFloat(saturation)
+  }));
+}
+__name(setSaturation, "setSaturation");
+var curriedSetSaturation = curry(setSaturation);
+function shade(percentage, color2) {
+  if (color2 === "transparent") return color2;
+  return mix$1(parseFloat(percentage), "rgb(0, 0, 0)", color2);
+}
+__name(shade, "shade");
+var curriedShade = curry(shade);
+function tint(percentage, color2) {
+  if (color2 === "transparent") return color2;
+  return mix$1(parseFloat(percentage), "rgb(255, 255, 255)", color2);
+}
+__name(tint, "tint");
+var curriedTint = curry(tint);
+function transparentize(amount, color2) {
+  if (color2 === "transparent") return color2;
+  var parsedColor = parseToRgb(color2);
+  var alpha = typeof parsedColor.alpha === "number" ? parsedColor.alpha : 1;
+  var colorWithAlpha = _extends({}, parsedColor, {
+    alpha: guard(0, 1, +(alpha * 100 - parseFloat(amount) * 100).toFixed(2) / 100)
+  });
+  return rgba(colorWithAlpha);
+}
+__name(transparentize, "transparentize");
+var curriedTransparentize = curry(transparentize);
+var curriedTransparentize$1 = curriedTransparentize;
+
 // ../../node_modules/react-joyride/dist/index.mjs
 import * as React9 from "react";
 
@@ -2224,7 +3073,7 @@ var defineProperty = /* @__PURE__ */ __name(function(obj, key, value) {
   }
   return obj;
 }, "defineProperty");
-var _extends = Object.assign || function(target) {
+var _extends2 = Object.assign || function(target) {
   for (var i2 = 1; i2 < arguments.length; i2++) {
     var source = arguments[i2];
     for (var key in source) {
@@ -2236,7 +3085,7 @@ var _extends = Object.assign || function(target) {
   return target;
 };
 function getClientRect(offsets) {
-  return _extends({}, offsets, {
+  return _extends2({}, offsets, {
     right: offsets.left + offsets.width,
     bottom: offsets.top + offsets.height
   });
@@ -2428,7 +3277,7 @@ function computeAutoPlacement(placement, refRect, popper, reference, boundariesE
     }
   };
   var sortedAreas = Object.keys(rects).map(function(key) {
-    return _extends({
+    return _extends2({
       key
     }, rects[key], {
       area: getArea(rects[key])
@@ -2760,9 +3609,9 @@ function computeStyle(data, options) {
   var attributes = {
     "x-placement": data.placement
   };
-  data.attributes = _extends({}, attributes, data.attributes);
-  data.styles = _extends({}, styles, data.styles);
-  data.arrowStyles = _extends({}, data.offsets.arrow, data.arrowStyles);
+  data.attributes = _extends2({}, attributes, data.attributes);
+  data.styles = _extends2({}, styles, data.styles);
+  data.arrowStyles = _extends2({}, data.offsets.arrow, data.arrowStyles);
   return data;
 }
 __name(computeStyle, "computeStyle");
@@ -2902,7 +3751,7 @@ function flip(data, options) {
         variation = getOppositeVariation(variation);
       }
       data.placement = placement + (variation ? "-" + variation : "");
-      data.offsets.popper = _extends({}, data.offsets.popper, getPopperOffsets(data.instance.popper, data.offsets.reference, data.placement));
+      data.offsets.popper = _extends2({}, data.offsets.popper, getPopperOffsets(data.instance.popper, data.offsets.reference, data.placement));
       data = runModifiers(data.instance.modifiers, data, "flip");
     }
   });
@@ -3066,7 +3915,7 @@ function preventOverflow(data, options) {
   };
   order.forEach(function(placement) {
     var side = ["left", "top"].indexOf(placement) !== -1 ? "primary" : "secondary";
-    popper = _extends({}, popper, check[side](placement));
+    popper = _extends2({}, popper, check[side](placement));
   });
   data.offsets.popper = popper;
   return data;
@@ -3085,7 +3934,7 @@ function shift(data) {
       start: defineProperty({}, side, reference[side]),
       end: defineProperty({}, side, reference[side] + reference[measurement] - popper[measurement])
     };
-    data.offsets.popper = _extends({}, popper, shiftOffsets[shiftvariation]);
+    data.offsets.popper = _extends2({}, popper, shiftOffsets[shiftvariation]);
   }
   return data;
 }
@@ -3491,7 +4340,7 @@ var Popper = function() {
       return requestAnimationFrame(_this.update);
     };
     this.update = debounce(this.update.bind(this));
-    this.options = _extends({}, Popper2.Defaults, options);
+    this.options = _extends2({}, Popper2.Defaults, options);
     this.state = {
       isDestroyed: false,
       isCreated: false,
@@ -3500,11 +4349,11 @@ var Popper = function() {
     this.reference = reference && reference.jquery ? reference[0] : reference;
     this.popper = popper && popper.jquery ? popper[0] : popper;
     this.options.modifiers = {};
-    Object.keys(_extends({}, Popper2.Defaults.modifiers, options.modifiers)).forEach(function(name) {
-      _this.options.modifiers[name] = _extends({}, Popper2.Defaults.modifiers[name] || {}, options.modifiers ? options.modifiers[name] : {});
+    Object.keys(_extends2({}, Popper2.Defaults.modifiers, options.modifiers)).forEach(function(name) {
+      _this.options.modifiers[name] = _extends2({}, Popper2.Defaults.modifiers[name] || {}, options.modifiers ? options.modifiers[name] : {});
     });
     this.modifiers = Object.keys(this.options.modifiers).map(function(name) {
-      return _extends({
+      return _extends2({
         name
       }, _this.options.modifiers[name]);
     }).sort(function(a2, b2) {
@@ -4492,25 +5341,25 @@ function _inherits(subClass, superClass) {
   Object.defineProperty(subClass, "prototype", {
     writable: false
   });
-  if (superClass) _setPrototypeOf(subClass, superClass);
+  if (superClass) _setPrototypeOf2(subClass, superClass);
 }
 __name(_inherits, "_inherits");
-function _getPrototypeOf(o2) {
-  _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : /* @__PURE__ */ __name(function _getPrototypeOf2(o3) {
+function _getPrototypeOf2(o2) {
+  _getPrototypeOf2 = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : /* @__PURE__ */ __name(function _getPrototypeOf3(o3) {
     return o3.__proto__ || Object.getPrototypeOf(o3);
   }, "_getPrototypeOf");
-  return _getPrototypeOf(o2);
+  return _getPrototypeOf2(o2);
 }
-__name(_getPrototypeOf, "_getPrototypeOf");
-function _setPrototypeOf(o2, p2) {
-  _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : /* @__PURE__ */ __name(function _setPrototypeOf2(o3, p3) {
+__name(_getPrototypeOf2, "_getPrototypeOf");
+function _setPrototypeOf2(o2, p2) {
+  _setPrototypeOf2 = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : /* @__PURE__ */ __name(function _setPrototypeOf3(o3, p3) {
     o3.__proto__ = p3;
     return o3;
   }, "_setPrototypeOf");
-  return _setPrototypeOf(o2, p2);
+  return _setPrototypeOf2(o2, p2);
 }
-__name(_setPrototypeOf, "_setPrototypeOf");
-function _isNativeReflectConstruct() {
+__name(_setPrototypeOf2, "_setPrototypeOf");
+function _isNativeReflectConstruct2() {
   if (typeof Reflect === "undefined" || !Reflect.construct) return false;
   if (Reflect.construct.sham) return false;
   if (typeof Proxy === "function") return true;
@@ -4522,7 +5371,7 @@ function _isNativeReflectConstruct() {
     return false;
   }
 }
-__name(_isNativeReflectConstruct, "_isNativeReflectConstruct");
+__name(_isNativeReflectConstruct2, "_isNativeReflectConstruct");
 function _objectWithoutPropertiesLoose(source, excluded) {
   if (source == null) return {};
   var target = {};
@@ -4552,28 +5401,28 @@ function _objectWithoutProperties(source, excluded) {
   return target;
 }
 __name(_objectWithoutProperties, "_objectWithoutProperties");
-function _assertThisInitialized(self) {
+function _assertThisInitialized2(self) {
   if (self === void 0) {
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   }
   return self;
 }
-__name(_assertThisInitialized, "_assertThisInitialized");
+__name(_assertThisInitialized2, "_assertThisInitialized");
 function _possibleConstructorReturn(self, call) {
   if (call && (typeof call === "object" || typeof call === "function")) {
     return call;
   } else if (call !== void 0) {
     throw new TypeError("Derived constructors may only return object or undefined");
   }
-  return _assertThisInitialized(self);
+  return _assertThisInitialized2(self);
 }
 __name(_possibleConstructorReturn, "_possibleConstructorReturn");
 function _createSuper(Derived) {
-  var hasNativeReflectConstruct = _isNativeReflectConstruct();
+  var hasNativeReflectConstruct = _isNativeReflectConstruct2();
   return /* @__PURE__ */ __name(function _createSuperInternal() {
-    var Super = _getPrototypeOf(Derived), result;
+    var Super = _getPrototypeOf2(Derived), result;
     if (hasNativeReflectConstruct) {
-      var NewTarget = _getPrototypeOf(this).constructor;
+      var NewTarget = _getPrototypeOf2(this).constructor;
       result = Reflect.construct(Super, arguments, NewTarget);
     } else {
       result = Super.apply(this, arguments);
@@ -4976,19 +5825,19 @@ var ReactFloater = function(_React$Component) {
     var _this;
     _classCallCheck(this, ReactFloater2);
     _this = _super.call(this, props);
-    _defineProperty(_assertThisInitialized(_this), "setArrowRef", function(ref) {
+    _defineProperty(_assertThisInitialized2(_this), "setArrowRef", function(ref) {
       _this.arrowRef = ref;
     });
-    _defineProperty(_assertThisInitialized(_this), "setChildRef", function(ref) {
+    _defineProperty(_assertThisInitialized2(_this), "setChildRef", function(ref) {
       _this.childRef = ref;
     });
-    _defineProperty(_assertThisInitialized(_this), "setFloaterRef", function(ref) {
+    _defineProperty(_assertThisInitialized2(_this), "setFloaterRef", function(ref) {
       _this.floaterRef = ref;
     });
-    _defineProperty(_assertThisInitialized(_this), "setWrapperRef", function(ref) {
+    _defineProperty(_assertThisInitialized2(_this), "setWrapperRef", function(ref) {
       _this.wrapperRef = ref;
     });
-    _defineProperty(_assertThisInitialized(_this), "handleTransitionEnd", function() {
+    _defineProperty(_assertThisInitialized2(_this), "handleTransitionEnd", function() {
       var status = _this.state.status;
       var callback = _this.props.callback;
       if (_this.wrapperPopper) {
@@ -4999,7 +5848,7 @@ var ReactFloater = function(_React$Component) {
         callback(newStatus === STATUS.OPEN ? "open" : "close", _this.props);
       });
     });
-    _defineProperty(_assertThisInitialized(_this), "handleClick", function() {
+    _defineProperty(_assertThisInitialized2(_this), "handleClick", function() {
       var _this$props = _this.props, event = _this$props.event, open = _this$props.open;
       if (esm_default["boolean"](open)) return;
       var _this$state = _this.state, positionWrapper = _this$state.positionWrapper, status = _this$state.status;
@@ -5008,7 +5857,7 @@ var ReactFloater = function(_React$Component) {
         _this.toggle();
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "handleMouseEnter", function() {
+    _defineProperty(_assertThisInitialized2(_this), "handleMouseEnter", function() {
       var _this$props2 = _this.props, event = _this$props2.event, open = _this$props2.open;
       if (esm_default["boolean"](open) || isMobile()) return;
       var status = _this.state.status;
@@ -5018,7 +5867,7 @@ var ReactFloater = function(_React$Component) {
         _this.toggle();
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "handleMouseLeave", function() {
+    _defineProperty(_assertThisInitialized2(_this), "handleMouseLeave", function() {
       var _this$props3 = _this.props, event = _this$props3.event, eventDelay = _this$props3.eventDelay, open = _this$props3.open;
       if (esm_default["boolean"](open) || isMobile()) return;
       var _this$state2 = _this.state, status = _this$state2.status, positionWrapper = _this$state2.positionWrapper;
@@ -7391,122 +8240,93 @@ import { useTheme } from "storybook/theming";
 
 // src/features/GuidedTour/Tooltip.tsx
 import React11, { useEffect as useEffect2 } from "react";
-import { IconButton } from "storybook/internal/components";
+import { Button as Button3 } from "storybook/internal/components";
 import { CloseAltIcon } from "@storybook/icons";
 import { color, styled as styled3 } from "storybook/theming";
 
 // src/components/Button/Button.tsx
 import React10, { forwardRef } from "react";
 import { styled as styled2 } from "storybook/theming";
-var StyledButton = styled2.button`
-  all: unset;
-  box-sizing: border-box;
-  border: 0;
-  border-radius: 0.25rem;
-  cursor: pointer;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  padding: 0 0.75rem;
-  background: ${({ theme: theme2, variant }) => {
-  if (variant === "primary") {
-    return theme2.color.secondary;
-  }
-  if (variant === "secondary") {
-    return theme2.color.lighter;
-  }
-  if (variant === "outline") {
-    return "transparent";
-  }
-  if (variant === "white") {
-    return theme2.color.lightest;
-  }
-  return theme2.color.secondary;
-}};
-  color: ${({ theme: theme2, variant }) => {
-  if (variant === "primary") {
-    return theme2.color.lightest;
-  }
-  if (variant === "secondary") {
-    return theme2.darkest;
-  }
-  if (variant === "outline") {
-    return theme2.darkest;
-  }
-  if (variant === "white") {
-    return theme2.color.secondary;
-  }
-  return theme2.color.lightest;
-}};
-  box-shadow: ${({ variant }) => {
-  if (variant === "secondary") {
-    return "#D9E8F2 0 0 0 1px inset";
-  }
-  if (variant === "outline") {
-    return "#D9E8F2 0 0 0 1px inset";
-  }
-  return "none";
-}};
-  height: 32px;
-  font-size: 0.8125rem;
-  font-weight: 700;
-  font-family: ${({ theme: theme2 }) => theme2.typography.fonts.base};
-  transition: background-color, box-shadow, color, opacity;
-  transition-duration: 0.16s;
-  transition-timing-function: ease-in-out;
-  text-decoration: none;
-
-  &:hover {
-    background-color: ${({ theme: theme2, variant }) => {
-  if (variant === "primary") {
-    return "#0b94eb";
-  }
-  if (variant === "secondary") {
-    return "#eef4f9";
-  }
-  if (variant === "outline") {
-    return "transparent";
-  }
-  if (variant === "white") {
-    return theme2.color.lightest;
-  }
-  return "#0b94eb";
-}};
-    color: ${({ theme: theme2, variant }) => {
-  if (variant === "primary") {
+var StyledButton = styled2.button(({ theme: theme2, variant }) => ({
+  all: "unset",
+  boxSizing: "border-box",
+  border: 0,
+  borderRadius: "4px",
+  cursor: "pointer",
+  display: "inline-flex",
+  alignItems: "center",
+  justifyContent: "center",
+  padding: "0 0.75rem",
+  background: (() => {
+    if (variant === "secondary") {
+      return theme2.button.background;
+    }
+    if (variant === "outline") {
+      return "transparent";
+    }
+    if (variant === "white") {
+      return theme2.color.lightest;
+    }
+    return theme2.base === "light" ? theme2.color.secondary : curriedDarken$1(0.18, theme2.color.secondary);
+  })(),
+  color: (() => {
+    if (variant === "secondary" || variant === "outline") {
+      return theme2.color.defaultText;
+    }
+    if (variant === "white") {
+      return theme2.base === "light" ? theme2.color.secondary : curriedDarken$1(0.18, theme2.color.secondary);
+    }
     return theme2.color.lightest;
-  }
-  if (variant === "secondary") {
-    return theme2.darkest;
-  }
-  if (variant === "outline") {
-    return theme2.darkest;
-  }
-  if (variant === "white") {
-    return theme2.color.darkest;
-  }
-  return theme2.color.lightest;
-}};
-  }
-
-  &:focus {
-    box-shadow: ${({ variant }) => {
-  if (variant === "primary") {
-    return "inset 0 0 0 1px rgba(0, 0, 0, 0.2)";
-  }
-  if (variant === "secondary") {
-    return "inset 0 0 0 1px #0b94eb";
-  }
-  if (variant === "outline") {
-    return "inset 0 0 0 1px #0b94eb";
-  }
-  if (variant === "white") {
+  })(),
+  boxShadow: (() => {
+    if (variant === "secondary") {
+      return `${theme2.button.border} 0 0 0 1px inset`;
+    }
+    if (variant === "outline") {
+      return `${theme2.button.border} 0 0 0 1px inset`;
+    }
     return "none";
+  })(),
+  height: "32px",
+  fontSize: "0.8125rem",
+  fontWeight: "700",
+  fontFamily: theme2.typography.fonts.base,
+  transition: "background-color, box-shadow, color, opacity",
+  transitionDuration: "0.16s",
+  transitionTimingFunction: "ease-in-out",
+  textDecoration: "none",
+  "&:hover, &:focus": {
+    background: (() => {
+      if (variant === "secondary" || variant === "outline") {
+        return curriedTransparentize$1(0.93, theme2.color.secondary);
+      }
+      if (variant === "white") {
+        return curriedTransparentize$1(0.1, theme2.color.lightest);
+      }
+      return theme2.base === "light" ? curriedLighten$1(0.1, theme2.color.secondary) : curriedDarken$1(0.3, theme2.color.secondary);
+    })(),
+    color: (() => {
+      if (variant === "secondary" || variant === "outline") {
+        return theme2.barSelectedColor;
+      }
+      if (variant === "white") {
+        return theme2.base === "light" ? curriedLighten$1(0.1, theme2.color.secondary) : curriedDarken$1(0.3, theme2.color.secondary);
+      }
+      return theme2.color.lightest;
+    })(),
+    boxShadow: (() => {
+      if (variant === "secondary" || variant === "outline" || variant === "white") {
+        return `inset 0 0 0 1px ${theme2.barSelectedColor}`;
+      }
+      return "none";
+    })()
+  },
+  "&:focus-visible": {
+    outline: `solid ${theme2.color.secondary}`,
+    outlineOffset: "2px",
+    outlineWidth: "2px"
   }
-  return "inset 0 0 0 2px rgba(0, 0, 0, 0.1)";
-}};
-  }
-`;
+}));
 var Button = forwardRef(/* @__PURE__ */ __name(function Button2({ children, onClick, variant = "primary", ...rest }, ref) {
   return React10.createElement(StyledButton, { ref, onClick, variant, ...rest }, children);
 }, "Button"));
@@ -7587,7 +8407,17 @@ var Tooltip = /* @__PURE__ */ __name(({
       }
     };
   }, []);
-  return React11.createElement(TooltipBody, { ...tooltipProps, style: step.styles?.tooltip }, React11.createElement(Wrapper2, null, React11.createElement(TooltipHeader, null, step.title && React11.createElement(TooltipTitle, null, step.title), React11.createElement(IconButton, { ...closeProps, onClick: closeProps.onClick, variant: "solid" }, React11.createElement(CloseAltIcon, null))), React11.createElement(TooltipContent, null, step.content)), React11.createElement(TooltipFooter, { id: "buttonNext" }, React11.createElement(Count, null, index + 1, " of ", size), !step.hideNextButton && React11.createElement(
+  return React11.createElement(TooltipBody, { ...tooltipProps, style: step.styles?.tooltip }, React11.createElement(Wrapper2, null, React11.createElement(TooltipHeader, null, step.title && React11.createElement(TooltipTitle, null, step.title), React11.createElement(
+    Button3,
+    {
+      ...closeProps,
+      onClick: closeProps.onClick,
+      variant: "solid",
+      padding: "small",
+      ariaLabel: "Close"
+    },
+    React11.createElement(CloseAltIcon, null)
+  )), React11.createElement(TooltipContent, null, step.content)), React11.createElement(TooltipFooter, { id: "buttonNext" }, React11.createElement(Count, null, index + 1, " of ", size), !step.hideNextButton && React11.createElement(
     Button,
     {
       ...primaryProps,
@@ -7663,18 +8493,18 @@ function GuidedTour({
         },
         spotlight: {
           backgroundColor: "none",
-          border: `solid 2px ${theme2.color.secondary}`,
+          border: `solid 2px ${theme2.base === "light" ? theme2.color.secondary : curriedDarken$1(0.18, theme2.color.secondary)}`,
           boxShadow: "0px 0px 0px 9999px rgba(27, 28, 29, 0.2)"
         },
         tooltip: {
           width: 280,
           color: theme2.color.lightest,
-          background: theme2.color.secondary
+          background: theme2.base === "light" ? theme2.color.secondary : curriedDarken$1(0.18, theme2.color.secondary)
         },
         options: {
           zIndex: 9998,
-          primaryColor: theme2.color.secondary,
-          arrowColor: theme2.color.secondary
+          primaryColor: theme2.base === "light" ? theme2.color.secondary : curriedDarken$1(0.18, theme2.color.secondary),
+          arrowColor: theme2.base === "light" ? theme2.color.secondary : curriedDarken$1(0.18, theme2.color.secondary)
         }
       }
     }
@@ -7684,7 +8514,7 @@ __name(GuidedTour, "GuidedTour");
 
 // src/features/IntentSurvey/IntentSurvey.tsx
 import React13, { useState as useState2 } from "react";
-import { Button as Button3, Form, Modal } from "storybook/internal/components";
+import { Button as Button4, Form, Modal } from "storybook/internal/components";
 import { styled as styled4 } from "storybook/theming";
 
 // ../../.storybook/isChromatic.ts
@@ -7820,34 +8650,57 @@ var IntentSurvey = /* @__PURE__ */ __name(({
       Object.fromEntries(Object.entries(formFields).map(([key, field]) => [key, field.values]))
     );
   }, "onSubmitForm");
-  return React13.createElement(Modal, { defaultOpen: true, width: 420, onEscapeKeyDown: onDismiss }, React13.createElement(Form, { onSubmit: onSubmitForm, id: "intent-survey-form" }, React13.createElement(Content, null, React13.createElement(Modal.Header, null, React13.createElement(Modal.Title, null, "Help improve Storybook")), Object.keys(formFields).map((key) => {
-    const field = formFields[key];
-    return React13.createElement(React13.Fragment, { key }, React13.createElement(Question, null, field.label), field.type === "checkbox" && React13.createElement(Row, null, Object.entries(field.options).map(([opt, option]) => {
-      const id = `${key}:${opt}`;
-      return React13.createElement("div", { key: id }, React13.createElement(Label, { htmlFor: id }, React13.createElement(
-        Checkbox,
+  return React13.createElement(
+    Modal,
+    {
+      ariaLabel: "Storybook user survey",
+      defaultOpen: true,
+      width: 420,
+      onOpenChange: (isOpen) => {
+        if (!isOpen) {
+          onDismiss();
+        }
+      }
+    },
+    React13.createElement(Form, { onSubmit: onSubmitForm, id: "intent-survey-form" }, React13.createElement(Content, null, React13.createElement(Modal.Header, null, React13.createElement(Modal.Title, null, "Help improve Storybook")), Object.keys(formFields).map((key) => {
+      const field = formFields[key];
+      return React13.createElement(React13.Fragment, { key }, React13.createElement(Question, null, field.label), field.type === "checkbox" && React13.createElement(Row, null, Object.entries(field.options).map(([opt, option]) => {
+        const id = `${key}:${opt}`;
+        return React13.createElement("div", { key: id }, React13.createElement(Label, { htmlFor: id }, React13.createElement(
+          Checkbox,
+          {
+            name: id,
+            id,
+            checked: field.values[opt],
+            disabled: isSubmitting,
+            onChange: (e2) => updateFormData(key, opt, e2.target.checked)
+          }
+        ), option.label));
+      })), field.type === "select" && React13.createElement(
+        Form.Select,
         {
-          name: id,
-          id,
-          checked: field.values[opt],
+          name: key,
+          id: key,
+          value: Object.entries(field.values).find(([, isSelected]) => isSelected)?.[0] || "",
+          required: field.required,
           disabled: isSubmitting,
-          onChange: (e2) => updateFormData(key, opt, e2.target.checked)
-        }
-      ), option.label));
-    })), field.type === "select" && React13.createElement(
-      Form.Select,
+          onChange: (e2) => updateFormData(key, e2.target.value)
+        },
+        React13.createElement("option", { disabled: true, hidden: true, value: "" }, "Select an option..."),
+        Object.entries(field.options).map(([opt, option]) => React13.createElement("option", { key: opt, value: opt }, option.label))
+      ));
+    }), React13.createElement(Actions, null, React13.createElement(
+      Button4,
       {
-        name: key,
-        id: key,
-        value: Object.entries(field.values).find(([, isSelected]) => isSelected)?.[0] || "",
-        required: field.required,
-        disabled: isSubmitting,
-        onChange: (e2) => updateFormData(key, e2.target.value)
+        ariaLabel: false,
+        disabled: isSubmitting || !isValid,
+        size: "medium",
+        type: "submit",
+        variant: "solid"
       },
-      React13.createElement("option", { disabled: true, hidden: true, value: "" }, "Select an option..."),
-      Object.entries(field.options).map(([opt, option]) => React13.createElement("option", { key: opt, value: opt }, option.label))
-    ));
-  }), React13.createElement(Actions, null, React13.createElement(Button3, { disabled: isSubmitting || !isValid, size: "medium", type: "submit", variant: "solid" }, "Submit")))));
+      "Submit"
+    ))))
+  );
 }, "IntentSurvey");
 function shuffle(array) {
   for (let i2 = array.length - 1; i2 > 0; i2--) {