@razorpay/blade 12.98.1 → 12.111.0

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

@@ -4,19 +4,15 @@ import Animated, { useSharedValue, withTiming, useAnimatedStyle, interpolate } f
 import { switchColors, switchMotion, switchSizes } from './switchTokens.js';
 import isNumber from '../../utils/lodashButBetter/isNumber.js';
 import getIn from '../../utils/lodashButBetter/get.js';
-import 'react-native';
-import { useBreakpoint } from '../../utils/useBreakpoint/useBreakpoint.js';
-import '@babel/runtime/helpers/slicedToArray';
-import { makeBorderSize } from '../../utils/makeBorderSize/makeBorderSize.js';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
-import useTheme from '../BladeProvider/useTheme.js';
-import '@gorhom/portal';
-import 'react-native-gesture-handler';
-import '../BottomSheet/BottomSheetStack.js';
+import '../../utils/index.js';
+import '../../utils/makeBorderSize/index.js';
+import '../BladeProvider/index.js';
 import { jsx } from 'react/jsx-runtime';
+import { makeBorderSize } from '../../utils/makeBorderSize/makeBorderSize.native.js';
+import useTheme from '../BladeProvider/useTheme.js';
+import { useBreakpoint } from '../../utils/useBreakpoint/useBreakpoint.js';
 
-var StyledAnimatedThumb=styled(Animated.View)(function(_ref){var theme=_ref.theme,isDisabled=_ref.isDisabled;var variant=isDisabled?'disabled':'default';var backgroundColor=getIn(theme,switchColors.thumb[variant].background);return {display:'flex',alignItems:'center',justifyContent:'center',flexShrink:0,width:'100%',height:'100%',borderRadius:makeBorderSize(theme.border.radius.max),backgroundColor:backgroundColor,position:'absolute'};});var AnimatedThumb=function AnimatedThumb(_ref2){var isChecked=_ref2.isChecked,isDisabled=_ref2.isDisabled,_ref2$size=_ref2.size,size=_ref2$size===void 0?'medium':_ref2$size,children=_ref2.children,isPressed=_ref2.isPressed;var _useTheme=useTheme(),theme=_useTheme.theme;var _useBreakpoint=useBreakpoint({breakpoints:theme.breakpoints}),matchedDeviceType=_useBreakpoint.matchedDeviceType;var sharedLeft=useSharedValue(isChecked?1:0);var sharedWidth=useSharedValue(isPressed?1:0);var sharedShouldShiftOffset=useSharedValue(Boolean(isChecked&&isPressed));var easing=getIn(theme,switchMotion.easing.thumb);var duration=getIn(theme,switchMotion.duration.thumb);var thumbWidth=switchSizes.thumb[matchedDeviceType][size].width;var finalWidth=isNumber(thumbWidth)?thumbWidth:getIn(theme,thumbWidth);React__default.useEffect(function(){sharedLeft.value=withTiming(isChecked?1:0,{duration:duration,easing:easing});},[isChecked]);React__default.useEffect(function(){sharedWidth.value=withTiming(isPressed?1:0,{duration:duration,easing:easing});},[isPressed]);React__default.useEffect(function(){sharedShouldShiftOffset.value=Boolean(isChecked&&isPressed);},[isChecked,isPressed]);var thumbAnimation=useAnimatedStyle(function(){return {width:interpolate(sharedWidth.value,[0,1],[finalWidth,finalWidth*1.25]),left:withTiming(sharedShouldShiftOffset.value?finalWidth*-0.25:0,{easing:easing,duration:duration}),transform:[{translateX:interpolate(sharedLeft.value,[0,1],[0,finalWidth])}]};},[]);return jsx(StyledAnimatedThumb,{style:thumbAnimation,isDisabled:isDisabled,children:children});};
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Switch/AnimatedThumb.native.tsx";var StyledAnimatedThumb=styled(Animated.View)(function(_ref){var theme=_ref.theme,isDisabled=_ref.isDisabled,_thumbWidth=_ref._thumbWidth,_thumbHeight=_ref._thumbHeight;var variant=isDisabled?'disabled':'default';var backgroundColor=getIn(theme,switchColors.thumb[variant].background);return {display:'flex',alignItems:'center',justifyContent:'center',flexShrink:0,width:_thumbWidth||'100%',height:_thumbHeight||'100%',borderRadius:makeBorderSize(theme.border.radius.max),backgroundColor:backgroundColor,position:'absolute'};});var AnimatedThumb=function AnimatedThumb(_ref2){var isChecked=_ref2.isChecked,isDisabled=_ref2.isDisabled,_ref2$size=_ref2.size,size=_ref2$size===void 0?'medium':_ref2$size,children=_ref2.children,isPressed=_ref2.isPressed;var _useTheme=useTheme(),theme=_useTheme.theme;var _useBreakpoint=useBreakpoint({breakpoints:theme.breakpoints}),matchedDeviceType=_useBreakpoint.matchedDeviceType;var sharedLeft=useSharedValue(isChecked?1:0);var sharedWidth=useSharedValue(isPressed?1:0);var sharedShouldShiftOffset=useSharedValue(Boolean(isChecked&&isPressed));var easing=getIn(theme,switchMotion.easing.thumb);var duration=getIn(theme,switchMotion.duration.thumb);var thumbWidthToken=switchSizes.thumb[matchedDeviceType][size].width;var thumbHeightToken=switchSizes.thumb[matchedDeviceType][size].height;var finalWidth=isNumber(thumbWidthToken)?thumbWidthToken:getIn(theme,thumbWidthToken);var finalHeight=isNumber(thumbHeightToken)?thumbHeightToken:getIn(theme,thumbHeightToken);React__default.useEffect(function(){sharedLeft.value=withTiming(isChecked?1:0,{duration:duration,easing:easing});},[isChecked]);React__default.useEffect(function(){sharedWidth.value=withTiming(isPressed?1:0,{duration:duration,easing:easing});},[isPressed]);React__default.useEffect(function(){sharedShouldShiftOffset.value=Boolean(isChecked&&isPressed);},[isChecked,isPressed]);var thumbAnimation=useAnimatedStyle(function(){return {width:interpolate(sharedWidth.value,[0,1],[finalWidth,finalWidth*1.25]),left:withTiming(sharedShouldShiftOffset.value?finalWidth*-0.25:0,{easing:easing,duration:duration}),transform:[{translateX:interpolate(sharedLeft.value,[0,1],[0,finalWidth])}]};},[finalWidth]);return jsx(StyledAnimatedThumb,{style:thumbAnimation,isDisabled:isDisabled,_thumbWidth:finalWidth,_thumbHeight:finalHeight,children:children});};
 
 export { AnimatedThumb };
 //# sourceMappingURL=AnimatedThumb.native.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AnimatedThumb.native.js","sources":["../../../../../src/components/Switch/AnimatedThumb.native.tsx"],"sourcesContent":["/* eslint-disable react-hooks/exhaustive-deps */\nimport styled from 'styled-components/native';\nimport React from 'react';\nimport Animated, {\n  interpolate,\n  useAnimatedStyle,\n  useSharedValue,\n  withTiming,\n} from 'react-native-reanimated';\n\nimport { switchColors, switchMotion, switchSizes } from './switchTokens';\nimport type { AnimatedThumbProps } from './types';\nimport isNumber from '~utils/lodashButBetter/isNumber';\nimport getIn from '~utils/lodashButBetter/get';\nimport { useBreakpoint } from '~utils';\nimport { useTheme } from '~components/BladeProvider';\nimport { makeBorderSize } from '~utils/makeBorderSize';\n\nconst StyledAnimatedThumb = styled(Animated.View)<{ isDisabled?: boolean }>(\n  ({ theme, isDisabled }) => {\n    const variant = isDisabled ? 'disabled' : 'default';\n    const backgroundColor = getIn(theme, switchColors.thumb[variant].background);\n\n    return {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      flexShrink: 0,\n      width: '100%',\n      height: '100%',\n      borderRadius: makeBorderSize(theme.border.radius.max),\n      backgroundColor,\n      position: 'absolute',\n    };\n  },\n);\n\nconst AnimatedThumb = ({\n  isChecked,\n  isDisabled,\n  size = 'medium',\n  children,\n  isPressed,\n}: AnimatedThumbProps): React.ReactElement => {\n  const { theme } = useTheme();\n  const { matchedDeviceType } = useBreakpoint({ breakpoints: theme.breakpoints });\n  const sharedLeft = useSharedValue(isChecked ? 1 : 0);\n  const sharedWidth = useSharedValue(isPressed ? 1 : 0);\n  const sharedShouldShiftOffset = useSharedValue(Boolean(isChecked && isPressed));\n\n  const easing = getIn(theme, switchMotion.easing.thumb);\n  const duration = getIn(theme, switchMotion.duration.thumb);\n  const thumbWidth = switchSizes.thumb[matchedDeviceType][size].width;\n  const finalWidth = isNumber(thumbWidth) ? thumbWidth : getIn(theme, thumbWidth);\n\n  React.useEffect(() => {\n    sharedLeft.value = withTiming(isChecked ? 1 : 0, {\n      duration,\n      easing,\n    });\n  }, [isChecked]);\n\n  React.useEffect(() => {\n    sharedWidth.value = withTiming(isPressed ? 1 : 0, {\n      duration,\n      easing,\n    });\n  }, [isPressed]);\n\n  React.useEffect(() => {\n    sharedShouldShiftOffset.value = Boolean(isChecked && isPressed);\n  }, [isChecked, isPressed]);\n\n  const thumbAnimation = useAnimatedStyle(() => {\n    return {\n      width: interpolate(\n        sharedWidth.value,\n        [0, 1],\n        // scale thumb by 25%, 1.25 comes from motion guidelines\n        [finalWidth, finalWidth * 1.25],\n      ),\n      left: withTiming(\n        // While on checked state, shift the thumb 25% to left because\n        // We elongate the width 25% to right.\n        sharedShouldShiftOffset.value ? finalWidth * -0.25 : 0,\n        { easing, duration },\n      ),\n      transform: [\n        {\n          translateX: interpolate(sharedLeft.value, [0, 1], [0, finalWidth]),\n        },\n      ],\n    };\n  }, []);\n\n  return (\n    <StyledAnimatedThumb style={thumbAnimation} isDisabled={isDisabled}>\n      {children}\n    </StyledAnimatedThumb>\n  );\n};\n\nexport { AnimatedThumb };\n"],"names":["StyledAnimatedThumb","styled","Animated","View","_ref","theme","isDisabled","variant","backgroundColor","getIn","switchColors","thumb","background","display","alignItems","justifyContent","flexShrink","width","height","borderRadius","makeBorderSize","border","radius","max","position","AnimatedThumb","_ref2","isChecked","_ref2$size","size","children","isPressed","_useTheme","useTheme","_useBreakpoint","useBreakpoint","breakpoints","matchedDeviceType","sharedLeft","useSharedValue","sharedWidth","sharedShouldShiftOffset","Boolean","easing","switchMotion","duration","thumbWidth","switchSizes","finalWidth","isNumber","React","useEffect","value","withTiming","thumbAnimation","useAnimatedStyle","interpolate","left","transform","translateX","_jsx","style"],"mappings":"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"}
