@razorpay/blade 12.98.1 → 12.110.0

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 { 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;;;;"}
+{"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 type { CardVariant } from './types';\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)<{ variant?: CardVariant }>(\n  ({ theme, variant = 'primary' }) => {\n    return {\n      width: '100%',\n      display: 'flex',\n      flexDirection: 'column',\n      ...(variant === 'primary'\n        ? {\n            borderWidth: makeBorderSize(theme.border.width.thin),\n            borderStyle: 'solid',\n            borderColor: `${theme.colors.surface.border.gray.muted}`,\n          }\n        : {\n            borderWidth: 0,\n            backgroundColor: theme.colors.surface.background.gray.moderate,\n          }),\n    };\n  },\n);\n\ntype CardSurfaceProps = {\n  children: React.ReactNode;\n  colorScheme?: ColorSchemeNames;\n  isSelected?: boolean;\n  variant?: CardVariant;\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  variant,\n  ...props\n}: CardSurfaceProps): React.ReactElement => {\n  return (\n    <CardSurfaceStyled\n      {...props}\n      backgroundColor={backgroundColor}\n      variant={variant}\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":["this","CardSurfaceStyled","styled","BaseBox","_ref","theme","_ref$variant","variant","Object","assign","width","display","flexDirection","borderWidth","makeBorderSize","border","thin","borderStyle","borderColor","colors","surface","gray","muted","backgroundColor","background","moderate","CardSurface","_ref2","children","onTouchEnd","onTouchStart","onPointerDown","onPointerEnter","pointerEvents","_colorScheme","colorScheme","_isSelected","isSelected","props","_objectWithoutProperties","_excluded","_jsx","castNativeType"],"mappings":";;;;;;;;;;AAAA,IAAA,SAAA,CAAA,CAAA,UAAA,CAAA,iBAAA,CAAA,YAAA,CAAA,cAAA,CAAA,eAAA,CAAA,gBAAA,CAAA,eAAA,CAAA,aAAA,CAAA,YAAA,CAAA,SAAA,CAAA,CAAA,IAAA,KAAA,CAAAA,SAAA,CAAA,YAAA,CAAA,yFAAA,CAQA,IAAMC,iBAAiB,CAAGC,MAAM,CAACC,OAAO,CAAC,CACvC,SAAAC,IAAA,CAAoC,CAAjC,IAAAC,KAAK,CAAAD,IAAA,CAALC,KAAK,CAAAC,YAAA,CAAAF,IAAA,CAAEG,OAAO,CAAPA,OAAO,CAAAD,YAAA,GAAA,KAAA,CAAA,CAAG,SAAS,CAAAA,YAAA,CAC3B,OAAAE,MAAA,CAAAC,MAAA,CAAA,CACEC,KAAK,CAAE,MAAM,CACbC,OAAO,CAAE,MAAM,CACfC,aAAa,CAAE,QAAQ,EACnBL,OAAO,GAAK,SAAS,CACrB,CACEM,WAAW,CAAEC,cAAc,CAACT,KAAK,CAACU,MAAM,CAACL,KAAK,CAACM,IAAI,CAAC,CACpDC,WAAW,CAAE,OAAO,CACpBC,WAAW,CAAE,CAAGb,EAAAA,KAAK,CAACc,MAAM,CAACC,OAAO,CAACL,MAAM,CAACM,IAAI,CAACC,KAAK,CACxD,CAAA,CAAC,CACD,CACET,WAAW,CAAE,CAAC,CACdU,eAAe,CAAElB,KAAK,CAACc,MAAM,CAACC,OAAO,CAACI,UAAU,CAACH,IAAI,CAACI,QACxD,CAAC,CAET,CAAA,CACF,CAAC,CASK,IAAAC,WAAW,CAAG,SAAdA,WAAWA,CAAAC,KAAA,CAY2B,CAAA,IAX1CC,QAAQ,CAAAD,KAAA,CAARC,QAAQ,CACRL,eAAe,CAAAI,KAAA,CAAfJ,eAAe,CACfM,UAAU,CAAAF,KAAA,CAAVE,UAAU,CACVC,YAAY,CAAAH,KAAA,CAAZG,YAAY,CACZC,aAAa,CAAAJ,KAAA,CAAbI,aAAa,CACbC,cAAc,CAAAL,KAAA,CAAdK,cAAc,CACdC,aAAa,CAAAN,KAAA,CAAbM,aAAa,CACAC,YAAY,CAAAP,KAAA,CAAzBQ,WAAW,CACCC,WAAW,CAAAT,KAAA,CAAvBU,UAAU,CACV9B,OAAO,CAAAoB,KAAA,CAAPpB,OAAO,CACJ+B,KAAK,CAAAC,wBAAA,CAAAZ,KAAA,CAAAa,SAAA,CAAA,CAER,OACEC,GAAA,CAACxC,iBAAiB,CAAAO,MAAA,CAAAC,MAAA,IACZ6B,KAAK,CAAA,CACTf,eAAe,CAAEA,eAAgB,CACjChB,OAAO,CAAEA,OAAQ,CACjByB,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,CAAAL,QAAA,CAE5CA,QAAQ,CAAA,CACQ,CAAC,CAExB;;;;"}

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

@@ -0,0 +1,12 @@
+import 'react';
+import styled from 'styled-components/native';
+import '../Box/BaseBox/index.js';
+import '../../utils/index.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
+import { makeBorderSize } from '../../utils/makeBorderSize/makeBorderSize.native.js';
+
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Card/CardTicketSurface.native.tsx";var getTicketBorderColor=function getTicketBorderColor(theme,_ref){var isSelected=_ref.isSelected,isDisabled=_ref.isDisabled;if(isSelected&&!isDisabled){return theme.colors.surface.border.primary.normal;}return theme.colors.surface.border.gray.subtle;};var getTicketBorderStyle=function getTicketBorderStyle(_ref2){var isDisabled=_ref2.isDisabled;return isDisabled?'dashed':'solid';};var NativeTearLine=styled(BaseBox)(function(_ref3){var theme=_ref3.theme;return {borderTopWidth:makeBorderSize(theme.border.width.thin),borderStyle:'dashed',borderTopColor:theme.colors.surface.border.gray.subtle};});var TicketSection=styled(BaseBox)(function(_ref4){var theme=_ref4.theme,isSelected=_ref4.isSelected,isDisabled=_ref4.isDisabled,position=_ref4.position;var borderColor=getTicketBorderColor(theme,{isSelected:isSelected,isDisabled:isDisabled});var borderStyle=getTicketBorderStyle({isDisabled:isDisabled});var borderWidth=makeBorderSize(theme.border.width.thin);var radius=makeBorderSize(theme.border.radius.medium);var isTop=position==='top';return Object.assign({borderStyle:borderStyle,borderColor:borderColor,borderLeftWidth:borderWidth,borderRightWidth:borderWidth},isTop?{backgroundColor:theme.colors.surface.background.gray.intense,borderTopLeftRadius:radius,borderTopRightRadius:radius,borderTopWidth:borderWidth}:{backgroundColor:theme.colors.surface.background.gray.moderate,borderBottomLeftRadius:radius,borderBottomRightRadius:radius,borderBottomWidth:borderWidth});});var CardTicketSurface=function CardTicketSurface(_ref5){var top=_ref5.top,bottom=_ref5.bottom,children=_ref5.children,isSelected=_ref5.isSelected,isDisabled=_ref5.isDisabled;return jsxs(BaseBox,{width:"100%",flexDirection:"column",children:[children,jsx(TicketSection,{position:"top",isSelected:isSelected,isDisabled:isDisabled,paddingTop:"spacing.4",paddingBottom:"spacing.2",paddingLeft:"spacing.4",paddingRight:"spacing.4",children:top}),jsx(NativeTearLine,{marginX:"spacing.4"}),jsx(TicketSection,{position:"bottom",isSelected:isSelected,isDisabled:isDisabled,paddingTop:"spacing.2",paddingBottom:"spacing.4",paddingLeft:"spacing.4",paddingRight:"spacing.4",children:bottom})]});};
+
+export { CardTicketSurface };
+//# sourceMappingURL=CardTicketSurface.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CardTicketSurface.native.js","sources":["../../../../../src/components/Card/CardTicketSurface.native.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components/native';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { Theme } from '~components/BladeProvider';\nimport { makeBorderSize } from '~utils';\n\ntype TicketStateProps = {\n  isSelected?: boolean;\n  isDisabled?: boolean;\n};\n\nconst getTicketBorderColor = (\n  theme: Theme,\n  { isSelected, isDisabled }: TicketStateProps,\n): string => {\n  if (isSelected && !isDisabled) {\n    return theme.colors.surface.border.primary.normal;\n  }\n  return theme.colors.surface.border.gray.subtle;\n};\n\nconst getTicketBorderStyle = ({ isDisabled }: TicketStateProps): 'solid' | 'dashed' =>\n  isDisabled ? 'dashed' : 'solid';\n\n// React Native cannot punch notches or paint scalloped masks, so the native ticket degrades to\n// bordered sections split by a dashed tear line without the semicircular cut-outs/scallops.\nconst NativeTearLine = styled(BaseBox)(({ theme }) => ({\n  borderTopWidth: makeBorderSize(theme.border.width.thin),\n  borderStyle: 'dashed' as const,\n  borderTopColor: theme.colors.surface.border.gray.subtle,\n}));\n\nconst TicketSection = styled(BaseBox)<TicketStateProps & { position: 'top' | 'bottom' }>(\n  ({ theme, isSelected, isDisabled, position }) => {\n    const borderColor = getTicketBorderColor(theme, { isSelected, isDisabled });\n    const borderStyle = getTicketBorderStyle({ isDisabled });\n    const borderWidth = makeBorderSize(theme.border.width.thin);\n    const radius = makeBorderSize(theme.border.radius.medium);\n    const isTop = position === 'top';\n\n    return {\n      borderStyle,\n      borderColor,\n      borderLeftWidth: borderWidth,\n      borderRightWidth: borderWidth,\n      ...(isTop\n        ? {\n            backgroundColor: theme.colors.surface.background.gray.intense,\n            borderTopLeftRadius: radius,\n            borderTopRightRadius: radius,\n            borderTopWidth: borderWidth,\n          }\n        : {\n            backgroundColor: theme.colors.surface.background.gray.moderate,\n            borderBottomLeftRadius: radius,\n            borderBottomRightRadius: radius,\n            borderBottomWidth: borderWidth,\n          }),\n    };\n  },\n);\n\ntype CardTicketSurfaceProps = {\n  top: React.ReactNode;\n  bottom: React.ReactNode;\n  children?: React.ReactNode;\n} & TicketStateProps;\n\nconst CardTicketSurface = ({\n  top,\n  bottom,\n  children,\n  isSelected,\n  isDisabled,\n}: CardTicketSurfaceProps): React.ReactElement => {\n  return (\n    <BaseBox width=\"100%\" flexDirection=\"column\">\n      {children}\n      <TicketSection\n        position=\"top\"\n        isSelected={isSelected}\n        isDisabled={isDisabled}\n        paddingTop=\"spacing.4\"\n        paddingBottom=\"spacing.2\"\n        paddingLeft=\"spacing.4\"\n        paddingRight=\"spacing.4\"\n      >\n        {top}\n      </TicketSection>\n      <NativeTearLine marginX=\"spacing.4\" />\n      <TicketSection\n        position=\"bottom\"\n        isSelected={isSelected}\n        isDisabled={isDisabled}\n        paddingTop=\"spacing.2\"\n        paddingBottom=\"spacing.4\"\n        paddingLeft=\"spacing.4\"\n        paddingRight=\"spacing.4\"\n      >\n        {bottom}\n      </TicketSection>\n    </BaseBox>\n  );\n};\n\nexport { CardTicketSurface };\n"],"names":["this","getTicketBorderColor","theme","_ref","isSelected","isDisabled","colors","surface","border","primary","normal","gray","subtle","getTicketBorderStyle","_ref2","NativeTearLine","styled","BaseBox","_ref3","borderTopWidth","makeBorderSize","width","thin","borderStyle","borderTopColor","TicketSection","_ref4","position","borderColor","borderWidth","radius","medium","isTop","Object","assign","borderLeftWidth","borderRightWidth","backgroundColor","background","intense","borderTopLeftRadius","borderTopRightRadius","moderate","borderBottomLeftRadius","borderBottomRightRadius","borderBottomWidth","CardTicketSurface","_ref5","top","bottom","children","_jsxs","flexDirection","_jsx","paddingTop","paddingBottom","paddingLeft","paddingRight","marginX"],"mappings":"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"}

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

@@ -0,0 +1,29 @@
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import React__default from 'react';
+import { CardBody } from './Card.js';
+import { CardProvider } from './CardContext.js';
+import { LinkOverlay } from './LinkOverlay.native.js';
+import { CardRoot } from './CardRoot.native.js';
+import { CardInfoSurface } from './CardInfoSurface.js';
+import { createSectionedCardSlot } from './createSectionedCardSlot.js';
+import { SectionedCardComponentIds } from './sectionedCardConstants.js';
+import { splitSectionedCardChildren } from './splitSectionedCardChildren.js';
+import { useSectionedCardState } from './useSectionedCardState.js';
+import '../../utils/metaAttribute/index.js';
+import '../Box/styledProps/index.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
+import '../../utils/makeAccessible/index.native.js';
+import '../../utils/index.js';
+import { useVerifyAllowedChildren } from '../../utils/useVerifyAllowedChildren/useVerifyAllowedChildren.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
+import { isReactNative } from '../../utils/platform/isReactNative.js';
+import { makeAccessible } from '../../utils/makeAccessible/makeAccessible.native.js';
+import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.native.js';
+import { getStyledProps } from '../Box/styledProps/getStyledProps.js';
+import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
+
+var _excluded=["children","testID","width","height","minHeight","minWidth","maxWidth","onClick","isSelected","isDisabled","accessibilityLabel","onHover","href","target","rel","as","size","cursor","opacity","transition","flexShrink"];var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Card/InfoCard.tsx";var InfoCardBody=createSectionedCardSlot(SectionedCardComponentIds.InfoCardBody,MetaConstants.InfoCardBody);var InfoCardFooter=createSectionedCardSlot(SectionedCardComponentIds.InfoCardFooter,MetaConstants.InfoCardFooter);var _InfoCard=function _InfoCard(_ref,ref){var children=_ref.children,testID=_ref.testID,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,_ref$isDisabled=_ref.isDisabled,isDisabled=_ref$isDisabled===void 0?false:_ref$isDisabled,accessibilityLabel=_ref.accessibilityLabel,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);useVerifyAllowedChildren({children:children,componentName:'InfoCard',allowedComponents:[SectionedCardComponentIds.InfoCardBody,SectionedCardComponentIds.InfoCardFooter]});var _splitSectionedCardCh=splitSectionedCardChildren({children:children,bodyComponentId:SectionedCardComponentIds.InfoCardBody,footerComponentId:SectionedCardComponentIds.InfoCardFooter,componentName:'InfoCard'}),body=_splitSectionedCardCh.body,footer=_splitSectionedCardCh.footer;var _useSectionedCardStat=useSectionedCardState({isSelected:isSelected,isDisabled:isDisabled,accessibilityLabel:accessibilityLabel,href:href,target:target,onClick:onClick}),isFocused=_useSectionedCardStat.isFocused,isCardDisabled=_useSectionedCardStat.isCardDisabled,isCardSelected=_useSectionedCardStat.isCardSelected,linkOverlayProps=_useSectionedCardStat.linkOverlayProps,defaultRel=_useSectionedCardStat.defaultRel;return jsx(CardProvider,{size:size,children:jsx(CardRoot,Object.assign({as:as,ref:ref,display:'block',onMouseEnter:onHover,isSelected:false,isFocused:isFocused,onClick:isReactNative()&&!isCardDisabled?onClick:undefined,width:width,height:height,minHeight:minHeight,minWidth:minWidth,maxWidth:maxWidth,href:isCardDisabled?undefined:href,accessibilityLabel:accessibilityLabel,cursor:isReactNative()?undefined:isCardDisabled?'not-allowed':cursor,opacity:opacity,transition:transition,flexShrink:flexShrink},makeAccessible({disabled:isCardDisabled?true:undefined}),metaAttribute({name:MetaConstants.Card,testID:testID}),getStyledProps(rest),makeAnalyticsAttribute(rest),{children:jsxs(CardInfoSurface,{top:jsx(CardBody,{children:body}),bottom:jsx(CardBody,{children:footer}),isSelected:isCardSelected,isDisabled:isCardDisabled,children:[!isCardDisabled&&href?jsx(LinkOverlay,Object.assign({onClick:onClick,href:href,target:target,rel:rel!=null?rel:defaultRel},linkOverlayProps)):null,!isCardDisabled&&!href&&onClick?jsx(LinkOverlay,Object.assign({as:"button",onClick:onClick},linkOverlayProps)):null]})}))});};var InfoCard=React__default.forwardRef(_InfoCard);
+
+export { InfoCard, InfoCardBody, InfoCardFooter };
+//# sourceMappingURL=InfoCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InfoCard.js","sources":["../../../../../src/components/Card/InfoCard.tsx"],"sourcesContent":["import React from 'react';\nimport { CardBody } from './Card';\nimport type { CardProps } from './Card';\nimport { CardProvider } from './CardContext';\nimport { LinkOverlay } from './LinkOverlay';\nimport { CardRoot } from './CardRoot';\nimport { CardInfoSurface } from './CardInfoSurface';\nimport { createSectionedCardSlot } from './createSectionedCardSlot';\nimport { SectionedCardComponentIds } from './sectionedCardConstants';\nimport { splitSectionedCardChildren } from './splitSectionedCardChildren';\nimport { useSectionedCardState } from './useSectionedCardState';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport type { BladeElementRef } from '~utils/types';\nimport { isReactNative } from '~utils';\nimport { useVerifyAllowedChildren } from '~utils/useVerifyAllowedChildren/useVerifyAllowedChildren';\n\nexport type InfoCardProps = Omit<CardProps, 'variant'>;\n\nconst InfoCardBody = createSectionedCardSlot(\n  SectionedCardComponentIds.InfoCardBody,\n  MetaConstants.InfoCardBody,\n);\n\nconst InfoCardFooter = createSectionedCardSlot(\n  SectionedCardComponentIds.InfoCardFooter,\n  MetaConstants.InfoCardFooter,\n);\n\nconst _InfoCard: React.ForwardRefRenderFunction<BladeElementRef, InfoCardProps> = (\n  {\n    children,\n    testID,\n    width,\n    height,\n    minHeight,\n    minWidth,\n    maxWidth,\n    onClick,\n    isSelected = false,\n    isDisabled = false,\n    accessibilityLabel,\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  useVerifyAllowedChildren({\n    children,\n    componentName: 'InfoCard',\n    allowedComponents: [\n      SectionedCardComponentIds.InfoCardBody,\n      SectionedCardComponentIds.InfoCardFooter,\n    ],\n  });\n\n  const { body, footer } = splitSectionedCardChildren({\n    children,\n    bodyComponentId: SectionedCardComponentIds.InfoCardBody,\n    footerComponentId: SectionedCardComponentIds.InfoCardFooter,\n    componentName: 'InfoCard',\n  });\n\n  const {\n    isFocused,\n    isCardDisabled,\n    isCardSelected,\n    linkOverlayProps,\n    defaultRel,\n  } = useSectionedCardState({\n    isSelected,\n    isDisabled,\n    accessibilityLabel,\n    href,\n    target,\n    onClick,\n  });\n\n  return (\n    <CardProvider size={size}>\n      <CardRoot\n        as={as}\n        ref={ref as never}\n        display={'block' as never}\n        onMouseEnter={onHover as never}\n        isSelected={false}\n        isFocused={isFocused}\n        onClick={isReactNative() && !isCardDisabled ? onClick : undefined}\n        width={width}\n        height={height}\n        minHeight={minHeight}\n        minWidth={minWidth}\n        maxWidth={maxWidth}\n        href={isCardDisabled ? undefined : href}\n        accessibilityLabel={accessibilityLabel}\n        cursor={(isReactNative() ? undefined : isCardDisabled ? 'not-allowed' : cursor) as never}\n        opacity={opacity}\n        transition={transition}\n        flexShrink={flexShrink}\n        {...makeAccessible({ disabled: isCardDisabled ? true : undefined })}\n        {...metaAttribute({ name: MetaConstants.Card, testID })}\n        {...getStyledProps(rest)}\n        {...makeAnalyticsAttribute(rest)}\n      >\n        <CardInfoSurface\n          top={<CardBody>{body}</CardBody>}\n          bottom={<CardBody>{footer}</CardBody>}\n          isSelected={isCardSelected}\n          isDisabled={isCardDisabled}\n        >\n          {!isCardDisabled && href ? (\n            <LinkOverlay\n              onClick={onClick}\n              href={href}\n              target={target}\n              rel={rel ?? defaultRel}\n              {...linkOverlayProps}\n            />\n          ) : null}\n          {!isCardDisabled && !href && onClick ? (\n            <LinkOverlay as=\"button\" onClick={onClick} {...linkOverlayProps} />\n          ) : null}\n        </CardInfoSurface>\n      </CardRoot>\n    </CardProvider>\n  );\n};\n\nconst InfoCard = React.forwardRef(_InfoCard);\n\nexport { InfoCard, InfoCardBody, InfoCardFooter };\n"],"names":["this","InfoCardBody","createSectionedCardSlot","SectionedCardComponentIds","MetaConstants","InfoCardFooter","_InfoCard","_ref","ref","children","testID","width","height","minHeight","minWidth","maxWidth","onClick","_ref$isSelected","isSelected","_ref$isDisabled","isDisabled","accessibilityLabel","onHover","href","target","rel","as","_ref$size","size","cursor","opacity","transition","flexShrink","rest","_objectWithoutProperties","_excluded","useVerifyAllowedChildren","componentName","allowedComponents","_splitSectionedCardCh","splitSectionedCardChildren","bodyComponentId","footerComponentId","body","footer","_useSectionedCardStat","useSectionedCardState","isFocused","isCardDisabled","isCardSelected","linkOverlayProps","defaultRel","_jsx","CardProvider","CardRoot","Object","assign","display","onMouseEnter","isReactNative","undefined","makeAccessible","disabled","metaAttribute","name","Card","getStyledProps","makeAnalyticsAttribute","_jsxs","CardInfoSurface","top","CardBody","bottom","LinkOverlay","InfoCard","React","forwardRef"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAA,SAAA,CAAA,CAAA,UAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA,WAAA,CAAA,UAAA,CAAA,UAAA,CAAA,SAAA,CAAA,YAAA,CAAA,YAAA,CAAA,oBAAA,CAAA,SAAA,CAAA,MAAA,CAAA,QAAA,CAAA,KAAA,CAAA,IAAA,CAAA,MAAA,CAAA,QAAA,CAAA,SAAA,CAAA,YAAA,CAAA,YAAA,CAAA,CAAA,IAAA,KAAA,CAAAA,SAAA,CAAA,YAAA,CAAA,+EAAA,CAqBM,IAAAC,YAAY,CAAGC,uBAAuB,CAC1CC,yBAAyB,CAACF,YAAY,CACtCG,aAAa,CAACH,YAChB,EAEM,IAAAI,cAAc,CAAGH,uBAAuB,CAC5CC,yBAAyB,CAACE,cAAc,CACxCD,aAAa,CAACC,cAChB,EAEA,IAAMC,SAAyE,CAAG,SAA5EA,SAAyEA,CAAAC,IAAA,CAyB7EC,GAAG,CACoB,CAAA,IAxBrBC,QAAQ,CAAAF,IAAA,CAARE,QAAQ,CACRC,MAAM,CAAAH,IAAA,CAANG,MAAM,CACNC,KAAK,CAAAJ,IAAA,CAALI,KAAK,CACLC,MAAM,CAAAL,IAAA,CAANK,MAAM,CACNC,SAAS,CAAAN,IAAA,CAATM,SAAS,CACTC,QAAQ,CAAAP,IAAA,CAARO,QAAQ,CACRC,QAAQ,CAAAR,IAAA,CAARQ,QAAQ,CACRC,OAAO,CAAAT,IAAA,CAAPS,OAAO,CAAAC,eAAA,CAAAV,IAAA,CACPW,UAAU,CAAVA,UAAU,CAAAD,eAAA,UAAG,KAAK,CAAAA,eAAA,CAAAE,eAAA,CAAAZ,IAAA,CAClBa,UAAU,CAAVA,UAAU,CAAAD,eAAA,GAAG,KAAA,CAAA,CAAA,KAAK,CAAAA,eAAA,CAClBE,kBAAkB,CAAAd,IAAA,CAAlBc,kBAAkB,CAClBC,OAAO,CAAAf,IAAA,CAAPe,OAAO,CACPC,IAAI,CAAAhB,IAAA,CAAJgB,IAAI,CACJC,MAAM,CAAAjB,IAAA,CAANiB,MAAM,CACNC,GAAG,CAAAlB,IAAA,CAAHkB,GAAG,CACHC,EAAE,CAAAnB,IAAA,CAAFmB,EAAE,CAAAC,SAAA,CAAApB,IAAA,CACFqB,IAAI,CAAJA,IAAI,CAAAD,SAAA,GAAG,KAAA,CAAA,CAAA,OAAO,CAAAA,SAAA,CACdE,MAAM,CAAAtB,IAAA,CAANsB,MAAM,CACNC,OAAO,CAAAvB,IAAA,CAAPuB,OAAO,CACPC,UAAU,CAAAxB,IAAA,CAAVwB,UAAU,CACVC,UAAU,CAAAzB,IAAA,CAAVyB,UAAU,CACPC,IAAI,CAAAC,wBAAA,CAAA3B,IAAA,CAAA4B,SAAA,CAAA,CAITC,wBAAwB,CAAC,CACvB3B,QAAQ,CAARA,QAAQ,CACR4B,aAAa,CAAE,UAAU,CACzBC,iBAAiB,CAAE,CACjBnC,yBAAyB,CAACF,YAAY,CACtCE,yBAAyB,CAACE,cAAc,CAE5C,CAAC,CAAC,CAEF,IAAAkC,qBAAA,CAAyBC,0BAA0B,CAAC,CAClD/B,QAAQ,CAARA,QAAQ,CACRgC,eAAe,CAAEtC,yBAAyB,CAACF,YAAY,CACvDyC,iBAAiB,CAAEvC,yBAAyB,CAACE,cAAc,CAC3DgC,aAAa,CAAE,UACjB,CAAC,CAAC,CALMM,IAAI,CAAAJ,qBAAA,CAAJI,IAAI,CAAEC,MAAM,CAAAL,qBAAA,CAANK,MAAM,CAOpB,IAAAC,qBAAA,CAMIC,qBAAqB,CAAC,CACxB5B,UAAU,CAAVA,UAAU,CACVE,UAAU,CAAVA,UAAU,CACVC,kBAAkB,CAAlBA,kBAAkB,CAClBE,IAAI,CAAJA,IAAI,CACJC,MAAM,CAANA,MAAM,CACNR,OAAO,CAAPA,OACF,CAAC,CAAC,CAZA+B,SAAS,CAAAF,qBAAA,CAATE,SAAS,CACTC,cAAc,CAAAH,qBAAA,CAAdG,cAAc,CACdC,cAAc,CAAAJ,qBAAA,CAAdI,cAAc,CACdC,gBAAgB,CAAAL,qBAAA,CAAhBK,gBAAgB,CAChBC,UAAU,CAAAN,qBAAA,CAAVM,UAAU,CAUZ,OACEC,GAAA,CAACC,YAAY,EAACzB,IAAI,CAAEA,IAAK,CAAAnB,QAAA,CACvB2C,GAAA,CAACE,QAAQ,CAAAC,MAAA,CAAAC,MAAA,EACP9B,EAAE,CAAEA,EAAG,CACPlB,GAAG,CAAEA,GAAa,CAClBiD,OAAO,CAAE,OAAiB,CAC1BC,YAAY,CAAEpC,OAAiB,CAC/BJ,UAAU,CAAE,KAAM,CAClB6B,SAAS,CAAEA,SAAU,CACrB/B,OAAO,CAAE2C,aAAa,EAAE,EAAI,CAACX,cAAc,CAAGhC,OAAO,CAAG4C,SAAU,CAClEjD,KAAK,CAAEA,KAAM,CACbC,MAAM,CAAEA,MAAO,CACfC,SAAS,CAAEA,SAAU,CACrBC,QAAQ,CAAEA,QAAS,CACnBC,QAAQ,CAAEA,QAAS,CACnBQ,IAAI,CAAEyB,cAAc,CAAGY,SAAS,CAAGrC,IAAK,CACxCF,kBAAkB,CAAEA,kBAAmB,CACvCQ,MAAM,CAAG8B,aAAa,EAAE,CAAGC,SAAS,CAAGZ,cAAc,CAAG,aAAa,CAAGnB,MAAiB,CACzFC,OAAO,CAAEA,OAAQ,CACjBC,UAAU,CAAEA,UAAW,CACvBC,UAAU,CAAEA,UAAW,CAAA,CACnB6B,cAAc,CAAC,CAAEC,QAAQ,CAAEd,cAAc,CAAG,IAAI,CAAGY,SAAU,CAAC,CAAC,CAC/DG,aAAa,CAAC,CAAEC,IAAI,CAAE5D,aAAa,CAAC6D,IAAI,CAAEvD,MAAM,CAANA,MAAO,CAAC,CAAC,CACnDwD,cAAc,CAACjC,IAAI,CAAC,CACpBkC,sBAAsB,CAAClC,IAAI,CAAC,CAAAxB,CAAAA,QAAA,CAEhC2D,IAAA,CAACC,eAAe,CACdC,CAAAA,GAAG,CAAElB,GAAA,CAACmB,QAAQ,CAAA,CAAA9D,QAAA,CAAEkC,IAAI,CAAW,CAAE,CACjC6B,MAAM,CAAEpB,GAAA,CAACmB,QAAQ,CAAA9D,CAAAA,QAAA,CAAEmC,MAAM,CAAW,CAAE,CACtC1B,UAAU,CAAE+B,cAAe,CAC3B7B,UAAU,CAAE4B,cAAe,CAAAvC,QAAA,CAE1B,CAAA,CAACuC,cAAc,EAAIzB,IAAI,CACtB6B,GAAA,CAACqB,WAAW,CAAAlB,MAAA,CAAAC,MAAA,EACVxC,OAAO,CAAEA,OAAQ,CACjBO,IAAI,CAAEA,IAAK,CACXC,MAAM,CAAEA,MAAO,CACfC,GAAG,CAAEA,GAAG,OAAHA,GAAG,CAAI0B,UAAW,CAAA,CACnBD,gBAAgB,CACrB,CAAC,CACA,IAAI,CACP,CAACF,cAAc,EAAI,CAACzB,IAAI,EAAIP,OAAO,CAClCoC,GAAA,CAACqB,WAAW,CAAAlB,MAAA,CAAAC,MAAA,EAAC9B,EAAE,CAAC,QAAQ,CAACV,OAAO,CAAEA,OAAQ,CAAKkC,CAAAA,gBAAgB,CAAG,CAAC,CACjE,IAAI,CACO,CAAA,CAAC,EACV,CAAC,CACC,CAAC,CAEnB,CAAC,CAEK,IAAAwB,QAAQ,CAAGC,cAAK,CAACC,UAAU,CAACtE,SAAS;;;;"}

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

@@ -0,0 +1,29 @@
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import React__default from 'react';
+import { CardBody } from './Card.js';
+import { CardProvider } from './CardContext.js';
+import { LinkOverlay } from './LinkOverlay.native.js';
+import { CardRoot } from './CardRoot.native.js';
+import { CardTicketSurface } from './CardTicketSurface.native.js';
+import { createSectionedCardSlot } from './createSectionedCardSlot.js';
+import { SectionedCardComponentIds } from './sectionedCardConstants.js';
+import { splitSectionedCardChildren } from './splitSectionedCardChildren.js';
+import { useSectionedCardState } from './useSectionedCardState.js';
+import '../../utils/metaAttribute/index.js';
+import '../Box/styledProps/index.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
+import '../../utils/makeAccessible/index.native.js';
+import '../../utils/index.js';
+import { useVerifyAllowedChildren } from '../../utils/useVerifyAllowedChildren/useVerifyAllowedChildren.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
+import { isReactNative } from '../../utils/platform/isReactNative.js';
+import { makeAccessible } from '../../utils/makeAccessible/makeAccessible.native.js';
+import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.native.js';
+import { getStyledProps } from '../Box/styledProps/getStyledProps.js';
+import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
+
+var _excluded=["children","testID","width","height","minHeight","minWidth","maxWidth","onClick","isSelected","isDisabled","accessibilityLabel","onHover","href","target","rel","as","size","cursor","opacity","transition","flexShrink"];var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Card/TicketCard.tsx";var TicketCardBody=createSectionedCardSlot(SectionedCardComponentIds.TicketCardBody,MetaConstants.TicketCardBody);var TicketCardFooter=createSectionedCardSlot(SectionedCardComponentIds.TicketCardFooter,MetaConstants.TicketCardFooter);var _TicketCard=function _TicketCard(_ref,ref){var children=_ref.children,testID=_ref.testID,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,_ref$isDisabled=_ref.isDisabled,isDisabled=_ref$isDisabled===void 0?false:_ref$isDisabled,accessibilityLabel=_ref.accessibilityLabel,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);useVerifyAllowedChildren({children:children,componentName:'TicketCard',allowedComponents:[SectionedCardComponentIds.TicketCardBody,SectionedCardComponentIds.TicketCardFooter]});var _splitSectionedCardCh=splitSectionedCardChildren({children:children,bodyComponentId:SectionedCardComponentIds.TicketCardBody,footerComponentId:SectionedCardComponentIds.TicketCardFooter,componentName:'TicketCard'}),body=_splitSectionedCardCh.body,footer=_splitSectionedCardCh.footer;var _useSectionedCardStat=useSectionedCardState({isSelected:isSelected,isDisabled:isDisabled,accessibilityLabel:accessibilityLabel,href:href,target:target,onClick:onClick}),isFocused=_useSectionedCardStat.isFocused,isCardDisabled=_useSectionedCardStat.isCardDisabled,isCardSelected=_useSectionedCardStat.isCardSelected,linkOverlayProps=_useSectionedCardStat.linkOverlayProps,defaultRel=_useSectionedCardStat.defaultRel;return jsx(CardProvider,{size:size,children:jsx(CardRoot,Object.assign({as:as,ref:ref,display:'block',onMouseEnter:onHover,isSelected:false,isFocused:isFocused,onClick:isReactNative()&&!isCardDisabled?onClick:undefined,width:width,height:height,minHeight:minHeight,minWidth:minWidth,maxWidth:maxWidth,href:isCardDisabled?undefined:href,accessibilityLabel:accessibilityLabel,cursor:isReactNative()?undefined:isCardDisabled?'not-allowed':cursor,opacity:opacity,transition:transition,flexShrink:flexShrink},makeAccessible({disabled:isCardDisabled?true:undefined}),metaAttribute({name:MetaConstants.Card,testID:testID}),getStyledProps(rest),makeAnalyticsAttribute(rest),{children:jsxs(CardTicketSurface,{top:jsx(CardBody,{children:body}),bottom:jsx(CardBody,{children:footer}),isSelected:isCardSelected,isDisabled:isCardDisabled,children:[!isCardDisabled&&href?jsx(LinkOverlay,Object.assign({onClick:onClick,href:href,target:target,rel:rel!=null?rel:defaultRel},linkOverlayProps)):null,!isCardDisabled&&!href&&onClick?jsx(LinkOverlay,Object.assign({as:"button",onClick:onClick},linkOverlayProps)):null]})}))});};var TicketCard=React__default.forwardRef(_TicketCard);
+
+export { TicketCard, TicketCardBody, TicketCardFooter };
+//# sourceMappingURL=TicketCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TicketCard.js","sources":["../../../../../src/components/Card/TicketCard.tsx"],"sourcesContent":["import React from 'react';\nimport { CardBody } from './Card';\nimport type { CardProps } from './Card';\nimport { CardProvider } from './CardContext';\nimport { LinkOverlay } from './LinkOverlay';\nimport { CardRoot } from './CardRoot';\nimport { CardTicketSurface } from './CardTicketSurface';\nimport { createSectionedCardSlot } from './createSectionedCardSlot';\nimport { SectionedCardComponentIds } from './sectionedCardConstants';\nimport { splitSectionedCardChildren } from './splitSectionedCardChildren';\nimport { useSectionedCardState } from './useSectionedCardState';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport type { BladeElementRef } from '~utils/types';\nimport { isReactNative } from '~utils';\nimport { useVerifyAllowedChildren } from '~utils/useVerifyAllowedChildren/useVerifyAllowedChildren';\n\nexport type TicketCardProps = Omit<CardProps, 'variant'>;\n\nconst TicketCardBody = createSectionedCardSlot(\n  SectionedCardComponentIds.TicketCardBody,\n  MetaConstants.TicketCardBody,\n);\n\nconst TicketCardFooter = createSectionedCardSlot(\n  SectionedCardComponentIds.TicketCardFooter,\n  MetaConstants.TicketCardFooter,\n);\n\nconst _TicketCard: React.ForwardRefRenderFunction<BladeElementRef, TicketCardProps> = (\n  {\n    children,\n    testID,\n    width,\n    height,\n    minHeight,\n    minWidth,\n    maxWidth,\n    onClick,\n    isSelected = false,\n    isDisabled = false,\n    accessibilityLabel,\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  useVerifyAllowedChildren({\n    children,\n    componentName: 'TicketCard',\n    allowedComponents: [\n      SectionedCardComponentIds.TicketCardBody,\n      SectionedCardComponentIds.TicketCardFooter,\n    ],\n  });\n\n  const { body, footer } = splitSectionedCardChildren({\n    children,\n    bodyComponentId: SectionedCardComponentIds.TicketCardBody,\n    footerComponentId: SectionedCardComponentIds.TicketCardFooter,\n    componentName: 'TicketCard',\n  });\n\n  const {\n    isFocused,\n    isCardDisabled,\n    isCardSelected,\n    linkOverlayProps,\n    defaultRel,\n  } = useSectionedCardState({\n    isSelected,\n    isDisabled,\n    accessibilityLabel,\n    href,\n    target,\n    onClick,\n  });\n\n  return (\n    <CardProvider size={size}>\n      <CardRoot\n        as={as}\n        ref={ref as never}\n        display={'block' as never}\n        onMouseEnter={onHover as never}\n        isSelected={false}\n        isFocused={isFocused}\n        onClick={isReactNative() && !isCardDisabled ? onClick : undefined}\n        width={width}\n        height={height}\n        minHeight={minHeight}\n        minWidth={minWidth}\n        maxWidth={maxWidth}\n        href={isCardDisabled ? undefined : href}\n        accessibilityLabel={accessibilityLabel}\n        cursor={(isReactNative() ? undefined : isCardDisabled ? 'not-allowed' : cursor) as never}\n        opacity={opacity}\n        transition={transition}\n        flexShrink={flexShrink}\n        {...makeAccessible({ disabled: isCardDisabled ? true : undefined })}\n        {...metaAttribute({ name: MetaConstants.Card, testID })}\n        {...getStyledProps(rest)}\n        {...makeAnalyticsAttribute(rest)}\n      >\n        <CardTicketSurface\n          top={<CardBody>{body}</CardBody>}\n          bottom={<CardBody>{footer}</CardBody>}\n          isSelected={isCardSelected}\n          isDisabled={isCardDisabled}\n        >\n          {!isCardDisabled && href ? (\n            <LinkOverlay\n              onClick={onClick}\n              href={href}\n              target={target}\n              rel={rel ?? defaultRel}\n              {...linkOverlayProps}\n            />\n          ) : null}\n          {!isCardDisabled && !href && onClick ? (\n            <LinkOverlay as=\"button\" onClick={onClick} {...linkOverlayProps} />\n          ) : null}\n        </CardTicketSurface>\n      </CardRoot>\n    </CardProvider>\n  );\n};\n\nconst TicketCard = React.forwardRef(_TicketCard);\n\nexport { TicketCard, TicketCardBody, TicketCardFooter };\n"],"names":["this","TicketCardBody","createSectionedCardSlot","SectionedCardComponentIds","MetaConstants","TicketCardFooter","_TicketCard","_ref","ref","children","testID","width","height","minHeight","minWidth","maxWidth","onClick","_ref$isSelected","isSelected","_ref$isDisabled","isDisabled","accessibilityLabel","onHover","href","target","rel","as","_ref$size","size","cursor","opacity","transition","flexShrink","rest","_objectWithoutProperties","_excluded","useVerifyAllowedChildren","componentName","allowedComponents","_splitSectionedCardCh","splitSectionedCardChildren","bodyComponentId","footerComponentId","body","footer","_useSectionedCardStat","useSectionedCardState","isFocused","isCardDisabled","isCardSelected","linkOverlayProps","defaultRel","_jsx","CardProvider","CardRoot","Object","assign","display","onMouseEnter","isReactNative","undefined","makeAccessible","disabled","metaAttribute","name","Card","getStyledProps","makeAnalyticsAttribute","_jsxs","CardTicketSurface","top","CardBody","bottom","LinkOverlay","TicketCard","React","forwardRef"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-var CARD_SCALE_DOWN_VALUE=0.95;var CARD_LINK_OVERLAY_ID='card-link-overlay';
+var CARD_SCALE_DOWN_VALUE=0.95;var CARD_SCALE_UP_VALUE=1.05;var CARD_LINK_OVERLAY_ID='card-link-overlay';var CARD_TICKET_SCALLOP_RADIUS=4;var CARD_TICKET_SCALLOP_PERIOD=16;
 
-export { CARD_LINK_OVERLAY_ID, CARD_SCALE_DOWN_VALUE };
+export { CARD_LINK_OVERLAY_ID, CARD_SCALE_DOWN_VALUE, CARD_SCALE_UP_VALUE, CARD_TICKET_SCALLOP_PERIOD, CARD_TICKET_SCALLOP_RADIUS };
 //# sourceMappingURL=constants.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../../src/components/Card/constants.ts"],"sourcesContent":["// used for interactive card scale down animation\nexport const CARD_SCALE_DOWN_VALUE = 0.95;\nexport const CARD_SCALE_UP_VALUE = 1.05;\nexport const CARD_LINK_OVERLAY_ID = 'card-link-overlay';\n"],"names":["CARD_SCALE_DOWN_VALUE","CARD_LINK_OVERLAY_ID"],"mappings":"AACa,IAAAA,qBAAqB,CAAG,KAExB,IAAAC,oBAAoB,CAAG;;;;"}
+{"version":3,"file":"constants.js","sources":["../../../../../src/components/Card/constants.ts"],"sourcesContent":["// used for interactive card scale down animation\nexport const CARD_SCALE_DOWN_VALUE = 0.95;\nexport const CARD_SCALE_UP_VALUE = 1.05;\nexport const CARD_LINK_OVERLAY_ID = 'card-link-overlay';\n\n/**\n * Geometry of the scalloped perforation drawn along the ticket tear line. Figma renders ~4px deep\n * scallops repeating every ~16px, so the perforation reads as a torn/stamp edge between the two\n * sections.\n */\nexport const CARD_TICKET_SCALLOP_RADIUS = 4;\nexport const CARD_TICKET_SCALLOP_PERIOD = 16;\n"],"names":["CARD_SCALE_DOWN_VALUE","CARD_SCALE_UP_VALUE","CARD_LINK_OVERLAY_ID","CARD_TICKET_SCALLOP_RADIUS","CARD_TICKET_SCALLOP_PERIOD"],"mappings":"AACa,IAAAA,qBAAqB,CAAG,KACxB,IAAAC,mBAAmB,CAAG,KACtB,IAAAC,oBAAoB,CAAG,oBAOvB,IAAAC,0BAA0B,CAAG,EAC7B,IAAAC,0BAA0B,CAAG;;;;"}

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

@@ -0,0 +1,16 @@
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import 'react';
+import '../../utils/assignWithoutSideEffects/index.js';
+import '../Box/BaseBox/index.js';
+import '../../utils/metaAttribute/index.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
+import { jsx } from 'react/jsx-runtime';
+import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
+import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.native.js';
+import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
+import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
+
+var _excluded=["children","testID"];var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Card/createSectionedCardSlot.tsx";var createSectionedCardSlot=function createSectionedCardSlot(componentId,metaName){var Slot=function Slot(_ref){var children=_ref.children,testID=_ref.testID,rest=_objectWithoutProperties(_ref,_excluded);return jsx(BaseBox,Object.assign({},metaAttribute({name:metaName,testID:testID}),makeAnalyticsAttribute(rest),{children:children}));};return assignWithoutSideEffects(Slot,{componentId:componentId});};
+
+export { createSectionedCardSlot };
+//# sourceMappingURL=createSectionedCardSlot.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"createSectionedCardSlot.js","sources":["../../../../../src/components/Card/createSectionedCardSlot.tsx"],"sourcesContent":["import React from 'react';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport BaseBox from '~components/Box/BaseBox';\nimport { metaAttribute } from '~utils/metaAttribute';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport type { DataAnalyticsAttribute, TestID } from '~utils/types';\n\ntype SectionedCardSlotProps = {\n  children: React.ReactNode;\n} & TestID &\n  DataAnalyticsAttribute;\n\nconst createSectionedCardSlot = (\n  componentId: string,\n  metaName: string,\n): React.FC<SectionedCardSlotProps> => {\n  const Slot = ({ children, testID, ...rest }: SectionedCardSlotProps): React.ReactElement => {\n    return (\n      <BaseBox {...metaAttribute({ name: metaName, testID })} {...makeAnalyticsAttribute(rest)}>\n        {children}\n      </BaseBox>\n    );\n  };\n\n  return assignWithoutSideEffects(Slot, { componentId });\n};\n\nexport { createSectionedCardSlot };\nexport type { SectionedCardSlotProps };\n"],"names":["createSectionedCardSlot","componentId","metaName","Slot","_ref","children","testID","rest","_objectWithoutProperties","_excluded","_jsx","BaseBox","Object","assign","metaAttribute","name","makeAnalyticsAttribute","assignWithoutSideEffects"],"mappings":";;;;;;;;;;;;oKAYM,IAAAA,uBAAuB,CAAG,SAA1BA,uBAAuBA,CAC3BC,WAAmB,CACnBC,QAAgB,CACqB,CACrC,IAAMC,IAAI,CAAG,SAAPA,IAAIA,CAAAC,IAAA,CAAkF,CAA5E,IAAAC,QAAQ,CAAAD,IAAA,CAARC,QAAQ,CAAEC,MAAM,CAAAF,IAAA,CAANE,MAAM,CAAKC,IAAI,CAAAC,wBAAA,CAAAJ,IAAA,CAAAK,SAAA,CACvC,CAAA,OACEC,GAAA,CAACC,OAAO,CAAAC,MAAA,CAAAC,MAAA,CAAKC,EAAAA,CAAAA,aAAa,CAAC,CAAEC,IAAI,CAAEb,QAAQ,CAAEI,MAAM,CAANA,MAAO,CAAC,CAAC,CAAMU,sBAAsB,CAACT,IAAI,CAAC,CAAA,CAAAF,QAAA,CACrFA,QAAQ,CAAA,CACF,CAAC,CAEd,CAAC,CAED,OAAOY,wBAAwB,CAACd,IAAI,CAAE,CAAEF,WAAW,CAAXA,WAAY,CAAC,CAAC,CACxD;;;;"}

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

@@ -0,0 +1,6 @@
+export { Card, CardBody, ComponentIds } from './Card.js';
+export { CardHeader, CardHeaderAmount, CardHeaderBadge, CardHeaderCounter, CardHeaderIcon, CardHeaderIconButton, CardHeaderLeading, CardHeaderLink, CardHeaderText, CardHeaderTrailing } from './CardHeader.js';
+export { CardFooter, CardFooterLeading, CardFooterTrailing } from './CardFooter.js';
+export { TicketCard, TicketCardBody, TicketCardFooter } from './TicketCard.js';
+export { InfoCard, InfoCardBody, InfoCardFooter } from './InfoCard.js';
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,4 @@
+var SectionedCardComponentIds={TicketCardBody:'TicketCardBody',TicketCardFooter:'TicketCardFooter',InfoCardBody:'InfoCardBody',InfoCardFooter:'InfoCardFooter'};
+
+export { SectionedCardComponentIds };
+//# sourceMappingURL=sectionedCardConstants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sectionedCardConstants.js","sources":["../../../../../src/components/Card/sectionedCardConstants.ts"],"sourcesContent":["const SectionedCardComponentIds = {\n  TicketCardBody: 'TicketCardBody',\n  TicketCardFooter: 'TicketCardFooter',\n  InfoCardBody: 'InfoCardBody',\n  InfoCardFooter: 'InfoCardFooter',\n} as const;\n\nexport { SectionedCardComponentIds };\n"],"names":["SectionedCardComponentIds","TicketCardBody","TicketCardFooter","InfoCardBody","InfoCardFooter"],"mappings":"AAAM,IAAAA,yBAAyB,CAAG,CAChCC,cAAc,CAAE,gBAAgB,CAChCC,gBAAgB,CAAE,kBAAkB,CACpCC,YAAY,CAAE,cAAc,CAC5BC,cAAc,CAAE,gBAClB;;;;"}

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

@@ -0,0 +1,10 @@
+import React__default from 'react';
+import '../../utils/isValidAllowedChildren/index.js';
+import '../../utils/logger/index.js';
+import { getComponentId } from '../../utils/isValidAllowedChildren/isValidAllowedChildren.js';
+import { throwBladeError } from '../../utils/logger/logger.js';
+
+var splitSectionedCardChildren=function splitSectionedCardChildren(_ref){var children=_ref.children,bodyComponentId=_ref.bodyComponentId,footerComponentId=_ref.footerComponentId,componentName=_ref.componentName;var childrenArray=React__default.Children.toArray(children);var bodyChild=childrenArray.find(function(child){return React__default.isValidElement(child)&&getComponentId(child)===bodyComponentId;});var footerChild=childrenArray.find(function(child){return React__default.isValidElement(child)&&getComponentId(child)===footerComponentId;});if(__DEV__){if(!bodyChild){throwBladeError({message:`${componentName} must contain a \`${bodyComponentId}\` child.`,moduleName:componentName});}if(!footerChild){throwBladeError({message:`${componentName} must contain a \`${footerComponentId}\` child.`,moduleName:componentName});}}var body=bodyChild&&React__default.isValidElement(bodyChild)?bodyChild.props.children:null;var footer=footerChild&&React__default.isValidElement(footerChild)?footerChild.props.children:null;return {body:body,footer:footer};};
+
+export { splitSectionedCardChildren };
+//# sourceMappingURL=splitSectionedCardChildren.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"splitSectionedCardChildren.js","sources":["../../../../../src/components/Card/splitSectionedCardChildren.ts"],"sourcesContent":["import React from 'react';\nimport { getComponentId } from '~utils/isValidAllowedChildren';\nimport { throwBladeError } from '~utils/logger';\n\ntype SplitSectionedCardChildrenArgs = {\n  children: React.ReactNode;\n  bodyComponentId: string;\n  footerComponentId: string;\n  componentName: string;\n};\n\ntype SplitSectionedCardChildrenResult = {\n  body: React.ReactNode;\n  footer: React.ReactNode;\n};\n\nconst splitSectionedCardChildren = ({\n  children,\n  bodyComponentId,\n  footerComponentId,\n  componentName,\n}: SplitSectionedCardChildrenArgs): SplitSectionedCardChildrenResult => {\n  const childrenArray = React.Children.toArray(children);\n  const bodyChild = childrenArray.find(\n    (child) => React.isValidElement(child) && getComponentId(child) === bodyComponentId,\n  );\n  const footerChild = childrenArray.find(\n    (child) => React.isValidElement(child) && getComponentId(child) === footerComponentId,\n  );\n\n  if (__DEV__) {\n    if (!bodyChild) {\n      throwBladeError({\n        message: `${componentName} must contain a \\`${bodyComponentId}\\` child.`,\n        moduleName: componentName,\n      });\n    }\n    if (!footerChild) {\n      throwBladeError({\n        message: `${componentName} must contain a \\`${footerComponentId}\\` child.`,\n        moduleName: componentName,\n      });\n    }\n  }\n\n  const body = bodyChild && React.isValidElement(bodyChild) ? bodyChild.props.children : null;\n  const footer =\n    footerChild && React.isValidElement(footerChild) ? footerChild.props.children : null;\n\n  return { body, footer };\n};\n\nexport { splitSectionedCardChildren };\n"],"names":["splitSectionedCardChildren","_ref","children","bodyComponentId","footerComponentId","componentName","childrenArray","React","Children","toArray","bodyChild","find","child","isValidElement","getComponentId","footerChild","__DEV__","throwBladeError","message","moduleName","body","props","footer"],"mappings":";;;;;;AAgBM,IAAAA,0BAA0B,CAAG,SAA7BA,0BAA0BA,CAAAC,IAAA,CAKwC,CAAA,IAJtEC,QAAQ,CAAAD,IAAA,CAARC,QAAQ,CACRC,eAAe,CAAAF,IAAA,CAAfE,eAAe,CACfC,iBAAiB,CAAAH,IAAA,CAAjBG,iBAAiB,CACjBC,aAAa,CAAAJ,IAAA,CAAbI,aAAa,CAEb,IAAMC,aAAa,CAAGC,cAAK,CAACC,QAAQ,CAACC,OAAO,CAACP,QAAQ,CAAC,CACtD,IAAMQ,SAAS,CAAGJ,aAAa,CAACK,IAAI,CAClC,SAACC,KAAK,CAAA,CAAA,OAAKL,cAAK,CAACM,cAAc,CAACD,KAAK,CAAC,EAAIE,cAAc,CAACF,KAAK,CAAC,GAAKT,eAAe,CACrF,CAAA,CAAC,CACD,IAAMY,WAAW,CAAGT,aAAa,CAACK,IAAI,CACpC,SAACC,KAAK,CAAA,CAAA,OAAKL,cAAK,CAACM,cAAc,CAACD,KAAK,CAAC,EAAIE,cAAc,CAACF,KAAK,CAAC,GAAKR,iBAAiB,CAAA,CACvF,CAAC,CAED,GAAIY,OAAO,CAAE,CACX,GAAI,CAACN,SAAS,CAAE,CACdO,eAAe,CAAC,CACdC,OAAO,CAAE,CAAGb,EAAAA,aAAa,qBAAqBF,eAAe,CAAA,SAAA,CAAW,CACxEgB,UAAU,CAAEd,aACd,CAAC,CAAC,CACJ,CACA,GAAI,CAACU,WAAW,CAAE,CAChBE,eAAe,CAAC,CACdC,OAAO,CAAE,GAAGb,aAAa,CAAA,kBAAA,EAAqBD,iBAAiB,CAAA,SAAA,CAAW,CAC1Ee,UAAU,CAAEd,aACd,CAAC,CAAC,CACJ,CACF,CAEA,IAAMe,IAAI,CAAGV,SAAS,EAAIH,cAAK,CAACM,cAAc,CAACH,SAAS,CAAC,CAAGA,SAAS,CAACW,KAAK,CAACnB,QAAQ,CAAG,IAAI,CAC3F,IAAMoB,MAAM,CACVP,WAAW,EAAIR,cAAK,CAACM,cAAc,CAACE,WAAW,CAAC,CAAGA,WAAW,CAACM,KAAK,CAACnB,QAAQ,CAAG,IAAI,CAEtF,OAAO,CAAEkB,IAAI,CAAJA,IAAI,CAAEE,MAAM,CAANA,MAAO,CAAC,CACzB;;;;"}

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

@@ -0,0 +1,14 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import React__default from 'react';
+import { useCheckboxGroupContext } from '../Checkbox/CheckboxGroup/CheckboxGroupContext.js';
+import { useRadioGroupContext } from '../Radio/RadioGroup/RadioContext.js';
+import '../../utils/makeAccessible/index.native.js';
+import '../../utils/metaAttribute/index.js';
+import { CARD_LINK_OVERLAY_ID } from './constants.js';
+import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.native.js';
+import { makeAccessible } from '../../utils/makeAccessible/makeAccessible.native.js';
+
+var useSectionedCardState=function useSectionedCardState(_ref){var _ref$isSelected=_ref.isSelected,isSelected=_ref$isSelected===void 0?false:_ref$isSelected,_ref$isDisabled=_ref.isDisabled,isDisabled=_ref$isDisabled===void 0?false:_ref$isDisabled,accessibilityLabel=_ref.accessibilityLabel,href=_ref.href,target=_ref.target;var _React$useState=React__default.useState(false),_React$useState2=_slicedToArray(_React$useState,2),isFocused=_React$useState2[0],setIsFocused=_React$useState2[1];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 isCardDisabled=isDisabled||Boolean(groupProps==null?void 0:groupProps.isDisabled);var isCardSelected=isSelected&&!isCardDisabled;var linkOverlayProps=Object.assign({},metaAttribute({name:CARD_LINK_OVERLAY_ID}),makeAccessible({label:accessibilityLabel,pressed:href?undefined:isCardSelected}),{onFocus:function onFocus(){setIsFocused(true);},onBlur:function onBlur(){setIsFocused(false);}});var defaultRel=target&&target==='_blank'?'noreferrer noopener':undefined;return {isFocused:isFocused,setIsFocused:setIsFocused,isCardDisabled:isCardDisabled,isCardSelected:isCardSelected,linkOverlayProps:linkOverlayProps,defaultRel:defaultRel};};
+
+export { useSectionedCardState };
+//# sourceMappingURL=useSectionedCardState.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSectionedCardState.js","sources":["../../../../../src/components/Card/useSectionedCardState.ts"],"sourcesContent":["import React from 'react';\nimport type { GestureResponderEvent } from 'react-native';\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';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { metaAttribute } from '~utils/metaAttribute';\nimport { CARD_LINK_OVERLAY_ID } from './constants';\nimport type { LinkOverlayProps } from './types';\nimport type { CardProps } from './Card';\nimport type { Platform } from '~utils';\n\ntype SectionedCardInteractiveProps = Pick<\n  CardProps,\n  'isSelected' | 'isDisabled' | 'accessibilityLabel' | 'href' | 'onClick'\n> & {\n  target?: string;\n  onClick?: (\n    event: Platform.Select<{\n      web: React.MouseEvent;\n      native: GestureResponderEvent;\n    }>,\n  ) => void;\n};\n\ntype SectionedCardState = {\n  isFocused: boolean;\n  setIsFocused: React.Dispatch<React.SetStateAction<boolean>>;\n  isCardDisabled: boolean;\n  isCardSelected: boolean;\n  linkOverlayProps: LinkOverlayProps;\n  defaultRel: string | undefined;\n};\n\nconst useSectionedCardState = ({\n  isSelected = false,\n  isDisabled = false,\n  accessibilityLabel,\n  href,\n  target,\n}: SectionedCardInteractiveProps): SectionedCardState => {\n  const [isFocused, setIsFocused] = React.useState(false);\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  const isCardDisabled = isDisabled || Boolean(groupProps?.isDisabled);\n  const isCardSelected = isSelected && !isCardDisabled;\n\n  const linkOverlayProps: LinkOverlayProps = {\n    ...metaAttribute({ name: CARD_LINK_OVERLAY_ID }),\n    ...makeAccessible({ label: accessibilityLabel, pressed: href ? undefined : isCardSelected }),\n    onFocus: () => {\n      setIsFocused(true);\n    },\n    onBlur: () => {\n      setIsFocused(false);\n    },\n  };\n\n  const defaultRel = target && target === '_blank' ? 'noreferrer noopener' : undefined;\n\n  return {\n    isFocused,\n    setIsFocused,\n    isCardDisabled,\n    isCardSelected,\n    linkOverlayProps,\n    defaultRel,\n  };\n};\n\nexport { useSectionedCardState };\nexport type { SectionedCardInteractiveProps };\n"],"names":["useSectionedCardState","_ref","_ref$isSelected","isSelected","_ref$isDisabled","isDisabled","accessibilityLabel","href","target","_React$useState","React","useState","_React$useState2","_slicedToArray","isFocused","setIsFocused","checkboxGroupProps","useCheckboxGroupContext","radioGroupProps","useRadioGroupContext","getGroupProps","Object","keys","length","undefined","groupProps","isCardDisabled","Boolean","isCardSelected","linkOverlayProps","assign","metaAttribute","name","CARD_LINK_OVERLAY_ID","makeAccessible","label","pressed","onFocus","onBlur","defaultRel"],"mappings":";;;;;;;;;;AAmCM,IAAAA,qBAAqB,CAAG,SAAxBA,qBAAqBA,CAAAC,IAAA,CAM8B,CAAA,IAAAC,eAAA,CAAAD,IAAA,CALvDE,UAAU,CAAVA,UAAU,CAAAD,eAAA,GAAG,KAAA,CAAA,CAAA,KAAK,CAAAA,eAAA,CAAAE,eAAA,CAAAH,IAAA,CAClBI,UAAU,CAAVA,UAAU,CAAAD,eAAA,GAAA,KAAA,CAAA,CAAG,KAAK,CAAAA,eAAA,CAClBE,kBAAkB,CAAAL,IAAA,CAAlBK,kBAAkB,CAClBC,IAAI,CAAAN,IAAA,CAAJM,IAAI,CACJC,MAAM,CAAAP,IAAA,CAANO,MAAM,CAEN,IAAAC,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,CAE9B,IAAMI,kBAAkB,CAAGC,uBAAuB,EAAE,CACpD,IAAMC,eAAe,CAAGC,oBAAoB,EAAE,CAE9C,IAAMC,aAAa,CAAG,SAAhBA,aAAaA,EAAuE,CACxF,GAAIC,MAAM,CAACC,IAAI,CAACN,kBAAkB,CAAC,CAACO,MAAM,CAAG,CAAC,CAAE,OAAOP,kBAAkB,CACzE,GAAIK,MAAM,CAACC,IAAI,CAACJ,eAAe,CAAC,CAACK,MAAM,CAAG,CAAC,CAAE,OAAOL,eAAe,CACnE,OAAOM,SAAS,CAClB,CAAC,CAED,IAAMC,UAAU,CAAGL,aAAa,EAAE,CAClC,IAAMM,cAAc,CAAGrB,UAAU,EAAIsB,OAAO,CAACF,UAAU,EAAA,IAAA,CAAA,KAAA,CAAA,CAAVA,UAAU,CAAEpB,UAAU,CAAC,CACpE,IAAMuB,cAAc,CAAGzB,UAAU,EAAI,CAACuB,cAAc,CAEpD,IAAMG,gBAAkC,CAAAR,MAAA,CAAAS,MAAA,CAAA,EAAA,CACnCC,aAAa,CAAC,CAAEC,IAAI,CAAEC,oBAAqB,CAAC,CAAC,CAC7CC,cAAc,CAAC,CAAEC,KAAK,CAAE7B,kBAAkB,CAAE8B,OAAO,CAAE7B,IAAI,CAAGiB,SAAS,CAAGI,cAAe,CAAC,CAAC,CAC5FS,CAAAA,OAAO,CAAE,SAATA,OAAOA,EAAQ,CACbtB,YAAY,CAAC,IAAI,CAAC,CACpB,CAAC,CACDuB,MAAM,CAAE,SAARA,MAAMA,EAAQ,CACZvB,YAAY,CAAC,KAAK,CAAC,CACrB,CAAC,CAAA,CACF,CAED,IAAMwB,UAAU,CAAG/B,MAAM,EAAIA,MAAM,GAAK,QAAQ,CAAG,qBAAqB,CAAGgB,SAAS,CAEpF,OAAO,CACLV,SAAS,CAATA,SAAS,CACTC,YAAY,CAAZA,YAAY,CACZW,cAAc,CAAdA,cAAc,CACdE,cAAc,CAAdA,cAAc,CACdC,gBAAgB,CAAhBA,gBAAgB,CAChBU,UAAU,CAAVA,UACF,CAAC,CACH;;;;"}

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

@@ -1,26 +1,28 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import React__default from 'react';
 import { ScrollView } from 'react-native';
-import { Indicators } from './Indicators/Indicators.js';
-import { NavigationButton } from './NavigationButton/NavigationButton.js';
+import { Indicators } from './Indicators/Indicators.native.js';
+import './NavigationButton/index.js';
 import { CarouselContext } from './CarouselContext.js';
 import { CAROUSEL_AUTOPLAY_INTERVAL } from './constants.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 '../../tokens/global/index.js';
+import '../../utils/logger/index.js';
+import '../../utils/index.js';
+import '../Box/BaseBox/index.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 { useDidUpdate } from '../../utils/useDidUpdate.js';
 import { getResponsiveValue } from '../Box/BaseBox/getResponsiveValue.native.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { logger } from '../../utils/logger/logger.js';
+import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
+import { NavigationButton } from './NavigationButton/NavigationButton.js';
+import { castNativeType } from '../../utils/platform/castUtils.js';
+import { size } from '../../tokens/global/size.js';
 
-var percentageStringToNumber=function percentageStringToNumber(percentage){if(!percentage.endsWith('%')){logger({message:'Only percentage values are allowed',type:'error',moduleName:'Carousel'});}return Number(percentage.substring(0,percentage.length-1))/100;};var Controls=function Controls(_ref){var showIndicators=_ref.showIndicators,activeIndicator=_ref.activeIndicator,totalSlides=_ref.totalSlides,onIndicatorButtonClick=_ref.onIndicatorButtonClick,onNextButtonClick=_ref.onNextButtonClick,onPreviousButtonClick=_ref.onPreviousButtonClick,indicatorVariant=_ref.indicatorVariant,navigationButtonVariant=_ref.navigationButtonVariant;return jsxs(BaseBox,{marginTop:"spacing.7",display:"flex",flexDirection:"row",alignItems:"center",gap:"spacing.4",children:[jsx(BaseBox,{children:jsx(NavigationButton,{type:"previous",variant:navigationButtonVariant,onClick:onPreviousButtonClick})}),showIndicators?jsx(Indicators,{onClick:onIndicatorButtonClick,activeIndex:activeIndicator,totalItems:totalSlides,variant:indicatorVariant}):null,jsx(BaseBox,{children:jsx(NavigationButton,{onClick:onNextButtonClick,type:"next",variant:navigationButtonVariant})})]});};var _Carousel=function _Carousel(_ref2,ref){var autoPlay=_ref2.autoPlay,_ref2$showIndicators=_ref2.showIndicators,showIndicators=_ref2$showIndicators===void 0?true:_ref2$showIndicators,children=_ref2.children,_ref2$carouselItemWid=_ref2.carouselItemWidth,carouselItemWidth=_ref2$carouselItemWid===void 0?'100%':_ref2$carouselItemWid,accessibilityLabel=_ref2.accessibilityLabel,onChange=_ref2.onChange,_ref2$indicatorVarian=_ref2.indicatorVariant,indicatorVariant=_ref2$indicatorVarian===void 0?'gray':_ref2$indicatorVarian,_ref2$navigationButto=_ref2.navigationButtonVariant,navigationButtonVariant=_ref2$navigationButto===void 0?'filled':_ref2$navigationButto;var containerRef=React__default.useRef(null);var _React$useState=React__default.useState(0),_React$useState2=_slicedToArray(_React$useState,2),activeSlide=_React$useState2[0],setActiveSlide=_React$useState2[1];var _React$useState3=React__default.useState(0),_React$useState4=_slicedToArray(_React$useState3,2),scrollViewWidth=_React$useState4[0],setScrollViewWidth=_React$useState4[1];var _React$useState5=React__default.useState(false),_React$useState6=_slicedToArray(_React$useState5,2),shouldPauseAutoplay=_React$useState6[0],setShouldPauseAutoplay=_React$useState6[1];var id=useId();var _visibleItems=1;var slideWidth=scrollViewWidth*percentageStringToNumber(castNativeType(getResponsiveValue(carouselItemWidth)));var totalNumberOfSlides=React__default.Children.count(children);var goToSlideIndex=function goToSlideIndex(slideIndex){if(!containerRef.current)return;containerRef.current.scrollTo({x:slideIndex*slideWidth,y:0,animated:true});setActiveSlide(slideIndex);};var goToNextSlide=function goToNextSlide(){var slideIndex=activeSlide+1;if(slideIndex>=totalNumberOfSlides){slideIndex=0;}goToSlideIndex(slideIndex);};var goToPreviousSlide=function goToPreviousSlide(){var slideIndex=activeSlide-1;if(activeSlide<=0){slideIndex=totalNumberOfSlides-1;}goToSlideIndex(slideIndex);};var carouselContext=React__default.useMemo(function(){return {isResponsive:false,visibleItems:_visibleItems,carouselItemWidth:carouselItemWidth,carouselId:id,totalNumberOfSlides:totalNumberOfSlides,slideWidth:slideWidth,activeSlide:activeSlide,carouselContainerRef:containerRef,setActiveIndicator:setActiveSlide,carouselItemAlignment:undefined,shouldAddStartEndSpacing:false};},[carouselItemWidth,id,totalNumberOfSlides,slideWidth,activeSlide]);useInterval(function(){goToNextSlide();},{delay:CAROUSEL_AUTOPLAY_INTERVAL,enable:autoPlay&&!shouldPauseAutoplay});useDidUpdate(function(){onChange==null?void 0:onChange(activeSlide);},[activeSlide,onChange]);React__default.useEffect(function(){announce(`Slide ${activeSlide+1} of ${totalNumberOfSlides}`);},[activeSlide,totalNumberOfSlides]);return jsx(CarouselContext.Provider,{value:carouselContext,children:jsxs(BaseBox,{ref:ref,display:"flex",alignItems:"center",flexDirection:"column",children:[jsx(BaseBox,{width:"100%",position:"relative",display:"flex",alignItems:"center",gap:"spacing.4",flexDirection:"row",children:jsx(ScrollView,Object.assign({onScrollBeginDrag:function onScrollBeginDrag(){setShouldPauseAutoplay(true);},onScrollEndDrag:function onScrollEndDrag(){setShouldPauseAutoplay(false);}},makeAccessible({label:accessibilityLabel}),{ref:containerRef,onLayout:function onLayout(e){setScrollViewWidth(e.nativeEvent.layout.width);},onMomentumScrollEnd:function onMomentumScrollEnd(e){var slideIndex=Math.round(e.nativeEvent.contentOffset.x/slideWidth);setActiveSlide(slideIndex);},horizontal:true,snapToAlignment:"start",decelerationRate:"fast",overScrollMode:"never",contentInsetAdjustmentBehavior:"never",automaticallyAdjustContentInsets:false,showsHorizontalScrollIndicator:false,showsVerticalScrollIndicator:false,snapToInterval:slideWidth,contentInset:{left:0,right:0},contentOffset:{x:0,y:0},contentContainerStyle:{paddingVertical:size[10]},children:React__default.Children.map(children,function(child,index){return React__default.cloneElement(child,{index:index,shouldHaveStartSpacing:index===0,shouldHaveEndSpacing:index===totalNumberOfSlides-1});})}))}),jsx(Controls,{totalSlides:totalNumberOfSlides,activeIndicator:activeSlide,showIndicators:showIndicators,onIndicatorButtonClick:goToSlideIndex,onNextButtonClick:goToNextSlide,onPreviousButtonClick:goToPreviousSlide,indicatorVariant:indicatorVariant,navigationButtonVariant:navigationButtonVariant})]})});};var Carousel=React__default.forwardRef(_Carousel);
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Carousel/Carousel.native.tsx";var percentageStringToNumber=function percentageStringToNumber(percentage){if(!percentage.endsWith('%')){logger({message:'Only percentage values are allowed',type:'error',moduleName:'Carousel'});}return Number(percentage.substring(0,percentage.length-1))/100;};var Controls=function Controls(_ref){var showIndicators=_ref.showIndicators,activeIndicator=_ref.activeIndicator,totalSlides=_ref.totalSlides,onIndicatorButtonClick=_ref.onIndicatorButtonClick,onNextButtonClick=_ref.onNextButtonClick,onPreviousButtonClick=_ref.onPreviousButtonClick,indicatorVariant=_ref.indicatorVariant,navigationButtonVariant=_ref.navigationButtonVariant;return jsxs(BaseBox,{marginTop:"spacing.7",display:"flex",flexDirection:"row",alignItems:"center",gap:"spacing.4",children:[jsx(BaseBox,{children:jsx(NavigationButton,{type:"previous",variant:navigationButtonVariant,onClick:onPreviousButtonClick})}),showIndicators?jsx(Indicators,{onClick:onIndicatorButtonClick,activeIndex:activeIndicator,totalItems:totalSlides,variant:indicatorVariant}):null,jsx(BaseBox,{children:jsx(NavigationButton,{onClick:onNextButtonClick,type:"next",variant:navigationButtonVariant})})]});};var _Carousel=function _Carousel(_ref2,ref){var autoPlay=_ref2.autoPlay,_ref2$showIndicators=_ref2.showIndicators,showIndicators=_ref2$showIndicators===void 0?true:_ref2$showIndicators,children=_ref2.children,_ref2$carouselItemWid=_ref2.carouselItemWidth,carouselItemWidth=_ref2$carouselItemWid===void 0?'100%':_ref2$carouselItemWid,accessibilityLabel=_ref2.accessibilityLabel,onChange=_ref2.onChange,_ref2$indicatorVarian=_ref2.indicatorVariant,indicatorVariant=_ref2$indicatorVarian===void 0?'gray':_ref2$indicatorVarian,_ref2$navigationButto=_ref2.navigationButtonVariant,navigationButtonVariant=_ref2$navigationButto===void 0?'filled':_ref2$navigationButto;var containerRef=React__default.useRef(null);var _React$useState=React__default.useState(0),_React$useState2=_slicedToArray(_React$useState,2),activeSlide=_React$useState2[0],setActiveSlide=_React$useState2[1];var _React$useState3=React__default.useState(0),_React$useState4=_slicedToArray(_React$useState3,2),scrollViewWidth=_React$useState4[0],setScrollViewWidth=_React$useState4[1];var _React$useState5=React__default.useState(false),_React$useState6=_slicedToArray(_React$useState5,2),shouldPauseAutoplay=_React$useState6[0],setShouldPauseAutoplay=_React$useState6[1];var id=useId();var _visibleItems=1;var slideWidth=scrollViewWidth*percentageStringToNumber(castNativeType(getResponsiveValue(carouselItemWidth)));var totalNumberOfSlides=React__default.Children.count(children);var goToSlideIndex=function goToSlideIndex(slideIndex){if(!containerRef.current)return;containerRef.current.scrollTo({x:slideIndex*slideWidth,y:0,animated:true});setActiveSlide(slideIndex);};var goToNextSlide=function goToNextSlide(){var slideIndex=activeSlide+1;if(slideIndex>=totalNumberOfSlides){slideIndex=0;}goToSlideIndex(slideIndex);};var goToPreviousSlide=function goToPreviousSlide(){var slideIndex=activeSlide-1;if(activeSlide<=0){slideIndex=totalNumberOfSlides-1;}goToSlideIndex(slideIndex);};var isAutoPlaying=Boolean(autoPlay&&!shouldPauseAutoplay);var carouselContext=React__default.useMemo(function(){return {isResponsive:false,visibleItems:_visibleItems,carouselItemWidth:carouselItemWidth,carouselId:id,totalNumberOfSlides:totalNumberOfSlides,slideWidth:slideWidth,activeSlide:activeSlide,carouselContainerRef:containerRef,setActiveIndicator:setActiveSlide,carouselItemAlignment:undefined,shouldAddStartEndSpacing:false,isAutoPlaying:isAutoPlaying};},[carouselItemWidth,id,totalNumberOfSlides,slideWidth,activeSlide,isAutoPlaying]);useInterval(function(){goToNextSlide();},{delay:CAROUSEL_AUTOPLAY_INTERVAL,enable:autoPlay&&!shouldPauseAutoplay});useDidUpdate(function(){onChange==null?void 0:onChange(activeSlide);},[activeSlide,onChange]);React__default.useEffect(function(){announce(`Slide ${activeSlide+1} of ${totalNumberOfSlides}`);},[activeSlide,totalNumberOfSlides]);return jsx(CarouselContext.Provider,{value:carouselContext,children:jsxs(BaseBox,{ref:ref,display:"flex",alignItems:"center",flexDirection:"column",children:[jsx(BaseBox,{width:"100%",position:"relative",display:"flex",alignItems:"center",gap:"spacing.4",flexDirection:"row",children:jsx(ScrollView,Object.assign({onScrollBeginDrag:function onScrollBeginDrag(){setShouldPauseAutoplay(true);},onScrollEndDrag:function onScrollEndDrag(){setShouldPauseAutoplay(false);}},makeAccessible({label:accessibilityLabel}),{ref:containerRef,onLayout:function onLayout(e){setScrollViewWidth(e.nativeEvent.layout.width);},onMomentumScrollEnd:function onMomentumScrollEnd(e){var slideIndex=Math.round(e.nativeEvent.contentOffset.x/slideWidth);setActiveSlide(slideIndex);},horizontal:true,snapToAlignment:"start",decelerationRate:"fast",overScrollMode:"never",contentInsetAdjustmentBehavior:"never",automaticallyAdjustContentInsets:false,showsHorizontalScrollIndicator:false,showsVerticalScrollIndicator:false,nestedScrollEnabled:true,snapToInterval:slideWidth,contentInset:{left:0,right:0},contentOffset:{x:0,y:0},contentContainerStyle:{paddingVertical:size[10]},children:React__default.Children.map(children,function(child,index){return React__default.cloneElement(child,{index:index,shouldHaveStartSpacing:index===0,shouldHaveEndSpacing:index===totalNumberOfSlides-1});})}))}),jsx(Controls,{totalSlides:totalNumberOfSlides,activeIndicator:activeSlide,showIndicators:showIndicators,onIndicatorButtonClick:goToSlideIndex,onNextButtonClick:goToNextSlide,onPreviousButtonClick:goToPreviousSlide,indicatorVariant:indicatorVariant,navigationButtonVariant:navigationButtonVariant})]})});};var Carousel=React__default.forwardRef(_Carousel);
 
 export { Carousel };
 //# sourceMappingURL=Carousel.native.js.map

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 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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"}
+{"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 isAutoPlaying = Boolean(autoPlay && !shouldPauseAutoplay);\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      isAutoPlaying,\n    };\n  }, [carouselItemWidth, id, totalNumberOfSlides, slideWidth, activeSlide, isAutoPlaying]);\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            nestedScrollEnabled\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":["this","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","isAutoPlaying","Boolean","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","nestedScrollEnabled","snapToInterval","contentInset","left","right","contentContainerStyle","paddingVertical","size","map","child","index","cloneElement","shouldHaveStartSpacing","shouldHaveEndSpacing","Carousel","forwardRef"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAA,KAAA,CAAAA,SAAA,CAAA,YAAA,CAAA,0FAAA,CAoBA,IAAMC,wBAAwB,CAAG,SAA3BA,wBAAwBA,CAAIC,UAAkB,CAAa,CAC/D,GAAI,CAACA,UAAU,CAACC,QAAQ,CAAC,GAAG,CAAC,CAAE,CAC7BC,MAAM,CAAC,CACLC,OAAO,CAAE,oCAAoC,CAC7CC,IAAI,CAAE,OAAO,CACbC,UAAU,CAAE,UACd,CAAC,CAAC,CACJ,CAEA,OAAOC,MAAM,CAACN,UAAU,CAACO,SAAS,CAAC,CAAC,CAAEP,UAAU,CAACQ,MAAM,CAAG,CAAC,CAAC,CAAC,CAAG,GAAG,CACrE,CAAC,CAYD,IAAMC,QAAQ,CAAG,SAAXA,QAAQA,CAAAC,IAAA,CAS2B,CARvC,IAAAC,cAAc,CAAAD,IAAA,CAAdC,cAAc,CACdC,eAAe,CAAAF,IAAA,CAAfE,eAAe,CACfC,WAAW,CAAAH,IAAA,CAAXG,WAAW,CACXC,sBAAsB,CAAAJ,IAAA,CAAtBI,sBAAsB,CACtBC,iBAAiB,CAAAL,IAAA,CAAjBK,iBAAiB,CACjBC,qBAAqB,CAAAN,IAAA,CAArBM,qBAAqB,CACrBC,gBAAgB,CAAAP,IAAA,CAAhBO,gBAAgB,CAChBC,uBAAuB,CAAAR,IAAA,CAAvBQ,uBAAuB,CAEvB,OACEC,IAAA,CAACC,OAAO,CAAA,CACNC,SAAS,CAAC,WAAW,CACrBC,OAAO,CAAC,MAAM,CACdC,aAAa,CAAC,KAAK,CACnBC,UAAU,CAAC,QAAQ,CACnBC,GAAG,CAAC,WAAW,CAAAC,QAAA,CAAA,CAEfC,GAAA,CAACP,OAAO,CAAAM,CAAAA,QAAA,CACNC,GAAA,CAACC,gBAAgB,EACfxB,IAAI,CAAC,UAAU,CACfyB,OAAO,CAAEX,uBAAwB,CACjCY,OAAO,CAAEd,qBAAsB,CAChC,CAAC,CACK,CAAC,CACTL,cAAc,CACbgB,GAAA,CAACI,UAAU,CAAA,CACTD,OAAO,CAAEhB,sBAAuB,CAChCkB,WAAW,CAAEpB,eAAgB,CAC7BqB,UAAU,CAAEpB,WAAY,CACxBgB,OAAO,CAAEZ,gBAAiB,CAC3B,CAAC,CACA,IAAI,CACRU,GAAA,CAACP,OAAO,CAAAM,CAAAA,QAAA,CACNC,GAAA,CAACC,gBAAgB,CACfE,CAAAA,OAAO,CAAEf,iBAAkB,CAC3BX,IAAI,CAAC,MAAM,CACXyB,OAAO,CAAEX,uBAAwB,CAClC,CAAC,CACK,CAAC,CACH,CAAA,CAAC,CAEd,CAAC,CAED,IAAMgB,SAAS,CAAG,SAAZA,SAASA,CAAAC,KAAA,CAWbC,GAA+B,CACR,CAAA,IAVrBC,QAAQ,CAAAF,KAAA,CAARE,QAAQ,CAAAC,oBAAA,CAAAH,KAAA,CACRxB,cAAc,CAAdA,cAAc,CAAA2B,oBAAA,GAAG,KAAA,CAAA,CAAA,IAAI,CAAAA,oBAAA,CACrBZ,QAAQ,CAAAS,KAAA,CAART,QAAQ,CAAAa,qBAAA,CAAAJ,KAAA,CACRK,iBAAiB,CAAjBA,iBAAiB,CAAAD,qBAAA,GAAG,KAAA,CAAA,CAAA,MAAM,CAAAA,qBAAA,CAC1BE,kBAAkB,CAAAN,KAAA,CAAlBM,kBAAkB,CAClBC,QAAQ,CAAAP,KAAA,CAARO,QAAQ,CAAAC,qBAAA,CAAAR,KAAA,CACRlB,gBAAgB,CAAhBA,gBAAgB,CAAA0B,qBAAA,GAAA,KAAA,CAAA,CAAG,MAAM,CAAAA,qBAAA,CAAAC,qBAAA,CAAAT,KAAA,CACzBjB,uBAAuB,CAAvBA,uBAAuB,CAAA0B,qBAAA,UAAG,QAAQ,CAAAA,qBAAA,CAIpC,IAAMC,YAAY,CAAGC,cAAK,CAACC,MAAM,CAAa,IAAI,CAAC,CACnD,IAAAC,eAAA,CAAsCF,cAAK,CAACG,QAAQ,CAAC,CAAC,CAAC,CAAAC,gBAAA,CAAAC,cAAA,CAAAH,eAAA,CAAA,CAAA,CAAA,CAAhDI,WAAW,CAAAF,gBAAA,CAAA,CAAA,CAAA,CAAEG,cAAc,CAAAH,gBAAA,CAClC,CAAA,CAAA,CAAA,IAAAI,gBAAA,CAA8CR,cAAK,CAACG,QAAQ,CAAC,CAAC,CAAC,CAAAM,gBAAA,CAAAJ,cAAA,CAAAG,gBAAA,CAAxDE,CAAAA,CAAAA,CAAAA,eAAe,CAAAD,gBAAA,CAAEE,CAAAA,CAAAA,CAAAA,kBAAkB,CAAAF,gBAAA,IAC1C,IAAAG,gBAAA,CAAsDZ,cAAK,CAACG,QAAQ,CAAC,KAAK,CAAC,CAAAU,gBAAA,CAAAR,cAAA,CAAAO,gBAAA,CAApEE,CAAAA,CAAAA,CAAAA,mBAAmB,CAAAD,gBAAA,CAAA,CAAA,CAAA,CAAEE,sBAAsB,CAAAF,gBAAA,CAAA,CAAA,CAAA,CAClD,IAAMG,EAAE,CAAGC,KAAK,EAAE,CAElB,IAAMC,aAAa,CAAG,CAAC,CACvB,IAAMC,UAAU,CACdT,eAAe,CACfzD,wBAAwB,CAACmE,cAAc,CAACC,kBAAkB,CAAC3B,iBAAiB,CAAC,CAAC,CAAC,CACjF,IAAM4B,mBAAmB,CAAGtB,cAAK,CAACuB,QAAQ,CAACC,KAAK,CAAC5C,QAAQ,CAAC,CAE1D,IAAM6C,cAAc,CAAG,SAAjBA,cAAcA,CAAIC,UAAkB,CAAW,CACnD,GAAI,CAAC3B,YAAY,CAAC4B,OAAO,CAAE,OAC3B5B,YAAY,CAAC4B,OAAO,CAACC,QAAQ,CAAC,CAC5BC,CAAC,CAAEH,UAAU,CAAGP,UAAU,CAC1BW,CAAC,CAAE,CAAC,CACJC,QAAQ,CAAE,IACZ,CAAC,CAAC,CACFxB,cAAc,CAACmB,UAAU,CAAC,CAC5B,CAAC,CAED,IAAMM,aAAa,CAAG,SAAhBA,aAAaA,EAAe,CAChC,IAAIN,UAAU,CAAGpB,WAAW,CAAG,CAAC,CAChC,GAAIoB,UAAU,EAAIJ,mBAAmB,CAAE,CACrCI,UAAU,CAAG,CAAC,CAChB,CACAD,cAAc,CAACC,UAAU,CAAC,CAC5B,CAAC,CAED,IAAMO,iBAAiB,CAAG,SAApBA,iBAAiBA,EAAe,CACpC,IAAIP,UAAU,CAAGpB,WAAW,CAAG,CAAC,CAChC,GAAIA,WAAW,EAAI,CAAC,CAAE,CACpBoB,UAAU,CAAGJ,mBAAmB,CAAG,CAAC,CACtC,CACAG,cAAc,CAACC,UAAU,CAAC,CAC5B,CAAC,CAED,IAAMQ,aAAa,CAAGC,OAAO,CAAC5C,QAAQ,EAAI,CAACuB,mBAAmB,CAAC,CAE/D,IAAMsB,eAAe,CAAGpC,cAAK,CAACqC,OAAO,CAAuB,UAAM,CAChE,OAAO,CACLC,YAAY,CAAE,KAAK,CACnBC,YAAY,CAAErB,aAAa,CAC3BxB,iBAAiB,CAAjBA,iBAAiB,CACjB8C,UAAU,CAAExB,EAAE,CACdM,mBAAmB,CAAnBA,mBAAmB,CACnBH,UAAU,CAAVA,UAAU,CACVb,WAAW,CAAXA,WAAW,CACXmC,oBAAoB,CAAE1C,YAAqB,CAC3C2C,kBAAkB,CAAEnC,cAAc,CAClCoC,qBAAqB,CAAEC,SAAS,CAChCC,wBAAwB,CAAE,KAAK,CAC/BX,aAAa,CAAbA,aACF,CAAC,CACH,CAAC,CAAE,CAACxC,iBAAiB,CAAEsB,EAAE,CAAEM,mBAAmB,CAAEH,UAAU,CAAEb,WAAW,CAAE4B,aAAa,CAAC,CAAC,CAGxFY,WAAW,CACT,UAAM,CACJd,aAAa,EAAE,CACjB,CAAC,CACD,CACEe,KAAK,CAAEC,0BAA0B,CAEjCC,MAAM,CAAE1D,QAAQ,EAAI,CAACuB,mBACvB,CACF,CAAC,CAEDoC,YAAY,CAAC,UAAM,CACjBtD,QAAQ,EAAA,IAAA,CAAA,KAAA,CAAA,CAARA,QAAQ,CAAGU,WAAW,CAAC,CACzB,CAAC,CAAE,CAACA,WAAW,CAAEV,QAAQ,CAAC,CAAC,CAE3BI,cAAK,CAACmD,SAAS,CAAC,UAAM,CACpBC,QAAQ,CAAC,SAAS9C,WAAW,CAAG,CAAC,CAAA,IAAA,EAAOgB,mBAAmB,CAAA,CAAE,CAAC,CAChE,CAAC,CAAE,CAAChB,WAAW,CAAEgB,mBAAmB,CAAC,CAAC,CAEtC,OACEzC,GAAA,CAACwE,eAAe,CAACC,QAAQ,CAACC,CAAAA,KAAK,CAAEnB,eAAgB,CAAAxD,QAAA,CAC/CP,IAAA,CAACC,OAAO,CAAA,CAACgB,GAAG,CAAEA,GAAa,CAACd,OAAO,CAAC,MAAM,CAACE,UAAU,CAAC,QAAQ,CAACD,aAAa,CAAC,QAAQ,CAAAG,QAAA,CAAA,CACnFC,GAAA,CAACP,OAAO,CACNkF,CAAAA,KAAK,CAAC,MAAM,CACZC,QAAQ,CAAC,UAAU,CACnBjF,OAAO,CAAC,MAAM,CACdE,UAAU,CAAC,QAAQ,CACnBC,GAAG,CAAC,WAAW,CACfF,aAAa,CAAC,KAAK,CAAAG,QAAA,CAEnBC,GAAA,CAAC6E,UAAU,CAAAC,MAAA,CAAAC,MAAA,CACTC,CAAAA,iBAAiB,CAAE,SAAnBA,iBAAiBA,EAAQ,CACvB9C,sBAAsB,CAAC,IAAI,CAAC,CAC9B,CAAE,CACF+C,eAAe,CAAE,SAAjBA,eAAeA,EAAQ,CACrB/C,sBAAsB,CAAC,KAAK,CAAC,CAC/B,CAAE,CAAA,CACEgD,cAAc,CAAC,CAAEC,KAAK,CAAErE,kBAAmB,CAAC,CAAC,CAAA,CACjDL,GAAG,CAAES,YAAa,CAClBkE,QAAQ,CAAE,SAAVA,QAAQA,CAAGC,CAAC,CAAK,CACfvD,kBAAkB,CAACuD,CAAC,CAACC,WAAW,CAACC,MAAM,CAACZ,KAAK,CAAC,CAChD,CAAE,CAEFa,mBAAmB,CAAE,SAArBA,mBAAmBA,CAAGH,CAAC,CAAK,CAC1B,IAAMxC,UAAU,CAAG4C,IAAI,CAACC,KAAK,CAACL,CAAC,CAACC,WAAW,CAACK,aAAa,CAAC3C,CAAC,CAAGV,UAAU,CAAC,CACzEZ,cAAc,CAACmB,UAAU,CAAC,CAC5B,CAAE,CAEF+C,UAAU,CAAA,IAAA,CACVC,eAAe,CAAC,OAAO,CACvBC,gBAAgB,CAAC,MAAM,CACvBC,cAAc,CAAC,OAAO,CACtBC,8BAA8B,CAAC,OAAO,CACtCC,gCAAgC,CAAE,KAAM,CACxCC,8BAA8B,CAAE,KAAM,CACtCC,4BAA4B,CAAE,KAAM,CACpCC,mBAAmB,CACnBC,IAAAA,CAAAA,cAAc,CAAE/D,UAAW,CAC3BgE,YAAY,CAAE,CACZC,IAAI,CAAE,CAAC,CACPC,KAAK,CAAE,CACT,CAAE,CACFb,aAAa,CAAE,CAAE3C,CAAC,CAAE,CAAC,CAAEC,CAAC,CAAE,CAAE,CAAE,CAE9BwD,qBAAqB,CAAE,CAAEC,eAAe,CAAEC,IAAI,CAAC,EAAE,CAAE,CAAE,CAAA5G,QAAA,CAEpDoB,cAAK,CAACuB,QAAQ,CAACkE,GAAG,CAAC7G,QAAQ,CAAE,SAAC8G,KAAK,CAAEC,KAAK,CAAK,CAC9C,OAAO3F,cAAK,CAAC4F,YAAY,CAACF,KAAK,CAAwB,CACrDC,KAAK,CAALA,KAAK,CACLE,sBAAsB,CAAEF,KAAK,GAAK,CAAC,CACnCG,oBAAoB,CAAEH,KAAK,GAAKrE,mBAAmB,CAAG,CACxD,CAAC,CAAC,CACJ,CAAC,CAAC,CAAA,CACQ,CAAC,CACN,CAAC,CACVzC,GAAA,CAAClB,QAAQ,CACPI,CAAAA,WAAW,CAAEuD,mBAAoB,CACjCxD,eAAe,CAAEwC,WAAY,CAC7BzC,cAAc,CAAEA,cAAe,CAC/BG,sBAAsB,CAAEyD,cAAe,CACvCxD,iBAAiB,CAAE+D,aAAc,CACjC9D,qBAAqB,CAAE+D,iBAAkB,CACzC9D,gBAAgB,CAAEA,gBAAiB,CACnCC,uBAAuB,CAAEA,uBAAwB,CAClD,CAAC,CACK,CAAA,CAAC,CACc,CAAC,CAE/B,CAAC,CAEK,IAAA2H,QAAQ,CAAG/F,cAAK,CAACgG,UAAU,CAAC5G,SAAS;;;;"}

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

@@ -1,4 +1,5 @@
 import React__default from 'react';
+import '../../utils/logger/index.js';
 import { throwBladeError } from '../../utils/logger/logger.js';
 
 var CarouselContext=React__default.createContext(null);var useCarouselContext=function useCarouselContext(){var state=React__default.useContext(CarouselContext);if(!state){throwBladeError({moduleName:'Carousel',message:'useCarouselContext must be used within Carousel'});}return state;};

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

@@ -1 +1 @@
-{"version":3,"file":"CarouselContext.js","sources":["../../../../../src/components/Carousel/CarouselContext.tsx"],"sourcesContent":["import React from 'react';\nimport type { CarouselProps } from './types';\nimport { throwBladeError } from '~utils/logger';\n\ntype CarouselContextProps =\n  | (Pick<\n      CarouselProps,\n      'carouselItemWidth' | 'shouldAddStartEndSpacing' | 'carouselItemAlignment'\n    > & {\n      carouselContainerRef: React.RefObject<HTMLDivElement>;\n      setActiveIndicator: (value: React.SetStateAction<number>) => void;\n      carouselId: string | null;\n      totalNumberOfSlides: number;\n      isResponsive?: boolean;\n      visibleItems?: 1 | 2 | 3;\n      /**\n       * React native only\n       */\n      slideWidth?: number;\n      activeSlide?: number;\n    })\n  | null;\nconst CarouselContext = React.createContext<CarouselContextProps>(null);\n\nconst useCarouselContext = (): NonNullable<CarouselContextProps> => {\n  const state = React.useContext<CarouselContextProps>(CarouselContext);\n\n  if (!state) {\n    throwBladeError({\n      moduleName: 'Carousel',\n      message: 'useCarouselContext must be used within Carousel',\n    });\n  }\n\n  return state!;\n};\n\nexport { CarouselContext, useCarouselContext };\nexport type { CarouselContextProps };\n"],"names":["CarouselContext","React","createContext","useCarouselContext","state","useContext","throwBladeError","moduleName","message"],"mappings":";;;AAsBM,IAAAA,eAAe,CAAGC,cAAK,CAACC,aAAa,CAAuB,IAAI,EAEhE,IAAAC,kBAAkB,CAAG,SAArBA,kBAAkBA,EAA4C,CAClE,IAAMC,KAAK,CAAGH,cAAK,CAACI,UAAU,CAAuBL,eAAe,CAAC,CAErE,GAAI,CAACI,KAAK,CAAE,CACVE,eAAe,CAAC,CACdC,UAAU,CAAE,UAAU,CACtBC,OAAO,CAAE,iDACX,CAAC,CAAC,CACJ,CAEA,OAAOJ,KAAK,CACd;;;;"}
+{"version":3,"file":"CarouselContext.js","sources":["../../../../../src/components/Carousel/CarouselContext.tsx"],"sourcesContent":["import React from 'react';\nimport type { CarouselProps } from './types';\nimport { throwBladeError } from '~utils/logger';\n\ntype CarouselContextProps =\n  | (Pick<\n      CarouselProps,\n      'carouselItemWidth' | 'shouldAddStartEndSpacing' | 'carouselItemAlignment'\n    > & {\n      carouselContainerRef: React.RefObject<HTMLDivElement>;\n      setActiveIndicator: (value: React.SetStateAction<number>) => void;\n      carouselId: string | null;\n      totalNumberOfSlides: number;\n      isResponsive?: boolean;\n      visibleItems?: 1 | 2 | 3;\n      isAutoPlaying?: boolean;\n      /**\n       * React native only\n       */\n      slideWidth?: number;\n      activeSlide?: number;\n    })\n  | null;\nconst CarouselContext = React.createContext<CarouselContextProps>(null);\n\nconst useCarouselContext = (): NonNullable<CarouselContextProps> => {\n  const state = React.useContext<CarouselContextProps>(CarouselContext);\n\n  if (!state) {\n    throwBladeError({\n      moduleName: 'Carousel',\n      message: 'useCarouselContext must be used within Carousel',\n    });\n  }\n\n  return state!;\n};\n\nexport { CarouselContext, useCarouselContext };\nexport type { CarouselContextProps };\n"],"names":["CarouselContext","React","createContext","useCarouselContext","state","useContext","throwBladeError","moduleName","message"],"mappings":";;;;AAuBM,IAAAA,eAAe,CAAGC,cAAK,CAACC,aAAa,CAAuB,IAAI,EAEhE,IAAAC,kBAAkB,CAAG,SAArBA,kBAAkBA,EAA4C,CAClE,IAAMC,KAAK,CAAGH,cAAK,CAACI,UAAU,CAAuBL,eAAe,CAAC,CAErE,GAAI,CAACI,KAAK,CAAE,CACVE,eAAe,CAAC,CACdC,UAAU,CAAE,UAAU,CACtBC,OAAO,CAAE,iDACX,CAAC,CAAC,CACJ,CAEA,OAAOJ,KAAK,CACd;;;;"}

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

@@ -1,9 +1,10 @@
 import 'react';
 import { useCarouselContext } from './CarouselContext.js';
-import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
+import '../Box/BaseBox/index.js';
 import { jsx } from 'react/jsx-runtime';
+import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
 
-var CarouselItem=function CarouselItem(_ref){var children=_ref.children;var _useCarouselContext=useCarouselContext(),slideWidth=_useCarouselContext.slideWidth;return jsx(BaseBox,{width:`${slideWidth}px`,margin:"spacing.0",paddingLeft:"spacing.4",paddingRight:"spacing.4",children:children});};
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Carousel/CarouselItem.native.tsx";var CarouselItem=function CarouselItem(_ref){var children=_ref.children;var _useCarouselContext=useCarouselContext(),slideWidth=_useCarouselContext.slideWidth;return jsx(BaseBox,{width:`${slideWidth}px`,margin:"spacing.0",paddingLeft:"spacing.4",paddingRight:"spacing.4",children:children});};
 
 export { CarouselItem };
 //# sourceMappingURL=CarouselItem.native.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CarouselItem.native.js","sources":["../../../../../src/components/Carousel/CarouselItem.native.tsx"],"sourcesContent":["/* eslint-disable consistent-return */\n/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */\nimport React from 'react';\nimport { useCarouselContext } from './CarouselContext';\nimport BaseBox from '~components/Box/BaseBox';\n\ntype CarouselItemProps = {\n  children: React.ReactNode;\n};\n\nconst CarouselItem = ({ children }: CarouselItemProps): React.ReactElement => {\n  const { slideWidth } = useCarouselContext();\n\n  return (\n    <BaseBox\n      width={`${slideWidth}px`}\n      margin=\"spacing.0\"\n      paddingLeft=\"spacing.4\"\n      paddingRight=\"spacing.4\"\n    >\n      {children}\n    </BaseBox>\n  );\n};\n\nexport { CarouselItem };\n"],"names":["CarouselItem","_ref","children","_useCarouselContext","useCarouselContext","slideWidth","_jsx","BaseBox","width","margin","paddingLeft","paddingRight"],"mappings":";;;;;AAUM,IAAAA,YAAY,CAAG,SAAfA,YAAYA,CAAAC,IAAA,CAA4D,CAAtD,IAAAC,QAAQ,CAAAD,IAAA,CAARC,QAAQ,CAC9B,IAAAC,mBAAA,CAAuBC,kBAAkB,EAAE,CAAnCC,UAAU,CAAAF,mBAAA,CAAVE,UAAU,CAElB,OACEC,GAAA,CAACC,OAAO,CACNC,CAAAA,KAAK,CAAE,CAAGH,EAAAA,UAAU,IAAK,CACzBI,MAAM,CAAC,WAAW,CAClBC,WAAW,CAAC,WAAW,CACvBC,YAAY,CAAC,WAAW,CAAAT,QAAA,CAEvBA,QAAQ,CACF,CAAC,CAEd;;;;"}
+{"version":3,"file":"CarouselItem.native.js","sources":["../../../../../src/components/Carousel/CarouselItem.native.tsx"],"sourcesContent":["/* eslint-disable consistent-return */\n/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */\nimport React from 'react';\nimport { useCarouselContext } from './CarouselContext';\nimport BaseBox from '~components/Box/BaseBox';\n\ntype CarouselItemProps = {\n  children: React.ReactNode;\n};\n\nconst CarouselItem = ({ children }: CarouselItemProps): React.ReactElement => {\n  const { slideWidth } = useCarouselContext();\n\n  return (\n    <BaseBox\n      width={`${slideWidth}px`}\n      margin=\"spacing.0\"\n      paddingLeft=\"spacing.4\"\n      paddingRight=\"spacing.4\"\n    >\n      {children}\n    </BaseBox>\n  );\n};\n\nexport { CarouselItem };\n"],"names":["this","CarouselItem","_ref","children","_useCarouselContext","useCarouselContext","slideWidth","_jsx","BaseBox","width","margin","paddingLeft","paddingRight"],"mappings":";;;;;;AAEA,IAAA,KAAA,CAAAA,SAAA,CAAA,YAAA,CAAA,8FAAA,CAQM,IAAAC,YAAY,CAAG,SAAfA,YAAYA,CAAAC,IAAA,CAA4D,CAAtD,IAAAC,QAAQ,CAAAD,IAAA,CAARC,QAAQ,CAC9B,IAAAC,mBAAA,CAAuBC,kBAAkB,EAAE,CAAnCC,UAAU,CAAAF,mBAAA,CAAVE,UAAU,CAElB,OACEC,GAAA,CAACC,OAAO,CACNC,CAAAA,KAAK,CAAE,CAAGH,EAAAA,UAAU,IAAK,CACzBI,MAAM,CAAC,WAAW,CAClBC,WAAW,CAAC,WAAW,CACvBC,YAAY,CAAC,WAAW,CAAAT,QAAA,CAEvBA,QAAQ,CACF,CAAC,CAEd;;;;"}

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

@@ -0,0 +1,14 @@
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import React__default from 'react';
+import { Pressable } from 'react-native';
+import Animated, { useSharedValue, cancelAnimation, withTiming, Easing, useAnimatedProps } from 'react-native-reanimated';
+import Svg, { Circle } from 'react-native-svg';
+import { CAROUSEL_AUTOPLAY_INTERVAL } from '../constants.js';
+import '../../BladeProvider/index.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import useTheme from '../../BladeProvider/useTheme.js';
+
+var _excluded=["onClick","isActive","variant","isAutoPlaying","slideIndex"];var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Carousel/Indicators/CircularIndicatorButton.native.tsx";var DOT_RADIUS=3;var RING_GAP=1;var RING_STROKE_WIDTH=2;var RING_RADIUS=DOT_RADIUS+RING_GAP+RING_STROKE_WIDTH/2;var SVG_SIZE=(RING_RADIUS+RING_STROKE_WIDTH/2)*2;var CENTER=SVG_SIZE/2;var CIRCUMFERENCE=2*Math.PI*RING_RADIUS;var AnimatedCircle=Animated.createAnimatedComponent(Circle);var CircularIndicatorButton=function CircularIndicatorButton(_ref){var onClick=_ref.onClick,isActive=_ref.isActive,variant=_ref.variant,isAutoPlaying=_ref.isAutoPlaying,slideIndex=_ref.slideIndex,rest=_objectWithoutProperties(_ref,_excluded);var _useTheme=useTheme(),theme=_useTheme.theme;var activeColor={gray:theme.colors.interactive.icon.gray.muted,white:theme.colors.interactive.icon.staticWhite.normal,blue:theme.colors.interactive.icon.primary.subtle};var inactiveColor=theme.colors.overlay.background.moderate;var fillColor=isActive?activeColor[variant]:inactiveColor;var showProgressRing=isActive&&isAutoPlaying;var progress=useSharedValue(CIRCUMFERENCE);React__default.useEffect(function(){if(showProgressRing){cancelAnimation(progress);progress.value=CIRCUMFERENCE;progress.value=withTiming(0,{duration:CAROUSEL_AUTOPLAY_INTERVAL,easing:Easing.linear});}else {cancelAnimation(progress);progress.value=CIRCUMFERENCE;}return function(){cancelAnimation(progress);};},[showProgressRing,progress,slideIndex]);var animatedProps=useAnimatedProps(function(){return {strokeDashoffset:progress.value};});return jsx(Pressable,Object.assign({onPress:onClick},rest,{slideIndex:slideIndex,style:{minWidth:SVG_SIZE,minHeight:SVG_SIZE,alignItems:'center',justifyContent:'center'},children:jsxs(Svg,{width:SVG_SIZE,height:SVG_SIZE,viewBox:`0 0 ${SVG_SIZE} ${SVG_SIZE}`,children:[jsx(Circle,{cx:CENTER,cy:CENTER,r:DOT_RADIUS,fill:fillColor,stroke:"none"}),showProgressRing&&jsx(AnimatedCircle,{cx:CENTER,cy:CENTER,r:RING_RADIUS,fill:"none",stroke:activeColor[variant],strokeWidth:RING_STROKE_WIDTH,strokeDasharray:`${CIRCUMFERENCE}`,rotation:-90,origin:`${CENTER}, ${CENTER}`,animatedProps:animatedProps})]})}));};
+
+export { CircularIndicatorButton };
+//# sourceMappingURL=CircularIndicatorButton.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CircularIndicatorButton.native.js","sources":["../../../../../../src/components/Carousel/Indicators/CircularIndicatorButton.native.tsx"],"sourcesContent":["import React from 'react';\nimport { Pressable } from 'react-native';\nimport type { AccessibilityProps } from 'react-native';\nimport Animated, {\n  cancelAnimation,\n  useAnimatedProps,\n  useSharedValue,\n  withTiming,\n  Easing,\n} from 'react-native-reanimated';\nimport Svg, { Circle } from 'react-native-svg';\nimport type { IndicatorButtonProps } from './types';\nimport { CAROUSEL_AUTOPLAY_INTERVAL } from '../constants';\nimport { useTheme } from '~components/BladeProvider';\n\nconst DOT_RADIUS = 3;\nconst RING_GAP = 1;\nconst RING_STROKE_WIDTH = 2;\nconst RING_RADIUS = DOT_RADIUS + RING_GAP + RING_STROKE_WIDTH / 2;\nconst SVG_SIZE = (RING_RADIUS + RING_STROKE_WIDTH / 2) * 2;\nconst CENTER = SVG_SIZE / 2;\nconst CIRCUMFERENCE = 2 * Math.PI * RING_RADIUS;\n\nconst AnimatedCircle = Animated.createAnimatedComponent(Circle);\n\ntype CircularIndicatorButtonProps = IndicatorButtonProps & {\n  isAutoPlaying?: boolean;\n};\n\nconst CircularIndicatorButton = ({\n  onClick,\n  isActive,\n  variant,\n  isAutoPlaying,\n  slideIndex,\n  ...rest\n}: CircularIndicatorButtonProps & AccessibilityProps): React.ReactElement => {\n  const { theme } = useTheme();\n\n  const activeColor = {\n    gray: theme.colors.interactive.icon.gray.muted,\n    white: theme.colors.interactive.icon.staticWhite.normal,\n    blue: theme.colors.interactive.icon.primary.subtle,\n  };\n\n  const inactiveColor = theme.colors.overlay.background.moderate;\n  const fillColor = isActive ? activeColor[variant] : inactiveColor;\n  const showProgressRing = isActive && isAutoPlaying;\n\n  const progress = useSharedValue(CIRCUMFERENCE);\n\n  React.useEffect(() => {\n    if (showProgressRing) {\n      cancelAnimation(progress);\n      progress.value = CIRCUMFERENCE;\n      progress.value = withTiming(0, {\n        duration: CAROUSEL_AUTOPLAY_INTERVAL,\n        easing: Easing.linear,\n      });\n    } else {\n      cancelAnimation(progress);\n      progress.value = CIRCUMFERENCE;\n    }\n\n    return () => {\n      cancelAnimation(progress);\n    };\n  }, [showProgressRing, progress, slideIndex]);\n\n  const animatedProps = useAnimatedProps(() => ({\n    strokeDashoffset: progress.value,\n  }));\n\n  return (\n    <Pressable\n      onPress={onClick}\n      {...rest}\n      // @ts-expect-error slideIndex is a custom prop used by tests to identify indicator buttons\n      slideIndex={slideIndex}\n      style={{\n        minWidth: SVG_SIZE,\n        minHeight: SVG_SIZE,\n        alignItems: 'center',\n        justifyContent: 'center',\n      }}\n    >\n      <Svg width={SVG_SIZE} height={SVG_SIZE} viewBox={`0 0 ${SVG_SIZE} ${SVG_SIZE}`}>\n        <Circle cx={CENTER} cy={CENTER} r={DOT_RADIUS} fill={fillColor} stroke=\"none\" />\n        {showProgressRing && (\n          <AnimatedCircle\n            cx={CENTER}\n            cy={CENTER}\n            r={RING_RADIUS}\n            fill=\"none\"\n            stroke={activeColor[variant]}\n            strokeWidth={RING_STROKE_WIDTH}\n            strokeDasharray={`${CIRCUMFERENCE}`}\n            rotation={-90}\n            origin={`${CENTER}, ${CENTER}`}\n            animatedProps={animatedProps}\n          />\n        )}\n      </Svg>\n    </Pressable>\n  );\n};\n\nexport { CircularIndicatorButton };\nexport type { CircularIndicatorButtonProps };\n"],"names":["this","DOT_RADIUS","RING_GAP","RING_STROKE_WIDTH","RING_RADIUS","SVG_SIZE","CENTER","CIRCUMFERENCE","Math","PI","AnimatedCircle","Animated","createAnimatedComponent","Circle","CircularIndicatorButton","_ref","onClick","isActive","variant","isAutoPlaying","slideIndex","rest","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","activeColor","gray","colors","interactive","icon","muted","white","staticWhite","normal","blue","primary","subtle","inactiveColor","overlay","background","moderate","fillColor","showProgressRing","progress","useSharedValue","React","useEffect","cancelAnimation","value","withTiming","duration","CAROUSEL_AUTOPLAY_INTERVAL","easing","Easing","linear","animatedProps","useAnimatedProps","strokeDashoffset","_jsx","Pressable","Object","assign","onPress","style","minWidth","minHeight","alignItems","justifyContent","children","_jsxs","Svg","width","height","viewBox","cx","cy","r","fill","stroke","strokeWidth","strokeDasharray","rotation","origin"],"mappings":"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"}