@razorpay/blade 11.39.0 → 12.0.0

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

@@ -1,15 +1,9 @@
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '../Typography/BaseText/BaseText.native.js';
-import 'react';
-import { throwBladeError } from '../../utils/logger/logger.js';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react-native';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
-import '../BladeProvider/useTheme.js';
-import { jsx } from 'react/jsx-runtime';
+import '../Typography/Heading/Heading.js';
 import { Text } from '../Typography/Text/Text.js';
 import '../Typography/Code/Code.js';
+import '../Typography/Display/Display.js';
+import { throwBladeError } from '../../utils/logger/logger.js';
+import { jsx } from 'react/jsx-runtime';
 
 var 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."});};
 

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":";;;;;;;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;;;;"}

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

@@ -1,15 +1,9 @@
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '../Typography/BaseText/BaseText.native.js';
-import 'react';
-import { throwBladeError } from '../../utils/logger/logger.js';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react-native';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
-import '../BladeProvider/useTheme.js';
-import { jsx } from 'react/jsx-runtime';
+import '../Typography/Heading/Heading.js';
 import { Text } from '../Typography/Text/Text.js';
 import '../Typography/Code/Code.js';
+import '../Typography/Display/Display.js';
+import { throwBladeError } from '../../utils/logger/logger.js';
+import { jsx } from 'react/jsx-runtime';
 
 var 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."});};
 

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":";;;;;;;AAIM,IAAAA,QAAQ,CAAG,SAAXA,QAAQA,CAAIC,MAAqB,CAAyB,CAC9DC,eAAe,CAAC,CACdC,OAAO,CAAE,4CAA4C,CACrDC,UAAU,CAAE,UACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,6DAA2D,CAAM,CAAC,CACjF;;;;"}

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

@@ -1,15 +1,9 @@
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '../Typography/BaseText/BaseText.native.js';
-import 'react';
-import { throwBladeError } from '../../utils/logger/logger.js';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react-native';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
-import '../BladeProvider/useTheme.js';
-import { jsx } from 'react/jsx-runtime';
+import '../Typography/Heading/Heading.js';
 import { Text } from '../Typography/Text/Text.js';
 import '../Typography/Code/Code.js';
+import '../Typography/Display/Display.js';
+import { throwBladeError } from '../../utils/logger/logger.js';
+import { jsx } from 'react/jsx-runtime';
 
 var 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."});};
 

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":";;;;;;;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;;;;"}

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

@@ -1,15 +1,9 @@
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '../../Typography/BaseText/BaseText.native.js';
-import 'react';
-import { throwBladeError } from '../../../utils/logger/logger.js';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react-native';
-import '../../../tokens/global/typography.js';
-import '../../../tokens/global/motion.js';
-import '../../BladeProvider/useTheme.js';
-import { jsx } from 'react/jsx-runtime';
+import '../../Typography/Heading/Heading.js';
 import { Text } from '../../Typography/Text/Text.js';
 import '../../Typography/Code/Code.js';
+import '../../Typography/Display/Display.js';
+import { throwBladeError } from '../../../utils/logger/logger.js';
+import { jsx } from 'react/jsx-runtime';
 
 var 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."});};
 

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":";;;;;;;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;;;;"}

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

@@ -1,15 +1,9 @@
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '../../Typography/BaseText/BaseText.native.js';
-import 'react';
-import { throwBladeError } from '../../../utils/logger/logger.js';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react-native';
-import '../../../tokens/global/typography.js';
-import '../../../tokens/global/motion.js';
-import '../../BladeProvider/useTheme.js';
-import { jsx } from 'react/jsx-runtime';
+import '../../Typography/Heading/Heading.js';
 import { Text } from '../../Typography/Text/Text.js';
 import '../../Typography/Code/Code.js';
+import '../../Typography/Display/Display.js';
+import { throwBladeError } from '../../../utils/logger/logger.js';
+import { jsx } from 'react/jsx-runtime';
 
 var 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."});};
 

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":["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;;;;"}

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

@@ -1,15 +1,10 @@
 import 'react';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '../Typography/BaseText/BaseText.native.js';
-import { logger } from '../../utils/logger/logger.js';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react-native';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
-import '../BladeProvider/useTheme.js';
-import { jsx } from 'react/jsx-runtime';
+import '../Typography/Heading/Heading.js';
 import { Text } from '../Typography/Text/Text.js';
 import '../Typography/Code/Code.js';
