@razorpay/blade 5.2.1 → 5.4.0

package/build/components/index.web.js

@@ -437,15 +437,15 @@ var _baseGetTag = baseGetTag$6;
  * // => false
  */
 
-function isObject$7(value) {
+function isObject$8(value) {
   var type = typeof value;
   return value != null && (type == 'object' || type == 'function');
 }
 
-var isObject_1 = isObject$7;
+var isObject_1 = isObject$8;
 
 var baseGetTag$5 = _baseGetTag,
-    isObject$6 = isObject_1;
+    isObject$7 = isObject_1;
 
 /** `Object#toString` result references. */
 var asyncTag = '[object AsyncFunction]',
@@ -471,7 +471,7 @@ var asyncTag = '[object AsyncFunction]',
  * // => false
  */
 function isFunction$3(value) {
-  if (!isObject$6(value)) {
+  if (!isObject$7(value)) {
     return false;
   }
   // The use of `Object#toString` avoids issues with the `typeof` operator
@@ -540,7 +540,7 @@ var _toSource = toSource$2;
 
 var isFunction$2 = isFunction_1,
     isMasked = _isMasked,
-    isObject$5 = isObject_1,
+    isObject$6 = isObject_1,
     toSource$1 = _toSource;
 
 /**
@@ -577,7 +577,7 @@ var reIsNative = RegExp('^' +
  *  else `false`.
  */
 function baseIsNative$1(value) {
-  if (!isObject$5(value) || isMasked(value)) {
+  if (!isObject$6(value) || isMasked(value)) {
     return false;
   }
   var pattern = isFunction$2(value) ? reIsNative : reIsHostCtor;
@@ -1704,7 +1704,7 @@ function nativeKeysIn$1(object) {
 
 var _nativeKeysIn = nativeKeysIn$1;
 
-var isObject$4 = isObject_1,
+var isObject$5 = isObject_1,
     isPrototype$2 = _isPrototype,
     nativeKeysIn = _nativeKeysIn;
 
@@ -1722,7 +1722,7 @@ var hasOwnProperty$2 = objectProto$2.hasOwnProperty;
  * @returns {Array} Returns the array of property names.
  */
 function baseKeysIn$1(object) {
-  if (!isObject$4(object)) {
+  if (!isObject$5(object)) {
     return nativeKeysIn(object);
   }
   var isProto = isPrototype$2(object),
@@ -1978,7 +1978,7 @@ function cloneTypedArray$1(typedArray, isDeep) {
 
 var _cloneTypedArray = cloneTypedArray$1;
 
-var isObject$3 = isObject_1;
+var isObject$4 = isObject_1;
 
 /** Built-in value references. */
 var objectCreate = Object.create;
@@ -1994,7 +1994,7 @@ var objectCreate = Object.create;
 var baseCreate$1 = (function() {
   function object() {}
   return function(proto) {
-    if (!isObject$3(proto)) {
+    if (!isObject$4(proto)) {
       return {};
     }
     if (objectCreate) {
@@ -2057,10 +2057,15 @@ var MetaConstants = {
   Indicator: 'indicator',
   Link: 'link',
   OTPInput: 'otp-input',
+  ProgressBar: 'progress-bar',
   Radio: 'radio',
   RadioGroup: 'radio-group',
   SkipNav: 'skipnav',
-  Spinner: 'spinner'
+  Spinner: 'spinner',
+  Card: 'card',
+  CardBody: 'card-body',
+  CardHeader: 'card-header',
+  CardFooter: 'card-footer'
 };
 
 var getColorScheme = function getColorScheme() {
@@ -2107,15 +2112,15 @@ var symbolTag = '[object Symbol]';
  * _.isSymbol('abc');
  * // => false
  */
-function isSymbol$3(value) {
+function isSymbol$4(value) {
   return typeof value == 'symbol' ||
     (isObjectLike$2(value) && baseGetTag$1(value) == symbolTag);
 }
 
-var isSymbol_1 = isSymbol$3;
+var isSymbol_1 = isSymbol$4;
 
 var isArray$4 = isArray_1,
-    isSymbol$2 = isSymbol_1;
+    isSymbol$3 = isSymbol_1;
 
 /** Used to match property names within property paths. */
 var reIsDeepProp = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,
@@ -2135,7 +2140,7 @@ function isKey$1(value, object) {
   }
   var type = typeof value;
   if (type == 'number' || type == 'symbol' || type == 'boolean' ||
-      value == null || isSymbol$2(value)) {
+      value == null || isSymbol$3(value)) {
     return true;
   }
   return reIsPlainProp.test(value) || !reIsDeepProp.test(value) ||
@@ -2299,7 +2304,7 @@ var _arrayMap = arrayMap$1;
 var Symbol$1 = _Symbol,
     arrayMap = _arrayMap,
     isArray$3 = isArray_1,
-    isSymbol$1 = isSymbol_1;
+    isSymbol$2 = isSymbol_1;
 
 /** Used as references for various `Number` constants. */
 var INFINITY$1 = 1 / 0;
@@ -2325,7 +2330,7 @@ function baseToString$1(value) {
     // Recursively convert values (susceptible to call stack limits).
     return arrayMap(value, baseToString$1) + '';
   }
-  if (isSymbol$1(value)) {
+  if (isSymbol$2(value)) {
     return symbolToString ? symbolToString.call(value) : '';
   }
   var result = (value + '');
@@ -2385,7 +2390,7 @@ function castPath$1(value, object) {
 
 var _castPath = castPath$1;
 
-var isSymbol = isSymbol_1;
+var isSymbol$1 = isSymbol_1;
 
 /** Used as references for various `Number` constants. */
 var INFINITY = 1 / 0;
@@ -2398,7 +2403,7 @@ var INFINITY = 1 / 0;
  * @returns {string|symbol} Returns the key.
  */
 function toKey$1(value) {
-  if (typeof value == 'string' || isSymbol(value)) {
+  if (typeof value == 'string' || isSymbol$1(value)) {
     return value;
   }
   var result = (value + '');
@@ -2566,9 +2571,32 @@ var Symbol = _Symbol;
 var symbolProto = Symbol ? Symbol.prototype : undefined;
     symbolProto ? symbolProto.valueOf : undefined;
 
-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; }
+/* eslint-disable @typescript-eslint/no-explicit-any */
+/**
+ * A type defining React component with additional static prop `componentId`
+ */
 
-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; }
+/**
+ * Gets the `componentId` prop of React component if it exists.
+ */
+var getComponentId = function getComponentId(component) {
+  var _component$type;
+
+  if (! /*#__PURE__*/React__default.isValidElement(component)) return null;
+  return (_component$type = component.type) === null || _component$type === void 0 ? void 0 : _component$type.componentId;
+};
+/**
+ * Checks if the `component` matches the `componentId`
+ */
+
+
+var isValidAllowedChildren = function isValidAllowedChildren(component, id) {
+  return getComponentId(component) === id;
+};
+
+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 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 accessibilityValue = {
   valueMax: 'aria-valuemax',
@@ -2585,7 +2613,7 @@ var accessibilityState = {
 }; // TODO:
 // accessibilityViewIsModal
 
-var accessibilityMap = _objectSpread$C(_objectSpread$C(_objectSpread$C({}, accessibilityState), accessibilityValue), {}, {
+var accessibilityMap = _objectSpread$G(_objectSpread$G(_objectSpread$G({}, accessibilityState), accessibilityValue), {}, {
   activeDescendant: 'aria-activedescendant',
   atomic: 'aria-atomic',
   autoComplete: 'aria-autocomplete',
@@ -2900,7 +2928,7 @@ var assignMergeValue$1 = _assignMergeValue,
     isArrayLikeObject = isArrayLikeObject_1,
     isBuffer = isBuffer$3.exports,
     isFunction = isFunction_1,
-    isObject$2 = isObject_1,
+    isObject$3 = isObject_1,
     isPlainObject = isPlainObject_1,
     isTypedArray = isTypedArray_1,
     safeGet$1 = _safeGet,
@@ -2966,7 +2994,7 @@ function baseMergeDeep$1(object, source, key, srcIndex, mergeFunc, customizer, s
       if (isArguments(objValue)) {
         newValue = toPlainObject(objValue);
       }
-      else if (!isObject$2(objValue) || isFunction(objValue)) {
+      else if (!isObject$3(objValue) || isFunction(objValue)) {
         newValue = initCloneObject(srcValue);
       }
     }
@@ -2989,7 +3017,7 @@ var Stack = _Stack,
     assignMergeValue = _assignMergeValue,
     baseFor = _baseFor,
     baseMergeDeep = _baseMergeDeep,
-    isObject$1 = isObject_1,
+    isObject$2 = isObject_1,
     keysIn = keysIn_1,
     safeGet = _safeGet;
 
@@ -3010,7 +3038,7 @@ function baseMerge$1(object, source, srcIndex, customizer, stack) {
   }
   baseFor(source, function(srcValue, key) {
     stack || (stack = new Stack);
-    if (isObject$1(srcValue)) {
+    if (isObject$2(srcValue)) {
       baseMergeDeep(object, source, key, srcIndex, baseMerge$1, customizer, stack);
     }
     else {
@@ -3237,7 +3265,7 @@ var _baseRest = baseRest$1;
 var eq = eq_1,
     isArrayLike = isArrayLike_1,
     isIndex = _isIndex,
-    isObject = isObject_1;
+    isObject$1 = isObject_1;
 
 /**
  * Checks if the given arguments are from an iteratee call.
@@ -3250,7 +3278,7 @@ var eq = eq_1,
  *  else `false`.
  */
 function isIterateeCall$1(value, index, object) {
-  if (!isObject(object)) {
+  if (!isObject$1(object)) {
     return false;
   }
   var type = typeof index;
@@ -3494,9 +3522,9 @@ var fontFamily = {
   code: 'monospace'
 };
 
-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 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$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; }
+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 fontWeight = {
   regular: 400,
   bold: 700
@@ -3504,7 +3532,7 @@ var fontWeight = {
 ({
   onDesktop: {
     fonts: {
-      family: _objectSpread$B({}, fontFamily),
+      family: _objectSpread$F({}, fontFamily),
       size: {
         10: 9,
         25: 10,
@@ -3521,7 +3549,7 @@ var fontWeight = {
         900: 36,
         1000: 40
       },
-      weight: _objectSpread$B({}, fontWeight)
+      weight: _objectSpread$F({}, fontWeight)
     },
     lineHeights: {
       s: 16,
@@ -3538,7 +3566,7 @@ var fontWeight = {
   },
   onMobile: {
     fonts: {
-      family: _objectSpread$B({}, fontFamily),
+      family: _objectSpread$F({}, fontFamily),
       size: {
         10: 10,
         25: 11,
@@ -3555,7 +3583,7 @@ var fontWeight = {
         900: 29,
         1000: 29
       },
-      weight: _objectSpread$B({}, fontWeight)
+      weight: _objectSpread$F({}, fontWeight)
     },
     lineHeights: {
       s: 16,
@@ -3727,9 +3755,9 @@ var Rect = function Rect(_ref) {
   });
 };
 
-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 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$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; }
+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 Svg = function Svg(_ref) {
   var children = _ref.children,
@@ -3737,7 +3765,7 @@ var Svg = function Svg(_ref) {
       viewBox = _ref.viewBox,
       width = _ref.width,
       fill = _ref.fill;
-  return /*#__PURE__*/jsx("svg", _objectSpread$A(_objectSpread$A(_objectSpread$A({}, makeAccessible({
+  return /*#__PURE__*/jsx("svg", _objectSpread$E(_objectSpread$E(_objectSpread$E({}, makeAccessible({
     hidden: true
   })), metaAttribute(MetaConstants.Component, MetaConstants.Icon)), {}, {
     height: height,
@@ -3772,9 +3800,9 @@ var useTheme = function useTheme() {
   return themeContext;
 };
 
-function ownKeys$z(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 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$z(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$z(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$z(Object(source)).forEach(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; }
 
 var BladeProvider = function BladeProvider(_ref) {
   var themeTokens = _ref.themeTokens,
@@ -3801,9 +3829,9 @@ var BladeProvider = function BladeProvider(_ref) {
   var onColorMode = "on".concat(toTitleCase(colorScheme));
   var onDeviceType = "on".concat(toTitleCase(matchedDeviceType));
 
-  var theme = _objectSpread$z(_objectSpread$z({}, themeTokens), {}, {
+  var theme = _objectSpread$D(_objectSpread$D({}, themeTokens), {}, {
     colors: themeTokens.colors[onColorMode],
-    shadows: _objectSpread$z(_objectSpread$z({}, themeTokens.shadows), {}, {
+    shadows: _objectSpread$D(_objectSpread$D({}, themeTokens.shadows), {}, {
       color: themeTokens.shadows.color[onColorMode]
     }),
     typography: themeTokens.typography[onDeviceType]
@@ -5015,9 +5043,9 @@ var MailIcon = function MailIcon(_ref) {
   });
 };
 
-function ownKeys$y(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 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$y(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$y(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$y(Object(source)).forEach(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 StyledButton = /*#__PURE__*/styled.button.withConfig({
   displayName: "StyledIconButtonweb__StyledButton",
   componentId: "sc-1f4cg7d-0"
@@ -5060,7 +5088,7 @@ var StyledIconButton = function StyledIconButton(_ref) {
       size = _ref.size,
       contrast = _ref.contrast,
       accessibilityLabel = _ref.accessibilityLabel;
-  return /*#__PURE__*/jsx(StyledButton, _objectSpread$y(_objectSpread$y(_objectSpread$y({
+  return /*#__PURE__*/jsx(StyledButton, _objectSpread$C(_objectSpread$C(_objectSpread$C({
     onClick: onClick,
     contrast: contrast,
     type: "button"
@@ -5146,7 +5174,9 @@ var getBoxStyles = function getBoxStyles(_ref2) {
       right = _ref2.right,
       bottom = _ref2.bottom,
       background = _ref2.background,
-      zIndex = _ref2.zIndex;
+      backgroundColor = _ref2.backgroundColor,
+      zIndex = _ref2.zIndex,
+      borderRadius = _ref2.borderRadius;
   return {
     display: display,
     flex: flex,
@@ -5207,7 +5237,9 @@ var getBoxStyles = function getBoxStyles(_ref2) {
     maxWidth: maxWidth ? makeSize(maxWidth) : undefined,
     transform: transform,
     background: background,
-    zIndex: zIndex
+    backgroundColor: backgroundColor,
+    zIndex: zIndex,
+    borderRadius: borderRadius ? makeSize(get_1(theme, "border.radius.".concat(borderRadius))) : undefined
   };
 };
 
@@ -5254,9 +5286,9 @@ var getBaseTextStyles = function getBaseTextStyles(_ref) {
 
 var _excluded$3 = ["color", "fontFamily", "fontSize", "fontWeight", "fontStyle", "textDecorationLine", "lineHeight", "textAlign"];
 
-function ownKeys$x(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 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$x(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$x(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$x(Object(source)).forEach(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 StyledBaseText = /*#__PURE__*/styled.div.withConfig({
   displayName: "BaseTextweb__StyledBaseText",
   componentId: "sc-1ob51ew-0"
@@ -5301,7 +5333,7 @@ var BaseText = function BaseText(_ref2) {
       _ref2$accessibilityPr = _ref2.accessibilityProps,
       accessibilityProps = _ref2$accessibilityPr === void 0 ? {} : _ref2$accessibilityPr,
       componentName = _ref2.componentName;
-  return /*#__PURE__*/jsx(StyledBaseText, _objectSpread$x(_objectSpread$x(_objectSpread$x({
+  return /*#__PURE__*/jsx(StyledBaseText, _objectSpread$B(_objectSpread$B(_objectSpread$B({
     color: color,
     fontFamily: fontFamily,
     fontSize: fontSize,
@@ -5320,9 +5352,9 @@ var BaseText = function BaseText(_ref2) {
   }));
 };
 
-function ownKeys$w(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 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$w(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$w(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$w(Object(source)).forEach(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 getProps$3 = function getProps(_ref) {
   var size = _ref.size,
@@ -5373,14 +5405,14 @@ var Title = function Title(_ref2) {
     type: type,
     contrast: contrast
   });
-  return /*#__PURE__*/jsx(BaseText, _objectSpread$w(_objectSpread$w({}, props), {}, {
+  return /*#__PURE__*/jsx(BaseText, _objectSpread$A(_objectSpread$A({}, props), {}, {
     children: children
   }));
 };
 
-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 ownKeys$z(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 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; }
+function _objectSpread$z(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$z(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$z(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var getProps$2 = function getProps(_ref) {
   var variant = _ref.variant,
@@ -5452,14 +5484,14 @@ var Heading = function Heading(_ref2) {
     weight: weight,
     contrast: contrast
   });
-  return /*#__PURE__*/jsx(BaseText, _objectSpread$v(_objectSpread$v({}, props), {}, {
+  return /*#__PURE__*/jsx(BaseText, _objectSpread$z(_objectSpread$z({}, props), {}, {
     children: children
   }));
 };
 
-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 ownKeys$y(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 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; }
+function _objectSpread$y(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$y(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$y(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var getTextProps = function getTextProps(_ref) {
   var variant = _ref.variant,
@@ -5536,7 +5568,7 @@ var Text = function Text(_ref3) {
       children = _ref3.children,
       color = _ref3.color;
 
-  var props = _objectSpread$u(_objectSpread$u({
+  var props = _objectSpread$y(_objectSpread$y({
     truncateAfterLines: truncateAfterLines
   }, getTextProps({
     variant: variant,
@@ -5548,14 +5580,14 @@ var Text = function Text(_ref3) {
     color: color
   } : {});
 
-  return /*#__PURE__*/jsx(StyledText, _objectSpread$u(_objectSpread$u({}, props), {}, {
+  return /*#__PURE__*/jsx(StyledText, _objectSpread$y(_objectSpread$y({}, props), {}, {
     children: children
   }));
 };
 
-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 ownKeys$x(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 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; }
+function _objectSpread$x(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$x(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$x(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var platformType = getPlatformType();
 var isPlatformWeb = platformType === 'browser' || platformType === 'node';
 
@@ -5615,7 +5647,7 @@ var Code = function Code(_ref) {
   var children = _ref.children,
       _ref$size = _ref.size,
       size = _ref$size === void 0 ? 'small' : _ref$size;
-  return /*#__PURE__*/jsx(CodeContainer, _objectSpread$t(_objectSpread$t({
+  return /*#__PURE__*/jsx(CodeContainer, _objectSpread$x(_objectSpread$x({
     size: size,
     as: isPlatformWeb ? 'span' : undefined
   }, metaAttribute(MetaConstants.Component, MetaConstants.Code)), {}, {
@@ -5657,16 +5689,16 @@ var getBaseButtonStyles = function getBaseButtonStyles(_ref) {
   };
 };
 
-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 ownKeys$w(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 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; }
+function _objectSpread$w(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$w(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$w(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$s({}, props.accessibilityProps);
+  return _objectSpread$w({}, props.accessibilityProps);
 }).withConfig({
   displayName: "StyledBaseButtonweb__StyledBaseButton",
   componentId: "sc-26bt38-0"
 })(function (props) {
-  return _objectSpread$s(_objectSpread$s({}, getBaseButtonStyles(props)), {}, {
+  return _objectSpread$w(_objectSpread$w({}, getBaseButtonStyles(props)), {}, {
     transitionProperty: 'background-color, border-color, box-shadow',
     transitionTimingFunction: get_1(props.theme.motion, props.motionEasing),
     transitionDuration: castWebType(makeMotionTime(get_1(props.theme.motion, props.motionDuration))),
@@ -5963,9 +5995,9 @@ var SpinningBox = /*#__PURE__*/styled(Box).withConfig({
   return css(["padding:1px;width:max-content;display:inline-flex;animation:", " ", " ", " infinite;"], rotate, makeMotionTime(get_1(theme.motion, motion.duration)), get_1(theme.motion, motion.easing));
 });
 
-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 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$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; }
+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 getColor = function getColor(_ref) {
   var contrast = _ref.contrast,
@@ -5995,10 +6027,10 @@ var BaseSpinner = function BaseSpinner(_ref2) {
   var _useTheme = useTheme(),
       theme = _useTheme.theme;
 
-  return /*#__PURE__*/jsx(Box, _objectSpread$r(_objectSpread$r({
+  return /*#__PURE__*/jsx(Box, _objectSpread$v(_objectSpread$v({
     display: "flex"
   }, metaAttribute(MetaConstants.Component, MetaConstants.Spinner)), {}, {
-    children: /*#__PURE__*/jsxs(Box, _objectSpread$r(_objectSpread$r({
+    children: /*#__PURE__*/jsxs(Box, _objectSpread$v(_objectSpread$v({
       display: "flex",
       alignItems: "center",
       flexDirection: labelPosition === 'right' ? 'row' : 'column'
@@ -6031,9 +6063,9 @@ var BaseSpinner = function BaseSpinner(_ref2) {
   }));
 };
 
-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 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$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; }
+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 getColorToken$1 = function getColorToken(_ref) {
   var property = _ref.property,
@@ -6277,8 +6309,8 @@ var BaseButton = function BaseButton(_ref4) {
       motionDuration = _getProps.motionDuration,
       motionEasing = _getProps.motionEasing;
 
-  return /*#__PURE__*/jsxs(StyledBaseButton, _objectSpread$q(_objectSpread$q({
-    accessibilityProps: _objectSpread$q({}, makeAccessible({
+  return /*#__PURE__*/jsxs(StyledBaseButton, _objectSpread$u(_objectSpread$u({
+    accessibilityProps: _objectSpread$u({}, makeAccessible({
       role: 'button',
       label: accessibilityLabel
     })),
@@ -6370,16 +6402,16 @@ var getStyledLinkStyles = function getStyledLinkStyles(_ref) {
   };
 };
 
-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 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$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; }
+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 StyledLink$1 = /*#__PURE__*/styled.button.attrs(function (props) {
-  return _objectSpread$p({}, props.accessibilityProps);
+  return _objectSpread$t({}, props.accessibilityProps);
 }).withConfig({
   displayName: "StyledBaseLinkweb__StyledLink",
   componentId: "sc-1yj1z8h-0"
 })(function (props) {
-  return _objectSpread$p(_objectSpread$p({}, getStyledLinkStyles(props)), {}, {
+  return _objectSpread$t(_objectSpread$t({}, getStyledLinkStyles(props)), {}, {
     display: 'inline-block',
     borderRadius: makeBorderSize(props.theme.border.radius.small),
     transitionProperty: 'box-shadow',
@@ -6436,9 +6468,9 @@ var useInteraction = function useInteraction() {
 
 var _excluded$2 = ["currentInteraction", "setCurrentInteraction"];
 
-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 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$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; }
+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 getColorToken = function getColorToken(_ref) {
   var variant = _ref.variant,
@@ -6592,8 +6624,8 @@ var BaseLink = function BaseLink(_ref3) {
     }
   };
 
-  return /*#__PURE__*/jsx(StyledLink$1, _objectSpread$o(_objectSpread$o(_objectSpread$o({}, syntheticEvents), metaAttribute(MetaConstants.Component, MetaConstants.Link)), {}, {
-    accessibilityProps: _objectSpread$o({}, makeAccessible({
+  return /*#__PURE__*/jsx(StyledLink$1, _objectSpread$s(_objectSpread$s(_objectSpread$s({}, syntheticEvents), metaAttribute(MetaConstants.Component, MetaConstants.Link)), {}, {
+    accessibilityProps: _objectSpread$s({}, makeAccessible({
       role: role,
       label: accessibilityLabel,
       disabled: disabled
@@ -6647,9 +6679,9 @@ var BaseLink = function BaseLink(_ref3) {
   }));
 };
 
-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 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$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; }
+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 isReactNative$3 = getPlatformType() === 'react-native'; // Need extra wrappers on React Native only for alignment
 
 var CloseButtonWrapper = isReactNative$3 ? Box : Fragment;
@@ -6780,7 +6812,7 @@ var Alert = function Alert(_ref) {
   var secondaryAction = actions !== null && actions !== void 0 && actions.secondary ? /*#__PURE__*/jsx(Box, {
     marginRight: "spacing.4",
     display: isReactNative$3 ? 'flex' : 'inline-flex',
-    children: /*#__PURE__*/jsx(BaseLink, _objectSpread$n(_objectSpread$n({
+    children: /*#__PURE__*/jsx(BaseLink, _objectSpread$r(_objectSpread$r({
       size: textSize,
       contrast: contrast,
       intent: intent
@@ -6819,7 +6851,7 @@ var Alert = function Alert(_ref) {
       icon: CloseIcon
     })
   }) : null;
-  var a11yProps = makeAccessible(_objectSpread$n({
+  var a11yProps = makeAccessible(_objectSpread$r({
     // React Native doesn't has status as role
     role: isReactNative$3 || intent === 'negative' || intent === 'notice' ? 'alert' : 'status'
   }, intent === 'notice' && {
@@ -6830,7 +6862,7 @@ var Alert = function Alert(_ref) {
     return null;
   }
 
-  return /*#__PURE__*/jsxs(StyledAlert, _objectSpread$n(_objectSpread$n(_objectSpread$n({
+  return /*#__PURE__*/jsxs(StyledAlert, _objectSpread$r(_objectSpread$r(_objectSpread$r({
     intent: intent,
     contrastType: contrastType,
     isFullWidth: isFullWidth,
@@ -6883,21 +6915,21 @@ var getStyledBadgeStyles = function getStyledBadgeStyles(_ref) {
   };
 };
 
-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 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$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; }
+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 StyledBadge = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledBadgeweb__StyledBadge",
   componentId: "sc-1svn4tv-0"
 })(function (props) {
-  return _objectSpread$m(_objectSpread$m({}, getStyledBadgeStyles(props)), {}, {
+  return _objectSpread$q(_objectSpread$q({}, getStyledBadgeStyles(props)), {}, {
     width: 'fit-content'
   });
 });
 
-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 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$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; }
+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 isFeedbackVariant = function isFeedbackVariant(variant) {
   var feedbackVariants = ['information', 'negative', 'neutral', 'notice', 'positive'];
@@ -6953,7 +6985,7 @@ var Badge = function Badge(_ref2) {
       iconColor = _getColorProps.iconColor,
       textColor = _getColorProps.textColor;
 
-  return /*#__PURE__*/jsx(StyledBadge, _objectSpread$l(_objectSpread$l({
+  return /*#__PURE__*/jsx(StyledBadge, _objectSpread$p(_objectSpread$p({
     backgroundColor: backgroundColor,
     size: size,
     platform: platform
@@ -6975,7 +7007,7 @@ var Badge = function Badge(_ref2) {
           color: iconColor,
           size: iconSize[size]
         })
-      }) : null, /*#__PURE__*/jsx(Text, _objectSpread$l(_objectSpread$l({}, size === 'small' ? {
+      }) : null, /*#__PURE__*/jsx(Text, _objectSpread$p(_objectSpread$p({}, size === 'small' ? {
         variant: 'caption'
       } : {
         variant: 'body',
@@ -6991,9 +7023,121 @@ var Badge = function Badge(_ref2) {
   }));
 };
 
-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; }
+var CardSurface = /*#__PURE__*/styled(Box).withConfig({
+  displayName: "CardSurfaceweb__CardSurface",
+  componentId: "sc-1pgxikk-0"
+})(function (_ref) {
+  var surfaceLevel = _ref.surfaceLevel,
+      theme = _ref.theme;
+  var offsetX = theme.shadows.offsetX.level[1];
+  var offsetY = theme.shadows.offsetY.level[1];
+  var blur = theme.shadows.blurRadius.level[1];
+  var shadowColor = theme.shadows.color.level[1];
+  var shadow1 = "".concat(offsetX, "px ").concat(offsetY, "px ").concat(blur, "px 0px ").concat(shadowColor);
+  var shadow2 = "0px 0px 1px 0px ".concat(shadowColor);
+  var backgroundColor = theme.colors.surface.background["level".concat(surfaceLevel)].lowContrast;
+  return {
+    width: '100%',
+    display: 'flex',
+    flexDirection: 'column',
+    boxShadow: "".concat(shadow1, ", ").concat(shadow2),
+    backgroundColor: backgroundColor
+  };
+});
 
-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 CardContext = /*#__PURE__*/React__default.createContext(null);
+
+var useVerifyInsideCard = function useVerifyInsideCard(componentName) {
+  var context = React__default.useContext(CardContext);
+
+  if (!context) {
+    throw new Error("[Blade Card]: ".concat(componentName, " cannot be used outside of Card component"));
+  }
+
+  return true;
+};
+
+var CardProvider = function CardProvider(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/jsx(CardContext.Provider, {
+    value: true,
+    children: children
+  });
+};
+
+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 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 Card = function Card(_ref) {
+  var children = _ref.children,
+      _ref$surfaceLevel = _ref.surfaceLevel,
+      surfaceLevel = _ref$surfaceLevel === void 0 ? 3 : _ref$surfaceLevel;
+  return /*#__PURE__*/jsx(CardProvider, {
+    children: /*#__PURE__*/jsx(CardSurface, _objectSpread$o(_objectSpread$o({}, metaAttribute(MetaConstants.Component, MetaConstants.Card)), {}, {
+      paddingLeft: "spacing.7",
+      paddingRight: "spacing.7",
+      paddingTop: "spacing.6",
+      paddingBottom: "spacing.6",
+      borderRadius: "medium",
+      surfaceLevel: surfaceLevel,
+      children: children
+    }))
+  });
+};
+
+var CardBody = function CardBody(_ref2) {
+  var children = _ref2.children;
+  useVerifyInsideCard('CardBody');
+  return /*#__PURE__*/jsx(Box, _objectSpread$o(_objectSpread$o({}, metaAttribute(MetaConstants.Component, MetaConstants.CardBody)), {}, {
+    children: children
+  }));
+};
+
+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 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 Link = function Link(_ref) {
+  var children = _ref.children,
+      icon = _ref.icon,
+      _ref$iconPosition = _ref.iconPosition,
+      iconPosition = _ref$iconPosition === void 0 ? 'left' : _ref$iconPosition,
+      _ref$isDisabled = _ref.isDisabled,
+      isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
+      onClick = _ref.onClick,
+      _ref$variant = _ref.variant,
+      variant = _ref$variant === void 0 ? 'anchor' : _ref$variant,
+      href = _ref.href,
+      target = _ref.target,
+      rel = _ref.rel,
+      accessibilityLabel = _ref.accessibilityLabel,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? 'medium' : _ref$size;
+  return /*#__PURE__*/jsx(BaseLink, _objectSpread$n(_objectSpread$n(_objectSpread$n({}, icon ? {
+    icon: icon,
+    children: children
+  } : {
+    children: children
+  }), variant === 'anchor' ? {
+    variant: variant,
+    href: href,
+    target: target,
+    rel: rel
+  } : {
+    variant: variant,
+    isDisabled: isDisabled
+  }), {}, {
+    iconPosition: iconPosition,
+    onClick: onClick,
+    accessibilityLabel: accessibilityLabel,
+    size: size
+  }));
+};
+
+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 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 Button = function Button(_ref) {
   var children = _ref.children,
@@ -7014,7 +7158,7 @@ var Button = function Button(_ref) {
       _ref$variant = _ref.variant,
       variant = _ref$variant === void 0 ? 'primary' : _ref$variant,
       accessibilityLabel = _ref.accessibilityLabel;
-  return /*#__PURE__*/jsx(BaseButton, _objectSpread$k(_objectSpread$k({}, icon ? {
+  return /*#__PURE__*/jsx(BaseButton, _objectSpread$m(_objectSpread$m({}, icon ? {
     icon: icon,
     children: children
   } : {
@@ -7032,6 +7176,18 @@ var Button = function Button(_ref) {
   }));
 };
 
+var Divider = /*#__PURE__*/styled.div.withConfig({
+  displayName: "Dividerweb__Divider",
+  componentId: "sc-11gx34j-0"
+})(function (_ref) {
+  var theme = _ref.theme;
+  return {
+    borderBottomWidth: makeSize(theme.border.width.thin),
+    borderBottomStyle: 'solid',
+    borderColor: theme.colors.surface.border.normal.lowContrast
+  };
+});
+
 var verticalPadding = {
   small: 'spacing.0',
   medium: 'spacing.1',
@@ -7060,21 +7216,21 @@ var getStyledCounterStyles = function getStyledCounterStyles(_ref) {
   };
 };
 
-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 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$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; }
+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 StyledCounter = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledCounterweb__StyledCounter",
   componentId: "sc-1itt9w6-0"
 })(function (props) {
-  return _objectSpread$j(_objectSpread$j({}, getStyledCounterStyles(props)), {}, {
+  return _objectSpread$l(_objectSpread$l({}, getStyledCounterStyles(props)), {}, {
     width: 'fit-content'
   });
 });
 
-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 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$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; }
+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 getColorProps = function getColorProps(_ref) {
   var _ref$intent = _ref.intent,
@@ -7130,7 +7286,7 @@ var Counter = function Counter(_ref2) {
     backgroundColor: backgroundColor,
     size: size,
     platform: platform,
-    children: /*#__PURE__*/jsx(Box, _objectSpread$i(_objectSpread$i({
+    children: /*#__PURE__*/jsx(Box, _objectSpread$k(_objectSpread$k({
       paddingRight: horizontalPadding[size],
       paddingLeft: horizontalPadding[size],
       paddingTop: verticalPadding[size],
@@ -7141,7 +7297,7 @@ var Counter = function Counter(_ref2) {
       alignItems: "center",
       overflow: "hidden"
     }, metaAttribute(MetaConstants.Component, MetaConstants.Counter)), {}, {
-      children: /*#__PURE__*/jsx(Text, _objectSpread$i(_objectSpread$i({}, textSizes[size]), {}, {
+      children: /*#__PURE__*/jsx(Text, _objectSpread$k(_objectSpread$k({}, textSizes[size]), {}, {
         type: "normal",
         weight: "regular",
         truncateAfterLines: 1,
@@ -7152,6 +7308,241 @@ var Counter = function Counter(_ref2) {
   });
 };
 
+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 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 ComponentIds = {
+  CardHeaderIcon: 'CardHeaderIcon',
+  CardHeaderCounter: 'CardHeaderCounter',
+  CardHeaderBadge: 'CardHeaderBadge',
+  CardHeaderText: 'CardHeaderText',
+  CardHeaderLink: 'CardHeaderLink',
+  CardHeaderIconButton: 'CardHeaderIconButton'
+};
+
+var CardHeaderIcon = function CardHeaderIcon(_ref) {
+  var Icon = _ref.icon;
+  useVerifyInsideCard('CardHeaderIcon');
+  return /*#__PURE__*/jsx(Icon, {
+    color: "surface.text.normal.lowContrast",
+    size: "xlarge"
+  });
+};
+
+CardHeaderIcon.componentId = ComponentIds.CardHeaderIcon;
+
+var CardHeaderCounter = function CardHeaderCounter(props) {
+  useVerifyInsideCard('CardHeaderCounter');
+  return /*#__PURE__*/jsx(Counter, _objectSpread$j({}, props));
+};
+
+CardHeaderCounter.componentId = ComponentIds.CardHeaderCounter;
+
+var CardHeaderBadge = function CardHeaderBadge(props) {
+  useVerifyInsideCard('CardHeaderBadge');
+  return /*#__PURE__*/jsx(Badge, _objectSpread$j({}, props));
+};
+
+CardHeaderBadge.componentId = ComponentIds.CardHeaderBadge;
+
+var CardHeaderText = function CardHeaderText(props) {
+  useVerifyInsideCard('CardHeaderText');
+  return /*#__PURE__*/jsx(Text, _objectSpread$j({}, props));
+};
+
+CardHeaderText.componentId = ComponentIds.CardHeaderText;
+
+var CardHeaderLink = function CardHeaderLink(props) {
+  useVerifyInsideCard('CardHeaderLink');
+  return /*#__PURE__*/jsx(Link, _objectSpread$j({}, props));
+};
+
+CardHeaderLink.componentId = ComponentIds.CardHeaderLink;
+
+var CardHeaderIconButton = function CardHeaderIconButton(props) {
+  useVerifyInsideCard('CardHeaderIconButton');
+  return /*#__PURE__*/jsx(Box, {
+    width: makeSpace(minHeight.xsmall),
+    children: /*#__PURE__*/jsx(Button, _objectSpread$j(_objectSpread$j({}, props), {}, {
+      variant: "tertiary",
+      size: "xsmall",
+      iconPosition: "left",
+      isFullWidth: true
+    }))
+  });
+};
+
+CardHeaderIconButton.componentId = ComponentIds.CardHeaderIconButton;
+
+var CardHeader = function CardHeader(_ref2) {
+  var children = _ref2.children;
+  useVerifyInsideCard('CardHeader');
+  return /*#__PURE__*/jsxs(Box, _objectSpread$j(_objectSpread$j({
+    marginBottom: "spacing.7"
+  }, metaAttribute(MetaConstants.Component, MetaConstants.CardHeader)), {}, {
+    children: [/*#__PURE__*/jsx(Box, {
+      marginBottom: "spacing.7",
+      display: "flex",
+      flexDirection: "row",
+      justifyContent: "space-between",
+      children: children
+    }), /*#__PURE__*/jsx(Divider, {})]
+  }));
+};
+
+var CardHeaderLeading = function CardHeaderLeading(_ref3) {
+  var title = _ref3.title,
+      subtitle = _ref3.subtitle,
+      prefix = _ref3.prefix,
+      suffix = _ref3.suffix;
+  useVerifyInsideCard('CardHeaderLeading');
+
+  if (prefix && !isValidAllowedChildren(prefix, ComponentIds.CardHeaderIcon)) {
+    throw new Error("[Blade CardHeaderLeading]: Only `".concat(ComponentIds.CardHeaderIcon, "` component is accepted in prefix"));
+  }
+
+  if (suffix && !isValidAllowedChildren(suffix, ComponentIds.CardHeaderCounter)) {
+    throw new Error("[Blade CardHeaderLeading]: Only `".concat(ComponentIds.CardHeaderCounter, "` component is accepted in prefix"));
+  }
+
+  return /*#__PURE__*/jsxs(Box, {
+    flex: 1,
+    display: "flex",
+    flexDirection: "row",
+    children: [/*#__PURE__*/jsx(Box, {
+      marginRight: "spacing.3",
+      alignSelf: "center",
+      display: "flex",
+      children: prefix
+    }), /*#__PURE__*/jsxs(Box, {
+      children: [/*#__PURE__*/jsxs(Box, {
+        display: "flex",
+        flexDirection: "row",
+        alignItems: "center",
+        flexWrap: "wrap",
+        children: [/*#__PURE__*/jsx(Heading, {
+          size: "small",
+          variant: "regular",
+          type: "normal",
+          children: title
+        }), /*#__PURE__*/jsx(Box, {
+          marginLeft: "spacing.3",
+          children: suffix
+        })]
+      }), /*#__PURE__*/jsx(Text, {
+        variant: "body",
+        size: "small",
+        weight: "regular",
+        children: subtitle
+      })]
+    })]
+  });
+};
+
+var headerTrailingAllowedComponents = [ComponentIds.CardHeaderLink, ComponentIds.CardHeaderText, ComponentIds.CardHeaderIconButton, ComponentIds.CardHeaderBadge];
+
+var CardHeaderTrailing = function CardHeaderTrailing(_ref4) {
+  var visual = _ref4.visual;
+  useVerifyInsideCard('CardHeaderTrailing');
+
+  if (visual && !headerTrailingAllowedComponents.includes(getComponentId(visual))) {
+    throw new Error("[Blade CardHeaderTrailing]: Only one of `".concat(headerTrailingAllowedComponents.join(', '), "` component is accepted in visual"));
+  }
+
+  return /*#__PURE__*/jsx(Box, {
+    alignSelf: "center",
+    children: visual
+  });
+};
+
+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 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 useIsMobile = function useIsMobile() {
+  var _useTheme = useTheme(),
+      theme = _useTheme.theme;
+
+  var _useBreakpoint = useBreakpoint({
+    breakpoints: theme.breakpoints
+  }),
+      matchedDeviceType = _useBreakpoint.matchedDeviceType;
+
+  return matchedDeviceType === 'mobile';
+};
+
+var CardFooter = function CardFooter(_ref) {
+  var children = _ref.children;
+  var isMobile = useIsMobile();
+  useVerifyInsideCard('CardFooter');
+  return /*#__PURE__*/jsxs(Box, _objectSpread$i(_objectSpread$i({
+    marginTop: "auto"
+  }, metaAttribute(MetaConstants.Component, MetaConstants.CardFooter)), {}, {
+    children: [/*#__PURE__*/jsx(Box, {
+      marginTop: "spacing.7"
+    }), /*#__PURE__*/jsx(Divider, {}), /*#__PURE__*/jsx(Box, {
+      marginTop: "spacing.7",
+      display: "flex",
+      flexDirection: isMobile ? 'column' : 'row',
+      justifyContent: "space-between",
+      alignItems: isMobile ? 'stretch' : 'center',
+      children: children
+    })]
+  }));
+};
+
+var CardFooterLeading = function CardFooterLeading(_ref2) {
+  var title = _ref2.title,
+      subtitle = _ref2.subtitle;
+  useVerifyInsideCard('CardFooterLeading');
+  return /*#__PURE__*/jsxs(Box, {
+    children: [title && /*#__PURE__*/jsx(Text, {
+      variant: "body",
+      size: "medium",
+      weight: "bold",
+      children: title
+    }), subtitle && /*#__PURE__*/jsx(Text, {
+      variant: "body",
+      size: "small",
+      weight: "regular",
+      children: subtitle
+    })]
+  });
+};
+
+var CardFooterTrailing = function CardFooterTrailing(_ref3) {
+  var actions = _ref3.actions;
+  var isMobile = useIsMobile();
+  useVerifyInsideCard('CardFooterTrailing');
+  return /*#__PURE__*/jsxs(Box, {
+    display: "flex",
+    flexDirection: "row",
+    alignSelf: isMobile ? 'auto' : 'center',
+    marginTop: isMobile ? 'spacing.5' : 'spacing.0',
+    marginLeft: isMobile ? 'spacing.0' : 'spacing.5',
+    children: [/*#__PURE__*/jsx(Box, {
+      flexGrow: 1,
+      children: actions !== null && actions !== void 0 && actions.secondary ? /*#__PURE__*/jsx(Button, _objectSpread$i(_objectSpread$i({
+        isFullWidth: true,
+        size: "medium",
+        variant: "secondary"
+      }, actions.secondary), {}, {
+        children: actions.secondary.text
+      })) : null
+    }), /*#__PURE__*/jsx(Box, {
+      marginLeft: "spacing.5"
+    }), /*#__PURE__*/jsx(Box, {
+      flexGrow: 1,
+      children: actions !== null && actions !== void 0 && actions.primary ? /*#__PURE__*/jsx(Button, _objectSpread$i(_objectSpread$i({
+        isFullWidth: true,
+        size: "medium"
+      }, actions.primary), {}, {
+        children: actions.primary.text
+      })) : null
+    })]
+  });
+};
+
 /**
  * Checks if `value` is `undefined`.
  *
@@ -7767,7 +8158,9 @@ var FormLabel = function FormLabel(_ref) {
       accessibilityText = _ref.accessibilityText,
       children = _ref.children,
       id = _ref.id,
-      htmlFor = _ref.htmlFor;
+      htmlFor = _ref.htmlFor,
+      _ref$contrast = _ref.contrast,
+      contrast = _ref$contrast === void 0 ? 'low' : _ref$contrast;
 
   var _useTheme = useTheme(),
       theme = _useTheme.theme;
@@ -7820,6 +8213,7 @@ var FormLabel = function FormLabel(_ref) {
     children: [/*#__PURE__*/jsx(Text, {
       type: "subdued",
       variant: "body",
+      contrast: contrast,
       size: isLabelLeftPositioned ? 'medium' : 'small',
       weight: "bold",
       children: children
@@ -10078,45 +10472,429 @@ var Indicator = function Indicator(_ref) {
   }));
 };
 
+/**
+ * The base implementation of `_.clamp` which doesn't coerce arguments.
+ *
+ * @private
+ * @param {number} number The number to clamp.
+ * @param {number} [lower] The lower bound.
+ * @param {number} upper The upper bound.
+ * @returns {number} Returns the clamped number.
+ */
+
+function baseClamp$1(number, lower, upper) {
+  if (number === number) {
+    if (upper !== undefined) {
+      number = number <= upper ? number : upper;
+    }
+    if (lower !== undefined) {
+      number = number >= lower ? number : lower;
+    }
+  }
+  return number;
+}
+
+var _baseClamp = baseClamp$1;
+
+/** Used to match a single whitespace character. */
+
+var reWhitespace = /\s/;
+
+/**
+ * Used by `_.trim` and `_.trimEnd` to get the index of the last non-whitespace
+ * character of `string`.
+ *
+ * @private
+ * @param {string} string The string to inspect.
+ * @returns {number} Returns the index of the last non-whitespace character.
+ */
+function trimmedEndIndex$1(string) {
+  var index = string.length;
+
+  while (index-- && reWhitespace.test(string.charAt(index))) {}
+  return index;
+}
+
+var _trimmedEndIndex = trimmedEndIndex$1;
+
+var trimmedEndIndex = _trimmedEndIndex;
+
+/** Used to match leading whitespace. */
+var reTrimStart = /^\s+/;
+
+/**
+ * The base implementation of `_.trim`.
+ *
+ * @private
+ * @param {string} string The string to trim.
+ * @returns {string} Returns the trimmed string.
+ */
+function baseTrim$1(string) {
+  return string
+    ? string.slice(0, trimmedEndIndex(string) + 1).replace(reTrimStart, '')
+    : string;
+}
+
+var _baseTrim = baseTrim$1;
+
+var baseTrim = _baseTrim,
+    isObject = isObject_1,
+    isSymbol = isSymbol_1;
+
+/** Used as references for various `Number` constants. */
+var NAN = 0 / 0;
+
+/** Used to detect bad signed hexadecimal string values. */
+var reIsBadHex = /^[-+]0x[0-9a-f]+$/i;
+
+/** Used to detect binary string values. */
+var reIsBinary = /^0b[01]+$/i;
+
+/** Used to detect octal string values. */
+var reIsOctal = /^0o[0-7]+$/i;
+
+/** Built-in method references without a dependency on `root`. */
+var freeParseInt = parseInt;
+
+/**
+ * Converts `value` to a number.
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to process.
+ * @returns {number} Returns the number.
+ * @example
+ *
+ * _.toNumber(3.2);
+ * // => 3.2
+ *
+ * _.toNumber(Number.MIN_VALUE);
+ * // => 5e-324
+ *
+ * _.toNumber(Infinity);
+ * // => Infinity
+ *
+ * _.toNumber('3.2');
+ * // => 3.2
+ */
+function toNumber$1(value) {
+  if (typeof value == 'number') {
+    return value;
+  }
+  if (isSymbol(value)) {
+    return NAN;
+  }
+  if (isObject(value)) {
+    var other = typeof value.valueOf == 'function' ? value.valueOf() : value;
+    value = isObject(other) ? (other + '') : other;
+  }
+  if (typeof value != 'string') {
+    return value === 0 ? value : +value;
+  }
+  value = baseTrim(value);
+  var isBinary = reIsBinary.test(value);
+  return (isBinary || reIsOctal.test(value))
+    ? freeParseInt(value.slice(2), isBinary ? 2 : 8)
+    : (reIsBadHex.test(value) ? NAN : +value);
+}
+
+var toNumber_1 = toNumber$1;
+
+var baseClamp = _baseClamp,
+    toNumber = toNumber_1;
+
+/**
+ * Clamps `number` within the inclusive `lower` and `upper` bounds.
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Number
+ * @param {number} number The number to clamp.
+ * @param {number} [lower] The lower bound.
+ * @param {number} upper The upper bound.
+ * @returns {number} Returns the clamped number.
+ * @example
+ *
+ * _.clamp(-10, -5, 5);
+ * // => -5
+ *
+ * _.clamp(10, -5, 5);
+ * // => 5
+ */
+function clamp(number, lower, upper) {
+  if (upper === undefined) {
+    upper = lower;
+    lower = undefined;
+  }
+  if (upper !== undefined) {
+    upper = toNumber(upper);
+    upper = upper === upper ? upper : 0;
+  }
+  if (lower !== undefined) {
+    lower = toNumber(lower);
+    lower = lower === lower ? lower : 0;
+  }
+  return baseClamp(toNumber(number), lower, upper);
+}
+
+var clamp_1 = clamp;
+
+var indeterminateAnimation = {
+  scaleXInitial: 1,
+  scaleXMid: 5,
+  scaleXFinal: 1,
+  leftInitial: '-8%',
+  leftMid: '50%',
+  leftFinal: '103%',
+  fillWidth: '5%'
+};
+var pulseAnimation = {
+  opacityInitial: 0,
+  opacityMid: 0.25,
+  opacityFinal: 0,
+  backgroundColor: 'white'
+};
+
+var pulseKeyframes = /*#__PURE__*/keyframes(["0%{opacity:", ";}50%{opacity:", ";}100%{opacity:", ";}"], pulseAnimation.opacityInitial, pulseAnimation.opacityMid, pulseAnimation.opacityFinal);
+var slideAndScaleKeyframes = /*#__PURE__*/keyframes(["0%{left:", ";transform:scaleX(", ");}50%{left:", ";transform:scaleX(", ");}100%{left:", ";transform:scaleX(", ");}"], indeterminateAnimation.leftInitial, indeterminateAnimation.scaleXInitial, indeterminateAnimation.leftMid, indeterminateAnimation.scaleXMid, indeterminateAnimation.leftFinal, indeterminateAnimation.scaleXFinal);
+
+var getPulseAnimationStyles = function getPulseAnimationStyles(_ref) {
+  var duration = _ref.duration,
+      easing = _ref.easing,
+      delay = _ref.delay;
+  return css(["height:100%;width:100%;opacity:", ";background-color:", ";animation:", " ", " ", " infinite;animation-delay:", ";"], pulseAnimation.opacityInitial, pulseAnimation.backgroundColor, pulseKeyframes, duration, easing, delay);
+};
+
+var BoxWithIndeterminateAnimation = /*#__PURE__*/styled(Box).withConfig({
+  displayName: "ProgressBarFilledweb__BoxWithIndeterminateAnimation",
+  componentId: "sc-15oi5xk-0"
+})(function (_ref2) {
+  var theme = _ref2.theme,
+      indeterminateMotionDuration = _ref2.indeterminateMotionDuration;
+  var duration = castWebType(makeMotionTime(get_1(theme.motion, indeterminateMotionDuration)));
+  var easing = 'linear'; // TODO: Add this in motion tokens
+
+  return css(["animation:", " ", " ", " infinite;position:absolute;width:", ";height:100%;"], slideAndScaleKeyframes, duration, easing, indeterminateAnimation.fillWidth);
+});
+var IndeterminateFilledContainer = /*#__PURE__*/styled(BoxWithIndeterminateAnimation).withConfig({
+  displayName: "ProgressBarFilledweb__IndeterminateFilledContainer",
+  componentId: "sc-15oi5xk-1"
+})(function (_ref3) {
+  var backgroundColor = _ref3.backgroundColor;
+  return {
+    backgroundColor: backgroundColor
+  };
+});
+var IndeterminatePulseAnimation = /*#__PURE__*/styled(BoxWithIndeterminateAnimation).withConfig({
+  displayName: "ProgressBarFilledweb__IndeterminatePulseAnimation",
+  componentId: "sc-15oi5xk-2"
+})(function (_ref4) {
+  var theme = _ref4.theme,
+      pulseMotionDuration = _ref4.pulseMotionDuration,
+      pulseMotionDelay = _ref4.pulseMotionDelay,
+      motionEasing = _ref4.motionEasing,
+      variant = _ref4.variant;
+  var duration = castWebType(makeMotionTime(get_1(theme.motion, pulseMotionDuration)));
+  var easing = castWebType(get_1(theme.motion, motionEasing));
+  var delay = castWebType(makeMotionTime(get_1(theme.motion, pulseMotionDelay)));
+  return variant === 'progress' ? getPulseAnimationStyles({
+    duration: duration,
+    easing: easing,
+    delay: delay
+  }) : '';
+});
+var BoxWithProgressFillTransition = /*#__PURE__*/styled(Box).withConfig({
+  displayName: "ProgressBarFilledweb__BoxWithProgressFillTransition",
+  componentId: "sc-15oi5xk-3"
+})(function (_ref5) {
+  var theme = _ref5.theme,
+      fillMotionDuration = _ref5.fillMotionDuration,
+      motionEasing = _ref5.motionEasing;
+  return {
+    transitionProperty: 'width',
+    transitionDuration: castWebType(makeMotionTime(get_1(theme.motion, fillMotionDuration))),
+    transitionTimingFunction: castWebType(get_1(theme.motion, motionEasing))
+  };
+});
+var DeterminateFilledContainer = /*#__PURE__*/styled(BoxWithProgressFillTransition).withConfig({
+  displayName: "ProgressBarFilledweb__DeterminateFilledContainer",
+  componentId: "sc-15oi5xk-4"
+})(function (_ref6) {
+  var backgroundColor = _ref6.backgroundColor,
+      progress = _ref6.progress;
+  return {
+    backgroundColor: backgroundColor,
+    height: '100%',
+    width: "".concat(progress, "%")
+  };
+});
+var DeterminatePulseAnimation = /*#__PURE__*/styled(BoxWithProgressFillTransition).withConfig({
+  displayName: "ProgressBarFilledweb__DeterminatePulseAnimation",
+  componentId: "sc-15oi5xk-5"
+})(function (_ref7) {
+  var theme = _ref7.theme,
+      pulseMotionDuration = _ref7.pulseMotionDuration,
+      pulseMotionDelay = _ref7.pulseMotionDelay,
+      motionEasing = _ref7.motionEasing,
+      variant = _ref7.variant;
+  var duration = castWebType(makeMotionTime(get_1(theme.motion, pulseMotionDuration)));
+  var easing = castWebType(get_1(theme.motion, motionEasing));
+  var delay = castWebType(makeMotionTime(get_1(theme.motion, pulseMotionDelay)));
+  return variant === 'progress' ? getPulseAnimationStyles({
+    duration: duration,
+    easing: easing,
+    delay: delay
+  }) : '';
+});
+
+var ProgressBarFilled = function ProgressBarFilled(_ref8) {
+  var backgroundColor = _ref8.backgroundColor,
+      fillMotionDuration = _ref8.fillMotionDuration,
+      motionEasing = _ref8.motionEasing,
+      progress = _ref8.progress,
+      pulseMotionDelay = _ref8.pulseMotionDelay,
+      pulseMotionDuration = _ref8.pulseMotionDuration,
+      indeterminateMotionDuration = _ref8.indeterminateMotionDuration,
+      variant = _ref8.variant,
+      isIndeterminate = _ref8.isIndeterminate;
+  var ProgressBarFilledContainer = isIndeterminate ? IndeterminateFilledContainer : DeterminateFilledContainer;
+  var ProgressBarPulseAnimation = isIndeterminate ? IndeterminatePulseAnimation : DeterminatePulseAnimation;
+  return /*#__PURE__*/jsx(ProgressBarFilledContainer, {
+    backgroundColor: backgroundColor,
+    fillMotionDuration: fillMotionDuration,
+    progress: progress,
+    indeterminateMotionDuration: indeterminateMotionDuration,
+    children: /*#__PURE__*/jsx(ProgressBarPulseAnimation, {
+      fillMotionDuration: fillMotionDuration,
+      motionEasing: motionEasing,
+      variant: variant,
+      pulseMotionDelay: pulseMotionDelay,
+      pulseMotionDuration: pulseMotionDuration
+    })
+  });
+};
+
 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 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 progressBarHeight = {
+  small: 2,
+  medium: 4
+};
 
-var Link = function Link(_ref) {
-  var children = _ref.children,
-      icon = _ref.icon,
-      _ref$iconPosition = _ref.iconPosition,
-      iconPosition = _ref$iconPosition === void 0 ? 'left' : _ref$iconPosition,
-      _ref$isDisabled = _ref.isDisabled,
-      isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
-      onClick = _ref.onClick,
-      _ref$variant = _ref.variant,
-      variant = _ref$variant === void 0 ? 'anchor' : _ref$variant,
-      href = _ref.href,
-      target = _ref.target,
-      rel = _ref.rel,
-      accessibilityLabel = _ref.accessibilityLabel,
+var ProgressBar = function ProgressBar(_ref) {
+  var _label$trim;
+
+  var accessibilityLabel = _ref.accessibilityLabel,
+      _ref$contrast = _ref.contrast,
+      contrast = _ref$contrast === void 0 ? 'low' : _ref$contrast,
+      intent = _ref.intent,
+      _ref$isIndeterminate = _ref.isIndeterminate,
+      isIndeterminate = _ref$isIndeterminate === void 0 ? false : _ref$isIndeterminate,
+      label = _ref.label,
+      _ref$showPercentage = _ref.showPercentage,
+      showPercentage = _ref$showPercentage === void 0 ? true : _ref$showPercentage,
       _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 'medium' : _ref$size;
-  return /*#__PURE__*/jsx(BaseLink, _objectSpread$3(_objectSpread$3(_objectSpread$3({}, icon ? {
-    icon: icon,
-    children: children
-  } : {
-    children: children
-  }), variant === 'anchor' ? {
-    variant: variant,
-    href: href,
-    target: target,
-    rel: rel
-  } : {
-    variant: variant,
-    isDisabled: isDisabled
-  }), {}, {
-    iconPosition: iconPosition,
-    onClick: onClick,
-    accessibilityLabel: accessibilityLabel,
-    size: size
-  }));
+      size = _ref$size === void 0 ? 'small' : _ref$size,
+      _ref$value = _ref.value,
+      value = _ref$value === void 0 ? 0 : _ref$value,
+      _ref$variant = _ref.variant,
+      variant = _ref$variant === void 0 ? 'progress' : _ref$variant,
+      _ref$min = _ref.min,
+      min = _ref$min === void 0 ? 0 : _ref$min,
+      _ref$max = _ref.max,
+      max = _ref$max === void 0 ? 100 : _ref$max;
+
+  var _useTheme = useTheme(),
+      theme = _useTheme.theme;
+
+  var id = useId(variant);
+
+  if (variant === 'meter' && isIndeterminate) {
+    throw new Error("[Blade: ProgressBar]: Cannot set 'isIndeterminate' when 'variant' is 'meter'.");
+  }
+
+  var unfilledBackgroundColor = theme.colors.brand.gray.a100["".concat(contrast, "Contrast")];
+  var filledBackgroundColor = intent ? theme.colors.feedback.background[intent].highContrast : theme.colors.brand.primary[500];
+  var hasLabel = label && ((_label$trim = label.trim()) === null || _label$trim === void 0 ? void 0 : _label$trim.length) > 0;
+  var isMeter = variant === 'meter';
+  var progressValue = clamp_1(value, min, max);
+  var percentageProgressValue = Math.floor((progressValue - min) * 100 / (max - min));
+  var shouldShowPercentage = showPercentage && !isMeter && !isIndeterminate;
+  var accessibilityProps = {
+    role: 'progressbar',
+    label: accessibilityLabel !== null && accessibilityLabel !== void 0 ? accessibilityLabel : label,
+    valueNow: percentageProgressValue,
+    valueText: "".concat(percentageProgressValue, "%"),
+    valueMin: min,
+    valueMax: max
+  };
+
+  if (isMeter) {
+    accessibilityProps.role = 'meter';
+    accessibilityProps.valueNow = progressValue;
+    accessibilityProps.valueText = "".concat(progressValue);
+  }
+
+  if (isIndeterminate) {
+    accessibilityProps.valueNow = undefined;
+    accessibilityProps.valueMin = undefined;
+    accessibilityProps.valueMax = undefined;
+    accessibilityProps.valueText = undefined;
+  }
+
+  return /*#__PURE__*/jsxs(Fragment$1, {
+    children: [/*#__PURE__*/jsxs(Box, {
+      display: "flex",
+      flexDirection: "row",
+      justifyContent: hasLabel ? 'space-between' : 'flex-end',
+      children: [hasLabel ? /*#__PURE__*/jsx(FormLabel, {
+        as: "label",
+        htmlFor: id,
+        contrast: contrast,
+        children: label
+      }) : null, shouldShowPercentage ? /*#__PURE__*/jsx(Box, {
+        marginBottom: "spacing.2",
+        children: /*#__PURE__*/jsx(Text, {
+          type: "subdued",
+          variant: "body",
+          contrast: contrast,
+          size: "small",
+          children: "".concat(percentageProgressValue, "%")
+        })
+      }) : null]
+    }), /*#__PURE__*/jsx(Box, _objectSpread$3(_objectSpread$3(_objectSpread$3({
+      id: id
+    }, metaAttribute(MetaConstants.Component, MetaConstants.ProgressBar)), makeAccessible({
+      role: accessibilityProps.role,
+      label: accessibilityProps.label,
+      valueNow: accessibilityProps.valueNow,
+      valueText: accessibilityProps.valueText,
+      valueMin: accessibilityProps.valueMin,
+      valueMax: accessibilityProps.valueMax
+    })), {}, {
+      children: /*#__PURE__*/jsx(Box, {
+        backgroundColor: unfilledBackgroundColor,
+        height: makeSize(progressBarHeight[size]),
+        overflow: "hidden",
+        position: "relative",
+        children: /*#__PURE__*/jsx(ProgressBarFilled, {
+          backgroundColor: filledBackgroundColor,
+          progress: percentageProgressValue,
+          fillMotionDuration: "duration.2xgentle",
+          pulseMotionDuration: "duration.2xgentle",
+          indeterminateMotionDuration: "duration.2xgentle",
+          pulseMotionDelay: "delay.long",
+          motionEasing: "easing.standard.revealing",
+          variant: variant,
+          isIndeterminate: isIndeterminate
+        })
+      })
+    }))]
+  });
 };
 
 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; }
@@ -10830,5 +11608,5 @@ var SkipNavContent = function SkipNavContent(_ref3) {
   }, testID('skipnav-content')), metaAttribute(MetaConstants.Component, MetaConstants.SkipNav)));
 };
 
-export { Alert, AlertTriangleIcon as AlertOctagonIcon, AlertTriangleIcon$1 as AlertTriangleIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, ArrowUpRightIcon, Badge, BladeProvider, Button, CheckCircleIcon, CheckIcon, Checkbox, CheckboxGroup, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CloseIcon, Code, Counter, CreditCardIcon, DollarIcon, DownloadIcon, EditIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FileTextIcon, Heading, HelpCircleIcon, HistoryIcon, HomeIcon, IconButton, Indicator, InfoIcon, Link, LinkIcon, LockIcon, MailIcon, MinusIcon, OTPInput, PasswordInput, PauseIcon, PlusIcon, Radio, RadioGroup, RefreshLeftIcon, RotateCounterClockWiseIcon, RupeeIcon, SearchIcon, SettingsIcon, SkipNavContent, SkipNavLink, SlashIcon, Spinner, Text, TextArea, TextInput, Title, TrashIcon, TrendingDownIcon, TrendingUpIcon, UsersIcon, VisuallyHidden, announce, clearAnnouncer, destroyAnnouncer, getTextProps, screenReaderStyles, useTheme };
+export { Alert, AlertTriangleIcon as AlertOctagonIcon, AlertTriangleIcon$1 as AlertTriangleIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, ArrowUpRightIcon, Badge, BladeProvider, Button, Card, CardBody, CardFooter, CardFooterLeading, CardFooterTrailing, CardHeader, CardHeaderBadge, CardHeaderCounter, CardHeaderIcon, CardHeaderIconButton, CardHeaderLeading, CardHeaderLink, CardHeaderText, CardHeaderTrailing, CheckCircleIcon, CheckIcon, Checkbox, CheckboxGroup, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CloseIcon, Code, Counter, CreditCardIcon, DollarIcon, DownloadIcon, EditIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FileTextIcon, Heading, HelpCircleIcon, HistoryIcon, HomeIcon, IconButton, Indicator, InfoIcon, Link, LinkIcon, LockIcon, MailIcon, MinusIcon, OTPInput, PasswordInput, PauseIcon, PlusIcon, ProgressBar, Radio, RadioGroup, RefreshLeftIcon, RotateCounterClockWiseIcon, RupeeIcon, SearchIcon, SettingsIcon, SkipNavContent, SkipNavLink, SlashIcon, Spinner, Text, TextArea, TextInput, Title, TrashIcon, TrendingDownIcon, TrendingUpIcon, UsersIcon, VisuallyHidden, announce, clearAnnouncer, destroyAnnouncer, getTextProps, screenReaderStyles, useTheme };
 //# sourceMappingURL=index.web.js.map