@razorpay/blade 11.39.0 → 12.0.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';\n\nconst AnimatedBox = Animated.createAnimatedComponent(BaseBox);\n\nconst PulseAnimation = (props: SkeletonProps): 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.standard.revealing);\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 entering={fadeIn} style={pulseAnimatedStyle} {...props} />;\n};\n\nexport { PulseAnimation };\n"],"names":["AnimatedBox","Animated","createAnimatedComponent","BaseBox","PulseAnimation","props","_useTheme","useTheme","theme","durationPluseOff","motion","duration","xmoderate","durationPluseOn","totalDuration","castNativeType","makeMotionTime","easing","standard","revealing","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"],"mappings":";;;;;;;;;;;;;;AAiBA,IAAMA,WAAW,CAAGC,QAAQ,CAACC,uBAAuB,CAACC,OAAO,CAAC,CAEvD,IAAAC,cAAc,CAAG,SAAjBA,cAAcA,CAAIC,KAAoB,CAAyB,CACnE,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,QAAQ,CAACC,SAAS,CAAC,CACrE,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,CAAEd,QAAQ,CAAEG,aAAa,CAAEG,MAAM,CAANA,MAAO,CAAC,CAC5D,CAAC,CACD,IAAMS,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,CACrClB,QAAQ,CAAEG,aAAa,CACvBG,MAAM,CAANA,MACF,CAAC,CACDG,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,OAAa,UAAA,CACXI,eAAe,CAACb,QAAQ,CAAC,CAC3B,CAAC,CACH,CAAC,CAAE,CAACH,MAAM,CAAEG,QAAQ,CAAEN,aAAa,CAAC,CAAC,CAErC,IAAMoB,kBAAkB,CAAGC,gBAAgB,CAAC,UAAM,CAChD,OAAO,CACLC,eAAe,CAAEC,gBAAgB,CAC/BjB,QAAQ,CAACU,KAAK,CACd,CAAC,CAAC,CAAE,CAAC,CAAC,CACN,CACEtB,KAAK,CAAC8B,MAAM,CAACC,WAAW,CAACC,UAAU,CAACC,IAAI,CAACC,WAAW,CACpDlC,KAAK,CAAC8B,MAAM,CAACC,WAAW,CAACC,UAAU,CAACC,IAAI,CAACE,OAAO,CAEpD,CACF,CAAC,CACH,CAAC,CAAC,CAEF,OAAOC,GAAA,CAAC5C,WAAW,CAAA6C,MAAA,CAAAC,MAAA,EAACC,QAAQ,CAAEzB,MAAO,CAAC0B,KAAK,CAAEd,kBAAmB,CAAA,CAAK7B,KAAK,CAAG,CAAC,CAChF;;;;"}
+{"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;;;;"}

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

@@ -1,18 +1,18 @@
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import React__default from 'react';
 import { PulseAnimation } from './PulseAnimation.native.js';
 import { getStyledProps } from '../Box/styledProps/getStyledProps.js';
 import '@babel/runtime/helpers/slicedToArray';
 import 'react-native';
 import '../../tokens/global/typography.js';
 import '../../tokens/global/motion.js';
