@razorpay/blade 12.98.1 → 12.110.0

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

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

package/build/lib/native/components/List/listTokens.js

@@ -1,6 +1,6 @@
+import '../../utils/makeSize/index.js';
+import '../../tokens/global/index.js';
 import { makeSize } from '../../utils/makeSize/makeSize.js';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
 import { size } from '../../tokens/global/size.js';
 
 var listItemMarginLeft={unordered:{1:'spacing.2',2:'spacing.5',3:'spacing.5'},unorderedWithIcon:{1:'spacing.0',2:'spacing.5',3:'spacing.5'},ordered:{1:'spacing.0',2:'spacing.6',3:'spacing.6'},'ordered-filled':{1:'spacing.0',2:'spacing.6',3:'spacing.6'}};var listItemBulletMarginRight={unordered:'spacing.3',ordered:'spacing.2','ordered-filled':'spacing.3'};var listItemBulletMarginTop={unordered:{onDesktop:{small:makeSize(6),medium:makeSize(7),large:makeSize(10)},onMobile:{small:makeSize(6),medium:makeSize(7),large:makeSize(10)}},unorderedWithIcon:{onDesktop:{small:'spacing.2',medium:'spacing.1',large:makeSize(5)},onMobile:{small:'spacing.2',medium:'spacing.1',large:makeSize(5)}},ordered:{onDesktop:{small:makeSize(0),medium:makeSize(0),large:makeSize(0)},onMobile:{small:makeSize(0),medium:makeSize(0),large:makeSize(0)}},'ordered-filled':{onDesktop:{small:makeSize(0),medium:makeSize(0),large:makeSize(0)},onMobile:{small:makeSize(0),medium:makeSize(0),large:makeSize(0)}}};var listItemUnorderedBulletSize={onDesktop:{small:makeSize(size[6]),medium:makeSize(size[6]),large:makeSize(size[6])},onMobile:{small:makeSize(size[5]),medium:makeSize(size[6]),large:makeSize(size[6])}};var listItemMarginBottom='spacing.3';var listItemOrderedBulletBoxSize={ordered:{onDesktop:{small:makeSize(size[16]),medium:makeSize(size[20]),large:makeSize(size[24])},onMobile:{small:makeSize(size[16]),medium:makeSize(size[24]),large:makeSize(size[24])}},'ordered-filled':{onDesktop:{small:makeSize(size[18]),medium:makeSize(size[20]),large:makeSize(size[24])},onMobile:{small:makeSize(size[16]),medium:makeSize(size[20]),large:makeSize(size[24])}}};var listItemCodeSize={small:'small',medium:'small',large:'medium'};

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

@@ -1,12 +1,11 @@
 import 'react';
-import '../Typography/Heading/Heading.js';
-import { Text } from '../Typography/Text/Text.js';
-import '../Typography/Code/Code.js';
-import '../Typography/Display/Display.js';
-import { throwBladeError } from '../../utils/logger/logger.js';
+import '../Typography/index.js';
+import '../../utils/logger/index.js';
 import { jsx } from 'react/jsx-runtime';
+import { throwBladeError } from '../../utils/logger/logger.js';
+import { Text } from '../Typography/Text/Text.js';
 
-var ListView=function ListView(_prop){throwBladeError({message:'ListView is not yet implemented for native',moduleName:'ListView'});return jsx(Text,{children:"ListView is not available for Native mobile apps."});};
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/ListView/ListView.native.tsx";var ListView=function ListView(_prop){throwBladeError({message:'ListView is not yet implemented for native',moduleName:'ListView'});return jsx(Text,{children:"ListView is not available for Native mobile apps."});};
 
 export { ListView };
 //# sourceMappingURL=ListView.native.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ListView.native.js","sources":["../../../../../src/components/ListView/ListView.native.tsx"],"sourcesContent":["import React from 'react';\nimport type { ListViewProps } from './types';\nimport { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\n\nconst ListView = (_prop: ListViewProps): React.ReactElement => {\n  throwBladeError({\n    message: 'ListView is not yet implemented for native',\n    moduleName: 'ListView',\n  });\n\n  return <Text>ListView is not available for Native mobile apps.</Text>;\n};\n\nexport { ListView };\n"],"names":["ListView","_prop","throwBladeError","message","moduleName","_jsx","Text","children"],"mappings":";;;;;;;;AAKM,IAAAA,QAAQ,CAAG,SAAXA,QAAQA,CAAIC,KAAoB,CAAyB,CAC7DC,eAAe,CAAC,CACdC,OAAO,CAAE,4CAA4C,CACrDC,UAAU,CAAE,UACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAAC,CAAAA,QAAA,CAAC,mDAAiD,CAAM,CAAC,CACvE;;;;"}
+{"version":3,"file":"ListView.native.js","sources":["../../../../../src/components/ListView/ListView.native.tsx"],"sourcesContent":["import React from 'react';\nimport type { ListViewProps } from './types';\nimport { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\n\nconst ListView = (_prop: ListViewProps): React.ReactElement => {\n  throwBladeError({\n    message: 'ListView is not yet implemented for native',\n    moduleName: 'ListView',\n  });\n\n  return <Text>ListView is not available for Native mobile apps.</Text>;\n};\n\nexport { ListView };\n"],"names":["ListView","_prop","throwBladeError","message","moduleName","_jsx","Text","children"],"mappings":";;;;;;;4HAKM,IAAAA,QAAQ,CAAG,SAAXA,QAAQA,CAAIC,KAAoB,CAAyB,CAC7DC,eAAe,CAAC,CACdC,OAAO,CAAE,4CAA4C,CACrDC,UAAU,CAAE,UACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAAC,CAAAA,QAAA,CAAC,mDAAiD,CAAM,CAAC,CACvE;;;;"}

package/build/lib/native/components/ListView/ListViewFilters.native.js

@@ -1,12 +1,11 @@
 import 'react';
-import '../Typography/Heading/Heading.js';
-import { Text } from '../Typography/Text/Text.js';
-import '../Typography/Code/Code.js';
-import '../Typography/Display/Display.js';
-import { throwBladeError } from '../../utils/logger/logger.js';
+import '../Typography/index.js';
+import '../../utils/logger/index.js';
 import { jsx } from 'react/jsx-runtime';
+import { throwBladeError } from '../../utils/logger/logger.js';
+import { Text } from '../Typography/Text/Text.js';
 
-var ListViewFilters=function ListViewFilters(_prop){throwBladeError({message:'ListViewFilter is not yet implemented for native',moduleName:'ListViewFilter'});return jsx(Text,{children:"ListView is not available for Native mobile apps."});};
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/ListView/ListViewFilters.native.tsx";var ListViewFilters=function ListViewFilters(_prop){throwBladeError({message:'ListViewFilter is not yet implemented for native',moduleName:'ListViewFilter'});return jsx(Text,{children:"ListView is not available for Native mobile apps."});};
 
 export { ListViewFilters };
 //# sourceMappingURL=ListViewFilters.native.js.map

