@razorpay/blade 12.98.1 → 12.111.0

package/build/lib/native/components/Skeleton/PulseAnimation.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"PulseAnimation.native.js","sources":["../../../../../src/components/Skeleton/PulseAnimation.native.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-function-return-type */\n/* eslint-disable @typescript-eslint/restrict-plus-operands */\nimport Animated, {\n  cancelAnimation,\n  interpolateColor,\n  useAnimatedStyle,\n  useSharedValue,\n  withRepeat,\n  withSequence,\n  withTiming,\n} from 'react-native-reanimated';\nimport React from 'react';\nimport type { SkeletonProps } from './types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { castNativeType, makeMotionTime } from '~utils';\nimport { useTheme } from '~components/BladeProvider';\nimport type { BladeElementRef } from '~utils/types';\n\nconst AnimatedBox = Animated.createAnimatedComponent(BaseBox);\n\nconst _PulseAnimation = (\n  props: SkeletonProps,\n  ref: React.Ref<BladeElementRef>,\n): React.ReactElement => {\n  const { theme } = useTheme();\n  const durationPluseOff = theme.motion.duration.xmoderate;\n  const durationPluseOn = theme.motion.duration['2xgentle'];\n  const totalDuration = castNativeType(makeMotionTime(durationPluseOn + durationPluseOff));\n  const easing = castNativeType(theme.motion.easing.emphasized);\n  const progress = useSharedValue(0);\n\n  const fadeIn = () => {\n    'worklet';\n    const animations = {\n      opacity: withTiming(1, { duration: totalDuration, easing }),\n    };\n    const initialValues = {\n      opacity: 0,\n    };\n    return {\n      initialValues,\n      animations,\n    };\n  };\n\n  // Trigger pulsating animation\n  React.useEffect(() => {\n    const pulsatingAnimationTimingConfig = {\n      duration: totalDuration,\n      easing,\n    };\n    progress.value = withRepeat(\n      withSequence(\n        withTiming(0, pulsatingAnimationTimingConfig),\n        withTiming(1, pulsatingAnimationTimingConfig),\n      ),\n      -1,\n      true,\n    );\n\n    return () => {\n      cancelAnimation(progress);\n    };\n  }, [easing, progress, totalDuration]);\n\n  const pulseAnimatedStyle = useAnimatedStyle(() => {\n    return {\n      backgroundColor: interpolateColor(\n        progress.value,\n        [1, 0],\n        [\n          theme.colors.interactive.background.gray.highlighted,\n          theme.colors.interactive.background.gray.default,\n        ],\n      ),\n    };\n  });\n\n  return <AnimatedBox ref={ref as never} entering={fadeIn} style={pulseAnimatedStyle} {...props} />;\n};\n\nconst PulseAnimation = React.forwardRef(_PulseAnimation);\n\nexport { PulseAnimation };\n"],"names":["AnimatedBox","Animated","createAnimatedComponent","BaseBox","_PulseAnimation","props","ref","_useTheme","useTheme","theme","durationPluseOff","motion","duration","xmoderate","durationPluseOn","totalDuration","castNativeType","makeMotionTime","easing","emphasized","progress","useSharedValue","fadeIn","animations","opacity","withTiming","initialValues","React","useEffect","pulsatingAnimationTimingConfig","value","withRepeat","withSequence","cancelAnimation","pulseAnimatedStyle","useAnimatedStyle","backgroundColor","interpolateColor","colors","interactive","background","gray","highlighted","default","_jsx","Object","assign","entering","style","PulseAnimation","forwardRef"],"mappings":";;;;;;;;;;;;;;;;AAkBA,IAAMA,WAAW,CAAGC,QAAQ,CAACC,uBAAuB,CAACC,OAAO,CAAC,CAE7D,IAAMC,eAAe,CAAG,SAAlBA,eAAeA,CACnBC,KAAoB,CACpBC,GAA+B,CACR,CACvB,IAAAC,SAAA,CAAkBC,QAAQ,EAAE,CAApBC,KAAK,CAAAF,SAAA,CAALE,KAAK,CACb,IAAMC,gBAAgB,CAAGD,KAAK,CAACE,MAAM,CAACC,QAAQ,CAACC,SAAS,CACxD,IAAMC,eAAe,CAAGL,KAAK,CAACE,MAAM,CAACC,QAAQ,CAAC,UAAU,CAAC,CACzD,IAAMG,aAAa,CAAGC,cAAc,CAACC,cAAc,CAACH,eAAe,CAAGJ,gBAAgB,CAAC,CAAC,CACxF,IAAMQ,MAAM,CAAGF,cAAc,CAACP,KAAK,CAACE,MAAM,CAACO,MAAM,CAACC,UAAU,CAAC,CAC7D,IAAMC,QAAQ,CAAGC,cAAc,CAAC,CAAC,CAAC,CAElC,IAAMC,MAAM,CAAG,SAATA,MAAMA,EAAS,CACnB,SAAS,CACT,IAAMC,UAAU,CAAG,CACjBC,OAAO,CAAEC,UAAU,CAAC,CAAC,CAAE,CAAEb,QAAQ,CAAEG,aAAa,CAAEG,MAAM,CAANA,MAAO,CAAC,CAC5D,CAAC,CACD,IAAMQ,aAAa,CAAG,CACpBF,OAAO,CAAE,CACX,CAAC,CACD,OAAO,CACLE,aAAa,CAAbA,aAAa,CACbH,UAAU,CAAVA,UACF,CAAC,CACH,CAAC,CAGDI,cAAK,CAACC,SAAS,CAAC,UAAM,CACpB,IAAMC,8BAA8B,CAAG,CACrCjB,QAAQ,CAAEG,aAAa,CACvBG,MAAM,CAANA,MACF,CAAC,CACDE,QAAQ,CAACU,KAAK,CAAGC,UAAU,CACzBC,YAAY,CACVP,UAAU,CAAC,CAAC,CAAEI,8BAA8B,CAAC,CAC7CJ,UAAU,CAAC,CAAC,CAAEI,8BAA8B,CAC9C,CAAC,CACD,CAAC,CAAC,CACF,IACF,CAAC,CAED,OAAO,UAAM,CACXI,eAAe,CAACb,QAAQ,CAAC,CAC3B,CAAC,CACH,CAAC,CAAE,CAACF,MAAM,CAAEE,QAAQ,CAAEL,aAAa,CAAC,CAAC,CAErC,IAAMmB,kBAAkB,CAAGC,gBAAgB,CAAC,UAAM,CAChD,OAAO,CACLC,eAAe,CAAEC,gBAAgB,CAC/BjB,QAAQ,CAACU,KAAK,CACd,CAAC,CAAC,CAAE,CAAC,CAAC,CACN,CACErB,KAAK,CAAC6B,MAAM,CAACC,WAAW,CAACC,UAAU,CAACC,IAAI,CAACC,WAAW,CACpDjC,KAAK,CAAC6B,MAAM,CAACC,WAAW,CAACC,UAAU,CAACC,IAAI,CAACE,OAAO,CAEpD,CACF,CAAC,CACH,CAAC,CAAC,CAEF,OAAOC,GAAA,CAAC5C,WAAW,CAAA6C,MAAA,CAAAC,MAAA,EAACxC,GAAG,CAAEA,GAAa,CAACyC,QAAQ,CAAEzB,MAAO,CAAC0B,KAAK,CAAEd,kBAAmB,EAAK7B,KAAK,CAAG,CAAC,CACnG,CAAC,CAEK,IAAA4C,cAAc,CAAGtB,cAAK,CAACuB,UAAU,CAAC9C,eAAe;;;;"}
+{"version":3,"file":"PulseAnimation.native.js","sources":["../../../../../src/components/Skeleton/PulseAnimation.native.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-function-return-type */\n/* eslint-disable @typescript-eslint/restrict-plus-operands */\nimport Animated, {\n  cancelAnimation,\n  interpolate,\n  useAnimatedStyle,\n  useSharedValue,\n  withDelay,\n  withRepeat,\n  withTiming,\n} from 'react-native-reanimated';\nimport React from 'react';\nimport { StyleSheet } from 'react-native';\nimport type { SkeletonProps } from './types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { castNativeType, makeMotionTime } from '~utils';\nimport { useTheme } from '~components/BladeProvider';\nimport type { BladeElementRef } from '~utils/types';\n\n// Reanimated's interpolateColor doesn't support hsla(). Split into base hsl + alpha so we can animate it properly.\nconst parseHsla = (color: string): { base: string; alpha: number } => {\n  const match = color.match(\n    /hsla?\\(\\s*([\\d.]+)\\s*,\\s*([\\d.]+%)\\s*,\\s*([\\d.]+%)\\s*(?:,\\s*([\\d.]+))?\\s*\\)/,\n  );\n  if (!match) return { base: color, alpha: 1 };\n  return {\n    base: `hsl(${match[1]}, ${match[2]}, ${match[3]})`,\n    alpha: match[4] !== undefined ? parseFloat(match[4]) : 1,\n  };\n};\n\nconst styles = StyleSheet.create({\n  fill: { position: 'absolute', top: 0, left: 0, right: 0, bottom: 0 },\n});\n\nconst _PulseAnimation = (\n  props: SkeletonProps,\n  ref: React.Ref<BladeElementRef>,\n): React.ReactElement => {\n  const { theme } = useTheme();\n  const durationPulseOff = theme.motion.duration.xmoderate;\n  const durationPulseOn = theme.motion.duration['2xgentle'];\n  const totalDuration = castNativeType(makeMotionTime(durationPulseOn + durationPulseOff));\n  const fadeInDuration = castNativeType(makeMotionTime(durationPulseOn));\n  const easing = castNativeType(theme.motion.easing.standard);\n\n  const grayDefault = parseHsla(theme.colors.interactive.background.gray.default);\n  const grayHighlighted = parseHsla(theme.colors.interactive.background.gray.highlighted);\n\n  const fadeIn = useSharedValue(0);\n  const pulseProgress = useSharedValue(0);\n\n  React.useEffect(() => {\n    fadeIn.value = withTiming(1, { duration: fadeInDuration, easing });\n\n    pulseProgress.value = withDelay(\n      fadeInDuration,\n      withRepeat(withTiming(1, { duration: totalDuration, easing }), -1, true),\n    );\n\n    return () => {\n      cancelAnimation(fadeIn);\n      cancelAnimation(pulseProgress);\n    };\n  }, [easing, fadeIn, fadeInDuration, pulseProgress, totalDuration]);\n\n  const animatedStyle = useAnimatedStyle(() => ({\n    opacity:\n      fadeIn.value *\n      interpolate(pulseProgress.value, [0, 1], [grayDefault.alpha, grayHighlighted.alpha]),\n    backgroundColor: grayDefault.base,\n  }));\n\n  return (\n    <BaseBox ref={ref as never} {...props} style={{ overflow: 'hidden' }}>\n      <Animated.View style={[styles.fill, animatedStyle]} />\n    </BaseBox>\n  );\n};\n\nconst PulseAnimation = React.forwardRef(_PulseAnimation);\n\nexport { PulseAnimation };\n"],"names":["parseHsla","color","match","base","alpha","undefined","parseFloat","styles","StyleSheet","create","fill","position","top","left","right","bottom","_PulseAnimation","props","ref","_useTheme","useTheme","theme","durationPulseOff","motion","duration","xmoderate","durationPulseOn","totalDuration","castNativeType","makeMotionTime","fadeInDuration","easing","standard","grayDefault","colors","interactive","background","gray","default","grayHighlighted","highlighted","fadeIn","useSharedValue","pulseProgress","React","useEffect","value","withTiming","withDelay","withRepeat","cancelAnimation","animatedStyle","useAnimatedStyle","opacity","interpolate","backgroundColor","_jsx","BaseBox","Object","assign","style","overflow","children","Animated","View","PulseAnimation","forwardRef"],"mappings":"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"}

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

@@ -1,18 +1,16 @@
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import React__default from 'react';
 import { PulseAnimation } from './PulseAnimation.native.js';
+import '../Box/styledProps/index.js';
+import '../../utils/makeAccessible/index.native.js';
+import '../../utils/metaAttribute/index.js';
+import { jsx } from 'react/jsx-runtime';
 import { getStyledProps } from '../Box/styledProps/getStyledProps.js';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react-native';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
-import '../BladeProvider/useTheme.js';
 import { makeAccessible } from '../../utils/makeAccessible/makeAccessible.native.js';
 import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.native.js';
 import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
-import { jsx } from 'react/jsx-runtime';
 
