@razorpay/blade 12.98.1 → 12.111.0

package/build/lib/native/components/BaseMotion/baseMotionUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"baseMotionUtils.js","sources":["../../../../../src/components/BaseMotion/baseMotionUtils.ts"],"sourcesContent":["import type { BaseMotionBoxProps, MotionTriggersType, MotionVariantsType } from './types';\n\n// This type is exported in new framer-motion versions but does not exist in earlier versions so adding it manually here\ntype AnimationType = 'animate' | 'whileHover' | 'whileInView' | 'whileTap' | 'whileFocus';\n\nconst motionTriggersArrayToGesturePropsMap: Record<\n  Exclude<MotionTriggersType, 'on-animate-interactions'>,\n  AnimationType\n> = {\n  mount: 'animate',\n  hover: 'whileHover',\n  'in-view': 'whileInView',\n  tap: 'whileTap',\n  focus: 'whileFocus',\n};\n\ntype AnimationVariablesType = Partial<\n  Record<Exclude<AnimationType, 'animate'>, keyof MotionVariantsType>\n> & {\n  animate?: BaseMotionBoxProps['animateVisibility'] | BaseMotionBoxProps['animate'];\n};\n\nconst makeAnimationVariables = (\n  motionTriggers: MotionTriggersType[],\n  { animateVisibility }: { animateVisibility: BaseMotionBoxProps['animateVisibility'] },\n): AnimationVariablesType & {\n  initial: string;\n  exit: string;\n} => {\n  const interactionVariables = motionTriggers.reduce<AnimationVariablesType>(\n    (prevProps, currentTrigger) => {\n      if (currentTrigger === 'on-animate-interactions') {\n        return prevProps;\n      }\n\n      // Sometimes animations are conditional. In those cases we use those conditional values in animate\n      if (currentTrigger === 'mount' && animateVisibility) {\n        prevProps.animate = animateVisibility;\n        return prevProps;\n      }\n\n      prevProps[motionTriggersArrayToGesturePropsMap[currentTrigger]] = 'animate';\n      return prevProps;\n    },\n    {},\n  );\n\n  return { initial: 'initial', exit: 'exit', ...interactionVariables };\n};\n\nconst useMotionVariants = (\n  motionVariants: BaseMotionBoxProps['motionVariants'],\n  type: BaseMotionBoxProps['type'],\n): BaseMotionBoxProps['motionVariants'] => {\n  if (!motionVariants) {\n    return undefined;\n  }\n\n  const shouldSkipEntryAnimation = type === 'out';\n  const shouldSkipExitAnimation = type === 'in';\n\n  // We override durations to stop animations but still continue with the expected position changes\n  const newMotionVariants: BaseMotionBoxProps['motionVariants'] = {\n    initial: {\n      ...motionVariants.initial,\n    },\n    animate: {\n      ...motionVariants.animate,\n      transition: {\n        ...motionVariants.animate?.transition,\n        duration: shouldSkipEntryAnimation ? 0.0001 : motionVariants.animate?.transition?.duration,\n      },\n    },\n    exit: {\n      ...motionVariants.exit,\n      transition: {\n        ...motionVariants.exit.transition,\n        duration: shouldSkipExitAnimation ? 0.0001 : motionVariants.exit.transition?.duration,\n      },\n    },\n  };\n\n  return newMotionVariants;\n};\n\nexport { makeAnimationVariables, useMotionVariants };\n"],"names":["motionTriggersArrayToGesturePropsMap","mount","hover","tap","focus","makeAnimationVariables","motionTriggers","_ref","animateVisibility","interactionVariables","reduce","prevProps","currentTrigger","animate","Object","assign","initial","exit","useMotionVariants","motionVariants","type","_motionVariants$anima","_motionVariants$anima2","_motionVariants$anima3","_motionVariants$exit$","undefined","shouldSkipEntryAnimation","shouldSkipExitAnimation","newMotionVariants","transition","duration"],"mappings":"AAKA,IAAMA,oCAGL,CAAG,CACFC,KAAK,CAAE,SAAS,CAChBC,KAAK,CAAE,YAAY,CACnB,SAAS,CAAE,aAAa,CACxBC,GAAG,CAAE,UAAU,CACfC,KAAK,CAAE,YACT,CAAC,CAQK,IAAAC,sBAAsB,CAAG,SAAzBA,sBAAsBA,CAC1BC,cAAoC,CAAAC,IAAA,CAKjC,CAAA,IAJDC,iBAAiB,CAAAD,IAAA,CAAjBC,iBAAiB,CAKnB,IAAMC,oBAAoB,CAAGH,cAAc,CAACI,MAAM,CAChD,SAACC,SAAS,CAAEC,cAAc,CAAK,CAC7B,GAAIA,cAAc,GAAK,yBAAyB,CAAE,CAChD,OAAOD,SAAS,CAClB,CAGA,GAAIC,cAAc,GAAK,OAAO,EAAIJ,iBAAiB,CAAE,CACnDG,SAAS,CAACE,OAAO,CAAGL,iBAAiB,CACrC,OAAOG,SAAS,CAClB,CAEAA,SAAS,CAACX,oCAAoC,CAACY,cAAc,CAAC,CAAC,CAAG,SAAS,CAC3E,OAAOD,SAAS,CAClB,CAAC,CACD,EACF,CAAC,CAED,OAAAG,MAAA,CAAAC,MAAA,CAAA,CAASC,OAAO,CAAE,SAAS,CAAEC,IAAI,CAAE,MAAM,CAAKR,CAAAA,oBAAoB,EACpE,EAEM,IAAAS,iBAAiB,CAAG,SAApBA,iBAAiBA,CACrBC,cAAoD,CACpDC,IAAgC,CACS,CAAAC,IAAAA,qBAAA,CAAAC,sBAAA,CAAAC,sBAAA,CAAAC,qBAAA,CACzC,GAAI,CAACL,cAAc,CAAE,CACnB,OAAOM,SAAS,CAClB,CAEA,IAAMC,wBAAwB,CAAGN,IAAI,GAAK,KAAK,CAC/C,IAAMO,uBAAuB,CAAGP,IAAI,GAAK,IAAI,CAG7C,IAAMQ,iBAAuD,CAAG,CAC9DZ,OAAO,CAAAF,MAAA,CAAAC,MAAA,CAAA,EAAA,CACFI,cAAc,CAACH,OAAO,CAC1B,CACDH,OAAO,CAAAC,MAAA,CAAAC,MAAA,CAAA,EAAA,CACFI,cAAc,CAACN,OAAO,CACzBgB,CAAAA,UAAU,CAAAf,MAAA,CAAAC,MAAA,CAAAM,EAAAA,CAAAA,CAAAA,qBAAA,CACLF,cAAc,CAACN,OAAO,GAAA,IAAA,CAAA,KAAA,CAAA,CAAtBQ,qBAAA,CAAwBQ,UAAU,CACrCC,CAAAA,QAAQ,CAAEJ,wBAAwB,CAAG,MAAM,CAAA,CAAAJ,sBAAA,CAAGH,cAAc,CAACN,OAAO,GAAAU,IAAAA,CAAAA,KAAAA,CAAAA,CAAAA,CAAAA,sBAAA,CAAtBD,sBAAA,CAAwBO,UAAU,GAAlCN,IAAAA,CAAAA,KAAAA,CAAAA,CAAAA,sBAAA,CAAoCO,QAAQ,CAAA,CAC3F,CACF,CAAA,CACDb,IAAI,CAAAH,MAAA,CAAAC,MAAA,CACCI,EAAAA,CAAAA,cAAc,CAACF,IAAI,EACtBY,UAAU,CAAAf,MAAA,CAAAC,MAAA,CACLI,EAAAA,CAAAA,cAAc,CAACF,IAAI,CAACY,UAAU,CACjCC,CAAAA,QAAQ,CAAEH,uBAAuB,CAAG,MAAM,CAAA,CAAAH,qBAAA,CAAGL,cAAc,CAACF,IAAI,CAACY,UAAU,GAA9BL,IAAAA,CAAAA,KAAAA,CAAAA,CAAAA,qBAAA,CAAgCM,QAAQ,CACtF,CAAA,CAAA,CAEL,CAAC,CAED,OAAOF,iBAAiB,CAC1B;;;;"}

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

@@ -0,0 +1,3 @@
+export { BaseMotionBox, BaseMotionEnhancerBox, BaseMotionEntryExit, MotionDiv } from './BaseMotion.native.js';
+import './types.js';
+//# sourceMappingURL=index.js.map

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

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

package/build/lib/native/components/BaseMotion/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map

package/build/lib/native/components/BaseMotion/types.js.map

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

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

@@ -4,9 +4,10 @@ import { GestureHandlerRootView } from 'react-native-gesture-handler';
 import { ThemeContext } from './useTheme.js';
 import { useBladeProvider } from './useBladeProvider.js';
 import { BottomSheetStackProvider } from '../BottomSheet/BottomSheetStack.js';
+import { DrawerStackProvider } from '../Drawer/StackProvider.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
-var gestureHandlerStyle={flex:1};var BladeProvider=function BladeProvider(_ref){var themeTokens=_ref.themeTokens,initialColorScheme=_ref.colorScheme,children=_ref.children;var _useBladeProvider=useBladeProvider({initialColorScheme:initialColorScheme,themeTokens:themeTokens}),theme=_useBladeProvider.theme,themeContextValue=_useBladeProvider.themeContextValue;return jsx(GestureHandlerRootView,{style:gestureHandlerStyle,children:jsx(PortalProvider,{children:jsx(ThemeContext.Provider,{value:themeContextValue,children:jsxs(ThemeProvider,{theme:theme,children:[jsx(BottomSheetStackProvider,{children:children}),jsx(PortalHost,{name:"BladeBottomSheetPortal"})]})})})});};
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/BladeProvider/BladeProvider.native.tsx";var gestureHandlerStyle={flex:1};var BladeProvider=function BladeProvider(_ref){var themeTokens=_ref.themeTokens,initialColorScheme=_ref.colorScheme,children=_ref.children;var _useBladeProvider=useBladeProvider({initialColorScheme:initialColorScheme,themeTokens:themeTokens}),theme=_useBladeProvider.theme,themeContextValue=_useBladeProvider.themeContextValue;return jsx(GestureHandlerRootView,{style:gestureHandlerStyle,children:jsx(PortalProvider,{children:jsx(ThemeContext.Provider,{value:themeContextValue,children:jsxs(ThemeProvider,{theme:theme,children:[jsx(DrawerStackProvider,{children:jsx(BottomSheetStackProvider,{children:children})}),jsx(PortalHost,{name:"BladeBottomSheetPortal"})]})})})});};
 
 export { BladeProvider };
 //# sourceMappingURL=BladeProvider.native.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BladeProvider.native.js","sources":["../../../../../src/components/BladeProvider/BladeProvider.native.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport { ThemeProvider as StyledComponentThemeProvider } from 'styled-components';\nimport { PortalHost, PortalProvider } from '@gorhom/portal';\nimport { GestureHandlerRootView } from 'react-native-gesture-handler';\nimport { ThemeContext } from './useTheme';\nimport { useBladeProvider } from './useBladeProvider';\nimport type { BladeProviderProps } from './types';\nimport { BottomSheetStackProvider } from '~components/BottomSheet/BottomSheetStack';\n\nconst gestureHandlerStyle = {\n  flex: 1,\n};\n\nconst BladeProvider = ({\n  themeTokens,\n  colorScheme: initialColorScheme,\n  children,\n}: BladeProviderProps): ReactElement => {\n  const { theme, themeContextValue } = useBladeProvider({ initialColorScheme, themeTokens });\n\n  return (\n    <GestureHandlerRootView style={gestureHandlerStyle}>\n      <PortalProvider>\n        <ThemeContext.Provider value={themeContextValue}>\n          <StyledComponentThemeProvider theme={theme}>\n            <BottomSheetStackProvider>{children}</BottomSheetStackProvider>\n            <PortalHost name=\"BladeBottomSheetPortal\" />\n          </StyledComponentThemeProvider>\n        </ThemeContext.Provider>\n      </PortalProvider>\n    </GestureHandlerRootView>\n  );\n};\n\nexport { BladeProvider };\n"],"names":["gestureHandlerStyle","flex","BladeProvider","_ref","themeTokens","initialColorScheme","colorScheme","children","_useBladeProvider","useBladeProvider","theme","themeContextValue","_jsx","GestureHandlerRootView","style","PortalProvider","ThemeContext","Provider","value","_jsxs","StyledComponentThemeProvider","BottomSheetStackProvider","PortalHost","name"],"mappings":";;;;;;;;AASA,IAAMA,mBAAmB,CAAG,CAC1BC,IAAI,CAAE,CACR,CAAC,CAEK,IAAAC,aAAa,CAAG,SAAhBA,aAAaA,CAAAC,IAAA,CAIqB,KAHtCC,WAAW,CAAAD,IAAA,CAAXC,WAAW,CACEC,kBAAkB,CAAAF,IAAA,CAA/BG,WAAW,CACXC,QAAQ,CAAAJ,IAAA,CAARI,QAAQ,CAER,IAAAC,iBAAA,CAAqCC,gBAAgB,CAAC,CAAEJ,kBAAkB,CAAlBA,kBAAkB,CAAED,WAAW,CAAXA,WAAY,CAAC,CAAC,CAAlFM,KAAK,CAAAF,iBAAA,CAALE,KAAK,CAAEC,iBAAiB,CAAAH,iBAAA,CAAjBG,iBAAiB,CAEhC,OACEC,GAAA,CAACC,sBAAsB,CAAA,CAACC,KAAK,CAAEd,mBAAoB,CAAAO,QAAA,CACjDK,GAAA,CAACG,cAAc,CAAAR,CAAAA,QAAA,CACbK,GAAA,CAACI,YAAY,CAACC,QAAQ,CAACC,CAAAA,KAAK,CAAEP,iBAAkB,CAAAJ,QAAA,CAC9CY,IAAA,CAACC,aAA4B,EAACV,KAAK,CAAEA,KAAM,CAAAH,QAAA,CACzCK,CAAAA,GAAA,CAACS,wBAAwB,CAAA,CAAAd,QAAA,CAAEA,QAAQ,CAA2B,CAAC,CAC/DK,GAAA,CAACU,UAAU,CAACC,CAAAA,IAAI,CAAC,wBAAwB,CAAE,CAAC,CAChB,CAAA,CAAC,CACV,CAAC,CACV,CAAC,CACK,CAAC,CAE7B;;;;"}
+{"version":3,"file":"BladeProvider.native.js","sources":["../../../../../src/components/BladeProvider/BladeProvider.native.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport { ThemeProvider as StyledComponentThemeProvider } from 'styled-components';\nimport { PortalHost, PortalProvider } from '@gorhom/portal';\nimport { GestureHandlerRootView } from 'react-native-gesture-handler';\nimport { ThemeContext } from './useTheme';\nimport { useBladeProvider } from './useBladeProvider';\nimport type { BladeProviderProps } from './types';\nimport { BottomSheetStackProvider } from '~components/BottomSheet/BottomSheetStack';\nimport { DrawerStackProvider } from '~components/Drawer/StackProvider';\n\nconst gestureHandlerStyle = {\n  flex: 1,\n};\n\nconst BladeProvider = ({\n  themeTokens,\n  colorScheme: initialColorScheme,\n  children,\n}: BladeProviderProps): ReactElement => {\n  const { theme, themeContextValue } = useBladeProvider({ initialColorScheme, themeTokens });\n\n  return (\n    <GestureHandlerRootView style={gestureHandlerStyle}>\n      <PortalProvider>\n        <ThemeContext.Provider value={themeContextValue}>\n          <StyledComponentThemeProvider theme={theme}>\n            <DrawerStackProvider>\n              <BottomSheetStackProvider>{children}</BottomSheetStackProvider>\n            </DrawerStackProvider>\n            <PortalHost name=\"BladeBottomSheetPortal\" />\n          </StyledComponentThemeProvider>\n        </ThemeContext.Provider>\n      </PortalProvider>\n    </GestureHandlerRootView>\n  );\n};\n\nexport { BladeProvider };\n"],"names":["this","gestureHandlerStyle","flex","BladeProvider","_ref","themeTokens","initialColorScheme","colorScheme","children","_useBladeProvider","useBladeProvider","theme","themeContextValue","_jsx","GestureHandlerRootView","style","PortalProvider","ThemeContext","Provider","value","_jsxs","StyledComponentThemeProvider","DrawerStackProvider","BottomSheetStackProvider","PortalHost","name"],"mappings":";;;;;;;;;AACA,IAAA,KAAA,CAAAA,SAAA,CAAA,YAAA,CAAA,oGAAA,CASA,IAAMC,mBAAmB,CAAG,CAC1BC,IAAI,CAAE,CACR,CAAC,CAEK,IAAAC,aAAa,CAAG,SAAhBA,aAAaA,CAAAC,IAAA,CAIqB,CAAA,IAHtCC,WAAW,CAAAD,IAAA,CAAXC,WAAW,CACEC,kBAAkB,CAAAF,IAAA,CAA/BG,WAAW,CACXC,QAAQ,CAAAJ,IAAA,CAARI,QAAQ,CAER,IAAAC,iBAAA,CAAqCC,gBAAgB,CAAC,CAAEJ,kBAAkB,CAAlBA,kBAAkB,CAAED,WAAW,CAAXA,WAAY,CAAC,CAAC,CAAlFM,KAAK,CAAAF,iBAAA,CAALE,KAAK,CAAEC,iBAAiB,CAAAH,iBAAA,CAAjBG,iBAAiB,CAEhC,OACEC,GAAA,CAACC,sBAAsB,CAAA,CAACC,KAAK,CAAEd,mBAAoB,CAAAO,QAAA,CACjDK,GAAA,CAACG,cAAc,EAAAR,QAAA,CACbK,GAAA,CAACI,YAAY,CAACC,QAAQ,CAAA,CAACC,KAAK,CAAEP,iBAAkB,CAAAJ,QAAA,CAC9CY,IAAA,CAACC,aAA4B,EAACV,KAAK,CAAEA,KAAM,CAAAH,QAAA,EACzCK,GAAA,CAACS,mBAAmB,CAAAd,CAAAA,QAAA,CAClBK,GAAA,CAACU,wBAAwB,CAAAf,CAAAA,QAAA,CAAEA,QAAQ,CAA2B,CAAC,CAC5C,CAAC,CACtBK,GAAA,CAACW,UAAU,CAACC,CAAAA,IAAI,CAAC,wBAAwB,CAAE,CAAC,CAChB,CAAA,CAAC,CACV,CAAC,CACV,CAAC,CACK,CAAC,CAE7B;;;;"}

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

@@ -0,0 +1,4 @@
+export { BladeProvider } from './BladeProvider.native.js';
+import './types.js';
+export { default as useTheme } from './useTheme.js';
+//# sourceMappingURL=index.js.map

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

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

package/build/lib/native/components/BladeProvider/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map

package/build/lib/native/components/BladeProvider/types.js.map

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

package/build/lib/native/components/BladeProvider/useBladeProvider.js