+import '../Typography/Display/Display.js';
+import { jsx } from 'react/jsx-runtime';
+import { logger } from '../../utils/logger/logger.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."});};
 

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":["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;;;;"}

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

@@ -1,14 +1,9 @@
 import 'react';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '../Typography/BaseText/BaseText.native.js';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react-native';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
-import '../BladeProvider/useTheme.js';
-import { jsx } from 'react/jsx-runtime';
+import '../Typography/Heading/Heading.js';
 import { Text } from '../Typography/Text/Text.js';
 import '../Typography/Code/Code.js';
+import '../Typography/Display/Display.js';
+import { jsx } from 'react/jsx-runtime';
 
 var 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."});};
 

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":["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;;;;"}

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

@@ -1,14 +1,9 @@
 import 'react';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '../Typography/BaseText/BaseText.native.js';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react-native';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
-import '../BladeProvider/useTheme.js';
-import { jsx } from 'react/jsx-runtime';
+import '../Typography/Heading/Heading.js';
 import { Text } from '../Typography/Text/Text.js';
 import '../Typography/Code/Code.js';
+import '../Typography/Display/Display.js';
+import { jsx } from 'react/jsx-runtime';
 
 var 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."});};
 

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":["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;;;;"}

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

@@ -1,14 +1,9 @@
 import 'react';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '../Typography/BaseText/BaseText.native.js';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react-native';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
-import '../BladeProvider/useTheme.js';
-import { jsx } from 'react/jsx-runtime';
+import '../Typography/Heading/Heading.js';
 import { Text } from '../Typography/Text/Text.js';
 import '../Typography/Code/Code.js';
+import '../Typography/Display/Display.js';
+import { jsx } from 'react/jsx-runtime';
 
 var 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."});};
 

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":["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;;;;"}

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

@@ -0,0 +1,11 @@
+import '../Typography/Heading/Heading.js';
+import { Text } from '../Typography/Text/Text.js';
+import '../Typography/Code/Code.js';
+import '../Typography/Display/Display.js';
+import { throwBladeError } from '../../utils/logger/logger.js';
+import { jsx } from 'react/jsx-runtime';
+
+var 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

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

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

@@ -0,0 +1,11 @@
+import '../Typography/Heading/Heading.js';
+import { Text } from '../Typography/Text/Text.js';
+import '../Typography/Code/Code.js';
+import '../Typography/Display/Display.js';
+import { throwBladeError } from '../../utils/logger/logger.js';
+import { jsx } from 'react/jsx-runtime';
+
+var 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

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

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

@@ -3,18 +3,16 @@ import { PopoverContentWrapper } from './PopoverContentWrapper.native.js';
 import { PopoverCloseButton } from './PopoverCloseButton.js';
 import { usePopoverContext } from './PopoverContext.js';
 import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '../Typography/BaseText/BaseText.native.js';
-import '@babel/runtime/helpers/slicedToArray';
+import '../Typography/Heading/Heading.js';
+import { Text } from '../Typography/Text/Text.js';
+import '../Typography/Code/Code.js';
+import '../Typography/Display/Display.js';
 import 'react-native';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
+import '@babel/runtime/helpers/slicedToArray';
 import { isReactNative } from '../../utils/platform/isReactNative.js';
 import '../BladeProvider/useTheme.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { Text } from '../Typography/Text/Text.js';
-import '../Typography/Code/Code.js';
 import { useIsMobile } from '../../utils/useIsMobile.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 
 var PopoverHeader=function PopoverHeader(_ref){var title=_ref.title,titleLeading=_ref.titleLeading;var _usePopoverContext=usePopoverContext(),titleId=_usePopoverContext.titleId;var isFloating=!(title||titleLeading);if(isFloating){return jsx(BaseBox,{borderRadius:"max",position:"absolute",padding:"spacing.2",top:"spacing.2",right:"spacing.2",zIndex:1,children:jsx(PopoverCloseButton,{})});}return jsxs(BaseBox,{display:"flex",flexDirection:"row",flexWrap:isReactNative()?'wrap':'nowrap',alignItems:"center",gap:"spacing.3",children:[titleLeading?React__default.cloneElement(titleLeading,{size:'large'}):null,title?jsx(BaseBox,{id:titleId,paddingRight:"spacing.4",children:jsx(Text,{size:"large",weight:"semibold",children:title})}):null,jsx(BaseBox,{marginLeft:"auto",children:jsx(PopoverCloseButton,{})})]});};var PopoverContent=React__default.forwardRef(function(_ref2,ref){var children=_ref2.children,title=_ref2.title,titleLeading=_ref2.titleLeading,footer=_ref2.footer,arrow=_ref2.arrow,side=_ref2.side,style=_ref2.style,isVisible=_ref2.isVisible;var isMobile=useIsMobile();return jsxs(PopoverContentWrapper,{ref:ref,styles:style,side:side,isVisible:isVisible,isMobile:isMobile,children:[jsxs(BaseBox,{padding:"spacing.4",display:"flex",flexDirection:"column",gap:"spacing.4",children:[jsx(PopoverHeader,{title:title,titleLeading:titleLeading}),jsx(BaseBox,{children:children}),footer?jsx(BaseBox,{children:footer}):null]}),arrow]});});
 

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