-var _excluded=["width","maxWidth","minWidth","height","maxHeight","minHeight","borderRadius","flexWrap","flexDirection","flexGrow","flexShrink","flexBasis","alignItems","alignContent","alignSelf","justifyItems","justifyContent","justifySelf","placeSelf","placeItems","order","testID"];var _Skeleton=function _Skeleton(_ref,ref){var width=_ref.width,maxWidth=_ref.maxWidth,minWidth=_ref.minWidth,height=_ref.height,maxHeight=_ref.maxHeight,minHeight=_ref.minHeight,borderRadius=_ref.borderRadius,flexWrap=_ref.flexWrap,flexDirection=_ref.flexDirection,flexGrow=_ref.flexGrow,flexShrink=_ref.flexShrink,flexBasis=_ref.flexBasis,alignItems=_ref.alignItems,alignContent=_ref.alignContent,alignSelf=_ref.alignSelf,justifyItems=_ref.justifyItems,justifyContent=_ref.justifyContent,justifySelf=_ref.justifySelf,placeSelf=_ref.placeSelf,placeItems=_ref.placeItems,order=_ref.order,testID=_ref.testID,props=_objectWithoutProperties(_ref,_excluded);return jsx(PulseAnimation,Object.assign({ref:ref,width:width,minWidth:minWidth,maxWidth:maxWidth,height:height,minHeight:minHeight,maxHeight:maxHeight,borderRadius:borderRadius,flexWrap:flexWrap,flexDirection:flexDirection,flexGrow:flexGrow,flexShrink:flexShrink,flexBasis:flexBasis,alignItems:alignItems,alignContent:alignContent,alignSelf:alignSelf,justifyItems:justifyItems,justifyContent:justifyContent,justifySelf:justifySelf,placeSelf:placeSelf,placeItems:placeItems,order:order},getStyledProps(props),makeAccessible({hidden:true}),metaAttribute({name:MetaConstants.Skeleton,testID:testID})));};var Skeleton=React__default.forwardRef(_Skeleton);
+var _excluded=["width","maxWidth","minWidth","height","maxHeight","minHeight","borderRadius","flexWrap","flexDirection","flexGrow","flexShrink","flexBasis","alignItems","alignContent","alignSelf","justifyItems","justifyContent","justifySelf","placeSelf","placeItems","order","testID"];var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Skeleton/Skeleton.tsx";var _Skeleton=function _Skeleton(_ref,ref){var width=_ref.width,maxWidth=_ref.maxWidth,minWidth=_ref.minWidth,height=_ref.height,maxHeight=_ref.maxHeight,minHeight=_ref.minHeight,borderRadius=_ref.borderRadius,flexWrap=_ref.flexWrap,flexDirection=_ref.flexDirection,flexGrow=_ref.flexGrow,flexShrink=_ref.flexShrink,flexBasis=_ref.flexBasis,alignItems=_ref.alignItems,alignContent=_ref.alignContent,alignSelf=_ref.alignSelf,justifyItems=_ref.justifyItems,justifyContent=_ref.justifyContent,justifySelf=_ref.justifySelf,placeSelf=_ref.placeSelf,placeItems=_ref.placeItems,order=_ref.order,testID=_ref.testID,props=_objectWithoutProperties(_ref,_excluded);return jsx(PulseAnimation,Object.assign({ref:ref,width:width,minWidth:minWidth,maxWidth:maxWidth,height:height,minHeight:minHeight,maxHeight:maxHeight,borderRadius:borderRadius,flexWrap:flexWrap,flexDirection:flexDirection,flexGrow:flexGrow,flexShrink:flexShrink,flexBasis:flexBasis,alignItems:alignItems,alignContent:alignContent,alignSelf:alignSelf,justifyItems:justifyItems,justifyContent:justifyContent,justifySelf:justifySelf,placeSelf:placeSelf,placeItems:placeItems,order:order},getStyledProps(props),makeAccessible({hidden:true}),metaAttribute({name:MetaConstants.Skeleton,testID:testID})));};var Skeleton=React__default.forwardRef(_Skeleton);
 
 export { Skeleton };
 //# sourceMappingURL=Skeleton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.js","sources":["../../../../../src/components/Skeleton/Skeleton.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */\nimport React from 'react';\nimport { PulseAnimation } from './PulseAnimation';\nimport type { SkeletonProps } from './types';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { BladeElementRef } from '~utils/types';\n\nconst _Skeleton = (\n  {\n    width,\n    maxWidth,\n    minWidth,\n    height,\n    maxHeight,\n    minHeight,\n    borderRadius,\n    flexWrap,\n    flexDirection,\n    flexGrow,\n    flexShrink,\n    flexBasis,\n    alignItems,\n    alignContent,\n    alignSelf,\n    justifyItems,\n    justifyContent,\n    justifySelf,\n    placeSelf,\n    placeItems,\n    order,\n    testID,\n    ...props\n  }: SkeletonProps,\n  ref: React.Ref<BladeElementRef>,\n): React.ReactElement => {\n  return (\n    <PulseAnimation\n      ref={ref as never}\n      width={width}\n      minWidth={minWidth}\n      maxWidth={maxWidth}\n      height={height}\n      minHeight={minHeight}\n      maxHeight={maxHeight}\n      borderRadius={borderRadius}\n      flexWrap={flexWrap}\n      flexDirection={flexDirection}\n      flexGrow={flexGrow}\n      flexShrink={flexShrink}\n      flexBasis={flexBasis}\n      alignItems={alignItems}\n      alignContent={alignContent}\n      alignSelf={alignSelf}\n      justifyItems={justifyItems}\n      justifyContent={justifyContent}\n      justifySelf={justifySelf}\n      placeSelf={placeSelf}\n      placeItems={placeItems}\n      order={order}\n      {...getStyledProps(props)}\n      {...makeAccessible({ hidden: true })}\n      {...metaAttribute({ name: MetaConstants.Skeleton, testID })}\n    />\n  );\n};\n\nconst Skeleton = React.forwardRef(_Skeleton);\n\nexport { Skeleton };\n"],"names":["_Skeleton","_ref","ref","width","maxWidth","minWidth","height","maxHeight","minHeight","borderRadius","flexWrap","flexDirection","flexGrow","flexShrink","flexBasis","alignItems","alignContent","alignSelf","justifyItems","justifyContent","justifySelf","placeSelf","placeItems","order","testID","props","_objectWithoutProperties","_excluded","_jsx","PulseAnimation","Object","assign","getStyledProps","makeAccessible","hidden","metaAttribute","name","MetaConstants","Skeleton","React","forwardRef"],"mappings":";;;;;;;;;;;;;;AACA,IAAA,SAAA,CAAA,CAAA,OAAA,CAAA,UAAA,CAAA,UAAA,CAAA,QAAA,CAAA,WAAA,CAAA,WAAA,CAAA,cAAA,CAAA,UAAA,CAAA,eAAA,CAAA,UAAA,CAAA,YAAA,CAAA,WAAA,CAAA,YAAA,CAAA,cAAA,CAAA,WAAA,CAAA,cAAA,CAAA,gBAAA,CAAA,aAAA,CAAA,WAAA,CAAA,YAAA,CAAA,OAAA,CAAA,QAAA,CAAA,CAQA,IAAMA,SAAS,CAAG,SAAZA,SAASA,CAAAC,IAAA,CA0BbC,GAA+B,CACR,CAzBrB,IAAAC,KAAK,CAAAF,IAAA,CAALE,KAAK,CACLC,QAAQ,CAAAH,IAAA,CAARG,QAAQ,CACRC,QAAQ,CAAAJ,IAAA,CAARI,QAAQ,CACRC,MAAM,CAAAL,IAAA,CAANK,MAAM,CACNC,SAAS,CAAAN,IAAA,CAATM,SAAS,CACTC,SAAS,CAAAP,IAAA,CAATO,SAAS,CACTC,YAAY,CAAAR,IAAA,CAAZQ,YAAY,CACZC,QAAQ,CAAAT,IAAA,CAARS,QAAQ,CACRC,aAAa,CAAAV,IAAA,CAAbU,aAAa,CACbC,QAAQ,CAAAX,IAAA,CAARW,QAAQ,CACRC,UAAU,CAAAZ,IAAA,CAAVY,UAAU,CACVC,SAAS,CAAAb,IAAA,CAATa,SAAS,CACTC,UAAU,CAAAd,IAAA,CAAVc,UAAU,CACVC,YAAY,CAAAf,IAAA,CAAZe,YAAY,CACZC,SAAS,CAAAhB,IAAA,CAATgB,SAAS,CACTC,YAAY,CAAAjB,IAAA,CAAZiB,YAAY,CACZC,cAAc,CAAAlB,IAAA,CAAdkB,cAAc,CACdC,WAAW,CAAAnB,IAAA,CAAXmB,WAAW,CACXC,SAAS,CAAApB,IAAA,CAAToB,SAAS,CACTC,UAAU,CAAArB,IAAA,CAAVqB,UAAU,CACVC,KAAK,CAAAtB,IAAA,CAALsB,KAAK,CACLC,MAAM,CAAAvB,IAAA,CAANuB,MAAM,CACHC,KAAK,CAAAC,wBAAA,CAAAzB,IAAA,CAAA0B,SAAA,EAIV,OACEC,GAAA,CAACC,cAAc,CAAAC,MAAA,CAAAC,MAAA,EACb7B,GAAG,CAAEA,GAAa,CAClBC,KAAK,CAAEA,KAAM,CACbE,QAAQ,CAAEA,QAAS,CACnBD,QAAQ,CAAEA,QAAS,CACnBE,MAAM,CAAEA,MAAO,CACfE,SAAS,CAAEA,SAAU,CACrBD,SAAS,CAAEA,SAAU,CACrBE,YAAY,CAAEA,YAAa,CAC3BC,QAAQ,CAAEA,QAAS,CACnBC,aAAa,CAAEA,aAAc,CAC7BC,QAAQ,CAAEA,QAAS,CACnBC,UAAU,CAAEA,UAAW,CACvBC,SAAS,CAAEA,SAAU,CACrBC,UAAU,CAAEA,UAAW,CACvBC,YAAY,CAAEA,YAAa,CAC3BC,SAAS,CAAEA,SAAU,CACrBC,YAAY,CAAEA,YAAa,CAC3BC,cAAc,CAAEA,cAAe,CAC/BC,WAAW,CAAEA,WAAY,CACzBC,SAAS,CAAEA,SAAU,CACrBC,UAAU,CAAEA,UAAW,CACvBC,KAAK,CAAEA,KAAM,CAAA,CACTS,cAAc,CAACP,KAAK,CAAC,CACrBQ,cAAc,CAAC,CAAEC,MAAM,CAAE,IAAK,CAAC,CAAC,CAChCC,aAAa,CAAC,CAAEC,IAAI,CAAEC,aAAa,CAACC,QAAQ,CAAEd,MAAM,CAANA,MAAO,CAAC,CAAC,CAC5D,CAAC,CAEN,CAAC,CAEK,IAAAc,QAAQ,CAAGC,cAAK,CAACC,UAAU,CAACxC,SAAS;;;;"}
+{"version":3,"file":"Skeleton.js","sources":["../../../../../src/components/Skeleton/Skeleton.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */\nimport React from 'react';\nimport { PulseAnimation } from './PulseAnimation';\nimport type { SkeletonProps } from './types';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { BladeElementRef } from '~utils/types';\n\nconst _Skeleton = (\n  {\n    width,\n    maxWidth,\n    minWidth,\n    height,\n    maxHeight,\n    minHeight,\n    borderRadius,\n    flexWrap,\n    flexDirection,\n    flexGrow,\n    flexShrink,\n    flexBasis,\n    alignItems,\n    alignContent,\n    alignSelf,\n    justifyItems,\n    justifyContent,\n    justifySelf,\n    placeSelf,\n    placeItems,\n    order,\n    testID,\n    ...props\n  }: SkeletonProps,\n  ref: React.Ref<BladeElementRef>,\n): React.ReactElement => {\n  return (\n    <PulseAnimation\n      ref={ref as never}\n      width={width}\n      minWidth={minWidth}\n      maxWidth={maxWidth}\n      height={height}\n      minHeight={minHeight}\n      maxHeight={maxHeight}\n      borderRadius={borderRadius}\n      flexWrap={flexWrap}\n      flexDirection={flexDirection}\n      flexGrow={flexGrow}\n      flexShrink={flexShrink}\n      flexBasis={flexBasis}\n      alignItems={alignItems}\n      alignContent={alignContent}\n      alignSelf={alignSelf}\n      justifyItems={justifyItems}\n      justifyContent={justifyContent}\n      justifySelf={justifySelf}\n      placeSelf={placeSelf}\n      placeItems={placeItems}\n      order={order}\n      {...getStyledProps(props)}\n      {...makeAccessible({ hidden: true })}\n      {...metaAttribute({ name: MetaConstants.Skeleton, testID })}\n    />\n  );\n};\n\nconst Skeleton = React.forwardRef(_Skeleton);\n\nexport { Skeleton };\n"],"names":["this","_Skeleton","_ref","ref","width","maxWidth","minWidth","height","maxHeight","minHeight","borderRadius","flexWrap","flexDirection","flexGrow","flexShrink","flexBasis","alignItems","alignContent","alignSelf","justifyItems","justifyContent","justifySelf","placeSelf","placeItems","order","testID","props","_objectWithoutProperties","_excluded","_jsx","PulseAnimation","Object","assign","getStyledProps","makeAccessible","hidden","metaAttribute","name","MetaConstants","Skeleton","React","forwardRef"],"mappings":";;;;;;;;;;;;AACA,IAAA,SAAA,CAAA,CAAA,OAAA,CAAA,UAAA,CAAA,UAAA,CAAA,QAAA,CAAA,WAAA,CAAA,WAAA,CAAA,cAAA,CAAA,UAAA,CAAA,eAAA,CAAA,UAAA,CAAA,YAAA,CAAA,WAAA,CAAA,YAAA,CAAA,cAAA,CAAA,WAAA,CAAA,cAAA,CAAA,gBAAA,CAAA,aAAA,CAAA,WAAA,CAAA,YAAA,CAAA,OAAA,CAAA,QAAA,CAAA,CAAA,IAAA,KAAA,CAAAA,SAAA,CAAA,YAAA,CAAA,mFAAA,CAQA,IAAMC,SAAS,CAAG,SAAZA,SAASA,CAAAC,IAAA,CA0BbC,GAA+B,CACR,CAzBrB,IAAAC,KAAK,CAAAF,IAAA,CAALE,KAAK,CACLC,QAAQ,CAAAH,IAAA,CAARG,QAAQ,CACRC,QAAQ,CAAAJ,IAAA,CAARI,QAAQ,CACRC,MAAM,CAAAL,IAAA,CAANK,MAAM,CACNC,SAAS,CAAAN,IAAA,CAATM,SAAS,CACTC,SAAS,CAAAP,IAAA,CAATO,SAAS,CACTC,YAAY,CAAAR,IAAA,CAAZQ,YAAY,CACZC,QAAQ,CAAAT,IAAA,CAARS,QAAQ,CACRC,aAAa,CAAAV,IAAA,CAAbU,aAAa,CACbC,QAAQ,CAAAX,IAAA,CAARW,QAAQ,CACRC,UAAU,CAAAZ,IAAA,CAAVY,UAAU,CACVC,SAAS,CAAAb,IAAA,CAATa,SAAS,CACTC,UAAU,CAAAd,IAAA,CAAVc,UAAU,CACVC,YAAY,CAAAf,IAAA,CAAZe,YAAY,CACZC,SAAS,CAAAhB,IAAA,CAATgB,SAAS,CACTC,YAAY,CAAAjB,IAAA,CAAZiB,YAAY,CACZC,cAAc,CAAAlB,IAAA,CAAdkB,cAAc,CACdC,WAAW,CAAAnB,IAAA,CAAXmB,WAAW,CACXC,SAAS,CAAApB,IAAA,CAAToB,SAAS,CACTC,UAAU,CAAArB,IAAA,CAAVqB,UAAU,CACVC,KAAK,CAAAtB,IAAA,CAALsB,KAAK,CACLC,MAAM,CAAAvB,IAAA,CAANuB,MAAM,CACHC,KAAK,CAAAC,wBAAA,CAAAzB,IAAA,CAAA0B,SAAA,EAIV,OACEC,GAAA,CAACC,cAAc,CAAAC,MAAA,CAAAC,MAAA,EACb7B,GAAG,CAAEA,GAAa,CAClBC,KAAK,CAAEA,KAAM,CACbE,QAAQ,CAAEA,QAAS,CACnBD,QAAQ,CAAEA,QAAS,CACnBE,MAAM,CAAEA,MAAO,CACfE,SAAS,CAAEA,SAAU,CACrBD,SAAS,CAAEA,SAAU,CACrBE,YAAY,CAAEA,YAAa,CAC3BC,QAAQ,CAAEA,QAAS,CACnBC,aAAa,CAAEA,aAAc,CAC7BC,QAAQ,CAAEA,QAAS,CACnBC,UAAU,CAAEA,UAAW,CACvBC,SAAS,CAAEA,SAAU,CACrBC,UAAU,CAAEA,UAAW,CACvBC,YAAY,CAAEA,YAAa,CAC3BC,SAAS,CAAEA,SAAU,CACrBC,YAAY,CAAEA,YAAa,CAC3BC,cAAc,CAAEA,cAAe,CAC/BC,WAAW,CAAEA,WAAY,CACzBC,SAAS,CAAEA,SAAU,CACrBC,UAAU,CAAEA,UAAW,CACvBC,KAAK,CAAEA,KAAM,CAAA,CACTS,cAAc,CAACP,KAAK,CAAC,CACrBQ,cAAc,CAAC,CAAEC,MAAM,CAAE,IAAK,CAAC,CAAC,CAChCC,aAAa,CAAC,CAAEC,IAAI,CAAEC,aAAa,CAACC,QAAQ,CAAEd,MAAM,CAANA,MAAO,CAAC,CAAC,CAC5D,CAAC,CAEN,CAAC,CAEK,IAAAc,QAAQ,CAAGC,cAAK,CAACC,UAAU,CAACxC,SAAS;;;;"}

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

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

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

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

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

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

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

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

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

