@razorpay/blade 5.2.1 → 5.3.0

package/build/components/index.web.js

@@ -2060,7 +2060,11 @@ var MetaConstants = {
   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() {
@@ -2566,9 +2570,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`
+ */
+
+/**
+ * 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`
+ */
 
-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 isValidAllowedChildren = function isValidAllowedChildren(component, id) {
+  return getComponentId(component) === id;
+};
+
+function ownKeys$F(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread$F(target) { for (var i = 1; i < arguments.length; i++) { var 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 accessibilityValue = {
   valueMax: 'aria-valuemax',
@@ -2585,7 +2612,7 @@ var accessibilityState = {
 }; // TODO:
 // accessibilityViewIsModal
 
-var accessibilityMap = _objectSpread$C(_objectSpread$C(_objectSpread$C({}, accessibilityState), accessibilityValue), {}, {
+var accessibilityMap = _objectSpread$F(_objectSpread$F(_objectSpread$F({}, accessibilityState), accessibilityValue), {}, {
   activeDescendant: 'aria-activedescendant',
   atomic: 'aria-atomic',
   autoComplete: 'aria-autocomplete',
@@ -3494,9 +3521,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$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$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$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 fontWeight = {
   regular: 400,
   bold: 700
@@ -3504,7 +3531,7 @@ var fontWeight = {
 ({
   onDesktop: {
     fonts: {
-      family: _objectSpread$B({}, fontFamily),
+      family: _objectSpread$E({}, fontFamily),
       size: {
         10: 9,
         25: 10,
@@ -3521,7 +3548,7 @@ var fontWeight = {
         900: 36,
         1000: 40
       },
-      weight: _objectSpread$B({}, fontWeight)
+      weight: _objectSpread$E({}, fontWeight)
     },
     lineHeights: {
       s: 16,
@@ -3538,7 +3565,7 @@ var fontWeight = {
   },
   onMobile: {
     fonts: {
-      family: _objectSpread$B({}, fontFamily),
+      family: _objectSpread$E({}, fontFamily),
       size: {
         10: 10,
         25: 11,
@@ -3555,7 +3582,7 @@ var fontWeight = {
         900: 29,
         1000: 29
       },
-      weight: _objectSpread$B({}, fontWeight)
+      weight: _objectSpread$E({}, fontWeight)
     },
     lineHeights: {
       s: 16,
@@ -3727,9 +3754,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$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$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$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 Svg = function Svg(_ref) {
   var children = _ref.children,
@@ -3737,7 +3764,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$D(_objectSpread$D(_objectSpread$D({}, makeAccessible({
     hidden: true
   })), metaAttribute(MetaConstants.Component, MetaConstants.Icon)), {}, {
     height: height,
@@ -3772,9 +3799,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$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$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$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 BladeProvider = function BladeProvider(_ref) {
   var themeTokens = _ref.themeTokens,
@@ -3801,9 +3828,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$C(_objectSpread$C({}, themeTokens), {}, {
     colors: themeTokens.colors[onColorMode],
-    shadows: _objectSpread$z(_objectSpread$z({}, themeTokens.shadows), {}, {
+    shadows: _objectSpread$C(_objectSpread$C({}, themeTokens.shadows), {}, {
       color: themeTokens.shadows.color[onColorMode]
     }),
     typography: themeTokens.typography[onDeviceType]
@@ -5015,9 +5042,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$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$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$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 StyledButton = /*#__PURE__*/styled.button.withConfig({
   displayName: "StyledIconButtonweb__StyledButton",
   componentId: "sc-1f4cg7d-0"
@@ -5060,7 +5087,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$B(_objectSpread$B(_objectSpread$B({
     onClick: onClick,
     contrast: contrast,
     type: "button"
@@ -5146,7 +5173,8 @@ var getBoxStyles = function getBoxStyles(_ref2) {
       right = _ref2.right,
       bottom = _ref2.bottom,
       background = _ref2.background,
-      zIndex = _ref2.zIndex;
+      zIndex = _ref2.zIndex,
+      borderRadius = _ref2.borderRadius;
   return {
     display: display,
     flex: flex,
@@ -5207,7 +5235,8 @@ var getBoxStyles = function getBoxStyles(_ref2) {
     maxWidth: maxWidth ? makeSize(maxWidth) : undefined,
     transform: transform,
     background: background,
-    zIndex: zIndex
+    zIndex: zIndex,
+    borderRadius: borderRadius ? makeSize(get_1(theme, "border.radius.".concat(borderRadius))) : undefined
   };
 };
 
@@ -5254,9 +5283,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$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$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$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 StyledBaseText = /*#__PURE__*/styled.div.withConfig({
   displayName: "BaseTextweb__StyledBaseText",
   componentId: "sc-1ob51ew-0"
@@ -5301,7 +5330,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$A(_objectSpread$A(_objectSpread$A({
     color: color,
     fontFamily: fontFamily,
     fontSize: fontSize,
@@ -5320,9 +5349,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$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$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$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$3 = function getProps(_ref) {
   var size = _ref.size,
@@ -5373,14 +5402,14 @@ var Title = function Title(_ref2) {
     type: type,
     contrast: contrast
   });
-  return /*#__PURE__*/jsx(BaseText, _objectSpread$w(_objectSpread$w({}, props), {}, {
+  return /*#__PURE__*/jsx(BaseText, _objectSpread$z(_objectSpread$z({}, 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$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$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$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 getProps$2 = function getProps(_ref) {
   var variant = _ref.variant,
@@ -5452,14 +5481,14 @@ var Heading = function Heading(_ref2) {
     weight: weight,
     contrast: contrast
   });
-  return /*#__PURE__*/jsx(BaseText, _objectSpread$v(_objectSpread$v({}, props), {}, {
+  return /*#__PURE__*/jsx(BaseText, _objectSpread$y(_objectSpread$y({}, 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$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$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$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 getTextProps = function getTextProps(_ref) {
   var variant = _ref.variant,
@@ -5536,7 +5565,7 @@ var Text = function Text(_ref3) {
       children = _ref3.children,
       color = _ref3.color;
 
-  var props = _objectSpread$u(_objectSpread$u({
+  var props = _objectSpread$x(_objectSpread$x({
     truncateAfterLines: truncateAfterLines
   }, getTextProps({
     variant: variant,
@@ -5548,14 +5577,14 @@ var Text = function Text(_ref3) {
     color: color
   } : {});
 
-  return /*#__PURE__*/jsx(StyledText, _objectSpread$u(_objectSpread$u({}, props), {}, {
+  return /*#__PURE__*/jsx(StyledText, _objectSpread$x(_objectSpread$x({}, 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$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$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$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 platformType = getPlatformType();
 var isPlatformWeb = platformType === 'browser' || platformType === 'node';
 
@@ -5615,7 +5644,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$w(_objectSpread$w({
     size: size,
     as: isPlatformWeb ? 'span' : undefined
   }, metaAttribute(MetaConstants.Component, MetaConstants.Code)), {}, {
@@ -5657,16 +5686,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$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$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$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 StyledBaseButton = /*#__PURE__*/styled.button.attrs(function (props) {
-  return _objectSpread$s({}, props.accessibilityProps);
+  return _objectSpread$v({}, props.accessibilityProps);
 }).withConfig({
   displayName: "StyledBaseButtonweb__StyledBaseButton",
   componentId: "sc-26bt38-0"
 })(function (props) {
-  return _objectSpread$s(_objectSpread$s({}, getBaseButtonStyles(props)), {}, {
+  return _objectSpread$v(_objectSpread$v({}, 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 +5992,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$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$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$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 getColor = function getColor(_ref) {
   var contrast = _ref.contrast,
@@ -5995,10 +6024,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$u(_objectSpread$u({
     display: "flex"
   }, metaAttribute(MetaConstants.Component, MetaConstants.Spinner)), {}, {
-    children: /*#__PURE__*/jsxs(Box, _objectSpread$r(_objectSpread$r({
+    children: /*#__PURE__*/jsxs(Box, _objectSpread$u(_objectSpread$u({
       display: "flex",
       alignItems: "center",
       flexDirection: labelPosition === 'right' ? 'row' : 'column'
@@ -6031,9 +6060,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$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$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$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 getColorToken$1 = function getColorToken(_ref) {
   var property = _ref.property,
@@ -6277,8 +6306,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$t(_objectSpread$t({
+    accessibilityProps: _objectSpread$t({}, makeAccessible({
       role: 'button',
       label: accessibilityLabel
     })),
@@ -6370,16 +6399,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$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$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$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 StyledLink$1 = /*#__PURE__*/styled.button.attrs(function (props) {
-  return _objectSpread$p({}, props.accessibilityProps);
+  return _objectSpread$s({}, props.accessibilityProps);
 }).withConfig({
   displayName: "StyledBaseLinkweb__StyledLink",
   componentId: "sc-1yj1z8h-0"
 })(function (props) {
-  return _objectSpread$p(_objectSpread$p({}, getStyledLinkStyles(props)), {}, {
+  return _objectSpread$s(_objectSpread$s({}, getStyledLinkStyles(props)), {}, {
     display: 'inline-block',
     borderRadius: makeBorderSize(props.theme.border.radius.small),
     transitionProperty: 'box-shadow',
@@ -6436,9 +6465,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$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$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$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 getColorToken = function getColorToken(_ref) {
   var variant = _ref.variant,
@@ -6592,8 +6621,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$r(_objectSpread$r(_objectSpread$r({}, syntheticEvents), metaAttribute(MetaConstants.Component, MetaConstants.Link)), {}, {
+    accessibilityProps: _objectSpread$r({}, makeAccessible({
       role: role,
       label: accessibilityLabel,
       disabled: disabled
@@ -6647,9 +6676,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$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$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$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 isReactNative$3 = getPlatformType() === 'react-native'; // Need extra wrappers on React Native only for alignment
 
 var CloseButtonWrapper = isReactNative$3 ? Box : Fragment;
@@ -6780,7 +6809,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$q(_objectSpread$q({
       size: textSize,
       contrast: contrast,
       intent: intent
@@ -6819,7 +6848,7 @@ var Alert = function Alert(_ref) {
       icon: CloseIcon
     })
   }) : null;
-  var a11yProps = makeAccessible(_objectSpread$n({
+  var a11yProps = makeAccessible(_objectSpread$q({
     // React Native doesn't has status as role
     role: isReactNative$3 || intent === 'negative' || intent === 'notice' ? 'alert' : 'status'
   }, intent === 'notice' && {
@@ -6830,7 +6859,7 @@ var Alert = function Alert(_ref) {
     return null;
   }
 
-  return /*#__PURE__*/jsxs(StyledAlert, _objectSpread$n(_objectSpread$n(_objectSpread$n({
+  return /*#__PURE__*/jsxs(StyledAlert, _objectSpread$q(_objectSpread$q(_objectSpread$q({
     intent: intent,
     contrastType: contrastType,
     isFullWidth: isFullWidth,
@@ -6883,21 +6912,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$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$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$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 StyledBadge = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledBadgeweb__StyledBadge",
   componentId: "sc-1svn4tv-0"
 })(function (props) {
-  return _objectSpread$m(_objectSpread$m({}, getStyledBadgeStyles(props)), {}, {
+  return _objectSpread$p(_objectSpread$p({}, 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$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$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$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 isFeedbackVariant = function isFeedbackVariant(variant) {
   var feedbackVariants = ['information', 'negative', 'neutral', 'notice', 'positive'];
@@ -6953,7 +6982,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$o(_objectSpread$o({
     backgroundColor: backgroundColor,
     size: size,
     platform: platform
@@ -6975,7 +7004,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$o(_objectSpread$o({}, size === 'small' ? {
         variant: 'caption'
       } : {
         variant: 'body',
@@ -6991,9 +7020,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$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 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$n(_objectSpread$n({}, 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$n(_objectSpread$n({}, metaAttribute(MetaConstants.Component, MetaConstants.CardBody)), {}, {
+    children: children
+  }));
+};
+
+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 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$m(_objectSpread$m(_objectSpread$m({}, 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$l(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread$l(target) { for (var i = 1; i < arguments.length; i++) { var 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 Button = function Button(_ref) {
   var children = _ref.children,
@@ -7014,7 +7155,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$l(_objectSpread$l({}, icon ? {
     icon: icon,
     children: children
   } : {
@@ -7032,6 +7173,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 +7213,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$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$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$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 StyledCounter = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledCounterweb__StyledCounter",
   componentId: "sc-1itt9w6-0"
 })(function (props) {
-  return _objectSpread$j(_objectSpread$j({}, getStyledCounterStyles(props)), {}, {
+  return _objectSpread$k(_objectSpread$k({}, 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$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$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$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 getColorProps = function getColorProps(_ref) {
   var _ref$intent = _ref.intent,
@@ -7130,7 +7283,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$j(_objectSpread$j({
       paddingRight: horizontalPadding[size],
       paddingLeft: horizontalPadding[size],
       paddingTop: verticalPadding[size],
@@ -7141,7 +7294,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$j(_objectSpread$j({}, textSizes[size]), {}, {
         type: "normal",
         weight: "regular",
         truncateAfterLines: 1,
@@ -7152,6 +7305,241 @@ var Counter = function Counter(_ref2) {
   });
 };
 
+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 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$i({}, props));
+};
+
+CardHeaderCounter.componentId = ComponentIds.CardHeaderCounter;
+
+var CardHeaderBadge = function CardHeaderBadge(props) {
+  useVerifyInsideCard('CardHeaderBadge');
+  return /*#__PURE__*/jsx(Badge, _objectSpread$i({}, props));
+};
+
+CardHeaderBadge.componentId = ComponentIds.CardHeaderBadge;
+
+var CardHeaderText = function CardHeaderText(props) {
+  useVerifyInsideCard('CardHeaderText');
+  return /*#__PURE__*/jsx(Text, _objectSpread$i({}, props));
+};
+
+CardHeaderText.componentId = ComponentIds.CardHeaderText;
+
+var CardHeaderLink = function CardHeaderLink(props) {
+  useVerifyInsideCard('CardHeaderLink');
+  return /*#__PURE__*/jsx(Link, _objectSpread$i({}, 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$i(_objectSpread$i({}, 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$i(_objectSpread$i({
+    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$h(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread$h(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$h(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$h(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+var 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$h(_objectSpread$h({
+    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$h(_objectSpread$h({
+        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$h(_objectSpread$h({
+        isFullWidth: true,
+        size: "medium"
+      }, actions.primary), {}, {
+        children: actions.primary.text
+      })) : null
+    })]
+  });
+};
+
 /**
  * Checks if `value` is `undefined`.
  *
@@ -7280,9 +7668,9 @@ var CheckboxIconWrapper = /*#__PURE__*/styled.div.withConfig({
   return getCheckboxIconWrapperStyles(props);
 });
 
-function ownKeys$h(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function 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$h(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$h(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$h(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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 fadeIn = /*#__PURE__*/keyframes(["from{transform:scale(.6);opacity:0;}to{transform:scale(1);opacity:1;}"]);
 var fadeOut$1 = /*#__PURE__*/keyframes(["from{transform:scale(1);opacity:1;}to{transform:scale(.6);opacity:0;}"]);
 var AnimatedFade$1 = /*#__PURE__*/styled.div.withConfig({
@@ -7308,7 +7696,7 @@ var Fade$1 = function Fade(_ref2) {
   var animation = show === undefined ? null : show ? enter : exit;
   return /*#__PURE__*/jsx(AnimatedFade$1, {
     animationType: animation,
-    style: _objectSpread$h({
+    style: _objectSpread$g({
       opacity: show ? 1 : 0
     }, styles),
     children: children
@@ -7531,9 +7919,9 @@ var useFormId = function useFormId(prefix) {
   };
 };
 
-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 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$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; }
+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; }
 
 /**
  * indeterminate is not a HTML input element prop,
@@ -7607,7 +7995,7 @@ var useCheckbox = function useCheckbox(_ref) {
       errorTextId = _useFormId.errorTextId,
       helpTextId = _useFormId.helpTextId;
 
-  var accessibilityProps = makeAccessible(_objectSpread$g(_objectSpread$g({
+  var accessibilityProps = makeAccessible(_objectSpread$f(_objectSpread$f({
     role: 'checkbox',
     required: Boolean(isRequired),
     invalid: Boolean(hasError),
@@ -7622,7 +8010,7 @@ var useCheckbox = function useCheckbox(_ref) {
   if (isReactNative) {
     return {
       state: state,
-      inputProps: _objectSpread$g({
+      inputProps: _objectSpread$f({
         onPress: handleOnChange,
         name: name,
         value: value
@@ -7637,7 +8025,7 @@ var useCheckbox = function useCheckbox(_ref) {
       errorTextId: errorTextId,
       helpTextId: helpTextId
     },
-    inputProps: _objectSpread$g({
+    inputProps: _objectSpread$f({
       ref: inputRef,
       onChange: handleOnChange,
       type: 'checkbox',
@@ -7917,9 +8305,9 @@ var SelectorSupportText = function SelectorSupportText(_ref) {
   });
 };
 
-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 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$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; }
+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 variants = {
   "default": {
     background: {
@@ -7958,13 +8346,13 @@ var StyledInput = /*#__PURE__*/styled.input.withConfig({
       isChecked = _ref2.isChecked,
       isDisabled = _ref2.isDisabled,
       hasError = _ref2.hasError;
-  return _objectSpread$f(_objectSpread$f({}, screenReaderStyles), {}, {
+  return _objectSpread$e(_objectSpread$e({}, screenReaderStyles), {}, {
     '&:focus + div': {
       // TODO: Replace with focus outline token
       outline: '1px solid white',
       boxShadow: "0px 0px 0px 4px ".concat(theme.colors.brand.primary[400])
     },
-    '&:hover + div, &:focus + div': _objectSpread$f({}, getHoverStyles({
+    '&:hover + div, &:focus + div': _objectSpread$e({}, getHoverStyles({
       theme: theme,
       isChecked: isChecked,
       isDisabled: isDisabled,
@@ -7978,16 +8366,16 @@ var SelectorInput = function SelectorInput(_ref3) {
       isChecked = _ref3.isChecked,
       isDisabled = _ref3.isDisabled,
       hasError = _ref3.hasError;
-  return /*#__PURE__*/jsx(StyledInput, _objectSpread$f({
+  return /*#__PURE__*/jsx(StyledInput, _objectSpread$e({
     isChecked: isChecked,
     isDisabled: isDisabled,
     hasError: hasError
   }, inputProps));
 };
 
-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 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$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; }
+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 Checkbox = function Checkbox(_ref) {
   var _groupProps$state, _groupProps$size;
@@ -8079,7 +8467,7 @@ var Checkbox = function Checkbox(_ref) {
       ids = _useCheckbox.ids,
       inputProps = _useCheckbox.inputProps;
 
-  return /*#__PURE__*/jsxs(Box, _objectSpread$e(_objectSpread$e({}, metaAttribute(MetaConstants.Component, MetaConstants.Checkbox)), {}, {
+  return /*#__PURE__*/jsxs(Box, _objectSpread$d(_objectSpread$d({}, metaAttribute(MetaConstants.Component, MetaConstants.Checkbox)), {}, {
     children: [/*#__PURE__*/jsx(SelectorLabel, {
       inputProps: state.isReactNative ? inputProps : {},
       children: /*#__PURE__*/jsxs(Box, {
@@ -8221,9 +8609,9 @@ var useCheckboxGroup = function useCheckboxGroup(_ref) {
   };
 };
 
-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 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$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; }
+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 SelectorGroupField = function SelectorGroupField(_ref) {
   var children = _ref.children,
@@ -8236,7 +8624,7 @@ var SelectorGroupField = function SelectorGroupField(_ref) {
   var labelPosition = position === 'top' ? 'column' : 'row';
   if (isReactNative) labelPosition = 'column';
   var role = accessibilityRole === 'group' && isReactNative ? undefined : accessibilityRole;
-  return /*#__PURE__*/jsx(Box, _objectSpread$d(_objectSpread$d(_objectSpread$d({
+  return /*#__PURE__*/jsx(Box, _objectSpread$c(_objectSpread$c(_objectSpread$c({
     display: "flex",
     flexDirection: labelPosition
   }, makeAccessible({
@@ -8325,9 +8713,9 @@ var CheckboxGroup = function CheckboxGroup(_ref) {
   });
 };
 
-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 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$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; }
+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 getVisualContainerStyles = function getVisualContainerStyles() {
   return {
@@ -8440,7 +8828,7 @@ var BaseInputVisuals = function BaseInputVisuals(_ref5) {
   var hasTrailingVisuals = hasInteractionElement || hasSuffix || hasTrailingIcon;
 
   if (hasLeadingVisuals) {
-    return /*#__PURE__*/jsxs(Box, _objectSpread$c(_objectSpread$c({}, getVisualContainerStyles()), {}, {
+    return /*#__PURE__*/jsxs(Box, _objectSpread$b(_objectSpread$b({}, getVisualContainerStyles()), {}, {
       children: [LeadingIcon ? /*#__PURE__*/jsx(Box, {
         paddingLeft: "spacing.4",
         display: "flex",
@@ -8448,7 +8836,7 @@ var BaseInputVisuals = function BaseInputVisuals(_ref5) {
           size: "medium",
           color: isDisabled ? 'surface.text.placeholder.lowContrast' : 'surface.text.subtle.lowContrast'
         })
-      }) : null, hasPrefix ? /*#__PURE__*/jsx(Box, _objectSpread$c(_objectSpread$c({}, getPrefixStyles({
+      }) : null, hasPrefix ? /*#__PURE__*/jsx(Box, _objectSpread$b(_objectSpread$b({}, getPrefixStyles({
         hasLeadingIcon: hasLeadingIcon,
         hasPrefix: hasPrefix
       })), {}, {
@@ -8465,15 +8853,15 @@ var BaseInputVisuals = function BaseInputVisuals(_ref5) {
   }
 
   if (hasTrailingVisuals) {
-    return /*#__PURE__*/jsxs(Box, _objectSpread$c(_objectSpread$c({}, getVisualContainerStyles()), {}, {
-      children: [hasInteractionElement ? /*#__PURE__*/jsx(Box, _objectSpread$c(_objectSpread$c({}, getInteractionElementStyles({
+    return /*#__PURE__*/jsxs(Box, _objectSpread$b(_objectSpread$b({}, getVisualContainerStyles()), {}, {
+      children: [hasInteractionElement ? /*#__PURE__*/jsx(Box, _objectSpread$b(_objectSpread$b({}, getInteractionElementStyles({
         hasTrailingIcon: hasTrailingIcon,
         hasInteractionElement: hasInteractionElement,
         hasSuffix: hasSuffix
       })), {}, {
         display: "flex",
         children: interactionElement
-      })) : null, hasSuffix ? /*#__PURE__*/jsx(Box, _objectSpread$c(_objectSpread$c({}, getSuffixStyles({
+      })) : null, hasSuffix ? /*#__PURE__*/jsx(Box, _objectSpread$b(_objectSpread$b({}, getSuffixStyles({
         hasTrailingIcon: hasTrailingIcon,
         hasSuffix: hasSuffix
       })), {}, {
@@ -8499,9 +8887,9 @@ var BaseInputVisuals = function BaseInputVisuals(_ref5) {
   return null;
 };
 
-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$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$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$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 getTextStyles = function getTextStyles(_ref) {
   var variant = _ref.variant,
@@ -8510,7 +8898,7 @@ var getTextStyles = function getTextStyles(_ref) {
       size = _ref.size,
       contrast = _ref.contrast,
       theme = _ref.theme;
-  return getBaseTextStyles(_objectSpread$b(_objectSpread$b({}, getTextProps({
+  return getBaseTextStyles(_objectSpread$a(_objectSpread$a({}, getTextProps({
     variant: variant,
     type: type,
     weight: weight,
@@ -8521,9 +8909,9 @@ var getTextStyles = function getTextStyles(_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$9(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$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$9(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$9(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$9(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var getInputBackgroundAndBorderStyles = function getInputBackgroundAndBorderStyles(_ref) {
   var theme = _ref.theme,
       isHovered = _ref.isHovered,
@@ -8591,7 +8979,7 @@ var getBaseInputStyles = function getBaseInputStyles(_ref2) {
       hasTrailingIcon = _getInputVisualsToBeR.hasTrailingIcon;
 
   var isReactNative = getPlatformType() === 'react-native';
-  return _objectSpread$a(_objectSpread$a({}, getTextStyles({
+  return _objectSpread$9(_objectSpread$9({}, getTextStyles({
     size: 'medium',
     variant: 'body',
     type: isDisabled ? 'placeholder' : 'subtle',
@@ -8615,14 +9003,14 @@ var getBaseInputStyles = function getBaseInputStyles(_ref2) {
 
 var _excluded$1 = ["name", "isDisabled", "isRequired", "maxCharacters", "handleOnFocus", "handleOnChange", "handleOnBlur", "handleOnInput", "handleOnKeyDown", "keyboardType", "keyboardReturnKeyType", "autoCompleteSuggestionType", "accessibilityProps", "setCurrentInteraction", "numberOfLines", "type"];
 
-function ownKeys$9(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$8(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$9(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$9(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$9(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$8(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$8(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$8(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var StyledBaseNativeInput = /*#__PURE__*/styled.input.withConfig({
   displayName: "StyledBaseInputweb__StyledBaseNativeInput",
   componentId: "hsusrk-0"
 })(function (props) {
-  return _objectSpread$9(_objectSpread$9({}, getBaseInputStyles({
+  return _objectSpread$8(_objectSpread$8({}, getBaseInputStyles({
     isDisabled: props.disabled,
     theme: props.theme,
     validationState: props.validationState,
@@ -8635,7 +9023,7 @@ var StyledBaseNativeInput = /*#__PURE__*/styled.input.withConfig({
   })), {}, {
     outline: 'none',
     border: 'none',
-    '::placeholder': _objectSpread$9(_objectSpread$9({}, getTextStyles({
+    '::placeholder': _objectSpread$8(_objectSpread$8({}, getTextStyles({
       size: 'medium',
       variant: 'body',
       type: 'placeholder',
@@ -8687,7 +9075,7 @@ var StyledBaseInput = /*#__PURE__*/React__default.forwardRef(function (_ref, ref
       type = _ref.type,
       props = _objectWithoutProperties(_ref, _excluded$1);
 
-  return /*#__PURE__*/jsx(StyledBaseNativeInput, _objectSpread$9(_objectSpread$9({
+  return /*#__PURE__*/jsx(StyledBaseNativeInput, _objectSpread$8(_objectSpread$8({
     ref: ref,
     name: name,
     type: type === 'telephone' ? 'tel' : type,
@@ -8774,20 +9162,20 @@ var BaseInputAnimatedBorder = function BaseInputAnimatedBorder(_ref2) {
 
 var _excluded = ["children", "validationState", "currentInteraction", "isLabelLeftPositioned", "isTextArea"];
 
-function ownKeys$8(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$7(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$8(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$8(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$8(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$7(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$7(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var StyledBaseInputWrapper = /*#__PURE__*/styled(Box).withConfig({
   displayName: "BaseInputWrapper__StyledBaseInputWrapper",
   componentId: "sc-27jk75-0"
 })(function (props) {
-  return _objectSpread$8(_objectSpread$8({}, getInputBackgroundAndBorderStyles({
+  return _objectSpread$7(_objectSpread$7({}, getInputBackgroundAndBorderStyles({
     theme: props.theme,
     isFocused: props.currentInteraction === 'active',
     isDisabled: props.isDisabled,
     validationState: props.validationState
   })), {}, {
-    '&:hover': getPlatformType() === 'react-native' ? undefined : _objectSpread$8(_objectSpread$8({}, getInputBackgroundAndBorderStyles({
+    '&:hover': getPlatformType() === 'react-native' ? undefined : _objectSpread$7(_objectSpread$7({}, getInputBackgroundAndBorderStyles({
       theme: props.theme,
       isHovered: true,
       isFocused: props.currentInteraction === 'active',
@@ -8798,7 +9186,7 @@ var StyledBaseInputWrapper = /*#__PURE__*/styled(Box).withConfig({
       transitionDuration: castWebType(makeMotionTime(props.theme.motion.duration.xquick)),
       transitionTimingFunction: castWebType(props.theme.motion.easing.standard.effective)
     }),
-    ':focus-within': getPlatformType() === 'react-native' ? undefined : _objectSpread$8({}, getInputBackgroundAndBorderStyles({
+    ':focus-within': getPlatformType() === 'react-native' ? undefined : _objectSpread$7({}, getInputBackgroundAndBorderStyles({
       theme: props.theme,
       isFocused: props.currentInteraction === 'active',
       isDisabled: props.isDisabled,
@@ -8815,7 +9203,7 @@ var BaseInputWrapper = function BaseInputWrapper(_ref) {
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/jsxs(Fragment$1, {
-    children: [/*#__PURE__*/jsx(StyledBaseInputWrapper, _objectSpread$8(_objectSpread$8({
+    children: [/*#__PURE__*/jsx(StyledBaseInputWrapper, _objectSpread$7(_objectSpread$7({
       display: "flex",
       flexDirection: "row",
       width: "100%",
@@ -8832,9 +9220,9 @@ var BaseInputWrapper = function BaseInputWrapper(_ref) {
   });
 };
 
-function ownKeys$7(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$6(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$7(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$7(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$6(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$6(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var autoCompleteSuggestionTypeValues = ['none', 'name', 'email', 'username', 'password', 'newPassword', 'oneTimeCode', 'telephone', 'postalCode', 'countryName', 'creditCardNumber', 'creditCardCSC', 'creditCardExpiry', 'creditCardExpiryMonth', 'creditCardExpiryYear'];
 
 var useInput = function useInput(_ref) {
@@ -9100,7 +9488,7 @@ var BaseInput = /*#__PURE__*/React__default.forwardRef(function (_ref9, ref) {
 
   var isTextArea = as === 'textarea';
   var isReactNative = getPlatformType() === 'react-native';
-  return /*#__PURE__*/jsxs(Box, _objectSpread$7(_objectSpread$7({}, metaAttribute(MetaConstants.Component, componentName)), {}, {
+  return /*#__PURE__*/jsxs(Box, _objectSpread$6(_objectSpread$6({}, metaAttribute(MetaConstants.Component, componentName)), {}, {
     children: [/*#__PURE__*/jsxs(Box, {
       display: "flex",
       flexDirection: isLabelLeftPositioned ? 'row' : 'column',
@@ -9225,9 +9613,9 @@ var Spinner = function Spinner(_ref) {
   });
 };
 
-function ownKeys$6(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$5(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$6(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$6(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$5(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var getKeyboardAndAutocompleteProps = function getKeyboardAndAutocompleteProps(_ref) {
   var _ref$type = _ref.type,
@@ -9375,7 +9763,7 @@ var TextInput = function TextInput(_ref2) {
     return null;
   };
 
-  return /*#__PURE__*/jsx(BaseInput, _objectSpread$6({
+  return /*#__PURE__*/jsx(BaseInput, _objectSpread$5({
     id: "textinput",
     componentName: "textinput",
     ref: textInputRef,
@@ -9662,9 +10050,9 @@ var TextArea = function TextArea(_ref) {
   });
 };
 
-function ownKeys$5(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$4(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$5(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$4(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var isReactNative = getPlatformType() === 'react-native';
 /**
  *  Converts a string value of otp to array if passed otherwise returns an array of 6 empty strings
@@ -9906,17 +10294,17 @@ var OTPInput = function OTPInput(_ref) {
           value: currentValue,
           maxCharacters: ((_otpValue$index = otpValue[index]) === null || _otpValue$index === void 0 ? void 0 : _otpValue$index.length) > 0 ? 1 : undefined,
           onChange: function onChange(formEvent) {
-            return handleOnChange(_objectSpread$5(_objectSpread$5({}, formEvent), {}, {
+            return handleOnChange(_objectSpread$4(_objectSpread$4({}, formEvent), {}, {
               currentOtpIndex: index
             }));
           },
           onInput: function onInput(formEvent) {
-            return handleOnInput(_objectSpread$5(_objectSpread$5({}, formEvent), {}, {
+            return handleOnInput(_objectSpread$4(_objectSpread$4({}, formEvent), {}, {
               currentOtpIndex: index
             }));
           },
           onKeyDown: function onKeyDown(keyboardEvent) {
-            return handleOnKeyDown(_objectSpread$5(_objectSpread$5({}, keyboardEvent), {}, {
+            return handleOnKeyDown(_objectSpread$4(_objectSpread$4({}, keyboardEvent), {}, {
               currentOtpIndex: index
             }));
           },
@@ -9943,7 +10331,7 @@ var OTPInput = function OTPInput(_ref) {
     return inputs;
   };
 
-  return /*#__PURE__*/jsxs(Box, _objectSpread$5(_objectSpread$5({}, metaAttribute(MetaConstants.Component, MetaConstants.OTPInput)), {}, {
+  return /*#__PURE__*/jsxs(Box, _objectSpread$4(_objectSpread$4({}, metaAttribute(MetaConstants.Component, MetaConstants.OTPInput)), {}, {
     children: [/*#__PURE__*/jsxs(Box, {
       display: "flex",
       flexDirection: isLabelLeftPositioned ? 'row' : 'column',
@@ -9998,9 +10386,9 @@ var Circle = function Circle(_ref) {
   });
 };
 
-function ownKeys$4(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function 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$4(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$4(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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 Indicator = function Indicator(_ref) {
   var accessibilityLabel = _ref.accessibilityLabel,
@@ -10039,12 +10427,12 @@ var Indicator = function Indicator(_ref) {
   var dimensions = getDimension();
   var isReactNative = getPlatformType() === 'react-native';
   var isWeb = !isReactNative;
-  var a11yProps = makeAccessible(_objectSpread$4({
+  var a11yProps = makeAccessible(_objectSpread$3({
     label: accessibilityLabel !== null && accessibilityLabel !== void 0 ? accessibilityLabel : children
   }, isWeb && {
     role: 'status'
   }));
-  return /*#__PURE__*/jsxs(Box, _objectSpread$4(_objectSpread$4(_objectSpread$4({
+  return /*#__PURE__*/jsxs(Box, _objectSpread$3(_objectSpread$3(_objectSpread$3({
     display: "flex",
     flexDirection: "row",
     alignItems: "center"
@@ -10078,47 +10466,6 @@ var Indicator = function Indicator(_ref) {
   }));
 };
 
-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 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$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
-  }));
-};
-
 function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -10830,5 +11177,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, 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