@@ -1 +1 @@
-{"version":3,"file":"PopoverContent.js","sources":["../../../../../src/components/Popover/PopoverContent.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */\nimport React from 'react';\nimport { PopoverContentWrapper } from './PopoverContentWrapper';\nimport type { PopoverContentProps } from './types';\nimport { PopoverCloseButton } from './PopoverCloseButton';\nimport { usePopoverContext } from './PopoverContext';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\nimport { isReactNative } from '~utils';\nimport { useIsMobile } from '~utils/useIsMobile';\n\ntype PopoverHeaderProps = {\n  title?: string;\n  titleLeading?: React.ReactNode;\n};\n\nconst PopoverHeader = ({ title, titleLeading }: PopoverHeaderProps): React.ReactElement => {\n  const { titleId } = usePopoverContext();\n\n  const isFloating = !(title || titleLeading);\n  if (isFloating) {\n    return (\n      <BaseBox\n        borderRadius=\"max\"\n        position=\"absolute\"\n        padding=\"spacing.2\"\n        top=\"spacing.2\"\n        right=\"spacing.2\"\n        zIndex={1}\n      >\n        <PopoverCloseButton />\n      </BaseBox>\n    );\n  }\n\n  return (\n    <BaseBox\n      display=\"flex\"\n      flexDirection=\"row\"\n      flexWrap={isReactNative() ? 'wrap' : 'nowrap'}\n      alignItems=\"center\"\n      gap=\"spacing.3\"\n    >\n      {titleLeading\n        ? React.cloneElement(titleLeading as React.ReactElement, { size: 'large' })\n        : null}\n      {title ? (\n        <BaseBox id={titleId} paddingRight=\"spacing.4\">\n          <Text size=\"large\" weight=\"semibold\">\n            {title}\n          </Text>\n        </BaseBox>\n      ) : null}\n      <BaseBox marginLeft=\"auto\">\n        <PopoverCloseButton />\n      </BaseBox>\n    </BaseBox>\n  );\n};\n\nconst PopoverContent = React.forwardRef<HTMLDivElement, PopoverContentProps>(\n  ({ children, title, titleLeading, footer, arrow, side, style, isVisible }, ref) => {\n    const isMobile = useIsMobile();\n    return (\n      <PopoverContentWrapper\n        ref={ref as never}\n        styles={style}\n        side={side}\n        isVisible={isVisible}\n        isMobile={isMobile}\n      >\n        <BaseBox padding=\"spacing.4\" display=\"flex\" flexDirection=\"column\" gap=\"spacing.4\">\n          <PopoverHeader title={title} titleLeading={titleLeading} />\n          <BaseBox>{children}</BaseBox>\n          {footer ? <BaseBox>{footer}</BaseBox> : null}\n        </BaseBox>\n        {arrow}\n      </PopoverContentWrapper>\n    );\n  },\n);\n\nexport { PopoverContent };\n"],"names":["PopoverHeader","_ref","title","titleLeading","_usePopoverContext","usePopoverContext","titleId","isFloating","_jsx","BaseBox","borderRadius","position","padding","top","right","zIndex","children","PopoverCloseButton","_jsxs","display","flexDirection","flexWrap","isReactNative","alignItems","gap","React","cloneElement","size","id","paddingRight","Text","weight","marginLeft","PopoverContent","forwardRef","_ref2","ref","footer","arrow","side","style","isVisible","isMobile","useIsMobile","PopoverContentWrapper","styles"],"mappings":"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"}
+{"version":3,"file":"PopoverContent.js","sources":["../../../../../src/components/Popover/PopoverContent.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */\nimport React from 'react';\nimport { PopoverContentWrapper } from './PopoverContentWrapper';\nimport type { PopoverContentProps } from './types';\nimport { PopoverCloseButton } from './PopoverCloseButton';\nimport { usePopoverContext } from './PopoverContext';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\nimport { isReactNative } from '~utils';\nimport { useIsMobile } from '~utils/useIsMobile';\n\ntype PopoverHeaderProps = {\n  title?: string;\n  titleLeading?: React.ReactNode;\n};\n\nconst PopoverHeader = ({ title, titleLeading }: PopoverHeaderProps): React.ReactElement => {\n  const { titleId } = usePopoverContext();\n\n  const isFloating = !(title || titleLeading);\n  if (isFloating) {\n    return (\n      <BaseBox\n        borderRadius=\"max\"\n        position=\"absolute\"\n        padding=\"spacing.2\"\n        top=\"spacing.2\"\n        right=\"spacing.2\"\n        zIndex={1}\n      >\n        <PopoverCloseButton />\n      </BaseBox>\n    );\n  }\n\n  return (\n    <BaseBox\n      display=\"flex\"\n      flexDirection=\"row\"\n      flexWrap={isReactNative() ? 'wrap' : 'nowrap'}\n      alignItems=\"center\"\n      gap=\"spacing.3\"\n    >\n      {titleLeading\n        ? React.cloneElement(titleLeading as React.ReactElement, { size: 'large' })\n        : null}\n      {title ? (\n        <BaseBox id={titleId} paddingRight=\"spacing.4\">\n          <Text size=\"large\" weight=\"semibold\">\n            {title}\n          </Text>\n        </BaseBox>\n      ) : null}\n      <BaseBox marginLeft=\"auto\">\n        <PopoverCloseButton />\n      </BaseBox>\n    </BaseBox>\n  );\n};\n\nconst PopoverContent = React.forwardRef<HTMLDivElement, PopoverContentProps>(\n  ({ children, title, titleLeading, footer, arrow, side, style, isVisible }, ref) => {\n    const isMobile = useIsMobile();\n    return (\n      <PopoverContentWrapper\n        ref={ref as never}\n        styles={style}\n        side={side}\n        isVisible={isVisible}\n        isMobile={isMobile}\n      >\n        <BaseBox padding=\"spacing.4\" display=\"flex\" flexDirection=\"column\" gap=\"spacing.4\">\n          <PopoverHeader title={title} titleLeading={titleLeading} />\n          <BaseBox>{children}</BaseBox>\n          {footer ? <BaseBox>{footer}</BaseBox> : null}\n        </BaseBox>\n        {arrow}\n      </PopoverContentWrapper>\n    );\n  },\n);\n\nexport { PopoverContent };\n"],"names":["PopoverHeader","_ref","title","titleLeading","_usePopoverContext","usePopoverContext","titleId","isFloating","_jsx","BaseBox","borderRadius","position","padding","top","right","zIndex","children","PopoverCloseButton","_jsxs","display","flexDirection","flexWrap","isReactNative","alignItems","gap","React","cloneElement","size","id","paddingRight","Text","weight","marginLeft","PopoverContent","forwardRef","_ref2","ref","footer","arrow","side","style","isVisible","isMobile","useIsMobile","PopoverContentWrapper","styles"],"mappings":"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"}

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