@@ -1,11 +1,12 @@
-import '../Typography/Heading/Heading.js';
-import { Text } from '../Typography/Text/Text.js';
-import '../Typography/Code/Code.js';
-import '../Typography/Display/Display.js';
-import { throwBladeError } from '../../utils/logger/logger.js';
+import React__default from 'react';
+import '../BaseMotion/index.js';
+import { msToSeconds } from '../../utils/msToSeconds.js';
+import '../../utils/index.js';
 import { jsx } from 'react/jsx-runtime';
+import useTheme from '../BladeProvider/useTheme.js';
+import { BaseMotionEntryExit } from '../BaseMotion/BaseMotion.native.js';
 
-var Slide=function Slide(_props){throwBladeError({message:'Slide is not yet implemented for native',moduleName:'Slide'});return jsx(Text,{children:"Slide Component is not available for Native mobile apps."});};
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Slide/Slide.native.tsx";var ENTRANCE_EASING=[0,0,0.2,1];var EXIT_EASING=[0.17,0,1,1];var EMPHASIZED_EASING=[0.5,0,0,1];var getFromTransform=function getFromTransform(direction,fromOffset){if(direction==='top'){return `translateY(-${fromOffset})`;}if(direction==='left'){return `translateX(-${fromOffset})`;}if(direction==='right'){return `translateX(${fromOffset})`;}return `translateY(${fromOffset})`;};var Slide=function Slide(_ref){var children=_ref.children,_ref$type=_ref.type,type=_ref$type===void 0?'inout':_ref$type,_ref$direction=_ref.direction,direction=_ref$direction===void 0?'bottom':_ref$direction,isVisible=_ref.isVisible,motionTriggers=_ref.motionTriggers,shouldUnmountWhenHidden=_ref.shouldUnmountWhenHidden,fromOffset=_ref.fromOffset,delay=_ref.delay;var _useTheme=useTheme(),theme=_useTheme.theme;var enterDirection=typeof direction==='object'?direction.enter:direction;var exitDirection=typeof direction==='object'?direction.exit:direction;var isEnterDirectionHorizontal=['left','right'].includes(enterDirection);var isExitDirectionHorizontal=['left','right'].includes(exitDirection);var defaultOffset=isEnterDirectionHorizontal?'100vw':'100vh';var enterTransform=getFromTransform(enterDirection,fromOffset!=null?fromOffset:defaultOffset);var exitTransform=getFromTransform(exitDirection,fromOffset!=null?fromOffset:defaultOffset);var zeroTarget=isEnterDirectionHorizontal?'translateX(0%)':'translateY(0%)';var enterDelay=typeof delay==='object'?delay.enter:delay;var exitDelay=typeof delay==='object'?delay.exit:delay;var slideVariants=React__default.useMemo(function(){return {initial:{opacity:0,transform:enterTransform},animate:{opacity:1,transform:zeroTarget,transition:Object.assign({},enterDelay?{delay:msToSeconds(theme.motion.delay[enterDelay])}:{},{duration:msToSeconds(isEnterDirectionHorizontal?theme.motion.duration.xmoderate:theme.motion.duration['2xgentle']),ease:isEnterDirectionHorizontal?ENTRANCE_EASING:EMPHASIZED_EASING})},exit:{opacity:0,transform:exitTransform,transition:Object.assign({},exitDelay?{delay:msToSeconds(theme.motion.delay[exitDelay])}:{},{duration:msToSeconds(isExitDirectionHorizontal?theme.motion.duration.moderate:theme.motion.duration.xgentle),ease:isExitDirectionHorizontal?EXIT_EASING:EMPHASIZED_EASING})}};},[enterTransform,exitTransform,zeroTarget,isEnterDirectionHorizontal,isExitDirectionHorizontal,enterDelay,exitDelay,theme.name]);return jsx(BaseMotionEntryExit,{motionVariants:slideVariants,type:type,isVisible:isVisible,motionTriggers:motionTriggers,shouldUnmountWhenHidden:shouldUnmountWhenHidden,children:children});};
 
 export { Slide };
 //# sourceMappingURL=Slide.native.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Slide.native.js","sources":["../../../../../src/components/Slide/Slide.native.tsx"],"sourcesContent":["import type { SlideProps } from './types';\nimport { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\n\nconst Slide = (_props: SlideProps): React.ReactElement => {\n  throwBladeError({\n    message: 'Slide is not yet implemented for native',\n    moduleName: 'Slide',\n  });\n\n  return <Text>Slide Component is not available for Native mobile apps.</Text>;\n};\n\nexport { Slide };\n"],"names":["Slide","_props","throwBladeError","message","moduleName","_jsx","Text","children"],"mappings":";;;;;;;AAIM,IAAAA,KAAK,CAAG,SAARA,KAAKA,CAAIC,MAAkB,CAAyB,CACxDC,eAAe,CAAC,CACdC,OAAO,CAAE,yCAAyC,CAClDC,UAAU,CAAE,OACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,0DAAwD,CAAM,CAAC,CAC9E;;;;"}
+{"version":3,"file":"Slide.native.js","sources":["../../../../../src/components/Slide/Slide.native.tsx"],"sourcesContent":["import React from 'react';\nimport type { SlideProps } from './types';\nimport { BaseMotionEntryExit } from '~components/BaseMotion';\nimport type { MotionVariantsType } from '~components/BaseMotion';\nimport { msToSeconds } from '~utils/msToSeconds';\nimport { useTheme } from '~utils';\n\n/**\n * NATIVE easing control points, mirroring the theme easing tokens.\n *\n * On native, `theme.motion.easing.*` resolves to an `EasingFactoryFn` (a reanimated easing\n * function), not a `cubic-bezier(...)` string. `cssBezierToArray` (used on web) calls\n * `.indexOf('(')` on it and crashes, so we supply the bezier control points directly. The native\n * interpreter's `getTiming` builds `Easing.bezier(...)` from a 4-number array (else falls back to\n * `Easing.ease`).\n */\nconst ENTRANCE_EASING: [number, number, number, number] = [0, 0, 0.2, 1]; // theme.motion.easing.entrance\nconst EXIT_EASING: [number, number, number, number] = [0.17, 0, 1, 1]; // theme.motion.easing.exit\nconst EMPHASIZED_EASING: [number, number, number, number] = [0.5, 0, 0, 1]; // theme.motion.easing.emphasized\n\nconst getFromTransform = (\n  direction: 'top' | 'right' | 'bottom' | 'left',\n  fromOffset: NonNullable<SlideProps['fromOffset']>,\n): `translate${string}` => {\n  if (direction === 'top') {\n    return `translateY(-${fromOffset})`;\n  }\n\n  if (direction === 'left') {\n    return `translateX(-${fromOffset})`;\n  }\n\n  if (direction === 'right') {\n    return `translateX(${fromOffset})`;\n  }\n\n  return `translateY(${fromOffset})`;\n};\n\n/**\n * ## Slide\n *\n * Slide is one of the motion presets that we expose from blade to help you make components slide in from outside of viewport\n *\n * If you're looking for subtle movement on enter in the viewport itself, checkout `Move` preset instead.\n *\n * ### Usage\n *\n * #### Slide in on mount\n *\n * ```jsx\n * <Slide direction=\"bottom\">\n *   <Card />\n * </Slide>\n * ```\n *\n * #### Conditionally slide based on state\n *\n * ```jsx\n * <Slide isVisible={isVisibleState}>\n *   <Card />\n * </Slide>\n * ```\n *\n * ### Native limitations\n *\n * - Only the default `100vw` / `100vh` offsets slide on native (resolved via `Dimensions`).\n *   A `%`-based `fromOffset` cannot be measured against the element size and degrades to no movement.\n * - `in-view` triggers degrade to `mount` (no scroll-driven in-view detection on native).\n */\nconst Slide = ({\n  children,\n  type = 'inout',\n  direction = 'bottom',\n  isVisible,\n  motionTriggers,\n  shouldUnmountWhenHidden,\n  fromOffset,\n  delay,\n}: SlideProps): React.ReactElement => {\n  const { theme } = useTheme();\n\n  const enterDirection = typeof direction === 'object' ? direction.enter : direction;\n  const exitDirection = typeof direction === 'object' ? direction.exit : direction;\n  const isEnterDirectionHorizontal = ['left', 'right'].includes(enterDirection);\n  const isExitDirectionHorizontal = ['left', 'right'].includes(exitDirection);\n\n  // vw/vh resolve via Dimensions in the native interpreter; `%` offsets degrade to no movement.\n  const defaultOffset: NonNullable<SlideProps['fromOffset']> = isEnterDirectionHorizontal\n    ? '100vw'\n    : '100vh';\n\n  const enterTransform = getFromTransform(enterDirection, fromOffset ?? defaultOffset);\n  const exitTransform = getFromTransform(exitDirection, fromOffset ?? defaultOffset);\n  // NATIVE: single-string zero target (not a keyframe array). The interpreter reads only the last\n  // keyframe entry, so an array would collapse to `0` and lose the enter slide.\n  const zeroTarget = isEnterDirectionHorizontal ? 'translateX(0%)' : 'translateY(0%)';\n\n  const enterDelay = typeof delay === 'object' ? delay.enter : delay;\n  const exitDelay = typeof delay === 'object' ? delay.exit : delay;\n\n  const slideVariants: MotionVariantsType = React.useMemo(\n    () => ({\n      // NATIVE: the off-screen offset lives in `initial.transform` (Move-style) so the interpreter\n      // interpolates from the offset → zero target on enter. Web keeps `initial` transform-less for\n      // its `in-view` trigger, but native `in-view` degrades to mount so we're free to offset here.\n      initial: {\n        opacity: 0,\n        transform: enterTransform,\n      },\n      animate: {\n        opacity: 1,\n        transform: zeroTarget,\n        transition: {\n          // We have to make sure we don't add delay prop because if we define it, it takes precedence in stagger.\n          // Even setting `undefined` would break the stagger\n          ...(enterDelay ? { delay: msToSeconds(theme.motion.delay[enterDelay]) } : {}),\n          duration: msToSeconds(\n            isEnterDirectionHorizontal\n              ? theme.motion.duration.xmoderate\n              : theme.motion.duration['2xgentle'],\n          ),\n          ease: isEnterDirectionHorizontal ? ENTRANCE_EASING : EMPHASIZED_EASING,\n        },\n      },\n      exit: {\n        opacity: 0,\n        transform: exitTransform,\n        // NATIVE: `transitionEnd` is a no-op in the interpreter; reset relies on the initial offset\n        // / remount instead.\n        transition: {\n          ...(exitDelay ? { delay: msToSeconds(theme.motion.delay[exitDelay]) } : {}),\n          duration: msToSeconds(\n            isExitDirectionHorizontal\n              ? theme.motion.duration.moderate\n              : theme.motion.duration.xgentle,\n          ),\n          ease: isExitDirectionHorizontal ? EXIT_EASING : EMPHASIZED_EASING,\n        },\n      },\n    }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [\n      enterTransform,\n      exitTransform,\n      zeroTarget,\n      isEnterDirectionHorizontal,\n      isExitDirectionHorizontal,\n      enterDelay,\n      exitDelay,\n      theme.name,\n    ],\n  );\n\n  // Pass `children` as a real JSX child (not the `children={...}` prop shorthand) so the native\n  // `BaseMotionEntryExit` can read `children.props.ref`.\n  return (\n    <BaseMotionEntryExit\n      motionVariants={slideVariants}\n      type={type}\n      isVisible={isVisible}\n      motionTriggers={motionTriggers}\n      shouldUnmountWhenHidden={shouldUnmountWhenHidden}\n    >\n      {children}\n    </BaseMotionEntryExit>\n  );\n};\n\nexport { Slide };\n"],"names":["this","ENTRANCE_EASING","EXIT_EASING","EMPHASIZED_EASING","getFromTransform","direction","fromOffset","Slide","_ref","children","_ref$type","type","_ref$direction","isVisible","motionTriggers","shouldUnmountWhenHidden","delay","_useTheme","useTheme","theme","enterDirection","enter","exitDirection","exit","isEnterDirectionHorizontal","includes","isExitDirectionHorizontal","defaultOffset","enterTransform","exitTransform","zeroTarget","enterDelay","exitDelay","slideVariants","React","useMemo","initial","opacity","transform","animate","transition","Object","assign","msToSeconds","motion","duration","xmoderate","ease","moderate","xgentle","name","_jsx","BaseMotionEntryExit","motionVariants"],"mappings":";;;;;;;;AAAA,IAAA,KAAA,CAAAA,SAAA,CAAA,YAAA,CAAA,oFAAA,CAgBA,IAAMC,eAAiD,CAAG,CAAC,CAAC,CAAE,CAAC,CAAE,GAAG,CAAE,CAAC,CAAC,CACxE,IAAMC,WAA6C,CAAG,CAAC,IAAI,CAAE,CAAC,CAAE,CAAC,CAAE,CAAC,CAAC,CACrE,IAAMC,iBAAmD,CAAG,CAAC,GAAG,CAAE,CAAC,CAAE,CAAC,CAAE,CAAC,CAAC,CAE1E,IAAMC,gBAAgB,CAAG,SAAnBA,gBAAgBA,CACpBC,SAA8C,CAC9CC,UAAiD,CACxB,CACzB,GAAID,SAAS,GAAK,KAAK,CAAE,CACvB,OAAO,CAAeC,YAAAA,EAAAA,UAAU,CAAG,CAAA,CAAA,CACrC,CAEA,GAAID,SAAS,GAAK,MAAM,CAAE,CACxB,OAAO,CAAA,YAAA,EAAeC,UAAU,CAAG,CAAA,CAAA,CACrC,CAEA,GAAID,SAAS,GAAK,OAAO,CAAE,CACzB,OAAO,CAAA,WAAA,EAAcC,UAAU,CAAA,CAAA,CAAG,CACpC,CAEA,OAAO,CAAA,WAAA,EAAcA,UAAU,CAAG,CAAA,CAAA,CACpC,CAAC,CAiCK,IAAAC,KAAK,CAAG,SAARA,KAAKA,CAAAC,IAAA,CAS2B,CAAA,IARpCC,QAAQ,CAAAD,IAAA,CAARC,QAAQ,CAAAC,SAAA,CAAAF,IAAA,CACRG,IAAI,CAAJA,IAAI,CAAAD,SAAA,GAAG,KAAA,CAAA,CAAA,OAAO,CAAAA,SAAA,CAAAE,cAAA,CAAAJ,IAAA,CACdH,SAAS,CAATA,SAAS,CAAAO,cAAA,GAAG,KAAA,CAAA,CAAA,QAAQ,CAAAA,cAAA,CACpBC,SAAS,CAAAL,IAAA,CAATK,SAAS,CACTC,cAAc,CAAAN,IAAA,CAAdM,cAAc,CACdC,uBAAuB,CAAAP,IAAA,CAAvBO,uBAAuB,CACvBT,UAAU,CAAAE,IAAA,CAAVF,UAAU,CACVU,KAAK,CAAAR,IAAA,CAALQ,KAAK,CAEL,IAAAC,SAAA,CAAkBC,QAAQ,EAAE,CAApBC,KAAK,CAAAF,SAAA,CAALE,KAAK,CAEb,IAAMC,cAAc,CAAG,OAAOf,SAAS,GAAK,QAAQ,CAAGA,SAAS,CAACgB,KAAK,CAAGhB,SAAS,CAClF,IAAMiB,aAAa,CAAG,OAAOjB,SAAS,GAAK,QAAQ,CAAGA,SAAS,CAACkB,IAAI,CAAGlB,SAAS,CAChF,IAAMmB,0BAA0B,CAAG,CAAC,MAAM,CAAE,OAAO,CAAC,CAACC,QAAQ,CAACL,cAAc,CAAC,CAC7E,IAAMM,yBAAyB,CAAG,CAAC,MAAM,CAAE,OAAO,CAAC,CAACD,QAAQ,CAACH,aAAa,CAAC,CAG3E,IAAMK,aAAoD,CAAGH,0BAA0B,CACnF,OAAO,CACP,OAAO,CAEX,IAAMI,cAAc,CAAGxB,gBAAgB,CAACgB,cAAc,CAAEd,UAAU,EAAA,IAAA,CAAVA,UAAU,CAAIqB,aAAa,CAAC,CACpF,IAAME,aAAa,CAAGzB,gBAAgB,CAACkB,aAAa,CAAEhB,UAAU,EAAVA,IAAAA,CAAAA,UAAU,CAAIqB,aAAa,CAAC,CAGlF,IAAMG,UAAU,CAAGN,0BAA0B,CAAG,gBAAgB,CAAG,gBAAgB,CAEnF,IAAMO,UAAU,CAAG,OAAOf,KAAK,GAAK,QAAQ,CAAGA,KAAK,CAACK,KAAK,CAAGL,KAAK,CAClE,IAAMgB,SAAS,CAAG,OAAOhB,KAAK,GAAK,QAAQ,CAAGA,KAAK,CAACO,IAAI,CAAGP,KAAK,CAEhE,IAAMiB,aAAiC,CAAGC,cAAK,CAACC,OAAO,CACrD,UAAO,CAAA,OAAA,CAILC,OAAO,CAAE,CACPC,OAAO,CAAE,CAAC,CACVC,SAAS,CAAEV,cACb,CAAC,CACDW,OAAO,CAAE,CACPF,OAAO,CAAE,CAAC,CACVC,SAAS,CAAER,UAAU,CACrBU,UAAU,CAAAC,MAAA,CAAAC,MAAA,CAAA,EAAA,CAGJX,UAAU,CAAG,CAAEf,KAAK,CAAE2B,WAAW,CAACxB,KAAK,CAACyB,MAAM,CAAC5B,KAAK,CAACe,UAAU,CAAC,CAAE,CAAC,CAAG,EAAE,EAC5Ec,QAAQ,CAAEF,WAAW,CACnBnB,0BAA0B,CACtBL,KAAK,CAACyB,MAAM,CAACC,QAAQ,CAACC,SAAS,CAC/B3B,KAAK,CAACyB,MAAM,CAACC,QAAQ,CAAC,UAAU,CACtC,CAAC,CACDE,IAAI,CAAEvB,0BAA0B,CAAGvB,eAAe,CAAGE,iBAAiB,CAE1E,CAAA,CAAC,CACDoB,IAAI,CAAE,CACJc,OAAO,CAAE,CAAC,CACVC,SAAS,CAAET,aAAa,CAGxBW,UAAU,CAAAC,MAAA,CAAAC,MAAA,CAAA,EAAA,CACJV,SAAS,CAAG,CAAEhB,KAAK,CAAE2B,WAAW,CAACxB,KAAK,CAACyB,MAAM,CAAC5B,KAAK,CAACgB,SAAS,CAAC,CAAE,CAAC,CAAG,EAAE,EAC1Ea,QAAQ,CAAEF,WAAW,CACnBjB,yBAAyB,CACrBP,KAAK,CAACyB,MAAM,CAACC,QAAQ,CAACG,QAAQ,CAC9B7B,KAAK,CAACyB,MAAM,CAACC,QAAQ,CAACI,OAC5B,CAAC,CACDF,IAAI,CAAErB,yBAAyB,CAAGxB,WAAW,CAAGC,iBAAiB,CAAA,CAErE,CACF,CAAC,CAAC,CAAA,CAEF,CACEyB,cAAc,CACdC,aAAa,CACbC,UAAU,CACVN,0BAA0B,CAC1BE,yBAAyB,CACzBK,UAAU,CACVC,SAAS,CACTb,KAAK,CAAC+B,IAAI,CAEd,CAAC,CAID,OACEC,GAAA,CAACC,mBAAmB,CAAA,CAClBC,cAAc,CAAEpB,aAAc,CAC9BtB,IAAI,CAAEA,IAAK,CACXE,SAAS,CAAEA,SAAU,CACrBC,cAAc,CAAEA,cAAe,CAC/BC,uBAAuB,CAAEA,uBAAwB,CAAAN,QAAA,CAEhDA,QAAQ,CACU,CAAC,CAE1B;;;;"}

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

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

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

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