-import 'react';
 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){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({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 _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);
 
 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 { 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';\n\nconst Skeleton = ({\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): React.ReactElement => {\n  return (\n    <PulseAnimation\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\nexport { Skeleton };\n"],"names":["Skeleton","_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"],"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,CAMM,IAAAA,QAAQ,CAAG,SAAXA,QAAQA,CAAAC,IAAA,CAwB2B,CAvBvC,IAAAC,KAAK,CAAAD,IAAA,CAALC,KAAK,CACLC,QAAQ,CAAAF,IAAA,CAARE,QAAQ,CACRC,QAAQ,CAAAH,IAAA,CAARG,QAAQ,CACRC,MAAM,CAAAJ,IAAA,CAANI,MAAM,CACNC,SAAS,CAAAL,IAAA,CAATK,SAAS,CACTC,SAAS,CAAAN,IAAA,CAATM,SAAS,CACTC,YAAY,CAAAP,IAAA,CAAZO,YAAY,CACZC,QAAQ,CAAAR,IAAA,CAARQ,QAAQ,CACRC,aAAa,CAAAT,IAAA,CAAbS,aAAa,CACbC,QAAQ,CAAAV,IAAA,CAARU,QAAQ,CACRC,UAAU,CAAAX,IAAA,CAAVW,UAAU,CACVC,SAAS,CAAAZ,IAAA,CAATY,SAAS,CACTC,UAAU,CAAAb,IAAA,CAAVa,UAAU,CACVC,YAAY,CAAAd,IAAA,CAAZc,YAAY,CACZC,SAAS,CAAAf,IAAA,CAATe,SAAS,CACTC,YAAY,CAAAhB,IAAA,CAAZgB,YAAY,CACZC,cAAc,CAAAjB,IAAA,CAAdiB,cAAc,CACdC,WAAW,CAAAlB,IAAA,CAAXkB,WAAW,CACXC,SAAS,CAAAnB,IAAA,CAATmB,SAAS,CACTC,UAAU,CAAApB,IAAA,CAAVoB,UAAU,CACVC,KAAK,CAAArB,IAAA,CAALqB,KAAK,CACLC,MAAM,CAAAtB,IAAA,CAANsB,MAAM,CACHC,KAAK,CAAAC,wBAAA,CAAAxB,IAAA,CAAAyB,SAAA,CAER,CAAA,OACEC,GAAA,CAACC,cAAc,CAAAC,MAAA,CAAAC,MAAA,CACb5B,CAAAA,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,CAACpC,QAAQ,CAAEuB,MAAM,CAANA,MAAO,CAAC,CAAC,CAC5D,CAAC,CAEN;;;;"}
+{"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;;;;"}

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

@@ -0,0 +1,11 @@
+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 { jsx } from 'react/jsx-runtime';
+
+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."});};
+
+export { Slide };
+//# sourceMappingURL=Slide.native.js.map

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

@@ -0,0 +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;;;;"}

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

@@ -1,5 +1,5 @@
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import 'react';
+import React__default from 'react';
 import { dimensions } from './spinnerTokens.js';
 import SpinnerIcon from './SpinnerIcon.js';
 import { SpinningBox } from './SpinningBox.native.js';
@@ -19,12 +19,13 @@ import '../../../tokens/global/motion.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/BaseText/BaseText.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 { makeAccessible } from '../../../utils/makeAccessible/makeAccessible.native.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.subtle');};var BaseSpinner=function BaseSpinner(_ref2){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({},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 _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.subtle');};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 { 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.subtle');\n};\n\nconst BaseSpinner = ({\n  label,\n  labelPosition = 'right',\n  accessibilityLabel,\n  color = 'neutral',\n  size = 'medium',\n  testID,\n  ...styledProps\n}: BaseSpinnerProps): React.ReactElement => {\n  const { theme } = useTheme();\n  return (\n    <BaseBox\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\nexport type { BaseSpinnerProps };\nexport { BaseSpinner };\n"],"names":["getColor","_ref","color","theme","getIn","colors","BaseSpinner","_ref2","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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;qFAiDA,IAAMA,QAAQ,CAAG,SAAXA,QAAQA,CAAAC,IAAA,CAAqF,KAA/EC,KAAK,CAAAD,IAAA,CAALC,KAAK,CAAEC,KAAK,CAAAF,IAAA,CAALE,KAAK,CAC9B,GAAID,KAAK,EAAIA,KAAK,GAAK,OAAO,CAAE,CAC9B,OAAOE,KAAK,CAACD,KAAK,CAACE,MAAM,CAAE,qCAAqC,CAAC,CACnE,CACA,GAAIH,KAAK,EAAIA,KAAK,GAAK,SAAS,CAAE,CAChC,OAAOE,KAAK,CAACD,KAAK,CAACE,MAAM,CAAG,CAAmBH,iBAAAA,EAAAA,KAAM,SAAQ,CAAC,CAChE,CACA,OAAOE,KAAK,CAACD,KAAK,CAACE,MAAM,CAAE,8BAA8B,CAAC,CAC5D,CAAC,CAEK,IAAAC,WAAW,CAAG,SAAdA,WAAWA,CAAAC,KAAA,CAQ2B,CAP1C,IAAAC,KAAK,CAAAD,KAAA,CAALC,KAAK,CAAAC,mBAAA,CAAAF,KAAA,CACLG,aAAa,CAAbA,aAAa,CAAAD,mBAAA,GAAA,KAAA,CAAA,CAAG,OAAO,CAAAA,mBAAA,CACvBE,kBAAkB,CAAAJ,KAAA,CAAlBI,kBAAkB,CAAAC,WAAA,CAAAL,KAAA,CAClBL,KAAK,CAALA,KAAK,CAAAU,WAAA,GAAA,KAAA,CAAA,CAAG,SAAS,CAAAA,WAAA,CAAAC,UAAA,CAAAN,KAAA,CACjBO,IAAI,CAAJA,IAAI,CAAAD,UAAA,UAAG,QAAQ,CAAAA,UAAA,CACfE,MAAM,CAAAR,KAAA,CAANQ,MAAM,CACHC,WAAW,CAAAC,wBAAA,CAAAV,KAAA,CAAAW,SAAA,CAAA,CAEd,IAAAC,SAAA,CAAkBC,QAAQ,EAAE,CAApBjB,KAAK,CAAAgB,SAAA,CAALhB,KAAK,CACb,OACEkB,GAAA,CAACC,OAAO,CAAAC,MAAA,CAAAC,MAAA,CAAA,EAAA,CACFC,aAAa,CAAC,CAAEC,IAAI,CAAEC,aAAa,CAACC,OAAO,CAAEb,MAAM,CAANA,MAAO,CAAC,CAAC,CACtDc,cAAc,CAACb,WAAW,CAAC,CAAAc,CAAAA,QAAA,CAE/BC,IAAA,CAACT,OAAO,CAAAC,MAAA,CAAAC,MAAA,EACNQ,OAAO,CAAC,MAAM,CACdC,UAAU,CAAC,QAAQ,CACnBC,aAAa,CAAExB,aAAa,GAAK,OAAO,CAAG,KAAK,CAAG,QAAS,CACxDyB,CAAAA,cAAc,CAAC,CACjB3B,KAAK,CAAEG,kBAAkB,CACzByB,IAAI,CAAE,aACR,CAAC,CAAC,CAAAN,CAAAA,QAAA,EAEFT,GAAA,CAACgB,WAAW,CAAAP,CAAAA,QAAA,CACVT,GAAA,CAACiB,WAAW,CAAA,CAACC,UAAU,CAAEC,QAAQ,CAACD,UAAU,CAACzB,IAAI,CAAC,CAAE,CAACZ,KAAK,CAAEF,QAAQ,CAAC,CAAEE,KAAK,CAALA,KAAK,CAAEC,KAAK,CAALA,KAAM,CAAC,CAAE,CAAE,CAAC,CAC/E,CAAC,CACbK,KAAK,EAAIA,KAAK,CAACiC,IAAI,EAAE,CAACC,MAAM,CAAG,CAAC,CAC/BrB,GAAA,CAACC,OAAO,EACNqB,UAAU,CAAEjC,aAAa,GAAK,OAAO,CAAG,WAAW,CAAG,WAAY,CAClEkC,SAAS,CAAElC,aAAa,GAAK,QAAQ,CAAG,WAAW,CAAG,WAAY,CAAAoB,QAAA,CAElET,GAAA,CAACwB,IAAI,EAACC,OAAO,CAAC,MAAM,CAACC,MAAM,CAAC,SAAS,CAACjC,IAAI,CAAC,OAAO,CAACZ,KAAK,CAAC,yBAAyB,CAAA4B,QAAA,CAC/EtB,KAAK,CACF,CAAC,CACA,CAAC,CACR,IAAI,GACD,CAAC,CAAA,CACH,CAAC,CAEd;;;;"}
+{"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.subtle');\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/spinnerTokens.js

@@ -1,4 +1,4 @@
-var dimensions={medium:16,large:20,xlarge:24};var motion={duration:'duration.2xgentle',easing:'easing.standard.attentive'};
+var dimensions={medium:16,large:20,xlarge:24};var motion={duration:'duration.2xgentle',easing:'easing.overshoot'};
 
 export { dimensions, motion };
 //# sourceMappingURL=spinnerTokens.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"spinnerTokens.js","sources":["../../../../../../src/components/Spinner/BaseSpinner/spinnerTokens.ts"],"sourcesContent":["import type { DurationString, EasingString } from '~tokens/global';\n\nconst dimensions = {\n  medium: 16,\n  large: 20,\n  xlarge: 24,\n} as const;\n\nconst motion: {\n  duration: DurationString;\n  easing: EasingString;\n} = {\n  duration: 'duration.2xgentle',\n  easing: 'easing.standard.attentive',\n};\n\nexport { dimensions, motion };\n"],"names":["dimensions","medium","large","xlarge","motion","duration","easing"],"mappings":"AAEM,IAAAA,UAAU,CAAG,CACjBC,MAAM,CAAE,EAAE,CACVC,KAAK,CAAE,EAAE,CACTC,MAAM,CAAE,EACV,EAEM,IAAAC,MAGL,CAAG,CACFC,QAAQ,CAAE,mBAAmB,CAC7BC,MAAM,CAAE,2BACV;;;;"}
+{"version":3,"file":"spinnerTokens.js","sources":["../../../../../../src/components/Spinner/BaseSpinner/spinnerTokens.ts"],"sourcesContent":["import type { DurationString, EasingString } from '~tokens/global';\n\nconst dimensions = {\n  medium: 16,\n  large: 20,\n  xlarge: 24,\n} as const;\n\nconst motion: {\n  duration: DurationString;\n  easing: EasingString;\n} = {\n  duration: 'duration.2xgentle',\n  easing: 'easing.overshoot',\n};\n\nexport { dimensions, motion };\n"],"names":["dimensions","medium","large","xlarge","motion","duration","easing"],"mappings":"AAEM,IAAAA,UAAU,CAAG,CACjBC,MAAM,CAAE,EAAE,CACVC,KAAK,CAAE,EAAE,CACTC,MAAM,CAAE,EACV,EAEM,IAAAC,MAGL,CAAG,CACFC,QAAQ,CAAE,mBAAmB,CAC7BC,MAAM,CAAE,kBACV;;;;"}

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

@@ -1,8 +1,9 @@
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import React__default from 'react';
 import { BaseSpinner } from '../BaseSpinner/BaseSpinner.js';
 import { jsx } from 'react/jsx-runtime';
 
-var _excluded=["label","labelPosition","accessibilityLabel","color","size","testID"];var Spinner=function Spinner(_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({label:label,labelPosition:labelPosition,accessibilityLabel:(_ref2=accessibilityLabel!=null?accessibilityLabel:label)!=null?_ref2:'Loading',color:color,size:size,testID:testID},styledProps));};
+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);
 
 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 { BaseSpinner } from '../BaseSpinner';\nimport type { BaseSpinnerProps } from '../BaseSpinner';\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  label,\n  labelPosition,\n  accessibilityLabel,\n  color = 'neutral',\n  size = 'medium',\n  testID,\n  ...styledProps\n}: SpinnerProps): React.ReactElement => {\n  return (\n    <BaseSpinner\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\nexport type { SpinnerProps };\nexport { Spinner };\n"],"names":["Spinner","_ref","_ref2","label","labelPosition","accessibilityLabel","_ref$color","color","_ref$size","size","testID","styledProps","_objectWithoutProperties","_excluded","_jsx","BaseSpinner","Object","assign"],"mappings":";;;;AAAA,IAAA,SAAA,CAAA,CAAA,OAAA,CAAA,eAAA,CAAA,oBAAA,CAAA,OAAA,CAAA,MAAA,CAAA,QAAA,CAAA,CAYM,IAAAA,OAAO,CAAG,SAAVA,OAAOA,CAAAC,IAAA,CAQ2B,CAAAC,IAAAA,KAAA,CAPtC,IAAAC,KAAK,CAAAF,IAAA,CAALE,KAAK,CACLC,aAAa,CAAAH,IAAA,CAAbG,aAAa,CACbC,kBAAkB,CAAAJ,IAAA,CAAlBI,kBAAkB,CAAAC,UAAA,CAAAL,IAAA,CAClBM,KAAK,CAALA,KAAK,CAAAD,UAAA,GAAA,KAAA,CAAA,CAAG,SAAS,CAAAA,UAAA,CAAAE,SAAA,CAAAP,IAAA,CACjBQ,IAAI,CAAJA,IAAI,CAAAD,SAAA,GAAA,KAAA,CAAA,CAAG,QAAQ,CAAAA,SAAA,CACfE,MAAM,CAAAT,IAAA,CAANS,MAAM,CACHC,WAAW,CAAAC,wBAAA,CAAAX,IAAA,CAAAY,SAAA,EAEd,OACEC,GAAA,CAACC,WAAW,CAAAC,MAAA,CAAAC,MAAA,CAAA,CACVd,KAAK,CAAEA,KAAM,CACbC,aAAa,CAAEA,aAAc,CAC7BC,kBAAkB,CAAAH,CAAAA,KAAA,CAAEG,kBAAkB,EAAlBA,IAAAA,CAAAA,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;;;;"}
+{"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;;;;"}

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

@@ -1,15 +1,9 @@
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '../Typography/BaseText/BaseText.native.js';
-import 'react';
-import { throwBladeError } from '../../utils/logger/logger.js';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react-native';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
-import '../BladeProvider/useTheme.js';
-import { jsx } from 'react/jsx-runtime';
+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 { jsx } from 'react/jsx-runtime';
 
 var StepGroup=function StepGroup(_props){throwBladeError({message:'StepGroup is not yet implemented for native',moduleName:'StepGroup'});return jsx(Text,{children:"StepGroup Component is not available for Native mobile apps."});};
 

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

@@ -1 +1 @@
-{"version":3,"file":"StepGroup.native.js","sources":["../../../../../src/components/StepGroup/StepGroup.native.tsx"],"sourcesContent":["import type { StepGroupProps } from './types';\nimport { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\n\nconst StepGroup = (_props: StepGroupProps): React.ReactElement => {\n  throwBladeError({\n    message: 'StepGroup is not yet implemented for native',\n    moduleName: 'StepGroup',\n  });\n\n  return <Text>StepGroup Component is not available for Native mobile apps.</Text>;\n};\n\nexport { StepGroup };\n"],"names":["StepGroup","_props","throwBladeError","message","moduleName","_jsx","Text","children"],"mappings":";;;;;;;;;;;;;AAIM,IAAAA,SAAS,CAAG,SAAZA,SAASA,CAAIC,MAAsB,CAAyB,CAChEC,eAAe,CAAC,CACdC,OAAO,CAAE,6CAA6C,CACtDC,UAAU,CAAE,WACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,8DAA4D,CAAM,CAAC,CAClF;;;;"}
+{"version":3,"file":"StepGroup.native.js","sources":["../../../../../src/components/StepGroup/StepGroup.native.tsx"],"sourcesContent":["import type { StepGroupProps } from './types';\nimport { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\n\nconst StepGroup = (_props: StepGroupProps): React.ReactElement => {\n  throwBladeError({\n    message: 'StepGroup is not yet implemented for native',\n    moduleName: 'StepGroup',\n  });\n\n  return <Text>StepGroup Component is not available for Native mobile apps.</Text>;\n};\n\nexport { StepGroup };\n"],"names":["StepGroup","_props","throwBladeError","message","moduleName","_jsx","Text","children"],"mappings":";;;;;;;AAIM,IAAAA,SAAS,CAAG,SAAZA,SAASA,CAAIC,MAAsB,CAAyB,CAChEC,eAAe,CAAC,CACdC,OAAO,CAAE,6CAA6C,CACtDC,UAAU,CAAE,WACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,8DAA4D,CAAM,CAAC,CAClF;;;;"}

package/build/lib/native/components/StepGroup/StepItem.native.js

@@ -1,15 +1,9 @@
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '../Typography/BaseText/BaseText.native.js';
-import 'react';
-import { throwBladeError } from '../../utils/logger/logger.js';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react-native';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
-import '../BladeProvider/useTheme.js';
-import { jsx } from 'react/jsx-runtime';
+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 { jsx } from 'react/jsx-runtime';
 
 var StepItem=function StepItem(_props){throwBladeError({message:'StepItem is not yet implemented for native',moduleName:'StepItem'});return jsx(Text,{children:"StepItem Component is not available for Native mobile apps."});};
 

package/build/lib/native/components/StepGroup/StepItem.native.js.map

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

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

@@ -25,9 +25,10 @@ import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/a
 import { getStyledProps } from '../Box/styledProps/getStyledProps.js';
 import '../../tokens/global/typography.js';
 import '../../tokens/global/motion.js';
+import { getOuterMotionRef, getInnerMotionRef } from '../../utils/getMotionRefs.js';
 import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
 
-var _excluded=["defaultChecked","isChecked","isDisabled","name","onChange","size","value","accessibilityLabel","testID"];var _Switch=function _Switch(_ref,ref){var defaultChecked=_ref.defaultChecked,isChecked=_ref.isChecked,isDisabled=_ref.isDisabled,name=_ref.name,onChange=_ref.onChange,_ref$size=_ref.size,size=_ref$size===void 0?'medium':_ref$size,value=_ref.value,accessibilityLabel=_ref.accessibilityLabel,testID=_ref.testID,rest=_objectWithoutProperties(_ref,_excluded);var _useTheme=useTheme(),theme=_useTheme.theme;var _useBreakpoint=useBreakpoint({breakpoints:theme.breakpoints}),matchedDeviceType=_useBreakpoint.matchedDeviceType;var _React$useState=React__default.useState(false),_React$useState2=_slicedToArray(_React$useState,2),isPressed=_React$useState2[0],setIsPressed=_React$useState2[1];var _useCheckbox=useCheckbox({role:'switch',defaultChecked:defaultChecked,isChecked:isChecked,isIndeterminate:false,hasError:false,hasHelperText:false,isDisabled:isDisabled,isRequired:false,name:name,value:value,onChange:onChange}),state=_useCheckbox.state,inputProps=_useCheckbox.inputProps;var handlePointerPressedIn=React__default.useCallback(function(){if(isDisabled)return;setIsPressed(true);},[isDisabled]);var handlePointerPressedOut=React__default.useCallback(function(){if(isDisabled)return;setIsPressed(false);},[isDisabled]);var handleKeyboardPressedIn=React__default.useCallback(function(e){if(isDisabled)return;if(e.key===' '){setIsPressed(true);}},[isDisabled]);var handleKeyboardPressedOut=React__default.useCallback(function(e){if(isDisabled)return;if(e.key===' '){setIsPressed(false);}},[isDisabled]);return jsx(BaseBox,Object.assign({},metaAttribute({testID:testID,name:MetaConstants.Switch}),{display:state.isReactNative?'flex':'inline-block'},getStyledProps(rest),makeAnalyticsAttribute(rest),{children:jsxs(SelectorLabel,{componentName:MetaConstants.SwitchLabel,onTouchStart:handlePointerPressedIn,onTouchEnd:handlePointerPressedOut,onMouseDown:handlePointerPressedIn,onMouseUp:handlePointerPressedOut,onMouseOut:handlePointerPressedOut,onKeyDown:handleKeyboardPressedIn,onKeyUp:handleKeyboardPressedOut,style:{cursor:isDisabled?'not-allowed':'pointer'},inputProps:state.isReactNative?Object.assign({},inputProps,makeAccessible({label:accessibilityLabel})):{},children:[jsx(SelectorInput,{hoverTokens:switchHoverTokens,ref:ref,isChecked:state.isChecked,isDisabled:isDisabled,hasError:false,inputProps:inputProps,accessibilityLabel:accessibilityLabel}),jsx(SwitchTrack,Object.assign({size:size,deviceType:matchedDeviceType,isDisabled:Boolean(isDisabled),isChecked:state.isChecked},makeAccessible({hidden:true}),{children:jsx(Thumb,{size:size,deviceType:matchedDeviceType,isChecked:state.isChecked,children:jsx(AnimatedThumb,{isPressed:isPressed,isChecked:state.isChecked,isDisabled:isDisabled,size:size,children:jsx(ThumbIcon,{isChecked:state.isChecked,isDisabled:isDisabled,size:size})})})}))]})}));};var Switch=assignWithoutSideEffects(React__default.forwardRef(_Switch),{displayName:'Switch'});
+var _excluded=["defaultChecked","isChecked","isDisabled","name","onChange","size","value","accessibilityLabel","testID","_motionMeta"];var _Switch=function _Switch(_ref,ref){var defaultChecked=_ref.defaultChecked,isChecked=_ref.isChecked,isDisabled=_ref.isDisabled,name=_ref.name,onChange=_ref.onChange,_ref$size=_ref.size,size=_ref$size===void 0?'medium':_ref$size,value=_ref.value,accessibilityLabel=_ref.accessibilityLabel,testID=_ref.testID,_motionMeta=_ref._motionMeta,rest=_objectWithoutProperties(_ref,_excluded);var _useTheme=useTheme(),theme=_useTheme.theme;var _useBreakpoint=useBreakpoint({breakpoints:theme.breakpoints}),matchedDeviceType=_useBreakpoint.matchedDeviceType;var _React$useState=React__default.useState(false),_React$useState2=_slicedToArray(_React$useState,2),isPressed=_React$useState2[0],setIsPressed=_React$useState2[1];var _useCheckbox=useCheckbox({role:'switch',defaultChecked:defaultChecked,isChecked:isChecked,isIndeterminate:false,hasError:false,hasHelperText:false,isDisabled:isDisabled,isRequired:false,name:name,value:value,onChange:onChange}),state=_useCheckbox.state,inputProps=_useCheckbox.inputProps;var handlePointerPressedIn=React__default.useCallback(function(){if(isDisabled)return;setIsPressed(true);},[isDisabled]);var handlePointerPressedOut=React__default.useCallback(function(){if(isDisabled)return;setIsPressed(false);},[isDisabled]);var handleKeyboardPressedIn=React__default.useCallback(function(e){if(isDisabled)return;if(e.key===' '){setIsPressed(true);}},[isDisabled]);var handleKeyboardPressedOut=React__default.useCallback(function(e){if(isDisabled)return;if(e.key===' '){setIsPressed(false);}},[isDisabled]);return jsx(BaseBox,Object.assign({ref:getOuterMotionRef({_motionMeta:_motionMeta,ref:ref})},metaAttribute({testID:testID,name:MetaConstants.Switch}),{display:state.isReactNative?'flex':'inline-block'},getStyledProps(rest),makeAnalyticsAttribute(rest),{children:jsxs(SelectorLabel,{componentName:MetaConstants.SwitchLabel,onTouchStart:handlePointerPressedIn,onTouchEnd:handlePointerPressedOut,onMouseDown:handlePointerPressedIn,onMouseUp:handlePointerPressedOut,onMouseOut:handlePointerPressedOut,onKeyDown:handleKeyboardPressedIn,onKeyUp:handleKeyboardPressedOut,style:{cursor:isDisabled?'not-allowed':'pointer'},inputProps:state.isReactNative?Object.assign({},inputProps,makeAccessible({label:accessibilityLabel})):{},children:[jsx(SelectorInput,{hoverTokens:switchHoverTokens,ref:getInnerMotionRef({_motionMeta:_motionMeta,ref:ref}),isChecked:state.isChecked,isDisabled:isDisabled,hasError:false,inputProps:inputProps,accessibilityLabel:accessibilityLabel}),jsx(SwitchTrack,Object.assign({size:size,deviceType:matchedDeviceType,isDisabled:Boolean(isDisabled),isChecked:state.isChecked},makeAccessible({hidden:true}),{children:jsx(Thumb,{size:size,deviceType:matchedDeviceType,isChecked:state.isChecked,children:jsx(AnimatedThumb,{isPressed:isPressed,isChecked:state.isChecked,isDisabled:isDisabled,size:size,children:jsx(ThumbIcon,{isChecked:state.isChecked,isDisabled:isDisabled,size:size})})})}))]})}));};var Switch=assignWithoutSideEffects(React__default.forwardRef(_Switch),{displayName:'Switch'});
 
 export { Switch };
 //# sourceMappingURL=Switch.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","sources":["../../../../../src/components/Switch/Switch.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/ban-ts-comment */\n/* eslint-disable @typescript-eslint/prefer-ts-expect-error */\nimport React from 'react';\nimport { ThumbIcon } from './ThumbIcon';\nimport type { SwitchProps } from './types';\nimport { switchHoverTokens } from './switchTokens';\nimport { Thumb } from './Thumb';\nimport { AnimatedThumb } from './AnimatedThumb';\nimport { SwitchTrack } from './SwitchTrack';\nimport { useTheme } from '~components/BladeProvider';\nimport { BaseBox } from '~components/Box/BaseBox';\nimport { useCheckbox } from '~components/Checkbox/useCheckbox';\nimport { SelectorInput } from '~components/Form/Selector/SelectorInput';\nimport { useBreakpoint } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { SelectorLabel } from '~components/Form/Selector/SelectorLabel';\nimport type { BladeElementRef } from '~utils/types';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst _Switch: React.ForwardRefRenderFunction<BladeElementRef, SwitchProps> = (\n  {\n    defaultChecked,\n    isChecked,\n    isDisabled,\n    name,\n    onChange,\n    size = 'medium',\n    value,\n    accessibilityLabel,\n    testID,\n    ...rest\n  },\n  ref,\n): React.ReactElement => {\n  const { theme } = useTheme();\n  const { matchedDeviceType } = useBreakpoint({ breakpoints: theme.breakpoints });\n  const [isPressed, setIsPressed] = React.useState(false);\n  const { state, inputProps } = useCheckbox({\n    role: 'switch',\n    defaultChecked,\n    isChecked,\n    isIndeterminate: false,\n    hasError: false,\n    hasHelperText: false,\n    isDisabled,\n    isRequired: false,\n    name,\n    value,\n    onChange,\n  });\n\n  const handlePointerPressedIn = React.useCallback(() => {\n    if (isDisabled) return;\n    setIsPressed(true);\n  }, [isDisabled]);\n\n  const handlePointerPressedOut = React.useCallback(() => {\n    if (isDisabled) return;\n    setIsPressed(false);\n  }, [isDisabled]);\n\n  const handleKeyboardPressedIn = React.useCallback(\n    (e: React.KeyboardEvent) => {\n      if (isDisabled) return;\n      if (e.key === ' ') {\n        setIsPressed(true);\n      }\n    },\n    [isDisabled],\n  );\n\n  const handleKeyboardPressedOut = React.useCallback(\n    (e: React.KeyboardEvent) => {\n      if (isDisabled) return;\n      if (e.key === ' ') {\n        setIsPressed(false);\n      }\n    },\n    [isDisabled],\n  );\n\n  return (\n    <BaseBox\n      {...metaAttribute({ testID, name: MetaConstants.Switch })}\n      // @ts-ignore on rn inline-block is not valid but type here will be `flex | inline-block`\n      display={state.isReactNative ? 'flex' : 'inline-block'}\n      {...getStyledProps(rest)}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      <SelectorLabel\n        componentName={MetaConstants.SwitchLabel}\n        onTouchStart={handlePointerPressedIn}\n        onTouchEnd={handlePointerPressedOut}\n        onMouseDown={handlePointerPressedIn}\n        onMouseUp={handlePointerPressedOut}\n        onMouseOut={handlePointerPressedOut}\n        onKeyDown={handleKeyboardPressedIn}\n        onKeyUp={handleKeyboardPressedOut}\n        style={{ cursor: isDisabled ? 'not-allowed' : 'pointer' }}\n        inputProps={\n          state.isReactNative\n            ? // accessibility label for react-native needs to be added\n              // since there is no text children inside Switch\n              { ...inputProps, ...makeAccessible({ label: accessibilityLabel }) }\n            : {}\n        }\n      >\n        <SelectorInput\n          hoverTokens={switchHoverTokens}\n          ref={ref}\n          isChecked={state.isChecked}\n          isDisabled={isDisabled}\n          hasError={false}\n          inputProps={inputProps}\n          accessibilityLabel={accessibilityLabel}\n        />\n        <SwitchTrack\n          size={size}\n          deviceType={matchedDeviceType}\n          isDisabled={Boolean(isDisabled)}\n          isChecked={state.isChecked}\n          {...makeAccessible({ hidden: true })}\n        >\n          <Thumb size={size} deviceType={matchedDeviceType} isChecked={state.isChecked}>\n            <AnimatedThumb\n              isPressed={isPressed}\n              isChecked={state.isChecked}\n              isDisabled={isDisabled}\n              size={size}\n            >\n              <ThumbIcon isChecked={state.isChecked} isDisabled={isDisabled} size={size} />\n            </AnimatedThumb>\n          </Thumb>\n        </SwitchTrack>\n      </SelectorLabel>\n    </BaseBox>\n  );\n};\n\nconst Switch = assignWithoutSideEffects(React.forwardRef(_Switch), {\n  displayName: 'Switch',\n});\n\nexport { Switch };\n"],"names":["_Switch","_ref","ref","defaultChecked","isChecked","isDisabled","name","onChange","_ref$size","size","value","accessibilityLabel","testID","rest","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","_useBreakpoint","useBreakpoint","breakpoints","matchedDeviceType","_React$useState","React","useState","_React$useState2","_slicedToArray","isPressed","setIsPressed","_useCheckbox","useCheckbox","role","isIndeterminate","hasError","hasHelperText","isRequired","state","inputProps","handlePointerPressedIn","useCallback","handlePointerPressedOut","handleKeyboardPressedIn","e","key","handleKeyboardPressedOut","_jsx","BaseBox","Object","assign","metaAttribute","MetaConstants","Switch","display","isReactNative","getStyledProps","makeAnalyticsAttribute","children","_jsxs","SelectorLabel","componentName","SwitchLabel","onTouchStart","onTouchEnd","onMouseDown","onMouseUp","onMouseOut","onKeyDown","onKeyUp","style","cursor","makeAccessible","label","SelectorInput","hoverTokens","switchHoverTokens","SwitchTrack","deviceType","Boolean","hidden","Thumb","AnimatedThumb","ThumbIcon","assignWithoutSideEffects","forwardRef","displayName"],"mappings":"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"}
+{"version":3,"file":"Switch.js","sources":["../../../../../src/components/Switch/Switch.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/ban-ts-comment */\n/* eslint-disable @typescript-eslint/prefer-ts-expect-error */\nimport React from 'react';\nimport { ThumbIcon } from './ThumbIcon';\nimport type { SwitchProps } from './types';\nimport { switchHoverTokens } from './switchTokens';\nimport { Thumb } from './Thumb';\nimport { AnimatedThumb } from './AnimatedThumb';\nimport { SwitchTrack } from './SwitchTrack';\nimport { useTheme } from '~components/BladeProvider';\nimport { BaseBox } from '~components/Box/BaseBox';\nimport { useCheckbox } from '~components/Checkbox/useCheckbox';\nimport { SelectorInput } from '~components/Form/Selector/SelectorInput';\nimport { useBreakpoint } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { SelectorLabel } from '~components/Form/Selector/SelectorLabel';\nimport type { BladeElementRef } from '~utils/types';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { getInnerMotionRef, getOuterMotionRef } from '~utils/getMotionRefs';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst _Switch: React.ForwardRefRenderFunction<BladeElementRef, SwitchProps> = (\n  {\n    defaultChecked,\n    isChecked,\n    isDisabled,\n    name,\n    onChange,\n    size = 'medium',\n    value,\n    accessibilityLabel,\n    testID,\n    _motionMeta,\n    ...rest\n  },\n  ref,\n): React.ReactElement => {\n  const { theme } = useTheme();\n  const { matchedDeviceType } = useBreakpoint({ breakpoints: theme.breakpoints });\n  const [isPressed, setIsPressed] = React.useState(false);\n  const { state, inputProps } = useCheckbox({\n    role: 'switch',\n    defaultChecked,\n    isChecked,\n    isIndeterminate: false,\n    hasError: false,\n    hasHelperText: false,\n    isDisabled,\n    isRequired: false,\n    name,\n    value,\n    onChange,\n  });\n\n  const handlePointerPressedIn = React.useCallback(() => {\n    if (isDisabled) return;\n    setIsPressed(true);\n  }, [isDisabled]);\n\n  const handlePointerPressedOut = React.useCallback(() => {\n    if (isDisabled) return;\n    setIsPressed(false);\n  }, [isDisabled]);\n\n  const handleKeyboardPressedIn = React.useCallback(\n    (e: React.KeyboardEvent) => {\n      if (isDisabled) return;\n      if (e.key === ' ') {\n        setIsPressed(true);\n      }\n    },\n    [isDisabled],\n  );\n\n  const handleKeyboardPressedOut = React.useCallback(\n    (e: React.KeyboardEvent) => {\n      if (isDisabled) return;\n      if (e.key === ' ') {\n        setIsPressed(false);\n      }\n    },\n    [isDisabled],\n  );\n\n  return (\n    <BaseBox\n      ref={getOuterMotionRef({ _motionMeta, ref })}\n      {...metaAttribute({ testID, name: MetaConstants.Switch })}\n      // @ts-ignore on rn inline-block is not valid but type here will be `flex | inline-block`\n      display={state.isReactNative ? 'flex' : 'inline-block'}\n      {...getStyledProps(rest)}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      <SelectorLabel\n        componentName={MetaConstants.SwitchLabel}\n        onTouchStart={handlePointerPressedIn}\n        onTouchEnd={handlePointerPressedOut}\n        onMouseDown={handlePointerPressedIn}\n        onMouseUp={handlePointerPressedOut}\n        onMouseOut={handlePointerPressedOut}\n        onKeyDown={handleKeyboardPressedIn}\n        onKeyUp={handleKeyboardPressedOut}\n        style={{ cursor: isDisabled ? 'not-allowed' : 'pointer' }}\n        inputProps={\n          state.isReactNative\n            ? // accessibility label for react-native needs to be added\n              // since there is no text children inside Switch\n              { ...inputProps, ...makeAccessible({ label: accessibilityLabel }) }\n            : {}\n        }\n      >\n        <SelectorInput\n          hoverTokens={switchHoverTokens}\n          ref={getInnerMotionRef({ _motionMeta, ref })}\n          isChecked={state.isChecked}\n          isDisabled={isDisabled}\n          hasError={false}\n          inputProps={inputProps}\n          accessibilityLabel={accessibilityLabel}\n        />\n        <SwitchTrack\n          size={size}\n          deviceType={matchedDeviceType}\n          isDisabled={Boolean(isDisabled)}\n          isChecked={state.isChecked}\n          {...makeAccessible({ hidden: true })}\n        >\n          <Thumb size={size} deviceType={matchedDeviceType} isChecked={state.isChecked}>\n            <AnimatedThumb\n              isPressed={isPressed}\n              isChecked={state.isChecked}\n              isDisabled={isDisabled}\n              size={size}\n            >\n              <ThumbIcon isChecked={state.isChecked} isDisabled={isDisabled} size={size} />\n            </AnimatedThumb>\n          </Thumb>\n        </SwitchTrack>\n      </SelectorLabel>\n    </BaseBox>\n  );\n};\n\nconst Switch = assignWithoutSideEffects(React.forwardRef(_Switch), {\n  displayName: 'Switch',\n});\n\nexport { Switch };\n"],"names":["_Switch","_ref","ref","defaultChecked","isChecked","isDisabled","name","onChange","_ref$size","size","value","accessibilityLabel","testID","_motionMeta","rest","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","_useBreakpoint","useBreakpoint","breakpoints","matchedDeviceType","_React$useState","React","useState","_React$useState2","_slicedToArray","isPressed","setIsPressed","_useCheckbox","useCheckbox","role","isIndeterminate","hasError","hasHelperText","isRequired","state","inputProps","handlePointerPressedIn","useCallback","handlePointerPressedOut","handleKeyboardPressedIn","e","key","handleKeyboardPressedOut","_jsx","BaseBox","Object","assign","getOuterMotionRef","metaAttribute","MetaConstants","Switch","display","isReactNative","getStyledProps","makeAnalyticsAttribute","children","_jsxs","SelectorLabel","componentName","SwitchLabel","onTouchStart","onTouchEnd","onMouseDown","onMouseUp","onMouseOut","onKeyDown","onKeyUp","style","cursor","makeAccessible","label","SelectorInput","hoverTokens","switchHoverTokens","getInnerMotionRef","SwitchTrack","deviceType","Boolean","hidden","Thumb","AnimatedThumb","ThumbIcon","assignWithoutSideEffects","forwardRef","displayName"],"mappings":"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"}

package/build/lib/native/components/Switch/getTrackStyles.js

@@ -10,7 +10,7 @@ import { makeSpace } from '../../utils/makeSpace/makeSpace.js';
 import { makeSize } from '../../utils/makeSize/makeSize.js';
 import '../BladeProvider/useTheme.js';
 
-var getTrackStyles=function getTrackStyles(_ref){var isChecked=_ref.isChecked,isDisabled=_ref.isDisabled,deviceType=_ref.deviceType,size=_ref.size,theme=_ref.theme;var variant='default';if(isDisabled)variant='disabled';var checked=isChecked?'checked':'unchecked';var background=switchColors.track[variant].background[checked];var backgroundColor=getIn(theme,background);var widthToken=switchSizes.track[deviceType][size].width;var heightToken=switchSizes.track[deviceType][size].height;var width=isNumber(widthToken)?makeSize(widthToken):makeSpace(getIn(theme,widthToken));var height=isNumber(heightToken)?makeSize(heightToken):makeSpace(getIn(theme,heightToken));return {pointerEvents:'none',position:'relative',display:'flex',alignItems:'center',margin:makeSpace(theme.spacing[1]),padding:makeSpace(theme.spacing[1]),width:width,height:height,borderRadius:makeSize(theme.border.radius.max),backgroundColor:backgroundColor,transitionTimingFunction:`${theme.motion.easing.standard.effective}`,transitionDuration:isReactNative()?undefined:`${makeMotionTime(theme.motion.duration['2xquick'])}`};};
+var getTrackStyles=function getTrackStyles(_ref){var isChecked=_ref.isChecked,isDisabled=_ref.isDisabled,deviceType=_ref.deviceType,size=_ref.size,theme=_ref.theme;var variant='default';if(isDisabled)variant='disabled';var checked=isChecked?'checked':'unchecked';var background=switchColors.track[variant].background[checked];var backgroundColor=getIn(theme,background);var widthToken=switchSizes.track[deviceType][size].width;var heightToken=switchSizes.track[deviceType][size].height;var width=isNumber(widthToken)?makeSize(widthToken):makeSpace(getIn(theme,widthToken));var height=isNumber(heightToken)?makeSize(heightToken):makeSpace(getIn(theme,heightToken));return {pointerEvents:'none',position:'relative',display:'flex',alignItems:'center',margin:makeSpace(theme.spacing[1]),padding:makeSpace(theme.spacing[1]),width:width,height:height,borderRadius:makeSize(theme.border.radius.max),backgroundColor:backgroundColor,transitionTimingFunction:`${theme.motion.easing.standard}`,transitionDuration:isReactNative()?undefined:`${makeMotionTime(theme.motion.duration['2xquick'])}`};};
 
 export { getTrackStyles };
 //# sourceMappingURL=getTrackStyles.js.map

package/build/lib/native/components/Switch/getTrackStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"getTrackStyles.js","sources":["../../../../../src/components/Switch/getTrackStyles.ts"],"sourcesContent":["import type { CSSObject } from 'styled-components';\nimport type { TrackProps } from './types';\nimport { switchColors, switchSizes } from './switchTokens';\nimport getIn from '~utils/lodashButBetter/get';\nimport isNumber from '~utils/lodashButBetter/isNumber';\nimport { isReactNative } from '~utils';\nimport type { Theme } from '~components/BladeProvider';\nimport { makeSize } from '~utils/makeSize';\nimport { makeSpace } from '~utils/makeSpace';\nimport { makeMotionTime } from '~utils/makeMotionTime';\n\nconst getTrackStyles = ({\n  isChecked,\n  isDisabled,\n  deviceType,\n  size,\n  theme,\n}: TrackProps & {\n  theme: Theme;\n}): CSSObject => {\n  let variant: 'default' | 'disabled' = 'default';\n  if (isDisabled) variant = 'disabled';\n  const checked = isChecked ? 'checked' : 'unchecked';\n  const background = switchColors.track[variant].background[checked];\n  const backgroundColor = getIn(theme, background);\n\n  const widthToken = switchSizes.track[deviceType][size].width;\n  const heightToken = switchSizes.track[deviceType][size].height;\n  const width = isNumber(widthToken) ? makeSize(widthToken) : makeSpace(getIn(theme, widthToken));\n  const height = isNumber(heightToken)\n    ? makeSize(heightToken)\n    : makeSpace(getIn(theme, heightToken));\n\n  return {\n    pointerEvents: 'none',\n    position: 'relative',\n    display: 'flex',\n    alignItems: 'center',\n    margin: makeSpace(theme.spacing[1]),\n    padding: makeSpace(theme.spacing[1]),\n    width,\n    height,\n    borderRadius: makeSize(theme.border.radius.max),\n    backgroundColor,\n    transitionTimingFunction: `${theme.motion.easing.standard.effective}`,\n    transitionDuration: isReactNative()\n      ? undefined\n      : `${makeMotionTime(theme.motion.duration['2xquick'])}`,\n  };\n};\n\nexport { getTrackStyles };\n"],"names":["getTrackStyles","_ref","isChecked","isDisabled","deviceType","size","theme","variant","checked","background","switchColors","track","backgroundColor","getIn","widthToken","switchSizes","width","heightToken","height","isNumber","makeSize","makeSpace","pointerEvents","position","display","alignItems","margin","spacing","padding","borderRadius","border","radius","max","transitionTimingFunction","motion","easing","standard","effective","transitionDuration","isReactNative","undefined","makeMotionTime","duration"],"mappings":";;;;;;;;;;;;AAWM,IAAAA,cAAc,CAAG,SAAjBA,cAAcA,CAAAC,IAAA,CAQH,CAPf,IAAAC,SAAS,CAAAD,IAAA,CAATC,SAAS,CACTC,UAAU,CAAAF,IAAA,CAAVE,UAAU,CACVC,UAAU,CAAAH,IAAA,CAAVG,UAAU,CACVC,IAAI,CAAAJ,IAAA,CAAJI,IAAI,CACJC,KAAK,CAAAL,IAAA,CAALK,KAAK,CAIL,IAAIC,OAA+B,CAAG,SAAS,CAC/C,GAAIJ,UAAU,CAAEI,OAAO,CAAG,UAAU,CACpC,IAAMC,OAAO,CAAGN,SAAS,CAAG,SAAS,CAAG,WAAW,CACnD,IAAMO,UAAU,CAAGC,YAAY,CAACC,KAAK,CAACJ,OAAO,CAAC,CAACE,UAAU,CAACD,OAAO,CAAC,CAClE,IAAMI,eAAe,CAAGC,KAAK,CAACP,KAAK,CAAEG,UAAU,CAAC,CAEhD,IAAMK,UAAU,CAAGC,WAAW,CAACJ,KAAK,CAACP,UAAU,CAAC,CAACC,IAAI,CAAC,CAACW,KAAK,CAC5D,IAAMC,WAAW,CAAGF,WAAW,CAACJ,KAAK,CAACP,UAAU,CAAC,CAACC,IAAI,CAAC,CAACa,MAAM,CAC9D,IAAMF,KAAK,CAAGG,QAAQ,CAACL,UAAU,CAAC,CAAGM,QAAQ,CAACN,UAAU,CAAC,CAAGO,SAAS,CAACR,KAAK,CAACP,KAAK,CAAEQ,UAAU,CAAC,CAAC,CAC/F,IAAMI,MAAM,CAAGC,QAAQ,CAACF,WAAW,CAAC,CAChCG,QAAQ,CAACH,WAAW,CAAC,CACrBI,SAAS,CAACR,KAAK,CAACP,KAAK,CAAEW,WAAW,CAAC,CAAC,CAExC,OAAO,CACLK,aAAa,CAAE,MAAM,CACrBC,QAAQ,CAAE,UAAU,CACpBC,OAAO,CAAE,MAAM,CACfC,UAAU,CAAE,QAAQ,CACpBC,MAAM,CAAEL,SAAS,CAACf,KAAK,CAACqB,OAAO,CAAC,CAAC,CAAC,CAAC,CACnCC,OAAO,CAAEP,SAAS,CAACf,KAAK,CAACqB,OAAO,CAAC,CAAC,CAAC,CAAC,CACpCX,KAAK,CAALA,KAAK,CACLE,MAAM,CAANA,MAAM,CACNW,YAAY,CAAET,QAAQ,CAACd,KAAK,CAACwB,MAAM,CAACC,MAAM,CAACC,GAAG,CAAC,CAC/CpB,eAAe,CAAfA,eAAe,CACfqB,wBAAwB,CAAG,CAAA,EAAE3B,KAAK,CAAC4B,MAAM,CAACC,MAAM,CAACC,QAAQ,CAACC,SAAU,CAAC,CAAA,CACrEC,kBAAkB,CAAEC,aAAa,EAAE,CAC/BC,SAAS,CACR,CAAEC,EAAAA,cAAc,CAACnC,KAAK,CAAC4B,MAAM,CAACQ,QAAQ,CAAC,SAAS,CAAC,CAAE,EAC1D,CAAC,CACH;;;;"}
+{"version":3,"file":"getTrackStyles.js","sources":["../../../../../src/components/Switch/getTrackStyles.ts"],"sourcesContent":["import type { CSSObject } from 'styled-components';\nimport type { TrackProps } from './types';\nimport { switchColors, switchSizes } from './switchTokens';\nimport getIn from '~utils/lodashButBetter/get';\nimport isNumber from '~utils/lodashButBetter/isNumber';\nimport { isReactNative } from '~utils';\nimport type { Theme } from '~components/BladeProvider';\nimport { makeSize } from '~utils/makeSize';\nimport { makeSpace } from '~utils/makeSpace';\nimport { makeMotionTime } from '~utils/makeMotionTime';\n\nconst getTrackStyles = ({\n  isChecked,\n  isDisabled,\n  deviceType,\n  size,\n  theme,\n}: TrackProps & {\n  theme: Theme;\n}): CSSObject => {\n  let variant: 'default' | 'disabled' = 'default';\n  if (isDisabled) variant = 'disabled';\n  const checked = isChecked ? 'checked' : 'unchecked';\n  const background = switchColors.track[variant].background[checked];\n  const backgroundColor = getIn(theme, background);\n\n  const widthToken = switchSizes.track[deviceType][size].width;\n  const heightToken = switchSizes.track[deviceType][size].height;\n  const width = isNumber(widthToken) ? makeSize(widthToken) : makeSpace(getIn(theme, widthToken));\n  const height = isNumber(heightToken)\n    ? makeSize(heightToken)\n    : makeSpace(getIn(theme, heightToken));\n\n  return {\n    pointerEvents: 'none',\n    position: 'relative',\n    display: 'flex',\n    alignItems: 'center',\n    margin: makeSpace(theme.spacing[1]),\n    padding: makeSpace(theme.spacing[1]),\n    width,\n    height,\n    borderRadius: makeSize(theme.border.radius.max),\n    backgroundColor,\n    transitionTimingFunction: `${theme.motion.easing.standard}`,\n    transitionDuration: isReactNative()\n      ? undefined\n      : `${makeMotionTime(theme.motion.duration['2xquick'])}`,\n  };\n};\n\nexport { getTrackStyles };\n"],"names":["getTrackStyles","_ref","isChecked","isDisabled","deviceType","size","theme","variant","checked","background","switchColors","track","backgroundColor","getIn","widthToken","switchSizes","width","heightToken","height","isNumber","makeSize","makeSpace","pointerEvents","position","display","alignItems","margin","spacing","padding","borderRadius","border","radius","max","transitionTimingFunction","motion","easing","standard","transitionDuration","isReactNative","undefined","makeMotionTime","duration"],"mappings":";;;;;;;;;;;;AAWM,IAAAA,cAAc,CAAG,SAAjBA,cAAcA,CAAAC,IAAA,CAQH,CAPf,IAAAC,SAAS,CAAAD,IAAA,CAATC,SAAS,CACTC,UAAU,CAAAF,IAAA,CAAVE,UAAU,CACVC,UAAU,CAAAH,IAAA,CAAVG,UAAU,CACVC,IAAI,CAAAJ,IAAA,CAAJI,IAAI,CACJC,KAAK,CAAAL,IAAA,CAALK,KAAK,CAIL,IAAIC,OAA+B,CAAG,SAAS,CAC/C,GAAIJ,UAAU,CAAEI,OAAO,CAAG,UAAU,CACpC,IAAMC,OAAO,CAAGN,SAAS,CAAG,SAAS,CAAG,WAAW,CACnD,IAAMO,UAAU,CAAGC,YAAY,CAACC,KAAK,CAACJ,OAAO,CAAC,CAACE,UAAU,CAACD,OAAO,CAAC,CAClE,IAAMI,eAAe,CAAGC,KAAK,CAACP,KAAK,CAAEG,UAAU,CAAC,CAEhD,IAAMK,UAAU,CAAGC,WAAW,CAACJ,KAAK,CAACP,UAAU,CAAC,CAACC,IAAI,CAAC,CAACW,KAAK,CAC5D,IAAMC,WAAW,CAAGF,WAAW,CAACJ,KAAK,CAACP,UAAU,CAAC,CAACC,IAAI,CAAC,CAACa,MAAM,CAC9D,IAAMF,KAAK,CAAGG,QAAQ,CAACL,UAAU,CAAC,CAAGM,QAAQ,CAACN,UAAU,CAAC,CAAGO,SAAS,CAACR,KAAK,CAACP,KAAK,CAAEQ,UAAU,CAAC,CAAC,CAC/F,IAAMI,MAAM,CAAGC,QAAQ,CAACF,WAAW,CAAC,CAChCG,QAAQ,CAACH,WAAW,CAAC,CACrBI,SAAS,CAACR,KAAK,CAACP,KAAK,CAAEW,WAAW,CAAC,CAAC,CAExC,OAAO,CACLK,aAAa,CAAE,MAAM,CACrBC,QAAQ,CAAE,UAAU,CACpBC,OAAO,CAAE,MAAM,CACfC,UAAU,CAAE,QAAQ,CACpBC,MAAM,CAAEL,SAAS,CAACf,KAAK,CAACqB,OAAO,CAAC,CAAC,CAAC,CAAC,CACnCC,OAAO,CAAEP,SAAS,CAACf,KAAK,CAACqB,OAAO,CAAC,CAAC,CAAC,CAAC,CACpCX,KAAK,CAALA,KAAK,CACLE,MAAM,CAANA,MAAM,CACNW,YAAY,CAAET,QAAQ,CAACd,KAAK,CAACwB,MAAM,CAACC,MAAM,CAACC,GAAG,CAAC,CAC/CpB,eAAe,CAAfA,eAAe,CACfqB,wBAAwB,CAAG,CAAA,EAAE3B,KAAK,CAAC4B,MAAM,CAACC,MAAM,CAACC,QAAS,CAAC,CAAA,CAC3DC,kBAAkB,CAAEC,aAAa,EAAE,CAC/BC,SAAS,CACR,CAAEC,EAAAA,cAAc,CAAClC,KAAK,CAAC4B,MAAM,CAACO,QAAQ,CAAC,SAAS,CAAC,CAAE,EAC1D,CAAC,CACH;;;;"}

package/build/lib/native/components/Switch/switchTokens.js

@@ -2,7 +2,7 @@ import '../../tokens/global/typography.js';
 import '../../tokens/global/motion.js';
 import { size } from '../../tokens/global/size.js';
 
-var switchSizes={track:{desktop:{small:{width:size[28],height:'spacing.5'},medium:{width:size[36],height:'spacing.6'}},mobile:{small:{width:size[36],height:'spacing.6'},medium:{width:size[44],height:'spacing.7'}}},thumb:{desktop:{small:{width:'spacing.4',height:'spacing.4'},medium:{width:'spacing.5',height:'spacing.5'}},mobile:{small:{width:'spacing.5',height:'spacing.5'},medium:{width:'spacing.6',height:'spacing.6'}}}};var switchColors={track:{default:{background:{checked:'colors.interactive.background.primary.default',unchecked:'colors.interactive.background.gray.default'}},disabled:{background:{checked:'colors.interactive.background.primary.faded',unchecked:'colors.interactive.background.gray.disabled'}}},thumb:{default:{background:'colors.interactive.background.staticWhite.default'},disabled:{background:'colors.interactive.background.staticWhite.disabled'}},thumbIcon:{default:{fill:'colors.interactive.icon.staticBlack.normal'},disabled:{fill:'colors.interactive.icon.staticBlack.disabled'}}};var switchMotion={easing:{thumb:'motion.easing.standard.effective',thumbIcon:'motion.easing.standard.effective',track:'motion.easing.standard.effective'},duration:{thumb:'motion.duration.xquick',thumbIcon:'motion.duration.xquick',track:'motion.duration.xquick'}};var switchHoverTokens={default:{background:{checked:'colors.interactive.background.primary.highlighted',unchecked:'colors.interactive.background.gray.highlighted'}}};
+var switchSizes={track:{desktop:{small:{width:size[28],height:'spacing.5'},medium:{width:size[36],height:'spacing.6'}},mobile:{small:{width:size[36],height:'spacing.6'},medium:{width:size[44],height:'spacing.7'}}},thumb:{desktop:{small:{width:'spacing.4',height:'spacing.4'},medium:{width:'spacing.5',height:'spacing.5'}},mobile:{small:{width:'spacing.5',height:'spacing.5'},medium:{width:'spacing.6',height:'spacing.6'}}}};var switchColors={track:{default:{background:{checked:'colors.interactive.background.primary.default',unchecked:'colors.interactive.background.gray.default'}},disabled:{background:{checked:'colors.interactive.background.primary.faded',unchecked:'colors.interactive.background.gray.disabled'}}},thumb:{default:{background:'colors.interactive.background.staticWhite.default'},disabled:{background:'colors.interactive.background.staticWhite.disabled'}},thumbIcon:{default:{fill:'colors.interactive.icon.staticBlack.normal'},disabled:{fill:'colors.interactive.icon.staticBlack.disabled'}}};var switchMotion={easing:{thumb:'motion.easing.standard',thumbIcon:'motion.easing.standard',track:'motion.easing.standard'},duration:{thumb:'motion.duration.quick',thumbIcon:'motion.duration.quick',track:'motion.duration.quick'}};var switchHoverTokens={default:{background:{checked:'colors.interactive.background.primary.highlighted',unchecked:'colors.interactive.background.gray.highlighted'}}};
 
 export { switchColors, switchHoverTokens, switchMotion, switchSizes };
 //# sourceMappingURL=switchTokens.js.map

package/build/lib/native/components/Switch/switchTokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"switchTokens.js","sources":["../../../../../src/components/Switch/switchTokens.ts"],"sourcesContent":["import { size } from '~tokens/global';\n\nconst switchSizes = {\n  track: {\n    desktop: {\n      small: {\n        width: size[28],\n        height: 'spacing.5',\n      },\n      medium: {\n        width: size[36],\n        height: 'spacing.6',\n      },\n    },\n    mobile: {\n      small: {\n        width: size[36],\n        height: 'spacing.6',\n      },\n      medium: {\n        width: size[44],\n        height: 'spacing.7',\n      },\n    },\n  },\n  thumb: {\n    desktop: {\n      small: {\n        width: 'spacing.4',\n        height: 'spacing.4',\n      },\n      medium: {\n        width: 'spacing.5',\n        height: 'spacing.5',\n      },\n    },\n    mobile: {\n      small: {\n        width: 'spacing.5',\n        height: 'spacing.5',\n      },\n      medium: {\n        width: 'spacing.6',\n        height: 'spacing.6',\n      },\n    },\n  },\n} as const;\n\nconst switchColors = {\n  track: {\n    default: {\n      background: {\n        checked: 'colors.interactive.background.primary.default',\n        unchecked: 'colors.interactive.background.gray.default',\n      },\n    },\n    disabled: {\n      background: {\n        checked: 'colors.interactive.background.primary.faded',\n        unchecked: 'colors.interactive.background.gray.disabled',\n      },\n    },\n  },\n  thumb: {\n    default: {\n      background: 'colors.interactive.background.staticWhite.default',\n    },\n    disabled: {\n      background: 'colors.interactive.background.staticWhite.disabled',\n    },\n  },\n  thumbIcon: {\n    default: {\n      fill: 'colors.interactive.icon.staticBlack.normal',\n    },\n    disabled: {\n      fill: 'colors.interactive.icon.staticBlack.disabled',\n    },\n  },\n} as const;\n\nconst switchMotion = {\n  easing: {\n    thumb: 'motion.easing.standard.effective',\n    thumbIcon: 'motion.easing.standard.effective',\n    track: 'motion.easing.standard.effective',\n  },\n  duration: {\n    thumb: 'motion.duration.xquick',\n    thumbIcon: 'motion.duration.xquick',\n    track: 'motion.duration.xquick',\n  },\n} as const;\n\nconst switchHoverTokens = {\n  default: {\n    background: {\n      checked: 'colors.interactive.background.primary.highlighted',\n      unchecked: 'colors.interactive.background.gray.highlighted',\n    },\n  },\n} as const;\n\nexport { switchColors, switchSizes, switchHoverTokens, switchMotion };\n"],"names":["switchSizes","track","desktop","small","width","size","height","medium","mobile","thumb","switchColors","default","background","checked","unchecked","disabled","thumbIcon","fill","switchMotion","easing","duration","switchHoverTokens"],"mappings":";;;;AAEM,IAAAA,WAAW,CAAG,CAClBC,KAAK,CAAE,CACLC,OAAO,CAAE,CACPC,KAAK,CAAE,CACLC,KAAK,CAAEC,IAAI,CAAC,EAAE,CAAC,CACfC,MAAM,CAAE,WACV,CAAC,CACDC,MAAM,CAAE,CACNH,KAAK,CAAEC,IAAI,CAAC,EAAE,CAAC,CACfC,MAAM,CAAE,WACV,CACF,CAAC,CACDE,MAAM,CAAE,CACNL,KAAK,CAAE,CACLC,KAAK,CAAEC,IAAI,CAAC,EAAE,CAAC,CACfC,MAAM,CAAE,WACV,CAAC,CACDC,MAAM,CAAE,CACNH,KAAK,CAAEC,IAAI,CAAC,EAAE,CAAC,CACfC,MAAM,CAAE,WACV,CACF,CACF,CAAC,CACDG,KAAK,CAAE,CACLP,OAAO,CAAE,CACPC,KAAK,CAAE,CACLC,KAAK,CAAE,WAAW,CAClBE,MAAM,CAAE,WACV,CAAC,CACDC,MAAM,CAAE,CACNH,KAAK,CAAE,WAAW,CAClBE,MAAM,CAAE,WACV,CACF,CAAC,CACDE,MAAM,CAAE,CACNL,KAAK,CAAE,CACLC,KAAK,CAAE,WAAW,CAClBE,MAAM,CAAE,WACV,CAAC,CACDC,MAAM,CAAE,CACNH,KAAK,CAAE,WAAW,CAClBE,MAAM,CAAE,WACV,CACF,CACF,CACF,EAEM,IAAAI,YAAY,CAAG,CACnBT,KAAK,CAAE,CACLU,OAAO,CAAE,CACPC,UAAU,CAAE,CACVC,OAAO,CAAE,+CAA+C,CACxDC,SAAS,CAAE,4CACb,CACF,CAAC,CACDC,QAAQ,CAAE,CACRH,UAAU,CAAE,CACVC,OAAO,CAAE,6CAA6C,CACtDC,SAAS,CAAE,6CACb,CACF,CACF,CAAC,CACDL,KAAK,CAAE,CACLE,OAAO,CAAE,CACPC,UAAU,CAAE,mDACd,CAAC,CACDG,QAAQ,CAAE,CACRH,UAAU,CAAE,oDACd,CACF,CAAC,CACDI,SAAS,CAAE,CACTL,OAAO,CAAE,CACPM,IAAI,CAAE,4CACR,CAAC,CACDF,QAAQ,CAAE,CACRE,IAAI,CAAE,8CACR,CACF,CACF,EAEM,IAAAC,YAAY,CAAG,CACnBC,MAAM,CAAE,CACNV,KAAK,CAAE,kCAAkC,CACzCO,SAAS,CAAE,kCAAkC,CAC7Cf,KAAK,CAAE,kCACT,CAAC,CACDmB,QAAQ,CAAE,CACRX,KAAK,CAAE,wBAAwB,CAC/BO,SAAS,CAAE,wBAAwB,CACnCf,KAAK,CAAE,wBACT,CACF,EAEM,IAAAoB,iBAAiB,CAAG,CACxBV,OAAO,CAAE,CACPC,UAAU,CAAE,CACVC,OAAO,CAAE,mDAAmD,CAC5DC,SAAS,CAAE,gDACb,CACF,CACF;;;;"}
+{"version":3,"file":"switchTokens.js","sources":["../../../../../src/components/Switch/switchTokens.ts"],"sourcesContent":["import { size } from '~tokens/global';\n\nconst switchSizes = {\n  track: {\n    desktop: {\n      small: {\n        width: size[28],\n        height: 'spacing.5',\n      },\n      medium: {\n        width: size[36],\n        height: 'spacing.6',\n      },\n    },\n    mobile: {\n      small: {\n        width: size[36],\n        height: 'spacing.6',\n      },\n      medium: {\n        width: size[44],\n        height: 'spacing.7',\n      },\n    },\n  },\n  thumb: {\n    desktop: {\n      small: {\n        width: 'spacing.4',\n        height: 'spacing.4',\n      },\n      medium: {\n        width: 'spacing.5',\n        height: 'spacing.5',\n      },\n    },\n    mobile: {\n      small: {\n        width: 'spacing.5',\n        height: 'spacing.5',\n      },\n      medium: {\n        width: 'spacing.6',\n        height: 'spacing.6',\n      },\n    },\n  },\n} as const;\n\nconst switchColors = {\n  track: {\n    default: {\n      background: {\n        checked: 'colors.interactive.background.primary.default',\n        unchecked: 'colors.interactive.background.gray.default',\n      },\n    },\n    disabled: {\n      background: {\n        checked: 'colors.interactive.background.primary.faded',\n        unchecked: 'colors.interactive.background.gray.disabled',\n      },\n    },\n  },\n  thumb: {\n    default: {\n      background: 'colors.interactive.background.staticWhite.default',\n    },\n    disabled: {\n      background: 'colors.interactive.background.staticWhite.disabled',\n    },\n  },\n  thumbIcon: {\n    default: {\n      fill: 'colors.interactive.icon.staticBlack.normal',\n    },\n    disabled: {\n      fill: 'colors.interactive.icon.staticBlack.disabled',\n    },\n  },\n} as const;\n\nconst switchMotion = {\n  easing: {\n    thumb: 'motion.easing.standard',\n    thumbIcon: 'motion.easing.standard',\n    track: 'motion.easing.standard',\n  },\n  duration: {\n    thumb: 'motion.duration.quick',\n    thumbIcon: 'motion.duration.quick',\n    track: 'motion.duration.quick',\n  },\n} as const;\n\nconst switchHoverTokens = {\n  default: {\n    background: {\n      checked: 'colors.interactive.background.primary.highlighted',\n      unchecked: 'colors.interactive.background.gray.highlighted',\n    },\n  },\n} as const;\n\nexport { switchColors, switchSizes, switchHoverTokens, switchMotion };\n"],"names":["switchSizes","track","desktop","small","width","size","height","medium","mobile","thumb","switchColors","default","background","checked","unchecked","disabled","thumbIcon","fill","switchMotion","easing","duration","switchHoverTokens"],"mappings":";;;;AAEM,IAAAA,WAAW,CAAG,CAClBC,KAAK,CAAE,CACLC,OAAO,CAAE,CACPC,KAAK,CAAE,CACLC,KAAK,CAAEC,IAAI,CAAC,EAAE,CAAC,CACfC,MAAM,CAAE,WACV,CAAC,CACDC,MAAM,CAAE,CACNH,KAAK,CAAEC,IAAI,CAAC,EAAE,CAAC,CACfC,MAAM,CAAE,WACV,CACF,CAAC,CACDE,MAAM,CAAE,CACNL,KAAK,CAAE,CACLC,KAAK,CAAEC,IAAI,CAAC,EAAE,CAAC,CACfC,MAAM,CAAE,WACV,CAAC,CACDC,MAAM,CAAE,CACNH,KAAK,CAAEC,IAAI,CAAC,EAAE,CAAC,CACfC,MAAM,CAAE,WACV,CACF,CACF,CAAC,CACDG,KAAK,CAAE,CACLP,OAAO,CAAE,CACPC,KAAK,CAAE,CACLC,KAAK,CAAE,WAAW,CAClBE,MAAM,CAAE,WACV,CAAC,CACDC,MAAM,CAAE,CACNH,KAAK,CAAE,WAAW,CAClBE,MAAM,CAAE,WACV,CACF,CAAC,CACDE,MAAM,CAAE,CACNL,KAAK,CAAE,CACLC,KAAK,CAAE,WAAW,CAClBE,MAAM,CAAE,WACV,CAAC,CACDC,MAAM,CAAE,CACNH,KAAK,CAAE,WAAW,CAClBE,MAAM,CAAE,WACV,CACF,CACF,CACF,EAEM,IAAAI,YAAY,CAAG,CACnBT,KAAK,CAAE,CACLU,OAAO,CAAE,CACPC,UAAU,CAAE,CACVC,OAAO,CAAE,+CAA+C,CACxDC,SAAS,CAAE,4CACb,CACF,CAAC,CACDC,QAAQ,CAAE,CACRH,UAAU,CAAE,CACVC,OAAO,CAAE,6CAA6C,CACtDC,SAAS,CAAE,6CACb,CACF,CACF,CAAC,CACDL,KAAK,CAAE,CACLE,OAAO,CAAE,CACPC,UAAU,CAAE,mDACd,CAAC,CACDG,QAAQ,CAAE,CACRH,UAAU,CAAE,oDACd,CACF,CAAC,CACDI,SAAS,CAAE,CACTL,OAAO,CAAE,CACPM,IAAI,CAAE,4CACR,CAAC,CACDF,QAAQ,CAAE,CACRE,IAAI,CAAE,8CACR,CACF,CACF,EAEM,IAAAC,YAAY,CAAG,CACnBC,MAAM,CAAE,CACNV,KAAK,CAAE,wBAAwB,CAC/BO,SAAS,CAAE,wBAAwB,CACnCf,KAAK,CAAE,wBACT,CAAC,CACDmB,QAAQ,CAAE,CACRX,KAAK,CAAE,uBAAuB,CAC9BO,SAAS,CAAE,uBAAuB,CAClCf,KAAK,CAAE,uBACT,CACF,EAEM,IAAAoB,iBAAiB,CAAG,CACxBV,OAAO,CAAE,CACPC,UAAU,CAAE,CACVC,OAAO,CAAE,mDAAmD,CAC5DC,SAAS,CAAE,gDACb,CACF,CACF;;;;"}

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

