@razorpay/blade 12.68.0 → 12.89.0

package/build/lib/native/components/Button/BaseButton/getStyledBaseButtonStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"getStyledBaseButtonStyles.js","sources":["../../../../../../src/components/Button/BaseButton/getStyledBaseButtonStyles.ts"],"sourcesContent":["import type { CSSObject } from 'styled-components';\nimport type { StyledBaseButtonProps } from './types';\n\nconst getBaseButtonStyles = ({\n  defaultBorderColor,\n  minHeight,\n  buttonPaddingTop,\n  buttonPaddingBottom,\n  buttonPaddingLeft,\n  buttonPaddingRight,\n  defaultBackgroundColor,\n  disabled,\n  isFullWidth,\n  borderWidth,\n  borderRadius,\n  height,\n  width = 'auto',\n}: Omit<\n  StyledBaseButtonProps,\n  'children' | 'onClick' | 'accessibilityProps' | 'accessibilityLabel'\n>): CSSObject => ({\n  minHeight,\n  height,\n  width: isFullWidth ? '100%' : width,\n  cursor: disabled ? 'not-allowed' : 'pointer',\n  backgroundColor: defaultBackgroundColor,\n  borderColor: defaultBorderColor,\n  borderWidth,\n  borderRadius,\n  borderStyle: 'solid',\n  paddingTop: buttonPaddingTop,\n  paddingBottom: buttonPaddingBottom,\n  paddingLeft: buttonPaddingLeft,\n  paddingRight: buttonPaddingRight,\n  justifyContent: 'center',\n  alignItems: 'center',\n  textDecoration: 'none',\n  overflow: 'hidden',\n});\n\nexport default getBaseButtonStyles;\n"],"names":["getBaseButtonStyles","_ref","defaultBorderColor","minHeight","buttonPaddingTop","buttonPaddingBottom","buttonPaddingLeft","buttonPaddingRight","defaultBackgroundColor","disabled","isFullWidth","borderWidth","borderRadius","height","_ref$width","width","cursor","backgroundColor","borderColor","borderStyle","paddingTop","paddingBottom","paddingLeft","paddingRight","justifyContent","alignItems","textDecoration","overflow"],"mappings":"AAGM,IAAAA,mBAAmB,CAAG,SAAtBA,mBAAmBA,CAAAC,IAAA,CAAA,CAAA,IACvBC,kBAAkB,CAAAD,IAAA,CAAlBC,kBAAkB,CAClBC,SAAS,CAAAF,IAAA,CAATE,SAAS,CACTC,gBAAgB,CAAAH,IAAA,CAAhBG,gBAAgB,CAChBC,mBAAmB,CAAAJ,IAAA,CAAnBI,mBAAmB,CACnBC,iBAAiB,CAAAL,IAAA,CAAjBK,iBAAiB,CACjBC,kBAAkB,CAAAN,IAAA,CAAlBM,kBAAkB,CAClBC,sBAAsB,CAAAP,IAAA,CAAtBO,sBAAsB,CACtBC,QAAQ,CAAAR,IAAA,CAARQ,QAAQ,CACRC,WAAW,CAAAT,IAAA,CAAXS,WAAW,CACXC,WAAW,CAAAV,IAAA,CAAXU,WAAW,CACXC,YAAY,CAAAX,IAAA,CAAZW,YAAY,CACZC,MAAM,CAAAZ,IAAA,CAANY,MAAM,CAAAC,UAAA,CAAAb,IAAA,CACNc,KAAK,CAALA,KAAK,CAAAD,UAAA,GAAG,KAAA,CAAA,CAAA,MAAM,CAAAA,UAAA,CAAA,OAIE,CAChBX,SAAS,CAATA,SAAS,CACTU,MAAM,CAANA,MAAM,CACNE,KAAK,CAAEL,WAAW,CAAG,MAAM,CAAGK,KAAK,CACnCC,MAAM,CAAEP,QAAQ,CAAG,aAAa,CAAG,SAAS,CAC5CQ,eAAe,CAAET,sBAAsB,CACvCU,WAAW,CAAEhB,kBAAkB,CAC/BS,WAAW,CAAXA,WAAW,CACXC,YAAY,CAAZA,YAAY,CACZO,WAAW,CAAE,OAAO,CACpBC,UAAU,CAAEhB,gBAAgB,CAC5BiB,aAAa,CAAEhB,mBAAmB,CAClCiB,WAAW,CAAEhB,iBAAiB,CAC9BiB,YAAY,CAAEhB,kBAAkB,CAChCiB,cAAc,CAAE,QAAQ,CACxBC,UAAU,CAAE,QAAQ,CACpBC,cAAc,CAAE,MAAM,CACtBC,QAAQ,CAAE,QACZ,CAAC;;;;"}
+{"version":3,"file":"getStyledBaseButtonStyles.js","sources":["../../../../../../src/components/Button/BaseButton/getStyledBaseButtonStyles.ts"],"sourcesContent":["import type { CSSObject } from 'styled-components';\nimport type { StyledBaseButtonProps } from './types';\n\nconst getBaseButtonStyles = ({\n  minHeight,\n  buttonPaddingTop,\n  buttonPaddingBottom,\n  buttonPaddingLeft,\n  buttonPaddingRight,\n  defaultBackgroundColor,\n  defaultBoxShadow,\n  disabled,\n  isFullWidth,\n  borderRadius,\n  height,\n  width = 'auto',\n}: Omit<\n  StyledBaseButtonProps,\n  'children' | 'onClick' | 'accessibilityProps' | 'accessibilityLabel'\n>): CSSObject => ({\n  minHeight,\n  height,\n  width: isFullWidth ? '100%' : width,\n  cursor: disabled ? 'not-allowed' : 'pointer',\n  backgroundColor: defaultBackgroundColor,\n  border: 'none',\n  borderRadius,\n  boxShadow: defaultBoxShadow,\n  paddingTop: buttonPaddingTop,\n  paddingBottom: buttonPaddingBottom,\n  paddingLeft: buttonPaddingLeft,\n  paddingRight: buttonPaddingRight,\n  justifyContent: 'center',\n  alignItems: 'center',\n  textDecoration: 'none',\n  overflow: 'hidden',\n});\n\nexport default getBaseButtonStyles;\n"],"names":["getBaseButtonStyles","_ref","minHeight","buttonPaddingTop","buttonPaddingBottom","buttonPaddingLeft","buttonPaddingRight","defaultBackgroundColor","defaultBoxShadow","disabled","isFullWidth","borderRadius","height","_ref$width","width","cursor","backgroundColor","border","boxShadow","paddingTop","paddingBottom","paddingLeft","paddingRight","justifyContent","alignItems","textDecoration","overflow"],"mappings":"AAGM,IAAAA,mBAAmB,CAAG,SAAtBA,mBAAmBA,CAAAC,IAAA,CACvB,CAAA,IAAAC,SAAS,CAAAD,IAAA,CAATC,SAAS,CACTC,gBAAgB,CAAAF,IAAA,CAAhBE,gBAAgB,CAChBC,mBAAmB,CAAAH,IAAA,CAAnBG,mBAAmB,CACnBC,iBAAiB,CAAAJ,IAAA,CAAjBI,iBAAiB,CACjBC,kBAAkB,CAAAL,IAAA,CAAlBK,kBAAkB,CAClBC,sBAAsB,CAAAN,IAAA,CAAtBM,sBAAsB,CACtBC,gBAAgB,CAAAP,IAAA,CAAhBO,gBAAgB,CAChBC,QAAQ,CAAAR,IAAA,CAARQ,QAAQ,CACRC,WAAW,CAAAT,IAAA,CAAXS,WAAW,CACXC,YAAY,CAAAV,IAAA,CAAZU,YAAY,CACZC,MAAM,CAAAX,IAAA,CAANW,MAAM,CAAAC,UAAA,CAAAZ,IAAA,CACNa,KAAK,CAALA,KAAK,CAAAD,UAAA,UAAG,MAAM,CAAAA,UAAA,CAAA,OAIE,CAChBX,SAAS,CAATA,SAAS,CACTU,MAAM,CAANA,MAAM,CACNE,KAAK,CAAEJ,WAAW,CAAG,MAAM,CAAGI,KAAK,CACnCC,MAAM,CAAEN,QAAQ,CAAG,aAAa,CAAG,SAAS,CAC5CO,eAAe,CAAET,sBAAsB,CACvCU,MAAM,CAAE,MAAM,CACdN,YAAY,CAAZA,YAAY,CACZO,SAAS,CAAEV,gBAAgB,CAC3BW,UAAU,CAAEhB,gBAAgB,CAC5BiB,aAAa,CAAEhB,mBAAmB,CAClCiB,WAAW,CAAEhB,iBAAiB,CAC9BiB,YAAY,CAAEhB,kBAAkB,CAChCiB,cAAc,CAAE,QAAQ,CACxBC,UAAU,CAAE,QAAQ,CACpBC,cAAc,CAAE,MAAM,CACtBC,QAAQ,CAAE,QACZ,CAAC;;;;"}

package/build/lib/native/components/Button/IconButton/StyledIconButton.native.js

@@ -4,6 +4,8 @@ import styled from 'styled-components/native';
 import { makeAccessible } from '../../../utils/makeAccessible/makeAccessible.native.js';
 import 'react-native';
 import { castNativeType } from '../../../utils/platform/castUtils.js';
+import '../../../tokens/global/typography.js';
+import '../../../tokens/global/motion.js';
 import '../../BladeProvider/useTheme.js';
 import { jsx } from 'react/jsx-runtime';
 

package/build/lib/native/components/Button/IconButton/StyledIconButton.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"StyledIconButton.native.js","sources":["../../../../../../src/components/Button/IconButton/StyledIconButton.native.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable react/display-name */\nimport React, { useState } from 'react';\nimport styled from 'styled-components/native';\n\nimport type { View } from 'react-native';\nimport type { StyledIconButtonProps } from './types';\nimport type { Emphasis, SubtleOrIntense } from '~tokens/theme/theme';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport type { BladeCommonEvents } from '~components/types';\nimport { castNativeType } from '~utils';\n\ntype IconColorStates = keyof Pick<Emphasis, 'muted' | 'subtle' | 'disabled'>;\ntype EmphasisIconColorsType = 'staticWhite' | 'gray';\ntype IconColorToken = `interactive.icon.${EmphasisIconColorsType}.${IconColorStates}`;\n\ntype StyledPressableProps = {\n  emphasis: SubtleOrIntense;\n} & BladeCommonEvents;\n\nconst StyledPressable = styled.Pressable<StyledPressableProps>({\n  alignSelf: 'center', // ensure button only takes needed width\n});\n\nconst StyledIconButton = React.forwardRef<View, StyledIconButtonProps>(\n  (\n    {\n      icon: Icon,\n      isDisabled,\n      onClick,\n      onBlur,\n      onFocus,\n      onMouseLeave,\n      onMouseMove,\n      onPointerDown,\n      onPointerEnter,\n      onTouchEnd,\n      onTouchStart,\n      size,\n      emphasis,\n      accessibilityLabel,\n      accessibilityProps,\n    },\n    ref,\n  ) => {\n    const [isPressed, setIsPressed] = useState(false);\n    const getIconColorToken = (): IconColorToken => {\n      const emphasisColor = emphasis === 'intense' ? 'gray' : 'staticWhite';\n\n      if (isDisabled) {\n        return `interactive.icon.${emphasisColor}.disabled`;\n      }\n\n      const state = isPressed ? 'subtle' : 'muted';\n\n      return `interactive.icon.${emphasisColor}.${state}`;\n    };\n    const iconColorToken = getIconColorToken();\n\n    return (\n      <StyledPressable\n        ref={ref as any}\n        emphasis={emphasis}\n        onPress={castNativeType(onClick)}\n        disabled={isDisabled}\n        onPressIn={() => setIsPressed(true)}\n        onPressOut={() => setIsPressed(false)}\n        onBlur={onBlur}\n        onFocus={onFocus}\n        onMouseLeave={onMouseLeave}\n        onMouseMove={onMouseMove}\n        onPointerDown={onPointerDown}\n        onPointerEnter={onPointerEnter}\n        onTouchEnd={onTouchEnd}\n        onTouchStart={onTouchStart}\n        {...makeAccessible({\n          ...accessibilityProps,\n          label: accessibilityLabel ?? accessibilityProps?.label,\n          role: accessibilityProps?.role ?? 'button',\n        })}\n      >\n        <Icon size={size} color={iconColorToken} />\n      </StyledPressable>\n    );\n  },\n);\n\nexport default StyledIconButton;\n"],"names":["StyledPressable","styled","Pressable","alignSelf","StyledIconButton","React","forwardRef","_ref","ref","_accessibilityProps$r","Icon","icon","isDisabled","onClick","onBlur","onFocus","onMouseLeave","onMouseMove","onPointerDown","onPointerEnter","onTouchEnd","onTouchStart","size","emphasis","accessibilityLabel","accessibilityProps","_useState","useState","_useState2","_slicedToArray","isPressed","setIsPressed","getIconColorToken","emphasisColor","state","iconColorToken","_jsx","Object","assign","onPress","castNativeType","disabled","onPressIn","onPressOut","makeAccessible","label","role","children","color"],"mappings":";;;;;;;;;AAoBA,IAAMA,eAAe,CAAGC,MAAM,CAACC,SAAS,CAAuB,CAC7DC,SAAS,CAAE,QACb,CAAC,CAAC,CAEI,IAAAC,gBAAgB,CAAGC,cAAK,CAACC,UAAU,CACvC,SAAAC,IAAA,CAkBEC,GAAG,CACA,KAAAC,qBAAA,CAAA,IAjBKC,IAAI,CAAAH,IAAA,CAAVI,IAAI,CACJC,UAAU,CAAAL,IAAA,CAAVK,UAAU,CACVC,OAAO,CAAAN,IAAA,CAAPM,OAAO,CACPC,MAAM,CAAAP,IAAA,CAANO,MAAM,CACNC,OAAO,CAAAR,IAAA,CAAPQ,OAAO,CACPC,YAAY,CAAAT,IAAA,CAAZS,YAAY,CACZC,WAAW,CAAAV,IAAA,CAAXU,WAAW,CACXC,aAAa,CAAAX,IAAA,CAAbW,aAAa,CACbC,cAAc,CAAAZ,IAAA,CAAdY,cAAc,CACdC,UAAU,CAAAb,IAAA,CAAVa,UAAU,CACVC,YAAY,CAAAd,IAAA,CAAZc,YAAY,CACZC,IAAI,CAAAf,IAAA,CAAJe,IAAI,CACJC,QAAQ,CAAAhB,IAAA,CAARgB,QAAQ,CACRC,kBAAkB,CAAAjB,IAAA,CAAlBiB,kBAAkB,CAClBC,kBAAkB,CAAAlB,IAAA,CAAlBkB,kBAAkB,CAIpB,IAAAC,SAAA,CAAkCC,QAAQ,CAAC,KAAK,CAAC,CAAAC,UAAA,CAAAC,cAAA,CAAAH,SAAA,CAA1CI,CAAAA,CAAAA,CAAAA,SAAS,CAAAF,UAAA,CAAA,CAAA,CAAA,CAAEG,YAAY,CAAAH,UAAA,IAC9B,IAAMI,iBAAiB,CAAG,SAApBA,iBAAiBA,EAAyB,CAC9C,IAAMC,aAAa,CAAGV,QAAQ,GAAK,SAAS,CAAG,MAAM,CAAG,aAAa,CAErE,GAAIX,UAAU,CAAE,CACd,OAAO,CAAA,iBAAA,EAAoBqB,aAAa,CAAW,SAAA,CAAA,CACrD,CAEA,IAAMC,KAAK,CAAGJ,SAAS,CAAG,QAAQ,CAAG,OAAO,CAE5C,OAAO,oBAAoBG,aAAa,CAAA,CAAA,EAAIC,KAAK,CAAE,CAAA,CACrD,CAAC,CACD,IAAMC,cAAc,CAAGH,iBAAiB,EAAE,CAE1C,OACEI,GAAA,CAACpC,eAAe,CAAAqC,MAAA,CAAAC,MAAA,CAAA,CACd9B,GAAG,CAAEA,GAAW,CAChBe,QAAQ,CAAEA,QAAS,CACnBgB,OAAO,CAAEC,cAAc,CAAC3B,OAAO,CAAE,CACjC4B,QAAQ,CAAE7B,UAAW,CACrB8B,SAAS,CAAE,SAAAA,SAAA,EAAA,CAAA,OAAMX,YAAY,CAAC,IAAI,CAAC,CAAA,CAAC,CACpCY,UAAU,CAAE,SAAAA,UAAA,EAAA,CAAA,OAAMZ,YAAY,CAAC,KAAK,CAAC,CAAA,CAAC,CACtCjB,MAAM,CAAEA,MAAO,CACfC,OAAO,CAAEA,OAAQ,CACjBC,YAAY,CAAEA,YAAa,CAC3BC,WAAW,CAAEA,WAAY,CACzBC,aAAa,CAAEA,aAAc,CAC7BC,cAAc,CAAEA,cAAe,CAC/BC,UAAU,CAAEA,UAAW,CACvBC,YAAY,CAAEA,YAAa,EACvBuB,cAAc,CAAAP,MAAA,CAAAC,MAAA,IACbb,kBAAkB,CAAA,CACrBoB,KAAK,CAAErB,kBAAkB,OAAlBA,kBAAkB,CAAIC,kBAAkB,EAAA,IAAA,CAAA,KAAA,CAAA,CAAlBA,kBAAkB,CAAEoB,KAAK,CACtDC,IAAI,CAAA,CAAArC,qBAAA,CAAEgB,kBAAkB,cAAlBA,kBAAkB,CAAEqB,IAAI,GAAArC,IAAAA,CAAAA,qBAAA,CAAI,QAAQ,CAAA,CAC3C,CAAC,CAAAsC,CAAAA,QAAA,CAEFX,GAAA,CAAC1B,IAAI,CAACY,CAAAA,IAAI,CAAEA,IAAK,CAAC0B,KAAK,CAAEb,cAAe,CAAE,CAAC,CAAA,CAC5B,CAAC,CAEtB,CACF;;;;"}
+{"version":3,"file":"StyledIconButton.native.js","sources":["../../../../../../src/components/Button/IconButton/StyledIconButton.native.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable react/display-name */\nimport React, { useState } from 'react';\nimport styled from 'styled-components/native';\n\nimport type { View } from 'react-native';\nimport type { StyledIconButtonProps } from './types';\nimport type { Emphasis, SubtleOrIntense } from '~tokens/theme/theme';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport type { BladeCommonEvents } from '~components/types';\nimport { castNativeType } from '~utils';\n\ntype IconColorStates = keyof Pick<Emphasis, 'muted' | 'subtle' | 'disabled'>;\ntype EmphasisIconColorsType = 'staticWhite' | 'gray';\ntype IconColorToken = `interactive.icon.${EmphasisIconColorsType}.${IconColorStates}`;\n\ntype StyledPressableProps = {\n  emphasis: SubtleOrIntense;\n} & BladeCommonEvents;\n\nconst StyledPressable = styled.Pressable<StyledPressableProps>({\n  alignSelf: 'center', // ensure button only takes needed width\n});\n\nconst StyledIconButton = React.forwardRef<View, StyledIconButtonProps>(\n  (\n    {\n      icon: Icon,\n      isDisabled,\n      onClick,\n      onBlur,\n      onFocus,\n      onMouseLeave,\n      onMouseMove,\n      onPointerDown,\n      onPointerEnter,\n      onTouchEnd,\n      onTouchStart,\n      size,\n      emphasis,\n      accessibilityLabel,\n      accessibilityProps,\n    },\n    ref,\n  ) => {\n    const [isPressed, setIsPressed] = useState(false);\n    const getIconColorToken = (): IconColorToken => {\n      const emphasisColor = emphasis === 'intense' ? 'gray' : 'staticWhite';\n\n      if (isDisabled) {\n        return `interactive.icon.${emphasisColor}.disabled`;\n      }\n\n      const state = isPressed ? 'subtle' : 'muted';\n\n      return `interactive.icon.${emphasisColor}.${state}`;\n    };\n    const iconColorToken = getIconColorToken();\n\n    return (\n      <StyledPressable\n        ref={ref as any}\n        emphasis={emphasis}\n        onPress={castNativeType(onClick)}\n        disabled={isDisabled}\n        onPressIn={() => setIsPressed(true)}\n        onPressOut={() => setIsPressed(false)}\n        onBlur={onBlur}\n        onFocus={onFocus}\n        onMouseLeave={onMouseLeave}\n        onMouseMove={onMouseMove}\n        onPointerDown={onPointerDown}\n        onPointerEnter={onPointerEnter}\n        onTouchEnd={onTouchEnd}\n        onTouchStart={onTouchStart}\n        {...makeAccessible({\n          ...accessibilityProps,\n          label: accessibilityLabel ?? accessibilityProps?.label,\n          role: accessibilityProps?.role ?? 'button',\n        })}\n      >\n        <Icon size={size} color={iconColorToken} />\n      </StyledPressable>\n    );\n  },\n);\n\nexport default StyledIconButton;\n"],"names":["StyledPressable","styled","Pressable","alignSelf","StyledIconButton","React","forwardRef","_ref","ref","_accessibilityProps$r","Icon","icon","isDisabled","onClick","onBlur","onFocus","onMouseLeave","onMouseMove","onPointerDown","onPointerEnter","onTouchEnd","onTouchStart","size","emphasis","accessibilityLabel","accessibilityProps","_useState","useState","_useState2","_slicedToArray","isPressed","setIsPressed","getIconColorToken","emphasisColor","state","iconColorToken","_jsx","Object","assign","onPress","castNativeType","disabled","onPressIn","onPressOut","makeAccessible","label","role","children","color"],"mappings":"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"}

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