package/build/lib/native/components/Spark/RazorSenseGradient/FluidGradient.native.js

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

package/build/lib/native/components/Spark/RazorSenseGradient/FluidGradient.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FluidGradient.native.js","sources":["../../../../../../src/components/Spark/RazorSenseGradient/FluidGradient.native.tsx"],"sourcesContent":["import { throwBladeError } from '~utils/logger';\nimport { Text } from '~components/Typography';\n\n// Inline the type to avoid importing the web-only FluidGradient module\nexport interface FluidGradientProps {\n  children?: React.ReactNode;\n  size?: number;\n  viewBox?: string;\n  origin?: [number, number];\n}\n\nconst FluidGradient = (_props: FluidGradientProps): React.ReactElement => {\n  throwBladeError({\n    message: 'RazorSenseGradient is not yet implemented for React Native',\n    moduleName: 'RazorSenseGradient',\n  });\n\n  return <Text>RazorSenseGradient Component is not available for Native mobile apps.</Text>;\n};\n\nexport { FluidGradient };\n"],"names":["FluidGradient","_props","throwBladeError","message","moduleName","_jsx","Text","children"],"mappings":";;;;;;iJAWM,IAAAA,aAAa,CAAG,SAAhBA,aAAaA,CAAIC,MAA0B,CAAyB,CACxEC,eAAe,CAAC,CACdC,OAAO,CAAE,4DAA4D,CACrEC,UAAU,CAAE,oBACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,uEAAqE,CAAM,CAAC,CAC3F;;;;"}

package/build/lib/native/components/Spark/RazorSenseGradient/index.js

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

package/build/lib/native/components/Spark/RazorSenseGradient/index.js.map

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

package/build/lib/native/components/Spark/RzpGlass/RzpGlass.native.js

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

package/build/lib/native/components/Spark/RzpGlass/RzpGlass.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RzpGlass.native.js","sources":["../../../../../../src/components/Spark/RzpGlass/RzpGlass.native.tsx"],"sourcesContent":["import type { RzpGlassProps } from './types';\nimport { throwBladeError } from '~utils/logger';\nimport { Text } from '~components/Typography';\n\nconst RzpGlass = (_props: RzpGlassProps): React.ReactElement => {\n  throwBladeError({\n    message: 'RazorSense is not yet implemented for React Native',\n    moduleName: 'RazorSense',\n  });\n\n  return <Text>RazorSense Component is not available for Native mobile apps.</Text>;\n};\n\nexport { RzpGlass };\n"],"names":["RzpGlass","_props","throwBladeError","message","moduleName","_jsx","Text","children"],"mappings":";;;;;;kIAIM,IAAAA,QAAQ,CAAG,SAAXA,QAAQA,CAAIC,MAAqB,CAAyB,CAC9DC,eAAe,CAAC,CACdC,OAAO,CAAE,oDAAoD,CAC7DC,UAAU,CAAE,YACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,+DAA6D,CAAM,CAAC,CACnF;;;;"}

package/build/lib/native/components/Spark/RzpGlass/index.js

@@ -0,0 +1,3 @@
+export { RzpGlass as RazorSense } from './RzpGlass.native.js';
+export { preloadRazorSenseAssets } from './utils.native.js';
+//# sourceMappingURL=index.js.map

package/build/lib/native/components/Spark/RzpGlass/index.js.map

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

package/build/lib/native/components/Spark/RzpGlass/utils.native.js

@@ -0,0 +1,6 @@
+import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
+
+var DEFAULT_CDN_PATH='https://cdn.jsdelivr.net/npm/@razorpay/blade@latest/assets/spark';function preloadRazorSenseAssets(){return _preloadRazorSenseAssets.apply(this,arguments);}function _preloadRazorSenseAssets(){_preloadRazorSenseAssets=_asyncToGenerator(function*(){var _preset=arguments.length>0&&arguments[0]!==undefined?arguments[0]:'default';var _assetsPath=arguments.length>1&&arguments[1]!==undefined?arguments[1]:DEFAULT_CDN_PATH;});return _preloadRazorSenseAssets.apply(this,arguments);}function loadImage(_x){return _loadImage.apply(this,arguments);}function _loadImage(){_loadImage=_asyncToGenerator(function*(_src){return Promise.reject(new Error('loadImage is not supported on native'));});return _loadImage.apply(this,arguments);}function loadVideo(_x2){return _loadVideo.apply(this,arguments);}function _loadVideo(){_loadVideo=_asyncToGenerator(function*(_src){return Promise.reject(new Error('loadVideo is not supported on native'));});return _loadVideo.apply(this,arguments);}function isSafari(){return false;}function bestGuessBrowserZoom(){return 1;}function getDefaultAssets(_assetsPath){return {};}function getPresetAssets(_preset,_assetsPath){return {};}function resolveConfig(_props,_assetsPath){return {};}
+
+export { DEFAULT_CDN_PATH, bestGuessBrowserZoom, getDefaultAssets, getPresetAssets, isSafari, loadImage, loadVideo, preloadRazorSenseAssets, resolveConfig };
+//# sourceMappingURL=utils.native.js.map