@@ -1,15 +1,10 @@
 import 'react';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '../Typography/BaseText/BaseText.native.js';
-import { logger } from '../../utils/logger/logger.js';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react-native';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
-import '../BladeProvider/useTheme.js';
-import { jsx } from 'react/jsx-runtime';
+import '../Typography/Heading/Heading.js';
 import { Text } from '../Typography/Text/Text.js';
 import '../Typography/Code/Code.js';
+import '../Typography/Display/Display.js';
+import { logger } from '../../utils/logger/logger.js';
+import { jsx } from 'react/jsx-runtime';
 
 var Table=function Table(props){if(__DEV__){logger({type:'warn',moduleName:'Table',message:'Table Component is not available for Native mobile apps.'});}return jsx(Text,{children:"Table Component is not available for Native mobile apps."});};
 

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

@@ -1 +1 @@
-{"version":3,"file":"Table.native.js","sources":["../../../../../src/components/Table/Table.native.tsx"],"sourcesContent":["/* eslint-disable react/no-unused-prop-types */\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport React from 'react';\nimport type { TableProps } from './types';\nimport { Text } from '~components/Typography';\nimport { logger } from '~utils/logger';\n\nconst Table = <Item,>(props: TableProps<Item>): React.ReactElement => {\n  if (__DEV__) {\n    logger({\n      type: 'warn',\n      moduleName: 'Table',\n      message: 'Table Component is not available for Native mobile apps.',\n    });\n  }\n  return <Text>Table Component is not available for Native mobile apps.</Text>;\n};\n\nexport { Table };\n"],"names":["Table","props","__DEV__","logger","type","moduleName","message","_jsx","Text","children"],"mappings":";;;;;;;;;;;;;AAOM,IAAAA,KAAK,CAAG,SAARA,KAAKA,CAAWC,KAAuB,CAAyB,CACpE,GAAIC,OAAO,CAAE,CACXC,MAAM,CAAC,CACLC,IAAI,CAAE,MAAM,CACZC,UAAU,CAAE,OAAO,CACnBC,OAAO,CAAE,0DACX,CAAC,CAAC,CACJ,CACA,OAAOC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,0DAAwD,CAAM,CAAC,CAC9E;;;;"}
+{"version":3,"file":"Table.native.js","sources":["../../../../../src/components/Table/Table.native.tsx"],"sourcesContent":["/* eslint-disable react/no-unused-prop-types */\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport React from 'react';\nimport type { TableProps } from './types';\nimport { Text } from '~components/Typography';\nimport { logger } from '~utils/logger';\n\nconst Table = <Item,>(props: TableProps<Item>): React.ReactElement => {\n  if (__DEV__) {\n    logger({\n      type: 'warn',\n      moduleName: 'Table',\n      message: 'Table Component is not available for Native mobile apps.',\n    });\n  }\n  return <Text>Table Component is not available for Native mobile apps.</Text>;\n};\n\nexport { Table };\n"],"names":["Table","props","__DEV__","logger","type","moduleName","message","_jsx","Text","children"],"mappings":";;;;;;;;AAOM,IAAAA,KAAK,CAAG,SAARA,KAAKA,CAAWC,KAAuB,CAAyB,CACpE,GAAIC,OAAO,CAAE,CACXC,MAAM,CAAC,CACLC,IAAI,CAAE,MAAM,CACZC,UAAU,CAAE,OAAO,CACnBC,OAAO,CAAE,0DACX,CAAC,CAAC,CACJ,CACA,OAAOC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,0DAAwD,CAAM,CAAC,CAC9E;;;;"}