+{"version":3,"file":"AnimatedThumb.native.js","sources":["../../../../../src/components/Switch/AnimatedThumb.native.tsx"],"sourcesContent":["/* eslint-disable react-hooks/exhaustive-deps */\nimport styled from 'styled-components/native';\nimport React from 'react';\nimport Animated, {\n  interpolate,\n  useAnimatedStyle,\n  useSharedValue,\n  withTiming,\n} from 'react-native-reanimated';\n\nimport type { AnimatedThumbProps } from './types';\nimport { switchColors, switchMotion, switchSizes } from './switchTokens';\nimport isNumber from '~utils/lodashButBetter/isNumber';\nimport getIn from '~utils/lodashButBetter/get';\nimport { useBreakpoint } from '~utils';\nimport { makeBorderSize } from '~utils/makeBorderSize';\nimport { useTheme } from '~components/BladeProvider';\n\nconst StyledAnimatedThumb = styled(Animated.View)<{\n  isDisabled?: boolean;\n  _thumbWidth?: number;\n  _thumbHeight?: number;\n}>(({ theme, isDisabled, _thumbWidth, _thumbHeight }) => {\n  const variant = isDisabled ? 'disabled' : 'default';\n  const backgroundColor = getIn(theme, switchColors.thumb[variant].background);\n\n  return {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    flexShrink: 0,\n    // Explicit dimensions prevent '100%' from resolving to the track size (not Thumb)\n    // which would produce an oval. Falls back to '100%' before device type is resolved.\n    width: _thumbWidth || ('100%' as never),\n    height: _thumbHeight || ('100%' as never),\n    borderRadius: makeBorderSize(theme.border.radius.max),\n    backgroundColor,\n    position: 'absolute',\n  };\n});\n\nconst AnimatedThumb = ({\n  isChecked,\n  isDisabled,\n  size = 'medium',\n  children,\n  isPressed,\n}: AnimatedThumbProps): React.ReactElement => {\n  const { theme } = useTheme();\n  const { matchedDeviceType } = useBreakpoint({ breakpoints: theme.breakpoints });\n  const sharedLeft = useSharedValue(isChecked ? 1 : 0);\n  const sharedWidth = useSharedValue(isPressed ? 1 : 0);\n  const sharedShouldShiftOffset = useSharedValue(Boolean(isChecked && isPressed));\n\n  const easing = getIn(theme, switchMotion.easing.thumb);\n  const duration = getIn(theme, switchMotion.duration.thumb);\n  const thumbWidthToken = switchSizes.thumb[matchedDeviceType][size].width;\n  const thumbHeightToken = switchSizes.thumb[matchedDeviceType][size].height;\n  const finalWidth = isNumber(thumbWidthToken)\n    ? thumbWidthToken\n    : (getIn(theme, thumbWidthToken) as number);\n  const finalHeight = isNumber(thumbHeightToken)\n    ? thumbHeightToken\n    : (getIn(theme, thumbHeightToken) as number);\n\n  React.useEffect(() => {\n    sharedLeft.value = withTiming(isChecked ? 1 : 0, {\n      duration,\n      easing,\n    });\n  }, [isChecked]);\n\n  React.useEffect(() => {\n    sharedWidth.value = withTiming(isPressed ? 1 : 0, {\n      duration,\n      easing,\n    });\n  }, [isPressed]);\n\n  React.useEffect(() => {\n    sharedShouldShiftOffset.value = Boolean(isChecked && isPressed);\n  }, [isChecked, isPressed]);\n\n  // finalWidth must be in deps: useBreakpoint initialises with 'desktop' then updates to 'mobile'\n  // after mount, so the worklet would otherwise capture a stale desktop finalWidth value.\n  const thumbAnimation = useAnimatedStyle(() => {\n    return {\n      width: interpolate(\n        sharedWidth.value,\n        [0, 1],\n        // scale thumb by 25%, 1.25 comes from motion guidelines\n        [finalWidth, finalWidth * 1.25],\n      ),\n      left: withTiming(\n        // While on checked state, shift the thumb 25% to left because\n        // We elongate the width 25% to right.\n        sharedShouldShiftOffset.value ? finalWidth * -0.25 : 0,\n        { easing, duration },\n      ),\n      transform: [\n        {\n          translateX: interpolate(sharedLeft.value, [0, 1], [0, finalWidth]),\n        },\n      ],\n    };\n  }, [finalWidth]);\n\n  return (\n    <StyledAnimatedThumb\n      style={thumbAnimation}\n      isDisabled={isDisabled}\n      _thumbWidth={finalWidth}\n      _thumbHeight={finalHeight}\n    >\n      {children}\n    </StyledAnimatedThumb>\n  );\n};\n\nexport { AnimatedThumb };\n"],"names":["this","StyledAnimatedThumb","styled","Animated","View","_ref","theme","isDisabled","_thumbWidth","_thumbHeight","variant","backgroundColor","getIn","switchColors","thumb","background","display","alignItems","justifyContent","flexShrink","width","height","borderRadius","makeBorderSize","border","radius","max","position","AnimatedThumb","_ref2","isChecked","_ref2$size","size","children","isPressed","_useTheme","useTheme","_useBreakpoint","useBreakpoint","breakpoints","matchedDeviceType","sharedLeft","useSharedValue","sharedWidth","sharedShouldShiftOffset","Boolean","easing","switchMotion","duration","thumbWidthToken","switchSizes","thumbHeightToken","finalWidth","isNumber","finalHeight","React","useEffect","value","withTiming","thumbAnimation","useAnimatedStyle","interpolate","left","transform","translateX","_jsx","style"],"mappings":"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"}

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

@@ -2,21 +2,13 @@ import React__default from 'react';
 import Animated, { useSharedValue, withTiming, useAnimatedStyle, interpolate } from 'react-native-reanimated';
 import { switchMotion } from './switchTokens.js';
 import getIn from '../../utils/lodashButBetter/get.js';
-import 'styled-components/native';
-import '@gorhom/portal';
-import 'react-native-gesture-handler';
-import useTheme from '../BladeProvider/useTheme.js';
-import 'react-native';
-import '@babel/runtime/helpers/slicedToArray';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
-import '../BottomSheet/BottomSheetStack.js';
+import '../BladeProvider/index.js';
+import '../Icons/_Svg/index.js';
 import { jsx } from 'react/jsx-runtime';
-import 'react-native-svg';
-import '@babel/runtime/helpers/defineProperty';
+import useTheme from '../BladeProvider/useTheme.js';
 import Svg from '../Icons/_Svg/Svg/Svg.native.js';
 