package/build/lib/native/components/Spark/RzpGlass/utils.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.native.js","sources":["../../../../../../src/components/Spark/RzpGlass/utils.native.ts"],"sourcesContent":["import type { RzpGlassPreset } from './presets';\n\nconst DEFAULT_CDN_PATH = 'https://cdn.jsdelivr.net/npm/@razorpay/blade@latest/assets/spark';\n\nasync function preloadRazorSenseAssets(\n  _preset: RzpGlassPreset = 'default',\n  _assetsPath: string = DEFAULT_CDN_PATH,\n): Promise<void> {\n  // no-op on native\n}\n\n// no-op stubs for web-only utilities — not available on native.\n// Return Promise<never> since these always reject and HTMLImageElement/HTMLVideoElement\n// are DOM types that don't exist in React Native's type environment.\nasync function loadImage(_src: string): Promise<never> {\n  return Promise.reject(new Error('loadImage is not supported on native'));\n}\n\nasync function loadVideo(_src: string): Promise<never> {\n  return Promise.reject(new Error('loadVideo is not supported on native'));\n}\n\nfunction isSafari(): boolean {\n  return false;\n}\n\nfunction bestGuessBrowserZoom(): number {\n  return 1;\n}\n\nfunction getDefaultAssets(_assetsPath: string): Record<string, string> {\n  return {};\n}\n\nfunction getPresetAssets(_preset: string | undefined, _assetsPath: string): Record<string, string> {\n  return {};\n}\n\nfunction resolveConfig(\n  _props: Record<string, unknown>,\n  _assetsPath: string,\n): Record<string, unknown> {\n  return {};\n}\n\nexport {\n  DEFAULT_CDN_PATH,\n  preloadRazorSenseAssets,\n  loadImage,\n  loadVideo,\n  isSafari,\n  bestGuessBrowserZoom,\n  getDefaultAssets,\n  getPresetAssets,\n  resolveConfig,\n};\n"],"names":["DEFAULT_CDN_PATH","preloadRazorSenseAssets","_preloadRazorSenseAssets","apply","arguments","_asyncToGenerator","_preset","length","undefined","_assetsPath","loadImage","_x","_loadImage","_src","Promise","reject","Error","loadVideo","_x2","_loadVideo","isSafari","bestGuessBrowserZoom","getDefaultAssets","getPresetAssets","resolveConfig","_props"],"mappings":";;AAEM,IAAAA,gBAAgB,CAAG,mEAAmE,SAE7EC,uBAAuBA,EAAA,CAAA,OAAAC,wBAAA,CAAAC,KAAA,CAAAC,IAAAA,CAAAA,SAAA,CAAAF,CAAAA,CAAAA,SAAAA,wBAAAA,EAAAA,CAAAA,wBAAA,CAAAG,iBAAA,CAAtC,WAGiB,CAAA,IAFfC,OAAuB,CAAAF,SAAA,CAAAG,MAAA,CAAA,CAAA,EAAAH,SAAA,CAAA,CAAA,CAAA,GAAAI,SAAA,CAAAJ,SAAA,CAAG,CAAA,CAAA,CAAA,SAAS,CACnC,IAAAK,WAAmB,CAAAL,SAAA,CAAAG,MAAA,CAAAH,CAAAA,EAAAA,SAAA,CAAAI,CAAAA,CAAAA,GAAAA,SAAA,CAAAJ,SAAA,CAAGJ,CAAAA,CAAAA,CAAAA,gBAAgB,CAGxC,CAAC,SAAAE,wBAAA,CAAAC,KAAA,CAAA,IAAA,CAAAC,SAAA,CAAA,CAAA,CAAA,SAKcM,SAASA,CAAAC,EAAA,CAAA,CAAA,OAAAC,UAAA,CAAAT,KAAA,CAAAC,IAAAA,CAAAA,SAAA,CAAAQ,CAAAA,CAAAA,SAAAA,UAAAA,EAAAA,CAAAA,UAAA,CAAAP,iBAAA,CAAxB,UAAyBQ,IAAY,CAAkB,CACrD,OAAOC,OAAO,CAACC,MAAM,CAAC,IAAIC,KAAK,CAAC,sCAAsC,CAAC,CAAC,CAC1E,CAAC,CAAAJ,CAAAA,OAAAA,UAAA,CAAAT,KAAA,CAAAC,IAAAA,CAAAA,SAAA,CAEc,CAAA,CAAA,SAAAa,SAASA,CAAAC,GAAA,CAAA,CAAA,OAAAC,UAAA,CAAAhB,KAAA,CAAAC,IAAAA,CAAAA,SAAA,CAAAe,CAAAA,CAAAA,SAAAA,UAAAA,EAAAA,CAAAA,UAAA,CAAAd,iBAAA,CAAxB,UAAyBQ,IAAY,CAAkB,CACrD,OAAOC,OAAO,CAACC,MAAM,CAAC,IAAIC,KAAK,CAAC,sCAAsC,CAAC,CAAC,CAC1E,CAAC,CAAAG,CAAAA,OAAAA,UAAA,CAAAhB,KAAA,CAAAC,IAAAA,CAAAA,SAAA,GAED,SAASgB,QAAQA,EAAY,CAC3B,OAAY,KAAA,CACd,CAEA,SAASC,oBAAoBA,EAAW,CACtC,OAAQ,CAAA,CACV,CAEA,SAASC,gBAAgBA,CAACb,WAAmB,CAA0B,CACrE,OAAO,EAAE,CACX,CAEA,SAASc,eAAeA,CAACjB,OAA2B,CAAEG,WAAmB,CAA0B,CACjG,OAAO,EAAE,CACX,CAEA,SAASe,aAAaA,CACpBC,MAA+B,CAC/BhB,WAAmB,CACM,CACzB,OAAO,EAAE,CACX;;;;"}

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

@@ -0,0 +1,3 @@
+import './RzpGlass/index.js';
+import './RazorSenseGradient/index.js';
+//# sourceMappingURL=index.js.map

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

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

package/build/lib/native/components/Spinner/BaseSpinner/BaseSpinner.js

@@ -4,28 +4,24 @@ import { dimensions } from './spinnerTokens.js';
 import SpinnerIcon from './SpinnerIcon.js';
 import { SpinningBox } from './SpinningBox.native.js';
 import getIn from '../../../utils/lodashButBetter/get.js';
-import 'styled-components/native';
-import '@gorhom/portal';
-import 'react-native-gesture-handler';
-import useTheme from '../../BladeProvider/useTheme.js';
-import 'react-native';
-import '@babel/runtime/helpers/slicedToArray';
-import { makeSize } from '../../../utils/makeSize/makeSize.js';
-import '../../../tokens/global/typography.js';
-import '../../../tokens/global/motion.js';
-import '../../BottomSheet/BottomSheetStack.js';
+import '../../BladeProvider/index.js';
+import '../../Box/styledProps/index.js';
+import '../../../utils/metaAttribute/index.js';
+import '../../Box/BaseBox/index.js';
+import '../../Typography/index.js';
+import '../../../utils/makeSize/index.js';
+import '../../../utils/makeAccessible/index.native.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { getStyledProps } from '../../Box/styledProps/getStyledProps.js';
+import useTheme from '../../BladeProvider/useTheme.js';
+import { BaseBox } from '../../Box/BaseBox/BaseBox.native.js';
 import { metaAttribute } from '../../../utils/metaAttribute/metaAttribute.native.js';
 import { MetaConstants } from '../../../utils/metaAttribute/metaConstants.js';
-import { BaseBox } from '../../Box/BaseBox/BaseBox.native.js';
-import '../../Typography/Heading/Heading.js';
-import { Text } from '../../Typography/Text/Text.js';
-import '../../Typography/Code/Code.js';
-import '../../Typography/Display/Display.js';
+import { getStyledProps } from '../../Box/styledProps/getStyledProps.js';
 import { makeAccessible } from '../../../utils/makeAccessible/makeAccessible.native.js';
+import { makeSize } from '../../../utils/makeSize/makeSize.js';
+import { Text } from '../../Typography/Text/Text.js';
 
-var _excluded=["label","labelPosition","accessibilityLabel","color","size","testID"];var getColor=function getColor(_ref){var color=_ref.color,theme=_ref.theme;if(color&&color==='white'){return getIn(theme.colors,'interactive.icon.staticWhite.subtle');}if(color&&color!=='neutral'){return getIn(theme.colors,`interactive.icon.${color}.subtle`);}return getIn(theme.colors,'interactive.icon.gray.muted');};var _BaseSpinner=function _BaseSpinner(_ref2,ref){var label=_ref2.label,_ref2$labelPosition=_ref2.labelPosition,labelPosition=_ref2$labelPosition===void 0?'right':_ref2$labelPosition,accessibilityLabel=_ref2.accessibilityLabel,_ref2$color=_ref2.color,color=_ref2$color===void 0?'neutral':_ref2$color,_ref2$size=_ref2.size,size=_ref2$size===void 0?'medium':_ref2$size,testID=_ref2.testID,styledProps=_objectWithoutProperties(_ref2,_excluded);var _useTheme=useTheme(),theme=_useTheme.theme;return jsx(BaseBox,Object.assign({ref:ref},metaAttribute({name:MetaConstants.Spinner,testID:testID}),getStyledProps(styledProps),{children:jsxs(BaseBox,Object.assign({display:"flex",alignItems:"center",flexDirection:labelPosition==='right'?'row':'column'},makeAccessible({label:accessibilityLabel,role:'progressbar'}),{children:[jsx(SpinningBox,{children:jsx(SpinnerIcon,{dimensions:makeSize(dimensions[size]),color:getColor({color:color,theme:theme})})}),label&&label.trim().length>0?jsx(BaseBox,{marginLeft:labelPosition==='right'?'spacing.3':'spacing.0',marginTop:labelPosition==='bottom'?'spacing.3':'spacing.0',children:jsx(Text,{variant:"body",weight:"regular",size:"small",color:"surface.text.gray.muted",children:label})}):null]}))}));};var BaseSpinner=React__default.forwardRef(_BaseSpinner);
+var _excluded=["label","labelPosition","accessibilityLabel","color","size","testID"];var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Spinner/BaseSpinner/BaseSpinner.tsx";var getColor=function getColor(_ref){var color=_ref.color,theme=_ref.theme;if(color&&color==='white'){return getIn(theme.colors,'interactive.icon.staticWhite.subtle');}if(color&&color!=='neutral'){return getIn(theme.colors,`interactive.icon.${color}.subtle`);}return getIn(theme.colors,'interactive.icon.gray.muted');};var _BaseSpinner=function _BaseSpinner(_ref2,ref){var label=_ref2.label,_ref2$labelPosition=_ref2.labelPosition,labelPosition=_ref2$labelPosition===void 0?'right':_ref2$labelPosition,accessibilityLabel=_ref2.accessibilityLabel,_ref2$color=_ref2.color,color=_ref2$color===void 0?'neutral':_ref2$color,_ref2$size=_ref2.size,size=_ref2$size===void 0?'medium':_ref2$size,testID=_ref2.testID,styledProps=_objectWithoutProperties(_ref2,_excluded);var _useTheme=useTheme(),theme=_useTheme.theme;return jsx(BaseBox,Object.assign({ref:ref},metaAttribute({name:MetaConstants.Spinner,testID:testID}),getStyledProps(styledProps),{children:jsxs(BaseBox,Object.assign({display:"flex",alignItems:"center",flexDirection:labelPosition==='right'?'row':'column'},makeAccessible({label:accessibilityLabel,role:'progressbar'}),{children:[jsx(SpinningBox,{children:jsx(SpinnerIcon,{dimensions:makeSize(dimensions[size]),color:getColor({color:color,theme:theme})})}),label&&label.trim().length>0?jsx(BaseBox,{marginLeft:labelPosition==='right'?'spacing.3':'spacing.0',marginTop:labelPosition==='bottom'?'spacing.3':'spacing.0',children:jsx(Text,{variant:"body",weight:"regular",size:"small",color:"surface.text.gray.muted",children:label})}):null]}))}));};var BaseSpinner=React__default.forwardRef(_BaseSpinner);
 
 export { BaseSpinner };
 //# sourceMappingURL=BaseSpinner.js.map

package/build/lib/native/components/Spinner/BaseSpinner/BaseSpinner.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseSpinner.js","sources":["../../../../../../src/components/Spinner/BaseSpinner/BaseSpinner.tsx"],"sourcesContent":["import React from 'react';\nimport { dimensions } from './spinnerTokens';\nimport SpinnerIcon from './SpinnerIcon';\nimport { SpinningBox } from './SpinningBox';\nimport getIn from '~utils/lodashButBetter/get';\nimport type { Theme } from '~components/BladeProvider';\nimport { useTheme } from '~components/BladeProvider';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { FeedbackColors } from '~tokens/theme/theme';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\nimport type { BladeElementRef, TestID } from '~utils/types';\nimport { makeSize } from '~utils/makeSize';\nimport { makeAccessible } from '~utils/makeAccessible';\n\ntype BaseSpinnerProps = {\n  /**\n   * Sets the color of the spinner.\n   *\n   * @default 'default'\n   */\n  color?: 'primary' | 'white' | FeedbackColors;\n  /**\n   * Sets the label of the spinner.\n   *\n   * @default 'right'\n   */\n  label?: string;\n  /**\n   * Sets the label of the spinner.\n   *\n   */\n  labelPosition?: 'right' | 'bottom';\n  /**\n   * Sets the size of the spinner.\n   *\n   * @default 'medium'\n   */\n  size?: 'medium' | 'large' | 'xlarge';\n  /**\n   * Sets the aria-label for web & accessibilityLabel react-native.\n   *\n   */\n  accessibilityLabel: string;\n} & TestID &\n  StyledPropsBlade;\n\nconst getColor = ({ color, theme }: { color: BaseSpinnerProps['color']; theme: Theme }): string => {\n  if (color && color === 'white') {\n    return getIn(theme.colors, 'interactive.icon.staticWhite.subtle');\n  }\n  if (color && color !== 'neutral') {\n    return getIn(theme.colors, `interactive.icon.${color}.subtle`);\n  }\n  return getIn(theme.colors, 'interactive.icon.gray.muted');\n};\n\nconst _BaseSpinner = (\n  {\n    label,\n    labelPosition = 'right',\n    accessibilityLabel,\n    color = 'neutral',\n    size = 'medium',\n    testID,\n    ...styledProps\n  }: BaseSpinnerProps,\n  ref: React.Ref<BladeElementRef>,\n): React.ReactElement => {\n  const { theme } = useTheme();\n  return (\n    <BaseBox\n      ref={ref as never}\n      {...metaAttribute({ name: MetaConstants.Spinner, testID })}\n      {...getStyledProps(styledProps)}\n    >\n      <BaseBox\n        display=\"flex\"\n        alignItems=\"center\"\n        flexDirection={labelPosition === 'right' ? 'row' : 'column'}\n        {...makeAccessible({\n          label: accessibilityLabel,\n          role: 'progressbar',\n        })}\n      >\n        <SpinningBox>\n          <SpinnerIcon dimensions={makeSize(dimensions[size])} color={getColor({ color, theme })} />\n        </SpinningBox>\n        {label && label.trim().length > 0 ? (\n          <BaseBox\n            marginLeft={labelPosition === 'right' ? 'spacing.3' : 'spacing.0'}\n            marginTop={labelPosition === 'bottom' ? 'spacing.3' : 'spacing.0'}\n          >\n            <Text variant=\"body\" weight=\"regular\" size=\"small\" color=\"surface.text.gray.muted\">\n              {label}\n            </Text>\n          </BaseBox>\n        ) : null}\n      </BaseBox>\n    </BaseBox>\n  );\n};\n\nconst BaseSpinner = React.forwardRef(_BaseSpinner);\n\nexport type { BaseSpinnerProps };\nexport { BaseSpinner };\n"],"names":["getColor","_ref","color","theme","getIn","colors","_BaseSpinner","_ref2","ref","label","_ref2$labelPosition","labelPosition","accessibilityLabel","_ref2$color","_ref2$size","size","testID","styledProps","_objectWithoutProperties","_excluded","_useTheme","useTheme","_jsx","BaseBox","Object","assign","metaAttribute","name","MetaConstants","Spinner","getStyledProps","children","_jsxs","display","alignItems","flexDirection","makeAccessible","role","SpinningBox","SpinnerIcon","dimensions","makeSize","trim","length","marginLeft","marginTop","Text","variant","weight","BaseSpinner","React","forwardRef"],"mappings":"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"}
+{"version":3,"file":"BaseSpinner.js","sources":["../../../../../../src/components/Spinner/BaseSpinner/BaseSpinner.tsx"],"sourcesContent":["import React from 'react';\nimport { dimensions } from './spinnerTokens';\nimport SpinnerIcon from './SpinnerIcon';\nimport { SpinningBox } from './SpinningBox';\nimport getIn from '~utils/lodashButBetter/get';\nimport type { Theme } from '~components/BladeProvider';\nimport { useTheme } from '~components/BladeProvider';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { FeedbackColors } from '~tokens/theme/theme';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\nimport type { BladeElementRef, TestID } from '~utils/types';\nimport { makeSize } from '~utils/makeSize';\nimport { makeAccessible } from '~utils/makeAccessible';\n\ntype BaseSpinnerProps = {\n  /**\n   * Sets the color of the spinner.\n   *\n   * @default 'default'\n   */\n  color?: 'primary' | 'white' | FeedbackColors;\n  /**\n   * Sets the label of the spinner.\n   *\n   * @default 'right'\n   */\n  label?: string;\n  /**\n   * Sets the label of the spinner.\n   *\n   */\n  labelPosition?: 'right' | 'bottom';\n  /**\n   * Sets the size of the spinner.\n   *\n   * @default 'medium'\n   */\n  size?: 'medium' | 'large' | 'xlarge';\n  /**\n   * Sets the aria-label for web & accessibilityLabel react-native.\n   *\n   */\n  accessibilityLabel: string;\n} & TestID &\n  StyledPropsBlade;\n\nconst getColor = ({ color, theme }: { color: BaseSpinnerProps['color']; theme: Theme }): string => {\n  if (color && color === 'white') {\n    return getIn(theme.colors, 'interactive.icon.staticWhite.subtle');\n  }\n  if (color && color !== 'neutral') {\n    return getIn(theme.colors, `interactive.icon.${color}.subtle`);\n  }\n  return getIn(theme.colors, 'interactive.icon.gray.muted');\n};\n\nconst _BaseSpinner = (\n  {\n    label,\n    labelPosition = 'right',\n    accessibilityLabel,\n    color = 'neutral',\n    size = 'medium',\n    testID,\n    ...styledProps\n  }: BaseSpinnerProps,\n  ref: React.Ref<BladeElementRef>,\n): React.ReactElement => {\n  const { theme } = useTheme();\n  return (\n    <BaseBox\n      ref={ref as never}\n      {...metaAttribute({ name: MetaConstants.Spinner, testID })}\n      {...getStyledProps(styledProps)}\n    >\n      <BaseBox\n        display=\"flex\"\n        alignItems=\"center\"\n        flexDirection={labelPosition === 'right' ? 'row' : 'column'}\n        {...makeAccessible({\n          label: accessibilityLabel,\n          role: 'progressbar',\n        })}\n      >\n        <SpinningBox>\n          <SpinnerIcon dimensions={makeSize(dimensions[size])} color={getColor({ color, theme })} />\n        </SpinningBox>\n        {label && label.trim().length > 0 ? (\n          <BaseBox\n            marginLeft={labelPosition === 'right' ? 'spacing.3' : 'spacing.0'}\n            marginTop={labelPosition === 'bottom' ? 'spacing.3' : 'spacing.0'}\n          >\n            <Text variant=\"body\" weight=\"regular\" size=\"small\" color=\"surface.text.gray.muted\">\n              {label}\n            </Text>\n          </BaseBox>\n        ) : null}\n      </BaseBox>\n    </BaseBox>\n  );\n};\n\nconst BaseSpinner = React.forwardRef(_BaseSpinner);\n\nexport type { BaseSpinnerProps };\nexport { BaseSpinner };\n"],"names":["getColor","_ref","color","theme","getIn","colors","_BaseSpinner","_ref2","ref","label","_ref2$labelPosition","labelPosition","accessibilityLabel","_ref2$color","_ref2$size","size","testID","styledProps","_objectWithoutProperties","_excluded","_useTheme","useTheme","_jsx","BaseBox","Object","assign","metaAttribute","name","MetaConstants","Spinner","getStyledProps","children","_jsxs","display","alignItems","flexDirection","makeAccessible","role","SpinningBox","SpinnerIcon","dimensions","makeSize","trim","length","marginLeft","marginTop","Text","variant","weight","BaseSpinner","React","forwardRef"],"mappings":"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"}

package/build/lib/native/components/Spinner/BaseSpinner/SpinnerIcon.js

@@ -1,10 +1,9 @@
-import 'react-native-svg';
-import '@babel/runtime/helpers/defineProperty';
+import '../../Icons/_Svg/index.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import Path from '../../Icons/_Svg/Path/Path.native.js';
 import Svg from '../../Icons/_Svg/Svg/Svg.native.js';
+import Path from '../../Icons/_Svg/Path/Path.native.js';
 
-var SpinnerIcon=function SpinnerIcon(_ref){var dimensions=_ref.dimensions,color=_ref.color;return jsxs(Svg,{width:dimensions,height:dimensions,viewBox:"0 0 24 24",fill:"none",children:[jsx(Path,{fillOpacity:0.2,d:"M24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12ZM3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12Z",fill:color}),jsx(Path,{d:"M24 12C24 13.8937 23.5518 15.7606 22.6921 17.4479C21.8324 19.1352 20.5855 20.5951 19.0534 21.7082C17.5214 22.8213 15.7476 23.556 13.8772 23.8523C12.0068 24.1485 10.0928 23.9979 8.29181 23.4127L9.21886 20.5595C10.5696 20.9984 12.0051 21.1114 13.4079 20.8892C14.8107 20.667 16.141 20.116 17.2901 19.2812C18.4391 18.4463 19.3743 17.3514 20.0191 16.0859C20.6639 14.8204 21 13.4203 21 12H24Z",fill:color}),jsx(Path,{d:"M-1.33514e-05 12C-1.33514e-05 10.1063 0.448176 8.23944 1.30791 6.55211C2.16764 4.86479 3.41451 3.4049 4.94656 2.2918C6.47862 1.17869 8.25236 0.443983 10.1228 0.147739C11.9932 -0.148504 13.9072 0.00212896 15.7082 0.587322L14.7811 3.44049C13.4304 3.0016 11.9949 2.88862 10.5921 3.11081C9.18927 3.33299 7.85896 3.88402 6.70992 4.71885C5.56088 5.55367 4.62573 6.64859 3.98093 7.91409C3.33613 9.17958 2.99999 10.5797 2.99999 12H-1.33514e-05Z",fill:color})]});};
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Spinner/BaseSpinner/SpinnerIcon.tsx";var SpinnerIcon=function SpinnerIcon(_ref){var dimensions=_ref.dimensions,color=_ref.color;return jsxs(Svg,{width:dimensions,height:dimensions,viewBox:"0 0 24 24",fill:"none",children:[jsx(Path,{fillOpacity:0.2,d:"M24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12ZM3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12Z",fill:color}),jsx(Path,{d:"M24 12C24 13.8937 23.5518 15.7606 22.6921 17.4479C21.8324 19.1352 20.5855 20.5951 19.0534 21.7082C17.5214 22.8213 15.7476 23.556 13.8772 23.8523C12.0068 24.1485 10.0928 23.9979 8.29181 23.4127L9.21886 20.5595C10.5696 20.9984 12.0051 21.1114 13.4079 20.8892C14.8107 20.667 16.141 20.116 17.2901 19.2812C18.4391 18.4463 19.3743 17.3514 20.0191 16.0859C20.6639 14.8204 21 13.4203 21 12H24Z",fill:color}),jsx(Path,{d:"M-1.33514e-05 12C-1.33514e-05 10.1063 0.448176 8.23944 1.30791 6.55211C2.16764 4.86479 3.41451 3.4049 4.94656 2.2918C6.47862 1.17869 8.25236 0.443983 10.1228 0.147739C11.9932 -0.148504 13.9072 0.00212896 15.7082 0.587322L14.7811 3.44049C13.4304 3.0016 11.9949 2.88862 10.5921 3.11081C9.18927 3.33299 7.85896 3.88402 6.70992 4.71885C5.56088 5.55367 4.62573 6.64859 3.98093 7.91409C3.33613 9.17958 2.99999 10.5797 2.99999 12H-1.33514e-05Z",fill:color})]});};
 
 export { SpinnerIcon as default };
 //# sourceMappingURL=SpinnerIcon.js.map

package/build/lib/native/components/Spinner/BaseSpinner/SpinnerIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"SpinnerIcon.js","sources":["../../../../../../src/components/Spinner/BaseSpinner/SpinnerIcon.tsx"],"sourcesContent":["import { Svg, Path } from '~components/Icons/_Svg';\n\ntype SpinnerIconProps = {\n  dimensions: string;\n  color: string;\n};\n\nconst SpinnerIcon = ({ dimensions, color }: SpinnerIconProps): React.ReactElement => {\n  return (\n    <Svg width={dimensions} height={dimensions} viewBox=\"0 0 24 24\" fill=\"none\">\n      <Path\n        fillOpacity={0.2}\n        d=\"M24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12ZM3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12Z\"\n        fill={color}\n      />\n      <Path\n        d=\"M24 12C24 13.8937 23.5518 15.7606 22.6921 17.4479C21.8324 19.1352 20.5855 20.5951 19.0534 21.7082C17.5214 22.8213 15.7476 23.556 13.8772 23.8523C12.0068 24.1485 10.0928 23.9979 8.29181 23.4127L9.21886 20.5595C10.5696 20.9984 12.0051 21.1114 13.4079 20.8892C14.8107 20.667 16.141 20.116 17.2901 19.2812C18.4391 18.4463 19.3743 17.3514 20.0191 16.0859C20.6639 14.8204 21 13.4203 21 12H24Z\"\n        fill={color}\n      />\n      <Path\n        d=\"M-1.33514e-05 12C-1.33514e-05 10.1063 0.448176 8.23944 1.30791 6.55211C2.16764 4.86479 3.41451 3.4049 4.94656 2.2918C6.47862 1.17869 8.25236 0.443983 10.1228 0.147739C11.9932 -0.148504 13.9072 0.00212896 15.7082 0.587322L14.7811 3.44049C13.4304 3.0016 11.9949 2.88862 10.5921 3.11081C9.18927 3.33299 7.85896 3.88402 6.70992 4.71885C5.56088 5.55367 4.62573 6.64859 3.98093 7.91409C3.33613 9.17958 2.99999 10.5797 2.99999 12H-1.33514e-05Z\"\n        fill={color}\n      />\n    </Svg>\n  );\n};\n\nexport default SpinnerIcon;\n"],"names":["SpinnerIcon","_ref","dimensions","color","_jsxs","Svg","width","height","viewBox","fill","children","_jsx","Path","fillOpacity","d"],"mappings":";;;;;;AAOM,IAAAA,WAAW,CAAG,SAAdA,WAAWA,CAAAC,IAAA,CAAoE,CAA9D,IAAAC,UAAU,CAAAD,IAAA,CAAVC,UAAU,CAAEC,KAAK,CAAAF,IAAA,CAALE,KAAK,CACtC,OACEC,IAAA,CAACC,GAAG,CAACC,CAAAA,KAAK,CAAEJ,UAAW,CAACK,MAAM,CAAEL,UAAW,CAACM,OAAO,CAAC,WAAW,CAACC,IAAI,CAAC,MAAM,CAAAC,QAAA,CAAA,CACzEC,GAAA,CAACC,IAAI,CACHC,CAAAA,WAAW,CAAE,GAAI,CACjBC,CAAC,CAAC,mOAAmO,CACrOL,IAAI,CAAEN,KAAM,CACb,CAAC,CACFQ,GAAA,CAACC,IAAI,CAAA,CACHE,CAAC,CAAC,oYAAoY,CACtYL,IAAI,CAAEN,KAAM,CACb,CAAC,CACFQ,GAAA,CAACC,IAAI,CACHE,CAAAA,CAAC,CAAC,sbAAsb,CACxbL,IAAI,CAAEN,KAAM,CACb,CAAC,CAAA,CACC,CAAC,CAEV;;;;"}
+{"version":3,"file":"SpinnerIcon.js","sources":["../../../../../../src/components/Spinner/BaseSpinner/SpinnerIcon.tsx"],"sourcesContent":["import { Svg, Path } from '~components/Icons/_Svg';\n\ntype SpinnerIconProps = {\n  dimensions: string;\n  color: string;\n};\n\nconst SpinnerIcon = ({ dimensions, color }: SpinnerIconProps): React.ReactElement => {\n  return (\n    <Svg width={dimensions} height={dimensions} viewBox=\"0 0 24 24\" fill=\"none\">\n      <Path\n        fillOpacity={0.2}\n        d=\"M24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12ZM3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12Z\"\n        fill={color}\n      />\n      <Path\n        d=\"M24 12C24 13.8937 23.5518 15.7606 22.6921 17.4479C21.8324 19.1352 20.5855 20.5951 19.0534 21.7082C17.5214 22.8213 15.7476 23.556 13.8772 23.8523C12.0068 24.1485 10.0928 23.9979 8.29181 23.4127L9.21886 20.5595C10.5696 20.9984 12.0051 21.1114 13.4079 20.8892C14.8107 20.667 16.141 20.116 17.2901 19.2812C18.4391 18.4463 19.3743 17.3514 20.0191 16.0859C20.6639 14.8204 21 13.4203 21 12H24Z\"\n        fill={color}\n      />\n      <Path\n        d=\"M-1.33514e-05 12C-1.33514e-05 10.1063 0.448176 8.23944 1.30791 6.55211C2.16764 4.86479 3.41451 3.4049 4.94656 2.2918C6.47862 1.17869 8.25236 0.443983 10.1228 0.147739C11.9932 -0.148504 13.9072 0.00212896 15.7082 0.587322L14.7811 3.44049C13.4304 3.0016 11.9949 2.88862 10.5921 3.11081C9.18927 3.33299 7.85896 3.88402 6.70992 4.71885C5.56088 5.55367 4.62573 6.64859 3.98093 7.91409C3.33613 9.17958 2.99999 10.5797 2.99999 12H-1.33514e-05Z\"\n        fill={color}\n      />\n    </Svg>\n  );\n};\n\nexport default SpinnerIcon;\n"],"names":["SpinnerIcon","_ref","dimensions","color","_jsxs","Svg","width","height","viewBox","fill","children","_jsx","Path","fillOpacity","d"],"mappings":";;;;;mIAOM,IAAAA,WAAW,CAAG,SAAdA,WAAWA,CAAAC,IAAA,CAAoE,CAA9D,IAAAC,UAAU,CAAAD,IAAA,CAAVC,UAAU,CAAEC,KAAK,CAAAF,IAAA,CAALE,KAAK,CACtC,OACEC,IAAA,CAACC,GAAG,CAACC,CAAAA,KAAK,CAAEJ,UAAW,CAACK,MAAM,CAAEL,UAAW,CAACM,OAAO,CAAC,WAAW,CAACC,IAAI,CAAC,MAAM,CAAAC,QAAA,CAAA,CACzEC,GAAA,CAACC,IAAI,CACHC,CAAAA,WAAW,CAAE,GAAI,CACjBC,CAAC,CAAC,mOAAmO,CACrOL,IAAI,CAAEN,KAAM,CACb,CAAC,CACFQ,GAAA,CAACC,IAAI,CAAA,CACHE,CAAC,CAAC,oYAAoY,CACtYL,IAAI,CAAEN,KAAM,CACb,CAAC,CACFQ,GAAA,CAACC,IAAI,CACHE,CAAAA,CAAC,CAAC,sbAAsb,CACxbL,IAAI,CAAEN,KAAM,CACb,CAAC,CAAA,CACC,CAAC,CAEV;;;;"}