package/build/lib/native/components/Table/TableBody.native.js

@@ -1,14 +1,9 @@
 import 'react';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '../Typography/BaseText/BaseText.native.js';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react-native';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
-import '../BladeProvider/useTheme.js';
-import { jsx } from 'react/jsx-runtime';
+import '../Typography/Heading/Heading.js';
 import { Text } from '../Typography/Text/Text.js';
 import '../Typography/Code/Code.js';
+import '../Typography/Display/Display.js';
+import { jsx } from 'react/jsx-runtime';
 
 var TableBody=function TableBody(props){return jsx(Text,{children:"Table Component is not available for Native mobile apps."});};var TableRow=function TableRow(props){return jsx(Text,{children:"Table Component is not available for Native mobile apps."});};var TableCell=function TableCell(props){return jsx(Text,{children:"Table Component is not available for Native mobile apps."});};
 

package/build/lib/native/components/Table/TableBody.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableBody.native.js","sources":["../../../../../src/components/Table/TableBody.native.tsx"],"sourcesContent":["/* eslint-disable react/no-unused-prop-types */\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport React from 'react';\nimport type { TableBodyProps, TableCellProps, TableRowProps } from './types';\nimport { Text } from '~components/Typography';\n\nconst TableBody = (props: TableBodyProps): React.ReactElement => {\n  return <Text>Table Component is not available for Native mobile apps.</Text>;\n};\n\nconst TableRow = (props: TableRowProps<unknown>): React.ReactElement => {\n  return <Text>Table Component is not available for Native mobile apps.</Text>;\n};\n\nconst TableCell = (props: TableCellProps): React.ReactElement => {\n  return <Text>Table Component is not available for Native mobile apps.</Text>;\n};\n\nconst StyledCell = (props: TableCellProps): React.ReactElement => {\n  return <Text>Table Component is not available for Native mobile apps.</Text>;\n};\n\nconst CellWrapper = (props: TableCellProps): React.ReactElement => {\n  return <Text>Table Component is not available for Native mobile apps.</Text>;\n};\n\nexport { TableBody, TableRow, TableCell, StyledCell, CellWrapper };\n"],"names":["TableBody","props","_jsx","Text","children","TableRow","TableCell"],"mappings":";;;;;;;;;;;;AAMM,IAAAA,SAAS,CAAG,SAAZA,SAASA,CAAIC,KAAqB,CAAyB,CAC/D,OAAOC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,0DAAwD,CAAM,CAAC,CAC9E,EAEM,IAAAC,QAAQ,CAAG,SAAXA,QAAQA,CAAIJ,KAA6B,CAAyB,CACtE,OAAOC,GAAA,CAACC,IAAI,CAAAC,CAAAA,QAAA,CAAC,0DAAwD,CAAM,CAAC,CAC9E,EAEM,IAAAE,SAAS,CAAG,SAAZA,SAASA,CAAIL,KAAqB,CAAyB,CAC/D,OAAOC,GAAA,CAACC,IAAI,EAAAC,QAAA,CAAC,0DAAwD,CAAM,CAAC,CAC9E;;;;"}
+{"version":3,"file":"TableBody.native.js","sources":["../../../../../src/components/Table/TableBody.native.tsx"],"sourcesContent":["/* eslint-disable react/no-unused-prop-types */\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport React from 'react';\nimport type { TableBodyProps, TableCellProps, TableRowProps } from './types';\nimport { Text } from '~components/Typography';\n\nconst TableBody = (props: TableBodyProps): React.ReactElement => {\n  return <Text>Table Component is not available for Native mobile apps.</Text>;\n};\n\nconst TableRow = (props: TableRowProps<unknown>): React.ReactElement => {\n  return <Text>Table Component is not available for Native mobile apps.</Text>;\n};\n\nconst TableCell = (props: TableCellProps): React.ReactElement => {\n  return <Text>Table Component is not available for Native mobile apps.</Text>;\n};\n\nconst StyledCell = (props: TableCellProps): React.ReactElement => {\n  return <Text>Table Component is not available for Native mobile apps.</Text>;\n};\n\nconst CellWrapper = (props: TableCellProps): React.ReactElement => {\n  return <Text>Table Component is not available for Native mobile apps.</Text>;\n};\n\nexport { TableBody, TableRow, TableCell, StyledCell, CellWrapper };\n"],"names":["TableBody","props","_jsx","Text","children","TableRow","TableCell"],"mappings":";;;;;;;AAMM,IAAAA,SAAS,CAAG,SAAZA,SAASA,CAAIC,KAAqB,CAAyB,CAC/D,OAAOC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,0DAAwD,CAAM,CAAC,CAC9E,EAEM,IAAAC,QAAQ,CAAG,SAAXA,QAAQA,CAAIJ,KAA6B,CAAyB,CACtE,OAAOC,GAAA,CAACC,IAAI,CAAAC,CAAAA,QAAA,CAAC,0DAAwD,CAAM,CAAC,CAC9E,EAEM,IAAAE,SAAS,CAAG,SAAZA,SAASA,CAAIL,KAAqB,CAAyB,CAC/D,OAAOC,GAAA,CAACC,IAAI,EAAAC,QAAA,CAAC,0DAAwD,CAAM,CAAC,CAC9E;;;;"}

