@razorpay/blade 3.5.0 → 3.5.2

package/build/components/index.web.js

@@ -1,35 +1,13 @@
-import _defineProperty$1 from '@babel/runtime-corejs3/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime-corejs3/helpers/slicedToArray';
-import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
-import _Object$keys from '@babel/runtime-corejs3/core-js-stable/object/keys';
-import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
-import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
-import _Object$getOwnPropertyDescriptor from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor';
-import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/for-each';
-import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors';
-import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/object/define-properties';
-import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
+import _defineProperty$1 from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import * as React from 'react';
 import React__default, { useMemo, useCallback, useState, useEffect, useRef, useContext, createContext, Fragment } from 'react';
 import styled, { ThemeProvider, css, keyframes } from 'styled-components';
-import _typeof from '@babel/runtime-corejs3/helpers/typeof';
-import _Object$entries2 from '@babel/runtime-corejs3/core-js-stable/object/entries';
-import '@babel/runtime-corejs3/core-js-stable/array/is-array';
-import '@babel/runtime-corejs3/core-js-stable/json/stringify';
-import '@babel/runtime-corejs3/core-js-stable/instance/every';
-import _mapInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/map';
-import _sliceInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/slice';
-import _includesInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/includes';
-import _findInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/find';
+import _typeof from '@babel/runtime/helpers/typeof';
 import { jsx, jsxs, Fragment as Fragment$1 } from 'react/jsx-runtime';
-import _fillInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/fill';
-import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/objectWithoutProperties';
-import _trimInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/trim';
-import _classCallCheck from '@babel/runtime-corejs3/helpers/classCallCheck';
-import _createClass from '@babel/runtime-corejs3/helpers/createClass';
-import _Object$assign from '@babel/runtime-corejs3/core-js-stable/object/assign';
-import _setTimeout from '@babel/runtime-corejs3/core-js-stable/set-timeout';
-import _Array$from from '@babel/runtime-corejs3/core-js-stable/array/from';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
+import _createClass from '@babel/runtime/helpers/createClass';
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -2563,9 +2541,9 @@ var Symbol = _Symbol;
 var symbolProto = Symbol ? Symbol.prototype : undefined;
     symbolProto ? symbolProto.valueOf : undefined;
 