@@ -14,7 +14,7 @@ import 'react-native';
 import '../../tokens/global/typography.js';
 import '../../tokens/global/motion.js';
 import { isReactNative } from '../../utils/platform/isReactNative.js';
-import '../BladeProvider/useTheme.js';
+import useTheme from '../BladeProvider/useTheme.js';
 import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 import { makeAccessible } from '../../utils/makeAccessible/makeAccessible.native.js';
 import { useVerifyAllowedChildren } from '../../utils/useVerifyAllowedChildren/useVerifyAllowedChildren.js';
@@ -23,7 +23,7 @@ import { useCheckboxGroupContext } from '../Checkbox/CheckboxGroup/CheckboxGroup
 import { useRadioGroupContext } from '../Radio/RadioGroup/RadioContext.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
-var _excluded=["children","backgroundColor","borderRadius","elevation","testID","padding","width","height","minHeight","minWidth","maxWidth","onClick","isSelected","accessibilityLabel","shouldScaleOnHover","onHover","href","target","rel","as","size","cursor"],_excluded2=["height","children","testID"];var ComponentIds={CardHeader:'CardHeader',CardHeaderTrailing:'CardHeaderTrailing',CardHeaderLeading:'CardHeaderLeading',CardFooter:'CardFooter',CardFooterTrailing:'CardFooterTrailing',CardFooterLeading:'CardFooterLeading',CardBody:'CardBody',CardHeaderIcon:'CardHeaderIcon',CardHeaderCounter:'CardHeaderCounter',CardHeaderBadge:'CardHeaderBadge',CardHeaderAmount:'CardHeaderAmount',CardHeaderText:'CardHeaderText',CardHeaderLink:'CardHeaderLink',CardHeaderIconButton:'CardHeaderIconButton'};var _Card=function _Card(_ref,ref){var children=_ref.children,_ref$backgroundColor=_ref.backgroundColor,backgroundColor=_ref$backgroundColor===void 0?'surface.background.gray.intense':_ref$backgroundColor,_ref$borderRadius=_ref.borderRadius,borderRadius=_ref$borderRadius===void 0?'medium':_ref$borderRadius,_ref$elevation=_ref.elevation,elevation=_ref$elevation===void 0?'lowRaised':_ref$elevation,testID=_ref.testID,_ref$padding=_ref.padding,padding=_ref$padding===void 0?'spacing.7':_ref$padding,width=_ref.width,height=_ref.height,minHeight=_ref.minHeight,minWidth=_ref.minWidth,maxWidth=_ref.maxWidth,onClick=_ref.onClick,_ref$isSelected=_ref.isSelected,isSelected=_ref$isSelected===void 0?false:_ref$isSelected,accessibilityLabel=_ref.accessibilityLabel,_ref$shouldScaleOnHov=_ref.shouldScaleOnHover,shouldScaleOnHover=_ref$shouldScaleOnHov===void 0?false:_ref$shouldScaleOnHov,onHover=_ref.onHover,href=_ref.href,target=_ref.target,rel=_ref.rel,as=_ref.as,_ref$size=_ref.size,size=_ref$size===void 0?'large':_ref$size,cursor=_ref.cursor,rest=_objectWithoutProperties(_ref,_excluded);var _React$useState=React__default.useState(false),_React$useState2=_slicedToArray(_React$useState,2),isFocused=_React$useState2[0],setIsFocused=_React$useState2[1];useVerifyAllowedChildren({children:children,componentName:'Card',allowedComponents:[ComponentIds.CardHeader,ComponentIds.CardBody,ComponentIds.CardFooter]});var linkOverlayProps=Object.assign({},metaAttribute({name:CARD_LINK_OVERLAY_ID}),makeAccessible({label:accessibilityLabel,pressed:href?undefined:isSelected}),{onFocus:function onFocus(){setIsFocused(true);},onBlur:function onBlur(){setIsFocused(false);}});var defaultRel=target&&target==='_blank'?'noreferrer noopener':undefined;var checkboxGroupProps=useCheckboxGroupContext();var radioGroupProps=useRadioGroupContext();var getGroupProps=function getGroupProps(){if(Object.keys(checkboxGroupProps).length>0)return checkboxGroupProps;if(Object.keys(radioGroupProps).length>0)return radioGroupProps;return undefined;};var groupProps=getGroupProps();var _validationState=groupProps==null?void 0:groupProps.validationState;return jsx(CardProvider,{size:size,children:jsx(CardRoot,Object.assign({as:as,ref:ref,display:'block',borderRadius:borderRadius,onMouseEnter:onHover,shouldScaleOnHover:shouldScaleOnHover,isSelected:isSelected,isFocused:isFocused,onClick:isReactNative()?onClick:undefined,width:width,height:height,minHeight:minHeight,minWidth:minWidth,maxWidth:maxWidth,href:href,accessibilityLabel:accessibilityLabel,validationState:_validationState,cursor:isReactNative()?undefined:cursor},metaAttribute({name:MetaConstants.Card,testID:testID}),getStyledProps(rest),makeAnalyticsAttribute(rest),{children:jsxs(CardSurface,{height:height,minHeight:minHeight,padding:padding,borderRadius:borderRadius,elevation:elevation,textAlign:'left',backgroundColor:backgroundColor,children:[href?jsx(LinkOverlay,Object.assign({onClick:onClick,href:href,target:target,rel:rel!=null?rel:defaultRel},linkOverlayProps)):null,!href&&onClick?jsx(LinkOverlay,Object.assign({as:"button",onClick:onClick},linkOverlayProps)):null,children]})}))});};var _CardBody=function _CardBody(_ref2){var height=_ref2.height,children=_ref2.children,testID=_ref2.testID,rest=_objectWithoutProperties(_ref2,_excluded2);useVerifyInsideCard('CardBody');return jsx(BaseBox,Object.assign({},metaAttribute({name:MetaConstants.CardBody,testID:testID}),makeAnalyticsAttribute(rest),{height:height,children:children}));};var Card=React__default.forwardRef(_Card);var CardBody=assignWithoutSideEffects(_CardBody,{componentId:ComponentIds.CardBody});
+var _excluded=["children","backgroundColor","borderRadius","elevation","testID","padding","width","height","minHeight","minWidth","maxWidth","onClick","isSelected","accessibilityLabel","shouldScaleOnHover","onHover","href","target","rel","as","size","cursor","opacity","transition","flexShrink"],_excluded2=["height","children","testID"];var ComponentIds={CardHeader:'CardHeader',CardHeaderTrailing:'CardHeaderTrailing',CardHeaderLeading:'CardHeaderLeading',CardFooter:'CardFooter',CardFooterTrailing:'CardFooterTrailing',CardFooterLeading:'CardFooterLeading',CardBody:'CardBody',CardHeaderIcon:'CardHeaderIcon',CardHeaderCounter:'CardHeaderCounter',CardHeaderBadge:'CardHeaderBadge',CardHeaderAmount:'CardHeaderAmount',CardHeaderText:'CardHeaderText',CardHeaderLink:'CardHeaderLink',CardHeaderIconButton:'CardHeaderIconButton'};var _Card=function _Card(_ref,ref){var children=_ref.children;_ref.backgroundColor;_ref.borderRadius;_ref.elevation;var testID=_ref.testID,_ref$padding=_ref.padding,padding=_ref$padding===void 0?'spacing.7':_ref$padding,width=_ref.width,height=_ref.height,minHeight=_ref.minHeight,minWidth=_ref.minWidth,maxWidth=_ref.maxWidth,onClick=_ref.onClick,_ref$isSelected=_ref.isSelected,isSelected=_ref$isSelected===void 0?false:_ref$isSelected,accessibilityLabel=_ref.accessibilityLabel,_ref$shouldScaleOnHov=_ref.shouldScaleOnHover,shouldScaleOnHover=_ref$shouldScaleOnHov===void 0?false:_ref$shouldScaleOnHov,onHover=_ref.onHover,href=_ref.href,target=_ref.target,rel=_ref.rel,as=_ref.as,_ref$size=_ref.size,size=_ref$size===void 0?'large':_ref$size,cursor=_ref.cursor,opacity=_ref.opacity,transition=_ref.transition,flexShrink=_ref.flexShrink,rest=_objectWithoutProperties(_ref,_excluded);var _React$useState=React__default.useState(false),_React$useState2=_slicedToArray(_React$useState,2),isFocused=_React$useState2[0],setIsFocused=_React$useState2[1];var _useTheme=useTheme(),colorScheme=_useTheme.colorScheme;useVerifyAllowedChildren({children:children,componentName:'Card',allowedComponents:[ComponentIds.CardHeader,ComponentIds.CardBody,ComponentIds.CardFooter]});var linkOverlayProps=Object.assign({},metaAttribute({name:CARD_LINK_OVERLAY_ID}),makeAccessible({label:accessibilityLabel,pressed:href?undefined:isSelected}),{onFocus:function onFocus(){setIsFocused(true);},onBlur:function onBlur(){setIsFocused(false);}});var defaultRel=target&&target==='_blank'?'noreferrer noopener':undefined;var checkboxGroupProps=useCheckboxGroupContext();var radioGroupProps=useRadioGroupContext();var getGroupProps=function getGroupProps(){if(Object.keys(checkboxGroupProps).length>0)return checkboxGroupProps;if(Object.keys(radioGroupProps).length>0)return radioGroupProps;return undefined;};var groupProps=getGroupProps();var _validationState=groupProps==null?void 0:groupProps.validationState;return jsx(CardProvider,{size:size,children:jsx(CardRoot,Object.assign({as:as,ref:ref,display:'block',borderRadius:"medium",onMouseEnter:onHover,shouldScaleOnHover:shouldScaleOnHover,isSelected:isSelected,isFocused:isFocused,onClick:isReactNative()?onClick:undefined,width:width,height:height,minHeight:minHeight,minWidth:minWidth,maxWidth:maxWidth,href:href,accessibilityLabel:accessibilityLabel,validationState:_validationState,cursor:isReactNative()?undefined:cursor,opacity:opacity,transition:transition,flexShrink:flexShrink},metaAttribute({name:MetaConstants.Card,testID:testID}),getStyledProps(rest),makeAnalyticsAttribute(rest),{children:jsxs(CardSurface,{height:height,minHeight:minHeight,padding:padding,borderRadius:"medium",textAlign:'left',backgroundColor:"surface.background.gray.intense",colorScheme:colorScheme,isSelected:isSelected,children:[href?jsx(LinkOverlay,Object.assign({onClick:onClick,href:href,target:target,rel:rel!=null?rel:defaultRel},linkOverlayProps)):null,!href&&onClick?jsx(LinkOverlay,Object.assign({as:"button",onClick:onClick},linkOverlayProps)):null,children]})}))});};var _CardBody=function _CardBody(_ref2){var height=_ref2.height,children=_ref2.children,testID=_ref2.testID,rest=_objectWithoutProperties(_ref2,_excluded2);useVerifyInsideCard('CardBody');return jsx(BaseBox,Object.assign({},metaAttribute({name:MetaConstants.CardBody,testID:testID}),makeAnalyticsAttribute(rest),{height:height,children:children}));};var Card=React__default.forwardRef(_Card);var CardBody=assignWithoutSideEffects(_CardBody,{componentId:ComponentIds.CardBody});
 
 export { Card, CardBody, ComponentIds };
 //# sourceMappingURL=Card.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Card.js","sources":["../../../../../src/components/Card/Card.tsx"],"sourcesContent":["import React from 'react';\nimport type { GestureResponderEvent } from 'react-native';\nimport type { CSSObject } from 'styled-components';\nimport { CardSurface } from './CardSurface';\nimport { CardProvider, useVerifyInsideCard } from './CardContext';\nimport { LinkOverlay } from './LinkOverlay';\nimport { CardRoot } from './CardRoot';\nimport type { CardSpacingValueType, LinkOverlayProps } from './types';\nimport { CARD_LINK_OVERLAY_ID } from './constants';\nimport BaseBox from '~components/Box/BaseBox';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport type { DataAnalyticsAttribute, BladeElementRef, TestID } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport type { Elevation } from '~tokens/global';\nimport type { BoxProps } from '~components/Box';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { useVerifyAllowedChildren } from '~utils/useVerifyAllowedChildren/useVerifyAllowedChildren';\nimport type { Platform } from '~utils';\nimport { isReactNative } from '~utils';\nimport type { Theme } from '~components/BladeProvider';\nimport type { DotNotationToken } from '~utils/lodashButBetter/get';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { useCheckboxGroupContext } from '~components/Checkbox/CheckboxGroup/CheckboxGroupContext';\nimport { useRadioGroupContext } from '~components/Radio/RadioGroup/RadioContext';\nimport type { CheckboxGroupContextType } from '~components/Checkbox/CheckboxGroup/CheckboxGroupContext';\nimport type { RadioGroupContextType } from '~components/Radio/RadioGroup/RadioContext';\n\nexport const ComponentIds = {\n  CardHeader: 'CardHeader',\n  CardHeaderTrailing: 'CardHeaderTrailing',\n  CardHeaderLeading: 'CardHeaderLeading',\n  CardFooter: 'CardFooter',\n  CardFooterTrailing: 'CardFooterTrailing',\n  CardFooterLeading: 'CardFooterLeading',\n  CardBody: 'CardBody',\n  CardHeaderIcon: 'CardHeaderIcon',\n  CardHeaderCounter: 'CardHeaderCounter',\n  CardHeaderBadge: 'CardHeaderBadge',\n  CardHeaderAmount: 'CardHeaderAmount',\n  CardHeaderText: 'CardHeaderText',\n  CardHeaderLink: 'CardHeaderLink',\n  CardHeaderIconButton: 'CardHeaderIconButton',\n};\n\ntype CardSurfaceBackgroundColors = `surface.background.gray.${DotNotationToken<\n  Theme['colors']['surface']['background']['gray']\n>}`;\n\nexport type CardProps = {\n  /**\n   * Card contents\n   */\n  children: React.ReactNode;\n  /**\n   * Sets the background color of the Card\n   *\n   * @default `surface.background.gray.intense`\n   */\n  backgroundColor?: CardSurfaceBackgroundColors;\n  /**\n   * Sets the border radius of the Card\n   *\n   * @default `medium`\n   */\n  borderRadius?: Extract<BoxProps['borderRadius'], 'medium' | 'large' | 'xlarge'>;\n  /**\n   * Sets the elevation for Cards\n   *\n   * eg: `theme.elevation.midRaised`\n   *\n   * @default `theme.elevation.lowRaised`\n   *\n   * **Links:**\n   * - Docs: https://blade.razorpay.com/?path=/docs/tokens-elevation--docs\n   */\n  elevation?: keyof Elevation;\n  /**\n   * Sets the padding equally on all sides. Only few `spacing` tokens are allowed deliberately\n   * @default `spacing.7`\n   *\n   * **Links:**\n   * - Docs: https://blade.razorpay.com/?path=/docs/tokens-spacing--docs\n   */\n  padding?: CardSpacingValueType;\n  /**\n   * Sets the width of the card\n   */\n  width?: BoxProps['width'];\n  /**\n   * Sets the height of the card\n   */\n  height?: BoxProps['height'];\n  /**\n   * Sets minimum height of the card\n   */\n  minHeight?: BoxProps['minHeight'];\n  /**\n   * Sets minimum width of the card\n   */\n  minWidth?: BoxProps['minWidth'];\n  /**\n   * Sets maximum width of the card\n   */\n  maxWidth?: BoxProps['maxWidth'];\n  /**\n   * If `true`, the card will be in selected state\n   * Card will have a primary color border around it.\n   *\n   * @default false\n   */\n  isSelected?: boolean;\n  /**\n   * Makes the Card linkable by setting the `href` prop\n   *\n   * @default undefined\n   */\n  href?: string;\n  /**\n   * Sets the `target` attribute for the linkable card\n   */\n  target?: string;\n  /**\n   * Sets the `rel` attribute for the linkable card\n   */\n  rel?: string;\n  /**\n   * Sets the accessibility label for the card\n   * This is useful when the card has an `href` or `onClick` prop\n   * Setting this will announce the label when the card is focused\n   */\n  accessibilityLabel?: string;\n  /**\n   * If `true`, the card will scale up on hover\n   *\n   * On mobile devices it will scale down on press\n   *\n   * **This prop is deprecated in favour of motion presets released in v12**\n   *\n   * ### Migration\n   *\n   * ```diff\n   * - <Card\n   * -  shouldScaleOnHover\n   * - />\n   *\n   * + <Scale motionTriggers={['hover']}>\n   * +   <Card />\n   * + </Scale>\n   * ```\n   *\n   * @default false\n   *\n   * @deprecated This prop is deprecated in favour of motion presets released in v12\n   */\n  shouldScaleOnHover?: boolean;\n  /**\n   * Callback triggered when the card is hovered\n   */\n  onHover?: () => void;\n  /**\n   * Sets the size of the card header title\n   *\n   * @default 'large'\n   */\n  size?: 'large' | 'medium';\n  /**\n   * Callback triggered when the card is clicked\n   */\n  onClick?: (\n    event: Platform.Select<{\n      web: React.MouseEvent;\n      native: GestureResponderEvent;\n    }>,\n  ) => void;\n  /**\n   * Sets the HTML element for the Card\n   *\n   * When `as` is set to `label`, the card will be rendered as a label element\n   * This can be used to create a custom checkbox or radio button using the card\n   *\n   * @default undefined\n   */\n  as?: 'label';\n  cursor?: Platform.Select<{\n    web: CSSObject['cursor'];\n    native: undefined;\n  }>;\n} & TestID &\n  DataAnalyticsAttribute &\n  StyledPropsBlade;\n\nconst _Card: React.ForwardRefRenderFunction<BladeElementRef, CardProps> = (\n  {\n    children,\n    backgroundColor = 'surface.background.gray.intense',\n    borderRadius = 'medium',\n    elevation = 'lowRaised',\n    testID,\n    padding = 'spacing.7',\n    width,\n    height,\n    minHeight,\n    minWidth,\n    maxWidth,\n    onClick,\n    isSelected = false,\n    accessibilityLabel,\n    shouldScaleOnHover = false,\n    onHover,\n    href,\n    target,\n    rel,\n    as,\n    size = 'large',\n    cursor,\n    ...rest\n  },\n  ref,\n): React.ReactElement => {\n  const [isFocused, setIsFocused] = React.useState(false);\n\n  useVerifyAllowedChildren({\n    children,\n    componentName: 'Card',\n    allowedComponents: [ComponentIds.CardHeader, ComponentIds.CardBody, ComponentIds.CardFooter],\n  });\n\n  const linkOverlayProps: LinkOverlayProps = {\n    ...metaAttribute({ name: CARD_LINK_OVERLAY_ID }),\n    ...makeAccessible({ label: accessibilityLabel, pressed: href ? undefined : isSelected }),\n    onFocus: () => {\n      setIsFocused(true);\n    },\n    onBlur: () => {\n      setIsFocused(false);\n    },\n  };\n  const defaultRel = target && target === '_blank' ? 'noreferrer noopener' : undefined;\n\n  const checkboxGroupProps = useCheckboxGroupContext();\n  const radioGroupProps = useRadioGroupContext();\n\n  const getGroupProps = (): CheckboxGroupContextType | RadioGroupContextType | undefined => {\n    if (Object.keys(checkboxGroupProps).length > 0) return checkboxGroupProps;\n    if (Object.keys(radioGroupProps).length > 0) return radioGroupProps;\n    return undefined;\n  };\n\n  const groupProps = getGroupProps();\n\n  const _validationState = groupProps?.validationState;\n\n  return (\n    <CardProvider size={size}>\n      <CardRoot\n        as={as}\n        ref={ref as never}\n        display={'block' as never}\n        borderRadius={borderRadius}\n        onMouseEnter={onHover as never}\n        shouldScaleOnHover={shouldScaleOnHover}\n        isSelected={isSelected}\n        isFocused={isFocused}\n        // on react native we need to pass onClick to root, because we don't need the LinkOverlay in RN\n        onClick={isReactNative() ? onClick : undefined}\n        width={width}\n        height={height}\n        minHeight={minHeight}\n        minWidth={minWidth}\n        maxWidth={maxWidth}\n        href={href}\n        accessibilityLabel={accessibilityLabel}\n        validationState={_validationState}\n        cursor={isReactNative() ? undefined : cursor}\n        {...metaAttribute({ name: MetaConstants.Card, testID })}\n        {...getStyledProps(rest)}\n        {...makeAnalyticsAttribute(rest)}\n      >\n        <CardSurface\n          height={height}\n          minHeight={minHeight}\n          padding={padding}\n          borderRadius={borderRadius}\n          elevation={elevation}\n          textAlign={'left' as never}\n          backgroundColor={backgroundColor}\n        >\n          {href ? (\n            <LinkOverlay\n              onClick={onClick}\n              href={href}\n              target={target}\n              rel={rel ?? defaultRel}\n              {...linkOverlayProps}\n            />\n          ) : null}\n          {!href && onClick ? (\n            <LinkOverlay as=\"button\" onClick={onClick} {...linkOverlayProps} />\n          ) : null}\n          {children}\n        </CardSurface>\n      </CardRoot>\n    </CardProvider>\n  );\n};\n\ntype CardBodyProps = {\n  children: React.ReactNode;\n  height?: BoxProps['height'];\n} & TestID &\n  DataAnalyticsAttribute;\n\nconst _CardBody = ({ height, children, testID, ...rest }: CardBodyProps): React.ReactElement => {\n  useVerifyInsideCard('CardBody');\n\n  return (\n    <BaseBox\n      {...metaAttribute({ name: MetaConstants.CardBody, testID })}\n      {...makeAnalyticsAttribute(rest)}\n      height={height}\n    >\n      {children}\n    </BaseBox>\n  );\n};\n\nconst Card = React.forwardRef(_Card);\nconst CardBody = assignWithoutSideEffects(_CardBody, { componentId: ComponentIds.CardBody });\n\nexport { Card, CardBody };\n"],"names":["ComponentIds","CardHeader","CardHeaderTrailing","CardHeaderLeading","CardFooter","CardFooterTrailing","CardFooterLeading","CardBody","CardHeaderIcon","CardHeaderCounter","CardHeaderBadge","CardHeaderAmount","CardHeaderText","CardHeaderLink","CardHeaderIconButton","_Card","_ref","ref","children","_ref$backgroundColor","backgroundColor","_ref$borderRadius","borderRadius","_ref$elevation","elevation","testID","_ref$padding","padding","width","height","minHeight","minWidth","maxWidth","onClick","_ref$isSelected","isSelected","accessibilityLabel","_ref$shouldScaleOnHov","shouldScaleOnHover","onHover","href","target","rel","as","_ref$size","size","cursor","rest","_objectWithoutProperties","_excluded","_React$useState","React","useState","_React$useState2","_slicedToArray","isFocused","setIsFocused","useVerifyAllowedChildren","componentName","allowedComponents","linkOverlayProps","Object","assign","metaAttribute","name","CARD_LINK_OVERLAY_ID","makeAccessible","label","pressed","undefined","onFocus","onBlur","defaultRel","checkboxGroupProps","useCheckboxGroupContext","radioGroupProps","useRadioGroupContext","getGroupProps","keys","length","groupProps","_validationState","validationState","_jsx","CardProvider","CardRoot","display","onMouseEnter","isReactNative","MetaConstants","Card","getStyledProps","makeAnalyticsAttribute","_jsxs","CardSurface","textAlign","LinkOverlay","_CardBody","_ref2","_excluded2","useVerifyInsideCard","BaseBox","forwardRef","assignWithoutSideEffects","componentId"],"mappings":"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"}