package/build/lib/native/components/Table/TableEditableCell.native.js

@@ -1,14 +1,8 @@
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '../Typography/BaseText/BaseText.native.js';
-import 'react';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react-native';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
-import '../BladeProvider/useTheme.js';
-import { jsx } from 'react/jsx-runtime';
+import '../Typography/Heading/Heading.js';
 import { Text } from '../Typography/Text/Text.js';
 import '../Typography/Code/Code.js';
+import '../Typography/Display/Display.js';
+import { jsx } from 'react/jsx-runtime';
 
 var TableEditableCell=function TableEditableCell(props){return jsx(Text,{children:"Table Component is not available for Native mobile apps."});};var TableEditableDropdownCell=function TableEditableDropdownCell(props){return jsx(Text,{children:"Table Component is not available for Native mobile apps."});};
 

package/build/lib/native/components/Table/TableEditableCell.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableEditableCell.native.js","sources":["../../../../../src/components/Table/TableEditableCell.native.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\nimport type { TableEditableCellProps, TableEditableDropdownCellProps } from './types';\nimport { Text } from '~components/Typography';\n\nconst TableEditableCell = (props: TableEditableCellProps): React.ReactElement => {\n  return <Text>Table Component is not available for Native mobile apps.</Text>;\n};\n\nconst TableEditableDropdownCell = (props: TableEditableDropdownCellProps): React.ReactElement => {\n  return <Text>Table Component is not available for Native mobile apps.</Text>;\n};\n\nexport { TableEditableCell, TableEditableDropdownCell };\n"],"names":["TableEditableCell","props","_jsx","Text","children","TableEditableDropdownCell"],"mappings":";;;;;;;;;;;;AAIM,IAAAA,iBAAiB,CAAG,SAApBA,iBAAiBA,CAAIC,KAA6B,CAAyB,CAC/E,OAAOC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,0DAAwD,CAAM,CAAC,CAC9E,EAEM,IAAAC,yBAAyB,CAAG,SAA5BA,yBAAyBA,CAAIJ,KAAqC,CAAyB,CAC/F,OAAOC,GAAA,CAACC,IAAI,CAAAC,CAAAA,QAAA,CAAC,0DAAwD,CAAM,CAAC,CAC9E;;;;"}
+{"version":3,"file":"TableEditableCell.native.js","sources":["../../../../../src/components/Table/TableEditableCell.native.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\nimport type { TableEditableCellProps, TableEditableDropdownCellProps } from './types';\nimport { Text } from '~components/Typography';\n\nconst TableEditableCell = (props: TableEditableCellProps): React.ReactElement => {\n  return <Text>Table Component is not available for Native mobile apps.</Text>;\n};\n\nconst TableEditableDropdownCell = (props: TableEditableDropdownCellProps): React.ReactElement => {\n  return <Text>Table Component is not available for Native mobile apps.</Text>;\n};\n\nexport { TableEditableCell, TableEditableDropdownCell };\n"],"names":["TableEditableCell","props","_jsx","Text","children","TableEditableDropdownCell"],"mappings":";;;;;;AAIM,IAAAA,iBAAiB,CAAG,SAApBA,iBAAiBA,CAAIC,KAA6B,CAAyB,CAC/E,OAAOC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,0DAAwD,CAAM,CAAC,CAC9E,EAEM,IAAAC,yBAAyB,CAAG,SAA5BA,yBAAyBA,CAAIJ,KAAqC,CAAyB,CAC/F,OAAOC,GAAA,CAACC,IAAI,CAAAC,CAAAA,QAAA,CAAC,0DAAwD,CAAM,CAAC,CAC9E;;;;"}