package/build/lib/native/components/Spinner/BaseSpinner/SpinningBox.native.js

@@ -2,21 +2,17 @@ import React__default from 'react';
 import Animated, { useSharedValue, useAnimatedStyle, withRepeat, withTiming, cancelAnimation } from 'react-native-reanimated';
 import { motion } from './spinnerTokens.js';
 import getIn from '../../../utils/lodashButBetter/get.js';
-import 'styled-components/native';
-import '@gorhom/portal';
-import 'react-native-gesture-handler';
+import '../../BladeProvider/index.js';
+import '../../../utils/index.js';
+import '../../Box/BaseBox/index.js';
+import '../../../utils/makeMotionTime/index.native.js';
+import { jsx } from 'react/jsx-runtime';
 import useTheme from '../../BladeProvider/useTheme.js';
-import 'react-native';
-import '@babel/runtime/helpers/slicedToArray';
 import { castNativeType } from '../../../utils/platform/castUtils.js';
 import { makeMotionTime } from '../../../utils/makeMotionTime/makeMotionTime.native.js';
-import '../../../tokens/global/typography.js';
-import '../../../tokens/global/motion.js';
-import '../../BottomSheet/BottomSheetStack.js';
-import { jsx } from 'react/jsx-runtime';
 import { BaseBox } from '../../Box/BaseBox/BaseBox.native.js';
 
-var SpinningBox=function SpinningBox(_ref){var children=_ref.children;var _useTheme=useTheme(),theme=_useTheme.theme;var duration=castNativeType(makeMotionTime(getIn(theme.motion,motion.duration)));var easing=getIn(theme.motion,motion.easing);var rotation=useSharedValue(0);var animatedStyles=useAnimatedStyle(function(){return {transform:[{rotateZ:`${rotation.value}deg`}]};},[rotation.value]);React__default.useEffect(function(){rotation.value=withRepeat(withTiming(360,{duration:duration,easing:easing}),-1);return function(){cancelAnimation(rotation);};},[duration,easing,rotation]);return jsx(BaseBox,{alignSelf:"center",children:jsx(Animated.View,{style:animatedStyles,children:children})});};
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Spinner/BaseSpinner/SpinningBox.native.tsx";var SpinningBox=function SpinningBox(_ref){var children=_ref.children;var _useTheme=useTheme(),theme=_useTheme.theme;var duration=castNativeType(makeMotionTime(getIn(theme.motion,motion.duration)));var easing=getIn(theme.motion,motion.easing);var rotation=useSharedValue(0);var animatedStyles=useAnimatedStyle(function(){return {transform:[{rotateZ:`${rotation.value}deg`}]};},[rotation.value]);React__default.useEffect(function(){rotation.value=withRepeat(withTiming(360,{duration:duration,easing:easing}),-1);return function(){cancelAnimation(rotation);};},[duration,easing,rotation]);return jsx(BaseBox,{alignSelf:"center",children:jsx(Animated.View,{style:animatedStyles,children:children})});};
 
 export { SpinningBox };
 //# sourceMappingURL=SpinningBox.native.js.map