@@ -17,7 +17,7 @@ import '../../tokens/global/typography.js';
 import '../../tokens/global/motion.js';
 import { size } from '../../tokens/global/size.js';
 
-var _excluded=["children","styles","side","isVisible"];var StyledPopoverContentWrapper=styled(BaseBox)(function(_ref){var theme=_ref.theme,isMobile=_ref.isMobile,styles=_ref.styles;return getPopoverContentWrapperStyles({theme:theme,styles:styles,isMobile:isMobile});});var PopoverContentWrapper=React__default.forwardRef(function(_ref2,ref){var children=_ref2.children,styles=_ref2.styles,side=_ref2.side,isVisible=_ref2.isVisible,props=_objectWithoutProperties(_ref2,_excluded);var _useTheme=useTheme(),theme=_useTheme.theme,platform=_useTheme.platform;var isMobile=platform==='onMobile';var isOppositeAxis=side==='right'||side==='bottom';var isHorizontal=side==='left'||side==='right';var offset=isOppositeAxis?-size[4]:size[4];var translate=useSharedValue(offset);var opacity=useSharedValue(0);var easing=theme.motion.easing.entrance.effective;var duration=theme.motion.duration.quick;React__default.useEffect(function(){var timings={easing:easing,duration:duration};opacity.value=withDelay(duration,withTiming(isVisible?1:0,timings));translate.value=withDelay(duration,withTiming(isVisible?0:offset,timings));},[isVisible]);var animatedStyles=useAnimatedStyle(function(){var transform=isHorizontal?'translateX':'translateY';return {opacity:opacity.value,transform:[_defineProperty({},transform,translate.value)]};},[isVisible]);return jsx(Animated.View,{style:animatedStyles,children:jsx(StyledPopoverContentWrapper,Object.assign({styles:styles,style:castNativeType(theme.elevation.lowRaised),elevation:20,ref:ref,collapse:false,isMobile:isMobile},props,{children:children}))});});
+var _excluded=["children","styles","side","isVisible"];var StyledPopoverContentWrapper=styled(BaseBox)(function(_ref){var theme=_ref.theme,isMobile=_ref.isMobile,styles=_ref.styles;return getPopoverContentWrapperStyles({theme:theme,styles:styles,isMobile:isMobile});});var PopoverContentWrapper=React__default.forwardRef(function(_ref2,ref){var children=_ref2.children,styles=_ref2.styles,side=_ref2.side,isVisible=_ref2.isVisible,props=_objectWithoutProperties(_ref2,_excluded);var _useTheme=useTheme(),theme=_useTheme.theme,platform=_useTheme.platform;var isMobile=platform==='onMobile';var isOppositeAxis=side==='right'||side==='bottom';var isHorizontal=side==='left'||side==='right';var offset=isOppositeAxis?-size[4]:size[4];var translate=useSharedValue(offset);var opacity=useSharedValue(0);var easing=theme.motion.easing.entrance;var duration=theme.motion.duration.quick;React__default.useEffect(function(){var timings={easing:easing,duration:duration};opacity.value=withDelay(duration,withTiming(isVisible?1:0,timings));translate.value=withDelay(duration,withTiming(isVisible?0:offset,timings));},[isVisible]);var animatedStyles=useAnimatedStyle(function(){var transform=isHorizontal?'translateX':'translateY';return {opacity:opacity.value,transform:[_defineProperty({},transform,translate.value)]};},[isVisible]);return jsx(Animated.View,{style:animatedStyles,children:jsx(StyledPopoverContentWrapper,Object.assign({styles:styles,style:castNativeType(theme.elevation.lowRaised),elevation:20,ref:ref,collapse:false,isMobile:isMobile},props,{children:children}))});});
 
 export { PopoverContentWrapper };
 //# sourceMappingURL=PopoverContentWrapper.native.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PopoverContentWrapper.native.js","sources":["../../../../../src/components/Popover/PopoverContentWrapper.native.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */\nimport type { CSSProperties } from 'react';\nimport styled from 'styled-components/native';\nimport type { EasingFn } from 'react-native-reanimated';\nimport Animated, {\n  useAnimatedStyle,\n  useSharedValue,\n  withDelay,\n  withTiming,\n} from 'react-native-reanimated';\nimport React from 'react';\nimport type { View } from 'react-native';\nimport { getPopoverContentWrapperStyles } from './getPopoverContentWrapperStyles';\nimport type { PopoverContentWrapperProps } from './types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { useTheme } from '~components/BladeProvider';\nimport { size } from '~tokens/global';\nimport { castNativeType } from '~utils';\n\nconst StyledPopoverContentWrapper = styled(BaseBox)<{\n  collapse?: boolean;\n  styles: CSSProperties;\n  isMobile: boolean;\n}>(({ theme, isMobile, styles }) => {\n  return getPopoverContentWrapperStyles({ theme, styles, isMobile });\n});\n\nconst PopoverContentWrapper = React.forwardRef<View, PopoverContentWrapperProps>(\n  ({ children, styles, side, isVisible, ...props }, ref) => {\n    const { theme, platform } = useTheme();\n    const isMobile = platform === 'onMobile';\n\n    const isOppositeAxis = side === 'right' || side === 'bottom';\n    const isHorizontal = side === 'left' || side === 'right';\n    const offset = isOppositeAxis ? -size[4] : size[4];\n\n    const translate = useSharedValue(offset);\n    const opacity = useSharedValue(0);\n\n    const easing = (theme.motion.easing.entrance.effective as unknown) as EasingFn;\n    const duration = theme.motion.duration.quick;\n\n    React.useEffect(() => {\n      const timings = { easing, duration };\n      opacity.value = withDelay(duration, withTiming(isVisible ? 1 : 0, timings));\n      translate.value = withDelay(duration, withTiming(isVisible ? 0 : offset, timings));\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [isVisible]);\n\n    // @ts-expect-error types aren't liking the dynamic object prop `[transform]`\n    const animatedStyles = useAnimatedStyle(() => {\n      const transform = isHorizontal ? 'translateX' : 'translateY';\n      return {\n        opacity: opacity.value,\n        transform: [{ [transform]: translate.value }],\n      };\n    }, [isVisible]);\n\n    return (\n      <Animated.View style={animatedStyles}>\n        <StyledPopoverContentWrapper\n          styles={styles}\n          // Shadow styles need to be passed directly through native style prop\n          // Cannot be done via styled components\n          style={castNativeType(theme.elevation.lowRaised)}\n          elevation={20}\n          ref={ref as never}\n          collapse={false}\n          isMobile={isMobile}\n          // if I don't assert this TS throws error\n          // I think because of the intersection type in PopoverContentWrapperProps\n          {...(props as any)}\n        >\n          {children}\n        </StyledPopoverContentWrapper>\n      </Animated.View>\n    );\n  },\n);\n\nexport { PopoverContentWrapper };\n"],"names":["StyledPopoverContentWrapper","styled","BaseBox","_ref","theme","isMobile","styles","getPopoverContentWrapperStyles","PopoverContentWrapper","React","forwardRef","_ref2","ref","children","side","isVisible","props","_objectWithoutProperties","_excluded","_useTheme","useTheme","platform","isOppositeAxis","isHorizontal","offset","size","translate","useSharedValue","opacity","easing","motion","entrance","effective","duration","quick","useEffect","timings","value","withDelay","withTiming","animatedStyles","useAnimatedStyle","transform","_defineProperty","_jsx","Animated","View","style","Object","assign","castNativeType","elevation","lowRaised","collapse"],"mappings":"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"}
