@razorpay/blade 12.98.0 → 12.110.0

package/build/lib/native/components/Popover/PopoverContentWrapper.native.js

@@ -1,23 +1,17 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import styled from 'styled-components/native';
-import Animated, { useSharedValue, withDelay, withTiming, useAnimatedStyle } from 'react-native-reanimated';
+import Animated, { useSharedValue, withTiming, useAnimatedStyle } from 'react-native-reanimated';
 import React__default from 'react';
 import { getPopoverContentWrapperStyles } from './getPopoverContentWrapperStyles.js';
+import '../BladeProvider/index.js';
+import '../../tokens/global/index.js';
+import '../Box/BaseBox/index.js';
+import { jsx } from 'react/jsx-runtime';
 import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
-import '@gorhom/portal';
-import 'react-native-gesture-handler';
 import useTheme from '../BladeProvider/useTheme.js';
-import 'react-native';
-import '@babel/runtime/helpers/slicedToArray';
-import { castNativeType } from '../../utils/platform/castUtils.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';
 
-var _excluded=["children","styles","side","isVisible","colorScheme"];var StyledPopoverContentWrapper=styled(BaseBox)(function(_ref){var theme=_ref.theme,isMobile=_ref.isMobile,styles=_ref.styles,colorScheme=_ref.colorScheme;return getPopoverContentWrapperStyles({theme:theme,styles:styles,isMobile:isMobile,colorScheme:colorScheme});});var PopoverContentWrapper=React__default.forwardRef(function(_ref2,ref){var children=_ref2.children,styles=_ref2.styles,side=_ref2.side,isVisible=_ref2.isVisible,colorScheme=_ref2.colorScheme,props=_objectWithoutProperties(_ref2,_excluded);var _useTheme=useTheme(),theme=_useTheme.theme,platform=_useTheme.platform;var isMobile=platform==='onMobile';var isOppositeAxis=side==='right'||side==='bottom';var isHorizontal=side==='left'||side==='right';var offset=isOppositeAxis?-size[4]:size[4];var translate=useSharedValue(offset);var opacity=useSharedValue(0);var easing=theme.motion.easing.entrance;var duration=theme.motion.duration.quick;React__default.useEffect(function(){var timings={easing:easing,duration:duration};opacity.value=withDelay(duration,withTiming(isVisible?1:0,timings));translate.value=withDelay(duration,withTiming(isVisible?0:offset,timings));},[isVisible]);var animatedStyles=useAnimatedStyle(function(){var transform=isHorizontal?'translateX':'translateY';return {opacity:opacity.value,transform:[_defineProperty({},transform,translate.value)]};},[isVisible]);return jsx(Animated.View,{style:animatedStyles,children:jsx(StyledPopoverContentWrapper,Object.assign({styles:styles,style:castNativeType(theme.elevation.lowRaised),elevation:20,ref:ref,collapse:false,isMobile:isMobile,colorScheme:colorScheme},props,{children:children}))});});
+var _excluded=["children","styles","side","isVisible","animationDuration","colorScheme"];var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Popover/PopoverContentWrapper.native.tsx";var AnimatedBaseBox=Animated.createAnimatedComponent(BaseBox);var StyledPopoverContentWrapper=styled(AnimatedBaseBox)(function(_ref){var theme=_ref.theme,isMobile=_ref.isMobile,styles=_ref.styles,colorScheme=_ref.colorScheme,maxWidth=_ref.maxWidth;return getPopoverContentWrapperStyles({theme:theme,styles:styles,isMobile:isMobile,colorScheme:colorScheme,maxWidth:maxWidth});});var PopoverContentWrapper=React__default.forwardRef(function(_ref2,ref){var children=_ref2.children,styles=_ref2.styles,side=_ref2.side,isVisible=_ref2.isVisible,animationDuration=_ref2.animationDuration,colorScheme=_ref2.colorScheme,props=_objectWithoutProperties(_ref2,_excluded);var _useTheme=useTheme(),theme=_useTheme.theme,platform=_useTheme.platform;var isMobile=platform==='onMobile';var isOppositeAxis=side==='right'||side==='bottom';var isHorizontal=side==='left'||side==='right';var offset=isOppositeAxis?-size[4]:size[4];var translate=useSharedValue(offset);var opacity=useSharedValue(0);var easing=theme.motion.easing.entrance;var duration=animationDuration!=null?animationDuration:theme.motion.duration.quick;React__default.useEffect(function(){var timings={easing:easing,duration:duration};opacity.value=withTiming(isVisible?1:0,timings);translate.value=withTiming(isVisible?0:offset,timings);},[isVisible,duration]);var translateAnimatedStyle=useAnimatedStyle(function(){return {transform:isHorizontal?[{translateX:translate.value}]:[{translateY:translate.value}]};},[isVisible,isHorizontal]);var opacityAnimatedStyle=useAnimatedStyle(function(){return {opacity:opacity.value};},[isVisible]);return jsx(Animated.View,{style:translateAnimatedStyle,children:jsx(StyledPopoverContentWrapper,Object.assign({styles:styles,style:opacityAnimatedStyle,elevation:"lowRaised",ref:ref,collapse:false,isMobile:isMobile,colorScheme:colorScheme},props,{children:children}))});});
 
 export { PopoverContentWrapper };
 //# sourceMappingURL=PopoverContentWrapper.native.js.map

package/build/lib/native/components/Popover/PopoverContentWrapper.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"PopoverContentWrapper.native.js","sources":["../../../../../src/components/Popover/PopoverContentWrapper.native.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */\nimport type { CSSProperties } from 'react';\nimport styled from 'styled-components/native';\nimport type { EasingFn } from 'react-native-reanimated';\nimport Animated, {\n  useAnimatedStyle,\n  useSharedValue,\n  withDelay,\n  withTiming,\n} from 'react-native-reanimated';\nimport React from 'react';\nimport type { View } from 'react-native';\nimport { getPopoverContentWrapperStyles } from './getPopoverContentWrapperStyles';\nimport type { PopoverContentWrapperProps } from './types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { useTheme } from '~components/BladeProvider';\nimport { size } from '~tokens/global';\nimport type { ColorSchemeNames } from '~tokens/theme';\nimport { castNativeType } from '~utils';\n\nconst StyledPopoverContentWrapper = styled(BaseBox)<{\n  collapse?: boolean;\n  styles: CSSProperties;\n  isMobile: boolean;\n  colorScheme: ColorSchemeNames;\n}>(({ theme, isMobile, styles, colorScheme }) => {\n  return getPopoverContentWrapperStyles({ theme, styles, isMobile, colorScheme });\n});\n\nconst PopoverContentWrapper = React.forwardRef<View, PopoverContentWrapperProps>(\n  ({ children, styles, side, isVisible, colorScheme, ...props }, ref) => {\n    const { theme, platform } = useTheme();\n    const isMobile = platform === 'onMobile';\n\n    const isOppositeAxis = side === 'right' || side === 'bottom';\n    const isHorizontal = side === 'left' || side === 'right';\n    const offset = isOppositeAxis ? -size[4] : size[4];\n\n    const translate = useSharedValue(offset);\n    const opacity = useSharedValue(0);\n\n    const easing = (theme.motion.easing.entrance as unknown) as EasingFn;\n    const duration = theme.motion.duration.quick;\n\n    React.useEffect(() => {\n      const timings = { easing, duration };\n      opacity.value = withDelay(duration, withTiming(isVisible ? 1 : 0, timings));\n      translate.value = withDelay(duration, withTiming(isVisible ? 0 : offset, timings));\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [isVisible]);\n\n    // @ts-expect-error types aren't liking the dynamic object prop `[transform]`\n    const animatedStyles = useAnimatedStyle(() => {\n      const transform = isHorizontal ? 'translateX' : 'translateY';\n      return {\n        opacity: opacity.value,\n        transform: [{ [transform]: translate.value }],\n      };\n    }, [isVisible]);\n\n    return (\n      <Animated.View style={animatedStyles}>\n        <StyledPopoverContentWrapper\n          styles={styles}\n          // Shadow styles need to be passed directly through native style prop\n          // Cannot be done via styled components\n          style={castNativeType(theme.elevation.lowRaised)}\n          elevation={20}\n          ref={ref as never}\n          collapse={false}\n          isMobile={isMobile}\n          colorScheme={colorScheme}\n          // if I don't assert this TS throws error\n          // I think because of the intersection type in PopoverContentWrapperProps\n          {...(props as any)}\n        >\n          {children}\n        </StyledPopoverContentWrapper>\n      </Animated.View>\n    );\n  },\n);\n\nexport { PopoverContentWrapper };\n"],"names":["StyledPopoverContentWrapper","styled","BaseBox","_ref","theme","isMobile","styles","colorScheme","getPopoverContentWrapperStyles","PopoverContentWrapper","React","forwardRef","_ref2","ref","children","side","isVisible","props","_objectWithoutProperties","_excluded","_useTheme","useTheme","platform","isOppositeAxis","isHorizontal","offset","size","translate","useSharedValue","opacity","easing","motion","entrance","duration","quick","useEffect","timings","value","withDelay","withTiming","animatedStyles","useAnimatedStyle","transform","_defineProperty","_jsx","Animated","View","style","Object","assign","castNativeType","elevation","lowRaised","collapse"],"mappings":"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"}
+{"version":3,"file":"PopoverContentWrapper.native.js","sources":["../../../../../src/components/Popover/PopoverContentWrapper.native.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */\nimport type { CSSProperties } from 'react';\nimport styled from 'styled-components/native';\nimport type { EasingFn } from 'react-native-reanimated';\nimport Animated, { useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';\nimport React from 'react';\nimport type { View } from 'react-native';\nimport { getPopoverContentWrapperStyles } from './getPopoverContentWrapperStyles';\nimport type { PopoverContentWrapperProps } from './types';\nimport { useTheme } from '~components/BladeProvider';\nimport { size } from '~tokens/global';\nimport type { ColorSchemeNames } from '~tokens/theme';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { SpacingValueType } from '~components/Box/BaseBox/types/spacingTypes';\n\n// Animated.createAnimatedComponent(BaseBox) so BaseBox handles elevation prop resolution\n// (getElevationValue → shadow styles) while Animated handles opacity on the same View.\n// On Android, elevation shadow renders independently of a parent View's opacity —\n// co-locating opacity and elevation on the same View fixes the flash.\nconst AnimatedBaseBox = Animated.createAnimatedComponent(BaseBox as React.FunctionComponent<any>);\n\nconst StyledPopoverContentWrapper = styled(AnimatedBaseBox)<{\n  collapse?: boolean;\n  styles: CSSProperties;\n  isMobile: boolean;\n  colorScheme: ColorSchemeNames;\n  maxWidth?: SpacingValueType;\n}>(({ theme, isMobile, styles, colorScheme, maxWidth }) => {\n  return getPopoverContentWrapperStyles({ theme, styles, isMobile, colorScheme, maxWidth });\n});\n\nconst PopoverContentWrapper = React.forwardRef<View, PopoverContentWrapperProps>(\n  ({ children, styles, side, isVisible, animationDuration, colorScheme, ...props }, ref) => {\n    const { theme, platform } = useTheme();\n    const isMobile = platform === 'onMobile';\n\n    const isOppositeAxis = side === 'right' || side === 'bottom';\n    const isHorizontal = side === 'left' || side === 'right';\n    const offset = isOppositeAxis ? -size[4] : size[4];\n\n    const translate = useSharedValue(offset);\n    const opacity = useSharedValue(0);\n\n    const easing = (theme.motion.easing.entrance as unknown) as EasingFn;\n    const duration = animationDuration ?? theme.motion.duration.quick;\n\n    React.useEffect(() => {\n      const timings = { easing, duration };\n      opacity.value = withTiming(isVisible ? 1 : 0, timings);\n      translate.value = withTiming(isVisible ? 0 : offset, timings);\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [isVisible, duration]);\n\n    // Avoid computed property keys inside useAnimatedStyle — Babel compiles them to\n    // _defineProperty() which is not a worklet and crashes Reanimated v4 on the UI thread.\n    const translateAnimatedStyle = useAnimatedStyle(() => {\n      return {\n        transform: isHorizontal\n          ? [{ translateX: translate.value }]\n          : [{ translateY: translate.value }],\n      };\n    }, [isVisible, isHorizontal]);\n\n    const opacityAnimatedStyle = useAnimatedStyle(() => {\n      return {\n        opacity: opacity.value,\n      };\n    }, [isVisible]);\n\n    return (\n      <Animated.View style={translateAnimatedStyle}>\n        <StyledPopoverContentWrapper\n          styles={styles}\n          style={opacityAnimatedStyle}\n          elevation=\"lowRaised\"\n          ref={ref as never}\n          collapse={false}\n          isMobile={isMobile}\n          colorScheme={colorScheme}\n          // if I don't assert this TS throws error\n          // I think because of the intersection type in PopoverContentWrapperProps\n          {...(props as any)}\n        >\n          {children}\n        </StyledPopoverContentWrapper>\n      </Animated.View>\n    );\n  },\n);\n\nexport { PopoverContentWrapper };\n"],"names":["AnimatedBaseBox","Animated","createAnimatedComponent","BaseBox","StyledPopoverContentWrapper","styled","_ref","theme","isMobile","styles","colorScheme","maxWidth","getPopoverContentWrapperStyles","PopoverContentWrapper","React","forwardRef","_ref2","ref","children","side","isVisible","animationDuration","props","_objectWithoutProperties","_excluded","_useTheme","useTheme","platform","isOppositeAxis","isHorizontal","offset","size","translate","useSharedValue","opacity","easing","motion","entrance","duration","quick","useEffect","timings","value","withTiming","translateAnimatedStyle","useAnimatedStyle","transform","translateX","translateY","opacityAnimatedStyle","_jsx","View","style","Object","assign","elevation","collapse"],"mappings":";;;;;;;;;;;;;iOAoBA,IAAMA,eAAe,CAAGC,QAAQ,CAACC,uBAAuB,CAACC,OAAuC,CAAC,CAEjG,IAAMC,2BAA2B,CAAGC,MAAM,CAACL,eAAe,CAAC,CAMxD,SAAAM,IAAA,CAAwD,CAArD,IAAAC,KAAK,CAAAD,IAAA,CAALC,KAAK,CAAEC,QAAQ,CAAAF,IAAA,CAARE,QAAQ,CAAEC,MAAM,CAAAH,IAAA,CAANG,MAAM,CAAEC,WAAW,CAAAJ,IAAA,CAAXI,WAAW,CAAEC,QAAQ,CAAAL,IAAA,CAARK,QAAQ,CAClD,OAAOC,8BAA8B,CAAC,CAAEL,KAAK,CAALA,KAAK,CAAEE,MAAM,CAANA,MAAM,CAAED,QAAQ,CAARA,QAAQ,CAAEE,WAAW,CAAXA,WAAW,CAAEC,QAAQ,CAARA,QAAS,CAAC,CAAC,CAC3F,CAAC,CAAC,CAEI,IAAAE,qBAAqB,CAAGC,cAAK,CAACC,UAAU,CAC5C,SAAAC,KAAA,CAAkFC,GAAG,CAAK,CAAA,IAAvFC,QAAQ,CAAAF,KAAA,CAARE,QAAQ,CAAET,MAAM,CAAAO,KAAA,CAANP,MAAM,CAAEU,IAAI,CAAAH,KAAA,CAAJG,IAAI,CAAEC,SAAS,CAAAJ,KAAA,CAATI,SAAS,CAAEC,iBAAiB,CAAAL,KAAA,CAAjBK,iBAAiB,CAAEX,WAAW,CAAAM,KAAA,CAAXN,WAAW,CAAKY,KAAK,CAAAC,wBAAA,CAAAP,KAAA,CAAAQ,SAAA,CAC5E,CAAA,IAAAC,SAAA,CAA4BC,QAAQ,EAAE,CAA9BnB,KAAK,CAAAkB,SAAA,CAALlB,KAAK,CAAEoB,QAAQ,CAAAF,SAAA,CAARE,QAAQ,CACvB,IAAMnB,QAAQ,CAAGmB,QAAQ,GAAK,UAAU,CAExC,IAAMC,cAAc,CAAGT,IAAI,GAAK,OAAO,EAAIA,IAAI,GAAK,QAAQ,CAC5D,IAAMU,YAAY,CAAGV,IAAI,GAAK,MAAM,EAAIA,IAAI,GAAK,OAAO,CACxD,IAAMW,MAAM,CAAGF,cAAc,CAAG,CAACG,IAAI,CAAC,CAAC,CAAC,CAAGA,IAAI,CAAC,CAAC,CAAC,CAElD,IAAMC,SAAS,CAAGC,cAAc,CAACH,MAAM,CAAC,CACxC,IAAMI,OAAO,CAAGD,cAAc,CAAC,CAAC,CAAC,CAEjC,IAAME,MAAM,CAAI5B,KAAK,CAAC6B,MAAM,CAACD,MAAM,CAACE,QAAgC,CACpE,IAAMC,QAAQ,CAAGjB,iBAAiB,EAAjBA,IAAAA,CAAAA,iBAAiB,CAAId,KAAK,CAAC6B,MAAM,CAACE,QAAQ,CAACC,KAAK,CAEjEzB,cAAK,CAAC0B,SAAS,CAAC,UAAM,CACpB,IAAMC,OAAO,CAAG,CAAEN,MAAM,CAANA,MAAM,CAAEG,QAAQ,CAARA,QAAS,CAAC,CACpCJ,OAAO,CAACQ,KAAK,CAAGC,UAAU,CAACvB,SAAS,CAAG,CAAC,CAAG,CAAC,CAAEqB,OAAO,CAAC,CACtDT,SAAS,CAACU,KAAK,CAAGC,UAAU,CAACvB,SAAS,CAAG,CAAC,CAAGU,MAAM,CAAEW,OAAO,CAAC,CAE/D,CAAC,CAAE,CAACrB,SAAS,CAAEkB,QAAQ,CAAC,CAAC,CAIzB,IAAMM,sBAAsB,CAAGC,gBAAgB,CAAC,UAAM,CACpD,OAAO,CACLC,SAAS,CAAEjB,YAAY,CACnB,CAAC,CAAEkB,UAAU,CAAEf,SAAS,CAACU,KAAM,CAAC,CAAC,CACjC,CAAC,CAAEM,UAAU,CAAEhB,SAAS,CAACU,KAAM,CAAC,CACtC,CAAC,CACH,CAAC,CAAE,CAACtB,SAAS,CAAES,YAAY,CAAC,CAAC,CAE7B,IAAMoB,oBAAoB,CAAGJ,gBAAgB,CAAC,UAAM,CAClD,OAAO,CACLX,OAAO,CAAEA,OAAO,CAACQ,KACnB,CAAC,CACH,CAAC,CAAE,CAACtB,SAAS,CAAC,CAAC,CAEf,OACE8B,GAAA,CAACjD,QAAQ,CAACkD,IAAI,CAACC,CAAAA,KAAK,CAAER,sBAAuB,CAAA1B,QAAA,CAC3CgC,GAAA,CAAC9C,2BAA2B,CAAAiD,MAAA,CAAAC,MAAA,CAC1B7C,CAAAA,MAAM,CAAEA,MAAO,CACf2C,KAAK,CAAEH,oBAAqB,CAC5BM,SAAS,CAAC,WAAW,CACrBtC,GAAG,CAAEA,GAAa,CAClBuC,QAAQ,CAAE,KAAM,CAChBhD,QAAQ,CAAEA,QAAS,CACnBE,WAAW,CAAEA,WAAY,CAAA,CAGpBY,KAAK,CAAA,CAAAJ,QAAA,CAETA,QAAQ,CAAA,CACkB,CAAC,CACjB,CAAC,CAEpB,CACF;;;;"}

