@razorpay/blade 10.0.0 → 10.1.0

package/build/components/index.native.d.ts

@@ -1311,6 +1311,7 @@ type FlexboxProps$1 = MakeObjectResponsive$1<
     | 'justifyContent'
     | 'justifySelf'
     | 'placeSelf'
+    | 'placeItems'
     | 'order'
   >
 >;
@@ -1393,6 +1394,7 @@ type CommonBoxVisualProps$1 = MakeObjectResponsive$1<
     | 'backgroundPosition'
     | 'backgroundOrigin'
     | 'backgroundRepeat'
+    | 'pointerEvents'
   > & {
       /**
        * Sets the elevation for Box
@@ -1499,6 +1501,31 @@ type BoxCallbackProps$1 = Omit<
   '__brand__'
 >;
 
+type BoxDragAndDropProps$1 = Omit<
+  Platform.Select<{
+    web: {
+      draggable: boolean;
+      onDragStart: React.DragEventHandler<HTMLElement>;
+      onDragEnter: React.DragEventHandler<HTMLElement>;
+      onDragLeave: React.DragEventHandler<HTMLElement>;
+      onDragOver: React.DragEventHandler<HTMLElement>;
+      onDragEnd: React.DragEventHandler<HTMLElement>;
+      onDrop: React.DragEventHandler<HTMLElement>;
+    };
+    native: Record<
+      | 'draggable'
+      | 'onDragStart'
+      | 'onDragEnter'
+      | 'onDragLeave'
+      | 'onDragOver'
+      | 'onDragEnd'
+      | 'onDrop',
+      undefined
+    >;
+  }>,
+  '__brand__'
+>;
+
 type BoxProps$1 = Partial<
   PaddingProps$1 &
     MarginProps$1 &
@@ -1507,6 +1534,7 @@ type BoxProps$1 = Partial<
     PositionProps$1 &
     GridProps$1 &
     BoxCallbackProps$1 &
+    BoxDragAndDropProps$1 &
     CommonBoxVisualProps$1 &
     BoxVisualProps$1 & {
       children?: React.ReactNode | React.ReactNode[];
@@ -2619,7 +2647,7 @@ declare type FlexboxProps = MakeObjectResponsive<{
      * @see https://developer.mozilla.org/docs/Web/CSS/flex
      */
     flex: string | number;
-} & PickCSSByPlatform<'flexWrap' | 'flexDirection' | 'flexGrow' | 'flexShrink' | 'flexBasis' | 'alignItems' | 'alignContent' | 'alignSelf' | 'justifyItems' | 'justifyContent' | 'justifySelf' | 'placeSelf' | 'order'>>;
+} & PickCSSByPlatform<'flexWrap' | 'flexDirection' | 'flexGrow' | 'flexShrink' | 'flexBasis' | 'alignItems' | 'alignContent' | 'alignSelf' | 'justifyItems' | 'justifyContent' | 'justifySelf' | 'placeSelf' | 'placeItems' | 'order'>>;
 declare type PositionProps = MakeObjectResponsive<{
     top: SpacingValueType;
     right: SpacingValueType;
@@ -2649,7 +2677,7 @@ declare type CommonBoxVisualProps = MakeObjectResponsive<{
     borderTopRightRadius: keyof Border['radius'];
     borderBottomRightRadius: keyof Border['radius'];
     borderBottomLeftRadius: keyof Border['radius'];
-} & PickCSSByPlatform<'backgroundImage' | 'backgroundSize' | 'backgroundPosition' | 'backgroundOrigin' | 'backgroundRepeat'> & {
+} & PickCSSByPlatform<'backgroundImage' | 'backgroundSize' | 'backgroundPosition' | 'backgroundOrigin' | 'backgroundRepeat' | 'pointerEvents'> & {
     /**
      * Sets the elevation for Box
      *
@@ -2707,7 +2735,19 @@ declare type BoxCallbackProps = Omit<Platform.Select<{
     };
     native: Record<'onMouseOver' | 'onMouseEnter' | 'onMouseLeave' | 'onScroll', undefined>;
 }>, '__brand__'>;
-declare type BoxProps = Partial<PaddingProps & MarginProps & LayoutProps & FlexboxProps & PositionProps & GridProps & BoxCallbackProps & CommonBoxVisualProps & BoxVisualProps & {
+declare type BoxDragAndDropProps = Omit<Platform.Select<{
+    web: {
+        draggable: boolean;
+        onDragStart: React.DragEventHandler<HTMLElement>;
+        onDragEnter: React.DragEventHandler<HTMLElement>;
+        onDragLeave: React.DragEventHandler<HTMLElement>;
+        onDragOver: React.DragEventHandler<HTMLElement>;
+        onDragEnd: React.DragEventHandler<HTMLElement>;
+        onDrop: React.DragEventHandler<HTMLElement>;
+    };
+    native: Record<'draggable' | 'onDragStart' | 'onDragEnter' | 'onDragLeave' | 'onDragOver' | 'onDragEnd' | 'onDrop', undefined>;
+}>, '__brand__'>;
+declare type BoxProps = Partial<PaddingProps & MarginProps & LayoutProps & FlexboxProps & PositionProps & GridProps & BoxCallbackProps & BoxDragAndDropProps & CommonBoxVisualProps & BoxVisualProps & {
     children?: React.ReactNode | React.ReactNode[];
     tabIndex?: number;
 } & TestID>;
@@ -2883,6 +2923,14 @@ declare const Box: React__default.ForwardRefExoticComponent<Partial<PaddingProps
     onMouseEnter: undefined;
     onMouseLeave: undefined;
     onScroll: undefined;
+} & {
+    draggable: undefined;
+    onDragStart: undefined;
+    onDragEnter: undefined;
+    onDragLeave: undefined;
+    onDragOver: undefined;
+    onDragEnd: undefined;
+    onDrop: undefined;
 } & {
     elevation?: ElevationLevels | {
         readonly base?: ElevationLevels | undefined;
@@ -2992,6 +3040,14 @@ declare const Box: React__default.ForwardRefExoticComponent<Partial<PaddingProps
         readonly l?: "none" | "thinner" | "thin" | "thick" | undefined;
         readonly xl?: "none" | "thinner" | "thin" | "thick" | undefined;
     };
+    pointerEvents?: "none" | "auto" | "box-none" | "box-only" | {
+        readonly base?: "none" | "auto" | "box-none" | "box-only" | undefined;
+        readonly xs?: "none" | "auto" | "box-none" | "box-only" | undefined;
+        readonly s?: "none" | "auto" | "box-none" | "box-only" | undefined;
+        readonly m?: "none" | "auto" | "box-none" | "box-only" | undefined;
+        readonly l?: "none" | "auto" | "box-none" | "box-only" | undefined;
+        readonly xl?: "none" | "auto" | "box-none" | "box-only" | undefined;
+    } | undefined;
     backgroundPosition: never;
     borderColor: "surface.border.normal.lowContrast" | "surface.border.normal.highContrast" | "surface.border.subtle.lowContrast" | "surface.border.subtle.highContrast" | {
         readonly base?: "surface.border.normal.lowContrast" | "surface.border.normal.highContrast" | "surface.border.subtle.lowContrast" | "surface.border.subtle.highContrast" | undefined;
@@ -6313,7 +6369,7 @@ declare type SkeletonProps = StyledPropsBlade & Pick<BaseBoxProps, 'width' | 'ma
     testID?: string;
 };
 
-declare const Skeleton: ({ contrast, width, maxWidth, minWidth, height, maxHeight, minHeight, borderRadius, flexWrap, flexDirection, flexGrow, flexShrink, flexBasis, alignItems, alignContent, alignSelf, justifyItems, justifyContent, justifySelf, placeSelf, order, testID, ...props }: SkeletonProps) => React.ReactElement;
+declare const Skeleton: ({ contrast, width, maxWidth, minWidth, height, maxHeight, minHeight, borderRadius, flexWrap, flexDirection, flexGrow, flexShrink, flexBasis, alignItems, alignContent, alignSelf, justifyItems, justifyContent, justifySelf, placeSelf, placeItems, order, testID, ...props }: SkeletonProps) => React.ReactElement;
 
 declare type VisuallyHiddenProps = {
     children: React.ReactNode;

package/build/components/index.native.js

@@ -1971,7 +1971,7 @@ var isEmpty_1 = isEmpty;
 
 var getResponsiveValue=function getResponsiveValue(value){var breakpoint=arguments.length>1&&arguments[1]!==undefined?arguments[1]:'base';if(value===undefined||value===null){return undefined;}if(typeof value==='string'||typeof value==='number'||Array.isArray(value)||typeof value===typeof Animated.AnimatedNode){if(breakpoint==='base'){return value;}return undefined;}if(isEmpty_1(value)){return undefined;}var priorityArray=[value.s,value.xs,value.base];return priorityArray.find(function(val){return val!==undefined;});};
 
-var _excluded$4_=["base"];var getSpacingValue=function getSpacingValue(spacingValue,theme,breakpoint){if(isEmpty_1(spacingValue)){return undefined;}var responsiveSpacingValue=getResponsiveValue(spacingValue,breakpoint);if(isEmpty_1(responsiveSpacingValue)){return undefined;}if(responsiveSpacingValue==='auto'){return responsiveSpacingValue;}if(Array.isArray(responsiveSpacingValue)){return responsiveSpacingValue.map(function(value){return getSpacingValue(value,theme);}).join(' ');}if(typeof responsiveSpacingValue==='string'&&responsiveSpacingValue.startsWith('spacing.')){var spacingReturnValue=get_1(theme,responsiveSpacingValue);return isEmpty_1(spacingReturnValue)?makeSpace(spacingReturnValue):undefined;}return responsiveSpacingValue;};var getColorValue=function getColorValue(color,theme,breakpoint){var responsiveBackgroundValue=getResponsiveValue(color,breakpoint);var tokenValue=get_1(theme,`colors.${responsiveBackgroundValue}`);return tokenValue!=null?tokenValue:responsiveBackgroundValue;};var getBorderRadiusValue=function getBorderRadiusValue(borderRadius,theme,breakpoint){var responsiveBorderRadiusValue=getResponsiveValue(borderRadius,breakpoint);return isEmpty_1(responsiveBorderRadiusValue)?undefined:makeBorderSize(get_1(theme,`border.radius.${responsiveBorderRadiusValue}`));};var getBorderWidthValue=function getBorderWidthValue(borderWidth,theme,breakpoint){var responsiveBorderWidthValue=getResponsiveValue(borderWidth,breakpoint);return isEmpty_1(responsiveBorderWidthValue)?undefined:makeBorderSize(get_1(theme,`border.width.${responsiveBorderWidthValue}`));};var getElevationValue=function getElevationValue(elevation,theme,breakpoint){var responsiveElevationValue=getResponsiveValue(elevation,breakpoint);return isEmpty_1(responsiveElevationValue)?undefined:get_1(theme,`elevation.${responsiveElevationValue}`);};var getAllProps=function getAllProps(props,breakpoint){var _props$paddingTop,_props$paddingBottom,_props$paddingRight,_props$paddingLeft,_props$marginBottom,_props$marginTop,_props$marginRight,_props$marginLeft;var hasBorder=props.borderBottom||props.borderTop||props.borderLeft||props.borderRight||props.borderBottomColor||props.borderTopColor||props.borderLeftColor||props.borderRightColor||props.borderBottomWidth||props.borderTopWidth||props.borderLeftWidth||props.borderRightWidth||props.borderWidth||props.borderColor;return Object.assign({display:getResponsiveValue(props.display,breakpoint),overflow:getResponsiveValue(props.overflow,breakpoint),overflowX:getResponsiveValue(props.overflowX,breakpoint),overflowY:getResponsiveValue(props.overflowY,breakpoint),textAlign:getResponsiveValue(props.textAlign,breakpoint),flex:getResponsiveValue(props.flex,breakpoint),flexWrap:getResponsiveValue(props.flexWrap,breakpoint),flexDirection:getResponsiveValue(props.flexDirection,breakpoint),flexGrow:getResponsiveValue(props.flexGrow,breakpoint),flexShrink:getResponsiveValue(props.flexShrink,breakpoint),flexBasis:getResponsiveValue(props.flexBasis,breakpoint),alignItems:getResponsiveValue(props.alignItems,breakpoint),alignContent:getResponsiveValue(props.alignContent,breakpoint),alignSelf:getResponsiveValue(props.alignSelf,breakpoint),justifyItems:getResponsiveValue(props.justifyItems,breakpoint),justifyContent:getResponsiveValue(props.justifyContent,breakpoint),justifySelf:getResponsiveValue(props.justifySelf,breakpoint),order:getResponsiveValue(props.order,breakpoint),position:getResponsiveValue(props.position,breakpoint),zIndex:getResponsiveValue(props.zIndex,breakpoint),grid:getResponsiveValue(props.grid,breakpoint),gridColumn:getResponsiveValue(props.gridColumn,breakpoint),gridRow:getResponsiveValue(props.gridRow,breakpoint),gridRowStart:getResponsiveValue(props.gridRowStart,breakpoint),gridRowEnd:getResponsiveValue(props.gridRowEnd,breakpoint),gridArea:getResponsiveValue(props.gridArea,breakpoint),gridAutoFlow:getResponsiveValue(props.gridAutoFlow,breakpoint),gridAutoRows:getResponsiveValue(props.gridAutoRows,breakpoint),gridAutoColumns:getResponsiveValue(props.gridAutoColumns,breakpoint),gridTemplate:getResponsiveValue(props.gridTemplate,breakpoint),gridTemplateAreas:getResponsiveValue(props.gridTemplateAreas,breakpoint),gridTemplateColumns:getResponsiveValue(props.gridTemplateColumns,breakpoint),gridTemplateRows:getResponsiveValue(props.gridTemplateRows,breakpoint),padding:getSpacingValue(props.padding,props.theme,breakpoint),paddingTop:getSpacingValue((_props$paddingTop=props.paddingTop)!=null?_props$paddingTop:props.paddingY,props.theme,breakpoint),paddingBottom:getSpacingValue((_props$paddingBottom=props.paddingBottom)!=null?_props$paddingBottom:props.paddingY,props.theme,breakpoint),paddingRight:getSpacingValue((_props$paddingRight=props.paddingRight)!=null?_props$paddingRight:props.paddingX,props.theme,breakpoint),paddingLeft:getSpacingValue((_props$paddingLeft=props.paddingLeft)!=null?_props$paddingLeft:props.paddingX,props.theme,breakpoint),margin:getSpacingValue(props.margin,props.theme,breakpoint),marginBottom:getSpacingValue((_props$marginBottom=props.marginBottom)!=null?_props$marginBottom:props.marginY,props.theme,breakpoint),marginTop:getSpacingValue((_props$marginTop=props.marginTop)!=null?_props$marginTop:props.marginY,props.theme,breakpoint),marginRight:getSpacingValue((_props$marginRight=props.marginRight)!=null?_props$marginRight:props.marginX,props.theme,breakpoint),marginLeft:getSpacingValue((_props$marginLeft=props.marginLeft)!=null?_props$marginLeft:props.marginX,props.theme,breakpoint),height:getSpacingValue(props.height,props.theme,breakpoint),minHeight:getSpacingValue(props.minHeight,props.theme,breakpoint),maxHeight:getSpacingValue(props.maxHeight,props.theme,breakpoint),width:getSpacingValue(props.width,props.theme,breakpoint),minWidth:getSpacingValue(props.minWidth,props.theme,breakpoint),maxWidth:getSpacingValue(props.maxWidth,props.theme,breakpoint),gap:getSpacingValue(props.gap,props.theme,breakpoint),rowGap:getSpacingValue(props.rowGap,props.theme,breakpoint),columnGap:getSpacingValue(props.columnGap,props.theme,breakpoint),top:getSpacingValue(props.top,props.theme,breakpoint),right:getSpacingValue(props.right,props.theme,breakpoint),bottom:getSpacingValue(props.bottom,props.theme,breakpoint),left:getSpacingValue(props.left,props.theme,breakpoint),backgroundColor:getColorValue(props.backgroundColor,props.theme,breakpoint),backgroundImage:getResponsiveValue(props.backgroundImage,breakpoint),backgroundSize:getResponsiveValue(props.backgroundSize,breakpoint),backgroundPosition:getResponsiveValue(props.backgroundPosition,breakpoint),backgroundOrigin:getResponsiveValue(props.backgroundOrigin,breakpoint),backgroundRepeat:getResponsiveValue(props.backgroundRepeat,breakpoint),borderRadius:getBorderRadiusValue(props.borderRadius,props.theme,breakpoint),lineHeight:getSpacingValue(props.lineHeight,props.theme,breakpoint),border:getResponsiveValue(props.border,breakpoint),borderTop:getResponsiveValue(props.borderTop,breakpoint),borderRight:getResponsiveValue(props.borderRight,breakpoint),borderBottom:getResponsiveValue(props.borderBottom,breakpoint),borderLeft:getResponsiveValue(props.borderLeft,breakpoint),borderWidth:getBorderWidthValue(props.borderWidth,props.theme,breakpoint),borderColor:getColorValue(props.borderColor,props.theme,breakpoint),borderTopWidth:getBorderWidthValue(props.borderTopWidth,props.theme,breakpoint),borderTopColor:getColorValue(props.borderTopColor,props.theme,breakpoint),borderRightWidth:getBorderWidthValue(props.borderRightWidth,props.theme,breakpoint),borderRightColor:getColorValue(props.borderRightColor,props.theme,breakpoint),borderBottomWidth:getBorderWidthValue(props.borderBottomWidth,props.theme,breakpoint),borderBottomColor:getColorValue(props.borderBottomColor,props.theme,breakpoint),borderLeftWidth:getBorderWidthValue(props.borderLeftWidth,props.theme,breakpoint),borderLeftColor:getColorValue(props.borderLeftColor,props.theme,breakpoint),borderTopLeftRadius:getBorderRadiusValue(props.borderTopLeftRadius,props.theme,breakpoint),borderTopRightRadius:getBorderRadiusValue(props.borderTopRightRadius,props.theme,breakpoint),borderBottomRightRadius:getBorderRadiusValue(props.borderBottomRightRadius,props.theme,breakpoint),borderBottomLeftRadius:getBorderRadiusValue(props.borderBottomLeftRadius,props.theme,breakpoint),borderStyle:hasBorder?'solid':undefined,touchAction:getResponsiveValue(props.touchAction,breakpoint),userSelect:getResponsiveValue(props.userSelect,breakpoint),pointerEvents:getResponsiveValue(props.pointerEvents),opacity:getResponsiveValue(props.opacity,breakpoint)},!isReactNative$4()&&{boxShadow:getElevationValue(props.elevation,props.theme,breakpoint)});};var shouldAddBreakpoint=function shouldAddBreakpoint(cssProps){var firstDefinedValue=Object.values(cssProps).find(function(cssValue){return cssValue!==undefined&&cssValue!==null;});return firstDefinedValue!==undefined;};var getAllMediaQueries=function getAllMediaQueries(props){if(isReactNative$4()){return {};}breakpoints.base;var breakpointsWithoutBase=_objectWithoutProperties(breakpoints,_excluded$4_);return Object.fromEntries(Object.entries(breakpointsWithoutBase).map(function(_ref){var _ref2=_slicedToArray(_ref,2),breakpointKey=_ref2[0],breakpointValue=_ref2[1];var cssPropsForCurrentBreakpoint=getAllProps(props,breakpointKey);if(!shouldAddBreakpoint(cssPropsForCurrentBreakpoint)){return [];}var mediaQuery=`@media ${getMediaQuery({min:breakpointValue})}`;return [mediaQuery,cssPropsForCurrentBreakpoint];}));};var getBaseBoxStyles=function getBaseBoxStyles(props){return Object.assign({},getAllProps(props),getAllMediaQueries(props));};
+var _excluded$4_=["base"];var getSpacingValue=function getSpacingValue(spacingValue,theme,breakpoint){if(isEmpty_1(spacingValue)){return undefined;}var responsiveSpacingValue=getResponsiveValue(spacingValue,breakpoint);if(isEmpty_1(responsiveSpacingValue)){return undefined;}if(responsiveSpacingValue==='auto'){return responsiveSpacingValue;}if(Array.isArray(responsiveSpacingValue)){return responsiveSpacingValue.map(function(value){return getSpacingValue(value,theme);}).join(' ');}if(typeof responsiveSpacingValue==='string'&&responsiveSpacingValue.startsWith('spacing.')){var spacingReturnValue=get_1(theme,responsiveSpacingValue);return isEmpty_1(spacingReturnValue)?makeSpace(spacingReturnValue):undefined;}return responsiveSpacingValue;};var getColorValue=function getColorValue(color,theme,breakpoint){var responsiveBackgroundValue=getResponsiveValue(color,breakpoint);var tokenValue=get_1(theme,`colors.${responsiveBackgroundValue}`);return tokenValue!=null?tokenValue:responsiveBackgroundValue;};var getBorderRadiusValue=function getBorderRadiusValue(borderRadius,theme,breakpoint){var responsiveBorderRadiusValue=getResponsiveValue(borderRadius,breakpoint);return isEmpty_1(responsiveBorderRadiusValue)?undefined:makeBorderSize(get_1(theme,`border.radius.${responsiveBorderRadiusValue}`));};var getBorderWidthValue=function getBorderWidthValue(borderWidth,theme,breakpoint){var responsiveBorderWidthValue=getResponsiveValue(borderWidth,breakpoint);return isEmpty_1(responsiveBorderWidthValue)?undefined:makeBorderSize(get_1(theme,`border.width.${responsiveBorderWidthValue}`));};var getElevationValue=function getElevationValue(elevation,theme,breakpoint){var responsiveElevationValue=getResponsiveValue(elevation,breakpoint);return isEmpty_1(responsiveElevationValue)?undefined:get_1(theme,`elevation.${responsiveElevationValue}`);};var getAllProps=function getAllProps(props,breakpoint){var _props$paddingTop,_props$paddingBottom,_props$paddingRight,_props$paddingLeft,_props$marginBottom,_props$marginTop,_props$marginRight,_props$marginLeft;var hasBorder=props.borderBottom||props.borderTop||props.borderLeft||props.borderRight||props.borderBottomColor||props.borderTopColor||props.borderLeftColor||props.borderRightColor||props.borderBottomWidth||props.borderTopWidth||props.borderLeftWidth||props.borderRightWidth||props.borderWidth||props.borderColor;return Object.assign({display:getResponsiveValue(props.display,breakpoint),overflow:getResponsiveValue(props.overflow,breakpoint),overflowX:getResponsiveValue(props.overflowX,breakpoint),overflowY:getResponsiveValue(props.overflowY,breakpoint),textAlign:getResponsiveValue(props.textAlign,breakpoint),flex:getResponsiveValue(props.flex,breakpoint),flexWrap:getResponsiveValue(props.flexWrap,breakpoint),flexDirection:getResponsiveValue(props.flexDirection,breakpoint),flexGrow:getResponsiveValue(props.flexGrow,breakpoint),flexShrink:getResponsiveValue(props.flexShrink,breakpoint),flexBasis:getResponsiveValue(props.flexBasis,breakpoint),alignItems:getResponsiveValue(props.alignItems,breakpoint),alignContent:getResponsiveValue(props.alignContent,breakpoint),alignSelf:getResponsiveValue(props.alignSelf,breakpoint),justifyItems:getResponsiveValue(props.justifyItems,breakpoint),justifyContent:getResponsiveValue(props.justifyContent,breakpoint),justifySelf:getResponsiveValue(props.justifySelf,breakpoint),placeSelf:getResponsiveValue(props.placeSelf,breakpoint),placeItems:getResponsiveValue(props.placeItems,breakpoint),order:getResponsiveValue(props.order,breakpoint),position:getResponsiveValue(props.position,breakpoint),zIndex:getResponsiveValue(props.zIndex,breakpoint),grid:getResponsiveValue(props.grid,breakpoint),gridColumn:getResponsiveValue(props.gridColumn,breakpoint),gridRow:getResponsiveValue(props.gridRow,breakpoint),gridRowStart:getResponsiveValue(props.gridRowStart,breakpoint),gridRowEnd:getResponsiveValue(props.gridRowEnd,breakpoint),gridArea:getResponsiveValue(props.gridArea,breakpoint),gridAutoFlow:getResponsiveValue(props.gridAutoFlow,breakpoint),gridAutoRows:getResponsiveValue(props.gridAutoRows,breakpoint),gridAutoColumns:getResponsiveValue(props.gridAutoColumns,breakpoint),gridTemplate:getResponsiveValue(props.gridTemplate,breakpoint),gridTemplateAreas:getResponsiveValue(props.gridTemplateAreas,breakpoint),gridTemplateColumns:getResponsiveValue(props.gridTemplateColumns,breakpoint),gridTemplateRows:getResponsiveValue(props.gridTemplateRows,breakpoint),padding:getSpacingValue(props.padding,props.theme,breakpoint),paddingTop:getSpacingValue((_props$paddingTop=props.paddingTop)!=null?_props$paddingTop:props.paddingY,props.theme,breakpoint),paddingBottom:getSpacingValue((_props$paddingBottom=props.paddingBottom)!=null?_props$paddingBottom:props.paddingY,props.theme,breakpoint),paddingRight:getSpacingValue((_props$paddingRight=props.paddingRight)!=null?_props$paddingRight:props.paddingX,props.theme,breakpoint),paddingLeft:getSpacingValue((_props$paddingLeft=props.paddingLeft)!=null?_props$paddingLeft:props.paddingX,props.theme,breakpoint),margin:getSpacingValue(props.margin,props.theme,breakpoint),marginBottom:getSpacingValue((_props$marginBottom=props.marginBottom)!=null?_props$marginBottom:props.marginY,props.theme,breakpoint),marginTop:getSpacingValue((_props$marginTop=props.marginTop)!=null?_props$marginTop:props.marginY,props.theme,breakpoint),marginRight:getSpacingValue((_props$marginRight=props.marginRight)!=null?_props$marginRight:props.marginX,props.theme,breakpoint),marginLeft:getSpacingValue((_props$marginLeft=props.marginLeft)!=null?_props$marginLeft:props.marginX,props.theme,breakpoint),height:getSpacingValue(props.height,props.theme,breakpoint),minHeight:getSpacingValue(props.minHeight,props.theme,breakpoint),maxHeight:getSpacingValue(props.maxHeight,props.theme,breakpoint),width:getSpacingValue(props.width,props.theme,breakpoint),minWidth:getSpacingValue(props.minWidth,props.theme,breakpoint),maxWidth:getSpacingValue(props.maxWidth,props.theme,breakpoint),gap:getSpacingValue(props.gap,props.theme,breakpoint),rowGap:getSpacingValue(props.rowGap,props.theme,breakpoint),columnGap:getSpacingValue(props.columnGap,props.theme,breakpoint),top:getSpacingValue(props.top,props.theme,breakpoint),right:getSpacingValue(props.right,props.theme,breakpoint),bottom:getSpacingValue(props.bottom,props.theme,breakpoint),left:getSpacingValue(props.left,props.theme,breakpoint),backgroundColor:getColorValue(props.backgroundColor,props.theme,breakpoint),backgroundImage:getResponsiveValue(props.backgroundImage,breakpoint),backgroundSize:getResponsiveValue(props.backgroundSize,breakpoint),backgroundPosition:getResponsiveValue(props.backgroundPosition,breakpoint),backgroundOrigin:getResponsiveValue(props.backgroundOrigin,breakpoint),backgroundRepeat:getResponsiveValue(props.backgroundRepeat,breakpoint),borderRadius:getBorderRadiusValue(props.borderRadius,props.theme,breakpoint),lineHeight:getSpacingValue(props.lineHeight,props.theme,breakpoint),border:getResponsiveValue(props.border,breakpoint),borderTop:getResponsiveValue(props.borderTop,breakpoint),borderRight:getResponsiveValue(props.borderRight,breakpoint),borderBottom:getResponsiveValue(props.borderBottom,breakpoint),borderLeft:getResponsiveValue(props.borderLeft,breakpoint),borderWidth:getBorderWidthValue(props.borderWidth,props.theme,breakpoint),borderColor:getColorValue(props.borderColor,props.theme,breakpoint),borderTopWidth:getBorderWidthValue(props.borderTopWidth,props.theme,breakpoint),borderTopColor:getColorValue(props.borderTopColor,props.theme,breakpoint),borderRightWidth:getBorderWidthValue(props.borderRightWidth,props.theme,breakpoint),borderRightColor:getColorValue(props.borderRightColor,props.theme,breakpoint),borderBottomWidth:getBorderWidthValue(props.borderBottomWidth,props.theme,breakpoint),borderBottomColor:getColorValue(props.borderBottomColor,props.theme,breakpoint),borderLeftWidth:getBorderWidthValue(props.borderLeftWidth,props.theme,breakpoint),borderLeftColor:getColorValue(props.borderLeftColor,props.theme,breakpoint),borderTopLeftRadius:getBorderRadiusValue(props.borderTopLeftRadius,props.theme,breakpoint),borderTopRightRadius:getBorderRadiusValue(props.borderTopRightRadius,props.theme,breakpoint),borderBottomRightRadius:getBorderRadiusValue(props.borderBottomRightRadius,props.theme,breakpoint),borderBottomLeftRadius:getBorderRadiusValue(props.borderBottomLeftRadius,props.theme,breakpoint),borderStyle:hasBorder?'solid':undefined,touchAction:getResponsiveValue(props.touchAction,breakpoint),userSelect:getResponsiveValue(props.userSelect,breakpoint),pointerEvents:getResponsiveValue(props.pointerEvents),opacity:getResponsiveValue(props.opacity,breakpoint)},!isReactNative$4()&&{boxShadow:getElevationValue(props.elevation,props.theme,breakpoint)});};var shouldAddBreakpoint=function shouldAddBreakpoint(cssProps){var firstDefinedValue=Object.values(cssProps).find(function(cssValue){return cssValue!==undefined&&cssValue!==null;});return firstDefinedValue!==undefined;};var getAllMediaQueries=function getAllMediaQueries(props){if(isReactNative$4()){return {};}breakpoints.base;var breakpointsWithoutBase=_objectWithoutProperties(breakpoints,_excluded$4_);return Object.fromEntries(Object.entries(breakpointsWithoutBase).map(function(_ref){var _ref2=_slicedToArray(_ref,2),breakpointKey=_ref2[0],breakpointValue=_ref2[1];var cssPropsForCurrentBreakpoint=getAllProps(props,breakpointKey);if(!shouldAddBreakpoint(cssPropsForCurrentBreakpoint)){return [];}var mediaQuery=`@media ${getMediaQuery({min:breakpointValue})}`;return [mediaQuery,cssPropsForCurrentBreakpoint];}));};var getBaseBoxStyles=function getBaseBoxStyles(props){return Object.assign({},getAllProps(props),getAllMediaQueries(props));};
 
 var MetaConstants={Accordion:'accordion',AccordionButton:'accordion-button',AccordionItem:'accordion-item',ActionList:'action-list',ActionListItem:'action-list-item',ActionListSection:'action-list-section',Alert:'alert',Amount:'amount',Badge:'badge',Box:'box',BaseBox:'base-box',BaseText:'base-text',Button:'button',Checkbox:'checkbox',CheckboxGroup:'checkbox-group',CheckboxLabel:'checkbox-label',Code:'code',Component:'blade-component',Counter:'counter',Divider:'divider',Dropdown:'dropdown',DropdownOverlay:'dropdown-overlay',DropdownFooter:'dropdown-footer',DropdownHeader:'dropdown-header',Icon:'icon',IconButton:'icon-button',Indicator:'indicator',Link:'link',List:'list',ListItem:'list-item',ListItemCode:'list-item-code',ListItemLink:'list-item-link',ListItemText:'list-item-text',OTPInput:'otp-input',PasswordInput:'password-input',TextArea:'textarea',TextInput:'textinput',ProgressBar:'progress-bar',Radio:'radio',RadioGroup:'radio-group',RadioLabel:'radio-label',SkipNav:'skipnav',Spinner:'spinner',SelectInput:'select-input',Tag:'tag',Tooltip:'tooltip',TooltipInteractiveWrapper:'tooltip-interactive-wrapper',BottomSheet:'bottom-sheet',BottomSheetBody:'bottom-sheet-body',BottomSheetHeader:'bottom-sheet-header',BottomSheetFooter:'bottom-sheet-footer',BottomSheetGrabHandle:'bottomsheet-grab-handle',Card:'card',CardBody:'card-body',CardHeader:'card-header',CardFooter:'card-footer',Collapsible:'collapsible',CollapsibleBody:'collapsible-body',CollapsibleButton:'collapsible-button',CollapsibleLink:'collapsible-link',Modal:'modal',ModalBody:'modal-body',ModalHeader:'modal-header',ModalFooter:'modal-footer',ModalBackdrop:'modal-backdrop',ModalScrollOverlay:'modal-scroll-overlay',VisuallyHidden:'visually-hidden',FormLabel:'form-label',Switch:'switch',SwitchLabel:'switch-label',StyledBaseInput:'styled-base-input',Skeleton:'skeleton'};
 
@@ -1989,7 +1989,7 @@ var isSupportedOnReactNativeElement=function isSupportedOnReactNativeElement(pro
 
 var validBoxAsValues=['div','section','footer','header','main','aside','nav','span','label'];
 
-var validateBackgroundString=function validateBackgroundString(stringBackgroundColorValue){if(__DEV__){if(!stringBackgroundColorValue.startsWith('surface.background')&&!stringBackgroundColorValue.startsWith('brand.')&&stringBackgroundColorValue!=='transparent'){throwBladeError({message:`Oops! Currently you can only use \`transparent\`, \`surface.background.*\`, and \`brand.*\` tokens with backgroundColor property but we received \`${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 ✨`,moduleName:'Box'});}}};var validateBackgroundProp=function validateBackgroundProp(responsiveBackgroundColor){if(__DEV__){if(responsiveBackgroundColor){if(typeof responsiveBackgroundColor==='string'){validateBackgroundString(responsiveBackgroundColor);return;}Object.values(responsiveBackgroundColor).forEach(function(backgroundColor){if(typeof backgroundColor==='string'){validateBackgroundString(backgroundColor);}});}}};var makeBoxProps=function makeBoxProps(props){return {display:props.display,overflow:props.overflow,overflowX:props.overflowX,overflowY:props.overflowY,height:props.height,minHeight:props.minHeight,maxHeight:props.maxHeight,width:props.width,minWidth:props.minWidth,maxWidth:props.maxWidth,textAlign:props.textAlign,flex:props.flex,flexWrap:props.flexWrap,flexDirection:props.flexDirection,flexGrow:props.flexGrow,flexShrink:props.flexShrink,flexBasis:props.flexBasis,alignItems:props.alignItems,alignContent:props.alignContent,alignSelf:props.alignSelf,justifyItems:props.justifyItems,justifyContent:props.justifyContent,justifySelf:props.justifySelf,placeSelf:props.placeSelf,order:props.order,grid:props.grid,gridColumn:props.gridColumn,gridRow:props.gridRow,gridRowStart:props.gridRowStart,gridRowEnd:props.gridRowEnd,gridColumnStart:props.gridColumnStart,gridColumnEnd:props.gridColumnEnd,gridArea:props.gridArea,gridAutoFlow:props.gridAutoFlow,gridAutoRows:props.gridAutoRows,gridAutoColumns:props.gridAutoColumns,gridTemplate:props.gridTemplate,gridTemplateAreas:props.gridTemplateAreas,gridTemplateColumns:props.gridTemplateColumns,gridTemplateRows:props.gridTemplateRows,padding:props.padding,paddingTop:props.paddingTop,paddingBottom:props.paddingBottom,paddingRight:props.paddingRight,paddingLeft:props.paddingLeft,paddingX:props.paddingX,paddingY:props.paddingY,margin:props.margin,marginBottom:props.marginBottom,marginTop:props.marginTop,marginRight:props.marginRight,marginLeft:props.marginLeft,marginX:props.marginX,marginY:props.marginY,gap:props.gap,rowGap:props.rowGap,columnGap:props.columnGap,position:props.position,zIndex:props.zIndex,top:props.top,right:props.right,bottom:props.bottom,left:props.left,backgroundColor:props.backgroundColor,backgroundImage:props.backgroundImage,backgroundSize:props.backgroundSize,backgroundPosition:props.backgroundPosition,backgroundOrigin:props.backgroundOrigin,backgroundRepeat:props.backgroundRepeat,elevation:props.elevation,borderWidth:props.borderWidth,borderColor:props.borderColor,borderTopWidth:props.borderTopWidth,borderTopColor:props.borderTopColor,borderRightWidth:props.borderRightWidth,borderRightColor:props.borderRightColor,borderBottomWidth:props.borderBottomWidth,borderBottomColor:props.borderBottomColor,borderLeftWidth:props.borderLeftWidth,borderLeftColor:props.borderLeftColor,borderRadius:props.borderRadius,borderTopLeftRadius:props.borderTopLeftRadius,borderTopRightRadius:props.borderTopRightRadius,borderBottomRightRadius:props.borderBottomRightRadius,borderBottomLeftRadius:props.borderBottomLeftRadius,onMouseEnter:props.onMouseEnter,onMouseLeave:props.onMouseLeave,onMouseOver:props.onMouseOver,onScroll:props.onScroll,children:props.children,tabIndex:props.tabIndex,as:isReactNative$4()?undefined:props.as};};var _Box=function _Box(props,ref){React__default.useEffect(function(){if(__DEV__){validateBackgroundProp(props.backgroundColor);}},[props.backgroundColor]);React__default.useEffect(function(){if(__DEV__){if(props.as){if(isReactNative$4()){throwBladeError({message:'`as` prop is not supported on React Native',moduleName:'Box'});}if(!validBoxAsValues.includes(props.as)){throwBladeError({message:`Invalid \`as\` prop value - ${props.as}. Only ${validBoxAsValues.join(', ')} are valid values`,moduleName:'Box'});}}}},[props.as]);return jsx(BaseBox,Object.assign({ref:ref},metaAttribute({name:MetaConstants.Box,testID:props.testID}),makeBoxProps(props)));};var Box=assignWithoutSideEffects(React__default.forwardRef(_Box),{displayName:'Box'});
+var validateBackgroundString=function validateBackgroundString(stringBackgroundColorValue){if(__DEV__){if(!stringBackgroundColorValue.startsWith('surface.background')&&!stringBackgroundColorValue.startsWith('brand.')&&stringBackgroundColorValue!=='transparent'){throwBladeError({message:`Oops! Currently you can only use \`transparent\`, \`surface.background.*\`, and \`brand.*\` tokens with backgroundColor property but we received \`${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 ✨`,moduleName:'Box'});}}};var validateBackgroundProp=function validateBackgroundProp(responsiveBackgroundColor){if(__DEV__){if(responsiveBackgroundColor){if(typeof responsiveBackgroundColor==='string'){validateBackgroundString(responsiveBackgroundColor);return;}Object.values(responsiveBackgroundColor).forEach(function(backgroundColor){if(typeof backgroundColor==='string'){validateBackgroundString(backgroundColor);}});}}};var makeBoxProps=function makeBoxProps(props){return {display:props.display,overflow:props.overflow,overflowX:props.overflowX,overflowY:props.overflowY,height:props.height,minHeight:props.minHeight,maxHeight:props.maxHeight,width:props.width,minWidth:props.minWidth,maxWidth:props.maxWidth,textAlign:props.textAlign,flex:props.flex,flexWrap:props.flexWrap,flexDirection:props.flexDirection,flexGrow:props.flexGrow,flexShrink:props.flexShrink,flexBasis:props.flexBasis,alignItems:props.alignItems,alignContent:props.alignContent,alignSelf:props.alignSelf,justifyItems:props.justifyItems,justifyContent:props.justifyContent,justifySelf:props.justifySelf,placeSelf:props.placeSelf,placeItems:props.placeItems,order:props.order,grid:props.grid,gridColumn:props.gridColumn,gridRow:props.gridRow,gridRowStart:props.gridRowStart,gridRowEnd:props.gridRowEnd,gridColumnStart:props.gridColumnStart,gridColumnEnd:props.gridColumnEnd,gridArea:props.gridArea,gridAutoFlow:props.gridAutoFlow,gridAutoRows:props.gridAutoRows,gridAutoColumns:props.gridAutoColumns,gridTemplate:props.gridTemplate,gridTemplateAreas:props.gridTemplateAreas,gridTemplateColumns:props.gridTemplateColumns,gridTemplateRows:props.gridTemplateRows,padding:props.padding,paddingTop:props.paddingTop,paddingBottom:props.paddingBottom,paddingRight:props.paddingRight,paddingLeft:props.paddingLeft,paddingX:props.paddingX,paddingY:props.paddingY,margin:props.margin,marginBottom:props.marginBottom,marginTop:props.marginTop,marginRight:props.marginRight,marginLeft:props.marginLeft,marginX:props.marginX,marginY:props.marginY,gap:props.gap,rowGap:props.rowGap,columnGap:props.columnGap,position:props.position,zIndex:props.zIndex,top:props.top,right:props.right,bottom:props.bottom,left:props.left,backgroundColor:props.backgroundColor,backgroundImage:props.backgroundImage,backgroundSize:props.backgroundSize,backgroundPosition:props.backgroundPosition,backgroundOrigin:props.backgroundOrigin,backgroundRepeat:props.backgroundRepeat,elevation:props.elevation,borderWidth:props.borderWidth,borderColor:props.borderColor,borderTopWidth:props.borderTopWidth,borderTopColor:props.borderTopColor,borderRightWidth:props.borderRightWidth,borderRightColor:props.borderRightColor,borderBottomWidth:props.borderBottomWidth,borderBottomColor:props.borderBottomColor,borderLeftWidth:props.borderLeftWidth,borderLeftColor:props.borderLeftColor,borderRadius:props.borderRadius,borderTopLeftRadius:props.borderTopLeftRadius,borderTopRightRadius:props.borderTopRightRadius,borderBottomRightRadius:props.borderBottomRightRadius,borderBottomLeftRadius:props.borderBottomLeftRadius,onMouseEnter:props.onMouseEnter,onMouseLeave:props.onMouseLeave,onMouseOver:props.onMouseOver,onScroll:props.onScroll,draggable:props.draggable,onDragStart:props.onDragStart,onDragEnd:props.onDragEnd,onDragEnter:props.onDragEnter,onDragLeave:props.onDragLeave,onDragOver:props.onDragOver,onDrop:props.onDrop,pointerEvents:props.pointerEvents,children:props.children,tabIndex:props.tabIndex,as:isReactNative$4()?undefined:props.as};};var _Box=function _Box(props,ref){React__default.useEffect(function(){if(__DEV__){validateBackgroundProp(props.backgroundColor);}},[props.backgroundColor]);React__default.useEffect(function(){if(__DEV__){if(props.as){if(isReactNative$4()){throwBladeError({message:'`as` prop is not supported on React Native',moduleName:'Box'});}if(!validBoxAsValues.includes(props.as)){throwBladeError({message:`Invalid \`as\` prop value - ${props.as}. Only ${validBoxAsValues.join(', ')} are valid values`,moduleName:'Box'});}}}},[props.as]);return jsx(BaseBox,Object.assign({ref:ref},metaAttribute({name:MetaConstants.Box,testID:props.testID}),makeBoxProps(props)));};var Box=assignWithoutSideEffects(React__default.forwardRef(_Box),{displayName:'Box'});
 
 var removeUndefinedStyledProps=function removeUndefinedStyledProps(obj){var onlyDefinedStyledProps={};for(var key in obj){if(obj[key]!==undefined){onlyDefinedStyledProps[key]=obj[key];}}return onlyDefinedStyledProps;};var makeStyledProps=function makeStyledProps(props){return {alignSelf:props.alignSelf,display:props.display,justifySelf:props.justifySelf,placeSelf:props.placeSelf,order:props.order,position:props.position,zIndex:props.zIndex,gridColumn:props.gridColumn,gridColumnStart:props.gridColumnStart,gridColumnEnd:props.gridColumnEnd,gridRow:props.gridRow,gridRowStart:props.gridRowStart,gridRowEnd:props.gridRowEnd,gridArea:props.gridArea,margin:props.margin,marginX:props.marginX,marginY:props.marginY,marginBottom:props.marginBottom,marginTop:props.marginTop,marginRight:props.marginRight,marginLeft:props.marginLeft,top:props.top,right:props.right,bottom:props.bottom,left:props.left};};var getStyledProps=function getStyledProps(props){return removeUndefinedStyledProps(makeStyledProps(props));};
 
@@ -3071,7 +3071,7 @@ var _excluded$6=["size","icon","onDismiss","children","isDisabled","testID","_is
 
 var _excluded$5=["contrast"];var AnimatedBox=Animated$1.createAnimatedComponent(BaseBox);var _worklet_16824657703365_init_data={code:"function anonymous(){const{withTiming,totalDuration,easing}=this._closure;const animations={opacity:withTiming(1,{duration:totalDuration,easing:easing})};const initialValues={opacity:0};return{initialValues:initialValues,animations:animations};}",location:"/home/runner/work/blade/blade/packages/blade/src/components/Skeleton/PulseAnimation.native.tsx",sourceMap:"{\"version\":3,\"mappings\":\"AA8BiB,SAAAA,SAAMA,CAAA,QAAAC,UAAA,CAAAC,aAAA,CAAAC,MAAA,OAAAC,QAAA,CAEnB,KAAMC,WAAU,CAAG,CACjBC,OAAO,CAAEL,UAAU,CAAC,CAAC,CAAE,CAAEM,QAAQ,CAAEL,aAAa,CAAEC,aAAO,CAAC,CAC5D,CAAC,CACD,KAAMK,cAAa,CAAG,CACpBF,OAAO,CAAE,CACX,CAAC,CACD,MAAO,CACLE,aAAa,CAAbA,aAAa,CACbH,qBACF,CAAC,CACH\",\"names\":[\"anonymous\",\"withTiming\",\"totalDuration\",\"easing\",\"_closure\",\"animations\",\"opacity\",\"duration\",\"initialValues\"],\"sources\":[\"/home/runner/work/blade/blade/packages/blade/src/components/Skeleton/PulseAnimation.native.tsx\"]}",version:"3.4.1"};var _worklet_5938342440418_init_data={code:"function anonymous(){const{interpolateColor,progress,theme,contrast}=this._closure;return{backgroundColor:interpolateColor(progress.value,[1,0],[theme.colors.brand.gray.a50[contrast+\"Contrast\"],theme.colors.brand.gray.a100[contrast+\"Contrast\"]])};}",location:"/home/runner/work/blade/blade/packages/blade/src/components/Skeleton/PulseAnimation.native.tsx",sourceMap:"{\"version\":3,\"mappings\":\"AAgE8C,SAAAA,SAAMA,CAAA,QAAAC,gBAAA,CAAAC,QAAA,CAAAC,KAAA,CAAAC,QAAA,OAAAC,QAAA,CAChD,MAAO,CACLC,eAAe,CAAEL,gBAAgB,CAC/BC,QAAQ,CAACK,KAAK,CACd,CAAC,CAAC,CAAE,CAAC,CAAC,CACN,CACEJ,KAAK,CAACK,MAAM,CAACC,KAAK,CAACC,IAAI,CAACC,GAAG,CAAIP,QAAS,YAAU,CAClDD,KAAK,CAACK,MAAM,CAACC,KAAK,CAACC,IAAI,CAACE,IAAI,CAAIR,QAAS,YAAU,CACpD,CAEL,CAAC,CACH\",\"names\":[\"anonymous\",\"interpolateColor\",\"progress\",\"theme\",\"contrast\",\"_closure\",\"backgroundColor\",\"value\",\"colors\",\"brand\",\"gray\",\"a50\",\"a100\"],\"sources\":[\"/home/runner/work/blade/blade/packages/blade/src/components/Skeleton/PulseAnimation.native.tsx\"]}",version:"3.4.1"};var PulseAnimation=function PulseAnimation(_ref){var contrast=_ref.contrast,props=_objectWithoutProperties(_ref,_excluded$5);var _useTheme=useTheme(),theme=_useTheme.theme;var durationPluseOff=theme.motion.duration.xmoderate;var durationPluseOn=theme.motion.duration['2xgentle'];var totalDuration=castNativeType(makeMotionTime(durationPluseOn+durationPluseOff));var easing=castNativeType(theme.motion.easing.standard.revealing);var progress=useSharedValue(0);var fadeIn=function(){var _e=[new global.Error(),-4,-27];var _f=function _f(){var animations={opacity:withTiming(1,{duration:totalDuration,easing:easing})};var initialValues={opacity:0};return {initialValues:initialValues,animations:animations};};_f._closure={withTiming:withTiming,totalDuration:totalDuration,easing:easing};_f.__initData=_worklet_16824657703365_init_data;_f.__workletHash=16824657703365;_f.__stackDetails=_e;return _f;}();React__default.useEffect(function(){var pulsatingAnimationTimingConfig={duration:totalDuration,easing:easing};progress.value=withRepeat(withSequence(withTiming(0,pulsatingAnimationTimingConfig),withTiming(1,pulsatingAnimationTimingConfig)),-1,true);return function(){cancelAnimation(progress);};},[easing,progress,totalDuration]);var pulseAnimatedStyle=useAnimatedStyle(function(){var _e=[new global.Error(),-5,-27];var _f=function _f(){return {backgroundColor:interpolateColor(progress.value,[1,0],[theme.colors.brand.gray.a50[`${contrast}Contrast`],theme.colors.brand.gray.a100[`${contrast}Contrast`]])};};_f._closure={interpolateColor:interpolateColor,progress:progress,theme:theme,contrast:contrast};_f.__initData=_worklet_5938342440418_init_data;_f.__workletHash=5938342440418;_f.__stackDetails=_e;return _f;}());return jsx(AnimatedBox,Object.assign({entering:fadeIn,style:pulseAnimatedStyle},props));};
 
-var _excluded$4=["contrast","width","maxWidth","minWidth","height","maxHeight","minHeight","borderRadius","flexWrap","flexDirection","flexGrow","flexShrink","flexBasis","alignItems","alignContent","alignSelf","justifyItems","justifyContent","justifySelf","placeSelf","order","testID"];var Skeleton=function Skeleton(_ref){var _ref$contrast=_ref.contrast,contrast=_ref$contrast===void 0?'low':_ref$contrast,width=_ref.width,maxWidth=_ref.maxWidth;_ref.minWidth;var height=_ref.height,maxHeight=_ref.maxHeight;_ref.minHeight;var borderRadius=_ref.borderRadius,flexWrap=_ref.flexWrap,flexDirection=_ref.flexDirection,flexGrow=_ref.flexGrow,flexShrink=_ref.flexShrink,flexBasis=_ref.flexBasis,alignItems=_ref.alignItems,alignContent=_ref.alignContent,alignSelf=_ref.alignSelf,justifyItems=_ref.justifyItems,justifyContent=_ref.justifyContent,justifySelf=_ref.justifySelf,placeSelf=_ref.placeSelf,order=_ref.order,testID=_ref.testID,props=_objectWithoutProperties(_ref,_excluded$4);return jsx(PulseAnimation,Object.assign({width:width,maxWidth:maxWidth,height:height,maxHeight:maxHeight,borderRadius:borderRadius,flexWrap:flexWrap,flexDirection:flexDirection,flexGrow:flexGrow,flexShrink:flexShrink,flexBasis:flexBasis,alignItems:alignItems,alignContent:alignContent,alignSelf:alignSelf,justifyItems:justifyItems,justifyContent:justifyContent,justifySelf:justifySelf,placeSelf:placeSelf,order:order,contrast:contrast},getStyledProps(props),makeAccessible({hidden:true}),metaAttribute({name:MetaConstants.Skeleton,testID:testID})));};
+var _excluded$4=["contrast","width","maxWidth","minWidth","height","maxHeight","minHeight","borderRadius","flexWrap","flexDirection","flexGrow","flexShrink","flexBasis","alignItems","alignContent","alignSelf","justifyItems","justifyContent","justifySelf","placeSelf","placeItems","order","testID"];var Skeleton=function Skeleton(_ref){var _ref$contrast=_ref.contrast,contrast=_ref$contrast===void 0?'low':_ref$contrast,width=_ref.width,maxWidth=_ref.maxWidth;_ref.minWidth;var height=_ref.height,maxHeight=_ref.maxHeight;_ref.minHeight;var borderRadius=_ref.borderRadius,flexWrap=_ref.flexWrap,flexDirection=_ref.flexDirection,flexGrow=_ref.flexGrow,flexShrink=_ref.flexShrink,flexBasis=_ref.flexBasis,alignItems=_ref.alignItems,alignContent=_ref.alignContent,alignSelf=_ref.alignSelf,justifyItems=_ref.justifyItems,justifyContent=_ref.justifyContent,justifySelf=_ref.justifySelf,placeSelf=_ref.placeSelf,placeItems=_ref.placeItems,order=_ref.order,testID=_ref.testID,props=_objectWithoutProperties(_ref,_excluded$4);return jsx(PulseAnimation,Object.assign({width:width,maxWidth:maxWidth,height:height,maxHeight:maxHeight,borderRadius:borderRadius,flexWrap:flexWrap,flexDirection:flexDirection,flexGrow:flexGrow,flexShrink:flexShrink,flexBasis:flexBasis,alignItems:alignItems,alignContent:alignContent,alignSelf:alignSelf,justifyItems:justifyItems,justifyContent:justifyContent,justifySelf:justifySelf,placeSelf:placeSelf,placeItems:placeItems,order:order,contrast:contrast},getStyledProps(props),makeAccessible({hidden:true}),metaAttribute({name:MetaConstants.Skeleton,testID:testID})));};
 
 var affixFontSizes={'body-small':75,'body-small-bold':75,'body-medium':75,'body-medium-bold':75,'heading-small':75,'heading-small-bold':75,'heading-large':100,'heading-large-bold':100,'title-small':300,'title-medium':400};var amountFontSizes={'body-small':75,'body-small-bold':75,'body-medium':100,'body-medium-bold':100,'heading-small':200,'heading-small-bold':200,'heading-large':400,'heading-large-bold':400,'title-small':600,'title-medium':700};var amountLineHeights={'body-small':50,'body-small-bold':50,'body-medium':100,'body-medium-bold':100,'heading-small':300,'heading-small-bold':300,'heading-large':400,'heading-large-bold':400,'title-small':500,'title-medium':600};var currencyPrefixMapping={AED:{'currency-symbol':'د.إ','currency-code':'AED'},ALL:{'currency-symbol':'Lek','currency-code':'ALL'},AMD:{'currency-symbol':'֏','currency-code':'AMD'},ARS:{'currency-symbol':'ARS','currency-code':'ARS'},AUD:{'currency-symbol':'A$','currency-code':'AUD'},AWG:{'currency-symbol':'Afl.','currency-code':'AWG'},BBD:{'currency-symbol':'$','currency-code':'BBD'},BDT:{'currency-symbol':'৳','currency-code':'BDT'},BMD:{'currency-symbol':'$','currency-code':'BMD'},BND:{'currency-symbol':'BND','currency-code':'BND'},BOB:{'currency-symbol':'Bs','currency-code':'BOB'},BSD:{'currency-symbol':'B$','currency-code':'BSD'},BWP:{'currency-symbol':'P','currency-code':'BWP'},BZD:{'currency-symbol':'BZ$','currency-code':'BZD'},CAD:{'currency-symbol':'C$','currency-code':'CAD'},CHF:{'currency-symbol':'CHf','currency-code':'CHF'},CNY:{'currency-symbol':'¥','currency-code':'CNY'},COP:{'currency-symbol':'COL$','currency-code':'COP'},CRC:{'currency-symbol':'₡','currency-code':'CRC'},CUP:{'currency-symbol':'$MN','currency-code':'CUP'},CZK:{'currency-symbol':'Kč','currency-code':'CZK'},DKK:{'currency-symbol':'DKK','currency-code':'DKK'},DOP:{'currency-symbol':'RD$','currency-code':'DOP'},DZD:{'currency-symbol':'د.ج','currency-code':'DZD'},EGP:{'currency-symbol':'E£','currency-code':'EGP'},ETB:{'currency-symbol':'ብር','currency-code':'ETB'},EUR:{'currency-symbol':'€','currency-code':'EUR'},FJD:{'currency-symbol':'FJ$','currency-code':'FJD'},GBP:{'currency-symbol':'£','currency-code':'GBP'},GHS:{'currency-symbol':'GH₵','currency-code':'GHS'},GIP:{'currency-symbol':'GIP','currency-code':'GIP'},GMD:{'currency-symbol':'D','currency-code':'GMD'},GTQ:{'currency-symbol':'Q','currency-code':'GTQ'},GYD:{'currency-symbol':'G$','currency-code':'GYD'},HKD:{'currency-symbol':'HK$','currency-code':'HKD'},HNL:{'currency-symbol':'HNL','currency-code':'HNL'},HRK:{'currency-symbol':'kn','currency-code':'HRK'},HTG:{'currency-symbol':'G','currency-code':'HTG'},HUF:{'currency-symbol':'Ft','currency-code':'HUF'},IDR:{'currency-symbol':'Rp','currency-code':'IDR'},ILS:{'currency-symbol':'₪','currency-code':'ILS'},INR:{'currency-symbol':'₹','currency-code':'INR'},JMD:{'currency-symbol':'J$','currency-code':'JMD'},KES:{'currency-symbol':'Ksh','currency-code':'KES'},KGS:{'currency-symbol':'Лв','currency-code':'KGS'},KHR:{'currency-symbol':'៛','currency-code':'KHR'},KYD:{'currency-symbol':'CI$','currency-code':'KYD'},KZT:{'currency-symbol':'₸','currency-code':'KZT'},LAK:{'currency-symbol':'₭','currency-code':'LAK'},LKR:{'currency-symbol':'රු','currency-code':'LKR'},LRD:{'currency-symbol':'L$','currency-code':'LRD'},LSL:{'currency-symbol':'LSL','currency-code':'LSL'},MAD:{'currency-symbol':'د.م.','currency-code':'MAD'},MDL:{'currency-symbol':'MDL','currency-code':'MDL'},MKD:{'currency-symbol':'ден','currency-code':'MKD'},MMK:{'currency-symbol':'MMK','currency-code':'MMK'},MNT:{'currency-symbol':'₮','currency-code':'MNT'},MOP:{'currency-symbol':'MOP$','currency-code':'MOP'},MUR:{'currency-symbol':'₨','currency-code':'MUR'},MVR:{'currency-symbol':'Rf','currency-code':'MVR'},MWK:{'currency-symbol':'MK','currency-code':'MWK'},MXN:{'currency-symbol':'Mex$','currency-code':'MXN'},MYR:{'currency-symbol':'RM','currency-code':'MYR'},NAD:{'currency-symbol':'N$','currency-code':'NAD'},NGN:{'currency-symbol':'₦','currency-code':'NGN'},NIO:{'currency-symbol':'NIO','currency-code':'NIO'},NOK:{'currency-symbol':'NOK','currency-code':'NOK'},NPR:{'currency-symbol':'रू','currency-code':'NPR'},NZD:{'currency-symbol':'NZ$','currency-code':'NZD'},PEN:{'currency-symbol':'S/','currency-code':'PEN'},PGK:{'currency-symbol':'PGK','currency-code':'PGK'},PHP:{'currency-symbol':'₱','currency-code':'PHP'},PKR:{'currency-symbol':'₨','currency-code':'PKR'},QAR:{'currency-symbol':'QR','currency-code':'QAR'},RUB:{'currency-symbol':'₽','currency-code':'RUB'},SAR:{'currency-symbol':'SR','currency-code':'SAR'},SCR:{'currency-symbol':'SRe','currency-code':'SCR'},SEK:{'currency-symbol':'SEK','currency-code':'SEK'},SGD:{'currency-symbol':'S$','currency-code':'SGD'},SLL:{'currency-symbol':'Le','currency-code':'SLL'},SOS:{'currency-symbol':'Sh.so.','currency-code':'SOS'},SSP:{'currency-symbol':'SS£','currency-code':'SSP'},SVC:{'currency-symbol':'₡','currency-code':'SVC'},SZL:{'currency-symbol':'E','currency-code':'SZL'},THB:{'currency-symbol':'฿','currency-code':'THB'},TTD:{'currency-symbol':'TT$','currency-code':'TTD'},TZS:{'currency-symbol':'Sh','currency-code':'TZS'},USD:{'currency-symbol':'$','currency-code':'USD'},UYU:{'currency-symbol':'$U','currency-code':'UYU'},UZS:{'currency-symbol':"so'm",'currency-code':'UZS'},YER:{'currency-symbol':'﷼','currency-code':'YER'},ZAR:{'currency-symbol':'R','currency-code':'ZAR'},KWD:{'currency-symbol':'د.ك','currency-code':'KWD'},BHD:{'currency-symbol':'د.ب.','currency-code':'BHD'},OMR:{'currency-symbol':'ر.ع.','currency-code':'OMR'}};var getCurrencyAbbreviations=function getCurrencyAbbreviations(currency){if(currency==='INR'){return [{value:1e7,symbol:'Cr'},{value:1e5,symbol:'L'},{value:1e3,symbol:'k'}];}return [{value:1e9,symbol:'B'},{value:1e6,symbol:'M'},{value:1e3,symbol:'K'}];};