@sebgroup/green-react 1.14.0 → 2.1.0

package/index.esm.js

@@ -1,11 +1,13 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import React, { useState, useEffect, useRef, useLayoutEffect, useMemo } from 'react';
-import { randomId, createDatepicker, createDropdown, dropdownValues, months, years, debounce, validateClassName, delay, sliderColors, getSliderTrackBackground, createStepper } from '@sebgroup/extract';
+import { randomId, createDatepicker, months, years, debounce, validateClassName, delay, sliderColors, getSliderTrackBackground, createStepper } from '@sebgroup/extract';
+import { getScopedTagName, GdsDropdown, GdsOption } from '@sebgroup/green-core';
+import { registerTransitionalStyles } from '@sebgroup/green-core/transitional-styles';
 import classNames from 'classnames';
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
-var fails$f = function (exec) {
+var fails$g = function (exec) {
   try {
     return !!exec();
   } catch (error) {
@@ -13,9 +15,9 @@ var fails$f = function (exec) {
   }
 };
 
-var fails$e = fails$f;
+var fails$f = fails$g;
 
-var functionBindNative = !fails$e(function () {
+var functionBindNative = !fails$f(function () {
   // eslint-disable-next-line es/no-function-prototype-bind -- safe
   var test = (function () { /* empty */ }).bind();
   // eslint-disable-next-line no-prototype-builtins -- safe
@@ -34,29 +36,29 @@ var functionUncurryThis = NATIVE_BIND$3 ? uncurryThisWithBind : function (fn) {
   };
 };
 
-var uncurryThis$h = functionUncurryThis;
+var uncurryThis$i = functionUncurryThis;
 
-var toString$5 = uncurryThis$h({}.toString);
-var stringSlice$2 = uncurryThis$h(''.slice);
+var toString$6 = uncurryThis$i({}.toString);
+var stringSlice$2 = uncurryThis$i(''.slice);
 
 var classofRaw$2 = function (it) {
-  return stringSlice$2(toString$5(it), 8, -1);
+  return stringSlice$2(toString$6(it), 8, -1);
 };
 
-var uncurryThis$g = functionUncurryThis;
-var fails$d = fails$f;
-var classof$5 = classofRaw$2;
+var uncurryThis$h = functionUncurryThis;
+var fails$e = fails$g;
+var classof$6 = classofRaw$2;
 
 var $Object$4 = Object;
-var split = uncurryThis$g(''.split);
+var split = uncurryThis$h(''.split);
 
 // fallback for non-array-like ES3 and non-enumerable old V8 strings
-var indexedObject = fails$d(function () {
+var indexedObject = fails$e(function () {
   // throws an error in rhino, see https://github.com/mozilla/rhino/issues/346
   // eslint-disable-next-line no-prototype-builtins -- safe
   return !$Object$4('z').propertyIsEnumerable(0);
 }) ? function (it) {
-  return classof$5(it) == 'String' ? split(it, '') : $Object$4(it);
+  return classof$6(it) === 'String' ? split(it, '') : $Object$4(it);
 } : $Object$4;
 
 // we can't use just `it == null` since of `document.all` special case
@@ -67,29 +69,29 @@ var isNullOrUndefined$4 = function (it) {
 
 var isNullOrUndefined$3 = isNullOrUndefined$4;
 
-var $TypeError$c = TypeError;
+var $TypeError$d = TypeError;
 
 // `RequireObjectCoercible` abstract operation
 // https://tc39.es/ecma262/#sec-requireobjectcoercible
-var requireObjectCoercible$3 = function (it) {
-  if (isNullOrUndefined$3(it)) throw $TypeError$c("Can't call method on " + it);
+var requireObjectCoercible$4 = function (it) {
+  if (isNullOrUndefined$3(it)) throw new $TypeError$d("Can't call method on " + it);
   return it;
 };
 
 // toObject with fallback for non-array-like ES3 strings
 var IndexedObject$1 = indexedObject;
-var requireObjectCoercible$2 = requireObjectCoercible$3;
+var requireObjectCoercible$3 = requireObjectCoercible$4;
 
 var toIndexedObject$5 = function (it) {
-  return IndexedObject$1(requireObjectCoercible$2(it));
+  return IndexedObject$1(requireObjectCoercible$3(it));
 };
 
 var check = function (it) {
-  return it && it.Math == Math && it;
+  return it && it.Math === Math && it;
 };
 
 // https://github.com/zloirock/core-js/issues/86#issuecomment-115759028
-var global$i =
+var global$k =
   // eslint-disable-next-line es/no-global-this -- safe
   check(typeof globalThis == 'object' && globalThis) ||
   check(typeof window == 'object' && window) ||
@@ -97,28 +99,28 @@ var global$i =
   check(typeof self == 'object' && self) ||
   check(typeof commonjsGlobal == 'object' && commonjsGlobal) ||
   // eslint-disable-next-line no-new-func -- fallback
-  (function () { return this; })() || Function('return this')();
+  (function () { return this; })() || commonjsGlobal || Function('return this')();
 
 var shared$3 = {exports: {}};
 
-var global$h = global$i;
+var global$j = global$k;
 
 // eslint-disable-next-line es/no-object-defineproperty -- safe
 var defineProperty$6 = Object.defineProperty;
 
 var defineGlobalProperty$3 = function (key, value) {
   try {
-    defineProperty$6(global$h, key, { value: value, configurable: true, writable: true });
+    defineProperty$6(global$j, key, { value: value, configurable: true, writable: true });
   } catch (error) {
-    global$h[key] = value;
+    global$j[key] = value;
   } return value;
 };
 
-var global$g = global$i;
+var global$i = global$k;
 var defineGlobalProperty$2 = defineGlobalProperty$3;
 
 var SHARED = '__core-js_shared__';
-var store$3 = global$g[SHARED] || defineGlobalProperty$2(SHARED, {});
+var store$3 = global$i[SHARED] || defineGlobalProperty$2(SHARED, {});
 
 var sharedStore = store$3;
 
@@ -127,27 +129,27 @@ var store$2 = sharedStore;
 (shared$3.exports = function (key, value) {
   return store$2[key] || (store$2[key] = value !== undefined ? value : {});
 })('versions', []).push({
-  version: '3.30.1',
+  version: '3.33.1',
   mode: 'global',
   copyright: '© 2014-2023 Denis Pushkarev (zloirock.ru)',
-  license: 'https://github.com/zloirock/core-js/blob/v3.30.1/LICENSE',
+  license: 'https://github.com/zloirock/core-js/blob/v3.33.1/LICENSE',
   source: 'https://github.com/zloirock/core-js'
 });
 
-var requireObjectCoercible$1 = requireObjectCoercible$3;
+var requireObjectCoercible$2 = requireObjectCoercible$4;
 
 var $Object$3 = Object;
 
 // `ToObject` abstract operation
 // https://tc39.es/ecma262/#sec-toobject
 var toObject$3 = function (argument) {
-  return $Object$3(requireObjectCoercible$1(argument));
+  return $Object$3(requireObjectCoercible$2(argument));
 };
 
-var uncurryThis$f = functionUncurryThis;
+var uncurryThis$g = functionUncurryThis;
 var toObject$2 = toObject$3;
 
-var hasOwnProperty = uncurryThis$f({}.hasOwnProperty);
+var hasOwnProperty = uncurryThis$g({}.hasOwnProperty);
 
 // `HasOwnProperty` abstract operation
 // https://tc39.es/ecma262/#sec-hasownproperty
@@ -156,24 +158,24 @@ var hasOwnProperty_1 = Object.hasOwn || function hasOwn(it, key) {
   return hasOwnProperty(toObject$2(it), key);
 };
 
-var uncurryThis$e = functionUncurryThis;
+var uncurryThis$f = functionUncurryThis;
 
 var id = 0;
 var postfix = Math.random();
-var toString$4 = uncurryThis$e(1.0.toString);
+var toString$5 = uncurryThis$f(1.0.toString);
 
 var uid$2 = function (key) {
-  return 'Symbol(' + (key === undefined ? '' : key) + ')_' + toString$4(++id + postfix, 36);
+  return 'Symbol(' + (key === undefined ? '' : key) + ')_' + toString$5(++id + postfix, 36);
 };
 
 var engineUserAgent = typeof navigator != 'undefined' && String(navigator.userAgent) || '';
 
-var global$f = global$i;
+var global$h = global$k;
 var userAgent$3 = engineUserAgent;
 
-var process$4 = global$f.process;
-var Deno$1 = global$f.Deno;
-var versions = process$4 && process$4.versions || Deno$1 && Deno$1.version;
+var process$3 = global$h.process;
+var Deno$1 = global$h.Deno;
+var versions = process$3 && process$3.versions || Deno$1 && Deno$1.version;
 var v8 = versions && versions.v8;
 var match, version;
 
@@ -197,40 +199,43 @@ if (!version && userAgent$3) {
 var engineV8Version = version;
 
 /* eslint-disable es/no-symbol -- required for testing */
-
 var V8_VERSION$1 = engineV8Version;
-var fails$c = fails$f;
+var fails$d = fails$g;
+var global$g = global$k;
+
+var $String$5 = global$g.String;
 
 // eslint-disable-next-line es/no-object-getownpropertysymbols -- required for testing
-var symbolConstructorDetection = !!Object.getOwnPropertySymbols && !fails$c(function () {
-  var symbol = Symbol();
+var symbolConstructorDetection = !!Object.getOwnPropertySymbols && !fails$d(function () {
+  var symbol = Symbol('symbol detection');
   // Chrome 38 Symbol has incorrect toString conversion
   // `get-own-property-symbols` polyfill symbols converted to object are not Symbol instances
-  return !String(symbol) || !(Object(symbol) instanceof Symbol) ||
+  // nb: Do not call `String` directly to avoid this being optimized out to `symbol+''` which will,
+  // of course, fail.
+  return !$String$5(symbol) || !(Object(symbol) instanceof Symbol) ||
     // Chrome 38-40 symbols are not inherited from DOM collections prototypes to instances
     !Symbol.sham && V8_VERSION$1 && V8_VERSION$1 < 41;
 });
 
 /* eslint-disable es/no-symbol -- required for testing */
-
 var NATIVE_SYMBOL$2 = symbolConstructorDetection;
 
 var useSymbolAsUid = NATIVE_SYMBOL$2
   && !Symbol.sham
   && typeof Symbol.iterator == 'symbol';
 
-var global$e = global$i;
+var global$f = global$k;
 var shared$2 = shared$3.exports;
 var hasOwn$b = hasOwnProperty_1;
 var uid$1 = uid$2;
 var NATIVE_SYMBOL$1 = symbolConstructorDetection;
 var USE_SYMBOL_AS_UID$1 = useSymbolAsUid;
 
-var Symbol$2 = global$e.Symbol;
+var Symbol$2 = global$f.Symbol;
 var WellKnownSymbolsStore = shared$2('wks');
 var createWellKnownSymbol = USE_SYMBOL_AS_UID$1 ? Symbol$2['for'] || Symbol$2 : Symbol$2 && Symbol$2.withoutSetter || uid$1;
 
-var wellKnownSymbol$e = function (name) {
+var wellKnownSymbol$g = function (name) {
   if (!hasOwn$b(WellKnownSymbolsStore, name)) {
     WellKnownSymbolsStore[name] = NATIVE_SYMBOL$1 && hasOwn$b(Symbol$2, name)
       ? Symbol$2[name]
@@ -266,69 +271,69 @@ var $documentAll = documentAll_1;
 
 var documentAll = $documentAll.all;
 
-var isObject$8 = $documentAll.IS_HTMLDDA ? function (it) {
+var isObject$9 = $documentAll.IS_HTMLDDA ? function (it) {
   return typeof it == 'object' ? it !== null : isCallable$k(it) || it === documentAll;
 } : function (it) {
   return typeof it == 'object' ? it !== null : isCallable$k(it);
 };
 
-var isObject$7 = isObject$8;
+var isObject$8 = isObject$9;
 
 var $String$4 = String;
-var $TypeError$b = TypeError;
+var $TypeError$c = TypeError;
 
 // `Assert: Type(argument) is Object`
 var anObject$c = function (argument) {
-  if (isObject$7(argument)) return argument;
-  throw $TypeError$b($String$4(argument) + ' is not an object');
+  if (isObject$8(argument)) return argument;
+  throw new $TypeError$c($String$4(argument) + ' is not an object');
 };
 
 var objectDefineProperties = {};
 
-var fails$b = fails$f;
+var fails$c = fails$g;
 
 // Detect IE8's incomplete defineProperty implementation
-var descriptors = !fails$b(function () {
+var descriptors = !fails$c(function () {
   // eslint-disable-next-line es/no-object-defineproperty -- required for testing
-  return Object.defineProperty({}, 1, { get: function () { return 7; } })[1] != 7;
+  return Object.defineProperty({}, 1, { get: function () { return 7; } })[1] !== 7;
 });
 
 var DESCRIPTORS$b = descriptors;
-var fails$a = fails$f;
+var fails$b = fails$g;
 
 // V8 ~ Chrome 36-
 // https://bugs.chromium.org/p/v8/issues/detail?id=3334
-var v8PrototypeDefineBug = DESCRIPTORS$b && fails$a(function () {
+var v8PrototypeDefineBug = DESCRIPTORS$b && fails$b(function () {
   // eslint-disable-next-line es/no-object-defineproperty -- required for testing
   return Object.defineProperty(function () { /* empty */ }, 'prototype', {
     value: 42,
     writable: false
-  }).prototype != 42;
+  }).prototype !== 42;
 });
 
 var objectDefineProperty = {};
 
-var global$d = global$i;
-var isObject$6 = isObject$8;
+var global$e = global$k;
+var isObject$7 = isObject$9;
 
-var document$3 = global$d.document;
+var document$3 = global$e.document;
 // typeof document.createElement is 'object' in old IE
-var EXISTS$1 = isObject$6(document$3) && isObject$6(document$3.createElement);
+var EXISTS$1 = isObject$7(document$3) && isObject$7(document$3.createElement);
 
 var documentCreateElement$2 = function (it) {
   return EXISTS$1 ? document$3.createElement(it) : {};
 };
 
 var DESCRIPTORS$a = descriptors;
-var fails$9 = fails$f;
+var fails$a = fails$g;
 var createElement$1 = documentCreateElement$2;
 
 // Thanks to IE8 for its funny defineProperty
-var ie8DomDefine = !DESCRIPTORS$a && !fails$9(function () {
+var ie8DomDefine = !DESCRIPTORS$a && !fails$a(function () {
   // eslint-disable-next-line es/no-object-defineproperty -- required for testing
   return Object.defineProperty(createElement$1('div'), 'a', {
     get: function () { return 7; }
-  }).a != 7;
+  }).a !== 7;
 });
 
 var NATIVE_BIND$2 = functionBindNative;
@@ -339,7 +344,7 @@ var functionCall = NATIVE_BIND$2 ? call$e.bind(call$e) : function () {
   return call$e.apply(call$e, arguments);
 };
 
-var global$c = global$i;
+var global$d = global$k;
 var isCallable$j = isCallable$l;
 
 var aFunction = function (argument) {
@@ -347,12 +352,12 @@ var aFunction = function (argument) {
 };
 
 var getBuiltIn$7 = function (namespace, method) {
-  return arguments.length < 2 ? aFunction(global$c[namespace]) : global$c[namespace] && global$c[namespace][method];
+  return arguments.length < 2 ? aFunction(global$d[namespace]) : global$d[namespace] && global$d[namespace][method];
 };
 
-var uncurryThis$d = functionUncurryThis;
+var uncurryThis$e = functionUncurryThis;
 
-var objectIsPrototypeOf = uncurryThis$d({}.isPrototypeOf);
+var objectIsPrototypeOf = uncurryThis$e({}.isPrototypeOf);
 
 var getBuiltIn$6 = getBuiltIn$7;
 var isCallable$i = isCallable$l;
@@ -381,12 +386,12 @@ var tryToString$4 = function (argument) {
 var isCallable$h = isCallable$l;
 var tryToString$3 = tryToString$4;
 
-var $TypeError$a = TypeError;
+var $TypeError$b = TypeError;
 
 // `Assert: IsCallable(argument) is true`
 var aCallable$8 = function (argument) {
   if (isCallable$h(argument)) return argument;
-  throw $TypeError$a(tryToString$3(argument) + ' is not a function');
+  throw new $TypeError$b(tryToString$3(argument) + ' is not a function');
 };
 
 var aCallable$7 = aCallable$8;
@@ -401,41 +406,41 @@ var getMethod$3 = function (V, P) {
 
 var call$d = functionCall;
 var isCallable$g = isCallable$l;
-var isObject$5 = isObject$8;
+var isObject$6 = isObject$9;
 
-var $TypeError$9 = TypeError;
+var $TypeError$a = TypeError;
 
 // `OrdinaryToPrimitive` abstract operation
 // https://tc39.es/ecma262/#sec-ordinarytoprimitive
 var ordinaryToPrimitive$1 = function (input, pref) {
   var fn, val;
-  if (pref === 'string' && isCallable$g(fn = input.toString) && !isObject$5(val = call$d(fn, input))) return val;
-  if (isCallable$g(fn = input.valueOf) && !isObject$5(val = call$d(fn, input))) return val;
-  if (pref !== 'string' && isCallable$g(fn = input.toString) && !isObject$5(val = call$d(fn, input))) return val;
-  throw $TypeError$9("Can't convert object to primitive value");
+  if (pref === 'string' && isCallable$g(fn = input.toString) && !isObject$6(val = call$d(fn, input))) return val;
+  if (isCallable$g(fn = input.valueOf) && !isObject$6(val = call$d(fn, input))) return val;
+  if (pref !== 'string' && isCallable$g(fn = input.toString) && !isObject$6(val = call$d(fn, input))) return val;
+  throw new $TypeError$a("Can't convert object to primitive value");
 };
 
 var call$c = functionCall;
-var isObject$4 = isObject$8;
+var isObject$5 = isObject$9;
 var isSymbol$1 = isSymbol$2;
 var getMethod$2 = getMethod$3;
 var ordinaryToPrimitive = ordinaryToPrimitive$1;
-var wellKnownSymbol$d = wellKnownSymbol$e;
+var wellKnownSymbol$f = wellKnownSymbol$g;
 
-var $TypeError$8 = TypeError;
-var TO_PRIMITIVE = wellKnownSymbol$d('toPrimitive');
+var $TypeError$9 = TypeError;
+var TO_PRIMITIVE = wellKnownSymbol$f('toPrimitive');
 
 // `ToPrimitive` abstract operation
 // https://tc39.es/ecma262/#sec-toprimitive
 var toPrimitive$1 = function (input, pref) {
-  if (!isObject$4(input) || isSymbol$1(input)) return input;
+  if (!isObject$5(input) || isSymbol$1(input)) return input;
   var exoticToPrim = getMethod$2(input, TO_PRIMITIVE);
   var result;
   if (exoticToPrim) {
     if (pref === undefined) pref = 'default';
     result = call$c(exoticToPrim, input, pref);
-    if (!isObject$4(result) || isSymbol$1(result)) return result;
-    throw $TypeError$8("Can't convert object to primitive value");
+    if (!isObject$5(result) || isSymbol$1(result)) return result;
+    throw new $TypeError$9("Can't convert object to primitive value");
   }
   if (pref === undefined) pref = 'number';
   return ordinaryToPrimitive(input, pref);
@@ -457,7 +462,7 @@ var V8_PROTOTYPE_DEFINE_BUG$1 = v8PrototypeDefineBug;
 var anObject$b = anObject$c;
 var toPropertyKey$1 = toPropertyKey$2;
 
-var $TypeError$7 = TypeError;
+var $TypeError$8 = TypeError;
 // eslint-disable-next-line es/no-object-defineproperty -- safe
 var $defineProperty = Object.defineProperty;
 // eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
@@ -490,7 +495,7 @@ objectDefineProperty.f = DESCRIPTORS$9 ? V8_PROTOTYPE_DEFINE_BUG$1 ? function de
   if (IE8_DOM_DEFINE$1) try {
     return $defineProperty(O, P, Attributes);
   } catch (error) { /* empty */ }
-  if ('get' in Attributes || 'set' in Attributes) throw $TypeError$7('Accessors not supported');
+  if ('get' in Attributes || 'set' in Attributes) throw new $TypeError$8('Accessors not supported');
   if ('value' in Attributes) O[P] = Attributes.value;
   return O;
 };
@@ -560,10 +565,10 @@ var createMethod$1 = function (IS_INCLUDES) {
     var value;
     // Array#includes uses SameValueZero equality algorithm
     // eslint-disable-next-line no-self-compare -- NaN check
-    if (IS_INCLUDES && el != el) while (length > index) {
+    if (IS_INCLUDES && el !== el) while (length > index) {
       value = O[index++];
       // eslint-disable-next-line no-self-compare -- NaN check
-      if (value != value) return true;
+      if (value !== value) return true;
     // Array#indexOf ignores holes, Array#includes - not
     } else for (;length > index; index++) {
       if ((IS_INCLUDES || index in O) && O[index] === el) return IS_INCLUDES || index || 0;
@@ -582,13 +587,13 @@ var arrayIncludes = {
 
 var hiddenKeys$4 = {};
 
-var uncurryThis$c = functionUncurryThis;
+var uncurryThis$d = functionUncurryThis;
 var hasOwn$a = hasOwnProperty_1;
 var toIndexedObject$3 = toIndexedObject$5;
 var indexOf = arrayIncludes.indexOf;
 var hiddenKeys$3 = hiddenKeys$4;
 
-var push = uncurryThis$c([].push);
+var push = uncurryThis$d([].push);
 
 var objectKeysInternal = function (object, names) {
   var O = toIndexedObject$3(object);
@@ -659,7 +664,6 @@ var sharedKey$3 = function (key) {
 };
 
 /* global ActiveXObject -- old IE, WSH */
-
 var anObject$9 = anObject$c;
 var definePropertiesModule = objectDefineProperties;
 var enumBugKeys$1 = enumBugKeys$3;
@@ -743,16 +747,16 @@ var objectCreate = Object.create || function create(O, Properties) {
   return Properties === undefined ? result : definePropertiesModule.f(result, Properties);
 };
 
-var wellKnownSymbol$c = wellKnownSymbol$e;
+var wellKnownSymbol$e = wellKnownSymbol$g;
 var create$1 = objectCreate;
 var defineProperty$5 = objectDefineProperty.f;
 
-var UNSCOPABLES = wellKnownSymbol$c('unscopables');
+var UNSCOPABLES = wellKnownSymbol$e('unscopables');
 var ArrayPrototype$1 = Array.prototype;
 
 // Array.prototype[@@unscopables]
 // https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
-if (ArrayPrototype$1[UNSCOPABLES] == undefined) {
+if (ArrayPrototype$1[UNSCOPABLES] === undefined) {
   defineProperty$5(ArrayPrototype$1, UNSCOPABLES, {
     configurable: true,
     value: create$1(null)
@@ -760,18 +764,18 @@ if (ArrayPrototype$1[UNSCOPABLES] == undefined) {
 }
 
 // add a key to Array.prototype[@@unscopables]
-var addToUnscopables$1 = function (key) {
+var addToUnscopables$2 = function (key) {
   ArrayPrototype$1[UNSCOPABLES][key] = true;
 };
 
 var iterators = {};
 
-var global$b = global$i;
+var global$c = global$k;
 var isCallable$f = isCallable$l;
 
-var WeakMap$1 = global$b.WeakMap;
+var WeakMap$2 = global$c.WeakMap;
 
-var weakMapBasicDetection = isCallable$f(WeakMap$1) && /native code/.test(String(WeakMap$1));
+var weakMapBasicDetection = isCallable$f(WeakMap$2) && /native code/.test(String(WeakMap$2));
 
 var createPropertyDescriptor$3 = function (bitmap, value) {
   return {
@@ -794,8 +798,8 @@ var createNonEnumerableProperty$4 = DESCRIPTORS$7 ? function (object, key, value
 };
 
 var NATIVE_WEAK_MAP = weakMapBasicDetection;
-var global$a = global$i;
-var isObject$3 = isObject$8;
+var global$b = global$k;
+var isObject$4 = isObject$9;
 var createNonEnumerableProperty$3 = createNonEnumerableProperty$4;
 var hasOwn$9 = hasOwnProperty_1;
 var shared = sharedStore;
@@ -803,8 +807,8 @@ var sharedKey$1 = sharedKey$3;
 var hiddenKeys$1 = hiddenKeys$4;
 
 var OBJECT_ALREADY_INITIALIZED = 'Object already initialized';
-var TypeError$2 = global$a.TypeError;
-var WeakMap = global$a.WeakMap;
+var TypeError$2 = global$b.TypeError;
+var WeakMap$1 = global$b.WeakMap;
 var set$1, get, has;
 
 var enforce = function (it) {
@@ -814,21 +818,21 @@ var enforce = function (it) {
 var getterFor = function (TYPE) {
   return function (it) {
     var state;
-    if (!isObject$3(it) || (state = get(it)).type !== TYPE) {
-      throw TypeError$2('Incompatible receiver, ' + TYPE + ' required');
+    if (!isObject$4(it) || (state = get(it)).type !== TYPE) {
+      throw new TypeError$2('Incompatible receiver, ' + TYPE + ' required');
     } return state;
   };
 };
 
 if (NATIVE_WEAK_MAP || shared.state) {
-  var store$1 = shared.state || (shared.state = new WeakMap());
+  var store$1 = shared.state || (shared.state = new WeakMap$1());
   /* eslint-disable no-self-assign -- prototype methods protection */
   store$1.get = store$1.get;
   store$1.has = store$1.has;
   store$1.set = store$1.set;
   /* eslint-enable no-self-assign -- prototype methods protection */
   set$1 = function (it, metadata) {
-    if (store$1.has(it)) throw TypeError$2(OBJECT_ALREADY_INITIALIZED);
+    if (store$1.has(it)) throw new TypeError$2(OBJECT_ALREADY_INITIALIZED);
     metadata.facade = it;
     store$1.set(it, metadata);
     return metadata;
@@ -843,7 +847,7 @@ if (NATIVE_WEAK_MAP || shared.state) {
   var STATE = sharedKey$1('state');
   hiddenKeys$1[STATE] = true;
   set$1 = function (it, metadata) {
-    if (hasOwn$9(it, STATE)) throw TypeError$2(OBJECT_ALREADY_INITIALIZED);
+    if (hasOwn$9(it, STATE)) throw new TypeError$2(OBJECT_ALREADY_INITIALIZED);
     metadata.facade = it;
     createNonEnumerableProperty$3(it, STATE, metadata);
     return metadata;
@@ -925,11 +929,11 @@ var functionName = {
   CONFIGURABLE: CONFIGURABLE
 };
 
-var uncurryThis$b = functionUncurryThis;
+var uncurryThis$c = functionUncurryThis;
 var isCallable$e = isCallable$l;
 var store = sharedStore;
 
-var functionToString = uncurryThis$b(Function.toString);
+var functionToString = uncurryThis$c(Function.toString);
 
 // this helper broken in `core-js@3.4.1-3.4.4`, so we can't use `shared` helper
 if (!isCallable$e(store.inspectSource)) {
@@ -940,8 +944,8 @@ if (!isCallable$e(store.inspectSource)) {
 
 var inspectSource$3 = store.inspectSource;
 
-var uncurryThis$a = functionUncurryThis;
-var fails$8 = fails$f;
+var uncurryThis$b = functionUncurryThis;
+var fails$9 = fails$g;
 var isCallable$d = isCallable$l;
 var hasOwn$6 = hasOwnProperty_1;
 var DESCRIPTORS$4 = descriptors;
@@ -954,11 +958,11 @@ var getInternalState$1 = InternalStateModule$2.get;
 var $String$2 = String;
 // eslint-disable-next-line es/no-object-defineproperty -- safe
 var defineProperty$4 = Object.defineProperty;
-var stringSlice$1 = uncurryThis$a(''.slice);
-var replace$2 = uncurryThis$a(''.replace);
-var join = uncurryThis$a([].join);
+var stringSlice$1 = uncurryThis$b(''.slice);
+var replace$2 = uncurryThis$b(''.replace);
+var join = uncurryThis$b([].join);
 
-var CONFIGURABLE_LENGTH = DESCRIPTORS$4 && !fails$8(function () {
+var CONFIGURABLE_LENGTH = DESCRIPTORS$4 && !fails$9(function () {
   return defineProperty$4(function () { /* empty */ }, 'length', { value: 8 }).length !== 8;
 });
 
@@ -1043,12 +1047,12 @@ var objectGetOwnPropertySymbols = {};
 objectGetOwnPropertySymbols.f = Object.getOwnPropertySymbols;
 
 var getBuiltIn$4 = getBuiltIn$7;
-var uncurryThis$9 = functionUncurryThis;
+var uncurryThis$a = functionUncurryThis;
 var getOwnPropertyNamesModule = objectGetOwnPropertyNames;
 var getOwnPropertySymbolsModule$1 = objectGetOwnPropertySymbols;
 var anObject$8 = anObject$c;
 
-var concat$1 = uncurryThis$9([].concat);
+var concat$1 = uncurryThis$a([].concat);
 
 // all object keys, includes non-enumerable and symbols
 var ownKeys$1 = getBuiltIn$4('Reflect', 'ownKeys') || function ownKeys(it) {
@@ -1074,16 +1078,16 @@ var copyConstructorProperties$2 = function (target, source, exceptions) {
   }
 };
 
-var fails$7 = fails$f;
+var fails$8 = fails$g;
 var isCallable$b = isCallable$l;
 
 var replacement = /#|\.prototype\./;
 
 var isForced$2 = function (feature, detection) {
   var value = data[normalize(feature)];
-  return value == POLYFILL ? true
-    : value == NATIVE ? false
-    : isCallable$b(detection) ? fails$7(detection)
+  return value === POLYFILL ? true
+    : value === NATIVE ? false
+    : isCallable$b(detection) ? fails$8(detection)
     : !!detection;
 };
 
@@ -1097,7 +1101,7 @@ var POLYFILL = isForced$2.POLYFILL = 'P';
 
 var isForced_1 = isForced$2;
 
-var global$9 = global$i;
+var global$a = global$k;
 var getOwnPropertyDescriptor$1 = objectGetOwnPropertyDescriptor.f;
 var createNonEnumerableProperty$2 = createNonEnumerableProperty$4;
 var defineBuiltIn$5 = defineBuiltIn$6;
@@ -1126,11 +1130,11 @@ var _export = function (options, source) {
   var STATIC = options.stat;
   var FORCED, target, key, targetProperty, sourceProperty, descriptor;
   if (GLOBAL) {
-    target = global$9;
+    target = global$a;
   } else if (STATIC) {
-    target = global$9[TARGET] || defineGlobalProperty(TARGET, {});
+    target = global$a[TARGET] || defineGlobalProperty(TARGET, {});
   } else {
-    target = (global$9[TARGET] || {}).prototype;
+    target = (global$a[TARGET] || {}).prototype;
   }
   if (target) for (key in source) {
     sourceProperty = source[key];
@@ -1152,9 +1156,9 @@ var _export = function (options, source) {
   }
 };
 
-var fails$6 = fails$f;
+var fails$7 = fails$g;
 
-var correctPrototypeGetter = !fails$6(function () {
+var correctPrototypeGetter = !fails$7(function () {
   function F() { /* empty */ }
   F.prototype.constructor = null;
   // eslint-disable-next-line es/no-object-getprototypeof -- required for testing
@@ -1183,14 +1187,14 @@ var objectGetPrototypeOf = CORRECT_PROTOTYPE_GETTER ? $Object$1.getPrototypeOf :
   } return object instanceof $Object$1 ? ObjectPrototype : null;
 };
 
-var fails$5 = fails$f;
+var fails$6 = fails$g;
 var isCallable$9 = isCallable$l;
-var isObject$2 = isObject$8;
+var isObject$3 = isObject$9;
 var getPrototypeOf$1 = objectGetPrototypeOf;
 var defineBuiltIn$4 = defineBuiltIn$6;
-var wellKnownSymbol$b = wellKnownSymbol$e;
+var wellKnownSymbol$d = wellKnownSymbol$g;
 
-var ITERATOR$6 = wellKnownSymbol$b('iterator');
+var ITERATOR$6 = wellKnownSymbol$d('iterator');
 var BUGGY_SAFARI_ITERATORS$1 = false;
 
 // `%IteratorPrototype%` object
@@ -1208,7 +1212,7 @@ if ([].keys) {
   }
 }
 
-var NEW_ITERATOR_PROTOTYPE = !isObject$2(IteratorPrototype$2) || fails$5(function () {
+var NEW_ITERATOR_PROTOTYPE = !isObject$3(IteratorPrototype$2) || fails$6(function () {
   var test = {};
   // FF44- legacy iterators case
   return IteratorPrototype$2[ITERATOR$6].call(test) !== test;
@@ -1231,9 +1235,9 @@ var iteratorsCore = {
 
 var defineProperty$3 = objectDefineProperty.f;
 var hasOwn$3 = hasOwnProperty_1;
-var wellKnownSymbol$a = wellKnownSymbol$e;
+var wellKnownSymbol$c = wellKnownSymbol$g;
 
-var TO_STRING_TAG$3 = wellKnownSymbol$a('toStringTag');
+var TO_STRING_TAG$3 = wellKnownSymbol$c('toStringTag');
 
 var setToStringTag$3 = function (target, TAG, STATIC) {
   if (target && !STATIC) target = target.prototype;
@@ -1258,28 +1262,27 @@ var iteratorCreateConstructor = function (IteratorConstructor, NAME, next, ENUME
   return IteratorConstructor;
 };
 
-var uncurryThis$8 = functionUncurryThis;
+var uncurryThis$9 = functionUncurryThis;
 var aCallable$6 = aCallable$8;
 
 var functionUncurryThisAccessor = function (object, key, method) {
   try {
     // eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
-    return uncurryThis$8(aCallable$6(Object.getOwnPropertyDescriptor(object, key)[method]));
+    return uncurryThis$9(aCallable$6(Object.getOwnPropertyDescriptor(object, key)[method]));
   } catch (error) { /* empty */ }
 };
 
 var isCallable$8 = isCallable$l;
 
 var $String$1 = String;
-var $TypeError$6 = TypeError;
+var $TypeError$7 = TypeError;
 
 var aPossiblePrototype$1 = function (argument) {
   if (typeof argument == 'object' || isCallable$8(argument)) return argument;
-  throw $TypeError$6("Can't set " + $String$1(argument) + ' as a prototype');
+  throw new $TypeError$7("Can't set " + $String$1(argument) + ' as a prototype');
 };
 
 /* eslint-disable no-proto -- safe */
-
 var uncurryThisAccessor = functionUncurryThisAccessor;
 var anObject$7 = anObject$c;
 var aPossiblePrototype = aPossiblePrototype$1;
@@ -1306,7 +1309,7 @@ var objectSetPrototypeOf = Object.setPrototypeOf || ('__proto__' in {} ? functio
   };
 }() : undefined);
 
-var $$9 = _export;
+var $$b = _export;
 var call$a = functionCall;
 var FunctionName = functionName;
 var isCallable$7 = isCallable$l;
@@ -1316,7 +1319,7 @@ var setPrototypeOf$1 = objectSetPrototypeOf;
 var setToStringTag$1 = setToStringTag$3;
 var createNonEnumerableProperty$1 = createNonEnumerableProperty$4;
 var defineBuiltIn$3 = defineBuiltIn$6;
-var wellKnownSymbol$9 = wellKnownSymbol$e;
+var wellKnownSymbol$b = wellKnownSymbol$g;
 var Iterators$3 = iterators;
 var IteratorsCore = iteratorsCore;
 
@@ -1324,7 +1327,7 @@ var PROPER_FUNCTION_NAME$1 = FunctionName.PROPER;
 var CONFIGURABLE_FUNCTION_NAME = FunctionName.CONFIGURABLE;
 var IteratorPrototype = IteratorsCore.IteratorPrototype;
 var BUGGY_SAFARI_ITERATORS = IteratorsCore.BUGGY_SAFARI_ITERATORS;
-var ITERATOR$5 = wellKnownSymbol$9('iterator');
+var ITERATOR$5 = wellKnownSymbol$b('iterator');
 var KEYS = 'keys';
 var VALUES = 'values';
 var ENTRIES = 'entries';
@@ -1336,12 +1339,15 @@ var iteratorDefine = function (Iterable, NAME, IteratorConstructor, next, DEFAUL
 
   var getIterationMethod = function (KIND) {
     if (KIND === DEFAULT && defaultIterator) return defaultIterator;
-    if (!BUGGY_SAFARI_ITERATORS && KIND in IterablePrototype) return IterablePrototype[KIND];
+    if (!BUGGY_SAFARI_ITERATORS && KIND && KIND in IterablePrototype) return IterablePrototype[KIND];
+
     switch (KIND) {
       case KEYS: return function keys() { return new IteratorConstructor(this, KIND); };
       case VALUES: return function values() { return new IteratorConstructor(this, KIND); };
       case ENTRIES: return function entries() { return new IteratorConstructor(this, KIND); };
-    } return function () { return new IteratorConstructor(this); };
+    }
+
+    return function () { return new IteratorConstructor(this); };
   };
 
   var TO_STRING_TAG = NAME + ' Iterator';
@@ -1351,7 +1357,7 @@ var iteratorDefine = function (Iterable, NAME, IteratorConstructor, next, DEFAUL
     || IterablePrototype['@@iterator']
     || DEFAULT && IterablePrototype[DEFAULT];
   var defaultIterator = !BUGGY_SAFARI_ITERATORS && nativeIterator || getIterationMethod(DEFAULT);
-  var anyNativeIterator = NAME == 'Array' ? IterablePrototype.entries || nativeIterator : nativeIterator;
+  var anyNativeIterator = NAME === 'Array' ? IterablePrototype.entries || nativeIterator : nativeIterator;
   var CurrentIteratorPrototype, methods, KEY;
 
   // fix native
@@ -1371,7 +1377,7 @@ var iteratorDefine = function (Iterable, NAME, IteratorConstructor, next, DEFAUL
   }
 
   // fix Array.prototype.{ values, @@iterator }.name in V8 / FF
-  if (PROPER_FUNCTION_NAME$1 && DEFAULT == VALUES && nativeIterator && nativeIterator.name !== VALUES) {
+  if (PROPER_FUNCTION_NAME$1 && DEFAULT === VALUES && nativeIterator && nativeIterator.name !== VALUES) {
     if (CONFIGURABLE_FUNCTION_NAME) {
       createNonEnumerableProperty$1(IterablePrototype, 'name', VALUES);
     } else {
@@ -1391,7 +1397,7 @@ var iteratorDefine = function (Iterable, NAME, IteratorConstructor, next, DEFAUL
       if (BUGGY_SAFARI_ITERATORS || INCORRECT_VALUES_NAME || !(KEY in IterablePrototype)) {
         defineBuiltIn$3(IterablePrototype, KEY, methods[KEY]);
       }
-    } else $$9({ target: NAME, proto: true, forced: BUGGY_SAFARI_ITERATORS || INCORRECT_VALUES_NAME }, methods);
+    } else $$b({ target: NAME, proto: true, forced: BUGGY_SAFARI_ITERATORS || INCORRECT_VALUES_NAME }, methods);
   }
 
   // define iterator
@@ -1410,7 +1416,7 @@ var createIterResultObject$1 = function (value, done) {
 };
 
 var toIndexedObject = toIndexedObject$5;
-var addToUnscopables = addToUnscopables$1;
+var addToUnscopables$1 = addToUnscopables$2;
 var Iterators$2 = iterators;
 var InternalStateModule$1 = internalState;
 var defineProperty$2 = objectDefineProperty.f;
@@ -1444,15 +1450,15 @@ var es_array_iterator = defineIterator(Array, 'Array', function (iterated, kind)
 }, function () {
   var state = getInternalState(this);
   var target = state.target;
-  var kind = state.kind;
   var index = state.index++;
   if (!target || index >= target.length) {
     state.target = undefined;
     return createIterResultObject(undefined, true);
   }
-  if (kind == 'keys') return createIterResultObject(index, false);
-  if (kind == 'values') return createIterResultObject(target[index], false);
-  return createIterResultObject([index, target[index]], false);
+  switch (state.kind) {
+    case 'keys': return createIterResultObject(index, false);
+    case 'values': return createIterResultObject(target[index], false);
+  } return createIterResultObject([index, target[index]], false);
 }, 'values');
 
 // argumentsList[@@iterator] is %ArrayProto_values%
@@ -1461,9 +1467,9 @@ var es_array_iterator = defineIterator(Array, 'Array', function (iterated, kind)
 var values = Iterators$2.Arguments = Iterators$2.Array;
 
 // https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
-addToUnscopables('keys');
-addToUnscopables('values');
-addToUnscopables('entries');
+addToUnscopables$1('keys');
+addToUnscopables$1('values');
+addToUnscopables$1('entries');
 
 // V8 ~ Chrome 45- bug
 if (DESCRIPTORS$3 && values.name !== 'values') try {
@@ -1514,15 +1520,15 @@ var DOMTokenListPrototype$1 = classList && classList.constructor && classList.co
 
 var domTokenListPrototype = DOMTokenListPrototype$1 === Object.prototype ? undefined : DOMTokenListPrototype$1;
 
-var global$8 = global$i;
+var global$9 = global$k;
 var DOMIterables = domIterables;
 var DOMTokenListPrototype = domTokenListPrototype;
 var ArrayIteratorMethods = es_array_iterator;
 var createNonEnumerableProperty = createNonEnumerableProperty$4;
-var wellKnownSymbol$8 = wellKnownSymbol$e;
+var wellKnownSymbol$a = wellKnownSymbol$g;
 
-var ITERATOR$4 = wellKnownSymbol$8('iterator');
-var TO_STRING_TAG$2 = wellKnownSymbol$8('toStringTag');
+var ITERATOR$4 = wellKnownSymbol$a('iterator');
+var TO_STRING_TAG$2 = wellKnownSymbol$a('toStringTag');
 var ArrayValues = ArrayIteratorMethods.values;
 
 var handlePrototype = function (CollectionPrototype, COLLECTION_NAME) {
@@ -1548,15 +1554,15 @@ var handlePrototype = function (CollectionPrototype, COLLECTION_NAME) {
 };
 
 for (var COLLECTION_NAME in DOMIterables) {
-  handlePrototype(global$8[COLLECTION_NAME] && global$8[COLLECTION_NAME].prototype, COLLECTION_NAME);
+  handlePrototype(global$9[COLLECTION_NAME] && global$9[COLLECTION_NAME].prototype, COLLECTION_NAME);
 }
 
 handlePrototype(DOMTokenListPrototype, 'DOMTokenList');
 
 var DESCRIPTORS$2 = descriptors;
-var uncurryThis$7 = functionUncurryThis;
+var uncurryThis$8 = functionUncurryThis;
 var call$9 = functionCall;
-var fails$4 = fails$f;
+var fails$5 = fails$g;
 var objectKeys = objectKeys$2;
 var getOwnPropertySymbolsModule = objectGetOwnPropertySymbols;
 var propertyIsEnumerableModule = objectPropertyIsEnumerable;
@@ -1567,11 +1573,11 @@ var IndexedObject = indexedObject;
 var $assign = Object.assign;
 // eslint-disable-next-line es/no-object-defineproperty -- required for testing
 var defineProperty$1 = Object.defineProperty;
-var concat = uncurryThis$7([].concat);
+var concat = uncurryThis$8([].concat);
 
 // `Object.assign` method
 // https://tc39.es/ecma262/#sec-object.assign
-var objectAssign = !$assign || fails$4(function () {
+var objectAssign = !$assign || fails$5(function () {
   // should have correct order of operations (Edge bug)
   if (DESCRIPTORS$2 && $assign({ b: 1 }, $assign(defineProperty$1({}, 'a', {
     enumerable: true,
@@ -1586,11 +1592,11 @@ var objectAssign = !$assign || fails$4(function () {
   var A = {};
   var B = {};
   // eslint-disable-next-line es/no-symbol -- safe
-  var symbol = Symbol();
+  var symbol = Symbol('assign detection');
   var alphabet = 'abcdefghijklmnopqrst';
   A[symbol] = 7;
   alphabet.split('').forEach(function (chr) { B[chr] = chr; });
-  return $assign({}, A)[symbol] != 7 || objectKeys($assign({}, B)).join('') != alphabet;
+  return $assign({}, A)[symbol] !== 7 || objectKeys($assign({}, B)).join('') !== alphabet;
 }) ? function assign(target, source) { // eslint-disable-line no-unused-vars -- required for `.length`
   var T = toObject(target);
   var argumentsLength = arguments.length;
@@ -1610,13 +1616,13 @@ var objectAssign = !$assign || fails$4(function () {
   } return T;
 } : $assign;
 
-var $$8 = _export;
+var $$a = _export;
 var assign = objectAssign;
 
 // `Object.assign` method
 // https://tc39.es/ecma262/#sec-object.assign
 // eslint-disable-next-line es/no-object-assign -- required for testing
-$$8({ target: 'Object', stat: true, arity: 2, forced: Object.assign !== assign }, {
+$$a({ target: 'Object', stat: true, arity: 2, forced: Object.assign !== assign }, {
   assign: assign
 });
 
@@ -1724,7 +1730,12 @@ function __rest(s, e) {
                 t[p[i]] = s[p[i]];
         }
     return t;
-}
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
 
 const Check = ({
   focusable: _focusable = false,
@@ -1740,7 +1751,7 @@ const Check = ({
     focusable: _focusable,
     "aria-labelledby": id
   }, {
-    children: ["title && ", jsx("title", Object.assign({
+    children: [title && jsx("title", Object.assign({
       id: id
     }, {
       children: title
@@ -1765,7 +1776,7 @@ const ChevronDown = ({
     focusable: _focusable,
     "aria-labelledby": id
   }, {
-    children: ["title && ", jsx("title", Object.assign({
+    children: [title && jsx("title", Object.assign({
       id: id
     }, {
       children: title
@@ -1874,6 +1885,37 @@ const InfoCircle = _a => {
   }));
 };
 
+const Edit = _a => {
+  var {
+      focusable = false,
+      title,
+      fill = 'white',
+      width = 24,
+      height = 24
+    } = _a,
+    props = __rest(_a, ["focusable", "title", "fill", "width", "height"]);
+  let id;
+  if (title) id = randomId();
+  return jsxs("svg", Object.assign({
+    width: width,
+    height: height,
+    viewBox: "0 0 576 512",
+    xmlns: "http://www.w3.org/2000/svg",
+    focusable: focusable,
+    "aria-labelledby": id,
+    "aria-hidden": props['aria-hidden']
+  }, {
+    children: [title && jsx("title", Object.assign({
+      id: id
+    }, {
+      children: title
+    })), jsx("path", {
+      fill: fill,
+      d: "M402.3 344.9l32-32c5-5 13.7-1.5 13.7 5.7V464c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V112c0-26.5 21.5-48 48-48h273.5c7.1 0 10.7 8.6 5.7 13.7l-32 32c-1.5 1.5-3.5 2.3-5.7 2.3H48v352h352V350.5c0-2.1.8-4.1 2.3-5.6zm156.6-201.8L296.3 405.7l-90.4 10c-26.2 2.9-48.5-19.2-45.6-45.6l10-90.4L432.9 17.1c22.9-22.9 59.9-22.9 82.7 0l43.2 43.2c22.9 22.9 22.9 60 .1 82.8zM460.1 174L402 115.9 216.2 301.8l-7.3 65.3 65.3-7.3L460.1 174zm64.8-79.7l-43.2-43.2c-4.1-4.1-10.8-4.1-14.8 0L436 82l58.1 58.1 30.9-30.9c4-4.2 4-10.8-.1-14.9z"
+    })]
+  }));
+};
+
 function AlertRibbon({
   type,
   header,
@@ -1927,6 +1969,16 @@ function AlertRibbon({
         });
     }
   };
+  const renderHeader = () => {
+    if (!header) {
+      return null;
+    }
+    return /*#__PURE__*/React.isValidElement(header) ? header : jsx("span", Object.assign({
+      className: "header"
+    }, {
+      children: header
+    }));
+  };
   return jsxs("div", Object.assign({
     className: `alert-ribbon ${type}`,
     role: role,
@@ -1939,11 +1991,7 @@ function AlertRibbon({
     })), jsxs("div", Object.assign({
       className: "alert-ribbon__content"
     }, {
-      children: [header && /*#__PURE__*/React.isValidElement(header) ? header : jsx("span", Object.assign({
-        className: "header"
-      }, {
-        children: header
-      })), jsx("p", {
+      children: [renderHeader(), jsx("p", {
         children: children
       })]
     })), closeButton && jsx("button", Object.assign({
@@ -2047,156 +2095,160 @@ const useDatepicker = (datepickerRef, datepickerDialogRef, dateInputRef, datepic
   };
 };
 
-const useDropdown = ({
-  id,
-  value,
-  texts,
-  options,
-  loop,
-  multiSelect,
-  searchable,
-  searchFilter,
-  compareWith,
-  useValue,
-  display,
-  togglerRef,
-  listboxRef,
-  onChange,
-  validator
-}) => {
-  const [handler, setHandler] = useState();
-  const [dropdown, setDropdown] = useState();
-  const [togglerProps, setTogglerProps] = useState({});
-  const [listboxProps, setListboxProps] = useState({});
-  const [listItems, setListItems] = useState([]);
-  const [multiSelectProps, setMultiSelectProps] = useState({});
-  // When dropdown data changes
-  useEffect(() => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-    if (!dropdown) return;
-    const {
-      elements: {
-        toggler,
-        listbox
-      }
-    } = dropdown;
-    const newToggleProps = Object.assign(Object.assign({}, toggler === null || toggler === void 0 ? void 0 : toggler.attributes), {
-      className: (_a = toggler === null || toggler === void 0 ? void 0 : toggler.classes) === null || _a === void 0 ? void 0 : _a.join(' '),
-      children: (_b = dropdown === null || dropdown === void 0 ? void 0 : dropdown.texts) === null || _b === void 0 ? void 0 : _b.select,
-      onClick: () => handler === null || handler === void 0 ? void 0 : handler.toggle()
-    });
-    setTogglerProps(newToggleProps);
-    const newListboxProps = Object.assign(Object.assign({}, listbox === null || listbox === void 0 ? void 0 : listbox.attributes), {
-      className: (_c = listbox === null || listbox === void 0 ? void 0 : listbox.classes) === null || _c === void 0 ? void 0 : _c.join(' ')
-    });
-    setListboxProps(newListboxProps);
-    if (!dropdown.isMultiSelect) {
-      const newListItems = dropdown.options.map(o => {
-        var _a;
-        return Object.assign(Object.assign({}, o.attributes), {
-          className: (_a = o.classes) === null || _a === void 0 ? void 0 : _a.join(' '),
-          children: o[dropdown.display],
-          selected: o.selected,
-          onClick: () => handler === null || handler === void 0 ? void 0 : handler.select(o)
-        });
-      });
-      setListItems(newListItems);
-    } else {
-      const checkboxes = dropdown.options.map(o => ({
-        labelProps: Object.assign(Object.assign({}, o.attributes), {
-          className: ['form-control', ...o.classes].join(' ')
-        }),
-        inputProps: {
-          defaultChecked: o.selected,
-          type: 'checkbox',
-          onClick: () => handler === null || handler === void 0 ? void 0 : handler.select(o, false)
-        },
-        spanProps: {
-          children: o[dropdown.display]
-        }
-      }));
-      const newMultiselect = {
-        fieldsetProps: {
-          'aria-describedby': (_f = (_e = (_d = dropdown === null || dropdown === void 0 ? void 0 : dropdown.elements) === null || _d === void 0 ? void 0 : _d.fieldset) === null || _e === void 0 ? void 0 : _e.attributes) === null || _f === void 0 ? void 0 : _f.id,
-          'aria-multiselectable': true,
-          role: 'listbox',
-          tabIndex: -1
-        },
-        legendProps: {
-          className: 'sr-only',
-          id: (_j = (_h = (_g = dropdown === null || dropdown === void 0 ? void 0 : dropdown.elements) === null || _g === void 0 ? void 0 : _g.fieldset) === null || _h === void 0 ? void 0 : _h.attributes) === null || _j === void 0 ? void 0 : _j.id,
-          children: dropdown.texts.optionsDescription
-        },
-        checkboxes
-      };
-      setMultiSelectProps(newMultiselect);
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [dropdown]);
-  // When dropdown properties change
-  useEffect(() => {
-    if (!dropdown) return;
-    handler === null || handler === void 0 ? void 0 : handler.update({
-      id,
-      value,
-      texts,
-      options,
-      loop,
-      multiSelect,
-      searchable,
-      searchFilter,
-      compareWith,
-      useValue,
-      display,
-      validator
-    });
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [id, texts, options, loop, multiSelect, searchable, searchFilter, compareWith, useValue, display]);
-  useEffect(() => {
-    if (!dropdown) return;
-    handler === null || handler === void 0 ? void 0 : handler.selectByValue(value);
-    console.log('new value');
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [value]);
-  // When validator changes
-  useEffect(() => {
-    if (!dropdown) return;
-    if (validator) handler === null || handler === void 0 ? void 0 : handler.validate(validator);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [validator]);
-  // Create dropdown handler
-  useEffect(() => {
-    if (!handler && togglerRef.current && listboxRef.current) {
-      setHandler(createDropdown({
-        id,
-        value,
-        texts,
-        options,
-        loop,
-        multiSelect,
-        searchable,
-        searchFilter,
-        compareWith,
-        useValue,
-        display,
-        validator
-      }, togglerRef.current, listboxRef.current, listboxRef.current, dd => setDropdown(dd), value => onChange === null || onChange === void 0 ? void 0 : onChange(value)));
-    }
-    return () => handler === null || handler === void 0 ? void 0 : handler.destroy();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [togglerRef, listboxRef]);
-  return {
-    dropdown: handler,
-    togglerProps,
-    listboxProps,
-    listItems,
-    multiSelectProps
-  };
+var $$9 = _export;
+var $includes = arrayIncludes.includes;
+var fails$4 = fails$g;
+var addToUnscopables = addToUnscopables$2;
+
+// FF99+ bug
+var BROKEN_ON_SPARSE = fails$4(function () {
+  // eslint-disable-next-line es/no-array-prototype-includes -- detection
+  return !Array(1).includes();
+});
+
+// `Array.prototype.includes` method
+// https://tc39.es/ecma262/#sec-array.prototype.includes
+$$9({ target: 'Array', proto: true, forced: BROKEN_ON_SPARSE }, {
+  includes: function includes(el /* , fromIndex = 0 */) {
+    return $includes(this, el, arguments.length > 1 ? arguments[1] : undefined);
+  }
+});
+
+// https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
+addToUnscopables('includes');
+
+var isObject$2 = isObject$9;
+var classof$5 = classofRaw$2;
+var wellKnownSymbol$9 = wellKnownSymbol$g;
+
+var MATCH$1 = wellKnownSymbol$9('match');
+
+// `IsRegExp` abstract operation
+// https://tc39.es/ecma262/#sec-isregexp
+var isRegexp = function (it) {
+  var isRegExp;
+  return isObject$2(it) && ((isRegExp = it[MATCH$1]) !== undefined ? !!isRegExp : classof$5(it) === 'RegExp');
+};
+
+var isRegExp = isRegexp;
+
+var $TypeError$6 = TypeError;
+
+var notARegexp = function (it) {
+  if (isRegExp(it)) {
+    throw new $TypeError$6("The method doesn't accept regular expressions");
+  } return it;
+};
+
+var wellKnownSymbol$8 = wellKnownSymbol$g;
+
+var TO_STRING_TAG$1 = wellKnownSymbol$8('toStringTag');
+var test = {};
+
+test[TO_STRING_TAG$1] = 'z';
+
+var toStringTagSupport = String(test) === '[object z]';
+
+var TO_STRING_TAG_SUPPORT = toStringTagSupport;
+var isCallable$6 = isCallable$l;
+var classofRaw$1 = classofRaw$2;
+var wellKnownSymbol$7 = wellKnownSymbol$g;
+
+var TO_STRING_TAG = wellKnownSymbol$7('toStringTag');
+var $Object = Object;
+
+// ES3 wrong here
+var CORRECT_ARGUMENTS = classofRaw$1(function () { return arguments; }()) === 'Arguments';
+
+// fallback for IE11 Script Access Denied error
+var tryGet = function (it, key) {
+  try {
+    return it[key];
+  } catch (error) { /* empty */ }
+};
+
+// getting tag from ES6+ `Object.prototype.toString`
+var classof$4 = TO_STRING_TAG_SUPPORT ? classofRaw$1 : function (it) {
+  var O, tag, result;
+  return it === undefined ? 'Undefined' : it === null ? 'Null'
+    // @@toStringTag case
+    : typeof (tag = tryGet(O = $Object(it), TO_STRING_TAG)) == 'string' ? tag
+    // builtinTag case
+    : CORRECT_ARGUMENTS ? classofRaw$1(O)
+    // ES3 arguments fallback
+    : (result = classofRaw$1(O)) === 'Object' && isCallable$6(O.callee) ? 'Arguments' : result;
+};
+
+var classof$3 = classof$4;
+
+var $String = String;
+
+var toString$4 = function (argument) {
+  if (classof$3(argument) === 'Symbol') throw new TypeError('Cannot convert a Symbol value to a string');
+  return $String(argument);
+};
+
+var wellKnownSymbol$6 = wellKnownSymbol$g;
+
+var MATCH = wellKnownSymbol$6('match');
+
+var correctIsRegexpLogic = function (METHOD_NAME) {
+  var regexp = /./;
+  try {
+    '/./'[METHOD_NAME](regexp);
+  } catch (error1) {
+    try {
+      regexp[MATCH] = false;
+      return '/./'[METHOD_NAME](regexp);
+    } catch (error2) { /* empty */ }
+  } return false;
 };
 
+var $$8 = _export;
+var uncurryThis$7 = functionUncurryThis;
+var notARegExp = notARegexp;
+var requireObjectCoercible$1 = requireObjectCoercible$4;
+var toString$3 = toString$4;
+var correctIsRegExpLogic = correctIsRegexpLogic;
+
+var stringIndexOf = uncurryThis$7(''.indexOf);
+
+// `String.prototype.includes` method
+// https://tc39.es/ecma262/#sec-string.prototype.includes
+$$8({ target: 'String', proto: true, forced: !correctIsRegExpLogic('includes') }, {
+  includes: function includes(searchString /* , position = 0 */) {
+    return !!~stringIndexOf(
+      toString$3(requireObjectCoercible$1(this)),
+      toString$3(notARegExp(searchString)),
+      arguments.length > 1 ? arguments[1] : undefined
+    );
+  }
+});
+
+/**
+ * @license
+ * Copyright 2018 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const t=new Set(["children","localName","ref","style","className"]),e=new WeakMap,n=(t,n,s,i,o)=>{const l=null==o?void 0:o[n];void 0===l||s===i?null==s&&n in HTMLElement.prototype?t.removeAttribute(n):t[n]=s:((t,n,s)=>{let i=e.get(t);void 0===i&&e.set(t,i=new Map);let o=i.get(n);void 0!==s?void 0===o?(i.set(n,o={handleEvent:s}),t.addEventListener(n,o)):o.handleEvent=s:void 0!==o&&(i.delete(n),t.removeEventListener(n,o));})(t,l,s);},s=(t,e)=>{"function"==typeof t?t(e):t.current=e;};function i(e=window.React,i,o,l,d){let a,c,r;if(void 0===i){const t=e;(({tagName:c,elementClass:r,events:l,displayName:d}=t)),a=t.react;}else a=e,r=o,c=i;const h=a.Component,u=a.createElement,f=new Set(Object.keys(null!=l?l:{}));class v extends h{constructor(){super(...arguments),this.o=null;}t(t){if(null!==this.o)for(const e in this.i)n(this.o,e,this.props[e],t?t[e]:void 0,l);}componentDidMount(){var t;this.t(),null===(t=this.o)||void 0===t||t.removeAttribute("defer-hydration");}componentDidUpdate(t){this.t(t);}render(){const{_$Gl:e,...n}=this.props;this.h!==e&&(this.u=t=>{null!==e&&s(e,t),this.o=t,this.h=e;}),this.i={};const i={ref:this.u};for(const[e,s]of Object.entries(n))t.has(e)?i["className"===e?"class":e]=s:f.has(e)||e in r.prototype?this.i[e]=s:i[e]=s;return i.suppressHydrationWarning=!0,u(c,i)}}v.displayName=null!=d?d:r.name;const m=a.forwardRef(((t,e)=>u(v,{...t,_$Gl:e},null==t?void 0:t.children)));return m.displayName=v.displayName,m}
+
+registerTransitionalStyles();
+const CoreDropdown = i({
+  tagName: getScopedTagName('gds-dropdown'),
+  elementClass: GdsDropdown,
+  events: {
+    onchange: 'change'
+  },
+  react: React
+});
+const CoreOption = i({
+  tagName: getScopedTagName('gds-option'),
+  elementClass: GdsOption,
+  react: React
+});
 const Dropdown = ({
   compareWith,
-  display,
+  display: _display = 'label',
   id,
   informationLabel,
   label,
@@ -2207,100 +2259,60 @@ const Dropdown = ({
   searchFilter,
   searchable,
   texts,
-  useValue,
+  useValue: _useValue = 'value',
   validator,
   value
 }) => {
-  var _a;
-  const togglerRef = useRef(null);
-  const listboxRef = useRef(null);
-  const {
-    dropdown,
-    listboxProps,
-    togglerProps,
-    listItems,
-    multiSelectProps
-  } = useDropdown({
-    id,
-    value,
-    options,
-    loop,
-    multiSelect,
-    searchable,
-    searchFilter,
-    compareWith,
-    useValue,
-    display,
-    togglerRef,
-    listboxRef,
-    texts,
-    onChange,
-    validator
-  });
-  const getListBoxProps = props => {
-    var _a, _b, _c;
-    if (Object.keys(props).length === 0) return {
-      role: 'listbox',
-      tabIndex: -1,
-      className: (_c = (_b = (_a = dropdownValues().elements) === null || _a === void 0 ? void 0 : _a.listbox) === null || _b === void 0 ? void 0 : _b.classes) === null || _c === void 0 ? void 0 : _c.join(' ')
-    };
-    return props;
+  const [selectedOption, setSelectedOption] = React.useState(options.find(o => o.value === value));
+  const handleOnChange = e => {
+    var _a, _b;
+    if ((_a = e.detail) === null || _a === void 0 ? void 0 : _a.value) {
+      setSelectedOption(options.find(o => o[_useValue] === e.detail.value));
+      onChange === null || onChange === void 0 ? void 0 : onChange((_b = e.detail) === null || _b === void 0 ? void 0 : _b.value);
+    }
   };
-  return jsxs("div", Object.assign({
+  // These adapter functions are used to maintain backwards compatibility with the old interface
+  const compareWithAdapter = (o1, o2) => {
+    const compareFn = compareWith || ((a, b) => a === b);
+    return compareFn(o1, o2);
+  };
+  const searchFilterAdapter = (q, o) => {
+    if (searchFilter) return searchFilter(q, o.value[_useValue]);else return ((q, o) => o.innerHTML.toLowerCase().includes(q.toLowerCase()))(q, o);
+  };
+  return jsx("div", Object.assign({
     className: "form-group"
   }, {
-    children: [label && jsx("label", Object.assign({
-      htmlFor: togglerProps.id
-    }, {
-      children: label
-    })), informationLabel && jsx("div", Object.assign({
-      className: "form-info"
-    }, {
-      children: informationLabel
-    })), jsx("button", Object.assign({
-      type: "button"
-    }, togglerProps, {
-      ref: togglerRef
-    }, {
-      children: jsx("span", {
-        children: togglerProps.children
-      })
-    })), jsxs("div", Object.assign({}, getListBoxProps(listboxProps), {
-      ref: listboxRef
+    children: jsxs(CoreDropdown, Object.assign({
+      id: id,
+      label: label,
+      searchable: searchable,
+      multiple: multiSelect,
+      value: selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.value,
+      onchange: handleOnChange,
+      invalid: (validator === null || validator === void 0 ? void 0 : validator.indicator) === 'error',
+      compareWith: compareWithAdapter,
+      searchFilter: searchFilterAdapter
     }, {
-      children: [jsxs("div", Object.assign({
-        className: "d-flex d-sm-none align-items-center"
+      children: [informationLabel && jsx("span", Object.assign({
+        slot: "sub-label"
       }, {
-        children: [jsx("span", Object.assign({
-          className: "flex-grow-1 ps-4 fs-2 fw-bolder"
-        }, {
-          children: label
-        })), jsx("button", Object.assign({
-          type: "button",
-          className: "close m-4 m-sm-2 d-block d-sm-none",
-          onClick: dropdown === null || dropdown === void 0 ? void 0 : dropdown.close,
-          "aria-label": dropdown === null || dropdown === void 0 ? void 0 : dropdown.dropdown.texts.close
-        }, {
-          children: jsx("i", {})
-        }))]
-      })), (dropdown === null || dropdown === void 0 ? void 0 : dropdown.dropdown.isMultiSelect) ? jsx("div", Object.assign({
-        className: "sg-fieldset-container"
+        children: informationLabel
+      })), validator && jsx("span", Object.assign({
+        slot: "message"
       }, {
-        children: jsxs("fieldset", Object.assign({}, multiSelectProps.fieldsetProps, {
-          children: [jsx("legend", Object.assign({}, multiSelectProps.legendProps)), (_a = multiSelectProps.checkboxes) === null || _a === void 0 ? void 0 : _a.map(checkboxItem => jsxs("label", Object.assign({}, checkboxItem.labelProps, {
-            children: [jsx("input", Object.assign({}, checkboxItem.inputProps)), jsx("span", Object.assign({}, checkboxItem.spanProps)), jsx("i", {})]
-          }), checkboxItem.labelProps.id))]
-        }))
-      })) : jsx("ul", Object.assign({
-        role: "listbox"
+        children: validator.message
+      })), jsx(CoreOption, Object.assign({
+        isPlaceholder: true,
+        "aria-hidden": true
       }, {
-        children: listItems.map(liProps => jsx("li", Object.assign({}, liProps), liProps.id))
-      }))]
-    })), validator && jsx("span", Object.assign({
-      className: "form-info"
-    }, {
-      children: validator === null || validator === void 0 ? void 0 : validator.message
-    }))]
+        children: (texts === null || texts === void 0 ? void 0 : texts.placeholder) || 'Select'
+      })), options.map(option => jsx(CoreOption, Object.assign({
+        value: option[_useValue],
+        selected: option.selected
+      }, {
+        children: option[_display]
+      }), option[_useValue]))]
+    }))
   }));
 };
 
@@ -2391,14 +2403,16 @@ const Datepicker = (options = {}) => {
             texts: {
               placeholder: data.monthName
             },
-            onChange: datepicker.setMonth
+            onChange: datepicker.setMonth,
+            value: data.month
           }), jsx(Dropdown, {
             options: years({}),
             display: "key",
             texts: {
               placeholder: data.year + ''
             },
-            onChange: datepicker.setYear
+            onChange: datepicker.setYear,
+            value: data.year
           }), jsx("button", Object.assign({
             className: "link",
             onClick: () => datepicker.add(1, 'months')
@@ -2735,9 +2749,10 @@ function Group({
   }));
 }
 
-var classof$4 = classofRaw$2;
+var global$8 = global$k;
+var classof$2 = classofRaw$2;
 
-var engineIsNode = typeof process != 'undefined' && classof$4(process) == 'process';
+var engineIsNode = classof$2(global$8.process) === 'process';
 
 var makeBuiltIn = makeBuiltIn$3.exports;
 var defineProperty = objectDefineProperty;
@@ -2750,10 +2765,10 @@ var defineBuiltInAccessor$2 = function (target, name, descriptor) {
 
 var getBuiltIn$3 = getBuiltIn$7;
 var defineBuiltInAccessor$1 = defineBuiltInAccessor$2;
-var wellKnownSymbol$7 = wellKnownSymbol$e;
+var wellKnownSymbol$5 = wellKnownSymbol$g;
 var DESCRIPTORS$1 = descriptors;
 
-var SPECIES$2 = wellKnownSymbol$7('species');
+var SPECIES$2 = wellKnownSymbol$5('species');
 
 var setSpecies$1 = function (CONSTRUCTOR_NAME) {
   var Constructor = getBuiltIn$3(CONSTRUCTOR_NAME);
@@ -2772,52 +2787,13 @@ var $TypeError$5 = TypeError;
 
 var anInstance$1 = function (it, Prototype) {
   if (isPrototypeOf$3(Prototype, it)) return it;
-  throw $TypeError$5('Incorrect invocation');
-};
-
-var wellKnownSymbol$6 = wellKnownSymbol$e;
-
-var TO_STRING_TAG$1 = wellKnownSymbol$6('toStringTag');
-var test = {};
-
-test[TO_STRING_TAG$1] = 'z';
-
-var toStringTagSupport = String(test) === '[object z]';
-
-var TO_STRING_TAG_SUPPORT = toStringTagSupport;
-var isCallable$6 = isCallable$l;
-var classofRaw$1 = classofRaw$2;
-var wellKnownSymbol$5 = wellKnownSymbol$e;
-
-var TO_STRING_TAG = wellKnownSymbol$5('toStringTag');
-var $Object = Object;
-
-// ES3 wrong here
-var CORRECT_ARGUMENTS = classofRaw$1(function () { return arguments; }()) == 'Arguments';
-
-// fallback for IE11 Script Access Denied error
-var tryGet = function (it, key) {
-  try {
-    return it[key];
-  } catch (error) { /* empty */ }
-};
-
-// getting tag from ES6+ `Object.prototype.toString`
-var classof$3 = TO_STRING_TAG_SUPPORT ? classofRaw$1 : function (it) {
-  var O, tag, result;
-  return it === undefined ? 'Undefined' : it === null ? 'Null'
-    // @@toStringTag case
-    : typeof (tag = tryGet(O = $Object(it), TO_STRING_TAG)) == 'string' ? tag
-    // builtinTag case
-    : CORRECT_ARGUMENTS ? classofRaw$1(O)
-    // ES3 arguments fallback
-    : (result = classofRaw$1(O)) == 'Object' && isCallable$6(O.callee) ? 'Arguments' : result;
+  throw new $TypeError$5('Incorrect invocation');
 };
 
 var uncurryThis$6 = functionUncurryThis;
-var fails$3 = fails$f;
+var fails$3 = fails$g;
 var isCallable$5 = isCallable$l;
-var classof$2 = classof$3;
+var classof$1 = classof$4;
 var getBuiltIn$2 = getBuiltIn$7;
 var inspectSource$1 = inspectSource$3;
 
@@ -2826,7 +2802,7 @@ var empty = [];
 var construct = getBuiltIn$2('Reflect', 'construct');
 var constructorRegExp = /^\s*(?:class|function)\b/;
 var exec$1 = uncurryThis$6(constructorRegExp.exec);
-var INCORRECT_TO_STRING = !constructorRegExp.exec(noop$1);
+var INCORRECT_TO_STRING = !constructorRegExp.test(noop$1);
 
 var isConstructorModern = function isConstructor(argument) {
   if (!isCallable$5(argument)) return false;
@@ -2840,7 +2816,7 @@ var isConstructorModern = function isConstructor(argument) {
 
 var isConstructorLegacy = function isConstructor(argument) {
   if (!isCallable$5(argument)) return false;
-  switch (classof$2(argument)) {
+  switch (classof$1(argument)) {
     case 'AsyncFunction':
     case 'GeneratorFunction':
     case 'AsyncGeneratorFunction': return false;
@@ -2875,13 +2851,13 @@ var $TypeError$4 = TypeError;
 // `Assert: IsConstructor(argument) is true`
 var aConstructor$1 = function (argument) {
   if (isConstructor(argument)) return argument;
-  throw $TypeError$4(tryToString$2(argument) + ' is not a constructor');
+  throw new $TypeError$4(tryToString$2(argument) + ' is not a constructor');
 };
 
 var anObject$6 = anObject$c;
 var aConstructor = aConstructor$1;
 var isNullOrUndefined$1 = isNullOrUndefined$4;
-var wellKnownSymbol$4 = wellKnownSymbol$e;
+var wellKnownSymbol$4 = wellKnownSymbol$g;
 
 var SPECIES$1 = wellKnownSymbol$4('species');
 
@@ -2935,7 +2911,7 @@ var arraySlice$1 = uncurryThis$3([].slice);
 var $TypeError$3 = TypeError;
 
 var validateArgumentsLength$1 = function (passed, required) {
-  if (passed < required) throw $TypeError$3('Not enough arguments');
+  if (passed < required) throw new $TypeError$3('Not enough arguments');
   return passed;
 };
 
@@ -2944,12 +2920,12 @@ var userAgent$2 = engineUserAgent;
 // eslint-disable-next-line redos/no-vulnerable -- safe
 var engineIsIos = /(?:ipad|iphone|ipod).*applewebkit/i.test(userAgent$2);
 
-var global$7 = global$i;
+var global$7 = global$k;
 var apply = functionApply;
 var bind$3 = functionBindContext;
 var isCallable$4 = isCallable$l;
 var hasOwn$2 = hasOwnProperty_1;
-var fails$2 = fails$f;
+var fails$2 = fails$g;
 var html = html$2;
 var arraySlice = arraySlice$1;
 var createElement = documentCreateElement$2;
@@ -2959,7 +2935,7 @@ var IS_NODE$3 = engineIsNode;
 
 var set = global$7.setImmediate;
 var clear = global$7.clearImmediate;
-var process$3 = global$7.process;
+var process$2 = global$7.process;
 var Dispatch = global$7.Dispatch;
 var Function$1 = global$7.Function;
 var MessageChannel = global$7.MessageChannel;
@@ -3015,7 +2991,7 @@ if (!set || !clear) {
   // Node.js 0.8-
   if (IS_NODE$3) {
     defer = function (id) {
-      process$3.nextTick(runner(id));
+      process$2.nextTick(runner(id));
     };
   // Sphere (JS game engine) Dispatch API
   } else if (Dispatch && Dispatch.now) {
@@ -3094,7 +3070,7 @@ var userAgent = engineUserAgent;
 
 var engineIsWebosWebkit = /web0s(?!.*chrome)/i.test(userAgent);
 
-var global$6 = global$i;
+var global$6 = global$k;
 var bind$2 = functionBindContext;
 var getOwnPropertyDescriptor = objectGetOwnPropertyDescriptor.f;
 var macrotask = task$1.set;
@@ -3106,7 +3082,7 @@ var IS_NODE$2 = engineIsNode;
 
 var MutationObserver = global$6.MutationObserver || global$6.WebKitMutationObserver;
 var document$2 = global$6.document;
-var process$2 = global$6.process;
+var process$1 = global$6.process;
 var Promise$1 = global$6.Promise;
 // Node.js 11 shows ExperimentalWarning on getting `queueMicrotask`
 var queueMicrotaskDescriptor = getOwnPropertyDescriptor(global$6, 'queueMicrotask');
@@ -3119,7 +3095,7 @@ if (!microtask$1) {
 
   var flush = function () {
     var parent, fn;
-    if (IS_NODE$2 && (parent = process$2.domain)) parent.exit();
+    if (IS_NODE$2 && (parent = process$1.domain)) parent.exit();
     while (fn = queue.get()) try {
       fn();
     } catch (error) {
@@ -3151,7 +3127,7 @@ if (!microtask$1) {
   // Node.js without promises
   } else if (IS_NODE$2) {
     notify$1 = function () {
-      process$2.nextTick(flush);
+      process$1.nextTick(flush);
     };
   // for other environments - macrotask based on:
   // - setImmediate
@@ -3178,7 +3154,7 @@ var microtask_1 = microtask$1;
 var hostReportErrors$1 = function (a, b) {
   try {
     // eslint-disable-next-line no-console -- safe
-    arguments.length == 1 ? console.error(a) : console.error(a, b);
+    arguments.length === 1 ? console.error(a) : console.error(a, b);
   } catch (error) { /* empty */ }
 };
 
@@ -3190,12 +3166,11 @@ var perform$3 = function (exec) {
   }
 };
 
-var global$5 = global$i;
+var global$5 = global$k;
 
 var promiseNativeConstructor = global$5.Promise;
 
 /* global Deno -- Deno case */
-
 var engineIsDeno = typeof Deno == 'object' && Deno && typeof Deno.version == 'object';
 
 var IS_DENO$1 = engineIsDeno;
@@ -3205,12 +3180,12 @@ var engineIsBrowser = !IS_DENO$1 && !IS_NODE$1
   && typeof window == 'object'
   && typeof document == 'object';
 
-var global$4 = global$i;
+var global$4 = global$k;
 var NativePromiseConstructor$3 = promiseNativeConstructor;
 var isCallable$3 = isCallable$l;
 var isForced = isForced_1;
 var inspectSource = inspectSource$3;
-var wellKnownSymbol$3 = wellKnownSymbol$e;
+var wellKnownSymbol$3 = wellKnownSymbol$g;
 var IS_BROWSER = engineIsBrowser;
 var IS_DENO = engineIsDeno;
 var V8_VERSION = engineV8Version;
@@ -3259,7 +3234,7 @@ var $TypeError$2 = TypeError;
 var PromiseCapability = function (C) {
   var resolve, reject;
   this.promise = new C(function ($$resolve, $$reject) {
-    if (resolve !== undefined || reject !== undefined) throw $TypeError$2('Bad Promise constructor');
+    if (resolve !== undefined || reject !== undefined) throw new $TypeError$2('Bad Promise constructor');
     resolve = $$resolve;
     reject = $$reject;
   });
@@ -3275,7 +3250,7 @@ newPromiseCapability$2.f = function (C) {
 
 var $$7 = _export;
 var IS_NODE = engineIsNode;
-var global$3 = global$i;
+var global$3 = global$k;
 var call$7 = functionCall;
 var defineBuiltIn$2 = defineBuiltIn$6;
 var setPrototypeOf = objectSetPrototypeOf;
@@ -3283,7 +3258,7 @@ var setToStringTag = setToStringTag$3;
 var setSpecies = setSpecies$1;
 var aCallable$3 = aCallable$8;
 var isCallable$2 = isCallable$l;
-var isObject$1 = isObject$8;
+var isObject$1 = isObject$9;
 var anInstance = anInstance$1;
 var speciesConstructor = speciesConstructor$1;
 var task = task$1.set;
@@ -3307,7 +3282,7 @@ var PromiseConstructor = NativePromiseConstructor$2;
 var PromisePrototype = NativePromisePrototype$1;
 var TypeError$1 = global$3.TypeError;
 var document$1 = global$3.document;
-var process$1 = global$3.process;
+var process = global$3.process;
 var newPromiseCapability$1 = newPromiseCapabilityModule$3.f;
 var newGenericPromiseCapability = newPromiseCapability$1;
 
@@ -3330,7 +3305,7 @@ var isThenable = function (it) {
 
 var callReaction = function (reaction, state) {
   var value = state.value;
-  var ok = state.state == FULFILLED;
+  var ok = state.state === FULFILLED;
   var handler = ok ? reaction.ok : reaction.fail;
   var resolve = reaction.resolve;
   var reject = reaction.reject;
@@ -3352,7 +3327,7 @@ var callReaction = function (reaction, state) {
         }
       }
       if (result === reaction.promise) {
-        reject(TypeError$1('Promise-chain cycle'));
+        reject(new TypeError$1('Promise-chain cycle'));
       } else if (then = isThenable(result)) {
         call$7(then, result, resolve, reject);
       } else resolve(result);
@@ -3399,7 +3374,7 @@ var onUnhandled = function (state) {
     if (IS_UNHANDLED) {
       result = perform$2(function () {
         if (IS_NODE) {
-          process$1.emit('unhandledRejection', value, promise);
+          process.emit('unhandledRejection', value, promise);
         } else dispatchEvent(UNHANDLED_REJECTION, promise, value);
       });
       // Browsers should not trigger `rejectionHandled` event if it was handled here, NodeJS - should
@@ -3417,7 +3392,7 @@ var onHandleUnhandled = function (state) {
   call$7(task, global$3, function () {
     var promise = state.facade;
     if (IS_NODE) {
-      process$1.emit('rejectionHandled', promise);
+      process.emit('rejectionHandled', promise);
     } else dispatchEvent(REJECTION_HANDLED, promise, state.value);
   });
 };
@@ -3442,7 +3417,7 @@ var internalResolve = function (state, value, unwrap) {
   state.done = true;
   if (unwrap) state = unwrap;
   try {
-    if (state.facade === value) throw TypeError$1("Promise can't be resolved itself");
+    if (state.facade === value) throw new TypeError$1("Promise can't be resolved itself");
     var then = isThenable(value);
     if (then) {
       microtask(function () {
@@ -3505,8 +3480,8 @@ if (FORCED_PROMISE_CONSTRUCTOR$4) {
     state.parent = true;
     reaction.ok = isCallable$2(onFulfilled) ? onFulfilled : true;
     reaction.fail = isCallable$2(onRejected) && onRejected;
-    reaction.domain = IS_NODE ? process$1.domain : undefined;
-    if (state.state == PENDING) state.reactions.add(reaction);
+    reaction.domain = IS_NODE ? process.domain : undefined;
+    if (state.state === PENDING) state.reactions.add(reaction);
     else microtask(function () {
       callReaction(reaction, state);
     });
@@ -3560,7 +3535,7 @@ $$7({ global: true, constructor: true, wrap: true, forced: FORCED_PROMISE_CONSTR
 setToStringTag(PromiseConstructor, PROMISE, false);
 setSpecies(PROMISE);
 
-var wellKnownSymbol$2 = wellKnownSymbol$e;
+var wellKnownSymbol$2 = wellKnownSymbol$g;
 var Iterators$1 = iterators;
 
 var ITERATOR$3 = wellKnownSymbol$2('iterator');
@@ -3571,18 +3546,18 @@ var isArrayIteratorMethod$1 = function (it) {
   return it !== undefined && (Iterators$1.Array === it || ArrayPrototype[ITERATOR$3] === it);
 };
 
-var classof$1 = classof$3;
+var classof = classof$4;
 var getMethod$1 = getMethod$3;
 var isNullOrUndefined = isNullOrUndefined$4;
 var Iterators = iterators;
-var wellKnownSymbol$1 = wellKnownSymbol$e;
+var wellKnownSymbol$1 = wellKnownSymbol$g;
 
 var ITERATOR$2 = wellKnownSymbol$1('iterator');
 
 var getIteratorMethod$2 = function (it) {
   if (!isNullOrUndefined(it)) return getMethod$1(it, ITERATOR$2)
     || getMethod$1(it, '@@iterator')
-    || Iterators[classof$1(it)];
+    || Iterators[classof(it)];
 };
 
 var call$6 = functionCall;
@@ -3596,7 +3571,7 @@ var $TypeError$1 = TypeError;
 var getIterator$1 = function (argument, usingIterator) {
   var iteratorMethod = arguments.length < 2 ? getIteratorMethod$1(argument) : usingIterator;
   if (aCallable$2(iteratorMethod)) return anObject$5(call$6(iteratorMethod, argument));
-  throw $TypeError$1(tryToString$1(argument) + ' is not iterable');
+  throw new $TypeError$1(tryToString$1(argument) + ' is not iterable');
 };
 
 var call$5 = functionCall;
@@ -3670,7 +3645,7 @@ var iterate$2 = function (iterable, unboundFunction, options) {
     iterator = iterable;
   } else {
     iterFn = getIteratorMethod(iterable);
-    if (!iterFn) throw $TypeError(tryToString(iterable) + ' is not iterable');
+    if (!iterFn) throw new $TypeError(tryToString(iterable) + ' is not iterable');
     // optimisation for array iterators
     if (isArrayIteratorMethod(iterFn)) {
       for (index = 0, length = lengthOfArrayLike(iterable); length > index; index++) {
@@ -3692,7 +3667,7 @@ var iterate$2 = function (iterable, unboundFunction, options) {
   } return new Result(false);
 };
 
-var wellKnownSymbol = wellKnownSymbol$e;
+var wellKnownSymbol = wellKnownSymbol$g;
 
 var ITERATOR$1 = wellKnownSymbol('iterator');
 var SAFE_CLOSING = false;
@@ -3715,7 +3690,9 @@ try {
 } catch (error) { /* empty */ }
 
 var checkCorrectnessOfIteration$1 = function (exec, SKIP_CLOSING) {
-  if (!SKIP_CLOSING && !SAFE_CLOSING) return false;
+  try {
+    if (!SKIP_CLOSING && !SAFE_CLOSING) return false;
+  } catch (error) { return false; } // workaround of old WebKit + `eval` bug
   var ITERATION_SUPPORT = false;
   try {
     var object = {};
@@ -3845,7 +3822,7 @@ $$3({ target: 'Promise', stat: true, forced: FORCED_PROMISE_CONSTRUCTOR$1 }, {
 });
 
 var anObject$2 = anObject$c;
-var isObject = isObject$8;
+var isObject = isObject$9;
 var newPromiseCapability = newPromiseCapability$2;
 
 var promiseResolve$1 = function (C, x) {
@@ -4134,23 +4111,14 @@ const Text = ({
   children: children
 }));
 
-var classof = classof$3;
-
-var $String = String;
-
-var toString$3 = function (argument) {
-  if (classof(argument) === 'Symbol') throw TypeError('Cannot convert a Symbol value to a string');
-  return $String(argument);
-};
-
 var $$1 = _export;
 var DESCRIPTORS = descriptors;
-var global$2 = global$i;
+var global$2 = global$k;
 var uncurryThis$2 = functionUncurryThis;
 var hasOwn$1 = hasOwnProperty_1;
 var isCallable = isCallable$l;
 var isPrototypeOf$1 = objectIsPrototypeOf;
-var toString$2 = toString$3;
+var toString$2 = toString$4;
 var defineBuiltInAccessor = defineBuiltInAccessor$2;
 var copyConstructorProperties = copyConstructorProperties$2;
 
@@ -4177,7 +4145,7 @@ if (DESCRIPTORS && isCallable(NativeSymbol) && (!('description' in SymbolPrototy
   SymbolWrapper.prototype = SymbolPrototype;
   SymbolPrototype.constructor = SymbolWrapper;
 
-  var NATIVE_SYMBOL = String(NativeSymbol('test')) == 'Symbol(test)';
+  var NATIVE_SYMBOL = String(NativeSymbol('description detection')) === 'Symbol(description detection)';
   var thisSymbolValue = uncurryThis$2(SymbolPrototype.valueOf);
   var symbolDescriptiveString = uncurryThis$2(SymbolPrototype.toString);
   var regexp = /^Symbol\((.*)\)[^)]+$/;
@@ -4317,6 +4285,61 @@ const Flexbox = _a => {
   }));
 };
 
+const InPageWizardStepCard = props => {
+  return jsxs("section", Object.assign({
+    className: `gds-in-page-wizard-step-card card ${props.stepStatus === 'IsActive' ? 'active' : ''} ${props.stepStatus === 'IsComplete' ? 'completed' : ''}`,
+    "data-testid": props.dataTestid
+  }, {
+    children: [jsxs("header", Object.assign({
+      className: "gds-in-page-wizard-step-card__header"
+    }, {
+      children: [jsx("div", Object.assign({
+        className: "gds-in-page-wizard-step-card__header__icon"
+      }, {
+        children: jsx(Check, {})
+      })), jsx("div", Object.assign({
+        className: "gds-in-page-wizard-step-card__header__progress"
+      }, {
+        children: props.stepText
+      })), jsx("div", Object.assign({
+        className: "gds-in-page-wizard-step-card__header__title"
+      }, {
+        children: jsx("h2", Object.assign({
+          className: "h4"
+        }, {
+          children: props.title
+        }))
+      })), props.stepStatus === 'IsComplete' && jsx("div", Object.assign({
+        className: "gds-in-page-wizard-step-card__header__edit"
+      }, {
+        children: jsxs("button", Object.assign({
+          className: "secondary small",
+          onClick: props.onEditClick
+        }, {
+          children: [jsx(Edit, {
+            fill: 'var(--color)',
+            height: 16,
+            width: 16
+          }), props.editBtnText]
+        }))
+      }))]
+    })), (props.stepStatus === 'IsActive' || props.stepStatus === 'IsComplete') && jsx("div", Object.assign({
+      className: "gds-in-page-wizard-step-card__content"
+    }, {
+      children: props.children
+    })), props.stepStatus === 'IsActive' && !props.hideFooter && jsx("footer", Object.assign({
+      className: "gds-in-page-wizard-step-card__footer"
+    }, {
+      children: jsxs("button", Object.assign({
+        className: "primary",
+        onClick: props.onNextClick
+      }, {
+        children: [props.nextBtnText, props.nextBtnIcon]
+      }))
+    }))]
+  }));
+};
+
 const Link = _a => {
   var {
       button,
@@ -4604,17 +4627,17 @@ var regexpGetFlags = function (R) {
 var PROPER_FUNCTION_NAME = functionName.PROPER;
 var defineBuiltIn = defineBuiltIn$6;
 var anObject = anObject$c;
-var $toString = toString$3;
-var fails$1 = fails$f;
+var $toString = toString$4;
+var fails$1 = fails$g;
 var getRegExpFlags = regexpGetFlags;
 
 var TO_STRING = 'toString';
 var RegExpPrototype = RegExp.prototype;
 var nativeToString = RegExpPrototype[TO_STRING];
 
-var NOT_GENERIC = fails$1(function () { return nativeToString.call({ source: 'a', flags: 'b' }) != '/a/b'; });
+var NOT_GENERIC = fails$1(function () { return nativeToString.call({ source: 'a', flags: 'b' }) !== '/a/b'; });
 // FF44- RegExp#toString has a wrong name
-var INCORRECT_NAME = PROPER_FUNCTION_NAME && nativeToString.name != TO_STRING;
+var INCORRECT_NAME = PROPER_FUNCTION_NAME && nativeToString.name !== TO_STRING;
 
 // `RegExp.prototype.toString` method
 // https://tc39.es/ecma262/#sec-regexp.prototype.tostring
@@ -4632,7 +4655,7 @@ const InputWrapper = ({
   unitLabel
 }) => jsx(Fragment, {
   children: unitLabel ? jsxs("div", Object.assign({
-    className: "group group-border"
+    className: "group group-border group-focus"
   }, {
     children: [children, jsx("span", Object.assign({
       className: "form-text"
@@ -4892,8 +4915,8 @@ var whitespaces$2 = '\u0009\u000A\u000B\u000C\u000D\u0020\u00A0\u1680\u2000\u200
   '\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200A\u202F\u205F\u3000\u2028\u2029\uFEFF';
 
 var uncurryThis$1 = functionUncurryThis;
-var requireObjectCoercible = requireObjectCoercible$3;
-var toString$1 = toString$3;
+var requireObjectCoercible = requireObjectCoercible$4;
+var toString$1 = toString$4;
 var whitespaces$1 = whitespaces$2;
 
 var replace = uncurryThis$1(''.replace);
@@ -4922,10 +4945,10 @@ var stringTrim = {
   trim: createMethod(3)
 };
 
-var global$1 = global$i;
-var fails = fails$f;
+var global$1 = global$k;
+var fails = fails$g;
 var uncurryThis = functionUncurryThis;
-var toString = toString$3;
+var toString = toString$4;
 var trim = stringTrim.trim;
 var whitespaces = whitespaces$2;
 
@@ -4950,7 +4973,7 @@ var $parseInt = numberParseInt;
 
 // `parseInt` method
 // https://tc39.es/ecma262/#sec-parseint-string-radix
-$({ global: true, forced: parseInt != $parseInt }, {
+$({ global: true, forced: parseInt !== $parseInt }, {
   parseInt: $parseInt
 });
 
@@ -5116,4 +5139,4 @@ const Modal = _a => {
   return isOpen ? modalContent() : null;
 };
 
-export { Accordion, AlertRibbon as Alert, AlertRibbon, Badge, Button, ButtonGroup, Card, Checkbox, Datepicker, Dropdown, EmailInput, Flexbox, Form, FormItem, FormItems, Group, Link, List$1 as List, Modal, Navbar, NumberInput, Option, OptionGroup, RadioButton, RadioGroup, RenderInput, Select, Slider, Stepper, Tab, Tabs, Text, TextInput, valueList$1 as ValueList };
+export { Accordion, AlertRibbon as Alert, AlertRibbon, Badge, Button, ButtonGroup, Card, Checkbox, CoreDropdown, CoreOption, Datepicker, Dropdown, EmailInput, Flexbox, Form, FormItem, FormItems, Group, InPageWizardStepCard, Link, List$1 as List, Modal, Navbar, NumberInput, Option, OptionGroup, RadioButton, RadioGroup, RenderInput, Select, Slider, Stepper, Tab, Tabs, Text, TextInput, valueList$1 as ValueList };