@moda/om 20.3.0 → 20.4.0

package/dist/index.esm.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import React__default, { useState, createContext, PureComponent, useRef, useEffect, Children, isValidElement, cloneElement, useContext, useCallback, forwardRef, useMemo, useReducer } from 'react';
+import React__default, { useState, createContext, forwardRef, useRef, useCallback, useEffect, useMemo, Fragment, PureComponent, Children, isValidElement, cloneElement, useContext, useReducer } from 'react';
 import { Link, Prompt } from 'react-router-dom';
 import require$$1, { createPortal } from 'react-dom';
 
@@ -7,6 +7,31 @@ function getDefaultExportFromCjs (x) {
 	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
 }
 
+function getAugmentedNamespace(n) {
+  if (Object.prototype.hasOwnProperty.call(n, '__esModule')) return n;
+  var f = n.default;
+	if (typeof f == "function") {
+		var a = function a () {
+			if (this instanceof a) {
+        return Reflect.construct(f, arguments, this.constructor);
+			}
+			return f.apply(this, arguments);
+		};
+		a.prototype = f.prototype;
+  } else a = {};
+  Object.defineProperty(a, '__esModule', {value: true});
+	Object.keys(n).forEach(function (k) {
+		var d = Object.getOwnPropertyDescriptor(n, k);
+		Object.defineProperty(a, k, d.get ? d : {
+			enumerable: true,
+			get: function () {
+				return n[k];
+			}
+		});
+	});
+	return a;
+}
+
 var focusVisible$1 = {exports: {}};
 
 var focusVisible = focusVisible$1.exports;