@@ -1,15 +1,13 @@
-import 'react-native';
-import { useBreakpoint } from '../../utils/useBreakpoint/useBreakpoint.js';
-import { useColorScheme } from '../../utils/useColorScheme/useColorScheme.js';
-import 'react';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
-import { toTitleCase } from '../../utils/toTitleCase/toTitleCase.js';
-import './useTheme.js';
+import '../../utils/index.js';
 import { colorSchemeNamesInput } from '../../tokens/theme/theme.js';
+import '../../utils/logger/index.js';
+import '../../utils/toTitleCase/index.js';
 import { throwBladeError } from '../../utils/logger/logger.js';
+import { useColorScheme } from '../../utils/useColorScheme/useColorScheme.js';
+import { useBreakpoint } from '../../utils/useBreakpoint/useBreakpoint.js';
+import { toTitleCase } from '../../utils/toTitleCase/toTitleCase.js';
 
-var useBladeProvider=function useBladeProvider(_ref){var themeTokens=_ref.themeTokens,initialColorScheme=_ref.initialColorScheme;if(__DEV__){if(!themeTokens){throwBladeError({message:`Expected valid themeTokens of type ThemeTokens to be passed but found ${typeof themeTokens}`,moduleName:'BladeProvider'});}if(initialColorScheme&&!colorSchemeNamesInput.includes(initialColorScheme)){throwBladeError({message:`Expected color scheme to be one of [${colorSchemeNamesInput.toString()}] but received ${initialColorScheme}`,moduleName:'BladeProvider'});}}var _useColorScheme=useColorScheme(initialColorScheme),colorScheme=_useColorScheme.colorScheme,setColorScheme=_useColorScheme.setColorScheme;var _useBreakpoint=useBreakpoint({breakpoints:themeTokens.breakpoints}),matchedDeviceType=_useBreakpoint.matchedDeviceType;var onColorMode=`on${toTitleCase(colorScheme)}`;var onDeviceType=`on${toTitleCase(matchedDeviceType)}`;var theme=Object.assign({},themeTokens,{colors:themeTokens.colors[onColorMode],elevation:themeTokens.elevation[onColorMode],typography:themeTokens.typography[onDeviceType]});var themeContextValue={theme:theme,colorScheme:colorScheme,setColorScheme:setColorScheme,platform:onDeviceType};return {themeContextValue:themeContextValue,theme:theme};};
+var useBladeProvider=function useBladeProvider(_ref){var themeTokens=_ref.themeTokens,initialColorScheme=_ref.initialColorScheme;if(__DEV__){if(!themeTokens){throwBladeError({message:`Expected valid themeTokens of type ThemeTokens to be passed but found ${typeof themeTokens}`,moduleName:'BladeProvider'});}if(initialColorScheme&&!colorSchemeNamesInput.includes(initialColorScheme)){throwBladeError({message:`Expected color scheme to be one of [${colorSchemeNamesInput.toString()}] but received ${initialColorScheme}`,moduleName:'BladeProvider'});}}var _useColorScheme=useColorScheme(initialColorScheme),colorScheme=_useColorScheme.colorScheme,setColorScheme=_useColorScheme.setColorScheme;var _useBreakpoint=useBreakpoint({breakpoints:themeTokens.breakpoints}),matchedDeviceType=_useBreakpoint.matchedDeviceType;var onColorMode=`on${toTitleCase(colorScheme)}`;var onDeviceType=`on${toTitleCase(matchedDeviceType)}`;var theme=Object.assign({},themeTokens,{colors:themeTokens.colors[onColorMode],elevation:themeTokens.elevation[onColorMode],typography:themeTokens.typography[onDeviceType]});var themeContextValue={theme:theme,themeTokens:themeTokens,colorScheme:colorScheme,setColorScheme:setColorScheme,platform:onDeviceType};return {themeContextValue:themeContextValue,theme:theme};};
 
 export { useBladeProvider };
 //# sourceMappingURL=useBladeProvider.js.map

package/build/lib/native/components/BladeProvider/useBladeProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"useBladeProvider.js","sources":["../../../../../src/components/BladeProvider/useBladeProvider.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-function-return-type */\nimport type { Theme } from './index';\nimport { useColorScheme, useBreakpoint } from '~utils';\nimport type { ColorSchemeNames, ColorSchemeNamesInput, ThemeTokens } from '~tokens/theme';\nimport { colorSchemeNamesInput } from '~tokens/theme/theme';\nimport type { TypographyPlatforms } from '~tokens/global';\nimport type { ColorSchemeModes } from '~tokens/theme/theme';\nimport { toTitleCase } from '~utils/toTitleCase';\nimport { throwBladeError } from '~utils/logger';\n\ntype ThemeContextValue = {\n  theme: Theme;\n  colorScheme: ColorSchemeNames;\n  setColorScheme: (colorScheme: ColorSchemeNamesInput) => void;\n  platform: TypographyPlatforms;\n};\n\n/**\n * Reusable hook to be used in BladeProvider.native & BladeProvider.web file\n *\n * This hook processes incoming themeTokens & initialColorScheme\n * And validates & returns the theme values\n */\nconst useBladeProvider = ({\n  themeTokens,\n  initialColorScheme,\n}: {\n  themeTokens: ThemeTokens;\n  initialColorScheme?: ColorSchemeNamesInput;\n}): { theme: Theme; themeContextValue: ThemeContextValue } => {\n  if (__DEV__) {\n    if (!themeTokens) {\n      throwBladeError({\n        message: `Expected valid themeTokens of type ThemeTokens to be passed but found ${typeof themeTokens}`,\n        moduleName: 'BladeProvider',\n      });\n    }\n\n    if (initialColorScheme && !colorSchemeNamesInput.includes(initialColorScheme)) {\n      throwBladeError({\n        message: `Expected color scheme to be one of [${colorSchemeNamesInput.toString()}] but received ${initialColorScheme}`,\n        moduleName: 'BladeProvider',\n      });\n    }\n  }\n\n  const { colorScheme, setColorScheme } = useColorScheme(initialColorScheme);\n  const { matchedDeviceType } = useBreakpoint({\n    breakpoints: themeTokens.breakpoints,\n  });\n\n  const onColorMode = `on${toTitleCase(colorScheme)}` as ColorSchemeModes;\n  const onDeviceType = `on${toTitleCase(matchedDeviceType)}` as TypographyPlatforms;\n\n  const theme: Theme = {\n    ...themeTokens,\n    colors: themeTokens.colors[onColorMode],\n    elevation: themeTokens.elevation[onColorMode],\n    typography: themeTokens.typography[onDeviceType],\n  };\n\n  const themeContextValue = {\n    theme,\n    colorScheme,\n    setColorScheme,\n    platform: onDeviceType,\n  };\n\n  return { themeContextValue, theme };\n};\n\nexport { useBladeProvider };\n"],"names":["useBladeProvider","_ref","themeTokens","initialColorScheme","__DEV__","throwBladeError","message","moduleName","colorSchemeNamesInput","includes","toString","_useColorScheme","useColorScheme","colorScheme","setColorScheme","_useBreakpoint","useBreakpoint","breakpoints","matchedDeviceType","onColorMode","toTitleCase","onDeviceType","theme","Object","assign","colors","elevation","typography","themeContextValue","platform"],"mappings":";;;;;;;;;;;AAuBM,IAAAA,gBAAgB,CAAG,SAAnBA,gBAAgBA,CAAAC,IAAA,CAMwC,CAL5D,IAAAC,WAAW,CAAAD,IAAA,CAAXC,WAAW,CACXC,kBAAkB,CAAAF,IAAA,CAAlBE,kBAAkB,CAKlB,GAAIC,OAAO,CAAE,CACX,GAAI,CAACF,WAAW,CAAE,CAChBG,eAAe,CAAC,CACdC,OAAO,CAAE,CAAyE,sEAAA,EAAA,OAAOJ,WAAW,CAAE,CAAA,CACtGK,UAAU,CAAE,eACd,CAAC,CAAC,CACJ,CAEA,GAAIJ,kBAAkB,EAAI,CAACK,qBAAqB,CAACC,QAAQ,CAACN,kBAAkB,CAAC,CAAE,CAC7EE,eAAe,CAAC,CACdC,OAAO,CAAE,CAAuCE,oCAAAA,EAAAA,qBAAqB,CAACE,QAAQ,EAAE,kBAAkBP,kBAAkB,CAAA,CAAE,CACtHI,UAAU,CAAE,eACd,CAAC,CAAC,CACJ,CACF,CAEA,IAAAI,eAAA,CAAwCC,cAAc,CAACT,kBAAkB,CAAC,CAAlEU,WAAW,CAAAF,eAAA,CAAXE,WAAW,CAAEC,cAAc,CAAAH,eAAA,CAAdG,cAAc,CACnC,IAAAC,cAAA,CAA8BC,aAAa,CAAC,CAC1CC,WAAW,CAAEf,WAAW,CAACe,WAC3B,CAAC,CAAC,CAFMC,iBAAiB,CAAAH,cAAA,CAAjBG,iBAAiB,CAIzB,IAAMC,WAAW,CAAG,CAAKC,EAAAA,EAAAA,WAAW,CAACP,WAAW,CAAC,CAAsB,CAAA,CACvE,IAAMQ,YAAY,CAAG,CAAKD,EAAAA,EAAAA,WAAW,CAACF,iBAAiB,CAAC,CAAA,CAAyB,CAEjF,IAAMI,KAAY,CAAAC,MAAA,CAAAC,MAAA,CAAA,EAAA,CACbtB,WAAW,CAAA,CACduB,MAAM,CAAEvB,WAAW,CAACuB,MAAM,CAACN,WAAW,CAAC,CACvCO,SAAS,CAAExB,WAAW,CAACwB,SAAS,CAACP,WAAW,CAAC,CAC7CQ,UAAU,CAAEzB,WAAW,CAACyB,UAAU,CAACN,YAAY,CAAC,CACjD,CAAA,CAED,IAAMO,iBAAiB,CAAG,CACxBN,KAAK,CAALA,KAAK,CACLT,WAAW,CAAXA,WAAW,CACXC,cAAc,CAAdA,cAAc,CACde,QAAQ,CAAER,YACZ,CAAC,CAED,OAAO,CAAEO,iBAAiB,CAAjBA,iBAAiB,CAAEN,KAAK,CAALA,KAAM,CAAC,CACrC;;;;"}
+{"version":3,"file":"useBladeProvider.js","sources":["../../../../../src/components/BladeProvider/useBladeProvider.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-function-return-type */\nimport type { Theme } from './index';\nimport { useColorScheme, useBreakpoint } from '~utils';\nimport type { ColorSchemeNames, ColorSchemeNamesInput, ThemeTokens } from '~tokens/theme';\nimport { colorSchemeNamesInput } from '~tokens/theme/theme';\nimport type { TypographyPlatforms } from '~tokens/global';\nimport type { ColorSchemeModes } from '~tokens/theme/theme';\nimport { throwBladeError } from '~utils/logger';\nimport { toTitleCase } from '~utils/toTitleCase';\n\ntype ThemeContextValue = {\n  theme: Theme;\n  themeTokens: ThemeTokens;\n  colorScheme: ColorSchemeNames;\n  setColorScheme: (colorScheme: ColorSchemeNamesInput) => void;\n  platform: TypographyPlatforms;\n};\n\n/**\n * Reusable hook to be used in BladeProvider.native & BladeProvider.web file\n *\n * This hook processes incoming themeTokens & initialColorScheme\n * And validates & returns the theme values\n */\nconst useBladeProvider = ({\n  themeTokens,\n  initialColorScheme,\n}: {\n  themeTokens: ThemeTokens;\n  initialColorScheme?: ColorSchemeNamesInput;\n}): { theme: Theme; themeContextValue: ThemeContextValue } => {\n  if (__DEV__) {\n    if (!themeTokens) {\n      throwBladeError({\n        message: `Expected valid themeTokens of type ThemeTokens to be passed but found ${typeof themeTokens}`,\n        moduleName: 'BladeProvider',\n      });\n    }\n\n    if (initialColorScheme && !colorSchemeNamesInput.includes(initialColorScheme)) {\n      throwBladeError({\n        message: `Expected color scheme to be one of [${colorSchemeNamesInput.toString()}] but received ${initialColorScheme}`,\n        moduleName: 'BladeProvider',\n      });\n    }\n  }\n\n  const { colorScheme, setColorScheme } = useColorScheme(initialColorScheme);\n  const { matchedDeviceType } = useBreakpoint({\n    breakpoints: themeTokens.breakpoints,\n  });\n\n  const onColorMode = `on${toTitleCase(colorScheme)}` as ColorSchemeModes;\n  const onDeviceType = `on${toTitleCase(matchedDeviceType)}` as TypographyPlatforms;\n\n  const theme: Theme = {\n    ...themeTokens,\n    colors: themeTokens.colors[onColorMode],\n    elevation: themeTokens.elevation[onColorMode],\n    typography: themeTokens.typography[onDeviceType],\n  };\n\n  const themeContextValue = {\n    theme,\n    themeTokens,\n    colorScheme,\n    setColorScheme,\n    platform: onDeviceType,\n  };\n\n  return { themeContextValue, theme };\n};\n\nexport { useBladeProvider };\n"],"names":["useBladeProvider","_ref","themeTokens","initialColorScheme","__DEV__","throwBladeError","message","moduleName","colorSchemeNamesInput","includes","toString","_useColorScheme","useColorScheme","colorScheme","setColorScheme","_useBreakpoint","useBreakpoint","breakpoints","matchedDeviceType","onColorMode","toTitleCase","onDeviceType","theme","Object","assign","colors","elevation","typography","themeContextValue","platform"],"mappings":";;;;;;;;;AAwBM,IAAAA,gBAAgB,CAAG,SAAnBA,gBAAgBA,CAAAC,IAAA,CAMwC,CAAA,IAL5DC,WAAW,CAAAD,IAAA,CAAXC,WAAW,CACXC,kBAAkB,CAAAF,IAAA,CAAlBE,kBAAkB,CAKlB,GAAIC,OAAO,CAAE,CACX,GAAI,CAACF,WAAW,CAAE,CAChBG,eAAe,CAAC,CACdC,OAAO,CAAE,CAAA,sEAAA,EAAyE,OAAOJ,WAAW,CAAA,CAAE,CACtGK,UAAU,CAAE,eACd,CAAC,CAAC,CACJ,CAEA,GAAIJ,kBAAkB,EAAI,CAACK,qBAAqB,CAACC,QAAQ,CAACN,kBAAkB,CAAC,CAAE,CAC7EE,eAAe,CAAC,CACdC,OAAO,CAAE,CAAA,oCAAA,EAAuCE,qBAAqB,CAACE,QAAQ,EAAE,CAAA,eAAA,EAAkBP,kBAAkB,CAAE,CAAA,CACtHI,UAAU,CAAE,eACd,CAAC,CAAC,CACJ,CACF,CAEA,IAAAI,eAAA,CAAwCC,cAAc,CAACT,kBAAkB,CAAC,CAAlEU,WAAW,CAAAF,eAAA,CAAXE,WAAW,CAAEC,cAAc,CAAAH,eAAA,CAAdG,cAAc,CACnC,IAAAC,cAAA,CAA8BC,aAAa,CAAC,CAC1CC,WAAW,CAAEf,WAAW,CAACe,WAC3B,CAAC,CAAC,CAFMC,iBAAiB,CAAAH,cAAA,CAAjBG,iBAAiB,CAIzB,IAAMC,WAAW,CAAG,CAAKC,EAAAA,EAAAA,WAAW,CAACP,WAAW,CAAC,CAAA,CAAsB,CACvE,IAAMQ,YAAY,CAAG,CAAKD,EAAAA,EAAAA,WAAW,CAACF,iBAAiB,CAAC,CAAA,CAAyB,CAEjF,IAAMI,KAAY,CAAAC,MAAA,CAAAC,MAAA,CACbtB,EAAAA,CAAAA,WAAW,CACduB,CAAAA,MAAM,CAAEvB,WAAW,CAACuB,MAAM,CAACN,WAAW,CAAC,CACvCO,SAAS,CAAExB,WAAW,CAACwB,SAAS,CAACP,WAAW,CAAC,CAC7CQ,UAAU,CAAEzB,WAAW,CAACyB,UAAU,CAACN,YAAY,CAAC,CAAA,CACjD,CAED,IAAMO,iBAAiB,CAAG,CACxBN,KAAK,CAALA,KAAK,CACLpB,WAAW,CAAXA,WAAW,CACXW,WAAW,CAAXA,WAAW,CACXC,cAAc,CAAdA,cAAc,CACde,QAAQ,CAAER,YACZ,CAAC,CAED,OAAO,CAAEO,iBAAiB,CAAjBA,iBAAiB,CAAEN,KAAK,CAALA,KAAM,CAAC,CACrC;;;;"}

package/build/lib/native/components/BladeProvider/useTheme.js

@@ -1,7 +1,8 @@
 import { createContext, useContext } from 'react';
+import '../../utils/logger/index.js';
 import { throwBladeError } from '../../utils/logger/logger.js';
 
-var ThemeContext=createContext({theme:null,colorScheme:'light',platform:'onDesktop',setColorScheme:function setColorScheme(){return null;}});var useTheme=function useTheme(){var themeContext=useContext(ThemeContext);if(__DEV__){if(!themeContext.theme){throwBladeError({message:'BladeProvider is missing theme',moduleName:'BladeProvider'});}if(themeContext===undefined){throwBladeError({message:'useTheme must be used within BladeProvider',moduleName:'BladeProvider'});}}return themeContext;};
+var ThemeContext=createContext({theme:null,themeTokens:null,colorScheme:'light',platform:'onDesktop',setColorScheme:function setColorScheme(){return null;}});var useTheme=function useTheme(){var themeContext=useContext(ThemeContext);if(__DEV__){if(!themeContext.theme){throwBladeError({message:'BladeProvider is missing theme',moduleName:'BladeProvider'});}if(themeContext===undefined){throwBladeError({message:'useTheme must be used within BladeProvider',moduleName:'BladeProvider'});}}return themeContext;};
 
 export { ThemeContext, useTheme as default };
 //# sourceMappingURL=useTheme.js.map