package/build/lib/native/components/Popover/PopoverContext.js

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

package/build/lib/native/components/Popover/PopoverContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"PopoverContext.js","sources":["../../../../../src/components/Popover/PopoverContext.ts"],"sourcesContent":["import React from 'react';\nimport { throwBladeError } from '~utils/logger';\n\ntype PopoverContextProps = {\n  close: () => void;\n  defaultInitialFocusRef: React.RefObject<HTMLElement>;\n  titleId?: string;\n  openInteraction?: 'hover' | 'click';\n} | null;\nconst PopoverContext = React.createContext<PopoverContextProps>(null);\n\nconst usePopoverContext = (): NonNullable<PopoverContextProps> => {\n  const context = React.useContext(PopoverContext);\n\n  if (__DEV__) {\n    if (!context) {\n      throwBladeError({\n        message: `usePopoverContext must be used within Popover`,\n        moduleName: 'Popover',\n      });\n    }\n  }\n\n  return context!;\n};\n\nexport { PopoverContext, usePopoverContext };\n"],"names":["PopoverContext","React","createContext","usePopoverContext","context","useContext","__DEV__","throwBladeError","message","moduleName"],"mappings":";;;AASM,IAAAA,cAAc,CAAGC,cAAK,CAACC,aAAa,CAAsB,IAAI,EAE9D,IAAAC,iBAAiB,CAAG,SAApBA,iBAAiBA,EAA2C,CAChE,IAAMC,OAAO,CAAGH,cAAK,CAACI,UAAU,CAACL,cAAc,CAAC,CAEhD,GAAIM,OAAO,CAAE,CACX,GAAI,CAACF,OAAO,CAAE,CACZG,eAAe,CAAC,CACdC,OAAO,CAAE,CAAA,6CAAA,CAA+C,CACxDC,UAAU,CAAE,SACd,CAAC,CAAC,CACJ,CACF,CAEA,OAAOL,OAAO,CAChB;;;;"}
+{"version":3,"file":"PopoverContext.js","sources":["../../../../../src/components/Popover/PopoverContext.ts"],"sourcesContent":["import React from 'react';\nimport { throwBladeError } from '~utils/logger';\n\ntype PopoverContextProps = {\n  close: () => void;\n  defaultInitialFocusRef: React.RefObject<HTMLElement>;\n  titleId?: string;\n  openInteraction?: 'hover' | 'click';\n} | null;\nconst PopoverContext = React.createContext<PopoverContextProps>(null);\n\nconst usePopoverContext = (): NonNullable<PopoverContextProps> => {\n  const context = React.useContext(PopoverContext);\n\n  if (__DEV__) {\n    if (!context) {\n      throwBladeError({\n        message: `usePopoverContext must be used within Popover`,\n        moduleName: 'Popover',\n      });\n    }\n  }\n\n  return context!;\n};\n\nexport { PopoverContext, usePopoverContext };\n"],"names":["PopoverContext","React","createContext","usePopoverContext","context","useContext","__DEV__","throwBladeError","message","moduleName"],"mappings":";;;;AASM,IAAAA,cAAc,CAAGC,cAAK,CAACC,aAAa,CAAsB,IAAI,EAE9D,IAAAC,iBAAiB,CAAG,SAApBA,iBAAiBA,EAA2C,CAChE,IAAMC,OAAO,CAAGH,cAAK,CAACI,UAAU,CAACL,cAAc,CAAC,CAEhD,GAAIM,OAAO,CAAE,CACX,GAAI,CAACF,OAAO,CAAE,CACZG,eAAe,CAAC,CACdC,OAAO,CAAE,CAAA,6CAAA,CAA+C,CACxDC,UAAU,CAAE,SACd,CAAC,CAAC,CACJ,CACF,CAEA,OAAOL,OAAO,CAChB;;;;"}

package/build/lib/native/components/Popover/PopoverInteractiveWrapper.native.js

@@ -4,7 +4,7 @@ import styled from 'styled-components/native';
 import { usePopoverContext } from './PopoverContext.js';
 import { jsx } from 'react/jsx-runtime';
 
-var StyledPressable=styled(Pressable)(function(){return {alignSelf:'flex-start'};});var PopoverInteractiveWrapper=React__default.forwardRef(function(props,ref){usePopoverContext();return jsx(StyledPressable,Object.assign({ref:ref,collapsable:false},props,{children:props.children}));});
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Popover/PopoverInteractiveWrapper.native.tsx";var StyledPressable=styled(Pressable)(function(){return {alignSelf:'flex-start'};});var PopoverInteractiveWrapper=React__default.forwardRef(function(props,ref){usePopoverContext();return jsx(StyledPressable,Object.assign({ref:ref,collapsable:false},props,{children:props.children}));});
 
 export { PopoverInteractiveWrapper };
 //# sourceMappingURL=PopoverInteractiveWrapper.native.js.map