@@ -336,6 +361,9 @@ function requireColors() {
       "teal": "rgb(0, 111, 98)",
       "ivory": "rgb(242, 233, 219)",
       "chatelle": "rgb(213, 194, 216)",
+      "edgewater": "rgb(198, 225, 209)",
+      "waikawa-gray": "rgb(86, 107, 136)",
+      "tuscany": "rgb(186, 83, 44)",
       "klein-blue": "rgb(38, 48, 120)",
       "persian-blue": "rgb(30, 34, 170)",
       "brick": "rgb(147, 58, 32)",
@@ -360,7 +388,10 @@ function requireColors() {
       "dark-fuchsia": "rgb(180, 60, 160)",
       "teal": "rgb(0, 111, 98)",
       "ivory": "rgb(242, 233, 219)",
-      "chatelle": "rgb(213, 194, 216)"
+      "chatelle": "rgb(213, 194, 216)",
+      "edgewater": "rgb(198, 225, 209)",
+      "waikawa-gray": "rgb(86, 107, 136)",
+      "tuscany": "rgb(186, 83, 44)"
     },
     "global": {
       "klein-blue": "rgb(38, 48, 120)",
@@ -537,407 +568,347 @@ function requireBreakpoints() {
 
 var helpers = {};
 
-var colorString = {exports: {}};
-
-var colorName;
-var hasRequiredColorName;
-function requireColorName() {
-  if (hasRequiredColorName) return colorName;
-  hasRequiredColorName = 1;
-  colorName = {
-    "aliceblue": [240, 248, 255],
-    "antiquewhite": [250, 235, 215],
-    "aqua": [0, 255, 255],
-    "aquamarine": [127, 255, 212],
-    "azure": [240, 255, 255],
-    "beige": [245, 245, 220],
-    "bisque": [255, 228, 196],
-    "black": [0, 0, 0],
-    "blanchedalmond": [255, 235, 205],
-    "blue": [0, 0, 255],
-    "blueviolet": [138, 43, 226],
-    "brown": [165, 42, 42],
-    "burlywood": [222, 184, 135],
-    "cadetblue": [95, 158, 160],
-    "chartreuse": [127, 255, 0],
-    "chocolate": [210, 105, 30],
-    "coral": [255, 127, 80],
-    "cornflowerblue": [100, 149, 237],
-    "cornsilk": [255, 248, 220],
-    "crimson": [220, 20, 60],
-    "cyan": [0, 255, 255],
-    "darkblue": [0, 0, 139],
-    "darkcyan": [0, 139, 139],
-    "darkgoldenrod": [184, 134, 11],
-    "darkgray": [169, 169, 169],
-    "darkgreen": [0, 100, 0],
-    "darkgrey": [169, 169, 169],
-    "darkkhaki": [189, 183, 107],
-    "darkmagenta": [139, 0, 139],
-    "darkolivegreen": [85, 107, 47],
-    "darkorange": [255, 140, 0],
-    "darkorchid": [153, 50, 204],
-    "darkred": [139, 0, 0],
-    "darksalmon": [233, 150, 122],
-    "darkseagreen": [143, 188, 143],
-    "darkslateblue": [72, 61, 139],
-    "darkslategray": [47, 79, 79],
-    "darkslategrey": [47, 79, 79],
-    "darkturquoise": [0, 206, 209],
-    "darkviolet": [148, 0, 211],
-    "deeppink": [255, 20, 147],
-    "deepskyblue": [0, 191, 255],
-    "dimgray": [105, 105, 105],
-    "dimgrey": [105, 105, 105],
-    "dodgerblue": [30, 144, 255],
-    "firebrick": [178, 34, 34],
-    "floralwhite": [255, 250, 240],
-    "forestgreen": [34, 139, 34],
-    "fuchsia": [255, 0, 255],
-    "gainsboro": [220, 220, 220],
-    "ghostwhite": [248, 248, 255],
-    "gold": [255, 215, 0],
-    "goldenrod": [218, 165, 32],
-    "gray": [128, 128, 128],
-    "green": [0, 128, 0],
-    "greenyellow": [173, 255, 47],
-    "grey": [128, 128, 128],
-    "honeydew": [240, 255, 240],
-    "hotpink": [255, 105, 180],
-    "indianred": [205, 92, 92],
-    "indigo": [75, 0, 130],
-    "ivory": [255, 255, 240],
-    "khaki": [240, 230, 140],
-    "lavender": [230, 230, 250],
-    "lavenderblush": [255, 240, 245],
-    "lawngreen": [124, 252, 0],
-    "lemonchiffon": [255, 250, 205],
-    "lightblue": [173, 216, 230],
-    "lightcoral": [240, 128, 128],
-    "lightcyan": [224, 255, 255],
-    "lightgoldenrodyellow": [250, 250, 210],
-    "lightgray": [211, 211, 211],
-    "lightgreen": [144, 238, 144],
-    "lightgrey": [211, 211, 211],
-    "lightpink": [255, 182, 193],
-    "lightsalmon": [255, 160, 122],
-    "lightseagreen": [32, 178, 170],
-    "lightskyblue": [135, 206, 250],
-    "lightslategray": [119, 136, 153],
-    "lightslategrey": [119, 136, 153],
-    "lightsteelblue": [176, 196, 222],
-    "lightyellow": [255, 255, 224],
-    "lime": [0, 255, 0],
-    "limegreen": [50, 205, 50],
-    "linen": [250, 240, 230],
-    "magenta": [255, 0, 255],
-    "maroon": [128, 0, 0],
-    "mediumaquamarine": [102, 205, 170],
-    "mediumblue": [0, 0, 205],
-    "mediumorchid": [186, 85, 211],
-    "mediumpurple": [147, 112, 219],
-    "mediumseagreen": [60, 179, 113],
-    "mediumslateblue": [123, 104, 238],
-    "mediumspringgreen": [0, 250, 154],
-    "mediumturquoise": [72, 209, 204],
-    "mediumvioletred": [199, 21, 133],
-    "midnightblue": [25, 25, 112],
-    "mintcream": [245, 255, 250],
-    "mistyrose": [255, 228, 225],
-    "moccasin": [255, 228, 181],
-    "navajowhite": [255, 222, 173],
-    "navy": [0, 0, 128],
-    "oldlace": [253, 245, 230],
-    "olive": [128, 128, 0],
-    "olivedrab": [107, 142, 35],
-    "orange": [255, 165, 0],
-    "orangered": [255, 69, 0],
-    "orchid": [218, 112, 214],
-    "palegoldenrod": [238, 232, 170],
-    "palegreen": [152, 251, 152],
-    "paleturquoise": [175, 238, 238],
-    "palevioletred": [219, 112, 147],
-    "papayawhip": [255, 239, 213],
-    "peachpuff": [255, 218, 185],
-    "peru": [205, 133, 63],
-    "pink": [255, 192, 203],
-    "plum": [221, 160, 221],
-    "powderblue": [176, 224, 230],
-    "purple": [128, 0, 128],
-    "rebeccapurple": [102, 51, 153],
-    "red": [255, 0, 0],
-    "rosybrown": [188, 143, 143],
-    "royalblue": [65, 105, 225],
-    "saddlebrown": [139, 69, 19],
-    "salmon": [250, 128, 114],
-    "sandybrown": [244, 164, 96],
-    "seagreen": [46, 139, 87],
-    "seashell": [255, 245, 238],
-    "sienna": [160, 82, 45],
-    "silver": [192, 192, 192],
-    "skyblue": [135, 206, 235],
-    "slateblue": [106, 90, 205],
-    "slategray": [112, 128, 144],
-    "slategrey": [112, 128, 144],
-    "snow": [255, 250, 250],
-    "springgreen": [0, 255, 127],
-    "steelblue": [70, 130, 180],
-    "tan": [210, 180, 140],
-    "teal": [0, 128, 128],
-    "thistle": [216, 191, 216],
-    "tomato": [255, 99, 71],
-    "turquoise": [64, 224, 208],
-    "violet": [238, 130, 238],
-    "wheat": [245, 222, 179],
-    "white": [255, 255, 255],
-    "whitesmoke": [245, 245, 245],
-    "yellow": [255, 255, 0],
-    "yellowgreen": [154, 205, 50]
-  };
-  return colorName;
-}
-
-var simpleSwizzle = {exports: {}};
-
-var isArrayish;
-var hasRequiredIsArrayish;
-function requireIsArrayish() {
-  if (hasRequiredIsArrayish) return isArrayish;
-  hasRequiredIsArrayish = 1;
-  isArrayish = function isArrayish(obj) {
-    if (!obj || typeof obj === 'string') {
-      return false;
-    }
-    return obj instanceof Array || Array.isArray(obj) || obj.length >= 0 && (obj.splice instanceof Function || Object.getOwnPropertyDescriptor(obj, obj.length - 1) && obj.constructor.name !== 'String');
-  };
-  return isArrayish;
-}
-
-var hasRequiredSimpleSwizzle;
-function requireSimpleSwizzle() {
-  if (hasRequiredSimpleSwizzle) return simpleSwizzle.exports;
-  hasRequiredSimpleSwizzle = 1;
-  var isArrayish = requireIsArrayish();
-  var concat = Array.prototype.concat;
-  var slice = Array.prototype.slice;
-  var swizzle = simpleSwizzle.exports = function swizzle(args) {
-    var results = [];
-    for (var i = 0, len = args.length; i < len; i++) {
-      var arg = args[i];
-      if (isArrayish(arg)) {
-        // http://jsperf.com/javascript-array-concat-vs-push/98
-        results = concat.call(results, slice.call(arg));
-      } else {
-        results.push(arg);
-      }
-    }
-    return results;
-  };
-  swizzle.wrap = function (fn) {
-    return function () {
-      return fn(swizzle(arguments));
-    };
-  };
-  return simpleSwizzle.exports;
-}
-
-/* MIT license */
-var hasRequiredColorString;
-function requireColorString() {
-  if (hasRequiredColorString) return colorString.exports;
-  hasRequiredColorString = 1;
-  var colorNames = requireColorName();
-  var swizzle = requireSimpleSwizzle();
-  var hasOwnProperty = Object.hasOwnProperty;
-  var reverseNames = Object.create(null);
-
-  // create a list of reverse color names
-  for (var name in colorNames) {
-    if (hasOwnProperty.call(colorNames, name)) {
-      reverseNames[colorNames[name]] = name;
-    }
-  }
-  var cs = colorString.exports = {
-    to: {},
-    get: {}
-  };
-  cs.get = function (string) {
-    var prefix = string.substring(0, 3).toLowerCase();
-    var val;
-    var model;
-    switch (prefix) {
-      case 'hsl':
-        val = cs.get.hsl(string);
+var colorNames = {
+  aliceblue: [240, 248, 255],
+  antiquewhite: [250, 235, 215],
+  aqua: [0, 255, 255],
+  aquamarine: [127, 255, 212],
+  azure: [240, 255, 255],
+  beige: [245, 245, 220],
+  bisque: [255, 228, 196],
+  black: [0, 0, 0],
+  blanchedalmond: [255, 235, 205],
+  blue: [0, 0, 255],
+  blueviolet: [138, 43, 226],
+  brown: [165, 42, 42],
+  burlywood: [222, 184, 135],
+  cadetblue: [95, 158, 160],
+  chartreuse: [127, 255, 0],
+  chocolate: [210, 105, 30],
+  coral: [255, 127, 80],
+  cornflowerblue: [100, 149, 237],
+  cornsilk: [255, 248, 220],
+  crimson: [220, 20, 60],
+  cyan: [0, 255, 255],
+  darkblue: [0, 0, 139],
+  darkcyan: [0, 139, 139],
+  darkgoldenrod: [184, 134, 11],
+  darkgray: [169, 169, 169],
+  darkgreen: [0, 100, 0],
+  darkgrey: [169, 169, 169],
+  darkkhaki: [189, 183, 107],
+  darkmagenta: [139, 0, 139],
+  darkolivegreen: [85, 107, 47],
+  darkorange: [255, 140, 0],
+  darkorchid: [153, 50, 204],
+  darkred: [139, 0, 0],
+  darksalmon: [233, 150, 122],
+  darkseagreen: [143, 188, 143],
+  darkslateblue: [72, 61, 139],
+  darkslategray: [47, 79, 79],
+  darkslategrey: [47, 79, 79],
+  darkturquoise: [0, 206, 209],
+  darkviolet: [148, 0, 211],
+  deeppink: [255, 20, 147],
+  deepskyblue: [0, 191, 255],
+  dimgray: [105, 105, 105],
+  dimgrey: [105, 105, 105],
+  dodgerblue: [30, 144, 255],
+  firebrick: [178, 34, 34],
+  floralwhite: [255, 250, 240],
+  forestgreen: [34, 139, 34],
+  fuchsia: [255, 0, 255],
+  gainsboro: [220, 220, 220],
+  ghostwhite: [248, 248, 255],
+  gold: [255, 215, 0],
+  goldenrod: [218, 165, 32],
+  gray: [128, 128, 128],
+  green: [0, 128, 0],
+  greenyellow: [173, 255, 47],
+  grey: [128, 128, 128],
+  honeydew: [240, 255, 240],
+  hotpink: [255, 105, 180],
+  indianred: [205, 92, 92],
+  indigo: [75, 0, 130],
+  ivory: [255, 255, 240],
+  khaki: [240, 230, 140],
+  lavender: [230, 230, 250],
+  lavenderblush: [255, 240, 245],
+  lawngreen: [124, 252, 0],
+  lemonchiffon: [255, 250, 205],
+  lightblue: [173, 216, 230],
+  lightcoral: [240, 128, 128],
+  lightcyan: [224, 255, 255],
+  lightgoldenrodyellow: [250, 250, 210],
+  lightgray: [211, 211, 211],
+  lightgreen: [144, 238, 144],
+  lightgrey: [211, 211, 211],
+  lightpink: [255, 182, 193],
+  lightsalmon: [255, 160, 122],
+  lightseagreen: [32, 178, 170],
+  lightskyblue: [135, 206, 250],
+  lightslategray: [119, 136, 153],
+  lightslategrey: [119, 136, 153],
+  lightsteelblue: [176, 196, 222],
+  lightyellow: [255, 255, 224],
+  lime: [0, 255, 0],
+  limegreen: [50, 205, 50],
+  linen: [250, 240, 230],
+  magenta: [255, 0, 255],
+  maroon: [128, 0, 0],
+  mediumaquamarine: [102, 205, 170],
+  mediumblue: [0, 0, 205],
+  mediumorchid: [186, 85, 211],
+  mediumpurple: [147, 112, 219],
+  mediumseagreen: [60, 179, 113],
+  mediumslateblue: [123, 104, 238],
+  mediumspringgreen: [0, 250, 154],
+  mediumturquoise: [72, 209, 204],
+  mediumvioletred: [199, 21, 133],
+  midnightblue: [25, 25, 112],
+  mintcream: [245, 255, 250],
+  mistyrose: [255, 228, 225],
+  moccasin: [255, 228, 181],
+  navajowhite: [255, 222, 173],
+  navy: [0, 0, 128],
+  oldlace: [253, 245, 230],
+  olive: [128, 128, 0],
+  olivedrab: [107, 142, 35],
+  orange: [255, 165, 0],
+  orangered: [255, 69, 0],
+  orchid: [218, 112, 214],
+  palegoldenrod: [238, 232, 170],
+  palegreen: [152, 251, 152],
+  paleturquoise: [175, 238, 238],
+  palevioletred: [219, 112, 147],
+  papayawhip: [255, 239, 213],
+  peachpuff: [255, 218, 185],
+  peru: [205, 133, 63],
+  pink: [255, 192, 203],
+  plum: [221, 160, 221],
+  powderblue: [176, 224, 230],
+  purple: [128, 0, 128],
+  rebeccapurple: [102, 51, 153],
+  red: [255, 0, 0],
+  rosybrown: [188, 143, 143],
+  royalblue: [65, 105, 225],
+  saddlebrown: [139, 69, 19],
+  salmon: [250, 128, 114],
+  sandybrown: [244, 164, 96],
+  seagreen: [46, 139, 87],
+  seashell: [255, 245, 238],
+  sienna: [160, 82, 45],
+  silver: [192, 192, 192],
+  skyblue: [135, 206, 235],
+  slateblue: [106, 90, 205],
+  slategray: [112, 128, 144],
+  slategrey: [112, 128, 144],
+  snow: [255, 250, 250],
+  springgreen: [0, 255, 127],
+  steelblue: [70, 130, 180],
+  tan: [210, 180, 140],
+  teal: [0, 128, 128],
+  thistle: [216, 191, 216],
+  tomato: [255, 99, 71],
+  turquoise: [64, 224, 208],
+  violet: [238, 130, 238],
+  wheat: [245, 222, 179],
+  white: [255, 255, 255],
+  whitesmoke: [245, 245, 245],
+  yellow: [255, 255, 0],
+  yellowgreen: [154, 205, 50]
+};
+
+var reverseNames = Object.create(null);
+
+// Create a list of reverse color names
+for (var name in colorNames) {
+  if (Object.hasOwn(colorNames, name)) {
+    reverseNames[colorNames[name]] = name;
+  }
+}
+var cs = {
+  to: {},
+  get: {}
+};
+cs.get = function (string) {
+  var prefix = string.slice(0, 3).toLowerCase();
+  var value;
+  var model;
+  switch (prefix) {
+    case 'hsl':
+      {
+        value = cs.get.hsl(string);
         model = 'hsl';
         break;
-      case 'hwb':
-        val = cs.get.hwb(string);
+      }
+    case 'hwb':
+      {
+        value = cs.get.hwb(string);
         model = 'hwb';
         break;
-      default:
-        val = cs.get.rgb(string);
+      }
+    default:
+      {
+        value = cs.get.rgb(string);
         model = 'rgb';
         break;
+      }
+  }
+  if (!value) {
+    return null;
+  }
+  return {
+    model: model,
+    value: value
+  };
+};
+cs.get.rgb = function (string) {
+  if (!string) {
+    return null;
+  }
+  var abbr = /^#([a-f\d]{3,4})$/i;
+  var hex = /^#([a-f\d]{6})([a-f\d]{2})?$/i;
+  var rgba = /^rgba?\(\s*([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)\s*(?:[,|/]\s*([+-]?[\d.]+)(%?)\s*)?\)$/;
+  var per = /^rgba?\(\s*([+-]?[\d.]+)%\s*,?\s*([+-]?[\d.]+)%\s*,?\s*([+-]?[\d.]+)%\s*(?:[,|/]\s*([+-]?[\d.]+)(%?)\s*)?\)$/;
+  var keyword = /^(\w+)$/;
+  var rgb = [0, 0, 0, 1];
+  var match;
+  var i;
+  var hexAlpha;
+  if (match = string.match(hex)) {
+    hexAlpha = match[2];
+    match = match[1];
+    for (i = 0; i < 3; i++) {
+      // https://jsperf.com/slice-vs-substr-vs-substring-methods-long-string/19
+      var i2 = i * 2;
+      rgb[i] = Number.parseInt(match.slice(i2, i2 + 2), 16);
     }
-    if (!val) {
-      return null;
+    if (hexAlpha) {
+      rgb[3] = Number.parseInt(hexAlpha, 16) / 255;
     }
-    return {
-      model: model,
-      value: val
-    };
-  };
-  cs.get.rgb = function (string) {
-    if (!string) {
-      return null;
+  } else if (match = string.match(abbr)) {
+    match = match[1];
+    hexAlpha = match[3];
+    for (i = 0; i < 3; i++) {
+      rgb[i] = Number.parseInt(match[i] + match[i], 16);
     }
-    var abbr = /^#([a-f0-9]{3,4})$/i;
-    var hex = /^#([a-f0-9]{6})([a-f0-9]{2})?$/i;
-    var rgba = /^rgba?\(\s*([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/;
-    var per = /^rgba?\(\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/;
-    var keyword = /^(\w+)$/;
-    var rgb = [0, 0, 0, 1];
-    var match;
-    var i;
-    var hexAlpha;
-    if (match = string.match(hex)) {
-      hexAlpha = match[2];
-      match = match[1];
-      for (i = 0; i < 3; i++) {
-        // https://jsperf.com/slice-vs-substr-vs-substring-methods-long-string/19
-        var i2 = i * 2;
-        rgb[i] = parseInt(match.slice(i2, i2 + 2), 16);
-      }
-      if (hexAlpha) {
-        rgb[3] = parseInt(hexAlpha, 16) / 255;
-      }
-    } else if (match = string.match(abbr)) {
-      match = match[1];
-      hexAlpha = match[3];
-      for (i = 0; i < 3; i++) {
-        rgb[i] = parseInt(match[i] + match[i], 16);
-      }
-      if (hexAlpha) {
-        rgb[3] = parseInt(hexAlpha + hexAlpha, 16) / 255;
-      }
-    } else if (match = string.match(rgba)) {
-      for (i = 0; i < 3; i++) {
-        rgb[i] = parseInt(match[i + 1], 0);
-      }
-      if (match[4]) {
-        if (match[5]) {
-          rgb[3] = parseFloat(match[4]) * 0.01;
-        } else {
-          rgb[3] = parseFloat(match[4]);
-        }
-      }
-    } else if (match = string.match(per)) {
-      for (i = 0; i < 3; i++) {
-        rgb[i] = Math.round(parseFloat(match[i + 1]) * 2.55);
-      }
-      if (match[4]) {
-        if (match[5]) {
-          rgb[3] = parseFloat(match[4]) * 0.01;
-        } else {
-          rgb[3] = parseFloat(match[4]);
-        }
-      }
-    } else if (match = string.match(keyword)) {
-      if (match[1] === 'transparent') {
-        return [0, 0, 0, 0];
-      }
-      if (!hasOwnProperty.call(colorNames, match[1])) {
-        return null;
-      }
-      rgb = colorNames[match[1]];
-      rgb[3] = 1;
-      return rgb;
-    } else {
-      return null;
+    if (hexAlpha) {
+      rgb[3] = Number.parseInt(hexAlpha + hexAlpha, 16) / 255;
     }
+  } else if (match = string.match(rgba)) {
     for (i = 0; i < 3; i++) {
-      rgb[i] = clamp(rgb[i], 0, 255);
+      rgb[i] = Number.parseInt(match[i + 1], 10);
     }
-    rgb[3] = clamp(rgb[3], 0, 1);
-    return rgb;
-  };
-  cs.get.hsl = function (string) {
-    if (!string) {
-      return null;
+    if (match[4]) {
+      rgb[3] = match[5] ? Number.parseFloat(match[4]) * 0.01 : Number.parseFloat(match[4]);
     }
-    var hsl = /^hsla?\(\s*([+-]?(?:\d{0,3}\.)?\d+)(?:deg)?\s*,?\s*([+-]?[\d\.]+)%\s*,?\s*([+-]?[\d\.]+)%\s*(?:[,|\/]\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/;
-    var match = string.match(hsl);
-    if (match) {
-      var alpha = parseFloat(match[4]);
-      var h = (parseFloat(match[1]) % 360 + 360) % 360;
-      var s = clamp(parseFloat(match[2]), 0, 100);
-      var l = clamp(parseFloat(match[3]), 0, 100);
-      var a = clamp(isNaN(alpha) ? 1 : alpha, 0, 1);
-      return [h, s, l, a];
+  } else if (match = string.match(per)) {
+    for (i = 0; i < 3; i++) {
+      rgb[i] = Math.round(Number.parseFloat(match[i + 1]) * 2.55);
     }
-    return null;
-  };
-  cs.get.hwb = function (string) {
-    if (!string) {
-      return null;
+    if (match[4]) {
+      rgb[3] = match[5] ? Number.parseFloat(match[4]) * 0.01 : Number.parseFloat(match[4]);
     }
-    var hwb = /^hwb\(\s*([+-]?\d{0,3}(?:\.\d+)?)(?:deg)?\s*,\s*([+-]?[\d\.]+)%\s*,\s*([+-]?[\d\.]+)%\s*(?:,\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/;
-    var match = string.match(hwb);
-    if (match) {
-      var alpha = parseFloat(match[4]);
-      var h = (parseFloat(match[1]) % 360 + 360) % 360;
-      var w = clamp(parseFloat(match[2]), 0, 100);
-      var b = clamp(parseFloat(match[3]), 0, 100);
-      var a = clamp(isNaN(alpha) ? 1 : alpha, 0, 1);
-      return [h, w, b, a];
+  } else if (match = string.match(keyword)) {
+    if (match[1] === 'transparent') {
+      return [0, 0, 0, 0];
     }
-    return null;
-  };
-  cs.to.hex = function () {
-    var rgba = swizzle(arguments);
-    return '#' + hexDouble(rgba[0]) + hexDouble(rgba[1]) + hexDouble(rgba[2]) + (rgba[3] < 1 ? hexDouble(Math.round(rgba[3] * 255)) : '');
-  };
-  cs.to.rgb = function () {
-    var rgba = swizzle(arguments);
-    return rgba.length < 4 || rgba[3] === 1 ? 'rgb(' + Math.round(rgba[0]) + ', ' + Math.round(rgba[1]) + ', ' + Math.round(rgba[2]) + ')' : 'rgba(' + Math.round(rgba[0]) + ', ' + Math.round(rgba[1]) + ', ' + Math.round(rgba[2]) + ', ' + rgba[3] + ')';
-  };
-  cs.to.rgb.percent = function () {
-    var rgba = swizzle(arguments);
-    var r = Math.round(rgba[0] / 255 * 100);
-    var g = Math.round(rgba[1] / 255 * 100);
-    var b = Math.round(rgba[2] / 255 * 100);
-    return rgba.length < 4 || rgba[3] === 1 ? 'rgb(' + r + '%, ' + g + '%, ' + b + '%)' : 'rgba(' + r + '%, ' + g + '%, ' + b + '%, ' + rgba[3] + ')';
-  };
-  cs.to.hsl = function () {
-    var hsla = swizzle(arguments);
-    return hsla.length < 4 || hsla[3] === 1 ? 'hsl(' + hsla[0] + ', ' + hsla[1] + '%, ' + hsla[2] + '%)' : 'hsla(' + hsla[0] + ', ' + hsla[1] + '%, ' + hsla[2] + '%, ' + hsla[3] + ')';
-  };
-
-  // hwb is a bit different than rgb(a) & hsl(a) since there is no alpha specific syntax
-  // (hwb have alpha optional & 1 is default value)
-  cs.to.hwb = function () {
-    var hwba = swizzle(arguments);
-    var a = '';
-    if (hwba.length >= 4 && hwba[3] !== 1) {
-      a = ', ' + hwba[3];
+    if (!Object.hasOwn(colorNames, match[1])) {
+      return null;
     }
-    return 'hwb(' + hwba[0] + ', ' + hwba[1] + '%, ' + hwba[2] + '%' + a + ')';
-  };
-  cs.to.keyword = function (rgb) {
-    return reverseNames[rgb.slice(0, 3)];
-  };
+    rgb = colorNames[match[1]];
+    rgb[3] = 1;
+    return rgb;
+  } else {
+    return null;
+  }
+  for (i = 0; i < 3; i++) {
+    rgb[i] = clamp(rgb[i], 0, 255);
+  }
+  rgb[3] = clamp(rgb[3], 0, 1);
+  return rgb;
+};
+cs.get.hsl = function (string) {
+  if (!string) {
+    return null;
+  }
+  var hsl = /^hsla?\(\s*([+-]?(?:\d{0,3}\.)?\d+)(?:deg)?\s*,?\s*([+-]?[\d.]+)%\s*,?\s*([+-]?[\d.]+)%\s*(?:[,|/]\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/;
+  var match = string.match(hsl);
+  if (match) {
+    var alpha = Number.parseFloat(match[4]);
+    var h = (Number.parseFloat(match[1]) % 360 + 360) % 360;
+    var s = clamp(Number.parseFloat(match[2]), 0, 100);
+    var l = clamp(Number.parseFloat(match[3]), 0, 100);
+    var a = clamp(Number.isNaN(alpha) ? 1 : alpha, 0, 1);
+    return [h, s, l, a];
+  }
+  return null;
+};
+cs.get.hwb = function (string) {
+  if (!string) {
+    return null;
+  }
+  var hwb = /^hwb\(\s*([+-]?\d{0,3}(?:\.\d+)?)(?:deg)?\s*,\s*([+-]?[\d.]+)%\s*,\s*([+-]?[\d.]+)%\s*(?:,\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/;
+  var match = string.match(hwb);
+  if (match) {
+    var alpha = Number.parseFloat(match[4]);
+    var h = (Number.parseFloat(match[1]) % 360 + 360) % 360;
+    var w = clamp(Number.parseFloat(match[2]), 0, 100);
+    var b = clamp(Number.parseFloat(match[3]), 0, 100);
+    var a = clamp(Number.isNaN(alpha) ? 1 : alpha, 0, 1);
+    return [h, w, b, a];
+  }
+  return null;
+};
+cs.to.hex = function () {
+  return '#' + hexDouble(arguments.length <= 0 ? undefined : arguments[0]) + hexDouble(arguments.length <= 1 ? undefined : arguments[1]) + hexDouble(arguments.length <= 2 ? undefined : arguments[2]) + ((arguments.length <= 3 ? undefined : arguments[3]) < 1 ? hexDouble(Math.round((arguments.length <= 3 ? undefined : arguments[3]) * 255)) : '');
+};
+cs.to.rgb = function () {
+  return arguments.length < 4 || (arguments.length <= 3 ? undefined : arguments[3]) === 1 ? 'rgb(' + Math.round(arguments.length <= 0 ? undefined : arguments[0]) + ', ' + Math.round(arguments.length <= 1 ? undefined : arguments[1]) + ', ' + Math.round(arguments.length <= 2 ? undefined : arguments[2]) + ')' : 'rgba(' + Math.round(arguments.length <= 0 ? undefined : arguments[0]) + ', ' + Math.round(arguments.length <= 1 ? undefined : arguments[1]) + ', ' + Math.round(arguments.length <= 2 ? undefined : arguments[2]) + ', ' + (arguments.length <= 3 ? undefined : arguments[3]) + ')';
+};
+cs.to.rgb.percent = function () {
+  var r = Math.round((arguments.length <= 0 ? undefined : arguments[0]) / 255 * 100);
+  var g = Math.round((arguments.length <= 1 ? undefined : arguments[1]) / 255 * 100);
+  var b = Math.round((arguments.length <= 2 ? undefined : arguments[2]) / 255 * 100);
+  return arguments.length < 4 || (arguments.length <= 3 ? undefined : arguments[3]) === 1 ? 'rgb(' + r + '%, ' + g + '%, ' + b + '%)' : 'rgba(' + r + '%, ' + g + '%, ' + b + '%, ' + (arguments.length <= 3 ? undefined : arguments[3]) + ')';
+};
+cs.to.hsl = function () {
+  return arguments.length < 4 || (arguments.length <= 3 ? undefined : arguments[3]) === 1 ? 'hsl(' + (arguments.length <= 0 ? undefined : arguments[0]) + ', ' + (arguments.length <= 1 ? undefined : arguments[1]) + '%, ' + (arguments.length <= 2 ? undefined : arguments[2]) + '%)' : 'hsla(' + (arguments.length <= 0 ? undefined : arguments[0]) + ', ' + (arguments.length <= 1 ? undefined : arguments[1]) + '%, ' + (arguments.length <= 2 ? undefined : arguments[2]) + '%, ' + (arguments.length <= 3 ? undefined : arguments[3]) + ')';
+};
 
-  // helpers
-  function clamp(num, min, max) {
-    return Math.min(Math.max(min, num), max);
+// Hwb is a bit different than rgb(a) & hsl(a) since there is no alpha specific syntax
+// (hwb have alpha optional & 1 is default value)
+cs.to.hwb = function () {
+  var a = '';
+  if (arguments.length >= 4 && (arguments.length <= 3 ? undefined : arguments[3]) !== 1) {
+    a = ', ' + (arguments.length <= 3 ? undefined : arguments[3]);
   }
-  function hexDouble(num) {
-    var str = Math.round(num).toString(16).toUpperCase();
-    return str.length < 2 ? '0' + str : str;
+  return 'hwb(' + (arguments.length <= 0 ? undefined : arguments[0]) + ', ' + (arguments.length <= 1 ? undefined : arguments[1]) + '%, ' + (arguments.length <= 2 ? undefined : arguments[2]) + '%' + a + ')';
+};
+cs.to.keyword = function () {
+  for (var _len = arguments.length, rgb = new Array(_len), _key = 0; _key < _len; _key++) {
+    rgb[_key] = arguments[_key];
   }
-  return colorString.exports;
+  return reverseNames[rgb.slice(0, 3)];
+};
+
+// Helpers
+function clamp(number_, min, max) {
+  return Math.min(Math.max(min, number_), max);
+}
+function hexDouble(number_) {
+  var string_ = Math.round(number_).toString(16).toUpperCase();
+  return string_.length < 2 ? '0' + string_ : string_;
 }
 
+var colorString = /*#__PURE__*/Object.freeze({
+	__proto__: null,
+	default: cs
+});
+
+var require$$0 = /*@__PURE__*/getAugmentedNamespace(colorString);
+
 var hasRequiredHelpers;
 function requireHelpers() {
   if (hasRequiredHelpers) return helpers;
@@ -954,20 +925,11 @@ function requireHelpers() {
       };
       return __assign.apply(this, arguments);
     };
-    var __spreadArray = helpers && helpers.__spreadArray || function (to, from, pack) {
-      if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-          if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-          ar[i] = from[i];
-        }
-      }
-      return to.concat(ar || Array.prototype.slice.call(from));
-    };
     Object.defineProperty(exports, "__esModule", {
       value: true
     });
     exports.spacing = exports.colorInHex = exports.color = exports.remToUnitlessPx = exports.text = void 0;
-    var colorString = requireColorString();
+    var color_string_1 = require$$0;
     var colors_1 = requireColors();
     var space_1 = requireSpace();
     var typography_1 = requireTypography();
@@ -989,13 +951,20 @@ function requireHelpers() {
     var color = function color(name, alpha) {
       var _a;
       var color = colors_1.colors.all[name];
-      return alpha != null ?
-      // eslint-disable-next-line @typescript-eslint/no-magic-numbers
-      colorString.to.rgb(__spreadArray(__spreadArray([], ((_a = colorString.get.rgb(color)) === null || _a === void 0 ? void 0 : _a.slice(0, 3)) || [], true), [alpha], false)) : color;
+      var _b = (_a = color_string_1["default"].get.rgb(color)) !== null && _a !== void 0 ? _a : [],
+        red = _b[0],
+        green = _b[1],
+        blue = _b[2];
+      return alpha != null ? color_string_1["default"].to.rgb(red, green, blue, alpha) : color;
     };
     exports.color = color;
     var colorInHex = function colorInHex(name, alpha) {
-      return colorString.to.hex(colorString.get.rgb((0, exports.color)(name, alpha)));
+      var _a, _b, _c;
+      var _d = (_b = color_string_1["default"].get.rgb((_a = (0, exports.color)(name, alpha)) !== null && _a !== void 0 ? _a : '')) !== null && _b !== void 0 ? _b : [],
+        red = _d[0],
+        green = _d[1],
+        blue = _d[2];
+      return (_c = color_string_1["default"].to.hex(red, green, blue, alpha)) !== null && _c !== void 0 ? _c : '';
     };
     exports.colorInHex = colorInHex;
     var spacing = function spacing(topY, rightX, bottom, left) {
@@ -1096,9 +1065,9 @@ function _createForOfIteratorHelper(r, e) {
         s: F,
         n: function () {
           return n >= r.length ? {
-            done: !0
+            done: true
           } : {
-            done: !1,
+            done: false,
             value: r[n++]
           };
         },
@@ -1111,8 +1080,8 @@ function _createForOfIteratorHelper(r, e) {
     throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
   var o,
-    a = !0,
-    u = !1;
+    a = true,
+    u = false;
   return {
     s: function () {
       t = t.call(r);
@@ -1122,7 +1091,7 @@ function _createForOfIteratorHelper(r, e) {
       return a = r.done, r;
     },
     e: function (r) {
-      u = !0, o = r;
+      u = true, o = r;
     },
     f: function () {
       try {
@@ -1136,9 +1105,9 @@ function _createForOfIteratorHelper(r, e) {
 function _defineProperty$1(e, r, t) {
   return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
     value: t,
-    enumerable: !0,
-    configurable: !0,
-    writable: !0
+    enumerable: true,
+    configurable: true,
+    writable: true
   }) : e[r] = t, e;
 }
 function _extends$1() {
@@ -1161,15 +1130,15 @@ function _iterableToArrayLimit(r, l) {
       i,
       u,
       a = [],
-      f = !0,
-      o = !1;
+      f = true,
+      o = false;
     try {
       if (i = (t = t.call(r)).next, 0 === l) {
         if (Object(t) !== t) return;
         f = !1;
       } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
     } catch (r) {
-      o = !0, n = r;
+      o = true, n = r;
     } finally {
       try {
         if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;
@@ -1202,7 +1171,7 @@ function ownKeys(e, r) {
 function _objectSpread2(e) {
   for (var r = 1; r < arguments.length; r++) {
     var t = null != arguments[r] ? arguments[r] : {};
-    r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {
+    r % 2 ? ownKeys(Object(t), true).forEach(function (r) {
       _defineProperty$1(e, r, t[r]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
       Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
@@ -1216,8 +1185,8 @@ function _objectWithoutProperties(e, t) {
     r,
     i = _objectWithoutPropertiesLoose(e, t);
   if (Object.getOwnPropertySymbols) {
-    var s = Object.getOwnPropertySymbols(e);
-    for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
+    var n = Object.getOwnPropertySymbols(e);
+    for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
   }
   return i;
 }
@@ -1225,7 +1194,7 @@ function _objectWithoutPropertiesLoose(r, e) {
   if (null == r) return {};
   var t = {};
   for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
-    if (e.includes(n)) continue;
+    if (-1 !== e.indexOf(n)) continue;
     t[n] = r[n];
   }
   return t;
@@ -1240,7 +1209,7 @@ function _toPrimitive(t, r) {
   if ("object" != typeof t || !t) return t;
   var e = t[Symbol.toPrimitive];
   if (void 0 !== e) {
-    var i = e.call(t, r || "default");
+    var i = e.call(t, r);
     if ("object" != typeof i) return i;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
@@ -2993,16 +2962,16 @@ var mediumSidecar = createSidecarMedium({
 var focusScope = /*#__PURE__*/createContext(undefined);
 
 var emptyArray = [];
-var FocusLock = /*#__PURE__*/React.forwardRef(function FocusLockUI(props, parentRef) {
+var FocusLock = /*#__PURE__*/forwardRef(function FocusLockUI(props, parentRef) {
   var _extends2;
-  var _React$useState = React.useState(),
-    realObserved = _React$useState[0],
-    setObserved = _React$useState[1];
-  var observed = React.useRef();
-  var isActive = React.useRef(false);
-  var originalFocusedElement = React.useRef(null);
-  var _React$useState2 = React.useState({}),
-    update = _React$useState2[1];
+  var _useState = useState(),
+    realObserved = _useState[0],
+    setObserved = _useState[1];
+  var observed = useRef();
+  var isActive = useRef(false);
+  var originalFocusedElement = useRef(null);
+  var _useState2 = useState({}),
+    update = _useState2[1];
   var children = props.children,
     _props$disabled = props.disabled,
     disabled = _props$disabled === void 0 ? false : _props$disabled,
@@ -3031,9 +3000,9 @@ var FocusLock = /*#__PURE__*/React.forwardRef(function FocusLockUI(props, parent
     focusOptions = props.focusOptions,
     onActivationCallback = props.onActivation,
     onDeactivationCallback = props.onDeactivation;
-  var _React$useState3 = React.useState({}),
-    id = _React$useState3[0];
-  var onActivation = React.useCallback(function (_ref) {
+  var _useState3 = useState({}),
+    id = _useState3[0];
+  var onActivation = useCallback(function (_ref) {
     var captureFocusRestore = _ref.captureFocusRestore;
     if (!originalFocusedElement.current) {
       var _document;
@@ -3049,14 +3018,14 @@ var FocusLock = /*#__PURE__*/React.forwardRef(function FocusLockUI(props, parent
     isActive.current = true;
     update();
   }, [onActivationCallback]);
-  var onDeactivation = React.useCallback(function () {
+  var onDeactivation = useCallback(function () {
     isActive.current = false;
     if (onDeactivationCallback) {
       onDeactivationCallback(observed.current);
     }
     update();
   }, [onDeactivationCallback]);
-  var returnFocus = React.useCallback(function (allowDefer) {
+  var returnFocus = useCallback(function (allowDefer) {
     var focusRestore = originalFocusedElement.current;
     if (focusRestore) {
       var returnFocusTo = (typeof focusRestore === 'function' ? focusRestore() : focusRestore) || document.body;
@@ -3074,13 +3043,13 @@ var FocusLock = /*#__PURE__*/React.forwardRef(function FocusLockUI(props, parent
       }
     }
   }, [shouldReturnFocus]);
-  var onFocus = React.useCallback(function (event) {
+  var onFocus = useCallback(function (event) {
     if (isActive.current) {
       mediumFocus.useMedium(event);
     }
   }, []);
   var onBlur = mediumBlur.useMedium;
-  var setObserveNode = React.useCallback(function (newObserved) {
+  var setObserveNode = useCallback(function (newObserved) {
     if (observed.current !== newObserved) {
       observed.current = newObserved;
       setObserved(newObserved);
@@ -3090,7 +3059,7 @@ var FocusLock = /*#__PURE__*/React.forwardRef(function FocusLockUI(props, parent
     if (typeof allowTextSelection !== 'undefined') {
       console.warn('React-Focus-Lock: allowTextSelection is deprecated and enabled by default');
     }
-    React.useEffect(function () {
+    useEffect(function () {
       if (!observed.current && typeof Container !== 'string') {
         console.error('FocusLock: could not obtain ref to internal node');
       }
@@ -3100,7 +3069,7 @@ var FocusLock = /*#__PURE__*/React.forwardRef(function FocusLockUI(props, parent
   var hasLeadingGuards = noFocusGuards !== true;
   var hasTailingGuards = hasLeadingGuards && noFocusGuards !== 'tail';
   var mergedRef = useMergeRefs([parentRef, setObserveNode]);
-  var focusScopeValue = React.useMemo(function () {
+  var focusScopeValue = useMemo(function () {
     return {
       observed: observed,
       shards: shards,
@@ -3108,18 +3077,18 @@ var FocusLock = /*#__PURE__*/React.forwardRef(function FocusLockUI(props, parent
       active: isActive.current
     };
   }, [disabled, isActive.current, shards, realObserved]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, hasLeadingGuards && [/*#__PURE__*/
-  React.createElement("div", {
+  return /*#__PURE__*/React__default.createElement(Fragment, null, hasLeadingGuards && [/*#__PURE__*/
+  React__default.createElement("div", {
     key: "guard-first",
     "data-focus-guard": true,
     tabIndex: disabled ? -1 : 0,
     style: hiddenGuard
-  }), hasPositiveIndices ? /*#__PURE__*/React.createElement("div", {
+  }), hasPositiveIndices ? /*#__PURE__*/React__default.createElement("div", {
     key: "guard-nearest",
     "data-focus-guard": true,
     tabIndex: disabled ? -1 : 1,
     style: hiddenGuard
-  }) : null], !disabled && /*#__PURE__*/React.createElement(SideCar, {
+  }) : null], !disabled && /*#__PURE__*/React__default.createElement(SideCar, {
     id: id,
     sideCar: mediumSidecar,
     observed: realObserved,
@@ -3134,15 +3103,15 @@ var FocusLock = /*#__PURE__*/React.forwardRef(function FocusLockUI(props, parent
     returnFocus: returnFocus,
     focusOptions: focusOptions,
     noFocusGuards: noFocusGuards
-  }), /*#__PURE__*/React.createElement(Container, _extends({
+  }), /*#__PURE__*/React__default.createElement(Container, _extends({
     ref: mergedRef
   }, lockProps, {
     className: className,
     onBlur: onBlur,
     onFocus: onFocus
-  }), /*#__PURE__*/React.createElement(focusScope.Provider, {
+  }), /*#__PURE__*/React__default.createElement(focusScope.Provider, {
     value: focusScopeValue
-  }, children)), hasTailingGuards && /*#__PURE__*/React.createElement("div", {
+  }, children)), hasTailingGuards && /*#__PURE__*/React__default.createElement("div", {
     "data-focus-guard": true,
     tabIndex: disabled ? -1 : 0,
     style: hiddenGuard
@@ -3269,7 +3238,7 @@ function toPrimitive(t, r) {
   if ("object" != _typeof(t) || !t) return t;
   var e = t[Symbol.toPrimitive];
   if (void 0 !== e) {
-    var i = e.call(t, r || "default");
+    var i = e.call(t, r);
     if ("object" != _typeof(i)) return i;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
@@ -3284,9 +3253,9 @@ function toPropertyKey(t) {
 function _defineProperty(e, r, t) {
   return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
     value: t,
-    enumerable: !0,
-    configurable: !0,
-    writable: !0
+    enumerable: true,
+    configurable: true,
+    writable: true
   }) : e[r] = t, e;
 }
 
@@ -3819,8 +3788,18 @@ var newFocus = function newFocus(innerNodes, innerTabbables, outerNodes, activeE
   var firstNodeIndex = outerNodes.indexOf(firstFocus);
   var lastNodeIndex = outerNodes.indexOf(lastFocus);
   var correctedNodes = correctNodes(outerNodes);
-  var correctedIndex = activeElement !== undefined ? correctedNodes.indexOf(activeElement) : -1;
-  var correctedIndexDiff = correctedIndex - (lastNode ? correctedNodes.indexOf(lastNode) : activeIndex);
+  var currentFocusableIndex = activeElement !== undefined ? correctedNodes.indexOf(activeElement) : -1;
+  var previousFocusableIndex = lastNode ? correctedNodes.indexOf(lastNode) : currentFocusableIndex;
+  var tabbableNodes = correctedNodes.filter(function (node) {
+    return node.tabIndex >= 0;
+  });
+  var currentTabbableIndex = activeElement !== undefined ? tabbableNodes.indexOf(activeElement) : -1;
+  var previousTabbableIndex = lastNode ? tabbableNodes.indexOf(lastNode) : currentTabbableIndex;
+  var focusIndexDiff = currentTabbableIndex >= 0 && previousTabbableIndex >= 0 ?
+  // old/new are tabbables, measure distance in tabbable space
+  previousTabbableIndex - currentTabbableIndex :
+  // or else measure in focusable space
+  previousFocusableIndex - currentFocusableIndex;
   // old focus
   if (!indexDiff && lastNodeInside >= 0) {
     return lastNodeInside;
@@ -3843,7 +3822,7 @@ var newFocus = function newFocus(innerNodes, innerTabbables, outerNodes, activeE
     return returnFirstNode;
   }
   // jump out, but not on the guard
-  if (indexDiff && Math.abs(correctedIndexDiff) > 1) {
+  if (indexDiff && Math.abs(focusIndexDiff) > 1) {
     return lastNodeInside;
   }
   // focus above lock
@@ -4399,9 +4378,8 @@ var activateTrap = function activateTrap() {
       focusOptions = _lastActiveTrap.focusOptions,
       noFocusGuards = _lastActiveTrap.noFocusGuards;
     var workingNode = observed || lastPortaledElement && lastPortaledElement.portaledElement;
-    if (focusOnBody() && lastActiveFocus) {
+    if (focusOnBody() && lastActiveFocus && lastActiveFocus !== document.body) {
       if (!document.body.contains(lastActiveFocus) || isNotFocusable(lastActiveFocus)) {
-        lastActiveFocus = null;
         var newTarget = tryRestoreFocus();
         if (newTarget) {
           newTarget.focus();
@@ -4437,9 +4415,11 @@ var activateTrap = function activateTrap() {
               lastPortaledElement = {};
             }
           }
-          focusWasOutsideWindow = false;
           lastActiveFocus = document && document.activeElement;
-          tryRestoreFocus = captureFocusRestore(lastActiveFocus);
+          if (lastActiveFocus !== document.body) {
+            tryRestoreFocus = captureFocusRestore(lastActiveFocus);
+          }
+          focusWasOutsideWindow = false;
         }
       }
       if (document && activeElement !== document.activeElement && document.querySelector('[data-focus-auto-guard]')) {
@@ -4458,7 +4438,7 @@ var activateTrap = function activateTrap() {
             var node = _ref4.node;
             return node.removeAttribute('tabIndex');
           });
-          autoGuard(focusedIndex, allNodes.length, +1, allNodes);
+          autoGuard(focusedIndex, allNodes.length, 1, allNodes);
           autoGuard(focusedIndex, -1, -1, allNodes);
         }
       }
@@ -4865,9 +4845,9 @@ var handleScroll = function handleScroll(axis, endTarget, event, sourceDelta, no
   // self content
   targetInLock && (endTarget.contains(target) || endTarget === target));
   // handle epsilon around 0 (non standard zoom levels)
-  if (isDeltaPositive && (Math.abs(availableScroll) < 1 || !noOverscroll)) {
+  if (isDeltaPositive && (Math.abs(availableScroll) < 1 || false)) {
     shouldCancelScroll = true;
-  } else if (!isDeltaPositive && (Math.abs(availableScrollTop) < 1 || !noOverscroll)) {
+  } else if (!isDeltaPositive && (Math.abs(availableScrollTop) < 1 || false)) {
     shouldCancelScroll = true;
   }
   return shouldCancelScroll;
@@ -4952,7 +4932,7 @@ function RemoveScrollSideCar(props) {
       return true;
     }
     var cancelingAxis = activeAxis.current || currentAxis;
-    return handleScroll(cancelingAxis, parent, event, cancelingAxis === 'h' ? deltaX : deltaY, true);
+    return handleScroll(cancelingAxis, parent, event, cancelingAxis === 'h' ? deltaX : deltaY);
   }, []);
   var shouldPrevent = React.useCallback(function (_event) {
     var event = _event;
@@ -7908,7 +7888,7 @@ function requireReactInputMask_production_min() {
   function setInputSelection(e, t, n) {
     if ("selectionStart" in e && "selectionEnd" in e) e.selectionStart = t, e.selectionEnd = n;else {
       var a = e.createTextRange();
-      a.collapse(!0), a.moveStart("character", t), a.moveEnd("character", n - t), a.select();
+      a.collapse(true), a.moveStart("character", t), a.moveEnd("character", n - t), a.select();
     }
   }
   function getInputSelection(e) {
@@ -7943,9 +7923,9 @@ function requireReactInputMask_production_min() {
       lastEditablePosition: null,
       permanents: []
     };
-    var s = !1;
+    var s = false;
     return e.split("").forEach(function (e) {
-      s = !s && "\\" === e || (s || !n[e] ? (o.push(a.length), a.length === o.length - 1 && (i += e)) : r = a.length + 1, a += e, !1);
+      s = !s && "\\" === e || (s || !n[e] ? (o.push(a.length), a.length === o.length - 1 && (i += e)) : r = a.length + 1, a += e, false);
     }), {
       maskChar: t,
       formatChars: n,
@@ -7961,7 +7941,7 @@ function requireReactInputMask_production_min() {
   function isAllowedCharacter(e, t, n) {
     var a = e.mask,
       i = e.formatChars;
-    if (!n) return !1;
+    if (!n) return false;
     if (isPermanentCharacter(e, t)) return a[t] === n;
     var r = i[a[t]];
     return new RegExp(r).test(n);
@@ -8022,8 +8002,8 @@ function requireReactInputMask_production_min() {
       h = isFilled(r, o);
     return !u && s > o.length && (o += l.slice(o.length, s)), t.every(function (e) {
       for (; i = e, isPermanentCharacter(r, a = s) && i !== l[a];) {
-        if (s >= o.length && (o += l[s]), t = e, n = s, u && isPermanentCharacter(r, n) && t === u) return !0;
-        if (++s >= l.length) return !1;
+        if (s >= o.length && (o += l[s]), t = e, n = s, u && isPermanentCharacter(r, n) && t === u) return true;
+        if (++s >= l.length) return false;
       }
       var t, n, a, i;
       return !isAllowedCharacter(r, s, e) && e !== u || (s < o.length ? o = u || h || s < c.length ? o.slice(0, s) + e + o.slice(s + 1) : (o = o.slice(0, s) + e + o.slice(s), formatValue(r, o)) : u || (o += e), ++s < l.length);
@@ -8035,7 +8015,7 @@ function requireReactInputMask_production_min() {
       n = t.split(""),
       s = i;
     return n.every(function (e) {
-      for (; n = e, isPermanentCharacter(a, t = i) && n !== r[t];) if (++i >= r.length) return !1;
+      for (; n = e, isPermanentCharacter(a, t = i) && n !== r[t];) if (++i >= r.length) return false;
       var t, n;
       return (isAllowedCharacter(a, i, e) || e === o) && i++, i < r.length;
     }), i - s;
@@ -8099,7 +8079,7 @@ function requireReactInputMask_production_min() {
   var InputElement = function (c) {
     function e(e) {
       var f = c.call(this, e) || this;
-      f.focused = !1, f.mounted = !1, f.previousSelection = null, f.selectionDeferId = null, f.saveSelectionLoopDeferId = null, f.saveSelectionLoop = function () {
+      f.focused = false, f.mounted = false, f.previousSelection = null, f.selectionDeferId = null, f.saveSelectionLoopDeferId = null, f.saveSelectionLoop = function () {
         f.previousSelection = f.getSelection(), f.saveSelectionLoopDeferId = defer(f.saveSelectionLoop);
       }, f.runSaveSelectionLoop = function () {
         null === f.saveSelectionLoopDeferId && f.saveSelectionLoop();
@@ -8191,14 +8171,14 @@ function requireReactInputMask_production_min() {
           c = h.value, u = h.selection;
         }
         f.setInputValue(c), isFunction(f.props.onChange) && f.props.onChange(e), f.isWindowsPhoneBrowser ? f.setSelection(u.start, u.end, {
-          deferred: !0
+          deferred: true
         }) : f.setSelection(u.start, u.end);
       }, f.onFocus = function (e) {
         var t = f.props.beforeMaskedValueChange,
           n = f.maskOptions,
           a = n.mask,
           i = n.prefix;
-        if (f.focused = !0, f.mounted = !0, a) {
+        if (f.focused = true, f.mounted = true, a) {
           if (f.value) getFilledLength(f.maskOptions, f.value) < f.maskOptions.mask.length && f.setCursorToEnd();else {
             var r = formatValue(f.maskOptions, i),
               o = formatValue(f.maskOptions, r),
@@ -8227,7 +8207,7 @@ function requireReactInputMask_production_min() {
       }, f.onBlur = function (e) {
         var t = f.props.beforeMaskedValueChange,
           n = f.maskOptions.mask;
-        if (f.stopSaveSelectionLoop(), f.focused = !1, n && !f.props.alwaysShowMask && isEmpty(f.maskOptions, f.value)) {
+        if (f.stopSaveSelectionLoop(), f.focused = false, n && !f.props.alwaysShowMask && isEmpty(f.maskOptions, f.value)) {
           var a = "";
           if (isFunction(t)) a = t({
             value: a,
@@ -8287,7 +8267,7 @@ function requireReactInputMask_production_min() {
     _inheritsLoose(e, c);
     var t = e.prototype;
     return t.componentDidMount = function () {
-      this.mounted = !0, this.getInputDOMNode() && (this.isWindowsPhoneBrowser = isWindowsPhoneBrowser(), this.maskOptions.mask && this.getInputValue() !== this.value && this.setInputValue(this.value));
+      this.mounted = true, this.getInputDOMNode() && (this.isWindowsPhoneBrowser = isWindowsPhoneBrowser(), this.maskOptions.mask && this.getInputValue() !== this.value && this.setInputValue(this.value));
     }, t.componentDidUpdate = function () {
       var e = this.previousSelection,
         t = this.props,
@@ -8326,25 +8306,25 @@ function requireReactInputMask_production_min() {
         this.value = c;
         var g = this.getInputValue() !== this.value;
         g ? (this.setInputValue(this.value), this.forceUpdate()) : f && this.forceUpdate();
-        var v = !1;
+        var v = false;
         null != d.start && null != d.end && (v = !e || e.start !== d.start || e.end !== d.end), (v || g) && this.setSelection(d.start, d.end);
       } else s.mask && (this.stopSaveSelectionLoop(), this.forceUpdate());
     }, t.componentWillUnmount = function () {
-      this.mounted = !1, null !== this.selectionDeferId && cancelDefer(this.selectionDeferId), this.stopSaveSelectionLoop();
+      this.mounted = false, null !== this.selectionDeferId && cancelDefer(this.selectionDeferId), this.stopSaveSelectionLoop();
     }, t.render = function () {
       var t,
         e = this.props,
         n = (e.mask, e.alwaysShowMask, e.maskChar, e.formatChars, e.inputRef, e.beforeMaskedValueChange, e.children),
         a = _objectWithoutPropertiesLoose(e, ["mask", "alwaysShowMask", "maskChar", "formatChars", "inputRef", "beforeMaskedValueChange", "children"]);
       if (n) {
-        isFunction(n) || invariant_1(!1);
+        isFunction(n) || invariant_1(false);
         var i = ["onChange", "onPaste", "onMouseDown", "onFocus", "onBlur", "value", "disabled", "readOnly"],
           r = _extends({}, a);
         i.forEach(function (e) {
           return delete r[e];
         }), t = n(r), i.filter(function (e) {
           return null != t.props[e] && t.props[e] !== a[e];
-        }).length && invariant_1(!1);
+        }).length && invariant_1(false);
       } else t = React.createElement("input", _extends({
         ref: this.handleRef
       }, a));
@@ -10421,7 +10401,7 @@ var t = function t(_t) {
         return !!e && (e.clientHeight < t.scrollHeight || e.clientWidth < t.scrollWidth);
       }(t);
     }
-    return !1;
+    return false;
   },
   o$1 = function o(t, e, n, _o2, l, r, i, s) {
     return r < t && i > e || r > t && i < e ? 0 : r <= t && s <= n || i >= e && s >= n ? r - t - _o2 : i > e && s < n || r < t && s > n ? i - e + l : 0;
@@ -10483,41 +10463,41 @@ var t = function t(_t) {
     for (var _t2 = 0; _t2 < w.length; _t2++) {
       var _e2 = w[_t2],
         _e$getBoundingClientR2 = _e2.getBoundingClientRect(),
-        _n2 = _e$getBoundingClientR2.height,
-        _l = _e$getBoundingClientR2.width,
-        _r = _e$getBoundingClientR2.top,
-        _i = _e$getBoundingClientR2.right,
-        _s = _e$getBoundingClientR2.bottom,
-        _d = _e$getBoundingClientR2.left;
-      if ("if-needed" === c && x >= 0 && R >= 0 && I <= H && C <= b && x >= _r && I <= _s && R >= _d && C <= _i) return L;
-      var _h = getComputedStyle(_e2),
-        _a = parseInt(_h.borderLeftWidth, 10),
-        _g = parseInt(_h.borderTopWidth, 10),
-        _p = parseInt(_h.borderRightWidth, 10),
-        _W = parseInt(_h.borderBottomWidth, 10);
-      var _T = 0,
-        _B = 0;
-      var _F = "offsetWidth" in _e2 ? _e2.offsetWidth - _e2.clientWidth - _a - _p : 0,
-        _V = "offsetHeight" in _e2 ? _e2.offsetHeight - _e2.clientHeight - _g - _W : 0,
-        S = "offsetWidth" in _e2 ? 0 === _e2.offsetWidth ? 0 : _l / _e2.offsetWidth : 0,
-        X = "offsetHeight" in _e2 ? 0 === _e2.offsetHeight ? 0 : _n2 / _e2.offsetHeight : 0;
-      if (m === _e2) _T = "start" === f ? k : "end" === f ? k - H : "nearest" === f ? o$1(M, M + H, H, _g, _W, M + k, M + k + v, v) : k - H / 2, _B = "start" === u ? D : "center" === u ? D - b / 2 : "end" === u ? D - b : o$1(y, y + b, b, _a, _p, y + D, y + D + E, E), _T = Math.max(0, _T + M), _B = Math.max(0, _B + y);else {
-        _T = "start" === f ? k - _r - _g : "end" === f ? k - _s + _W + _V : "nearest" === f ? o$1(_r, _s, _n2, _g, _W + _V, k, k + v, v) : k - (_r + _n2 / 2) + _V / 2, _B = "start" === u ? D - _d - _a : "center" === u ? D - (_d + _l / 2) + _F / 2 : "end" === u ? D - _i + _p + _F : o$1(_d, _i, _l, _a, _p + _F, D, D + E, E);
+        _l = _e$getBoundingClientR2.height,
+        _r = _e$getBoundingClientR2.width,
+        _i = _e$getBoundingClientR2.top,
+        _s = _e$getBoundingClientR2.right,
+        _d = _e$getBoundingClientR2.bottom,
+        _h = _e$getBoundingClientR2.left;
+      if ("if-needed" === c && x >= 0 && R >= 0 && I <= H && C <= b && (_e2 === m && !n(_e2) || x >= _i && I <= _d && R >= _h && C <= _s)) return L;
+      var _a = getComputedStyle(_e2),
+        _g = parseInt(_a.borderLeftWidth, 10),
+        _p = parseInt(_a.borderTopWidth, 10),
+        _W = parseInt(_a.borderRightWidth, 10),
+        _T = parseInt(_a.borderBottomWidth, 10);
+      var _B = 0,
+        _F = 0;
+      var _V = "offsetWidth" in _e2 ? _e2.offsetWidth - _e2.clientWidth - _g - _W : 0,
+        S = "offsetHeight" in _e2 ? _e2.offsetHeight - _e2.clientHeight - _p - _T : 0,
+        X = "offsetWidth" in _e2 ? 0 === _e2.offsetWidth ? 0 : _r / _e2.offsetWidth : 0,
+        Y = "offsetHeight" in _e2 ? 0 === _e2.offsetHeight ? 0 : _l / _e2.offsetHeight : 0;
+      if (m === _e2) _B = "start" === f ? k : "end" === f ? k - H : "nearest" === f ? o$1(M, M + H, H, _p, _T, M + k, M + k + v, v) : k - H / 2, _F = "start" === u ? D : "center" === u ? D - b / 2 : "end" === u ? D - b : o$1(y, y + b, b, _g, _W, y + D, y + D + E, E), _B = Math.max(0, _B + M), _F = Math.max(0, _F + y);else {
+        _B = "start" === f ? k - _i - _p : "end" === f ? k - _d + _T + S : "nearest" === f ? o$1(_i, _d, _l, _p, _T + S, k, k + v, v) : k - (_i + _l / 2) + S / 2, _F = "start" === u ? D - _h - _g : "center" === u ? D - (_h + _r / 2) + _V / 2 : "end" === u ? D - _s + _W + _V : o$1(_h, _s, _r, _g, _W + _V, D, D + E, E);
         var _t3 = _e2.scrollLeft,
-          _h2 = _e2.scrollTop;
-        _T = 0 === X ? 0 : Math.max(0, Math.min(_h2 + _T / X, _e2.scrollHeight - _n2 / X + _V)), _B = 0 === S ? 0 : Math.max(0, Math.min(_t3 + _B / S, _e2.scrollWidth - _l / S + _F)), k += _h2 - _T, D += _t3 - _B;
+          _n2 = _e2.scrollTop;
+        _B = 0 === Y ? 0 : Math.max(0, Math.min(_n2 + _B / Y, _e2.scrollHeight - _l / Y + S)), _F = 0 === X ? 0 : Math.max(0, Math.min(_t3 + _F / X, _e2.scrollWidth - _r / X + _V)), k += _n2 - _B, D += _t3 - _F;
       }
       L.push({
         el: _e2,
-        top: _T,
-        left: _B
+        top: _B,
+        left: _F
       });
     }
     return L;
   };
 
 var o = function o(t) {
-  return !1 === t ? {
+  return false === t ? {
     block: "end",
     inline: "nearest"
   } : function (t) {
@@ -10531,10 +10511,10 @@ function e(e, r$1) {
   if (!e.isConnected || !function (t) {
     var o = t;
     for (; o && o.parentNode;) {
-      if (o.parentNode === document) return !0;
+      if (o.parentNode === document) return true;
       o = o.parentNode instanceof ShadowRoot ? o.parentNode.host : o.parentNode;
     }
-    return !1;
+    return false;
   }(e)) return;
   var n = function (t) {
     var o = window.getComputedStyle(t);