package/build/lib/native/components/ListView/ListViewFilters.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListViewFilters.native.js","sources":["../../../../../src/components/ListView/ListViewFilters.native.tsx"],"sourcesContent":["import React from 'react';\nimport type { ListViewFilterProps } from './types';\nimport { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\n\nconst ListViewFilters = (_prop: ListViewFilterProps): React.ReactElement => {\n  throwBladeError({\n    message: 'ListViewFilter is not yet implemented for native',\n    moduleName: 'ListViewFilter',\n  });\n\n  return <Text>ListView is not available for Native mobile apps.</Text>;\n};\n\nexport { ListViewFilters };\n"],"names":["ListViewFilters","_prop","throwBladeError","message","moduleName","_jsx","Text","children"],"mappings":";;;;;;;;AAKM,IAAAA,eAAe,CAAG,SAAlBA,eAAeA,CAAIC,KAA0B,CAAyB,CAC1EC,eAAe,CAAC,CACdC,OAAO,CAAE,kDAAkD,CAC3DC,UAAU,CAAE,gBACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAAC,CAAAA,QAAA,CAAC,mDAAiD,CAAM,CAAC,CACvE;;;;"}
+{"version":3,"file":"ListViewFilters.native.js","sources":["../../../../../src/components/ListView/ListViewFilters.native.tsx"],"sourcesContent":["import React from 'react';\nimport type { ListViewFilterProps } from './types';\nimport { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\n\nconst ListViewFilters = (_prop: ListViewFilterProps): React.ReactElement => {\n  throwBladeError({\n    message: 'ListViewFilter is not yet implemented for native',\n    moduleName: 'ListViewFilter',\n  });\n\n  return <Text>ListView is not available for Native mobile apps.</Text>;\n};\n\nexport { ListViewFilters };\n"],"names":["ListViewFilters","_prop","throwBladeError","message","moduleName","_jsx","Text","children"],"mappings":";;;;;;;mIAKM,IAAAA,eAAe,CAAG,SAAlBA,eAAeA,CAAIC,KAA0B,CAAyB,CAC1EC,eAAe,CAAC,CACdC,OAAO,CAAE,kDAAkD,CAC3DC,UAAU,CAAE,gBACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAAC,CAAAA,QAAA,CAAC,mDAAiD,CAAM,CAAC,CACvE;;;;"}

package/build/lib/native/components/ListView/ListViewFiltersContext.native.js

@@ -0,0 +1,6 @@
+import React__default from 'react';
+
+var ListViewFiltersGroupContext=React__default.createContext({selectedFiltersCount:0,listViewSelectedFilters:{},setListViewSelectedFilters:function setListViewSelectedFilters(){}});var ListViewFiltersProvider=ListViewFiltersGroupContext.Provider;var useListViewFilterContext=function useListViewFilterContext(){var context=React__default.useContext(ListViewFiltersGroupContext);return context;};
+
+export { ListViewFiltersProvider, useListViewFilterContext };
+//# sourceMappingURL=ListViewFiltersContext.native.js.map

package/build/lib/native/components/ListView/ListViewFiltersContext.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListViewFiltersContext.native.js","sources":["../../../../../src/components/ListView/ListViewFiltersContext.native.tsx"],"sourcesContent":["import React from 'react';\nimport type { ListViewContextType } from './types';\n\nconst ListViewFiltersGroupContext = React.createContext<ListViewContextType>({\n  selectedFiltersCount: 0,\n  listViewSelectedFilters: {},\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  setListViewSelectedFilters: () => {},\n});\nconst ListViewFiltersProvider = ListViewFiltersGroupContext.Provider;\n\nconst useListViewFilterContext = (): ListViewContextType => {\n  const context = React.useContext(ListViewFiltersGroupContext);\n  return context;\n};\n\nexport { useListViewFilterContext, ListViewFiltersProvider };\n"],"names":["ListViewFiltersGroupContext","React","createContext","selectedFiltersCount","listViewSelectedFilters","setListViewSelectedFilters","ListViewFiltersProvider","Provider","useListViewFilterContext","context","useContext"],"mappings":";;AAGA,IAAMA,2BAA2B,CAAGC,cAAK,CAACC,aAAa,CAAsB,CAC3EC,oBAAoB,CAAE,CAAC,CACvBC,uBAAuB,CAAE,EAAE,CAE3BC,0BAA0B,CAAE,SAA5BA,0BAA0BA,EAAQ,EACpC,CAAC,CAAC,CACI,IAAAC,uBAAuB,CAAGN,2BAA2B,CAACO,SAEtD,IAAAC,wBAAwB,CAAG,SAA3BA,wBAAwBA,EAA8B,CAC1D,IAAMC,OAAO,CAAGR,cAAK,CAACS,UAAU,CAACV,2BAA2B,CAAC,CAC7D,OAAOS,OAAO,CAChB;;;;"}

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

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

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

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

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

@@ -1,7 +1,8 @@
 import { AccessibilityInfo } from 'react-native';
+import '../../utils/logger/index.js';
 import { logger } from '../../utils/logger/logger.js';
 
-function announce(message){AccessibilityInfo.announceForAccessibility(message);}function clearAnnouncer(_assertiveness){if(__DEV__){logger({type:'warn',message:'clearAnnouncer is not needed in react-native',moduleName:'LiveAnnouncer'});}}function destroyAnnouncer(){if(__DEV__){logger({type:'warn',message:'destroyAnnouncer is not needed in react-native',moduleName:'LiveAnnouncer'});}}
+function announce(message){var _assertiveness=arguments.length>1&&arguments[1]!==undefined?arguments[1]:'assertive';AccessibilityInfo.announceForAccessibility(message);}function clearAnnouncer(_assertiveness){if(__DEV__){logger({type:'warn',message:'clearAnnouncer is not needed in react-native',moduleName:'LiveAnnouncer'});}}function destroyAnnouncer(){if(__DEV__){logger({type:'warn',message:'destroyAnnouncer is not needed in react-native',moduleName:'LiveAnnouncer'});}}
 
 export { announce, clearAnnouncer, destroyAnnouncer };
 //# sourceMappingURL=LiveAnnouncer.native.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LiveAnnouncer.native.js","sources":["../../../../../src/components/LiveAnnouncer/LiveAnnouncer.native.tsx"],"sourcesContent":["import { AccessibilityInfo } from 'react-native';\nimport type { Assertiveness } from './types';\nimport { logger } from '~utils/logger';\n\nexport function announce(message: string, _assertiveness: Assertiveness = 'assertive'): void {\n  AccessibilityInfo.announceForAccessibility(message);\n}\n\nexport function clearAnnouncer(_assertiveness: Assertiveness): void {\n  if (__DEV__) {\n    logger({\n      type: 'warn',\n      message: 'clearAnnouncer is not needed in react-native',\n      moduleName: 'LiveAnnouncer',\n    });\n  }\n}\n\nexport function destroyAnnouncer(): void {\n  if (__DEV__) {\n    logger({\n      type: 'warn',\n      message: 'destroyAnnouncer is not needed in react-native',\n      moduleName: 'LiveAnnouncer',\n    });\n  }\n}\n"],"names":["announce","message","AccessibilityInfo","announceForAccessibility","clearAnnouncer","_assertiveness","__DEV__","logger","type","moduleName","destroyAnnouncer"],"mappings":";;;AAIgB,SAAAA,QAAQA,CAACC,OAAe,CAAqD,CAC3FC,iBAAiB,CAACC,wBAAwB,CAACF,OAAO,CAAC,CACrD,CAEgB,SAAAG,cAAcA,CAACC,cAA6B,CAAQ,CAClE,GAAIC,OAAO,CAAE,CACXC,MAAM,CAAC,CACLC,IAAI,CAAE,MAAM,CACZP,OAAO,CAAE,8CAA8C,CACvDQ,UAAU,CAAE,eACd,CAAC,CAAC,CACJ,CACF,CAEO,SAASC,gBAAgBA,EAAS,CACvC,GAAIJ,OAAO,CAAE,CACXC,MAAM,CAAC,CACLC,IAAI,CAAE,MAAM,CACZP,OAAO,CAAE,gDAAgD,CACzDQ,UAAU,CAAE,eACd,CAAC,CAAC,CACJ,CACF;;;;"}
+{"version":3,"file":"LiveAnnouncer.native.js","sources":["../../../../../src/components/LiveAnnouncer/LiveAnnouncer.native.tsx"],"sourcesContent":["import { AccessibilityInfo } from 'react-native';\nimport type { Assertiveness } from './types';\nimport { logger } from '~utils/logger';\n\nexport function announce(message: string, _assertiveness: Assertiveness = 'assertive'): void {\n  AccessibilityInfo.announceForAccessibility(message);\n}\n\nexport function clearAnnouncer(_assertiveness: Assertiveness): void {\n  if (__DEV__) {\n    logger({\n      type: 'warn',\n      message: 'clearAnnouncer is not needed in react-native',\n      moduleName: 'LiveAnnouncer',\n    });\n  }\n}\n\nexport function destroyAnnouncer(): void {\n  if (__DEV__) {\n    logger({\n      type: 'warn',\n      message: 'destroyAnnouncer is not needed in react-native',\n      moduleName: 'LiveAnnouncer',\n    });\n  }\n}\n"],"names":["announce","message","_assertiveness","arguments","length","undefined","AccessibilityInfo","announceForAccessibility","clearAnnouncer","__DEV__","logger","type","moduleName","destroyAnnouncer"],"mappings":";;;;AAIgB,SAAAA,QAAQA,CAACC,OAAe,CAAqD,CAAnD,IAAAC,cAA6B,CAAAC,SAAA,CAAAC,MAAA,CAAAD,CAAAA,EAAAA,SAAA,MAAAE,SAAA,CAAAF,SAAA,CAAG,CAAA,CAAA,CAAA,WAAW,CACnFG,iBAAiB,CAACC,wBAAwB,CAACN,OAAO,CAAC,CACrD,CAEgB,SAAAO,cAAcA,CAACN,cAA6B,CAAQ,CAClE,GAAIO,OAAO,CAAE,CACXC,MAAM,CAAC,CACLC,IAAI,CAAE,MAAM,CACZV,OAAO,CAAE,8CAA8C,CACvDW,UAAU,CAAE,eACd,CAAC,CAAC,CACJ,CACF,CAEO,SAASC,gBAAgBA,EAAS,CACvC,GAAIJ,OAAO,CAAE,CACXC,MAAM,CAAC,CACLC,IAAI,CAAE,MAAM,CACZV,OAAO,CAAE,gDAAgD,CACzDW,UAAU,CAAE,eACd,CAAC,CAAC,CACJ,CACF;;;;"}

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Menu.native.js","sources":["../../../../../src/components/Menu/Menu.native.tsx"],"sourcesContent":["import type { MenuProps } from './types';\nimport { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\n\nconst Menu = (_props: MenuProps): React.ReactElement => {\n  throwBladeError({\n    message: 'Menu is not yet implemented for native',\n    moduleName: 'Menu',\n  });\n\n  return <Text>Menu Component is not available for Native mobile apps.</Text>;\n};\n\nexport { Menu };\n"],"names":["Menu","_props","throwBladeError","message","moduleName","_jsx","Text","children"],"mappings":";;;;;;;AAIM,IAAAA,IAAI,CAAG,SAAPA,IAAIA,CAAIC,MAAiB,CAAyB,CACtDC,eAAe,CAAC,CACdC,OAAO,CAAE,wCAAwC,CACjDC,UAAU,CAAE,MACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,yDAAuD,CAAM,CAAC,CAC7E;;;;"}
+{"version":3,"file":"Menu.native.js","sources":["../../../../../src/components/Menu/Menu.native.tsx"],"sourcesContent":["import type { MenuProps } from './types';\nimport { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\n\nconst Menu = (_props: MenuProps): React.ReactElement => {\n  throwBladeError({\n    message: 'Menu is not yet implemented for native',\n    moduleName: 'Menu',\n  });\n\n  return <Text>Menu Component is not available for Native mobile apps.</Text>;\n};\n\nexport { Menu };\n"],"names":["Menu","_props","throwBladeError","message","moduleName","_jsx","Text","children"],"mappings":";;;;;;oHAIM,IAAAA,IAAI,CAAG,SAAPA,IAAIA,CAAIC,MAAiB,CAAyB,CACtDC,eAAe,CAAC,CACdC,OAAO,CAAE,wCAAwC,CACjDC,UAAU,CAAE,MACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,yDAAuD,CAAM,CAAC,CAC7E;;;;"}

package/build/lib/native/components/Menu/MenuItem.native.js

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

package/build/lib/native/components/Menu/MenuItem.native.js.map

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

package/build/lib/native/components/Menu/MenuOverlay.native.js

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

package/build/lib/native/components/Menu/MenuOverlay.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuOverlay.native.js","sources":["../../../../../src/components/Menu/MenuOverlay.native.tsx"],"sourcesContent":["import type { MenuOverlayProps } from './types';\nimport { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\n\nconst MenuOverlay = (_props: MenuOverlayProps): React.ReactElement => {\n  throwBladeError({\n    message: 'MenuOverlay is not yet implemented for native',\n    moduleName: 'MenuOverlay',\n  });\n\n  return <Text>MenuOverlay Component is not available for Native mobile apps.</Text>;\n};\n\nexport { MenuOverlay };\n"],"names":["MenuOverlay","_props","throwBladeError","message","moduleName","_jsx","Text","children"],"mappings":";;;;;;;AAIM,IAAAA,WAAW,CAAG,SAAdA,WAAWA,CAAIC,MAAwB,CAAyB,CACpEC,eAAe,CAAC,CACdC,OAAO,CAAE,+CAA+C,CACxDC,UAAU,CAAE,aACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,gEAA8D,CAAM,CAAC,CACpF;;;;"}
+{"version":3,"file":"MenuOverlay.native.js","sources":["../../../../../src/components/Menu/MenuOverlay.native.tsx"],"sourcesContent":["import type { MenuOverlayProps } from './types';\nimport { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\n\nconst MenuOverlay = (_props: MenuOverlayProps): React.ReactElement => {\n  throwBladeError({\n    message: 'MenuOverlay is not yet implemented for native',\n    moduleName: 'MenuOverlay',\n  });\n\n  return <Text>MenuOverlay Component is not available for Native mobile apps.</Text>;\n};\n\nexport { MenuOverlay };\n"],"names":["MenuOverlay","_props","throwBladeError","message","moduleName","_jsx","Text","children"],"mappings":";;;;;;2HAIM,IAAAA,WAAW,CAAG,SAAdA,WAAWA,CAAIC,MAAwB,CAAyB,CACpEC,eAAe,CAAC,CACdC,OAAO,CAAE,+CAA+C,CACxDC,UAAU,CAAE,aACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,gEAA8D,CAAM,CAAC,CACpF;;;;"}

package/build/lib/native/components/Menu/VisualSubComponents/MenuDivider.native.js

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

package/build/lib/native/components/Menu/VisualSubComponents/MenuDivider.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuDivider.native.js","sources":["../../../../../../src/components/Menu/VisualSubComponents/MenuDivider.native.tsx"],"sourcesContent":["import type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\n\nconst MenuDivider = (_styledProps: StyledPropsBlade): React.ReactElement => {\n  throwBladeError({\n    message: 'MenuDivider is not yet implemented for native',\n    moduleName: 'MenuDivider',\n  });\n\n  return <Text>MenuDivider Component is not available for Native mobile apps.</Text>;\n};\n\nexport { MenuDivider };\n"],"names":["MenuDivider","_styledProps","throwBladeError","message","moduleName","_jsx","Text","children"],"mappings":";;;;;;;AAIM,IAAAA,WAAW,CAAG,SAAdA,WAAWA,CAAIC,YAA8B,CAAyB,CAC1EC,eAAe,CAAC,CACdC,OAAO,CAAE,+CAA+C,CACxDC,UAAU,CAAE,aACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,gEAA8D,CAAM,CAAC,CACpF;;;;"}
+{"version":3,"file":"MenuDivider.native.js","sources":["../../../../../../src/components/Menu/VisualSubComponents/MenuDivider.native.tsx"],"sourcesContent":["import type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\n\nconst MenuDivider = (_styledProps: StyledPropsBlade): React.ReactElement => {\n  throwBladeError({\n    message: 'MenuDivider is not yet implemented for native',\n    moduleName: 'MenuDivider',\n  });\n\n  return <Text>MenuDivider Component is not available for Native mobile apps.</Text>;\n};\n\nexport { MenuDivider };\n"],"names":["MenuDivider","_styledProps","throwBladeError","message","moduleName","_jsx","Text","children"],"mappings":";;;;;;+IAIM,IAAAA,WAAW,CAAG,SAAdA,WAAWA,CAAIC,YAA8B,CAAyB,CAC1EC,eAAe,CAAC,CACdC,OAAO,CAAE,+CAA+C,CACxDC,UAAU,CAAE,aACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,gEAA8D,CAAM,CAAC,CACpF;;;;"}

package/build/lib/native/components/Menu/VisualSubComponents/MenuHeaderFooter.native.js

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

package/build/lib/native/components/Menu/VisualSubComponents/MenuHeaderFooter.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuHeaderFooter.native.js","sources":["../../../../../../src/components/Menu/VisualSubComponents/MenuHeaderFooter.native.tsx"],"sourcesContent":["import type { MenuHeaderProps, MenuFooterProps } from '../types';\nimport { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\n\nconst MenuHeader = (_props: MenuHeaderProps): React.ReactElement => {\n  throwBladeError({\n    message: 'MenuHeader is not yet implemented for native',\n    moduleName: 'MenuHeader',\n  });\n\n  return <Text>MenuHeader Component is not available for Native mobile apps.</Text>;\n};\n\nconst MenuFooter = (_props: MenuFooterProps): React.ReactElement => {\n  throwBladeError({\n    message: 'MenuFooter is not yet implemented for native',\n    moduleName: 'MenuFooter',\n  });\n\n  return <Text>MenuFooter Component is not available for Native mobile apps.</Text>;\n};\n\nexport { MenuHeader, MenuFooter };\n"],"names":["MenuHeader","_props","throwBladeError","message","moduleName","_jsx","Text","children","MenuFooter"],"mappings":";;;;;;;AAIM,IAAAA,UAAU,CAAG,SAAbA,UAAUA,CAAIC,MAAuB,CAAyB,CAClEC,eAAe,CAAC,CACdC,OAAO,CAAE,8CAA8C,CACvDC,UAAU,CAAE,YACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAAC,CAAAA,QAAA,CAAC,+DAA6D,CAAM,CAAC,CACnF,EAEM,IAAAC,UAAU,CAAG,SAAbA,UAAUA,CAAIP,MAAuB,CAAyB,CAClEC,eAAe,CAAC,CACdC,OAAO,CAAE,8CAA8C,CACvDC,UAAU,CAAE,YACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAAC,CAAAA,QAAA,CAAC,+DAA6D,CAAM,CAAC,CACnF;;;;"}
+{"version":3,"file":"MenuHeaderFooter.native.js","sources":["../../../../../../src/components/Menu/VisualSubComponents/MenuHeaderFooter.native.tsx"],"sourcesContent":["import type { MenuHeaderProps, MenuFooterProps } from '../types';\nimport { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\n\nconst MenuHeader = (_props: MenuHeaderProps): React.ReactElement => {\n  throwBladeError({\n    message: 'MenuHeader is not yet implemented for native',\n    moduleName: 'MenuHeader',\n  });\n\n  return <Text>MenuHeader Component is not available for Native mobile apps.</Text>;\n};\n\nconst MenuFooter = (_props: MenuFooterProps): React.ReactElement => {\n  throwBladeError({\n    message: 'MenuFooter is not yet implemented for native',\n    moduleName: 'MenuFooter',\n  });\n\n  return <Text>MenuFooter Component is not available for Native mobile apps.</Text>;\n};\n\nexport { MenuHeader, MenuFooter };\n"],"names":["this","MenuHeader","_props","throwBladeError","message","moduleName","_jsx","Text","children","MenuFooter"],"mappings":";;;;;;AACA,IAAA,KAAA,CAAAA,SAAA,CAAA,YAAA,CAAA,kHAAA,CAGM,IAAAC,UAAU,CAAG,SAAbA,UAAUA,CAAIC,MAAuB,CAAyB,CAClEC,eAAe,CAAC,CACdC,OAAO,CAAE,8CAA8C,CACvDC,UAAU,CAAE,YACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAAC,CAAAA,QAAA,CAAC,+DAA6D,CAAM,CAAC,CACnF,EAEM,IAAAC,UAAU,CAAG,SAAbA,UAAUA,CAAIP,MAAuB,CAAyB,CAClEC,eAAe,CAAC,CACdC,OAAO,CAAE,8CAA8C,CACvDC,UAAU,CAAE,YACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAAC,CAAAA,QAAA,CAAC,+DAA6D,CAAM,CAAC,CACnF;;;;"}

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

@@ -0,0 +1,6 @@
+export { Menu } from './Menu.native.js';
+export { MenuItem } from './MenuItem.native.js';
+export { MenuOverlay } from './MenuOverlay.native.js';
+export { MenuDivider } from './VisualSubComponents/MenuDivider.native.js';
+export { MenuFooter, MenuHeader } from './VisualSubComponents/MenuHeaderFooter.native.js';
+//# sourceMappingURL=index.js.map

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

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

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

@@ -1,12 +1,14 @@
 import 'react';
-import '../Typography/Heading/Heading.js';
-import { Text } from '../Typography/Text/Text.js';
-import '../Typography/Code/Code.js';
-import '../Typography/Display/Display.js';
+export { ModalHeader } from './ModalHeader.native.js';
+export { ModalFooter } from './ModalFooter.native.js';
+export { ModalBody } from './ModalBody.native.js';
+import '../Typography/index.js';
+import '../../utils/logger/index.js';
 import { jsx } from 'react/jsx-runtime';
 import { logger } from '../../utils/logger/logger.js';
+import { Text } from '../Typography/Text/Text.js';
 
-var Modal=function Modal(props){if(__DEV__){logger({type:'warn',moduleName:'Modal',message:'Modal is not supported on mobile devices. Please use BottomSheet instead.'});}return jsx(Text,{children:"Modal Component is not available for Native mobile apps and we should use BottomSheet component instead for all use-cases of Modal on Native mobile apps."});};
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Modal/Modal.native.tsx";var Modal=function Modal(props){if(__DEV__){logger({type:'warn',moduleName:'Modal',message:'Modal is not supported on mobile devices. Please use BottomSheet instead.'});}return jsx(Text,{children:"Modal Component is not available for Native mobile apps and we should use BottomSheet component instead for all use-cases of Modal on Native mobile apps."});};
 
 export { Modal };
 //# sourceMappingURL=Modal.native.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Modal.native.js","sources":["../../../../../src/components/Modal/Modal.native.tsx"],"sourcesContent":["/* eslint-disable react/no-unused-prop-types */\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport React from 'react';\nimport { ModalHeader } from './ModalHeader';\nimport type { ModalHeaderProps } from './ModalHeader';\nimport { ModalFooter } from './ModalFooter';\nimport type { ModalFooterProps } from './ModalFooter';\nimport { ModalBody } from './ModalBody';\nimport type { ModalBodyProps } from './ModalBody';\nimport type { ModalProps } from './types';\nimport { Text } from '~components/Typography';\nimport { logger } from '~utils/logger';\n\nconst Modal = (props: ModalProps): React.ReactElement => {\n  if (__DEV__) {\n    logger({\n      type: 'warn',\n      moduleName: 'Modal',\n      message: 'Modal is not supported on mobile devices. Please use BottomSheet instead.',\n    });\n  }\n\n  return (\n    <Text>\n      Modal Component is not available for Native mobile apps and we should use BottomSheet\n      component instead for all use-cases of Modal on Native mobile apps.\n    </Text>\n  );\n};\n\nexport { Modal, ModalHeader, ModalFooter, ModalBody };\nexport type { ModalProps, ModalHeaderProps, ModalFooterProps, ModalBodyProps };\n"],"names":["Modal","props","__DEV__","logger","type","moduleName","message","_jsx","Text","children"],"mappings":";;;;;;;;AAaM,IAAAA,KAAK,CAAG,SAARA,KAAKA,CAAIC,KAAiB,CAAyB,CACvD,GAAIC,OAAO,CAAE,CACXC,MAAM,CAAC,CACLC,IAAI,CAAE,MAAM,CACZC,UAAU,CAAE,OAAO,CACnBC,OAAO,CAAE,2EACX,CAAC,CAAC,CACJ,CAEA,OACEC,GAAA,CAACC,IAAI,CAAAC,CAAAA,QAAA,CAAC,2JAGN,CAAM,CAAC,CAEX;;;;"}
+{"version":3,"file":"Modal.native.js","sources":["../../../../../src/components/Modal/Modal.native.tsx"],"sourcesContent":["/* eslint-disable react/no-unused-prop-types */\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport React from 'react';\nimport { ModalHeader } from './ModalHeader';\nimport type { ModalHeaderProps } from './ModalHeader';\nimport { ModalFooter } from './ModalFooter';\nimport type { ModalFooterProps } from './ModalFooter';\nimport { ModalBody } from './ModalBody';\nimport type { ModalBodyProps } from './ModalBody';\nimport type { ModalProps } from './types';\nimport { Text } from '~components/Typography';\nimport { logger } from '~utils/logger';\n\nconst Modal = (props: ModalProps): React.ReactElement => {\n  if (__DEV__) {\n    logger({\n      type: 'warn',\n      moduleName: 'Modal',\n      message: 'Modal is not supported on mobile devices. Please use BottomSheet instead.',\n    });\n  }\n\n  return (\n    <Text>\n      Modal Component is not available for Native mobile apps and we should use BottomSheet\n      component instead for all use-cases of Modal on Native mobile apps.\n    </Text>\n  );\n};\n\nexport { Modal, ModalHeader, ModalFooter, ModalBody };\nexport type { ModalProps, ModalHeaderProps, ModalFooterProps, ModalBodyProps };\n"],"names":["this","Modal","props","__DEV__","logger","type","moduleName","message","_jsx","Text","children"],"mappings":";;;;;;;;;;AAEA,IAAA,KAAA,CAAAA,SAAA,CAAA,YAAA,CAAA,oFAAA,CAWM,IAAAC,KAAK,CAAG,SAARA,KAAKA,CAAIC,KAAiB,CAAyB,CACvD,GAAIC,OAAO,CAAE,CACXC,MAAM,CAAC,CACLC,IAAI,CAAE,MAAM,CACZC,UAAU,CAAE,OAAO,CACnBC,OAAO,CAAE,2EACX,CAAC,CAAC,CACJ,CAEA,OACEC,GAAA,CAACC,IAAI,CAAAC,CAAAA,QAAA,CAAC,2JAGN,CAAM,CAAC,CAEX;;;;"}

package/build/lib/native/components/Modal/ModalBody.native.js

@@ -1,11 +1,9 @@
 import 'react';
-import '../Typography/Heading/Heading.js';
-import { Text } from '../Typography/Text/Text.js';
-import '../Typography/Code/Code.js';
-import '../Typography/Display/Display.js';
+import '../Typography/index.js';
 import { jsx } from 'react/jsx-runtime';
+import { Text } from '../Typography/Text/Text.js';
 
-var ModalBody=function ModalBody(props){return jsx(Text,{children:"Modal Component is not available for Native mobile apps and we should use BottomSheet component instead for all use-cases of Modal on Native mobile apps."});};
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Modal/ModalBody.native.tsx";var ModalBody=function ModalBody(props){return jsx(Text,{children:"Modal Component is not available for Native mobile apps and we should use BottomSheet component instead for all use-cases of Modal on Native mobile apps."});};
 
 export { ModalBody };
 //# sourceMappingURL=ModalBody.native.js.map

package/build/lib/native/components/Modal/ModalBody.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalBody.native.js","sources":["../../../../../src/components/Modal/ModalBody.native.tsx"],"sourcesContent":["/* eslint-disable react/no-unused-prop-types */\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport React from 'react';\nimport type { SpacingValueType } from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\n\ntype ModalBodyProps = {\n  children: React.ReactNode;\n  padding?: Extract<SpacingValueType, 'spacing.0' | 'spacing.6'>;\n};\n\nconst ModalBody = (props: ModalBodyProps): React.ReactElement => {\n  return (\n    <Text>\n      Modal Component is not available for Native mobile apps and we should use BottomSheet\n      component instead for all use-cases of Modal on Native mobile apps.\n    </Text>\n  );\n};\n\nexport { ModalBody };\nexport type { ModalBodyProps };\n"],"names":["ModalBody","props","_jsx","Text","children"],"mappings":";;;;;;;AAWM,IAAAA,SAAS,CAAG,SAAZA,SAASA,CAAIC,KAAqB,CAAyB,CAC/D,OACEC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,2JAGN,CAAM,CAAC,CAEX;;;;"}
+{"version":3,"file":"ModalBody.native.js","sources":["../../../../../src/components/Modal/ModalBody.native.tsx"],"sourcesContent":["/* eslint-disable react/no-unused-prop-types */\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport React from 'react';\nimport type { SpacingValueType } from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\n\ntype ModalBodyProps = {\n  children: React.ReactNode;\n  padding?: Extract<SpacingValueType, 'spacing.0' | 'spacing.6'>;\n};\n\nconst ModalBody = (props: ModalBodyProps): React.ReactElement => {\n  return (\n    <Text>\n      Modal Component is not available for Native mobile apps and we should use BottomSheet\n      component instead for all use-cases of Modal on Native mobile apps.\n    </Text>\n  );\n};\n\nexport { ModalBody };\nexport type { ModalBodyProps };\n"],"names":["this","ModalBody","props","_jsx","Text","children"],"mappings":";;;;;AAEA,IAAA,KAAA,CAAAA,SAAA,CAAA,YAAA,CAAA,wFAAA,CASM,IAAAC,SAAS,CAAG,SAAZA,SAASA,CAAIC,KAAqB,CAAyB,CAC/D,OACEC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,2JAGN,CAAM,CAAC,CAEX;;;;"}

package/build/lib/native/components/Modal/ModalFooter.native.js

@@ -1,11 +1,9 @@
 import 'react';
-import '../Typography/Heading/Heading.js';
-import { Text } from '../Typography/Text/Text.js';
-import '../Typography/Code/Code.js';
-import '../Typography/Display/Display.js';
+import '../Typography/index.js';
 import { jsx } from 'react/jsx-runtime';
+import { Text } from '../Typography/Text/Text.js';
 
-var ModalFooter=function ModalFooter(){return jsx(Text,{children:"Modal Component is not available for Native mobile apps and we should use BottomSheet component instead for all use-cases of Modal on Native mobile apps."});};
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Modal/ModalFooter.native.tsx";var ModalFooter=function ModalFooter(){return jsx(Text,{children:"Modal Component is not available for Native mobile apps and we should use BottomSheet component instead for all use-cases of Modal on Native mobile apps."});};
 
 export { ModalFooter };
 //# sourceMappingURL=ModalFooter.native.js.map

package/build/lib/native/components/Modal/ModalFooter.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalFooter.native.js","sources":["../../../../../src/components/Modal/ModalFooter.native.tsx"],"sourcesContent":["import React from 'react';\nimport type { BaseFooterProps } from '~components/BaseHeaderFooter/BaseFooter';\nimport { Text } from '~components/Typography';\n\ntype ModalFooterProps = Pick<BaseFooterProps, 'children'>;\n\nconst ModalFooter = (): React.ReactElement => {\n  return (\n    <Text>\n      Modal Component is not available for Native mobile apps and we should use BottomSheet\n      component instead for all use-cases of Modal on Native mobile apps.\n    </Text>\n  );\n};\n\nexport { ModalFooter };\nexport type { ModalFooterProps };\n"],"names":["ModalFooter","_jsx","Text","children"],"mappings":";;;;;;;AAMM,IAAAA,WAAW,CAAG,SAAdA,WAAWA,EAA6B,CAC5C,OACEC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,2JAGN,CAAM,CAAC,CAEX;;;;"}
+{"version":3,"file":"ModalFooter.native.js","sources":["../../../../../src/components/Modal/ModalFooter.native.tsx"],"sourcesContent":["import React from 'react';\nimport type { BaseFooterProps } from '~components/BaseHeaderFooter/BaseFooter';\nimport { Text } from '~components/Typography';\n\ntype ModalFooterProps = Pick<BaseFooterProps, 'children'>;\n\nconst ModalFooter = (): React.ReactElement => {\n  return (\n    <Text>\n      Modal Component is not available for Native mobile apps and we should use BottomSheet\n      component instead for all use-cases of Modal on Native mobile apps.\n    </Text>\n  );\n};\n\nexport { ModalFooter };\nexport type { ModalFooterProps };\n"],"names":["this","ModalFooter","_jsx","Text","children"],"mappings":";;;;;AAAA,IAAA,KAAA,CAAAA,SAAA,CAAA,YAAA,CAAA,0FAAA,CAMM,IAAAC,WAAW,CAAG,SAAdA,WAAWA,EAA6B,CAC5C,OACEC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,2JAGN,CAAM,CAAC,CAEX;;;;"}

package/build/lib/native/components/Modal/ModalHeader.native.js

@@ -1,11 +1,9 @@
 import 'react';
-import '../Typography/Heading/Heading.js';
-import { Text } from '../Typography/Text/Text.js';
-import '../Typography/Code/Code.js';
-import '../Typography/Display/Display.js';
+import '../Typography/index.js';
 import { jsx } from 'react/jsx-runtime';
+import { Text } from '../Typography/Text/Text.js';
 
-var ModalHeader=function ModalHeader(){return jsx(Text,{children:"Modal Component is not available for Native mobile apps and we should use BottomSheet component instead for all use-cases of Modal on Native mobile apps."});};
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Modal/ModalHeader.native.tsx";var ModalHeader=function ModalHeader(){return jsx(Text,{children:"Modal Component is not available for Native mobile apps and we should use BottomSheet component instead for all use-cases of Modal on Native mobile apps."});};
 
 export { ModalHeader };
 //# sourceMappingURL=ModalHeader.native.js.map

package/build/lib/native/components/Modal/ModalHeader.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalHeader.native.js","sources":["../../../../../src/components/Modal/ModalHeader.native.tsx"],"sourcesContent":["import React from 'react';\nimport type { BaseHeaderProps } from '~components/BaseHeaderFooter/BaseHeader';\nimport { Text } from '~components/Typography';\n\ntype ModalHeaderProps = Pick<\n  BaseHeaderProps,\n  'title' | 'subtitle' | 'leading' | 'trailing' | 'titleSuffix'\n>;\n\nconst ModalHeader = (): React.ReactElement => {\n  return (\n    <Text>\n      Modal Component is not available for Native mobile apps and we should use BottomSheet\n      component instead for all use-cases of Modal on Native mobile apps.\n    </Text>\n  );\n};\n\nexport { ModalHeader };\nexport type { ModalHeaderProps };\n"],"names":["ModalHeader","_jsx","Text","children"],"mappings":";;;;;;;AASM,IAAAA,WAAW,CAAG,SAAdA,WAAWA,EAA6B,CAC5C,OACEC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,2JAGN,CAAM,CAAC,CAEX;;;;"}
+{"version":3,"file":"ModalHeader.native.js","sources":["../../../../../src/components/Modal/ModalHeader.native.tsx"],"sourcesContent":["import React from 'react';\nimport type { BaseHeaderProps } from '~components/BaseHeaderFooter/BaseHeader';\nimport { Text } from '~components/Typography';\n\ntype ModalHeaderProps = Pick<\n  BaseHeaderProps,\n  'title' | 'subtitle' | 'leading' | 'trailing' | 'titleSuffix'\n>;\n\nconst ModalHeader = (): React.ReactElement => {\n  return (\n    <Text>\n      Modal Component is not available for Native mobile apps and we should use BottomSheet\n      component instead for all use-cases of Modal on Native mobile apps.\n    </Text>\n  );\n};\n\nexport { ModalHeader };\nexport type { ModalHeaderProps };\n"],"names":["this","ModalHeader","_jsx","Text","children"],"mappings":";;;;;AAAA,IAAA,KAAA,CAAAA,SAAA,CAAA,YAAA,CAAA,0FAAA,CASM,IAAAC,WAAW,CAAG,SAAdA,WAAWA,EAA6B,CAC5C,OACEC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,2JAGN,CAAM,CAAC,CAEX;;;;"}

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Morph.native.js","sources":["../../../../../src/components/Morph/Morph.native.tsx"],"sourcesContent":["import type { MorphProps } from './types';\nimport { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\n\nconst Morph = (_props: MorphProps): React.ReactElement => {\n  throwBladeError({\n    message: 'Morph is not yet implemented for native',\n    moduleName: 'Morph',\n  });\n\n  return <Text>Morph Component is not available for Native mobile apps.</Text>;\n};\n\nexport { Morph };\n"],"names":["Morph","_props","throwBladeError","message","moduleName","_jsx","Text","children"],"mappings":";;;;;;;AAIM,IAAAA,KAAK,CAAG,SAARA,KAAKA,CAAIC,MAAkB,CAAyB,CACxDC,eAAe,CAAC,CACdC,OAAO,CAAE,yCAAyC,CAClDC,UAAU,CAAE,OACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,0DAAwD,CAAM,CAAC,CAC9E;;;;"}
+{"version":3,"file":"Morph.native.js","sources":["../../../../../src/components/Morph/Morph.native.tsx"],"sourcesContent":["import type { MorphProps } from './types';\nimport { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\n\nconst Morph = (_props: MorphProps): React.ReactElement => {\n  throwBladeError({\n    message: 'Morph is not yet implemented for native',\n    moduleName: 'Morph',\n  });\n\n  return <Text>Morph Component is not available for Native mobile apps.</Text>;\n};\n\nexport { Morph };\n"],"names":["Morph","_props","throwBladeError","message","moduleName","_jsx","Text","children"],"mappings":";;;;;;sHAIM,IAAAA,KAAK,CAAG,SAARA,KAAKA,CAAIC,MAAkB,CAAyB,CACxDC,eAAe,CAAC,CACdC,OAAO,CAAE,yCAAyC,CAClDC,UAAU,CAAE,OACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,0DAAwD,CAAM,CAAC,CAC9E;;;;"}

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Move.native.js","sources":["../../../../../src/components/Move/Move.native.tsx"],"sourcesContent":["import type { MoveProps } from './types';\nimport { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\n\nconst Move = (_props: MoveProps): React.ReactElement => {\n  throwBladeError({\n    message: 'Move is not yet implemented for native',\n    moduleName: 'Move',\n  });\n\n  return <Text>Move Component is not available for Native mobile apps.</Text>;\n};\n\nexport { Move };\n"],"names":["Move","_props","throwBladeError","message","moduleName","_jsx","Text","children"],"mappings":";;;;;;;AAIM,IAAAA,IAAI,CAAG,SAAPA,IAAIA,CAAIC,MAAiB,CAAyB,CACtDC,eAAe,CAAC,CACdC,OAAO,CAAE,wCAAwC,CACjDC,UAAU,CAAE,MACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,yDAAuD,CAAM,CAAC,CAC7E;;;;"}
+{"version":3,"file":"Move.native.js","sources":["../../../../../src/components/Move/Move.native.tsx"],"sourcesContent":["import type { MoveProps } from './types';\nimport { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\n\nconst Move = (_props: MoveProps): React.ReactElement => {\n  throwBladeError({\n    message: 'Move is not yet implemented for native',\n    moduleName: 'Move',\n  });\n\n  return <Text>Move Component is not available for Native mobile apps.</Text>;\n};\n\nexport { Move };\n"],"names":["Move","_props","throwBladeError","message","moduleName","_jsx","Text","children"],"mappings":";;;;;;oHAIM,IAAAA,IAAI,CAAG,SAAPA,IAAIA,CAAIC,MAAiB,CAAyB,CACtDC,eAAe,CAAC,CACdC,OAAO,CAAE,wCAAwC,CACjDC,UAAU,CAAE,MACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,yDAAuD,CAAM,CAAC,CAC7E;;;;"}

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

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

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

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

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

@@ -1,12 +1,11 @@
 import 'react';
-import '../Typography/Heading/Heading.js';
-import { Text } from '../Typography/Text/Text.js';
-import '../Typography/Code/Code.js';
-import '../Typography/Display/Display.js';
-import { throwBladeError } from '../../utils/logger/logger.js';
+import '../Typography/index.js';
+import '../../utils/logger/index.js';
 import { jsx } from 'react/jsx-runtime';
+import { throwBladeError } from '../../utils/logger/logger.js';
+import { Text } from '../Typography/Text/Text.js';
 
-var Pagination=function Pagination(_prop){throwBladeError({message:'Pagination is not yet implemented for native',moduleName:'Pagination'});return jsx(Text,{children:"Pagination is not available for Native mobile apps."});};
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Pagination/Pagination.native.tsx";var Pagination=function Pagination(_prop){throwBladeError({message:'Pagination is not yet implemented for native',moduleName:'Pagination'});return jsx(Text,{children:"Pagination is not available for Native mobile apps."});};
 
 export { Pagination };
 //# sourceMappingURL=Pagination.native.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Pagination.native.js","sources":["../../../../../src/components/Pagination/Pagination.native.tsx"],"sourcesContent":["import React from 'react';\nimport type { PaginationProps } from './types';\nimport { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\n\nconst Pagination = (_prop: PaginationProps): React.ReactElement => {\n  throwBladeError({\n    message: 'Pagination is not yet implemented for native',\n    moduleName: 'Pagination',\n  });\n\n  return <Text>Pagination is not available for Native mobile apps.</Text>;\n};\n\nexport { Pagination };\n"],"names":["Pagination","_prop","throwBladeError","message","moduleName","_jsx","Text","children"],"mappings":";;;;;;;;AAKM,IAAAA,UAAU,CAAG,SAAbA,UAAUA,CAAIC,KAAsB,CAAyB,CACjEC,eAAe,CAAC,CACdC,OAAO,CAAE,8CAA8C,CACvDC,UAAU,CAAE,YACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAAC,CAAAA,QAAA,CAAC,qDAAmD,CAAM,CAAC,CACzE;;;;"}
+{"version":3,"file":"Pagination.native.js","sources":["../../../../../src/components/Pagination/Pagination.native.tsx"],"sourcesContent":["import React from 'react';\nimport type { PaginationProps } from './types';\nimport { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\n\nconst Pagination = (_prop: PaginationProps): React.ReactElement => {\n  throwBladeError({\n    message: 'Pagination is not yet implemented for native',\n    moduleName: 'Pagination',\n  });\n\n  return <Text>Pagination is not available for Native mobile apps.</Text>;\n};\n\nexport { Pagination };\n"],"names":["Pagination","_prop","throwBladeError","message","moduleName","_jsx","Text","children"],"mappings":";;;;;;;gIAKM,IAAAA,UAAU,CAAG,SAAbA,UAAUA,CAAIC,KAAsB,CAAyB,CACjEC,eAAe,CAAC,CACdC,OAAO,CAAE,8CAA8C,CACvDC,UAAU,CAAE,YACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAAC,CAAAA,QAAA,CAAC,qDAAmD,CAAM,CAAC,CACzE;;;;"}

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

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

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

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

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

@@ -1,27 +1,29 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import { useFloating, shift, flip, offset, arrow } from '@floating-ui/react-native';
 import React__default from 'react';
-import { Modal, TouchableOpacity } from 'react-native';
+import { TouchableOpacity, StyleSheet, Platform } from 'react-native';
+import { Portal } from '@gorhom/portal';
 import { PopoverContent } from './PopoverContent.js';
 import { ARROW_HEIGHT, ARROW_WIDTH } from './constants.js';
 import { PopoverContext } from './PopoverContext.js';
-import 'styled-components/native';
-import '@gorhom/portal';
-import 'react-native-gesture-handler';
-import useTheme from '../BladeProvider/useTheme.js';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
-import '../BottomSheet/BottomSheetStack.js';
+import { useFloatingPortal } from './useFloatingPortal.native.js';
+import { componentIds } from './componentIds.js';
+import '../../utils/metaAttribute/index.js';
+import { getFloatingPlacementParts } from '../../utils/getFloatingPlacementParts.js';
+import { mergeProps } from '../../utils/mergeProps.js';
+import { useControllableState } from '../../utils/useControllable.js';
+import { componentZIndices } from '../../utils/componentZIndices.js';
+import '../BladeProvider/index.js';
+import '../PopupArrow/index.js';
+import '../../utils/assignWithoutSideEffects/index.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
+import useTheme from '../BladeProvider/useTheme.js';
 import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.native.js';
 import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
-import { mergeProps } from '../../utils/mergeProps.js';
-import { useControllableState } from '../../utils/useControllable.js';
 import { PopupArrow } from '../PopupArrow/PopupArrow.native.js';
-import { getFloatingPlacementParts } from '../../utils/getFloatingPlacementParts.js';
-import { componentZIndices } from '../../utils/componentZIndices.js';
+import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
-var Popover=function Popover(_ref){var content=_ref.content,children=_ref.children,_ref$placement=_ref.placement,placement=_ref$placement===void 0?'top':_ref$placement,onOpenChange=_ref.onOpenChange,_ref$zIndex=_ref.zIndex,zIndex=_ref$zIndex===void 0?componentZIndices.popover:_ref$zIndex,title=_ref.title,titleLeading=_ref.titleLeading,footer=_ref.footer,isOpen=_ref.isOpen,defaultIsOpen=_ref.defaultIsOpen;var _useTheme=useTheme(),theme=_useTheme.theme;var defaultInitialFocusRef=React__default.useRef(null);var _useControllableState=useControllableState({value:isOpen,defaultValue:defaultIsOpen,onChange:function onChange(isOpen){return onOpenChange==null?void 0:onOpenChange({isOpen:isOpen});}}),_useControllableState2=_slicedToArray(_useControllableState,2),controllableIsOpen=_useControllableState2[0],controllableSetIsOpen=_useControllableState2[1];var gap=theme.spacing[2];var _getFloatingPlacement=getFloatingPlacementParts(placement),_getFloatingPlacement2=_slicedToArray(_getFloatingPlacement,1),side=_getFloatingPlacement2[0];var isHorizontal=side==='left'||side==='right';var arrowRef=React__default.useRef();var context=useFloating({sameScrollView:false,placement:placement,middleware:[shift({crossAxis:false,padding:gap}),flip({padding:gap,fallbackAxisSideDirection:'start'}),offset(gap+ARROW_HEIGHT),arrow({element:arrowRef,padding:isHorizontal?0:ARROW_WIDTH})]});var refs=context.refs,floatingStyles=context.floatingStyles;var _getFloatingPlacement3=getFloatingPlacementParts(context.placement),_getFloatingPlacement4=_slicedToArray(_getFloatingPlacement3,1),computedSide=_getFloatingPlacement4[0];var handleOpen=React__default.useCallback(function(){controllableSetIsOpen(function(){return true;});onOpenChange==null?void 0:onOpenChange({isOpen:true});},[controllableSetIsOpen,onOpenChange]);var handleClose=React__default.useCallback(function(){controllableSetIsOpen(function(){return false;});onOpenChange==null?void 0:onOpenChange({isOpen:false});},[controllableSetIsOpen,onOpenChange]);var _React$useState=React__default.useState(function(){return controllableIsOpen;}),_React$useState2=_slicedToArray(_React$useState,2),isVisible=_React$useState2[0],setIsVisible=_React$useState2[1];React__default.useEffect(function(){var id=setTimeout(function(){if(!controllableIsOpen){setIsVisible(false);}},theme.motion.duration.gentle);if(controllableIsOpen){setIsVisible(true);}return function(){return clearTimeout(id);};},[controllableIsOpen]);var contextValue=React__default.useMemo(function(){return {close:handleClose,defaultInitialFocusRef:defaultInitialFocusRef,titleId:undefined,openInteraction:'click'};},[handleClose]);return jsxs(PopoverContext.Provider,{value:contextValue,children:[React__default.cloneElement(children,Object.assign({},mergeProps({onTouchEnd:children.props.onTouchEnd},{onTouchEnd:handleOpen}),{ref:refs.setReference})),jsxs(Modal,Object.assign({collapsable:false,transparent:true,visible:Boolean(isVisible)},metaAttribute({testID:'popover-modal'}),{children:[jsx(TouchableOpacity,Object.assign({style:{position:'absolute',top:0,bottom:0,left:0,right:0},onPress:handleClose,activeOpacity:1,testID:"popover-modal-backdrop"},metaAttribute({name:MetaConstants.Popover}))),jsx(PopoverContent,{titleLeading:titleLeading,title:title,footer:footer,isVisible:controllableIsOpen,ref:refs.setFloating,side:computedSide,style:Object.assign({},floatingStyles,{zIndex:zIndex}),arrow:jsx(PopupArrow,{ref:arrowRef,context:context,width:ARROW_WIDTH,height:ARROW_HEIGHT,fillColor:theme.colors.popup.background.subtle,strokeColor:theme.colors.popup.border.subtle}),children:content})]}))]});};
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Popover/Popover.native.tsx";var IOS_OFFSET_CORRECTION=10;var _Popover=function _Popover(_ref){var content=_ref.content,children=_ref.children,_ref$placement=_ref.placement,placement=_ref$placement===void 0?'top':_ref$placement,onOpenChange=_ref.onOpenChange,_ref$zIndex=_ref.zIndex,zIndex=_ref$zIndex===void 0?componentZIndices.popover:_ref$zIndex,title=_ref.title,titleLeading=_ref.titleLeading,footer=_ref.footer,isOpen=_ref.isOpen,defaultIsOpen=_ref.defaultIsOpen,maxWidth=_ref.maxWidth;var _useTheme=useTheme(),theme=_useTheme.theme;var defaultInitialFocusRef=React__default.useRef(null);var _useControllableState=useControllableState({value:isOpen,defaultValue:defaultIsOpen,onChange:function onChange(isOpen){return onOpenChange==null?void 0:onOpenChange({isOpen:isOpen});}}),_useControllableState2=_slicedToArray(_useControllableState,2),controllableIsOpen=_useControllableState2[0],controllableSetIsOpen=_useControllableState2[1];var gap=theme.spacing[2];var _getFloatingPlacement=getFloatingPlacementParts(placement),_getFloatingPlacement2=_slicedToArray(_getFloatingPlacement,1),side=_getFloatingPlacement2[0];var isHorizontal=side==='left'||side==='right';var arrowRef=React__default.useRef();var context=useFloating({sameScrollView:false,placement:placement,middleware:[shift({crossAxis:false,padding:gap}),flip({padding:gap,fallbackAxisSideDirection:'start'}),offset(gap+ARROW_HEIGHT),arrow({element:arrowRef,padding:isHorizontal?0:ARROW_WIDTH})]});var refs=context.refs,floatingStyles=context.floatingStyles,update=context.update;var _getFloatingPlacement3=getFloatingPlacementParts(context.placement),_getFloatingPlacement4=_slicedToArray(_getFloatingPlacement3,1),computedSide=_getFloatingPlacement4[0];var _React$useState=React__default.useState(function(){return controllableIsOpen;}),_React$useState2=_slicedToArray(_React$useState,2),isVisible=_React$useState2[0],setIsVisible=_React$useState2[1];var _useFloatingPortal=useFloatingPortal(update,isVisible),backdropRef=_useFloatingPortal.backdropRef,backdropOffset=_useFloatingPortal.backdropOffset,onBackdropLayout=_useFloatingPortal.onBackdropLayout;var lastOpenCallRef=React__default.useRef(0);var handleOpen=React__default.useCallback(function(){var now=Date.now();if(now-lastOpenCallRef.current<300)return;lastOpenCallRef.current=now;controllableSetIsOpen(function(){return true;});onOpenChange==null?void 0:onOpenChange({isOpen:true});},[controllableIsOpen,controllableSetIsOpen,onOpenChange]);var handleClose=React__default.useCallback(function(){controllableSetIsOpen(function(){return false;});onOpenChange==null?void 0:onOpenChange({isOpen:false});},[controllableSetIsOpen,onOpenChange]);React__default.useEffect(function(){var id=setTimeout(function(){if(!controllableIsOpen){setIsVisible(false);}},theme.motion.duration.gentle);if(controllableIsOpen){setIsVisible(true);}return function(){return clearTimeout(id);};},[controllableIsOpen]);var contextValue=React__default.useMemo(function(){return {close:handleClose,defaultInitialFocusRef:defaultInitialFocusRef,titleId:undefined,openInteraction:'click'};},[handleClose]);return jsxs(PopoverContext.Provider,{value:contextValue,children:[React__default.cloneElement(children,Object.assign({},mergeProps({onTouchEnd:children.props.onTouchEnd,onClick:children.props.onClick},{onTouchEnd:handleOpen,onClick:handleOpen}),{ref:refs.setReference})),isVisible&&jsx(Portal,{hostName:"BladeBottomSheetPortal",children:jsx(PopoverContext.Provider,{value:contextValue,children:jsx(TouchableOpacity,Object.assign({ref:backdropRef,onLayout:onBackdropLayout,style:StyleSheet.absoluteFill,onPress:handleClose,activeOpacity:1,testID:"popover-modal-backdrop"},metaAttribute({name:MetaConstants.Popover}),{children:jsx(PopoverContent,{titleLeading:titleLeading,title:title,footer:footer,isVisible:controllableIsOpen,ref:refs.setFloating,side:computedSide,maxWidth:maxWidth,style:Object.assign({},floatingStyles,{left:(floatingStyles.left||-200)-backdropOffset.x,top:(floatingStyles.top||-200)-backdropOffset.y-(Platform.OS==='ios'?IOS_OFFSET_CORRECTION:0),zIndex:zIndex}),arrow:jsx(PopupArrow,{ref:arrowRef,context:context,width:ARROW_WIDTH,height:ARROW_HEIGHT,fillColor:theme.colors.popup.background.subtle,strokeColor:theme.colors.popup.border.subtle}),children:content})}))})})]});};var Popover=assignWithoutSideEffects(_Popover,{componentId:componentIds.Popover});
 
 export { Popover };
 //# sourceMappingURL=Popover.native.js.map