package/build/lib/native/components/Popover/PopoverInteractiveWrapper.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"PopoverInteractiveWrapper.native.js","sources":["../../../../../src/components/Popover/PopoverInteractiveWrapper.native.tsx"],"sourcesContent":["import React from 'react';\nimport type { PressableProps, View } from 'react-native';\nimport { Pressable } from 'react-native';\nimport styled from 'styled-components/native';\nimport { usePopoverContext } from './PopoverContext';\n\nconst StyledPressable = styled(Pressable)(() => {\n  return { alignSelf: 'flex-start' };\n});\n\nconst PopoverInteractiveWrapper = React.forwardRef<View, PressableProps>((props, ref) => {\n  usePopoverContext();\n\n  return (\n    <StyledPressable ref={ref} collapsable={false} {...props}>\n      {props.children}\n    </StyledPressable>\n  );\n});\n\nexport { PopoverInteractiveWrapper };\n"],"names":["StyledPressable","styled","Pressable","alignSelf","PopoverInteractiveWrapper","React","forwardRef","props","ref","usePopoverContext","_jsx","Object","assign","collapsable","children"],"mappings":";;;;;;AAMA,IAAMA,eAAe,CAAGC,MAAM,CAACC,SAAS,CAAC,CAAC,UAAM,CAC9C,OAAO,CAAEC,SAAS,CAAE,YAAa,CAAC,CACpC,CAAC,CAAC,CAEI,IAAAC,yBAAyB,CAAGC,cAAK,CAACC,UAAU,CAAuB,SAACC,KAAK,CAAEC,GAAG,CAAK,CACvFC,iBAAiB,EAAE,CAEnB,OACEC,GAAA,CAACV,eAAe,CAAAW,MAAA,CAAAC,MAAA,EAACJ,GAAG,CAAEA,GAAI,CAACK,WAAW,CAAE,KAAM,CAAA,CAAKN,KAAK,CAAAO,CAAAA,QAAA,CACrDP,KAAK,CAACO,QAAQ,CACA,CAAA,CAAC,CAEtB,CAAC;;;;"}
+{"version":3,"file":"PopoverInteractiveWrapper.native.js","sources":["../../../../../src/components/Popover/PopoverInteractiveWrapper.native.tsx"],"sourcesContent":["import React from 'react';\nimport type { PressableProps, View } from 'react-native';\nimport { Pressable } from 'react-native';\nimport styled from 'styled-components/native';\nimport { usePopoverContext } from './PopoverContext';\n\nconst StyledPressable = styled(Pressable)(() => {\n  return { alignSelf: 'flex-start' };\n});\n\nconst PopoverInteractiveWrapper = React.forwardRef<View, PressableProps>((props, ref) => {\n  usePopoverContext();\n\n  return (\n    <StyledPressable ref={ref} collapsable={false} {...props}>\n      {props.children}\n    </StyledPressable>\n  );\n});\n\nexport { PopoverInteractiveWrapper };\n"],"names":["StyledPressable","styled","Pressable","alignSelf","PopoverInteractiveWrapper","React","forwardRef","props","ref","usePopoverContext","_jsx","Object","assign","collapsable","children"],"mappings":";;;;;;4IAMA,IAAMA,eAAe,CAAGC,MAAM,CAACC,SAAS,CAAC,CAAC,UAAM,CAC9C,OAAO,CAAEC,SAAS,CAAE,YAAa,CAAC,CACpC,CAAC,CAAC,CAEI,IAAAC,yBAAyB,CAAGC,cAAK,CAACC,UAAU,CAAuB,SAACC,KAAK,CAAEC,GAAG,CAAK,CACvFC,iBAAiB,EAAE,CAEnB,OACEC,GAAA,CAACV,eAAe,CAAAW,MAAA,CAAAC,MAAA,EAACJ,GAAG,CAAEA,GAAI,CAACK,WAAW,CAAE,KAAM,CAAA,CAAKN,KAAK,CAAAO,CAAAA,QAAA,CACrDP,KAAK,CAACO,QAAQ,CACA,CAAA,CAAC,CAEtB,CAAC;;;;"}

package/build/lib/native/components/Popover/componentIds.js

@@ -0,0 +1,4 @@
+var componentIds={Popover:'Popover'};
+
+export { componentIds };
+//# sourceMappingURL=componentIds.js.map

package/build/lib/native/components/Popover/componentIds.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"componentIds.js","sources":["../../../../../src/components/Popover/componentIds.ts"],"sourcesContent":["const componentIds = {\n  Popover: 'Popover',\n};\n\nexport { componentIds };\n"],"names":["componentIds","Popover"],"mappings":"AAAM,IAAAA,YAAY,CAAG,CACnBC,OAAO,CAAE,SACX;;;;"}

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

@@ -1,4 +1,4 @@
-var ARROW_WIDTH=22;var ARROW_HEIGHT=12;
+var ARROW_WIDTH=22;var ARROW_HEIGHT=12;var DEFAULT_MAX_WIDTH_DESKTOP=328;var DEFAULT_MAX_WIDTH_MOBILE=288;
 
-export { ARROW_HEIGHT, ARROW_WIDTH };
+export { ARROW_HEIGHT, ARROW_WIDTH, DEFAULT_MAX_WIDTH_DESKTOP, DEFAULT_MAX_WIDTH_MOBILE };
 //# sourceMappingURL=constants.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../../src/components/Popover/constants.ts"],"sourcesContent":["export const ARROW_WIDTH = 22;\nexport const ARROW_HEIGHT = 12;\n"],"names":["ARROW_WIDTH","ARROW_HEIGHT"],"mappings":"AAAa,IAAAA,WAAW,CAAG,GACd,IAAAC,YAAY,CAAG;;;;"}
+{"version":3,"file":"constants.js","sources":["../../../../../src/components/Popover/constants.ts"],"sourcesContent":["export const ARROW_WIDTH = 22;\nexport const ARROW_HEIGHT = 12;\nexport const DEFAULT_MAX_WIDTH_DESKTOP = 328;\nexport const DEFAULT_MAX_WIDTH_MOBILE = 288;\n"],"names":["ARROW_WIDTH","ARROW_HEIGHT","DEFAULT_MAX_WIDTH_DESKTOP","DEFAULT_MAX_WIDTH_MOBILE"],"mappings":"AAAa,IAAAA,WAAW,CAAG,GACd,IAAAC,YAAY,CAAG,GACf,IAAAC,yBAAyB,CAAG,IAC5B,IAAAC,wBAAwB,CAAG;;;;"}

package/build/lib/native/components/Popover/getPopoverContentWrapperStyles.js

@@ -1,15 +1,11 @@
-import 'react-native';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react';
-import { isReactNative } from '../../utils/platform/isReactNative.js';
-import { makeBorderSize } from '../../utils/makeBorderSize/makeBorderSize.js';
+import '../../utils/index.js';
+import { DEFAULT_MAX_WIDTH_MOBILE, DEFAULT_MAX_WIDTH_DESKTOP } from './constants.js';
 import { makeSpace } from '../../utils/makeSpace/makeSpace.js';
+import { isReactNative } from '../../utils/platform/isReactNative.js';
 import { getPopupBoxShadowString } from '../../utils/makePopupBoxShadow/makePopupBoxShadow.js';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
-import '../BladeProvider/useTheme.js';
+import { makeBorderSize } from '../../utils/makeBorderSize/makeBorderSize.native.js';
 
-var getPopoverContentWrapperStyles=function getPopoverContentWrapperStyles(_ref){var theme=_ref.theme,styles=_ref.styles,isMobile=_ref.isMobile,colorScheme=_ref.colorScheme;return Object.assign({border:'none',width:'100%',maxWidth:makeSpace(isMobile?288:328),position:isReactNative()?'absolute':'relative',boxShadow:isReactNative()?undefined:getPopupBoxShadowString(theme,colorScheme),boxSizing:'border-box',backgroundColor:theme.colors.popup.background.gray.moderate,borderRadius:makeBorderSize(theme.border.radius.large),backdropFilter:isReactNative()?undefined:`blur(${theme.backdropBlur.high}px)`},styles);};
+var getPopoverContentWrapperStyles=function getPopoverContentWrapperStyles(_ref){var theme=_ref.theme,styles=_ref.styles,isMobile=_ref.isMobile,colorScheme=_ref.colorScheme,maxWidth=_ref.maxWidth;return Object.assign({border:'none',width:'100%'},maxWidth?{}:{maxWidth:makeSpace(isMobile?DEFAULT_MAX_WIDTH_MOBILE:DEFAULT_MAX_WIDTH_DESKTOP)},{position:isReactNative()?'absolute':'relative',boxShadow:isReactNative()?undefined:getPopupBoxShadowString(theme,colorScheme),boxSizing:'border-box',backgroundColor:theme.colors.popup.background.gray.moderate,borderRadius:makeBorderSize(theme.border.radius.large),backdropFilter:isReactNative()?undefined:`blur(${theme.backdropBlur.high}px)`},styles);};
 
 export { getPopoverContentWrapperStyles };
 //# sourceMappingURL=getPopoverContentWrapperStyles.js.map

package/build/lib/native/components/Popover/getPopoverContentWrapperStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"getPopoverContentWrapperStyles.js","sources":["../../../../../src/components/Popover/getPopoverContentWrapperStyles.ts"],"sourcesContent":["import type React from 'react';\nimport type { CSSObject } from 'styled-components';\nimport { isReactNative, makeSpace, makeBorderSize, getPopupBoxShadowString } from '~utils';\nimport type { ColorSchemeNames } from '~tokens/theme';\nimport type { Theme } from '~components/BladeProvider';\n\nconst getPopoverContentWrapperStyles = ({\n  theme,\n  styles,\n  isMobile,\n  colorScheme,\n}: {\n  isMobile: boolean;\n  theme: Theme;\n  styles: React.CSSProperties;\n  colorScheme: ColorSchemeNames;\n}): CSSObject => {\n  return {\n    border: 'none',\n    width: '100%',\n    maxWidth: makeSpace(isMobile ? 288 : 328),\n    position: isReactNative() ? 'absolute' : 'relative',\n    boxShadow: isReactNative() ? undefined : getPopupBoxShadowString(theme, colorScheme),\n    boxSizing: 'border-box',\n    backgroundColor: theme.colors.popup.background.gray.moderate,\n    borderRadius: makeBorderSize(theme.border.radius.large),\n    backdropFilter: isReactNative() ? undefined : `blur(${theme.backdropBlur.high}px)`,\n    ...styles,\n  };\n};\n\nexport { getPopoverContentWrapperStyles };\n"],"names":["getPopoverContentWrapperStyles","_ref","theme","styles","isMobile","colorScheme","Object","assign","border","width","maxWidth","makeSpace","position","isReactNative","boxShadow","undefined","getPopupBoxShadowString","boxSizing","backgroundColor","colors","popup","background","gray","moderate","borderRadius","makeBorderSize","radius","large","backdropFilter","backdropBlur","high"],"mappings":";;;;;;;;;;;AAMM,IAAAA,8BAA8B,CAAG,SAAjCA,8BAA8BA,CAAAC,IAAA,CAUnB,CATf,IAAAC,KAAK,CAAAD,IAAA,CAALC,KAAK,CACLC,MAAM,CAAAF,IAAA,CAANE,MAAM,CACNC,QAAQ,CAAAH,IAAA,CAARG,QAAQ,CACRC,WAAW,CAAAJ,IAAA,CAAXI,WAAW,CAOX,OAAAC,MAAA,CAAAC,MAAA,CACEC,CAAAA,MAAM,CAAE,MAAM,CACdC,KAAK,CAAE,MAAM,CACbC,QAAQ,CAAEC,SAAS,CAACP,QAAQ,CAAG,GAAG,CAAG,GAAG,CAAC,CACzCQ,QAAQ,CAAEC,aAAa,EAAE,CAAG,UAAU,CAAG,UAAU,CACnDC,SAAS,CAAED,aAAa,EAAE,CAAGE,SAAS,CAAGC,uBAAuB,CAACd,KAAK,CAAEG,WAAW,CAAC,CACpFY,SAAS,CAAE,YAAY,CACvBC,eAAe,CAAEhB,KAAK,CAACiB,MAAM,CAACC,KAAK,CAACC,UAAU,CAACC,IAAI,CAACC,QAAQ,CAC5DC,YAAY,CAAEC,cAAc,CAACvB,KAAK,CAACM,MAAM,CAACkB,MAAM,CAACC,KAAK,CAAC,CACvDC,cAAc,CAAEf,aAAa,EAAE,CAAGE,SAAS,CAAG,CAAQb,KAAAA,EAAAA,KAAK,CAAC2B,YAAY,CAACC,IAAI,CAAA,GAAA,CAAK,EAC/E3B,MAAM,CAAA,CAEb;;;;"}
+{"version":3,"file":"getPopoverContentWrapperStyles.js","sources":["../../../../../src/components/Popover/getPopoverContentWrapperStyles.ts"],"sourcesContent":["import type React from 'react';\nimport type { CSSObject } from 'styled-components';\nimport { isReactNative, makeSpace, makeBorderSize, getPopupBoxShadowString } from '~utils';\nimport type { ColorSchemeNames } from '~tokens/theme';\nimport type { Theme } from '~components/BladeProvider';\nimport type { SpacingValueType } from '~components/Box/BaseBox/types/spacingTypes';\nimport { DEFAULT_MAX_WIDTH_DESKTOP, DEFAULT_MAX_WIDTH_MOBILE } from './constants';\n\nconst getPopoverContentWrapperStyles = ({\n  theme,\n  styles,\n  isMobile,\n  colorScheme,\n  maxWidth,\n}: {\n  isMobile: boolean;\n  theme: Theme;\n  styles: React.CSSProperties;\n  colorScheme: ColorSchemeNames;\n  maxWidth?: SpacingValueType;\n}): CSSObject => {\n  return {\n    border: 'none',\n    width: '100%',\n    // When maxWidth prop is provided, let BaseBox handle it (it resolves spacing tokens).\n    // When not provided, use the default from getPopoverContentWrapperStyles.\n    ...(maxWidth\n      ? {}\n      : {\n          maxWidth: makeSpace(isMobile ? DEFAULT_MAX_WIDTH_MOBILE : DEFAULT_MAX_WIDTH_DESKTOP),\n        }),\n    position: isReactNative() ? 'absolute' : 'relative',\n    boxShadow: isReactNative() ? undefined : getPopupBoxShadowString(theme, colorScheme),\n    boxSizing: 'border-box',\n    backgroundColor: theme.colors.popup.background.gray.moderate,\n    borderRadius: makeBorderSize(theme.border.radius.large),\n    backdropFilter: isReactNative() ? undefined : `blur(${theme.backdropBlur.high}px)`,\n    ...styles,\n  };\n};\n\nexport { getPopoverContentWrapperStyles };\n"],"names":["getPopoverContentWrapperStyles","_ref","theme","styles","isMobile","colorScheme","maxWidth","Object","assign","border","width","makeSpace","DEFAULT_MAX_WIDTH_MOBILE","DEFAULT_MAX_WIDTH_DESKTOP","position","isReactNative","boxShadow","undefined","getPopupBoxShadowString","boxSizing","backgroundColor","colors","popup","background","gray","moderate","borderRadius","makeBorderSize","radius","large","backdropFilter","backdropBlur","high"],"mappings":";;;;;;;AAQM,IAAAA,8BAA8B,CAAG,SAAjCA,8BAA8BA,CAAAC,IAAA,CAYnB,CAXf,IAAAC,KAAK,CAAAD,IAAA,CAALC,KAAK,CACLC,MAAM,CAAAF,IAAA,CAANE,MAAM,CACNC,QAAQ,CAAAH,IAAA,CAARG,QAAQ,CACRC,WAAW,CAAAJ,IAAA,CAAXI,WAAW,CACXC,QAAQ,CAAAL,IAAA,CAARK,QAAQ,CAQR,OAAAC,MAAA,CAAAC,MAAA,CAAA,CACEC,MAAM,CAAE,MAAM,CACdC,KAAK,CAAE,MAAM,EAGTJ,QAAQ,CACR,EAAE,CACF,CACEA,QAAQ,CAAEK,SAAS,CAACP,QAAQ,CAAGQ,wBAAwB,CAAGC,yBAAyB,CACrF,CAAC,CAAA,CACLC,QAAQ,CAAEC,aAAa,EAAE,CAAG,UAAU,CAAG,UAAU,CACnDC,SAAS,CAAED,aAAa,EAAE,CAAGE,SAAS,CAAGC,uBAAuB,CAAChB,KAAK,CAAEG,WAAW,CAAC,CACpFc,SAAS,CAAE,YAAY,CACvBC,eAAe,CAAElB,KAAK,CAACmB,MAAM,CAACC,KAAK,CAACC,UAAU,CAACC,IAAI,CAACC,QAAQ,CAC5DC,YAAY,CAAEC,cAAc,CAACzB,KAAK,CAACO,MAAM,CAACmB,MAAM,CAACC,KAAK,CAAC,CACvDC,cAAc,CAAEf,aAAa,EAAE,CAAGE,SAAS,CAAG,CAAA,KAAA,EAAQf,KAAK,CAAC6B,YAAY,CAACC,IAAI,KAAK,CAC/E7B,CAAAA,MAAM,EAEb;;;;"}

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

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

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

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