+{"version":3,"file":"Card.js","sources":["../../../../../src/components/Card/Card.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\nimport React from 'react';\nimport type { GestureResponderEvent } from 'react-native';\nimport type { CSSObject } from 'styled-components';\nimport { CardSurface } from './CardSurface';\nimport { CardProvider, useVerifyInsideCard } from './CardContext';\nimport { LinkOverlay } from './LinkOverlay';\nimport { CardRoot } from './CardRoot';\nimport type { CardSpacingValueType, LinkOverlayProps } from './types';\nimport { CARD_LINK_OVERLAY_ID } from './constants';\nimport BaseBox from '~components/Box/BaseBox';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport type { DataAnalyticsAttribute, BladeElementRef, TestID } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport type { Elevation } from '~tokens/global';\nimport type { BoxProps } from '~components/Box';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { useVerifyAllowedChildren } from '~utils/useVerifyAllowedChildren/useVerifyAllowedChildren';\nimport type { Platform } from '~utils';\nimport { isReactNative, useTheme } from '~utils';\nimport type { Theme } from '~components/BladeProvider';\nimport type { DotNotationToken } from '~utils/lodashButBetter/get';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { useCheckboxGroupContext } from '~components/Checkbox/CheckboxGroup/CheckboxGroupContext';\nimport { useRadioGroupContext } from '~components/Radio/RadioGroup/RadioContext';\nimport type { CheckboxGroupContextType } from '~components/Checkbox/CheckboxGroup/CheckboxGroupContext';\nimport type { RadioGroupContextType } from '~components/Radio/RadioGroup/RadioContext';\n\nexport const ComponentIds = {\n  CardHeader: 'CardHeader',\n  CardHeaderTrailing: 'CardHeaderTrailing',\n  CardHeaderLeading: 'CardHeaderLeading',\n  CardFooter: 'CardFooter',\n  CardFooterTrailing: 'CardFooterTrailing',\n  CardFooterLeading: 'CardFooterLeading',\n  CardBody: 'CardBody',\n  CardHeaderIcon: 'CardHeaderIcon',\n  CardHeaderCounter: 'CardHeaderCounter',\n  CardHeaderBadge: 'CardHeaderBadge',\n  CardHeaderAmount: 'CardHeaderAmount',\n  CardHeaderText: 'CardHeaderText',\n  CardHeaderLink: 'CardHeaderLink',\n  CardHeaderIconButton: 'CardHeaderIconButton',\n};\n\ntype CardSurfaceBackgroundColors = `surface.background.gray.${DotNotationToken<\n  Theme['colors']['surface']['background']['gray']\n>}`;\n\nexport type CardProps = {\n  /**\n   * Card contents\n   */\n  children: React.ReactNode;\n  /**\n   * Sets the background color of the Card\n   *\n   * @default `surface.background.gray.intense`\n   *\n   * @deprecated The `backgroundColor` prop is deprecated and is a no-op. The Card always uses `surface.background.gray.intense`. This prop will be removed in a future major version.\n   */\n  backgroundColor?: CardSurfaceBackgroundColors;\n  /**\n   * Sets the border radius of the Card\n   *\n   * @default `medium`\n   *\n   * @deprecated The `borderRadius` prop is deprecated and is a no-op. The Card always uses `medium` borderRadius. This prop will be removed in a future major version.\n   */\n  borderRadius?: Extract<BoxProps['borderRadius'], 'medium' | 'large' | 'xlarge'>;\n  /**\n   * Sets the elevation for Cards\n   *\n   * **Links:**\n   * - Docs: https://blade.razorpay.com/?path=/docs/tokens-elevation--docs\n   *\n   * @deprecated The `elevation` prop is deprecated and is a no-op. The Card always uses a custom elevation. This prop will be removed in a future major version.\n   */\n  elevation?: keyof Elevation;\n  /**\n   * Sets the padding equally on all sides. Only few `spacing` tokens are allowed deliberately\n   * @default `spacing.7`\n   *\n   * **Links:**\n   * - Docs: https://blade.razorpay.com/?path=/docs/tokens-spacing--docs\n   */\n  padding?: CardSpacingValueType;\n  /**\n   * Sets the width of the card\n   */\n  width?: BoxProps['width'];\n  /**\n   * Sets the height of the card\n   */\n  height?: BoxProps['height'];\n  /**\n   * Sets minimum height of the card\n   */\n  minHeight?: BoxProps['minHeight'];\n  /**\n   * Sets minimum width of the card\n   */\n  minWidth?: BoxProps['minWidth'];\n  /**\n   * Sets maximum width of the card\n   */\n  maxWidth?: BoxProps['maxWidth'];\n  /**\n   * If `true`, the card will be in selected state\n   * Card will have a primary color border around it.\n   *\n   * @default false\n   */\n  isSelected?: boolean;\n  /**\n   * Makes the Card linkable by setting the `href` prop\n   *\n   * @default undefined\n   */\n  href?: string;\n  /**\n   * Sets the `target` attribute for the linkable card\n   */\n  target?: string;\n  /**\n   * Sets the `rel` attribute for the linkable card\n   */\n  rel?: string;\n  /**\n   * Sets the accessibility label for the card\n   * This is useful when the card has an `href` or `onClick` prop\n   * Setting this will announce the label when the card is focused\n   */\n  accessibilityLabel?: string;\n  /**\n   * If `true`, the card will scale up on hover\n   *\n   * On mobile devices it will scale down on press\n   *\n   * **This prop is deprecated in favour of motion presets released in v12**\n   *\n   * ### Migration\n   *\n   * ```diff\n   * - <Card\n   * -  shouldScaleOnHover\n   * - />\n   *\n   * + <Scale motionTriggers={['hover']}>\n   * +   <Card />\n   * + </Scale>\n   * ```\n   *\n   * @default false\n   *\n   * @deprecated This prop is deprecated in favour of motion presets released in v12\n   */\n  shouldScaleOnHover?: boolean;\n  /**\n   * Callback triggered when the card is hovered\n   */\n  onHover?: () => void;\n  /**\n   * Sets the size of the card header title\n   *\n   * @default 'large'\n   */\n  size?: 'large' | 'medium';\n  /**\n   * Callback triggered when the card is clicked\n   */\n  onClick?: (\n    event: Platform.Select<{\n      web: React.MouseEvent;\n      native: GestureResponderEvent;\n    }>,\n  ) => void;\n  /**\n   * Sets the HTML element for the Card\n   *\n   * When `as` is set to `label`, the card will be rendered as a label element\n   * This can be used to create a custom checkbox or radio button using the card\n   *\n   * @default undefined\n   */\n  as?: 'label';\n  cursor?: Platform.Select<{\n    web: CSSObject['cursor'];\n    native: undefined;\n  }>;\n  opacity?: BoxProps['opacity'];\n  transition?: BoxProps['transition'];\n  flexShrink?: BoxProps['flexShrink'];\n} & TestID &\n  DataAnalyticsAttribute &\n  StyledPropsBlade;\n\nconst _Card: React.ForwardRefRenderFunction<BladeElementRef, CardProps> = (\n  {\n    children,\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    backgroundColor,\n    borderRadius = 'medium',\n    elevation = 'lowRaised',\n    testID,\n    padding = 'spacing.7',\n    width,\n    height,\n    minHeight,\n    minWidth,\n    maxWidth,\n    onClick,\n    isSelected = false,\n    accessibilityLabel,\n    shouldScaleOnHover = false,\n    onHover,\n    href,\n    target,\n    rel,\n    as,\n    size = 'large',\n    cursor,\n    opacity,\n    transition,\n    flexShrink,\n    ...rest\n  },\n  ref,\n): React.ReactElement => {\n  const [isFocused, setIsFocused] = React.useState(false);\n  const { colorScheme } = useTheme();\n\n  useVerifyAllowedChildren({\n    children,\n    componentName: 'Card',\n    allowedComponents: [ComponentIds.CardHeader, ComponentIds.CardBody, ComponentIds.CardFooter],\n  });\n\n  const linkOverlayProps: LinkOverlayProps = {\n    ...metaAttribute({ name: CARD_LINK_OVERLAY_ID }),\n    ...makeAccessible({ label: accessibilityLabel, pressed: href ? undefined : isSelected }),\n    onFocus: () => {\n      setIsFocused(true);\n    },\n    onBlur: () => {\n      setIsFocused(false);\n    },\n  };\n  const defaultRel = target && target === '_blank' ? 'noreferrer noopener' : undefined;\n\n  const checkboxGroupProps = useCheckboxGroupContext();\n  const radioGroupProps = useRadioGroupContext();\n\n  const getGroupProps = (): CheckboxGroupContextType | RadioGroupContextType | undefined => {\n    if (Object.keys(checkboxGroupProps).length > 0) return checkboxGroupProps;\n    if (Object.keys(radioGroupProps).length > 0) return radioGroupProps;\n    return undefined;\n  };\n\n  const groupProps = getGroupProps();\n\n  const _validationState = groupProps?.validationState;\n\n  return (\n    <CardProvider size={size}>\n      <CardRoot\n        as={as}\n        ref={ref as never}\n        display={'block' as never}\n        borderRadius=\"medium\"\n        onMouseEnter={onHover as never}\n        shouldScaleOnHover={shouldScaleOnHover}\n        isSelected={isSelected}\n        isFocused={isFocused}\n        // on react native we need to pass onClick to root, because we don't need the LinkOverlay in RN\n        onClick={isReactNative() ? onClick : undefined}\n        width={width}\n        height={height}\n        minHeight={minHeight}\n        minWidth={minWidth}\n        maxWidth={maxWidth}\n        href={href}\n        accessibilityLabel={accessibilityLabel}\n        validationState={_validationState}\n        cursor={isReactNative() ? undefined : cursor}\n        opacity={opacity}\n        transition={transition}\n        flexShrink={flexShrink}\n        {...metaAttribute({ name: MetaConstants.Card, testID })}\n        {...getStyledProps(rest)}\n        {...makeAnalyticsAttribute(rest)}\n      >\n        <CardSurface\n          height={height}\n          minHeight={minHeight}\n          padding={padding}\n          borderRadius=\"medium\"\n          textAlign={'left' as never}\n          backgroundColor=\"surface.background.gray.intense\"\n          colorScheme={colorScheme}\n          isSelected={isSelected}\n        >\n          {href ? (\n            <LinkOverlay\n              onClick={onClick}\n              href={href}\n              target={target}\n              rel={rel ?? defaultRel}\n              {...linkOverlayProps}\n            />\n          ) : null}\n          {!href && onClick ? (\n            <LinkOverlay as=\"button\" onClick={onClick} {...linkOverlayProps} />\n          ) : null}\n          {children}\n        </CardSurface>\n      </CardRoot>\n    </CardProvider>\n  );\n};\n\ntype CardBodyProps = {\n  children: React.ReactNode;\n  height?: BoxProps['height'];\n} & TestID &\n  DataAnalyticsAttribute;\n\nconst _CardBody = ({ height, children, testID, ...rest }: CardBodyProps): React.ReactElement => {\n  useVerifyInsideCard('CardBody');\n\n  return (\n    <BaseBox\n      {...metaAttribute({ name: MetaConstants.CardBody, testID })}\n      {...makeAnalyticsAttribute(rest)}\n      height={height}\n    >\n      {children}\n    </BaseBox>\n  );\n};\n\nconst Card = React.forwardRef(_Card);\nconst CardBody = assignWithoutSideEffects(_CardBody, { componentId: ComponentIds.CardBody });\n\nexport { Card, CardBody };\n"],"names":["ComponentIds","CardHeader","CardHeaderTrailing","CardHeaderLeading","CardFooter","CardFooterTrailing","CardFooterLeading","CardBody","CardHeaderIcon","CardHeaderCounter","CardHeaderBadge","CardHeaderAmount","CardHeaderText","CardHeaderLink","CardHeaderIconButton","_Card","_ref","ref","children","backgroundColor","borderRadius","elevation","testID","_ref$padding","padding","width","height","minHeight","minWidth","maxWidth","onClick","_ref$isSelected","isSelected","accessibilityLabel","_ref$shouldScaleOnHov","shouldScaleOnHover","onHover","href","target","rel","as","_ref$size","size","cursor","opacity","transition","flexShrink","rest","_objectWithoutProperties","_excluded","_React$useState","React","useState","_React$useState2","_slicedToArray","isFocused","setIsFocused","_useTheme","useTheme","colorScheme","useVerifyAllowedChildren","componentName","allowedComponents","linkOverlayProps","Object","assign","metaAttribute","name","CARD_LINK_OVERLAY_ID","makeAccessible","label","pressed","undefined","onFocus","onBlur","defaultRel","checkboxGroupProps","useCheckboxGroupContext","radioGroupProps","useRadioGroupContext","getGroupProps","keys","length","groupProps","_validationState","validationState","_jsx","CardProvider","CardRoot","display","onMouseEnter","isReactNative","MetaConstants","Card","getStyledProps","makeAnalyticsAttribute","_jsxs","CardSurface","textAlign","LinkOverlay","_CardBody","_ref2","_excluded2","useVerifyInsideCard","BaseBox","forwardRef","assignWithoutSideEffects","componentId"],"mappings":"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"}

package/build/lib/native/components/Card/CardRoot.native.js

@@ -10,6 +10,8 @@ import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
 import { logger } from '../../utils/logger/logger.js';
 import { castNativeType } from '../../utils/platform/castUtils.js';
 import { makeMotionTime } from '../../utils/makeMotionTime/makeMotionTime.native.js';
+import '../../tokens/global/typography.js';
+import '../../tokens/global/motion.js';
 import useTheme from '../BladeProvider/useTheme.js';
 import '@gorhom/portal';
 import 'react-native-gesture-handler';

