@razorpay/blade 12.98.1 → 12.111.0

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

@@ -2,21 +2,26 @@ import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import React__default, { useState, Children, useCallback, useMemo, cloneElement } from 'react';
 import { AccordionContext } from './AccordionContext.js';
+import { AccordionSurface } from './AccordionSurface.native.js';
 import { MAX_WIDTH } from './styles.native.js';
-import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
-import { getStyledProps } from '../Box/styledProps/getStyledProps.js';
-import 'react-native';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
-import { size } from '../../tokens/global/size.js';
+import '../Box/BaseBox/index.js';
+import '../Box/styledProps/index.js';
+import '../../tokens/global/index.js';
+import '../../utils/index.js';
+import '../../utils/metaAttribute/index.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
+import '../BladeProvider/index.js';
+import { jsx } from 'react/jsx-runtime';
 import { makeSize } from '../../utils/makeSize/makeSize.js';
-import '../BladeProvider/useTheme.js';
+import { size } from '../../tokens/global/size.js';
+import useTheme from '../BladeProvider/useTheme.js';
+import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
 import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.native.js';
 import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
+import { getStyledProps } from '../Box/styledProps/getStyledProps.js';
 import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
-import { jsx } from 'react/jsx-runtime';
 
-var _excluded=["defaultExpandedIndex","expandedIndex","onExpandChange","showNumberPrefix","children","variant","size","maxWidth","minWidth","testID"];var MIN_WIDTH={s:makeSize(size[200]),m:makeSize(size[360]),l:makeSize(size[360])};var getVariantStyles=function getVariantStyles(variant){if(variant==='transparent'){return {};}return {backgroundColor:'surface.background.gray.intense',borderRadius:'medium',borderWidth:'thinner',borderColor:'surface.border.gray.subtle'};};var _Accordion=function _Accordion(_ref,ref){var defaultExpandedIndex=_ref.defaultExpandedIndex,expandedIndex=_ref.expandedIndex,onExpandChange=_ref.onExpandChange,_ref$showNumberPrefix=_ref.showNumberPrefix,showNumberPrefix=_ref$showNumberPrefix===void 0?false:_ref$showNumberPrefix,children=_ref.children,_ref$variant=_ref.variant,variant=_ref$variant===void 0?'transparent':_ref$variant,_ref$size=_ref.size,size=_ref$size===void 0?'large':_ref$size,maxWidth=_ref.maxWidth,minWidth=_ref.minWidth,testID=_ref.testID,rest=_objectWithoutProperties(_ref,_excluded);var _useState=useState(defaultExpandedIndex),_useState2=_slicedToArray(_useState,2),expandedAccordionItemIndex=_useState2[0],setExpandedAccordionItemIndex=_useState2[1];var numberOfItems=Children.count(children);var handleExpandChange=useCallback(function(nextExpandedIndex){if(typeof expandedIndex!=='undefined'){onExpandChange==null?void 0:onExpandChange({expandedIndex:nextExpandedIndex});}else {setExpandedAccordionItemIndex(nextExpandedIndex);onExpandChange==null?void 0:onExpandChange({expandedIndex:nextExpandedIndex});}},[onExpandChange,expandedIndex]);var accordionContext=useMemo(function(){return {expandedIndex:expandedIndex!=null?expandedIndex:expandedAccordionItemIndex,defaultExpandedIndex:defaultExpandedIndex,onExpandChange:handleExpandChange,showNumberPrefix:showNumberPrefix,variant:variant,numberOfItems:numberOfItems,size:size};},[expandedAccordionItemIndex,handleExpandChange,expandedIndex,showNumberPrefix,defaultExpandedIndex,variant,numberOfItems,size]);return jsx(AccordionContext.Provider,{value:accordionContext,children:jsx(BaseBox,Object.assign({ref:ref,minWidth:minWidth!=null?minWidth:MIN_WIDTH,maxWidth:maxWidth!=null?maxWidth:MAX_WIDTH},metaAttribute({name:MetaConstants.Accordion,testID:testID}),getStyledProps(rest),makeAnalyticsAttribute(rest),{children:jsx(BaseBox,Object.assign({},getVariantStyles(variant),{width:"100%",children:Children.map(children,function(child,index){return cloneElement(child,{_index:index,key:index});})}))}))});};var Accordion=React__default.forwardRef(_Accordion);
+var _excluded=["defaultExpandedIndex","expandedIndex","onExpandChange","showNumberPrefix","children","variant","size","maxWidth","minWidth","testID"];var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Accordion/Accordion.tsx";var MIN_WIDTH={s:makeSize(size[200]),m:makeSize(size[360]),l:makeSize(size[360])};var _Accordion=function _Accordion(_ref,ref){var defaultExpandedIndex=_ref.defaultExpandedIndex,expandedIndex=_ref.expandedIndex,onExpandChange=_ref.onExpandChange,_ref$showNumberPrefix=_ref.showNumberPrefix,showNumberPrefix=_ref$showNumberPrefix===void 0?false:_ref$showNumberPrefix,children=_ref.children,_ref$variant=_ref.variant,variant=_ref$variant===void 0?'transparent':_ref$variant,_ref$size=_ref.size,size=_ref$size===void 0?'large':_ref$size,maxWidth=_ref.maxWidth,minWidth=_ref.minWidth,testID=_ref.testID,rest=_objectWithoutProperties(_ref,_excluded);var _useTheme=useTheme(),colorScheme=_useTheme.colorScheme;var _useState=useState(defaultExpandedIndex),_useState2=_slicedToArray(_useState,2),expandedAccordionItemIndex=_useState2[0],setExpandedAccordionItemIndex=_useState2[1];var numberOfItems=Children.count(children);var handleExpandChange=useCallback(function(nextExpandedIndex){if(typeof expandedIndex!=='undefined'){onExpandChange==null?void 0:onExpandChange({expandedIndex:nextExpandedIndex});}else {setExpandedAccordionItemIndex(nextExpandedIndex);onExpandChange==null?void 0:onExpandChange({expandedIndex:nextExpandedIndex});}},[onExpandChange,expandedIndex]);var accordionContext=useMemo(function(){return {expandedIndex:expandedIndex!=null?expandedIndex:expandedAccordionItemIndex,defaultExpandedIndex:defaultExpandedIndex,onExpandChange:handleExpandChange,showNumberPrefix:showNumberPrefix,variant:variant,numberOfItems:numberOfItems,size:size};},[expandedAccordionItemIndex,handleExpandChange,expandedIndex,showNumberPrefix,defaultExpandedIndex,variant,numberOfItems,size]);return jsx(AccordionContext.Provider,{value:accordionContext,children:jsx(BaseBox,Object.assign({ref:ref,minWidth:minWidth!=null?minWidth:MIN_WIDTH,maxWidth:maxWidth!=null?maxWidth:MAX_WIDTH},metaAttribute({name:MetaConstants.Accordion,testID:testID}),getStyledProps(rest),makeAnalyticsAttribute(rest),{children:variant==='filled'?jsx(AccordionSurface,{colorScheme:colorScheme,borderRadius:"medium",backgroundColor:"surface.background.gray.intense",children:Children.map(children,function(child,index){return cloneElement(child,{_index:index,key:index});})}):jsx(BaseBox,{width:"100%",children:Children.map(children,function(child,index){return cloneElement(child,{_index:index,key:index});})})}))});};var Accordion=React__default.forwardRef(_Accordion);
 
 export { Accordion };
 //# sourceMappingURL=Accordion.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","sources":["../../../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport React, { useCallback, useMemo, useState, cloneElement, Children } from 'react';\nimport type { AccordionContextState } from './AccordionContext';\nimport { AccordionContext } from './AccordionContext';\nimport { MAX_WIDTH } from './styles';\nimport type { AccordionProps } from './types';\nimport { BaseBox } from '~components/Box/BaseBox';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { BoxProps } from '~components/Box';\nimport { size as sizeTokens } from '~tokens/global';\nimport { makeSize } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { BladeElementRef } from '~utils/types';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst MIN_WIDTH: BoxProps['minWidth'] = {\n  s: makeSize(sizeTokens[200]),\n  m: makeSize(sizeTokens[360]),\n  l: makeSize(sizeTokens[360]),\n};\n\nconst getVariantStyles = (variant: AccordionProps['variant']): BoxProps => {\n  if (variant === 'transparent') {\n    return {};\n  }\n\n  return {\n    backgroundColor: 'surface.background.gray.intense',\n    borderRadius: 'medium',\n    borderWidth: 'thinner',\n    borderColor: 'surface.border.gray.subtle',\n  };\n};\n\n/**\n * # Accordion\n *\n * An accordion is used to allow users to toggle between different content sections in a compact vertical stack.\n *\n * ## Usage\n *\n * ```jsx\n * <Accordion>\n *  <AccordionItem>\n *    <AccordionItemHeader title=\"Title\" />\n *    <AccordionItemBody>\n *      <Text color=\"surface.text.gray.subtle\">\n *        Hello this is accordion body content\n *        </Text>\n *     </AccordionItemBody>\n *  </AccordionItem>\n *  <AccordionItem>\n *    <AccordionItemHeader title=\"Title\" />\n *    <AccordionItemBody>\n *      <Text color=\"surface.text.gray.subtle\">\n *         Hello this is accordion body content\n *      </Text>\n *    </AccordionItemBody>\n *  </AccordionItem>\n * </Accordion>\n * ```\n *\n * Checkout https://blade.razorpay.com/?path=/docs/components-accordion--docs\n *\n */\nconst _Accordion = (\n  {\n    defaultExpandedIndex,\n    expandedIndex,\n    onExpandChange,\n    showNumberPrefix = false,\n    children,\n    variant = 'transparent',\n    size = 'large',\n    maxWidth,\n    minWidth,\n    testID,\n    ...rest\n  }: AccordionProps,\n  ref: React.Ref<BladeElementRef>,\n): ReactElement => {\n  const [expandedAccordionItemIndex, setExpandedAccordionItemIndex] = useState<number | undefined>(\n    defaultExpandedIndex,\n  );\n\n  const numberOfItems = Children.count(children);\n\n  const handleExpandChange = useCallback(\n    (nextExpandedIndex: number) => {\n      if (typeof expandedIndex !== 'undefined') {\n        // controlled\n        onExpandChange?.({ expandedIndex: nextExpandedIndex });\n      } else {\n        // uncontrolled\n        setExpandedAccordionItemIndex(nextExpandedIndex);\n        onExpandChange?.({ expandedIndex: nextExpandedIndex });\n      }\n    },\n    [onExpandChange, expandedIndex],\n  );\n\n  const accordionContext = useMemo<AccordionContextState>(\n    () => ({\n      expandedIndex: expandedIndex ?? expandedAccordionItemIndex,\n      defaultExpandedIndex,\n      onExpandChange: handleExpandChange,\n      showNumberPrefix,\n      variant,\n      numberOfItems,\n      size,\n    }),\n    [\n      expandedAccordionItemIndex,\n      handleExpandChange,\n      expandedIndex,\n      showNumberPrefix,\n      defaultExpandedIndex,\n      variant,\n      numberOfItems,\n      size,\n    ],\n  );\n\n  return (\n    <AccordionContext.Provider value={accordionContext}>\n      <BaseBox\n        ref={ref as never}\n        minWidth={minWidth ?? MIN_WIDTH}\n        maxWidth={maxWidth ?? MAX_WIDTH}\n        {...metaAttribute({ name: MetaConstants.Accordion, testID })}\n        {...getStyledProps(rest)}\n        {...makeAnalyticsAttribute(rest)}\n      >\n        <BaseBox {...getVariantStyles(variant)} width=\"100%\">\n          {Children.map(children, (child, index) =>\n            cloneElement(child, { _index: index, key: index }),\n          )}\n        </BaseBox>\n      </BaseBox>\n    </AccordionContext.Provider>\n  );\n};\n\nconst Accordion = React.forwardRef(_Accordion);\n\nexport { Accordion };\n"],"names":["MIN_WIDTH","s","makeSize","sizeTokens","m","l","getVariantStyles","variant","backgroundColor","borderRadius","borderWidth","borderColor","_Accordion","_ref","ref","defaultExpandedIndex","expandedIndex","onExpandChange","_ref$showNumberPrefix","showNumberPrefix","children","_ref$variant","_ref$size","size","maxWidth","minWidth","testID","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","expandedAccordionItemIndex","setExpandedAccordionItemIndex","numberOfItems","Children","count","handleExpandChange","useCallback","nextExpandedIndex","accordionContext","useMemo","_jsx","AccordionContext","Provider","value","BaseBox","Object","assign","MAX_WIDTH","metaAttribute","name","MetaConstants","Accordion","getStyledProps","makeAnalyticsAttribute","width","map","child","index","cloneElement","_index","key","React","forwardRef"],"mappings":"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"}
+{"version":3,"file":"Accordion.js","sources":["../../../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport React, { useCallback, useMemo, useState, cloneElement, Children } from 'react';\nimport type { AccordionContextState } from './AccordionContext';\nimport { AccordionContext } from './AccordionContext';\nimport { AccordionSurface } from './AccordionSurface';\nimport { MAX_WIDTH } from './styles';\nimport type { AccordionProps } from './types';\nimport { BaseBox } from '~components/Box/BaseBox';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { BoxProps } from '~components/Box';\nimport { size as sizeTokens } from '~tokens/global';\nimport { makeSize } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { BladeElementRef } from '~utils/types';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { useTheme } from '~components/BladeProvider';\n\nconst MIN_WIDTH: BoxProps['minWidth'] = {\n  s: makeSize(sizeTokens[200]),\n  m: makeSize(sizeTokens[360]),\n  l: makeSize(sizeTokens[360]),\n};\n\n/**\n * # Accordion\n *\n * An accordion is used to allow users to toggle between different content sections in a compact vertical stack.\n *\n * ## Usage\n *\n * ```jsx\n * <Accordion>\n *  <AccordionItem>\n *    <AccordionItemHeader title=\"Title\" />\n *    <AccordionItemBody>\n *      <Text color=\"surface.text.gray.subtle\">\n *        Hello this is accordion body content\n *        </Text>\n *     </AccordionItemBody>\n *  </AccordionItem>\n *  <AccordionItem>\n *    <AccordionItemHeader title=\"Title\" />\n *    <AccordionItemBody>\n *      <Text color=\"surface.text.gray.subtle\">\n *         Hello this is accordion body content\n *      </Text>\n *    </AccordionItemBody>\n *  </AccordionItem>\n * </Accordion>\n * ```\n *\n * Checkout https://blade.razorpay.com/?path=/docs/components-accordion--docs\n *\n */\nconst _Accordion = (\n  {\n    defaultExpandedIndex,\n    expandedIndex,\n    onExpandChange,\n    showNumberPrefix = false,\n    children,\n    variant = 'transparent',\n    size = 'large',\n    maxWidth,\n    minWidth,\n    testID,\n    ...rest\n  }: AccordionProps,\n  ref: React.Ref<BladeElementRef>,\n): ReactElement => {\n  const { colorScheme } = useTheme();\n  const [expandedAccordionItemIndex, setExpandedAccordionItemIndex] = useState<number | undefined>(\n    defaultExpandedIndex,\n  );\n\n  const numberOfItems = Children.count(children);\n\n  const handleExpandChange = useCallback(\n    (nextExpandedIndex: number) => {\n      if (typeof expandedIndex !== 'undefined') {\n        // controlled\n        onExpandChange?.({ expandedIndex: nextExpandedIndex });\n      } else {\n        // uncontrolled\n        setExpandedAccordionItemIndex(nextExpandedIndex);\n        onExpandChange?.({ expandedIndex: nextExpandedIndex });\n      }\n    },\n    [onExpandChange, expandedIndex],\n  );\n\n  const accordionContext = useMemo<AccordionContextState>(\n    () => ({\n      expandedIndex: expandedIndex ?? expandedAccordionItemIndex,\n      defaultExpandedIndex,\n      onExpandChange: handleExpandChange,\n      showNumberPrefix,\n      variant,\n      numberOfItems,\n      size,\n    }),\n    [\n      expandedAccordionItemIndex,\n      handleExpandChange,\n      expandedIndex,\n      showNumberPrefix,\n      defaultExpandedIndex,\n      variant,\n      numberOfItems,\n      size,\n    ],\n  );\n\n  return (\n    <AccordionContext.Provider value={accordionContext}>\n      <BaseBox\n        ref={ref as never}\n        minWidth={minWidth ?? MIN_WIDTH}\n        maxWidth={maxWidth ?? MAX_WIDTH}\n        {...metaAttribute({ name: MetaConstants.Accordion, testID })}\n        {...getStyledProps(rest)}\n        {...makeAnalyticsAttribute(rest)}\n      >\n        {variant === 'filled' ? (\n          <AccordionSurface\n            colorScheme={colorScheme}\n            borderRadius=\"medium\"\n            backgroundColor=\"surface.background.gray.intense\"\n          >\n            {Children.map(children, (child, index) =>\n              cloneElement(child, { _index: index, key: index }),\n            )}\n          </AccordionSurface>\n        ) : (\n          <BaseBox width=\"100%\">\n            {Children.map(children, (child, index) =>\n              cloneElement(child, { _index: index, key: index }),\n            )}\n          </BaseBox>\n        )}\n      </BaseBox>\n    </AccordionContext.Provider>\n  );\n};\n\nconst Accordion = React.forwardRef(_Accordion);\n\nexport { Accordion };\n"],"names":["this","MIN_WIDTH","s","makeSize","sizeTokens","m","l","_Accordion","_ref","ref","defaultExpandedIndex","expandedIndex","onExpandChange","_ref$showNumberPrefix","showNumberPrefix","children","_ref$variant","variant","_ref$size","size","maxWidth","minWidth","testID","rest","_objectWithoutProperties","_excluded","_useTheme","useTheme","colorScheme","_useState","useState","_useState2","_slicedToArray","expandedAccordionItemIndex","setExpandedAccordionItemIndex","numberOfItems","Children","count","handleExpandChange","useCallback","nextExpandedIndex","accordionContext","useMemo","_jsx","AccordionContext","Provider","value","BaseBox","Object","assign","MAX_WIDTH","metaAttribute","name","MetaConstants","Accordion","getStyledProps","makeAnalyticsAttribute","AccordionSurface","borderRadius","backgroundColor","map","child","index","cloneElement","_index","key","width","React","forwardRef"],"mappings":"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"}

