@bolttech/molecules-dropdown 0.37.3 → 0.37.5

package/index.cjs.js

@@ -16,7 +16,7 @@ var styled__default = /*#__PURE__*/_interopDefault(styled);
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
-var fails$j = function (exec) {
+var fails$i = function (exec) {
   try {
     return !!exec();
   } catch (error) {
@@ -24,9 +24,9 @@ var fails$j = function (exec) {
   }
 };
 
-var fails$i = fails$j;
+var fails$h = fails$i;
 
-var functionBindNative = !fails$i(function () {
+var functionBindNative = !fails$h(function () {
   // eslint-disable-next-line es/no-function-prototype-bind -- safe
   var test = function () { /* empty */ }.bind();
   // eslint-disable-next-line no-prototype-builtins -- safe
@@ -46,24 +46,24 @@ var functionUncurryThis = NATIVE_BIND$3 ? uncurryThisWithBind : function (fn) {
   };
 };
 
-var uncurryThis$h = functionUncurryThis;
+var uncurryThis$g = functionUncurryThis;
 
-var toString$7 = uncurryThis$h({}.toString);
-var stringSlice$5 = uncurryThis$h(''.slice);
+var toString$6 = uncurryThis$g({}.toString);
+var stringSlice$5 = uncurryThis$g(''.slice);
 
 var classofRaw$2 = function (it) {
-  return stringSlice$5(toString$7(it), 8, -1);
+  return stringSlice$5(toString$6(it), 8, -1);
 };
 
-var uncurryThis$g = functionUncurryThis;
-var fails$h = fails$j;
+var uncurryThis$f = functionUncurryThis;
+var fails$g = fails$i;
 var classof$4 = classofRaw$2;
 
 var $Object$4 = Object;
-var split = uncurryThis$g(''.split);
+var split = uncurryThis$f(''.split);
 
 // fallback for non-array-like ES3 and non-enumerable old V8 strings
-var indexedObject = fails$h(function () {
+var indexedObject = fails$g(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);
@@ -83,17 +83,17 @@ var $TypeError$b = TypeError;
 
 // `RequireObjectCoercible` abstract operation
 // https://tc39.es/ecma262/#sec-requireobjectcoercible
-var requireObjectCoercible$7 = function (it) {
+var requireObjectCoercible$6 = function (it) {
   if (isNullOrUndefined$2(it)) throw new $TypeError$b("Can't call method on " + it);
   return it;
 };
 
 // toObject with fallback for non-array-like ES3 strings
 var IndexedObject$1 = indexedObject;
-var requireObjectCoercible$6 = requireObjectCoercible$7;
+var requireObjectCoercible$5 = requireObjectCoercible$6;
 
 var toIndexedObject$5 = function (it) {
-  return IndexedObject$1(requireObjectCoercible$6(it));
+  return IndexedObject$1(requireObjectCoercible$5(it));
 };
 
 var check = function (it) {
@@ -149,20 +149,20 @@ var shared$4 = function (key, value) {
   return store$2[key] || (store$2[key] = value || {});
 };
 
-var requireObjectCoercible$5 = requireObjectCoercible$7;
+var requireObjectCoercible$4 = requireObjectCoercible$6;
 
 var $Object$3 = Object;
 
 // `ToObject` abstract operation
 // https://tc39.es/ecma262/#sec-toobject
 var toObject$4 = function (argument) {
-  return $Object$3(requireObjectCoercible$5(argument));
+  return $Object$3(requireObjectCoercible$4(argument));
 };
 
-var uncurryThis$f = functionUncurryThis;
+var uncurryThis$e = functionUncurryThis;
 var toObject$3 = toObject$4;
 
-var hasOwnProperty = uncurryThis$f({}.hasOwnProperty);
+var hasOwnProperty = uncurryThis$e({}.hasOwnProperty);
 
 // `HasOwnProperty` abstract operation
 // https://tc39.es/ecma262/#sec-hasownproperty
@@ -171,14 +171,14 @@ var hasOwnProperty_1 = Object.hasOwn || function hasOwn(it, key) {
   return hasOwnProperty(toObject$3(it), key);
 };
 
-var uncurryThis$e = functionUncurryThis;
+var uncurryThis$d = functionUncurryThis;
 
 var id = 0;
 var postfix = Math.random();
-var toString$6 = uncurryThis$e(1.1.toString);
+var toString$5 = uncurryThis$d(1.1.toString);
 
 var uid$2 = function (key) {
-  return 'Symbol(' + (key === undefined ? '' : key) + ')_' + toString$6(++id + postfix, 36);
+  return 'Symbol(' + (key === undefined ? '' : key) + ')_' + toString$5(++id + postfix, 36);
 };
 
 var globalThis$g = globalThis_1;
@@ -218,13 +218,13 @@ var environmentV8Version = version;
 
 /* eslint-disable es/no-symbol -- required for testing */
 var V8_VERSION = environmentV8Version;
-var fails$g = fails$j;
+var fails$f = fails$i;
 var globalThis$e = globalThis_1;
 
 var $String$5 = globalThis$e.String;
 
 // eslint-disable-next-line es/no-object-getownpropertysymbols -- required for testing
-var symbolConstructorDetection = !!Object.getOwnPropertySymbols && !fails$g(function () {
+var symbolConstructorDetection = !!Object.getOwnPropertySymbols && !fails$f(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
@@ -292,20 +292,20 @@ var anObject$i = function (argument) {
 
 var objectDefineProperties = {};
 
-var fails$f = fails$j;
+var fails$e = fails$i;
 
 // Detect IE8's incomplete defineProperty implementation
-var descriptors = !fails$f(function () {
+var descriptors = !fails$e(function () {
   // eslint-disable-next-line es/no-object-defineproperty -- required for testing
   return Object.defineProperty({}, 1, { get: function () { return 7; } })[1] !== 7;
 });
 
 var DESCRIPTORS$b = descriptors;
-var fails$e = fails$j;
+var fails$d = fails$i;
 
 // V8 ~ Chrome 36-
 // https://bugs.chromium.org/p/v8/issues/detail?id=3334
-var v8PrototypeDefineBug = DESCRIPTORS$b && fails$e(function () {
+var v8PrototypeDefineBug = DESCRIPTORS$b && fails$d(function () {
   // eslint-disable-next-line es/no-object-defineproperty -- required for testing
   return Object.defineProperty(function () { /* empty */ }, 'prototype', {
     value: 42,
@@ -327,11 +327,11 @@ var documentCreateElement$2 = function (it) {
 };
 
 var DESCRIPTORS$a = descriptors;
-var fails$d = fails$j;
+var fails$c = fails$i;
 var createElement = documentCreateElement$2;
 
 // Thanks to IE8 for its funny defineProperty
-var ie8DomDefine = !DESCRIPTORS$a && !fails$d(function () {
+var ie8DomDefine = !DESCRIPTORS$a && !fails$c(function () {
   // eslint-disable-next-line es/no-object-defineproperty -- required for testing
   return Object.defineProperty(createElement('div'), 'a', {
     get: function () { return 7; }
@@ -357,9 +357,9 @@ var getBuiltIn$3 = function (namespace, method) {
   return arguments.length < 2 ? aFunction(globalThis$b[namespace]) : globalThis$b[namespace] && globalThis$b[namespace][method];
 };
 
-var uncurryThis$d = functionUncurryThis;
+var uncurryThis$c = functionUncurryThis;
 
-var objectIsPrototypeOf = uncurryThis$d({}.isPrototypeOf);
+var objectIsPrototypeOf = uncurryThis$c({}.isPrototypeOf);
 
 var getBuiltIn$2 = getBuiltIn$3;
 var isCallable$e = isCallable$h;
@@ -560,7 +560,7 @@ var toAbsoluteIndex = toAbsoluteIndex$1;
 var lengthOfArrayLike$1 = lengthOfArrayLike$2;
 
 // `Array.prototype.{ indexOf, includes }` methods implementation
-var createMethod$2 = function (IS_INCLUDES) {
+var createMethod$1 = function (IS_INCLUDES) {
   return function ($this, el, fromIndex) {
     var O = toIndexedObject$4($this);
     var length = lengthOfArrayLike$1(O);
@@ -583,18 +583,18 @@ var createMethod$2 = function (IS_INCLUDES) {
 var arrayIncludes = {
   // `Array.prototype.indexOf` method
   // https://tc39.es/ecma262/#sec-array.prototype.indexof
-  indexOf: createMethod$2(false)
+  indexOf: createMethod$1(false)
 };
 
 var hiddenKeys$4 = {};
 
-var uncurryThis$c = functionUncurryThis;
+var uncurryThis$b = functionUncurryThis;
 var hasOwn$9 = hasOwnProperty_1;
 var toIndexedObject$3 = toIndexedObject$5;
 var indexOf$1 = arrayIncludes.indexOf;
 var hiddenKeys$3 = hiddenKeys$4;
 
-var push$1 = uncurryThis$c([].push);
+var push$1 = uncurryThis$b([].push);
 
 var objectKeysInternal = function (object, names) {
   var O = toIndexedObject$3(object);
@@ -930,11 +930,11 @@ var functionName = {
   CONFIGURABLE: CONFIGURABLE
 };
 
-var uncurryThis$b = functionUncurryThis;
+var uncurryThis$a = functionUncurryThis;
 var isCallable$a = isCallable$h;
 var store = sharedStoreExports;
 
-var functionToString = uncurryThis$b(Function.toString);
+var functionToString = uncurryThis$a(Function.toString);
 
 // this helper broken in `core-js@3.4.1-3.4.4`, so we can't use `shared` helper
 if (!isCallable$a(store.inspectSource)) {
@@ -945,8 +945,8 @@ if (!isCallable$a(store.inspectSource)) {
 
 var inspectSource$1 = store.inspectSource;
 
-var uncurryThis$a = functionUncurryThis;
-var fails$c = fails$j;
+var uncurryThis$9 = functionUncurryThis;
+var fails$b = fails$i;
 var isCallable$9 = isCallable$h;
 var hasOwn$5 = hasOwnProperty_1;
 var DESCRIPTORS$4 = descriptors;
@@ -959,11 +959,11 @@ var getInternalState$2 = InternalStateModule$2.get;
 var $String$2 = String;
 // eslint-disable-next-line es/no-object-defineproperty -- safe
 var defineProperty$4 = Object.defineProperty;
-var stringSlice$4 = uncurryThis$a(''.slice);
-var replace$3 = uncurryThis$a(''.replace);
-var join = uncurryThis$a([].join);
+var stringSlice$4 = uncurryThis$9(''.slice);
+var replace$2 = uncurryThis$9(''.replace);
+var join = uncurryThis$9([].join);
 
-var CONFIGURABLE_LENGTH = DESCRIPTORS$4 && !fails$c(function () {
+var CONFIGURABLE_LENGTH = DESCRIPTORS$4 && !fails$b(function () {
   return defineProperty$4(function () { /* empty */ }, 'length', { value: 8 }).length !== 8;
 });
 
@@ -971,7 +971,7 @@ var TEMPLATE = String(String).split('String');
 
 var makeBuiltIn$2 = makeBuiltIn$3.exports = function (value, name, options) {
   if (stringSlice$4($String$2(name), 0, 7) === 'Symbol(') {
-    name = '[' + replace$3($String$2(name), /^Symbol\(([^)]*)\).*$/, '$1') + ']';
+    name = '[' + replace$2($String$2(name), /^Symbol\(([^)]*)\).*$/, '$1') + ']';
   }
   if (options && options.getter) name = 'get ' + name;
   if (options && options.setter) name = 'set ' + name;
@@ -1050,12 +1050,12 @@ var objectGetOwnPropertySymbols = {};
 objectGetOwnPropertySymbols.f = Object.getOwnPropertySymbols;
 
 var getBuiltIn = getBuiltIn$3;
-var uncurryThis$9 = functionUncurryThis;
+var uncurryThis$8 = functionUncurryThis;
 var getOwnPropertyNamesModule = objectGetOwnPropertyNames;
 var getOwnPropertySymbolsModule$1 = objectGetOwnPropertySymbols;
 var anObject$e = anObject$i;
 
-var concat$2 = uncurryThis$9([].concat);
+var concat$2 = uncurryThis$8([].concat);
 
 // all object keys, includes non-enumerable and symbols
 var ownKeys$1 = getBuiltIn('Reflect', 'ownKeys') || function ownKeys(it) {
@@ -1081,7 +1081,7 @@ var copyConstructorProperties$1 = function (target, source, exceptions) {
   }
 };
 
-var fails$b = fails$j;
+var fails$a = fails$i;
 var isCallable$7 = isCallable$h;
 
 var replacement = /#|\.prototype\./;
@@ -1090,7 +1090,7 @@ var isForced$1 = function (feature, detection) {
   var value = data[normalize(feature)];
   return value === POLYFILL ? true
     : value === NATIVE ? false
-    : isCallable$7(detection) ? fails$b(detection)
+    : isCallable$7(detection) ? fails$a(detection)
     : !!detection;
 };
 
@@ -1159,9 +1159,9 @@ var _export = function (options, source) {
   }
 };
 
-var fails$a = fails$j;
+var fails$9 = fails$i;
 
-var correctPrototypeGetter = !fails$a(function () {
+var correctPrototypeGetter = !fails$9(function () {
   function F() { /* empty */ }
   F.prototype.constructor = null;
   // eslint-disable-next-line es/no-object-getprototypeof -- required for testing
@@ -1190,7 +1190,7 @@ var objectGetPrototypeOf = CORRECT_PROTOTYPE_GETTER ? $Object$1.getPrototypeOf :
   } return object instanceof $Object$1 ? ObjectPrototype : null;
 };
 
-var fails$9 = fails$j;
+var fails$8 = fails$i;
 var isCallable$5 = isCallable$h;
 var isObject$4 = isObject$a;
 var getPrototypeOf$2 = objectGetPrototypeOf;
@@ -1215,7 +1215,7 @@ if ([].keys) {
   }
 }
 
-var NEW_ITERATOR_PROTOTYPE = !isObject$4(IteratorPrototype$4) || fails$9(function () {
+var NEW_ITERATOR_PROTOTYPE = !isObject$4(IteratorPrototype$4) || fails$8(function () {
   var test = {};
   // FF44- legacy iterators case
   return IteratorPrototype$4[ITERATOR$5].call(test) !== test;
@@ -1265,13 +1265,13 @@ var iteratorCreateConstructor = function (IteratorConstructor, NAME, next, ENUME
   return IteratorConstructor;
 };
 
-var uncurryThis$8 = functionUncurryThis;
+var uncurryThis$7 = functionUncurryThis;
 var aCallable$7 = aCallable$9;
 
 var functionUncurryThisAccessor = function (object, key, method) {
   try {
     // eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
-    return uncurryThis$8(aCallable$7(Object.getOwnPropertyDescriptor(object, key)[method]));
+    return uncurryThis$7(aCallable$7(Object.getOwnPropertyDescriptor(object, key)[method]));
   } catch (error) { /* empty */ }
 };
 
@@ -1294,7 +1294,7 @@ var aPossiblePrototype$1 = function (argument) {
 /* eslint-disable no-proto -- safe */
 var uncurryThisAccessor = functionUncurryThisAccessor;
 var isObject$2 = isObject$a;
-var requireObjectCoercible$4 = requireObjectCoercible$7;
+var requireObjectCoercible$3 = requireObjectCoercible$6;
 var aPossiblePrototype = aPossiblePrototype$1;
 
 // `Object.setPrototypeOf` method
@@ -1311,7 +1311,7 @@ var objectSetPrototypeOf = Object.setPrototypeOf || ('__proto__' in {} ? functio
     CORRECT_SETTER = test instanceof Array;
   } catch (error) { /* empty */ }
   return function setPrototypeOf(O, proto) {
-    requireObjectCoercible$4(O);
+    requireObjectCoercible$3(O);
     aPossiblePrototype(proto);
     if (!isObject$2(O)) return O;
     if (CORRECT_SETTER) setter(O, proto);
@@ -1320,7 +1320,7 @@ var objectSetPrototypeOf = Object.setPrototypeOf || ('__proto__' in {} ? functio
   };
 }() : undefined);
 
-var $$9 = _export;
+var $$8 = _export;
 var call$h = functionCall;
 var FunctionName = functionName;
 var isCallable$4 = isCallable$h;
@@ -1334,7 +1334,7 @@ var wellKnownSymbol$9 = wellKnownSymbol$e;
 var Iterators$3 = iterators;
 var IteratorsCore = iteratorsCore;
 
-var PROPER_FUNCTION_NAME$1 = FunctionName.PROPER;
+var PROPER_FUNCTION_NAME = FunctionName.PROPER;
 var CONFIGURABLE_FUNCTION_NAME = FunctionName.CONFIGURABLE;
 var IteratorPrototype$2 = IteratorsCore.IteratorPrototype;
 var BUGGY_SAFARI_ITERATORS = IteratorsCore.BUGGY_SAFARI_ITERATORS;
@@ -1388,7 +1388,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 && DEFAULT === VALUES && nativeIterator && nativeIterator.name !== VALUES) {
     if (CONFIGURABLE_FUNCTION_NAME) {
       createNonEnumerableProperty$3(IterablePrototype, 'name', VALUES);
     } else {
@@ -1408,7 +1408,7 @@ var iteratorDefine = function (Iterable, NAME, IteratorConstructor, next, DEFAUL
       if (BUGGY_SAFARI_ITERATORS || INCORRECT_VALUES_NAME || !(KEY in IterablePrototype)) {
         defineBuiltIn$2(IterablePrototype, KEY, methods[KEY]);
       }
-    } else $$9({ target: NAME, proto: true, forced: BUGGY_SAFARI_ITERATORS || INCORRECT_VALUES_NAME }, methods);
+    } else $$8({ target: NAME, proto: true, forced: BUGGY_SAFARI_ITERATORS || INCORRECT_VALUES_NAME }, methods);
   }
 
   // define iterator
@@ -1514,7 +1514,7 @@ var createProperty$1 = function (object, key, value) {
   else object[key] = value;
 };
 
-var $$8 = _export;
+var $$7 = _export;
 var globalThis$7 = globalThis_1;
 var anInstance = anInstance$1;
 var anObject$d = anObject$i;
@@ -1522,7 +1522,7 @@ var isCallable$3 = isCallable$h;
 var getPrototypeOf = objectGetPrototypeOf;
 var defineBuiltInAccessor = defineBuiltInAccessor$1;
 var createProperty = createProperty$1;
-var fails$8 = fails$j;
+var fails$7 = fails$i;
 var hasOwn$1 = hasOwnProperty_1;
 var wellKnownSymbol$8 = wellKnownSymbol$e;
 var IteratorPrototype$1 = iteratorsCore.IteratorPrototype;
@@ -1539,7 +1539,7 @@ var NativeIterator = globalThis$7[ITERATOR$3];
 var FORCED$2 = !isCallable$3(NativeIterator)
   || NativeIterator.prototype !== IteratorPrototype$1
   // FF44- non-standard `Iterator` passes previous tests
-  || !fails$8(function () { NativeIterator({}); });
+  || !fails$7(function () { NativeIterator({}); });
 
 var IteratorConstructor = function Iterator() {
   anInstance(this, IteratorPrototype$1);
@@ -1573,25 +1573,25 @@ IteratorConstructor.prototype = IteratorPrototype$1;
 
 // `Iterator` constructor
 // https://tc39.es/ecma262/#sec-iterator
-$$8({ global: true, constructor: true, forced: FORCED$2 }, {
+$$7({ global: true, constructor: true, forced: FORCED$2 }, {
   Iterator: IteratorConstructor
 });
 
 var classofRaw$1 = classofRaw$2;
-var uncurryThis$7 = functionUncurryThis;
+var uncurryThis$6 = functionUncurryThis;
 
 var functionUncurryThisClause = function (fn) {
   // Nashorn bug:
   //   https://github.com/zloirock/core-js/issues/1128
   //   https://github.com/zloirock/core-js/issues/1130
-  if (classofRaw$1(fn) === 'Function') return uncurryThis$7(fn);
+  if (classofRaw$1(fn) === 'Function') return uncurryThis$6(fn);
 };
 
-var uncurryThis$6 = functionUncurryThisClause;
+var uncurryThis$5 = functionUncurryThisClause;
 var aCallable$6 = aCallable$9;
 var NATIVE_BIND$1 = functionBindNative;
 
-var bind$1 = uncurryThis$6(uncurryThis$6.bind);
+var bind$1 = uncurryThis$5(uncurryThis$5.bind);
 
 // optional / simple context binding
 var functionBindContext = function (fn, that) {
@@ -1810,7 +1810,7 @@ var iteratorHelperWithoutClosingOnEarlyError$5 = function (METHOD_NAME, Expected
   if (!CLOSED) return method;
 };
 
-var $$7 = _export;
+var $$6 = _export;
 var call$d = functionCall;
 var iterate$2 = iterate$3;
 var aCallable$4 = aCallable$9;
@@ -1823,7 +1823,7 @@ var findWithoutClosingOnEarlyError = iteratorHelperWithoutClosingOnEarlyError$4(
 
 // `Iterator.prototype.find` method
 // https://tc39.es/ecma262/#sec-iterator.prototype.find
-$$7({ target: 'Iterator', proto: true, real: true, forced: findWithoutClosingOnEarlyError }, {
+$$6({ target: 'Iterator', proto: true, real: true, forced: findWithoutClosingOnEarlyError }, {
   find: function find(predicate) {
     anObject$9(this);
     try {
@@ -1842,7 +1842,7 @@ $$7({ target: 'Iterator', proto: true, real: true, forced: findWithoutClosingOnE
   }
 });
 
-var $$6 = _export;
+var $$5 = _export;
 var call$c = functionCall;
 var iterate$1 = iterate$3;
 var aCallable$3 = aCallable$9;
@@ -1855,7 +1855,7 @@ var someWithoutClosingOnEarlyError = iteratorHelperWithoutClosingOnEarlyError$3(
 
 // `Iterator.prototype.some` method
 // https://tc39.es/ecma262/#sec-iterator.prototype.some
-$$6({ target: 'Iterator', proto: true, real: true, forced: someWithoutClosingOnEarlyError }, {
+$$5({ target: 'Iterator', proto: true, real: true, forced: someWithoutClosingOnEarlyError }, {
   some: function some(predicate) {
     anObject$8(this);
     try {
@@ -1875,9 +1875,9 @@ $$6({ target: 'Iterator', proto: true, real: true, forced: someWithoutClosingOnE
 });
 
 var DESCRIPTORS = descriptors;
-var uncurryThis$5 = functionUncurryThis;
+var uncurryThis$4 = functionUncurryThis;
 var call$b = functionCall;
-var fails$7 = fails$j;
+var fails$6 = fails$i;
 var objectKeys = objectKeys$2;
 var getOwnPropertySymbolsModule = objectGetOwnPropertySymbols;
 var propertyIsEnumerableModule = objectPropertyIsEnumerable;
@@ -1888,11 +1888,11 @@ var IndexedObject = indexedObject;
 var $assign = Object.assign;
 // eslint-disable-next-line es/no-object-defineproperty -- required for testing
 var defineProperty = Object.defineProperty;
-var concat$1 = uncurryThis$5([].concat);
+var concat$1 = uncurryThis$4([].concat);
 
 // `Object.assign` method
 // https://tc39.es/ecma262/#sec-object.assign
-var objectAssign = !$assign || fails$7(function () {
+var objectAssign = !$assign || fails$6(function () {
   // should have correct order of operations (Edge bug)
   if (DESCRIPTORS && $assign({ b: 1 }, $assign(defineProperty({}, 'a', {
     enumerable: true,
@@ -1932,13 +1932,13 @@ var objectAssign = !$assign || fails$7(function () {
   } return T;
 } : $assign;
 
-var $$5 = _export;
+var $$4 = _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
-$$5({ target: 'Object', stat: true, arity: 2, forced: Object.assign !== assign }, {
+$$4({ target: 'Object', stat: true, arity: 2, forced: Object.assign !== assign }, {
   assign: assign
 });
 
@@ -2071,7 +2071,7 @@ var classof$1 = classof$3;
 
 var $String = String;
 
-var toString$5 = function (argument) {
+var toString$4 = function (argument) {
   if (classof$1(argument) === 'Symbol') throw new TypeError('Cannot convert a Symbol value to a string');
   return $String(argument);
 };
@@ -2094,13 +2094,13 @@ var regexpFlags$1 = function () {
   return result;
 };
 
-var fails$6 = fails$j;
+var fails$5 = fails$i;
 var globalThis$4 = globalThis_1;
 
 // babel-minify and Closure Compiler transpiles RegExp('a', 'y') -> /a/y and it causes SyntaxError
 var $RegExp$2 = globalThis$4.RegExp;
 
-var UNSUPPORTED_Y$1 = fails$6(function () {
+var UNSUPPORTED_Y$1 = fails$5(function () {
   var re = $RegExp$2('a', 'y');
   re.lastIndex = 2;
   return re.exec('abcd') !== null;
@@ -2108,11 +2108,11 @@ var UNSUPPORTED_Y$1 = fails$6(function () {
 
 // UC Browser bug
 // https://github.com/zloirock/core-js/issues/1008
-UNSUPPORTED_Y$1 || fails$6(function () {
+UNSUPPORTED_Y$1 || fails$5(function () {
   return !$RegExp$2('a', 'y').sticky;
 });
 
-var BROKEN_CARET = UNSUPPORTED_Y$1 || fails$6(function () {
+var BROKEN_CARET = UNSUPPORTED_Y$1 || fails$5(function () {
   // https://bugzilla.mozilla.org/show_bug.cgi?id=773687
   var re = $RegExp$2('^r', 'gy');
   re.lastIndex = 2;
@@ -2122,24 +2122,24 @@ var BROKEN_CARET = UNSUPPORTED_Y$1 || fails$6(function () {
 var regexpStickyHelpers = {
   BROKEN_CARET: BROKEN_CARET};
 
-var fails$5 = fails$j;
+var fails$4 = fails$i;
 var globalThis$3 = globalThis_1;
 
 // babel-minify and Closure Compiler transpiles RegExp('.', 's') -> /./s and it causes SyntaxError
 var $RegExp$1 = globalThis$3.RegExp;
 
-var regexpUnsupportedDotAll = fails$5(function () {
+var regexpUnsupportedDotAll = fails$4(function () {
   var re = $RegExp$1('.', 's');
   return !(re.dotAll && re.test('\n') && re.flags === 's');
 });
 
-var fails$4 = fails$j;
+var fails$3 = fails$i;
 var globalThis$2 = globalThis_1;
 
 // babel-minify and Closure Compiler transpiles RegExp('(?<a>b)', 'g') -> /(?<a>b)/g and it causes SyntaxError
 var $RegExp = globalThis$2.RegExp;
 
-var regexpUnsupportedNcg = fails$4(function () {
+var regexpUnsupportedNcg = fails$3(function () {
   var re = $RegExp('(?<a>b)', 'g');
   return re.exec('b').groups.a !== 'b' ||
     'b'.replace(re, '$<a>c') !== 'bc';
@@ -2148,8 +2148,8 @@ var regexpUnsupportedNcg = fails$4(function () {
 /* eslint-disable regexp/no-empty-capturing-group, regexp/no-empty-group, regexp/no-lazy-ends -- testing */
 /* eslint-disable regexp/no-useless-quantifier -- testing */
 var call$a = functionCall;
-var uncurryThis$4 = functionUncurryThis;
-var toString$4 = toString$5;
+var uncurryThis$3 = functionUncurryThis;
+var toString$3 = toString$4;
 var regexpFlags = regexpFlags$1;
 var stickyHelpers = regexpStickyHelpers;
 var shared = shared$4;
@@ -2161,10 +2161,10 @@ var UNSUPPORTED_NCG = regexpUnsupportedNcg;
 var nativeReplace = shared('native-string-replace', String.prototype.replace);
 var nativeExec = RegExp.prototype.exec;
 var patchedExec = nativeExec;
-var charAt$3 = uncurryThis$4(''.charAt);
-var indexOf = uncurryThis$4(''.indexOf);
-var replace$2 = uncurryThis$4(''.replace);
-var stringSlice$3 = uncurryThis$4(''.slice);
+var charAt$3 = uncurryThis$3(''.charAt);
+var indexOf = uncurryThis$3(''.indexOf);
+var replace$1 = uncurryThis$3(''.replace);
+var stringSlice$3 = uncurryThis$3(''.slice);
 
 var UPDATES_LAST_INDEX_WRONG = (function () {
   var re1 = /a/;
@@ -2193,7 +2193,7 @@ if (PATCH) {
   patchedExec = function exec(string) {
     var re = this;
     var state = getInternalState(re);
-    var str = toString$4(string);
+    var str = toString$3(string);
     var raw = state.raw;
     var result, reCopy, lastIndex;
 
@@ -2215,7 +2215,7 @@ if (PATCH) {
     var strCopy = str;
 
     if (sticky) {
-      flags = replace$2(flags, 'y', '');
+      flags = replace$1(flags, 'y', '');
       if (indexOf(flags, 'g') === -1) {
         flags += 'g';
       }
@@ -2269,12 +2269,12 @@ if (PATCH) {
 
 var regexpExec$2 = patchedExec;
 
-var $$4 = _export;
+var $$3 = _export;
 var exec = regexpExec$2;
 
 // `RegExp.prototype.exec` method
 // https://tc39.es/ecma262/#sec-regexp.prototype.exec
-$$4({ target: 'RegExp', proto: true, forced: /./.exec !== exec }, {
+$$3({ target: 'RegExp', proto: true, forced: /./.exec !== exec }, {
   exec: exec
 });
 
@@ -2294,7 +2294,7 @@ var functionApply = typeof Reflect == 'object' && Reflect.apply || (NATIVE_BIND
 var call$8 = functionCall;
 var defineBuiltIn$1 = defineBuiltIn$5;
 var regexpExec$1 = regexpExec$2;
-var fails$3 = fails$j;
+var fails$2 = fails$i;
 var wellKnownSymbol$2 = wellKnownSymbol$e;
 var createNonEnumerableProperty$1 = createNonEnumerableProperty$6;
 
@@ -2304,7 +2304,7 @@ var RegExpPrototype$1 = RegExp.prototype;
 var fixRegexpWellKnownSymbolLogic = function (KEY, exec, FORCED, SHAM) {
   var SYMBOL = wellKnownSymbol$2(KEY);
 
-  var DELEGATES_TO_SYMBOL = !fails$3(function () {
+  var DELEGATES_TO_SYMBOL = !fails$2(function () {
     // String methods call symbol-named RegExp methods
     var O = {};
     // eslint-disable-next-line unicorn/no-immediate-mutation -- ES3 syntax limitation
@@ -2312,7 +2312,7 @@ var fixRegexpWellKnownSymbolLogic = function (KEY, exec, FORCED, SHAM) {
     return ''[KEY](O) !== 7;
   });
 
-  var DELEGATES_TO_EXEC = DELEGATES_TO_SYMBOL && !fails$3(function () {
+  var DELEGATES_TO_EXEC = DELEGATES_TO_SYMBOL && !fails$2(function () {
     // Symbol-named RegExp methods call .exec
     var execCalled = false;
     var re = /a/;
@@ -2367,18 +2367,18 @@ var fixRegexpWellKnownSymbolLogic = function (KEY, exec, FORCED, SHAM) {
   if (SHAM) createNonEnumerableProperty$1(RegExpPrototype$1[SYMBOL], 'sham', true);
 };
 
-var uncurryThis$3 = functionUncurryThis;
+var uncurryThis$2 = functionUncurryThis;
 var toIntegerOrInfinity$1 = toIntegerOrInfinity$4;
-var toString$3 = toString$5;
-var requireObjectCoercible$3 = requireObjectCoercible$7;
+var toString$2 = toString$4;
+var requireObjectCoercible$2 = requireObjectCoercible$6;
 
-var charAt$2 = uncurryThis$3(''.charAt);
-var charCodeAt = uncurryThis$3(''.charCodeAt);
-var stringSlice$2 = uncurryThis$3(''.slice);
+var charAt$2 = uncurryThis$2(''.charAt);
+var charCodeAt = uncurryThis$2(''.charCodeAt);
+var stringSlice$2 = uncurryThis$2(''.slice);
 
-var createMethod$1 = function (CONVERT_TO_STRING) {
+var createMethod = function (CONVERT_TO_STRING) {
   return function ($this, pos) {
-    var S = toString$3(requireObjectCoercible$3($this));
+    var S = toString$2(requireObjectCoercible$2($this));
     var position = toIntegerOrInfinity$1(pos);
     var size = S.length;
     var first, second;
@@ -2398,7 +2398,7 @@ var createMethod$1 = function (CONVERT_TO_STRING) {
 var stringMultibyte = {
   // `String.prototype.at` method
   // https://github.com/mathiasbynens/String.prototype.at
-  charAt: createMethod$1(true)
+  charAt: createMethod(true)
 };
 
 var charAt$1 = stringMultibyte.charAt;
@@ -2409,13 +2409,13 @@ var advanceStringIndex$1 = function (S, index, unicode) {
   return index + (unicode ? charAt$1(S, index).length || 1 : 1);
 };
 
-var uncurryThis$2 = functionUncurryThis;
+var uncurryThis$1 = functionUncurryThis;
 var toObject = toObject$4;
 
 var floor = Math.floor;
-var charAt = uncurryThis$2(''.charAt);
-var replace$1 = uncurryThis$2(''.replace);
-var stringSlice$1 = uncurryThis$2(''.slice);
+var charAt = uncurryThis$1(''.charAt);
+var replace = uncurryThis$1(''.replace);
+var stringSlice$1 = uncurryThis$1(''.slice);
 // eslint-disable-next-line redos/no-vulnerable -- safe
 var SUBSTITUTION_SYMBOLS = /\$([$&'`]|\d{1,2}|<[^>]*>)/g;
 var SUBSTITUTION_SYMBOLS_NO_NAMED = /\$([$&'`]|\d{1,2})/g;
@@ -2430,7 +2430,7 @@ var getSubstitution$1 = function (matched, str, position, captures, namedCapture
     namedCaptures = toObject(namedCaptures);
     symbols = SUBSTITUTION_SYMBOLS;
   }
-  return replace$1(replacement, symbols, function (match, ch) {
+  return replace(replacement, symbols, function (match, ch) {
     var capture;
     switch (charAt(ch, 0)) {
       case '$': return '$';
@@ -2456,12 +2456,12 @@ var getSubstitution$1 = function (matched, str, position, captures, namedCapture
 };
 
 var globalThis$1 = globalThis_1;
-var fails$2 = fails$j;
+var fails$1 = fails$i;
 
 // babel-minify and Closure Compiler transpiles RegExp('.', 'd') -> /./d and it causes SyntaxError
 var RegExp$1 = globalThis$1.RegExp;
 
-var FLAGS_GETTER_IS_CORRECT = !fails$2(function () {
+var FLAGS_GETTER_IS_CORRECT = !fails$1(function () {
   var INDICES_SUPPORT = true;
   try {
     RegExp$1('.', 'd');
@@ -2541,16 +2541,16 @@ var regexpExecAbstract = function (R, S) {
 
 var apply = functionApply;
 var call$5 = functionCall;
-var uncurryThis$1 = functionUncurryThis;
+var uncurryThis = functionUncurryThis;
 var fixRegExpWellKnownSymbolLogic$1 = fixRegexpWellKnownSymbolLogic;
-var fails$1 = fails$j;
+var fails = fails$i;
 var anObject$5 = anObject$i;
 var isCallable = isCallable$h;
 var isObject$1 = isObject$a;
 var toIntegerOrInfinity = toIntegerOrInfinity$4;
 var toLength = toLength$2;
-var toString$2 = toString$5;
-var requireObjectCoercible$2 = requireObjectCoercible$7;
+var toString$1 = toString$4;
+var requireObjectCoercible$1 = requireObjectCoercible$6;
 var advanceStringIndex = advanceStringIndex$1;
 var getMethod$2 = getMethod$6;
 var getSubstitution = getSubstitution$1;
@@ -2561,10 +2561,10 @@ var wellKnownSymbol$1 = wellKnownSymbol$e;
 var REPLACE = wellKnownSymbol$1('replace');
 var max = Math.max;
 var min = Math.min;
-var concat = uncurryThis$1([].concat);
-var push = uncurryThis$1([].push);
-var stringIndexOf = uncurryThis$1(''.indexOf);
-var stringSlice = uncurryThis$1(''.slice);
+var concat = uncurryThis([].concat);
+var push = uncurryThis([].push);
+var stringIndexOf = uncurryThis(''.indexOf);
+var stringSlice = uncurryThis(''.slice);
 
 var maybeToString = function (it) {
   return it === undefined ? it : String(it);
@@ -2585,7 +2585,7 @@ var REGEXP_REPLACE_SUBSTITUTES_UNDEFINED_CAPTURE = (function () {
   return false;
 })();
 
-var REPLACE_SUPPORTS_NAMED_GROUPS = !fails$1(function () {
+var REPLACE_SUPPORTS_NAMED_GROUPS = !fails(function () {
   var re = /./;
   re.exec = function () {
     var result = [];
@@ -2604,21 +2604,21 @@ fixRegExpWellKnownSymbolLogic$1('replace', function (_, nativeReplace, maybeCall
     // `String.prototype.replace` method
     // https://tc39.es/ecma262/#sec-string.prototype.replace
     function replace(searchValue, replaceValue) {
-      var O = requireObjectCoercible$2(this);
+      var O = requireObjectCoercible$1(this);
       var replacer = isObject$1(searchValue) ? getMethod$2(searchValue, REPLACE) : undefined;
       return replacer
         ? call$5(replacer, searchValue, O, replaceValue)
-        : call$5(nativeReplace, toString$2(O), searchValue, replaceValue);
+        : call$5(nativeReplace, toString$1(O), searchValue, replaceValue);
     },
     // `RegExp.prototype[@@replace]` method
     // https://tc39.es/ecma262/#sec-regexp.prototype-@@replace
     function (string, replaceValue) {
       var rx = anObject$5(this);
-      var S = toString$2(string);
+      var S = toString$1(string);
 
       var functionalReplace = isCallable(replaceValue);
-      if (!functionalReplace) replaceValue = toString$2(replaceValue);
-      var flags = toString$2(getRegExpFlags(rx));
+      if (!functionalReplace) replaceValue = toString$1(replaceValue);
+      var flags = toString$1(getRegExpFlags(rx));
 
       if (
         typeof replaceValue == 'string' &&
@@ -2646,7 +2646,7 @@ fixRegExpWellKnownSymbolLogic$1('replace', function (_, nativeReplace, maybeCall
         push(results, result);
         if (!global) break;
 
-        var matchStr = toString$2(result[0]);
+        var matchStr = toString$1(result[0]);
         if (matchStr === '') rx.lastIndex = advanceStringIndex(S, toLength(rx.lastIndex), fullUnicode);
       }
 
@@ -2655,7 +2655,7 @@ fixRegExpWellKnownSymbolLogic$1('replace', function (_, nativeReplace, maybeCall
       for (var i = 0; i < results.length; i++) {
         result = results[i];
 
-        var matched = toString$2(result[0]);
+        var matched = toString$1(result[0]);
         var position = max(min(toIntegerOrInfinity(result.index), S.length), 0);
         var captures = [];
         var replacement;
@@ -2669,7 +2669,7 @@ fixRegExpWellKnownSymbolLogic$1('replace', function (_, nativeReplace, maybeCall
         if (functionalReplace) {
           var replacerArgs = concat([matched], captures, position, S);
           if (namedCaptures !== undefined) push(replacerArgs, namedCaptures);
-          replacement = toString$2(apply(replaceValue, undefined, replacerArgs));
+          replacement = toString$1(apply(replaceValue, undefined, replacerArgs));
         } else {
           replacement = getSubstitution(matched, S, position, captures, namedCaptures, replaceValue);
         }
@@ -2688,7 +2688,7 @@ const ClickableElement = /*#__PURE__*/styled__default.default.div.withConfig({
   displayName: "molecules-dropdownstyles__ClickableElement",
   componentId: "sc-3wugi4-0"
 })(["display:flex;flex-direction:column;justify-content:center;cursor:pointer;"]);
-const ContainerDropdown = /*#__PURE__*/styled__default.default.section.withConfig({
+const ContainerDropdown = /*#__PURE__*/styled__default.default.div.withConfig({
   displayName: "molecules-dropdownstyles__ContainerDropdown",
   componentId: "sc-3wugi4-1"
 })(["display:flex;padding-top:", ";padding-bottom:", ";padding-right:", ";padding-left:", ";gap:", ";background-color:", ";outline:", ";outline-offset:calc( ", "* -1 );border-radius:", ";box-shadow:", ";margin-bottom:", ";input{display:inline-block;text-overflow:ellipsis;white-space:nowrap;width:100%;overflow-x:hidden;}.fieldLabel{color:", ";font-weight:", ";line-height:", ";font-size:", ";letter-spacing:", ";margin:0;}.requiredLabel{color:", ";font-weight:", ";line-height:", ";font-size:", ";letter-spacing:", ";}label.material-symbols-sharp{color:", ";}&:focus-within{background-color:", ";outline:", ";", "}", " ", ""], ({
@@ -2812,7 +2812,7 @@ const ContainerDropdown = /*#__PURE__*/styled__default.default.section.withConfi
   theme,
   $variant
 }) => theme.components.dropdown[$variant].text.color.fieldLabel.disable));
-const SectionContainer = /*#__PURE__*/styled__default.default.section.withConfig({
+const SectionContainer = /*#__PURE__*/styled__default.default.div.withConfig({
   displayName: "molecules-dropdownstyles__SectionContainer",
   componentId: "sc-3wugi4-2"
 })(["position:relative;.top{top:-", ";transform:translateY(-100%);}.bottom{top:", ";}.errorMessage{padding-right:", ";padding-left:", ";p{color:", ";font-weight:", ";line-height:", ";font-size:", ";letter-spacing:", ";}}.helperMessage{padding-right:", ";padding-left:", ";margin-top:", ";p{color:", ";font-weight:", ";line-height:", ";font-size:", ";letter-spacing:", ";}}"], ({
@@ -2903,9 +2903,10 @@ const ReusableDropdownComponent = _a => {
       onBlur,
       onFocus,
       onKeyUp,
-      onKeyDown
+      onKeyDown,
+      activeDescendantId
     } = _a,
-    props = __rest(_a, ["id", "dataTestId", "label", "variant", "required", "inputValue", "inputLabel", "disabled", "errorMessage", "helperMessage", "onChangeInputValue", "onChangeInputLabel", "setShowSelectComponent", "showSelectComponent", "setSelectedOptionOnInputValue", "disableSearch", "inputRef", "placeholder", "onBlur", "onFocus", "onKeyUp", "onKeyDown"]);
+    props = __rest(_a, ["id", "dataTestId", "label", "variant", "required", "inputValue", "inputLabel", "disabled", "errorMessage", "helperMessage", "onChangeInputValue", "onChangeInputLabel", "setShowSelectComponent", "showSelectComponent", "setSelectedOptionOnInputValue", "disableSearch", "inputRef", "placeholder", "onBlur", "onFocus", "onKeyUp", "onKeyDown", "activeDescendantId"]);
   const hasError = !!errorMessage;
   // we have to type cast because of jest. when testing it sets the type of useTheme to DefaultTheme
   const theme = /*#__PURE__*/styled.useTheme();
@@ -2923,6 +2924,9 @@ const ReusableDropdownComponent = _a => {
         e.preventDefault();
         if (showSelectComponent === false) {
           (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+          onChangeInputValue('');
+          onChangeInputLabel('');
+          setShowSelectComponent(true);
         } else {
           (_b = inputRef.current) === null || _b === void 0 ? void 0 : _b.blur();
         }
@@ -2937,18 +2941,23 @@ const ReusableDropdownComponent = _a => {
           }), required && jsxRuntime.jsx("span", {
             className: "requiredLabel",
             "data-testid": `${dataTestId}-label-required`,
+            "aria-hidden": "true",
             children: "*"
           })]
         }), jsxRuntime.jsx(InputAndIconDropdown, {
           children: jsxRuntime.jsx(atomsInput.InputStyled, Object.assign({
             role: "combobox",
             "aria-haspopup": "listbox",
-            "aria-owns": `${id}-listbox`,
+            "aria-owns": `${id}-select-container`,
+            "aria-labelledby": label ? `${id}-label` : undefined,
             "aria-disabled": disabled,
             "aria-invalid": hasError,
             "aria-required": required,
+            required: required,
             "aria-describedby": hasError ? `${id}-error` : helperMessage ? `${id}-helper` : undefined,
             "aria-expanded": showSelectComponent,
+            "aria-autocomplete": disableSearch ? 'none' : 'list',
+            "aria-activedescendant": showSelectComponent ? activeDescendantId : undefined,
             id: `${id}-input`,
             "data-testid": `${dataTestId}-input`,
             ref: inputRef,
@@ -2961,13 +2970,13 @@ const ReusableDropdownComponent = _a => {
             readOnly: disableSearch,
             onChange: e => {
               var _a, _b;
+              if (!showSelectComponent) {
+                setShowSelectComponent(true);
+              }
               onChangeInputValue(((_a = e === null || e === void 0 ? void 0 : e.target) === null || _a === void 0 ? void 0 : _a.value) || '');
               onChangeInputLabel(((_b = e === null || e === void 0 ? void 0 : e.target) === null || _b === void 0 ? void 0 : _b.value) || '');
             },
             onFocus: event => {
-              setShowSelectComponent(true);
-              onChangeInputValue('');
-              onChangeInputLabel('');
               onFocus && onFocus(event);
             },
             onBlur: event => {
@@ -2985,6 +2994,7 @@ const ReusableDropdownComponent = _a => {
           }, uiUtils.applyDataAttributes(props, 'input')))
         })]
       }), jsxRuntime.jsx(ClickableElement, {
+        "aria-hidden": "true",
         children: jsxRuntime.jsx(atomsIcon.Icon, {
           ariaHidden: true,
           dataTestId: `${dataTestId}-icon`,
@@ -2994,7 +3004,8 @@ const ReusableDropdownComponent = _a => {
       })]
     }), !showSelectComponent && hasError && errorMessage && jsxRuntime.jsx("div", {
       id: `${id}-error`,
-      role: "alert",
+      "aria-live": "assertive",
+      "aria-atomic": "true",
       className: "errorMessage",
       children: jsxRuntime.jsx("p", {
         "data-testid": `${dataTestId}-label-error-message`,
@@ -3002,7 +3013,7 @@ const ReusableDropdownComponent = _a => {
       })
     }), !showSelectComponent && !errorMessage && helperMessage && jsxRuntime.jsx("div", {
       id: `${id}-helper`,
-      role: "status",
+      "aria-live": "polite",
       className: "helperMessage",
       children: jsxRuntime.jsx("p", {
         "data-testid": `${dataTestId}-label-helper-message`,
@@ -3148,7 +3159,7 @@ var iteratorHelperThrowsOnInvalidIterator$2 = function (methodName, argument) {
   }
 };
 
-var $$3 = _export;
+var $$2 = _export;
 var call$3 = functionCall;
 var aCallable$2 = aCallable$9;
 var anObject$3 = anObject$i;
@@ -3181,7 +3192,7 @@ var IteratorProxy$1 = createIteratorProxy$1(function () {
 
 // `Iterator.prototype.filter` method
 // https://tc39.es/ecma262/#sec-iterator.prototype.filter
-$$3({ target: 'Iterator', proto: true, real: true, forced: FORCED$1 }, {
+$$2({ target: 'Iterator', proto: true, real: true, forced: FORCED$1 }, {
   filter: function filter(predicate) {
     anObject$3(this);
     try {
@@ -3198,7 +3209,7 @@ $$3({ target: 'Iterator', proto: true, real: true, forced: FORCED$1 }, {
   }
 });
 
-var $$2 = _export;
+var $$1 = _export;
 var call$2 = functionCall;
 var aCallable$1 = aCallable$9;
 var anObject$2 = anObject$i;
@@ -3224,7 +3235,7 @@ var IteratorProxy = createIteratorProxy(function () {
 
 // `Iterator.prototype.map` method
 // https://tc39.es/ecma262/#sec-iterator.prototype.map
-$$2({ target: 'Iterator', proto: true, real: true, forced: FORCED }, {
+$$1({ target: 'Iterator', proto: true, real: true, forced: FORCED }, {
   map: function map(mapper) {
     anObject$2(this);
     try {
@@ -3253,9 +3264,9 @@ var call$1 = functionCall;
 var fixRegExpWellKnownSymbolLogic = fixRegexpWellKnownSymbolLogic;
 var anObject$1 = anObject$i;
 var isObject = isObject$a;
-var requireObjectCoercible$1 = requireObjectCoercible$7;
+var requireObjectCoercible = requireObjectCoercible$6;
 var sameValue = sameValue$1;
-var toString$1 = toString$5;
+var toString = toString$4;
 var getMethod = getMethod$6;
 var regExpExec = regexpExecAbstract;
 
@@ -3265,15 +3276,15 @@ fixRegExpWellKnownSymbolLogic('search', function (SEARCH, nativeSearch, maybeCal
     // `String.prototype.search` method
     // https://tc39.es/ecma262/#sec-string.prototype.search
     function search(regexp) {
-      var O = requireObjectCoercible$1(this);
+      var O = requireObjectCoercible(this);
       var searcher = isObject(regexp) ? getMethod(regexp, SEARCH) : undefined;
-      return searcher ? call$1(searcher, regexp, O) : new RegExp(regexp)[SEARCH](toString$1(O));
+      return searcher ? call$1(searcher, regexp, O) : new RegExp(regexp)[SEARCH](toString(O));
     },
     // `RegExp.prototype[@@search]` method
     // https://tc39.es/ecma262/#sec-regexp.prototype-@@search
     function (string) {
       var rx = anObject$1(this);
-      var S = toString$1(string);
+      var S = toString(string);
       var res = maybeCallNative(nativeSearch, rx, S);
 
       if (res.done) return res.value;
@@ -3287,74 +3298,17 @@ fixRegExpWellKnownSymbolLogic('search', function (SEARCH, nativeSearch, maybeCal
   ];
 });
 
-// a string of all valid unicode whitespaces
-var whitespaces$2 = '\u0009\u000A\u000B\u000C\u000D\u0020\u00A0\u1680\u2000\u2001\u2002' +
-  '\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200A\u202F\u205F\u3000\u2028\u2029\uFEFF';
-
-var uncurryThis = functionUncurryThis;
-var requireObjectCoercible = requireObjectCoercible$7;
-var toString = toString$5;
-var whitespaces$1 = whitespaces$2;
-
-var replace = uncurryThis(''.replace);
-var ltrim = RegExp('^[' + whitespaces$1 + ']+');
-var rtrim = RegExp('(^|[^' + whitespaces$1 + '])[' + whitespaces$1 + ']+$');
-
-// `String.prototype.{ trim, trimStart, trimEnd, trimLeft, trimRight }` methods implementation
-var createMethod = function (TYPE) {
-  return function ($this) {
-    var string = toString(requireObjectCoercible($this));
-    if (TYPE & 1) string = replace(string, ltrim, '');
-    if (TYPE & 2) string = replace(string, rtrim, '$1');
-    return string;
-  };
-};
-
-var stringTrim = {
-  // `String.prototype.trim` method
-  // https://tc39.es/ecma262/#sec-string.prototype.trim
-  trim: createMethod(3)
-};
-
-var PROPER_FUNCTION_NAME = functionName.PROPER;
-var fails = fails$j;
-var whitespaces = whitespaces$2;
-
-var non = '\u200B\u0085\u180E';
-
-// check that a method works with the correct list
-// of whitespaces and has a correct name
-var stringTrimForced = function (METHOD_NAME) {
-  return fails(function () {
-    return !!whitespaces[METHOD_NAME]()
-      || non[METHOD_NAME]() !== non
-      || (PROPER_FUNCTION_NAME && whitespaces[METHOD_NAME].name !== METHOD_NAME);
-  });
-};
-
-var $$1 = _export;
-var $trim = stringTrim.trim;
-var forcedStringTrimMethod = stringTrimForced;
-
-// `String.prototype.trim` method
-// https://tc39.es/ecma262/#sec-string.prototype.trim
-$$1({ target: 'String', proto: true, forced: forcedStringTrimMethod('trim') }, {
-  trim: function trim() {
-    return $trim(this);
-  }
-});
-
 function filterOptions(inputValue, optionList) {
   if (!optionList) return [];
   if (!inputValue) return optionList;
-  return optionList.filter(opt => opt.label.toLowerCase().search(inputValue.trim().toLowerCase()) !== -1);
+  return optionList.filter(opt => opt.label.toLowerCase().search(inputValue.toLowerCase()) !== -1);
 }
 function filterOptionsWithHeaders(inputValue, optionList) {
   if (!optionList) return [];
   if (!inputValue) return optionList;
   return optionList.map(element => {
     return Object.assign(Object.assign({}, element), {
-      options: element.options.filter(subElement => subElement.label.toLowerCase().search(inputValue.trim().toLowerCase()) !== -1)
+      options: element.options.filter(subElement => subElement.label.toLowerCase().search(inputValue.toLowerCase()) !== -1)
     });
   });
 }
@@ -3453,19 +3407,46 @@ const Dropdown = /*#__PURE__*/react.forwardRef((_a, ref) => {
   }, [currentOptionList, setSelectedOptionOnInputValue, value, internalSelectedOption, optionList, isFirstRender, onKeyUp, onKeyDown, asyncOptionList]);
   const [focusedIndex, setFocusedIndex] = react.useState(0);
   const flatOptions = currentOptionList;
+  const activeFocusedOption = flatOptions[focusedIndex];
+  const activeDescendantId = showSelectComponent && activeFocusedOption ? `${id}-select-${activeFocusedOption.id}-select` : undefined;
   const handleKeyDown = event => {
-    var _a;
+    var _a, _b;
     const total = flatOptions.length;
+    if (event.key === 'Escape') {
+      event.preventDefault();
+      setShowSelectComponent(false);
+      setSelectedOptionOnInputValue();
+      (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.blur();
+      return;
+    }
     if (event.key === 'ArrowDown') {
       event.preventDefault();
-      setFocusedIndex(prev => (prev + 1) % total);
+      if (!showSelectComponent) {
+        setInputValue('');
+        setInputLabel('');
+        setShowSelectComponent(true);
+      } else {
+        setFocusedIndex(prev => (prev + 1) % total);
+      }
     }
     if (event.key === 'ArrowUp') {
       event.preventDefault();
-      setFocusedIndex(prev => (prev - 1 + total) % total);
+      if (!showSelectComponent) {
+        setInputValue('');
+        setInputLabel('');
+        setShowSelectComponent(true);
+      } else {
+        setFocusedIndex(prev => (prev - 1 + total) % total);
+      }
     }
-    if (event.key === 'Enter' || event.key === ' ') {
+    if (event.key === 'Enter' || event.key === ' ' && disableSearch) {
       event.preventDefault();
+      if (!showSelectComponent) {
+        setInputValue('');
+        setInputLabel('');
+        setShowSelectComponent(true);
+        return;
+      }
       const selected = flatOptions[focusedIndex];
       if (selected && !selected.disabled) {
         setInputValue(selected.value);
@@ -3475,7 +3456,7 @@ const Dropdown = /*#__PURE__*/react.forwardRef((_a, ref) => {
           onChange(selected);
         });
         setShowSelectComponent(false);
-        (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.blur();
+        (_b = inputRef.current) === null || _b === void 0 ? void 0 : _b.blur();
       }
     }
     onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);
@@ -3522,7 +3503,8 @@ const Dropdown = /*#__PURE__*/react.forwardRef((_a, ref) => {
       onFocus: onFocus,
       onKeyUp: onKeyUp,
       onKeyDown: onKeyDown ? onKeyDown : handleKeyDown,
-      disableSearch: disableSearch
+      disableSearch: disableSearch,
+      activeDescendantId: activeDescendantId
     }, props)), showSelectComponent && !disabled && (() => {
       const selectElement = jsxRuntime.jsx(atomsSelect.Select, Object.assign({
         id: `${id}-select`,

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@bolttech/molecules-dropdown",
-  "version": "0.37.3",
+  "version": "0.37.5",
   "dependencies": {
     "react": "19.1.2",
-    "@bolttech/atoms-select": "0.27.3",
+    "@bolttech/atoms-select": "0.27.4",
     "react-dom": "19.1.2",
     "@bolttech/ui-utils": "0.6.7",
     "styled-components": "6.1.1",
     "@bolttech/atoms-icon": "0.24.9",
-    "@bolttech/atoms-input": "0.30.4",
+    "@bolttech/atoms-input": "0.30.5",
     "@bolttech/default-theme": "0.18.2"
   },
   "main": "./index.cjs.js",

package/src/lib/molecules-dropdown.styles.d.ts

@@ -291,8 +291,8 @@ export declare const ClickableElement: import("styled-components").IStyledCompon
     onTransitionStart?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
 }>;
-export declare const ContainerDropdown: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, DropdownStyledProps>>;
-export declare const SectionContainer: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, Omit<DropdownStyledProps, "$hasValue">>>;
+export declare const ContainerDropdown: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, DropdownStyledProps>>;
+export declare const SectionContainer: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<DropdownStyledProps, "$hasValue">>>;
 export declare const InputAndIconDropdown: import("styled-components").IStyledComponent<"web", {
     ref?: import("react").Ref<HTMLDivElement> | undefined;
     key?: import("react").Key | null | undefined;

package/src/lib/molecules-dropdown.type.d.ts

@@ -192,5 +192,6 @@ export type ReusableDropdownComponentProps = DefaultProps & Pick<DOMAttributes<E
     inputLabel: string;
     setSelectedOptionOnInputValue: () => void;
     inputRef: React.RefObject<HTMLInputElement | null>;
+    activeDescendantId?: string;
 };
 export {};

package/src/lib/molecules-reusable-dropdown-component.d.ts

@@ -1,2 +1,2 @@
 import { ReusableDropdownComponentProps } from './molecules-dropdown.type';
-export declare const ReusableDropdownComponent: ({ id, dataTestId, label, variant, required, inputValue, inputLabel, disabled, errorMessage, helperMessage, onChangeInputValue, onChangeInputLabel, setShowSelectComponent, showSelectComponent, setSelectedOptionOnInputValue, disableSearch, inputRef, placeholder, onBlur, onFocus, onKeyUp, onKeyDown, ...props }: ReusableDropdownComponentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ReusableDropdownComponent: ({ id, dataTestId, label, variant, required, inputValue, inputLabel, disabled, errorMessage, helperMessage, onChangeInputValue, onChangeInputLabel, setShowSelectComponent, showSelectComponent, setSelectedOptionOnInputValue, disableSearch, inputRef, placeholder, onBlur, onFocus, onKeyUp, onKeyDown, activeDescendantId, ...props }: ReusableDropdownComponentProps) => import("react/jsx-runtime").JSX.Element;