package/build/lib/native/components/Spinner/BaseSpinner/SpinningBox.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"SpinningBox.native.js","sources":["../../../../../../src/components/Spinner/BaseSpinner/SpinningBox.native.tsx"],"sourcesContent":["import React from 'react';\nimport type { EasingFactoryFn } from 'react-native-reanimated';\nimport Animated, {\n  withTiming,\n  cancelAnimation,\n  useAnimatedStyle,\n  useSharedValue,\n  withRepeat,\n} from 'react-native-reanimated';\nimport { motion as spinnerMotion } from './spinnerTokens';\nimport getIn from '~utils/lodashButBetter/get';\nimport { useTheme } from '~components/BladeProvider';\nimport { castNativeType } from '~utils';\nimport BaseBox from '~components/Box/BaseBox';\nimport { makeMotionTime } from '~utils/makeMotionTime';\n\nconst SpinningBox = ({ children }: { children: React.ReactNode }): React.ReactElement => {\n  const { theme } = useTheme();\n  const duration = castNativeType(makeMotionTime(getIn(theme.motion, spinnerMotion.duration)));\n  const easing = getIn(theme.motion, spinnerMotion.easing) as EasingFactoryFn;\n\n  const rotation = useSharedValue(0);\n  const animatedStyles = useAnimatedStyle(() => {\n    return {\n      transform: [\n        {\n          rotateZ: `${rotation.value}deg`,\n        },\n      ],\n    };\n  }, [rotation.value]);\n\n  React.useEffect(() => {\n    rotation.value = withRepeat(\n      withTiming(360, {\n        duration,\n        easing,\n      }),\n      -1,\n    );\n    return (): void => {\n      cancelAnimation(rotation);\n    };\n  }, [duration, easing, rotation]);\n\n  return (\n    <BaseBox alignSelf=\"center\">\n      <Animated.View style={animatedStyles}>{children}</Animated.View>\n    </BaseBox>\n  );\n};\n\nexport { SpinningBox };\n"],"names":["SpinningBox","_ref","children","_useTheme","useTheme","theme","duration","castNativeType","makeMotionTime","getIn","motion","spinnerMotion","easing","rotation","useSharedValue","animatedStyles","useAnimatedStyle","transform","rotateZ","value","React","useEffect","withRepeat","withTiming","cancelAnimation","_jsx","BaseBox","alignSelf","Animated","View","style"],"mappings":";;;;;;;;;;;;;;;;;;AAgBM,IAAAA,WAAW,CAAG,SAAdA,WAAWA,CAAAC,IAAA,CAAwE,CAAA,IAAlEC,QAAQ,CAAAD,IAAA,CAARC,QAAQ,CAC7B,IAAAC,SAAA,CAAkBC,QAAQ,EAAE,CAApBC,KAAK,CAAAF,SAAA,CAALE,KAAK,CACb,IAAMC,QAAQ,CAAGC,cAAc,CAACC,cAAc,CAACC,KAAK,CAACJ,KAAK,CAACK,MAAM,CAAEC,MAAa,CAACL,QAAQ,CAAC,CAAC,CAAC,CAC5F,IAAMM,MAAM,CAAGH,KAAK,CAACJ,KAAK,CAACK,MAAM,CAAEC,MAAa,CAACC,MAAM,CAAoB,CAE3E,IAAMC,QAAQ,CAAGC,cAAc,CAAC,CAAC,CAAC,CAClC,IAAMC,cAAc,CAAGC,gBAAgB,CAAC,UAAM,CAC5C,OAAO,CACLC,SAAS,CAAE,CACT,CACEC,OAAO,CAAE,CAAGL,EAAAA,QAAQ,CAACM,KAAK,CAC5B,GAAA,CAAA,CAAC,CAEL,CAAC,CACH,CAAC,CAAE,CAACN,QAAQ,CAACM,KAAK,CAAC,CAAC,CAEpBC,cAAK,CAACC,SAAS,CAAC,UAAM,CACpBR,QAAQ,CAACM,KAAK,CAAGG,UAAU,CACzBC,UAAU,CAAC,GAAG,CAAE,CACdjB,QAAQ,CAARA,QAAQ,CACRM,MAAM,CAANA,MACF,CAAC,CAAC,CACF,CAAC,CACH,CAAC,CACD,OAAmB,UAAA,CACjBY,eAAe,CAACX,QAAQ,CAAC,CAC3B,CAAC,CACH,CAAC,CAAE,CAACP,QAAQ,CAAEM,MAAM,CAAEC,QAAQ,CAAC,CAAC,CAEhC,OACEY,GAAA,CAACC,OAAO,CAACC,CAAAA,SAAS,CAAC,QAAQ,CAAAzB,QAAA,CACzBuB,GAAA,CAACG,QAAQ,CAACC,IAAI,CAACC,CAAAA,KAAK,CAAEf,cAAe,CAAAb,QAAA,CAAEA,QAAQ,CAAgB,CAAC,CACzD,CAAC,CAEd;;;;"}
+{"version":3,"file":"SpinningBox.native.js","sources":["../../../../../../src/components/Spinner/BaseSpinner/SpinningBox.native.tsx"],"sourcesContent":["import React from 'react';\nimport type { EasingFactoryFn } from 'react-native-reanimated';\nimport Animated, {\n  withTiming,\n  cancelAnimation,\n  useAnimatedStyle,\n  useSharedValue,\n  withRepeat,\n} from 'react-native-reanimated';\nimport { motion as spinnerMotion } from './spinnerTokens';\nimport getIn from '~utils/lodashButBetter/get';\nimport { useTheme } from '~components/BladeProvider';\nimport { castNativeType } from '~utils';\nimport BaseBox from '~components/Box/BaseBox';\nimport { makeMotionTime } from '~utils/makeMotionTime';\n\nconst SpinningBox = ({ children }: { children: React.ReactNode }): React.ReactElement => {\n  const { theme } = useTheme();\n  const duration = castNativeType(makeMotionTime(getIn(theme.motion, spinnerMotion.duration)));\n  const easing = getIn(theme.motion, spinnerMotion.easing) as EasingFactoryFn;\n\n  const rotation = useSharedValue(0);\n  const animatedStyles = useAnimatedStyle(() => {\n    return {\n      transform: [\n        {\n          rotateZ: `${rotation.value}deg`,\n        },\n      ],\n    };\n  }, [rotation.value]);\n\n  React.useEffect(() => {\n    rotation.value = withRepeat(\n      withTiming(360, {\n        duration,\n        easing,\n      }),\n      -1,\n    );\n    return (): void => {\n      cancelAnimation(rotation);\n    };\n  }, [duration, easing, rotation]);\n\n  return (\n    <BaseBox alignSelf=\"center\">\n      <Animated.View style={animatedStyles}>{children}</Animated.View>\n    </BaseBox>\n  );\n};\n\nexport { SpinningBox };\n"],"names":["SpinningBox","_ref","children","_useTheme","useTheme","theme","duration","castNativeType","makeMotionTime","getIn","motion","spinnerMotion","easing","rotation","useSharedValue","animatedStyles","useAnimatedStyle","transform","rotateZ","value","React","useEffect","withRepeat","withTiming","cancelAnimation","_jsx","BaseBox","alignSelf","Animated","View","style"],"mappings":";;;;;;;;;;;;;;0IAgBM,IAAAA,WAAW,CAAG,SAAdA,WAAWA,CAAAC,IAAA,CAAwE,CAAA,IAAlEC,QAAQ,CAAAD,IAAA,CAARC,QAAQ,CAC7B,IAAAC,SAAA,CAAkBC,QAAQ,EAAE,CAApBC,KAAK,CAAAF,SAAA,CAALE,KAAK,CACb,IAAMC,QAAQ,CAAGC,cAAc,CAACC,cAAc,CAACC,KAAK,CAACJ,KAAK,CAACK,MAAM,CAAEC,MAAa,CAACL,QAAQ,CAAC,CAAC,CAAC,CAC5F,IAAMM,MAAM,CAAGH,KAAK,CAACJ,KAAK,CAACK,MAAM,CAAEC,MAAa,CAACC,MAAM,CAAoB,CAE3E,IAAMC,QAAQ,CAAGC,cAAc,CAAC,CAAC,CAAC,CAClC,IAAMC,cAAc,CAAGC,gBAAgB,CAAC,UAAM,CAC5C,OAAO,CACLC,SAAS,CAAE,CACT,CACEC,OAAO,CAAE,CAAGL,EAAAA,QAAQ,CAACM,KAAK,CAC5B,GAAA,CAAA,CAAC,CAEL,CAAC,CACH,CAAC,CAAE,CAACN,QAAQ,CAACM,KAAK,CAAC,CAAC,CAEpBC,cAAK,CAACC,SAAS,CAAC,UAAM,CACpBR,QAAQ,CAACM,KAAK,CAAGG,UAAU,CACzBC,UAAU,CAAC,GAAG,CAAE,CACdjB,QAAQ,CAARA,QAAQ,CACRM,MAAM,CAANA,MACF,CAAC,CAAC,CACF,CAAC,CACH,CAAC,CACD,OAAmB,UAAA,CACjBY,eAAe,CAACX,QAAQ,CAAC,CAC3B,CAAC,CACH,CAAC,CAAE,CAACP,QAAQ,CAAEM,MAAM,CAAEC,QAAQ,CAAC,CAAC,CAEhC,OACEY,GAAA,CAACC,OAAO,CAACC,CAAAA,SAAS,CAAC,QAAQ,CAAAzB,QAAA,CACzBuB,GAAA,CAACG,QAAQ,CAACC,IAAI,CAACC,CAAAA,KAAK,CAAEf,cAAe,CAAAb,QAAA,CAAEA,QAAQ,CAAgB,CAAC,CACzD,CAAC,CAEd;;;;"}

package/build/lib/native/components/Spinner/BaseSpinner/index.js

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

package/build/lib/native/components/Spinner/BaseSpinner/index.js.map

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

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

@@ -1,9 +1,10 @@
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import React__default from 'react';
-import { BaseSpinner } from '../BaseSpinner/BaseSpinner.js';
+import '../BaseSpinner/index.js';
 import { jsx } from 'react/jsx-runtime';
+import { BaseSpinner } from '../BaseSpinner/BaseSpinner.js';
 
-var _excluded=["label","labelPosition","accessibilityLabel","color","size","testID"];var _Spinner=function _Spinner(_ref,ref){var _ref2;var label=_ref.label,labelPosition=_ref.labelPosition,accessibilityLabel=_ref.accessibilityLabel,_ref$color=_ref.color,color=_ref$color===void 0?'neutral':_ref$color,_ref$size=_ref.size,size=_ref$size===void 0?'medium':_ref$size,testID=_ref.testID,styledProps=_objectWithoutProperties(_ref,_excluded);return jsx(BaseSpinner,Object.assign({ref:ref,label:label,labelPosition:labelPosition,accessibilityLabel:(_ref2=accessibilityLabel!=null?accessibilityLabel:label)!=null?_ref2:'Loading',color:color,size:size,testID:testID},styledProps));};var Spinner=React__default.forwardRef(_Spinner);
+var _excluded=["label","labelPosition","accessibilityLabel","color","size","testID"];var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Spinner/Spinner/Spinner.tsx";var _Spinner=function _Spinner(_ref,ref){var _ref2;var label=_ref.label,labelPosition=_ref.labelPosition,accessibilityLabel=_ref.accessibilityLabel,_ref$color=_ref.color,color=_ref$color===void 0?'neutral':_ref$color,_ref$size=_ref.size,size=_ref$size===void 0?'medium':_ref$size,testID=_ref.testID,styledProps=_objectWithoutProperties(_ref,_excluded);return jsx(BaseSpinner,Object.assign({ref:ref,label:label,labelPosition:labelPosition,accessibilityLabel:(_ref2=accessibilityLabel!=null?accessibilityLabel:label)!=null?_ref2:'Loading',color:color,size:size,testID:testID},styledProps));};var Spinner=React__default.forwardRef(_Spinner);
 
 export { Spinner };
 //# sourceMappingURL=Spinner.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Spinner.js","sources":["../../../../../../src/components/Spinner/Spinner/Spinner.tsx"],"sourcesContent":["import React from 'react';\nimport { BaseSpinner } from '../BaseSpinner';\nimport type { BaseSpinnerProps } from '../BaseSpinner';\nimport type { BladeElementRef } from '~utils/types';\n\ntype SpinnerProps = BaseSpinnerProps & {\n  /**\n   * Sets the color of the spinner.\n   *\n   * @default 'default'\n   */\n  color?: 'primary' | 'neutral' | 'white';\n};\n\nconst _Spinner = (\n  {\n    label,\n    labelPosition,\n    accessibilityLabel,\n    color = 'neutral',\n    size = 'medium',\n    testID,\n    ...styledProps\n  }: SpinnerProps,\n  ref: React.Ref<BladeElementRef>,\n): React.ReactElement => {\n  return (\n    <BaseSpinner\n      ref={ref as never}\n      label={label}\n      labelPosition={labelPosition}\n      accessibilityLabel={accessibilityLabel ?? label ?? 'Loading'}\n      color={color}\n      size={size}\n      testID={testID}\n      {...styledProps}\n    />\n  );\n};\n\nconst Spinner = React.forwardRef(_Spinner);\n\nexport type { SpinnerProps };\nexport { Spinner };\n"],"names":["_Spinner","_ref","ref","_ref2","label","labelPosition","accessibilityLabel","_ref$color","color","_ref$size","size","testID","styledProps","_objectWithoutProperties","_excluded","_jsx","BaseSpinner","Object","assign","Spinner","React","forwardRef"],"mappings":";;;;;AAAA,IAAA,SAAA,CAAA,CAAA,OAAA,CAAA,eAAA,CAAA,oBAAA,CAAA,OAAA,CAAA,MAAA,CAAA,QAAA,CAAA,CAcA,IAAMA,QAAQ,CAAG,SAAXA,QAAQA,CAAAC,IAAA,CAUZC,GAA+B,CACR,CAAAC,IAAAA,KAAA,CATrB,IAAAC,KAAK,CAAAH,IAAA,CAALG,KAAK,CACLC,aAAa,CAAAJ,IAAA,CAAbI,aAAa,CACbC,kBAAkB,CAAAL,IAAA,CAAlBK,kBAAkB,CAAAC,UAAA,CAAAN,IAAA,CAClBO,KAAK,CAALA,KAAK,CAAAD,UAAA,GAAA,KAAA,CAAA,CAAG,SAAS,CAAAA,UAAA,CAAAE,SAAA,CAAAR,IAAA,CACjBS,IAAI,CAAJA,IAAI,CAAAD,SAAA,GAAG,KAAA,CAAA,CAAA,QAAQ,CAAAA,SAAA,CACfE,MAAM,CAAAV,IAAA,CAANU,MAAM,CACHC,WAAW,CAAAC,wBAAA,CAAAZ,IAAA,CAAAa,SAAA,CAAA,CAIhB,OACEC,GAAA,CAACC,WAAW,CAAAC,MAAA,CAAAC,MAAA,CAAA,CACVhB,GAAG,CAAEA,GAAa,CAClBE,KAAK,CAAEA,KAAM,CACbC,aAAa,CAAEA,aAAc,CAC7BC,kBAAkB,CAAAH,CAAAA,KAAA,CAAEG,kBAAkB,EAAA,IAAA,CAAlBA,kBAAkB,CAAIF,KAAK,GAAAD,IAAAA,CAAAA,KAAA,CAAI,SAAU,CAC7DK,KAAK,CAAEA,KAAM,CACbE,IAAI,CAAEA,IAAK,CACXC,MAAM,CAAEA,MAAO,CAAA,CACXC,WAAW,CAChB,CAAC,CAEN,CAAC,CAEK,IAAAO,OAAO,CAAGC,cAAK,CAACC,UAAU,CAACrB,QAAQ;;;;"}