package/build/lib/native/components/Accordion/AccordionButton.native.js

@@ -4,30 +4,27 @@ import { StyledAccordionButton } from './StyledAccordionButton.native.js';
 import { useAccordion } from './AccordionContext.js';
 import { getTransitionDuration, getTransitionEasing, getBackgroundColor } from './commonStyles.js';
 import { AccordionItemHeader } from './AccordionItemHeader.js';
-import '../Typography/Heading/Heading.js';
+import '../Typography/index.js';
+import '../../utils/assignWithoutSideEffects/index.js';
+import '../../utils/metaAttribute/index.js';
+import '../../utils/index.js';
+import { useCollapsible } from '../Collapsible/CollapsibleContext.js';
+import '../Box/BaseBox/index.js';
+import '../BladeProvider/index.js';
+import '../../utils/makeAccessible/index.native.js';
+import '../../utils/logger/index.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import useTheme from '../BladeProvider/useTheme.js';
+import { castNativeType } from '../../utils/platform/castUtils.js';
 import { Text } from '../Typography/Text/Text.js';
-import '../Typography/Code/Code.js';
-import '../Typography/Display/Display.js';
-import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
-import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.native.js';
-import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
-import 'react-native';
-import '@babel/runtime/helpers/slicedToArray';
 import { throwBladeError } from '../../utils/logger/logger.js';
-import { castNativeType } from '../../utils/platform/castUtils.js';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
-import useTheme from '../BladeProvider/useTheme.js';
-import { useCollapsible } from '../Collapsible/CollapsibleContext.js';
 import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
-import 'styled-components/native';
-import '@gorhom/portal';
-import 'react-native-gesture-handler';
-import '../BottomSheet/BottomSheetStack.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
 import { makeAccessible } from '../../utils/makeAccessible/makeAccessible.native.js';
+import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.native.js';
+import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
+import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
-var _AccordionButton=function _AccordionButton(_ref){var index=_ref.index,Icon=_ref.icon,title=_ref.title,isDeprecatedAPI=_ref.isDeprecatedAPI,isDisabled=_ref.isDisabled,header=_ref.header;var _useCollapsible=useCollapsible(),onExpandChange=_useCollapsible.onExpandChange,isExpanded=_useCollapsible.isExpanded,collapsibleBodyId=_useCollapsible.collapsibleBodyId;var _useAccordion=useAccordion(),showNumberPrefix=_useAccordion.showNumberPrefix,expandedIndex=_useAccordion.expandedIndex;var _useTheme=useTheme(),theme=_useTheme.theme;var toggleCollapse=function toggleCollapse(){return onExpandChange(!isExpanded);};var isItemExpanded=expandedIndex===index;var isPressed=useSharedValue(false);var duration=castNativeType(getTransitionDuration(theme));var easing=castNativeType(getTransitionEasing(theme));var activeBackgroundColor=useSharedValue(getBackgroundColor({theme:theme,isActive:true}));var inActiveBackgroundColor=useSharedValue(getBackgroundColor({theme:theme,isActive:false}));useEffect(function(){activeBackgroundColor.value=getBackgroundColor({theme:theme,isActive:true});inActiveBackgroundColor.value=getBackgroundColor({theme:theme,isActive:false});},[activeBackgroundColor,inActiveBackgroundColor,theme]);var animatedStyles=useAnimatedStyle(function(){return {backgroundColor:withTiming(isPressed.value?activeBackgroundColor.value:inActiveBackgroundColor.value,{duration:duration,easing:easing})};});var _showNumberPrefix=typeof index==='number'&&showNumberPrefix;var _index=_showNumberPrefix?jsxs(Text,{size:"large",weight:"semibold",marginRight:"spacing.2",children:[index+1,"."]}):null;var a11yLabel=_showNumberPrefix?`${index+1}. ${title}`:title;var renderChildren=function renderChildren(_ref2){var pressed=_ref2.pressed;isPressed.value=pressed;var _icon=Icon&&jsx(Icon,{size:"medium",color:"surface.icon.gray.normal",marginRight:"spacing.3",marginY:"spacing.2"});if(__DEV__){if(_index&&_icon){throwBladeError({message:"showNumberPrefix and icon shouldn't be used together",moduleName:'Accordion'});}}return jsx(BaseBox,{display:"flex",flexDirection:"row",flex:1,justifyContent:"space-between",alignItems:"center",children:isDeprecatedAPI?jsx(AccordionItemHeader,{title:title,leading:_icon!=null?_icon:_index}):header});};return jsx(StyledAccordionButton,Object.assign({isExpanded:isExpanded,onPress:toggleCollapse,style:animatedStyles,disabled:isDisabled},makeAccessible({role:'button',expanded:isItemExpanded,controls:collapsibleBodyId,label:a11yLabel}),metaAttribute({name:MetaConstants.AccordionButton}),{children:renderChildren}));};var AccordionButton=assignWithoutSideEffects(_AccordionButton,{componentId:MetaConstants.AccordionButton});
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Accordion/AccordionButton.native.tsx";var _AccordionButton=function _AccordionButton(_ref){var index=_ref.index,Icon=_ref.icon,title=_ref.title,isDeprecatedAPI=_ref.isDeprecatedAPI,isDisabled=_ref.isDisabled,header=_ref.header;var _useCollapsible=useCollapsible(),onExpandChange=_useCollapsible.onExpandChange,isExpanded=_useCollapsible.isExpanded,collapsibleBodyId=_useCollapsible.collapsibleBodyId;var _useAccordion=useAccordion(),showNumberPrefix=_useAccordion.showNumberPrefix,expandedIndex=_useAccordion.expandedIndex;var _useTheme=useTheme(),theme=_useTheme.theme;var toggleCollapse=function toggleCollapse(){return onExpandChange(!isExpanded);};var isItemExpanded=expandedIndex===index;var isPressed=useSharedValue(false);var duration=castNativeType(getTransitionDuration(theme));var easing=castNativeType(getTransitionEasing(theme));var activeBackgroundColor=useSharedValue(getBackgroundColor({theme:theme,isActive:true}));var inActiveBackgroundColor=useSharedValue(getBackgroundColor({theme:theme,isActive:false}));useEffect(function(){activeBackgroundColor.value=getBackgroundColor({theme:theme,isActive:true});inActiveBackgroundColor.value=getBackgroundColor({theme:theme,isActive:false});},[activeBackgroundColor,inActiveBackgroundColor,theme]);var animatedStyles=useAnimatedStyle(function(){return {backgroundColor:withTiming(isPressed.value?activeBackgroundColor.value:inActiveBackgroundColor.value,{duration:duration,easing:easing})};});var _showNumberPrefix=typeof index==='number'&&showNumberPrefix;var _index=_showNumberPrefix?jsxs(Text,{size:"large",weight:"semibold",marginRight:"spacing.2",children:[index+1,"."]}):null;var a11yLabel=_showNumberPrefix?`${index+1}. ${title}`:title;var renderChildren=function renderChildren(_ref2){var pressed=_ref2.pressed;isPressed.value=pressed;var _icon=Icon&&jsx(Icon,{size:"medium",color:"surface.icon.gray.normal",marginRight:"spacing.3",marginY:"spacing.2"});if(__DEV__){if(_index&&_icon){throwBladeError({message:"showNumberPrefix and icon shouldn't be used together",moduleName:'Accordion'});}}return jsx(BaseBox,{display:"flex",flexDirection:"row",flex:1,justifyContent:"space-between",alignItems:"center",children:isDeprecatedAPI?jsx(AccordionItemHeader,{title:title,leading:_icon!=null?_icon:_index}):header});};return jsx(StyledAccordionButton,Object.assign({isExpanded:isExpanded,onPress:toggleCollapse,style:animatedStyles,disabled:isDisabled},makeAccessible({role:'button',expanded:isItemExpanded,controls:collapsibleBodyId,label:a11yLabel}),metaAttribute({name:MetaConstants.AccordionButton}),{children:renderChildren}));};var AccordionButton=assignWithoutSideEffects(_AccordionButton,{componentId:MetaConstants.AccordionButton});
 
 export { AccordionButton };
 //# sourceMappingURL=AccordionButton.native.js.map

package/build/lib/native/components/Accordion/AccordionButton.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionButton.native.js","sources":["../../../../../src/components/Accordion/AccordionButton.native.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport { useEffect } from 'react';\nimport type { PressableProps } from 'react-native';\nimport { useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';\nimport { StyledAccordionButton } from './StyledAccordionButton.native';\nimport type { AccordionButtonProps } from './types';\nimport { useAccordion } from './AccordionContext';\nimport { getBackgroundColor, getTransitionDuration, getTransitionEasing } from './commonStyles';\nimport { AccordionItemHeader } from './AccordionItemHeader';\nimport { Text } from '~components/Typography';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { MetaConstants, metaAttribute } from '~utils/metaAttribute';\nimport { castNativeType } from '~utils';\nimport { useCollapsible } from '~components/Collapsible/CollapsibleContext';\nimport BaseBox from '~components/Box/BaseBox';\nimport { useTheme } from '~components/BladeProvider';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { throwBladeError } from '~utils/logger';\n\nconst _AccordionButton = ({\n  index,\n  icon: Icon,\n  title,\n  isDeprecatedAPI,\n  isDisabled,\n  header,\n}: AccordionButtonProps): ReactElement => {\n  const { onExpandChange, isExpanded, collapsibleBodyId } = useCollapsible();\n  const { showNumberPrefix, expandedIndex } = useAccordion();\n  const { theme } = useTheme();\n\n  const toggleCollapse = (): void => onExpandChange(!isExpanded);\n  const isItemExpanded = expandedIndex === index;\n\n  const isPressed = useSharedValue(false);\n\n  const duration = castNativeType(getTransitionDuration(theme));\n  const easing = castNativeType(getTransitionEasing(theme));\n\n  const activeBackgroundColor = useSharedValue(getBackgroundColor({ theme, isActive: true }));\n  const inActiveBackgroundColor = useSharedValue(getBackgroundColor({ theme, isActive: false }));\n\n  /**\n   * `backgroundColor` is derived from `isExpanded` and pressed state.\n   *\n   * Since we can't directly access return values from JS functions (`getBackgroundColor`) on UI thread,\n   * this effect updates the shared values for active / inactive states which are used by `animatedStyles`.\n   */\n  useEffect(() => {\n    activeBackgroundColor.value = getBackgroundColor({ theme, isActive: true });\n    inActiveBackgroundColor.value = getBackgroundColor({ theme, isActive: false });\n  }, [activeBackgroundColor, inActiveBackgroundColor, theme]);\n\n  const animatedStyles = useAnimatedStyle(() => ({\n    backgroundColor: withTiming(\n      isPressed.value ? activeBackgroundColor.value : inActiveBackgroundColor.value,\n      {\n        duration,\n        easing,\n      },\n    ),\n  }));\n\n  const _showNumberPrefix = typeof index === 'number' && showNumberPrefix;\n\n  const _index = _showNumberPrefix ? (\n    <Text size=\"large\" weight=\"semibold\" marginRight=\"spacing.2\">\n      {index + 1}.\n    </Text>\n  ) : null;\n\n  const a11yLabel = _showNumberPrefix ? `${index + 1}. ${title}` : title;\n\n  const renderChildren: PressableProps['children'] = ({ pressed }) => {\n    isPressed.value = pressed;\n\n    const _icon = Icon && (\n      <Icon\n        size=\"medium\"\n        color=\"surface.icon.gray.normal\"\n        marginRight=\"spacing.3\"\n        marginY=\"spacing.2\"\n      />\n    );\n\n    if (__DEV__) {\n      if (_index && _icon) {\n        throwBladeError({\n          message: \"showNumberPrefix and icon shouldn't be used together\",\n          moduleName: 'Accordion',\n        });\n      }\n    }\n\n    return (\n      <BaseBox\n        display=\"flex\"\n        flexDirection=\"row\"\n        flex={1}\n        justifyContent=\"space-between\"\n        alignItems=\"center\"\n      >\n        {isDeprecatedAPI ? <AccordionItemHeader title={title} leading={_icon ?? _index} /> : header}\n      </BaseBox>\n    );\n  };\n\n  return (\n    <StyledAccordionButton\n      isExpanded={isExpanded}\n      onPress={toggleCollapse}\n      style={animatedStyles}\n      disabled={isDisabled}\n      {...makeAccessible({\n        role: 'button',\n        expanded: isItemExpanded,\n        controls: collapsibleBodyId,\n        label: a11yLabel,\n      })}\n      {...metaAttribute({ name: MetaConstants.AccordionButton })}\n    >\n      {renderChildren}\n    </StyledAccordionButton>\n  );\n};\n\nconst AccordionButton = assignWithoutSideEffects(_AccordionButton, {\n  componentId: MetaConstants.AccordionButton,\n});\n\nexport { AccordionButton };\n"],"names":["_AccordionButton","_ref","index","Icon","icon","title","isDeprecatedAPI","isDisabled","header","_useCollapsible","useCollapsible","onExpandChange","isExpanded","collapsibleBodyId","_useAccordion","useAccordion","showNumberPrefix","expandedIndex","_useTheme","useTheme","theme","toggleCollapse","isItemExpanded","isPressed","useSharedValue","duration","castNativeType","getTransitionDuration","easing","getTransitionEasing","activeBackgroundColor","getBackgroundColor","isActive","inActiveBackgroundColor","useEffect","value","animatedStyles","useAnimatedStyle","backgroundColor","withTiming","_showNumberPrefix","_index","_jsxs","Text","size","weight","marginRight","children","a11yLabel","renderChildren","_ref2","pressed","_icon","_jsx","color","marginY","__DEV__","throwBladeError","message","moduleName","BaseBox","display","flexDirection","flex","justifyContent","alignItems","AccordionItemHeader","leading","StyledAccordionButton","Object","assign","onPress","style","disabled","makeAccessible","role","expanded","controls","label","metaAttribute","name","MetaConstants","AccordionButton","assignWithoutSideEffects","componentId"],"mappings":"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"}
+{"version":3,"file":"AccordionButton.native.js","sources":["../../../../../src/components/Accordion/AccordionButton.native.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport { useEffect } from 'react';\nimport type { PressableProps } from 'react-native';\nimport { useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';\nimport { StyledAccordionButton } from './StyledAccordionButton.native';\nimport type { AccordionButtonProps } from './types';\nimport { useAccordion } from './AccordionContext';\nimport { getBackgroundColor, getTransitionDuration, getTransitionEasing } from './commonStyles';\nimport { AccordionItemHeader } from './AccordionItemHeader';\nimport { Text } from '~components/Typography';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { MetaConstants, metaAttribute } from '~utils/metaAttribute';\nimport { castNativeType } from '~utils';\nimport { useCollapsible } from '~components/Collapsible/CollapsibleContext';\nimport BaseBox from '~components/Box/BaseBox';\nimport { useTheme } from '~components/BladeProvider';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { throwBladeError } from '~utils/logger';\n\nconst _AccordionButton = ({\n  index,\n  icon: Icon,\n  title,\n  isDeprecatedAPI,\n  isDisabled,\n  header,\n}: AccordionButtonProps): ReactElement => {\n  const { onExpandChange, isExpanded, collapsibleBodyId } = useCollapsible();\n  const { showNumberPrefix, expandedIndex } = useAccordion();\n  const { theme } = useTheme();\n\n  const toggleCollapse = (): void => onExpandChange(!isExpanded);\n  const isItemExpanded = expandedIndex === index;\n\n  const isPressed = useSharedValue(false);\n\n  const duration = castNativeType(getTransitionDuration(theme));\n  const easing = castNativeType(getTransitionEasing(theme));\n\n  const activeBackgroundColor = useSharedValue(getBackgroundColor({ theme, isActive: true }));\n  const inActiveBackgroundColor = useSharedValue(getBackgroundColor({ theme, isActive: false }));\n\n  /**\n   * `backgroundColor` is derived from `isExpanded` and pressed state.\n   *\n   * Since we can't directly access return values from JS functions (`getBackgroundColor`) on UI thread,\n   * this effect updates the shared values for active / inactive states which are used by `animatedStyles`.\n   */\n  useEffect(() => {\n    activeBackgroundColor.value = getBackgroundColor({ theme, isActive: true });\n    inActiveBackgroundColor.value = getBackgroundColor({ theme, isActive: false });\n  }, [activeBackgroundColor, inActiveBackgroundColor, theme]);\n\n  const animatedStyles = useAnimatedStyle(() => ({\n    backgroundColor: withTiming(\n      isPressed.value ? activeBackgroundColor.value : inActiveBackgroundColor.value,\n      {\n        duration,\n        easing,\n      },\n    ),\n  }));\n\n  const _showNumberPrefix = typeof index === 'number' && showNumberPrefix;\n\n  const _index = _showNumberPrefix ? (\n    <Text size=\"large\" weight=\"semibold\" marginRight=\"spacing.2\">\n      {index + 1}.\n    </Text>\n  ) : null;\n\n  const a11yLabel = _showNumberPrefix ? `${index + 1}. ${title}` : title;\n\n  const renderChildren: PressableProps['children'] = ({ pressed }) => {\n    isPressed.value = pressed;\n\n    const _icon = Icon && (\n      <Icon\n        size=\"medium\"\n        color=\"surface.icon.gray.normal\"\n        marginRight=\"spacing.3\"\n        marginY=\"spacing.2\"\n      />\n    );\n\n    if (__DEV__) {\n      if (_index && _icon) {\n        throwBladeError({\n          message: \"showNumberPrefix and icon shouldn't be used together\",\n          moduleName: 'Accordion',\n        });\n      }\n    }\n\n    return (\n      <BaseBox\n        display=\"flex\"\n        flexDirection=\"row\"\n        flex={1}\n        justifyContent=\"space-between\"\n        alignItems=\"center\"\n      >\n        {isDeprecatedAPI ? <AccordionItemHeader title={title} leading={_icon ?? _index} /> : header}\n      </BaseBox>\n    );\n  };\n\n  return (\n    <StyledAccordionButton\n      isExpanded={isExpanded}\n      onPress={toggleCollapse}\n      style={animatedStyles}\n      disabled={isDisabled}\n      {...makeAccessible({\n        role: 'button',\n        expanded: isItemExpanded,\n        controls: collapsibleBodyId,\n        label: a11yLabel,\n      })}\n      {...metaAttribute({ name: MetaConstants.AccordionButton })}\n    >\n      {renderChildren}\n    </StyledAccordionButton>\n  );\n};\n\nconst AccordionButton = assignWithoutSideEffects(_AccordionButton, {\n  componentId: MetaConstants.AccordionButton,\n});\n\nexport { AccordionButton };\n"],"names":["this","_AccordionButton","_ref","index","Icon","icon","title","isDeprecatedAPI","isDisabled","header","_useCollapsible","useCollapsible","onExpandChange","isExpanded","collapsibleBodyId","_useAccordion","useAccordion","showNumberPrefix","expandedIndex","_useTheme","useTheme","theme","toggleCollapse","isItemExpanded","isPressed","useSharedValue","duration","castNativeType","getTransitionDuration","easing","getTransitionEasing","activeBackgroundColor","getBackgroundColor","isActive","inActiveBackgroundColor","useEffect","value","animatedStyles","useAnimatedStyle","backgroundColor","withTiming","_showNumberPrefix","_index","_jsxs","Text","size","weight","marginRight","children","a11yLabel","renderChildren","_ref2","pressed","_icon","_jsx","color","marginY","__DEV__","throwBladeError","message","moduleName","BaseBox","display","flexDirection","flex","justifyContent","alignItems","AccordionItemHeader","leading","StyledAccordionButton","Object","assign","onPress","style","disabled","makeAccessible","role","expanded","controls","label","metaAttribute","name","MetaConstants","AccordionButton","assignWithoutSideEffects","componentId"],"mappings":"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"}