package/build/lib/native/components/Table/TableFooter.native.js

@@ -1,14 +1,9 @@
 import 'react';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '../Typography/BaseText/BaseText.native.js';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react-native';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
-import '../BladeProvider/useTheme.js';
-import { jsx } from 'react/jsx-runtime';
+import '../Typography/Heading/Heading.js';
 import { Text } from '../Typography/Text/Text.js';
 import '../Typography/Code/Code.js';
+import '../Typography/Display/Display.js';
+import { jsx } from 'react/jsx-runtime';
 
 var TableFooter=function TableFooter(props){return jsx(Text,{children:"Table Component is not available for Native mobile apps."});};var TableFooterRow=function TableFooterRow(props){return jsx(Text,{children:"Table Component is not available for Native mobile apps."});};var TableFooterCell=function TableFooterCell(props){return jsx(Text,{children:"Table Component is not available for Native mobile apps."});};
 

package/build/lib/native/components/Table/TableFooter.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableFooter.native.js","sources":["../../../../../src/components/Table/TableFooter.native.tsx"],"sourcesContent":["/* eslint-disable react/no-unused-prop-types */\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport React from 'react';\nimport { Text } from '~components/Typography';\n\nconst TableFooter = (props: unknown): React.ReactElement => {\n  return <Text>Table Component is not available for Native mobile apps.</Text>;\n};\n\nconst TableFooterRow = (props: unknown): React.ReactElement => {\n  return <Text>Table Component is not available for Native mobile apps.</Text>;\n};\n\nconst TableFooterCell = (props: unknown): React.ReactElement => {\n  return <Text>Table Component is not available for Native mobile apps.</Text>;\n};\n\nexport { TableFooter, TableFooterRow, TableFooterCell };\n"],"names":["TableFooter","props","_jsx","Text","children","TableFooterRow","TableFooterCell"],"mappings":";;;;;;;;;;;;AAKM,IAAAA,WAAW,CAAG,SAAdA,WAAWA,CAAIC,KAAc,CAAyB,CAC1D,OAAOC,GAAA,CAACC,IAAI,CAAAC,CAAAA,QAAA,CAAC,0DAAwD,CAAM,CAAC,CAC9E,EAEM,IAAAC,cAAc,CAAG,SAAjBA,cAAcA,CAAIJ,KAAc,CAAyB,CAC7D,OAAOC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,0DAAwD,CAAM,CAAC,CAC9E,EAEM,IAAAE,eAAe,CAAG,SAAlBA,eAAeA,CAAIL,KAAc,CAAyB,CAC9D,OAAOC,GAAA,CAACC,IAAI,EAAAC,QAAA,CAAC,0DAAwD,CAAM,CAAC,CAC9E;;;;"}
+{"version":3,"file":"TableFooter.native.js","sources":["../../../../../src/components/Table/TableFooter.native.tsx"],"sourcesContent":["/* eslint-disable react/no-unused-prop-types */\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport React from 'react';\nimport { Text } from '~components/Typography';\n\nconst TableFooter = (props: unknown): React.ReactElement => {\n  return <Text>Table Component is not available for Native mobile apps.</Text>;\n};\n\nconst TableFooterRow = (props: unknown): React.ReactElement => {\n  return <Text>Table Component is not available for Native mobile apps.</Text>;\n};\n\nconst TableFooterCell = (props: unknown): React.ReactElement => {\n  return <Text>Table Component is not available for Native mobile apps.</Text>;\n};\n\nexport { TableFooter, TableFooterRow, TableFooterCell };\n"],"names":["TableFooter","props","_jsx","Text","children","TableFooterRow","TableFooterCell"],"mappings":";;;;;;;AAKM,IAAAA,WAAW,CAAG,SAAdA,WAAWA,CAAIC,KAAc,CAAyB,CAC1D,OAAOC,GAAA,CAACC,IAAI,CAAAC,CAAAA,QAAA,CAAC,0DAAwD,CAAM,CAAC,CAC9E,EAEM,IAAAC,cAAc,CAAG,SAAjBA,cAAcA,CAAIJ,KAAc,CAAyB,CAC7D,OAAOC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,0DAAwD,CAAM,CAAC,CAC9E,EAEM,IAAAE,eAAe,CAAG,SAAlBA,eAAeA,CAAIL,KAAc,CAAyB,CAC9D,OAAOC,GAAA,CAACC,IAAI,EAAAC,QAAA,CAAC,0DAAwD,CAAM,CAAC,CAC9E;;;;"}