+{"version":3,"file":"PopoverContentWrapper.native.js","sources":["../../../../../src/components/Popover/PopoverContentWrapper.native.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */\nimport type { CSSProperties } from 'react';\nimport styled from 'styled-components/native';\nimport type { EasingFn } from 'react-native-reanimated';\nimport Animated, {\n  useAnimatedStyle,\n  useSharedValue,\n  withDelay,\n  withTiming,\n} from 'react-native-reanimated';\nimport React from 'react';\nimport type { View } from 'react-native';\nimport { getPopoverContentWrapperStyles } from './getPopoverContentWrapperStyles';\nimport type { PopoverContentWrapperProps } from './types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { useTheme } from '~components/BladeProvider';\nimport { size } from '~tokens/global';\nimport { castNativeType } from '~utils';\n\nconst StyledPopoverContentWrapper = styled(BaseBox)<{\n  collapse?: boolean;\n  styles: CSSProperties;\n  isMobile: boolean;\n}>(({ theme, isMobile, styles }) => {\n  return getPopoverContentWrapperStyles({ theme, styles, isMobile });\n});\n\nconst PopoverContentWrapper = React.forwardRef<View, PopoverContentWrapperProps>(\n  ({ children, styles, side, isVisible, ...props }, ref) => {\n    const { theme, platform } = useTheme();\n    const isMobile = platform === 'onMobile';\n\n    const isOppositeAxis = side === 'right' || side === 'bottom';\n    const isHorizontal = side === 'left' || side === 'right';\n    const offset = isOppositeAxis ? -size[4] : size[4];\n\n    const translate = useSharedValue(offset);\n    const opacity = useSharedValue(0);\n\n    const easing = (theme.motion.easing.entrance as unknown) as EasingFn;\n    const duration = theme.motion.duration.quick;\n\n    React.useEffect(() => {\n      const timings = { easing, duration };\n      opacity.value = withDelay(duration, withTiming(isVisible ? 1 : 0, timings));\n      translate.value = withDelay(duration, withTiming(isVisible ? 0 : offset, timings));\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [isVisible]);\n\n    // @ts-expect-error types aren't liking the dynamic object prop `[transform]`\n    const animatedStyles = useAnimatedStyle(() => {\n      const transform = isHorizontal ? 'translateX' : 'translateY';\n      return {\n        opacity: opacity.value,\n        transform: [{ [transform]: translate.value }],\n      };\n    }, [isVisible]);\n\n    return (\n      <Animated.View style={animatedStyles}>\n        <StyledPopoverContentWrapper\n          styles={styles}\n          // Shadow styles need to be passed directly through native style prop\n          // Cannot be done via styled components\n          style={castNativeType(theme.elevation.lowRaised)}\n          elevation={20}\n          ref={ref as never}\n          collapse={false}\n          isMobile={isMobile}\n          // if I don't assert this TS throws error\n          // I think because of the intersection type in PopoverContentWrapperProps\n          {...(props as any)}\n        >\n          {children}\n        </StyledPopoverContentWrapper>\n      </Animated.View>\n    );\n  },\n);\n\nexport { PopoverContentWrapper };\n"],"names":["StyledPopoverContentWrapper","styled","BaseBox","_ref","theme","isMobile","styles","getPopoverContentWrapperStyles","PopoverContentWrapper","React","forwardRef","_ref2","ref","children","side","isVisible","props","_objectWithoutProperties","_excluded","_useTheme","useTheme","platform","isOppositeAxis","isHorizontal","offset","size","translate","useSharedValue","opacity","easing","motion","entrance","duration","quick","useEffect","timings","value","withDelay","withTiming","animatedStyles","useAnimatedStyle","transform","_defineProperty","_jsx","Animated","View","style","Object","assign","castNativeType","elevation","lowRaised","collapse"],"mappings":";;;;;;;;;;;;;;;;;;;uDAoBA,IAAMA,2BAA2B,CAAGC,MAAM,CAACC,OAAO,CAAC,CAIhD,SAAAC,IAAA,CAAiC,CAAA,IAA9BC,KAAK,CAAAD,IAAA,CAALC,KAAK,CAAEC,QAAQ,CAAAF,IAAA,CAARE,QAAQ,CAAEC,MAAM,CAAAH,IAAA,CAANG,MAAM,CAC3B,OAAOC,8BAA8B,CAAC,CAAEH,KAAK,CAALA,KAAK,CAAEE,MAAM,CAANA,MAAM,CAAED,QAAQ,CAARA,QAAS,CAAC,CAAC,CACpE,CAAC,CAAC,CAEI,IAAAG,qBAAqB,CAAGC,cAAK,CAACC,UAAU,CAC5C,SAAAC,KAAA,CAAkDC,GAAG,CAAK,CAAA,IAAvDC,QAAQ,CAAAF,KAAA,CAARE,QAAQ,CAAEP,MAAM,CAAAK,KAAA,CAANL,MAAM,CAAEQ,IAAI,CAAAH,KAAA,CAAJG,IAAI,CAAEC,SAAS,CAAAJ,KAAA,CAATI,SAAS,CAAKC,KAAK,CAAAC,wBAAA,CAAAN,KAAA,CAAAO,SAAA,CAAA,CAC5C,IAAAC,SAAA,CAA4BC,QAAQ,EAAE,CAA9BhB,KAAK,CAAAe,SAAA,CAALf,KAAK,CAAEiB,QAAQ,CAAAF,SAAA,CAARE,QAAQ,CACvB,IAAMhB,QAAQ,CAAGgB,QAAQ,GAAK,UAAU,CAExC,IAAMC,cAAc,CAAGR,IAAI,GAAK,OAAO,EAAIA,IAAI,GAAK,QAAQ,CAC5D,IAAMS,YAAY,CAAGT,IAAI,GAAK,MAAM,EAAIA,IAAI,GAAK,OAAO,CACxD,IAAMU,MAAM,CAAGF,cAAc,CAAG,CAACG,IAAI,CAAC,CAAC,CAAC,CAAGA,IAAI,CAAC,CAAC,CAAC,CAElD,IAAMC,SAAS,CAAGC,cAAc,CAACH,MAAM,CAAC,CACxC,IAAMI,OAAO,CAAGD,cAAc,CAAC,CAAC,CAAC,CAEjC,IAAME,MAAM,CAAIzB,KAAK,CAAC0B,MAAM,CAACD,MAAM,CAACE,QAAgC,CACpE,IAAMC,QAAQ,CAAG5B,KAAK,CAAC0B,MAAM,CAACE,QAAQ,CAACC,KAAK,CAE5CxB,cAAK,CAACyB,SAAS,CAAC,UAAM,CACpB,IAAMC,OAAO,CAAG,CAAEN,MAAM,CAANA,MAAM,CAAEG,QAAQ,CAARA,QAAS,CAAC,CACpCJ,OAAO,CAACQ,KAAK,CAAGC,SAAS,CAACL,QAAQ,CAAEM,UAAU,CAACvB,SAAS,CAAG,CAAC,CAAG,CAAC,CAAEoB,OAAO,CAAC,CAAC,CAC3ET,SAAS,CAACU,KAAK,CAAGC,SAAS,CAACL,QAAQ,CAAEM,UAAU,CAACvB,SAAS,CAAG,CAAC,CAAGS,MAAM,CAAEW,OAAO,CAAC,CAAC,CAEpF,CAAC,CAAE,CAACpB,SAAS,CAAC,CAAC,CAGf,IAAMwB,cAAc,CAAGC,gBAAgB,CAAC,UAAM,CAC5C,IAAMC,SAAS,CAAGlB,YAAY,CAAG,YAAY,CAAG,YAAY,CAC5D,OAAO,CACLK,OAAO,CAAEA,OAAO,CAACQ,KAAK,CACtBK,SAAS,CAAE,CAAAC,eAAA,CAAA,EAAA,CAAID,SAAS,CAAGf,SAAS,CAACU,KAAK,CAC5C,CAAA,CAAC,CACH,CAAC,CAAE,CAACrB,SAAS,CAAC,CAAC,CAEf,OACE4B,GAAA,CAACC,QAAQ,CAACC,IAAI,CAACC,CAAAA,KAAK,CAAEP,cAAe,CAAA1B,QAAA,CACnC8B,GAAA,CAAC3C,2BAA2B,CAAA+C,MAAA,CAAAC,MAAA,CAC1B1C,CAAAA,MAAM,CAAEA,MAAO,CAGfwC,KAAK,CAAEG,cAAc,CAAC7C,KAAK,CAAC8C,SAAS,CAACC,SAAS,CAAE,CACjDD,SAAS,CAAE,EAAG,CACdtC,GAAG,CAAEA,GAAa,CAClBwC,QAAQ,CAAE,KAAM,CAChB/C,QAAQ,CAAEA,QAAS,CAAA,CAGdW,KAAK,CAAA,CAAAH,QAAA,CAETA,QAAQ,CACkB,CAAA,CAAC,CACjB,CAAC,CAEpB,CACF;;;;"}

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