-var AnimatedThumbIcon=function AnimatedThumbIcon(_ref){var children=_ref.children,isChecked=_ref.isChecked,width=_ref.width,height=_ref.height,viewBox=_ref.viewBox,fill=_ref.fill;var _useTheme=useTheme(),theme=_useTheme.theme;var opacity=useSharedValue(isChecked?1:0);var easing=getIn(theme,switchMotion.easing.thumbIcon);var duration=getIn(theme,switchMotion.duration.thumbIcon);React__default.useEffect(function(){opacity.value=withTiming(isChecked?1:0,{duration:duration,easing:easing});},[isChecked]);var opacityStyle=useAnimatedStyle(function(){return {opacity:interpolate(opacity.value,[0,0.2,1],[0,0,1])};},[]);return jsx(Animated.View,{style:opacityStyle,children:jsx(Svg,{width:width,height:height,viewBox:viewBox,fill:fill,children:children})});};
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Switch/AnimatedThumbIcon.native.tsx";var AnimatedThumbIcon=function AnimatedThumbIcon(_ref){var children=_ref.children,isChecked=_ref.isChecked,width=_ref.width,height=_ref.height,viewBox=_ref.viewBox,fill=_ref.fill;var _useTheme=useTheme(),theme=_useTheme.theme;var opacity=useSharedValue(isChecked?1:0);var easing=getIn(theme,switchMotion.easing.thumbIcon);var duration=getIn(theme,switchMotion.duration.thumbIcon);React__default.useEffect(function(){opacity.value=withTiming(isChecked?1:0,{duration:duration,easing:easing});},[isChecked]);var opacityStyle=useAnimatedStyle(function(){return {opacity:interpolate(opacity.value,[0,0.2,1],[0,0,1])};},[]);return jsx(Animated.View,{style:opacityStyle,children:jsx(Svg,{width:width,height:height,viewBox:viewBox,fill:fill,children:children})});};
 
 export { AnimatedThumbIcon };
 //# sourceMappingURL=AnimatedThumbIcon.native.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AnimatedThumbIcon.native.js","sources":["../../../../../src/components/Switch/AnimatedThumbIcon.native.tsx"],"sourcesContent":["import React from 'react';\nimport Animated, {\n  interpolate,\n  useAnimatedStyle,\n  useSharedValue,\n  withTiming,\n} from 'react-native-reanimated';\nimport { switchMotion } from './switchTokens';\nimport getIn from '~utils/lodashButBetter/get';\nimport { useTheme } from '~components/BladeProvider';\nimport type { SvgProps } from '~components/Icons/_Svg/Svg/types';\nimport Svg from '~components/Icons/_Svg';\n\nconst AnimatedThumbIcon = ({\n  children,\n  isChecked,\n  width,\n  height,\n  viewBox,\n  fill,\n}: {\n  children: React.ReactNode;\n  isChecked: boolean;\n} & SvgProps): React.ReactElement => {\n  const { theme } = useTheme();\n  const opacity = useSharedValue(isChecked ? 1 : 0);\n\n  const easing = getIn(theme, switchMotion.easing.thumbIcon);\n  const duration = getIn(theme, switchMotion.duration.thumbIcon);\n\n  React.useEffect(() => {\n    opacity.value = withTiming(isChecked ? 1 : 0, {\n      duration,\n      easing,\n    });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isChecked]);\n\n  const opacityStyle = useAnimatedStyle(() => {\n    return {\n      opacity: interpolate(opacity.value, [0, 0.2, 1], [0, 0, 1]),\n    };\n  }, []);\n\n  return (\n    <Animated.View style={opacityStyle}>\n      <Svg width={width} height={height} viewBox={viewBox} fill={fill}>\n        {children}\n      </Svg>\n    </Animated.View>\n  );\n};\n\nexport { AnimatedThumbIcon };\n"],"names":["AnimatedThumbIcon","_ref","children","isChecked","width","height","viewBox","fill","_useTheme","useTheme","theme","opacity","useSharedValue","easing","getIn","switchMotion","thumbIcon","duration","React","useEffect","value","withTiming","opacityStyle","useAnimatedStyle","interpolate","_jsx","Animated","View","style","Svg"],"mappings":";;;;;;;;;;;;;;;;;;AAaM,IAAAA,iBAAiB,CAAG,SAApBA,iBAAiBA,CAAAC,IAAA,CAUc,CATnC,IAAAC,QAAQ,CAAAD,IAAA,CAARC,QAAQ,CACRC,SAAS,CAAAF,IAAA,CAATE,SAAS,CACTC,KAAK,CAAAH,IAAA,CAALG,KAAK,CACLC,MAAM,CAAAJ,IAAA,CAANI,MAAM,CACNC,OAAO,CAAAL,IAAA,CAAPK,OAAO,CACPC,IAAI,CAAAN,IAAA,CAAJM,IAAI,CAKJ,IAAAC,SAAA,CAAkBC,QAAQ,EAAE,CAApBC,KAAK,CAAAF,SAAA,CAALE,KAAK,CACb,IAAMC,OAAO,CAAGC,cAAc,CAACT,SAAS,CAAG,CAAC,CAAG,CAAC,CAAC,CAEjD,IAAMU,MAAM,CAAGC,KAAK,CAACJ,KAAK,CAAEK,YAAY,CAACF,MAAM,CAACG,SAAS,CAAC,CAC1D,IAAMC,QAAQ,CAAGH,KAAK,CAACJ,KAAK,CAAEK,YAAY,CAACE,QAAQ,CAACD,SAAS,CAAC,CAE9DE,cAAK,CAACC,SAAS,CAAC,UAAM,CACpBR,OAAO,CAACS,KAAK,CAAGC,UAAU,CAAClB,SAAS,CAAG,CAAC,CAAG,CAAC,CAAE,CAC5Cc,QAAQ,CAARA,QAAQ,CACRJ,MAAM,CAANA,MACF,CAAC,CAAC,CAEJ,CAAC,CAAE,CAACV,SAAS,CAAC,CAAC,CAEf,IAAMmB,YAAY,CAAGC,gBAAgB,CAAC,UAAM,CAC1C,OAAO,CACLZ,OAAO,CAAEa,WAAW,CAACb,OAAO,CAACS,KAAK,CAAE,CAAC,CAAC,CAAE,GAAG,CAAE,CAAC,CAAC,CAAE,CAAC,CAAC,CAAE,CAAC,CAAE,CAAC,CAAC,CAC5D,CAAC,CACH,CAAC,CAAE,EAAE,CAAC,CAEN,OACEK,GAAA,CAACC,QAAQ,CAACC,IAAI,CAAA,CAACC,KAAK,CAAEN,YAAa,CAAApB,QAAA,CACjCuB,GAAA,CAACI,GAAG,CAACzB,CAAAA,KAAK,CAAEA,KAAM,CAACC,MAAM,CAAEA,MAAO,CAACC,OAAO,CAAEA,OAAQ,CAACC,IAAI,CAAEA,IAAK,CAAAL,QAAA,CAC7DA,QAAQ,CACN,CAAC,CACO,CAAC,CAEpB;;;;"}
+{"version":3,"file":"AnimatedThumbIcon.native.js","sources":["../../../../../src/components/Switch/AnimatedThumbIcon.native.tsx"],"sourcesContent":["import React from 'react';\nimport Animated, {\n  interpolate,\n  useAnimatedStyle,\n  useSharedValue,\n  withTiming,\n} from 'react-native-reanimated';\nimport { switchMotion } from './switchTokens';\nimport getIn from '~utils/lodashButBetter/get';\nimport { useTheme } from '~components/BladeProvider';\nimport type { SvgProps } from '~components/Icons/_Svg/Svg/types';\nimport Svg from '~components/Icons/_Svg';\n\nconst AnimatedThumbIcon = ({\n  children,\n  isChecked,\n  width,\n  height,\n  viewBox,\n  fill,\n}: {\n  children: React.ReactNode;\n  isChecked: boolean;\n} & SvgProps): React.ReactElement => {\n  const { theme } = useTheme();\n  const opacity = useSharedValue(isChecked ? 1 : 0);\n\n  const easing = getIn(theme, switchMotion.easing.thumbIcon);\n  const duration = getIn(theme, switchMotion.duration.thumbIcon);\n\n  React.useEffect(() => {\n    opacity.value = withTiming(isChecked ? 1 : 0, {\n      duration,\n      easing,\n    });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isChecked]);\n\n  const opacityStyle = useAnimatedStyle(() => {\n    return {\n      opacity: interpolate(opacity.value, [0, 0.2, 1], [0, 0, 1]),\n    };\n  }, []);\n\n  return (\n    <Animated.View style={opacityStyle}>\n      <Svg width={width} height={height} viewBox={viewBox} fill={fill}>\n        {children}\n      </Svg>\n    </Animated.View>\n  );\n};\n\nexport { AnimatedThumbIcon };\n"],"names":["this","AnimatedThumbIcon","_ref","children","isChecked","width","height","viewBox","fill","_useTheme","useTheme","theme","opacity","useSharedValue","easing","getIn","switchMotion","thumbIcon","duration","React","useEffect","value","withTiming","opacityStyle","useAnimatedStyle","interpolate","_jsx","Animated","View","style","Svg"],"mappings":";;;;;;;;;;AAAA,IAAA,KAAA,CAAAA,SAAA,CAAA,YAAA,CAAA,iGAAA,CAaM,IAAAC,iBAAiB,CAAG,SAApBA,iBAAiBA,CAAAC,IAAA,CAUc,CATnC,IAAAC,QAAQ,CAAAD,IAAA,CAARC,QAAQ,CACRC,SAAS,CAAAF,IAAA,CAATE,SAAS,CACTC,KAAK,CAAAH,IAAA,CAALG,KAAK,CACLC,MAAM,CAAAJ,IAAA,CAANI,MAAM,CACNC,OAAO,CAAAL,IAAA,CAAPK,OAAO,CACPC,IAAI,CAAAN,IAAA,CAAJM,IAAI,CAKJ,IAAAC,SAAA,CAAkBC,QAAQ,EAAE,CAApBC,KAAK,CAAAF,SAAA,CAALE,KAAK,CACb,IAAMC,OAAO,CAAGC,cAAc,CAACT,SAAS,CAAG,CAAC,CAAG,CAAC,CAAC,CAEjD,IAAMU,MAAM,CAAGC,KAAK,CAACJ,KAAK,CAAEK,YAAY,CAACF,MAAM,CAACG,SAAS,CAAC,CAC1D,IAAMC,QAAQ,CAAGH,KAAK,CAACJ,KAAK,CAAEK,YAAY,CAACE,QAAQ,CAACD,SAAS,CAAC,CAE9DE,cAAK,CAACC,SAAS,CAAC,UAAM,CACpBR,OAAO,CAACS,KAAK,CAAGC,UAAU,CAAClB,SAAS,CAAG,CAAC,CAAG,CAAC,CAAE,CAC5Cc,QAAQ,CAARA,QAAQ,CACRJ,MAAM,CAANA,MACF,CAAC,CAAC,CAEJ,CAAC,CAAE,CAACV,SAAS,CAAC,CAAC,CAEf,IAAMmB,YAAY,CAAGC,gBAAgB,CAAC,UAAM,CAC1C,OAAO,CACLZ,OAAO,CAAEa,WAAW,CAACb,OAAO,CAACS,KAAK,CAAE,CAAC,CAAC,CAAE,GAAG,CAAE,CAAC,CAAC,CAAE,CAAC,CAAC,CAAE,CAAC,CAAE,CAAC,CAAC,CAC5D,CAAC,CACH,CAAC,CAAE,EAAE,CAAC,CAEN,OACEK,GAAA,CAACC,QAAQ,CAACC,IAAI,CAAA,CAACC,KAAK,CAAEN,YAAa,CAAApB,QAAA,CACjCuB,GAAA,CAACI,GAAG,CAACzB,CAAAA,KAAK,CAAEA,KAAM,CAACC,MAAM,CAAEA,MAAO,CAACC,OAAO,CAAEA,OAAQ,CAACC,IAAI,CAAEA,IAAK,CAAAL,QAAA,CAC7DA,QAAQ,CACN,CAAC,CACO,CAAC,CAEpB;;;;"}

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

@@ -6,29 +6,30 @@ import { switchHoverTokens } from './switchTokens.js';
 import { Thumb } from './Thumb.js';
 import { AnimatedThumb } from './AnimatedThumb.native.js';
 import { SwitchTrack } from './SwitchTrack.native.js';
-import 'styled-components/native';
-import '@gorhom/portal';
-import 'react-native-gesture-handler';
+import '../BladeProvider/index.js';
+import '../Box/BaseBox/index.js';
+import { useCheckbox } from '../Checkbox/useCheckbox.js';
+import { SelectorInput } from '../Form/Selector/SelectorInput.native.js';
+import '../../utils/index.js';
+import '../../utils/metaAttribute/index.js';
+import { SelectorLabel } from '../Form/Selector/SelectorLabel.native.js';
+import '../../utils/makeAccessible/index.native.js';
+import '../../utils/assignWithoutSideEffects/index.js';
+import '../Box/styledProps/index.js';
+import { getOuterMotionRef, getInnerMotionRef } from '../../utils/getMotionRefs.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import useTheme from '../BladeProvider/useTheme.js';
-import 'react-native';
 import { useBreakpoint } from '../../utils/useBreakpoint/useBreakpoint.js';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
-import '../BottomSheet/BottomSheetStack.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
 import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
-import { useCheckbox } from '../Checkbox/useCheckbox.js';
-import { SelectorInput } from '../Form/Selector/SelectorInput.native.js';
 import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.native.js';
 import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