-function ownKeys$v(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$v(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$v(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys$v(Object(source), !0)).call(_context, function (key) { _defineProperty$1(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys$v(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$v(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$v(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$v(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var accessibilityValue = {
   valueMax: 'aria-valuemax',
@@ -2644,12 +2622,6 @@ var makeAccessible = function makeAccessible(props) {
   return newProps;
 };
 
-var makeBezier = function makeBezier(x1, y1, x2, y2) {
-  var _context, _context2, _context3;
-
-  return _concatInstanceProperty(_context = _concatInstanceProperty(_context2 = _concatInstanceProperty(_context3 = "cubic-bezier(".concat(x1, ", ")).call(_context3, y1, ", ")).call(_context2, x2, ", ")).call(_context, y2, ")");
-};
-
 function makeBorderSize(size) {
   if (typeof size === 'number') {
     return "".concat(size, "px");
@@ -3351,10 +3323,8 @@ var testID = function testID(defaultKey) {
 };
 
 var toTitleCase = function toTitleCase(inputString) {
-  var _context;
-
-  return _mapInstanceProperty(_context = inputString.toLowerCase().split(' ')).call(_context, function (word) {
-    return word.charAt(0).toUpperCase() + _sliceInstanceProperty(word).call(word, 1);
+  return inputString.toLowerCase().split(' ').map(function (word) {
+    return word.charAt(0).toUpperCase() + word.slice(1);
   }).join(' ');
 };
 
@@ -3368,9 +3338,7 @@ var useBreakpoint = function useBreakpoint(_ref) {
   var breakpoints = _ref.breakpoints;
   var supportsMatchMedia = typeof document !== 'undefined' && typeof ((_window = window) === null || _window === void 0 ? void 0 : _window.matchMedia) === 'function';
   var breakpointsTokenAndQueryCollection = useMemo(function () {
-    var _context;
-
-    return supportsMatchMedia ? _mapInstanceProperty(_context = _Object$entries2(breakpoints)).call(_context, function (_ref2, index, breakpointsArray) {
+    return supportsMatchMedia ? Object.entries(breakpoints).map(function (_ref2, index, breakpointsArray) {
       var _ref3 = _slicedToArray(_ref2, 2),
           token = _ref3[0],
           screenSize = _ref3[1];
@@ -3380,9 +3348,7 @@ var useBreakpoint = function useBreakpoint(_ref) {
       if (token === 'max') {
         mediaQuery = "screen and (min-width: ".concat(screenSize, "px)");
       } else if (breakpointsArray[index - 1]) {
-        var _context2;
-
-        mediaQuery = _concatInstanceProperty(_context2 = "screen and (min-width: ".concat(breakpointsArray[index - 1][1] + 1, "px) and (max-width: ")).call(_context2, screenSize, "px)");
+        mediaQuery = "screen and (min-width: ".concat(breakpointsArray[index - 1][1] + 1, "px) and (max-width: ").concat(screenSize, "px)");
       } else {
         mediaQuery = "screen and (max-width: ".concat(screenSize, "px)");
       }
@@ -3401,9 +3367,7 @@ var useBreakpoint = function useBreakpoint(_ref) {
     if (platform === 'react-native') {
       matchedDeviceType = deviceType.mobile;
     } else if (platform === 'browser') {
-      var _context3;
-
-      if (matchedBreakpoint && _includesInstanceProperty(_context3 = ['xs', 's', 'm']).call(_context3, matchedBreakpoint)) {
+      if (matchedBreakpoint && ['xs', 's', 'm'].includes(matchedBreakpoint)) {
         // tablet is also categorised as mobile
         matchedDeviceType = deviceType.mobile;
       } else {
@@ -3419,7 +3383,7 @@ var useBreakpoint = function useBreakpoint(_ref) {
   var getMatchedBreakpoint = useCallback(function (event) {
     var _breakpointsTokenAndQ, _breakpointsTokenAndQ2;
 
-    var matchedBreakpoint = (_breakpointsTokenAndQ = (_breakpointsTokenAndQ2 = _findInstanceProperty(breakpointsTokenAndQueryCollection).call(breakpointsTokenAndQueryCollection, function (_ref4) {
+    var matchedBreakpoint = (_breakpointsTokenAndQ = (_breakpointsTokenAndQ2 = breakpointsTokenAndQueryCollection.find(function (_ref4) {
       var _ref4$mediaQuery = _ref4.mediaQuery,
           mediaQuery = _ref4$mediaQuery === void 0 ? '' : _ref4$mediaQuery;
 
@@ -3467,7 +3431,7 @@ var useBreakpoint = function useBreakpoint(_ref) {
       });
     };
 
-    var mediaQueryInstances = _mapInstanceProperty(breakpointsTokenAndQueryCollection).call(breakpointsTokenAndQueryCollection, function (_ref5) {
+    var mediaQueryInstances = breakpointsTokenAndQueryCollection.map(function (_ref5) {
       var _ref5$mediaQuery = _ref5.mediaQuery,
           mediaQuery = _ref5$mediaQuery === void 0 ? '' : _ref5$mediaQuery;
       var mediaQueryInstance = window.matchMedia(mediaQuery);
@@ -3485,9 +3449,8 @@ var useBreakpoint = function useBreakpoint(_ref) {
 
       return mediaQueryInstance;
     });
-
     return function () {
-      _forEachInstanceProperty(mediaQueryInstances).call(mediaQueryInstances, function (mediaQueryInstance) {
+      mediaQueryInstances.forEach(function (mediaQueryInstance) {
         if (mediaQueryInstance.removeEventListener) {
           mediaQueryInstance.removeEventListener('change', handleMediaQueryChange);
         } else {
@@ -3506,9 +3469,9 @@ var fontFamily = {
   code: 'monospace'
 };
 
-function ownKeys$u(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$u(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$u(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys$u(Object(source), !0)).call(_context, function (key) { _defineProperty$1(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys$u(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$u(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$u(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$u(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var fontWeight = {
   regular: 400,
   bold: 700
@@ -3584,27 +3547,6 @@ var fontWeight = {
   }
 });
 
-/* makeBezier returns a string of `cubic-bezier()` for web & a react-native-reanimated Easing Function of type `EasingFunctionFactory` for native */
-
-({
-  standard: {
-    attentive: makeBezier(0.5, 0, 0.3, 1.5),
-    effective: makeBezier(0.3, 0, 0.2, 1),
-    revealing: makeBezier(0.5, 0, 0, 1),
-    wary: makeBezier(1, 0.5, 0, 0.5)
-  },
-  entrance: {
-    attentive: makeBezier(0.5, 0, 0.3, 1.5),
-    effective: makeBezier(0, 0, 0.2, 1),
-    revealing: makeBezier(0, 0, 0, 1)
-  },
-  exit: {
-    attentive: makeBezier(0.7, 0, 0.5, 1),
-    effective: makeBezier(0.17, 0, 1, 1),
-    revealing: makeBezier(0.5, 0, 1, 1)
-  }
-});
-
 var colorSchemeNamesInput = ['light', 'dark', 'system'];
 
 var useColorScheme = function useColorScheme() {
@@ -3619,10 +3561,8 @@ var useColorScheme = function useColorScheme() {
       setColorSchemeState = _useState2[1];
 
   var setColorScheme = useCallback(function setThemeMode(colorScheme) {
-    if (!_includesInstanceProperty(colorSchemeNamesInput).call(colorSchemeNamesInput, colorScheme)) {
-      var _context;
-
-      throw new Error(_concatInstanceProperty(_context = "[useColorScheme]: Expected color scheme to be one of [".concat(colorSchemeNamesInput.toString(), "] but received ")).call(_context, colorScheme));
+    if (!colorSchemeNamesInput.includes(colorScheme)) {
+      throw new Error("[useColorScheme]: Expected color scheme to be one of [".concat(colorSchemeNamesInput.toString(), "] but received ").concat(colorScheme));
     }
 
     setColorSchemeState(getColorScheme(colorScheme));
@@ -3666,8 +3606,6 @@ var castWebType = function castWebType(value) {
 
 var MAX_WIDTH = 584;
 var getCommonStyles = function getCommonStyles(props) {
-  var _context;
-
   var theme = props.theme,
       contrastType = props.contrastType,
       intent = props.intent,
@@ -3679,7 +3617,7 @@ var getCommonStyles = function getCommonStyles(props) {
   var feedbackColors = theme.colors.feedback;
   return {
     background: feedbackColors.background[intent][contrastType],
-    padding: _concatInstanceProperty(_context = "".concat(makeSpace(theme.spacing[4]), " ")).call(_context, makeSpace(theme.spacing[5])),
+    padding: "".concat(makeSpace(theme.spacing[4]), " ").concat(makeSpace(theme.spacing[5])),
     borderRadius: makeBorderSize(isBorderless ? theme.border.radius.none : theme.border.radius.medium),
     borderColor: feedbackColors.border[intent][contrastType],
     borderWidth: makeBorderSize(isBorderless ? theme.border.width.none : theme.border.width.thin),
@@ -3714,9 +3652,8 @@ var Defs = function Defs(_ref) {
 
 var G = function G(_ref) {
   var clipPath = _ref.clipPath,
-      fill = _fillInstanceProperty(_ref),
+      fill = _ref.fill,
       children = _ref.children;
-
   return /*#__PURE__*/jsx("g", {
     clipPath: clipPath,
     fill: fill,
@@ -3728,14 +3665,13 @@ var Path = function Path(_ref) {
   var d = _ref.d,
       clipPath = _ref.clipPath,
       clipRule = _ref.clipRule,
-      fill = _fillInstanceProperty(_ref),
+      fill = _ref.fill,
       fillOpacity = _ref.fillOpacity,
       fillRule = _ref.fillRule,
       stroke = _ref.stroke,
       strokeLinecap = _ref.strokeLinecap,
       strokeLinejoin = _ref.strokeLinejoin,
       strokeWidth = _ref.strokeWidth;
-
   return /*#__PURE__*/jsx("path", {
     d: d,
     clipPath: clipPath,
@@ -3757,8 +3693,7 @@ var Rect = function Rect(_ref) {
       ry = _ref.ry,
       x = _ref.x,
       y = _ref.y,
-      fill = _fillInstanceProperty(_ref);
-
+      fill = _ref.fill;
   return /*#__PURE__*/jsx("rect", {
     height: height,
     width: width,
@@ -3770,17 +3705,16 @@ var Rect = function Rect(_ref) {
   });
 };
 
-function ownKeys$t(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$t(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$t(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys$t(Object(source), !0)).call(_context, function (key) { _defineProperty$1(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys$t(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$t(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$t(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$t(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var Svg = function Svg(_ref) {
   var children = _ref.children,
       height = _ref.height,
       viewBox = _ref.viewBox,
       width = _ref.width,
-      fill = _fillInstanceProperty(_ref);
-
+      fill = _ref.fill;
   return /*#__PURE__*/jsx("svg", _objectSpread$t(_objectSpread$t({}, makeAccessible({
     hidden: true
   })), {}, {
@@ -3816,9 +3750,9 @@ var useTheme = function useTheme() {
   return themeContext;
 };
 
-function ownKeys$s(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$s(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$s(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context2 = ownKeys$s(Object(source), !0)).call(_context2, function (key) { _defineProperty$1(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context3 = ownKeys$s(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$s(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$s(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$s(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var BladeProvider = function BladeProvider(_ref) {
   var themeTokens = _ref.themeTokens,
@@ -3829,10 +3763,8 @@ var BladeProvider = function BladeProvider(_ref) {
     throw new Error("[BladeProvider]: Expected valid themeTokens of type ThemeTokens to be passed but found ".concat(_typeof(themeTokens)));
   }
 
-  if (initialColorScheme && !_includesInstanceProperty(colorSchemeNamesInput).call(colorSchemeNamesInput, initialColorScheme)) {
-    var _context;
-
-    throw new Error(_concatInstanceProperty(_context = "[BladeProvider]: Expected color scheme to be one of [".concat(colorSchemeNamesInput.toString(), "] but received ")).call(_context, initialColorScheme));
+  if (initialColorScheme && !colorSchemeNamesInput.includes(initialColorScheme)) {
+    throw new Error("[BladeProvider]: Expected color scheme to be one of [".concat(colorSchemeNamesInput.toString(), "] but received ").concat(initialColorScheme));
   }
 
   var _useColorScheme = useColorScheme(initialColorScheme),
@@ -4890,9 +4822,9 @@ var ExternalLinkIcon = function ExternalLinkIcon(_ref) {
   });
 };
 
-function ownKeys$r(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$r(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$r(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys$r(Object(source), !0)).call(_context, function (key) { _defineProperty$1(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys$r(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$r(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$r(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$r(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var StyledButton = /*#__PURE__*/styled.button.withConfig({
   displayName: "StyledIconButtonweb__StyledButton",
   componentId: "sc-1f4cg7d-0"
@@ -4937,7 +4869,8 @@ var StyledIconButton = function StyledIconButton(_ref) {
       accessibilityLabel = _ref.accessibilityLabel;
   return /*#__PURE__*/jsx(StyledButton, _objectSpread$r(_objectSpread$r({
     onClick: onClick,
-    contrast: contrast
+    contrast: contrast,
+    type: "button"
   }, makeAccessible({
     label: accessibilityLabel
   })), {}, {
@@ -5126,9 +5059,9 @@ var getBaseTextStyles = function getBaseTextStyles(_ref) {
 
 var _excluded$3 = ["color", "fontFamily", "fontSize", "fontWeight", "fontStyle", "textDecorationLine", "lineHeight", "textAlign"];
 
-function ownKeys$q(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$q(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$q(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys$q(Object(source), !0)).call(_context, function (key) { _defineProperty$1(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys$q(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$q(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$q(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$q(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var StyledBaseText$1 = /*#__PURE__*/styled.div.withConfig({
   displayName: "BaseTextweb__StyledBaseText",
   componentId: "sc-1ob51ew-0"
@@ -5191,20 +5124,18 @@ var BaseText = function BaseText(_ref2) {
   }));
 };
 
-function ownKeys$p(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$p(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$p(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context2 = ownKeys$p(Object(source), !0)).call(_context2, function (key) { _defineProperty$1(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context3 = ownKeys$p(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$p(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$p(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$p(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var getProps$3 = function getProps(_ref) {
-  var _context;
-
   var size = _ref.size,
       type = _ref.type,
       contrast = _ref.contrast;
   var isPlatformWeb = getPlatformType() === 'browser' || getPlatformType() === 'node';
   var colorContrast = contrast ? "".concat(contrast, "Contrast") : 'lowContrast';
   var props = {
-    color: _concatInstanceProperty(_context = "surface.text.".concat(type !== null && type !== void 0 ? type : 'normal', ".")).call(_context, colorContrast),
+    color: "surface.text.".concat(type !== null && type !== void 0 ? type : 'normal', ".").concat(colorContrast),
     fontSize: 600,
     fontWeight: 'bold',
     fontStyle: 'normal',
@@ -5250,13 +5181,11 @@ var Title = function Title(_ref2) {
   }));
 };
 
-function ownKeys$o(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$o(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$o(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context2 = ownKeys$o(Object(source), !0)).call(_context2, function (key) { _defineProperty$1(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context3 = ownKeys$o(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$o(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$o(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$o(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var getProps$2 = function getProps(_ref) {
-  var _context;
-
   var variant = _ref.variant,
       size = _ref.size,
       type = _ref.type,
@@ -5265,7 +5194,7 @@ var getProps$2 = function getProps(_ref) {
   var isPlatformWeb = getPlatformType() === 'browser' || getPlatformType() === 'node';
   var colorContrast = contrast ? "".concat(contrast, "Contrast") : 'lowContrast';
   var props = {
-    color: _concatInstanceProperty(_context = "surface.text.".concat(type !== null && type !== void 0 ? type : 'normal', ".")).call(_context, colorContrast),
+    color: "surface.text.".concat(type !== null && type !== void 0 ? type : 'normal', ".").concat(colorContrast),
     fontSize: 200,
     fontWeight: weight !== null && weight !== void 0 ? weight : 'bold',
     fontStyle: 'normal',
@@ -5330,13 +5259,11 @@ var Heading = function Heading(_ref2) {
   }));
 };
 
-function ownKeys$n(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$n(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$n(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context2 = ownKeys$n(Object(source), !0)).call(_context2, function (key) { _defineProperty$1(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context3 = ownKeys$n(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$n(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$n(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$n(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var getTextProps = function getTextProps(_ref) {
-  var _context;
-
   var variant = _ref.variant,
       type = _ref.type,
       weight = _ref.weight,
@@ -5345,7 +5272,7 @@ var getTextProps = function getTextProps(_ref) {
   var isPlatformWeb = getPlatformType() === 'browser' || getPlatformType() === 'node';
   var colorContrast = contrast ? "".concat(contrast, "Contrast") : 'lowContrast';
   var props = {
-    color: _concatInstanceProperty(_context = "surface.text.".concat(type !== null && type !== void 0 ? type : 'normal', ".")).call(_context, colorContrast),
+    color: "surface.text.".concat(type !== null && type !== void 0 ? type : 'normal', ".").concat(colorContrast),
     fontSize: 100,
     fontWeight: weight !== null && weight !== void 0 ? weight : 'regular',
     fontStyle: 'normal',
@@ -5447,10 +5374,7 @@ var CodeContainer = /*#__PURE__*/styled(Box).withConfig({
   displayName: "Code__CodeContainer",
   componentId: "l9m17z-0"
 })(function (props) {
-  var _context;
-
-  var padding = _concatInstanceProperty(_context = "".concat(makeSpace(props.theme.spacing[0]), " ")).call(_context, makeSpace(props.theme.spacing[2]));
-
+  var padding = "".concat(makeSpace(props.theme.spacing[0]), " ").concat(makeSpace(props.theme.spacing[2]));
   return {
     padding: padding,
     backgroundColor: props.theme.colors.brand.gray[400],
@@ -5533,9 +5457,9 @@ var getBaseButtonStyles = function getBaseButtonStyles(_ref) {
   };
 };
 
-function ownKeys$m(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$m(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$m(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys$m(Object(source), !0)).call(_context, function (key) { _defineProperty$1(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys$m(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$m(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$m(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$m(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var StyledBaseButton = /*#__PURE__*/styled.button.attrs(function (props) {
   return _objectSpread$m({}, props.accessibilityProps);
 }).withConfig({
@@ -5693,9 +5617,7 @@ var LiveAnnouncer = /*#__PURE__*/function () {
 
     this.node = document.createElement('div');
     this.node.dataset.liveAnnouncer = 'true';
-
-    _Object$assign(this.node.style, screenReaderStyles);
-
+    Object.assign(this.node.style, screenReaderStyles);
     this.assertiveLog = this.createLog('assertive');
     this.node.appendChild(this.assertiveLog);
     this.politeLog = this.createLog('polite');
@@ -5742,7 +5664,7 @@ var LiveAnnouncer = /*#__PURE__*/function () {
       }
 
       if (message !== '') {
-        _setTimeout(function () {
+        setTimeout(function () {
           node.remove();
         }, LIVEREGION_TIMEOUT_DELAY);
       }
@@ -5841,9 +5763,9 @@ var SpinningBox = /*#__PURE__*/styled(Box).withConfig({
   return css(["width:max-content;display:inline-flex;animation:", " ", " ", " infinite;"], rotate, makeMotionTime(get_1(theme.motion, motion.duration)), get_1(theme.motion, motion.easing));
 });
 
-function ownKeys$l(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$l(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$l(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context2 = ownKeys$l(Object(source), !0)).call(_context2, function (key) { _defineProperty$1(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context3 = ownKeys$l(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$l(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$l(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$l(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var getColor = function getColor(_ref) {
   var contrast = _ref.contrast,
@@ -5851,9 +5773,7 @@ var getColor = function getColor(_ref) {
       theme = _ref.theme;
 
   if (intent) {
-    var _context;
-
-    return get_1(theme.colors, _concatInstanceProperty(_context = "feedback.".concat(intent, ".action.icon.primary.disabled.")).call(_context, contrast, "Contrast"));
+    return get_1(theme.colors, "feedback.".concat(intent, ".action.icon.primary.disabled.").concat(contrast, "Contrast"));
   } else if (contrast == 'low') {
     return get_1(theme.colors, 'brand.gray.700');
   } else {
@@ -5894,7 +5814,7 @@ var BaseSpinner = function BaseSpinner(_ref2) {
             theme: theme
           })
         })
-      }), label && _trimInstanceProperty(label).call(label).length > 0 ? /*#__PURE__*/jsx(Box, {
+      }), label && label.trim().length > 0 ? /*#__PURE__*/jsx(Box, {
         marginLeft: labelPosition === 'right' ? 'spacing.3' : 'spacing.0',
         marginTop: labelPosition === 'bottom' ? 'spacing.3' : 'spacing.0',
         children: /*#__PURE__*/jsx(Text, {
@@ -5910,13 +5830,11 @@ var BaseSpinner = function BaseSpinner(_ref2) {
   });
 };
 
-function ownKeys$k(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$k(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$k(target) { for (var i = 1; i < arguments.length; i++) { var _context6, _context7; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context6 = ownKeys$k(Object(source), !0)).call(_context6, function (key) { _defineProperty$1(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context7 = ownKeys$k(Object(source))).call(_context7, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$k(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$k(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$k(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var getColorToken$1 = function getColorToken(_ref) {
-  var _context4, _context5;
-
   var property = _ref.property,
       variant = _ref.variant,
       state = _ref.state,
@@ -5924,13 +5842,11 @@ var getColorToken$1 = function getColorToken(_ref) {
       intent = _ref.intent;
 
   if (intent && contrast) {
-    var _context, _context2, _context3;
-
     // TODO: Add support for secondary & tertiary variants for feedback buttons here when a use-case is identified
-    return _concatInstanceProperty(_context = _concatInstanceProperty(_context2 = _concatInstanceProperty(_context3 = "feedback.".concat(intent, ".action.")).call(_context3, property, ".primary.")).call(_context2, state, ".")).call(_context, contrast, "Contrast");
+    return "feedback.".concat(intent, ".action.").concat(property, ".primary.").concat(state, ".").concat(contrast, "Contrast");
   }
 
-  return _concatInstanceProperty(_context4 = _concatInstanceProperty(_context5 = "action.".concat(property, ".")).call(_context5, variant, ".")).call(_context4, state);
+  return "action.".concat(property, ".").concat(variant, ".").concat(state);
 };
 
 var getProps$1 = function getProps(_ref2) {
@@ -5943,14 +5859,14 @@ var getProps$1 = function getProps(_ref2) {
       intent = _ref2.intent,
       contrast = _ref2.contrast,
       hasIcon = _ref2.hasIcon;
-  var isIconOnly = hasIcon && (!children || (children === null || children === void 0 ? void 0 : _trimInstanceProperty(children).call(children).length) === 0);
+  var isIconOnly = hasIcon && (!children || (children === null || children === void 0 ? void 0 : children.trim().length) === 0);
   var props = {
     iconSize: isIconOnly ? buttonIconOnlySizeToIconSizeMap[size] : buttonSizeToIconSizeMap[size],
     spinnerSize: buttonSizeToSpinnerSizeMap[size],
     fontSize: buttonTypographyTokens.fonts.size[size],
     lineHeight: buttonTypographyTokens.lineHeights[size],
     minHeight: makeSize(minHeight$1[size]),
-    iconPadding: hasIcon && children !== null && children !== void 0 && _trimInstanceProperty(children).call(children) ? "spacing.".concat(textPadding[size]) : undefined,
+    iconPadding: hasIcon && children !== null && children !== void 0 && children.trim() ? "spacing.".concat(textPadding[size]) : undefined,
     iconColor: getColorToken$1({
       property: 'icon',
       variant: variant,
@@ -5969,7 +5885,7 @@ var getProps$1 = function getProps(_ref2) {
     buttonPaddingBottom: isIconOnly ? makeSpace(theme.spacing[buttonIconOnlyPadding[size].bottom]) : makeSpace(theme.spacing[buttonPadding[size].bottom]),
     buttonPaddingLeft: isIconOnly ? makeSpace(theme.spacing[buttonIconOnlyPadding[size].left]) : makeSpace(theme.spacing[buttonPadding[size].left]),
     buttonPaddingRight: isIconOnly ? makeSpace(theme.spacing[buttonIconOnlyPadding[size].right]) : makeSpace(theme.spacing[buttonPadding[size].right]),
-    text: size === 'xsmall' ? children === null || children === void 0 ? void 0 : _trimInstanceProperty(children).call(children).toUpperCase() : children === null || children === void 0 ? void 0 : _trimInstanceProperty(children).call(children),
+    text: size === 'xsmall' ? children === null || children === void 0 ? void 0 : children.trim().toUpperCase() : children === null || children === void 0 ? void 0 : children.trim(),
     defaultBackgroundColor: get_1(theme.colors, getColorToken$1({
       property: 'background',
       variant: variant,
@@ -6112,7 +6028,7 @@ var BaseButton = function BaseButton(_ref4) {
   var _useTheme = useTheme(),
       theme = _useTheme.theme;
 
-  if (!Icon && !(children !== null && children !== void 0 && _trimInstanceProperty(children).call(children))) {
+  if (!Icon && !(children !== null && children !== void 0 && children.trim())) {
     throw new Error("[Blade: BaseButton]: At least one of icon or text is required to render a button.");
   }
 
@@ -6252,9 +6168,9 @@ var getStyledLinkStyles = function getStyledLinkStyles(_ref) {
   };
 };
 
-function ownKeys$j(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$j(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$j(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys$j(Object(source), !0)).call(_context, function (key) { _defineProperty$1(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys$j(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$j(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$j(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$j(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var StyledLink$1 = /*#__PURE__*/styled.button.attrs(function (props) {
   return _objectSpread$j({}, props.accessibilityProps);
 }).withConfig({
@@ -6318,13 +6234,11 @@ var useInteraction = function useInteraction() {
 
 var _excluded$2 = ["currentInteraction", "setCurrentInteraction"];
 
-function ownKeys$i(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$i(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$i(target) { for (var i = 1; i < arguments.length; i++) { var _context5, _context6; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context5 = ownKeys$i(Object(source), !0)).call(_context5, function (key) { _defineProperty$1(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context6 = ownKeys$i(Object(source))).call(_context6, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$i(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$i(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$i(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var getColorToken = function getColorToken(_ref) {
-  var _context4;
-
   var variant = _ref.variant,
       intent = _ref.intent,
       contrast = _ref.contrast,
@@ -6344,12 +6258,10 @@ var getColorToken = function getColorToken(_ref) {
   }
 
   if (intent && state !== 'visited') {
-    var _context, _context2, _context3;
-
-    return _concatInstanceProperty(_context = _concatInstanceProperty(_context2 = _concatInstanceProperty(_context3 = "feedback.".concat(intent, ".action.")).call(_context3, element, ".link.")).call(_context2, state, ".")).call(_context, contrast, "Contrast");
+    return "feedback.".concat(intent, ".action.").concat(element, ".link.").concat(state, ".").concat(contrast, "Contrast");
   }
 
-  return _concatInstanceProperty(_context4 = "action.".concat(element, ".link.")).call(_context4, state);
+  return "action.".concat(element, ".link.").concat(state);
 };
 
 var getProps = function getProps(_ref2) {
@@ -6378,7 +6290,7 @@ var getProps = function getProps(_ref2) {
     }),
     fontSize: size === 'medium' ? 100 : 75,
     iconSize: size,
-    iconPadding: children !== null && children !== void 0 && _trimInstanceProperty(children).call(children) ? 'spacing.2' : 'spacing.0',
+    iconPadding: children !== null && children !== void 0 && children.trim() ? 'spacing.2' : 'spacing.0',
     textColor: getColorToken({
       variant: variant,
       intent: intent,
@@ -6435,7 +6347,7 @@ var BaseLink = function BaseLink(_ref3) {
   var _useTheme = useTheme(),
       theme = _useTheme.theme;
 
-  if (!Icon && !(children !== null && children !== void 0 && _trimInstanceProperty(children).call(children))) {
+  if (!Icon && !(children !== null && children !== void 0 && children.trim())) {
     throw new Error("[Blade: BaseLink]: At least one of icon or text is required to render a link.");
   }
 
@@ -6533,9 +6445,9 @@ var BaseLink = function BaseLink(_ref3) {
   }));
 };
 
-function ownKeys$h(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$h(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$h(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context2 = ownKeys$h(Object(source), !0)).call(_context2, function (key) { _defineProperty$1(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context3 = ownKeys$h(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$h(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$h(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$h(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var isReactNative$3 = getPlatformType() === 'react-native'; // Need extra wrappers on React Native only for alignment
 
 var SecondaryActionWrapper = isReactNative$3 ? Box : Fragment;
@@ -6548,8 +6460,6 @@ var intentIconMap = {
 };
 
 var Alert = function Alert(_ref) {
-  var _context;
-
   var description = _ref.description,
       title = _ref.title,
       _ref$isDismissable = _ref.isDismissable,
@@ -6574,7 +6484,7 @@ var Alert = function Alert(_ref) {
   var Icon = intentIconMap[intent];
 
   var icon = /*#__PURE__*/jsx(Icon, {
-    color: _concatInstanceProperty(_context = "feedback.icon.".concat(intent, ".")).call(_context, contrastType),
+    color: "feedback.icon.".concat(intent, ".").concat(contrastType),
     size: "large"
   });
 
@@ -6701,9 +6611,9 @@ var getStyledBadgeStyles = function getStyledBadgeStyles(_ref) {
   };
 };
 
-function ownKeys$g(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$g(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$g(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys$g(Object(source), !0)).call(_context, function (key) { _defineProperty$1(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys$g(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$g(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$g(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$g(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var StyledBadge = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledBadgeweb__StyledBadge",
   componentId: "sc-1svn4tv-0"
@@ -6715,7 +6625,7 @@ var StyledBadge = /*#__PURE__*/styled.div.withConfig({
 
 var isFeedbackVariant = function isFeedbackVariant(variant) {
   var feedbackVariants = ['information', 'negative', 'neutral', 'notice', 'positive'];
-  return _includesInstanceProperty(feedbackVariants).call(feedbackVariants, variant);
+  return feedbackVariants.includes(variant);
 };
 
 var getColorProps = function getColorProps(_ref) {
@@ -6728,17 +6638,13 @@ var getColorProps = function getColorProps(_ref) {
   };
 
   if (isFeedbackVariant(variant)) {
-    var _context, _context2, _context3;
-
-    props.iconColor = _concatInstanceProperty(_context = "feedback.icon.".concat(variant, ".")).call(_context, contrast, "Contrast");
-    props.textColor = _concatInstanceProperty(_context2 = "feedback.text.".concat(variant, ".")).call(_context2, contrast, "Contrast");
-    props.backgroundColor = _concatInstanceProperty(_context3 = "feedback.background.".concat(variant, ".")).call(_context3, contrast, "Contrast");
+    props.iconColor = "feedback.icon.".concat(variant, ".").concat(contrast, "Contrast");
+    props.textColor = "feedback.text.".concat(variant, ".").concat(contrast, "Contrast");
+    props.backgroundColor = "feedback.background.".concat(variant, ".").concat(contrast, "Contrast");
   } else {
-    var _context4, _context5, _context6;
-
-    props.iconColor = _concatInstanceProperty(_context4 = "badge.icon.".concat(variant, ".")).call(_context4, contrast, "Contrast");
-    props.textColor = _concatInstanceProperty(_context5 = "badge.text.".concat(variant, ".")).call(_context5, contrast, "Contrast");
-    props.backgroundColor = _concatInstanceProperty(_context6 = "badge.background.".concat(variant, ".")).call(_context6, contrast, "Contrast");
+    props.iconColor = "badge.icon.".concat(variant, ".").concat(contrast, "Contrast");
+    props.textColor = "badge.text.".concat(variant, ".").concat(contrast, "Contrast");
+    props.backgroundColor = "badge.background.".concat(variant, ".").concat(contrast, "Contrast");
   }
 
   return props;
@@ -6771,7 +6677,7 @@ var Badge = function Badge(_ref2) {
       _ref2$variant = _ref2.variant,
       variant = _ref2$variant === void 0 ? 'neutral' : _ref2$variant;
 
-  if (!(children !== null && children !== void 0 && _trimInstanceProperty(children).call(children))) {
+  if (!(children !== null && children !== void 0 && children.trim())) {
     throw new Error('[Blade: Badge]: Text as children is required for Badge.');
   }
 
@@ -6819,9 +6725,9 @@ var Badge = function Badge(_ref2) {
   });
 };
 
-function ownKeys$f(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$f(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$f(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys$f(Object(source), !0)).call(_context, function (key) { _defineProperty$1(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys$f(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$f(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$f(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$f(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var Button = function Button(_ref) {
   var children = _ref.children,
@@ -6988,9 +6894,9 @@ var CheckboxIconWrapper = /*#__PURE__*/styled.div.withConfig({
   return getCheckboxIconWrapperStyles(props);
 });
 
-function ownKeys$e(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$e(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$e(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys$e(Object(source), !0)).call(_context, function (key) { _defineProperty$1(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys$e(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$e(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$e(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$e(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var fadeIn = /*#__PURE__*/keyframes(["from{transform:scale(.6);opacity:0;}to{transform:scale(1);opacity:1;}"]);
 var fadeOut$1 = /*#__PURE__*/keyframes(["from{transform:scale(1);opacity:1;}to{transform:scale(.6);opacity:0;}"]);
 var AnimatedFade$1 = /*#__PURE__*/styled.div.withConfig({
@@ -7192,8 +7098,6 @@ var genId = function genId() {
 
 
 var useId = function useId(prefix, idProp) {
-  var _context;
-
   var initialId = idProp || (handoffComplete ? genId() : null);
 
   var _React$useState = React.useState(initialId),
@@ -7214,7 +7118,7 @@ var useId = function useId(prefix, idProp) {
     }
   }, []);
   var id = uid != null ? uid.toString() : undefined;
-  return prefix ? _concatInstanceProperty(_context = "".concat(prefix, "-")).call(_context, id) : id;
+  return prefix ? "".concat(prefix, "-").concat(id) : id;
 };
 
 /* eslint-disable @typescript-eslint/explicit-module-boundary-types */
@@ -7241,9 +7145,9 @@ var useFormId = function useFormId(prefix) {
   };
 };
 
-function ownKeys$d(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$d(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$d(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys$d(Object(source), !0)).call(_context, function (key) { _defineProperty$1(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys$d(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$d(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$d(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$d(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 /**
  * indeterminate is not a HTML input element prop,
@@ -7628,9 +7532,9 @@ var SelectorSupportText = function SelectorSupportText(_ref) {
   });
 };
 
-function ownKeys$c(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$c(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$c(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys$c(Object(source), !0)).call(_context, function (key) { _defineProperty$1(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys$c(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$c(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$c(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$c(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var variants = {
   "default": {
     background: {
@@ -7696,6 +7600,8 @@ var SelectorInput = function SelectorInput(_ref3) {
   }, inputProps));
 };
 
+/* eslint-disable @typescript-eslint/no-shadow */
+
 var Checkbox = function Checkbox(_ref) {
   var _groupProps$state, _groupProps$size;
 
@@ -7722,10 +7628,7 @@ var Checkbox = function Checkbox(_ref) {
   var hasOnChange = !isUndefined_1(onChange);
 
   if ((hasValidationState || hasName || hasDefaultChecked || hasIsChecked || hasOnChange) && !isEmpty_1(groupProps)) {
-    var _context;
-
-    var props = _filterInstanceProperty(_context = [hasValidationState ? 'validationState' : undefined, hasName ? 'name' : undefined, hasDefaultChecked ? 'defaultChecked' : undefined, hasIsChecked ? 'isChecked' : undefined, hasOnChange ? 'onChange' : undefined]).call(_context, Boolean).join(',');
-
+    var props = [hasValidationState ? 'validationState' : undefined, hasName ? 'name' : undefined, hasDefaultChecked ? 'defaultChecked' : undefined, hasIsChecked ? 'isChecked' : undefined, hasOnChange ? 'onChange' : undefined].filter(Boolean).join(',');
     throw new Error("[Blade Checkbox]: Cannot set `".concat(props, "` on <Checkbox /> when it's inside <CheckboxGroup />, Please set it on the <CheckboxGroup /> itself"));
   } // mandate value prop when using inside group
 
@@ -7884,16 +7787,16 @@ var useCheckboxGroup = function useCheckboxGroup(_ref) {
         });
       }),
       isChecked: function isChecked(value) {
-        return _includesInstanceProperty(checkedValues).call(checkedValues, value);
+        return checkedValues.includes(value);
       },
       addValue: function addValue(value) {
         if (isDisabled) {
           return;
         }
 
-        if (!_includesInstanceProperty(checkedValues).call(checkedValues, value)) {
+        if (!checkedValues.includes(value)) {
           setValue(function () {
-            return _concatInstanceProperty(checkedValues).call(checkedValues, value);
+            return checkedValues.concat(value);
           });
         }
       },
@@ -7902,9 +7805,9 @@ var useCheckboxGroup = function useCheckboxGroup(_ref) {
           return;
         }
 
-        if (_includesInstanceProperty(checkedValues).call(checkedValues, value)) {
+        if (checkedValues.includes(value)) {
           setValue(function () {
-            return _filterInstanceProperty(checkedValues).call(checkedValues, function (existingValue) {
+            return checkedValues.filter(function (existingValue) {
               return existingValue !== value;
             });
           });
@@ -7931,9 +7834,9 @@ var useCheckboxGroup = function useCheckboxGroup(_ref) {
   };
 };
 
-function ownKeys$b(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$b(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$b(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys$b(Object(source), !0)).call(_context, function (key) { _defineProperty$1(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys$b(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$b(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$b(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$b(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var SelectorGroupField = function SelectorGroupField(_ref) {
   var children = _ref.children,
@@ -7957,8 +7860,6 @@ var SelectorGroupField = function SelectorGroupField(_ref) {
 };
 
 var CheckboxGroup = function CheckboxGroup(_ref) {
-  var _context, _context2;
-
   var children = _ref.children,
       label = _ref.label,
       helpText = _ref.helpText,
@@ -7994,8 +7895,7 @@ var CheckboxGroup = function CheckboxGroup(_ref) {
 
   var showError = validationState === 'error' && errorText;
   var showHelpText = !showError && helpText;
-
-  var accessibilityText = _concatInstanceProperty(_context = ",".concat(showError ? errorText : '', " ")).call(_context, showHelpText ? helpText : '');
+  var accessibilityText = ",".concat(showError ? errorText : '', " ").concat(showHelpText ? helpText : '');
 
   var _useBreakpoint = useBreakpoint({
     breakpoints: theme.breakpoints
@@ -8020,7 +7920,7 @@ var CheckboxGroup = function CheckboxGroup(_ref) {
         children: [/*#__PURE__*/jsx(Box, {
           display: "flex",
           flexDirection: "column",
-          children: _mapInstanceProperty(_context2 = React__default.Children).call(_context2, children, function (child, index) {
+          children: React__default.Children.map(children, function (child, index) {
             return /*#__PURE__*/jsx(Box, {
               marginBottom: index === childCount - 1 ? 0 : gap,
               children: child
@@ -8036,9 +7936,9 @@ var CheckboxGroup = function CheckboxGroup(_ref) {
   });
 };
 
-function ownKeys$a(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$a(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$a(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys$a(Object(source), !0)).call(_context, function (key) { _defineProperty$1(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys$a(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$a(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$a(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$a(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var getVisualContainerStyles = function getVisualContainerStyles() {
   return {
@@ -8210,9 +8110,9 @@ var BaseInputVisuals = function BaseInputVisuals(_ref5) {
   return null;
 };
 
-function ownKeys$9(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$9(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$9(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys$9(Object(source), !0)).call(_context, function (key) { _defineProperty$1(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys$9(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$9(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$9(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$9(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var getTextStyles = function getTextStyles(_ref) {
   var variant = _ref.variant,
@@ -8232,9 +8132,9 @@ var getTextStyles = function getTextStyles(_ref) {
   }));
 };
 
-function ownKeys$8(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$8(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$8(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys$8(Object(source), !0)).call(_context, function (key) { _defineProperty$1(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys$8(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$8(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$8(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$8(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var getInputBackgroundAndBorderStyles = function getInputBackgroundAndBorderStyles(_ref) {
   var theme = _ref.theme,
       isHovered = _ref.isHovered,
@@ -8326,9 +8226,9 @@ var getBaseInputStyles = function getBaseInputStyles(_ref2) {
 
 var _excluded$1 = ["name", "isDisabled", "isRequired", "maxCharacters", "handleOnFocus", "handleOnChange", "handleOnBlur", "handleOnInput", "handleOnKeyDown", "keyboardType", "keyboardReturnKeyType", "autoCompleteSuggestionType", "accessibilityProps", "setCurrentInteraction", "numberOfLines", "type"];
 
-function ownKeys$7(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$7(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys$7(Object(source), !0)).call(_context, function (key) { _defineProperty$1(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys$7(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$7(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$7(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var StyledBaseNativeInput = /*#__PURE__*/styled.input.withConfig({
   displayName: "StyledBaseInputweb__StyledBaseNativeInput",
   componentId: "hsusrk-0"
@@ -8485,9 +8385,9 @@ var BaseInputAnimatedBorder = function BaseInputAnimatedBorder(_ref2) {
 
 var _excluded = ["children", "validationState", "currentInteraction", "isLabelLeftPositioned", "isTextArea"];
 
-function ownKeys$6(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$6(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys$6(Object(source), !0)).call(_context, function (key) { _defineProperty$1(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys$6(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$6(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$6(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var StyledBaseInputWrapper = /*#__PURE__*/styled(Box).withConfig({
   displayName: "BaseInputWrapper__StyledBaseInputWrapper",
   componentId: "sc-27jk75-0"
@@ -8801,10 +8701,8 @@ var BaseInput = /*#__PURE__*/React__default.forwardRef(function (_ref9, ref) {
   });
   var willRenderHintText = Boolean(helpText) || Boolean(successText) || Boolean(errorText);
 
-  if (autoCompleteSuggestionType && !_includesInstanceProperty(autoCompleteSuggestionTypeValues).call(autoCompleteSuggestionTypeValues, autoCompleteSuggestionType)) {
-    var _context;
-
-    throw new Error(_concatInstanceProperty(_context = "[Blade: Input]: Expected autoCompleteSuggestionType to be one of ".concat(autoCompleteSuggestionTypeValues.join(', '), " but received ")).call(_context, autoCompleteSuggestionType));
+  if (autoCompleteSuggestionType && !autoCompleteSuggestionTypeValues.includes(autoCompleteSuggestionType)) {
+    throw new Error("[Blade: Input]: Expected autoCompleteSuggestionType to be one of ".concat(autoCompleteSuggestionTypeValues.join(', '), " but received ").concat(autoCompleteSuggestionType));
   }
 
   var isTextArea = as === 'textarea';
@@ -8915,9 +8813,9 @@ var CharacterCounter = function CharacterCounter(_ref) {
   });
 };
 
-function ownKeys$5(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$5(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys$5(Object(source), !0)).call(_context, function (key) { _defineProperty$1(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys$5(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$5(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var getKeyboardAndAutocompleteProps = function getKeyboardAndAutocompleteProps(_ref) {
   var _ref$type = _ref.type,
@@ -9344,18 +9242,18 @@ var TextArea = function TextArea(_ref) {
   });
 };
 
-function ownKeys$4(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$4(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var _context6, _context7; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context6 = ownKeys$4(Object(source), !0)).call(_context6, function (key) { _defineProperty$1(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context7 = ownKeys$4(Object(source))).call(_context7, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$4(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var isReactNative = getPlatformType() === 'react-native';
 /**
  *  Converts a string value of otp to array if passed otherwise returns an array of 6 empty strings
  */
 
 var otpToArray = function otpToArray(code) {
-  var _code$split, _context;
+  var _code$split;
 
-  return (_code$split = code === null || code === void 0 ? void 0 : code.split('')) !== null && _code$split !== void 0 ? _code$split : _fillInstanceProperty(_context = Array(6)).call(_context, '');
+  return (_code$split = code === null || code === void 0 ? void 0 : code.split('')) !== null && _code$split !== void 0 ? _code$split : Array(6).fill('');
 };
 /**
  * OTPInput component can be used for accepting OTPs sent to users for authentication/verification purposes.
@@ -9415,13 +9313,13 @@ var OTPInput = function OTPInput(_ref) {
     if (inputValue && inputValue.length >= otpLength) {
       // callback for when the OTPInput is controlled and inputValue reaches the same or greater length as the otpLength
       onOTPFilled === null || onOTPFilled === void 0 ? void 0 : onOTPFilled({
-        value: _sliceInstanceProperty(inputValue).call(inputValue, 0, otpLength),
+        value: inputValue.slice(0, otpLength),
         name: name
       });
     } else if (!inputValue && otpValue.join('').length >= otpLength) {
       // callback for when the OTPInput is uncontrolled and otpValue stored in state reaches the same or greater length as the otpLength
       onOTPFilled === null || onOTPFilled === void 0 ? void 0 : onOTPFilled({
-        value: _sliceInstanceProperty(otpValue).call(otpValue, 0, otpLength).join(''),
+        value: otpValue.slice(0, otpLength).join(''),
         name: name
       });
     }
@@ -9436,9 +9334,7 @@ var OTPInput = function OTPInput(_ref) {
   var setOtpValueByIndex = function setOtpValueByIndex(_ref2) {
     var value = _ref2.value,
         index = _ref2.index;
-
-    var newOtpValue = _Array$from(otpValue);
-
+    var newOtpValue = Array.from(otpValue);
     newOtpValue[index] = value;
     setOtpValue(newOtpValue);
     return newOtpValue.join('');
@@ -9475,31 +9371,28 @@ var OTPInput = function OTPInput(_ref) {
     if (inputValue && inputValue.length > 0) {
       // When OTPInput is controlled, set the otpValue as the consumer passed `inputValue` and append the value on current index based on user's input.
       // User's input will not reflect on the otp but will trigger `onChange` callback with the user's input appended so that the consumer can take appropriate action.
-      var newOtpValue = _Array$from(inputValue);
-
+      var newOtpValue = Array.from(inputValue);
       newOtpValue[currentOtpIndex] = value !== null && value !== void 0 ? value : '';
       setOtpValue(newOtpValue);
       onChange === null || onChange === void 0 ? void 0 : onChange({
         name: name,
         value: newOtpValue.join('')
       });
-    } else if (value && _trimInstanceProperty(value).call(value).length > 1) {
-      var _context2;
-
+    } else if (value && value.trim().length > 1) {
       // When the entered value is more that 1 character (when value is pasted), set the otpValue to the newly received value.
       // Could have used `onPaste` for web to achieve this but 1. React Native doesn't support onPaste and 2. Safari's autofill on web doesn't trigger onPaste
-      setOtpValue(_Array$from(value));
+      setOtpValue(Array.from(value));
       onChange === null || onChange === void 0 ? void 0 : onChange({
         name: name,
-        value: _sliceInstanceProperty(_context2 = _trimInstanceProperty(value).call(value)).call(_context2, 0, otpLength)
+        value: value.trim().slice(0, otpLength)
       });
-    } else if (otpValue[currentOtpIndex] !== (value === null || value === void 0 ? void 0 : _trimInstanceProperty(value).call(value))) {
+    } else if (otpValue[currentOtpIndex] !== (value === null || value === void 0 ? void 0 : value.trim())) {
       var _value$trim;
 
       // Set the value at the current index to the entered value
       // only as long as its not the same as the already existing value (this prevents `onChange` being triggered unnecessarily)
       var newValue = setOtpValueByIndex({
-        value: (_value$trim = value === null || value === void 0 ? void 0 : _trimInstanceProperty(value).call(value)) !== null && _value$trim !== void 0 ? _value$trim : '',
+        value: (_value$trim = value === null || value === void 0 ? void 0 : value.trim()) !== null && _value$trim !== void 0 ? _value$trim : '',
         index: currentOtpIndex
       });
       onChange === null || onChange === void 0 ? void 0 : onChange({
@@ -9514,7 +9407,7 @@ var OTPInput = function OTPInput(_ref) {
         currentOtpIndex = _ref4.currentOtpIndex;
 
     // Moves focus to next input whenever a value is entered in the current input
-    if (value && _trimInstanceProperty(value).call(value).length === 1) {
+    if (value && value.trim().length === 1) {
       focusOnOtpByIndex(++currentOtpIndex);
     }
   };
@@ -9570,7 +9463,7 @@ var OTPInput = function OTPInput(_ref) {
     var inputs = [];
 
     var _loop = function _loop(index) {
-      var _context3, _context4, _context5, _otpValue$index, _Array$from$index;
+      var _otpValue$index, _Array$from$index;
 
       var currentValue = inputValue ? otpToArray(inputValue)[index] || '' : otpValue[index] || '';
       var ref = /*#__PURE__*/React__default.createRef();
@@ -9583,10 +9476,10 @@ var OTPInput = function OTPInput(_ref) {
         children: /*#__PURE__*/jsx(BaseInput // eslint-disable-next-line jsx-a11y/no-autofocus
         , {
           autoFocus: autoFocus && index === 0,
-          accessibilityLabel: _concatInstanceProperty(_context4 = "".concat(index === 0 ? label : '', " character ")).call(_context4, index + 1),
+          accessibilityLabel: "".concat(index === 0 ? label : '', " character ").concat(index + 1),
           label: label,
           hideLabelText: true,
-          id: _concatInstanceProperty(_context5 = "".concat(inputId, "-")).call(_context5, index),
+          id: "".concat(inputId, "-").concat(index),
           textAlign: "center",
           ref: ref,
           value: currentValue,
@@ -9607,7 +9500,7 @@ var OTPInput = function OTPInput(_ref) {
             }));
           },
           isDisabled: isDisabled,
-          placeholder: (_Array$from$index = _Array$from(placeholder !== null && placeholder !== void 0 ? placeholder : '')[index]) !== null && _Array$from$index !== void 0 ? _Array$from$index : '',
+          placeholder: (_Array$from$index = Array.from(placeholder !== null && placeholder !== void 0 ? placeholder : '')[index]) !== null && _Array$from$index !== void 0 ? _Array$from$index : '',
           isRequired: true,
           autoCompleteSuggestionType: "oneTimeCode",
           keyboardType: keyboardType,
@@ -9618,7 +9511,7 @@ var OTPInput = function OTPInput(_ref) {
           helpText: helpText,
           hideFormHint: true
         })
-      }, _concatInstanceProperty(_context3 = "".concat(inputId, "-")).call(_context3, index)));
+      }, "".concat(inputId, "-").concat(index)));
     };
 
     for (var index = 0; index < otpLength; index++) {
@@ -9662,9 +9555,9 @@ var OTPInput = function OTPInput(_ref) {
   });
 };
 
-function ownKeys$3(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$3(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys$3(Object(source), !0)).call(_context, function (key) { _defineProperty$1(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys$3(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$3(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var Link = function Link(_ref) {
   var children = _ref.children,
@@ -9703,9 +9596,9 @@ var Link = function Link(_ref) {
   }));
 };
 
-function ownKeys$2(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys$2(Object(source), !0)).call(_context, function (key) { _defineProperty$1(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys$2(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var useRadio = function useRadio(_ref) {
   var isChecked = _ref.isChecked,
@@ -9872,9 +9765,9 @@ var radioIconColors = {
   }
 };
 
-function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys$1(Object(source), !0)).call(_context, function (key) { _defineProperty$1(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys$1(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var getRadioIconWrapperStyles = function getRadioIconWrapperStyles(_ref) {
   var theme = _ref.theme,
@@ -10043,9 +9936,8 @@ var Circle = function Circle(_ref) {
       x = _ref.x,
       y = _ref.y,
       r = _ref.r,
-      fill = _fillInstanceProperty(_ref),
+      fill = _ref.fill,
       stroke = _ref.stroke;
-
   return /*#__PURE__*/jsx("circle", {
     cx: cx,
     cy: cy,
@@ -10057,17 +9949,15 @@ var Circle = function Circle(_ref) {
   });
 };
 
-var CheckedIcon = function CheckedIcon(_ref) {
-  var _context;
+/* eslint-disable @typescript-eslint/explicit-function-return-type */
 
+var CheckedIcon = function CheckedIcon(_ref) {
   var color = _ref.color,
       size = _ref.size;
   var width = radioSizes.icon[size].width;
   var height = radioSizes.icon[size].height;
   var radius = radioSizes.icon[size].dotRadius;
-
-  var viewBox = _concatInstanceProperty(_context = "0 0 ".concat(width, " ")).call(_context, height);
-
+  var viewBox = "0 0 ".concat(width, " ").concat(height);
   var cx = "".concat(width / 2);
   var cy = "".concat(height / 2);
   return /*#__PURE__*/jsx(Svg, {
@@ -10313,8 +10203,6 @@ var useRadioGroup = function useRadioGroup(_ref) {
 };
 
 var RadioGroup = function RadioGroup(_ref) {
-  var _context, _context2;
-
   var children = _ref.children,
       label = _ref.label,
       helpText = _ref.helpText,
@@ -10357,9 +10245,7 @@ var RadioGroup = function RadioGroup(_ref) {
 
   var showError = validationState === 'error' && errorText;
   var showHelpText = !showError && helpText;
-
-  var accessibilityText = _concatInstanceProperty(_context = ",".concat(showError ? errorText : '', " ")).call(_context, showHelpText ? helpText : '');
-
+  var accessibilityText = ",".concat(showError ? errorText : '', " ").concat(showHelpText ? helpText : '');
   var isReactNative = getPlatformType() === 'react-native';
   var gap = radioSizes.group.gap[size][matchedDeviceType];
   var childCount = React__default.Children.count(children);
@@ -10380,7 +10266,7 @@ var RadioGroup = function RadioGroup(_ref) {
         children: [/*#__PURE__*/jsx(Box, {
           display: "flex",
           flexDirection: "column",
-          children: _mapInstanceProperty(_context2 = React__default.Children).call(_context2, children, function (child, index) {
+          children: React__default.Children.map(children, function (child, index) {
             return /*#__PURE__*/jsx(Box, {
               marginBottom: index === childCount - 1 ? 0 : gap,
               children: child
@@ -10415,9 +10301,9 @@ var Spinner = function Spinner(_ref) {
   });
 };
 
-function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty$1(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var fallbackId = 'blade-skip-nav';
 var StyledLink = /*#__PURE__*/styled(BaseLink).withConfig({
   displayName: "SkipNavweb__StyledLink",