package/build/lib/native/components/Popover/useFloatingPortal.native.js

@@ -0,0 +1,7 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import React__default from 'react';
+
+var useFloatingPortal=function useFloatingPortal(update,isVisible){var backdropRef=React__default.useRef(null);var _React$useState=React__default.useState({x:0,y:0}),_React$useState2=_slicedToArray(_React$useState,2),backdropOffset=_React$useState2[0],setBackdropOffset=_React$useState2[1];var onBackdropLayout=React__default.useCallback(function(){if(backdropRef.current&&'measureInWindow'in backdropRef.current){backdropRef.current.measureInWindow(function(bx,by){setBackdropOffset({x:bx||0,y:by||0});});}},[]);React__default.useEffect(function(){if(isVisible&&(backdropOffset.x!==0||backdropOffset.y!==0)){var id=setTimeout(function(){update();},50);return function(){return clearTimeout(id);};}return undefined;},[backdropOffset,isVisible,update]);return {backdropRef:backdropRef,backdropOffset:backdropOffset,onBackdropLayout:onBackdropLayout};};
+
+export { useFloatingPortal };
+//# sourceMappingURL=useFloatingPortal.native.js.map

package/build/lib/native/components/Popover/useFloatingPortal.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFloatingPortal.native.js","sources":["../../../../../src/components/Popover/useFloatingPortal.native.ts"],"sourcesContent":["import React from 'react';\nimport type { TouchableOpacity } from 'react-native';\n\ntype UseFloatingPortalReturn = {\n  backdropRef: React.RefObject<TouchableOpacity>;\n  backdropOffset: { x: number; y: number };\n  onBackdropLayout: () => void;\n};\n\nconst useFloatingPortal = (update: () => void, isVisible: boolean): UseFloatingPortalReturn => {\n  const backdropRef = React.useRef<TouchableOpacity>(null);\n  const [backdropOffset, setBackdropOffset] = React.useState({ x: 0, y: 0 });\n\n  const onBackdropLayout = React.useCallback(() => {\n    if (backdropRef.current && 'measureInWindow' in backdropRef.current) {\n      ((backdropRef.current as unknown) as {\n        measureInWindow: (cb: (x: number, y: number, w: number, h: number) => void) => void;\n      }).measureInWindow((bx: number, by: number) => {\n        setBackdropOffset({ x: bx || 0, y: by || 0 });\n      });\n    }\n  }, []);\n\n  // Re-run floating position computation after backdrop offset is measured\n  React.useEffect(() => {\n    if (isVisible && (backdropOffset.x !== 0 || backdropOffset.y !== 0)) {\n      const id = setTimeout(() => {\n        update();\n      }, 50);\n      return () => clearTimeout(id);\n    }\n    return undefined;\n  }, [backdropOffset, isVisible, update]);\n\n  return { backdropRef, backdropOffset, onBackdropLayout };\n};\n\nexport { useFloatingPortal };\n"],"names":["useFloatingPortal","update","isVisible","backdropRef","React","useRef","_React$useState","useState","x","y","_React$useState2","_slicedToArray","backdropOffset","setBackdropOffset","onBackdropLayout","useCallback","current","measureInWindow","bx","by","useEffect","id","setTimeout","clearTimeout","undefined"],"mappings":";;;AASM,IAAAA,iBAAiB,CAAG,SAApBA,iBAAiBA,CAAIC,MAAkB,CAAEC,SAAkB,CAA8B,CAC7F,IAAMC,WAAW,CAAGC,cAAK,CAACC,MAAM,CAAmB,IAAI,CAAC,CACxD,IAAAC,eAAA,CAA4CF,cAAK,CAACG,QAAQ,CAAC,CAAEC,CAAC,CAAE,CAAC,CAAEC,CAAC,CAAE,CAAE,CAAC,CAAC,CAAAC,gBAAA,CAAAC,cAAA,CAAAL,eAAA,CAAA,CAAA,CAAA,CAAnEM,cAAc,CAAAF,gBAAA,IAAEG,iBAAiB,CAAAH,gBAAA,CAAA,CAAA,CAAA,CAExC,IAAMI,gBAAgB,CAAGV,cAAK,CAACW,WAAW,CAAC,UAAM,CAC/C,GAAIZ,WAAW,CAACa,OAAO,EAAI,iBAAiB,GAAIb,WAAW,CAACa,OAAO,CAAE,CACjEb,WAAW,CAACa,OAAO,CAElBC,eAAe,CAAC,SAACC,EAAU,CAAEC,EAAU,CAAK,CAC7CN,iBAAiB,CAAC,CAAEL,CAAC,CAAEU,EAAE,EAAI,CAAC,CAAET,CAAC,CAAEU,EAAE,EAAI,CAAE,CAAC,CAAC,CAC/C,CAAC,CAAC,CACJ,CACF,CAAC,CAAE,EAAE,CAAC,CAGNf,cAAK,CAACgB,SAAS,CAAC,UAAM,CACpB,GAAIlB,SAAS,GAAKU,cAAc,CAACJ,CAAC,GAAK,CAAC,EAAII,cAAc,CAACH,CAAC,GAAK,CAAC,CAAC,CAAE,CACnE,IAAMY,EAAE,CAAGC,UAAU,CAAC,UAAM,CAC1BrB,MAAM,EAAE,CACV,CAAC,CAAE,EAAE,CAAC,CACN,OAAa,UAAA,CAAA,OAAAsB,YAAY,CAACF,EAAE,CAAC,CAAA,CAAA,CAC/B,CACA,OAAOG,SAAS,CAClB,CAAC,CAAE,CAACZ,cAAc,CAAEV,SAAS,CAAED,MAAM,CAAC,CAAC,CAEvC,OAAO,CAAEE,WAAW,CAAXA,WAAW,CAAES,cAAc,CAAdA,cAAc,CAAEE,gBAAgB,CAAhBA,gBAAiB,CAAC,CAC1D;;;;"}

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

@@ -3,22 +3,21 @@ import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import * as React from 'react';
 import styled from 'styled-components/native';
 import { View } from 'react-native';
-import 'react-native-svg';
+import '../Icons/_Svg/index.js';
+import '../BladeProvider/index.js';
+import '../../utils/index.js';
+import '../../tokens/global/index.js';
+import '../../utils/logger/index.js';
+import { getFloatingPlacementParts } from '../../utils/getFloatingPlacementParts.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import Path from '../Icons/_Svg/Path/Path.native.js';
 import Svg from '../Icons/_Svg/Svg/Svg.native.js';
-import '@gorhom/portal';
-import 'react-native-gesture-handler';
 import useTheme from '../BladeProvider/useTheme.js';
 import { logger } from '../../utils/logger/logger.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 { getFloatingPlacementParts } from '../../utils/getFloatingPlacementParts.js';
+import Path from '../Icons/_Svg/Path/Path.native.js';
 
-var StyledSvg=styled(Svg)(function(_ref){var styles=_ref.styles;return styles;});var PopupArrow=React.forwardRef(function(_ref2,ref){var context=_ref2.context,width=_ref2.width,height=_ref2.height,fillColor=_ref2.fillColor,strokeColor=_ref2.strokeColor;var _useTheme=useTheme(),theme=_useTheme.theme;var placement=context.placement,floating=context.elements.floating,arrow=context.middlewareData.arrow;var strokeWidth=theme.border.width.thin*2;if(__DEV__){if(!ref){logger({type:'warn',moduleName:'PopupArrow',message:'Floating UI: The `ref` prop is required for the `FloatingArrow` component.'});}}if(!floating){return jsx(Fragment,{});}var _getFloatingPlacement=getFloatingPlacementParts(placement),_getFloatingPlacement2=_slicedToArray(_getFloatingPlacement,1),side=_getFloatingPlacement2[0];var svgX=width/2;var svgY=0;var dValue='M0,0'+` H${width}`+` L${width-svgX},${height-svgY}`+` Q${width/2},${height} ${svgX},${height-svgY}`+' Z';var staticSide={top:'bottom',right:'left',bottom:'top',left:'right'}[side];var rotation={top:0,bottom:180,left:-90,right:90}[side];var newStyles={};if(arrow){var x=arrow.x,y=arrow.y;newStyles=_defineProperty(_defineProperty({width:makeSize(size[20]),height:makeSize(size[20]),position:'absolute',left:x!=null?`${x}px`:undefined,top:y!=null?`${y}px`:undefined,right:undefined,bottom:undefined},staticSide,`${-width}px`),"transform",`rotate(${rotation}deg)`);}return jsx(View,{pointerEvents:"none",collapsable:false,style:{position:'absolute',left:0,right:0,top:0,bottom:0},children:jsxs(StyledSvg,{ref:ref,width:`${width}px`,height:`${width}px`,viewBox:`0 0 ${width} ${width}`,styles:newStyles,children:[jsx(Path,{fill:"none",stroke:strokeColor,strokeWidth:`${strokeWidth}px`,d:dValue}),jsx(Path,{fill:fillColor,stroke:"none",d:dValue})]})});});
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/PopupArrow/PopupArrow.native.tsx";var StyledSvg=styled(Svg)(function(_ref){var styles=_ref.styles;return styles;});var PopupArrow=React.forwardRef(function(_ref2,ref){var context=_ref2.context,width=_ref2.width,height=_ref2.height,fillColor=_ref2.fillColor,strokeColor=_ref2.strokeColor;var _useTheme=useTheme(),theme=_useTheme.theme;var placement=context.placement,floating=context.elements.floating,arrow=context.middlewareData.arrow;var strokeWidth=theme.border.width.thin*2;if(__DEV__){if(!ref){logger({type:'warn',moduleName:'PopupArrow',message:'Floating UI: The `ref` prop is required for the `FloatingArrow` component.'});}}if(!floating){return jsx(Fragment,{});}var _getFloatingPlacement=getFloatingPlacementParts(placement),_getFloatingPlacement2=_slicedToArray(_getFloatingPlacement,1),side=_getFloatingPlacement2[0];var svgX=width/2;var svgY=0;var dValue='M0,0'+` H${width}`+` L${width-svgX},${height-svgY}`+` Q${width/2},${height} ${svgX},${height-svgY}`+' Z';var staticSide={top:'bottom',right:'left',bottom:'top',left:'right'}[side];var rotation={top:0,bottom:180,left:-90,right:90}[side];var newStyles={};if(arrow){var x=arrow.x,y=arrow.y;newStyles=_defineProperty(_defineProperty({width:makeSize(size[20]),height:makeSize(size[20]),position:'absolute',left:x!=null?`${x}px`:undefined,top:y!=null?`${y}px`:undefined,right:undefined,bottom:undefined},staticSide,`${-width}px`),"transform",`rotate(${rotation}deg)`);}return jsx(View,{pointerEvents:"none",collapsable:false,style:{position:'absolute',left:0,right:0,top:0,bottom:0},children:jsxs(StyledSvg,{ref:ref,width:`${width}px`,height:`${width}px`,viewBox:`0 0 ${width} ${width}`,styles:newStyles,children:[strokeColor?jsx(Path,{fill:"none",stroke:strokeColor,strokeWidth:`${strokeWidth}px`,d:dValue}):null,jsx(Path,{fill:theme.colors.surface.background.gray.intense,stroke:"none",d:dValue}),jsx(Path,{fill:fillColor,stroke:"none",d:dValue})]})});});
 
 export { PopupArrow };
 //# sourceMappingURL=PopupArrow.native.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PopupArrow.native.js","sources":["../../../../../src/components/PopupArrow/PopupArrow.native.tsx"],"sourcesContent":["/* eslint-disable react/jsx-no-useless-fragment */\nimport * as React from 'react';\nimport styled from 'styled-components/native';\nimport { View } from 'react-native';\nimport type { CSSObject } from 'styled-components';\nimport type { PopupArrowProps } from './types';\nimport Svg, { Path } from '~components/Icons/_Svg';\nimport { useTheme } from '~components/BladeProvider';\nimport type { SvgProps } from '~components/Icons/_Svg/Svg/types';\nimport { makeSize } from '~utils';\nimport { size } from '~tokens/global';\nimport { logger } from '~utils/logger';\nimport { getFloatingPlacementParts } from '~utils/getFloatingPlacementParts';\n\nconst StyledSvg = styled(Svg)<{ styles?: CSSObject }>(({ styles }) => {\n  return styles;\n});\n\n// modified version of FloatingArrow\n// https://github.com/floating-ui/floating-ui/blob/master/packages/react/src/components/FloatingArrow.tsx\nconst PopupArrow = React.forwardRef<SvgProps, PopupArrowProps>(\n  ({ context, width, height, fillColor, strokeColor }, ref): React.ReactElement => {\n    const { theme } = useTheme();\n\n    const {\n      placement,\n      elements: { floating },\n      middlewareData: { arrow },\n    } = context;\n    const strokeWidth = theme.border.width.thin * 2;\n\n    if (__DEV__) {\n      if (!ref) {\n        logger({\n          type: 'warn',\n          moduleName: 'PopupArrow',\n          message: 'Floating UI: The `ref` prop is required for the `FloatingArrow` component.',\n        });\n      }\n    }\n\n    if (!floating) {\n      return <></>;\n    }\n\n    const [side] = getFloatingPlacementParts(placement);\n\n    const svgX = width / 2;\n    const svgY = 0;\n    const dValue =\n      'M0,0' +\n      ` H${width}` +\n      ` L${width - svgX},${height - svgY}` +\n      ` Q${width / 2},${height} ${svgX},${height - svgY}` +\n      ' Z';\n\n    const staticSide = {\n      top: 'bottom',\n      right: 'left',\n      bottom: 'top',\n      left: 'right',\n    }[side];\n\n    const rotation = {\n      top: 0,\n      bottom: 180,\n      left: -90,\n      right: 90,\n    }[side];\n\n    let newStyles = {};\n    if (arrow) {\n      const { x, y } = arrow;\n      newStyles = {\n        width: makeSize(size[20]),\n        height: makeSize(size[20]),\n        position: 'absolute',\n        left: x != null ? `${x}px` : undefined,\n        top: y != null ? `${y}px` : undefined,\n        // Ensure the static side gets unset when\n        // flipping to other placements' axes.\n        right: undefined,\n        bottom: undefined,\n        [staticSide]: `${-width}px`,\n        transform: `rotate(${rotation}deg)`,\n      };\n    }\n\n    return (\n      <View\n        pointerEvents=\"none\"\n        collapsable={false}\n        style={{ position: 'absolute', left: 0, right: 0, top: 0, bottom: 0 }}\n      >\n        <StyledSvg\n          // eslint-disable-next-line @typescript-eslint/ban-ts-comment, @typescript-eslint/prefer-ts-expect-error\n          // @ts-ignore this file is native only\n          ref={ref}\n          width={`${width}px`}\n          height={`${width}px`}\n          viewBox={`0 0 ${width} ${width}`}\n          styles={newStyles}\n        >\n          <Path fill=\"none\" stroke={strokeColor} strokeWidth={`${strokeWidth}px`} d={dValue} />\n          <Path fill={fillColor} stroke=\"none\" d={dValue} />\n        </StyledSvg>\n      </View>\n    );\n  },\n);\n\nexport { PopupArrow };\n"],"names":["StyledSvg","styled","Svg","_ref","styles","PopupArrow","React","forwardRef","_ref2","ref","context","width","height","fillColor","strokeColor","_useTheme","useTheme","theme","placement","floating","elements","arrow","middlewareData","strokeWidth","border","thin","__DEV__","logger","type","moduleName","message","_jsx","_Fragment","_getFloatingPlacement","getFloatingPlacementParts","_getFloatingPlacement2","_slicedToArray","side","svgX","svgY","dValue","staticSide","top","right","bottom","left","rotation","newStyles","x","y","_defineProperty","makeSize","size","position","undefined","View","pointerEvents","collapsable","style","children","_jsxs","viewBox","Path","fill","stroke","d"],"mappings":"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"}
+{"version":3,"file":"PopupArrow.native.js","sources":["../../../../../src/components/PopupArrow/PopupArrow.native.tsx"],"sourcesContent":["/* eslint-disable react/jsx-no-useless-fragment */\nimport * as React from 'react';\nimport styled from 'styled-components/native';\nimport { View } from 'react-native';\nimport type { CSSObject } from 'styled-components';\nimport type { PopupArrowProps } from './types';\nimport Svg, { Path } from '~components/Icons/_Svg';\nimport { useTheme } from '~components/BladeProvider';\nimport type { SvgProps } from '~components/Icons/_Svg/Svg/types';\nimport { makeSize } from '~utils';\nimport { size } from '~tokens/global';\nimport { logger } from '~utils/logger';\nimport { getFloatingPlacementParts } from '~utils/getFloatingPlacementParts';\n\nconst StyledSvg = styled(Svg)<{ styles?: CSSObject }>(({ styles }) => {\n  return styles;\n});\n\n// modified version of FloatingArrow\n// https://github.com/floating-ui/floating-ui/blob/master/packages/react/src/components/FloatingArrow.tsx\nconst PopupArrow = React.forwardRef<SvgProps, PopupArrowProps>(\n  ({ context, width, height, fillColor, strokeColor }, ref): React.ReactElement => {\n    const { theme } = useTheme();\n\n    const {\n      placement,\n      elements: { floating },\n      middlewareData: { arrow },\n    } = context;\n    const strokeWidth = theme.border.width.thin * 2;\n\n    if (__DEV__) {\n      if (!ref) {\n        logger({\n          type: 'warn',\n          moduleName: 'PopupArrow',\n          message: 'Floating UI: The `ref` prop is required for the `FloatingArrow` component.',\n        });\n      }\n    }\n\n    if (!floating) {\n      return <></>;\n    }\n\n    const [side] = getFloatingPlacementParts(placement);\n\n    const svgX = width / 2;\n    const svgY = 0;\n    const dValue =\n      'M0,0' +\n      ` H${width}` +\n      ` L${width - svgX},${height - svgY}` +\n      ` Q${width / 2},${height} ${svgX},${height - svgY}` +\n      ' Z';\n\n    const staticSide = {\n      top: 'bottom',\n      right: 'left',\n      bottom: 'top',\n      left: 'right',\n    }[side];\n\n    const rotation = {\n      top: 0,\n      bottom: 180,\n      left: -90,\n      right: 90,\n    }[side];\n\n    let newStyles = {};\n    if (arrow) {\n      const { x, y } = arrow;\n      newStyles = {\n        width: makeSize(size[20]),\n        height: makeSize(size[20]),\n        position: 'absolute',\n        left: x != null ? `${x}px` : undefined,\n        top: y != null ? `${y}px` : undefined,\n        // Ensure the static side gets unset when\n        // flipping to other placements' axes.\n        right: undefined,\n        bottom: undefined,\n        [staticSide]: `${-width}px`,\n        transform: `rotate(${rotation}deg)`,\n      };\n    }\n\n    return (\n      <View\n        pointerEvents=\"none\"\n        collapsable={false}\n        style={{ position: 'absolute', left: 0, right: 0, top: 0, bottom: 0 }}\n      >\n        <StyledSvg\n          // eslint-disable-next-line @typescript-eslint/ban-ts-comment, @typescript-eslint/prefer-ts-expect-error\n          // @ts-ignore this file is native only\n          ref={ref}\n          width={`${width}px`}\n          height={`${width}px`}\n          viewBox={`0 0 ${width} ${width}`}\n          styles={newStyles}\n        >\n          {strokeColor ? (\n            <Path fill=\"none\" stroke={strokeColor} strokeWidth={`${strokeWidth}px`} d={dValue} />\n          ) : null}\n          {/* Opaque backing: fillColor is semi-transparent and relies on backdropFilter on web.\n              On native we render the surface color beneath so content doesn't bleed through. */}\n          <Path fill={theme.colors.surface.background.gray.intense} stroke=\"none\" d={dValue} />\n          <Path fill={fillColor} stroke=\"none\" d={dValue} />\n        </StyledSvg>\n      </View>\n    );\n  },\n);\n\nexport { PopupArrow };\n"],"names":["this","StyledSvg","styled","Svg","_ref","styles","PopupArrow","React","forwardRef","_ref2","ref","context","width","height","fillColor","strokeColor","_useTheme","useTheme","theme","placement","floating","elements","arrow","middlewareData","strokeWidth","border","thin","__DEV__","logger","type","moduleName","message","_jsx","_Fragment","_getFloatingPlacement","getFloatingPlacementParts","_getFloatingPlacement2","_slicedToArray","side","svgX","svgY","dValue","staticSide","top","right","bottom","left","rotation","newStyles","x","y","_defineProperty","makeSize","size","position","undefined","View","pointerEvents","collapsable","style","children","_jsxs","viewBox","Path","fill","stroke","d","colors","surface","background","gray","intense"],"mappings":"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"}

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

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

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

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

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

@@ -1,6 +1,7 @@
 import 'react';
-import { throwBladeError } from '../../utils/logger/logger.js';
+import '../../utils/logger/index.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
+import { throwBladeError } from '../../utils/logger/logger.js';
 
 var Preview=function Preview(_prop){throwBladeError({message:'PreviewWindow is not yet implemented for native',moduleName:'PreviewWindow'});return jsx(Fragment,{});};var PreviewHeader=function PreviewHeader(_prop){throwBladeError({message:'PreviewHeader is not yet implemented for native',moduleName:'PreviewHeader'});return jsx(Fragment,{});};var PreviewBody=function PreviewBody(_prop){throwBladeError({message:'PreviewBody is not yet implemented for native',moduleName:'PreviewBody'});return jsx(Fragment,{});};var PreviewFooter=function PreviewFooter(_prop){throwBladeError({message:'PreviewFooter is not yet implemented for native',moduleName:'PreviewFooter'});return jsx(Fragment,{});};
 

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

@@ -1 +1 @@
-{"version":3,"file":"Preview.native.js","sources":["../../../../../src/components/Preview/Preview.native.tsx"],"sourcesContent":["import React from 'react';\nimport type {\n  PreviewBodyProps,\n  PreviewFooterProps,\n  PreviewHeaderProps,\n  PreviewProps,\n} from './types';\nimport { throwBladeError } from '~utils/logger';\n\nconst Preview = (_prop: PreviewProps): React.ReactElement => {\n  throwBladeError({\n    message: 'PreviewWindow is not yet implemented for native',\n    moduleName: 'PreviewWindow',\n  });\n\n  return <></>;\n};\n\nconst PreviewHeader = (_prop: PreviewHeaderProps): React.ReactElement => {\n  throwBladeError({\n    message: 'PreviewHeader is not yet implemented for native',\n    moduleName: 'PreviewHeader',\n  });\n\n  return <></>;\n};\n\nconst PreviewBody = (_prop: PreviewBodyProps): React.ReactElement => {\n  throwBladeError({\n    message: 'PreviewBody is not yet implemented for native',\n    moduleName: 'PreviewBody',\n  });\n\n  return <></>;\n};\n\nconst PreviewFooter = (_prop: PreviewFooterProps): React.ReactElement => {\n  throwBladeError({\n    message: 'PreviewFooter is not yet implemented for native',\n    moduleName: 'PreviewFooter',\n  });\n\n  return <></>;\n};\n\nexport { Preview, PreviewHeader, PreviewBody, PreviewFooter };\n"],"names":["Preview","_prop","throwBladeError","message","moduleName","_jsx","_Fragment","PreviewHeader","PreviewBody","PreviewFooter"],"mappings":";;;;AASM,IAAAA,OAAO,CAAG,SAAVA,OAAOA,CAAIC,KAAmB,CAAyB,CAC3DC,eAAe,CAAC,CACdC,OAAO,CAAE,iDAAiD,CAC1DC,UAAU,CAAE,eACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAAAC,QAAA,GAAI,CAAC,CACd,EAEM,IAAAC,aAAa,CAAG,SAAhBA,aAAaA,CAAIN,KAAyB,CAAyB,CACvEC,eAAe,CAAC,CACdC,OAAO,CAAE,iDAAiD,CAC1DC,UAAU,CAAE,eACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAAAC,QAAA,CAAI,EAAA,CAAC,CACd,EAEM,IAAAE,WAAW,CAAG,SAAdA,WAAWA,CAAIP,KAAuB,CAAyB,CACnEC,eAAe,CAAC,CACdC,OAAO,CAAE,+CAA+C,CACxDC,UAAU,CAAE,aACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAAAC,QAAA,CAAA,EAAI,CAAC,CACd,EAEM,IAAAG,aAAa,CAAG,SAAhBA,aAAaA,CAAIR,KAAyB,CAAyB,CACvEC,eAAe,CAAC,CACdC,OAAO,CAAE,iDAAiD,CAC1DC,UAAU,CAAE,eACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAAAC,QAAA,GAAI,CAAC,CACd;;;;"}
+{"version":3,"file":"Preview.native.js","sources":["../../../../../src/components/Preview/Preview.native.tsx"],"sourcesContent":["import React from 'react';\nimport type {\n  PreviewBodyProps,\n  PreviewFooterProps,\n  PreviewHeaderProps,\n  PreviewProps,\n} from './types';\nimport { throwBladeError } from '~utils/logger';\n\nconst Preview = (_prop: PreviewProps): React.ReactElement => {\n  throwBladeError({\n    message: 'PreviewWindow is not yet implemented for native',\n    moduleName: 'PreviewWindow',\n  });\n\n  return <></>;\n};\n\nconst PreviewHeader = (_prop: PreviewHeaderProps): React.ReactElement => {\n  throwBladeError({\n    message: 'PreviewHeader is not yet implemented for native',\n    moduleName: 'PreviewHeader',\n  });\n\n  return <></>;\n};\n\nconst PreviewBody = (_prop: PreviewBodyProps): React.ReactElement => {\n  throwBladeError({\n    message: 'PreviewBody is not yet implemented for native',\n    moduleName: 'PreviewBody',\n  });\n\n  return <></>;\n};\n\nconst PreviewFooter = (_prop: PreviewFooterProps): React.ReactElement => {\n  throwBladeError({\n    message: 'PreviewFooter is not yet implemented for native',\n    moduleName: 'PreviewFooter',\n  });\n\n  return <></>;\n};\n\nexport { Preview, PreviewHeader, PreviewBody, PreviewFooter };\n"],"names":["Preview","_prop","throwBladeError","message","moduleName","_jsx","_Fragment","PreviewHeader","PreviewBody","PreviewFooter"],"mappings":";;;;;AASM,IAAAA,OAAO,CAAG,SAAVA,OAAOA,CAAIC,KAAmB,CAAyB,CAC3DC,eAAe,CAAC,CACdC,OAAO,CAAE,iDAAiD,CAC1DC,UAAU,CAAE,eACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAAAC,QAAA,GAAI,CAAC,CACd,EAEM,IAAAC,aAAa,CAAG,SAAhBA,aAAaA,CAAIN,KAAyB,CAAyB,CACvEC,eAAe,CAAC,CACdC,OAAO,CAAE,iDAAiD,CAC1DC,UAAU,CAAE,eACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAAAC,QAAA,CAAI,EAAA,CAAC,CACd,EAEM,IAAAE,WAAW,CAAG,SAAdA,WAAWA,CAAIP,KAAuB,CAAyB,CACnEC,eAAe,CAAC,CACdC,OAAO,CAAE,+CAA+C,CACxDC,UAAU,CAAE,aACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAAAC,QAAA,CAAA,EAAI,CAAC,CACd,EAEM,IAAAG,aAAa,CAAG,SAAhBA,aAAaA,CAAIR,KAAyB,CAAyB,CACvEC,eAAe,CAAC,CACdC,OAAO,CAAE,iDAAiD,CAC1DC,UAAU,CAAE,eACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAAAC,QAAA,GAAI,CAAC,CACd;;;;"}

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

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

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

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

package/build/lib/native/components/ProgressBar/CircularProgressBar.native.js

@@ -5,27 +5,22 @@ import { Text, Circle } from 'react-native-svg';
 import { getCircularProgressSVGTokens, circularProgressSizeTokens } from './progressBarTokens.js';
 import { CircularProgressLabel } from './CircularProgressLabel.js';
 import getIn from '../../utils/lodashButBetter/get.js';
-import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
-import { makeMotionTime } from '../../utils/makeMotionTime/makeMotionTime.native.js';
-import '../Typography/Heading/Heading.js';
+import '../Box/BaseBox/index.js';
+import '../../utils/makeMotionTime/index.native.js';
+import '../Typography/index.js';
+import '../BladeProvider/index.js';
+import '../../utils/index.js';
+import '../Icons/_Svg/index.js';
+import getBaseTextStyles from '../Typography/BaseText/getBaseTextStyles.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { getTextProps } from '../Typography/Text/Text.js';
-import '../Typography/Code/Code.js';
-import '../Typography/Display/Display.js';
-import '@gorhom/portal';
-import 'react-native-gesture-handler';
 import useTheme from '../BladeProvider/useTheme.js';
-import 'react-native';
-import '@babel/runtime/helpers/slicedToArray';
 import { castNativeType } from '../../utils/platform/castUtils.js';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
-import '../BottomSheet/BottomSheetStack.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
+import { makeMotionTime } from '../../utils/makeMotionTime/makeMotionTime.native.js';
+import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
 import Svg from '../Icons/_Svg/Svg/Svg.native.js';
-import getBaseTextStyles from '../Typography/BaseText/getBaseTextStyles.js';
 
-var pulseAnimation={opacityInitial:1,opacityMid:0.65,opacityFinal:1};var StyledSVGText=styled(Text)(function(_ref){var theme=_ref.theme,size=_ref.size,weight=_ref.weight;var textProps=getTextProps({variant:'body',size:size,weight:weight});return Object.assign({},getBaseTextStyles(Object.assign({theme:theme},textProps)),{strokeWidth:0,fill:textProps.color==='currentColor'?textProps.color:getIn(theme.colors,textProps.color)});});var CircularProgressBarFilled=function CircularProgressBarFilled(_ref2){var progressPercent=_ref2.progressPercent,fillColor=_ref2.fillColor,backgroundColor=_ref2.backgroundColor,_ref2$size=_ref2.size,size=_ref2$size===void 0?'small':_ref2$size,label=_ref2.label,_ref2$showPercentage=_ref2.showPercentage,showPercentage=_ref2$showPercentage===void 0?true:_ref2$showPercentage,isMeter=_ref2.isMeter,motionEasing=_ref2.motionEasing,pulseMotionDuration=_ref2.pulseMotionDuration,pulseMotionDelay=_ref2.pulseMotionDelay,fillMotionDuration=_ref2.fillMotionDuration;var _getCircularProgressS=getCircularProgressSVGTokens({size:size,progressPercent:progressPercent}),sqSize=_getCircularProgressS.sqSize,strokeWidth=_getCircularProgressS.strokeWidth,radius=_getCircularProgressS.radius,viewBox=_getCircularProgressS.viewBox,dashArray=_getCircularProgressS.dashArray,dashOffset=_getCircularProgressS.dashOffset;var AnimatedCircle=Animated.createAnimatedComponent(Circle);var animatedOpacity=useSharedValue(pulseAnimation.opacityInitial);var animatedStrokeDashoffset=useSharedValue(dashOffset);var _useTheme=useTheme(),theme=_useTheme.theme;var fillAndPulseEasing=getIn(theme.motion,motionEasing);var pulseDuration=castNativeType(makeMotionTime(getIn(theme.motion,pulseMotionDuration)))/2;useEffect(function(){var fillDuration=castNativeType(makeMotionTime(getIn(theme.motion,fillMotionDuration)));animatedStrokeDashoffset.value=withTiming(dashOffset,{duration:fillDuration,easing:fillAndPulseEasing});return function(){cancelAnimation(animatedStrokeDashoffset);};},[dashOffset,animatedStrokeDashoffset,fillMotionDuration,theme,fillAndPulseEasing]);useEffect(function(){var pulsatingAnimationTimingConfig={duration:pulseDuration,easing:fillAndPulseEasing};if(!isMeter){animatedOpacity.value=withDelay(castNativeType(makeMotionTime(getIn(theme.motion,pulseMotionDelay))),withRepeat(withSequence(withTiming(pulseAnimation.opacityMid,pulsatingAnimationTimingConfig),withTiming(pulseAnimation.opacityFinal,pulsatingAnimationTimingConfig)),-1));}return function(){cancelAnimation(animatedOpacity);};},[animatedOpacity,fillAndPulseEasing,pulseDuration,pulseMotionDelay,theme,isMeter]);var firstIndicatorStyles=useAnimatedStyle(function(){return {strokeDashoffset:animatedStrokeDashoffset.value,opacity:progressPercent<100?animatedOpacity.value:1};});return jsxs(BaseBox,{display:"flex",width:"fit-content",alignItems:"center",children:[jsxs(Svg,{width:String(sqSize),height:String(sqSize),viewBox:viewBox,children:[jsx(Circle,{fill:"none",stroke:backgroundColor,cx:String(sqSize/2),cy:String(sqSize/2),r:String(radius),strokeWidth:`${strokeWidth}px`}),jsx(AnimatedCircle,{fill:"none",stroke:fillColor,cx:sqSize/2,cy:sqSize/2,r:radius,strokeWidth:`${strokeWidth}px`,transform:`rotate(-90 ${sqSize/2} ${sqSize/2})`,strokeDasharray:dashArray,strokeDashoffset:dashOffset,style:firstIndicatorStyles}),showPercentage&&size!=='small'&&jsx(StyledSVGText,{size:circularProgressSizeTokens[size].percentTextSize,weight:"semibold",x:"50%",y:"50%",textAnchor:"middle",dy:".5em",children:`${progressPercent}%`})]}),jsx(CircularProgressLabel,{progressPercent:progressPercent,size:size,label:label,showPercentage:showPercentage})]});};
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/ProgressBar/CircularProgressBar.native.tsx";var pulseAnimation={opacityInitial:1,opacityMid:0.65,opacityFinal:1};var StyledSVGText=styled(Text)(function(_ref){var theme=_ref.theme,size=_ref.size,weight=_ref.weight;var textProps=getTextProps({variant:'body',size:size,weight:weight});return Object.assign({},getBaseTextStyles(Object.assign({theme:theme},textProps)),{strokeWidth:0,fill:textProps.color==='currentColor'?textProps.color:getIn(theme.colors,textProps.color)});});var CircularProgressBarFilled=function CircularProgressBarFilled(_ref2){var progressPercent=_ref2.progressPercent,fillColor=_ref2.fillColor,backgroundColor=_ref2.backgroundColor,_ref2$size=_ref2.size,size=_ref2$size===void 0?'small':_ref2$size,label=_ref2.label,_ref2$showPercentage=_ref2.showPercentage,showPercentage=_ref2$showPercentage===void 0?true:_ref2$showPercentage,isMeter=_ref2.isMeter,motionEasing=_ref2.motionEasing,pulseMotionDuration=_ref2.pulseMotionDuration,pulseMotionDelay=_ref2.pulseMotionDelay,fillMotionDuration=_ref2.fillMotionDuration;var _getCircularProgressS=getCircularProgressSVGTokens({size:size,progressPercent:progressPercent}),sqSize=_getCircularProgressS.sqSize,strokeWidth=_getCircularProgressS.strokeWidth,radius=_getCircularProgressS.radius,viewBox=_getCircularProgressS.viewBox,dashArray=_getCircularProgressS.dashArray,dashOffset=_getCircularProgressS.dashOffset;var AnimatedCircle=Animated.createAnimatedComponent(Circle);var animatedOpacity=useSharedValue(pulseAnimation.opacityInitial);var animatedStrokeDashoffset=useSharedValue(dashOffset);var _useTheme=useTheme(),theme=_useTheme.theme;var fillAndPulseEasing=getIn(theme.motion,motionEasing);var pulseDuration=castNativeType(makeMotionTime(getIn(theme.motion,pulseMotionDuration)))/2;useEffect(function(){var fillDuration=castNativeType(makeMotionTime(getIn(theme.motion,fillMotionDuration)));animatedStrokeDashoffset.value=withTiming(dashOffset,{duration:fillDuration,easing:fillAndPulseEasing});return function(){cancelAnimation(animatedStrokeDashoffset);};},[dashOffset,animatedStrokeDashoffset,fillMotionDuration,theme,fillAndPulseEasing]);useEffect(function(){var pulsatingAnimationTimingConfig={duration:pulseDuration,easing:fillAndPulseEasing};if(!isMeter){animatedOpacity.value=withDelay(castNativeType(makeMotionTime(getIn(theme.motion,pulseMotionDelay))),withRepeat(withSequence(withTiming(pulseAnimation.opacityMid,pulsatingAnimationTimingConfig),withTiming(pulseAnimation.opacityFinal,pulsatingAnimationTimingConfig)),-1));}return function(){cancelAnimation(animatedOpacity);};},[animatedOpacity,fillAndPulseEasing,pulseDuration,pulseMotionDelay,theme,isMeter]);var firstIndicatorStyles=useAnimatedStyle(function(){return {strokeDashoffset:animatedStrokeDashoffset.value,opacity:progressPercent<100?animatedOpacity.value:1};});return jsxs(BaseBox,{display:"flex",width:"fit-content",alignItems:"center",children:[jsxs(Svg,{width:String(sqSize),height:String(sqSize),viewBox:viewBox,children:[jsx(Circle,{fill:"none",stroke:backgroundColor,cx:String(sqSize/2),cy:String(sqSize/2),r:String(radius),strokeWidth:`${strokeWidth}px`}),jsx(AnimatedCircle,{fill:"none",stroke:fillColor,cx:sqSize/2,cy:sqSize/2,r:radius,strokeWidth:`${strokeWidth}px`,transform:`rotate(-90 ${sqSize/2} ${sqSize/2})`,strokeDasharray:dashArray,strokeDashoffset:dashOffset,style:firstIndicatorStyles}),showPercentage&&size!=='small'&&jsx(StyledSVGText,{size:circularProgressSizeTokens[size].percentTextSize,weight:"semibold",x:"50%",y:"50%",textAnchor:"middle",dy:".5em",children:`${progressPercent}%`})]}),jsx(CircularProgressLabel,{progressPercent:progressPercent,size:size,label:label,showPercentage:showPercentage})]});};
 
 export { CircularProgressBarFilled };
 //# sourceMappingURL=CircularProgressBar.native.js.map

package/build/lib/native/components/ProgressBar/CircularProgressBar.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"CircularProgressBar.native.js","sources":["../../../../../src/components/ProgressBar/CircularProgressBar.native.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport styled from 'styled-components/native';\nimport Animated, {\n  cancelAnimation,\n  useAnimatedStyle,\n  useSharedValue,\n  withDelay,\n  withRepeat,\n  withSequence,\n  withTiming,\n} from 'react-native-reanimated';\nimport { Text as SVGText, Circle } from 'react-native-svg';\nimport type { CircularProgressBarFilledProps } from './types';\nimport { circularProgressSizeTokens, getCircularProgressSVGTokens } from './progressBarTokens';\nimport { CircularProgressLabel } from './CircularProgressLabel';\nimport getIn from '~utils/lodashButBetter/get';\nimport BaseBox from '~components/Box/BaseBox';\nimport { makeMotionTime } from '~utils/makeMotionTime';\nimport type { TextProps } from '~components/Typography';\nimport { getTextProps } from '~components/Typography';\nimport { useTheme } from '~components/BladeProvider';\nimport { castNativeType } from '~utils';\nimport { Svg } from '~components/Icons/_Svg';\nimport getBaseTextStyles from '~components/Typography/BaseText/getBaseTextStyles';\n\nconst pulseAnimation = {\n  opacityInitial: 1,\n  opacityMid: 0.65,\n  opacityFinal: 1,\n};\n\nconst StyledSVGText = styled(SVGText)<Pick<TextProps<{ variant: 'body' }>, 'size' | 'weight'>>(\n  ({ theme, size, weight }) => {\n    const textProps = getTextProps({ variant: 'body', size, weight });\n\n    return {\n      ...getBaseTextStyles({ theme, ...textProps }),\n      strokeWidth: 0,\n      fill:\n        textProps.color === 'currentColor'\n          ? textProps.color\n          : getIn(theme.colors, textProps.color!),\n    };\n  },\n);\n\nconst CircularProgressBarFilled = ({\n  progressPercent,\n  fillColor,\n  backgroundColor,\n  size = 'small',\n  label,\n  showPercentage = true,\n  isMeter,\n  motionEasing,\n  pulseMotionDuration,\n  pulseMotionDelay,\n  fillMotionDuration,\n}: CircularProgressBarFilledProps): React.ReactElement => {\n  const {\n    sqSize,\n    strokeWidth,\n    radius,\n    viewBox,\n    dashArray,\n    dashOffset,\n  } = getCircularProgressSVGTokens({ size, progressPercent });\n\n  const AnimatedCircle = Animated.createAnimatedComponent(Circle);\n  const animatedOpacity = useSharedValue(pulseAnimation.opacityInitial);\n  const animatedStrokeDashoffset = useSharedValue(dashOffset);\n  const { theme } = useTheme();\n  const fillAndPulseEasing = getIn(theme.motion, motionEasing);\n  const pulseDuration =\n    castNativeType(makeMotionTime(getIn(theme.motion, pulseMotionDuration))) / 2;\n\n  // Trigger animation for progress fill\n  useEffect(() => {\n    const fillDuration = castNativeType(makeMotionTime(getIn(theme.motion, fillMotionDuration)));\n    animatedStrokeDashoffset.value = withTiming(dashOffset, {\n      duration: fillDuration,\n      easing: fillAndPulseEasing,\n    });\n    return () => {\n      cancelAnimation(animatedStrokeDashoffset);\n    };\n  }, [dashOffset, animatedStrokeDashoffset, fillMotionDuration, theme, fillAndPulseEasing]);\n\n  // Trigger pulsating animation\n  useEffect(() => {\n    const pulsatingAnimationTimingConfig = {\n      duration: pulseDuration,\n      easing: fillAndPulseEasing,\n    };\n    if (!isMeter) {\n      animatedOpacity.value = withDelay(\n        castNativeType(makeMotionTime(getIn(theme.motion, pulseMotionDelay))),\n        withRepeat(\n          withSequence(\n            withTiming(pulseAnimation.opacityMid, pulsatingAnimationTimingConfig),\n            withTiming(pulseAnimation.opacityFinal, pulsatingAnimationTimingConfig),\n          ),\n          -1,\n        ),\n      );\n    }\n\n    return () => {\n      cancelAnimation(animatedOpacity);\n    };\n  }, [animatedOpacity, fillAndPulseEasing, pulseDuration, pulseMotionDelay, theme, isMeter]);\n\n  const firstIndicatorStyles = useAnimatedStyle(() => {\n    return {\n      strokeDashoffset: animatedStrokeDashoffset.value,\n      opacity: progressPercent < 100 ? animatedOpacity.value : 1,\n    };\n  });\n\n  return (\n    <BaseBox display=\"flex\" width=\"fit-content\" alignItems=\"center\">\n      <Svg width={String(sqSize)} height={String(sqSize)} viewBox={viewBox}>\n        <Circle\n          fill=\"none\"\n          stroke={backgroundColor}\n          cx={String(sqSize / 2)}\n          cy={String(sqSize / 2)}\n          r={String(radius)}\n          strokeWidth={`${strokeWidth}px`}\n        />\n\n        <AnimatedCircle\n          fill=\"none\"\n          stroke={fillColor}\n          cx={sqSize / 2}\n          cy={sqSize / 2}\n          r={radius}\n          strokeWidth={`${strokeWidth}px`}\n          // Start progress marker at 12 O'Clock\n          transform={`rotate(-90 ${sqSize / 2} ${sqSize / 2})`}\n          strokeDasharray={dashArray}\n          strokeDashoffset={dashOffset}\n          style={firstIndicatorStyles}\n        />\n\n        {showPercentage && size !== 'small' && (\n          <StyledSVGText\n            size={circularProgressSizeTokens[size].percentTextSize}\n            weight=\"semibold\"\n            x=\"50%\"\n            y=\"50%\"\n            textAnchor=\"middle\"\n            dy=\".5em\"\n          >\n            {`${progressPercent}%`}\n          </StyledSVGText>\n        )}\n      </Svg>\n\n      <CircularProgressLabel\n        progressPercent={progressPercent}\n        size={size}\n        label={label}\n        showPercentage={showPercentage}\n      />\n    </BaseBox>\n  );\n};\n\nexport { CircularProgressBarFilled };\n"],"names":["pulseAnimation","opacityInitial","opacityMid","opacityFinal","StyledSVGText","styled","SVGText","_ref","theme","size","weight","textProps","getTextProps","variant","Object","assign","getBaseTextStyles","strokeWidth","fill","color","getIn","colors","CircularProgressBarFilled","_ref2","progressPercent","fillColor","backgroundColor","_ref2$size","label","_ref2$showPercentage","showPercentage","isMeter","motionEasing","pulseMotionDuration","pulseMotionDelay","fillMotionDuration","_getCircularProgressS","getCircularProgressSVGTokens","sqSize","radius","viewBox","dashArray","dashOffset","AnimatedCircle","Animated","createAnimatedComponent","Circle","animatedOpacity","useSharedValue","animatedStrokeDashoffset","_useTheme","useTheme","fillAndPulseEasing","motion","pulseDuration","castNativeType","makeMotionTime","useEffect","fillDuration","value","withTiming","duration","easing","cancelAnimation","pulsatingAnimationTimingConfig","withDelay","withRepeat","withSequence","firstIndicatorStyles","useAnimatedStyle","strokeDashoffset","opacity","_jsxs","BaseBox","display","width","alignItems","children","Svg","String","height","_jsx","stroke","cx","cy","r","transform","strokeDasharray","style","circularProgressSizeTokens","percentTextSize","x","y","textAnchor","dy","CircularProgressLabel"],"mappings":"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"}
+{"version":3,"file":"CircularProgressBar.native.js","sources":["../../../../../src/components/ProgressBar/CircularProgressBar.native.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport styled from 'styled-components/native';\nimport Animated, {\n  cancelAnimation,\n  useAnimatedStyle,\n  useSharedValue,\n  withDelay,\n  withRepeat,\n  withSequence,\n  withTiming,\n} from 'react-native-reanimated';\nimport { Text as SVGText, Circle } from 'react-native-svg';\nimport type { CircularProgressBarFilledProps } from './types';\nimport { circularProgressSizeTokens, getCircularProgressSVGTokens } from './progressBarTokens';\nimport { CircularProgressLabel } from './CircularProgressLabel';\nimport getIn from '~utils/lodashButBetter/get';\nimport BaseBox from '~components/Box/BaseBox';\nimport { makeMotionTime } from '~utils/makeMotionTime';\nimport type { TextProps } from '~components/Typography';\nimport { getTextProps } from '~components/Typography';\nimport { useTheme } from '~components/BladeProvider';\nimport { castNativeType } from '~utils';\nimport { Svg } from '~components/Icons/_Svg';\nimport getBaseTextStyles from '~components/Typography/BaseText/getBaseTextStyles';\n\nconst pulseAnimation = {\n  opacityInitial: 1,\n  opacityMid: 0.65,\n  opacityFinal: 1,\n};\n\nconst StyledSVGText = styled(SVGText)<Pick<TextProps<{ variant: 'body' }>, 'size' | 'weight'>>(\n  ({ theme, size, weight }) => {\n    const textProps = getTextProps({ variant: 'body', size, weight });\n\n    return {\n      ...getBaseTextStyles({ theme, ...textProps }),\n      strokeWidth: 0,\n      fill:\n        textProps.color === 'currentColor'\n          ? textProps.color\n          : getIn(theme.colors, textProps.color!),\n    };\n  },\n);\n\nconst CircularProgressBarFilled = ({\n  progressPercent,\n  fillColor,\n  backgroundColor,\n  size = 'small',\n  label,\n  showPercentage = true,\n  isMeter,\n  motionEasing,\n  pulseMotionDuration,\n  pulseMotionDelay,\n  fillMotionDuration,\n}: CircularProgressBarFilledProps): React.ReactElement => {\n  const {\n    sqSize,\n    strokeWidth,\n    radius,\n    viewBox,\n    dashArray,\n    dashOffset,\n  } = getCircularProgressSVGTokens({ size, progressPercent });\n\n  const AnimatedCircle = Animated.createAnimatedComponent(Circle);\n  const animatedOpacity = useSharedValue(pulseAnimation.opacityInitial);\n  const animatedStrokeDashoffset = useSharedValue(dashOffset);\n  const { theme } = useTheme();\n  const fillAndPulseEasing = getIn(theme.motion, motionEasing);\n  const pulseDuration =\n    castNativeType(makeMotionTime(getIn(theme.motion, pulseMotionDuration))) / 2;\n\n  // Trigger animation for progress fill\n  useEffect(() => {\n    const fillDuration = castNativeType(makeMotionTime(getIn(theme.motion, fillMotionDuration)));\n    animatedStrokeDashoffset.value = withTiming(dashOffset, {\n      duration: fillDuration,\n      easing: fillAndPulseEasing,\n    });\n    return () => {\n      cancelAnimation(animatedStrokeDashoffset);\n    };\n  }, [dashOffset, animatedStrokeDashoffset, fillMotionDuration, theme, fillAndPulseEasing]);\n\n  // Trigger pulsating animation\n  useEffect(() => {\n    const pulsatingAnimationTimingConfig = {\n      duration: pulseDuration,\n      easing: fillAndPulseEasing,\n    };\n    if (!isMeter) {\n      animatedOpacity.value = withDelay(\n        castNativeType(makeMotionTime(getIn(theme.motion, pulseMotionDelay))),\n        withRepeat(\n          withSequence(\n            withTiming(pulseAnimation.opacityMid, pulsatingAnimationTimingConfig),\n            withTiming(pulseAnimation.opacityFinal, pulsatingAnimationTimingConfig),\n          ),\n          -1,\n        ),\n      );\n    }\n\n    return () => {\n      cancelAnimation(animatedOpacity);\n    };\n  }, [animatedOpacity, fillAndPulseEasing, pulseDuration, pulseMotionDelay, theme, isMeter]);\n\n  const firstIndicatorStyles = useAnimatedStyle(() => {\n    return {\n      strokeDashoffset: animatedStrokeDashoffset.value,\n      opacity: progressPercent < 100 ? animatedOpacity.value : 1,\n    };\n  });\n\n  return (\n    <BaseBox display=\"flex\" width=\"fit-content\" alignItems=\"center\">\n      <Svg width={String(sqSize)} height={String(sqSize)} viewBox={viewBox}>\n        <Circle\n          fill=\"none\"\n          stroke={backgroundColor}\n          cx={String(sqSize / 2)}\n          cy={String(sqSize / 2)}\n          r={String(radius)}\n          strokeWidth={`${strokeWidth}px`}\n        />\n\n        <AnimatedCircle\n          fill=\"none\"\n          stroke={fillColor}\n          cx={sqSize / 2}\n          cy={sqSize / 2}\n          r={radius}\n          strokeWidth={`${strokeWidth}px`}\n          // Start progress marker at 12 O'Clock\n          transform={`rotate(-90 ${sqSize / 2} ${sqSize / 2})`}\n          strokeDasharray={dashArray}\n          strokeDashoffset={dashOffset}\n          style={firstIndicatorStyles}\n        />\n\n        {showPercentage && size !== 'small' && (\n          <StyledSVGText\n            size={circularProgressSizeTokens[size].percentTextSize}\n            weight=\"semibold\"\n            x=\"50%\"\n            y=\"50%\"\n            textAnchor=\"middle\"\n            dy=\".5em\"\n          >\n            {`${progressPercent}%`}\n          </StyledSVGText>\n        )}\n      </Svg>\n\n      <CircularProgressLabel\n        progressPercent={progressPercent}\n        size={size}\n        label={label}\n        showPercentage={showPercentage}\n      />\n    </BaseBox>\n  );\n};\n\nexport { CircularProgressBarFilled };\n"],"names":["pulseAnimation","opacityInitial","opacityMid","opacityFinal","StyledSVGText","styled","SVGText","_ref","theme","size","weight","textProps","getTextProps","variant","Object","assign","getBaseTextStyles","strokeWidth","fill","color","getIn","colors","CircularProgressBarFilled","_ref2","progressPercent","fillColor","backgroundColor","_ref2$size","label","_ref2$showPercentage","showPercentage","isMeter","motionEasing","pulseMotionDuration","pulseMotionDelay","fillMotionDuration","_getCircularProgressS","getCircularProgressSVGTokens","sqSize","radius","viewBox","dashArray","dashOffset","AnimatedCircle","Animated","createAnimatedComponent","Circle","animatedOpacity","useSharedValue","animatedStrokeDashoffset","_useTheme","useTheme","fillAndPulseEasing","motion","pulseDuration","castNativeType","makeMotionTime","useEffect","fillDuration","value","withTiming","duration","easing","cancelAnimation","pulsatingAnimationTimingConfig","withDelay","withRepeat","withSequence","firstIndicatorStyles","useAnimatedStyle","strokeDashoffset","opacity","_jsxs","BaseBox","display","width","alignItems","children","Svg","String","height","_jsx","stroke","cx","cy","r","transform","strokeDasharray","style","circularProgressSizeTokens","percentTextSize","x","y","textAnchor","dy","CircularProgressLabel"],"mappings":"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"}