-import { SelectorLabel } from '../Form/Selector/SelectorLabel.native.js';
-import { makeAccessible } from '../../utils/makeAccessible/makeAccessible.native.js';
-import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 import { getStyledProps } from '../Box/styledProps/getStyledProps.js';
-import { getOuterMotionRef, getInnerMotionRef } from '../../utils/getMotionRefs.js';
 import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
+import { makeAccessible } from '../../utils/makeAccessible/makeAccessible.native.js';
+import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
-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'});
+var _excluded=["defaultChecked","isChecked","isDisabled","name","onChange","size","value","accessibilityLabel","testID","_motionMeta"];var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Switch/Switch.tsx";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 { 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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"}
+{"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":["this","_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/SwitchTrack.native.js

@@ -5,17 +5,11 @@ import React__default from 'react';
 import { getTrackStyles } from './getTrackStyles.js';
 import { switchMotion, switchColors } from './switchTokens.js';
 import getIn from '../../utils/lodashButBetter/get.js';
-import '@gorhom/portal';
-import 'react-native-gesture-handler';
-import useTheme from '../BladeProvider/useTheme.js';
-import 'react-native';
-import '@babel/runtime/helpers/slicedToArray';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
-import '../BottomSheet/BottomSheetStack.js';
+import '../BladeProvider/index.js';
 import { jsx } from 'react/jsx-runtime';
+import useTheme from '../BladeProvider/useTheme.js';
 
-var _excluded=["children","isChecked"];var StyledSwitchTrack=styled(Animated.View)(function(_ref){var theme=_ref.theme,size=_ref.size,deviceType=_ref.deviceType,isDisabled=_ref.isDisabled,isChecked=_ref.isChecked;return Object.assign({},getTrackStyles({theme:theme,size:size,deviceType:deviceType,isDisabled:isDisabled,isChecked:isChecked}));});var SwitchTrack=function SwitchTrack(_ref2){var children=_ref2.children,isChecked=_ref2.isChecked,props=_objectWithoutProperties(_ref2,_excluded);var _useTheme=useTheme(),theme=_useTheme.theme;var sharedColor=useSharedValue(isChecked?1:0);var easing=getIn(theme,switchMotion.easing.track);var duration=getIn(theme,switchMotion.duration.track);var checkedColor=getIn(theme,switchColors.track.default.background.checked);var uncheckedColor=getIn(theme,switchColors.track.default.background.unchecked);React__default.useEffect(function(){sharedColor.value=withTiming(isChecked?1:0,{duration:duration,easing:easing});},[isChecked]);var colorStyle=useAnimatedStyle(function(){return {backgroundColor:interpolateColor(sharedColor.value,[0,1],[uncheckedColor,checkedColor])};},[]);return jsx(StyledSwitchTrack,Object.assign({isChecked:isChecked},props,{style:colorStyle,children:children}));};
+var _excluded=["children","isChecked"];var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Switch/SwitchTrack.native.tsx";var StyledSwitchTrack=styled(Animated.View)(function(_ref){var theme=_ref.theme,size=_ref.size,deviceType=_ref.deviceType,isDisabled=_ref.isDisabled,isChecked=_ref.isChecked;return Object.assign({},getTrackStyles({theme:theme,size:size,deviceType:deviceType,isDisabled:isDisabled,isChecked:isChecked}));});var SwitchTrack=function SwitchTrack(_ref2){var children=_ref2.children,isChecked=_ref2.isChecked,props=_objectWithoutProperties(_ref2,_excluded);var _useTheme=useTheme(),theme=_useTheme.theme;var sharedColor=useSharedValue(isChecked?1:0);var easing=getIn(theme,switchMotion.easing.track);var duration=getIn(theme,switchMotion.duration.track);var checkedColor=getIn(theme,switchColors.track.default.background.checked);var uncheckedColor=getIn(theme,switchColors.track.default.background.unchecked);React__default.useEffect(function(){sharedColor.value=withTiming(isChecked?1:0,{duration:duration,easing:easing});},[isChecked]);var colorStyle=useAnimatedStyle(function(){return {backgroundColor:interpolateColor(sharedColor.value,[0,1],[uncheckedColor,checkedColor])};},[]);return jsx(StyledSwitchTrack,Object.assign({isChecked:isChecked},props,{style:colorStyle,children:children}));};
 
 export { SwitchTrack };
 //# sourceMappingURL=SwitchTrack.native.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SwitchTrack.native.js","sources":["../../../../../src/components/Switch/SwitchTrack.native.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport Animated, {\n  interpolateColor,\n  useAnimatedStyle,\n  useSharedValue,\n  withTiming,\n} from 'react-native-reanimated';\nimport React from 'react';\nimport type { TrackProps } from './types';\nimport { getTrackStyles } from './getTrackStyles';\nimport { switchColors, switchMotion } from './switchTokens';\nimport getIn from '~utils/lodashButBetter/get';\nimport { useTheme } from '~components/BladeProvider';\n\nconst StyledSwitchTrack = styled(Animated.View)<TrackProps>(\n  ({ theme, size, deviceType, isDisabled, isChecked }) => {\n    return {\n      ...getTrackStyles({ theme, size, deviceType, isDisabled, isChecked }),\n    };\n  },\n);\n\nconst SwitchTrack = ({\n  children,\n  isChecked,\n  ...props\n}: TrackProps & { children: React.ReactNode }): React.ReactElement => {\n  const { theme } = useTheme();\n  const sharedColor = useSharedValue(isChecked ? 1 : 0);\n\n  const easing = getIn(theme, switchMotion.easing.track);\n  const duration = getIn(theme, switchMotion.duration.track);\n  const checkedColor = getIn(theme, switchColors.track.default.background.checked);\n  const uncheckedColor = getIn(theme, switchColors.track.default.background.unchecked);\n\n  React.useEffect(() => {\n    sharedColor.value = withTiming(isChecked ? 1 : 0, {\n      duration,\n      easing,\n    });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isChecked]);\n\n  const colorStyle = useAnimatedStyle(() => {\n    return {\n      backgroundColor: interpolateColor(sharedColor.value, [0, 1], [uncheckedColor, checkedColor]),\n    };\n  }, []);\n\n  return (\n    <StyledSwitchTrack isChecked={isChecked} {...props} style={colorStyle}>\n      {children}\n    </StyledSwitchTrack>\n  );\n};\n\nexport { SwitchTrack };\n"],"names":["StyledSwitchTrack","styled","Animated","View","_ref","theme","size","deviceType","isDisabled","isChecked","Object","assign","getTrackStyles","SwitchTrack","_ref2","children","props","_objectWithoutProperties","_excluded","_useTheme","useTheme","sharedColor","useSharedValue","easing","getIn","switchMotion","track","duration","checkedColor","switchColors","default","background","checked","uncheckedColor","unchecked","React","useEffect","value","withTiming","colorStyle","useAnimatedStyle","backgroundColor","interpolateColor","_jsx","style"],"mappings":";;;;;;;;;;;;;;;;;AAAA,IAAA,SAAA,CAAA,CAAA,UAAA,CAAA,WAAA,CAAA,CAcA,IAAMA,iBAAiB,CAAGC,MAAM,CAACC,QAAQ,CAACC,IAAI,CAAC,CAC7C,SAAAC,IAAA,CAAwD,CAAA,IAArDC,KAAK,CAAAD,IAAA,CAALC,KAAK,CAAEC,IAAI,CAAAF,IAAA,CAAJE,IAAI,CAAEC,UAAU,CAAAH,IAAA,CAAVG,UAAU,CAAEC,UAAU,CAAAJ,IAAA,CAAVI,UAAU,CAAEC,SAAS,CAAAL,IAAA,CAATK,SAAS,CAC/C,OAAAC,MAAA,CAAAC,MAAA,CAAA,EAAA,CACKC,cAAc,CAAC,CAAEP,KAAK,CAALA,KAAK,CAAEC,IAAI,CAAJA,IAAI,CAAEC,UAAU,CAAVA,UAAU,CAAEC,UAAU,CAAVA,UAAU,CAAEC,SAAS,CAATA,SAAU,CAAC,CAAC,CAAA,CAEzE,CACF,CAAC,CAEK,IAAAI,WAAW,CAAG,SAAdA,WAAWA,CAAAC,KAAA,CAIqD,KAHpEC,QAAQ,CAAAD,KAAA,CAARC,QAAQ,CACRN,SAAS,CAAAK,KAAA,CAATL,SAAS,CACNO,KAAK,CAAAC,wBAAA,CAAAH,KAAA,CAAAI,SAAA,CAAA,CAER,IAAAC,SAAA,CAAkBC,QAAQ,EAAE,CAApBf,KAAK,CAAAc,SAAA,CAALd,KAAK,CACb,IAAMgB,WAAW,CAAGC,cAAc,CAACb,SAAS,CAAG,CAAC,CAAG,CAAC,CAAC,CAErD,IAAMc,MAAM,CAAGC,KAAK,CAACnB,KAAK,CAAEoB,YAAY,CAACF,MAAM,CAACG,KAAK,CAAC,CACtD,IAAMC,QAAQ,CAAGH,KAAK,CAACnB,KAAK,CAAEoB,YAAY,CAACE,QAAQ,CAACD,KAAK,CAAC,CAC1D,IAAME,YAAY,CAAGJ,KAAK,CAACnB,KAAK,CAAEwB,YAAY,CAACH,KAAK,CAACI,OAAO,CAACC,UAAU,CAACC,OAAO,CAAC,CAChF,IAAMC,cAAc,CAAGT,KAAK,CAACnB,KAAK,CAAEwB,YAAY,CAACH,KAAK,CAACI,OAAO,CAACC,UAAU,CAACG,SAAS,CAAC,CAEpFC,cAAK,CAACC,SAAS,CAAC,UAAM,CACpBf,WAAW,CAACgB,KAAK,CAAGC,UAAU,CAAC7B,SAAS,CAAG,CAAC,CAAG,CAAC,CAAE,CAChDkB,QAAQ,CAARA,QAAQ,CACRJ,MAAM,CAANA,MACF,CAAC,CAAC,CAEJ,CAAC,CAAE,CAACd,SAAS,CAAC,CAAC,CAEf,IAAM8B,UAAU,CAAGC,gBAAgB,CAAC,UAAM,CACxC,OAAO,CACLC,eAAe,CAAEC,gBAAgB,CAACrB,WAAW,CAACgB,KAAK,CAAE,CAAC,CAAC,CAAE,CAAC,CAAC,CAAE,CAACJ,cAAc,CAAEL,YAAY,CAAC,CAC7F,CAAC,CACH,CAAC,CAAE,EAAE,CAAC,CAEN,OACEe,GAAA,CAAC3C,iBAAiB,CAAAU,MAAA,CAAAC,MAAA,CAAA,CAACF,SAAS,CAAEA,SAAU,EAAKO,KAAK,CAAA,CAAE4B,KAAK,CAAEL,UAAW,CAAAxB,QAAA,CACnEA,QAAQ,CACQ,CAAA,CAAC,CAExB;;;;"}
+{"version":3,"file":"SwitchTrack.native.js","sources":["../../../../../src/components/Switch/SwitchTrack.native.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport Animated, {\n  interpolateColor,\n  useAnimatedStyle,\n  useSharedValue,\n  withTiming,\n} from 'react-native-reanimated';\nimport React from 'react';\nimport type { TrackProps } from './types';\nimport { getTrackStyles } from './getTrackStyles';\nimport { switchColors, switchMotion } from './switchTokens';\nimport getIn from '~utils/lodashButBetter/get';\nimport { useTheme } from '~components/BladeProvider';\n\nconst StyledSwitchTrack = styled(Animated.View)<TrackProps>(\n  ({ theme, size, deviceType, isDisabled, isChecked }) => {\n    return {\n      ...getTrackStyles({ theme, size, deviceType, isDisabled, isChecked }),\n    };\n  },\n);\n\nconst SwitchTrack = ({\n  children,\n  isChecked,\n  ...props\n}: TrackProps & { children: React.ReactNode }): React.ReactElement => {\n  const { theme } = useTheme();\n  const sharedColor = useSharedValue(isChecked ? 1 : 0);\n\n  const easing = getIn(theme, switchMotion.easing.track);\n  const duration = getIn(theme, switchMotion.duration.track);\n  const checkedColor = getIn(theme, switchColors.track.default.background.checked);\n  const uncheckedColor = getIn(theme, switchColors.track.default.background.unchecked);\n\n  React.useEffect(() => {\n    sharedColor.value = withTiming(isChecked ? 1 : 0, {\n      duration,\n      easing,\n    });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isChecked]);\n\n  const colorStyle = useAnimatedStyle(() => {\n    return {\n      backgroundColor: interpolateColor(sharedColor.value, [0, 1], [uncheckedColor, checkedColor]),\n    };\n  }, []);\n\n  return (\n    <StyledSwitchTrack isChecked={isChecked} {...props} style={colorStyle}>\n      {children}\n    </StyledSwitchTrack>\n  );\n};\n\nexport { SwitchTrack };\n"],"names":["this","StyledSwitchTrack","styled","Animated","View","_ref","theme","size","deviceType","isDisabled","isChecked","Object","assign","getTrackStyles","SwitchTrack","_ref2","children","props","_objectWithoutProperties","_excluded","_useTheme","useTheme","sharedColor","useSharedValue","easing","getIn","switchMotion","track","duration","checkedColor","switchColors","default","background","checked","uncheckedColor","unchecked","React","useEffect","value","withTiming","colorStyle","useAnimatedStyle","backgroundColor","interpolateColor","_jsx","style"],"mappings":";;;;;;;;;;;AAAA,IAAA,SAAA,CAAA,CAAA,UAAA,CAAA,WAAA,CAAA,CAAA,IAAA,KAAA,CAAAA,SAAA,CAAA,YAAA,CAAA,2FAAA,CAcA,IAAMC,iBAAiB,CAAGC,MAAM,CAACC,QAAQ,CAACC,IAAI,CAAC,CAC7C,SAAAC,IAAA,CAAwD,CAAA,IAArDC,KAAK,CAAAD,IAAA,CAALC,KAAK,CAAEC,IAAI,CAAAF,IAAA,CAAJE,IAAI,CAAEC,UAAU,CAAAH,IAAA,CAAVG,UAAU,CAAEC,UAAU,CAAAJ,IAAA,CAAVI,UAAU,CAAEC,SAAS,CAAAL,IAAA,CAATK,SAAS,CAC/C,OAAAC,MAAA,CAAAC,MAAA,CAAA,EAAA,CACKC,cAAc,CAAC,CAAEP,KAAK,CAALA,KAAK,CAAEC,IAAI,CAAJA,IAAI,CAAEC,UAAU,CAAVA,UAAU,CAAEC,UAAU,CAAVA,UAAU,CAAEC,SAAS,CAATA,SAAU,CAAC,CAAC,CAAA,CAEzE,CACF,CAAC,CAEK,IAAAI,WAAW,CAAG,SAAdA,WAAWA,CAAAC,KAAA,CAIqD,KAHpEC,QAAQ,CAAAD,KAAA,CAARC,QAAQ,CACRN,SAAS,CAAAK,KAAA,CAATL,SAAS,CACNO,KAAK,CAAAC,wBAAA,CAAAH,KAAA,CAAAI,SAAA,CAAA,CAER,IAAAC,SAAA,CAAkBC,QAAQ,EAAE,CAApBf,KAAK,CAAAc,SAAA,CAALd,KAAK,CACb,IAAMgB,WAAW,CAAGC,cAAc,CAACb,SAAS,CAAG,CAAC,CAAG,CAAC,CAAC,CAErD,IAAMc,MAAM,CAAGC,KAAK,CAACnB,KAAK,CAAEoB,YAAY,CAACF,MAAM,CAACG,KAAK,CAAC,CACtD,IAAMC,QAAQ,CAAGH,KAAK,CAACnB,KAAK,CAAEoB,YAAY,CAACE,QAAQ,CAACD,KAAK,CAAC,CAC1D,IAAME,YAAY,CAAGJ,KAAK,CAACnB,KAAK,CAAEwB,YAAY,CAACH,KAAK,CAACI,OAAO,CAACC,UAAU,CAACC,OAAO,CAAC,CAChF,IAAMC,cAAc,CAAGT,KAAK,CAACnB,KAAK,CAAEwB,YAAY,CAACH,KAAK,CAACI,OAAO,CAACC,UAAU,CAACG,SAAS,CAAC,CAEpFC,cAAK,CAACC,SAAS,CAAC,UAAM,CACpBf,WAAW,CAACgB,KAAK,CAAGC,UAAU,CAAC7B,SAAS,CAAG,CAAC,CAAG,CAAC,CAAE,CAChDkB,QAAQ,CAARA,QAAQ,CACRJ,MAAM,CAANA,MACF,CAAC,CAAC,CAEJ,CAAC,CAAE,CAACd,SAAS,CAAC,CAAC,CAEf,IAAM8B,UAAU,CAAGC,gBAAgB,CAAC,UAAM,CACxC,OAAO,CACLC,eAAe,CAAEC,gBAAgB,CAACrB,WAAW,CAACgB,KAAK,CAAE,CAAC,CAAC,CAAE,CAAC,CAAC,CAAE,CAACJ,cAAc,CAAEL,YAAY,CAAC,CAC7F,CAAC,CACH,CAAC,CAAE,EAAE,CAAC,CAEN,OACEe,GAAA,CAAC3C,iBAAiB,CAAAU,MAAA,CAAAC,MAAA,CAAA,CAACF,SAAS,CAAEA,SAAU,EAAKO,KAAK,CAAA,CAAE4B,KAAK,CAAEL,UAAW,CAAAxB,QAAA,CACnEA,QAAQ,CACQ,CAAA,CAAC,CAExB;;;;"}

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

@@ -2,16 +2,14 @@ import styled from 'styled-components/native';
 import { switchSizes } from './switchTokens.js';
 import getIn from '../../utils/lodashButBetter/get.js';
 import isNumber from '../../utils/lodashButBetter/isNumber.js';
+import '../Box/BaseBox/index.js';
+import '../../utils/index.js';
+import '../../utils/makeSpace/index.js';
+import '../../utils/makeSize/index.js';
 import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
-import 'react-native';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react';
-import { isReactNative } from '../../utils/platform/isReactNative.js';
-import { makeSpace } from '../../utils/makeSpace/makeSpace.js';
 import { makeSize } from '../../utils/makeSize/makeSize.js';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
-import '../BladeProvider/useTheme.js';
+import { makeSpace } from '../../utils/makeSpace/makeSpace.js';
+import { isReactNative } from '../../utils/platform/isReactNative.js';
 
 var Thumb=styled(BaseBox)(function(_ref){var theme=_ref.theme,_ref$size=_ref.size,size=_ref$size===void 0?'medium':_ref$size,deviceType=_ref.deviceType;var width=switchSizes.thumb[deviceType][size].width;var height=switchSizes.thumb[deviceType][size].height;var finalWidth=isNumber(width)?makeSize(width):makeSpace(getIn(theme,width));var finalHeight=isNumber(height)?makeSize(height):makeSpace(getIn(theme,height));var reactNativeStyles={left:0,margin:makeSpace(theme.spacing[1])};return Object.assign({display:'flex',alignItems:'center',justifyContent:'center',width:finalWidth,height:finalHeight,position:isReactNative()?'absolute':'relative'},isReactNative()&&reactNativeStyles);});
 

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

@@ -1 +1 @@
-{"version":3,"file":"Thumb.js","sources":["../../../../../src/components/Switch/Thumb.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-function-return-type */\nimport styled from 'styled-components';\nimport type { ThumbProps } from './types';\nimport { switchSizes } from './switchTokens';\nimport getIn from '~utils/lodashButBetter/get';\nimport isNumber from '~utils/lodashButBetter/isNumber';\nimport BaseBox from '~components/Box/BaseBox';\nimport { isReactNative } from '~utils';\nimport { makeSpace } from '~utils/makeSpace';\nimport { makeSize } from '~utils/makeSize';\n\nconst Thumb = styled(BaseBox)<ThumbProps>(({ theme, size = 'medium', deviceType }) => {\n  const width = switchSizes.thumb[deviceType][size].width;\n  const height = switchSizes.thumb[deviceType][size].height;\n\n  const finalWidth = isNumber(width) ? makeSize(width) : makeSpace(getIn(theme, width));\n  const finalHeight = isNumber(height) ? makeSize(height) : makeSpace(getIn(theme, height));\n\n  const reactNativeStyles = {\n    left: 0,\n    margin: makeSpace(theme.spacing[1]),\n  };\n\n  return {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: finalWidth,\n    height: finalHeight,\n    position: isReactNative() ? 'absolute' : 'relative',\n    ...(isReactNative() && reactNativeStyles),\n  };\n});\n\nexport { Thumb };\n"],"names":["Thumb","styled","BaseBox","_ref","theme","_ref$size","size","deviceType","width","switchSizes","thumb","height","finalWidth","isNumber","makeSize","makeSpace","getIn","finalHeight","reactNativeStyles","left","margin","spacing","Object","assign","display","alignItems","justifyContent","position","isReactNative"],"mappings":";;;;;;;;;;;;;;;AAWM,IAAAA,KAAK,CAAGC,MAAM,CAACC,OAAO,CAAC,CAAa,SAAAC,IAAA,CAA4C,CAAzC,IAAAC,KAAK,CAAAD,IAAA,CAALC,KAAK,CAAAC,SAAA,CAAAF,IAAA,CAAEG,IAAI,CAAJA,IAAI,CAAAD,SAAA,GAAG,KAAA,CAAA,CAAA,QAAQ,CAAAA,SAAA,CAAEE,UAAU,CAAAJ,IAAA,CAAVI,UAAU,CAC7E,IAAMC,KAAK,CAAGC,WAAW,CAACC,KAAK,CAACH,UAAU,CAAC,CAACD,IAAI,CAAC,CAACE,KAAK,CACvD,IAAMG,MAAM,CAAGF,WAAW,CAACC,KAAK,CAACH,UAAU,CAAC,CAACD,IAAI,CAAC,CAACK,MAAM,CAEzD,IAAMC,UAAU,CAAGC,QAAQ,CAACL,KAAK,CAAC,CAAGM,QAAQ,CAACN,KAAK,CAAC,CAAGO,SAAS,CAACC,KAAK,CAACZ,KAAK,CAAEI,KAAK,CAAC,CAAC,CACrF,IAAMS,WAAW,CAAGJ,QAAQ,CAACF,MAAM,CAAC,CAAGG,QAAQ,CAACH,MAAM,CAAC,CAAGI,SAAS,CAACC,KAAK,CAACZ,KAAK,CAAEO,MAAM,CAAC,CAAC,CAEzF,IAAMO,iBAAiB,CAAG,CACxBC,IAAI,CAAE,CAAC,CACPC,MAAM,CAAEL,SAAS,CAACX,KAAK,CAACiB,OAAO,CAAC,CAAC,CAAC,CACpC,CAAC,CAED,OAAAC,MAAA,CAAAC,MAAA,CAAA,CACEC,OAAO,CAAE,MAAM,CACfC,UAAU,CAAE,QAAQ,CACpBC,cAAc,CAAE,QAAQ,CACxBlB,KAAK,CAAEI,UAAU,CACjBD,MAAM,CAAEM,WAAW,CACnBU,QAAQ,CAAEC,aAAa,EAAE,CAAG,UAAU,CAAG,UAAU,CAC/CA,CAAAA,aAAa,EAAE,EAAIV,iBAAiB,EAE5C,CAAC;;;;"}
+{"version":3,"file":"Thumb.js","sources":["../../../../../src/components/Switch/Thumb.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-function-return-type */\nimport styled from 'styled-components';\nimport type { ThumbProps } from './types';\nimport { switchSizes } from './switchTokens';\nimport getIn from '~utils/lodashButBetter/get';\nimport isNumber from '~utils/lodashButBetter/isNumber';\nimport BaseBox from '~components/Box/BaseBox';\nimport { isReactNative } from '~utils';\nimport { makeSpace } from '~utils/makeSpace';\nimport { makeSize } from '~utils/makeSize';\n\nconst Thumb = styled(BaseBox)<ThumbProps>(({ theme, size = 'medium', deviceType }) => {\n  const width = switchSizes.thumb[deviceType][size].width;\n  const height = switchSizes.thumb[deviceType][size].height;\n\n  const finalWidth = isNumber(width) ? makeSize(width) : makeSpace(getIn(theme, width));\n  const finalHeight = isNumber(height) ? makeSize(height) : makeSpace(getIn(theme, height));\n\n  const reactNativeStyles = {\n    left: 0,\n    margin: makeSpace(theme.spacing[1]),\n  };\n\n  return {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: finalWidth,\n    height: finalHeight,\n    position: isReactNative() ? 'absolute' : 'relative',\n    ...(isReactNative() && reactNativeStyles),\n  };\n});\n\nexport { Thumb };\n"],"names":["Thumb","styled","BaseBox","_ref","theme","_ref$size","size","deviceType","width","switchSizes","thumb","height","finalWidth","isNumber","makeSize","makeSpace","getIn","finalHeight","reactNativeStyles","left","margin","spacing","Object","assign","display","alignItems","justifyContent","position","isReactNative"],"mappings":";;;;;;;;;;;;;AAWM,IAAAA,KAAK,CAAGC,MAAM,CAACC,OAAO,CAAC,CAAa,SAAAC,IAAA,CAA4C,CAAzC,IAAAC,KAAK,CAAAD,IAAA,CAALC,KAAK,CAAAC,SAAA,CAAAF,IAAA,CAAEG,IAAI,CAAJA,IAAI,CAAAD,SAAA,GAAG,KAAA,CAAA,CAAA,QAAQ,CAAAA,SAAA,CAAEE,UAAU,CAAAJ,IAAA,CAAVI,UAAU,CAC7E,IAAMC,KAAK,CAAGC,WAAW,CAACC,KAAK,CAACH,UAAU,CAAC,CAACD,IAAI,CAAC,CAACE,KAAK,CACvD,IAAMG,MAAM,CAAGF,WAAW,CAACC,KAAK,CAACH,UAAU,CAAC,CAACD,IAAI,CAAC,CAACK,MAAM,CAEzD,IAAMC,UAAU,CAAGC,QAAQ,CAACL,KAAK,CAAC,CAAGM,QAAQ,CAACN,KAAK,CAAC,CAAGO,SAAS,CAACC,KAAK,CAACZ,KAAK,CAAEI,KAAK,CAAC,CAAC,CACrF,IAAMS,WAAW,CAAGJ,QAAQ,CAACF,MAAM,CAAC,CAAGG,QAAQ,CAACH,MAAM,CAAC,CAAGI,SAAS,CAACC,KAAK,CAACZ,KAAK,CAAEO,MAAM,CAAC,CAAC,CAEzF,IAAMO,iBAAiB,CAAG,CACxBC,IAAI,CAAE,CAAC,CACPC,MAAM,CAAEL,SAAS,CAACX,KAAK,CAACiB,OAAO,CAAC,CAAC,CAAC,CACpC,CAAC,CAED,OAAAC,MAAA,CAAAC,MAAA,CAAA,CACEC,OAAO,CAAE,MAAM,CACfC,UAAU,CAAE,QAAQ,CACpBC,cAAc,CAAE,QAAQ,CACxBlB,KAAK,CAAEI,UAAU,CACjBD,MAAM,CAAEM,WAAW,CACnBU,QAAQ,CAAEC,aAAa,EAAE,CAAG,UAAU,CAAG,UAAU,CAC/CA,CAAAA,aAAa,EAAE,EAAIV,iBAAiB,EAE5C,CAAC;;;;"}

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

@@ -2,27 +2,21 @@ import { AnimatedThumbIcon } from './AnimatedThumbIcon.native.js';
 import { switchColors } from './switchTokens.js';
 import getIn from '../../utils/lodashButBetter/get.js';
 import isNumber from '../../utils/lodashButBetter/isNumber.js';
-import 'styled-components/native';
-import '@gorhom/portal';
-import 'react-native-gesture-handler';
+import '../BladeProvider/index.js';
+import '../../utils/index.js';
+import '../Icons/_Svg/index.js';
+import '../../tokens/global/index.js';
+import '../../utils/makeSize/index.js';
+import '../../utils/makeSpace/index.js';
+import { jsx } from 'react/jsx-runtime';
+import { size } from '../../tokens/global/size.js';
 import useTheme from '../BladeProvider/useTheme.js';
-import 'react-native';
 import { useBreakpoint } from '../../utils/useBreakpoint/useBreakpoint.js';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react';
-import { makeSpace } from '../../utils/makeSpace/makeSpace.js';
 import { makeSize } from '../../utils/makeSize/makeSize.js';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
-import { size } from '../../tokens/global/size.js';
-import '../BottomSheet/BottomSheetStack.js';
-import { jsx } from 'react/jsx-runtime';
-import 'react-native-svg';
-import '@babel/runtime/helpers/defineProperty';
+import { makeSpace } from '../../utils/makeSpace/makeSpace.js';
 import Path from '../Icons/_Svg/Path/Path.native.js';
-import '../Icons/_Svg/Svg/Svg.native.js';
 
-var switchIconSize={desktop:{small:size[6],medium:'spacing.3'},mobile:{small:'spacing.3',medium:size[10]}};var ThumbIcon=function ThumbIcon(_ref){var isChecked=_ref.isChecked,isDisabled=_ref.isDisabled,_ref$size=_ref.size,size=_ref$size===void 0?'medium':_ref$size;var _useTheme=useTheme(),theme=_useTheme.theme;var _useBreakpoint=useBreakpoint({breakpoints:theme.breakpoints}),matchedDeviceType=_useBreakpoint.matchedDeviceType;var width=switchIconSize[matchedDeviceType][size];var height=switchIconSize[matchedDeviceType][size];var finalWidth=isNumber(width)?makeSize(width):makeSpace(getIn(theme,width));var finalHeight=isNumber(height)?makeSize(height):makeSpace(getIn(theme,height));var variant=isDisabled?'disabled':'default';var fillColor=getIn(theme,switchColors.thumbIcon[variant].fill);var isEffectivelyChecked=Boolean(isChecked)&&!isDisabled;return jsx(AnimatedThumbIcon,{isChecked:isEffectivelyChecked,width:finalWidth,height:finalHeight,viewBox:"0 0 11 8",fill:"none",children:jsx(Path,{fillRule:"evenodd",clipRule:"evenodd",d:"M8.81891 0.546661C9.12722 0.238352 9.62709 0.238353 9.9354 0.546661C10.2437 0.85497 10.2437 1.35484 9.9354 1.66315L4.14592 7.45262C3.83761 7.76093 3.33775 7.76093 3.02944 7.45262L0.397858 4.82104C0.0895488 4.51273 0.0895488 4.01286 0.397857 3.70456C0.706166 3.39625 1.20603 3.39625 1.51434 3.70456L3.58768 5.77789L8.81891 0.546661Z",fill:fillColor})});};
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Switch/ThumbIcon.tsx";var switchIconSize={desktop:{small:size[6],medium:'spacing.3'},mobile:{small:'spacing.3',medium:size[10]}};var ThumbIcon=function ThumbIcon(_ref){var isChecked=_ref.isChecked,isDisabled=_ref.isDisabled,_ref$size=_ref.size,size=_ref$size===void 0?'medium':_ref$size;var _useTheme=useTheme(),theme=_useTheme.theme;var _useBreakpoint=useBreakpoint({breakpoints:theme.breakpoints}),matchedDeviceType=_useBreakpoint.matchedDeviceType;var width=switchIconSize[matchedDeviceType][size];var height=switchIconSize[matchedDeviceType][size];var finalWidth=isNumber(width)?makeSize(width):makeSpace(getIn(theme,width));var finalHeight=isNumber(height)?makeSize(height):makeSpace(getIn(theme,height));var variant=isDisabled?'disabled':'default';var fillColor=getIn(theme,switchColors.thumbIcon[variant].fill);var isEffectivelyChecked=Boolean(isChecked)&&!isDisabled;return jsx(AnimatedThumbIcon,{isChecked:isEffectivelyChecked,width:finalWidth,height:finalHeight,viewBox:"0 0 11 8",fill:"none",children:jsx(Path,{fillRule:"evenodd",clipRule:"evenodd",d:"M8.81891 0.546661C9.12722 0.238352 9.62709 0.238353 9.9354 0.546661C10.2437 0.85497 10.2437 1.35484 9.9354 1.66315L4.14592 7.45262C3.83761 7.76093 3.33775 7.76093 3.02944 7.45262L0.397858 4.82104C0.0895488 4.51273 0.0895488 4.01286 0.397857 3.70456C0.706166 3.39625 1.20603 3.39625 1.51434 3.70456L3.58768 5.77789L8.81891 0.546661Z",fill:fillColor})});};
 
 export { ThumbIcon };
 //# sourceMappingURL=ThumbIcon.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ThumbIcon.js","sources":["../../../../../src/components/Switch/ThumbIcon.tsx"],"sourcesContent":["import type { SwitchProps } from './types';\nimport { AnimatedThumbIcon } from './AnimatedThumbIcon';\nimport { switchColors } from './switchTokens';\nimport getIn from '~utils/lodashButBetter/get';\nimport isNumber from '~utils/lodashButBetter/isNumber';\nimport { useTheme } from '~components/BladeProvider';\nimport { useBreakpoint } from '~utils';\nimport { Path } from '~components/Icons/_Svg';\nimport { size } from '~tokens/global';\nimport { makeSize } from '~utils/makeSize';\nimport { makeSpace } from '~utils/makeSpace';\n\nconst switchIconSize = {\n  desktop: {\n    small: size[6],\n    medium: 'spacing.3',\n  },\n  mobile: {\n    small: 'spacing.3',\n    medium: size[10],\n  },\n} as const;\n\nconst ThumbIcon = ({\n  isChecked,\n  isDisabled,\n  size = 'medium',\n}: Pick<SwitchProps, 'isChecked' | 'isDisabled' | 'size'>): React.ReactElement => {\n  const { theme } = useTheme();\n  const { matchedDeviceType } = useBreakpoint({ breakpoints: theme.breakpoints });\n\n  const width = switchIconSize[matchedDeviceType][size];\n  const height = switchIconSize[matchedDeviceType][size];\n  const finalWidth = isNumber(width) ? makeSize(width) : makeSpace(getIn(theme, width));\n  const finalHeight = isNumber(height) ? makeSize(height) : makeSpace(getIn(theme, height));\n  const variant = isDisabled ? 'disabled' : 'default';\n  const fillColor = getIn(theme, switchColors.thumbIcon[variant].fill);\n  // If the switch is checked and not disabled, then only it is effectively checked. and we should the icon then only.\n  const isEffectivelyChecked = Boolean(isChecked) && !isDisabled;\n  return (\n    <AnimatedThumbIcon\n      isChecked={isEffectivelyChecked}\n      width={finalWidth}\n      height={finalHeight}\n      // Switch uses a custom svg, this viewbox is copied from design\n      viewBox=\"0 0 11 8\"\n      fill=\"none\"\n    >\n      <Path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M8.81891 0.546661C9.12722 0.238352 9.62709 0.238353 9.9354 0.546661C10.2437 0.85497 10.2437 1.35484 9.9354 1.66315L4.14592 7.45262C3.83761 7.76093 3.33775 7.76093 3.02944 7.45262L0.397858 4.82104C0.0895488 4.51273 0.0895488 4.01286 0.397857 3.70456C0.706166 3.39625 1.20603 3.39625 1.51434 3.70456L3.58768 5.77789L8.81891 0.546661Z\"\n        fill={fillColor}\n      />\n    </AnimatedThumbIcon>\n  );\n};\n\nexport { ThumbIcon };\n"],"names":["switchIconSize","desktop","small","size","medium","mobile","ThumbIcon","_ref","isChecked","isDisabled","_ref$size","_useTheme","useTheme","theme","_useBreakpoint","useBreakpoint","breakpoints","matchedDeviceType","width","height","finalWidth","isNumber","makeSize","makeSpace","getIn","finalHeight","variant","fillColor","switchColors","thumbIcon","fill","isEffectivelyChecked","Boolean","_jsx","AnimatedThumbIcon","viewBox","children","Path","fillRule","clipRule","d"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAYA,IAAMA,cAAc,CAAG,CACrBC,OAAO,CAAE,CACPC,KAAK,CAAEC,IAAI,CAAC,CAAC,CAAC,CACdC,MAAM,CAAE,WACV,CAAC,CACDC,MAAM,CAAE,CACNH,KAAK,CAAE,WAAW,CAClBE,MAAM,CAAED,IAAI,CAAC,EAAE,CACjB,CACF,CAAU,CAEJ,IAAAG,SAAS,CAAG,SAAZA,SAASA,CAAAC,IAAA,CAImE,KAHhFC,SAAS,CAAAD,IAAA,CAATC,SAAS,CACTC,UAAU,CAAAF,IAAA,CAAVE,UAAU,CAAAC,SAAA,CAAAH,IAAA,CACVJ,IAAI,CAAJA,IAAI,CAAAO,SAAA,GAAG,KAAA,CAAA,CAAA,QAAQ,CAAAA,SAAA,CAEf,IAAAC,SAAA,CAAkBC,QAAQ,EAAE,CAApBC,KAAK,CAAAF,SAAA,CAALE,KAAK,CACb,IAAAC,cAAA,CAA8BC,aAAa,CAAC,CAAEC,WAAW,CAAEH,KAAK,CAACG,WAAY,CAAC,CAAC,CAAvEC,iBAAiB,CAAAH,cAAA,CAAjBG,iBAAiB,CAEzB,IAAMC,KAAK,CAAGlB,cAAc,CAACiB,iBAAiB,CAAC,CAACd,IAAI,CAAC,CACrD,IAAMgB,MAAM,CAAGnB,cAAc,CAACiB,iBAAiB,CAAC,CAACd,IAAI,CAAC,CACtD,IAAMiB,UAAU,CAAGC,QAAQ,CAACH,KAAK,CAAC,CAAGI,QAAQ,CAACJ,KAAK,CAAC,CAAGK,SAAS,CAACC,KAAK,CAACX,KAAK,CAAEK,KAAK,CAAC,CAAC,CACrF,IAAMO,WAAW,CAAGJ,QAAQ,CAACF,MAAM,CAAC,CAAGG,QAAQ,CAACH,MAAM,CAAC,CAAGI,SAAS,CAACC,KAAK,CAACX,KAAK,CAAEM,MAAM,CAAC,CAAC,CACzF,IAAMO,OAAO,CAAGjB,UAAU,CAAG,UAAU,CAAG,SAAS,CACnD,IAAMkB,SAAS,CAAGH,KAAK,CAACX,KAAK,CAAEe,YAAY,CAACC,SAAS,CAACH,OAAO,CAAC,CAACI,IAAI,CAAC,CAEpE,IAAMC,oBAAoB,CAAGC,OAAO,CAACxB,SAAS,CAAC,EAAI,CAACC,UAAU,CAC9D,OACEwB,GAAA,CAACC,iBAAiB,CAChB1B,CAAAA,SAAS,CAAEuB,oBAAqB,CAChCb,KAAK,CAAEE,UAAW,CAClBD,MAAM,CAAEM,WAAY,CAEpBU,OAAO,CAAC,UAAU,CAClBL,IAAI,CAAC,MAAM,CAAAM,QAAA,CAEXH,GAAA,CAACI,IAAI,CAAA,CACHC,QAAQ,CAAC,SAAS,CAClBC,QAAQ,CAAC,SAAS,CAClBC,CAAC,CAAC,6UAA6U,CAC/UV,IAAI,CAAEH,SAAU,CACjB,CAAC,CACe,CAAC,CAExB;;;;"}
+{"version":3,"file":"ThumbIcon.js","sources":["../../../../../src/components/Switch/ThumbIcon.tsx"],"sourcesContent":["import type { SwitchProps } from './types';\nimport { AnimatedThumbIcon } from './AnimatedThumbIcon';\nimport { switchColors } from './switchTokens';\nimport getIn from '~utils/lodashButBetter/get';\nimport isNumber from '~utils/lodashButBetter/isNumber';\nimport { useTheme } from '~components/BladeProvider';\nimport { useBreakpoint } from '~utils';\nimport { Path } from '~components/Icons/_Svg';\nimport { size } from '~tokens/global';\nimport { makeSize } from '~utils/makeSize';\nimport { makeSpace } from '~utils/makeSpace';\n\nconst switchIconSize = {\n  desktop: {\n    small: size[6],\n    medium: 'spacing.3',\n  },\n  mobile: {\n    small: 'spacing.3',\n    medium: size[10],\n  },\n} as const;\n\nconst ThumbIcon = ({\n  isChecked,\n  isDisabled,\n  size = 'medium',\n}: Pick<SwitchProps, 'isChecked' | 'isDisabled' | 'size'>): React.ReactElement => {\n  const { theme } = useTheme();\n  const { matchedDeviceType } = useBreakpoint({ breakpoints: theme.breakpoints });\n\n  const width = switchIconSize[matchedDeviceType][size];\n  const height = switchIconSize[matchedDeviceType][size];\n  const finalWidth = isNumber(width) ? makeSize(width) : makeSpace(getIn(theme, width));\n  const finalHeight = isNumber(height) ? makeSize(height) : makeSpace(getIn(theme, height));\n  const variant = isDisabled ? 'disabled' : 'default';\n  const fillColor = getIn(theme, switchColors.thumbIcon[variant].fill);\n  // If the switch is checked and not disabled, then only it is effectively checked. and we should the icon then only.\n  const isEffectivelyChecked = Boolean(isChecked) && !isDisabled;\n  return (\n    <AnimatedThumbIcon\n      isChecked={isEffectivelyChecked}\n      width={finalWidth}\n      height={finalHeight}\n      // Switch uses a custom svg, this viewbox is copied from design\n      viewBox=\"0 0 11 8\"\n      fill=\"none\"\n    >\n      <Path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M8.81891 0.546661C9.12722 0.238352 9.62709 0.238353 9.9354 0.546661C10.2437 0.85497 10.2437 1.35484 9.9354 1.66315L4.14592 7.45262C3.83761 7.76093 3.33775 7.76093 3.02944 7.45262L0.397858 4.82104C0.0895488 4.51273 0.0895488 4.01286 0.397857 3.70456C0.706166 3.39625 1.20603 3.39625 1.51434 3.70456L3.58768 5.77789L8.81891 0.546661Z\"\n        fill={fillColor}\n      />\n    </AnimatedThumbIcon>\n  );\n};\n\nexport { ThumbIcon };\n"],"names":["this","switchIconSize","desktop","small","size","medium","mobile","ThumbIcon","_ref","isChecked","isDisabled","_ref$size","_useTheme","useTheme","theme","_useBreakpoint","useBreakpoint","breakpoints","matchedDeviceType","width","height","finalWidth","isNumber","makeSize","makeSpace","getIn","finalHeight","variant","fillColor","switchColors","thumbIcon","fill","isEffectivelyChecked","Boolean","_jsx","AnimatedThumbIcon","viewBox","children","Path","fillRule","clipRule","d"],"mappings":";;;;;;;;;;;;;;;;;;AACA,IAAA,KAAA,CAAAA,SAAA,CAAA,YAAA,CAAA,kFAAA,CAWA,IAAMC,cAAc,CAAG,CACrBC,OAAO,CAAE,CACPC,KAAK,CAAEC,IAAI,CAAC,CAAC,CAAC,CACdC,MAAM,CAAE,WACV,CAAC,CACDC,MAAM,CAAE,CACNH,KAAK,CAAE,WAAW,CAClBE,MAAM,CAAED,IAAI,CAAC,EAAE,CACjB,CACF,CAAU,CAEJ,IAAAG,SAAS,CAAG,SAAZA,SAASA,CAAAC,IAAA,CAImE,KAHhFC,SAAS,CAAAD,IAAA,CAATC,SAAS,CACTC,UAAU,CAAAF,IAAA,CAAVE,UAAU,CAAAC,SAAA,CAAAH,IAAA,CACVJ,IAAI,CAAJA,IAAI,CAAAO,SAAA,GAAG,KAAA,CAAA,CAAA,QAAQ,CAAAA,SAAA,CAEf,IAAAC,SAAA,CAAkBC,QAAQ,EAAE,CAApBC,KAAK,CAAAF,SAAA,CAALE,KAAK,CACb,IAAAC,cAAA,CAA8BC,aAAa,CAAC,CAAEC,WAAW,CAAEH,KAAK,CAACG,WAAY,CAAC,CAAC,CAAvEC,iBAAiB,CAAAH,cAAA,CAAjBG,iBAAiB,CAEzB,IAAMC,KAAK,CAAGlB,cAAc,CAACiB,iBAAiB,CAAC,CAACd,IAAI,CAAC,CACrD,IAAMgB,MAAM,CAAGnB,cAAc,CAACiB,iBAAiB,CAAC,CAACd,IAAI,CAAC,CACtD,IAAMiB,UAAU,CAAGC,QAAQ,CAACH,KAAK,CAAC,CAAGI,QAAQ,CAACJ,KAAK,CAAC,CAAGK,SAAS,CAACC,KAAK,CAACX,KAAK,CAAEK,KAAK,CAAC,CAAC,CACrF,IAAMO,WAAW,CAAGJ,QAAQ,CAACF,MAAM,CAAC,CAAGG,QAAQ,CAACH,MAAM,CAAC,CAAGI,SAAS,CAACC,KAAK,CAACX,KAAK,CAAEM,MAAM,CAAC,CAAC,CACzF,IAAMO,OAAO,CAAGjB,UAAU,CAAG,UAAU,CAAG,SAAS,CACnD,IAAMkB,SAAS,CAAGH,KAAK,CAACX,KAAK,CAAEe,YAAY,CAACC,SAAS,CAACH,OAAO,CAAC,CAACI,IAAI,CAAC,CAEpE,IAAMC,oBAAoB,CAAGC,OAAO,CAACxB,SAAS,CAAC,EAAI,CAACC,UAAU,CAC9D,OACEwB,GAAA,CAACC,iBAAiB,CAChB1B,CAAAA,SAAS,CAAEuB,oBAAqB,CAChCb,KAAK,CAAEE,UAAW,CAClBD,MAAM,CAAEM,WAAY,CAEpBU,OAAO,CAAC,UAAU,CAClBL,IAAI,CAAC,MAAM,CAAAM,QAAA,CAEXH,GAAA,CAACI,IAAI,CAAA,CACHC,QAAQ,CAAC,SAAS,CAClBC,QAAQ,CAAC,SAAS,CAClBC,CAAC,CAAC,6UAA6U,CAC/UV,IAAI,CAAEH,SAAU,CACjB,CAAC,CACe,CAAC,CAExB;;;;"}

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

@@ -1,16 +1,14 @@
 import { switchColors, switchSizes } from './switchTokens.js';
 import getIn from '../../utils/lodashButBetter/get.js';
 import isNumber from '../../utils/lodashButBetter/isNumber.js';
-import 'react-native';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react';
+import '../../utils/index.js';
+import '../../utils/makeSize/index.js';
+import '../../utils/makeSpace/index.js';
+import '../../utils/makeMotionTime/index.native.js';
+import { makeSize } from '../../utils/makeSize/makeSize.js';
+import { makeSpace } from '../../utils/makeSpace/makeSpace.js';
 import { isReactNative } from '../../utils/platform/isReactNative.js';
 import { makeMotionTime } from '../../utils/makeMotionTime/makeMotionTime.native.js';
-import { makeSpace } from '../../utils/makeSpace/makeSpace.js';
-import { makeSize } from '../../utils/makeSize/makeSize.js';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.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}`,transitionDuration:isReactNative()?undefined:`${makeMotionTime(theme.motion.duration['2xquick'])}`};};
 

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}`,\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,CAAE,CAAA,EAAG3B,KAAK,CAAC4B,MAAM,CAACC,MAAM,CAACC,QAAQ,CAAE,CAAA,CAC3DC,kBAAkB,CAAEC,aAAa,EAAE,CAC/BC,SAAS,CACT,CAAGC,EAAAA,cAAc,CAAClC,KAAK,CAAC4B,MAAM,CAACO,QAAQ,CAAC,SAAS,CAAC,CAAC,EACzD,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,CAAE,CAAA,EAAG3B,KAAK,CAAC4B,MAAM,CAACC,MAAM,CAACC,QAAQ,CAAE,CAAA,CAC3DC,kBAAkB,CAAEC,aAAa,EAAE,CAC/BC,SAAS,CACT,CAAGC,EAAAA,cAAc,CAAClC,KAAK,CAAC4B,MAAM,CAACO,QAAQ,CAAC,SAAS,CAAC,CAAC,EACzD,CAAC,CACH;;;;"}

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

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

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

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

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

@@ -1,5 +1,4 @@
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
+import '../../tokens/global/index.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.primary.subtle'},disabled:{fill:'colors.interactive.icon.primary.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'}}};

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.primary.subtle',\n    },\n    disabled: {\n      fill: 'colors.interactive.icon.primary.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,wCACR,CAAC,CACDF,QAAQ,CAAE,CACRE,IAAI,CAAE,0CACR,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;;;;"}
+{"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.primary.subtle',\n    },\n    disabled: {\n      fill: 'colors.interactive.icon.primary.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,wCACR,CAAC,CACDF,QAAQ,CAAE,CACRE,IAAI,CAAE,0CACR,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,12 +1,11 @@
 import 'react';
-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 '../Typography/index.js';
+import '../../utils/logger/index.js';
 import { jsx } from 'react/jsx-runtime';
+import { logger } from '../../utils/logger/logger.js';
+import { Text } from '../Typography/Text/Text.js';
 
-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."});};
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Table/Table.native.tsx";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."});};
 
 export { Table };
 //# sourceMappingURL=Table.native.js.map

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":["this","Table","props","__DEV__","logger","type","moduleName","message","_jsx","Text","children"],"mappings":";;;;;;;AAEA,IAAA,KAAA,CAAAA,SAAA,CAAA,YAAA,CAAA,oFAAA,CAKM,IAAAC,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,11 +1,9 @@
 import 'react';
