@razorpay/blade 9.4.0 → 9.5.0

package/build/components/{index.web.js → index.development.web.js}

@@ -827,8 +827,10 @@ var useColorScheme = function useColorScheme() {
       setColorSchemeState = _useState2[1];
 
   var setColorScheme = useCallback(function setThemeMode(colorScheme) {
-    if (!colorSchemeNamesInput.includes(colorScheme)) {
-      throw new Error("[useColorScheme]: Expected color scheme to be one of [".concat(colorSchemeNamesInput.toString(), "] but received ").concat(colorScheme));
+    {
+      if (!colorSchemeNamesInput.includes(colorScheme)) {
+        throw new Error("[useColorScheme]: Expected color scheme to be one of [".concat(colorSchemeNamesInput.toString(), "] but received ").concat(colorScheme));
+      }
     }
 
     setColorSchemeState(getColorScheme(colorScheme));
@@ -943,12 +945,14 @@ var ThemeContext = /*#__PURE__*/createContext({
 var useTheme = function useTheme() {
   var themeContext = useContext(ThemeContext);
 
-  if (!themeContext.theme) {
-    throw new Error("[@razorpay/blade:BladeProvider]: BladeProvider is missing theme");
-  }
+  {
+    if (!themeContext.theme) {
+      throw new Error("[@razorpay/blade:BladeProvider]: BladeProvider is missing theme");
+    }
 
-  if (themeContext === undefined) {
-    throw new Error("[@razorpay/blade:BladeProvider]: useTheme must be used within BladeProvider");
+    if (themeContext === undefined) {
+      throw new Error("[@razorpay/blade:BladeProvider]: useTheme must be used within BladeProvider");
+    }
   }
 
   return themeContext;
@@ -1554,7 +1558,9 @@ var getActionListProperties = function getActionListProperties(children) {
         return getActionListItemWithId(child, true);
       }
 
-      throw new Error("[ActionList]: Only ".concat(actionListAllowedChildren.join(', '), " supported inside ActionList"));
+      {
+        throw new Error("[ActionList]: Only ".concat(actionListAllowedChildren.join(', '), " supported inside ActionList"));
+      }
     }
 
     return child;
@@ -1569,16 +1575,19 @@ var getActionListProperties = function getActionListProperties(children) {
 var validateActionListItemProps = function validateActionListItemProps(_ref) {
   var leading = _ref.leading,
       trailing = _ref.trailing;
-  React__default.Children.map(trailing, function (child) {
-    if (!isValidAllowedChildren(child, componentIds.ActionListItemIcon) && !isValidAllowedChildren(child, componentIds.ActionListItemText)) {
-      throw new Error("[ActionListItem]: Only ".concat(componentIds.ActionListItemIcon, " and ").concat(componentIds.ActionListItemText, " are allowed in trailing prop"));
-    }
-  });
-  React__default.Children.map(leading, function (child) {
-    if (!isValidAllowedChildren(child, componentIds.ActionListItemIcon) && !isValidAllowedChildren(child, componentIds.ActionListItemText) && !isValidAllowedChildren(child, componentIds.ActionListItemAsset)) {
-      throw new Error("[ActionListItem]: Only ".concat(componentIds.ActionListItemIcon, ", ").concat(componentIds.ActionListItemAsset, ", and ").concat(componentIds.ActionListItemText, " are allowed in leading prop"));
-    }
-  });
+
+  {
+    React__default.Children.map(trailing, function (child) {
+      if (!isValidAllowedChildren(child, componentIds.ActionListItemIcon) && !isValidAllowedChildren(child, componentIds.ActionListItemText)) {
+        throw new Error("[ActionListItem]: Only ".concat(componentIds.ActionListItemIcon, " and ").concat(componentIds.ActionListItemText, " are allowed in trailing prop"));
+      }
+    });
+    React__default.Children.map(leading, function (child) {
+      if (!isValidAllowedChildren(child, componentIds.ActionListItemIcon) && !isValidAllowedChildren(child, componentIds.ActionListItemText) && !isValidAllowedChildren(child, componentIds.ActionListItemAsset)) {
+        throw new Error("[ActionListItem]: Only ".concat(componentIds.ActionListItemIcon, ", ").concat(componentIds.ActionListItemAsset, ", and ").concat(componentIds.ActionListItemText, " are allowed in leading prop"));
+      }
+    });
+  }
 };
 
 var getNormalTextColor = function getNormalTextColor(isDisabled) {
@@ -3777,12 +3786,14 @@ var useBladeProvider = function useBladeProvider(_ref) {
   var themeTokens = _ref.themeTokens,
       initialColorScheme = _ref.initialColorScheme;
 
-  if (!themeTokens) {
-    throw new Error("[BladeProvider]: Expected valid themeTokens of type ThemeTokens to be passed but found ".concat(_typeof(themeTokens)));
-  }
+  {
+    if (!themeTokens) {
+      throw new Error("[BladeProvider]: Expected valid themeTokens of type ThemeTokens to be passed but found ".concat(_typeof(themeTokens)));
+    }
 
-  if (initialColorScheme && !colorSchemeNamesInput.includes(initialColorScheme)) {
-    throw new Error("[BladeProvider]: Expected color scheme to be one of [".concat(colorSchemeNamesInput.toString(), "] but received ").concat(initialColorScheme));
+    if (initialColorScheme && !colorSchemeNamesInput.includes(initialColorScheme)) {
+      throw new Error("[BladeProvider]: Expected color scheme to be one of [".concat(colorSchemeNamesInput.toString(), "] but received ").concat(initialColorScheme));
+    }
   }
 
   var _useColorScheme = useColorScheme(initialColorScheme),
@@ -4252,8 +4263,10 @@ var ActionListContext = /*#__PURE__*/React__default.createContext({
 var useActionListContext = function useActionListContext() {
   var context = React__default.useContext(ActionListContext);
 
-  if (!context) {
-    throw new Error('[Blade ActionList]: useActionListContext has to be called inside ActionListContext.Provider');
+  {
+    if (!context) {
+      throw new Error('[Blade ActionList]: useActionListContext has to be called inside ActionListContext.Provider');
+    }
   }
 
   return context;
@@ -4413,21 +4426,25 @@ function ownKeys$5T(object, enumerableOnly) { var keys = Object.keys(object); if
 function _objectSpread$5S(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$5T(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$5T(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var validateBackgroundString = function validateBackgroundString(stringBackgroundColorValue) {
-  if (!stringBackgroundColorValue.startsWith('surface.background') && !stringBackgroundColorValue.startsWith('brand.')) {
-    throw new Error("[Blade - Box]: Oops! Currently you can only use `surface.background.*` and `brand.*` tokens with backgroundColor property but we received `".concat(stringBackgroundColorValue, "` instead.\n\n Do you have a usecase of using other values? Create an issue on https://github.com/razorpay/blade repo to let us know and we can discuss \u2728"));
+  {
+    if (!stringBackgroundColorValue.startsWith('surface.background') && !stringBackgroundColorValue.startsWith('brand.')) {
+      throw new Error("[Blade - Box]: Oops! Currently you can only use `surface.background.*` and `brand.*` tokens with backgroundColor property but we received `".concat(stringBackgroundColorValue, "` instead.\n\n Do you have a usecase of using other values? Create an issue on https://github.com/razorpay/blade repo to let us know and we can discuss \u2728"));
+    }
   }
 };
 
 var validateBackgroundProp = function validateBackgroundProp(responsiveBackgroundColor) {
-  if (responsiveBackgroundColor) {
-    if (typeof responsiveBackgroundColor === 'string') {
-      validateBackgroundString(responsiveBackgroundColor);
-      return;
-    }
+  {
+    if (responsiveBackgroundColor) {
+      if (typeof responsiveBackgroundColor === 'string') {
+        validateBackgroundString(responsiveBackgroundColor);
+        return;
+      }
 
-    Object.values(responsiveBackgroundColor).forEach(function (backgroundColor) {
-      validateBackgroundString(backgroundColor);
-    });
+      Object.values(responsiveBackgroundColor).forEach(function (backgroundColor) {
+        validateBackgroundString(backgroundColor);
+      });
+    }
   }
 };
 /**
@@ -4579,16 +4596,20 @@ var makeBoxProps = function makeBoxProps(props) {
 
 var _Box = function _Box(props, ref) {
   React__default.useEffect(function () {
-    validateBackgroundProp(props.backgroundColor);
+    {
+      validateBackgroundProp(props.backgroundColor);
+    }
   }, [props.backgroundColor]);
   React__default.useEffect(function () {
-    if (props.as) {
-      if (isReactNative$4()) {
-        throw new Error('[Blade - Box]: `as` prop is not supported on React Native');
-      }
+    {
+      if (props.as) {
+        if (isReactNative$4()) {
+          throw new Error('[Blade - Box]: `as` prop is not supported on React Native');
+        }
 
-      if (!validBoxAsValues.includes(props.as)) {
-        throw new Error("[Blade - Box]: Invalid `as` prop value - ".concat(props.as, ". Only ").concat(validBoxAsValues.join(', '), " are valid values"));
+        if (!validBoxAsValues.includes(props.as)) {
+          throw new Error("[Blade - Box]: Invalid `as` prop value - ".concat(props.as, ". Only ").concat(validBoxAsValues.join(', '), " are valid values"));
+        }
       }
     }
   }, [props.as]);
@@ -5028,8 +5049,10 @@ var useValidateAsProp = function useValidateAsProp(_ref) {
       componentName = _ref.componentName,
       validAsValues = _ref.validAsValues;
   React__default.useEffect(function () {
-    if (as && !validAsValues.includes(as)) {
-      throw new Error("[Blade ".concat(componentName, "]: Invalid `as` prop value - ").concat(as, ". Only ").concat(validAsValues.join(', '), " are accepted"));
+    {
+      if (as && !validAsValues.includes(as)) {
+        throw new Error("[Blade ".concat(componentName, "]: Invalid `as` prop value - ").concat(as, ". Only ").concat(validAsValues.join(', '), " are accepted"));
+      }
     }
   }, [as, componentName, validAsValues]);
 };
@@ -5169,12 +5192,14 @@ var getProps$2 = function getProps(_ref) {
       props.as = 'h4';
     }
   } else if (variant === 'subheading') {
-    if (weight === 'regular') {
-      throw new Error("[Blade: Heading]: weight cannot be 'regular' when variant is 'subheading'");
-    }
+    {
+      if (weight === 'regular') {
+        throw new Error("[Blade: Heading]: weight cannot be 'regular' when variant is 'subheading'");
+      }
 
-    if (size) {
-      throw new Error("[Blade: Heading]: size prop cannot be added when variant is 'subheading'. Use variant 'regular' or remove size prop");
+      if (size) {
+        throw new Error("[Blade: Heading]: size prop cannot be added when variant is 'subheading'. Use variant 'regular' or remove size prop");
+      }
     }
 
     props.fontSize = 75;
@@ -5369,7 +5394,9 @@ var getCodeFontSizeAndLineHeight = function getCodeFontSizeAndLineHeight(size) {
       };
 
     default:
-      throw new Error("[Blade Code]: Unexpected size: ".concat(size));
+      {
+        throw new Error("[Blade Code]: Unexpected size: ".concat(size));
+      }
   }
 };
 
@@ -5394,8 +5421,10 @@ var getCodeColor = function getCodeColor(_ref) {
       color = _ref.color;
 
   if (isHighlighted) {
-    if (color) {
-      throw new Error('[Blade: Code]: `color` prop cannot be used without `isHighlighted={false}`');
+    {
+      if (color) {
+        throw new Error('[Blade: Code]: `color` prop cannot be used without `isHighlighted={false}`');
+      }
     }
 
     return 'surface.text.subtle.lowContrast';
@@ -5447,9 +5476,9 @@ var Code = function Code(_ref2) {
       testID = _ref2.testID,
       styledProps = _objectWithoutProperties$1(_ref2, _excluded$4Q);
 
-  var _getCodeFontSizeAndLi = getCodeFontSizeAndLineHeight(size),
-      fontSize = _getCodeFontSizeAndLi.fontSize,
-      lineHeight = _getCodeFontSizeAndLi.lineHeight;
+  var _ref3 = getCodeFontSizeAndLineHeight(size),
+      fontSize = _ref3.fontSize,
+      lineHeight = _ref3.lineHeight;
 
   var codeTextColor = React__default.useMemo(function () {
     return getCodeColor({
@@ -6082,8 +6111,10 @@ var useCheckbox = function useCheckbox(_ref) {
   var inputRef = React__default.useRef(null);
   var isReactNative = getPlatformType() === 'react-native';
 
-  if (isChecked && defaultChecked) {
-    throw new Error("[Blade useCheckbox] Do not provide both 'isChecked' and 'defaultChecked' to useCheckbox. Consider if you want this component to be controlled or uncontrolled.");
+  {
+    if (isChecked && defaultChecked) {
+      throw new Error("[Blade useCheckbox] Do not provide both 'isChecked' and 'defaultChecked' to useCheckbox. Consider if you want this component to be controlled or uncontrolled.");
+    }
   }
 
   var _useControllableState = useControllableState({
@@ -16752,14 +16783,16 @@ var _Checkbox = function _Checkbox(_ref, ref) {
   var hasIsChecked = !isUndefined_1(isChecked);
   var hasOnChange = !isUndefined_1(onChange);
 
-  if ((hasValidationState || hasName || hasDefaultChecked || hasIsChecked || hasOnChange) && !isEmpty_1(groupProps)) {
-    var props = [hasValidationState ? 'validationState' : undefined, hasName ? 'name' : undefined, hasDefaultChecked ? 'defaultChecked' : undefined, hasIsChecked ? 'isChecked' : undefined, hasOnChange ? 'onChange' : undefined].filter(Boolean).join(',');
-    throw new Error("[Blade Checkbox]: Cannot set `".concat(props, "` on <Checkbox /> when it's inside <CheckboxGroup />, Please set it on the <CheckboxGroup /> itself"));
-  } // mandate value prop when using inside group
+  {
+    if ((hasValidationState || hasName || hasDefaultChecked || hasIsChecked || hasOnChange) && !isEmpty_1(groupProps)) {
+      var props = [hasValidationState ? 'validationState' : undefined, hasName ? 'name' : undefined, hasDefaultChecked ? 'defaultChecked' : undefined, hasIsChecked ? 'isChecked' : undefined, hasOnChange ? 'onChange' : undefined].filter(Boolean).join(',');
+      throw new Error("[Blade Checkbox]: Cannot set `".concat(props, "` on <Checkbox /> when it's inside <CheckboxGroup />, Please set it on the <CheckboxGroup /> itself"));
+    } // mandate value prop when using inside group
 
 
-  if (!value && !isEmpty_1(groupProps)) {
-    throw new Error("[Blade Checkbox]: <CheckboxGroup /> requires that you pass unique \"value\" prop to each <Checkbox />\n      <CheckboxGroup>\n        <Checkbox value=\"apple\">Apple</Checkbox>\n        <Checkbox value=\"mango\">Mango</Checkbox>\n      </CheckboxGroup>\n      ");
+    if (!value && !isEmpty_1(groupProps)) {
+      throw new Error("[Blade Checkbox]: <CheckboxGroup /> requires that you pass unique \"value\" prop to each <Checkbox />\n      <CheckboxGroup>\n        <Checkbox value=\"apple\">Apple</Checkbox>\n        <Checkbox value=\"mango\">Mango</Checkbox>\n      </CheckboxGroup>\n      ");
+    }
   }
 
   var _validationState = validationState !== null && validationState !== void 0 ? validationState : groupProps === null || groupProps === void 0 ? void 0 : groupProps.validationState;
@@ -17353,8 +17386,10 @@ var _ActionListItem = function _ActionListItem(props) {
     });
   }, [props.leading, props.trailing]);
   React__default.useEffect(function () {
-    if (dropdownTriggerer === 'SelectInput' && props.intent === 'negative') {
-      throw new Error('[ActionListItem]: negative intent ActionListItem cannot be used inside Dropdown with SelectInput trigger');
+    {
+      if (dropdownTriggerer === 'SelectInput' && props.intent === 'negative') {
+        throw new Error('[ActionListItem]: negative intent ActionListItem cannot be used inside Dropdown with SelectInput trigger');
+      }
     }
   }, [props.intent, dropdownTriggerer]);
   return /*#__PURE__*/jsx(ActionListItemContext.Provider, {
@@ -18235,8 +18270,10 @@ var _BaseButton = function _BaseButton(_ref4, ref) {
   var _useTheme = useTheme(),
       theme = _useTheme.theme;
 
-  if (!Icon && !(childrenString !== null && childrenString !== void 0 && childrenString.trim())) {
-    throw new Error("[Blade: BaseButton]: At least one of icon or text is required to render a button.");
+  {
+    if (!Icon && !(childrenString !== null && childrenString !== void 0 && childrenString.trim())) {
+      throw new Error("[Blade: BaseButton]: At least one of icon or text is required to render a button.");
+    }
   }
 
   var prevLoading = usePrevious(isLoading);
@@ -18615,8 +18652,10 @@ var _BaseLink = function _BaseLink(_ref3, ref) {
   var _useTheme = useTheme(),
       theme = _useTheme.theme;
 
-  if (!Icon && !(childrenString !== null && childrenString !== void 0 && childrenString.trim())) {
-    throw new Error("[Blade: BaseLink]: At least one of icon or text is required to render a link.");
+  {
+    if (!Icon && !(childrenString !== null && childrenString !== void 0 && childrenString.trim())) {
+      throw new Error("[Blade: BaseLink]: At least one of icon or text is required to render a link.");
+    }
   }
 
   var _getProps = getProps({
@@ -18787,8 +18826,10 @@ var Alert = function Alert(_ref) {
       testID = _ref.testID,
       styledProps = _objectWithoutProperties$1(_ref, _excluded$u);
 
-  if (!(actions !== null && actions !== void 0 && actions.primary) && actions !== null && actions !== void 0 && actions.secondary) {
-    throw new Error('[Blade: Alert]: SecondaryAction is allowed only when PrimaryAction is defined.');
+  {
+    if (!(actions !== null && actions !== void 0 && actions.primary) && actions !== null && actions !== void 0 && actions.secondary) {
+      throw new Error('[Blade: Alert]: SecondaryAction is allowed only when PrimaryAction is defined.');
+    }
   }
 
   var _useTheme = useTheme(),
@@ -19058,8 +19099,10 @@ var _Badge = function _Badge(_ref2) {
 
   var childrenString = getStringFromReactText(children);
 
-  if (!(childrenString !== null && childrenString !== void 0 && childrenString.trim())) {
-    throw new Error('[Blade: Badge]: Text as children is required for Badge.');
+  {
+    if (!(childrenString !== null && childrenString !== void 0 && childrenString.trim())) {
+      throw new Error('[Blade: Badge]: Text as children is required for Badge.');
+    }
   }
 
   var _getColorProps = getColorProps$1({
@@ -19153,8 +19196,10 @@ 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"));
+  {
+    if (!context) {
+      throw new Error("[Blade Card]: ".concat(componentName, " cannot be used outside of Card component"));
+    }
   }
 
   return true;
@@ -19168,8 +19213,10 @@ var useVerifyAllowedComponents = function useVerifyAllowedComponents(children, c
   React__default.Children.forEach(children, function (child) {
     var isValidChild = child && allowedComponents.includes(getComponentId(child));
 
-    if (!isValidChild) {
-      throw new Error("[Blade Card]: Only one of `".concat(allowedComponents.join(', '), "` component is accepted as ").concat(componentName, " children"));
+    {
+      if (!isValidChild) {
+        throw new Error("[Blade Card]: Only one of `".concat(allowedComponents.join(', '), "` component is accepted as ").concat(componentName, " children"));
+      }
     }
   });
 };
@@ -19649,12 +19696,14 @@ var _CardHeaderLeading = function _CardHeaderLeading(_ref3) {
       suffix = _ref3.suffix;
   useVerifyInsideCard('CardHeaderLeading');
 
-  if (prefix && !isValidAllowedChildren(prefix, ComponentIds$1.CardHeaderIcon)) {
-    throw new Error("[Blade CardHeaderLeading]: Only `".concat(ComponentIds$1.CardHeaderIcon, "` component is accepted in prefix"));
-  }
+  {
+    if (prefix && !isValidAllowedChildren(prefix, ComponentIds$1.CardHeaderIcon)) {
+      throw new Error("[Blade CardHeaderLeading]: Only `".concat(ComponentIds$1.CardHeaderIcon, "` component is accepted in prefix"));
+    }
 
-  if (suffix && !isValidAllowedChildren(suffix, ComponentIds$1.CardHeaderCounter)) {
-    throw new Error("[Blade CardHeaderLeading]: Only `".concat(ComponentIds$1.CardHeaderCounter, "` component is accepted in prefix"));
+    if (suffix && !isValidAllowedChildren(suffix, ComponentIds$1.CardHeaderCounter)) {
+      throw new Error("[Blade CardHeaderLeading]: Only `".concat(ComponentIds$1.CardHeaderCounter, "` component is accepted in prefix"));
+    }
   }
 
   return /*#__PURE__*/jsxs(BaseBox, {
@@ -19702,8 +19751,10 @@ 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"));
+  {
+    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(BaseBox, {
@@ -19742,8 +19793,10 @@ var _CardFooter = function _CardFooter(_ref) {
   useVerifyAllowedComponents(children, 'CardFooter', [ComponentIds$1.CardFooterLeading, ComponentIds$1.CardFooterTrailing]);
   var footerChildrensArray = React__default.Children.toArray(children);
 
-  if (! /*#__PURE__*/React__default.isValidElement(footerChildrensArray[0])) {
-    throw new Error("Invalid React Element ".concat(footerChildrensArray));
+  {
+    if (! /*#__PURE__*/React__default.isValidElement(footerChildrensArray[0])) {
+      throw new Error("Invalid React Element ".concat(footerChildrensArray));
+    }
   } // the reason why we are checking for actions here is, because we want the footerTrailing
   // to always be aligned to the right
   // if we don't check for action here, and if we do not have footerTrailing and only footerLeading
@@ -19974,10 +20027,12 @@ var _Dropdown = function _Dropdown(_ref) {
   }, [onDismiss]);
   React__default.Children.map(children, function (child) {
     if ( /*#__PURE__*/React__default.isValidElement(child)) {
-      var _getComponentId;
+      {
+        var _getComponentId;
 
-      if (!validDropdownChildren.includes((_getComponentId = getComponentId(child)) !== null && _getComponentId !== void 0 ? _getComponentId : '')) {
-        throw new Error("[Dropdown]: Dropdown can only have one of following elements as children - \n\n ".concat(validDropdownChildren.join(', '), " \n\n Check out: https://blade.razorpay.com/?path=/story/components-dropdown"));
+        if (!validDropdownChildren.includes((_getComponentId = getComponentId(child)) !== null && _getComponentId !== void 0 ? _getComponentId : '')) {
+          throw new Error("[Dropdown]: Dropdown can only have one of following elements as children - \n\n ".concat(validDropdownChildren.join(', '), " \n\n Check out: https://blade.razorpay.com/?path=/story/components-dropdown"));
+        }
       }
 
       if (isValidAllowedChildren(child, componentIds$1.triggers.SelectInput)) {
@@ -20906,8 +20961,10 @@ var useTrailingRestriction = function useTrailingRestriction(trailing) {
       var restrictedProps = propRestrictionMap[trailingComponentType];
       var allowedComponents = Object.keys(propRestrictionMap);
 
-      if (!restrictedProps) {
-        throw new Error("[Blade Header]: Only one of `".concat(allowedComponents.join(', '), "` component is accepted as trailing"));
+      {
+        if (!restrictedProps) {
+          throw new Error("[Blade Header]: Only one of `".concat(allowedComponents.join(', '), "` component is accepted as trailing"));
+        }
       }
 
       var restrictedPropKeys = Object.keys(propRestrictionMap[trailingComponentType]);
@@ -21743,8 +21800,10 @@ var useInput = function useInput(_ref) {
       onInput = _ref.onInput,
       onKeyDown = _ref.onKeyDown;
 
-  if (value && defaultValue) {
-    throw new Error("[Blade: Input]: Either 'value' or 'defaultValue' shall be passed. This decides if the input field is controlled or uncontrolled");
+  {
+    if (value && defaultValue) {
+      throw new Error("[Blade: Input]: Either 'value' or 'defaultValue' shall be passed. This decides if the input field is controlled or uncontrolled");
+    }
   }
 
   var _React$useState = React__default.useState(defaultValue !== null && defaultValue !== void 0 ? defaultValue : value),
@@ -22057,8 +22116,10 @@ var BaseInput = /*#__PURE__*/React__default.forwardRef(function (_ref11, ref) {
   });
   var willRenderHintText = Boolean(helpText) || Boolean(successText) || Boolean(errorText);
 
-  if (autoCompleteSuggestionType && !autoCompleteSuggestionTypeValues.includes(autoCompleteSuggestionType)) {
-    throw new Error("[Blade: Input]: Expected autoCompleteSuggestionType to be one of ".concat(autoCompleteSuggestionTypeValues.join(', '), " but received ").concat(autoCompleteSuggestionType));
+  {
+    if (autoCompleteSuggestionType && !autoCompleteSuggestionTypeValues.includes(autoCompleteSuggestionType)) {
+      throw new Error("[Blade: Input]: Expected autoCompleteSuggestionType to be one of ".concat(autoCompleteSuggestionTypeValues.join(', '), " but received ").concat(autoCompleteSuggestionType));
+    }
   }
 
   var isTextArea = as === 'textarea';
@@ -23535,7 +23596,9 @@ var _List = function _List(_ref3) {
   var childListItems = childrenArray.filter(function (child) {
     if (isValidAllowedChildren(child, MetaConstants.ListItem)) {
       return child;
-    } else {
+    }
+
+    {
       throw new Error('[Blade List]: You can only pass a ListItem as a child to List.');
     }
   });
@@ -23903,8 +23966,10 @@ var _ListItem = function _ListItem(_ref3) {
 
   var ItemIcon = Icon !== null && Icon !== void 0 ? Icon : ListContextIcon;
 
-  if (level && level > 3) {
-    throw new Error('[Blade List]: List Nesting is allowed only upto 3 levels.');
+  {
+    if (level && level > 3) {
+      throw new Error('[Blade List]: List Nesting is allowed only upto 3 levels.');
+    }
   }
 
   var childrenArray = React__default.Children.toArray(children); // Get children that are not a List component and are valid allowed children
@@ -24324,7 +24389,9 @@ var Modal = function Modal(_ref2) {
       initialFocusRef = _ref2.initialFocusRef,
       _ref2$size = _ref2.size,
       size = _ref2$size === void 0 ? 'small' : _ref2$size,
-      accessibilityLabel = _ref2.accessibilityLabel;
+      accessibilityLabel = _ref2.accessibilityLabel,
+      _ref2$zIndex = _ref2.zIndex,
+      zIndex = _ref2$zIndex === void 0 ? modalHighestZIndex : _ref2$zIndex;
 
   var _useTheme = useTheme(),
       theme = _useTheme.theme,
@@ -24384,7 +24451,7 @@ var Modal = function Modal(_ref2) {
         context: context,
         modal: true,
         children: /*#__PURE__*/jsxs(Box, {
-          zIndex: modalHighestZIndex,
+          zIndex: zIndex,
           position: "fixed",
           testID: "modal-wrapper",
           children: [/*#__PURE__*/jsx(ModalBackdrop, {}), /*#__PURE__*/jsx(ModalContent, _objectSpread$y(_objectSpread$y(_objectSpread$y({}, metaAttribute({
@@ -24655,8 +24722,10 @@ var ProgressBar = function ProgressBar(_ref) {
 
   var id = useId(variant);
 
-  if (variant === 'meter' && isIndeterminate) {
-    throw new Error("[Blade: ProgressBar]: Cannot set 'isIndeterminate' when 'variant' is 'meter'.");
+  {
+    if (variant === 'meter' && isIndeterminate) {
+      throw new Error("[Blade: ProgressBar]: Cannot set 'isIndeterminate' when 'variant' is 'meter'.");
+    }
   }
 
   var unfilledBackgroundColor = theme.colors.brand.gray.a100["".concat(contrast, "Contrast")];
@@ -24763,8 +24832,10 @@ var useRadio = function useRadio(_ref) {
   var inputRef = React__default.useRef(null);
   var isReactNative = getPlatformType() === 'react-native';
 
-  if (isChecked && defaultChecked) {
-    throw new Error("[Blade: Radio]: Do not provide both 'isChecked' and 'defaultChecked' to useRadio. Consider if you want this component to be controlled or uncontrolled.");
+  {
+    if (isChecked && defaultChecked) {
+      throw new Error("[Blade: Radio]: Do not provide both 'isChecked' and 'defaultChecked' to useRadio. Consider if you want this component to be controlled or uncontrolled.");
+    }
   }
 
   var _useControllableState = useControllableState({
@@ -25107,8 +25178,10 @@ var _Radio = function _Radio(_ref, ref) {
   var groupProps = useRadioGroupContext();
   var isInsideGroup = !isEmpty_1(groupProps);
 
-  if (!isInsideGroup) {
-    throw new Error('[Blade Radio]: Cannot use <Radio /> outside of <RadioGroup />');
+  {
+    if (!isInsideGroup) {
+      throw new Error('[Blade Radio]: Cannot use <Radio /> outside of <RadioGroup />');
+    }
   }
 
   var isChecked = groupProps === null || groupProps === void 0 ? void 0 : (_groupProps$state = groupProps.state) === null || _groupProps$state === void 0 ? void 0 : _groupProps$state.isChecked(value);
@@ -26309,13 +26382,15 @@ var _Amount = function _Amount(_ref4) {
       currency = _ref4$currency === void 0 ? 'INR' : _ref4$currency,
       styledProps = _objectWithoutProperties$1(_ref4, _excluded$3);
 
-  if (typeof value !== 'number') {
-    throw new Error('[Blade: Amount]: `value` prop must be of type `number` for Amount.');
-  } // @ts-expect-error neutral intent should throw error
+  {
+    if (typeof value !== 'number') {
+      throw new Error('[Blade: Amount]: `value` prop must be of type `number` for Amount.');
+    } // @ts-expect-error neutral intent should throw error
 
 
-  if (intent === 'neutral') {
-    throw new Error('[Blade Amount]: `neutral` intent is not supported.');
+    if (intent === 'neutral') {
+      throw new Error('[Blade Amount]: `neutral` intent is not supported.');
+    }
   }
 
   var currencyPrefix = currencyPrefixMapping[currency][prefix];
@@ -28966,8 +29041,10 @@ var AccordionContext = /*#__PURE__*/createContext(null);
 var useAccordion = function useAccordion() {
   var accordionContext = useContext(AccordionContext);
 
-  if (!accordionContext) {
-    throw new Error("[Blade: AccordionContext]: useAccordion should be only used within AccordionContext");
+  {
+    if (!accordionContext) {
+      throw new Error("[Blade: AccordionContext]: useAccordion should be only used within AccordionContext");
+    }
   }
 
   return accordionContext;
@@ -29140,8 +29217,10 @@ var CollapsibleContext = /*#__PURE__*/createContext(null);
 var useCollapsible = function useCollapsible() {
   var collapsibleContext = useContext(CollapsibleContext);
 
-  if (!collapsibleContext) {
-    throw new Error("[Blade: CollapsibleContext]: You're trying to use Collapsible sub-components without Collapsible. useCollapsible should only be used within CollapsibleContext");
+  {
+    if (!collapsibleContext) {
+      throw new Error("[Blade: CollapsibleContext]: You're trying to use Collapsible sub-components without Collapsible. useCollapsible should only be used within CollapsibleContext");
+    }
   }
 
   return collapsibleContext;
@@ -29263,8 +29342,10 @@ var _AccordionButton = function _AccordionButton(_ref) {
     marginY: "spacing.2"
   });
 
-  if (_index && _icon) {
-    throw new Error("[Blade: Accordion]: showNumberPrefix and icon shouldn't be used together");
+  {
+    if (_index && _icon) {
+      throw new Error("[Blade: Accordion]: showNumberPrefix and icon shouldn't be used together");
+    }
   }
 
   var isItemExpanded = expandedIndex === index;
@@ -29368,11 +29449,15 @@ var Collapsible = function Collapsible(_ref) {
       collapsibleBodyId: collapsibleBodyId
     };
   }, [isBodyExpanded, direction, handleExpandChange, isExpanded, collapsibleBodyId]);
-  Children.forEach(children, function (child) {
-    if (!(isValidAllowedChildren(child, MetaConstants.CollapsibleBody) || isValidAllowedChildren(child, MetaConstants.CollapsibleButton) || isValidAllowedChildren(child, MetaConstants.CollapsibleLink) || isValidAllowedChildren(child, MetaConstants.AccordionButton))) {
-      throw new Error("[Blade: Collapsible]: only the following are supported as valid children: CollapsibleBody, CollapsibleButton, CollapsibleLink");
-    }
-  });
+
+  {
+    Children.forEach(children, function (child) {
+      if (!(isValidAllowedChildren(child, MetaConstants.CollapsibleBody) || isValidAllowedChildren(child, MetaConstants.CollapsibleButton) || isValidAllowedChildren(child, MetaConstants.CollapsibleLink) || isValidAllowedChildren(child, MetaConstants.AccordionButton))) {
+        throw new Error("[Blade: Collapsible]: only the following are supported as valid children: CollapsibleBody, CollapsibleButton, CollapsibleLink");
+      }
+    });
+  }
+
   return /*#__PURE__*/jsx(CollapsibleContext.Provider, {
     value: contextValue,
     children: /*#__PURE__*/jsx(BaseBox, _objectSpread$9(_objectSpread$9(_objectSpread$9({}, metaAttribute({
@@ -29812,6 +29897,7 @@ var TooltipContent = /*#__PURE__*/React__default.forwardRef(function (_ref, ref)
 
 var ARROW_WIDTH = 14;
 var ARROW_HEIGHT = 7;
+var tooltipZIndex = 1100;
 
 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; }
 
@@ -29874,8 +29960,10 @@ var TooltipContext = /*#__PURE__*/React__default.createContext(null);
 var useTooltipContext = function useTooltipContext() {
   var context = React__default.useContext(TooltipContext);
 
-  if (!context) {
-    throw new Error('[Blade Tooltip]: TooltipInteractiveWrapper must be used within Tooltip');
+  {
+    if (!context) {
+      throw new Error('[Blade Tooltip]: TooltipInteractiveWrapper must be used within Tooltip');
+    }
   }
 
   return context;
@@ -29890,7 +29978,9 @@ var Tooltip = function Tooltip(_ref) {
       children = _ref.children,
       _ref$placement = _ref.placement,
       placement = _ref$placement === void 0 ? 'top' : _ref$placement,
-      _onOpenChange = _ref.onOpenChange;
+      _onOpenChange = _ref.onOpenChange,
+      _ref$zIndex = _ref.zIndex,
+      zIndex = _ref$zIndex === void 0 ? tooltipZIndex : _ref$zIndex;
 
   var _useTheme = useTheme(),
       theme = _useTheme.theme;
@@ -29988,7 +30078,7 @@ var Tooltip = function Tooltip(_ref) {
         style: floatingStyles,
         pointerEvents: "none" // TODO: Tokenize zIndex values
         ,
-        zIndex: 1100
+        zIndex: zIndex
       }, getFloatingProps()), metaAttribute({
         name: MetaConstants.Tooltip
       })), {}, {
@@ -30031,4 +30121,4 @@ var TooltipInteractiveWrapper = /*#__PURE__*/styled(BaseBox).attrs(function () {
 });
 
 export { Accordion, AccordionItem, ActionList, ActionListItem, ActionListItemAsset, ActionListItemIcon, ActionListItemText, ActionListSection, ActionListSectionDivider, ActivityIcon, AirplayIcon, Alert, AlertCircleIcon, AlertTriangleIcon as AlertOctagonIcon, AlertOnlyIcon, AlertTriangleIcon$1 as AlertTriangleIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, Amount, AnchorIcon, AnnouncementIcon, ApertureIcon, AppStoreIcon, ArrowDownIcon, ArrowDownLeftIcon, ArrowDownRightIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, ArrowUpLeftIcon, ArrowUpRightIcon, AtSignIcon, Attachment as AttachmentIcon, AwardIcon, Badge, BankIcon, BarChartAltIcon, BarChartIcon, BatteryChargingIcon, BatteryIcon, BellIcon, BellOffIcon, BillIcon, BladeProvider, BluetoothIcon, BoldIcon, BookIcon, BookmarkIcon, BottomSheet, BottomSheetBody, BottomSheetFooter, BottomSheetHeader, Box, BoxIcon, BriefcaseIcon, BulkPayoutsIcon, Button, CalendarIcon, CameraIcon, CameraOffIcon, Card, CardBody, CardFooter, CardFooterLeading, CardFooterTrailing, CardHeader, CardHeaderBadge, CardHeaderCounter, CardHeaderIcon, CardHeaderIconButton, CardHeaderLeading, CardHeaderLink, CardHeaderText, CardHeaderTrailing, CastIcon, CheckCircleIcon, CheckIcon, CheckSquareIcon, Checkbox, CheckboxGroup, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpIcon, ChromeIcon, CircleIcon, ClipboardIcon, ClockIcon, CloseIcon, CloudDrizzleIcon, CloudIcon, CloudLightningIcon, CloudOffIcon, CloudRainIcon, CloudSnowIcon, Code, CodepenIcon, CoinsIcon, Collapsible, CollapsibleBody, CollapsibleButton, CollapsibleLink, CommandIcon, CompassIcon, ComponentIds$1 as ComponentIds, CopyIcon, CornerDownLeftIcon, CornerDownRightIcon, CornerLeftDownIcon, CornerLeftUpIcon, CornerRightDownIcon, CornerRightUpIcon, CornerUpLeftIcon, CornerUpRightIcon, Counter, CpuIcon, CreditCardIcon, CropIcon, CrosshairIcon, CustomersIcon, CutIcon, DashboardIcon, DeleteIcon, DiscIcon, Divider, DollarIcon, DollarsIcon, DownloadCloudIcon, DownloadIcon, Dropdown, DropdownButton, DropdownFooter, DropdownHeader, DropdownLink, DropdownOverlay, DropletIcon, EditComposeIcon, EditIcon, EditInlineIcon, ExportIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, FastForwardIcon, FeatherIcon, FileIcon, FileMinusIcon, FilePlusIcon, FileTextIcon, FilmIcon, FilterIcon, FlagIcon, FolderIcon, FullScreenEnterIcon, FullScreenExitIcon, GithubIcon, GitlabIcon, GlobeIcon, GridIcon, HashIcon, Heading, HeadphonesIcon, HeartIcon, HelpCircleIcon, HistoryIcon, HomeIcon, IconButton, ImageIcon, InboxIcon, Indicator, InfoIcon, InstagramIcon, InvoicesIcon, ItalicIcon, LayersIcon, LayoutIcon, LifeBuoyIcon, Link, LinkIcon, List, ListIcon, ListItem, ListItemCode, ListItemLink, ListItemText, LoaderIcon, LockIcon, LogInIcon, LogOutIcon, MailIcon, MailOpenIcon, MapIcon, MapPinIcon, MaximizeIcon, MenuDotsIcon, MenuIcon, MessageCircleIcon, MessageSquareIcon, MicIcon, MicOffIcon, MinimizeIcon, MinusCircleIcon, MinusIcon, MinusSquareIcon, Modal, ModalBody, ModalFooter, ModalHeader, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoreVerticalIcon, MoveIcon, MusicIcon, MyAccountIcon, NavigationIcon, OTPInput, OctagonIcon, OffersIcon, PackageIcon, PaperclipIcon, PasswordInput, PauseCircleIcon, PauseIcon, PaymentButtonsIcon, PaymentLinksIcon, PaymentPagesIcon, PercentIcon, PhoneCallIcon, PhoneForwardedIcon, PhoneIcon, PhoneIncomingIcon, PhoneMissedIcon, PhoneOffIcon, PhoneOutgoingIcon, PieChartIcon, PlayCircleIcon, PlayIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, PocketIcon, PowerIcon, PrinterIcon, ProgressBar, QRCodeIcon, Radio, RadioGroup, RadioIcon$1 as RadioIcon, RazorpayIcon, RazorpayXIcon, RefreshIcon, RepeatIcon, ReportsIcon, RewindIcon, RotateClockWiseIcon, RotateCounterClockWiseIcon, RoutesIcon, RupeeIcon, RupeesIcon, SaveIcon, ScissorsIcon, SearchIcon, SelectInput, SendIcon, ServerIcon, SettingsIcon, SettlementsIcon, ShareIcon, ShieldIcon, ShoppingCartIcon, ShuffleIcon, SidebarIcon, Skeleton, SkipBackIcon, SkipForwardIcon, SkipNavContent, SkipNavLink, SlackIcon, SlashIcon, SlidersIcon, SmartCollectIcon, SmartphoneIcon, SpeakerIcon, Spinner, SquareIcon, StampIcon, StarIcon, StopCircleIcon, SubscriptionsIcon, SunIcon, SunriseIcon, SunsetIcon, Switch, TabletIcon, Tag, TagIcon, TargetIcon, Text, TextArea, TextInput, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, Title, ToggleLeftIcon, ToggleRightIcon, Tooltip, TooltipInteractiveWrapper, TransactionsIcon, TrashIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TvIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UploadCloudIcon, UploadIcon, UserCheckIcon, UserIcon, UserMinusIcon, UserPlusIcon, UserXIcon, UsersIcon, VideoIcon, VideoOffIcon, VisuallyHidden, VoicemailIcon, VolumeHighIcon, VolumeIcon, VolumeLowIcon, VolumeMuteIcon, WatchIcon, WifiIcon, WifiOffIcon, WindIcon, XCircleIcon, XSquareIcon, ZapIcon, ZoomInIcon, ZoomOutIcon, announce, clearAnnouncer, destroyAnnouncer, getTextProps, screenReaderStyles, useActionListContext, useTheme };
-//# sourceMappingURL=index.web.js.map
+//# sourceMappingURL=index.development.web.js.map