package/build/lib/native/components/ProgressBar/CircularProgressLabel.js

@@ -1,12 +1,11 @@
 import 'react';
+import '../Box/BaseBox/index.js';
+import '../Typography/index.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
-import '../Typography/Heading/Heading.js';
 import { Text } from '../Typography/Text/Text.js';
-import '../Typography/Code/Code.js';
-import '../Typography/Display/Display.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
 
-var CircularProgressLabel=function CircularProgressLabel(_ref){var _label$trim;var progressPercent=_ref.progressPercent,_ref$size=_ref.size,size=_ref$size===void 0?'small':_ref$size,label=_ref.label,_ref$showPercentage=_ref.showPercentage,showPercentage=_ref$showPercentage===void 0?true:_ref$showPercentage;var hasLabel=label&&((_label$trim=label.trim())==null?void 0:_label$trim.length)>0;return jsxs(BaseBox,{display:"flex",flexDirection:"column",alignItems:"center",children:[hasLabel&&jsx(Text,{marginTop:"spacing.3",variant:"body",weight:"regular",size:"small",children:label}),showPercentage&&size==='small'&&jsxs(Text,{marginTop:hasLabel?'spacing.0':'spacing.3',variant:"body",weight:"semibold",size:"small",children:[progressPercent,"%"]})]});};
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/ProgressBar/CircularProgressLabel.tsx";var CircularProgressLabel=function CircularProgressLabel(_ref){var _label$trim;var progressPercent=_ref.progressPercent,_ref$size=_ref.size,size=_ref$size===void 0?'small':_ref$size,label=_ref.label,_ref$showPercentage=_ref.showPercentage,showPercentage=_ref$showPercentage===void 0?true:_ref$showPercentage;var hasLabel=label&&((_label$trim=label.trim())==null?void 0:_label$trim.length)>0;return jsxs(BaseBox,{display:"flex",flexDirection:"column",alignItems:"center",children:[hasLabel&&jsx(Text,{marginTop:"spacing.3",variant:"body",weight:"regular",size:"small",children:label}),showPercentage&&size==='small'&&jsxs(Text,{marginTop:hasLabel?'spacing.0':'spacing.3',variant:"body",weight:"semibold",size:"small",children:[progressPercent,"%"]})]});};
 
 export { CircularProgressLabel };
 //# sourceMappingURL=CircularProgressLabel.js.map