+{"version":3,"file":"Spinner.js","sources":["../../../../../../src/components/Spinner/Spinner/Spinner.tsx"],"sourcesContent":["import React from 'react';\nimport { BaseSpinner } from '../BaseSpinner';\nimport type { BaseSpinnerProps } from '../BaseSpinner';\nimport type { BladeElementRef } from '~utils/types';\n\ntype SpinnerProps = BaseSpinnerProps & {\n  /**\n   * Sets the color of the spinner.\n   *\n   * @default 'default'\n   */\n  color?: 'primary' | 'neutral' | 'white';\n};\n\nconst _Spinner = (\n  {\n    label,\n    labelPosition,\n    accessibilityLabel,\n    color = 'neutral',\n    size = 'medium',\n    testID,\n    ...styledProps\n  }: SpinnerProps,\n  ref: React.Ref<BladeElementRef>,\n): React.ReactElement => {\n  return (\n    <BaseSpinner\n      ref={ref as never}\n      label={label}\n      labelPosition={labelPosition}\n      accessibilityLabel={accessibilityLabel ?? label ?? 'Loading'}\n      color={color}\n      size={size}\n      testID={testID}\n      {...styledProps}\n    />\n  );\n};\n\nconst Spinner = React.forwardRef(_Spinner);\n\nexport type { SpinnerProps };\nexport { Spinner };\n"],"names":["this","_Spinner","_ref","ref","_ref2","label","labelPosition","accessibilityLabel","_ref$color","color","_ref$size","size","testID","styledProps","_objectWithoutProperties","_excluded","_jsx","BaseSpinner","Object","assign","Spinner","React","forwardRef"],"mappings":";;;;;;AAAA,IAAA,SAAA,CAAA,CAAA,OAAA,CAAA,eAAA,CAAA,oBAAA,CAAA,OAAA,CAAA,MAAA,CAAA,QAAA,CAAA,CAAA,IAAA,KAAA,CAAAA,SAAA,CAAA,YAAA,CAAA,yFAAA,CAcA,IAAMC,QAAQ,CAAG,SAAXA,QAAQA,CAAAC,IAAA,CAUZC,GAA+B,CACR,CAAAC,IAAAA,KAAA,CATrB,IAAAC,KAAK,CAAAH,IAAA,CAALG,KAAK,CACLC,aAAa,CAAAJ,IAAA,CAAbI,aAAa,CACbC,kBAAkB,CAAAL,IAAA,CAAlBK,kBAAkB,CAAAC,UAAA,CAAAN,IAAA,CAClBO,KAAK,CAALA,KAAK,CAAAD,UAAA,GAAA,KAAA,CAAA,CAAG,SAAS,CAAAA,UAAA,CAAAE,SAAA,CAAAR,IAAA,CACjBS,IAAI,CAAJA,IAAI,CAAAD,SAAA,GAAG,KAAA,CAAA,CAAA,QAAQ,CAAAA,SAAA,CACfE,MAAM,CAAAV,IAAA,CAANU,MAAM,CACHC,WAAW,CAAAC,wBAAA,CAAAZ,IAAA,CAAAa,SAAA,CAAA,CAIhB,OACEC,GAAA,CAACC,WAAW,CAAAC,MAAA,CAAAC,MAAA,CAAA,CACVhB,GAAG,CAAEA,GAAa,CAClBE,KAAK,CAAEA,KAAM,CACbC,aAAa,CAAEA,aAAc,CAC7BC,kBAAkB,CAAAH,CAAAA,KAAA,CAAEG,kBAAkB,EAAA,IAAA,CAAlBA,kBAAkB,CAAIF,KAAK,GAAAD,IAAAA,CAAAA,KAAA,CAAI,SAAU,CAC7DK,KAAK,CAAEA,KAAM,CACbE,IAAI,CAAEA,IAAK,CACXC,MAAM,CAAEA,MAAO,CAAA,CACXC,WAAW,CAChB,CAAC,CAEN,CAAC,CAEK,IAAAO,OAAO,CAAGC,cAAK,CAACC,UAAU,CAACrB,QAAQ;;;;"}

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

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

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

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

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

@@ -0,0 +1,2 @@
+import './Spinner/index.js';
+//# sourceMappingURL=index.js.map

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

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

package/build/lib/native/components/SpotlightPopoverTour/Tour.native.js

@@ -1,7 +1,20 @@
-import { throwBladeError } from '../../utils/logger/logger.js';
-import { jsx, Fragment } from 'react/jsx-runtime';
+import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import React__default, { useState, useMemo, useCallback } from 'react';
+import { Modal, View, StyleSheet } from 'react-native';
+import { TourContext } from './TourContext.js';
+import { TourPopover } from './TourPopover.native.js';
+import { useDelayedState, useIsTransitioningBetweenSteps } from './tourHooks.js';
+import { findScrollableAncestor, measureStepRect, isRectVisibleInWindow, hasRoomForPopoverPlacement, scrollStepIntoView, useTourScrollLock } from './tourNativeUtils.js';
+import { SpotlightPopoverTourMask } from './TourMask.native.js';
+import { transitionDelay } from './tourTokens.js';
+import { ARROW_HEIGHT } from '../Popover/constants.js';
+import '../BladeProvider/index.js';
+import { useIsomorphicLayoutEffect } from '../../utils/useIsomorphicLayoutEffect.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import useTheme from '../BladeProvider/useTheme.js';
 
-var Tour=function Tour(_props){throwBladeError({message:'Tour is not yet implemented for native',moduleName:'Tour'});return jsx(Fragment,{});};
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/SpotlightPopoverTour/Tour.native.tsx";var SpotlightPopoverTour=function SpotlightPopoverTour(_ref){var _steps$activeStep;var steps=_ref.steps,activeStep=_ref.activeStep,isOpen=_ref.isOpen,onFinish=_ref.onFinish,onOpenChange=_ref.onOpenChange,onStepChange=_ref.onStepChange,children=_ref.children;var _useTheme=useTheme(),theme=_useTheme.theme;var _useState=useState(new Map()),_useState2=_slicedToArray(_useState,2),refIdMap=_useState2[0],setRefIdMap=_useState2[1];var _useState3=useState({x:0,y:0,height:0,width:0}),_useState4=_slicedToArray(_useState3,2),size=_useState4[0],setSize=_useState4[1];var _useDelayedState=useDelayedState(activeStep,transitionDelay),_useDelayedState2=_slicedToArray(_useDelayedState,1),delayedActiveStep=_useDelayedState2[0];var _useDelayedState3=useDelayedState(size,transitionDelay),_useDelayedState4=_slicedToArray(_useDelayedState3,2),delayedSize=_useDelayedState4[0],setDelayedSize=_useDelayedState4[1];var isTransitioning=useIsTransitioningBetweenSteps(activeStep,transitionDelay);var _useState5=useState(false),_useState6=_slicedToArray(_useState5,2),isScrolling=_useState6[0],setIsScrolling=_useState6[1];var _useState7=useState(false),_useState8=_slicedToArray(_useState7,2),isStepSettled=_useState8[0],setIsStepSettled=_useState8[1];var scrollParentRef=React__default.useRef(null);var _useState9=useState(0),_useState0=_slicedToArray(_useState9,2),scrollParentEpoch=_useState0[0],setScrollParentEpoch=_useState0[1];var measureGenerationRef=React__default.useRef(0);var currentStepRef=refIdMap.get((_steps$activeStep=steps[activeStep])==null?void 0:_steps$activeStep.name);var popoverGap=theme.spacing[4]+ARROW_HEIGHT;var totalSteps=steps.length;var currentStepData=useMemo(function(){return steps[activeStep];},[activeStep,steps]);var goToStep=useCallback(function(step){if(step<0||step>=steps.length)return;onStepChange==null?void 0:onStepChange(step);},[onStepChange,steps.length]);var goToNext=useCallback(function(){var nextState=activeStep+1;if(nextState>=steps.length){nextState=steps.length-1;}onStepChange==null?void 0:onStepChange(nextState);},[activeStep,onStepChange,steps.length]);var goToPrevious=useCallback(function(){var nextState=activeStep-1;if(nextState<0){nextState=0;}onStepChange==null?void 0:onStepChange(nextState);},[activeStep,onStepChange]);var stopTour=useCallback(function(){onFinish==null?void 0:onFinish();},[onFinish]);var attachStep=useCallback(function(id,ref){if(!ref)return;setRefIdMap(function(prev){return new Map(prev).set(id,ref);});if(ref.current&&!scrollParentRef.current){var found=findScrollableAncestor(ref.current);if(found){scrollParentRef.current=found;}}},[]);var removeStep=useCallback(function(id){setRefIdMap(function(prev){var newMap=new Map(prev);newMap.delete(id);return newMap;});},[]);var registerScrollParent=useCallback(function(scrollable){if(!scrollable)return;var next=scrollable;var isNewInstance=scrollParentRef.current!==next;scrollParentRef.current=next;if(isNewInstance){setScrollParentEpoch(function(epoch){return epoch+1;});}},[]);var updateMaskSize=useCallback(_asyncToGenerator(function*(){var _steps$activeStep2;var shouldSkipDelay=arguments.length>0&&arguments[0]!==undefined?arguments[0]:false;var generation=measureGenerationRef.current;var ref=refIdMap.get((_steps$activeStep2=steps[activeStep])==null?void 0:_steps$activeStep2.name);if(!(ref!=null&&ref.current))return;var rect=yield measureStepRect(ref);if(generation!==measureGenerationRef.current)return;if(!rect)return;setSize({x:rect.x,y:rect.y,width:rect.width,height:rect.height});if(shouldSkipDelay){setDelayedSize({x:rect.x,y:rect.y,width:rect.width,height:rect.height});}if(!scrollParentRef.current){var found=findScrollableAncestor(ref.current);if(found){scrollParentRef.current=found;}}}),[activeStep,refIdMap,setDelayedSize,steps]);var onStepLayoutRef=React__default.useRef(function(){});onStepLayoutRef.current=function(id){var _steps$activeStep3;if(((_steps$activeStep3=steps[activeStep])==null?void 0:_steps$activeStep3.name)===id&&isStepSettled){void updateMaskSize(true);}};var onStepLayout=useCallback(function(id){onStepLayoutRef.current(id);},[]);var settleActiveStep=useCallback(_asyncToGenerator(function*(){var _ref4,_scrollParentRef$curr;var settleGeneration=measureGenerationRef.current;var isStale=function isStale(){return settleGeneration!==measureGenerationRef.current;};var step=steps[activeStep];var ref=refIdMap.get(step==null?void 0:step.name);if(!(ref!=null&&ref.current)){if(!isStale())setIsStepSettled(true);return;}var rect=yield measureStepRect(ref);if(isStale())return;if(!rect){void updateMaskSize(true);if(!isStale())setIsStepSettled(true);return;}var needsScroll=!isRectVisibleInWindow(rect,0.5)||!hasRoomForPopoverPlacement(rect,step==null?void 0:step.placement,popoverGap);var resolvedParent=(_ref4=(_scrollParentRef$curr=scrollParentRef.current)!=null?_scrollParentRef$curr:findScrollableAncestor(ref.current))!=null?_ref4:null;if(resolvedParent){scrollParentRef.current=resolvedParent;}if(needsScroll&&scrollParentRef.current){setIsScrolling(true);try{var resolvedScrollParent=yield scrollStepIntoView(ref,scrollParentRef.current,{placement:step==null?void 0:step.placement,gap:popoverGap,ensurePlacementRoom:true});if(isStale())return;if(resolvedScrollParent){scrollParentRef.current=resolvedScrollParent;}yield updateMaskSize(true);}finally{if(!isStale()){setIsScrolling(false);}}}else {yield updateMaskSize(true);}if(!isStale()){setIsStepSettled(true);}}),[activeStep,popoverGap,refIdMap,steps,updateMaskSize]);useIsomorphicLayoutEffect(function(){measureGenerationRef.current+=1;if(!isOpen){setIsStepSettled(false);setIsScrolling(false);return;}setIsStepSettled(false);},[activeStep,isOpen]);useIsomorphicLayoutEffect(function(){if(!isOpen)return;if(isTransitioning)return;var scrollDelay=100;var timer=setTimeout(function(){void settleActiveStep();},scrollDelay);return function(){return clearTimeout(timer);};},[isOpen,isTransitioning,settleActiveStep]);useIsomorphicLayoutEffect(function(){if(isOpen){onOpenChange==null?void 0:onOpenChange({isOpen:isOpen});return undefined;}setSize({x:0,y:0,width:0,height:0});setIsScrolling(false);setIsStepSettled(false);return undefined;},[isOpen]);useTourScrollLock(isOpen,scrollParentRef,scrollParentEpoch);var contextValue=useMemo(function(){return {attachStep:attachStep,removeStep:removeStep,registerScrollParent:registerScrollParent,onStepLayout:onStepLayout};},[attachStep,removeStep,registerScrollParent,onStepLayout]);var isPopoverSettling=isTransitioning||isScrolling||!isStepSettled;return jsxs(TourContext.Provider,{value:contextValue,children:[children,jsx(Modal,{visible:isOpen,transparent:true,animationType:"none",statusBarTranslucent:true,onRequestClose:stopTour,children:jsxs(View,{style:StyleSheet.absoluteFill,pointerEvents:"box-none",children:[jsx(SpotlightPopoverTourMask,{isTransitioning:isPopoverSettling,padding:theme.spacing[4],size:delayedSize}),steps.map(function(step){var isStepActive=currentStepData.name===step.name;var attachTo=isStepActive?currentStepRef:undefined;var isPopoverVisible=isOpen&&isStepActive&&!isPopoverSettling;return jsx(TourPopover,{placement:step.placement,isOpen:isPopoverVisible,onOpenChange:onOpenChange,title:step.title,titleLeading:step.titleLeading,content:step==null?void 0:step.content==null?void 0:step.content({activeStep:delayedActiveStep,goToPrevious:goToPrevious,goToNext:goToNext,goToStep:goToStep,totalSteps:totalSteps,stopTour:stopTour}),footer:step==null?void 0:step.footer==null?void 0:step.footer({activeStep:delayedActiveStep,goToPrevious:goToPrevious,goToNext:goToNext,goToStep:goToStep,totalSteps:totalSteps,stopTour:stopTour}),attachTo:attachTo},step.name);})]})})]});};
 
-export { Tour };
+export { SpotlightPopoverTour };
 //# sourceMappingURL=Tour.native.js.map