-import '../Typography/Heading/Heading.js';
-import { Text } from '../Typography/Text/Text.js';
-import '../Typography/Code/Code.js';
-import '../Typography/Display/Display.js';
+import '../Typography/index.js';
 import { jsx } from 'react/jsx-runtime';
+import { Text } from '../Typography/Text/Text.js';
 
-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."});};
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Table/TableBody.native.tsx";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."});};var StyledCell=function StyledCell(props){return jsx(Text,{children:"Table Component is not available for Native mobile apps."});};var CellWrapper=function CellWrapper(props){return jsx(Text,{children:"Table Component is not available for Native mobile apps."});};
 
-export { TableBody, TableCell, TableRow };
+export { CellWrapper, StyledCell, TableBody, TableCell, TableRow };
 //# sourceMappingURL=TableBody.native.js.map

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 = <Item,>(props: TableBodyProps<Item>): 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,CAAWC,KAA2B,CAAyB,CAC5E,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 = <Item,>(props: TableBodyProps<Item>): 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":["this","TableBody","props","_jsx","Text","children","TableRow","TableCell","StyledCell","CellWrapper"],"mappings":";;;;;AAEA,IAAA,KAAA,CAAAA,SAAA,CAAA,YAAA,CAAA,wFAAA,CAIM,IAAAC,SAAS,CAAG,SAAZA,SAASA,CAAWC,KAA2B,CAAyB,CAC5E,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,EAEM,IAAAG,UAAU,CAAG,SAAbA,UAAUA,CAAIN,KAAqB,CAAyB,CAChE,OAAOC,GAAA,CAACC,IAAI,CAAAC,CAAAA,QAAA,CAAC,0DAAwD,CAAM,CAAC,CAC9E,EAEM,IAAAI,WAAW,CAAG,SAAdA,WAAWA,CAAIP,KAAqB,CAAyB,CACjE,OAAOC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,0DAAwD,CAAM,CAAC,CAC9E;;;;"}