package/build/lib/native/components/ProgressBar/CircularProgressLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"CircularProgressLabel.js","sources":["../../../../../src/components/ProgressBar/CircularProgressLabel.tsx"],"sourcesContent":["import React from 'react';\nimport type { CircularProgressBarFilledProps } from './types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\n\nconst CircularProgressLabel = ({\n  progressPercent,\n  size = 'small',\n  label,\n  showPercentage = true,\n}: Pick<\n  CircularProgressBarFilledProps,\n  'progressPercent' | 'size' | 'label' | 'showPercentage'\n>): React.ReactElement => {\n  const hasLabel = label && label.trim()?.length > 0;\n\n  return (\n    <BaseBox display=\"flex\" flexDirection=\"column\" alignItems=\"center\">\n      {hasLabel && (\n        <Text marginTop=\"spacing.3\" variant=\"body\" weight=\"regular\" size=\"small\">\n          {label}\n        </Text>\n      )}\n\n      {showPercentage && size === 'small' && (\n        <Text\n          marginTop={hasLabel ? 'spacing.0' : 'spacing.3'}\n          variant=\"body\"\n          weight=\"semibold\"\n          size=\"small\"\n        >\n          {progressPercent}%\n        </Text>\n      )}\n    </BaseBox>\n  );\n};\n\nexport { CircularProgressLabel };\n"],"names":["CircularProgressLabel","_ref","_label$trim","progressPercent","_ref$size","size","label","_ref$showPercentage","showPercentage","hasLabel","trim","length","_jsxs","BaseBox","display","flexDirection","alignItems","children","_jsx","Text","marginTop","variant","weight"],"mappings":";;;;;;;;AAKM,IAAAA,qBAAqB,CAAG,SAAxBA,qBAAqBA,CAAAC,IAAA,CAQD,CAAAC,IAAAA,WAAA,KAPxBC,eAAe,CAAAF,IAAA,CAAfE,eAAe,CAAAC,SAAA,CAAAH,IAAA,CACfI,IAAI,CAAJA,IAAI,CAAAD,SAAA,GAAA,KAAA,CAAA,CAAG,OAAO,CAAAA,SAAA,CACdE,KAAK,CAAAL,IAAA,CAALK,KAAK,CAAAC,mBAAA,CAAAN,IAAA,CACLO,cAAc,CAAdA,cAAc,CAAAD,mBAAA,GAAG,KAAA,CAAA,CAAA,IAAI,CAAAA,mBAAA,CAKrB,IAAME,QAAQ,CAAGH,KAAK,EAAI,EAAAJ,WAAA,CAAAI,KAAK,CAACI,IAAI,EAAE,GAAA,IAAA,CAAA,KAAA,CAAA,CAAZR,WAAA,CAAcS,MAAM,EAAG,CAAC,CAElD,OACEC,IAAA,CAACC,OAAO,CAAA,CAACC,OAAO,CAAC,MAAM,CAACC,aAAa,CAAC,QAAQ,CAACC,UAAU,CAAC,QAAQ,CAAAC,QAAA,CAC/DR,CAAAA,QAAQ,EACPS,GAAA,CAACC,IAAI,CAACC,CAAAA,SAAS,CAAC,WAAW,CAACC,OAAO,CAAC,MAAM,CAACC,MAAM,CAAC,SAAS,CAACjB,IAAI,CAAC,OAAO,CAAAY,QAAA,CACrEX,KAAK,CACF,CACP,CAEAE,cAAc,EAAIH,IAAI,GAAK,OAAO,EACjCO,IAAA,CAACO,IAAI,EACHC,SAAS,CAAEX,QAAQ,CAAG,WAAW,CAAG,WAAY,CAChDY,OAAO,CAAC,MAAM,CACdC,MAAM,CAAC,UAAU,CACjBjB,IAAI,CAAC,OAAO,CAAAY,QAAA,CAEXd,CAAAA,eAAe,CAAC,GACnB,CAAA,CAAM,CACP,CACM,CAAA,CAAC,CAEd;;;;"}
+{"version":3,"file":"CircularProgressLabel.js","sources":["../../../../../src/components/ProgressBar/CircularProgressLabel.tsx"],"sourcesContent":["import React from 'react';\nimport type { CircularProgressBarFilledProps } from './types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\n\nconst CircularProgressLabel = ({\n  progressPercent,\n  size = 'small',\n  label,\n  showPercentage = true,\n}: Pick<\n  CircularProgressBarFilledProps,\n  'progressPercent' | 'size' | 'label' | 'showPercentage'\n>): React.ReactElement => {\n  const hasLabel = label && label.trim()?.length > 0;\n\n  return (\n    <BaseBox display=\"flex\" flexDirection=\"column\" alignItems=\"center\">\n      {hasLabel && (\n        <Text marginTop=\"spacing.3\" variant=\"body\" weight=\"regular\" size=\"small\">\n          {label}\n        </Text>\n      )}\n\n      {showPercentage && size === 'small' && (\n        <Text\n          marginTop={hasLabel ? 'spacing.0' : 'spacing.3'}\n          variant=\"body\"\n          weight=\"semibold\"\n          size=\"small\"\n        >\n          {progressPercent}%\n        </Text>\n      )}\n    </BaseBox>\n  );\n};\n\nexport { CircularProgressLabel };\n"],"names":["this","CircularProgressLabel","_ref","_label$trim","progressPercent","_ref$size","size","label","_ref$showPercentage","showPercentage","hasLabel","trim","length","_jsxs","BaseBox","display","flexDirection","alignItems","children","_jsx","Text","marginTop","variant","weight"],"mappings":";;;;;;;AAAA,IAAA,KAAA,CAAAA,SAAA,CAAA,YAAA,CAAA,mGAAA,CAKM,IAAAC,qBAAqB,CAAG,SAAxBA,qBAAqBA,CAAAC,IAAA,CAQD,CAAAC,IAAAA,WAAA,KAPxBC,eAAe,CAAAF,IAAA,CAAfE,eAAe,CAAAC,SAAA,CAAAH,IAAA,CACfI,IAAI,CAAJA,IAAI,CAAAD,SAAA,GAAA,KAAA,CAAA,CAAG,OAAO,CAAAA,SAAA,CACdE,KAAK,CAAAL,IAAA,CAALK,KAAK,CAAAC,mBAAA,CAAAN,IAAA,CACLO,cAAc,CAAdA,cAAc,CAAAD,mBAAA,GAAG,KAAA,CAAA,CAAA,IAAI,CAAAA,mBAAA,CAKrB,IAAME,QAAQ,CAAGH,KAAK,EAAI,EAAAJ,WAAA,CAAAI,KAAK,CAACI,IAAI,EAAE,GAAA,IAAA,CAAA,KAAA,CAAA,CAAZR,WAAA,CAAcS,MAAM,EAAG,CAAC,CAElD,OACEC,IAAA,CAACC,OAAO,CAAA,CAACC,OAAO,CAAC,MAAM,CAACC,aAAa,CAAC,QAAQ,CAACC,UAAU,CAAC,QAAQ,CAAAC,QAAA,CAC/DR,CAAAA,QAAQ,EACPS,GAAA,CAACC,IAAI,CAACC,CAAAA,SAAS,CAAC,WAAW,CAACC,OAAO,CAAC,MAAM,CAACC,MAAM,CAAC,SAAS,CAACjB,IAAI,CAAC,OAAO,CAAAY,QAAA,CACrEX,KAAK,CACF,CACP,CAEAE,cAAc,EAAIH,IAAI,GAAK,OAAO,EACjCO,IAAA,CAACO,IAAI,EACHC,SAAS,CAAEX,QAAQ,CAAG,WAAW,CAAG,WAAY,CAChDY,OAAO,CAAC,MAAM,CACdC,MAAM,CAAC,UAAU,CACjBjB,IAAI,CAAC,OAAO,CAAAY,QAAA,CAEXd,CAAAA,eAAe,CAAC,GACnB,CAAA,CAAM,CACP,CACM,CAAA,CAAC,CAEd;;;;"}