package/build/lib/native/components/Accordion/AccordionContext.js

@@ -1,4 +1,5 @@
 import { createContext, useContext } from 'react';
+import '../../utils/logger/index.js';
 import { throwBladeError } from '../../utils/logger/logger.js';
 
 var AccordionContext=createContext(null);var AccordionItemContext=createContext({index:undefined});var useAccordion=function useAccordion(){var accordionContext=useContext(AccordionContext);if(__DEV__){if(!accordionContext){throwBladeError({message:'useAccordion should be only used within AccordionContext',moduleName:'AccordionContext'});}}return accordionContext;};var useAccordionItemIndex=function useAccordionItemIndex(){var accordionItemContext=useContext(AccordionItemContext);if(__DEV__){if(!accordionItemContext){throwBladeError({message:'AccordionItem* components should be only used within AccordionItem',moduleName:'AccordionContext'});}}return accordionItemContext;};

package/build/lib/native/components/Accordion/AccordionContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionContext.js","sources":["../../../../../src/components/Accordion/AccordionContext.tsx"],"sourcesContent":["import { createContext, useContext } from 'react';\nimport type { AccordionProps } from './types';\nimport { throwBladeError } from '~utils/logger';\n\ntype AccordionContextState = {\n  expandedIndex?: number;\n  defaultExpandedIndex?: number;\n  onExpandChange: (expandedIndex: number) => void;\n  showNumberPrefix: boolean;\n  variant: AccordionProps['variant'];\n  numberOfItems: number;\n  size: NonNullable<AccordionProps['size']>;\n};\n\ntype AccordionItemContextState = {\n  index?: number;\n  isDisabled?: boolean;\n};\n\nconst AccordionContext = createContext<AccordionContextState | null>(null);\nconst AccordionItemContext = createContext<AccordionItemContextState>({\n  index: undefined,\n});\n\nconst useAccordion = (): AccordionContextState => {\n  const accordionContext = useContext(AccordionContext);\n  if (__DEV__) {\n    if (!accordionContext) {\n      throwBladeError({\n        message: 'useAccordion should be only used within AccordionContext',\n        moduleName: 'AccordionContext',\n      });\n    }\n  }\n  return accordionContext!;\n};\n\nconst useAccordionItemIndex = (): AccordionItemContextState => {\n  const accordionItemContext = useContext(AccordionItemContext);\n  if (__DEV__) {\n    if (!accordionItemContext) {\n      throwBladeError({\n        message: 'AccordionItem* components should be only used within AccordionItem',\n        moduleName: 'AccordionContext',\n      });\n    }\n  }\n  return accordionItemContext;\n};\n\nexport type { AccordionContextState };\nexport { AccordionContext, useAccordion, AccordionItemContext, useAccordionItemIndex };\n"],"names":["AccordionContext","createContext","AccordionItemContext","index","undefined","useAccordion","accordionContext","useContext","__DEV__","throwBladeError","message","moduleName","useAccordionItemIndex","accordionItemContext"],"mappings":";;;AAmBM,IAAAA,gBAAgB,CAAGC,aAAa,CAA+B,IAAI,EACnE,IAAAC,oBAAoB,CAAGD,aAAa,CAA4B,CACpEE,KAAK,CAAEC,SACT,CAAC,EAEK,IAAAC,YAAY,CAAG,SAAfA,YAAYA,EAAgC,CAChD,IAAMC,gBAAgB,CAAGC,UAAU,CAACP,gBAAgB,CAAC,CACrD,GAAIQ,OAAO,CAAE,CACX,GAAI,CAACF,gBAAgB,CAAE,CACrBG,eAAe,CAAC,CACdC,OAAO,CAAE,0DAA0D,CACnEC,UAAU,CAAE,kBACd,CAAC,CAAC,CACJ,CACF,CACA,OAAOL,gBAAgB,CACzB,EAEM,IAAAM,qBAAqB,CAAG,SAAxBA,qBAAqBA,EAAoC,CAC7D,IAAMC,oBAAoB,CAAGN,UAAU,CAACL,oBAAoB,CAAC,CAC7D,GAAIM,OAAO,CAAE,CACX,GAAI,CAACK,oBAAoB,CAAE,CACzBJ,eAAe,CAAC,CACdC,OAAO,CAAE,oEAAoE,CAC7EC,UAAU,CAAE,kBACd,CAAC,CAAC,CACJ,CACF,CACA,OAAOE,oBAAoB,CAC7B;;;;"}
+{"version":3,"file":"AccordionContext.js","sources":["../../../../../src/components/Accordion/AccordionContext.tsx"],"sourcesContent":["import { createContext, useContext } from 'react';\nimport type { AccordionProps } from './types';\nimport { throwBladeError } from '~utils/logger';\n\ntype AccordionContextState = {\n  expandedIndex?: number;\n  defaultExpandedIndex?: number;\n  onExpandChange: (expandedIndex: number) => void;\n  showNumberPrefix: boolean;\n  variant: AccordionProps['variant'];\n  numberOfItems: number;\n  size: NonNullable<AccordionProps['size']>;\n};\n\ntype AccordionItemContextState = {\n  index?: number;\n  isDisabled?: boolean;\n};\n\nconst AccordionContext = createContext<AccordionContextState | null>(null);\nconst AccordionItemContext = createContext<AccordionItemContextState>({\n  index: undefined,\n});\n\nconst useAccordion = (): AccordionContextState => {\n  const accordionContext = useContext(AccordionContext);\n  if (__DEV__) {\n    if (!accordionContext) {\n      throwBladeError({\n        message: 'useAccordion should be only used within AccordionContext',\n        moduleName: 'AccordionContext',\n      });\n    }\n  }\n  return accordionContext!;\n};\n\nconst useAccordionItemIndex = (): AccordionItemContextState => {\n  const accordionItemContext = useContext(AccordionItemContext);\n  if (__DEV__) {\n    if (!accordionItemContext) {\n      throwBladeError({\n        message: 'AccordionItem* components should be only used within AccordionItem',\n        moduleName: 'AccordionContext',\n      });\n    }\n  }\n  return accordionItemContext;\n};\n\nexport type { AccordionContextState };\nexport { AccordionContext, useAccordion, AccordionItemContext, useAccordionItemIndex };\n"],"names":["AccordionContext","createContext","AccordionItemContext","index","undefined","useAccordion","accordionContext","useContext","__DEV__","throwBladeError","message","moduleName","useAccordionItemIndex","accordionItemContext"],"mappings":";;;;AAmBM,IAAAA,gBAAgB,CAAGC,aAAa,CAA+B,IAAI,EACnE,IAAAC,oBAAoB,CAAGD,aAAa,CAA4B,CACpEE,KAAK,CAAEC,SACT,CAAC,EAEK,IAAAC,YAAY,CAAG,SAAfA,YAAYA,EAAgC,CAChD,IAAMC,gBAAgB,CAAGC,UAAU,CAACP,gBAAgB,CAAC,CACrD,GAAIQ,OAAO,CAAE,CACX,GAAI,CAACF,gBAAgB,CAAE,CACrBG,eAAe,CAAC,CACdC,OAAO,CAAE,0DAA0D,CACnEC,UAAU,CAAE,kBACd,CAAC,CAAC,CACJ,CACF,CACA,OAAOL,gBAAgB,CACzB,EAEM,IAAAM,qBAAqB,CAAG,SAAxBA,qBAAqBA,EAAoC,CAC7D,IAAMC,oBAAoB,CAAGN,UAAU,CAACL,oBAAoB,CAAC,CAC7D,GAAIM,OAAO,CAAE,CACX,GAAI,CAACK,oBAAoB,CAAE,CACzBJ,eAAe,CAAC,CACdC,OAAO,CAAE,oEAAoE,CAC7EC,UAAU,CAAE,kBACd,CAAC,CAAC,CACJ,CACF,CACA,OAAOE,oBAAoB,CAC7B;;;;"}

package/build/lib/native/components/Accordion/AccordionItem.js

@@ -5,25 +5,27 @@ import { AccordionButton } from './AccordionButton.native.js';
 import { useAccordion, AccordionItemContext } from './AccordionContext.js';
 import { AccordionItemBody } from './AccordionItemBody.js';
 import { componentIds } from './componentIds.js';
-import { Divider } from '../Divider/Divider.js';
+import '../Divider/index.js';
+import '../Box/BaseBox/index.js';
+import '../../utils/metaAttribute/index.js';
+import '../../utils/index.js';
+import { Collapsible } from '../Collapsible/Collapsible.js';
+import '../Collapsible/index.js';
+import '../../utils/isValidAllowedChildren/index.js';
+import '../../utils/logger/index.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { getComponentId } from '../../utils/isValidAllowedChildren/isValidAllowedChildren.js';
+import { throwBladeError } from '../../utils/logger/logger.js';
 import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
 import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.native.js';
 import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
-import 'react-native';
-import { throwBladeError } from '../../utils/logger/logger.js';
-import { isReactNative } from '../../utils/platform/isReactNative.js';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
-import '../BladeProvider/useTheme.js';
-import { Collapsible } from '../Collapsible/Collapsible.js';
-import '../Collapsible/CollapsibleLink.js';
-import '../Collapsible/CollapsibleButton.js';
-import { CollapsibleBody } from '../Collapsible/CollapsibleBody.js';
-import { getComponentId } from '../../utils/isValidAllowedChildren/isValidAllowedChildren.js';
 import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { CollapsibleBody } from '../Collapsible/CollapsibleBody.js';
+import { isReactNative } from '../../utils/platform/isReactNative.js';
+import { Divider } from '../Divider/Divider.js';
 
-var _excluded=["title","description","icon","children","isDisabled","_index","testID"];var AccordionItem=function AccordionItem(_ref){var title=_ref.title,description=_ref.description,icon=_ref.icon,children=_ref.children,isDisabled=_ref.isDisabled,_index=_ref._index,testID=_ref.testID,rest=_objectWithoutProperties(_ref,_excluded);var _useAccordion=useAccordion(),expandedIndex=_useAccordion.expandedIndex,onExpandChange=_useAccordion.onExpandChange,defaultExpandedIndex=_useAccordion.defaultExpandedIndex,variant=_useAccordion.variant,numberOfItems=_useAccordion.numberOfItems;var isExpanded=expandedIndex===_index;var isDefaultExpanded=defaultExpandedIndex===_index;var isDeprecatedAPI=Boolean(title)||Boolean(description)||Boolean(icon);var _React$Children$toArr=React__default.Children.toArray(children),_React$Children$toArr2=_slicedToArray(_React$Children$toArr,2),header=_React$Children$toArr2[0],body=_React$Children$toArr2[1];if(!isDeprecatedAPI){var headerComponentId=getComponentId(header);var bodyComponentId=getComponentId(body);if(headerComponentId!==componentIds.AccordionItemHeader&&bodyComponentId!==componentIds.AccordionItemBody){throwBladeError({message:'AccordionItem only allows AccordionItemHeader as first component and AccordionItemBody as second. Check Accordion documentation',moduleName:'AccordionItem'});}}var isLastItem=_index!==undefined&&_index<numberOfItems-1;var handleExpandChange=function handleExpandChange(_ref2){var isExpanded=_ref2.isExpanded;if(isExpanded&&typeof _index!=='undefined'){onExpandChange(_index);}else {onExpandChange(-1);}};return jsx(AccordionItemContext.Provider,{value:{index:_index,isDisabled:isDisabled},children:jsxs(BaseBox,Object.assign({},metaAttribute({name:MetaConstants.AccordionItem,testID:testID}),{children:[jsxs(Collapsible,Object.assign({isExpanded:isExpanded,defaultIsExpanded:isDefaultExpanded,onExpandChange:handleExpandChange,_shouldApplyWidthRestrictions:false,_dangerouslyDisableValidations:true},makeAnalyticsAttribute(rest),{children:[jsx(AccordionButton,{index:_index,icon:icon,title:title,header:header,isDisabled:isDisabled,isDeprecatedAPI:isDeprecatedAPI}),jsx(CollapsibleBody,{width:isReactNative()||!isDeprecatedAPI?'100%':undefined,children:isDeprecatedAPI?jsx(AccordionItemBody,{_description:description,children:children}):body})]})),isLastItem||variant==='transparent'?jsx(Divider,{}):null]}))});};
+var _excluded=["title","description","icon","children","isDisabled","_index","testID"];var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Accordion/AccordionItem.tsx";var AccordionItem=function AccordionItem(_ref){var title=_ref.title,description=_ref.description,icon=_ref.icon,children=_ref.children,isDisabled=_ref.isDisabled,_index=_ref._index,testID=_ref.testID,rest=_objectWithoutProperties(_ref,_excluded);var _useAccordion=useAccordion(),expandedIndex=_useAccordion.expandedIndex,onExpandChange=_useAccordion.onExpandChange,defaultExpandedIndex=_useAccordion.defaultExpandedIndex,variant=_useAccordion.variant,numberOfItems=_useAccordion.numberOfItems;var isExpanded=expandedIndex===_index;var isDefaultExpanded=defaultExpandedIndex===_index;var isDeprecatedAPI=Boolean(title)||Boolean(description)||Boolean(icon);var _React$Children$toArr=React__default.Children.toArray(children),_React$Children$toArr2=_slicedToArray(_React$Children$toArr,2),header=_React$Children$toArr2[0],body=_React$Children$toArr2[1];if(!isDeprecatedAPI){var headerComponentId=getComponentId(header);var bodyComponentId=getComponentId(body);if(headerComponentId!==componentIds.AccordionItemHeader&&bodyComponentId!==componentIds.AccordionItemBody){throwBladeError({message:'AccordionItem only allows AccordionItemHeader as first component and AccordionItemBody as second. Check Accordion documentation',moduleName:'AccordionItem'});}}var isLastItem=_index!==undefined&&_index<numberOfItems-1;var handleExpandChange=function handleExpandChange(_ref2){var isExpanded=_ref2.isExpanded;if(isExpanded&&typeof _index!=='undefined'){onExpandChange(_index);}else {onExpandChange(-1);}};return jsx(AccordionItemContext.Provider,{value:{index:_index,isDisabled:isDisabled},children:jsxs(BaseBox,Object.assign({},metaAttribute({name:MetaConstants.AccordionItem,testID:testID}),{children:[jsxs(Collapsible,Object.assign({isExpanded:isExpanded,defaultIsExpanded:isDefaultExpanded,onExpandChange:handleExpandChange,_shouldApplyWidthRestrictions:false,_dangerouslyDisableValidations:true},makeAnalyticsAttribute(rest),{children:[jsx(AccordionButton,{index:_index,icon:icon,title:title,header:header,isDisabled:isDisabled,isDeprecatedAPI:isDeprecatedAPI}),jsx(CollapsibleBody,{width:isReactNative()||!isDeprecatedAPI?'100%':undefined,children:isDeprecatedAPI?jsx(AccordionItemBody,{_description:description,children:children}):body})]})),isLastItem||variant==='transparent'?jsx(Divider,{}):null]}))});};
 
 export { AccordionItem };
 //# sourceMappingURL=AccordionItem.js.map