@@ -7,20 +7,18 @@ import { CircularProgressLabel } from './CircularProgressLabel.js';
 import getIn from '../../utils/lodashButBetter/get.js';
 import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
 import { makeMotionTime } from '../../utils/makeMotionTime/makeMotionTime.native.js';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '../Typography/BaseText/BaseText.native.js';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react-native';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
-import { castNativeType } from '../../utils/platform/castUtils.js';
-import useTheme from '../BladeProvider/useTheme.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import '../Typography/Heading/Heading.js';
 import { getTextProps } from '../Typography/Text/Text.js';
 import '../Typography/Code/Code.js';
+import '../Typography/Display/Display.js';
 import '@gorhom/portal';
 import 'react-native-gesture-handler';
+import useTheme from '../BladeProvider/useTheme.js';
+import 'react-native';
+import '@babel/runtime/helpers/slicedToArray';
+import { castNativeType } from '../../utils/platform/castUtils.js';
 import '../BottomSheet/BottomSheetStack.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import Svg from '../Icons/_Svg/Svg/Svg.native.js';
 import getBaseTextStyles from '../Typography/BaseText/getBaseTextStyles.js';

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

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

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

@@ -1,15 +1,10 @@
 import 'react';
 import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '../Typography/BaseText/BaseText.native.js';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react-native';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
-import '../BladeProvider/useTheme.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import '../Typography/Heading/Heading.js';
 import { Text } from '../Typography/Text/Text.js';
 import '../Typography/Code/Code.js';
+import '../Typography/Display/Display.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 
 var CircularProgressLabel=function CircularProgressLabel(_ref){var _label$trim;var progressPercent=_ref.progressPercent,_ref$size=_ref.size,size=_ref$size===void 0?'small':_ref$size,label=_ref.label,_ref$showPercentage=_ref.showPercentage,showPercentage=_ref$showPercentage===void 0?true:_ref$showPercentage;var hasLabel=label&&((_label$trim=label.trim())==null?void 0:_label$trim.length)>0;return jsxs(BaseBox,{display:"flex",flexDirection:"column",alignItems:"center",children:[hasLabel&&jsx(Text,{marginTop:"spacing.3",variant:"body",weight:"regular",size:"small",children:label}),showPercentage&&size==='small'&&jsxs(Text,{marginTop:hasLabel?'spacing.0':'spacing.3',variant:"body",weight:"semibold",size:"small",children:[progressPercent,"%"]})]});};
 

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

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