@razorpay/blade 12.98.0 → 12.110.0

package/build/lib/native/components/AppBar/AppBar.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppBar.native.js","sources":["../../../../../src/components/AppBar/AppBar.native.tsx"],"sourcesContent":["import React from 'react';\nimport type { AppBarActionsProps, AppBarLeadingProps, AppBarProps } from './types';\nimport { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { MetaConstants } from '~utils/metaAttribute';\n\nconst _AppBar = (_props: AppBarProps): React.ReactElement => {\n  throwBladeError({\n    message: 'AppBar is not yet implemented for native',\n    moduleName: 'AppBar',\n  });\n\n  return <Text>AppBar Component is not available for Native mobile apps.</Text>;\n};\n\nconst AppBar = assignWithoutSideEffects(_AppBar, { componentId: MetaConstants.AppBar });\n\nconst _AppBarLeading = (_props: AppBarLeadingProps): React.ReactElement => {\n  return <Text>AppBarLeading Component is not available for Native mobile apps.</Text>;\n};\n\nconst AppBarLeading = assignWithoutSideEffects(_AppBarLeading, {\n  componentId: MetaConstants.AppBarLeading,\n});\n\nconst _AppBarActions = (_props: AppBarActionsProps): React.ReactElement => {\n  return <Text>AppBarActions Component is not available for Native mobile apps.</Text>;\n};\n\nconst AppBarActions = assignWithoutSideEffects(_AppBarActions, {\n  componentId: MetaConstants.AppBarActions,\n});\n\nexport { AppBar, AppBarLeading, AppBarActions };\n"],"names":["this","_AppBar","_props","throwBladeError","message","moduleName","_jsx","Text","children","AppBar","assignWithoutSideEffects","componentId","MetaConstants","_AppBarLeading","AppBarLeading","_AppBarActions","AppBarActions"],"mappings":";;;;;;;;;;;AAAA,IAAA,KAAA,CAAAA,SAAA,CAAA,YAAA,CAAA,sFAAA,CAOA,IAAMC,OAAO,CAAG,SAAVA,OAAOA,CAAIC,MAAmB,CAAyB,CAC3DC,eAAe,CAAC,CACdC,OAAO,CAAE,0CAA0C,CACnDC,UAAU,CAAE,QACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,2DAAyD,CAAM,CAAC,CAC/E,CAAC,CAEK,IAAAC,MAAM,CAAGC,wBAAwB,CAACT,OAAO,CAAE,CAAEU,WAAW,CAAEC,aAAa,CAACH,MAAO,CAAC,EAEtF,IAAMI,cAAc,CAAG,SAAjBA,cAAcA,CAAIX,MAA0B,CAAyB,CACzE,OAAOI,GAAA,CAACC,IAAI,CAAAC,CAAAA,QAAA,CAAC,kEAAgE,CAAM,CAAC,CACtF,CAAC,CAEK,IAAAM,aAAa,CAAGJ,wBAAwB,CAACG,cAAc,CAAE,CAC7DF,WAAW,CAAEC,aAAa,CAACE,aAC7B,CAAC,EAED,IAAMC,cAAc,CAAG,SAAjBA,cAAcA,CAAIb,MAA0B,CAAyB,CACzE,OAAOI,GAAA,CAACC,IAAI,CAAAC,CAAAA,QAAA,CAAC,kEAAgE,CAAM,CAAC,CACtF,CAAC,CAEK,IAAAQ,aAAa,CAAGN,wBAAwB,CAACK,cAAc,CAAE,CAC7DJ,WAAW,CAAEC,aAAa,CAACI,aAC7B,CAAC;;;;"}

package/build/lib/native/components/AppBar/AppBarContext.js

@@ -0,0 +1,6 @@
+import React__default from 'react';
+
+var AppBarContext=React__default.createContext(null);var useAppBarContext=function useAppBarContext(){return React__default.useContext(AppBarContext);};
+
+export { AppBarContext, useAppBarContext };
+//# sourceMappingURL=AppBarContext.js.map

package/build/lib/native/components/AppBar/AppBarContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppBarContext.js","sources":["../../../../../src/components/AppBar/AppBarContext.tsx"],"sourcesContent":["import React from 'react';\nimport type { AppBarProps } from './types';\nimport type { ColorSchemeNames, ThemeTokens } from '~tokens/theme';\n\ntype AppBarContextProps = {\n  colorScheme: ColorSchemeNames;\n  themeTokens: ThemeTokens;\n  variant?: AppBarProps['variant'];\n};\n\nconst AppBarContext = React.createContext<AppBarContextProps | null>(null);\n\n/**\n * Returns the AppBar context if inside an AppBar, otherwise null.\n * Stores the original app colorScheme so that overlay components\n * (Menu, Popover, etc.) rendered inside AppBar can reset back to\n * the app's colorScheme instead of inheriting AppBar's forced theme.\n */\nconst useAppBarContext = (): AppBarContextProps | null => {\n  return React.useContext(AppBarContext);\n};\n\nexport type { AppBarContextProps };\nexport { AppBarContext, useAppBarContext };\n"],"names":["AppBarContext","React","createContext","useAppBarContext","useContext"],"mappings":";;AAUM,IAAAA,aAAa,CAAGC,cAAK,CAACC,aAAa,CAA4B,IAAI,EAQnE,IAAAC,gBAAgB,CAAG,SAAnBA,gBAAgBA,EAAoC,CACxD,OAAOF,cAAK,CAACG,UAAU,CAACJ,aAAa,CAAC,CACxC;;;;"}

package/build/lib/native/components/AppBar/index.js

@@ -0,0 +1,3 @@
+export { AppBar, AppBarActions, AppBarLeading } from './AppBar.native.js';
+export { useAppBarContext } from './AppBarContext.js';
+//# sourceMappingURL=index.js.map

package/build/lib/native/components/AppBar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/build/lib/native/components/Avatar/Avatar.native.js

@@ -1,7 +1,39 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import React__default from 'react';
+import { Image, Linking, Pressable } from 'react-native';
+import { avatarSizeTokens, avatarBorderRadiusTokens, avatarTextSizeMapping, avatarIconSizeTokens, avatarToIndicatorSize, avatarTopAddonOffsets, avatarToBottomAddonSize } from './avatarTokens.js';
+import { useAvatarGroupContext } from './AvatarGroupContext.js';
+import { getInitials } from './avatarUtils.js';
+import '../../utils/metaAttribute/index.js';
+import '../../utils/logger/index.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
+import '../../utils/makeAccessible/index.native.js';
+import getIn from '../../utils/lodashButBetter/get.js';
+import '../../utils/assignWithoutSideEffects/index.js';
+import '../../utils/isValidAllowedChildren/index.js';
+import '../Icons/index.js';
+import '../BladeProvider/index.js';
+import '../Box/styledProps/index.js';
+import '../Box/BaseBox/index.js';
+import '../Typography/index.js';
+import { getTextColorToken } from '../Button/BaseButton/BaseButton.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { throwBladeError } from '../../utils/logger/logger.js';
-import { jsx, Fragment } from 'react/jsx-runtime';
+import { getComponentId } from '../../utils/isValidAllowedChildren/isValidAllowedChildren.js';
+import useTheme from '../BladeProvider/useTheme.js';
+import UserIcon from '../Icons/UserIcon/UserIcon.js';
+import { Heading } from '../Typography/Heading/Heading.js';
+import { Text } from '../Typography/Text/Text.js';
+import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
+import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.native.js';
+import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
+import { getStyledProps } from '../Box/styledProps/getStyledProps.js';
+import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
+import { makeAccessible } from '../../utils/makeAccessible/makeAccessible.native.js';
+import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
-var Avatar=function Avatar(_props){throwBladeError({message:'Avatar is not yet implemented for React Native',moduleName:'Avatar'});return jsx(Fragment,{});};
+var _excluded=["name","color","size","variant","icon","href","isSelected","bottomAddon","topAddon","src","alt","testID","onClick"];var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Avatar/Avatar.native.tsx";var INDICATOR_TEXT_LINE_HEIGHT=20;var indicatorSubtleSvgSize={small:6,medium:8,large:10};function nativeTopOffset(webTop,indicatorSize){var px=parseInt(webTop,10);var svgSize=indicatorSubtleSvgSize[indicatorSize];var centeringOffset=Math.max(0,(INDICATOR_TEXT_LINE_HEIGHT-svgSize)/2);return px-centeringOffset;}var _Avatar=function _Avatar(_ref,ref){var _groupProps$size;var name=_ref.name,_ref$color=_ref.color,color=_ref$color===void 0?'neutral':_ref$color,_ref$size=_ref.size,size=_ref$size===void 0?'medium':_ref$size,_ref$variant=_ref.variant,variant=_ref$variant===void 0?'circle':_ref$variant,icon=_ref.icon,href=_ref.href,isSelected=_ref.isSelected,BottomAddon=_ref.bottomAddon,topAddon=_ref.topAddon,src=_ref.src,alt=_ref.alt,testID=_ref.testID,onClick=_ref.onClick,rest=_objectWithoutProperties(_ref,_excluded);if(__DEV__){if(src&&!alt&&!name){throwBladeError({moduleName:'Avatar',message:'"alt" or "name" prop is required when the "src" prop is provided.'});}if(topAddon&&getComponentId(topAddon)!=='Indicator'){throwBladeError({moduleName:'Avatar',message:'TopAddon only accepts `Indicator` component.'});}}var groupProps=useAvatarGroupContext();var _useTheme=useTheme(),theme=_useTheme.theme;var avatarSize=(_groupProps$size=groupProps==null?void 0:groupProps.size)!=null?_groupProps$size:size;var isInteractive=Boolean(onClick||href);var dimension=avatarSizeTokens[avatarSize];var borderRadius=theme.border.radius[variant==='circle'?avatarBorderRadiusTokens.circle:avatarBorderRadiusTokens.square[avatarSize]];var bgColor=getIn(theme.colors,`interactive.background.${color}.faded`,'');var iconColor=getTextColorToken({property:'icon',variant:'secondary',color:color,state:'default'});var textColor=getTextColorToken({property:'text',variant:'secondary',color:color,state:'default'});var _React$useState=React__default.useState(false),_React$useState2=_slicedToArray(_React$useState,2),imgError=_React$useState2[0],setImgError=_React$useState2[1];var Icon=icon!=null?icon:UserIcon;var isSquare=variant==='square';var hasAddons=Boolean(topAddon||BottomAddon);var renderContent=function renderContent(){if(src&&!imgError){return jsx(Image,{source:{uri:src},style:{width:dimension,height:dimension,borderRadius:borderRadius},resizeMode:"cover",onError:function onError(){return setImgError(true);},accessibilityLabel:alt!=null?alt:name,accessibilityIgnoresInvertColors:true});}if(name&&(!src||imgError)){return avatarSize==='xlarge'?jsx(Heading,{size:avatarTextSizeMapping[avatarSize],weight:"semibold",color:textColor,children:getInitials(name)}):jsx(Text,{size:avatarTextSizeMapping[avatarSize],weight:"semibold",color:textColor,children:getInitials(name)});}return jsx(Icon,{size:avatarIconSizeTokens[avatarSize],color:iconColor});};var handlePress=function handlePress(){if(href)void Linking.openURL(href);};var indicatorSize=avatarToIndicatorSize[avatarSize];var topOffset=avatarTopAddonOffsets[variant][avatarSize];var avatarBody=jsx(BaseBox,Object.assign({},metaAttribute({name:MetaConstants.Avatar,testID:testID}),getStyledProps(rest),makeAnalyticsAttribute(rest),{style:{width:dimension,height:dimension,borderRadius:borderRadius,borderWidth:isSelected?theme.border.width.thicker:theme.border.width.thinner,borderColor:isSelected?theme.colors.surface.border.primary.normal:theme.colors.surface.border.gray.subtle,backgroundColor:bgColor,overflow:'hidden'},children:jsx(BaseBox,{display:"flex",alignItems:"center",justifyContent:"center",height:"100%",children:renderContent()})}));var avatarWithAddons=hasAddons?jsxs(BaseBox,{style:{width:dimension,height:dimension},children:[avatarBody,topAddon?jsx(BaseBox,{position:"absolute",style:{top:nativeTopOffset(topOffset.top,indicatorSize),right:parseInt(topOffset.right,10)},zIndex:2,children:React__default.cloneElement(topAddon,{size:indicatorSize})}):null,BottomAddon?jsx(BaseBox,{position:"absolute",style:{bottom:isSquare?Math.round(dimension*-0.1):0,right:isSquare?Math.round(dimension*-0.1):0},zIndex:2,children:jsx(BottomAddon,{size:avatarToBottomAddonSize[avatarSize],color:iconColor})}):null]}):avatarBody;if(isInteractive){return jsx(Pressable,Object.assign({ref:ref,onPress:handlePress},makeAccessible({role:href?'link':'button'}),{children:avatarWithAddons}));}return avatarWithAddons;};var Avatar=assignWithoutSideEffects(React__default.forwardRef(_Avatar),{displayName:'Avatar',componentId:'Avatar'});
 
 export { Avatar };
 //# sourceMappingURL=Avatar.native.js.map

package/build/lib/native/components/Avatar/Avatar.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.native.js","sources":["../../../../../src/components/Avatar/Avatar.native.tsx"],"sourcesContent":["import type { AvatarProps } from './types';\nimport { throwBladeError } from '~utils/logger';\n\nconst Avatar = (_props: AvatarProps): React.ReactElement => {\n  throwBladeError({\n    message: 'Avatar is not yet implemented for React Native',\n    moduleName: 'Avatar',\n  });\n\n  // eslint-disable-next-line react/jsx-no-useless-fragment\n  return <></>;\n};\n\nexport { Avatar };\n"],"names":["Avatar","_props","throwBladeError","message","moduleName","_jsx","_Fragment"],"mappings":";;;AAGM,IAAAA,MAAM,CAAG,SAATA,MAAMA,CAAIC,MAAmB,CAAyB,CAC1DC,eAAe,CAAC,CACdC,OAAO,CAAE,gDAAgD,CACzDC,UAAU,CAAE,QACd,CAAC,CAAC,CAGF,OAAOC,GAAA,CAAAC,QAAA,CAAA,EAAI,CAAC,CACd;;;;"}
+{"version":3,"file":"Avatar.native.js","sources":["../../../../../src/components/Avatar/Avatar.native.tsx"],"sourcesContent":["import React from 'react';\nimport { Image, Pressable, Linking } from 'react-native';\nimport type { AvatarProps } from './types';\nimport {\n  avatarSizeTokens,\n  avatarBorderRadiusTokens,\n  avatarToBottomAddonSize,\n  avatarToIndicatorSize,\n  avatarTopAddonOffsets,\n  avatarIconSizeTokens,\n  avatarTextSizeMapping,\n} from './avatarTokens';\nimport { useAvatarGroupContext } from './AvatarGroupContext';\nimport { getInitials } from './avatarUtils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { throwBladeError } from '~utils/logger';\nimport type { BladeElementRef } from '~utils/types';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport getIn from '~utils/lodashButBetter/get';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { getComponentId } from '~utils/isValidAllowedChildren';\nimport { UserIcon } from '~components/Icons';\nimport { useTheme } from '~components/BladeProvider';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Heading, Text } from '~components/Typography';\nimport { getTextColorToken } from '~components/Button/BaseButton/BaseButton';\nimport type { IconColor } from '~components/Button/BaseButton/types';\nimport type { BaseTextProps } from '~components/Typography/BaseText/types';\n\n// Approximate native line-height for Indicator's internal Text.\n// On native an empty <Text> reserves line-height even with no content, pushing\n// the SVG dot down when it is vertically centred inside the flex row.\n// Subtracting (lineHeight - svgSize) / 2 from the web top-offset compensates.\n// Value sourced from Indicator component's internal text line-height on native.\nconst INDICATOR_TEXT_LINE_HEIGHT = 20;\n\n// Subtle-emphasis dot sizes (px) per indicator size.\n// Sourced from indicatorDotSizes in indicatorTokens — keep in sync if those change.\nconst indicatorSubtleSvgSize: Record<'small' | 'medium' | 'large', number> = {\n  small: 6,\n  medium: 8,\n  large: 10,\n};\n\nfunction nativeTopOffset(webTop: string, indicatorSize: 'small' | 'medium' | 'large'): number {\n  const px = parseInt(webTop, 10); // e.g. '2px' → 2\n  const svgSize = indicatorSubtleSvgSize[indicatorSize];\n  const centeringOffset = Math.max(0, (INDICATOR_TEXT_LINE_HEIGHT - svgSize) / 2);\n  return px - centeringOffset;\n}\n\nconst _Avatar: React.ForwardRefRenderFunction<BladeElementRef, AvatarProps> = (\n  {\n    name,\n    color = 'neutral',\n    size = 'medium',\n    variant = 'circle',\n    icon,\n    href,\n    isSelected,\n    bottomAddon: BottomAddon,\n    topAddon,\n    src,\n    alt,\n    testID,\n    onClick,\n    ...rest\n  },\n  ref,\n) => {\n  if (__DEV__) {\n    if (src && !alt && !name) {\n      throwBladeError({\n        moduleName: 'Avatar',\n        message: '\"alt\" or \"name\" prop is required when the \"src\" prop is provided.',\n      });\n    }\n    if (topAddon && getComponentId(topAddon) !== 'Indicator') {\n      throwBladeError({\n        moduleName: 'Avatar',\n        message: 'TopAddon only accepts `Indicator` component.',\n      });\n    }\n  }\n\n  const groupProps = useAvatarGroupContext();\n  const { theme } = useTheme();\n  const avatarSize = groupProps?.size ?? size;\n  const isInteractive = Boolean(onClick || href);\n  const dimension = avatarSizeTokens[avatarSize];\n  const borderRadius =\n    theme.border.radius[\n      variant === 'circle'\n        ? avatarBorderRadiusTokens.circle\n        : avatarBorderRadiusTokens.square[avatarSize]\n    ];\n  const bgColor = getIn(theme.colors, `interactive.background.${color}.faded`, '') as string;\n\n  const iconColor = getTextColorToken({\n    property: 'icon',\n    variant: 'secondary',\n    color,\n    state: 'default',\n  }) as IconColor;\n\n  const textColor = getTextColorToken({\n    property: 'text',\n    variant: 'secondary',\n    color,\n    state: 'default',\n  }) as BaseTextProps['color'];\n\n  const [imgError, setImgError] = React.useState(false);\n  const Icon = icon ?? UserIcon;\n  const isSquare = variant === 'square';\n  const hasAddons = Boolean(topAddon || BottomAddon);\n\n  const renderContent = (): React.ReactElement => {\n    if (src && !imgError) {\n      return (\n        <Image\n          source={{ uri: src }}\n          style={{ width: dimension, height: dimension, borderRadius }}\n          resizeMode=\"cover\"\n          onError={() => setImgError(true)}\n          accessibilityLabel={alt ?? name}\n          accessibilityIgnoresInvertColors\n        />\n      );\n    }\n\n    if (name && (!src || imgError)) {\n      return avatarSize === 'xlarge' ? (\n        <Heading size={avatarTextSizeMapping[avatarSize]} weight=\"semibold\" color={textColor}>\n          {getInitials(name)}\n        </Heading>\n      ) : (\n        <Text size={avatarTextSizeMapping[avatarSize]} weight=\"semibold\" color={textColor}>\n          {getInitials(name)}\n        </Text>\n      );\n    }\n\n    return <Icon size={avatarIconSizeTokens[avatarSize]} color={iconColor} />;\n  };\n\n  const handlePress = (): void => {\n    if (href) void Linking.openURL(href);\n    // onClick is web-only (MouseEvent); on native the Pressable's onPress already handles\n    // the interaction — do not call onClick to avoid passing undefined as a MouseEvent.\n  };\n\n  const indicatorSize = avatarToIndicatorSize[avatarSize];\n  const topOffset = avatarTopAddonOffsets[variant][avatarSize];\n\n  const avatarBody = (\n    <BaseBox\n      {...metaAttribute({ name: MetaConstants.Avatar, testID })}\n      {...getStyledProps(rest)}\n      {...makeAnalyticsAttribute(rest)}\n      style={{\n        width: dimension,\n        height: dimension,\n        borderRadius,\n        borderWidth: isSelected ? theme.border.width.thicker : theme.border.width.thinner,\n        borderColor: isSelected\n          ? theme.colors.surface.border.primary.normal\n          : theme.colors.surface.border.gray.subtle,\n        backgroundColor: bgColor,\n        overflow: 'hidden',\n      }}\n    >\n      <BaseBox display=\"flex\" alignItems=\"center\" justifyContent=\"center\" height=\"100%\">\n        {renderContent()}\n      </BaseBox>\n    </BaseBox>\n  );\n\n  // Addons are placed OUTSIDE the overflow:hidden avatar body so they are never\n  // clipped — unlike the web where CSS overflow:hidden doesn't clip\n  // absolutely-positioned children by default.\n  const avatarWithAddons = hasAddons ? (\n    <BaseBox style={{ width: dimension, height: dimension }}>\n      {avatarBody}\n      {topAddon ? (\n        <BaseBox\n          position=\"absolute\"\n          // Native fix: subtract the centering offset caused by the empty <Text>\n          // inside Indicator that adds line-height even with no content.\n          style={{\n            top: nativeTopOffset(topOffset.top, indicatorSize),\n            right: parseInt(topOffset.right, 10),\n          }}\n          zIndex={2}\n        >\n          {React.cloneElement(topAddon, { size: indicatorSize })}\n        </BaseBox>\n      ) : null}\n      {BottomAddon ? (\n        <BaseBox\n          position=\"absolute\"\n          style={{\n            bottom: isSquare ? Math.round(dimension * -0.1) : 0,\n            right: isSquare ? Math.round(dimension * -0.1) : 0,\n          }}\n          zIndex={2}\n        >\n          <BottomAddon size={avatarToBottomAddonSize[avatarSize]} color={iconColor} />\n        </BaseBox>\n      ) : null}\n    </BaseBox>\n  ) : (\n    avatarBody\n  );\n\n  if (isInteractive) {\n    return (\n      <Pressable\n        ref={ref as never}\n        onPress={handlePress}\n        {...makeAccessible({ role: href ? 'link' : 'button' })}\n      >\n        {avatarWithAddons}\n      </Pressable>\n    );\n  }\n\n  return avatarWithAddons;\n};\n\nconst Avatar = assignWithoutSideEffects(React.forwardRef(_Avatar), {\n  displayName: 'Avatar',\n  componentId: 'Avatar',\n});\n\nexport { Avatar };\nexport type { AvatarProps };\n"],"names":["this","INDICATOR_TEXT_LINE_HEIGHT","indicatorSubtleSvgSize","small","medium","large","nativeTopOffset","webTop","indicatorSize","px","parseInt","svgSize","centeringOffset","Math","max","_Avatar","_ref","ref","_groupProps$size","name","_ref$color","color","_ref$size","size","_ref$variant","variant","icon","href","isSelected","BottomAddon","bottomAddon","topAddon","src","alt","testID","onClick","rest","_objectWithoutProperties","_excluded","__DEV__","throwBladeError","moduleName","message","getComponentId","groupProps","useAvatarGroupContext","_useTheme","useTheme","theme","avatarSize","isInteractive","Boolean","dimension","avatarSizeTokens","borderRadius","border","radius","avatarBorderRadiusTokens","circle","square","bgColor","getIn","colors","iconColor","getTextColorToken","property","state","textColor","_React$useState","React","useState","_React$useState2","_slicedToArray","imgError","setImgError","Icon","UserIcon","isSquare","hasAddons","renderContent","_jsx","Image","source","uri","style","width","height","resizeMode","onError","accessibilityLabel","accessibilityIgnoresInvertColors","Heading","avatarTextSizeMapping","weight","children","getInitials","Text","avatarIconSizeTokens","handlePress","Linking","openURL","avatarToIndicatorSize","topOffset","avatarTopAddonOffsets","avatarBody","BaseBox","Object","assign","metaAttribute","MetaConstants","Avatar","getStyledProps","makeAnalyticsAttribute","borderWidth","thicker","thinner","borderColor","surface","primary","normal","gray","subtle","backgroundColor","overflow","display","alignItems","justifyContent","avatarWithAddons","_jsxs","position","top","right","zIndex","cloneElement","bottom","round","avatarToBottomAddonSize","Pressable","onPress","makeAccessible","role","assignWithoutSideEffects","forwardRef","displayName","componentId"],"mappings":"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"}

package/build/lib/native/components/Avatar/AvatarGroup.native.js

@@ -1,7 +1,20 @@
-import { throwBladeError } from '../../utils/logger/logger.js';
-import { jsx, Fragment } from 'react/jsx-runtime';
+import React__default from 'react';
+import { View } from 'react-native';
+import { avatarSizeTokens, avatarGroupDensityOverlapTokens, avatarTextSizeMapping } from './avatarTokens.js';
+import { AvatarGroupProvider } from './AvatarGroupContext.js';
+import '../../utils/metaAttribute/index.js';
+import '../../utils/assignWithoutSideEffects/index.js';
+import '../BladeProvider/index.js';
+import '../Typography/index.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import useTheme from '../BladeProvider/useTheme.js';
+import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.native.js';
+import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
+import { Heading } from '../Typography/Heading/Heading.js';
+import { Text } from '../Typography/Text/Text.js';
+import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
-var AvatarGroup=function AvatarGroup(_props){throwBladeError({message:'AvatarGroup is not yet implemented for React Native',moduleName:'AvatarGroup'});return jsx(Fragment,{});};
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Avatar/AvatarGroup.native.tsx";var _AvatarGroup=function _AvatarGroup(_ref){var children=_ref.children,_ref$size=_ref.size,size=_ref$size===void 0?'medium':_ref$size,_ref$density=_ref.density,density=_ref$density===void 0?'compact':_ref$density,maxCount=_ref.maxCount,testID=_ref.testID;var _useTheme=useTheme(),theme=_useTheme.theme;var all=React__default.Children.toArray(children);var totalCount=all.length;var dimension=avatarSizeTokens[size];var overlap=avatarGroupDensityOverlapTokens[density][size];var RING=2;var wrapperSize=dimension+RING*2;var wrapperRadius=wrapperSize/2;var ringColor=theme.colors.surface.background.gray.intense;var itemMarginLeft=-(overlap+RING*2);var visible=maxCount?all.slice(0,maxCount):all;var overflowCount=maxCount?Math.max(0,totalCount-maxCount):0;return jsx(AvatarGroupProvider,{value:{size:size},children:jsxs(View,Object.assign({style:{flexDirection:'row',alignItems:'center'}},metaAttribute({name:MetaConstants.AvatarGroup,testID:testID}),{children:[visible.map(function(child,i){var _child$key;var key=React__default.isValidElement(child)?(_child$key=child.key)!=null?_child$key:i:i;return(jsx(View,{style:{padding:RING,width:wrapperSize,height:wrapperSize,borderRadius:wrapperRadius,backgroundColor:ringColor,marginLeft:i===0?0:itemMarginLeft,zIndex:i+1},children:child},key));}),overflowCount>0?jsx(View,{style:{padding:RING,width:wrapperSize,height:wrapperSize,borderRadius:wrapperRadius,backgroundColor:ringColor,marginLeft:itemMarginLeft,zIndex:visible.length+1,alignItems:'center',justifyContent:'center'},children:jsx(View,{style:{width:dimension,height:dimension,borderRadius:dimension/2,backgroundColor:theme.colors.surface.background.gray.subtle,borderWidth:1,borderColor:theme.colors.surface.border.gray.subtle,alignItems:'center',justifyContent:'center'},children:size==='xlarge'?jsx(Heading,{size:"small",weight:"semibold",color:"interactive.text.neutral.muted",children:`+${overflowCount}`}):jsx(Text,{size:avatarTextSizeMapping[size],weight:"semibold",color:"interactive.text.neutral.muted",children:`+${overflowCount}`})})}):null]}))});};var AvatarGroup=assignWithoutSideEffects(_AvatarGroup,{displayName:'AvatarGroup',componentId:'AvatarGroup'});
 
 export { AvatarGroup };
 //# sourceMappingURL=AvatarGroup.native.js.map

package/build/lib/native/components/Avatar/AvatarGroup.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarGroup.native.js","sources":["../../../../../src/components/Avatar/AvatarGroup.native.tsx"],"sourcesContent":["import type { AvatarGroupProps } from './types';\nimport { throwBladeError } from '~utils/logger';\n\nconst AvatarGroup = (_props: AvatarGroupProps): React.ReactElement => {\n  throwBladeError({\n    message: 'AvatarGroup is not yet implemented for React Native',\n    moduleName: 'AvatarGroup',\n  });\n\n  // eslint-disable-next-line react/jsx-no-useless-fragment\n  return <></>;\n};\n\nexport { AvatarGroup };\n"],"names":["AvatarGroup","_props","throwBladeError","message","moduleName","_jsx","_Fragment"],"mappings":";;;AAGM,IAAAA,WAAW,CAAG,SAAdA,WAAWA,CAAIC,MAAwB,CAAyB,CACpEC,eAAe,CAAC,CACdC,OAAO,CAAE,qDAAqD,CAC9DC,UAAU,CAAE,aACd,CAAC,CAAC,CAGF,OAAOC,GAAA,CAAAC,QAAA,CAAA,EAAI,CAAC,CACd;;;;"}
+{"version":3,"file":"AvatarGroup.native.js","sources":["../../../../../src/components/Avatar/AvatarGroup.native.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport type { AvatarGroupProps } from './types';\nimport {\n  avatarSizeTokens,\n  avatarTextSizeMapping,\n  avatarGroupDensityOverlapTokens,\n} from './avatarTokens';\nimport { AvatarGroupProvider } from './AvatarGroupContext';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { useTheme } from '~components/BladeProvider';\nimport { Heading, Text } from '~components/Typography';\n\nconst _AvatarGroup = ({\n  children,\n  size = 'medium',\n  density = 'compact',\n  maxCount,\n  testID,\n}: AvatarGroupProps): React.ReactElement => {\n  const { theme } = useTheme();\n  const all = React.Children.toArray(children);\n  const totalCount = all.length;\n  const dimension = avatarSizeTokens[size];\n  const overlap = avatarGroupDensityOverlapTokens[density][size];\n\n  // 2px opaque ring — mirrors StyledAvatar's backgroundColor=\"surface.background.gray.intense\".\n  // Without it, semi-transparent faded avatar colours blend at the overlap (Venn-diagram effect).\n  const RING = 2;\n  const wrapperSize = dimension + RING * 2;\n  const wrapperRadius = wrapperSize / 2;\n  const ringColor = theme.colors.surface.background.gray.intense;\n\n  // Adjusted so avatar bodies (not wrappers) overlap by exactly dimension / 2.\n  // derivation: marginLeft = -(overlap + 2*RING) → body-to-body overlap = dimension/2.\n  const itemMarginLeft = -(overlap + RING * 2);\n\n  const visible = maxCount ? all.slice(0, maxCount) : all;\n  const overflowCount = maxCount ? Math.max(0, totalCount - maxCount) : 0;\n\n  return (\n    <AvatarGroupProvider value={{ size }}>\n      <View\n        style={{ flexDirection: 'row', alignItems: 'center' }}\n        {...metaAttribute({ name: MetaConstants.AvatarGroup, testID })}\n      >\n        {visible.map((child, i) => {\n          const key = React.isValidElement(child) ? child.key ?? i : i;\n          return (\n            // Each wrapper is RING px larger on every side, filled with opaque intense-gray.\n            // The avatar body sits inside the padding exposing the gray ring as a separator.\n            // Ascending zIndex mirrors web's DOM-order stacking so each later avatar is on top.\n            <View\n              key={key}\n              style={{\n                padding: RING,\n                width: wrapperSize,\n                height: wrapperSize,\n                borderRadius: wrapperRadius,\n                backgroundColor: ringColor,\n                marginLeft: i === 0 ? 0 : itemMarginLeft,\n                zIndex: i + 1,\n              }}\n            >\n              {child}\n            </View>\n          );\n        })}\n\n        {overflowCount > 0 ? (\n          <View\n            style={{\n              padding: RING,\n              width: wrapperSize,\n              height: wrapperSize,\n              borderRadius: wrapperRadius,\n              backgroundColor: ringColor,\n              marginLeft: itemMarginLeft,\n              zIndex: visible.length + 1,\n              alignItems: 'center',\n              justifyContent: 'center',\n            }}\n          >\n            <View\n              style={{\n                width: dimension,\n                height: dimension,\n                borderRadius: dimension / 2,\n                backgroundColor: theme.colors.surface.background.gray.subtle,\n                borderWidth: 1,\n                borderColor: theme.colors.surface.border.gray.subtle,\n                alignItems: 'center',\n                justifyContent: 'center',\n              }}\n            >\n              {size === 'xlarge' ? (\n                <Heading size=\"small\" weight=\"semibold\" color=\"interactive.text.neutral.muted\">\n                  {`+${overflowCount}`}\n                </Heading>\n              ) : (\n                <Text\n                  size={avatarTextSizeMapping[size]}\n                  weight=\"semibold\"\n                  color=\"interactive.text.neutral.muted\"\n                >\n                  {`+${overflowCount}`}\n                </Text>\n              )}\n            </View>\n          </View>\n        ) : null}\n      </View>\n    </AvatarGroupProvider>\n  );\n};\n\n/**\n * ### AvatarGroup Component\n *\n * Groups multiple Avatar components with overlapping stacking and optional overflow count.\n *\n * ---\n *\n * #### Usage\n *\n * ```jsx\n * <AvatarGroup size=\"medium\" maxCount={3}>\n *   <Avatar name=\"Nitin Kumar\" color=\"primary\" />\n *   <Avatar name=\"Priya Sharma\" color=\"positive\" />\n *   <Avatar name=\"Raj Patel\" color=\"notice\" />\n * </AvatarGroup>\n * ```\n *\n * Checkout {@link https://blade.razorpay.com/?path=/docs/components-avatar-avatargroup AvatarGroup Documentation}\n */\nconst AvatarGroup = assignWithoutSideEffects(_AvatarGroup, {\n  displayName: 'AvatarGroup',\n  componentId: 'AvatarGroup',\n});\n\nexport { AvatarGroup };\n"],"names":["this","_AvatarGroup","_ref","children","_ref$size","size","_ref$density","density","maxCount","testID","_useTheme","useTheme","theme","all","React","Children","toArray","totalCount","length","dimension","avatarSizeTokens","overlap","avatarGroupDensityOverlapTokens","RING","wrapperSize","wrapperRadius","ringColor","colors","surface","background","gray","intense","itemMarginLeft","visible","slice","overflowCount","Math","max","_jsx","AvatarGroupProvider","value","_jsxs","View","Object","assign","style","flexDirection","alignItems","metaAttribute","name","MetaConstants","AvatarGroup","map","child","i","_child$key","key","isValidElement","padding","width","height","borderRadius","backgroundColor","marginLeft","zIndex","justifyContent","subtle","borderWidth","borderColor","border","Heading","weight","color","Text","avatarTextSizeMapping","assignWithoutSideEffects","displayName","componentId"],"mappings":"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"}

package/build/lib/native/components/Avatar/AvatarGroupContext.js

@@ -0,0 +1,6 @@
+import React__default from 'react';
+
+var AvatarGroupContext=React__default.createContext({});var AvatarGroupProvider=AvatarGroupContext.Provider;var useAvatarGroupContext=function useAvatarGroupContext(){var context=React__default.useContext(AvatarGroupContext);return context;};
+
+export { AvatarGroupProvider, useAvatarGroupContext };
+//# sourceMappingURL=AvatarGroupContext.js.map

package/build/lib/native/components/Avatar/AvatarGroupContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarGroupContext.js","sources":["../../../../../src/components/Avatar/AvatarGroupContext.tsx"],"sourcesContent":["import React from 'react';\nimport type { AvatarGroupContextType } from './types';\n\nconst AvatarGroupContext = React.createContext<AvatarGroupContextType>({});\nconst AvatarGroupProvider = AvatarGroupContext.Provider;\n\nconst useAvatarGroupContext = (): AvatarGroupContextType => {\n  const context = React.useContext(AvatarGroupContext);\n  return context;\n};\n\nexport { useAvatarGroupContext, AvatarGroupProvider };\n"],"names":["AvatarGroupContext","React","createContext","AvatarGroupProvider","Provider","useAvatarGroupContext","context","useContext"],"mappings":";;AAGA,IAAMA,kBAAkB,CAAGC,cAAK,CAACC,aAAa,CAAyB,EAAE,CAAC,CACpE,IAAAC,mBAAmB,CAAGH,kBAAkB,CAACI,SAEzC,IAAAC,qBAAqB,CAAG,SAAxBA,qBAAqBA,EAAiC,CAC1D,IAAMC,OAAO,CAAGL,cAAK,CAACM,UAAU,CAACP,kBAAkB,CAAC,CACpD,OAAOM,OAAO,CAChB;;;;"}

package/build/lib/native/components/Avatar/TrustedBadgeIcon.native.js

@@ -1,7 +1,10 @@
+import '../../utils/logger/index.js';
+import '../Typography/index.js';
+import { jsx } from 'react/jsx-runtime';
 import { throwBladeError } from '../../utils/logger/logger.js';
-import { jsx, Fragment } from 'react/jsx-runtime';
+import { Text } from '../Typography/Text/Text.js';
 
-var TrustedBadgeIcon=function TrustedBadgeIcon(){throwBladeError({message:'TrustedBadgeIcon is not yet implemented for React Native',moduleName:'TrustedBadgeIcon'});return jsx(Fragment,{});};
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Avatar/TrustedBadgeIcon.native.tsx";var TrustedBadgeIcon=function TrustedBadgeIcon(){throwBladeError({message:'TrustedBadgeIcon is not yet implemented for React Native',moduleName:'TrustedBadgeIcon'});return jsx(Text,{children:"TrustedBadgeIcon is not available for Native mobile apps."});};
 
 export { TrustedBadgeIcon };
 //# sourceMappingURL=TrustedBadgeIcon.native.js.map

package/build/lib/native/components/Avatar/TrustedBadgeIcon.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"TrustedBadgeIcon.native.js","sources":["../../../../../src/components/Avatar/TrustedBadgeIcon.native.tsx"],"sourcesContent":["import { throwBladeError } from '~utils/logger';\n\nimport type { IconComponent } from '~components/Icons';\n\nconst TrustedBadgeIcon: IconComponent = () => {\n  throwBladeError({\n    message: 'TrustedBadgeIcon is not yet implemented for React Native',\n    moduleName: 'TrustedBadgeIcon',\n  });\n\n  return <></>;\n};\n\nexport { TrustedBadgeIcon };\n"],"names":["TrustedBadgeIcon","throwBladeError","message","moduleName","_jsx","_Fragment"],"mappings":";;;AAIM,IAAAA,gBAA+B,CAAG,SAAlCA,gBAA+BA,EAAS,CAC5CC,eAAe,CAAC,CACdC,OAAO,CAAE,0DAA0D,CACnEC,UAAU,CAAE,kBACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAAAC,QAAA,CAAA,EAAI,CAAC,CACd;;;;"}
+{"version":3,"file":"TrustedBadgeIcon.native.js","sources":["../../../../../src/components/Avatar/TrustedBadgeIcon.native.tsx"],"sourcesContent":["import { throwBladeError } from '~utils/logger';\nimport { Text } from '~components/Typography';\n\nimport type { IconComponent } from '~components/Icons';\n\nconst TrustedBadgeIcon: IconComponent = () => {\n  throwBladeError({\n    message: 'TrustedBadgeIcon is not yet implemented for React Native',\n    moduleName: 'TrustedBadgeIcon',\n  });\n\n  return <Text>TrustedBadgeIcon is not available for Native mobile apps.</Text>;\n};\n\nexport { TrustedBadgeIcon };\n"],"names":["TrustedBadgeIcon","throwBladeError","message","moduleName","_jsx","Text","children"],"mappings":";;;;;;kIAKM,IAAAA,gBAA+B,CAAG,SAAlCA,gBAA+BA,EAAS,CAC5CC,eAAe,CAAC,CACdC,OAAO,CAAE,0DAA0D,CACnEC,UAAU,CAAE,kBACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAAC,CAAAA,QAAA,CAAC,2DAAyD,CAAM,CAAC,CAC/E;;;;"}

package/build/lib/native/components/Avatar/avatarTokens.js

@@ -0,0 +1,7 @@
+import '../../tokens/global/index.js';
+import { size } from '../../tokens/global/size.js';
+
+var avatarSizeTokens={xsmall:size[20],small:size[28],medium:size[36],large:size[48],xlarge:size[56]};var avatarIconSizeTokens={xsmall:'small',small:'medium',medium:'medium',large:'large',xlarge:'xlarge'};var avatarTextSizeMapping={xsmall:'xsmall',small:'xsmall',medium:'small',large:'medium',xlarge:'medium'};var avatarColorTokens={text:{primary:'interactive.text.primary.normal',positive:'interactive.text.positive.normal',negative:'interactive.text.negative.normal',notice:'interactive.text.notice.normal',information:'interactive.text.information.normal',neutral:'interactive.text.neutral.normal'},background:{primary:'interactive.background.primary.faded',positive:'interactive.background.positive.faded',negative:'interactive.background.negative.faded',notice:'interactive.background.notice.faded',information:'interactive.background.information.faded',neutral:'interactive.background.neutral.faded'}};var avatarBorderRadiusTokens={circle:'max',square:{xsmall:'xsmall',small:'xsmall',medium:'small',large:'small',xlarge:'medium'}};var avatarToBottomAddonSize={xsmall:'xsmall',small:'xsmall',medium:'small',large:'medium',xlarge:'large'};var avatarToIndicatorSize={xsmall:'small',small:'small',medium:'medium',large:'medium',xlarge:'large'};var avatarTopAddonOffsets={circle:{xsmall:{right:'0px',top:'0px'},small:{right:'1px',top:'1px'},medium:{right:'1px',top:'2px'},large:{right:'4px',top:'2px'},xlarge:{right:'4px',top:'2px'}},square:{xsmall:{right:'-2px',top:'-2px'},small:{right:'-2px',top:'-2px'},medium:{right:'-2px',top:'-2px'},large:{right:'-2px',top:'-2px'},xlarge:{right:'-2px',top:'-2px'}}};var avatarGroupDensityOverlapTokens={compact:{xsmall:size[20]/2,small:size[28]/2,medium:size[36]/2,large:size[48]/2,xlarge:size[56]/2},normal:{xsmall:14,small:16,medium:16,large:16,xlarge:16},comfortable:{xsmall:8,small:8,medium:8,large:8,xlarge:8}};
+
+export { avatarBorderRadiusTokens, avatarColorTokens, avatarGroupDensityOverlapTokens, avatarIconSizeTokens, avatarSizeTokens, avatarTextSizeMapping, avatarToBottomAddonSize, avatarToIndicatorSize, avatarTopAddonOffsets };
+//# sourceMappingURL=avatarTokens.js.map

package/build/lib/native/components/Avatar/avatarTokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatarTokens.js","sources":["../../../../../src/components/Avatar/avatarTokens.ts"],"sourcesContent":["import { size } from '~tokens/global';\n\nconst avatarSizeTokens = {\n  xsmall: size[20],\n  small: size[28],\n  medium: size[36],\n  large: size[48],\n  xlarge: size[56],\n} as const;\n\nconst avatarIconSizeTokens = {\n  xsmall: 'small',\n  small: 'medium',\n  medium: 'medium',\n  large: 'large',\n  xlarge: 'xlarge',\n} as const;\n\nconst avatarTextSizeMapping = {\n  xsmall: 'xsmall',\n  small: 'xsmall',\n  medium: 'small',\n  large: 'medium',\n  xlarge: 'medium',\n} as const;\n\nconst avatarColorTokens = {\n  text: {\n    primary: 'interactive.text.primary.normal',\n    positive: 'interactive.text.positive.normal',\n    negative: 'interactive.text.negative.normal',\n    notice: 'interactive.text.notice.normal',\n    information: 'interactive.text.information.normal',\n    neutral: 'interactive.text.neutral.normal',\n  },\n  background: {\n    primary: 'interactive.background.primary.faded',\n    positive: 'interactive.background.positive.faded',\n    negative: 'interactive.background.negative.faded',\n    notice: 'interactive.background.notice.faded',\n    information: 'interactive.background.information.faded',\n    neutral: 'interactive.background.neutral.faded',\n  },\n} as const;\n\nconst avatarBorderRadiusTokens = {\n  circle: 'max',\n  square: {\n    xsmall: 'xsmall',\n    small: 'xsmall',\n    medium: 'small',\n    large: 'small',\n    xlarge: 'medium',\n  },\n} as const;\n\nconst avatarToBottomAddonSize = {\n  xsmall: 'xsmall',\n  small: 'xsmall',\n  medium: 'small',\n  large: 'medium',\n  xlarge: 'large',\n} as const;\n\nconst avatarToIndicatorSize = {\n  xsmall: 'small',\n  small: 'small',\n  medium: 'medium',\n  large: 'medium',\n  xlarge: 'large',\n} as const;\n\nconst avatarTopAddonOffsets = {\n  circle: {\n    xsmall: {\n      right: '0px',\n      top: '0px',\n    },\n    small: {\n      right: '1px',\n      top: '1px',\n    },\n    medium: {\n      right: '1px',\n      top: '2px',\n    },\n    large: {\n      right: '4px',\n      top: '2px',\n    },\n    xlarge: {\n      right: '4px',\n      top: '2px',\n    },\n  },\n  square: {\n    xsmall: {\n      right: '-2px',\n      top: '-2px',\n    },\n    small: {\n      right: '-2px',\n      top: '-2px',\n    },\n    medium: {\n      right: '-2px',\n      top: '-2px',\n    },\n    large: {\n      right: '-2px',\n      top: '-2px',\n    },\n    xlarge: {\n      right: '-2px',\n      top: '-2px',\n    },\n  },\n} as const;\n\nconst avatarGroupDensityOverlapTokens = {\n  compact: {\n    xsmall: size[20] / 2,\n    small: size[28] / 2,\n    medium: size[36] / 2,\n    large: size[48] / 2,\n    xlarge: size[56] / 2,\n  },\n  normal: {\n    xsmall: 14,\n    small: 16,\n    medium: 16,\n    large: 16,\n    xlarge: 16,\n  },\n  comfortable: {\n    xsmall: 8,\n    small: 8,\n    medium: 8,\n    large: 8,\n    xlarge: 8,\n  },\n} as const;\n\nexport {\n  avatarSizeTokens,\n  avatarIconSizeTokens,\n  avatarTextSizeMapping,\n  avatarColorTokens,\n  avatarBorderRadiusTokens,\n  avatarToBottomAddonSize,\n  avatarToIndicatorSize,\n  avatarTopAddonOffsets,\n  avatarGroupDensityOverlapTokens,\n};\n"],"names":["avatarSizeTokens","xsmall","size","small","medium","large","xlarge","avatarIconSizeTokens","avatarTextSizeMapping","avatarColorTokens","text","primary","positive","negative","notice","information","neutral","background","avatarBorderRadiusTokens","circle","square","avatarToBottomAddonSize","avatarToIndicatorSize","avatarTopAddonOffsets","right","top","avatarGroupDensityOverlapTokens","compact","normal","comfortable"],"mappings":"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"}

package/build/lib/native/components/Avatar/avatarUtils.js

@@ -0,0 +1,4 @@
+var getInitials=function getInitials(name){var names=name.trim().toUpperCase().split(' ');if(names.length===1)return names[0].substring(0,2);return names[0][0]+names[names.length-1][0];};
+
+export { getInitials };
+//# sourceMappingURL=avatarUtils.js.map

package/build/lib/native/components/Avatar/avatarUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatarUtils.js","sources":["../../../../../src/components/Avatar/avatarUtils.ts"],"sourcesContent":["const getInitials = (name: string): string => {\n  const names = name.trim().toUpperCase().split(' ');\n  if (names.length === 1) return names[0].substring(0, 2);\n  return names[0][0] + names[names.length - 1][0];\n};\n\nexport { getInitials };\n"],"names":["getInitials","name","names","trim","toUpperCase","split","length","substring"],"mappings":"AAAM,IAAAA,WAAW,CAAG,SAAdA,WAAWA,CAAIC,IAAY,CAAa,CAC5C,IAAMC,KAAK,CAAGD,IAAI,CAACE,IAAI,EAAE,CAACC,WAAW,EAAE,CAACC,KAAK,CAAC,GAAG,CAAC,CAClD,GAAIH,KAAK,CAACI,MAAM,GAAK,CAAC,CAAE,OAAOJ,KAAK,CAAC,CAAC,CAAC,CAACK,SAAS,CAAC,CAAC,CAAE,CAAC,CAAC,CACvD,OAAOL,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAGA,KAAK,CAACA,KAAK,CAACI,MAAM,CAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CACjD;;;;"}

package/build/lib/native/components/Avatar/index.js

@@ -0,0 +1,4 @@
+export { Avatar } from './Avatar.native.js';
+export { AvatarGroup } from './AvatarGroup.native.js';
+export { TrustedBadgeIcon } from './TrustedBadgeIcon.native.js';
+//# sourceMappingURL=index.js.map

package/build/lib/native/components/Avatar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/build/lib/native/components/Badge/Badge.js

@@ -2,28 +2,31 @@ import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProper
 import React__default from 'react';
 import { StyledBadge } from './StyledBadge.native.js';
 import { badgeHeight, horizontalPadding, iconSize, textHorizontalMargin } from './badgeTokens.js';
+import '../Box/BaseBox/index.js';
+import '../Typography/index.js';
+import '../../utils/metaAttribute/index.js';
+import '../Box/styledProps/index.js';
+import '../../utils/getStringChildren/index.js';
+import '../../utils/assignWithoutSideEffects/index.js';
+import '../../utils/index.js';
+import '../../utils/logger/index.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
+import '../../utils/useTruncationTitle/index.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { getStringFromReactText } from '../../utils/getStringChildren/getStringChildren.js';
+import { throwBladeError } from '../../utils/logger/logger.js';
+import { useTruncationTitle } from '../../utils/useTruncationTitle/useTruncationTitle.native.js';
 import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
-import '../Typography/Heading/Heading.js';
-import { Text } from '../Typography/Text/Text.js';
-import '../Typography/Code/Code.js';
-import '../Typography/Display/Display.js';
+import { isReactNative } from '../../utils/platform/isReactNative.js';
 import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.native.js';
 import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
 import { getStyledProps } from '../Box/styledProps/getStyledProps.js';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react-native';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
-import { throwBladeError } from '../../utils/logger/logger.js';
-import { isReactNative } from '../../utils/platform/isReactNative.js';
+import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
 import { makeSize } from '../../utils/makeSize/makeSize.js';
-import '../BladeProvider/useTheme.js';
-import { getStringFromReactText } from '../../utils/getStringChildren/getStringChildren.js';
+import { Text } from '../Typography/Text/Text.js';
 import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
-import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
 
-var _excluded=["children","emphasis","icon","size","color","testID"];var getColorProps=function getColorProps(_ref){var color=_ref.color,emphasis=_ref.emphasis;var props={iconColor:'feedback.icon.neutral.intense',textColor:'feedback.text.neutral.intense',backgroundColor:'feedback.background.neutral.subtle'};if(color==='primary'){props.textColor=emphasis==='intense'?`surface.text.staticWhite.normal`:`surface.text.primary.normal`;props.iconColor=emphasis==='intense'?`surface.icon.staticWhite.normal`:`surface.icon.primary.normal`;props.backgroundColor=`surface.background.primary.${emphasis}`;}else {props.textColor=emphasis==='intense'?`surface.text.staticWhite.normal`:`feedback.text.${color}.intense`;props.iconColor=emphasis==='intense'?`surface.icon.staticWhite.normal`:`feedback.icon.${color}.intense`;props.backgroundColor=`feedback.background.${color}.${emphasis}`;}return props;};var _Badge=function _Badge(_ref2,ref){var children=_ref2.children,_ref2$emphasis=_ref2.emphasis,emphasis=_ref2$emphasis===void 0?'subtle':_ref2$emphasis,Icon=_ref2.icon,_ref2$size=_ref2.size,size=_ref2$size===void 0?'medium':_ref2$size,_ref2$color=_ref2.color,color=_ref2$color===void 0?'neutral':_ref2$color,testID=_ref2.testID,props=_objectWithoutProperties(_ref2,_excluded);var childrenString=getStringFromReactText(children);if(__DEV__){if(!(childrenString!=null&&childrenString.trim())){throwBladeError({message:'Text as children is required for Badge.',moduleName:'Badge'});}}var _getColorProps=getColorProps({color:color,emphasis:emphasis}),backgroundColor=_getColorProps.backgroundColor,iconColor=_getColorProps.iconColor,textColor=_getColorProps.textColor;var badgeTextSizes={xsmall:{variant:'body',size:'xsmall'},small:{variant:'body',size:'xsmall'},medium:{variant:'body',size:'small'},large:{variant:'body',size:'small'}};return jsx(BaseBox,Object.assign({ref:ref,display:isReactNative()?'flex':'inline-flex'},metaAttribute({name:MetaConstants.Badge,testID:testID}),getStyledProps(props),makeAnalyticsAttribute(props),{children:jsx(StyledBadge,{height:makeSize(badgeHeight[size]),backgroundColor:backgroundColor,size:size,textAlign:'left',children:jsxs(BaseBox,{paddingX:horizontalPadding[size],display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",overflow:"hidden",children:[Icon?jsx(BaseBox,{display:"flex",children:jsx(Icon,{color:iconColor,size:iconSize[size]})}):null,jsx(Text,Object.assign({},badgeTextSizes[size],{weight:emphasis==='intense'?'regular':'medium',truncateAfterLines:1,color:textColor,marginX:textHorizontalMargin[size],children:children}))]})})}));};var Badge=assignWithoutSideEffects(React__default.forwardRef(_Badge),{displayName:'Badge',componentId:'Badge'});
+var _excluded=["children","emphasis","icon","size","color","testID"];var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Badge/Badge.tsx";var getColorProps=function getColorProps(_ref){var color=_ref.color,emphasis=_ref.emphasis;var props={iconColor:'feedback.icon.neutral.intense',textColor:'feedback.text.neutral.intense',backgroundColor:'feedback.background.neutral.subtle'};if(color==='primary'){props.textColor=emphasis==='intense'?`surface.text.staticWhite.normal`:`surface.text.primary.normal`;props.iconColor=emphasis==='intense'?`surface.icon.staticWhite.normal`:`surface.icon.primary.normal`;props.backgroundColor=`surface.background.primary.${emphasis}`;}else {props.textColor=emphasis==='intense'?`surface.text.staticWhite.normal`:`feedback.text.${color}.intense`;props.iconColor=emphasis==='intense'?`surface.icon.staticWhite.normal`:`feedback.icon.${color}.intense`;props.backgroundColor=`feedback.background.${color}.${emphasis}`;}return props;};var _Badge=function _Badge(_ref2,ref){var children=_ref2.children,_ref2$emphasis=_ref2.emphasis,emphasis=_ref2$emphasis===void 0?'subtle':_ref2$emphasis,Icon=_ref2.icon,_ref2$size=_ref2.size,size=_ref2$size===void 0?'medium':_ref2$size,_ref2$color=_ref2.color,color=_ref2$color===void 0?'neutral':_ref2$color,testID=_ref2.testID,props=_objectWithoutProperties(_ref2,_excluded);var childrenString=getStringFromReactText(children);if(__DEV__){if(!(childrenString!=null&&childrenString.trim())){throwBladeError({message:'Text as children is required for Badge.',moduleName:'Badge'});}}var _getColorProps=getColorProps({color:color,emphasis:emphasis}),backgroundColor=_getColorProps.backgroundColor,iconColor=_getColorProps.iconColor,textColor=_getColorProps.textColor;var _useTruncationTitle=useTruncationTitle({content:childrenString}),containerRef=_useTruncationTitle.containerRef,textRef=_useTruncationTitle.textRef;var badgeTextSizes={xsmall:{variant:'body',size:'xsmall'},small:{variant:'body',size:'xsmall'},medium:{variant:'body',size:'small'},large:{variant:'body',size:'small'}};return jsx(BaseBox,Object.assign({ref:ref,display:isReactNative()?'flex':'inline-flex'},metaAttribute({name:MetaConstants.Badge,testID:testID}),getStyledProps(props),makeAnalyticsAttribute(props),{children:jsx(StyledBadge,{height:makeSize(badgeHeight[size]),backgroundColor:backgroundColor,size:size,textAlign:'left',children:jsxs(BaseBox,{ref:containerRef,paddingX:horizontalPadding[size],display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",overflow:"hidden",children:[Icon?jsx(BaseBox,{display:"flex",children:jsx(Icon,{color:iconColor,size:iconSize[size]})}):null,jsx(Text,Object.assign({ref:textRef},badgeTextSizes[size],{weight:emphasis==='intense'?'regular':'medium',truncateAfterLines:1,color:textColor,marginX:textHorizontalMargin[size],children:children}))]})})}));};var Badge=assignWithoutSideEffects(React__default.forwardRef(_Badge),{displayName:'Badge',componentId:'Badge'});
 
 export { Badge };
 //# sourceMappingURL=Badge.js.map

package/build/lib/native/components/Badge/Badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","sources":["../../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import React from 'react';\nimport type { ReactElement } from 'react';\nimport type { StyledBadgeProps } from './types';\nimport { StyledBadge } from './StyledBadge';\nimport { textHorizontalMargin, iconSize, horizontalPadding, badgeHeight } from './badgeTokens';\nimport type { IconComponent, IconProps } from '~components/Icons';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { FeedbackColors, SubtleOrIntense } from '~tokens/theme/theme';\nimport type { BaseTextProps } from '~components/Typography/BaseText/types';\nimport { Text } from '~components/Typography';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport type {\n  DataAnalyticsAttribute,\n  BladeElementRef,\n  StringChildrenType,\n  TestID,\n} from '~utils/types';\nimport { getStringFromReactText } from '~src/utils/getStringChildren';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { isReactNative, makeSize } from '~utils';\nimport { throwBladeError } from '~utils/logger';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype BadgeProps = {\n  /**\n   * Sets the label for the badge.\n   *\n   */\n  children: StringChildrenType;\n  /**\n   * Sets the color of the badge.\n   *\n   * @default 'neutral'\n   */\n  color?: FeedbackColors | 'primary';\n  /**\n   * Sets the contrast of the badge.\n   *\n   * @default 'subtle'\n   */\n  emphasis?: SubtleOrIntense;\n  /**\n   * Sets the size of the badge.\n   *\n   * @default 'medium'\n   */\n  size?: 'xsmall' | 'small' | 'medium' | 'large';\n  /**\n   * Icon to be displayed in the badge.\n   * Accepts a component of type `IconComponent` from Blade.\n   *\n   */\n  icon?: IconComponent;\n} & TestID &\n  StyledPropsBlade &\n  DataAnalyticsAttribute;\n\ntype ColorProps = {\n  iconColor: IconProps['color'];\n  textColor: BaseTextProps['color'];\n  backgroundColor: StyledBadgeProps['backgroundColor'];\n};\n\nconst getColorProps = ({\n  color,\n  emphasis,\n}: {\n  color: NonNullable<BadgeProps['color']>;\n  emphasis: NonNullable<BadgeProps['emphasis']>;\n}): ColorProps => {\n  const props: ColorProps = {\n    iconColor: 'feedback.icon.neutral.intense',\n    textColor: 'feedback.text.neutral.intense',\n    backgroundColor: 'feedback.background.neutral.subtle',\n  };\n\n  if (color === 'primary') {\n    // primary color badge\n    props.textColor =\n      emphasis === 'intense' ? `surface.text.staticWhite.normal` : `surface.text.primary.normal`;\n    props.iconColor =\n      emphasis === 'intense' ? `surface.icon.staticWhite.normal` : `surface.icon.primary.normal`;\n    props.backgroundColor = `surface.background.primary.${emphasis}`;\n  } else {\n    // feedback colors badge\n    props.textColor =\n      emphasis === 'intense' ? `surface.text.staticWhite.normal` : `feedback.text.${color}.intense`;\n    props.iconColor =\n      emphasis === 'intense' ? `surface.icon.staticWhite.normal` : `feedback.icon.${color}.intense`;\n    props.backgroundColor = `feedback.background.${color}.${emphasis}`;\n  }\n\n  return props;\n};\n\nconst _Badge = (\n  {\n    children,\n    emphasis = 'subtle',\n    icon: Icon,\n    size = 'medium',\n    color = 'neutral',\n    testID,\n    ...props\n  }: BadgeProps,\n  ref: React.Ref<BladeElementRef>,\n): ReactElement => {\n  const childrenString = getStringFromReactText(children);\n  if (__DEV__) {\n    if (!childrenString?.trim()) {\n      throwBladeError({\n        message: 'Text as children is required for Badge.',\n        moduleName: 'Badge',\n      });\n    }\n  }\n\n  const { backgroundColor, iconColor, textColor } = getColorProps({\n    color,\n    emphasis,\n  });\n\n  const badgeTextSizes = {\n    xsmall: {\n      variant: 'body',\n      size: 'xsmall',\n    },\n    small: {\n      variant: 'body',\n      size: 'xsmall',\n    },\n    medium: {\n      variant: 'body',\n      size: 'small',\n    },\n    large: {\n      variant: 'body',\n      size: 'small',\n    },\n  } as const;\n\n  return (\n    <BaseBox\n      ref={ref as never}\n      display={(isReactNative() ? 'flex' : 'inline-flex') as never}\n      {...metaAttribute({ name: MetaConstants.Badge, testID })}\n      {...getStyledProps(props)}\n      {...makeAnalyticsAttribute(props)}\n    >\n      <StyledBadge\n        height={makeSize(badgeHeight[size])}\n        backgroundColor={backgroundColor}\n        size={size}\n        textAlign={'left' as never}\n      >\n        <BaseBox\n          paddingX={horizontalPadding[size]}\n          display=\"flex\"\n          flexDirection=\"row\"\n          justifyContent=\"center\"\n          alignItems=\"center\"\n          overflow=\"hidden\"\n        >\n          {Icon ? (\n            <BaseBox display=\"flex\">\n              <Icon color={iconColor} size={iconSize[size]} />\n            </BaseBox>\n          ) : null}\n          <Text\n            {...badgeTextSizes[size]}\n            weight={emphasis === 'intense' ? 'regular' : 'medium'}\n            truncateAfterLines={1}\n            color={textColor}\n            marginX={textHorizontalMargin[size]}\n          >\n            {children}\n          </Text>\n        </BaseBox>\n      </StyledBadge>\n    </BaseBox>\n  );\n};\n\nconst Badge = assignWithoutSideEffects(React.forwardRef(_Badge), {\n  displayName: 'Badge',\n  componentId: 'Badge',\n});\n\nexport type { BadgeProps };\nexport { Badge };\n"],"names":["getColorProps","_ref","color","emphasis","props","iconColor","textColor","backgroundColor","_Badge","_ref2","ref","children","_ref2$emphasis","Icon","icon","_ref2$size","size","_ref2$color","testID","_objectWithoutProperties","_excluded","childrenString","getStringFromReactText","__DEV__","trim","throwBladeError","message","moduleName","_getColorProps","badgeTextSizes","xsmall","variant","small","medium","large","_jsx","BaseBox","Object","assign","display","isReactNative","metaAttribute","name","MetaConstants","Badge","getStyledProps","makeAnalyticsAttribute","StyledBadge","height","makeSize","badgeHeight","textAlign","_jsxs","paddingX","horizontalPadding","flexDirection","justifyContent","alignItems","overflow","iconSize","Text","weight","truncateAfterLines","marginX","textHorizontalMargin","assignWithoutSideEffects","React","forwardRef","displayName","componentId"],"mappings":"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"}
+{"version":3,"file":"Badge.js","sources":["../../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import React from 'react';\nimport type { ReactElement } from 'react';\nimport type { StyledBadgeProps } from './types';\nimport { StyledBadge } from './StyledBadge';\nimport { textHorizontalMargin, iconSize, horizontalPadding, badgeHeight } from './badgeTokens';\nimport type { IconComponent, IconProps } from '~components/Icons';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { FeedbackColors, SubtleOrIntense } from '~tokens/theme/theme';\nimport type { BaseTextProps } from '~components/Typography/BaseText/types';\nimport { Text } from '~components/Typography';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport type {\n  DataAnalyticsAttribute,\n  BladeElementRef,\n  StringChildrenType,\n  TestID,\n} from '~utils/types';\nimport { getStringFromReactText } from '~src/utils/getStringChildren';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { isReactNative, makeSize } from '~utils';\nimport { throwBladeError } from '~utils/logger';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { useTruncationTitle } from '~utils/useTruncationTitle';\n\ntype BadgeProps = {\n  /**\n   * Sets the label for the badge.\n   *\n   */\n  children: StringChildrenType;\n  /**\n   * Sets the color of the badge.\n   *\n   * @default 'neutral'\n   */\n  color?: FeedbackColors | 'primary';\n  /**\n   * Sets the contrast of the badge.\n   *\n   * @default 'subtle'\n   */\n  emphasis?: SubtleOrIntense;\n  /**\n   * Sets the size of the badge.\n   *\n   * @default 'medium'\n   */\n  size?: 'xsmall' | 'small' | 'medium' | 'large';\n  /**\n   * Icon to be displayed in the badge.\n   * Accepts a component of type `IconComponent` from Blade.\n   *\n   */\n  icon?: IconComponent;\n} & TestID &\n  StyledPropsBlade &\n  DataAnalyticsAttribute;\n\ntype ColorProps = {\n  iconColor: IconProps['color'];\n  textColor: BaseTextProps['color'];\n  backgroundColor: StyledBadgeProps['backgroundColor'];\n};\n\nconst getColorProps = ({\n  color,\n  emphasis,\n}: {\n  color: NonNullable<BadgeProps['color']>;\n  emphasis: NonNullable<BadgeProps['emphasis']>;\n}): ColorProps => {\n  const props: ColorProps = {\n    iconColor: 'feedback.icon.neutral.intense',\n    textColor: 'feedback.text.neutral.intense',\n    backgroundColor: 'feedback.background.neutral.subtle',\n  };\n\n  if (color === 'primary') {\n    // primary color badge\n    props.textColor =\n      emphasis === 'intense' ? `surface.text.staticWhite.normal` : `surface.text.primary.normal`;\n    props.iconColor =\n      emphasis === 'intense' ? `surface.icon.staticWhite.normal` : `surface.icon.primary.normal`;\n    props.backgroundColor = `surface.background.primary.${emphasis}`;\n  } else {\n    // feedback colors badge\n    props.textColor =\n      emphasis === 'intense' ? `surface.text.staticWhite.normal` : `feedback.text.${color}.intense`;\n    props.iconColor =\n      emphasis === 'intense' ? `surface.icon.staticWhite.normal` : `feedback.icon.${color}.intense`;\n    props.backgroundColor = `feedback.background.${color}.${emphasis}`;\n  }\n\n  return props;\n};\n\nconst _Badge = (\n  {\n    children,\n    emphasis = 'subtle',\n    icon: Icon,\n    size = 'medium',\n    color = 'neutral',\n    testID,\n    ...props\n  }: BadgeProps,\n  ref: React.Ref<BladeElementRef>,\n): ReactElement => {\n  const childrenString = getStringFromReactText(children);\n  if (__DEV__) {\n    if (!childrenString?.trim()) {\n      throwBladeError({\n        message: 'Text as children is required for Badge.',\n        moduleName: 'Badge',\n      });\n    }\n  }\n\n  const { backgroundColor, iconColor, textColor } = getColorProps({\n    color,\n    emphasis,\n  });\n\n  const { containerRef, textRef } = useTruncationTitle({\n    content: childrenString,\n  });\n\n  const badgeTextSizes = {\n    xsmall: {\n      variant: 'body',\n      size: 'xsmall',\n    },\n    small: {\n      variant: 'body',\n      size: 'xsmall',\n    },\n    medium: {\n      variant: 'body',\n      size: 'small',\n    },\n    large: {\n      variant: 'body',\n      size: 'small',\n    },\n  } as const;\n\n  return (\n    <BaseBox\n      ref={ref as never}\n      display={(isReactNative() ? 'flex' : 'inline-flex') as never}\n      {...metaAttribute({ name: MetaConstants.Badge, testID })}\n      {...getStyledProps(props)}\n      {...makeAnalyticsAttribute(props)}\n    >\n      <StyledBadge\n        height={makeSize(badgeHeight[size])}\n        backgroundColor={backgroundColor}\n        size={size}\n        textAlign={'left' as never}\n      >\n        <BaseBox\n          ref={containerRef as never}\n          paddingX={horizontalPadding[size]}\n          display=\"flex\"\n          flexDirection=\"row\"\n          justifyContent=\"center\"\n          alignItems=\"center\"\n          overflow=\"hidden\"\n        >\n          {Icon ? (\n            <BaseBox display=\"flex\">\n              <Icon color={iconColor} size={iconSize[size]} />\n            </BaseBox>\n          ) : null}\n          <Text\n            ref={textRef as never}\n            {...badgeTextSizes[size]}\n            weight={emphasis === 'intense' ? 'regular' : 'medium'}\n            truncateAfterLines={1}\n            color={textColor}\n            marginX={textHorizontalMargin[size]}\n          >\n            {children}\n          </Text>\n        </BaseBox>\n      </StyledBadge>\n    </BaseBox>\n  );\n};\n\nconst Badge = assignWithoutSideEffects(React.forwardRef(_Badge), {\n  displayName: 'Badge',\n  componentId: 'Badge',\n});\n\nexport type { BadgeProps };\nexport { Badge };\n"],"names":["this","getColorProps","_ref","color","emphasis","props","iconColor","textColor","backgroundColor","_Badge","_ref2","ref","children","_ref2$emphasis","Icon","icon","_ref2$size","size","_ref2$color","testID","_objectWithoutProperties","_excluded","childrenString","getStringFromReactText","__DEV__","trim","throwBladeError","message","moduleName","_getColorProps","_useTruncationTitle","useTruncationTitle","content","containerRef","textRef","badgeTextSizes","xsmall","variant","small","medium","large","_jsx","BaseBox","Object","assign","display","isReactNative","metaAttribute","name","MetaConstants","Badge","getStyledProps","makeAnalyticsAttribute","StyledBadge","height","makeSize","badgeHeight","textAlign","_jsxs","paddingX","horizontalPadding","flexDirection","justifyContent","alignItems","overflow","iconSize","Text","weight","truncateAfterLines","marginX","textHorizontalMargin","assignWithoutSideEffects","React","forwardRef","displayName","componentId"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAA,SAAA,CAAA,CAAA,UAAA,CAAA,UAAA,CAAA,MAAA,CAAA,MAAA,CAAA,OAAA,CAAA,QAAA,CAAA,CAAA,IAAA,KAAA,CAAAA,SAAA,CAAA,YAAA,CAAA,6EAAA,CAkEA,IAAMC,aAAa,CAAG,SAAhBA,aAAaA,CAAAC,IAAA,CAMD,KALhBC,KAAK,CAAAD,IAAA,CAALC,KAAK,CACLC,QAAQ,CAAAF,IAAA,CAARE,QAAQ,CAKR,IAAMC,KAAiB,CAAG,CACxBC,SAAS,CAAE,+BAA+B,CAC1CC,SAAS,CAAE,+BAA+B,CAC1CC,eAAe,CAAE,oCACnB,CAAC,CAED,GAAIL,KAAK,GAAK,SAAS,CAAE,CAEvBE,KAAK,CAACE,SAAS,CACbH,QAAQ,GAAK,SAAS,CAAG,CAAA,+BAAA,CAAiC,CAAG,CAA6B,2BAAA,CAAA,CAC5FC,KAAK,CAACC,SAAS,CACbF,QAAQ,GAAK,SAAS,CAAG,CAAiC,+BAAA,CAAA,CAAG,CAA6B,2BAAA,CAAA,CAC5FC,KAAK,CAACG,eAAe,CAAG,CAAA,2BAAA,EAA8BJ,QAAQ,CAAE,CAAA,CAClE,CAAC,KAAM,CAELC,KAAK,CAACE,SAAS,CACbH,QAAQ,GAAK,SAAS,CAAG,CAAA,+BAAA,CAAiC,CAAG,CAAiBD,cAAAA,EAAAA,KAAK,UAAU,CAC/FE,KAAK,CAACC,SAAS,CACbF,QAAQ,GAAK,SAAS,CAAG,CAAA,+BAAA,CAAiC,CAAG,CAAA,cAAA,EAAiBD,KAAK,CAAU,QAAA,CAAA,CAC/FE,KAAK,CAACG,eAAe,CAAG,CAAA,oBAAA,EAAuBL,KAAK,CAAA,CAAA,EAAIC,QAAQ,CAAE,CAAA,CACpE,CAEA,OAAOC,KAAK,CACd,CAAC,CAED,IAAMI,MAAM,CAAG,SAATA,MAAMA,CAAAC,KAAA,CAUVC,GAA+B,CACd,CATf,IAAAC,QAAQ,CAAAF,KAAA,CAARE,QAAQ,CAAAC,cAAA,CAAAH,KAAA,CACRN,QAAQ,CAARA,QAAQ,CAAAS,cAAA,GAAG,KAAA,CAAA,CAAA,QAAQ,CAAAA,cAAA,CACbC,IAAI,CAAAJ,KAAA,CAAVK,IAAI,CAAAC,UAAA,CAAAN,KAAA,CACJO,IAAI,CAAJA,IAAI,CAAAD,UAAA,UAAG,QAAQ,CAAAA,UAAA,CAAAE,WAAA,CAAAR,KAAA,CACfP,KAAK,CAALA,KAAK,CAAAe,WAAA,GAAG,KAAA,CAAA,CAAA,SAAS,CAAAA,WAAA,CACjBC,MAAM,CAAAT,KAAA,CAANS,MAAM,CACHd,KAAK,CAAAe,wBAAA,CAAAV,KAAA,CAAAW,SAAA,CAAA,CAIV,IAAMC,cAAc,CAAGC,sBAAsB,CAACX,QAAQ,CAAC,CACvD,GAAIY,OAAO,CAAE,CACX,GAAI,EAACF,cAAc,QAAdA,cAAc,CAAEG,IAAI,EAAE,CAAE,CAAA,CAC3BC,eAAe,CAAC,CACdC,OAAO,CAAE,yCAAyC,CAClDC,UAAU,CAAE,OACd,CAAC,CAAC,CACJ,CACF,CAEA,IAAAC,cAAA,CAAkD5B,aAAa,CAAC,CAC9DE,KAAK,CAALA,KAAK,CACLC,QAAQ,CAARA,QACF,CAAC,CAAC,CAHMI,eAAe,CAAAqB,cAAA,CAAfrB,eAAe,CAAEF,SAAS,CAAAuB,cAAA,CAATvB,SAAS,CAAEC,SAAS,CAAAsB,cAAA,CAATtB,SAAS,CAK7C,IAAAuB,mBAAA,CAAkCC,kBAAkB,CAAC,CACnDC,OAAO,CAAEV,cACX,CAAC,CAAC,CAFMW,YAAY,CAAAH,mBAAA,CAAZG,YAAY,CAAEC,OAAO,CAAAJ,mBAAA,CAAPI,OAAO,CAI7B,IAAMC,cAAc,CAAG,CACrBC,MAAM,CAAE,CACNC,OAAO,CAAE,MAAM,CACfpB,IAAI,CAAE,QACR,CAAC,CACDqB,KAAK,CAAE,CACLD,OAAO,CAAE,MAAM,CACfpB,IAAI,CAAE,QACR,CAAC,CACDsB,MAAM,CAAE,CACNF,OAAO,CAAE,MAAM,CACfpB,IAAI,CAAE,OACR,CAAC,CACDuB,KAAK,CAAE,CACLH,OAAO,CAAE,MAAM,CACfpB,IAAI,CAAE,OACR,CACF,CAAU,CAEV,OACEwB,GAAA,CAACC,OAAO,CAAAC,MAAA,CAAAC,MAAA,CACNjC,CAAAA,GAAG,CAAEA,GAAa,CAClBkC,OAAO,CAAGC,aAAa,EAAE,CAAG,MAAM,CAAG,aAAwB,CAAA,CACzDC,aAAa,CAAC,CAAEC,IAAI,CAAEC,aAAa,CAACC,KAAK,CAAE/B,MAAM,CAANA,MAAO,CAAC,CAAC,CACpDgC,cAAc,CAAC9C,KAAK,CAAC,CACrB+C,sBAAsB,CAAC/C,KAAK,CAAC,CAAA,CAAAO,QAAA,CAEjC6B,GAAA,CAACY,WAAW,EACVC,MAAM,CAAEC,QAAQ,CAACC,WAAW,CAACvC,IAAI,CAAC,CAAE,CACpCT,eAAe,CAAEA,eAAgB,CACjCS,IAAI,CAAEA,IAAK,CACXwC,SAAS,CAAE,MAAgB,CAAA7C,QAAA,CAE3B8C,IAAA,CAAChB,OAAO,CAAA,CACN/B,GAAG,CAAEsB,YAAsB,CAC3B0B,QAAQ,CAAEC,iBAAiB,CAAC3C,IAAI,CAAE,CAClC4B,OAAO,CAAC,MAAM,CACdgB,aAAa,CAAC,KAAK,CACnBC,cAAc,CAAC,QAAQ,CACvBC,UAAU,CAAC,QAAQ,CACnBC,QAAQ,CAAC,QAAQ,CAAApD,QAAA,CAAA,CAEhBE,IAAI,CACH2B,GAAA,CAACC,OAAO,EAACG,OAAO,CAAC,MAAM,CAAAjC,QAAA,CACrB6B,GAAA,CAAC3B,IAAI,EAACX,KAAK,CAAEG,SAAU,CAACW,IAAI,CAAEgD,QAAQ,CAAChD,IAAI,CAAE,CAAE,CAAC,CACzC,CAAC,CACR,IAAI,CACRwB,GAAA,CAACyB,IAAI,CAAAvB,MAAA,CAAAC,MAAA,CAAA,CACHjC,GAAG,CAAEuB,OAAiB,CAClBC,CAAAA,cAAc,CAAClB,IAAI,CAAC,CACxBkD,CAAAA,MAAM,CAAE/D,QAAQ,GAAK,SAAS,CAAG,SAAS,CAAG,QAAS,CACtDgE,kBAAkB,CAAE,CAAE,CACtBjE,KAAK,CAAEI,SAAU,CACjB8D,OAAO,CAAEC,oBAAoB,CAACrD,IAAI,CAAE,CAAAL,QAAA,CAEnCA,QAAQ,CACL,CAAA,CAAC,CACA,CAAA,CAAC,CACC,CAAC,CAAA,CACP,CAAC,CAEd,CAAC,CAEK,IAAAsC,KAAK,CAAGqB,wBAAwB,CAACC,cAAK,CAACC,UAAU,CAAChE,MAAM,CAAC,CAAE,CAC/DiE,WAAW,CAAE,OAAO,CACpBC,WAAW,CAAE,OACf,CAAC;;;;"}

package/build/lib/native/components/Badge/StyledBadge.native.js

@@ -1,8 +1,9 @@
 import styled from 'styled-components/native';
 import { getStyledBadgeStyles } from './getStyledBadgeStyles.js';
+import '../Box/BaseBox/index.js';
 import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
 
-var StyledBadge=styled(BaseBox)(function(props){return Object.assign({},getStyledBadgeStyles(props),{alignSelf:'center'});});
+var StyledBadge=styled(BaseBox)(function(props){return Object.assign({},getStyledBadgeStyles(props),{alignSelf:'center',justifyContent:'center',paddingBottom:0.5});});
 
 export { StyledBadge };
 //# sourceMappingURL=StyledBadge.native.js.map

package/build/lib/native/components/Badge/StyledBadge.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"StyledBadge.native.js","sources":["../../../../../src/components/Badge/StyledBadge.native.tsx"],"sourcesContent":["import styled from 'styled-components/native';\nimport { getStyledBadgeStyles } from './getStyledBadgeStyles';\nimport type { StyledBadgeProps } from './types';\nimport BaseBox from '~components/Box/BaseBox';\n\nconst StyledBadge = styled(BaseBox)<StyledBadgeProps>((props) => ({\n  ...getStyledBadgeStyles(props),\n  alignSelf: 'center',\n}));\n\nexport { StyledBadge };\n"],"names":["StyledBadge","styled","BaseBox","props","Object","assign","getStyledBadgeStyles","alignSelf"],"mappings":";;;;AAKM,IAAAA,WAAW,CAAGC,MAAM,CAACC,OAAO,CAAC,CAAmB,SAACC,KAAK,CAAAC,CAAAA,OAAAA,MAAA,CAAAC,MAAA,CAAA,EAAA,CACvDC,oBAAoB,CAACH,KAAK,CAAC,CAAA,CAC9BI,SAAS,CAAE,QAAQ,IACnB;;;;"}
+{"version":3,"file":"StyledBadge.native.js","sources":["../../../../../src/components/Badge/StyledBadge.native.tsx"],"sourcesContent":["import styled from 'styled-components/native';\nimport { getStyledBadgeStyles } from './getStyledBadgeStyles';\nimport type { StyledBadgeProps } from './types';\nimport BaseBox from '~components/Box/BaseBox';\n\nconst StyledBadge = styled(BaseBox)<StyledBadgeProps>((props) => ({\n  ...getStyledBadgeStyles(props),\n  alignSelf: 'center',\n  justifyContent: 'center',\n  // iOS adds extra lineHeight space above glyphs; paddingBottom shifts the flex-center\n  // reference upward by 0.5px to compensate, centering the visual text in the badge\n  paddingBottom: 0.5,\n}));\n\nexport { StyledBadge };\n"],"names":["StyledBadge","styled","BaseBox","props","Object","assign","getStyledBadgeStyles","alignSelf","justifyContent","paddingBottom"],"mappings":";;;;;AAKM,IAAAA,WAAW,CAAGC,MAAM,CAACC,OAAO,CAAC,CAAmB,SAACC,KAAK,CAAA,CAAA,OAAAC,MAAA,CAAAC,MAAA,IACvDC,oBAAoB,CAACH,KAAK,CAAC,CAAA,CAC9BI,SAAS,CAAE,QAAQ,CACnBC,cAAc,CAAE,QAAQ,CAGxBC,aAAa,CAAE,GAAG,CAClB,CAAA,CAAA,CAAA;;;;"}

package/build/lib/native/components/Badge/getStyledBadgeStyles.js

@@ -1,5 +1,6 @@
 import getIn from '../../utils/lodashButBetter/get.js';
-import { makeBorderSize } from '../../utils/makeBorderSize/makeBorderSize.js';
+import '../../utils/makeBorderSize/index.js';
+import { makeBorderSize } from '../../utils/makeBorderSize/makeBorderSize.native.js';
 
 var getStyledBadgeStyles=function getStyledBadgeStyles(_ref){var theme=_ref.theme,backgroundColor=_ref.backgroundColor;return {backgroundColor:getIn(theme.colors,backgroundColor),borderRadius:makeBorderSize(theme.border.radius.max),display:'flex',flexWrap:'nowrap'};};
 

package/build/lib/native/components/Badge/getStyledBadgeStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"getStyledBadgeStyles.js","sources":["../../../../../src/components/Badge/getStyledBadgeStyles.ts"],"sourcesContent":["import type { CSSObject } from 'styled-components';\nimport type { StyledBadgeProps } from './types';\nimport getIn from '~utils/lodashButBetter/get';\nimport { makeBorderSize } from '~utils/makeBorderSize';\n\nconst getStyledBadgeStyles = ({ theme, backgroundColor }: StyledBadgeProps): CSSObject => ({\n  backgroundColor: getIn(theme.colors, backgroundColor),\n  borderRadius: makeBorderSize(theme.border.radius.max),\n  display: 'flex',\n  flexWrap: 'nowrap',\n});\n\nexport { getStyledBadgeStyles };\n"],"names":["getStyledBadgeStyles","_ref","theme","backgroundColor","getIn","colors","borderRadius","makeBorderSize","border","radius","max","display","flexWrap"],"mappings":";;;AAKM,IAAAA,oBAAoB,CAAG,SAAvBA,oBAAoBA,CAAAC,IAAA,CAAM,CAAA,IAAAC,KAAK,CAAAD,IAAA,CAALC,KAAK,CAAEC,eAAe,CAAAF,IAAA,CAAfE,eAAe,CAAA,OAAqC,CACzFA,eAAe,CAAEC,KAAK,CAACF,KAAK,CAACG,MAAM,CAAEF,eAAe,CAAC,CACrDG,YAAY,CAAEC,cAAc,CAACL,KAAK,CAACM,MAAM,CAACC,MAAM,CAACC,GAAG,CAAC,CACrDC,OAAO,CAAE,MAAM,CACfC,QAAQ,CAAE,QACZ,CAAC,CAAC;;;;"}
+{"version":3,"file":"getStyledBadgeStyles.js","sources":["../../../../../src/components/Badge/getStyledBadgeStyles.ts"],"sourcesContent":["import type { CSSObject } from 'styled-components';\nimport type { StyledBadgeProps } from './types';\nimport getIn from '~utils/lodashButBetter/get';\nimport { makeBorderSize } from '~utils/makeBorderSize';\n\nconst getStyledBadgeStyles = ({ theme, backgroundColor }: StyledBadgeProps): CSSObject => ({\n  backgroundColor: getIn(theme.colors, backgroundColor),\n  borderRadius: makeBorderSize(theme.border.radius.max),\n  display: 'flex',\n  flexWrap: 'nowrap',\n});\n\nexport { getStyledBadgeStyles };\n"],"names":["getStyledBadgeStyles","_ref","theme","backgroundColor","getIn","colors","borderRadius","makeBorderSize","border","radius","max","display","flexWrap"],"mappings":";;;;AAKM,IAAAA,oBAAoB,CAAG,SAAvBA,oBAAoBA,CAAAC,IAAA,CAAM,CAAA,IAAAC,KAAK,CAAAD,IAAA,CAALC,KAAK,CAAEC,eAAe,CAAAF,IAAA,CAAfE,eAAe,CAAA,OAAqC,CACzFA,eAAe,CAAEC,KAAK,CAACF,KAAK,CAACG,MAAM,CAAEF,eAAe,CAAC,CACrDG,YAAY,CAAEC,cAAc,CAACL,KAAK,CAACM,MAAM,CAACC,MAAM,CAACC,GAAG,CAAC,CACrDC,OAAO,CAAE,MAAM,CACfC,QAAQ,CAAE,QACZ,CAAC,CAAC;;;;"}

package/build/lib/native/components/Badge/index.js

@@ -0,0 +1,2 @@
+export { Badge } from './Badge.js';
+//# sourceMappingURL=index.js.map

package/build/lib/native/components/Badge/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/lib/native/components/BaseHeaderFooter/BaseFooter.js

@@ -1,13 +1,20 @@
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import 'react';
+import '../Divider/index.js';
+import '../Box/BaseBox/index.js';
+import '../../utils/assignWithoutSideEffects/index.js';
+import '../../utils/metaAttribute/index.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
+import '../../utils/index.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { Divider } from '../Divider/Divider.js';
 import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
-import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.native.js';
 import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { getPlatformType } from '../../utils/getPlatformType/getPlatformType.js';
+import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
-var _excluded=["children","showDivider","metaComponentName","padding","testID"];var _BaseFooter=function _BaseFooter(_ref){var children=_ref.children,_ref$showDivider=_ref.showDivider,showDivider=_ref$showDivider===void 0?true:_ref$showDivider,metaComponentName=_ref.metaComponentName,padding=_ref.padding,testID=_ref.testID,rest=_objectWithoutProperties(_ref,_excluded);return jsxs(Fragment,{children:[showDivider&&jsx(Divider,{}),jsx(BaseBox,Object.assign({},metaAttribute({name:metaComponentName,testID:testID}),makeAnalyticsAttribute(rest),{padding:padding!=null?padding:{base:'spacing.5',m:'spacing.6'},children:children}))]});};var BaseFooter=assignWithoutSideEffects(_BaseFooter,{componentId:'BaseFooter'});
+var _excluded=["children","showDivider","metaComponentName","padding","testID"];var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/BaseHeaderFooter/BaseFooter.tsx";var _BaseFooter=function _BaseFooter(_ref){var children=_ref.children,_ref$showDivider=_ref.showDivider,showDivider=_ref$showDivider===void 0?true:_ref$showDivider,metaComponentName=_ref.metaComponentName,padding=_ref.padding,testID=_ref.testID,rest=_objectWithoutProperties(_ref,_excluded);return jsxs(Fragment,{children:[showDivider&&jsx(Divider,{}),jsx(BaseBox,Object.assign({},metaAttribute({name:metaComponentName,testID:testID}),makeAnalyticsAttribute(rest),{padding:padding!=null?padding:{base:'spacing.5',m:'spacing.6'},width:getPlatformType()==='react-native'?'100%':undefined,children:children}))]});};var BaseFooter=assignWithoutSideEffects(_BaseFooter,{componentId:'BaseFooter'});
 
 export { BaseFooter };
 //# sourceMappingURL=BaseFooter.js.map

package/build/lib/native/components/BaseHeaderFooter/BaseFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseFooter.js","sources":["../../../../../src/components/BaseHeaderFooter/BaseFooter.tsx"],"sourcesContent":["import React from 'react';\nimport { Divider } from '~components/Divider';\nimport BaseBox from '~components/Box/BaseBox';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { metaAttribute } from '~utils/metaAttribute';\nimport type { DataAnalyticsAttribute, TestID } from '~utils/types';\nimport type { BoxProps } from '~components/Box';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype BaseFooterProps = {\n  children: React.ReactNode;\n  metaComponentName?: string;\n  showDivider?: boolean;\n  padding?: BoxProps['padding'];\n} & TestID &\n  DataAnalyticsAttribute;\n\nconst _BaseFooter = ({\n  children,\n  showDivider = true,\n  metaComponentName,\n  padding,\n  testID,\n  ...rest\n}: BaseFooterProps): React.ReactElement => {\n  return (\n    <>\n      {showDivider && <Divider />}\n      <BaseBox\n        {...metaAttribute({ name: metaComponentName, testID })}\n        {...makeAnalyticsAttribute(rest)}\n        padding={padding ?? { base: 'spacing.5', m: 'spacing.6' }}\n      >\n        {children}\n      </BaseBox>\n    </>\n  );\n};\n\nconst BaseFooter = assignWithoutSideEffects(_BaseFooter, {\n  componentId: 'BaseFooter',\n});\n\nexport type { BaseFooterProps };\nexport { BaseFooter };\n"],"names":["_BaseFooter","_ref","children","_ref$showDivider","showDivider","metaComponentName","padding","testID","rest","_objectWithoutProperties","_excluded","_jsxs","_Fragment","_jsx","Divider","BaseBox","Object","assign","metaAttribute","name","makeAnalyticsAttribute","base","m","BaseFooter","assignWithoutSideEffects","componentId"],"mappings":";;;;;;;;;AAAA,IAAA,SAAA,CAAA,CAAA,UAAA,CAAA,aAAA,CAAA,mBAAA,CAAA,SAAA,CAAA,QAAA,CAAA,CAiBA,IAAMA,WAAW,CAAG,SAAdA,WAAWA,CAAAC,IAAA,CAO0B,CAAA,IANzCC,QAAQ,CAAAD,IAAA,CAARC,QAAQ,CAAAC,gBAAA,CAAAF,IAAA,CACRG,WAAW,CAAXA,WAAW,CAAAD,gBAAA,GAAA,KAAA,CAAA,CAAG,IAAI,CAAAA,gBAAA,CAClBE,iBAAiB,CAAAJ,IAAA,CAAjBI,iBAAiB,CACjBC,OAAO,CAAAL,IAAA,CAAPK,OAAO,CACPC,MAAM,CAAAN,IAAA,CAANM,MAAM,CACHC,IAAI,CAAAC,wBAAA,CAAAR,IAAA,CAAAS,SAAA,CAEP,CAAA,OACEC,IAAA,CAAAC,QAAA,CAAAV,CAAAA,QAAA,CACGE,CAAAA,WAAW,EAAIS,GAAA,CAACC,OAAO,CAAE,EAAA,CAAC,CAC3BD,GAAA,CAACE,OAAO,CAAAC,MAAA,CAAAC,MAAA,IACFC,aAAa,CAAC,CAAEC,IAAI,CAAEd,iBAAiB,CAAEE,MAAM,CAANA,MAAO,CAAC,CAAC,CAClDa,sBAAsB,CAACZ,IAAI,CAAC,CAChCF,CAAAA,OAAO,CAAEA,OAAO,EAAA,IAAA,CAAPA,OAAO,CAAI,CAAEe,IAAI,CAAE,WAAW,CAAEC,CAAC,CAAE,WAAY,CAAE,CAAApB,QAAA,CAEzDA,QAAQ,CACF,CAAA,CAAC,CACV,CAAA,CAAC,CAEP,CAAC,CAEK,IAAAqB,UAAU,CAAGC,wBAAwB,CAACxB,WAAW,CAAE,CACvDyB,WAAW,CAAE,YACf,CAAC;;;;"}
+{"version":3,"file":"BaseFooter.js","sources":["../../../../../src/components/BaseHeaderFooter/BaseFooter.tsx"],"sourcesContent":["import React from 'react';\nimport { Divider } from '~components/Divider';\nimport BaseBox from '~components/Box/BaseBox';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { metaAttribute } from '~utils/metaAttribute';\nimport type { DataAnalyticsAttribute, TestID } from '~utils/types';\nimport type { BoxProps } from '~components/Box';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { getPlatformType } from '~utils';\n\ntype BaseFooterProps = {\n  children: React.ReactNode;\n  metaComponentName?: string;\n  showDivider?: boolean;\n  padding?: BoxProps['padding'];\n} & TestID &\n  DataAnalyticsAttribute;\n\nconst _BaseFooter = ({\n  children,\n  showDivider = true,\n  metaComponentName,\n  padding,\n  testID,\n  ...rest\n}: BaseFooterProps): React.ReactElement => {\n  return (\n    <>\n      {showDivider && <Divider />}\n      <BaseBox\n        {...metaAttribute({ name: metaComponentName, testID })}\n        {...makeAnalyticsAttribute(rest)}\n        padding={padding ?? { base: 'spacing.5', m: 'spacing.6' }}\n        width={getPlatformType() === 'react-native' ? '100%' : undefined}\n      >\n        {children}\n      </BaseBox>\n    </>\n  );\n};\n\nconst BaseFooter = assignWithoutSideEffects(_BaseFooter, {\n  componentId: 'BaseFooter',\n});\n\nexport type { BaseFooterProps };\nexport { BaseFooter };\n"],"names":["_BaseFooter","_ref","children","_ref$showDivider","showDivider","metaComponentName","padding","testID","rest","_objectWithoutProperties","_excluded","_jsxs","_Fragment","_jsx","Divider","BaseBox","Object","assign","metaAttribute","name","makeAnalyticsAttribute","base","m","width","getPlatformType","undefined","BaseFooter","assignWithoutSideEffects","componentId"],"mappings":";;;;;;;;;;;;;;;;+MAkBA,IAAMA,WAAW,CAAG,SAAdA,WAAWA,CAAAC,IAAA,CAO0B,CANzC,IAAAC,QAAQ,CAAAD,IAAA,CAARC,QAAQ,CAAAC,gBAAA,CAAAF,IAAA,CACRG,WAAW,CAAXA,WAAW,CAAAD,gBAAA,UAAG,IAAI,CAAAA,gBAAA,CAClBE,iBAAiB,CAAAJ,IAAA,CAAjBI,iBAAiB,CACjBC,OAAO,CAAAL,IAAA,CAAPK,OAAO,CACPC,MAAM,CAAAN,IAAA,CAANM,MAAM,CACHC,IAAI,CAAAC,wBAAA,CAAAR,IAAA,CAAAS,SAAA,CAAA,CAEP,OACEC,IAAA,CAAAC,QAAA,CAAA,CAAAV,QAAA,CACGE,CAAAA,WAAW,EAAIS,GAAA,CAACC,OAAO,CAAE,EAAA,CAAC,CAC3BD,GAAA,CAACE,OAAO,CAAAC,MAAA,CAAAC,MAAA,CAAA,EAAA,CACFC,aAAa,CAAC,CAAEC,IAAI,CAAEd,iBAAiB,CAAEE,MAAM,CAANA,MAAO,CAAC,CAAC,CAClDa,sBAAsB,CAACZ,IAAI,CAAC,CAAA,CAChCF,OAAO,CAAEA,OAAO,EAAPA,IAAAA,CAAAA,OAAO,CAAI,CAAEe,IAAI,CAAE,WAAW,CAAEC,CAAC,CAAE,WAAY,CAAE,CAC1DC,KAAK,CAAEC,eAAe,EAAE,GAAK,cAAc,CAAG,MAAM,CAAGC,SAAU,CAAAvB,QAAA,CAEhEA,QAAQ,EACF,CAAC,CAAA,CACV,CAAC,CAEP,CAAC,CAEK,IAAAwB,UAAU,CAAGC,wBAAwB,CAAC3B,WAAW,CAAE,CACvD4B,WAAW,CAAE,YACf,CAAC;;;;"}