package/build/lib/native/components/BladeProvider/useTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTheme.js","sources":["../../../../../src/components/BladeProvider/useTheme.ts"],"sourcesContent":["import { useContext, createContext } from 'react';\nimport type { Theme } from './';\nimport type { UseColorScheme } from '~utils/useColorScheme';\nimport type { TypographyPlatforms } from '~tokens/global';\nimport { throwBladeError } from '~utils/logger';\n\nexport type ThemeContext = UseColorScheme & {\n  theme: Theme;\n  platform: TypographyPlatforms;\n};\n\nexport const ThemeContext = createContext<ThemeContext>({\n  // @ts-expect-error set null\n  theme: null,\n  colorScheme: 'light',\n  platform: 'onDesktop',\n  setColorScheme: () => null,\n});\n\nconst useTheme = (): ThemeContext => {\n  const themeContext = useContext<ThemeContext>(ThemeContext);\n  if (__DEV__) {\n    if (!themeContext.theme) {\n      throwBladeError({\n        message: 'BladeProvider is missing theme',\n        moduleName: 'BladeProvider',\n      });\n    }\n    if (themeContext === undefined) {\n      throwBladeError({\n        message: 'useTheme must be used within BladeProvider',\n        moduleName: 'BladeProvider',\n      });\n    }\n  }\n  return themeContext;\n};\n\nexport default useTheme;\n"],"names":["ThemeContext","createContext","theme","colorScheme","platform","setColorScheme","useTheme","themeContext","useContext","__DEV__","throwBladeError","message","moduleName","undefined"],"mappings":";;;AAWa,IAAAA,YAAY,CAAGC,aAAa,CAAe,CAEtDC,KAAK,CAAE,IAAI,CACXC,WAAW,CAAE,OAAO,CACpBC,QAAQ,CAAE,WAAW,CACrBC,cAAc,CAAE,SAAhBA,cAAcA,EAAA,CAAA,OAAY,IAAA,CAAA,CAC5B,CAAC,EAEK,IAAAC,QAAQ,CAAG,SAAXA,QAAQA,EAAuB,CACnC,IAAMC,YAAY,CAAGC,UAAU,CAAeR,YAAY,CAAC,CAC3D,GAAIS,OAAO,CAAE,CACX,GAAI,CAACF,YAAY,CAACL,KAAK,CAAE,CACvBQ,eAAe,CAAC,CACdC,OAAO,CAAE,gCAAgC,CACzCC,UAAU,CAAE,eACd,CAAC,CAAC,CACJ,CACA,GAAIL,YAAY,GAAKM,SAAS,CAAE,CAC9BH,eAAe,CAAC,CACdC,OAAO,CAAE,4CAA4C,CACrDC,UAAU,CAAE,eACd,CAAC,CAAC,CACJ,CACF,CACA,OAAOL,YAAY,CACrB;;;;"}
+{"version":3,"file":"useTheme.js","sources":["../../../../../src/components/BladeProvider/useTheme.ts"],"sourcesContent":["import { useContext, createContext } from 'react';\nimport type { Theme } from './';\nimport type { ThemeTokens } from '~tokens/theme';\nimport type { UseColorScheme } from '~utils/useColorScheme';\nimport type { TypographyPlatforms } from '~tokens/global';\nimport { throwBladeError } from '~utils/logger';\n\nexport type ThemeContext = UseColorScheme & {\n  theme: Theme;\n  themeTokens: ThemeTokens;\n  platform: TypographyPlatforms;\n};\n\nexport const ThemeContext = createContext<ThemeContext>({\n  // @ts-expect-error set null\n  theme: null,\n  // @ts-expect-error set null\n  themeTokens: null,\n  colorScheme: 'light',\n  platform: 'onDesktop',\n  setColorScheme: () => null,\n});\n\nconst useTheme = (): ThemeContext => {\n  const themeContext = useContext<ThemeContext>(ThemeContext);\n  if (__DEV__) {\n    if (!themeContext.theme) {\n      throwBladeError({\n        message: 'BladeProvider is missing theme',\n        moduleName: 'BladeProvider',\n      });\n    }\n    if (themeContext === undefined) {\n      throwBladeError({\n        message: 'useTheme must be used within BladeProvider',\n        moduleName: 'BladeProvider',\n      });\n    }\n  }\n  return themeContext;\n};\n\nexport default useTheme;\n"],"names":["ThemeContext","createContext","theme","themeTokens","colorScheme","platform","setColorScheme","useTheme","themeContext","useContext","__DEV__","throwBladeError","message","moduleName","undefined"],"mappings":";;;;AAaa,IAAAA,YAAY,CAAGC,aAAa,CAAe,CAEtDC,KAAK,CAAE,IAAI,CAEXC,WAAW,CAAE,IAAI,CACjBC,WAAW,CAAE,OAAO,CACpBC,QAAQ,CAAE,WAAW,CACrBC,cAAc,CAAE,SAAhBA,cAAcA,EAAQ,CAAA,OAAA,IAAI,CAC5B,CAAA,CAAC,EAEK,IAAAC,QAAQ,CAAG,SAAXA,QAAQA,EAAuB,CACnC,IAAMC,YAAY,CAAGC,UAAU,CAAeT,YAAY,CAAC,CAC3D,GAAIU,OAAO,CAAE,CACX,GAAI,CAACF,YAAY,CAACN,KAAK,CAAE,CACvBS,eAAe,CAAC,CACdC,OAAO,CAAE,gCAAgC,CACzCC,UAAU,CAAE,eACd,CAAC,CAAC,CACJ,CACA,GAAIL,YAAY,GAAKM,SAAS,CAAE,CAC9BH,eAAe,CAAC,CACdC,OAAO,CAAE,4CAA4C,CACrDC,UAAU,CAAE,eACd,CAAC,CAAC,CACJ,CACF,CACA,OAAOL,YAAY,CACrB;;;;"}

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

@@ -1,11 +1,30 @@
-import '../Typography/Heading/Heading.js';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
+import React__default from 'react';
+import { Linking, View, Platform, Pressable } from 'react-native';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import styled from 'styled-components/native';
+import '../BladeProvider/index.js';
+import '../../utils/logger/index.js';
+import '../../utils/metaAttribute/index.js';
+import '../../utils/makeAccessible/index.native.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
+import '../Typography/index.js';
+import '../../tokens/global/index.js';
+import { componentZIndices } from '../../utils/componentZIndices.js';
+import '../../utils/assignWithoutSideEffects/index.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { logger, throwBladeError } from '../../utils/logger/logger.js';
+import useTheme from '../BladeProvider/useTheme.js';
+import { colors } from '../../tokens/global/colors.js';
+import { makeAccessible } from '../../utils/makeAccessible/makeAccessible.native.js';
+import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.native.js';
+import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
+import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
+import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 import { Text } from '../Typography/Text/Text.js';
-import '../Typography/Code/Code.js';
-import '../Typography/Display/Display.js';
-import { throwBladeError } from '../../utils/logger/logger.js';
-import { jsx } from 'react/jsx-runtime';
 
-var BottomNav=function BottomNav(_props){throwBladeError({message:'BottomNav is not yet implemented for native',moduleName:'BottomNav'});return jsx(Text,{children:"BottomNav Component is not available for Native mobile apps."});};var BottomNavItem=function BottomNavItem(_props){throwBladeError({message:'BottomNavItem is not yet implemented for native',moduleName:'BottomNavItem'});return jsx(Text,{children:"BottomNav Component is not available for Native mobile apps."});};
+var _excluded=["children","zIndex","testID"],_excluded2=["title","href","rel","target","as","isActive","onClick","icon","testID"];var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/BottomNav/BottomNav.native.tsx";var openURL=function(){var _ref=_asyncToGenerator(function*(href){try{var canOpen=yield Linking.canOpenURL(href);if(canOpen){yield Linking.openURL(href);}}catch(_unused){if(__DEV__){logger({message:`Could not open the link "href=${href}"`,moduleName:'BottomNavItem',type:'warn'});}}});return function openURL(_x){return _ref.apply(this,arguments);};}();var StyledBottomNav=styled(View)(function(props){return {position:'absolute',bottom:0,left:0,width:'100%',backgroundColor:props.backgroundColor,borderTopWidth:props.borderTopWidth,borderTopColor:props.borderTopColor,paddingHorizontal:props.paddingHorizontal,flexDirection:'row'};});var _BottomNav=function _BottomNav(_ref2,ref){var children=_ref2.children,_ref2$zIndex=_ref2.zIndex,zIndex=_ref2$zIndex===void 0?componentZIndices.bottomNav:_ref2$zIndex,testID=_ref2.testID,rest=_objectWithoutProperties(_ref2,_excluded);var _useTheme=useTheme(),theme=_useTheme.theme,colorScheme=_useTheme.colorScheme;var insets=useSafeAreaInsets();if(__DEV__){var childrenCount=React__default.Children.count(children);if(childrenCount>5||childrenCount<2){throwBladeError({moduleName:'BottomNav',message:'children cannot be less than 2 and more than 5'});}}var shadowStyle=React__default.useMemo(function(){if(Platform.OS==='ios'){return {shadowColor:colorScheme==='light'?colors.neutral.blueGrayLight.a912:colors.neutral.black[100],shadowOffset:{width:0,height:-8},shadowRadius:24,shadowOpacity:1};}return {elevation:8};},[colorScheme]);return jsx(StyledBottomNav,Object.assign({ref:ref,backgroundColor:theme.colors.surface.background.gray.intense,borderTopWidth:theme.border.width.thin,borderTopColor:theme.colors.surface.border.gray.muted,paddingHorizontal:theme.spacing[2],style:[shadowStyle,{zIndex:zIndex,paddingBottom:insets.bottom}]},makeAccessible({role:'navigation'}),metaAttribute({testID:testID,name:MetaConstants.BottomNav}),makeAnalyticsAttribute(rest),{children:children}));};var BottomNav=assignWithoutSideEffects(React__default.forwardRef(_BottomNav),{displayName:'BottomNav'});var BottomNavItem=function BottomNavItem(_ref3){var title=_ref3.title,href=_ref3.href,_rel=_ref3.rel,_target=_ref3.target,_as=_ref3.as,isActive=_ref3.isActive,onClick=_ref3.onClick,Icon=_ref3.icon,testID=_ref3.testID,rest=_objectWithoutProperties(_ref3,_excluded2);var _useTheme2=useTheme(),theme=_useTheme2.theme;if(__DEV__){if(_as){logger({moduleName:'BottomNavItem',type:'warn',message:'The `as` prop is not supported on React Native. Use the `onClick` prop with your navigation library instead (e.g. `onClick={() => navigation.navigate(route)}`).'});}}var iconColor=isActive?'interactive.icon.primary.subtle':'interactive.icon.gray.subtle';var textColor=isActive?'interactive.text.primary.subtle':'interactive.text.gray.subtle';var handleOnPress=function handleOnPress(event){if(href){void openURL(href);}if(onClick){onClick(event);}};return jsxs(Pressable,Object.assign({onPress:handleOnPress,style:{flex:1,alignItems:'center',justifyContent:'center',flexDirection:'column',paddingTop:theme.spacing[5],paddingBottom:theme.spacing[4],gap:theme.spacing[1]}},makeAccessible({role:'tab',current:isActive?'page':undefined}),metaAttribute({name:MetaConstants.BottomNavItem,testID:testID}),makeAnalyticsAttribute(rest),{children:[jsx(Icon,{color:iconColor,size:"large"}),jsx(Text,{truncateAfterLines:1,color:textColor,size:"xsmall",weight:"semibold",children:title})]}));};
 
 export { BottomNav, BottomNavItem };
 //# sourceMappingURL=BottomNav.native.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BottomNav.native.js","sources":["../../../../../src/components/BottomNav/BottomNav.native.tsx"],"sourcesContent":["import type { BottomNavProps, BottomNavItemProps } from './types';\nimport { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\n\nconst BottomNav = (_props: BottomNavProps): React.ReactElement => {\n  throwBladeError({\n    message: 'BottomNav is not yet implemented for native',\n    moduleName: 'BottomNav',\n  });\n\n  return <Text>BottomNav Component is not available for Native mobile apps.</Text>;\n};\n\nconst BottomNavItem = (_props: BottomNavItemProps): React.ReactElement => {\n  throwBladeError({\n    message: 'BottomNavItem is not yet implemented for native',\n    moduleName: 'BottomNavItem',\n  });\n\n  return <Text>BottomNav Component is not available for Native mobile apps.</Text>;\n};\n\nexport { BottomNav, BottomNavItem };\n"],"names":["BottomNav","_props","throwBladeError","message","moduleName","_jsx","Text","children","BottomNavItem"],"mappings":";;;;;;;AAIM,IAAAA,SAAS,CAAG,SAAZA,SAASA,CAAIC,MAAsB,CAAyB,CAChEC,eAAe,CAAC,CACdC,OAAO,CAAE,6CAA6C,CACtDC,UAAU,CAAE,WACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAAC,CAAAA,QAAA,CAAC,8DAA4D,CAAM,CAAC,CAClF,EAEM,IAAAC,aAAa,CAAG,SAAhBA,aAAaA,CAAIP,MAA0B,CAAyB,CACxEC,eAAe,CAAC,CACdC,OAAO,CAAE,iDAAiD,CAC1DC,UAAU,CAAE,eACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAAC,CAAAA,QAAA,CAAC,8DAA4D,CAAM,CAAC,CAClF;;;;"}
+{"version":3,"file":"BottomNav.native.js","sources":["../../../../../src/components/BottomNav/BottomNav.native.tsx"],"sourcesContent":["import React from 'react';\nimport { View, Pressable, Linking, Platform } from 'react-native';\nimport type { GestureResponderEvent, ViewStyle } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\nimport styled from 'styled-components/native';\nimport type { BottomNavItemProps, BottomNavProps } from './types';\nimport { useTheme } from '~components/BladeProvider';\nimport { logger, throwBladeError } from '~utils/logger';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { Text } from '~components/Typography';\nimport { colors as globalColors } from '~tokens/global';\nimport { componentZIndices } from '~utils/componentZIndices';\nimport type { BladeElementRef } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\n\nconst openURL = async (href: string): Promise<void> => {\n  try {\n    const canOpen = await Linking.canOpenURL(href);\n    if (canOpen) {\n      await Linking.openURL(href);\n    }\n  } catch {\n    if (__DEV__) {\n      logger({\n        message: `Could not open the link \"href=${href}\"`,\n        moduleName: 'BottomNavItem',\n        type: 'warn',\n      });\n    }\n  }\n};\n\nconst StyledBottomNav = styled(View)<{\n  backgroundColor: string;\n  borderTopWidth: number;\n  borderTopColor: string;\n  paddingHorizontal: number;\n}>((props) => ({\n  position: 'absolute' as const,\n  bottom: 0,\n  left: 0,\n  width: '100%',\n  backgroundColor: props.backgroundColor,\n  borderTopWidth: props.borderTopWidth,\n  borderTopColor: props.borderTopColor,\n  paddingHorizontal: props.paddingHorizontal,\n  flexDirection: 'row' as const,\n}));\n\n/**\n * ### BottomNav component\n *\n * Bottom navigation component is a persistent user interface element at the bottom of a mobile app screen, providing quick access to core functionalities through icons and labels.\n *\n * ---\n *\n * #### Usage\n *\n * ```jsx\n * <BottomNav>\n *   <BottomNavItem\n *     isActive={true}\n *     title=\"Payments\"\n *     icon={WalletIcon}\n *   />\n *   <BottomNavItem\n *     title=\"Transactions\"\n *     icon={TransactionsIcon}\n *     onClick={() => navigation.navigate('Transactions')}\n *   />\n * </BottomNav>\n * ```\n *\n * Checkout {@link https://blade.razorpay.com/??path=/docs/components-bottomnav--doc BottomNav Documentation}\n */\nconst _BottomNav = (\n  { children, zIndex = componentZIndices.bottomNav, testID, ...rest }: BottomNavProps,\n  ref: React.Ref<BladeElementRef>,\n): React.ReactElement => {\n  const { theme, colorScheme } = useTheme();\n  const insets = useSafeAreaInsets();\n\n  if (__DEV__) {\n    const childrenCount = React.Children.count(children);\n    if (childrenCount > 5 || childrenCount < 2) {\n      throwBladeError({\n        moduleName: 'BottomNav',\n        message: 'children cannot be less than 2 and more than 5',\n      });\n    }\n  }\n\n  const shadowStyle = React.useMemo<ViewStyle>(() => {\n    if (Platform.OS === 'ios') {\n      return {\n        shadowColor:\n          colorScheme === 'light'\n            ? globalColors.neutral.blueGrayLight.a912\n            : globalColors.neutral.black[100],\n        shadowOffset: { width: 0, height: -8 },\n        shadowRadius: 24,\n        shadowOpacity: 1,\n      };\n    }\n    return { elevation: 8 };\n  }, [colorScheme]);\n\n  return (\n    <StyledBottomNav\n      ref={ref as never}\n      backgroundColor={theme.colors.surface.background.gray.intense}\n      borderTopWidth={theme.border.width.thin}\n      borderTopColor={theme.colors.surface.border.gray.muted}\n      paddingHorizontal={theme.spacing[2]}\n      style={[shadowStyle, { zIndex, paddingBottom: insets.bottom }]}\n      {...makeAccessible({ role: 'navigation' })}\n      {...metaAttribute({\n        testID,\n        name: MetaConstants.BottomNav,\n      })}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      {children}\n    </StyledBottomNav>\n  );\n};\n\nconst BottomNav = assignWithoutSideEffects(React.forwardRef(_BottomNav), {\n  displayName: 'BottomNav',\n});\n\nconst BottomNavItem = ({\n  title,\n  href,\n  rel: _rel,\n  target: _target,\n  as: _as,\n  isActive,\n  onClick,\n  icon: Icon,\n  testID,\n  ...rest\n}: BottomNavItemProps): React.ReactElement => {\n  const { theme } = useTheme();\n\n  if (__DEV__) {\n    if (_as) {\n      logger({\n        moduleName: 'BottomNavItem',\n        type: 'warn',\n        message:\n          'The `as` prop is not supported on React Native. Use the `onClick` prop with your navigation library instead (e.g. `onClick={() => navigation.navigate(route)}`).',\n      });\n    }\n  }\n\n  const iconColor = isActive\n    ? ('interactive.icon.primary.subtle' as const)\n    : ('interactive.icon.gray.subtle' as const);\n  const textColor = isActive\n    ? ('interactive.text.primary.subtle' as const)\n    : ('interactive.text.gray.subtle' as const);\n\n  const handleOnPress = (event: GestureResponderEvent): void => {\n    if (href) {\n      void openURL(href as string);\n    }\n\n    if (onClick) {\n      onClick(event);\n    }\n  };\n\n  return (\n    <Pressable\n      onPress={handleOnPress}\n      style={{\n        flex: 1,\n        alignItems: 'center',\n        justifyContent: 'center',\n        flexDirection: 'column',\n        paddingTop: theme.spacing[5],\n        paddingBottom: theme.spacing[4],\n        gap: theme.spacing[1],\n      }}\n      {...makeAccessible({\n        role: 'tab',\n        current: isActive ? 'page' : undefined,\n      })}\n      {...metaAttribute({\n        name: MetaConstants.BottomNavItem,\n        testID,\n      })}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      <Icon color={iconColor} size=\"large\" />\n      <Text truncateAfterLines={1} color={textColor} size=\"xsmall\" weight=\"semibold\">\n        {title}\n      </Text>\n    </Pressable>\n  );\n};\n\nexport { BottomNav, BottomNavItem };\n"],"names":["openURL","_ref","_asyncToGenerator","href","canOpen","Linking","canOpenURL","_unused","__DEV__","logger","message","moduleName","type","_x","apply","arguments","StyledBottomNav","styled","View","props","position","bottom","left","width","backgroundColor","borderTopWidth","borderTopColor","paddingHorizontal","flexDirection","_BottomNav","_ref2","ref","children","_ref2$zIndex","zIndex","componentZIndices","bottomNav","testID","rest","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","colorScheme","insets","useSafeAreaInsets","childrenCount","React","Children","count","throwBladeError","shadowStyle","useMemo","Platform","OS","shadowColor","globalColors","neutral","blueGrayLight","a912","black","shadowOffset","height","shadowRadius","shadowOpacity","elevation","_jsx","Object","assign","colors","surface","background","gray","intense","border","thin","muted","spacing","style","paddingBottom","makeAccessible","role","metaAttribute","name","MetaConstants","BottomNav","makeAnalyticsAttribute","assignWithoutSideEffects","forwardRef","displayName","BottomNavItem","_ref3","title","_rel","rel","_target","target","_as","as","isActive","onClick","Icon","icon","_excluded2","_useTheme2","iconColor","textColor","handleOnPress","event","_jsxs","Pressable","onPress","flex","alignItems","justifyContent","paddingTop","gap","current","undefined","color","size","Text","truncateAfterLines","weight"],"mappings":"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"}

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

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

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

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

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

@@ -2,27 +2,31 @@ import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import GorhomBottomSheet, { BottomSheetFooter } from '@gorhom/bottom-sheet';
 import React__default from 'react';
 import { Portal } from '@gorhom/portal';
-import styled from 'styled-components/native';
-import { Dimensions, Keyboard, View, findNodeHandle, AccessibilityInfo } from 'react-native';
+import { View, findNodeHandle, AccessibilityInfo, Dimensions, useWindowDimensions, Keyboard } from 'react-native';
 export { BottomSheetHeader } from './BottomSheetHeader.native.js';
 import { BottomSheetGrabHandle } from './BottomSheetGrabHandle.native.js';
 export { BottomSheetBody } from './BottomSheetBody.native.js';
 export { BottomSheetFooter } from './BottomSheetFooter.native.js';
+import { computeMaxContent } from './utils.js';
 import { ComponentIds } from './componentIds.js';
 import { useBottomSheetAndDropdownGlue, BottomSheetContext } from './BottomSheetContext.js';
 import { BottomSheetBackdrop } from './BottomSheetBackdrop.native.js';
 import { useBottomSheetStack } from './BottomSheetStack.js';
 import { useDropdown, DropdownContext } from '../Dropdown/useDropdown.js';
-import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
+import '../Box/BaseBox/index.js';
+import '../BladeProvider/index.js';
 import { useId } from '../../utils/useId.js';
 import { useIsomorphicLayoutEffect } from '../../utils/useIsomorphicLayoutEffect.js';
-import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
-import { makeSpace } from '../../utils/makeSpace/makeSpace.js';
-import { getComponentId } from '../../utils/isValidAllowedChildren/isValidAllowedChildren.js';
+import '../../utils/assignWithoutSideEffects/index.js';
+import '../../utils/isValidAllowedChildren/index.js';
 import { componentZIndices } from '../../utils/componentZIndices.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
+import useTheme from '../BladeProvider/useTheme.js';
+import { getComponentId } from '../../utils/isValidAllowedChildren/isValidAllowedChildren.js';
+import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
+import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
-var BottomSheetSurface=styled(BaseBox)(function(_ref){var theme=_ref.theme;return {borderTopLeftRadius:makeSpace(theme.spacing[5]),borderTopRightRadius:makeSpace(theme.spacing[5]),backgroundColor:theme.colors.popup.background.gray.subtle,justifyContent:'center',alignItems:'center',position:'relative'};});var focusOnElement=function focusOnElement(element){var reactTag=findNodeHandle(element);if(reactTag){AccessibilityInfo.setAccessibilityFocus(reactTag);}};var _BottomSheet=function _BottomSheet(_ref2){var children=_ref2.children,_ref2$snapPoints=_ref2.snapPoints,snapPoints=_ref2$snapPoints===void 0?[0.35,0.5,0.85]:_ref2$snapPoints,isOpen=_ref2.isOpen,onDismiss=_ref2.onDismiss,_ref2$isDismissible=_ref2.isDismissible,isDismissible=_ref2$isDismissible===void 0?true:_ref2$isDismissible,initialFocusRef=_ref2.initialFocusRef,_ref2$zIndex=_ref2.zIndex,zIndex=_ref2$zIndex===void 0?componentZIndices.bottomSheet:_ref2$zIndex;var bottomSheetAndDropdownGlue=useBottomSheetAndDropdownGlue();var defaultInitialFocusRef=React__default.useRef(null);var sheetRef=React__default.useRef(null);var _React$useState=React__default.useState(),_React$useState2=_slicedToArray(_React$useState,2),header=_React$useState2[0],setHeader=_React$useState2[1];var _React$useState3=React__default.useState(),_React$useState4=_slicedToArray(_React$useState3,2),footer=_React$useState4[0],setFooter=_React$useState4[1];var _React$useState5=React__default.useState(),_React$useState6=_slicedToArray(_React$useState5,2),body=_React$useState6[0],setBody=_React$useState6[1];var _isOpen=isOpen!=null?isOpen:bottomSheetAndDropdownGlue==null?void 0:bottomSheetAndDropdownGlue.isOpen;var _React$useState7=React__default.useState(0),_React$useState8=_slicedToArray(_React$useState7,2),headerHeight=_React$useState8[0],setHeaderHeight=_React$useState8[1];var _React$useState9=React__default.useState(0),_React$useState0=_slicedToArray(_React$useState9,2),footerHeight=_React$useState0[0],setFooterHeight=_React$useState0[1];var _React$useState1=React__default.useState(0),_React$useState10=_slicedToArray(_React$useState1,2),contentHeight=_React$useState10[0],setContentHeight=_React$useState10[1];var _React$useState11=React__default.useState(true),_React$useState12=_slicedToArray(_React$useState11,2),hasBodyPadding=_React$useState12[0],setHasBodyPadding=_React$useState12[1];var _React$useState13=React__default.useState(false),_React$useState14=_slicedToArray(_React$useState13,2),isHeaderEmpty=_React$useState14[0],setIsHeaderEmpty=_React$useState14[1];var initialSnapPoint=React__default.useRef(0);var totalHeight=React__default.useMemo(function(){return headerHeight+footerHeight+contentHeight;},[contentHeight,footerHeight,headerHeight]);var id=useId();var _useBottomSheetStack=useBottomSheetStack(),addBottomSheetToStack=_useBottomSheetStack.addBottomSheetToStack,removeBottomSheetFromStack=_useBottomSheetStack.removeBottomSheetFromStack,getCurrentStackIndexById=_useBottomSheetStack.getCurrentStackIndexById,getTopOfTheStack=_useBottomSheetStack.getTopOfTheStack;var currentStackIndex=getCurrentStackIndexById(id);var bottomSheetZIndex=zIndex-currentStackIndex;useIsomorphicLayoutEffect(function(){if(bottomSheetAndDropdownGlue!=null&&bottomSheetAndDropdownGlue.hasAutoCompleteInHeader){initialSnapPoint.current=2;}else {var height=Dimensions.get('window').height;var middleSnapPoint=snapPoints[1]*height;if(totalHeight>middleSnapPoint){initialSnapPoint.current=1;}}},[snapPoints,totalHeight]);var _snapPoints=React__default.useMemo(function(){return snapPoints.map(function(point){return `${point*100}%`;});},[snapPoints]);var close=React__default.useCallback(function(){if(isDismissible){onDismiss==null?void 0:onDismiss();bottomSheetAndDropdownGlue==null?void 0:bottomSheetAndDropdownGlue.onBottomSheetDismiss==null?void 0:bottomSheetAndDropdownGlue.onBottomSheetDismiss();}},[isDismissible,onDismiss,bottomSheetAndDropdownGlue]);var handleOnOpen=React__default.useCallback(function(){var _sheetRef$current;(_sheetRef$current=sheetRef.current)==null?void 0:_sheetRef$current.snapToIndex(initialSnapPoint.current);},[]);var handleOnClose=React__default.useCallback(function(){var _sheetRef$current2;(_sheetRef$current2=sheetRef.current)==null?void 0:_sheetRef$current2.close();Keyboard.dismiss();},[sheetRef]);React__default.useEffect(function(){if(_isOpen){handleOnOpen();if(!initialFocusRef){focusOnElement(defaultInitialFocusRef.current);}else {focusOnElement(initialFocusRef.current);}}else {handleOnClose();}},[_isOpen,handleOnClose,handleOnOpen,initialFocusRef]);React__default.useEffect(function(){if(!bottomSheetAndDropdownGlue)return;bottomSheetAndDropdownGlue.setDropdownHasBottomSheet(true);},[bottomSheetAndDropdownGlue]);React__default.useLayoutEffect(function(){React__default.Children.forEach(children,function(child){if(getComponentId(child)===ComponentIds.BottomSheetHeader){setHeader(child);}if(getComponentId(child)===ComponentIds.BottomSheetFooter){setFooter(child);}if(getComponentId(child)===ComponentIds.BottomSheetBody){setBody(child);}});},[children]);var renderFooter=React__default.useCallback(function(props){return jsx(BottomSheetFooter,Object.assign({},props,{children:jsx(View,{onLayout:function onLayout(event){setFooterHeight(event.nativeEvent.layout.height);},children:footer})}));},[footer]);var renderBackdrop=React__default.useCallback(function(props){return jsx(BottomSheetBackdrop,Object.assign({},props,{zIndex:bottomSheetZIndex}));},[bottomSheetZIndex]);var renderHandle=React__default.useCallback(function(){return jsxs(BaseBox,{position:isHeaderEmpty?'absolute':'relative',top:"spacing.0",left:"spacing.0",right:"spacing.0",onLayout:function onLayout(_ref3){var nativeEvent=_ref3.nativeEvent;setHeaderHeight(nativeEvent.layout.height);},children:[jsx(BaseBox,{zIndex:bottomSheetZIndex,children:jsx(BottomSheetGrabHandle,{})}),header]});},[isHeaderEmpty,bottomSheetZIndex,header]);var isHeaderFloating=!hasBodyPadding&&isHeaderEmpty;var contextValue=React__default.useMemo(function(){return {isInBottomSheet:true,isOpen:Boolean(_isOpen),close:handleOnClose,positionY:0,headerHeight:headerHeight,contentHeight:contentHeight,footerHeight:footerHeight,setContentHeight:setContentHeight,setFooterHeight:setFooterHeight,setHeaderHeight:setHeaderHeight,isDismissible:isDismissible,scrollRef:function scrollRef(){},bind:{},defaultInitialFocusRef:defaultInitialFocusRef,isHeaderFloating:isHeaderFloating,setHasBodyPadding:setHasBodyPadding,setIsHeaderEmpty:setIsHeaderEmpty};},[_isOpen,contentHeight,footerHeight,handleOnClose,headerHeight,isHeaderFloating,isDismissible]);var dropdownProps=useDropdown();React__default.useEffect(function(){if(_isOpen){addBottomSheetToStack(id);}else {removeBottomSheetFromStack(id);}},[addBottomSheetToStack,_isOpen,id,removeBottomSheetFromStack]);React__default.useEffect(function(){var showSubscription=Keyboard.addListener('keyboardDidShow',function(){if(id&&id===getTopOfTheStack()){var _sheetRef$current3;(_sheetRef$current3=sheetRef.current)==null?void 0:_sheetRef$current3.expand();}});return function(){showSubscription.remove();};},[getTopOfTheStack,id]);return jsx(Portal,{hostName:"BladeBottomSheetPortal",children:jsx(DropdownContext.Provider,{value:dropdownProps,children:jsx(BottomSheetContext.Provider,{value:contextValue,children:jsx(GorhomBottomSheet,{style:isOpen?{shadowColor:'hsla(217,56%,17%,0.64)',shadowOffset:{width:0,height:-18},shadowOpacity:0.2,shadowRadius:12}:{},enablePanDownToClose:isDismissible,enableOverDrag:true,enableContentPanningGesture:true,ref:sheetRef,index:_isOpen?initialSnapPoint.current:-1,containerStyle:{zIndex:bottomSheetZIndex},animateOnMount:true,handleComponent:renderHandle,backgroundComponent:BottomSheetSurface,footerComponent:renderFooter,backdropComponent:renderBackdrop,onClose:close,snapPoints:_snapPoints,children:body})})})});};var BottomSheet=assignWithoutSideEffects(_BottomSheet,{componentId:ComponentIds.BottomSheet});
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/BottomSheet/BottomSheet.native.tsx";var BottomSheetBackground=function BottomSheetBackground(_ref){var style=_ref.style;var _useTheme=useTheme(),theme=_useTheme.theme;return jsx(View,{pointerEvents:"none",style:[style,{borderTopLeftRadius:theme.spacing[5],borderTopRightRadius:theme.spacing[5],backgroundColor:theme.colors.popup.background.gray.subtle}]});};var focusOnElement=function focusOnElement(element){var reactTag=findNodeHandle(element);if(reactTag){AccessibilityInfo.setAccessibilityFocus(reactTag);}};var CONTENT_HEIGHT_SAFE_AREA=24;var _BottomSheet=function _BottomSheet(_ref2){var children=_ref2.children,_ref2$snapPoints=_ref2.snapPoints,snapPoints=_ref2$snapPoints===void 0?[0.35,0.5,0.85]:_ref2$snapPoints,isOpen=_ref2.isOpen,onDismiss=_ref2.onDismiss,_ref2$isDismissible=_ref2.isDismissible,isDismissible=_ref2$isDismissible===void 0?true:_ref2$isDismissible,_ref2$isContentPannin=_ref2.isContentPanningGestureEnabled,isContentPanningGestureEnabled=_ref2$isContentPannin===void 0?true:_ref2$isContentPannin,initialFocusRef=_ref2.initialFocusRef,_ref2$zIndex=_ref2.zIndex,zIndex=_ref2$zIndex===void 0?componentZIndices.bottomSheet:_ref2$zIndex,_ref2$snapToContentHe=_ref2.snapToContentHeight,snapToContentHeight=_ref2$snapToContentHe===void 0?false:_ref2$snapToContentHe;var bottomSheetAndDropdownGlue=useBottomSheetAndDropdownGlue();var defaultInitialFocusRef=React__default.useRef(null);var sheetRef=React__default.useRef(null);var _React$useState=React__default.useState(),_React$useState2=_slicedToArray(_React$useState,2),header=_React$useState2[0],setHeader=_React$useState2[1];var _React$useState3=React__default.useState(),_React$useState4=_slicedToArray(_React$useState3,2),footer=_React$useState4[0],setFooter=_React$useState4[1];var _React$useState5=React__default.useState(),_React$useState6=_slicedToArray(_React$useState5,2),body=_React$useState6[0],setBody=_React$useState6[1];var _isOpen=isOpen!=null?isOpen:bottomSheetAndDropdownGlue==null?void 0:bottomSheetAndDropdownGlue.isOpen;var _React$useState7=React__default.useState(0),_React$useState8=_slicedToArray(_React$useState7,2),headerHeight=_React$useState8[0],setHeaderHeight=_React$useState8[1];var _React$useState9=React__default.useState(0),_React$useState0=_slicedToArray(_React$useState9,2),footerHeight=_React$useState0[0],setFooterHeight=_React$useState0[1];var _React$useState1=React__default.useState(0),_React$useState10=_slicedToArray(_React$useState1,2),contentHeight=_React$useState10[0],setContentHeight=_React$useState10[1];var _React$useState11=React__default.useState(true),_React$useState12=_slicedToArray(_React$useState11,2),hasBodyPadding=_React$useState12[0],setHasBodyPadding=_React$useState12[1];var _React$useState13=React__default.useState(false),_React$useState14=_slicedToArray(_React$useState13,2),isHeaderEmpty=_React$useState14[0],setIsHeaderEmpty=_React$useState14[1];var initialSnapPoint=React__default.useRef(0);var lastSnappedSnapPointRef=React__default.useRef(null);var isOpenRef=React__default.useRef(Boolean(_isOpen));isOpenRef.current=Boolean(_isOpen);var suppressDismissCountRef=React__default.useRef(0);var suppressDismiss=React__default.useCallback(function(){suppressDismissCountRef.current+=1;},[]);var totalHeight=React__default.useMemo(function(){return headerHeight+footerHeight+contentHeight;},[contentHeight,footerHeight,headerHeight]);var id=useId();var _useBottomSheetStack=useBottomSheetStack(),addBottomSheetToStack=_useBottomSheetStack.addBottomSheetToStack,removeBottomSheetFromStack=_useBottomSheetStack.removeBottomSheetFromStack,getCurrentStackIndexById=_useBottomSheetStack.getCurrentStackIndexById,getTopOfTheStack=_useBottomSheetStack.getTopOfTheStack;var currentStackIndex=getCurrentStackIndexById(id);var bottomSheetZIndex=zIndex-currentStackIndex;useIsomorphicLayoutEffect(function(){if(snapToContentHeight){initialSnapPoint.current=0;}else if(bottomSheetAndDropdownGlue!=null&&bottomSheetAndDropdownGlue.hasAutoCompleteInHeader){initialSnapPoint.current=2;}else if(totalHeight>0){initialSnapPoint.current=0;}else {var height=Dimensions.get('window').height;var middleSnapPoint=snapPoints[1]*height;if(totalHeight>middleSnapPoint){initialSnapPoint.current=1;}else {initialSnapPoint.current=0;}}},[snapPoints,totalHeight,snapToContentHeight,bottomSheetAndDropdownGlue==null?void 0:bottomSheetAndDropdownGlue.hasAutoCompleteInHeader]);var _useWindowDimensions=useWindowDimensions(),windowHeight=_useWindowDimensions.height;var _snapPoints=React__default.useMemo(function(){if(snapToContentHeight){if(totalHeight>0){var pixelHeight=Math.min(totalHeight+CONTENT_HEIGHT_SAFE_AREA,windowHeight*0.95);return [pixelHeight];}return ['60%'];}if(totalHeight>0){var fittedHeight=computeMaxContent({maxHeight:windowHeight*snapPoints[2],headerHeight:headerHeight,footerHeight:footerHeight,contentHeight:contentHeight});var fittedSnap=Math.min(Math.max(fittedHeight/windowHeight,snapPoints[0]),snapPoints[2]);return [`${fittedSnap*100}%`,`${snapPoints[1]*100}%`,`${snapPoints[2]*100}%`];}return snapPoints.map(function(point){return `${point*100}%`;});},[snapToContentHeight,snapPoints,totalHeight,headerHeight,footerHeight,contentHeight,windowHeight]);var getSafeSnapIndex=React__default.useCallback(function(index){return Math.min(Math.max(index,0),_snapPoints.length-1);},[_snapPoints.length]);var dismissSheet=React__default.useCallback(function(){if(!isDismissible)return;onDismiss==null?void 0:onDismiss();bottomSheetAndDropdownGlue==null?void 0:bottomSheetAndDropdownGlue.onBottomSheetDismiss==null?void 0:bottomSheetAndDropdownGlue.onBottomSheetDismiss();},[isDismissible,onDismiss,bottomSheetAndDropdownGlue]);var handleSheetClosed=React__default.useCallback(function(){if(!isDismissible)return;if(suppressDismissCountRef.current>0){suppressDismissCountRef.current-=1;return;}if(!isOpenRef.current)return;dismissSheet();},[dismissSheet,isDismissible]);var handleOnOpen=React__default.useCallback(function(){var _sheetRef$current;suppressDismiss();(_sheetRef$current=sheetRef.current)==null?void 0:_sheetRef$current.snapToIndex(getSafeSnapIndex(initialSnapPoint.current));},[suppressDismiss,getSafeSnapIndex]);var handleOnClose=React__default.useCallback(function(){var _sheetRef$current2;suppressDismiss();(_sheetRef$current2=sheetRef.current)==null?void 0:_sheetRef$current2.close();Keyboard.dismiss();},[suppressDismiss]);React__default.useEffect(function(){if(_isOpen){handleOnOpen();if(!initialFocusRef){focusOnElement(defaultInitialFocusRef.current);}else {focusOnElement(initialFocusRef.current);}}else {lastSnappedSnapPointRef.current=null;handleOnClose();}},[_isOpen,handleOnClose,handleOnOpen,initialFocusRef]);React__default.useEffect(function(){var _sheetRef$current3;if(!_isOpen||totalHeight===0)return;var targetIndex=getSafeSnapIndex(initialSnapPoint.current);var targetSnapPoint=_snapPoints[targetIndex];if(lastSnappedSnapPointRef.current===targetSnapPoint)return;lastSnappedSnapPointRef.current=targetSnapPoint;suppressDismiss();(_sheetRef$current3=sheetRef.current)==null?void 0:_sheetRef$current3.snapToIndex(targetIndex);},[_isOpen,totalHeight,_snapPoints,suppressDismiss,getSafeSnapIndex]);React__default.useEffect(function(){if(!bottomSheetAndDropdownGlue)return;bottomSheetAndDropdownGlue.setDropdownHasBottomSheet(true);},[bottomSheetAndDropdownGlue]);React__default.useLayoutEffect(function(){React__default.Children.forEach(children,function(child){if(getComponentId(child)===ComponentIds.BottomSheetHeader){setHeader(child);}if(getComponentId(child)===ComponentIds.BottomSheetFooter){setFooter(child);}if(getComponentId(child)===ComponentIds.BottomSheetBody){setBody(child);}});},[children]);var renderFooter=React__default.useCallback(function(props){return jsx(BottomSheetFooter,Object.assign({},props,{children:jsx(View,{onLayout:function onLayout(event){setFooterHeight(event.nativeEvent.layout.height);},children:footer})}));},[footer]);var renderBackdrop=React__default.useCallback(function(props){return jsx(BottomSheetBackdrop,Object.assign({},props,{zIndex:bottomSheetZIndex,isDismissible:isDismissible}));},[bottomSheetZIndex,isDismissible]);var renderHandle=React__default.useCallback(function(){return jsxs(BaseBox,{position:isHeaderEmpty?'absolute':'relative',top:"spacing.0",left:"spacing.0",right:"spacing.0",onLayout:function onLayout(_ref3){var nativeEvent=_ref3.nativeEvent;setHeaderHeight(nativeEvent.layout.height);},children:[jsx(BaseBox,{zIndex:bottomSheetZIndex,children:jsx(BottomSheetGrabHandle,{})}),header]});},[isHeaderEmpty,bottomSheetZIndex,header]);var isHeaderFloating=!hasBodyPadding&&isHeaderEmpty;var contextValue=React__default.useMemo(function(){return {isInBottomSheet:true,isOpen:Boolean(_isOpen),close:dismissSheet,positionY:0,headerHeight:headerHeight,contentHeight:contentHeight,footerHeight:footerHeight,setContentHeight:setContentHeight,setFooterHeight:setFooterHeight,setHeaderHeight:setHeaderHeight,isDismissible:isDismissible,scrollRef:function scrollRef(){},bind:{},defaultInitialFocusRef:defaultInitialFocusRef,isHeaderFloating:isHeaderFloating,setHasBodyPadding:setHasBodyPadding,setIsHeaderEmpty:setIsHeaderEmpty};},[_isOpen,contentHeight,footerHeight,dismissSheet,headerHeight,isHeaderFloating,isDismissible]);var dropdownProps=useDropdown();React__default.useEffect(function(){if(_isOpen){addBottomSheetToStack(id);}else {removeBottomSheetFromStack(id);}},[addBottomSheetToStack,_isOpen,id,removeBottomSheetFromStack]);React__default.useEffect(function(){var showSubscription=Keyboard.addListener('keyboardDidShow',function(){if(id&&id===getTopOfTheStack()){var _sheetRef$current4;(_sheetRef$current4=sheetRef.current)==null?void 0:_sheetRef$current4.expand();}});return function(){showSubscription.remove();};},[getTopOfTheStack,id]);return jsx(Portal,{hostName:"BladeBottomSheetPortal",children:jsx(DropdownContext.Provider,{value:dropdownProps,children:jsx(BottomSheetContext.Provider,{value:contextValue,children:jsx(GorhomBottomSheet,{style:_isOpen?{shadowColor:'hsla(217,56%,17%,0.64)',shadowOffset:{width:0,height:-18},shadowOpacity:0.2,shadowRadius:12}:{},enablePanDownToClose:isDismissible,enableOverDrag:true,enableContentPanningGesture:isContentPanningGestureEnabled,ref:sheetRef,index:_isOpen?getSafeSnapIndex(initialSnapPoint.current):-1,containerStyle:{zIndex:bottomSheetZIndex,elevation:bottomSheetZIndex},animateOnMount:true,handleComponent:renderHandle,backgroundComponent:BottomSheetBackground,footerComponent:renderFooter,backdropComponent:renderBackdrop,onClose:handleSheetClosed,snapPoints:_snapPoints,children:body})})})});};var BottomSheet=assignWithoutSideEffects(_BottomSheet,{componentId:ComponentIds.BottomSheet});
 
 export { BottomSheet };
 //# sourceMappingURL=BottomSheet.native.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BottomSheet.native.js","sources":["../../../../../src/components/BottomSheet/BottomSheet.native.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */\n/* eslint-disable @typescript-eslint/no-empty-function */\nimport GorhomBottomSheet, {\n  BottomSheetFooter as GorhomBottomSheetFooter,\n} from '@gorhom/bottom-sheet';\nimport React from 'react';\nimport { Portal } from '@gorhom/portal';\nimport styled from 'styled-components/native';\nimport { Dimensions, AccessibilityInfo, findNodeHandle, View, Keyboard } from 'react-native';\nimport { BottomSheetHeader } from './BottomSheetHeader';\nimport { BottomSheetGrabHandle } from './BottomSheetGrabHandle';\nimport { BottomSheetBody } from './BottomSheetBody';\nimport { BottomSheetFooter } from './BottomSheetFooter';\nimport type { BottomSheetProps } from './types';\nimport { ComponentIds } from './componentIds';\nimport type { BottomSheetContextProps } from './BottomSheetContext';\nimport { BottomSheetContext, useBottomSheetAndDropdownGlue } from './BottomSheetContext';\nimport { BottomSheetBackdrop } from './BottomSheetBackdrop';\nimport { useBottomSheetStack } from './BottomSheetStack';\nimport { DropdownContext, useDropdown } from '~components/Dropdown/useDropdown';\nimport BaseBox from '~components/Box/BaseBox';\nimport { useId } from '~utils/useId';\nimport { useIsomorphicLayoutEffect } from '~utils/useIsomorphicLayoutEffect';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeSpace } from '~utils/makeSpace';\nimport { getComponentId } from '~utils/isValidAllowedChildren';\nimport { componentZIndices } from '~utils/componentZIndices';\n\nconst BottomSheetSurface = styled(BaseBox)(({ theme }) => {\n  return {\n    // TODO: we do not have 16px radius token\n    borderTopLeftRadius: makeSpace(theme.spacing[5]),\n    borderTopRightRadius: makeSpace(theme.spacing[5]),\n    backgroundColor: theme.colors.popup.background.gray.subtle,\n    justifyContent: 'center',\n    alignItems: 'center',\n    position: 'relative',\n  };\n});\n\nconst focusOnElement = (element: React.Component<any, any>): void => {\n  const reactTag = findNodeHandle(element);\n  if (reactTag) {\n    AccessibilityInfo.setAccessibilityFocus(reactTag);\n  }\n};\n\nconst _BottomSheet = ({\n  children,\n  snapPoints = [0.35, 0.5, 0.85],\n  isOpen,\n  onDismiss,\n  isDismissible = true,\n  initialFocusRef,\n  zIndex = componentZIndices.bottomSheet,\n}: BottomSheetProps): React.ReactElement => {\n  const bottomSheetAndDropdownGlue = useBottomSheetAndDropdownGlue();\n  const defaultInitialFocusRef = React.useRef<any>(null);\n  const sheetRef = React.useRef<GorhomBottomSheet>(null);\n  const [header, setHeader] = React.useState<React.ReactNode>();\n  const [footer, setFooter] = React.useState<React.ReactNode>();\n  const [body, setBody] = React.useState<React.ReactNode>();\n  const _isOpen = isOpen ?? bottomSheetAndDropdownGlue?.isOpen;\n  const [headerHeight, setHeaderHeight] = React.useState(0);\n  const [footerHeight, setFooterHeight] = React.useState(0);\n  const [contentHeight, setContentHeight] = React.useState(0);\n  const [hasBodyPadding, setHasBodyPadding] = React.useState(true);\n  const [isHeaderEmpty, setIsHeaderEmpty] = React.useState(false);\n  const initialSnapPoint = React.useRef<number>(0);\n  const totalHeight = React.useMemo(() => {\n    return headerHeight + footerHeight + contentHeight;\n  }, [contentHeight, footerHeight, headerHeight]);\n\n  const id = useId();\n  const {\n    addBottomSheetToStack,\n    removeBottomSheetFromStack,\n    getCurrentStackIndexById,\n    getTopOfTheStack,\n  } = useBottomSheetStack();\n  const currentStackIndex = getCurrentStackIndexById(id);\n  const bottomSheetZIndex = zIndex - currentStackIndex;\n\n  // if bottomSheet height is >35% & <50% then set initial snapPoint to 35%\n  useIsomorphicLayoutEffect(() => {\n    if (bottomSheetAndDropdownGlue?.hasAutoCompleteInHeader) {\n      // In AutoComplete, we want to open BottomSheet with max height so we set this to last index\n      initialSnapPoint.current = 2;\n    } else {\n      const height = Dimensions.get('window').height;\n      const middleSnapPoint = snapPoints[1] * height;\n      if (totalHeight > middleSnapPoint) {\n        initialSnapPoint.current = 1;\n      }\n    }\n  }, [snapPoints, totalHeight]);\n\n  const _snapPoints = React.useMemo(() => snapPoints.map((point) => `${point * 100}%`), [\n    snapPoints,\n  ]);\n\n  const close = React.useCallback(() => {\n    if (isDismissible) {\n      onDismiss?.();\n      bottomSheetAndDropdownGlue?.onBottomSheetDismiss?.();\n    }\n  }, [isDismissible, onDismiss, bottomSheetAndDropdownGlue]);\n\n  const handleOnOpen = React.useCallback(() => {\n    sheetRef.current?.snapToIndex(initialSnapPoint.current);\n  }, []);\n\n  const handleOnClose = React.useCallback(() => {\n    sheetRef.current?.close();\n    // We need this because if inside the BottomSheet there is a input which is focused\n    // and user dragged down to close the sheet, even after closing the sheet the input will remain focused\n    Keyboard.dismiss();\n  }, [sheetRef]);\n\n  // sync controlled state to our actions\n  React.useEffect(() => {\n    if (_isOpen) {\n      handleOnOpen();\n      if (!initialFocusRef) {\n        // focus on close button\n        focusOnElement(defaultInitialFocusRef.current);\n      } else {\n        // focus on the initialRef\n        focusOnElement(initialFocusRef.current);\n      }\n    } else {\n      handleOnClose();\n    }\n  }, [_isOpen, handleOnClose, handleOnOpen, initialFocusRef]);\n\n  // let the Dropdown component know that it's rendering a bottomsheet\n  React.useEffect(() => {\n    if (!bottomSheetAndDropdownGlue) return;\n    bottomSheetAndDropdownGlue.setDropdownHasBottomSheet(true);\n  }, [bottomSheetAndDropdownGlue]);\n\n  React.useLayoutEffect(() => {\n    React.Children.forEach(children, (child) => {\n      if (getComponentId(child) === ComponentIds.BottomSheetHeader) {\n        setHeader(child);\n      }\n      if (getComponentId(child) === ComponentIds.BottomSheetFooter) {\n        setFooter(child);\n      }\n      if (getComponentId(child) === ComponentIds.BottomSheetBody) {\n        setBody(child);\n      }\n    });\n  }, [children]);\n\n  const renderFooter = React.useCallback(\n    (props: any): React.ReactElement => {\n      return (\n        <GorhomBottomSheetFooter {...props}>\n          <View\n            onLayout={(event) => {\n              // save footer height so that later we can offset the marginBottom from body content\n              // otherwise few elements gets hidden under the footer\n              setFooterHeight(event.nativeEvent.layout.height);\n            }}\n          >\n            {footer}\n          </View>\n        </GorhomBottomSheetFooter>\n      );\n    },\n    [footer],\n  );\n\n  const renderBackdrop = React.useCallback(\n    (props: any): React.ReactElement => {\n      return <BottomSheetBackdrop {...props} zIndex={bottomSheetZIndex} />;\n    },\n    [bottomSheetZIndex],\n  );\n\n  const renderHandle = React.useCallback((): React.ReactElement => {\n    return (\n      <BaseBox\n        position={isHeaderEmpty ? 'absolute' : 'relative'}\n        top=\"spacing.0\"\n        left=\"spacing.0\"\n        right=\"spacing.0\"\n        onLayout={({ nativeEvent }) => {\n          setHeaderHeight(nativeEvent.layout.height);\n        }}\n      >\n        <BaseBox zIndex={bottomSheetZIndex}>\n          <BottomSheetGrabHandle />\n        </BaseBox>\n        {header}\n      </BaseBox>\n    );\n  }, [isHeaderEmpty, bottomSheetZIndex, header]);\n\n  const isHeaderFloating = !hasBodyPadding && isHeaderEmpty;\n  const contextValue = React.useMemo<BottomSheetContextProps>(\n    () => ({\n      isInBottomSheet: true,\n      isOpen: Boolean(_isOpen),\n      close: handleOnClose,\n      positionY: 0,\n      headerHeight,\n      contentHeight,\n      footerHeight,\n      setContentHeight,\n      setFooterHeight,\n      setHeaderHeight,\n      isDismissible,\n      scrollRef: () => {},\n      bind: {} as never,\n      defaultInitialFocusRef,\n      isHeaderFloating,\n      setHasBodyPadding,\n      setIsHeaderEmpty,\n    }),\n    [\n      _isOpen,\n      contentHeight,\n      footerHeight,\n      handleOnClose,\n      headerHeight,\n      isHeaderFloating,\n      isDismissible,\n    ],\n  );\n\n  // Hack: We need to <Portal> the GorhomBottomSheet to the root of the react-native app\n  // But the portalled component will no longer be able to access the parent contexts (Dropdown Context)\n  // To workaround this, I'm portalling both the DropdownContext & BotomSheetContext along with the component\n  const dropdownProps = useDropdown();\n\n  // register and deregister in the stack\n  React.useEffect(() => {\n    if (_isOpen) {\n      addBottomSheetToStack(id);\n    } else {\n      removeBottomSheetFromStack(id);\n    }\n  }, [addBottomSheetToStack, _isOpen, id, removeBottomSheetFromStack]);\n\n  // Handle TextInput inside BottomSheet\n  // We expand the BottomSheet to the max snapPoint so that when the keyboard opens\n  // the body content will be visible\n  // There is a standard way to do this:\n  // https://gorhom.github.io/react-native-bottom-sheet/keyboard-handling\n  // But this didn't worked because:\n  // https://github.com/gorhom/react-native-bottom-sheet/issues/618\n  React.useEffect(() => {\n    const showSubscription = Keyboard.addListener('keyboardDidShow', () => {\n      if (id && id === getTopOfTheStack()) {\n        sheetRef.current?.expand();\n      }\n    });\n    return () => {\n      showSubscription.remove();\n    };\n  }, [getTopOfTheStack, id]);\n\n  return (\n    <Portal hostName=\"BladeBottomSheetPortal\">\n      {/* Portalling both the context */}\n      <DropdownContext.Provider value={dropdownProps}>\n        <BottomSheetContext.Provider value={contextValue}>\n          <GorhomBottomSheet\n            style={\n              // only render shadow when the sheet is open,\n              // otherwise there is visible shadow leak from the bottom edge of the screen\n              isOpen\n                ? {\n                    // this is reverse top elevation of highRaised elevation token\n                    shadowColor: 'hsla(217,56%,17%,0.64)',\n                    shadowOffset: {\n                      width: 0,\n                      height: -18,\n                    },\n                    shadowOpacity: 0.2,\n                    shadowRadius: 12,\n                    // this fails on andorid because its not handled on GorhomBottomSheet internally, hence tradeoff but its fine because visually this barely makes any difference its that nice design detail\n                    // elevation: 40,\n                  }\n                : {}\n            }\n            enablePanDownToClose={isDismissible}\n            enableOverDrag\n            enableContentPanningGesture\n            ref={sheetRef}\n            // on initial render if _isOpen is true we want to render the sheet at initialSnapPoint\n            // otherwise we want to render it at -1 so that it is not visible\n            index={_isOpen ? initialSnapPoint.current : -1}\n            containerStyle={{ zIndex: bottomSheetZIndex }}\n            animateOnMount={true}\n            handleComponent={renderHandle}\n            backgroundComponent={BottomSheetSurface}\n            footerComponent={renderFooter}\n            backdropComponent={renderBackdrop}\n            onClose={close}\n            snapPoints={_snapPoints}\n          >\n            {body}\n          </GorhomBottomSheet>\n        </BottomSheetContext.Provider>\n      </DropdownContext.Provider>\n    </Portal>\n  );\n};\n\nconst BottomSheet = assignWithoutSideEffects(_BottomSheet, {\n  componentId: ComponentIds.BottomSheet,\n});\n\nexport { BottomSheet, BottomSheetBody, BottomSheetFooter, BottomSheetHeader };\n"],"names":["BottomSheetSurface","styled","BaseBox","_ref","theme","borderTopLeftRadius","makeSpace","spacing","borderTopRightRadius","backgroundColor","colors","popup","background","gray","subtle","justifyContent","alignItems","position","focusOnElement","element","reactTag","findNodeHandle","AccessibilityInfo","setAccessibilityFocus","_BottomSheet","_ref2","children","_ref2$snapPoints","snapPoints","isOpen","onDismiss","_ref2$isDismissible","isDismissible","initialFocusRef","_ref2$zIndex","zIndex","componentZIndices","bottomSheet","bottomSheetAndDropdownGlue","useBottomSheetAndDropdownGlue","defaultInitialFocusRef","React","useRef","sheetRef","_React$useState","useState","_React$useState2","_slicedToArray","header","setHeader","_React$useState3","_React$useState4","footer","setFooter","_React$useState5","_React$useState6","body","setBody","_isOpen","_React$useState7","_React$useState8","headerHeight","setHeaderHeight","_React$useState9","_React$useState0","footerHeight","setFooterHeight","_React$useState1","_React$useState10","contentHeight","setContentHeight","_React$useState11","_React$useState12","hasBodyPadding","setHasBodyPadding","_React$useState13","_React$useState14","isHeaderEmpty","setIsHeaderEmpty","initialSnapPoint","totalHeight","useMemo","id","useId","_useBottomSheetStack","useBottomSheetStack","addBottomSheetToStack","removeBottomSheetFromStack","getCurrentStackIndexById","getTopOfTheStack","currentStackIndex","bottomSheetZIndex","useIsomorphicLayoutEffect","hasAutoCompleteInHeader","current","height","Dimensions","get","middleSnapPoint","_snapPoints","map","point","close","useCallback","onBottomSheetDismiss","handleOnOpen","_sheetRef$current","snapToIndex","handleOnClose","_sheetRef$current2","Keyboard","dismiss","useEffect","setDropdownHasBottomSheet","useLayoutEffect","Children","forEach","child","getComponentId","ComponentIds","BottomSheetHeader","BottomSheetFooter","BottomSheetBody","renderFooter","props","_jsx","GorhomBottomSheetFooter","Object","assign","View","onLayout","event","nativeEvent","layout","renderBackdrop","BottomSheetBackdrop","renderHandle","_jsxs","top","left","right","_ref3","BottomSheetGrabHandle","isHeaderFloating","contextValue","isInBottomSheet","Boolean","positionY","scrollRef","bind","dropdownProps","useDropdown","showSubscription","addListener","_sheetRef$current3","expand","remove","Portal","hostName","DropdownContext","Provider","value","BottomSheetContext","GorhomBottomSheet","style","shadowColor","shadowOffset","width","shadowOpacity","shadowRadius","enablePanDownToClose","enableOverDrag","enableContentPanningGesture","ref","index","containerStyle","animateOnMount","handleComponent","backgroundComponent","footerComponent","backdropComponent","onClose","BottomSheet","assignWithoutSideEffects","componentId"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA6BA,IAAMA,kBAAkB,CAAGC,MAAM,CAACC,OAAO,CAAC,CAAC,SAAAC,IAAA,CAAe,CAAZ,IAAAC,KAAK,CAAAD,IAAA,CAALC,KAAK,CACjD,OAAO,CAELC,mBAAmB,CAAEC,SAAS,CAACF,KAAK,CAACG,OAAO,CAAC,CAAC,CAAC,CAAC,CAChDC,oBAAoB,CAAEF,SAAS,CAACF,KAAK,CAACG,OAAO,CAAC,CAAC,CAAC,CAAC,CACjDE,eAAe,CAAEL,KAAK,CAACM,MAAM,CAACC,KAAK,CAACC,UAAU,CAACC,IAAI,CAACC,MAAM,CAC1DC,cAAc,CAAE,QAAQ,CACxBC,UAAU,CAAE,QAAQ,CACpBC,QAAQ,CAAE,UACZ,CAAC,CACH,CAAC,CAAC,CAEF,IAAMC,cAAc,CAAG,SAAjBA,cAAcA,CAAIC,OAAkC,CAAW,CACnE,IAAMC,QAAQ,CAAGC,cAAc,CAACF,OAAO,CAAC,CACxC,GAAIC,QAAQ,CAAE,CACZE,iBAAiB,CAACC,qBAAqB,CAACH,QAAQ,CAAC,CACnD,CACF,CAAC,CAED,IAAMI,YAAY,CAAG,SAAfA,YAAYA,CAAAC,KAAA,CAQ0B,CAAA,IAP1CC,QAAQ,CAAAD,KAAA,CAARC,QAAQ,CAAAC,gBAAA,CAAAF,KAAA,CACRG,UAAU,CAAVA,UAAU,CAAAD,gBAAA,GAAG,KAAA,CAAA,CAAA,CAAC,IAAI,CAAE,GAAG,CAAE,IAAI,CAAC,CAAAA,gBAAA,CAC9BE,MAAM,CAAAJ,KAAA,CAANI,MAAM,CACNC,SAAS,CAAAL,KAAA,CAATK,SAAS,CAAAC,mBAAA,CAAAN,KAAA,CACTO,aAAa,CAAbA,aAAa,CAAAD,mBAAA,GAAG,KAAA,CAAA,CAAA,IAAI,CAAAA,mBAAA,CACpBE,eAAe,CAAAR,KAAA,CAAfQ,eAAe,CAAAC,YAAA,CAAAT,KAAA,CACfU,MAAM,CAANA,MAAM,CAAAD,YAAA,UAAGE,iBAAiB,CAACC,WAAW,CAAAH,YAAA,CAEtC,IAAMI,0BAA0B,CAAGC,6BAA6B,EAAE,CAClE,IAAMC,sBAAsB,CAAGC,cAAK,CAACC,MAAM,CAAM,IAAI,CAAC,CACtD,IAAMC,QAAQ,CAAGF,cAAK,CAACC,MAAM,CAAoB,IAAI,CAAC,CACtD,IAAAE,eAAA,CAA4BH,cAAK,CAACI,QAAQ,EAAmB,CAAAC,gBAAA,CAAAC,cAAA,CAAAH,eAAA,CAAtDI,CAAAA,CAAAA,CAAAA,MAAM,CAAAF,gBAAA,CAAEG,CAAAA,CAAAA,CAAAA,SAAS,CAAAH,gBAAA,CAAA,CAAA,CAAA,CACxB,IAAAI,gBAAA,CAA4BT,cAAK,CAACI,QAAQ,EAAmB,CAAAM,gBAAA,CAAAJ,cAAA,CAAAG,gBAAA,CAAA,CAAA,CAAA,CAAtDE,MAAM,CAAAD,gBAAA,CAAEE,CAAAA,CAAAA,CAAAA,SAAS,CAAAF,gBAAA,IACxB,IAAAG,gBAAA,CAAwBb,cAAK,CAACI,QAAQ,EAAmB,CAAAU,gBAAA,CAAAR,cAAA,CAAAO,gBAAA,CAAA,CAAA,CAAA,CAAlDE,IAAI,CAAAD,gBAAA,IAAEE,OAAO,CAAAF,gBAAA,CAAA,CAAA,CAAA,CACpB,IAAMG,OAAO,CAAG7B,MAAM,OAANA,MAAM,CAAIS,0BAA0B,EAA1BA,IAAAA,CAAAA,KAAAA,CAAAA,CAAAA,0BAA0B,CAAET,MAAM,CAC5D,IAAA8B,gBAAA,CAAwClB,cAAK,CAACI,QAAQ,CAAC,CAAC,CAAC,CAAAe,gBAAA,CAAAb,cAAA,CAAAY,gBAAA,CAAA,CAAA,CAAA,CAAlDE,YAAY,CAAAD,gBAAA,IAAEE,eAAe,CAAAF,gBAAA,CACpC,CAAA,CAAA,CAAA,IAAAG,gBAAA,CAAwCtB,cAAK,CAACI,QAAQ,CAAC,CAAC,CAAC,CAAAmB,gBAAA,CAAAjB,cAAA,CAAAgB,gBAAA,CAAlDE,CAAAA,CAAAA,CAAAA,YAAY,CAAAD,gBAAA,CAAA,CAAA,CAAA,CAAEE,eAAe,CAAAF,gBAAA,IACpC,IAAAG,gBAAA,CAA0C1B,cAAK,CAACI,QAAQ,CAAC,CAAC,CAAC,CAAAuB,iBAAA,CAAArB,cAAA,CAAAoB,gBAAA,IAApDE,aAAa,CAAAD,iBAAA,CAAEE,CAAAA,CAAAA,CAAAA,gBAAgB,CAAAF,iBAAA,CAAA,CAAA,CAAA,CACtC,IAAAG,iBAAA,CAA4C9B,cAAK,CAACI,QAAQ,CAAC,IAAI,CAAC,CAAA2B,iBAAA,CAAAzB,cAAA,CAAAwB,iBAAA,CAAA,CAAA,CAAA,CAAzDE,cAAc,CAAAD,iBAAA,IAAEE,iBAAiB,CAAAF,iBAAA,CACxC,CAAA,CAAA,CAAA,IAAAG,iBAAA,CAA0ClC,cAAK,CAACI,QAAQ,CAAC,KAAK,CAAC,CAAA+B,iBAAA,CAAA7B,cAAA,CAAA4B,iBAAA,CAAxDE,CAAAA,CAAAA,CAAAA,aAAa,CAAAD,iBAAA,CAAA,CAAA,CAAA,CAAEE,gBAAgB,CAAAF,iBAAA,IACtC,IAAMG,gBAAgB,CAAGtC,cAAK,CAACC,MAAM,CAAS,CAAC,CAAC,CAChD,IAAMsC,WAAW,CAAGvC,cAAK,CAACwC,OAAO,CAAC,UAAM,CACtC,OAAOpB,YAAY,CAAGI,YAAY,CAAGI,aAAa,CACpD,CAAC,CAAE,CAACA,aAAa,CAAEJ,YAAY,CAAEJ,YAAY,CAAC,CAAC,CAE/C,IAAMqB,EAAE,CAAGC,KAAK,EAAE,CAClB,IAAAC,oBAAA,CAKIC,mBAAmB,EAAE,CAJvBC,qBAAqB,CAAAF,oBAAA,CAArBE,qBAAqB,CACrBC,0BAA0B,CAAAH,oBAAA,CAA1BG,0BAA0B,CAC1BC,wBAAwB,CAAAJ,oBAAA,CAAxBI,wBAAwB,CACxBC,gBAAgB,CAAAL,oBAAA,CAAhBK,gBAAgB,CAElB,IAAMC,iBAAiB,CAAGF,wBAAwB,CAACN,EAAE,CAAC,CACtD,IAAMS,iBAAiB,CAAGxD,MAAM,CAAGuD,iBAAiB,CAGpDE,yBAAyB,CAAC,UAAM,CAC9B,GAAItD,0BAA0B,EAAA,IAAA,EAA1BA,0BAA0B,CAAEuD,uBAAuB,CAAE,CAEvDd,gBAAgB,CAACe,OAAO,CAAG,CAAC,CAC9B,CAAC,KAAM,CACL,IAAMC,MAAM,CAAGC,UAAU,CAACC,GAAG,CAAC,QAAQ,CAAC,CAACF,MAAM,CAC9C,IAAMG,eAAe,CAAGtE,UAAU,CAAC,CAAC,CAAC,CAAGmE,MAAM,CAC9C,GAAIf,WAAW,CAAGkB,eAAe,CAAE,CACjCnB,gBAAgB,CAACe,OAAO,CAAG,CAAC,CAC9B,CACF,CACF,CAAC,CAAE,CAAClE,UAAU,CAAEoD,WAAW,CAAC,CAAC,CAE7B,IAAMmB,WAAW,CAAG1D,cAAK,CAACwC,OAAO,CAAC,kBAAMrD,UAAU,CAACwE,GAAG,CAAC,SAACC,KAAK,CAAA,CAAA,OAAK,GAAGA,KAAK,CAAG,GAAG,CAAG,CAAA,CAAA,CAAA,CAAA,CAAC,GAAE,CACpFzE,UAAU,CACX,CAAC,CAEF,IAAM0E,KAAK,CAAG7D,cAAK,CAAC8D,WAAW,CAAC,UAAM,CACpC,GAAIvE,aAAa,CAAE,CACjBF,SAAS,EAAA,IAAA,CAAA,KAAA,CAAA,CAATA,SAAS,EAAI,CACbQ,0BAA0B,EAAA,IAAA,CAAA,KAAA,CAAA,CAA1BA,0BAA0B,CAAEkE,oBAAoB,EAAA,IAAA,CAAA,KAAA,CAAA,CAAhDlE,0BAA0B,CAAEkE,oBAAoB,EAAI,CACtD,CACF,CAAC,CAAE,CAACxE,aAAa,CAAEF,SAAS,CAAEQ,0BAA0B,CAAC,CAAC,CAE1D,IAAMmE,YAAY,CAAGhE,cAAK,CAAC8D,WAAW,CAAC,UAAM,CAAA,IAAAG,iBAAA,CAC3C,CAAAA,iBAAA,CAAA/D,QAAQ,CAACmD,OAAO,GAAhBY,IAAAA,CAAAA,KAAAA,CAAAA,CAAAA,iBAAA,CAAkBC,WAAW,CAAC5B,gBAAgB,CAACe,OAAO,CAAC,CACzD,CAAC,CAAE,EAAE,CAAC,CAEN,IAAMc,aAAa,CAAGnE,cAAK,CAAC8D,WAAW,CAAC,UAAM,KAAAM,kBAAA,CAC5C,CAAAA,kBAAA,CAAAlE,QAAQ,CAACmD,OAAO,eAAhBe,kBAAA,CAAkBP,KAAK,EAAE,CAGzBQ,QAAQ,CAACC,OAAO,EAAE,CACpB,CAAC,CAAE,CAACpE,QAAQ,CAAC,CAAC,CAGdF,cAAK,CAACuE,SAAS,CAAC,UAAM,CACpB,GAAItD,OAAO,CAAE,CACX+C,YAAY,EAAE,CACd,GAAI,CAACxE,eAAe,CAAE,CAEpBf,cAAc,CAACsB,sBAAsB,CAACsD,OAAO,CAAC,CAChD,CAAC,KAAM,CAEL5E,cAAc,CAACe,eAAe,CAAC6D,OAAO,CAAC,CACzC,CACF,CAAC,KAAM,CACLc,aAAa,EAAE,CACjB,CACF,CAAC,CAAE,CAAClD,OAAO,CAAEkD,aAAa,CAAEH,YAAY,CAAExE,eAAe,CAAC,CAAC,CAG3DQ,cAAK,CAACuE,SAAS,CAAC,UAAM,CACpB,GAAI,CAAC1E,0BAA0B,CAAE,OACjCA,0BAA0B,CAAC2E,yBAAyB,CAAC,IAAI,CAAC,CAC5D,CAAC,CAAE,CAAC3E,0BAA0B,CAAC,CAAC,CAEhCG,cAAK,CAACyE,eAAe,CAAC,UAAM,CAC1BzE,cAAK,CAAC0E,QAAQ,CAACC,OAAO,CAAC1F,QAAQ,CAAE,SAAC2F,KAAK,CAAK,CAC1C,GAAIC,cAAc,CAACD,KAAK,CAAC,GAAKE,YAAY,CAACC,iBAAiB,CAAE,CAC5DvE,SAAS,CAACoE,KAAK,CAAC,CAClB,CACA,GAAIC,cAAc,CAACD,KAAK,CAAC,GAAKE,YAAY,CAACE,iBAAiB,CAAE,CAC5DpE,SAAS,CAACgE,KAAK,CAAC,CAClB,CACA,GAAIC,cAAc,CAACD,KAAK,CAAC,GAAKE,YAAY,CAACG,eAAe,CAAE,CAC1DjE,OAAO,CAAC4D,KAAK,CAAC,CAChB,CACF,CAAC,CAAC,CACJ,CAAC,CAAE,CAAC3F,QAAQ,CAAC,CAAC,CAEd,IAAMiG,YAAY,CAAGlF,cAAK,CAAC8D,WAAW,CACpC,SAACqB,KAAU,CAAyB,CAClC,OACEC,GAAA,CAACC,iBAAuB,CAAAC,MAAA,CAAAC,MAAA,CAAKJ,EAAAA,CAAAA,KAAK,CAAAlG,CAAAA,QAAA,CAChCmG,GAAA,CAACI,IAAI,CACHC,CAAAA,QAAQ,CAAE,SAAVA,QAAQA,CAAGC,KAAK,CAAK,CAGnBjE,eAAe,CAACiE,KAAK,CAACC,WAAW,CAACC,MAAM,CAACtC,MAAM,CAAC,CAClD,CAAE,CAAArE,QAAA,CAED0B,MAAM,CACH,CAAC,CACgB,CAAA,CAAC,CAE9B,CAAC,CACD,CAACA,MAAM,CACT,CAAC,CAED,IAAMkF,cAAc,CAAG7F,cAAK,CAAC8D,WAAW,CACtC,SAACqB,KAAU,CAAyB,CAClC,OAAOC,GAAA,CAACU,mBAAmB,CAAAR,MAAA,CAAAC,MAAA,CAAKJ,EAAAA,CAAAA,KAAK,EAAEzF,MAAM,CAAEwD,iBAAkB,CAAE,CAAA,CAAC,CACtE,CAAC,CACD,CAACA,iBAAiB,CACpB,CAAC,CAED,IAAM6C,YAAY,CAAG/F,cAAK,CAAC8D,WAAW,CAAC,UAA0B,CAC/D,OACEkC,IAAA,CAACvI,OAAO,CACNe,CAAAA,QAAQ,CAAE4D,aAAa,CAAG,UAAU,CAAG,UAAW,CAClD6D,GAAG,CAAC,WAAW,CACfC,IAAI,CAAC,WAAW,CAChBC,KAAK,CAAC,WAAW,CACjBV,QAAQ,CAAE,SAAVA,QAAQA,CAAAW,KAAA,CAAuB,CAAlB,IAAAT,WAAW,CAAAS,KAAA,CAAXT,WAAW,CACtBtE,eAAe,CAACsE,WAAW,CAACC,MAAM,CAACtC,MAAM,CAAC,CAC5C,CAAE,CAAArE,QAAA,EAEFmG,GAAA,CAAC3H,OAAO,CAAA,CAACiC,MAAM,CAAEwD,iBAAkB,CAAAjE,QAAA,CACjCmG,GAAA,CAACiB,qBAAqB,CAAE,EAAA,CAAC,CAClB,CAAC,CACT9F,MAAM,EACA,CAAC,CAEd,CAAC,CAAE,CAAC6B,aAAa,CAAEc,iBAAiB,CAAE3C,MAAM,CAAC,CAAC,CAE9C,IAAM+F,gBAAgB,CAAG,CAACtE,cAAc,EAAII,aAAa,CACzD,IAAMmE,YAAY,CAAGvG,cAAK,CAACwC,OAAO,CAChC,kBAAO,CACLgE,eAAe,CAAE,IAAI,CACrBpH,MAAM,CAAEqH,OAAO,CAACxF,OAAO,CAAC,CACxB4C,KAAK,CAAEM,aAAa,CACpBuC,SAAS,CAAE,CAAC,CACZtF,YAAY,CAAZA,YAAY,CACZQ,aAAa,CAAbA,aAAa,CACbJ,YAAY,CAAZA,YAAY,CACZK,gBAAgB,CAAhBA,gBAAgB,CAChBJ,eAAe,CAAfA,eAAe,CACfJ,eAAe,CAAfA,eAAe,CACf9B,aAAa,CAAbA,aAAa,CACboH,SAAS,CAAE,SAAXA,SAASA,EAAQ,EAAE,CACnBC,IAAI,CAAE,EAAW,CACjB7G,sBAAsB,CAAtBA,sBAAsB,CACtBuG,gBAAgB,CAAhBA,gBAAgB,CAChBrE,iBAAiB,CAAjBA,iBAAiB,CACjBI,gBAAgB,CAAhBA,gBACF,CAAC,CAAC,CAAA,CACF,CACEpB,OAAO,CACPW,aAAa,CACbJ,YAAY,CACZ2C,aAAa,CACb/C,YAAY,CACZkF,gBAAgB,CAChB/G,aAAa,CAEjB,CAAC,CAKD,IAAMsH,aAAa,CAAGC,WAAW,EAAE,CAGnC9G,cAAK,CAACuE,SAAS,CAAC,UAAM,CACpB,GAAItD,OAAO,CAAE,CACX4B,qBAAqB,CAACJ,EAAE,CAAC,CAC3B,CAAC,KAAM,CACLK,0BAA0B,CAACL,EAAE,CAAC,CAChC,CACF,CAAC,CAAE,CAACI,qBAAqB,CAAE5B,OAAO,CAAEwB,EAAE,CAAEK,0BAA0B,CAAC,CAAC,CASpE9C,cAAK,CAACuE,SAAS,CAAC,UAAM,CACpB,IAAMwC,gBAAgB,CAAG1C,QAAQ,CAAC2C,WAAW,CAAC,iBAAiB,CAAE,UAAM,CACrE,GAAIvE,EAAE,EAAIA,EAAE,GAAKO,gBAAgB,EAAE,CAAE,CAAAiE,IAAAA,kBAAA,CACnC,CAAAA,kBAAA,CAAA/G,QAAQ,CAACmD,OAAO,GAAA,IAAA,CAAA,KAAA,CAAA,CAAhB4D,kBAAA,CAAkBC,MAAM,EAAE,CAC5B,CACF,CAAC,CAAC,CACF,iBAAa,CACXH,gBAAgB,CAACI,MAAM,EAAE,CAC3B,CAAC,CACH,CAAC,CAAE,CAACnE,gBAAgB,CAAEP,EAAE,CAAC,CAAC,CAE1B,OACE2C,GAAA,CAACgC,MAAM,CAAA,CAACC,QAAQ,CAAC,wBAAwB,CAAApI,QAAA,CAEvCmG,GAAA,CAACkC,eAAe,CAACC,QAAQ,CAAA,CAACC,KAAK,CAAEX,aAAc,CAAA5H,QAAA,CAC7CmG,GAAA,CAACqC,kBAAkB,CAACF,QAAQ,CAACC,CAAAA,KAAK,CAAEjB,YAAa,CAAAtH,QAAA,CAC/CmG,GAAA,CAACsC,iBAAiB,CAAA,CAChBC,KAAK,CAGHvI,MAAM,CACF,CAEEwI,WAAW,CAAE,wBAAwB,CACrCC,YAAY,CAAE,CACZC,KAAK,CAAE,CAAC,CACRxE,MAAM,CAAE,CAAC,EACX,CAAC,CACDyE,aAAa,CAAE,GAAG,CAClBC,YAAY,CAAE,EAGhB,CAAC,CACD,EACL,CACDC,oBAAoB,CAAE1I,aAAc,CACpC2I,cAAc,CACdC,IAAAA,CAAAA,2BAA2B,MAC3BC,GAAG,CAAElI,QAAS,CAGdmI,KAAK,CAAEpH,OAAO,CAAGqB,gBAAgB,CAACe,OAAO,CAAG,CAAC,CAAE,CAC/CiF,cAAc,CAAE,CAAE5I,MAAM,CAAEwD,iBAAkB,CAAE,CAC9CqF,cAAc,CAAE,IAAK,CACrBC,eAAe,CAAEzC,YAAa,CAC9B0C,mBAAmB,CAAElL,kBAAmB,CACxCmL,eAAe,CAAExD,YAAa,CAC9ByD,iBAAiB,CAAE9C,cAAe,CAClC+C,OAAO,CAAE/E,KAAM,CACf1E,UAAU,CAAEuE,WAAY,CAAAzE,QAAA,CAEvB8B,IAAI,CACY,CAAC,CACO,CAAC,CACN,CAAC,CACrB,CAAC,CAEb,CAAC,CAEK,IAAA8H,WAAW,CAAGC,wBAAwB,CAAC/J,YAAY,CAAE,CACzDgK,WAAW,CAAEjE,YAAY,CAAC+D,WAC5B,CAAC;;;;"}
+{"version":3,"file":"BottomSheet.native.js","sources":["../../../../../src/components/BottomSheet/BottomSheet.native.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */\n/* eslint-disable @typescript-eslint/no-empty-function */\nimport GorhomBottomSheet, {\n  BottomSheetFooter as GorhomBottomSheetFooter,\n} from '@gorhom/bottom-sheet';\nimport type { BottomSheetBackgroundProps } from '@gorhom/bottom-sheet';\nimport React from 'react';\nimport { Portal } from '@gorhom/portal';\nimport {\n  Dimensions,\n  AccessibilityInfo,\n  findNodeHandle,\n  View,\n  Keyboard,\n  useWindowDimensions,\n} from 'react-native';\nimport { BottomSheetHeader } from './BottomSheetHeader';\nimport { BottomSheetGrabHandle } from './BottomSheetGrabHandle';\nimport { BottomSheetBody } from './BottomSheetBody';\nimport { BottomSheetFooter } from './BottomSheetFooter';\nimport type { BottomSheetProps } from './types';\nimport { computeMaxContent } from './utils';\nimport { ComponentIds } from './componentIds';\nimport type { BottomSheetContextProps } from './BottomSheetContext';\nimport { BottomSheetContext, useBottomSheetAndDropdownGlue } from './BottomSheetContext';\nimport { BottomSheetBackdrop } from './BottomSheetBackdrop';\nimport { useBottomSheetStack } from './BottomSheetStack';\nimport { DropdownContext, useDropdown } from '~components/Dropdown/useDropdown';\nimport BaseBox from '~components/Box/BaseBox';\nimport { useTheme } from '~components/BladeProvider';\nimport { useId } from '~utils/useId';\nimport { useIsomorphicLayoutEffect } from '~utils/useIsomorphicLayoutEffect';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { getComponentId } from '~utils/isValidAllowedChildren';\nimport { componentZIndices } from '~utils/componentZIndices';\n\nconst BottomSheetBackground = ({ style }: BottomSheetBackgroundProps): React.ReactElement => {\n  const { theme } = useTheme();\n\n  return (\n    <View\n      pointerEvents=\"none\"\n      style={[\n        style,\n        {\n          borderTopLeftRadius: theme.spacing[5],\n          borderTopRightRadius: theme.spacing[5],\n          backgroundColor: theme.colors.popup.background.gray.subtle,\n        },\n      ]}\n    />\n  );\n};\n\nconst focusOnElement = (element: React.Component<any, any>): void => {\n  const reactTag = findNodeHandle(element);\n  if (reactTag) {\n    AccessibilityInfo.setAccessibilityFocus(reactTag);\n  }\n};\n\n// Extra breathing room (home-indicator / safe area) added below the measured\n// content when `snapToContentHeight` is on, so the last row is never clipped.\nconst CONTENT_HEIGHT_SAFE_AREA = 24;\n\nconst _BottomSheet = ({\n  children,\n  snapPoints = [0.35, 0.5, 0.85],\n  isOpen,\n  onDismiss,\n  isDismissible = true,\n  isContentPanningGestureEnabled = true,\n  initialFocusRef,\n  zIndex = componentZIndices.bottomSheet,\n  snapToContentHeight = false,\n}: BottomSheetProps): React.ReactElement => {\n  const bottomSheetAndDropdownGlue = useBottomSheetAndDropdownGlue();\n  const defaultInitialFocusRef = React.useRef<any>(null);\n  const sheetRef = React.useRef<GorhomBottomSheet>(null);\n  const [header, setHeader] = React.useState<React.ReactNode>();\n  const [footer, setFooter] = React.useState<React.ReactNode>();\n  const [body, setBody] = React.useState<React.ReactNode>();\n  const _isOpen = isOpen ?? bottomSheetAndDropdownGlue?.isOpen;\n  const [headerHeight, setHeaderHeight] = React.useState(0);\n  const [footerHeight, setFooterHeight] = React.useState(0);\n  const [contentHeight, setContentHeight] = React.useState(0);\n  const [hasBodyPadding, setHasBodyPadding] = React.useState(true);\n  const [isHeaderEmpty, setIsHeaderEmpty] = React.useState(false);\n  const initialSnapPoint = React.useRef<number>(0);\n  const lastSnappedSnapPointRef = React.useRef<string | number | null>(null);\n  const isOpenRef = React.useRef(Boolean(_isOpen));\n  isOpenRef.current = Boolean(_isOpen);\n  // Gorhom emits `onClose` for programmatic snap/close as well as user dismiss.\n  // Increment before our own animations; consume one count per `onClose` so we\n  // stay in sync with Gorhom instead of relying on a timeout.\n  const suppressDismissCountRef = React.useRef(0);\n\n  const suppressDismiss = React.useCallback((): void => {\n    suppressDismissCountRef.current += 1;\n  }, []);\n\n  const totalHeight = React.useMemo(() => {\n    return headerHeight + footerHeight + contentHeight;\n  }, [contentHeight, footerHeight, headerHeight]);\n\n  const id = useId();\n  const {\n    addBottomSheetToStack,\n    removeBottomSheetFromStack,\n    getCurrentStackIndexById,\n    getTopOfTheStack,\n  } = useBottomSheetStack();\n  const currentStackIndex = getCurrentStackIndexById(id);\n  const bottomSheetZIndex = zIndex - currentStackIndex;\n\n  // if bottomSheet height is >35% & <50% then set initial snapPoint to 35%\n  useIsomorphicLayoutEffect(() => {\n    if (snapToContentHeight) {\n      // Content-driven mode has a single derived snap point, so index 0 is the only\n      // valid open index. Anything higher would be out of range and crash Gorhom's\n      // `snapToIndex` invariant (`index <= snapPoints.length - 1`).\n      initialSnapPoint.current = 0;\n    } else if (bottomSheetAndDropdownGlue?.hasAutoCompleteInHeader) {\n      // In AutoComplete, we want to open BottomSheet with max height so we set this to last index\n      initialSnapPoint.current = 2;\n    } else if (totalHeight > 0) {\n      // Content-fitted snap at index 0 once heights are measured\n      initialSnapPoint.current = 0;\n    } else {\n      const height = Dimensions.get('window').height;\n      const middleSnapPoint = snapPoints[1] * height;\n      if (totalHeight > middleSnapPoint) {\n        initialSnapPoint.current = 1;\n      } else {\n        initialSnapPoint.current = 0;\n      }\n    }\n  }, [\n    snapPoints,\n    totalHeight,\n    snapToContentHeight,\n    bottomSheetAndDropdownGlue?.hasAutoCompleteInHeader,\n  ]);\n\n  const { height: windowHeight } = useWindowDimensions();\n  const _snapPoints = React.useMemo<(string | number)[]>(() => {\n    // Content-driven sizing: derive a SINGLE snap point from the measured content\n    // height (header + body + footer) so the sheet hugs its content. The array is\n    // always length 1 in this mode (index 0 is the only valid open index) — before\n    // the first measurement lands we use a sensible default fraction so the sheet\n    // opens smoothly and never requests an out-of-range snap index.\n    if (snapToContentHeight) {\n      if (totalHeight > 0) {\n        // Use an ABSOLUTE pixel snap point (not a percentage). Gorhom resolves a\n        // percentage against its own container height, which is shorter than the\n        // window by the top inset (status bar / dynamic island). Dividing the\n        // measured content by the window height therefore under-sized the sheet and\n        // clipped the last grid row (forcing a scroll). A pixel value sizes the sheet\n        // to exactly the measured content regardless of container/window mismatch, so\n        // every grid view (date / month / year) is fully visible. Capped so very tall\n        // content still leaves a small gap at the top instead of covering the notch.\n        const pixelHeight = Math.min(totalHeight + CONTENT_HEIGHT_SAFE_AREA, windowHeight * 0.95);\n        return [pixelHeight];\n      }\n      return ['60%'];\n    }\n    if (totalHeight > 0) {\n      const fittedHeight = computeMaxContent({\n        maxHeight: windowHeight * snapPoints[2],\n        headerHeight,\n        footerHeight,\n        contentHeight,\n      });\n      const fittedSnap = Math.min(\n        Math.max(fittedHeight / windowHeight, snapPoints[0]),\n        snapPoints[2],\n      );\n      return [`${fittedSnap * 100}%`, `${snapPoints[1] * 100}%`, `${snapPoints[2] * 100}%`];\n    }\n    return snapPoints.map((point) => `${point * 100}%`);\n  }, [\n    snapToContentHeight,\n    snapPoints,\n    totalHeight,\n    headerHeight,\n    footerHeight,\n    contentHeight,\n    windowHeight,\n  ]);\n\n  // Always clamp the open index into the CURRENT snap-points range. The snap-points\n  // array length can change at runtime (e.g. content-driven sizing collapses it to a\n  // single point), and requesting a now-nonexistent index throws Gorhom's invariant.\n  const getSafeSnapIndex = React.useCallback(\n    (index: number) => Math.min(Math.max(index, 0), _snapPoints.length - 1),\n    [_snapPoints.length],\n  );\n\n  const dismissSheet = React.useCallback(() => {\n    if (!isDismissible) return;\n    onDismiss?.();\n    bottomSheetAndDropdownGlue?.onBottomSheetDismiss?.();\n  }, [isDismissible, onDismiss, bottomSheetAndDropdownGlue]);\n\n  const handleSheetClosed = React.useCallback(() => {\n    if (!isDismissible) return;\n    if (suppressDismissCountRef.current > 0) {\n      suppressDismissCountRef.current -= 1;\n      return;\n    }\n    // Ignore stale close events once React state is already closed.\n    if (!isOpenRef.current) return;\n    dismissSheet();\n  }, [dismissSheet, isDismissible]);\n\n  const handleOnOpen = React.useCallback(() => {\n    suppressDismiss();\n    sheetRef.current?.snapToIndex(getSafeSnapIndex(initialSnapPoint.current));\n  }, [suppressDismiss, getSafeSnapIndex]);\n\n  const handleOnClose = React.useCallback(() => {\n    suppressDismiss();\n    sheetRef.current?.close();\n    // We need this because if inside the BottomSheet there is a input which is focused\n    // and user dragged down to close the sheet, even after closing the sheet the input will remain focused\n    Keyboard.dismiss();\n  }, [suppressDismiss]);\n\n  // sync controlled state to our actions\n  React.useEffect(() => {\n    if (_isOpen) {\n      handleOnOpen();\n      if (!initialFocusRef) {\n        // focus on close button\n        focusOnElement(defaultInitialFocusRef.current);\n      } else {\n        // focus on the initialRef\n        focusOnElement(initialFocusRef.current);\n      }\n    } else {\n      lastSnappedSnapPointRef.current = null;\n      handleOnClose();\n    }\n  }, [_isOpen, handleOnClose, handleOnOpen, initialFocusRef]);\n\n  React.useEffect(() => {\n    if (!_isOpen || totalHeight === 0) return;\n    const targetIndex = getSafeSnapIndex(initialSnapPoint.current);\n    const targetSnapPoint = _snapPoints[targetIndex];\n    if (lastSnappedSnapPointRef.current === targetSnapPoint) return;\n    lastSnappedSnapPointRef.current = targetSnapPoint;\n    suppressDismiss();\n    sheetRef.current?.snapToIndex(targetIndex);\n  }, [_isOpen, totalHeight, _snapPoints, suppressDismiss, getSafeSnapIndex]);\n\n  // let the Dropdown component know that it's rendering a bottomsheet\n  React.useEffect(() => {\n    if (!bottomSheetAndDropdownGlue) return;\n    bottomSheetAndDropdownGlue.setDropdownHasBottomSheet(true);\n  }, [bottomSheetAndDropdownGlue]);\n\n  React.useLayoutEffect(() => {\n    React.Children.forEach(children, (child) => {\n      if (getComponentId(child) === ComponentIds.BottomSheetHeader) {\n        setHeader(child);\n      }\n      if (getComponentId(child) === ComponentIds.BottomSheetFooter) {\n        setFooter(child);\n      }\n      if (getComponentId(child) === ComponentIds.BottomSheetBody) {\n        setBody(child);\n      }\n    });\n  }, [children]);\n\n  const renderFooter = React.useCallback(\n    (props: any): React.ReactElement => {\n      return (\n        <GorhomBottomSheetFooter {...props}>\n          <View\n            onLayout={(event) => {\n              // save footer height so that later we can offset the marginBottom from body content\n              // otherwise few elements gets hidden under the footer\n              setFooterHeight(event.nativeEvent.layout.height);\n            }}\n          >\n            {footer}\n          </View>\n        </GorhomBottomSheetFooter>\n      );\n    },\n    [footer],\n  );\n\n  const renderBackdrop = React.useCallback(\n    (props: any): React.ReactElement => {\n      // `isDismissible` MUST be forwarded — the backdrop uses it to decide its\n      // `pressBehavior` ('close' vs 'none'). Without it, tapping outside the sheet\n      // does nothing (the tap-outside-to-close affordance is lost).\n      return (\n        <BottomSheetBackdrop {...props} zIndex={bottomSheetZIndex} isDismissible={isDismissible} />\n      );\n    },\n    [bottomSheetZIndex, isDismissible],\n  );\n\n  const renderHandle = React.useCallback((): React.ReactElement => {\n    return (\n      <BaseBox\n        position={isHeaderEmpty ? 'absolute' : 'relative'}\n        top=\"spacing.0\"\n        left=\"spacing.0\"\n        right=\"spacing.0\"\n        onLayout={({ nativeEvent }) => {\n          setHeaderHeight(nativeEvent.layout.height);\n        }}\n      >\n        <BaseBox zIndex={bottomSheetZIndex}>\n          <BottomSheetGrabHandle />\n        </BaseBox>\n        {header}\n      </BaseBox>\n    );\n  }, [isHeaderEmpty, bottomSheetZIndex, header]);\n\n  const isHeaderFloating = !hasBodyPadding && isHeaderEmpty;\n  const contextValue = React.useMemo<BottomSheetContextProps>(\n    () => ({\n      isInBottomSheet: true,\n      isOpen: Boolean(_isOpen),\n      close: dismissSheet,\n      positionY: 0,\n      headerHeight,\n      contentHeight,\n      footerHeight,\n      setContentHeight,\n      setFooterHeight,\n      setHeaderHeight,\n      isDismissible,\n      scrollRef: () => {},\n      bind: {} as never,\n      defaultInitialFocusRef,\n      isHeaderFloating,\n      setHasBodyPadding,\n      setIsHeaderEmpty,\n    }),\n    [\n      _isOpen,\n      contentHeight,\n      footerHeight,\n      dismissSheet,\n      headerHeight,\n      isHeaderFloating,\n      isDismissible,\n    ],\n  );\n\n  // Hack: We need to <Portal> the GorhomBottomSheet to the root of the react-native app\n  // But the portalled component will no longer be able to access the parent contexts (Dropdown Context)\n  // To workaround this, I'm portalling both the DropdownContext & BotomSheetContext along with the component\n  const dropdownProps = useDropdown();\n\n  // register and deregister in the stack\n  React.useEffect(() => {\n    if (_isOpen) {\n      addBottomSheetToStack(id);\n    } else {\n      removeBottomSheetFromStack(id);\n    }\n  }, [addBottomSheetToStack, _isOpen, id, removeBottomSheetFromStack]);\n\n  // Handle TextInput inside BottomSheet\n  // We expand the BottomSheet to the max snapPoint so that when the keyboard opens\n  // the body content will be visible\n  // There is a standard way to do this:\n  // https://gorhom.github.io/react-native-bottom-sheet/keyboard-handling\n  // But this didn't worked because:\n  // https://github.com/gorhom/react-native-bottom-sheet/issues/618\n  React.useEffect(() => {\n    const showSubscription = Keyboard.addListener('keyboardDidShow', () => {\n      if (id && id === getTopOfTheStack()) {\n        sheetRef.current?.expand();\n      }\n    });\n    return () => {\n      showSubscription.remove();\n    };\n  }, [getTopOfTheStack, id]);\n\n  return (\n    <Portal hostName=\"BladeBottomSheetPortal\">\n      {/* Portalling both the context */}\n      <DropdownContext.Provider value={dropdownProps}>\n        <BottomSheetContext.Provider value={contextValue}>\n          <GorhomBottomSheet\n            style={\n              // only render shadow when the sheet is open,\n              // otherwise there is visible shadow leak from the bottom edge of the screen\n              _isOpen\n                ? {\n                    // this is reverse top elevation of highRaised elevation token\n                    shadowColor: 'hsla(217,56%,17%,0.64)',\n                    shadowOffset: {\n                      width: 0,\n                      height: -18,\n                    },\n                    shadowOpacity: 0.2,\n                    shadowRadius: 12,\n                    // this fails on andorid because its not handled on GorhomBottomSheet internally, hence tradeoff but its fine because visually this barely makes any difference its that nice design detail\n                    // elevation: 40,\n                  }\n                : {}\n            }\n            enablePanDownToClose={isDismissible}\n            enableOverDrag\n            enableContentPanningGesture={isContentPanningGestureEnabled}\n            ref={sheetRef}\n            // on initial render if _isOpen is true we want to render the sheet at initialSnapPoint\n            // otherwise we want to render it at -1 so that it is not visible\n            index={_isOpen ? getSafeSnapIndex(initialSnapPoint.current) : -1}\n            containerStyle={{ zIndex: bottomSheetZIndex, elevation: bottomSheetZIndex }}\n            animateOnMount={true}\n            handleComponent={renderHandle}\n            backgroundComponent={BottomSheetBackground}\n            footerComponent={renderFooter}\n            backdropComponent={renderBackdrop}\n            onClose={handleSheetClosed}\n            snapPoints={_snapPoints}\n          >\n            {body}\n          </GorhomBottomSheet>\n        </BottomSheetContext.Provider>\n      </DropdownContext.Provider>\n    </Portal>\n  );\n};\n\nconst BottomSheet = assignWithoutSideEffects(_BottomSheet, {\n  componentId: ComponentIds.BottomSheet,\n});\n\nexport { BottomSheet, BottomSheetBody, BottomSheetFooter, BottomSheetHeader };\n"],"names":["this","BottomSheetBackground","_ref","style","_useTheme","useTheme","theme","_jsx","View","pointerEvents","borderTopLeftRadius","spacing","borderTopRightRadius","backgroundColor","colors","popup","background","gray","subtle","focusOnElement","element","reactTag","findNodeHandle","AccessibilityInfo","setAccessibilityFocus","CONTENT_HEIGHT_SAFE_AREA","_BottomSheet","_ref2","children","_ref2$snapPoints","snapPoints","isOpen","onDismiss","_ref2$isDismissible","isDismissible","_ref2$isContentPannin","isContentPanningGestureEnabled","initialFocusRef","_ref2$zIndex","zIndex","componentZIndices","bottomSheet","_ref2$snapToContentHe","snapToContentHeight","bottomSheetAndDropdownGlue","useBottomSheetAndDropdownGlue","defaultInitialFocusRef","React","useRef","sheetRef","_React$useState","useState","_React$useState2","_slicedToArray","header","setHeader","_React$useState3","_React$useState4","footer","setFooter","_React$useState5","_React$useState6","body","setBody","_isOpen","_React$useState7","_React$useState8","headerHeight","setHeaderHeight","_React$useState9","_React$useState0","footerHeight","setFooterHeight","_React$useState1","_React$useState10","contentHeight","setContentHeight","_React$useState11","_React$useState12","hasBodyPadding","setHasBodyPadding","_React$useState13","_React$useState14","isHeaderEmpty","setIsHeaderEmpty","initialSnapPoint","lastSnappedSnapPointRef","isOpenRef","Boolean","current","suppressDismissCountRef","suppressDismiss","useCallback","totalHeight","useMemo","id","useId","_useBottomSheetStack","useBottomSheetStack","addBottomSheetToStack","removeBottomSheetFromStack","getCurrentStackIndexById","getTopOfTheStack","currentStackIndex","bottomSheetZIndex","useIsomorphicLayoutEffect","hasAutoCompleteInHeader","height","Dimensions","get","middleSnapPoint","_useWindowDimensions","useWindowDimensions","windowHeight","_snapPoints","pixelHeight","Math","min","fittedHeight","computeMaxContent","maxHeight","fittedSnap","max","map","point","getSafeSnapIndex","index","length","dismissSheet","onBottomSheetDismiss","handleSheetClosed","handleOnOpen","_sheetRef$current","snapToIndex","handleOnClose","_sheetRef$current2","close","Keyboard","dismiss","useEffect","_sheetRef$current3","targetIndex","targetSnapPoint","setDropdownHasBottomSheet","useLayoutEffect","Children","forEach","child","getComponentId","ComponentIds","BottomSheetHeader","BottomSheetFooter","BottomSheetBody","renderFooter","props","GorhomBottomSheetFooter","Object","assign","onLayout","event","nativeEvent","layout","renderBackdrop","BottomSheetBackdrop","renderHandle","_jsxs","BaseBox","position","top","left","right","_ref3","BottomSheetGrabHandle","isHeaderFloating","contextValue","isInBottomSheet","positionY","scrollRef","bind","dropdownProps","useDropdown","showSubscription","addListener","_sheetRef$current4","expand","remove","Portal","hostName","DropdownContext","Provider","value","BottomSheetContext","GorhomBottomSheet","shadowColor","shadowOffset","width","shadowOpacity","shadowRadius","enablePanDownToClose","enableOverDrag","enableContentPanningGesture","ref","containerStyle","elevation","animateOnMount","handleComponent","backgroundComponent","footerComponent","backdropComponent","onClose","BottomSheet","assignWithoutSideEffects","componentId"],"mappings":"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"}

package/build/lib/native/components/BottomSheet/BottomSheetBackdrop.native.js

@@ -1,17 +1,10 @@
 import 'react';
 import { BottomSheetBackdrop as BottomSheetBackdrop$1 } from '@gorhom/bottom-sheet';
-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 './BottomSheetStack.js';
+import '../BladeProvider/index.js';
 import { jsx } from 'react/jsx-runtime';
+import useTheme from '../BladeProvider/useTheme.js';
 
-var BottomSheetBackdrop=function BottomSheetBackdrop(props){var _useTheme=useTheme(),theme=_useTheme.theme;return jsx(BottomSheetBackdrop$1,Object.assign({},props,{appearsOnIndex:0,disappearsOnIndex:-1,pressBehavior:props.isDismissible?'close':'none',opacity:1,style:[props.style,{backgroundColor:theme.colors.overlay.background.subtle,zIndex:props.zIndex}]}));};
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/BottomSheet/BottomSheetBackdrop.native.tsx";var BottomSheetBackdrop=function BottomSheetBackdrop(props){var _useTheme=useTheme(),theme=_useTheme.theme;return jsx(BottomSheetBackdrop$1,Object.assign({},props,{appearsOnIndex:0,disappearsOnIndex:-1,pressBehavior:props.isDismissible?'close':'none',opacity:1,style:[props.style,{backgroundColor:theme.colors.overlay.background.subtle}]}));};
 
 export { BottomSheetBackdrop };
 //# sourceMappingURL=BottomSheetBackdrop.native.js.map

package/build/lib/native/components/BottomSheet/BottomSheetBackdrop.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"BottomSheetBackdrop.native.js","sources":["../../../../../src/components/BottomSheet/BottomSheetBackdrop.native.tsx"],"sourcesContent":["import React from 'react';\nimport type { BottomSheetBackdropProps } from '@gorhom/bottom-sheet';\nimport { BottomSheetBackdrop as GorhomBottomSheetBackdrop } from '@gorhom/bottom-sheet';\nimport { useTheme } from '~components/BladeProvider';\n\nconst BottomSheetBackdrop = (\n  props: BottomSheetBackdropProps & { zIndex: number; isDismissible: boolean },\n): React.ReactElement => {\n  const { theme } = useTheme();\n\n  return (\n    <GorhomBottomSheetBackdrop\n      {...props}\n      appearsOnIndex={0}\n      disappearsOnIndex={-1}\n      pressBehavior={props.isDismissible ? 'close' : 'none'}\n      opacity={1}\n      style={[\n        props.style,\n        { backgroundColor: theme.colors.overlay.background.subtle, zIndex: props.zIndex },\n      ]}\n    />\n  );\n};\n\nexport { BottomSheetBackdrop };\n"],"names":["BottomSheetBackdrop","props","_useTheme","useTheme","theme","_jsx","GorhomBottomSheetBackdrop","Object","assign","appearsOnIndex","disappearsOnIndex","pressBehavior","isDismissible","opacity","style","backgroundColor","colors","overlay","background","subtle","zIndex"],"mappings":";;;;;;;;;;;;;AAKM,IAAAA,mBAAmB,CAAG,SAAtBA,mBAAmBA,CACvBC,KAA4E,CACrD,CACvB,IAAAC,SAAA,CAAkBC,QAAQ,EAAE,CAApBC,KAAK,CAAAF,SAAA,CAALE,KAAK,CAEb,OACEC,GAAA,CAACC,qBAAyB,CAAAC,MAAA,CAAAC,MAAA,CACpBP,EAAAA,CAAAA,KAAK,EACTQ,cAAc,CAAE,CAAE,CAClBC,iBAAiB,CAAE,CAAC,CAAE,CACtBC,aAAa,CAAEV,KAAK,CAACW,aAAa,CAAG,OAAO,CAAG,MAAO,CACtDC,OAAO,CAAE,CAAE,CACXC,KAAK,CAAE,CACLb,KAAK,CAACa,KAAK,CACX,CAAEC,eAAe,CAAEX,KAAK,CAACY,MAAM,CAACC,OAAO,CAACC,UAAU,CAACC,MAAM,CAAEC,MAAM,CAAEnB,KAAK,CAACmB,MAAO,CAAC,CACjF,CACH,CAAA,CAAC,CAEN;;;;"}
+{"version":3,"file":"BottomSheetBackdrop.native.js","sources":["../../../../../src/components/BottomSheet/BottomSheetBackdrop.native.tsx"],"sourcesContent":["import React from 'react';\nimport type { BottomSheetBackdropProps } from '@gorhom/bottom-sheet';\nimport { BottomSheetBackdrop as GorhomBottomSheetBackdrop } from '@gorhom/bottom-sheet';\nimport { useTheme } from '~components/BladeProvider';\n\nconst BottomSheetBackdrop = (\n  props: BottomSheetBackdropProps & { zIndex: number; isDismissible: boolean },\n): React.ReactElement => {\n  const { theme } = useTheme();\n\n  return (\n    <GorhomBottomSheetBackdrop\n      {...props}\n      appearsOnIndex={0}\n      disappearsOnIndex={-1}\n      pressBehavior={props.isDismissible ? 'close' : 'none'}\n      opacity={1}\n      style={[props.style, { backgroundColor: theme.colors.overlay.background.subtle }]}\n    />\n  );\n};\n\nexport { BottomSheetBackdrop };\n"],"names":["BottomSheetBackdrop","props","_useTheme","useTheme","theme","_jsx","GorhomBottomSheetBackdrop","Object","assign","appearsOnIndex","disappearsOnIndex","pressBehavior","isDismissible","opacity","style","backgroundColor","colors","overlay","background","subtle"],"mappings":";;;;;;0IAKM,IAAAA,mBAAmB,CAAG,SAAtBA,mBAAmBA,CACvBC,KAA4E,CACrD,CACvB,IAAAC,SAAA,CAAkBC,QAAQ,EAAE,CAApBC,KAAK,CAAAF,SAAA,CAALE,KAAK,CAEb,OACEC,GAAA,CAACC,qBAAyB,CAAAC,MAAA,CAAAC,MAAA,CACpBP,EAAAA,CAAAA,KAAK,CACTQ,CAAAA,cAAc,CAAE,CAAE,CAClBC,iBAAiB,CAAE,CAAC,CAAE,CACtBC,aAAa,CAAEV,KAAK,CAACW,aAAa,CAAG,OAAO,CAAG,MAAO,CACtDC,OAAO,CAAE,CAAE,CACXC,KAAK,CAAE,CAACb,KAAK,CAACa,KAAK,CAAE,CAAEC,eAAe,CAAEX,KAAK,CAACY,MAAM,CAACC,OAAO,CAACC,UAAU,CAACC,MAAO,CAAC,CAAE,CAAA,CACnF,CAAC,CAEN;;;;"}

package/build/lib/native/components/BottomSheet/BottomSheetBody.native.js

@@ -3,16 +3,18 @@ import React__default from 'react';
 import { BottomSheetScrollView } from '@gorhom/bottom-sheet';
 import { ComponentIds } from './componentIds.js';
 import { useBottomSheetContext } from './BottomSheetContext.js';
-import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
+import '../Box/BaseBox/index.js';
 import { componentIds } from '../ActionList/componentIds.js';
-import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
+import '../../utils/assignWithoutSideEffects/index.js';
+import '../../utils/isValidAllowedChildren/index.js';
+import '../../tokens/global/index.js';
+import { jsx, Fragment } from 'react/jsx-runtime';
 import { isValidAllowedChildren } from '../../utils/isValidAllowedChildren/isValidAllowedChildren.js';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
 import { size } from '../../tokens/global/size.js';
-import { jsx, Fragment } from 'react/jsx-runtime';
+import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
+import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
-var _BottomSheetBody=function _BottomSheetBody(_ref){var children=_ref.children,_ref$padding=_ref.padding,padding=_ref$padding===void 0?'spacing.5':_ref$padding;var _useBottomSheetContex=useBottomSheetContext(),footerHeight=_useBottomSheetContex.footerHeight,setContentHeight=_useBottomSheetContex.setContentHeight,setHasBodyPadding=_useBottomSheetContex.setHasBodyPadding,isHeaderFloating=_useBottomSheetContex.isHeaderFloating;var _React$useState=React__default.useState(undefined),_React$useState2=_slicedToArray(_React$useState,2),bottomSheetHasActionList=_React$useState2[0],setBottomSheetHasActionList=_React$useState2[1];React__default.useEffect(function(){setBottomSheetHasActionList(false);React__default.Children.forEach(children,function(child){if(isValidAllowedChildren(child,componentIds.ActionList)){setBottomSheetHasActionList(true);}});},[children]);React__default.useEffect(function(){if(padding==='spacing.0'){setHasBodyPadding(false);}},[padding]);if(bottomSheetHasActionList===undefined)return jsx(Fragment,{});return jsx(Fragment,{children:bottomSheetHasActionList?children:jsx(BottomSheetScrollView,{onContentSizeChange:function onContentSizeChange(_width,height){setContentHeight(height);},style:{marginBottom:footerHeight,borderRadius:isHeaderFloating?size[16]:0},children:jsx(BaseBox,{flexShrink:1,flexGrow:1,overflow:"hidden",children:jsx(BaseBox,{paddingLeft:bottomSheetHasActionList?'spacing.3':padding,paddingRight:bottomSheetHasActionList?'spacing.3':padding,paddingTop:bottomSheetHasActionList?'spacing.3':padding,paddingBottom:bottomSheetHasActionList?'spacing.3':padding,overflow:"hidden",children:children})})})});};var BottomSheetBody=assignWithoutSideEffects(_BottomSheetBody,{componentId:ComponentIds.BottomSheetBody});
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/BottomSheet/BottomSheetBody.native.tsx";var _BottomSheetBody=function _BottomSheetBody(_ref){var children=_ref.children,_ref$padding=_ref.padding,padding=_ref$padding===void 0?'spacing.5':_ref$padding;var _useBottomSheetContex=useBottomSheetContext(),footerHeight=_useBottomSheetContex.footerHeight,setContentHeight=_useBottomSheetContex.setContentHeight,setHasBodyPadding=_useBottomSheetContex.setHasBodyPadding,isHeaderFloating=_useBottomSheetContex.isHeaderFloating;var _React$useState=React__default.useState(undefined),_React$useState2=_slicedToArray(_React$useState,2),bottomSheetHasActionList=_React$useState2[0],setBottomSheetHasActionList=_React$useState2[1];React__default.useEffect(function(){setBottomSheetHasActionList(false);React__default.Children.forEach(children,function(child){if(isValidAllowedChildren(child,componentIds.ActionList)){setBottomSheetHasActionList(true);}});},[children]);React__default.useEffect(function(){if(padding==='spacing.0'){setHasBodyPadding(false);}},[padding]);if(bottomSheetHasActionList===undefined)return jsx(Fragment,{});return jsx(Fragment,{children:bottomSheetHasActionList?children:jsx(BottomSheetScrollView,{onContentSizeChange:function onContentSizeChange(_width,height){setContentHeight(height);},style:{marginBottom:footerHeight,borderRadius:isHeaderFloating?size[16]:0},children:jsx(BaseBox,{flexShrink:1,flexGrow:1,overflow:"hidden",children:jsx(BaseBox,{paddingLeft:bottomSheetHasActionList?'spacing.3':padding,paddingRight:bottomSheetHasActionList?'spacing.3':padding,paddingTop:bottomSheetHasActionList?'spacing.3':padding,paddingBottom:bottomSheetHasActionList?'spacing.3':padding,overflow:"hidden",children:children})})})});};var BottomSheetBody=assignWithoutSideEffects(_BottomSheetBody,{componentId:ComponentIds.BottomSheetBody});
 
 export { BottomSheetBody };
 //# sourceMappingURL=BottomSheetBody.native.js.map