package/build/lib/native/components/Card/CardRoot.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardRoot.native.js","sources":["../../../../../src/components/Card/CardRoot.native.tsx"],"sourcesContent":["import React from 'react';\nimport { Linking, Pressable } from 'react-native';\nimport Animated, { useAnimatedStyle, withTiming } from 'react-native-reanimated';\nimport styled from 'styled-components';\nimport type { CardRootProps } from './types';\nimport { CARD_SCALE_DOWN_VALUE } from './constants';\nimport BaseBox from '~components/Box/BaseBox';\nimport { castNativeType, makeMotionTime } from '~utils';\nimport { useTheme } from '~components/BladeProvider';\nimport { logger } from '~utils/logger';\nimport { makeAccessible } from '~utils/makeAccessible/makeAccessible.native';\nimport type { BladeElementRef } from '~utils/types';\n\nconst StyledCardRoot = styled(BaseBox)<CardRootProps>(({ isSelected, ...props }) => {\n  const selectedColor = isSelected\n    ? props.theme.colors.surface.border.primary.normal\n    : 'transparent';\n  return {\n    border: `${props.theme.border.width.thicker}px solid ${selectedColor}`,\n  };\n});\n\nconst AnimatedPressable = Animated.createAnimatedComponent(Pressable);\n\nconst openURL = async (href: string): Promise<void> => {\n  try {\n    const canOpen = await Linking.canOpenURL(href);\n    if (canOpen) {\n      await Linking.openURL(href);\n    }\n  } catch {\n    if (__DEV__) {\n      logger({\n        type: 'warn',\n        message: `Could not open the link \"href=${href}\"`,\n        moduleName: 'BaseButton',\n      });\n    }\n  }\n};\n\nconst _CardRoot: React.ForwardRefRenderFunction<BladeElementRef, CardRootProps> = (\n  { children, onClick, isSelected, shouldScaleOnHover, href, as, accessibilityLabel, ...props },\n  ref,\n): React.ReactElement => {\n  const { theme } = useTheme();\n  const [isPressed, setIsPressed] = React.useState(false);\n  const duration = castNativeType(makeMotionTime(theme.motion.duration.xquick));\n  const easing = castNativeType(theme.motion.easing.standard);\n\n  const styles = useAnimatedStyle(() => {\n    return {\n      transform: [\n        {\n          // TODO: check with design once what to do on mobile\n          scale: withTiming(isPressed ? CARD_SCALE_DOWN_VALUE : 1, { duration, easing }),\n        },\n      ],\n    };\n  }, [isPressed]);\n\n  if (onClick || shouldScaleOnHover || href) {\n    return (\n      <AnimatedPressable\n        ref={ref as never}\n        {...makeAccessible({\n          role: href ? 'link' : undefined,\n          label: accessibilityLabel,\n          selected: isSelected,\n        })}\n        style={styles}\n        onPressIn={(event) => {\n          if (onClick) {\n            onClick(event);\n          }\n          setIsPressed(true);\n        }}\n        onPressOut={() => {\n          if (href) {\n            void openURL(href);\n          }\n          setIsPressed(false);\n        }}\n      >\n        <StyledCardRoot as={undefined} isSelected={isSelected} {...props}>\n          {children}\n        </StyledCardRoot>\n      </AnimatedPressable>\n    );\n  }\n\n  return (\n    <StyledCardRoot as={undefined} isSelected={isSelected} {...props}>\n      {children}\n    </StyledCardRoot>\n  );\n};\n\nconst CardRoot = React.forwardRef(_CardRoot);\n\nexport { CardRoot };\n"],"names":["StyledCardRoot","styled","BaseBox","_ref","isSelected","props","_objectWithoutProperties","_excluded","selectedColor","theme","colors","surface","border","primary","normal","width","thicker","AnimatedPressable","Animated","createAnimatedComponent","Pressable","openURL","_ref2","_asyncToGenerator","href","canOpen","Linking","canOpenURL","_unused","__DEV__","logger","type","message","moduleName","_x","apply","arguments","_CardRoot","_ref3","ref","children","onClick","shouldScaleOnHover","as","accessibilityLabel","_excluded2","_useTheme","useTheme","_React$useState","React","useState","_React$useState2","_slicedToArray","isPressed","setIsPressed","duration","castNativeType","makeMotionTime","motion","xquick","easing","standard","styles","useAnimatedStyle","transform","scale","withTiming","CARD_SCALE_DOWN_VALUE","_jsx","Object","assign","makeAccessible","role","undefined","label","selected","style","onPressIn","event","onPressOut","CardRoot","forwardRef"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAA,SAAA,CAAA,CAAA,YAAA,CAAA,CAAA,UAAA,CAAA,CAAA,UAAA,CAAA,SAAA,CAAA,YAAA,CAAA,oBAAA,CAAA,MAAA,CAAA,IAAA,CAAA,oBAAA,CAAA,CAaA,IAAMA,cAAc,CAAGC,MAAM,CAACC,OAAO,CAAC,CAAgB,SAAAC,IAAA,CAA8B,CAAA,IAA3BC,UAAU,CAAAD,IAAA,CAAVC,UAAU,CAAKC,KAAK,CAAAC,wBAAA,CAAAH,IAAA,CAAAI,SAAA,CAAA,CAC3E,IAAMC,aAAa,CAAGJ,UAAU,CAC5BC,KAAK,CAACI,KAAK,CAACC,MAAM,CAACC,OAAO,CAACC,MAAM,CAACC,OAAO,CAACC,MAAM,CAChD,aAAa,CACjB,OAAO,CACLF,MAAM,CAAE,CAAA,EAAGP,KAAK,CAACI,KAAK,CAACG,MAAM,CAACG,KAAK,CAACC,OAAO,CAAYR,SAAAA,EAAAA,aAAa,EACtE,CAAC,CACH,CAAC,CAAC,CAEF,IAAMS,iBAAiB,CAAGC,QAAQ,CAACC,uBAAuB,CAACC,SAAS,CAAC,CAErE,IAAMC,OAAO,CAAA,UAAA,CAAA,IAAAC,KAAA,CAAAC,iBAAA,CAAG,UAAOC,IAAY,CAAoB,CACrD,GAAI,CACF,IAAMC,OAAO,CAAA,MAASC,OAAO,CAACC,UAAU,CAACH,IAAI,CAAC,CAC9C,GAAIC,OAAO,CAAE,CACX,MAAMC,OAAO,CAACL,OAAO,CAACG,IAAI,CAAC,CAC7B,CACF,CAAE,MAAAI,OAAA,CAAM,CACN,GAAIC,OAAO,CAAE,CACXC,MAAM,CAAC,CACLC,IAAI,CAAE,MAAM,CACZC,OAAO,CAAE,CAAA,8BAAA,EAAiCR,IAAI,CAAA,CAAA,CAAG,CACjDS,UAAU,CAAE,YACd,CAAC,CAAC,CACJ,CACF,CACF,CAAC,CAAA,CAAA,OAAA,SAfKZ,OAAOA,CAAAa,EAAA,CAAA,CAAA,OAAAZ,KAAA,CAAAa,KAAA,CAAA,IAAA,CAAAC,SAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAeZ,CAED,IAAMC,SAAyE,CAAG,SAA5EA,SAAyEA,CAAAC,KAAA,CAE7EC,GAAG,CACoB,CAFrB,IAAAC,QAAQ,CAAAF,KAAA,CAARE,QAAQ,CAAEC,OAAO,CAAAH,KAAA,CAAPG,OAAO,CAAErC,UAAU,CAAAkC,KAAA,CAAVlC,UAAU,CAAEsC,kBAAkB,CAAAJ,KAAA,CAAlBI,kBAAkB,CAAElB,IAAI,CAAAc,KAAA,CAAJd,IAAI,CAAIc,KAAA,CAAFK,EAAE,KAAEC,kBAAkB,CAAAN,KAAA,CAAlBM,kBAAkB,CAAKvC,KAAK,CAAAC,wBAAA,CAAAgC,KAAA,CAAAO,UAAA,EAG3F,IAAAC,SAAA,CAAkBC,QAAQ,EAAE,CAApBtC,KAAK,CAAAqC,SAAA,CAALrC,KAAK,CACb,IAAAuC,eAAA,CAAkCC,cAAK,CAACC,QAAQ,CAAC,KAAK,CAAC,CAAAC,gBAAA,CAAAC,cAAA,CAAAJ,eAAA,CAAhDK,CAAAA,CAAAA,CAAAA,SAAS,CAAAF,gBAAA,CAAA,CAAA,CAAA,CAAEG,YAAY,CAAAH,gBAAA,CAAA,CAAA,CAAA,CAC9B,IAAMI,QAAQ,CAAGC,cAAc,CAACC,cAAc,CAAChD,KAAK,CAACiD,MAAM,CAACH,QAAQ,CAACI,MAAM,CAAC,CAAC,CAC7E,IAAMC,MAAM,CAAGJ,cAAc,CAAC/C,KAAK,CAACiD,MAAM,CAACE,MAAM,CAACC,QAAQ,CAAC,CAE3D,IAAMC,MAAM,CAAGC,gBAAgB,CAAC,UAAM,CACpC,OAAO,CACLC,SAAS,CAAE,CACT,CAEEC,KAAK,CAAEC,UAAU,CAACb,SAAS,CAAGc,qBAAqB,CAAG,CAAC,CAAE,CAAEZ,QAAQ,CAARA,QAAQ,CAAEK,MAAM,CAANA,MAAO,CAAC,CAC/E,CAAC,CAEL,CAAC,CACH,CAAC,CAAE,CAACP,SAAS,CAAC,CAAC,CAEf,GAAIZ,OAAO,EAAIC,kBAAkB,EAAIlB,IAAI,CAAE,CACzC,OACE4C,GAAA,CAACnD,iBAAiB,CAAAoD,MAAA,CAAAC,MAAA,CAAA,CAChB/B,GAAG,CAAEA,GAAa,CAAA,CACdgC,cAAc,CAAC,CACjBC,IAAI,CAAEhD,IAAI,CAAG,MAAM,CAAGiD,SAAS,CAC/BC,KAAK,CAAE9B,kBAAkB,CACzB+B,QAAQ,CAAEvE,UACZ,CAAC,CAAC,CACFwE,CAAAA,KAAK,CAAEd,MAAO,CACde,SAAS,CAAE,SAAAA,SAAAA,CAACC,KAAK,CAAK,CACpB,GAAIrC,OAAO,CAAE,CACXA,OAAO,CAACqC,KAAK,CAAC,CAChB,CACAxB,YAAY,CAAC,IAAI,CAAC,CACpB,CAAE,CACFyB,UAAU,CAAE,SAAAA,UAAAA,EAAM,CAChB,GAAIvD,IAAI,CAAE,CACR,KAAKH,OAAO,CAACG,IAAI,CAAC,CACpB,CACA8B,YAAY,CAAC,KAAK,CAAC,CACrB,CAAE,CAAAd,QAAA,CAEF4B,GAAA,CAACpE,cAAc,CAAAqE,MAAA,CAAAC,MAAA,CAAA,CAAC3B,EAAE,CAAE8B,SAAU,CAACrE,UAAU,CAAEA,UAAW,CAAKC,CAAAA,KAAK,CAAAmC,CAAAA,QAAA,CAC7DA,QAAQ,EACK,CAAC,CAAA,CACA,CAAC,CAExB,CAEA,OACE4B,GAAA,CAACpE,cAAc,CAAAqE,MAAA,CAAAC,MAAA,CAAA,CAAC3B,EAAE,CAAE8B,SAAU,CAACrE,UAAU,CAAEA,UAAW,CAAKC,CAAAA,KAAK,CAAAmC,CAAAA,QAAA,CAC7DA,QAAQ,CAAA,CACK,CAAC,CAErB,CAAC,CAEK,IAAAwC,QAAQ,CAAG/B,cAAK,CAACgC,UAAU,CAAC5C,SAAS;;;;"}
+{"version":3,"file":"CardRoot.native.js","sources":["../../../../../src/components/Card/CardRoot.native.tsx"],"sourcesContent":["import React from 'react';\nimport { Linking, Pressable } from 'react-native';\nimport Animated, { useAnimatedStyle, withTiming } from 'react-native-reanimated';\nimport styled from 'styled-components';\nimport type { CardRootProps } from './types';\nimport { CARD_SCALE_DOWN_VALUE } from './constants';\nimport BaseBox from '~components/Box/BaseBox';\nimport { castNativeType, makeMotionTime } from '~utils';\nimport { useTheme } from '~components/BladeProvider';\nimport { logger } from '~utils/logger';\nimport { makeAccessible } from '~utils/makeAccessible/makeAccessible.native';\nimport type { BladeElementRef } from '~utils/types';\n\nconst StyledCardRoot = styled(BaseBox)<CardRootProps>(({ isSelected, ...props }) => {\n  const selectedColor = isSelected\n    ? props.theme.colors.surface.border.primary.normal\n    : 'transparent';\n  return {\n    border: `${props.theme.border.width.thicker}px solid ${selectedColor}`,\n  };\n});\n\nconst AnimatedPressable = Animated.createAnimatedComponent(Pressable);\n\nconst openURL = async (href: string): Promise<void> => {\n  try {\n    const canOpen = await Linking.canOpenURL(href);\n    if (canOpen) {\n      await Linking.openURL(href);\n    }\n  } catch {\n    if (__DEV__) {\n      logger({\n        type: 'warn',\n        message: `Could not open the link \"href=${href}\"`,\n        moduleName: 'BaseButton',\n      });\n    }\n  }\n};\n\nconst _CardRoot: React.ForwardRefRenderFunction<BladeElementRef, CardRootProps> = (\n  { children, onClick, isSelected, shouldScaleOnHover, href, as, accessibilityLabel, ...props },\n  ref,\n): React.ReactElement => {\n  const { theme } = useTheme();\n  const [isPressed, setIsPressed] = React.useState(false);\n  const duration = castNativeType(makeMotionTime(theme.motion.duration.xquick));\n  const easing = castNativeType(theme.motion.easing.standard);\n\n  const styles = useAnimatedStyle(() => {\n    return {\n      transform: [\n        {\n          // TODO: check with design once what to do on mobile\n          scale: withTiming(isPressed ? CARD_SCALE_DOWN_VALUE : 1, { duration, easing }),\n        },\n      ],\n    };\n  }, [isPressed]);\n\n  if (onClick || shouldScaleOnHover || href) {\n    return (\n      <AnimatedPressable\n        ref={ref as never}\n        {...makeAccessible({\n          role: href ? 'link' : undefined,\n          label: accessibilityLabel,\n          selected: isSelected,\n        })}\n        style={styles}\n        onPressIn={(event) => {\n          if (onClick) {\n            onClick(event);\n          }\n          setIsPressed(true);\n        }}\n        onPressOut={() => {\n          if (href) {\n            void openURL(href);\n          }\n          setIsPressed(false);\n        }}\n      >\n        <StyledCardRoot as={undefined} isSelected={isSelected} {...props}>\n          {children}\n        </StyledCardRoot>\n      </AnimatedPressable>\n    );\n  }\n\n  return (\n    <StyledCardRoot as={undefined} isSelected={isSelected} {...props}>\n      {children}\n    </StyledCardRoot>\n  );\n};\n\nconst CardRoot = React.forwardRef(_CardRoot);\n\nexport { CardRoot };\n"],"names":["StyledCardRoot","styled","BaseBox","_ref","isSelected","props","_objectWithoutProperties","_excluded","selectedColor","theme","colors","surface","border","primary","normal","width","thicker","AnimatedPressable","Animated","createAnimatedComponent","Pressable","openURL","_ref2","_asyncToGenerator","href","canOpen","Linking","canOpenURL","_unused","__DEV__","logger","type","message","moduleName","_x","apply","arguments","_CardRoot","_ref3","ref","children","onClick","shouldScaleOnHover","as","accessibilityLabel","_excluded2","_useTheme","useTheme","_React$useState","React","useState","_React$useState2","_slicedToArray","isPressed","setIsPressed","duration","castNativeType","makeMotionTime","motion","xquick","easing","standard","styles","useAnimatedStyle","transform","scale","withTiming","CARD_SCALE_DOWN_VALUE","_jsx","Object","assign","makeAccessible","role","undefined","label","selected","style","onPressIn","event","onPressOut","CardRoot","forwardRef"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAA,SAAA,CAAA,CAAA,YAAA,CAAA,CAAA,UAAA,CAAA,CAAA,UAAA,CAAA,SAAA,CAAA,YAAA,CAAA,oBAAA,CAAA,MAAA,CAAA,IAAA,CAAA,oBAAA,CAAA,CAaA,IAAMA,cAAc,CAAGC,MAAM,CAACC,OAAO,CAAC,CAAgB,SAAAC,IAAA,CAA8B,CAA3B,IAAAC,UAAU,CAAAD,IAAA,CAAVC,UAAU,CAAKC,KAAK,CAAAC,wBAAA,CAAAH,IAAA,CAAAI,SAAA,CAC3E,CAAA,IAAMC,aAAa,CAAGJ,UAAU,CAC5BC,KAAK,CAACI,KAAK,CAACC,MAAM,CAACC,OAAO,CAACC,MAAM,CAACC,OAAO,CAACC,MAAM,CAChD,aAAa,CACjB,OAAO,CACLF,MAAM,CAAE,CAAGP,EAAAA,KAAK,CAACI,KAAK,CAACG,MAAM,CAACG,KAAK,CAACC,OAAO,CAAA,SAAA,EAAYR,aAAa,CAAA,CACtE,CAAC,CACH,CAAC,CAAC,CAEF,IAAMS,iBAAiB,CAAGC,QAAQ,CAACC,uBAAuB,CAACC,SAAS,CAAC,CAErE,IAAMC,OAAO,CAAAC,UAAAA,CAAAA,IAAAA,KAAA,CAAAC,iBAAA,CAAG,UAAOC,IAAY,CAAoB,CACrD,GAAI,CACF,IAAMC,OAAO,CAAS,MAAAC,OAAO,CAACC,UAAU,CAACH,IAAI,CAAC,CAC9C,GAAIC,OAAO,CAAE,CACX,MAAMC,OAAO,CAACL,OAAO,CAACG,IAAI,CAAC,CAC7B,CACF,CAAE,MAAAI,OAAA,CAAM,CACN,GAAIC,OAAO,CAAE,CACXC,MAAM,CAAC,CACLC,IAAI,CAAE,MAAM,CACZC,OAAO,CAAE,CAAiCR,8BAAAA,EAAAA,IAAI,CAAG,CAAA,CAAA,CACjDS,UAAU,CAAE,YACd,CAAC,CAAC,CACJ,CACF,CACF,CAAC,CAfK,CAAA,OAAA,SAAAZ,OAAOA,CAAAa,EAAA,CAAAZ,CAAAA,OAAAA,KAAA,CAAAa,KAAA,CAAAC,IAAAA,CAAAA,SAAA,OAeZ,CAED,IAAMC,SAAyE,CAAG,SAA5EA,SAAyEA,CAAAC,KAAA,CAE7EC,GAAG,CACoB,CAFrB,IAAAC,QAAQ,CAAAF,KAAA,CAARE,QAAQ,CAAEC,OAAO,CAAAH,KAAA,CAAPG,OAAO,CAAErC,UAAU,CAAAkC,KAAA,CAAVlC,UAAU,CAAEsC,kBAAkB,CAAAJ,KAAA,CAAlBI,kBAAkB,CAAElB,IAAI,CAAAc,KAAA,CAAJd,IAAI,CAAIc,KAAA,CAAFK,EAAE,KAAEC,kBAAkB,CAAAN,KAAA,CAAlBM,kBAAkB,CAAKvC,KAAK,CAAAC,wBAAA,CAAAgC,KAAA,CAAAO,UAAA,EAG3F,IAAAC,SAAA,CAAkBC,QAAQ,EAAE,CAApBtC,KAAK,CAAAqC,SAAA,CAALrC,KAAK,CACb,IAAAuC,eAAA,CAAkCC,cAAK,CAACC,QAAQ,CAAC,KAAK,CAAC,CAAAC,gBAAA,CAAAC,cAAA,CAAAJ,eAAA,CAAhDK,CAAAA,CAAAA,CAAAA,SAAS,CAAAF,gBAAA,IAAEG,YAAY,CAAAH,gBAAA,CAAA,CAAA,CAAA,CAC9B,IAAMI,QAAQ,CAAGC,cAAc,CAACC,cAAc,CAAChD,KAAK,CAACiD,MAAM,CAACH,QAAQ,CAACI,MAAM,CAAC,CAAC,CAC7E,IAAMC,MAAM,CAAGJ,cAAc,CAAC/C,KAAK,CAACiD,MAAM,CAACE,MAAM,CAACC,QAAQ,CAAC,CAE3D,IAAMC,MAAM,CAAGC,gBAAgB,CAAC,UAAM,CACpC,OAAO,CACLC,SAAS,CAAE,CACT,CAEEC,KAAK,CAAEC,UAAU,CAACb,SAAS,CAAGc,qBAAqB,CAAG,CAAC,CAAE,CAAEZ,QAAQ,CAARA,QAAQ,CAAEK,MAAM,CAANA,MAAO,CAAC,CAC/E,CAAC,CAEL,CAAC,CACH,CAAC,CAAE,CAACP,SAAS,CAAC,CAAC,CAEf,GAAIZ,OAAO,EAAIC,kBAAkB,EAAIlB,IAAI,CAAE,CACzC,OACE4C,GAAA,CAACnD,iBAAiB,CAAAoD,MAAA,CAAAC,MAAA,CAChB/B,CAAAA,GAAG,CAAEA,GAAa,CACdgC,CAAAA,cAAc,CAAC,CACjBC,IAAI,CAAEhD,IAAI,CAAG,MAAM,CAAGiD,SAAS,CAC/BC,KAAK,CAAE9B,kBAAkB,CACzB+B,QAAQ,CAAEvE,UACZ,CAAC,CAAC,EACFwE,KAAK,CAAEd,MAAO,CACde,SAAS,CAAE,SAAXA,SAASA,CAAGC,KAAK,CAAK,CACpB,GAAIrC,OAAO,CAAE,CACXA,OAAO,CAACqC,KAAK,CAAC,CAChB,CACAxB,YAAY,CAAC,IAAI,CAAC,CACpB,CAAE,CACFyB,UAAU,CAAE,SAAZA,UAAUA,EAAQ,CAChB,GAAIvD,IAAI,CAAE,CACR,KAAKH,OAAO,CAACG,IAAI,CAAC,CACpB,CACA8B,YAAY,CAAC,KAAK,CAAC,CACrB,CAAE,CAAAd,QAAA,CAEF4B,GAAA,CAACpE,cAAc,CAAAqE,MAAA,CAAAC,MAAA,CAAA,CAAC3B,EAAE,CAAE8B,SAAU,CAACrE,UAAU,CAAEA,UAAW,CAAKC,CAAAA,KAAK,CAAAmC,CAAAA,QAAA,CAC7DA,QAAQ,EACK,CAAC,CAAA,CACA,CAAC,CAExB,CAEA,OACE4B,GAAA,CAACpE,cAAc,CAAAqE,MAAA,CAAAC,MAAA,CAAA,CAAC3B,EAAE,CAAE8B,SAAU,CAACrE,UAAU,CAAEA,UAAW,CAAKC,CAAAA,KAAK,CAAAmC,CAAAA,QAAA,CAC7DA,QAAQ,CAAA,CACK,CAAC,CAErB,CAAC,CAEK,IAAAwC,QAAQ,CAAG/B,cAAK,CAACgC,UAAU,CAAC5C,SAAS;;;;"}

package/build/lib/native/components/Card/CardSurface.native.js

@@ -6,10 +6,12 @@ import 'react-native';
 import '@babel/runtime/helpers/slicedToArray';
 import { castNativeType } from '../../utils/platform/castUtils.js';
 import { makeBorderSize } from '../../utils/makeBorderSize/makeBorderSize.js';
+import '../../tokens/global/typography.js';
+import '../../tokens/global/motion.js';
 import '../BladeProvider/useTheme.js';
 import { jsx } from 'react/jsx-runtime';
 
-var _excluded=["children","elevation","backgroundColor","onTouchEnd","onTouchStart","onPointerDown","onPointerEnter","pointerEvents"];var CardSurfaceStyled=styled(BaseBox)(function(_ref){var elevation=_ref.elevation,theme=_ref.theme;return {width:'100%',display:'flex',flexDirection:'column',borderWidth:elevation==='none'?makeBorderSize(theme.border.width.thin):undefined,borderStyle:elevation==='none'?'solid':undefined,borderColor:elevation==='none'?`${theme.colors.surface.border.gray.muted}`:undefined};});var CardSurface=function CardSurface(_ref2){var children=_ref2.children,elevation=_ref2.elevation,backgroundColor=_ref2.backgroundColor,onTouchEnd=_ref2.onTouchEnd,onTouchStart=_ref2.onTouchStart,onPointerDown=_ref2.onPointerDown,onPointerEnter=_ref2.onPointerEnter,pointerEvents=_ref2.pointerEvents,props=_objectWithoutProperties(_ref2,_excluded);return jsx(CardSurfaceStyled,Object.assign({},props,{backgroundColor:backgroundColor,elevation:elevation,onPointerEnter:castNativeType(onPointerEnter),onPointerDown:castNativeType(onPointerDown),onTouchStart:castNativeType(onTouchStart),onTouchEnd:castNativeType(onTouchEnd),pointerEvents:castNativeType(pointerEvents),children:children}));};
+var _excluded=["children","backgroundColor","onTouchEnd","onTouchStart","onPointerDown","onPointerEnter","pointerEvents","colorScheme","isSelected"];var CardSurfaceStyled=styled(BaseBox)(function(_ref){var theme=_ref.theme;return {width:'100%',display:'flex',flexDirection:'column',borderWidth:makeBorderSize(theme.border.width.thin),borderStyle:'solid',borderColor:`${theme.colors.surface.border.gray.muted}`};});var CardSurface=function CardSurface(_ref2){var children=_ref2.children,backgroundColor=_ref2.backgroundColor,onTouchEnd=_ref2.onTouchEnd,onTouchStart=_ref2.onTouchStart,onPointerDown=_ref2.onPointerDown,onPointerEnter=_ref2.onPointerEnter,pointerEvents=_ref2.pointerEvents;_ref2.colorScheme;_ref2.isSelected;var props=_objectWithoutProperties(_ref2,_excluded);return jsx(CardSurfaceStyled,Object.assign({},props,{backgroundColor:backgroundColor,onPointerEnter:castNativeType(onPointerEnter),onPointerDown:castNativeType(onPointerDown),onTouchStart:castNativeType(onTouchStart),onTouchEnd:castNativeType(onTouchEnd),pointerEvents:castNativeType(pointerEvents),children:children}));};
 
 export { CardSurface };
 //# sourceMappingURL=CardSurface.native.js.map

package/build/lib/native/components/Card/CardSurface.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardSurface.native.js","sources":["../../../../../src/components/Card/CardSurface.native.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components/native';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { BaseBoxProps } from '~components/Box/BaseBox';\nimport type { Elevation } from '~tokens/global';\nimport { castNativeType, makeBorderSize } from '~utils';\n\nconst CardSurfaceStyled = styled(BaseBox)<{\n  elevation: keyof Elevation;\n}>(({ elevation, theme }) => {\n  return {\n    width: '100%',\n    display: 'flex',\n    flexDirection: 'column',\n    borderWidth: elevation === 'none' ? makeBorderSize(theme.border.width.thin) : undefined,\n    borderStyle: elevation === 'none' ? 'solid' : undefined,\n    borderColor: elevation === 'none' ? `${theme.colors.surface.border.gray.muted}` : undefined,\n  };\n});\n\ntype CardSurfaceProps = {\n  children: React.ReactNode;\n  elevation: keyof Elevation;\n} & Omit<BaseBoxProps, 'elevation'>;\n\nconst CardSurface = ({\n  children,\n  elevation,\n  backgroundColor,\n  onTouchEnd,\n  onTouchStart,\n  onPointerDown,\n  onPointerEnter,\n  pointerEvents,\n  ...props\n}: CardSurfaceProps): React.ReactElement => {\n  return (\n    <CardSurfaceStyled\n      {...props}\n      backgroundColor={backgroundColor}\n      elevation={elevation}\n      onPointerEnter={castNativeType(onPointerEnter)}\n      onPointerDown={castNativeType(onPointerDown)}\n      onTouchStart={castNativeType(onTouchStart)}\n      onTouchEnd={castNativeType(onTouchEnd)}\n      pointerEvents={castNativeType(pointerEvents)}\n    >\n      {children}\n    </CardSurfaceStyled>\n  );\n};\n\nexport { CardSurface };\n"],"names":["CardSurfaceStyled","styled","BaseBox","_ref","elevation","theme","width","display","flexDirection","borderWidth","makeBorderSize","border","thin","undefined","borderStyle","borderColor","colors","surface","gray","muted","CardSurface","_ref2","children","backgroundColor","onTouchEnd","onTouchStart","onPointerDown","onPointerEnter","pointerEvents","props","_objectWithoutProperties","_excluded","_jsx","Object","assign","castNativeType"],"mappings":";;;;;;;;;;;AAAA,IAAA,SAAA,CAAA,CAAA,UAAA,CAAA,WAAA,CAAA,iBAAA,CAAA,YAAA,CAAA,cAAA,CAAA,eAAA,CAAA,gBAAA,CAAA,eAAA,CAAA,CAOA,IAAMA,iBAAiB,CAAGC,MAAM,CAACC,OAAO,CAAC,CAEtC,SAAAC,IAAA,CAA0B,CAAA,IAAvBC,SAAS,CAAAD,IAAA,CAATC,SAAS,CAAEC,KAAK,CAAAF,IAAA,CAALE,KAAK,CACpB,OAAO,CACLC,KAAK,CAAE,MAAM,CACbC,OAAO,CAAE,MAAM,CACfC,aAAa,CAAE,QAAQ,CACvBC,WAAW,CAAEL,SAAS,GAAK,MAAM,CAAGM,cAAc,CAACL,KAAK,CAACM,MAAM,CAACL,KAAK,CAACM,IAAI,CAAC,CAAGC,SAAS,CACvFC,WAAW,CAAEV,SAAS,GAAK,MAAM,CAAG,OAAO,CAAGS,SAAS,CACvDE,WAAW,CAAEX,SAAS,GAAK,MAAM,CAAG,CAAGC,EAAAA,KAAK,CAACW,MAAM,CAACC,OAAO,CAACN,MAAM,CAACO,IAAI,CAACC,KAAK,CAAE,CAAA,CAAGN,SACpF,CAAC,CACH,CAAC,CAAC,CAOI,IAAAO,WAAW,CAAG,SAAdA,WAAWA,CAAAC,KAAA,CAU2B,CAT1C,IAAAC,QAAQ,CAAAD,KAAA,CAARC,QAAQ,CACRlB,SAAS,CAAAiB,KAAA,CAATjB,SAAS,CACTmB,eAAe,CAAAF,KAAA,CAAfE,eAAe,CACfC,UAAU,CAAAH,KAAA,CAAVG,UAAU,CACVC,YAAY,CAAAJ,KAAA,CAAZI,YAAY,CACZC,aAAa,CAAAL,KAAA,CAAbK,aAAa,CACbC,cAAc,CAAAN,KAAA,CAAdM,cAAc,CACdC,aAAa,CAAAP,KAAA,CAAbO,aAAa,CACVC,KAAK,CAAAC,wBAAA,CAAAT,KAAA,CAAAU,SAAA,CAAA,CAER,OACEC,GAAA,CAAChC,iBAAiB,CAAAiC,MAAA,CAAAC,MAAA,CAAA,EAAA,CACZL,KAAK,CAAA,CACTN,eAAe,CAAEA,eAAgB,CACjCnB,SAAS,CAAEA,SAAU,CACrBuB,cAAc,CAAEQ,cAAc,CAACR,cAAc,CAAE,CAC/CD,aAAa,CAAES,cAAc,CAACT,aAAa,CAAE,CAC7CD,YAAY,CAAEU,cAAc,CAACV,YAAY,CAAE,CAC3CD,UAAU,CAAEW,cAAc,CAACX,UAAU,CAAE,CACvCI,aAAa,CAAEO,cAAc,CAACP,aAAa,CAAE,CAAAN,QAAA,CAE5CA,QAAQ,CACQ,CAAA,CAAC,CAExB;;;;"}
+{"version":3,"file":"CardSurface.native.js","sources":["../../../../../src/components/Card/CardSurface.native.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components/native';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { BaseBoxProps } from '~components/Box/BaseBox';\nimport type { ColorSchemeNames } from '~tokens/theme';\nimport { castNativeType, makeBorderSize } from '~utils';\n\nconst CardSurfaceStyled = styled(BaseBox)(({ theme }) => {\n  return {\n    width: '100%',\n    display: 'flex',\n    flexDirection: 'column',\n    borderWidth: makeBorderSize(theme.border.width.thin),\n    borderStyle: 'solid',\n    borderColor: `${theme.colors.surface.border.gray.muted}`,\n  };\n});\n\ntype CardSurfaceProps = {\n  children: React.ReactNode;\n  colorScheme?: ColorSchemeNames;\n  isSelected?: boolean;\n} & BaseBoxProps;\n\nconst CardSurface = ({\n  children,\n  backgroundColor,\n  onTouchEnd,\n  onTouchStart,\n  onPointerDown,\n  onPointerEnter,\n  pointerEvents,\n  colorScheme: _colorScheme,\n  isSelected: _isSelected,\n  ...props\n}: CardSurfaceProps): React.ReactElement => {\n  return (\n    <CardSurfaceStyled\n      {...props}\n      backgroundColor={backgroundColor}\n      onPointerEnter={castNativeType(onPointerEnter)}\n      onPointerDown={castNativeType(onPointerDown)}\n      onTouchStart={castNativeType(onTouchStart)}\n      onTouchEnd={castNativeType(onTouchEnd)}\n      pointerEvents={castNativeType(pointerEvents)}\n    >\n      {children}\n    </CardSurfaceStyled>\n  );\n};\n\nexport { CardSurface };\n"],"names":["CardSurfaceStyled","styled","BaseBox","_ref","theme","width","display","flexDirection","borderWidth","makeBorderSize","border","thin","borderStyle","borderColor","colors","surface","gray","muted","CardSurface","_ref2","children","backgroundColor","onTouchEnd","onTouchStart","onPointerDown","onPointerEnter","pointerEvents","colorScheme","isSelected","props","_objectWithoutProperties","_excluded","_jsx","Object","assign","castNativeType"],"mappings":";;;;;;;;;;;;;qJAOA,IAAMA,iBAAiB,CAAGC,MAAM,CAACC,OAAO,CAAC,CAAC,SAAAC,IAAA,CAAe,CAAZ,IAAAC,KAAK,CAAAD,IAAA,CAALC,KAAK,CAChD,OAAO,CACLC,KAAK,CAAE,MAAM,CACbC,OAAO,CAAE,MAAM,CACfC,aAAa,CAAE,QAAQ,CACvBC,WAAW,CAAEC,cAAc,CAACL,KAAK,CAACM,MAAM,CAACL,KAAK,CAACM,IAAI,CAAC,CACpDC,WAAW,CAAE,OAAO,CACpBC,WAAW,CAAE,CAAA,EAAGT,KAAK,CAACU,MAAM,CAACC,OAAO,CAACL,MAAM,CAACM,IAAI,CAACC,KAAK,CACxD,CAAA,CAAC,CACH,CAAC,CAAC,CAQI,IAAAC,WAAW,CAAG,SAAdA,WAAWA,CAAAC,KAAA,CAW2B,CAV1C,IAAAC,QAAQ,CAAAD,KAAA,CAARC,QAAQ,CACRC,eAAe,CAAAF,KAAA,CAAfE,eAAe,CACfC,UAAU,CAAAH,KAAA,CAAVG,UAAU,CACVC,YAAY,CAAAJ,KAAA,CAAZI,YAAY,CACZC,aAAa,CAAAL,KAAA,CAAbK,aAAa,CACbC,cAAc,CAAAN,KAAA,CAAdM,cAAc,CACdC,aAAa,CAAAP,KAAA,CAAbO,aAAa,CACYP,KAAA,CAAzBQ,WAAW,CACYR,KAAA,CAAvBS,UAAU,KACPC,KAAK,CAAAC,wBAAA,CAAAX,KAAA,CAAAY,SAAA,EAER,OACEC,GAAA,CAAChC,iBAAiB,CAAAiC,MAAA,CAAAC,MAAA,CAAA,EAAA,CACZL,KAAK,CACTR,CAAAA,eAAe,CAAEA,eAAgB,CACjCI,cAAc,CAAEU,cAAc,CAACV,cAAc,CAAE,CAC/CD,aAAa,CAAEW,cAAc,CAACX,aAAa,CAAE,CAC7CD,YAAY,CAAEY,cAAc,CAACZ,YAAY,CAAE,CAC3CD,UAAU,CAAEa,cAAc,CAACb,UAAU,CAAE,CACvCI,aAAa,CAAES,cAAc,CAACT,aAAa,CAAE,CAAAN,QAAA,CAE5CA,QAAQ,CACQ,CAAA,CAAC,CAExB;;;;"}

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

@@ -5,17 +5,17 @@ import { Indicators } from './Indicators/Indicators.js';
 import { NavigationButton } from './NavigationButton/NavigationButton.js';
 import { CarouselContext } from './CarouselContext.js';
 import { CAROUSEL_AUTOPLAY_INTERVAL } from './constants.js';
-import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
-import { useInterval } from '../../utils/useInterval.js';
-import { makeAccessible } from '../../utils/makeAccessible/makeAccessible.native.js';
-import { announce } from '../LiveAnnouncer/LiveAnnouncer.native.js';
+import '../../tokens/global/typography.js';
+import '../../tokens/global/motion.js';
+import { size } from '../../tokens/global/size.js';
 import { logger } from '../../utils/logger/logger.js';
+import { useInterval } from '../../utils/useInterval.js';
 import { castNativeType } from '../../utils/platform/castUtils.js';
 import '../BladeProvider/useTheme.js';
+import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
+import { makeAccessible } from '../../utils/makeAccessible/makeAccessible.native.js';
+import { announce } from '../LiveAnnouncer/LiveAnnouncer.native.js';
 import { useId } from '../../utils/useId.js';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
-import { size } from '../../tokens/global/size.js';
 import { useDidUpdate } from '../../utils/useDidUpdate.js';
 import { getResponsiveValue } from '../Box/BaseBox/getResponsiveValue.native.js';
 import { jsx, jsxs } from 'react/jsx-runtime';

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

@@ -1 +1 @@
-{"version":3,"file":"Carousel.native.js","sources":["../../../../../src/components/Carousel/Carousel.native.tsx"],"sourcesContent":["import React from 'react';\nimport { ScrollView } from 'react-native';\nimport { Indicators } from './Indicators/Indicators';\nimport { NavigationButton } from './NavigationButton';\nimport type { CarouselProps } from './types';\nimport type { CarouselContextProps } from './CarouselContext';\nimport { CarouselContext } from './CarouselContext';\nimport { CAROUSEL_AUTOPLAY_INTERVAL } from './constants';\nimport BaseBox from '~components/Box/BaseBox';\nimport { useInterval } from '~utils/useInterval';\nimport { makeAccessible } from '~utils/makeAccessible/makeAccessible.native';\nimport { announce } from '~components/LiveAnnouncer/LiveAnnouncer.native';\nimport { castNativeType } from '~utils';\nimport { useId } from '~utils/useId';\nimport { logger } from '~utils/logger';\nimport { size } from '~tokens/global';\nimport { useDidUpdate } from '~utils/useDidUpdate';\nimport { getResponsiveValue } from '~components/Box/BaseBox/getResponsiveValue';\nimport type { BladeElementRef } from '~utils/types';\n\nconst percentageStringToNumber = (percentage: string): number => {\n  if (!percentage.endsWith('%')) {\n    logger({\n      message: 'Only percentage values are allowed',\n      type: 'error',\n      moduleName: 'Carousel',\n    });\n  }\n\n  return Number(percentage.substring(0, percentage.length - 1)) / 100;\n};\n\ntype ControlsProps = Required<\n  Pick<CarouselProps, 'indicatorVariant' | 'showIndicators' | 'navigationButtonVariant'>\n> & {\n  activeIndicator: number;\n  totalSlides: number;\n  onIndicatorButtonClick: (index: number) => void;\n  onNextButtonClick: () => void;\n  onPreviousButtonClick: () => void;\n};\n\nconst Controls = ({\n  showIndicators,\n  activeIndicator,\n  totalSlides,\n  onIndicatorButtonClick,\n  onNextButtonClick,\n  onPreviousButtonClick,\n  indicatorVariant,\n  navigationButtonVariant,\n}: ControlsProps): React.ReactElement => {\n  return (\n    <BaseBox\n      marginTop=\"spacing.7\"\n      display=\"flex\"\n      flexDirection=\"row\"\n      alignItems=\"center\"\n      gap=\"spacing.4\"\n    >\n      <BaseBox>\n        <NavigationButton\n          type=\"previous\"\n          variant={navigationButtonVariant}\n          onClick={onPreviousButtonClick}\n        />\n      </BaseBox>\n      {showIndicators ? (\n        <Indicators\n          onClick={onIndicatorButtonClick}\n          activeIndex={activeIndicator}\n          totalItems={totalSlides}\n          variant={indicatorVariant}\n        />\n      ) : null}\n      <BaseBox>\n        <NavigationButton\n          onClick={onNextButtonClick}\n          type=\"next\"\n          variant={navigationButtonVariant}\n        />\n      </BaseBox>\n    </BaseBox>\n  );\n};\n\nconst _Carousel = (\n  {\n    autoPlay,\n    showIndicators = true,\n    children,\n    carouselItemWidth = '100%',\n    accessibilityLabel,\n    onChange,\n    indicatorVariant = 'gray',\n    navigationButtonVariant = 'filled',\n  }: CarouselProps,\n  ref: React.Ref<BladeElementRef>,\n): React.ReactElement => {\n  const containerRef = React.useRef<ScrollView>(null);\n  const [activeSlide, setActiveSlide] = React.useState(0);\n  const [scrollViewWidth, setScrollViewWidth] = React.useState(0);\n  const [shouldPauseAutoplay, setShouldPauseAutoplay] = React.useState(false);\n  const id = useId();\n\n  const _visibleItems = 1;\n  const slideWidth =\n    scrollViewWidth *\n    percentageStringToNumber(castNativeType(getResponsiveValue(carouselItemWidth)));\n  const totalNumberOfSlides = React.Children.count(children);\n\n  const goToSlideIndex = (slideIndex: number): void => {\n    if (!containerRef.current) return;\n    containerRef.current.scrollTo({\n      x: slideIndex * slideWidth,\n      y: 0,\n      animated: true,\n    });\n    setActiveSlide(slideIndex);\n  };\n\n  const goToNextSlide = (): void => {\n    let slideIndex = activeSlide + 1;\n    if (slideIndex >= totalNumberOfSlides) {\n      slideIndex = 0;\n    }\n    goToSlideIndex(slideIndex);\n  };\n\n  const goToPreviousSlide = (): void => {\n    let slideIndex = activeSlide - 1;\n    if (activeSlide <= 0) {\n      slideIndex = totalNumberOfSlides - 1;\n    }\n    goToSlideIndex(slideIndex);\n  };\n\n  const carouselContext = React.useMemo<CarouselContextProps>(() => {\n    return {\n      isResponsive: false,\n      visibleItems: _visibleItems,\n      carouselItemWidth,\n      carouselId: id,\n      totalNumberOfSlides,\n      slideWidth,\n      activeSlide,\n      carouselContainerRef: containerRef as never,\n      setActiveIndicator: setActiveSlide,\n      carouselItemAlignment: undefined,\n      shouldAddStartEndSpacing: false,\n    };\n  }, [carouselItemWidth, id, totalNumberOfSlides, slideWidth, activeSlide]);\n\n  // auto play\n  useInterval(\n    () => {\n      goToNextSlide();\n    },\n    {\n      delay: CAROUSEL_AUTOPLAY_INTERVAL,\n      // only enable if autoplay is true & user's intent isn't to interact with carousel\n      enable: autoPlay && !shouldPauseAutoplay,\n    },\n  );\n\n  useDidUpdate(() => {\n    onChange?.(activeSlide);\n  }, [activeSlide, onChange]);\n\n  React.useEffect(() => {\n    announce(`Slide ${activeSlide + 1} of ${totalNumberOfSlides}`);\n  }, [activeSlide, totalNumberOfSlides]);\n\n  return (\n    <CarouselContext.Provider value={carouselContext}>\n      <BaseBox ref={ref as never} display=\"flex\" alignItems=\"center\" flexDirection=\"column\">\n        <BaseBox\n          width=\"100%\"\n          position=\"relative\"\n          display=\"flex\"\n          alignItems=\"center\"\n          gap=\"spacing.4\"\n          flexDirection=\"row\"\n        >\n          <ScrollView\n            onScrollBeginDrag={() => {\n              setShouldPauseAutoplay(true);\n            }}\n            onScrollEndDrag={() => {\n              setShouldPauseAutoplay(false);\n            }}\n            {...makeAccessible({ label: accessibilityLabel })}\n            ref={containerRef}\n            onLayout={(e) => {\n              setScrollViewWidth(e.nativeEvent.layout.width);\n            }}\n            // Sync active indicator with scroll\n            onMomentumScrollEnd={(e) => {\n              const slideIndex = Math.round(e.nativeEvent.contentOffset.x / slideWidth);\n              setActiveSlide(slideIndex);\n            }}\n            // https://dev.to/reime005/horizontal-card-carousel-in-react-native-303n\n            horizontal\n            snapToAlignment=\"start\"\n            decelerationRate=\"fast\"\n            overScrollMode=\"never\"\n            contentInsetAdjustmentBehavior=\"never\"\n            automaticallyAdjustContentInsets={false}\n            showsHorizontalScrollIndicator={false}\n            showsVerticalScrollIndicator={false}\n            snapToInterval={slideWidth}\n            contentInset={{\n              left: 0,\n              right: 0,\n            }}\n            contentOffset={{ x: 0, y: 0 }}\n            // adding some padding so that if a card is placed the shadows don't cut off\n            contentContainerStyle={{ paddingVertical: size[10] }}\n          >\n            {React.Children.map(children, (child, index) => {\n              return React.cloneElement(child as React.ReactElement, {\n                index,\n                shouldHaveStartSpacing: index === 0,\n                shouldHaveEndSpacing: index === totalNumberOfSlides - 1,\n              });\n            })}\n          </ScrollView>\n        </BaseBox>\n        <Controls\n          totalSlides={totalNumberOfSlides}\n          activeIndicator={activeSlide}\n          showIndicators={showIndicators}\n          onIndicatorButtonClick={goToSlideIndex}\n          onNextButtonClick={goToNextSlide}\n          onPreviousButtonClick={goToPreviousSlide}\n          indicatorVariant={indicatorVariant}\n          navigationButtonVariant={navigationButtonVariant}\n        />\n      </BaseBox>\n    </CarouselContext.Provider>\n  );\n};\n\nconst Carousel = React.forwardRef(_Carousel);\n\nexport { Carousel };\n"],"names":["percentageStringToNumber","percentage","endsWith","logger","message","type","moduleName","Number","substring","length","Controls","_ref","showIndicators","activeIndicator","totalSlides","onIndicatorButtonClick","onNextButtonClick","onPreviousButtonClick","indicatorVariant","navigationButtonVariant","_jsxs","BaseBox","marginTop","display","flexDirection","alignItems","gap","children","_jsx","NavigationButton","variant","onClick","Indicators","activeIndex","totalItems","_Carousel","_ref2","ref","autoPlay","_ref2$showIndicators","_ref2$carouselItemWid","carouselItemWidth","accessibilityLabel","onChange","_ref2$indicatorVarian","_ref2$navigationButto","containerRef","React","useRef","_React$useState","useState","_React$useState2","_slicedToArray","activeSlide","setActiveSlide","_React$useState3","_React$useState4","scrollViewWidth","setScrollViewWidth","_React$useState5","_React$useState6","shouldPauseAutoplay","setShouldPauseAutoplay","id","useId","_visibleItems","slideWidth","castNativeType","getResponsiveValue","totalNumberOfSlides","Children","count","goToSlideIndex","slideIndex","current","scrollTo","x","y","animated","goToNextSlide","goToPreviousSlide","carouselContext","useMemo","isResponsive","visibleItems","carouselId","carouselContainerRef","setActiveIndicator","carouselItemAlignment","undefined","shouldAddStartEndSpacing","useInterval","delay","CAROUSEL_AUTOPLAY_INTERVAL","enable","useDidUpdate","useEffect","announce","CarouselContext","Provider","value","width","position","ScrollView","Object","assign","onScrollBeginDrag","onScrollEndDrag","makeAccessible","label","onLayout","e","nativeEvent","layout","onMomentumScrollEnd","Math","round","contentOffset","horizontal","snapToAlignment","decelerationRate","overScrollMode","contentInsetAdjustmentBehavior","automaticallyAdjustContentInsets","showsHorizontalScrollIndicator","showsVerticalScrollIndicator","snapToInterval","contentInset","left","right","contentContainerStyle","paddingVertical","size","map","child","index","cloneElement","shouldHaveStartSpacing","shouldHaveEndSpacing","Carousel","forwardRef"],"mappings":"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"}
+{"version":3,"file":"Carousel.native.js","sources":["../../../../../src/components/Carousel/Carousel.native.tsx"],"sourcesContent":["import React from 'react';\nimport { ScrollView } from 'react-native';\nimport { Indicators } from './Indicators/Indicators';\nimport { NavigationButton } from './NavigationButton';\nimport type { CarouselProps } from './types';\nimport type { CarouselContextProps } from './CarouselContext';\nimport { CarouselContext } from './CarouselContext';\nimport { CAROUSEL_AUTOPLAY_INTERVAL } from './constants';\nimport type { BladeElementRef } from '~utils/types';\nimport { size } from '~tokens/global';\nimport { logger } from '~utils/logger';\nimport { castNativeType } from '~utils';\nimport BaseBox from '~components/Box/BaseBox';\nimport { useInterval } from '~utils/useInterval';\nimport { makeAccessible } from '~utils/makeAccessible/makeAccessible.native';\nimport { announce } from '~components/LiveAnnouncer/LiveAnnouncer.native';\nimport { useId } from '~utils/useId';\nimport { useDidUpdate } from '~utils/useDidUpdate';\nimport { getResponsiveValue } from '~components/Box/BaseBox/getResponsiveValue';\n\nconst percentageStringToNumber = (percentage: string): number => {\n  if (!percentage.endsWith('%')) {\n    logger({\n      message: 'Only percentage values are allowed',\n      type: 'error',\n      moduleName: 'Carousel',\n    });\n  }\n\n  return Number(percentage.substring(0, percentage.length - 1)) / 100;\n};\n\ntype ControlsProps = Required<\n  Pick<CarouselProps, 'indicatorVariant' | 'showIndicators' | 'navigationButtonVariant'>\n> & {\n  activeIndicator: number;\n  totalSlides: number;\n  onIndicatorButtonClick: (index: number) => void;\n  onNextButtonClick: () => void;\n  onPreviousButtonClick: () => void;\n};\n\nconst Controls = ({\n  showIndicators,\n  activeIndicator,\n  totalSlides,\n  onIndicatorButtonClick,\n  onNextButtonClick,\n  onPreviousButtonClick,\n  indicatorVariant,\n  navigationButtonVariant,\n}: ControlsProps): React.ReactElement => {\n  return (\n    <BaseBox\n      marginTop=\"spacing.7\"\n      display=\"flex\"\n      flexDirection=\"row\"\n      alignItems=\"center\"\n      gap=\"spacing.4\"\n    >\n      <BaseBox>\n        <NavigationButton\n          type=\"previous\"\n          variant={navigationButtonVariant}\n          onClick={onPreviousButtonClick}\n        />\n      </BaseBox>\n      {showIndicators ? (\n        <Indicators\n          onClick={onIndicatorButtonClick}\n          activeIndex={activeIndicator}\n          totalItems={totalSlides}\n          variant={indicatorVariant}\n        />\n      ) : null}\n      <BaseBox>\n        <NavigationButton\n          onClick={onNextButtonClick}\n          type=\"next\"\n          variant={navigationButtonVariant}\n        />\n      </BaseBox>\n    </BaseBox>\n  );\n};\n\nconst _Carousel = (\n  {\n    autoPlay,\n    showIndicators = true,\n    children,\n    carouselItemWidth = '100%',\n    accessibilityLabel,\n    onChange,\n    indicatorVariant = 'gray',\n    navigationButtonVariant = 'filled',\n  }: CarouselProps,\n  ref: React.Ref<BladeElementRef>,\n): React.ReactElement => {\n  const containerRef = React.useRef<ScrollView>(null);\n  const [activeSlide, setActiveSlide] = React.useState(0);\n  const [scrollViewWidth, setScrollViewWidth] = React.useState(0);\n  const [shouldPauseAutoplay, setShouldPauseAutoplay] = React.useState(false);\n  const id = useId();\n\n  const _visibleItems = 1;\n  const slideWidth =\n    scrollViewWidth *\n    percentageStringToNumber(castNativeType(getResponsiveValue(carouselItemWidth)));\n  const totalNumberOfSlides = React.Children.count(children);\n\n  const goToSlideIndex = (slideIndex: number): void => {\n    if (!containerRef.current) return;\n    containerRef.current.scrollTo({\n      x: slideIndex * slideWidth,\n      y: 0,\n      animated: true,\n    });\n    setActiveSlide(slideIndex);\n  };\n\n  const goToNextSlide = (): void => {\n    let slideIndex = activeSlide + 1;\n    if (slideIndex >= totalNumberOfSlides) {\n      slideIndex = 0;\n    }\n    goToSlideIndex(slideIndex);\n  };\n\n  const goToPreviousSlide = (): void => {\n    let slideIndex = activeSlide - 1;\n    if (activeSlide <= 0) {\n      slideIndex = totalNumberOfSlides - 1;\n    }\n    goToSlideIndex(slideIndex);\n  };\n\n  const carouselContext = React.useMemo<CarouselContextProps>(() => {\n    return {\n      isResponsive: false,\n      visibleItems: _visibleItems,\n      carouselItemWidth,\n      carouselId: id,\n      totalNumberOfSlides,\n      slideWidth,\n      activeSlide,\n      carouselContainerRef: containerRef as never,\n      setActiveIndicator: setActiveSlide,\n      carouselItemAlignment: undefined,\n      shouldAddStartEndSpacing: false,\n    };\n  }, [carouselItemWidth, id, totalNumberOfSlides, slideWidth, activeSlide]);\n\n  // auto play\n  useInterval(\n    () => {\n      goToNextSlide();\n    },\n    {\n      delay: CAROUSEL_AUTOPLAY_INTERVAL,\n      // only enable if autoplay is true & user's intent isn't to interact with carousel\n      enable: autoPlay && !shouldPauseAutoplay,\n    },\n  );\n\n  useDidUpdate(() => {\n    onChange?.(activeSlide);\n  }, [activeSlide, onChange]);\n\n  React.useEffect(() => {\n    announce(`Slide ${activeSlide + 1} of ${totalNumberOfSlides}`);\n  }, [activeSlide, totalNumberOfSlides]);\n\n  return (\n    <CarouselContext.Provider value={carouselContext}>\n      <BaseBox ref={ref as never} display=\"flex\" alignItems=\"center\" flexDirection=\"column\">\n        <BaseBox\n          width=\"100%\"\n          position=\"relative\"\n          display=\"flex\"\n          alignItems=\"center\"\n          gap=\"spacing.4\"\n          flexDirection=\"row\"\n        >\n          <ScrollView\n            onScrollBeginDrag={() => {\n              setShouldPauseAutoplay(true);\n            }}\n            onScrollEndDrag={() => {\n              setShouldPauseAutoplay(false);\n            }}\n            {...makeAccessible({ label: accessibilityLabel })}\n            ref={containerRef}\n            onLayout={(e) => {\n              setScrollViewWidth(e.nativeEvent.layout.width);\n            }}\n            // Sync active indicator with scroll\n            onMomentumScrollEnd={(e) => {\n              const slideIndex = Math.round(e.nativeEvent.contentOffset.x / slideWidth);\n              setActiveSlide(slideIndex);\n            }}\n            // https://dev.to/reime005/horizontal-card-carousel-in-react-native-303n\n            horizontal\n            snapToAlignment=\"start\"\n            decelerationRate=\"fast\"\n            overScrollMode=\"never\"\n            contentInsetAdjustmentBehavior=\"never\"\n            automaticallyAdjustContentInsets={false}\n            showsHorizontalScrollIndicator={false}\n            showsVerticalScrollIndicator={false}\n            snapToInterval={slideWidth}\n            contentInset={{\n              left: 0,\n              right: 0,\n            }}\n            contentOffset={{ x: 0, y: 0 }}\n            // adding some padding so that if a card is placed the shadows don't cut off\n            contentContainerStyle={{ paddingVertical: size[10] }}\n          >\n            {React.Children.map(children, (child, index) => {\n              return React.cloneElement(child as React.ReactElement, {\n                index,\n                shouldHaveStartSpacing: index === 0,\n                shouldHaveEndSpacing: index === totalNumberOfSlides - 1,\n              });\n            })}\n          </ScrollView>\n        </BaseBox>\n        <Controls\n          totalSlides={totalNumberOfSlides}\n          activeIndicator={activeSlide}\n          showIndicators={showIndicators}\n          onIndicatorButtonClick={goToSlideIndex}\n          onNextButtonClick={goToNextSlide}\n          onPreviousButtonClick={goToPreviousSlide}\n          indicatorVariant={indicatorVariant}\n          navigationButtonVariant={navigationButtonVariant}\n        />\n      </BaseBox>\n    </CarouselContext.Provider>\n  );\n};\n\nconst Carousel = React.forwardRef(_Carousel);\n\nexport { Carousel };\n"],"names":["percentageStringToNumber","percentage","endsWith","logger","message","type","moduleName","Number","substring","length","Controls","_ref","showIndicators","activeIndicator","totalSlides","onIndicatorButtonClick","onNextButtonClick","onPreviousButtonClick","indicatorVariant","navigationButtonVariant","_jsxs","BaseBox","marginTop","display","flexDirection","alignItems","gap","children","_jsx","NavigationButton","variant","onClick","Indicators","activeIndex","totalItems","_Carousel","_ref2","ref","autoPlay","_ref2$showIndicators","_ref2$carouselItemWid","carouselItemWidth","accessibilityLabel","onChange","_ref2$indicatorVarian","_ref2$navigationButto","containerRef","React","useRef","_React$useState","useState","_React$useState2","_slicedToArray","activeSlide","setActiveSlide","_React$useState3","_React$useState4","scrollViewWidth","setScrollViewWidth","_React$useState5","_React$useState6","shouldPauseAutoplay","setShouldPauseAutoplay","id","useId","_visibleItems","slideWidth","castNativeType","getResponsiveValue","totalNumberOfSlides","Children","count","goToSlideIndex","slideIndex","current","scrollTo","x","y","animated","goToNextSlide","goToPreviousSlide","carouselContext","useMemo","isResponsive","visibleItems","carouselId","carouselContainerRef","setActiveIndicator","carouselItemAlignment","undefined","shouldAddStartEndSpacing","useInterval","delay","CAROUSEL_AUTOPLAY_INTERVAL","enable","useDidUpdate","useEffect","announce","CarouselContext","Provider","value","width","position","ScrollView","Object","assign","onScrollBeginDrag","onScrollEndDrag","makeAccessible","label","onLayout","e","nativeEvent","layout","onMomentumScrollEnd","Math","round","contentOffset","horizontal","snapToAlignment","decelerationRate","overScrollMode","contentInsetAdjustmentBehavior","automaticallyAdjustContentInsets","showsHorizontalScrollIndicator","showsVerticalScrollIndicator","snapToInterval","contentInset","left","right","contentContainerStyle","paddingVertical","size","map","child","index","cloneElement","shouldHaveStartSpacing","shouldHaveEndSpacing","Carousel","forwardRef"],"mappings":"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"}

package/build/lib/native/components/Carousel/Indicators/IndicatorButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"IndicatorButton.js","sources":["../../../../../../src/components/Carousel/Indicators/IndicatorButton.tsx"],"sourcesContent":["import type { IndicatorButtonProps } from './types';\nimport { StyledIndicatorButton } from './StyledIndicatorButton';\nimport type { BaseBoxProps } from '~components/Box/BaseBox';\nimport { metaAttribute } from '~utils/metaAttribute';\n\nconst IndicatorButton = ({\n  onClick,\n  isActive,\n  variant,\n  ...props\n}: IndicatorButtonProps & BaseBoxProps): React.ReactElement => {\n  return (\n    <StyledIndicatorButton\n      {...props}\n      {...metaAttribute({ name: 'carousel-indicator-button' })}\n      isActive={isActive}\n      variant={variant}\n      onClick={onClick}\n    />\n  );\n};\n\nexport { IndicatorButton };\n"],"names":["IndicatorButton","_ref","onClick","isActive","variant","props","_objectWithoutProperties","_excluded","_jsx","StyledIndicatorButton","Object","assign","metaAttribute","name"],"mappings":";;;;;AACA,IAAA,SAAA,CAAA,CAAA,SAAA,CAAA,UAAA,CAAA,SAAA,CAAA,CAIM,IAAAA,eAAe,CAAG,SAAlBA,eAAeA,CAAAC,IAAA,CAK0C,CAJ7D,IAAAC,OAAO,CAAAD,IAAA,CAAPC,OAAO,CACPC,QAAQ,CAAAF,IAAA,CAARE,QAAQ,CACRC,OAAO,CAAAH,IAAA,CAAPG,OAAO,CACJC,KAAK,CAAAC,wBAAA,CAAAL,IAAA,CAAAM,SAAA,CAAA,CAER,OACEC,GAAA,CAACC,qBAAqB,CAAAC,MAAA,CAAAC,MAAA,CAChBN,EAAAA,CAAAA,KAAK,CACLO,aAAa,CAAC,CAAEC,IAAI,CAAE,2BAA4B,CAAC,CAAC,CACxDV,CAAAA,QAAQ,CAAEA,QAAS,CACnBC,OAAO,CAAEA,OAAQ,CACjBF,OAAO,CAAEA,OAAQ,CAClB,CAAA,CAAC,CAEN;;;;"}
+{"version":3,"file":"IndicatorButton.js","sources":["../../../../../../src/components/Carousel/Indicators/IndicatorButton.tsx"],"sourcesContent":["import type { IndicatorButtonProps } from './types';\nimport { StyledIndicatorButton } from './StyledIndicatorButton';\nimport { metaAttribute } from '~utils/metaAttribute';\nimport type { BaseBoxProps } from '~components/Box/BaseBox';\n\nconst IndicatorButton = ({\n  onClick,\n  isActive,\n  variant,\n  ...props\n}: IndicatorButtonProps & BaseBoxProps): React.ReactElement => {\n  return (\n    <StyledIndicatorButton\n      {...props}\n      {...metaAttribute({ name: 'carousel-indicator-button' })}\n      isActive={isActive}\n      variant={variant}\n      onClick={onClick}\n    />\n  );\n};\n\nexport { IndicatorButton };\n"],"names":["IndicatorButton","_ref","onClick","isActive","variant","props","_objectWithoutProperties","_excluded","_jsx","StyledIndicatorButton","Object","assign","metaAttribute","name"],"mappings":";;;;;AACA,IAAA,SAAA,CAAA,CAAA,SAAA,CAAA,UAAA,CAAA,SAAA,CAAA,CAIM,IAAAA,eAAe,CAAG,SAAlBA,eAAeA,CAAAC,IAAA,CAK0C,CAJ7D,IAAAC,OAAO,CAAAD,IAAA,CAAPC,OAAO,CACPC,QAAQ,CAAAF,IAAA,CAARE,QAAQ,CACRC,OAAO,CAAAH,IAAA,CAAPG,OAAO,CACJC,KAAK,CAAAC,wBAAA,CAAAL,IAAA,CAAAM,SAAA,CAAA,CAER,OACEC,GAAA,CAACC,qBAAqB,CAAAC,MAAA,CAAAC,MAAA,CAChBN,EAAAA,CAAAA,KAAK,CACLO,aAAa,CAAC,CAAEC,IAAI,CAAE,2BAA4B,CAAC,CAAC,CACxDV,CAAAA,QAAQ,CAAEA,QAAS,CACnBC,OAAO,CAAEA,OAAQ,CACjBF,OAAO,CAAEA,OAAQ,CAClB,CAAA,CAAC,CAEN;;;;"}

package/build/lib/native/components/Carousel/Indicators/Indicators.js

@@ -1,7 +1,7 @@
 import { useCarouselContext } from '../CarouselContext.js';
 import { IndicatorButton } from './IndicatorButton.js';
-import { BaseBox } from '../../Box/BaseBox/BaseBox.native.js';
 import { makeAccessible } from '../../../utils/makeAccessible/makeAccessible.native.js';
+import { BaseBox } from '../../Box/BaseBox/BaseBox.native.js';
 import { jsx } from 'react/jsx-runtime';
 
 var Indicators=function Indicators(props){var _useCarouselContext=useCarouselContext(),carouselId=_useCarouselContext.carouselId,isResponsive=_useCarouselContext.isResponsive,visibleItems=_useCarouselContext.visibleItems;return jsx(BaseBox,Object.assign({display:"flex",flexDirection:"row",gap:"spacing.2"},makeAccessible({role:'tablist',label:'Slides'}),{children:new Array(props.totalItems).fill(0).map(function(_,idx){var _visibleItems=visibleItems;if(isResponsive){_visibleItems=1;}return jsx(IndicatorButton,Object.assign({},makeAccessible({role:'tab',label:`Slide ${idx*_visibleItems+1}`,selected:idx===props.activeIndex,controls:`${carouselId}-carousel-item-${idx*_visibleItems}`}),{slideIndex:idx*_visibleItems,isActive:idx===props.activeIndex,onClick:function onClick(){return props==null?void 0:props.onClick==null?void 0:props.onClick(idx);},variant:props.variant}),idx);})}));};

package/build/lib/native/components/Carousel/Indicators/Indicators.js.map

@@ -1 +1 @@
-{"version":3,"file":"Indicators.js","sources":["../../../../../../src/components/Carousel/Indicators/Indicators.tsx"],"sourcesContent":["import { useCarouselContext } from '../CarouselContext';\nimport { IndicatorButton } from './IndicatorButton';\nimport type { IndicatorsProps } from './types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { makeAccessible } from '~utils/makeAccessible';\n\nconst Indicators = (props: IndicatorsProps): React.ReactElement => {\n  const { carouselId, isResponsive, visibleItems } = useCarouselContext();\n  return (\n    <BaseBox\n      display=\"flex\"\n      flexDirection=\"row\"\n      gap=\"spacing.2\"\n      {...makeAccessible({ role: 'tablist', label: 'Slides' })}\n    >\n      {new Array(props.totalItems).fill(0).map((_, idx) => {\n        let _visibleItems = visibleItems!;\n        if (isResponsive) {\n          _visibleItems = 1;\n        }\n\n        return (\n          <IndicatorButton\n            key={idx}\n            {...makeAccessible({\n              role: 'tab',\n              label: `Slide ${idx * _visibleItems + 1}`,\n              selected: idx === props.activeIndex,\n              controls: `${carouselId}-carousel-item-${idx * _visibleItems}`,\n            })}\n            slideIndex={idx * _visibleItems}\n            isActive={idx === props.activeIndex}\n            onClick={() => props?.onClick?.(idx)}\n            variant={props.variant}\n          />\n        );\n      })}\n    </BaseBox>\n  );\n};\n\nexport { Indicators };\n"],"names":["Indicators","props","_useCarouselContext","useCarouselContext","carouselId","isResponsive","visibleItems","_jsx","BaseBox","Object","assign","display","flexDirection","gap","makeAccessible","role","label","children","Array","totalItems","fill","map","_","idx","_visibleItems","IndicatorButton","selected","activeIndex","controls","slideIndex","isActive","onClick","variant"],"mappings":";;;;;;AAMM,IAAAA,UAAU,CAAG,SAAbA,UAAUA,CAAIC,KAAsB,CAAyB,CACjE,IAAAC,mBAAA,CAAmDC,kBAAkB,EAAE,CAA/DC,UAAU,CAAAF,mBAAA,CAAVE,UAAU,CAAEC,YAAY,CAAAH,mBAAA,CAAZG,YAAY,CAAEC,YAAY,CAAAJ,mBAAA,CAAZI,YAAY,CAC9C,OACEC,GAAA,CAACC,OAAO,CAAAC,MAAA,CAAAC,MAAA,EACNC,OAAO,CAAC,MAAM,CACdC,aAAa,CAAC,KAAK,CACnBC,GAAG,CAAC,WAAW,CACXC,CAAAA,cAAc,CAAC,CAAEC,IAAI,CAAE,SAAS,CAAEC,KAAK,CAAE,QAAS,CAAC,CAAC,CAAA,CAAAC,QAAA,CAEvD,IAAIC,KAAK,CAACjB,KAAK,CAACkB,UAAU,CAAC,CAACC,IAAI,CAAC,CAAC,CAAC,CAACC,GAAG,CAAC,SAACC,CAAC,CAAEC,GAAG,CAAK,CACnD,IAAIC,aAAa,CAAGlB,YAAa,CACjC,GAAID,YAAY,CAAE,CAChBmB,aAAa,CAAG,CAAC,CACnB,CAEA,OACEjB,GAAA,CAACkB,eAAe,CAAAhB,MAAA,CAAAC,MAAA,CAEVI,EAAAA,CAAAA,cAAc,CAAC,CACjBC,IAAI,CAAE,KAAK,CACXC,KAAK,CAAE,CAAA,MAAA,EAASO,GAAG,CAAGC,aAAa,CAAG,CAAC,CAAE,CAAA,CACzCE,QAAQ,CAAEH,GAAG,GAAKtB,KAAK,CAAC0B,WAAW,CACnCC,QAAQ,CAAE,CAAA,EAAGxB,UAAU,CAAA,eAAA,EAAkBmB,GAAG,CAAGC,aAAa,CAC9D,CAAA,CAAC,CAAC,CAAA,CACFK,UAAU,CAAEN,GAAG,CAAGC,aAAc,CAChCM,QAAQ,CAAEP,GAAG,GAAKtB,KAAK,CAAC0B,WAAY,CACpCI,OAAO,CAAE,SAAAA,OAAAA,EAAM,CAAA,OAAA9B,KAAK,EAAA,IAAA,CAAA,KAAA,CAAA,CAALA,KAAK,CAAE8B,OAAO,EAAd9B,IAAAA,CAAAA,KAAAA,CAAAA,CAAAA,KAAK,CAAE8B,OAAO,CAAGR,GAAG,CAAC,CAAC,CAAA,CACrCS,OAAO,CAAE/B,KAAK,CAAC+B,OAAQ,CAVlBT,CAAAA,CAAAA,GAWN,CAAC,CAEN,CAAC,CAAC,CACK,CAAA,CAAC,CAEd;;;;"}
+{"version":3,"file":"Indicators.js","sources":["../../../../../../src/components/Carousel/Indicators/Indicators.tsx"],"sourcesContent":["import { useCarouselContext } from '../CarouselContext';\nimport { IndicatorButton } from './IndicatorButton';\nimport type { IndicatorsProps } from './types';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport BaseBox from '~components/Box/BaseBox';\n\nconst Indicators = (props: IndicatorsProps): React.ReactElement => {\n  const { carouselId, isResponsive, visibleItems } = useCarouselContext();\n  return (\n    <BaseBox\n      display=\"flex\"\n      flexDirection=\"row\"\n      gap=\"spacing.2\"\n      {...makeAccessible({ role: 'tablist', label: 'Slides' })}\n    >\n      {new Array(props.totalItems).fill(0).map((_, idx) => {\n        let _visibleItems = visibleItems!;\n        if (isResponsive) {\n          _visibleItems = 1;\n        }\n\n        return (\n          <IndicatorButton\n            key={idx}\n            {...makeAccessible({\n              role: 'tab',\n              label: `Slide ${idx * _visibleItems + 1}`,\n              selected: idx === props.activeIndex,\n              controls: `${carouselId}-carousel-item-${idx * _visibleItems}`,\n            })}\n            slideIndex={idx * _visibleItems}\n            isActive={idx === props.activeIndex}\n            onClick={() => props?.onClick?.(idx)}\n            variant={props.variant}\n          />\n        );\n      })}\n    </BaseBox>\n  );\n};\n\nexport { Indicators };\n"],"names":["Indicators","props","_useCarouselContext","useCarouselContext","carouselId","isResponsive","visibleItems","_jsx","BaseBox","Object","assign","display","flexDirection","gap","makeAccessible","role","label","children","Array","totalItems","fill","map","_","idx","_visibleItems","IndicatorButton","selected","activeIndex","controls","slideIndex","isActive","onClick","variant"],"mappings":";;;;;;AAMM,IAAAA,UAAU,CAAG,SAAbA,UAAUA,CAAIC,KAAsB,CAAyB,CACjE,IAAAC,mBAAA,CAAmDC,kBAAkB,EAAE,CAA/DC,UAAU,CAAAF,mBAAA,CAAVE,UAAU,CAAEC,YAAY,CAAAH,mBAAA,CAAZG,YAAY,CAAEC,YAAY,CAAAJ,mBAAA,CAAZI,YAAY,CAC9C,OACEC,GAAA,CAACC,OAAO,CAAAC,MAAA,CAAAC,MAAA,EACNC,OAAO,CAAC,MAAM,CACdC,aAAa,CAAC,KAAK,CACnBC,GAAG,CAAC,WAAW,CACXC,CAAAA,cAAc,CAAC,CAAEC,IAAI,CAAE,SAAS,CAAEC,KAAK,CAAE,QAAS,CAAC,CAAC,CAAAC,CAAAA,QAAA,CAEvD,IAAIC,KAAK,CAACjB,KAAK,CAACkB,UAAU,CAAC,CAACC,IAAI,CAAC,CAAC,CAAC,CAACC,GAAG,CAAC,SAACC,CAAC,CAAEC,GAAG,CAAK,CACnD,IAAIC,aAAa,CAAGlB,YAAa,CACjC,GAAID,YAAY,CAAE,CAChBmB,aAAa,CAAG,CAAC,CACnB,CAEA,OACEjB,GAAA,CAACkB,eAAe,CAAAhB,MAAA,CAAAC,MAAA,CAEVI,EAAAA,CAAAA,cAAc,CAAC,CACjBC,IAAI,CAAE,KAAK,CACXC,KAAK,CAAE,CAAA,MAAA,EAASO,GAAG,CAAGC,aAAa,CAAG,CAAC,CAAE,CAAA,CACzCE,QAAQ,CAAEH,GAAG,GAAKtB,KAAK,CAAC0B,WAAW,CACnCC,QAAQ,CAAE,CAAA,EAAGxB,UAAU,CAAA,eAAA,EAAkBmB,GAAG,CAAGC,aAAa,CAAA,CAC9D,CAAC,CAAC,CAAA,CACFK,UAAU,CAAEN,GAAG,CAAGC,aAAc,CAChCM,QAAQ,CAAEP,GAAG,GAAKtB,KAAK,CAAC0B,WAAY,CACpCI,OAAO,CAAE,SAATA,OAAOA,EAAQ,CAAA,OAAA9B,KAAK,EAAA,IAAA,CAAA,KAAA,CAAA,CAALA,KAAK,CAAE8B,OAAO,EAAd9B,IAAAA,CAAAA,KAAAA,CAAAA,CAAAA,KAAK,CAAE8B,OAAO,CAAGR,GAAG,CAAC,CAAC,CAAA,CACrCS,OAAO,CAAE/B,KAAK,CAAC+B,OAAQ,CAVlBT,CAAAA,CAAAA,GAWN,CAAC,CAEN,CAAC,CAAC,CACK,CAAA,CAAC,CAEd;;;;"}

package/build/lib/native/components/Carousel/Indicators/StyledIndicatorButton.native.js

@@ -4,18 +4,18 @@ import { Pressable } from 'react-native';
 import styled from 'styled-components/native';
 import Animated, { useAnimatedStyle, withTiming } from 'react-native-reanimated';
 import { getIndicatorButtonStyles } from './getIndicatorButtonStyles.js';
-import { BaseBox } from '../../Box/BaseBox/BaseBox.native.js';
 import '@babel/runtime/helpers/slicedToArray';
 import { castNativeType } from '../../../utils/platform/castUtils.js';
 import { makeMotionTime } from '../../../utils/makeMotionTime/makeMotionTime.native.js';
+import '../../../tokens/global/typography.js';
+import '../../../tokens/global/motion.js';
+import { size } from '../../../tokens/global/size.js';
 import useTheme from '../../BladeProvider/useTheme.js';
+import { BaseBox } from '../../Box/BaseBox/BaseBox.native.js';
 import '@gorhom/portal';
 import 'react-native-gesture-handler';
 import '../../BottomSheet/BottomSheetStack.js';
 import { jsx } from 'react/jsx-runtime';
-import '../../../tokens/global/typography.js';
-import '../../../tokens/global/motion.js';
-import { size } from '../../../tokens/global/size.js';
 
 var _excluded=["onClick","accessibilityLabel"];var PressableIndicatorButton=styled(BaseBox)(function(_ref){var theme=_ref.theme,isActive=_ref.isActive,variant=_ref.variant;return getIndicatorButtonStyles({theme:theme,isActive:isActive,variant:variant});});var StyledIndicatorButton=function StyledIndicatorButton(_ref2){var onClick=_ref2.onClick,accessibilityLabel=_ref2.accessibilityLabel,props=_objectWithoutProperties(_ref2,_excluded);var _useTheme=useTheme(),theme=_useTheme.theme;var easing=castNativeType(theme.motion.easing.standard);var duration=castNativeType(makeMotionTime(theme.motion.duration.gentle));var style=useAnimatedStyle(function(){return {width:withTiming(props.isActive?size[18]:size[6],{duration:duration,easing:easing})};},[props.isActive]);return jsx(Pressable,{onPress:onClick,accessibilityLabel:accessibilityLabel,children:jsx(PressableIndicatorButton,Object.assign({},props,{children:jsx(Animated.View,{style:style})}))});};
 

package/build/lib/native/components/Carousel/Indicators/StyledIndicatorButton.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"StyledIndicatorButton.native.js","sources":["../../../../../../src/components/Carousel/Indicators/StyledIndicatorButton.native.tsx"],"sourcesContent":["import React from 'react';\nimport { Pressable } from 'react-native';\nimport styled from 'styled-components/native';\nimport Animated, { useAnimatedStyle, withTiming } from 'react-native-reanimated';\nimport { getIndicatorButtonStyles } from './getIndicatorButtonStyles';\nimport type { IndicatorButtonProps } from './types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { castNativeType, makeMotionTime } from '~utils';\nimport { useTheme } from '~components/BladeProvider';\nimport { size } from '~tokens/global';\n\nconst PressableIndicatorButton = styled(BaseBox)<\n  Pick<IndicatorButtonProps, 'variant' | 'isActive'>\n>(({ theme, isActive, variant }) => {\n  return getIndicatorButtonStyles({ theme, isActive, variant });\n});\n\nconst StyledIndicatorButton = ({\n  onClick,\n  accessibilityLabel,\n  ...props\n}: IndicatorButtonProps & { accessibilityLabel?: string }): React.ReactElement => {\n  const { theme } = useTheme();\n  const easing = castNativeType(theme.motion.easing.standard);\n  const duration = castNativeType(makeMotionTime(theme.motion.duration.gentle));\n\n  const style = useAnimatedStyle(() => {\n    return {\n      width: withTiming(props.isActive ? size[18] : size[6], {\n        duration,\n        easing,\n      }),\n    };\n  }, [props.isActive]);\n\n  return (\n    <Pressable onPress={onClick} accessibilityLabel={accessibilityLabel}>\n      <PressableIndicatorButton {...props}>\n        <Animated.View style={style} />\n      </PressableIndicatorButton>\n    </Pressable>\n  );\n};\n\nexport { StyledIndicatorButton };\n"],"names":["PressableIndicatorButton","styled","BaseBox","_ref","theme","isActive","variant","getIndicatorButtonStyles","StyledIndicatorButton","_ref2","onClick","accessibilityLabel","props","_objectWithoutProperties","_excluded","_useTheme","useTheme","easing","castNativeType","motion","standard","duration","makeMotionTime","gentle","style","useAnimatedStyle","width","withTiming","size","_jsx","Pressable","onPress","children","Object","assign","Animated","View"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAA,SAAA,CAAA,CAAA,SAAA,CAAA,oBAAA,CAAA,CAWA,IAAMA,wBAAwB,CAAGC,MAAM,CAACC,OAAO,CAAC,CAE9C,SAAAC,IAAA,CAAkC,CAA/B,IAAAC,KAAK,CAAAD,IAAA,CAALC,KAAK,CAAEC,QAAQ,CAAAF,IAAA,CAARE,QAAQ,CAAEC,OAAO,CAAAH,IAAA,CAAPG,OAAO,CAC3B,OAAOC,wBAAwB,CAAC,CAAEH,KAAK,CAALA,KAAK,CAAEC,QAAQ,CAARA,QAAQ,CAAEC,OAAO,CAAPA,OAAQ,CAAC,CAAC,CAC/D,CAAC,CAAC,CAEI,IAAAE,qBAAqB,CAAG,SAAxBA,qBAAqBA,CAAAC,KAAA,CAIuD,CAHhF,IAAAC,OAAO,CAAAD,KAAA,CAAPC,OAAO,CACPC,kBAAkB,CAAAF,KAAA,CAAlBE,kBAAkB,CACfC,KAAK,CAAAC,wBAAA,CAAAJ,KAAA,CAAAK,SAAA,CAAA,CAER,IAAAC,SAAA,CAAkBC,QAAQ,EAAE,CAApBZ,KAAK,CAAAW,SAAA,CAALX,KAAK,CACb,IAAMa,MAAM,CAAGC,cAAc,CAACd,KAAK,CAACe,MAAM,CAACF,MAAM,CAACG,QAAQ,CAAC,CAC3D,IAAMC,QAAQ,CAAGH,cAAc,CAACI,cAAc,CAAClB,KAAK,CAACe,MAAM,CAACE,QAAQ,CAACE,MAAM,CAAC,CAAC,CAE7E,IAAMC,KAAK,CAAGC,gBAAgB,CAAC,UAAM,CACnC,OAAO,CACLC,KAAK,CAAEC,UAAU,CAACf,KAAK,CAACP,QAAQ,CAAGuB,IAAI,CAAC,EAAE,CAAC,CAAGA,IAAI,CAAC,CAAC,CAAC,CAAE,CACrDP,QAAQ,CAARA,QAAQ,CACRJ,MAAM,CAANA,MACF,CAAC,CACH,CAAC,CACH,CAAC,CAAE,CAACL,KAAK,CAACP,QAAQ,CAAC,CAAC,CAEpB,OACEwB,GAAA,CAACC,SAAS,CAAA,CAACC,OAAO,CAAErB,OAAQ,CAACC,kBAAkB,CAAEA,kBAAmB,CAAAqB,QAAA,CAClEH,GAAA,CAAC7B,wBAAwB,CAAAiC,MAAA,CAAAC,MAAA,CAAA,EAAA,CAAKtB,KAAK,CAAA,CAAAoB,QAAA,CACjCH,GAAA,CAACM,QAAQ,CAACC,IAAI,CAACZ,CAAAA,KAAK,CAAEA,KAAM,CAAE,CAAC,CAAA,CACP,CAAC,CAClB,CAAC,CAEhB;;;;"}
+{"version":3,"file":"StyledIndicatorButton.native.js","sources":["../../../../../../src/components/Carousel/Indicators/StyledIndicatorButton.native.tsx"],"sourcesContent":["import React from 'react';\nimport { Pressable } from 'react-native';\nimport styled from 'styled-components/native';\nimport Animated, { useAnimatedStyle, withTiming } from 'react-native-reanimated';\nimport { getIndicatorButtonStyles } from './getIndicatorButtonStyles';\nimport type { IndicatorButtonProps } from './types';\nimport { castNativeType, makeMotionTime } from '~utils';\nimport { size } from '~tokens/global';\nimport BaseBox from '~components/Box/BaseBox';\nimport { useTheme } from '~components/BladeProvider';\n\nconst PressableIndicatorButton = styled(BaseBox)<\n  Pick<IndicatorButtonProps, 'variant' | 'isActive'>\n>(({ theme, isActive, variant }) => {\n  return getIndicatorButtonStyles({ theme, isActive, variant });\n});\n\nconst StyledIndicatorButton = ({\n  onClick,\n  accessibilityLabel,\n  ...props\n}: IndicatorButtonProps & { accessibilityLabel?: string }): React.ReactElement => {\n  const { theme } = useTheme();\n  const easing = castNativeType(theme.motion.easing.standard);\n  const duration = castNativeType(makeMotionTime(theme.motion.duration.gentle));\n\n  const style = useAnimatedStyle(() => {\n    return {\n      width: withTiming(props.isActive ? size[18] : size[6], {\n        duration,\n        easing,\n      }),\n    };\n  }, [props.isActive]);\n\n  return (\n    <Pressable onPress={onClick} accessibilityLabel={accessibilityLabel}>\n      <PressableIndicatorButton {...props}>\n        <Animated.View style={style} />\n      </PressableIndicatorButton>\n    </Pressable>\n  );\n};\n\nexport { StyledIndicatorButton };\n"],"names":["PressableIndicatorButton","styled","BaseBox","_ref","theme","isActive","variant","getIndicatorButtonStyles","StyledIndicatorButton","_ref2","onClick","accessibilityLabel","props","_objectWithoutProperties","_excluded","_useTheme","useTheme","easing","castNativeType","motion","standard","duration","makeMotionTime","gentle","style","useAnimatedStyle","width","withTiming","size","_jsx","Pressable","onPress","children","Object","assign","Animated","View"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAA,SAAA,CAAA,CAAA,SAAA,CAAA,oBAAA,CAAA,CAWA,IAAMA,wBAAwB,CAAGC,MAAM,CAACC,OAAO,CAAC,CAE9C,SAAAC,IAAA,CAAkC,CAA/B,IAAAC,KAAK,CAAAD,IAAA,CAALC,KAAK,CAAEC,QAAQ,CAAAF,IAAA,CAARE,QAAQ,CAAEC,OAAO,CAAAH,IAAA,CAAPG,OAAO,CAC3B,OAAOC,wBAAwB,CAAC,CAAEH,KAAK,CAALA,KAAK,CAAEC,QAAQ,CAARA,QAAQ,CAAEC,OAAO,CAAPA,OAAQ,CAAC,CAAC,CAC/D,CAAC,CAAC,CAEI,IAAAE,qBAAqB,CAAG,SAAxBA,qBAAqBA,CAAAC,KAAA,CAIuD,CAHhF,IAAAC,OAAO,CAAAD,KAAA,CAAPC,OAAO,CACPC,kBAAkB,CAAAF,KAAA,CAAlBE,kBAAkB,CACfC,KAAK,CAAAC,wBAAA,CAAAJ,KAAA,CAAAK,SAAA,CAAA,CAER,IAAAC,SAAA,CAAkBC,QAAQ,EAAE,CAApBZ,KAAK,CAAAW,SAAA,CAALX,KAAK,CACb,IAAMa,MAAM,CAAGC,cAAc,CAACd,KAAK,CAACe,MAAM,CAACF,MAAM,CAACG,QAAQ,CAAC,CAC3D,IAAMC,QAAQ,CAAGH,cAAc,CAACI,cAAc,CAAClB,KAAK,CAACe,MAAM,CAACE,QAAQ,CAACE,MAAM,CAAC,CAAC,CAE7E,IAAMC,KAAK,CAAGC,gBAAgB,CAAC,UAAM,CACnC,OAAO,CACLC,KAAK,CAAEC,UAAU,CAACf,KAAK,CAACP,QAAQ,CAAGuB,IAAI,CAAC,EAAE,CAAC,CAAGA,IAAI,CAAC,CAAC,CAAC,CAAE,CACrDP,QAAQ,CAARA,QAAQ,CACRJ,MAAM,CAANA,MACF,CAAC,CACH,CAAC,CACH,CAAC,CAAE,CAACL,KAAK,CAACP,QAAQ,CAAC,CAAC,CAEpB,OACEwB,GAAA,CAACC,SAAS,CAAA,CAACC,OAAO,CAAErB,OAAQ,CAACC,kBAAkB,CAAEA,kBAAmB,CAAAqB,QAAA,CAClEH,GAAA,CAAC7B,wBAAwB,CAAAiC,MAAA,CAAAC,MAAA,CAAA,EAAA,CAAKtB,KAAK,CAAA,CAAAoB,QAAA,CACjCH,GAAA,CAACM,QAAQ,CAACC,IAAI,CAACZ,CAAAA,KAAK,CAAEA,KAAM,CAAE,CAAC,CAAA,CACP,CAAC,CAClB,CAAC,CAEhB;;;;"}

package/build/lib/native/components/Carousel/NavigationButton/NavigationButton.js

@@ -1,5 +1,13 @@
 import 'react';
 import { StyledNavigationButton } from './StyledNavigationButton.native.js';
+import 'react-native';
+import '@babel/runtime/helpers/slicedToArray';
+import { isReactNative } from '../../../utils/platform/isReactNative.js';
+import '../../../tokens/global/typography.js';
+import '../../../tokens/global/motion.js';
+import useTheme from '../../BladeProvider/useTheme.js';
+import { metaAttribute } from '../../../utils/metaAttribute/metaAttribute.native.js';
+import { makeAccessible } from '../../../utils/makeAccessible/makeAccessible.native.js';
 import '../../Icons/AcceptPaymentsFilledIcon/AcceptPaymentsFilledIcon.js';
 import '../../Icons/AcceptPaymentsIcon/AcceptPaymentsIcon.js';
 import '../../Icons/ActivityIcon/ActivityIcon.js';
@@ -442,16 +450,10 @@ import '../../Icons/ZoomOutIcon/ZoomOutIcon.js';
 import 'styled-components/native';
 import '@gorhom/portal';
 import 'react-native-gesture-handler';
-import useTheme from '../../BladeProvider/useTheme.js';
-import 'react-native';
-import '@babel/runtime/helpers/slicedToArray';
-import { isReactNative } from '../../../utils/platform/isReactNative.js';
 import '../../BottomSheet/BottomSheetStack.js';
 import { jsx } from 'react/jsx-runtime';
-import { metaAttribute } from '../../../utils/metaAttribute/metaAttribute.native.js';
-import { makeAccessible } from '../../../utils/makeAccessible/makeAccessible.native.js';
 
-var NavigationButton=function NavigationButton(_ref){var type=_ref.type,variant=_ref.variant,onClick=_ref.onClick;var _useTheme=useTheme(),platform=_useTheme.platform;var isMobile=platform==='onMobile';var iconSize=isMobile?'small':'medium';var getIconColor=function getIconColor(){if(!isReactNative()){return 'currentColor';}var iconColor={filled:'interactive.icon.staticBlack.muted',stroked:'interactive.icon.gray.normal'};return iconColor[variant];};return jsx(StyledNavigationButton,Object.assign({onClick:onClick,variant:variant},metaAttribute({name:'NavigationButton'}),makeAccessible({label:type==='previous'?'Previous Slide':'Next Slide'}),{children:type==='next'?jsx(ChevronRightIcon,{size:iconSize,color:getIconColor()}):jsx(ChevronLeftIcon,{size:iconSize,color:getIconColor()})}));};
+var NavigationButton=function NavigationButton(_ref){var type=_ref.type,variant=_ref.variant,_onClick=_ref.onClick;var _useTheme=useTheme(),platform=_useTheme.platform;var isMobile=platform==='onMobile';var iconSize=isMobile?'small':'medium';var getIconColor=function getIconColor(){if(!isReactNative()){return 'currentColor';}var iconColor={filled:'interactive.icon.staticBlack.muted',stroked:'interactive.icon.gray.normal'};return iconColor[variant];};return jsx(StyledNavigationButton,Object.assign({onClick:function onClick(e){if(e){e.stopPropagation();}_onClick==null?void 0:_onClick(e);},variant:variant},metaAttribute({name:'NavigationButton'}),makeAccessible({label:type==='previous'?'Previous Slide':'Next Slide'}),{children:type==='next'?jsx(ChevronRightIcon,{size:iconSize,color:getIconColor()}):jsx(ChevronLeftIcon,{size:iconSize,color:getIconColor()})}));};
 
 export { NavigationButton };
 //# sourceMappingURL=NavigationButton.js.map

package/build/lib/native/components/Carousel/NavigationButton/NavigationButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationButton.js","sources":["../../../../../../src/components/Carousel/NavigationButton/NavigationButton.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport React from 'react';\nimport type { NavigationButtonProps } from './types';\nimport { StyledNavigationButton } from './StyledNavigationButton';\nimport { ChevronLeftIcon, ChevronRightIcon } from '~components/Icons';\nimport { useTheme } from '~components/BladeProvider';\nimport { isReactNative } from '~utils';\nimport { metaAttribute } from '~utils/metaAttribute';\nimport { makeAccessible } from '~utils/makeAccessible';\n\nconst NavigationButton = ({ type, variant, onClick }: NavigationButtonProps): ReactElement => {\n  const { platform } = useTheme();\n  const isMobile = platform === 'onMobile';\n  const iconSize = isMobile ? 'small' : 'medium';\n\n  // eslint-disable-next-line @typescript-eslint/explicit-function-return-type\n  const getIconColor = () => {\n    if (!isReactNative()) {\n      return 'currentColor' as const;\n    }\n\n    // on react native we cannot rely on currentColor thus need to manually pass iconColor\n    const iconColor = {\n      filled: 'interactive.icon.staticBlack.muted',\n      stroked: 'interactive.icon.gray.normal',\n    } as const;\n\n    return iconColor[variant];\n  };\n\n  return (\n    <StyledNavigationButton\n      onClick={onClick}\n      variant={variant}\n      {...metaAttribute({ name: 'NavigationButton' })}\n      {...makeAccessible({ label: type === 'previous' ? 'Previous Slide' : 'Next Slide' })}\n    >\n      {type === 'next' ? (\n        <ChevronRightIcon size={iconSize} color={getIconColor()} />\n      ) : (\n        <ChevronLeftIcon size={iconSize} color={getIconColor()} />\n      )}\n    </StyledNavigationButton>\n  );\n};\n\nexport type { NavigationButtonProps };\nexport { NavigationButton };\n"],"names":["NavigationButton","_ref","type","variant","onClick","_useTheme","useTheme","platform","isMobile","iconSize","getIconColor","isReactNative","iconColor","filled","stroked","_jsx","StyledNavigationButton","Object","assign","metaAttribute","name","makeAccessible","label","children","ChevronRightIcon","size","color","ChevronLeftIcon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUM,IAAAA,gBAAgB,CAAG,SAAnBA,gBAAgBA,CAAAC,IAAA,CAAwE,KAAlEC,IAAI,CAAAD,IAAA,CAAJC,IAAI,CAAEC,OAAO,CAAAF,IAAA,CAAPE,OAAO,CAAEC,OAAO,CAAAH,IAAA,CAAPG,OAAO,CAChD,IAAAC,SAAA,CAAqBC,QAAQ,EAAE,CAAvBC,QAAQ,CAAAF,SAAA,CAARE,QAAQ,CAChB,IAAMC,QAAQ,CAAGD,QAAQ,GAAK,UAAU,CACxC,IAAME,QAAQ,CAAGD,QAAQ,CAAG,OAAO,CAAG,QAAQ,CAG9C,IAAME,YAAY,CAAG,SAAfA,YAAYA,EAAS,CACzB,GAAI,CAACC,aAAa,EAAE,CAAE,CACpB,OAAO,cAAc,CACvB,CAGA,IAAMC,SAAS,CAAG,CAChBC,MAAM,CAAE,oCAAoC,CAC5CC,OAAO,CAAE,8BACX,CAAU,CAEV,OAAOF,SAAS,CAACT,OAAO,CAAC,CAC3B,CAAC,CAED,OACEY,GAAA,CAACC,sBAAsB,CAAAC,MAAA,CAAAC,MAAA,CAAA,CACrBd,OAAO,CAAEA,OAAQ,CACjBD,OAAO,CAAEA,OAAQ,EACbgB,aAAa,CAAC,CAAEC,IAAI,CAAE,kBAAmB,CAAC,CAAC,CAC3CC,cAAc,CAAC,CAAEC,KAAK,CAAEpB,IAAI,GAAK,UAAU,CAAG,gBAAgB,CAAG,YAAa,CAAC,CAAC,CAAAqB,CAAAA,QAAA,CAEnFrB,IAAI,GAAK,MAAM,CACda,GAAA,CAACS,gBAAgB,CAAA,CAACC,IAAI,CAAEhB,QAAS,CAACiB,KAAK,CAAEhB,YAAY,EAAG,CAAE,CAAC,CAE3DK,GAAA,CAACY,eAAe,CAACF,CAAAA,IAAI,CAAEhB,QAAS,CAACiB,KAAK,CAAEhB,YAAY,EAAG,CAAE,CAC1D,CAAA,CACqB,CAAC,CAE7B;;;;"}
+{"version":3,"file":"NavigationButton.js","sources":["../../../../../../src/components/Carousel/NavigationButton/NavigationButton.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport React from 'react';\nimport type { NavigationButtonProps } from './types';\nimport { StyledNavigationButton } from './StyledNavigationButton';\nimport { isReactNative } from '~utils';\nimport { metaAttribute } from '~utils/metaAttribute';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { ChevronLeftIcon, ChevronRightIcon } from '~components/Icons';\nimport { useTheme } from '~components/BladeProvider';\n\nconst NavigationButton = ({ type, variant, onClick }: NavigationButtonProps): ReactElement => {\n  const { platform } = useTheme();\n  const isMobile = platform === 'onMobile';\n  const iconSize = isMobile ? 'small' : 'medium';\n\n  // eslint-disable-next-line @typescript-eslint/explicit-function-return-type\n  const getIconColor = () => {\n    if (!isReactNative()) {\n      return 'currentColor' as const;\n    }\n\n    // on react native we cannot rely on currentColor thus need to manually pass iconColor\n    const iconColor = {\n      filled: 'interactive.icon.staticBlack.muted',\n      stroked: 'interactive.icon.gray.normal',\n    } as const;\n\n    return iconColor[variant];\n  };\n\n  return (\n    <StyledNavigationButton\n      onClick={(e) => {\n        if (e) {\n          e.stopPropagation();\n        }\n        onClick?.(e);\n      }}\n      variant={variant}\n      {...metaAttribute({ name: 'NavigationButton' })}\n      {...makeAccessible({ label: type === 'previous' ? 'Previous Slide' : 'Next Slide' })}\n    >\n      {type === 'next' ? (\n        <ChevronRightIcon size={iconSize} color={getIconColor()} />\n      ) : (\n        <ChevronLeftIcon size={iconSize} color={getIconColor()} />\n      )}\n    </StyledNavigationButton>\n  );\n};\n\nexport type { NavigationButtonProps };\nexport { NavigationButton };\n"],"names":["NavigationButton","_ref","type","variant","onClick","_useTheme","useTheme","platform","isMobile","iconSize","getIconColor","isReactNative","iconColor","filled","stroked","_jsx","StyledNavigationButton","Object","assign","e","stopPropagation","metaAttribute","name","makeAccessible","label","children","ChevronRightIcon","size","color","ChevronLeftIcon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUM,IAAAA,gBAAgB,CAAG,SAAnBA,gBAAgBA,CAAAC,IAAA,CAAwE,CAAlE,IAAAC,IAAI,CAAAD,IAAA,CAAJC,IAAI,CAAEC,OAAO,CAAAF,IAAA,CAAPE,OAAO,CAAEC,QAAO,CAAAH,IAAA,CAAPG,OAAO,CAChD,IAAAC,SAAA,CAAqBC,QAAQ,EAAE,CAAvBC,QAAQ,CAAAF,SAAA,CAARE,QAAQ,CAChB,IAAMC,QAAQ,CAAGD,QAAQ,GAAK,UAAU,CACxC,IAAME,QAAQ,CAAGD,QAAQ,CAAG,OAAO,CAAG,QAAQ,CAG9C,IAAME,YAAY,CAAG,SAAfA,YAAYA,EAAS,CACzB,GAAI,CAACC,aAAa,EAAE,CAAE,CACpB,OAAO,cAAc,CACvB,CAGA,IAAMC,SAAS,CAAG,CAChBC,MAAM,CAAE,oCAAoC,CAC5CC,OAAO,CAAE,8BACX,CAAU,CAEV,OAAOF,SAAS,CAACT,OAAO,CAAC,CAC3B,CAAC,CAED,OACEY,GAAA,CAACC,sBAAsB,CAAAC,MAAA,CAAAC,MAAA,CAAA,CACrBd,OAAO,CAAE,SAATA,OAAOA,CAAGe,CAAC,CAAK,CACd,GAAIA,CAAC,CAAE,CACLA,CAAC,CAACC,eAAe,EAAE,CACrB,CACAhB,QAAO,EAAPA,IAAAA,CAAAA,KAAAA,CAAAA,CAAAA,QAAO,CAAGe,CAAC,CAAC,CACd,CAAE,CACFhB,OAAO,CAAEA,OAAQ,CAAA,CACbkB,aAAa,CAAC,CAAEC,IAAI,CAAE,kBAAmB,CAAC,CAAC,CAC3CC,cAAc,CAAC,CAAEC,KAAK,CAAEtB,IAAI,GAAK,UAAU,CAAG,gBAAgB,CAAG,YAAa,CAAC,CAAC,CAAAuB,CAAAA,QAAA,CAEnFvB,IAAI,GAAK,MAAM,CACda,GAAA,CAACW,gBAAgB,CAACC,CAAAA,IAAI,CAAElB,QAAS,CAACmB,KAAK,CAAElB,YAAY,EAAG,CAAE,CAAC,CAE3DK,GAAA,CAACc,eAAe,CAACF,CAAAA,IAAI,CAAElB,QAAS,CAACmB,KAAK,CAAElB,YAAY,EAAG,CAAE,CAC1D,CACqB,CAAA,CAAC,CAE7B;;;;"}