package/build/lib/native/components/Accordion/AccordionItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionItem.js","sources":["../../../../../src/components/Accordion/AccordionItem.tsx"],"sourcesContent":["import type { ReactElement, ReactNode } from 'react';\nimport React from 'react';\nimport { AccordionButton } from './AccordionButton';\nimport { AccordionItemContext, useAccordion } from './AccordionContext';\nimport { AccordionItemBody } from './AccordionItemBody';\nimport { componentIds } from './componentIds';\nimport { Divider } from '~components/Divider';\nimport { BaseBox } from '~components/Box/BaseBox';\nimport type { IconComponent } from '~components/Icons';\nimport { MetaConstants, metaAttribute } from '~utils/metaAttribute';\nimport { isReactNative } from '~utils';\nimport { Collapsible } from '~components/Collapsible/Collapsible';\nimport { CollapsibleBody } from '~components/Collapsible';\nimport type { TestID, DataAnalyticsAttribute } from '~utils/types';\nimport { getComponentId } from '~utils/isValidAllowedChildren';\nimport { throwBladeError } from '~utils/logger';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype AccordionItemProps = {\n  /**\n   * Title text content\n   *\n   * @deprecated Use AccordionItemHeader and AccordionItemBody\n   *\n   * Checkout https://blade.razorpay.com/?path=/docs/components-accordion--docs for new API\n   */\n  title?: string;\n\n  /**\n   * Body text content\n   *\n   *  @deprecated Use AccordionItemHeader and AccordionItemBody\n   *\n   * Checkout https://blade.razorpay.com/?path=/docs/components-accordion--docs for new API\n   */\n  description?: string;\n\n  /**\n   * Renders a Blade icon as title prefix (requires `showNumberPrefix={false}`)\n   *\n   * @deprecated Use `leading={<StarIcon size=\"large\" />}` on AccordionItemHeader instead\n   *\n   * Checkout https://blade.razorpay.com/?path=/docs/components-accordion--docs for new API\n   */\n  icon?: IconComponent;\n\n  /**\n   * Slot, renders any custom content\n   */\n  children?: ReactNode | ReactNode[];\n\n  /**\n   * Disabled state of the item\n   *\n   * @default false\n   */\n  isDisabled?: boolean;\n\n  /**\n   * **Internal:** used for determining numbering, you don't need to pass this,\n   * instead pass `showNumberPrefix` to root `Accordion`\n   */\n  _index?: number;\n} & TestID &\n  DataAnalyticsAttribute;\n\nconst AccordionItem = ({\n  title,\n  description,\n  icon,\n  children,\n  isDisabled,\n  _index,\n  testID,\n  ...rest\n}: AccordionItemProps): ReactElement => {\n  const {\n    expandedIndex,\n    onExpandChange,\n    defaultExpandedIndex,\n    variant,\n    numberOfItems,\n  } = useAccordion();\n  const isExpanded = expandedIndex === _index;\n  const isDefaultExpanded = defaultExpandedIndex === _index;\n  const isDeprecatedAPI = Boolean(title) || Boolean(description) || Boolean(icon);\n  const [header, body] = React.Children.toArray(children);\n\n  if (!isDeprecatedAPI) {\n    // Only doing validation in new API. Deprecated API allows everything as AccordionItem children\n    const headerComponentId = getComponentId(header);\n    const bodyComponentId = getComponentId(body);\n\n    if (\n      headerComponentId !== componentIds.AccordionItemHeader &&\n      bodyComponentId !== componentIds.AccordionItemBody\n    ) {\n      throwBladeError({\n        message:\n          'AccordionItem only allows AccordionItemHeader as first component and AccordionItemBody as second. Check Accordion documentation',\n        moduleName: 'AccordionItem',\n      });\n    }\n  }\n\n  const isLastItem = _index !== undefined && _index < numberOfItems - 1;\n\n  const handleExpandChange = ({ isExpanded }: { isExpanded: boolean }): void => {\n    if (isExpanded && typeof _index !== 'undefined') {\n      onExpandChange(_index);\n    } else {\n      onExpandChange(-1);\n    }\n  };\n\n  return (\n    <AccordionItemContext.Provider\n      value={{\n        index: _index,\n        isDisabled,\n      }}\n    >\n      <BaseBox {...metaAttribute({ name: MetaConstants.AccordionItem, testID })}>\n        <Collapsible\n          isExpanded={isExpanded}\n          defaultIsExpanded={isDefaultExpanded}\n          onExpandChange={handleExpandChange}\n          // Accordion has its own width restrictions\n          _shouldApplyWidthRestrictions={false}\n          _dangerouslyDisableValidations={true}\n          // adding analytics attributes to Collapsible section\n          {...makeAnalyticsAttribute(rest)}\n        >\n          <AccordionButton\n            index={_index}\n            icon={icon}\n            title={title}\n            header={header}\n            isDisabled={isDisabled}\n            isDeprecatedAPI={isDeprecatedAPI}\n          />\n          <CollapsibleBody\n            // Just React Native things, need this 100% so collapsed content flows correctly inside Accordion\n            // In new API, AccordionItemBody takes 100% width to avoid issues like this - https://github.com/razorpay/blade/pull/1814\n            width={isReactNative() || !isDeprecatedAPI ? '100%' : undefined}\n          >\n            {isDeprecatedAPI ? (\n              <AccordionItemBody _description={description}>{children}</AccordionItemBody>\n            ) : (\n              body\n            )}\n          </CollapsibleBody>\n        </Collapsible>\n        {isLastItem || variant === 'transparent' ? <Divider /> : null}\n      </BaseBox>\n    </AccordionItemContext.Provider>\n  );\n};\n\nexport type { AccordionItemProps };\nexport { AccordionItem };\n"],"names":["AccordionItem","_ref","title","description","icon","children","isDisabled","_index","testID","rest","_objectWithoutProperties","_excluded","_useAccordion","useAccordion","expandedIndex","onExpandChange","defaultExpandedIndex","variant","numberOfItems","isExpanded","isDefaultExpanded","isDeprecatedAPI","Boolean","_React$Children$toArr","React","Children","toArray","_React$Children$toArr2","_slicedToArray","header","body","headerComponentId","getComponentId","bodyComponentId","componentIds","AccordionItemHeader","AccordionItemBody","throwBladeError","message","moduleName","isLastItem","undefined","handleExpandChange","_ref2","_jsx","AccordionItemContext","Provider","value","index","_jsxs","BaseBox","Object","assign","metaAttribute","name","MetaConstants","Collapsible","defaultIsExpanded","_shouldApplyWidthRestrictions","_dangerouslyDisableValidations","makeAnalyticsAttribute","AccordionButton","CollapsibleBody","width","isReactNative","_description","Divider"],"mappings":"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"}
+{"version":3,"file":"AccordionItem.js","sources":["../../../../../src/components/Accordion/AccordionItem.tsx"],"sourcesContent":["import type { ReactElement, ReactNode } from 'react';\nimport React from 'react';\nimport { AccordionButton } from './AccordionButton';\nimport { AccordionItemContext, useAccordion } from './AccordionContext';\nimport { AccordionItemBody } from './AccordionItemBody';\nimport { componentIds } from './componentIds';\nimport { Divider } from '~components/Divider';\nimport { BaseBox } from '~components/Box/BaseBox';\nimport type { IconComponent } from '~components/Icons';\nimport { MetaConstants, metaAttribute } from '~utils/metaAttribute';\nimport { isReactNative } from '~utils';\nimport { Collapsible } from '~components/Collapsible/Collapsible';\nimport { CollapsibleBody } from '~components/Collapsible';\nimport type { TestID, DataAnalyticsAttribute } from '~utils/types';\nimport { getComponentId } from '~utils/isValidAllowedChildren';\nimport { throwBladeError } from '~utils/logger';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype AccordionItemProps = {\n  /**\n   * Title text content\n   *\n   * @deprecated Use AccordionItemHeader and AccordionItemBody\n   *\n   * Checkout https://blade.razorpay.com/?path=/docs/components-accordion--docs for new API\n   */\n  title?: string;\n\n  /**\n   * Body text content\n   *\n   *  @deprecated Use AccordionItemHeader and AccordionItemBody\n   *\n   * Checkout https://blade.razorpay.com/?path=/docs/components-accordion--docs for new API\n   */\n  description?: string;\n\n  /**\n   * Renders a Blade icon as title prefix (requires `showNumberPrefix={false}`)\n   *\n   * @deprecated Use `leading={<StarIcon size=\"large\" />}` on AccordionItemHeader instead\n   *\n   * Checkout https://blade.razorpay.com/?path=/docs/components-accordion--docs for new API\n   */\n  icon?: IconComponent;\n\n  /**\n   * Slot, renders any custom content\n   */\n  children?: ReactNode | ReactNode[];\n\n  /**\n   * Disabled state of the item\n   *\n   * @default false\n   */\n  isDisabled?: boolean;\n\n  /**\n   * **Internal:** used for determining numbering, you don't need to pass this,\n   * instead pass `showNumberPrefix` to root `Accordion`\n   */\n  _index?: number;\n} & TestID &\n  DataAnalyticsAttribute;\n\nconst AccordionItem = ({\n  title,\n  description,\n  icon,\n  children,\n  isDisabled,\n  _index,\n  testID,\n  ...rest\n}: AccordionItemProps): ReactElement => {\n  const {\n    expandedIndex,\n    onExpandChange,\n    defaultExpandedIndex,\n    variant,\n    numberOfItems,\n  } = useAccordion();\n  const isExpanded = expandedIndex === _index;\n  const isDefaultExpanded = defaultExpandedIndex === _index;\n  const isDeprecatedAPI = Boolean(title) || Boolean(description) || Boolean(icon);\n  const [header, body] = React.Children.toArray(children);\n\n  if (!isDeprecatedAPI) {\n    // Only doing validation in new API. Deprecated API allows everything as AccordionItem children\n    const headerComponentId = getComponentId(header);\n    const bodyComponentId = getComponentId(body);\n\n    if (\n      headerComponentId !== componentIds.AccordionItemHeader &&\n      bodyComponentId !== componentIds.AccordionItemBody\n    ) {\n      throwBladeError({\n        message:\n          'AccordionItem only allows AccordionItemHeader as first component and AccordionItemBody as second. Check Accordion documentation',\n        moduleName: 'AccordionItem',\n      });\n    }\n  }\n\n  const isLastItem = _index !== undefined && _index < numberOfItems - 1;\n\n  const handleExpandChange = ({ isExpanded }: { isExpanded: boolean }): void => {\n    if (isExpanded && typeof _index !== 'undefined') {\n      onExpandChange(_index);\n    } else {\n      onExpandChange(-1);\n    }\n  };\n\n  return (\n    <AccordionItemContext.Provider\n      value={{\n        index: _index,\n        isDisabled,\n      }}\n    >\n      <BaseBox {...metaAttribute({ name: MetaConstants.AccordionItem, testID })}>\n        <Collapsible\n          isExpanded={isExpanded}\n          defaultIsExpanded={isDefaultExpanded}\n          onExpandChange={handleExpandChange}\n          // Accordion has its own width restrictions\n          _shouldApplyWidthRestrictions={false}\n          _dangerouslyDisableValidations={true}\n          // adding analytics attributes to Collapsible section\n          {...makeAnalyticsAttribute(rest)}\n        >\n          <AccordionButton\n            index={_index}\n            icon={icon}\n            title={title}\n            header={header}\n            isDisabled={isDisabled}\n            isDeprecatedAPI={isDeprecatedAPI}\n          />\n          <CollapsibleBody\n            // Just React Native things, need this 100% so collapsed content flows correctly inside Accordion\n            // In new API, AccordionItemBody takes 100% width to avoid issues like this - https://github.com/razorpay/blade/pull/1814\n            width={isReactNative() || !isDeprecatedAPI ? '100%' : undefined}\n          >\n            {isDeprecatedAPI ? (\n              <AccordionItemBody _description={description}>{children}</AccordionItemBody>\n            ) : (\n              body\n            )}\n          </CollapsibleBody>\n        </Collapsible>\n        {isLastItem || variant === 'transparent' ? <Divider /> : null}\n      </BaseBox>\n    </AccordionItemContext.Provider>\n  );\n};\n\nexport type { AccordionItemProps };\nexport { AccordionItem };\n"],"names":["AccordionItem","_ref","title","description","icon","children","isDisabled","_index","testID","rest","_objectWithoutProperties","_excluded","_useAccordion","useAccordion","expandedIndex","onExpandChange","defaultExpandedIndex","variant","numberOfItems","isExpanded","isDefaultExpanded","isDeprecatedAPI","Boolean","_React$Children$toArr","React","Children","toArray","_React$Children$toArr2","_slicedToArray","header","body","headerComponentId","getComponentId","bodyComponentId","componentIds","AccordionItemHeader","AccordionItemBody","throwBladeError","message","moduleName","isLastItem","undefined","handleExpandChange","_ref2","_jsx","AccordionItemContext","Provider","value","index","_jsxs","BaseBox","Object","assign","metaAttribute","name","MetaConstants","Collapsible","defaultIsExpanded","_shouldApplyWidthRestrictions","_dangerouslyDisableValidations","makeAnalyticsAttribute","AccordionButton","CollapsibleBody","width","isReactNative","_description","Divider"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;kNAkEM,IAAAA,aAAa,CAAG,SAAhBA,aAAaA,CAAAC,IAAA,CASqB,CAAA,IARtCC,KAAK,CAAAD,IAAA,CAALC,KAAK,CACLC,WAAW,CAAAF,IAAA,CAAXE,WAAW,CACXC,IAAI,CAAAH,IAAA,CAAJG,IAAI,CACJC,QAAQ,CAAAJ,IAAA,CAARI,QAAQ,CACRC,UAAU,CAAAL,IAAA,CAAVK,UAAU,CACVC,MAAM,CAAAN,IAAA,CAANM,MAAM,CACNC,MAAM,CAAAP,IAAA,CAANO,MAAM,CACHC,IAAI,CAAAC,wBAAA,CAAAT,IAAA,CAAAU,SAAA,CAEP,CAAA,IAAAC,aAAA,CAMIC,YAAY,EAAE,CALhBC,aAAa,CAAAF,aAAA,CAAbE,aAAa,CACbC,cAAc,CAAAH,aAAA,CAAdG,cAAc,CACdC,oBAAoB,CAAAJ,aAAA,CAApBI,oBAAoB,CACpBC,OAAO,CAAAL,aAAA,CAAPK,OAAO,CACPC,aAAa,CAAAN,aAAA,CAAbM,aAAa,CAEf,IAAMC,UAAU,CAAGL,aAAa,GAAKP,MAAM,CAC3C,IAAMa,iBAAiB,CAAGJ,oBAAoB,GAAKT,MAAM,CACzD,IAAMc,eAAe,CAAGC,OAAO,CAACpB,KAAK,CAAC,EAAIoB,OAAO,CAACnB,WAAW,CAAC,EAAImB,OAAO,CAAClB,IAAI,CAAC,CAC/E,IAAAmB,qBAAA,CAAuBC,cAAK,CAACC,QAAQ,CAACC,OAAO,CAACrB,QAAQ,CAAC,CAAAsB,sBAAA,CAAAC,cAAA,CAAAL,qBAAA,CAAA,CAAA,CAAA,CAAhDM,MAAM,CAAAF,sBAAA,CAAA,CAAA,CAAA,CAAEG,IAAI,CAAAH,sBAAA,CAAA,CAAA,CAAA,CAEnB,GAAI,CAACN,eAAe,CAAE,CAEpB,IAAMU,iBAAiB,CAAGC,cAAc,CAACH,MAAM,CAAC,CAChD,IAAMI,eAAe,CAAGD,cAAc,CAACF,IAAI,CAAC,CAE5C,GACEC,iBAAiB,GAAKG,YAAY,CAACC,mBAAmB,EACtDF,eAAe,GAAKC,YAAY,CAACE,iBAAiB,CAClD,CACAC,eAAe,CAAC,CACdC,OAAO,CACL,iIAAiI,CACnIC,UAAU,CAAE,eACd,CAAC,CAAC,CACJ,CACF,CAEA,IAAMC,UAAU,CAAGjC,MAAM,GAAKkC,SAAS,EAAIlC,MAAM,CAAGW,aAAa,CAAG,CAAC,CAErE,IAAMwB,kBAAkB,CAAG,SAArBA,kBAAkBA,CAAAC,KAAA,CAAsD,CAAA,IAAhDxB,UAAU,CAAAwB,KAAA,CAAVxB,UAAU,CACtC,GAAIA,UAAU,EAAI,OAAOZ,MAAM,GAAK,WAAW,CAAE,CAC/CQ,cAAc,CAACR,MAAM,CAAC,CACxB,CAAC,KAAM,CACLQ,cAAc,CAAC,CAAC,CAAC,CAAC,CACpB,CACF,CAAC,CAED,OACE6B,GAAA,CAACC,oBAAoB,CAACC,QAAQ,CAC5BC,CAAAA,KAAK,CAAE,CACLC,KAAK,CAAEzC,MAAM,CACbD,UAAU,CAAVA,UACF,CAAE,CAAAD,QAAA,CAEF4C,IAAA,CAACC,OAAO,CAAAC,MAAA,CAAAC,MAAA,CAAKC,EAAAA,CAAAA,aAAa,CAAC,CAAEC,IAAI,CAAEC,aAAa,CAACvD,aAAa,CAAEQ,MAAM,CAANA,MAAO,CAAC,CAAC,CAAA,CAAAH,QAAA,CAAA,CACvE4C,IAAA,CAACO,WAAW,CAAAL,MAAA,CAAAC,MAAA,CACVjC,CAAAA,UAAU,CAAEA,UAAW,CACvBsC,iBAAiB,CAAErC,iBAAkB,CACrCL,cAAc,CAAE2B,kBAAmB,CAEnCgB,6BAA6B,CAAE,KAAM,CACrCC,8BAA8B,CAAE,IAAK,CAEjCC,CAAAA,sBAAsB,CAACnD,IAAI,CAAC,CAAA,CAAAJ,QAAA,CAAA,CAEhCuC,GAAA,CAACiB,eAAe,CAAA,CACdb,KAAK,CAAEzC,MAAO,CACdH,IAAI,CAAEA,IAAK,CACXF,KAAK,CAAEA,KAAM,CACb2B,MAAM,CAAEA,MAAO,CACfvB,UAAU,CAAEA,UAAW,CACvBe,eAAe,CAAEA,eAAgB,CAClC,CAAC,CACFuB,GAAA,CAACkB,eAAe,CAAA,CAGdC,KAAK,CAAEC,aAAa,EAAE,EAAI,CAAC3C,eAAe,CAAG,MAAM,CAAGoB,SAAU,CAAApC,QAAA,CAE/DgB,eAAe,CACduB,GAAA,CAACR,iBAAiB,CAAC6B,CAAAA,YAAY,CAAE9D,WAAY,CAAAE,QAAA,CAAEA,QAAQ,CAAoB,CAAC,CAE5EyB,IACD,CACc,CAAC,CACP,CAAA,CAAA,CAAC,CACbU,UAAU,EAAIvB,OAAO,GAAK,aAAa,CAAG2B,GAAA,CAACsB,OAAO,CAAE,EAAA,CAAC,CAAG,IAAI,CACtD,CAAA,CAAA,CAAC,CACmB,CAAC,CAEpC;;;;"}

package/build/lib/native/components/Accordion/AccordionItemBody.js

@@ -1,26 +1,24 @@
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import { useAccordion } from './AccordionContext.js';
 import { componentIds } from './componentIds.js';
+import '../Box/BaseBox/index.js';
+import '../Typography/index.js';
+import '../../utils/index.js';
+import '../../utils/makeAccessible/index.native.js';
+import '../../utils/assignWithoutSideEffects/index.js';
+import '../../utils/metaAttribute/index.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
-import '../Typography/Heading/Heading.js';
+import { makeAccessible } from '../../utils/makeAccessible/makeAccessible.native.js';
 import { Text } from '../Typography/Text/Text.js';
-import '../Typography/Code/Code.js';
-import '../Typography/Display/Display.js';
-import 'react-native';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react';
 import { isReactNative } from '../../utils/platform/isReactNative.js';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
-import '../BladeProvider/useTheme.js';
-import { makeAccessible } from '../../utils/makeAccessible/makeAccessible.native.js';
-import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.native.js';
 import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
 import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
-var _excluded=["children","_description"];var BLANK_SPACE=' ';var reactNativeMultilineTextOverflowFix=jsx(BaseBox,Object.assign({},makeAccessible({hidden:true}),{children:jsx(Text,{children:BLANK_SPACE})}));var descriptionSizeToken={large:'medium',medium:'small'};var _AccordionItemBody=function _AccordionItemBody(_ref){var children=_ref.children,_description=_ref._description,rest=_objectWithoutProperties(_ref,_excluded);var _useAccordion=useAccordion(),size=_useAccordion.size;var childrenElement=typeof children==='string'||typeof children==='number'?jsx(Text,{size:descriptionSizeToken[size],color:"surface.text.gray.subtle",children:children}):children;var descriptionElement=_description&&jsx(Text,{size:descriptionSizeToken[size],color:"surface.text.gray.subtle",children:_description});var collapsibleBodyContent=isReactNative()?jsxs(BaseBox,{marginX:"spacing.5",children:[descriptionElement,jsx(BaseBox,{marginTop:_description&&children?'spacing.5':'spacing.0',children:childrenElement}),reactNativeMultilineTextOverflowFix]}):jsxs(BaseBox,{display:"flex",flexDirection:"column",gap:"spacing.5",marginBottom:"spacing.5",marginX:"spacing.5",children:[descriptionElement,childrenElement]});return jsx(BaseBox,Object.assign({},metaAttribute({name:MetaConstants.AccordionItemBody}),makeAnalyticsAttribute(rest),{children:collapsibleBodyContent}));};var AccordionItemBody=assignWithoutSideEffects(_AccordionItemBody,{componentId:componentIds.AccordionItemBody});
+var _excluded=["children","_description"];var _jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Accordion/AccordionItemBody.tsx",_this=undefined;var BLANK_SPACE=' ';var reactNativeMultilineTextOverflowFix=jsx(BaseBox,Object.assign({},makeAccessible({hidden:true}),{children:jsx(Text,{children:BLANK_SPACE})}));var descriptionSizeToken={large:'medium',medium:'small'};var _AccordionItemBody=function _AccordionItemBody(_ref){var children=_ref.children,_description=_ref._description,rest=_objectWithoutProperties(_ref,_excluded);var _useAccordion=useAccordion(),size=_useAccordion.size;var childrenElement=typeof children==='string'||typeof children==='number'?jsx(Text,{size:descriptionSizeToken[size],color:"surface.text.gray.subtle",children:children}):children;var descriptionElement=_description&&jsx(Text,{size:descriptionSizeToken[size],color:"surface.text.gray.subtle",children:_description});var collapsibleBodyContent=isReactNative()?jsxs(BaseBox,{marginX:"spacing.5",children:[descriptionElement,jsx(BaseBox,{marginTop:_description&&children?'spacing.5':'spacing.0',children:childrenElement}),reactNativeMultilineTextOverflowFix]}):jsxs(BaseBox,{display:"flex",flexDirection:"column",gap:"spacing.5",marginBottom:"spacing.5",marginX:"spacing.5",children:[descriptionElement,childrenElement]});return jsx(BaseBox,Object.assign({},metaAttribute({name:MetaConstants.AccordionItemBody}),makeAnalyticsAttribute(rest),{children:collapsibleBodyContent}));};var AccordionItemBody=assignWithoutSideEffects(_AccordionItemBody,{componentId:componentIds.AccordionItemBody});
 
 export { AccordionItemBody };
 //# sourceMappingURL=AccordionItemBody.js.map

package/build/lib/native/components/Accordion/AccordionItemBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionItemBody.js","sources":["../../../../../src/components/Accordion/AccordionItemBody.tsx"],"sourcesContent":["import { useAccordion } from './AccordionContext';\nimport { componentIds } from './componentIds';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\nimport { isReactNative } from '~utils';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport type { DataAnalyticsAttribute, StringChildrenType } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { MetaConstants, metaAttribute } from '~utils/metaAttribute';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst BLANK_SPACE = ' ';\n\n/**\n * On React Native if the `AccordionItem` has a lengthy description which renders a `Text` spanning multiple lines,\n * it sometimes messes up the layout calculation (it thinks of multiline as a single line before flowing in the UI).\n * And during the expanding / collapsing animation, text reflows causing words to jump around across lines.\n *\n * Rendering a blank `Text` at the end seems to fix all this 🤯\n */\nconst reactNativeMultilineTextOverflowFix = (\n  // make this hidden from screen readers\n  <BaseBox {...makeAccessible({ hidden: true })}>\n    <Text>{BLANK_SPACE}</Text>\n  </BaseBox>\n);\n\nconst descriptionSizeToken = {\n  large: 'medium',\n  medium: 'small',\n} as const;\n\nconst _AccordionItemBody = ({\n  children,\n  _description,\n  ...rest\n}: {\n  children?: React.ReactNode | StringChildrenType;\n  _description?: string;\n} & DataAnalyticsAttribute): React.ReactElement => {\n  const { size } = useAccordion();\n\n  const childrenElement =\n    typeof children === 'string' || typeof children === 'number' ? (\n      <Text size={descriptionSizeToken[size]} color=\"surface.text.gray.subtle\">\n        {children}\n      </Text>\n    ) : (\n      children\n    );\n\n  const descriptionElement = _description && (\n    <Text size={descriptionSizeToken[size]} color=\"surface.text.gray.subtle\">\n      {_description}\n    </Text>\n  );\n\n  const collapsibleBodyContent = isReactNative() ? (\n    <BaseBox marginX=\"spacing.5\">\n      {descriptionElement}\n      <BaseBox marginTop={_description && children ? 'spacing.5' : 'spacing.0'}>\n        {childrenElement}\n      </BaseBox>\n      {reactNativeMultilineTextOverflowFix}\n    </BaseBox>\n  ) : (\n    <BaseBox\n      display=\"flex\"\n      flexDirection=\"column\"\n      gap=\"spacing.5\"\n      marginBottom=\"spacing.5\"\n      marginX=\"spacing.5\"\n    >\n      {descriptionElement}\n      {childrenElement}\n    </BaseBox>\n  );\n\n  return (\n    <BaseBox\n      {...metaAttribute({ name: MetaConstants.AccordionItemBody })}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      {collapsibleBodyContent}\n    </BaseBox>\n  );\n};\n\nconst AccordionItemBody = assignWithoutSideEffects(_AccordionItemBody, {\n  componentId: componentIds.AccordionItemBody,\n});\n\nexport { AccordionItemBody };\n"],"names":["BLANK_SPACE","reactNativeMultilineTextOverflowFix","_jsx","BaseBox","Object","assign","makeAccessible","hidden","children","Text","descriptionSizeToken","large","medium","_AccordionItemBody","_ref","_description","rest","_objectWithoutProperties","_excluded","_useAccordion","useAccordion","size","childrenElement","color","descriptionElement","collapsibleBodyContent","isReactNative","_jsxs","marginX","marginTop","display","flexDirection","gap","marginBottom","metaAttribute","name","MetaConstants","AccordionItemBody","makeAnalyticsAttribute","assignWithoutSideEffects","componentId","componentIds"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,IAAA,SAAA,CAAA,CAAA,UAAA,CAAA,cAAA,CAAA,CAWA,IAAMA,WAAW,CAAG,GAAG,CASvB,IAAMC,mCAAmC,CAEvCC,GAAA,CAACC,OAAO,CAAAC,MAAA,CAAAC,MAAA,IAAKC,cAAc,CAAC,CAAEC,MAAM,CAAE,IAAK,CAAC,CAAC,CAAAC,CAAAA,QAAA,CAC3CN,GAAA,CAACO,IAAI,CAAA,CAAAD,QAAA,CAAER,WAAW,CAAO,CAAC,EACnB,CACV,CAED,IAAMU,oBAAoB,CAAG,CAC3BC,KAAK,CAAE,QAAQ,CACfC,MAAM,CAAE,OACV,CAAU,CAEV,IAAMC,kBAAkB,CAAG,SAArBA,kBAAkBA,CAAAC,IAAA,CAO2B,CANjD,IAAAN,QAAQ,CAAAM,IAAA,CAARN,QAAQ,CACRO,YAAY,CAAAD,IAAA,CAAZC,YAAY,CACTC,IAAI,CAAAC,wBAAA,CAAAH,IAAA,CAAAI,SAAA,CAKP,CAAA,IAAAC,aAAA,CAAiBC,YAAY,EAAE,CAAvBC,IAAI,CAAAF,aAAA,CAAJE,IAAI,CAEZ,IAAMC,eAAe,CACnB,OAAOd,QAAQ,GAAK,QAAQ,EAAI,OAAOA,QAAQ,GAAK,QAAQ,CAC1DN,GAAA,CAACO,IAAI,EAACY,IAAI,CAAEX,oBAAoB,CAACW,IAAI,CAAE,CAACE,KAAK,CAAC,0BAA0B,CAAAf,QAAA,CACrEA,QAAQ,CACL,CAAC,CAEPA,QACD,CAEH,IAAMgB,kBAAkB,CAAGT,YAAY,EACrCb,GAAA,CAACO,IAAI,CAAA,CAACY,IAAI,CAAEX,oBAAoB,CAACW,IAAI,CAAE,CAACE,KAAK,CAAC,0BAA0B,CAAAf,QAAA,CACrEO,YAAY,CACT,CACP,CAED,IAAMU,sBAAsB,CAAGC,aAAa,EAAE,CAC5CC,IAAA,CAACxB,OAAO,EAACyB,OAAO,CAAC,WAAW,CAAApB,QAAA,CACzBgB,CAAAA,kBAAkB,CACnBtB,GAAA,CAACC,OAAO,CAAC0B,CAAAA,SAAS,CAAEd,YAAY,EAAIP,QAAQ,CAAG,WAAW,CAAG,WAAY,CAAAA,QAAA,CACtEc,eAAe,CACT,CAAC,CACTrB,mCAAmC,CAC7B,CAAA,CAAC,CAEV0B,IAAA,CAACxB,OAAO,CAAA,CACN2B,OAAO,CAAC,MAAM,CACdC,aAAa,CAAC,QAAQ,CACtBC,GAAG,CAAC,WAAW,CACfC,YAAY,CAAC,WAAW,CACxBL,OAAO,CAAC,WAAW,CAAApB,QAAA,EAElBgB,kBAAkB,CAClBF,eAAe,CAAA,CACT,CACV,CAED,OACEpB,GAAA,CAACC,OAAO,CAAAC,MAAA,CAAAC,MAAA,IACF6B,aAAa,CAAC,CAAEC,IAAI,CAAEC,aAAa,CAACC,iBAAkB,CAAC,CAAC,CACxDC,sBAAsB,CAACtB,IAAI,CAAC,CAAAR,CAAAA,QAAA,CAE/BiB,sBAAsB,CAAA,CAChB,CAAC,CAEd,CAAC,CAEK,IAAAY,iBAAiB,CAAGE,wBAAwB,CAAC1B,kBAAkB,CAAE,CACrE2B,WAAW,CAAEC,YAAY,CAACJ,iBAC5B,CAAC;;;;"}
+{"version":3,"file":"AccordionItemBody.js","sources":["../../../../../src/components/Accordion/AccordionItemBody.tsx"],"sourcesContent":["import { useAccordion } from './AccordionContext';\nimport { componentIds } from './componentIds';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\nimport { isReactNative } from '~utils';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport type { DataAnalyticsAttribute, StringChildrenType } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { MetaConstants, metaAttribute } from '~utils/metaAttribute';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst BLANK_SPACE = ' ';\n\n/**\n * On React Native if the `AccordionItem` has a lengthy description which renders a `Text` spanning multiple lines,\n * it sometimes messes up the layout calculation (it thinks of multiline as a single line before flowing in the UI).\n * And during the expanding / collapsing animation, text reflows causing words to jump around across lines.\n *\n * Rendering a blank `Text` at the end seems to fix all this 🤯\n */\nconst reactNativeMultilineTextOverflowFix = (\n  // make this hidden from screen readers\n  <BaseBox {...makeAccessible({ hidden: true })}>\n    <Text>{BLANK_SPACE}</Text>\n  </BaseBox>\n);\n\nconst descriptionSizeToken = {\n  large: 'medium',\n  medium: 'small',\n} as const;\n\nconst _AccordionItemBody = ({\n  children,\n  _description,\n  ...rest\n}: {\n  children?: React.ReactNode | StringChildrenType;\n  _description?: string;\n} & DataAnalyticsAttribute): React.ReactElement => {\n  const { size } = useAccordion();\n\n  const childrenElement =\n    typeof children === 'string' || typeof children === 'number' ? (\n      <Text size={descriptionSizeToken[size]} color=\"surface.text.gray.subtle\">\n        {children}\n      </Text>\n    ) : (\n      children\n    );\n\n  const descriptionElement = _description && (\n    <Text size={descriptionSizeToken[size]} color=\"surface.text.gray.subtle\">\n      {_description}\n    </Text>\n  );\n\n  const collapsibleBodyContent = isReactNative() ? (\n    <BaseBox marginX=\"spacing.5\">\n      {descriptionElement}\n      <BaseBox marginTop={_description && children ? 'spacing.5' : 'spacing.0'}>\n        {childrenElement}\n      </BaseBox>\n      {reactNativeMultilineTextOverflowFix}\n    </BaseBox>\n  ) : (\n    <BaseBox\n      display=\"flex\"\n      flexDirection=\"column\"\n      gap=\"spacing.5\"\n      marginBottom=\"spacing.5\"\n      marginX=\"spacing.5\"\n    >\n      {descriptionElement}\n      {childrenElement}\n    </BaseBox>\n  );\n\n  return (\n    <BaseBox\n      {...metaAttribute({ name: MetaConstants.AccordionItemBody })}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      {collapsibleBodyContent}\n    </BaseBox>\n  );\n};\n\nconst AccordionItemBody = assignWithoutSideEffects(_AccordionItemBody, {\n  componentId: componentIds.AccordionItemBody,\n});\n\nexport { AccordionItemBody };\n"],"names":["this","BLANK_SPACE","reactNativeMultilineTextOverflowFix","_jsx","BaseBox","Object","assign","makeAccessible","hidden","children","Text","descriptionSizeToken","large","medium","_AccordionItemBody","_ref","_description","rest","_objectWithoutProperties","_excluded","_useAccordion","useAccordion","size","childrenElement","color","descriptionElement","collapsibleBodyContent","isReactNative","_jsxs","marginX","marginTop","display","flexDirection","gap","marginBottom","metaAttribute","name","MetaConstants","AccordionItemBody","makeAnalyticsAttribute","assignWithoutSideEffects","componentId","componentIds"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,IAAA,SAAA,CAAA,CAAA,UAAA,CAAA,cAAA,CAAA,CAAA,IAAA,YAAA,CAAA,6FAAA,CAAA,KAAA,CAAAA,SAAA,CAWA,IAAMC,WAAW,CAAG,GAAG,CASvB,IAAMC,mCAAmC,CAEvCC,GAAA,CAACC,OAAO,CAAAC,MAAA,CAAAC,MAAA,IAAKC,cAAc,CAAC,CAAEC,MAAM,CAAE,IAAK,CAAC,CAAC,CAAAC,CAAAA,QAAA,CAC3CN,GAAA,CAACO,IAAI,CAAA,CAAAD,QAAA,CAAER,WAAW,CAAO,CAAC,EACnB,CACV,CAED,IAAMU,oBAAoB,CAAG,CAC3BC,KAAK,CAAE,QAAQ,CACfC,MAAM,CAAE,OACV,CAAU,CAEV,IAAMC,kBAAkB,CAAG,SAArBA,kBAAkBA,CAAAC,IAAA,CAO2B,CANjD,IAAAN,QAAQ,CAAAM,IAAA,CAARN,QAAQ,CACRO,YAAY,CAAAD,IAAA,CAAZC,YAAY,CACTC,IAAI,CAAAC,wBAAA,CAAAH,IAAA,CAAAI,SAAA,CAKP,CAAA,IAAAC,aAAA,CAAiBC,YAAY,EAAE,CAAvBC,IAAI,CAAAF,aAAA,CAAJE,IAAI,CAEZ,IAAMC,eAAe,CACnB,OAAOd,QAAQ,GAAK,QAAQ,EAAI,OAAOA,QAAQ,GAAK,QAAQ,CAC1DN,GAAA,CAACO,IAAI,EAACY,IAAI,CAAEX,oBAAoB,CAACW,IAAI,CAAE,CAACE,KAAK,CAAC,0BAA0B,CAAAf,QAAA,CACrEA,QAAQ,CACL,CAAC,CAEPA,QACD,CAEH,IAAMgB,kBAAkB,CAAGT,YAAY,EACrCb,GAAA,CAACO,IAAI,CAAA,CAACY,IAAI,CAAEX,oBAAoB,CAACW,IAAI,CAAE,CAACE,KAAK,CAAC,0BAA0B,CAAAf,QAAA,CACrEO,YAAY,CACT,CACP,CAED,IAAMU,sBAAsB,CAAGC,aAAa,EAAE,CAC5CC,IAAA,CAACxB,OAAO,EAACyB,OAAO,CAAC,WAAW,CAAApB,QAAA,CACzBgB,CAAAA,kBAAkB,CACnBtB,GAAA,CAACC,OAAO,CAAC0B,CAAAA,SAAS,CAAEd,YAAY,EAAIP,QAAQ,CAAG,WAAW,CAAG,WAAY,CAAAA,QAAA,CACtEc,eAAe,CACT,CAAC,CACTrB,mCAAmC,CAC7B,CAAA,CAAC,CAEV0B,IAAA,CAACxB,OAAO,CAAA,CACN2B,OAAO,CAAC,MAAM,CACdC,aAAa,CAAC,QAAQ,CACtBC,GAAG,CAAC,WAAW,CACfC,YAAY,CAAC,WAAW,CACxBL,OAAO,CAAC,WAAW,CAAApB,QAAA,EAElBgB,kBAAkB,CAClBF,eAAe,CAAA,CACT,CACV,CAED,OACEpB,GAAA,CAACC,OAAO,CAAAC,MAAA,CAAAC,MAAA,IACF6B,aAAa,CAAC,CAAEC,IAAI,CAAEC,aAAa,CAACC,iBAAkB,CAAC,CAAC,CACxDC,sBAAsB,CAACtB,IAAI,CAAC,CAAAR,CAAAA,QAAA,CAE/BiB,sBAAsB,CAAA,CAChB,CAAC,CAEd,CAAC,CAEK,IAAAY,iBAAiB,CAAGE,wBAAwB,CAAC1B,kBAAkB,CAAE,CACrE2B,WAAW,CAAEC,YAAY,CAACJ,iBAC5B,CAAC;;;;"}

package/build/lib/native/components/Accordion/AccordionItemHeader.js

@@ -3,24 +3,27 @@ import React__default from 'react';
 import { useAccordion, useAccordionItemIndex } from './AccordionContext.js';
 import { componentIds } from './componentIds.js';
 import { BaseHeader } from '../BaseHeaderFooter/BaseHeader.js';
-import '../Typography/Heading/Heading.js';
+import '../Typography/index.js';
+import '../Box/BaseBox/index.js';
+import { CollapsibleChevronIcon } from '../Collapsible/CollapsibleChevronIcon.native.js';
+import '../../utils/assignWithoutSideEffects/index.js';
+import '../../utils/metaAttribute/index.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
+import '../../utils/isIconComponent/index.js';
+import '../../utils/makeSize/index.js';
+import '../../tokens/global/index.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { makeSize } from '../../utils/makeSize/makeSize.js';
+import { size } from '../../tokens/global/size.js';
+import { isIconComponent } from '../../utils/isIconComponent/isIconComponent.js';
 import { Text } from '../Typography/Text/Text.js';
-import '../Typography/Code/Code.js';
-import '../Typography/Display/Display.js';
 import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
-import { CollapsibleChevronIcon } from '../Collapsible/CollapsibleChevronIcon.native.js';
-import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.native.js';
 import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
 import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
-import { isIconComponent } from '../../utils/isIconComponent/isIconComponent.js';
-import { makeSize } from '../../utils/makeSize/makeSize.js';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
-import { size } from '../../tokens/global/size.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
-var _excluded=["title","subtitle","leading","children","trailing","titleSuffix"];var getLeadingElementMaxHeightAndWidth=function getLeadingElementMaxHeightAndWidth(size$1){if(size$1==='large')return makeSize(size['32']);return makeSize(size['24']);};var _AccordionItemHeader=function _AccordionItemHeader(_ref){var _leading$type$name;var title=_ref.title,subtitle=_ref.subtitle,leading=_ref.leading,children=_ref.children,trailing=_ref.trailing,titleSuffix=_ref.titleSuffix,rest=_objectWithoutProperties(_ref,_excluded);var _useAccordion=useAccordion(),size=_useAccordion.size,showNumberPrefix=_useAccordion.showNumberPrefix,expandedIndex=_useAccordion.expandedIndex;var _useAccordionItemInde=useAccordionItemIndex(),index=_useAccordionItemInde.index,isDisabled=_useAccordionItemInde.isDisabled;var isLeadingIcon=React__default.isValidElement(leading)&&typeof leading.type==='function'&&((_leading$type$name=leading.type.name)==null?void 0:_leading$type$name.endsWith('Icon'));var isLeadingNumberOrIcon=React__default.useMemo(function(){if(showNumberPrefix&&typeof index==='number')return true;if(leading&&React__default.isValidElement(leading)&&isIconComponent(leading))return true;if(isLeadingIcon)return true;return false;},[showNumberPrefix,index,leading,isLeadingIcon]);var shouldAlignHeaderItemsInCenter=Boolean(children||Boolean(leading)&&!isLeadingNumberOrIcon);var leadingElement=React__default.useMemo(function(){if(showNumberPrefix&&typeof index==='number'){return jsxs(Text,{size:size,weight:"semibold",marginTop:"-2px",as:"span",children:[index+1,"."]});}if(leading){return jsx(BaseBox,{marginRight:isLeadingIcon?'spacing.0':'spacing.3',marginTop:"spacing.1",maxHeight:getLeadingElementMaxHeightAndWidth(size),maxWidth:getLeadingElementMaxHeightAndWidth(size),overflow:"hidden",children:leading});}return null;},[showNumberPrefix,index,leading,size,isLeadingIcon]);return jsx(BaseBox,Object.assign({},metaAttribute({name:MetaConstants.AccordionItemHeader}),{flex:"1",children:jsx(BaseHeader,Object.assign({leading:leadingElement,title:title,subtitle:subtitle,trailing:trailing,titleSuffix:titleSuffix,isDisabled:isDisabled,showBackButton:false,showCloseButton:false,showDivider:expandedIndex===index,paddingX:"spacing.5",marginY:"spacing.5",size:size,alignItems:!subtitle&&!isLeadingNumberOrIcon?'center':'flex-start',dividerProps:{thickness:'thinner',marginX:'spacing.5'},trailingInteractionElement:jsx(CollapsibleChevronIcon,{color:isDisabled?'interactive.icon.gray.disabled':'interactive.icon.gray.muted',size:"large"}),shouldAlignLeadingAndTrailingElementsToCenter:shouldAlignHeaderItemsInCenter},makeAnalyticsAttribute(rest),{children:children}))}));};var AccordionItemHeader=assignWithoutSideEffects(_AccordionItemHeader,{componentId:componentIds.AccordionItemHeader});
+var _excluded=["title","subtitle","leading","children","trailing","titleSuffix"];var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Accordion/AccordionItemHeader.tsx";var getLeadingElementMaxHeightAndWidth=function getLeadingElementMaxHeightAndWidth(size$1){if(size$1==='large')return makeSize(size['32']);return makeSize(size['24']);};var _AccordionItemHeader=function _AccordionItemHeader(_ref){var _leading$type$name;var title=_ref.title,subtitle=_ref.subtitle,leading=_ref.leading,children=_ref.children,trailing=_ref.trailing,titleSuffix=_ref.titleSuffix,rest=_objectWithoutProperties(_ref,_excluded);var _useAccordion=useAccordion(),size=_useAccordion.size,showNumberPrefix=_useAccordion.showNumberPrefix,expandedIndex=_useAccordion.expandedIndex;var _useAccordionItemInde=useAccordionItemIndex(),index=_useAccordionItemInde.index,isDisabled=_useAccordionItemInde.isDisabled;var isLeadingIcon=React__default.isValidElement(leading)&&typeof leading.type==='function'&&((_leading$type$name=leading.type.name)==null?void 0:_leading$type$name.endsWith('Icon'));var isLeadingNumberOrIcon=React__default.useMemo(function(){if(showNumberPrefix&&typeof index==='number')return true;if(leading&&React__default.isValidElement(leading)&&isIconComponent(leading))return true;if(isLeadingIcon)return true;return false;},[showNumberPrefix,index,leading,isLeadingIcon]);var shouldAlignHeaderItemsInCenter=Boolean(children||Boolean(leading)&&!isLeadingNumberOrIcon);var leadingElement=React__default.useMemo(function(){if(showNumberPrefix&&typeof index==='number'){return jsxs(Text,{size:size,weight:"semibold",marginTop:"-2px",as:"span",children:[index+1,"."]});}if(leading){return jsx(BaseBox,{marginRight:isLeadingIcon?'spacing.0':'spacing.3',marginTop:"spacing.1",maxHeight:getLeadingElementMaxHeightAndWidth(size),maxWidth:getLeadingElementMaxHeightAndWidth(size),overflow:"hidden",children:leading});}return null;},[showNumberPrefix,index,leading,size,isLeadingIcon]);return jsx(BaseBox,Object.assign({},metaAttribute({name:MetaConstants.AccordionItemHeader}),{flex:"1",children:jsx(BaseHeader,Object.assign({leading:leadingElement,title:title,subtitle:subtitle,trailing:trailing,titleSuffix:titleSuffix,isDisabled:isDisabled,showBackButton:false,showCloseButton:false,showDivider:expandedIndex===index,paddingX:"spacing.5",marginY:"spacing.5",size:size,alignItems:!subtitle&&!isLeadingNumberOrIcon?'center':'flex-start',dividerProps:{thickness:'thinner'},trailingInteractionElement:jsx(CollapsibleChevronIcon,{color:isDisabled?'interactive.icon.gray.disabled':'interactive.icon.gray.muted',size:"large"}),shouldAlignLeadingAndTrailingElementsToCenter:shouldAlignHeaderItemsInCenter},makeAnalyticsAttribute(rest),{children:children}))}));};var AccordionItemHeader=assignWithoutSideEffects(_AccordionItemHeader,{componentId:componentIds.AccordionItemHeader});
 
 export { AccordionItemHeader };
 //# sourceMappingURL=AccordionItemHeader.js.map

package/build/lib/native/components/Accordion/AccordionItemHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionItemHeader.js","sources":["../../../../../src/components/Accordion/AccordionItemHeader.tsx"],"sourcesContent":["import React from 'react';\nimport { useAccordion, useAccordionItemIndex } from './AccordionContext';\nimport { componentIds } from './componentIds';\nimport type { BaseHeaderProps } from '~components/BaseHeaderFooter/BaseHeader';\nimport { BaseHeader } from '~components/BaseHeaderFooter/BaseHeader';\nimport { Text } from '~components/Typography';\nimport BaseBox from '~components/Box/BaseBox';\nimport { CollapsibleChevronIcon } from '~components/Collapsible/CollapsibleChevronIcon';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport type { DataAnalyticsAttribute } from '~utils/types';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { isIconComponent } from '~utils/isIconComponent';\nimport type { BoxProps } from '~components/Box';\nimport { makeSize } from '~utils/makeSize';\nimport { size as sizeToken } from '~tokens/global';\n\nconst getLeadingElementMaxHeightAndWidth = (\n  size: BaseHeaderProps['size'],\n): BoxProps['maxHeight'] => {\n  if (size === 'large') return makeSize(sizeToken['32']);\n  return makeSize(sizeToken['24']);\n};\n\nconst _AccordionItemHeader = ({\n  title,\n  subtitle,\n  leading,\n  children,\n  trailing,\n  titleSuffix,\n  ...rest\n}: Pick<\n  BaseHeaderProps,\n  'title' | 'subtitle' | 'leading' | 'children' | 'trailing' | 'titleSuffix'\n> &\n  DataAnalyticsAttribute): React.ReactElement => {\n  const { size, showNumberPrefix, expandedIndex } = useAccordion();\n  const { index, isDisabled } = useAccordionItemIndex();\n\n  const isLeadingIcon =\n    React.isValidElement(leading) &&\n    typeof leading.type === 'function' &&\n    leading.type.name?.endsWith('Icon');\n\n  const isLeadingNumberOrIcon = React.useMemo(() => {\n    // Check if leading is a number\n    if (showNumberPrefix && typeof index === 'number') return true;\n\n    // Check if leading is an Icon component (name ends with \"Icon\")\n    if (leading && React.isValidElement(leading) && isIconComponent(leading)) return true;\n    if (isLeadingIcon) return true;\n\n    return false;\n  }, [showNumberPrefix, index, leading, isLeadingIcon]);\n\n  const shouldAlignHeaderItemsInCenter = Boolean(\n    children || (Boolean(leading) && !isLeadingNumberOrIcon),\n  );\n\n  const leadingElement = React.useMemo(() => {\n    if (showNumberPrefix && typeof index === 'number') {\n      return (\n        <Text size={size} weight=\"semibold\" marginTop=\"-2px\" as=\"span\">\n          {index + 1}.\n        </Text>\n      );\n    }\n    if (leading) {\n      return (\n        <BaseBox\n          marginRight={isLeadingIcon ? 'spacing.0' : 'spacing.3'}\n          marginTop=\"spacing.1\"\n          // So in design, we have set max height and width for the leading element, doing same here\n          maxHeight={getLeadingElementMaxHeightAndWidth(size)}\n          maxWidth={getLeadingElementMaxHeightAndWidth(size)}\n          overflow=\"hidden\"\n        >\n          {leading}\n        </BaseBox>\n      );\n    }\n    return null;\n  }, [showNumberPrefix, index, leading, size, isLeadingIcon]);\n\n  return (\n    <BaseBox {...metaAttribute({ name: MetaConstants.AccordionItemHeader })} flex=\"1\">\n      <BaseHeader\n        leading={leadingElement}\n        title={title}\n        subtitle={subtitle}\n        trailing={trailing}\n        titleSuffix={titleSuffix}\n        isDisabled={isDisabled}\n        showBackButton={false}\n        showCloseButton={false}\n        showDivider={expandedIndex === index}\n        paddingX=\"spacing.5\"\n        marginY=\"spacing.5\"\n        size={size}\n        alignItems={!subtitle && !isLeadingNumberOrIcon ? 'center' : 'flex-start'}\n        dividerProps={{\n          thickness: 'thinner',\n          marginX: 'spacing.5',\n        }}\n        trailingInteractionElement={\n          <CollapsibleChevronIcon\n            color={isDisabled ? 'interactive.icon.gray.disabled' : 'interactive.icon.gray.muted'}\n            size=\"large\"\n          />\n        }\n        shouldAlignLeadingAndTrailingElementsToCenter={shouldAlignHeaderItemsInCenter}\n        {...makeAnalyticsAttribute(rest)}\n      >\n        {children}\n      </BaseHeader>\n    </BaseBox>\n  );\n};\n\nconst AccordionItemHeader = assignWithoutSideEffects(_AccordionItemHeader, {\n  componentId: componentIds.AccordionItemHeader,\n});\n\nexport { AccordionItemHeader };\n"],"names":["getLeadingElementMaxHeightAndWidth","size","makeSize","sizeToken","_AccordionItemHeader","_ref","_leading$type$name","title","subtitle","leading","children","trailing","titleSuffix","rest","_objectWithoutProperties","_excluded","_useAccordion","useAccordion","showNumberPrefix","expandedIndex","_useAccordionItemInde","useAccordionItemIndex","index","isDisabled","isLeadingIcon","React","isValidElement","type","name","endsWith","isLeadingNumberOrIcon","useMemo","isIconComponent","shouldAlignHeaderItemsInCenter","Boolean","leadingElement","_jsxs","Text","weight","marginTop","as","_jsx","BaseBox","marginRight","maxHeight","maxWidth","overflow","Object","assign","metaAttribute","MetaConstants","AccordionItemHeader","flex","BaseHeader","showBackButton","showCloseButton","showDivider","paddingX","marginY","alignItems","dividerProps","thickness","marginX","trailingInteractionElement","CollapsibleChevronIcon","color","shouldAlignLeadingAndTrailingElementsToCenter","makeAnalyticsAttribute","assignWithoutSideEffects","componentId","componentIds"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,IAAA,SAAA,CAAA,CAAA,OAAA,CAAA,UAAA,CAAA,SAAA,CAAA,UAAA,CAAA,UAAA,CAAA,aAAA,CAAA,CAiBA,IAAMA,kCAAkC,CAAG,SAArCA,kCAAkCA,CACtCC,MAA6B,CACH,CAC1B,GAAIA,MAAI,GAAK,OAAO,CAAE,OAAOC,QAAQ,CAACC,IAAS,CAAC,IAAI,CAAC,CAAC,CACtD,OAAOD,QAAQ,CAACC,IAAS,CAAC,IAAI,CAAC,CAAC,CAClC,CAAC,CAED,IAAMC,oBAAoB,CAAG,SAAvBA,oBAAoBA,CAAAC,IAAA,CAYuB,KAAAC,kBAAA,CAAA,IAX/CC,KAAK,CAAAF,IAAA,CAALE,KAAK,CACLC,QAAQ,CAAAH,IAAA,CAARG,QAAQ,CACRC,OAAO,CAAAJ,IAAA,CAAPI,OAAO,CACPC,QAAQ,CAAAL,IAAA,CAARK,QAAQ,CACRC,QAAQ,CAAAN,IAAA,CAARM,QAAQ,CACRC,WAAW,CAAAP,IAAA,CAAXO,WAAW,CACRC,IAAI,CAAAC,wBAAA,CAAAT,IAAA,CAAAU,SAAA,EAMP,IAAAC,aAAA,CAAkDC,YAAY,EAAE,CAAxDhB,IAAI,CAAAe,aAAA,CAAJf,IAAI,CAAEiB,gBAAgB,CAAAF,aAAA,CAAhBE,gBAAgB,CAAEC,aAAa,CAAAH,aAAA,CAAbG,aAAa,CAC7C,IAAAC,qBAAA,CAA8BC,qBAAqB,EAAE,CAA7CC,KAAK,CAAAF,qBAAA,CAALE,KAAK,CAAEC,UAAU,CAAAH,qBAAA,CAAVG,UAAU,CAEzB,IAAMC,aAAa,CACjBC,cAAK,CAACC,cAAc,CAACjB,OAAO,CAAC,EAC7B,OAAOA,OAAO,CAACkB,IAAI,GAAK,UAAU,GAAA,CAAArB,kBAAA,CAClCG,OAAO,CAACkB,IAAI,CAACC,IAAI,GAAjBtB,IAAAA,CAAAA,KAAAA,CAAAA,CAAAA,kBAAA,CAAmBuB,QAAQ,CAAC,MAAM,CAAC,CAErC,CAAA,IAAMC,qBAAqB,CAAGL,cAAK,CAACM,OAAO,CAAC,UAAM,CAEhD,GAAIb,gBAAgB,EAAI,OAAOI,KAAK,GAAK,QAAQ,CAAE,OAAW,IAAA,CAG9D,GAAIb,OAAO,EAAIgB,cAAK,CAACC,cAAc,CAACjB,OAAO,CAAC,EAAIuB,eAAe,CAACvB,OAAO,CAAC,CAAE,WAAW,CACrF,GAAIe,aAAa,CAAE,OAAW,IAAA,CAE9B,OAAO,KAAK,CACd,CAAC,CAAE,CAACN,gBAAgB,CAAEI,KAAK,CAAEb,OAAO,CAAEe,aAAa,CAAC,CAAC,CAErD,IAAMS,8BAA8B,CAAGC,OAAO,CAC5CxB,QAAQ,EAAKwB,OAAO,CAACzB,OAAO,CAAC,EAAI,CAACqB,qBACpC,CAAC,CAED,IAAMK,cAAc,CAAGV,cAAK,CAACM,OAAO,CAAC,UAAM,CACzC,GAAIb,gBAAgB,EAAI,OAAOI,KAAK,GAAK,QAAQ,CAAE,CACjD,OACEc,IAAA,CAACC,IAAI,CAACpC,CAAAA,IAAI,CAAEA,IAAK,CAACqC,MAAM,CAAC,UAAU,CAACC,SAAS,CAAC,MAAM,CAACC,EAAE,CAAC,MAAM,CAAA9B,QAAA,CAAA,CAC3DY,KAAK,CAAG,CAAC,CAAC,GACb,CAAM,CAAA,CAAC,CAEX,CACA,GAAIb,OAAO,CAAE,CACX,OACEgC,GAAA,CAACC,OAAO,CAAA,CACNC,WAAW,CAAEnB,aAAa,CAAG,WAAW,CAAG,WAAY,CACvDe,SAAS,CAAC,WAAW,CAErBK,SAAS,CAAE5C,kCAAkC,CAACC,IAAI,CAAE,CACpD4C,QAAQ,CAAE7C,kCAAkC,CAACC,IAAI,CAAE,CACnD6C,QAAQ,CAAC,QAAQ,CAAApC,QAAA,CAEhBD,OAAO,CACD,CAAC,CAEd,CACA,OAAO,IAAI,CACb,CAAC,CAAE,CAACS,gBAAgB,CAAEI,KAAK,CAAEb,OAAO,CAAER,IAAI,CAAEuB,aAAa,CAAC,CAAC,CAE3D,OACEiB,GAAA,CAACC,OAAO,CAAAK,MAAA,CAAAC,MAAA,CAAA,EAAA,CAAKC,aAAa,CAAC,CAAErB,IAAI,CAAEsB,aAAa,CAACC,mBAAoB,CAAC,CAAC,CAAEC,CAAAA,IAAI,CAAC,GAAG,CAAA1C,QAAA,CAC/E+B,GAAA,CAACY,UAAU,CAAAN,MAAA,CAAAC,MAAA,CACTvC,CAAAA,OAAO,CAAE0B,cAAe,CACxB5B,KAAK,CAAEA,KAAM,CACbC,QAAQ,CAAEA,QAAS,CACnBG,QAAQ,CAAEA,QAAS,CACnBC,WAAW,CAAEA,WAAY,CACzBW,UAAU,CAAEA,UAAW,CACvB+B,cAAc,CAAE,KAAM,CACtBC,eAAe,CAAE,KAAM,CACvBC,WAAW,CAAErC,aAAa,GAAKG,KAAM,CACrCmC,QAAQ,CAAC,WAAW,CACpBC,OAAO,CAAC,WAAW,CACnBzD,IAAI,CAAEA,IAAK,CACX0D,UAAU,CAAE,CAACnD,QAAQ,EAAI,CAACsB,qBAAqB,CAAG,QAAQ,CAAG,YAAa,CAC1E8B,YAAY,CAAE,CACZC,SAAS,CAAE,SAAS,CACpBC,OAAO,CAAE,WACX,CAAE,CACFC,0BAA0B,CACxBtB,GAAA,CAACuB,sBAAsB,CAAA,CACrBC,KAAK,CAAE1C,UAAU,CAAG,gCAAgC,CAAG,6BAA8B,CACrFtB,IAAI,CAAC,OAAO,CACb,CACF,CACDiE,6CAA6C,CAAEjC,8BAA+B,CAC1EkC,CAAAA,sBAAsB,CAACtD,IAAI,CAAC,CAAAH,CAAAA,QAAA,CAE/BA,QAAQ,EACC,CAAC,CAAA,CACN,CAAC,CAEd,CAAC,CAEK,IAAAyC,mBAAmB,CAAGiB,wBAAwB,CAAChE,oBAAoB,CAAE,CACzEiE,WAAW,CAAEC,YAAY,CAACnB,mBAC5B,CAAC;;;;"}
+{"version":3,"file":"AccordionItemHeader.js","sources":["../../../../../src/components/Accordion/AccordionItemHeader.tsx"],"sourcesContent":["import React from 'react';\nimport { useAccordion, useAccordionItemIndex } from './AccordionContext';\nimport { componentIds } from './componentIds';\nimport type { BaseHeaderProps } from '~components/BaseHeaderFooter/BaseHeader';\nimport { BaseHeader } from '~components/BaseHeaderFooter/BaseHeader';\nimport { Text } from '~components/Typography';\nimport BaseBox from '~components/Box/BaseBox';\nimport { CollapsibleChevronIcon } from '~components/Collapsible/CollapsibleChevronIcon';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport type { DataAnalyticsAttribute } from '~utils/types';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { isIconComponent } from '~utils/isIconComponent';\nimport type { BoxProps } from '~components/Box';\nimport { makeSize } from '~utils/makeSize';\nimport { size as sizeToken } from '~tokens/global';\n\nconst getLeadingElementMaxHeightAndWidth = (\n  size: BaseHeaderProps['size'],\n): BoxProps['maxHeight'] => {\n  if (size === 'large') return makeSize(sizeToken['32']);\n  return makeSize(sizeToken['24']);\n};\n\nconst _AccordionItemHeader = ({\n  title,\n  subtitle,\n  leading,\n  children,\n  trailing,\n  titleSuffix,\n  ...rest\n}: Pick<\n  BaseHeaderProps,\n  'title' | 'subtitle' | 'leading' | 'children' | 'trailing' | 'titleSuffix'\n> &\n  DataAnalyticsAttribute): React.ReactElement => {\n  const { size, showNumberPrefix, expandedIndex } = useAccordion();\n  const { index, isDisabled } = useAccordionItemIndex();\n\n  const isLeadingIcon =\n    React.isValidElement(leading) &&\n    typeof leading.type === 'function' &&\n    leading.type.name?.endsWith('Icon');\n\n  const isLeadingNumberOrIcon = React.useMemo(() => {\n    // Check if leading is a number\n    if (showNumberPrefix && typeof index === 'number') return true;\n\n    // Check if leading is an Icon component (name ends with \"Icon\")\n    if (leading && React.isValidElement(leading) && isIconComponent(leading)) return true;\n    if (isLeadingIcon) return true;\n\n    return false;\n  }, [showNumberPrefix, index, leading, isLeadingIcon]);\n\n  const shouldAlignHeaderItemsInCenter = Boolean(\n    children || (Boolean(leading) && !isLeadingNumberOrIcon),\n  );\n\n  const leadingElement = React.useMemo(() => {\n    if (showNumberPrefix && typeof index === 'number') {\n      return (\n        <Text size={size} weight=\"semibold\" marginTop=\"-2px\" as=\"span\">\n          {index + 1}.\n        </Text>\n      );\n    }\n    if (leading) {\n      return (\n        <BaseBox\n          marginRight={isLeadingIcon ? 'spacing.0' : 'spacing.3'}\n          marginTop=\"spacing.1\"\n          // So in design, we have set max height and width for the leading element, doing same here\n          maxHeight={getLeadingElementMaxHeightAndWidth(size)}\n          maxWidth={getLeadingElementMaxHeightAndWidth(size)}\n          overflow=\"hidden\"\n        >\n          {leading}\n        </BaseBox>\n      );\n    }\n    return null;\n  }, [showNumberPrefix, index, leading, size, isLeadingIcon]);\n\n  return (\n    <BaseBox {...metaAttribute({ name: MetaConstants.AccordionItemHeader })} flex=\"1\">\n      <BaseHeader\n        leading={leadingElement}\n        title={title}\n        subtitle={subtitle}\n        trailing={trailing}\n        titleSuffix={titleSuffix}\n        isDisabled={isDisabled}\n        showBackButton={false}\n        showCloseButton={false}\n        showDivider={expandedIndex === index}\n        paddingX=\"spacing.5\"\n        marginY=\"spacing.5\"\n        size={size}\n        alignItems={!subtitle && !isLeadingNumberOrIcon ? 'center' : 'flex-start'}\n        dividerProps={{\n          thickness: 'thinner',\n        }}\n        trailingInteractionElement={\n          <CollapsibleChevronIcon\n            color={isDisabled ? 'interactive.icon.gray.disabled' : 'interactive.icon.gray.muted'}\n            size=\"large\"\n          />\n        }\n        shouldAlignLeadingAndTrailingElementsToCenter={shouldAlignHeaderItemsInCenter}\n        {...makeAnalyticsAttribute(rest)}\n      >\n        {children}\n      </BaseHeader>\n    </BaseBox>\n  );\n};\n\nconst AccordionItemHeader = assignWithoutSideEffects(_AccordionItemHeader, {\n  componentId: componentIds.AccordionItemHeader,\n});\n\nexport { AccordionItemHeader };\n"],"names":["this","getLeadingElementMaxHeightAndWidth","size","makeSize","sizeToken","_AccordionItemHeader","_ref","_leading$type$name","title","subtitle","leading","children","trailing","titleSuffix","rest","_objectWithoutProperties","_excluded","_useAccordion","useAccordion","showNumberPrefix","expandedIndex","_useAccordionItemInde","useAccordionItemIndex","index","isDisabled","isLeadingIcon","React","isValidElement","type","name","endsWith","isLeadingNumberOrIcon","useMemo","isIconComponent","shouldAlignHeaderItemsInCenter","Boolean","leadingElement","_jsxs","Text","weight","marginTop","as","_jsx","BaseBox","marginRight","maxHeight","maxWidth","overflow","Object","assign","metaAttribute","MetaConstants","AccordionItemHeader","flex","BaseHeader","showBackButton","showCloseButton","showDivider","paddingX","marginY","alignItems","dividerProps","thickness","trailingInteractionElement","CollapsibleChevronIcon","color","shouldAlignLeadingAndTrailingElementsToCenter","makeAnalyticsAttribute","assignWithoutSideEffects","componentId","componentIds"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAA,SAAA,CAAA,CAAA,OAAA,CAAA,UAAA,CAAA,SAAA,CAAA,UAAA,CAAA,UAAA,CAAA,aAAA,CAAA,CAAA,IAAA,KAAA,CAAAA,SAAA,CAAA,YAAA,CAAA,+FAAA,CAiBA,IAAMC,kCAAkC,CAAG,SAArCA,kCAAkCA,CACtCC,MAA6B,CACH,CAC1B,GAAIA,MAAI,GAAK,OAAO,CAAE,OAAOC,QAAQ,CAACC,IAAS,CAAC,IAAI,CAAC,CAAC,CACtD,OAAOD,QAAQ,CAACC,IAAS,CAAC,IAAI,CAAC,CAAC,CAClC,CAAC,CAED,IAAMC,oBAAoB,CAAG,SAAvBA,oBAAoBA,CAAAC,IAAA,CAYuB,KAAAC,kBAAA,CAAA,IAX/CC,KAAK,CAAAF,IAAA,CAALE,KAAK,CACLC,QAAQ,CAAAH,IAAA,CAARG,QAAQ,CACRC,OAAO,CAAAJ,IAAA,CAAPI,OAAO,CACPC,QAAQ,CAAAL,IAAA,CAARK,QAAQ,CACRC,QAAQ,CAAAN,IAAA,CAARM,QAAQ,CACRC,WAAW,CAAAP,IAAA,CAAXO,WAAW,CACRC,IAAI,CAAAC,wBAAA,CAAAT,IAAA,CAAAU,SAAA,CAMP,CAAA,IAAAC,aAAA,CAAkDC,YAAY,EAAE,CAAxDhB,IAAI,CAAAe,aAAA,CAAJf,IAAI,CAAEiB,gBAAgB,CAAAF,aAAA,CAAhBE,gBAAgB,CAAEC,aAAa,CAAAH,aAAA,CAAbG,aAAa,CAC7C,IAAAC,qBAAA,CAA8BC,qBAAqB,EAAE,CAA7CC,KAAK,CAAAF,qBAAA,CAALE,KAAK,CAAEC,UAAU,CAAAH,qBAAA,CAAVG,UAAU,CAEzB,IAAMC,aAAa,CACjBC,cAAK,CAACC,cAAc,CAACjB,OAAO,CAAC,EAC7B,OAAOA,OAAO,CAACkB,IAAI,GAAK,UAAU,GAAA,CAAArB,kBAAA,CAClCG,OAAO,CAACkB,IAAI,CAACC,IAAI,GAAjBtB,IAAAA,CAAAA,KAAAA,CAAAA,CAAAA,kBAAA,CAAmBuB,QAAQ,CAAC,MAAM,CAAC,CAErC,CAAA,IAAMC,qBAAqB,CAAGL,cAAK,CAACM,OAAO,CAAC,UAAM,CAEhD,GAAIb,gBAAgB,EAAI,OAAOI,KAAK,GAAK,QAAQ,CAAE,OAAW,IAAA,CAG9D,GAAIb,OAAO,EAAIgB,cAAK,CAACC,cAAc,CAACjB,OAAO,CAAC,EAAIuB,eAAe,CAACvB,OAAO,CAAC,CAAE,OAAO,IAAI,CACrF,GAAIe,aAAa,CAAE,OAAW,IAAA,CAE9B,OAAO,KAAK,CACd,CAAC,CAAE,CAACN,gBAAgB,CAAEI,KAAK,CAAEb,OAAO,CAAEe,aAAa,CAAC,CAAC,CAErD,IAAMS,8BAA8B,CAAGC,OAAO,CAC5CxB,QAAQ,EAAKwB,OAAO,CAACzB,OAAO,CAAC,EAAI,CAACqB,qBACpC,CAAC,CAED,IAAMK,cAAc,CAAGV,cAAK,CAACM,OAAO,CAAC,UAAM,CACzC,GAAIb,gBAAgB,EAAI,OAAOI,KAAK,GAAK,QAAQ,CAAE,CACjD,OACEc,IAAA,CAACC,IAAI,CAACpC,CAAAA,IAAI,CAAEA,IAAK,CAACqC,MAAM,CAAC,UAAU,CAACC,SAAS,CAAC,MAAM,CAACC,EAAE,CAAC,MAAM,CAAA9B,QAAA,CAC3DY,CAAAA,KAAK,CAAG,CAAC,CAAC,GACb,CAAA,CAAM,CAAC,CAEX,CACA,GAAIb,OAAO,CAAE,CACX,OACEgC,GAAA,CAACC,OAAO,CACNC,CAAAA,WAAW,CAAEnB,aAAa,CAAG,WAAW,CAAG,WAAY,CACvDe,SAAS,CAAC,WAAW,CAErBK,SAAS,CAAE5C,kCAAkC,CAACC,IAAI,CAAE,CACpD4C,QAAQ,CAAE7C,kCAAkC,CAACC,IAAI,CAAE,CACnD6C,QAAQ,CAAC,QAAQ,CAAApC,QAAA,CAEhBD,OAAO,CACD,CAAC,CAEd,CACA,WAAW,CACb,CAAC,CAAE,CAACS,gBAAgB,CAAEI,KAAK,CAAEb,OAAO,CAAER,IAAI,CAAEuB,aAAa,CAAC,CAAC,CAE3D,OACEiB,GAAA,CAACC,OAAO,CAAAK,MAAA,CAAAC,MAAA,CAAA,EAAA,CAAKC,aAAa,CAAC,CAAErB,IAAI,CAAEsB,aAAa,CAACC,mBAAoB,CAAC,CAAC,CAAA,CAAEC,IAAI,CAAC,GAAG,CAAA1C,QAAA,CAC/E+B,GAAA,CAACY,UAAU,CAAAN,MAAA,CAAAC,MAAA,CAAA,CACTvC,OAAO,CAAE0B,cAAe,CACxB5B,KAAK,CAAEA,KAAM,CACbC,QAAQ,CAAEA,QAAS,CACnBG,QAAQ,CAAEA,QAAS,CACnBC,WAAW,CAAEA,WAAY,CACzBW,UAAU,CAAEA,UAAW,CACvB+B,cAAc,CAAE,KAAM,CACtBC,eAAe,CAAE,KAAM,CACvBC,WAAW,CAAErC,aAAa,GAAKG,KAAM,CACrCmC,QAAQ,CAAC,WAAW,CACpBC,OAAO,CAAC,WAAW,CACnBzD,IAAI,CAAEA,IAAK,CACX0D,UAAU,CAAE,CAACnD,QAAQ,EAAI,CAACsB,qBAAqB,CAAG,QAAQ,CAAG,YAAa,CAC1E8B,YAAY,CAAE,CACZC,SAAS,CAAE,SACb,CAAE,CACFC,0BAA0B,CACxBrB,GAAA,CAACsB,sBAAsB,CAAA,CACrBC,KAAK,CAAEzC,UAAU,CAAG,gCAAgC,CAAG,6BAA8B,CACrFtB,IAAI,CAAC,OAAO,CACb,CACF,CACDgE,6CAA6C,CAAEhC,8BAA+B,CAC1EiC,CAAAA,sBAAsB,CAACrD,IAAI,CAAC,CAAAH,CAAAA,QAAA,CAE/BA,QAAQ,EACC,CAAC,CAAA,CACN,CAAC,CAEd,CAAC,CAEK,IAAAyC,mBAAmB,CAAGgB,wBAAwB,CAAC/D,oBAAoB,CAAE,CACzEgE,WAAW,CAAEC,YAAY,CAAClB,mBAC5B,CAAC;;;;"}

package/build/lib/native/components/Accordion/AccordionSurface.native.js

@@ -0,0 +1,10 @@
+import styled from 'styled-components/native';
+import '../Box/BaseBox/index.js';
+import '../../utils/index.js';
+import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
+import { makeBorderSize } from '../../utils/makeBorderSize/makeBorderSize.native.js';
+
+var AccordionSurface=styled(BaseBox)(function(_ref){var theme=_ref.theme;return {width:'100%',display:'flex',flexDirection:'column',borderWidth:makeBorderSize(theme.border.width.thin),borderStyle:'solid',borderColor:`${theme.colors.surface.border.gray.muted}`};});
+
+export { AccordionSurface };
+//# sourceMappingURL=AccordionSurface.native.js.map

package/build/lib/native/components/Accordion/AccordionSurface.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionSurface.native.js","sources":["../../../../../src/components/Accordion/AccordionSurface.native.tsx"],"sourcesContent":["import styled from 'styled-components/native';\nimport BaseBox from '~components/Box/BaseBox';\nimport { makeBorderSize } from '~utils';\n\n// colorScheme is accepted (passed by parent) but intentionally unused on native —\n// native doesn't support surface color scheme styling yet.\ntype AccordionSurfaceProps = {\n  colorScheme?: string;\n};\n\nconst AccordionSurface = styled(BaseBox)<AccordionSurfaceProps>(({ theme }) => ({\n  width: '100%',\n  display: 'flex',\n  flexDirection: 'column',\n  borderWidth: makeBorderSize(theme.border.width.thin),\n  borderStyle: 'solid',\n  borderColor: `${theme.colors.surface.border.gray.muted}`,\n}));\n\nexport { AccordionSurface };\n"],"names":["AccordionSurface","styled","BaseBox","_ref","theme","width","display","flexDirection","borderWidth","makeBorderSize","border","thin","borderStyle","borderColor","colors","surface","gray","muted"],"mappings":";;;;;;AAUM,IAAAA,gBAAgB,CAAGC,MAAM,CAACC,OAAO,CAAC,CAAwB,SAAAC,IAAA,CAAA,CAAA,IAAGC,KAAK,CAAAD,IAAA,CAALC,KAAK,CAAA,OAAQ,CAC9EC,KAAK,CAAE,MAAM,CACbC,OAAO,CAAE,MAAM,CACfC,aAAa,CAAE,QAAQ,CACvBC,WAAW,CAAEC,cAAc,CAACL,KAAK,CAACM,MAAM,CAACL,KAAK,CAACM,IAAI,CAAC,CACpDC,WAAW,CAAE,OAAO,CACpBC,WAAW,CAAE,GAAGT,KAAK,CAACU,MAAM,CAACC,OAAO,CAACL,MAAM,CAACM,IAAI,CAACC,KAAK,CACxD,CAAA,CAAC,EAAC;;;;"}

package/build/lib/native/components/Accordion/commonStyles.js

@@ -1,10 +1,5 @@
-import 'react-native';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react';
+import '../../utils/index.js';
 import { makeMotionTime } from '../../utils/makeMotionTime/makeMotionTime.native.js';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
-import '../BladeProvider/useTheme.js';
 
 var getTransitionDuration=function getTransitionDuration(theme){return makeMotionTime(theme.motion.duration['2xquick']);};var getTransitionEasing=function getTransitionEasing(theme){return theme.motion.easing.standard;};var getBackgroundColor=function getBackgroundColor(_ref){var theme=_ref.theme,isActive=_ref.isActive;var gray=theme.colors.interactive.background.gray;return isActive?gray.faded:theme.colors.transparent;};var getCommonAccordionButtonStyles=function getCommonAccordionButtonStyles(props){var theme=props.theme;return {padding:theme.spacing[0],display:'flex',flexDirection:'row',alignItems:'center',justifyContent:'space-between'};};
 

package/build/lib/native/components/Accordion/commonStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"commonStyles.js","sources":["../../../../../src/components/Accordion/commonStyles.ts"],"sourcesContent":["import type { CSSObject, StyledProps } from 'styled-components';\nimport type { StyledAccordionButtonProps } from './types';\nimport type { Theme } from '~components/BladeProvider';\nimport { makeMotionTime } from '~utils';\n\n// eslint-disable-next-line @typescript-eslint/explicit-function-return-type\nconst getTransitionDuration = (theme: Theme) => makeMotionTime(theme.motion.duration['2xquick']);\n\n// eslint-disable-next-line @typescript-eslint/explicit-function-return-type\nconst getTransitionEasing = (theme: Theme) => theme.motion.easing.standard;\n\nconst getBackgroundColor = ({ theme, isActive }: { theme: Theme; isActive: boolean }): string => {\n  const { gray } = theme.colors.interactive.background;\n\n  return isActive ? gray.faded : theme.colors.transparent;\n};\n\nconst getCommonAccordionButtonStyles = (\n  props: StyledProps<StyledAccordionButtonProps>,\n): CSSObject => {\n  const { theme } = props;\n\n  return {\n    padding: theme.spacing[0],\n    display: 'flex',\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n  };\n};\n\nexport {\n  getTransitionDuration,\n  getTransitionEasing,\n  getBackgroundColor,\n  getCommonAccordionButtonStyles,\n};\n"],"names":["getTransitionDuration","theme","makeMotionTime","motion","duration","getTransitionEasing","easing","standard","getBackgroundColor","_ref","isActive","gray","colors","interactive","background","faded","transparent","getCommonAccordionButtonStyles","props","padding","spacing","display","flexDirection","alignItems","justifyContent"],"mappings":";;;;;;;;AAMM,IAAAA,qBAAqB,CAAG,SAAxBA,qBAAqBA,CAAIC,KAAY,CAAA,CAAA,OAAKC,cAAc,CAACD,KAAK,CAACE,MAAM,CAACC,QAAQ,CAAC,SAAS,CAAC,CAAC,GAG1F,IAAAC,mBAAmB,CAAG,SAAtBA,mBAAmBA,CAAIJ,KAAY,SAAKA,KAAK,CAACE,MAAM,CAACG,MAAM,CAACC,QAAQ,CAAA,EAEpE,IAAAC,kBAAkB,CAAG,SAArBA,kBAAkBA,CAAAC,IAAA,CAAyE,KAAnER,KAAK,CAAAQ,IAAA,CAALR,KAAK,CAAES,QAAQ,CAAAD,IAAA,CAARC,QAAQ,CAC3C,IAAQC,IAAI,CAAKV,KAAK,CAACW,MAAM,CAACC,WAAW,CAACC,UAAU,CAA5CH,IAAI,CAEZ,OAAOD,QAAQ,CAAGC,IAAI,CAACI,KAAK,CAAGd,KAAK,CAACW,MAAM,CAACI,WAAW,CACzD,EAEM,IAAAC,8BAA8B,CAAG,SAAjCA,8BAA8BA,CAClCC,KAA8C,CAChC,CACd,IAAQjB,KAAK,CAAKiB,KAAK,CAAfjB,KAAK,CAEb,OAAO,CACLkB,OAAO,CAAElB,KAAK,CAACmB,OAAO,CAAC,CAAC,CAAC,CACzBC,OAAO,CAAE,MAAM,CACfC,aAAa,CAAE,KAAK,CACpBC,UAAU,CAAE,QAAQ,CACpBC,cAAc,CAAE,eAClB,CAAC,CACH;;;;"}
+{"version":3,"file":"commonStyles.js","sources":["../../../../../src/components/Accordion/commonStyles.ts"],"sourcesContent":["import type { CSSObject, StyledProps } from 'styled-components';\nimport type { StyledAccordionButtonProps } from './types';\nimport type { Theme } from '~components/BladeProvider';\nimport { makeMotionTime } from '~utils';\n\n// eslint-disable-next-line @typescript-eslint/explicit-function-return-type\nconst getTransitionDuration = (theme: Theme) => makeMotionTime(theme.motion.duration['2xquick']);\n\n// eslint-disable-next-line @typescript-eslint/explicit-function-return-type\nconst getTransitionEasing = (theme: Theme) => theme.motion.easing.standard;\n\nconst getBackgroundColor = ({ theme, isActive }: { theme: Theme; isActive: boolean }): string => {\n  const { gray } = theme.colors.interactive.background;\n\n  return isActive ? gray.faded : theme.colors.transparent;\n};\n\nconst getCommonAccordionButtonStyles = (\n  props: StyledProps<StyledAccordionButtonProps>,\n): CSSObject => {\n  const { theme } = props;\n\n  return {\n    padding: theme.spacing[0],\n    display: 'flex',\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n  };\n};\n\nexport {\n  getTransitionDuration,\n  getTransitionEasing,\n  getBackgroundColor,\n  getCommonAccordionButtonStyles,\n};\n"],"names":["getTransitionDuration","theme","makeMotionTime","motion","duration","getTransitionEasing","easing","standard","getBackgroundColor","_ref","isActive","gray","colors","interactive","background","faded","transparent","getCommonAccordionButtonStyles","props","padding","spacing","display","flexDirection","alignItems","justifyContent"],"mappings":";;;AAMM,IAAAA,qBAAqB,CAAG,SAAxBA,qBAAqBA,CAAIC,KAAY,CAAA,CAAA,OAAKC,cAAc,CAACD,KAAK,CAACE,MAAM,CAACC,QAAQ,CAAC,SAAS,CAAC,CAAC,GAG1F,IAAAC,mBAAmB,CAAG,SAAtBA,mBAAmBA,CAAIJ,KAAY,SAAKA,KAAK,CAACE,MAAM,CAACG,MAAM,CAACC,QAAQ,CAAA,EAEpE,IAAAC,kBAAkB,CAAG,SAArBA,kBAAkBA,CAAAC,IAAA,CAAyE,KAAnER,KAAK,CAAAQ,IAAA,CAALR,KAAK,CAAES,QAAQ,CAAAD,IAAA,CAARC,QAAQ,CAC3C,IAAQC,IAAI,CAAKV,KAAK,CAACW,MAAM,CAACC,WAAW,CAACC,UAAU,CAA5CH,IAAI,CAEZ,OAAOD,QAAQ,CAAGC,IAAI,CAACI,KAAK,CAAGd,KAAK,CAACW,MAAM,CAACI,WAAW,CACzD,EAEM,IAAAC,8BAA8B,CAAG,SAAjCA,8BAA8BA,CAClCC,KAA8C,CAChC,CACd,IAAQjB,KAAK,CAAKiB,KAAK,CAAfjB,KAAK,CAEb,OAAO,CACLkB,OAAO,CAAElB,KAAK,CAACmB,OAAO,CAAC,CAAC,CAAC,CACzBC,OAAO,CAAE,MAAM,CACfC,aAAa,CAAE,KAAK,CACpBC,UAAU,CAAE,QAAQ,CACpBC,cAAc,CAAE,eAClB,CAAC,CACH;;;;"}

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

@@ -0,0 +1,5 @@
+export { Accordion } from './Accordion.js';
+export { AccordionItemHeader } from './AccordionItemHeader.js';
+export { AccordionItemBody } from './AccordionItemBody.js';
+export { AccordionItem } from './AccordionItem.js';
+//# sourceMappingURL=index.js.map