@razorpay/blade 12.17.1 → 12.19.0

package/build/lib/native/components/ActionList/ActionListItem.js

@@ -3,7 +3,7 @@ import React__default from 'react';
 import styled from 'styled-components/native';
 import { componentIds } from './componentIds.js';
 import { validateActionListItemProps, getNormalTextColor } from './actionListUtils.js';
-import { getActionListItemRole, getActionListSectionRole } from './getA11yRoles.js';
+import { getActionListSectionRole, getActionListItemRole } from './getA11yRoles.js';
 import { Divider } from '../Divider/Divider.js';
 import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
 import { useDropdown } from '../Dropdown/useDropdown.js';
@@ -35,14 +35,14 @@ import '../../utils/useCallbackRef.js';
 import '@gorhom/portal';
 import 'react-native-gesture-handler';
 import '../BottomSheet/BottomSheetStack.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-native-svg';
 import '../Icons/_Svg/Svg/Svg.native.js';
 import '../VisuallyHidden/VisuallyHidden.native.js';
 import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
 import { Avatar } from '../Avatar/Avatar.native.js';
 
-var _excluded=["title","children","testID","_hideDivider","_sectionChildValues"];var StyledActionListSectionTitle=styled(BaseBox)(function(props){return {padding:makeSize(props.theme.spacing[3])};});var _ActionListSection=function _ActionListSection(_ref){var title=_ref.title,children=_ref.children,testID=_ref.testID,_hideDivider=_ref._hideDivider,_sectionChildValues=_ref._sectionChildValues,rest=_objectWithoutProperties(_ref,_excluded);var _useDropdown=useDropdown(),hasAutoCompleteInBottomSheetHeader=_useDropdown.hasAutoCompleteInBottomSheetHeader,dropdownTriggerer=_useDropdown.dropdownTriggerer,filteredValues=_useDropdown.filteredValues;var hasAutoComplete=hasAutoCompleteInBottomSheetHeader||dropdownTriggerer===dropdownComponentIds.triggers.AutoComplete;var isSectionVisible=React__default.useMemo(function(){if(hasAutoComplete){var visibleActionListItemInSection=_sectionChildValues==null?void 0:_sectionChildValues.find(function(actionItemValue){return filteredValues.includes(actionItemValue);});return Boolean(visibleActionListItemInSection);}return true;},[_sectionChildValues,hasAutoComplete,filteredValues]);var showDividerInRN=!(_hideDivider&&isReactNative());var showDividerInAutoComplete=hasAutoComplete?isSectionVisible&&filteredValues.length>1:true;return jsxs(BaseBox,Object.assign({},makeAccessible({role:getActionListSectionRole(),label:title}),metaAttribute({name:MetaConstants.ActionListSection,testID:testID}),makeAnalyticsAttribute(rest),{children:[isSectionVisible?jsx(StyledActionListSectionTitle,Object.assign({},makeAccessible({hidden:true}),{children:jsx(Text,{color:"surface.text.gray.muted",size:"small",weight:"semibold",children:title})})):null,jsx(BaseBox,Object.assign({},makeAccessible({role:isReactNative()?undefined:'listbox'}),{children:children})),showDividerInAutoComplete&&showDividerInRN?jsx(Divider,{marginX:"spacing.3",marginY:"spacing.1"}):null]}));};var ActionListSection=assignWithoutSideEffects(_ActionListSection,{componentId:componentIds.ActionListSection});var _ActionListItemIcon=function _ActionListItemIcon(_ref2){var icon=_ref2.icon;var Icon=icon;var _useBaseMenuItem=useBaseMenuItem(),color=_useBaseMenuItem.color,isDisabled=_useBaseMenuItem.isDisabled;var iconState=isDisabled?'disabled':'muted';return jsx(Icon,{color:color==='negative'?'feedback.icon.negative.intense':`interactive.icon.gray.${iconState}`,size:"medium"});};var ActionListItemIcon=assignWithoutSideEffects(_ActionListItemIcon,{componentId:componentIds.ActionListItemIcon});var _ActionListItemBadgeGroup=function _ActionListItemBadgeGroup(_ref3){var children=_ref3.children;return jsx(Box,{display:"flex",alignItems:"center",flexDirection:"row",children:children});};var ActionListItemBadgeGroup=assignWithoutSideEffects(_ActionListItemBadgeGroup,{componentId:componentIds.ActionListItemBadgeGroup});var _ActionListItemAvatar=function _ActionListItemAvatar(avatarProps){return jsx(Avatar,Object.assign({size:"xsmall"},avatarProps));};var ActionListItemAvatar=assignWithoutSideEffects(_ActionListItemAvatar,{componentId:componentIds.ActionListItemAvatar});var _ActionListItemBadge=function _ActionListItemBadge(props){return jsx(Badge,Object.assign({size:"medium",marginLeft:"spacing.3"},props));};var ActionListItemBadge=assignWithoutSideEffects(_ActionListItemBadge,{componentId:componentIds.ActionListItemBadge});var _ActionListItemText=function _ActionListItemText(_ref4){var children=_ref4.children;var _useBaseMenuItem2=useBaseMenuItem(),isDisabled=_useBaseMenuItem2.isDisabled;return jsx(Text,{variant:"caption",color:getNormalTextColor(isDisabled,{isMuted:true}),children:children});};var ActionListItemText=assignWithoutSideEffects(_ActionListItemText,{componentId:componentIds.ActionListItemText});var makeActionListItemClickable=function makeActionListItemClickable(clickHandler){if(isReactNative()){return {onPress:clickHandler};}return {onClick:clickHandler};};var _ActionListItem=function _ActionListItem(props){var _useDropdown2=useDropdown(),activeIndex=_useDropdown2.activeIndex,dropdownBaseId=_useDropdown2.dropdownBaseId,onOptionClick=_useDropdown2.onOptionClick,selectedIndices=_useDropdown2.selectedIndices,setShouldIgnoreBlurAnimation=_useDropdown2.setShouldIgnoreBlurAnimation,selectionType=_useDropdown2.selectionType,dropdownTriggerer=_useDropdown2.dropdownTriggerer,isKeydownPressed=_useDropdown2.isKeydownPressed,filteredValues=_useDropdown2.filteredValues,hasAutoCompleteInBottomSheetHeader=_useDropdown2.hasAutoCompleteInBottomSheetHeader;var hasAutoComplete=hasAutoCompleteInBottomSheetHeader||dropdownTriggerer===dropdownComponentIds.triggers.AutoComplete;var renderOnWebAs=props.href?'a':'button';var getIsSelected=function getIsSelected(){if(dropdownTriggerer===dropdownComponentIds.triggers.SelectInput||hasAutoComplete){if(typeof props._index==='number'){return selectedIndices.includes(props._index);}return undefined;}return props.isSelected;};var isSelected=getIsSelected();React__default.useEffect(function(){validateActionListItemProps({leading:props.leading,trailing:props.trailing,titleSuffix:props.titleSuffix});},[props.leading,props.trailing,props.titleSuffix]);React__default.useEffect(function(){if(__DEV__){if(dropdownTriggerer===dropdownComponentIds.triggers.SelectInput&&props.intent==='negative'){throwBladeError({message:'negative intent ActionListItem cannot be used inside Dropdown with SelectInput trigger',moduleName:'ActionListItem'});}}},[props.intent,dropdownTriggerer]);var isVisible=hasAutoComplete&&filteredValues?filteredValues.includes(props.value):true;return jsx(BaseMenuItem,Object.assign({isVisible:isVisible,as:!isReactNative()?renderOnWebAs:undefined,id:`${dropdownBaseId}-${props._index}`,tabIndex:-1,title:props.title,description:props.description,leading:selectionType==='multiple'?jsx(BaseBox,Object.assign({pointerEvents:"none"},makeAccessible({hidden:true}),{children:jsx(Checkbox,{isChecked:isSelected,tabIndex:-1,isDisabled:props.isDisabled,children:null})})):props.leading,trailing:props.trailing,titleSuffix:props.titleSuffix,href:props.href,target:props.target,className:activeIndex===props._index?'active-focus':'',isSelected:isSelected,isDisabled:props.isDisabled,role:getActionListItemRole(dropdownTriggerer,props.href)},makeActionListItemClickable(function(e){if(typeof props._index==='number'){onOptionClick(e,props._index);props.onClick==null?void 0:props.onClick({name:props.value,value:isSelected,event:castWebType(e)});}}),makeAnalyticsAttribute(Object.assign({},props)),metaAttribute({name:MetaConstants.ActionListItem,testID:props.testID}),{onMouseDown:function onMouseDown(){setShouldIgnoreBlurAnimation(true);},onMouseUp:function onMouseUp(){setShouldIgnoreBlurAnimation(false);},"data-value":props.value,"data-index":props._index,selectionType:selectionType,color:props.intent,isKeydownPressed:isKeydownPressed}));};var ActionListItem=assignWithoutSideEffects(React__default.memo(_ActionListItem),{componentId:componentIds.ActionListItem,displayName:componentIds.ActionListItem});
+var _excluded=["title","children","testID","_hideDivider","_sectionChildValues"];var StyledActionListSectionTitle=styled(BaseBox)(function(props){return {padding:makeSize(props.theme.spacing[3])};});var _ActionListSectionTitle=function _ActionListSectionTitle(_ref){var title=_ref.title,_ref$isInsideVirtuali=_ref.isInsideVirtualizedList,isInsideVirtualizedList=_ref$isInsideVirtuali===void 0?false:_ref$isInsideVirtuali;return jsx(StyledActionListSectionTitle,Object.assign({},makeAccessible({hidden:!isInsideVirtualizedList,role:isInsideVirtualizedList?'heading':undefined}),{children:jsx(Text,{color:"surface.text.gray.muted",size:"small",weight:"semibold",children:title})}));};var ActionListSectionTitle=assignWithoutSideEffects(_ActionListSectionTitle,{componentId:componentIds.ActionListSectionTitle});var _ActionListSection=function _ActionListSection(_ref2){var title=_ref2.title,children=_ref2.children,testID=_ref2.testID,_hideDivider=_ref2._hideDivider,_sectionChildValues=_ref2._sectionChildValues,rest=_objectWithoutProperties(_ref2,_excluded);var _useDropdown=useDropdown(),hasAutoCompleteInBottomSheetHeader=_useDropdown.hasAutoCompleteInBottomSheetHeader,dropdownTriggerer=_useDropdown.dropdownTriggerer,filteredValues=_useDropdown.filteredValues;var hasAutoComplete=hasAutoCompleteInBottomSheetHeader||dropdownTriggerer===dropdownComponentIds.triggers.AutoComplete;var isSectionVisible=React__default.useMemo(function(){if(hasAutoComplete){var visibleActionListItemInSection=_sectionChildValues==null?void 0:_sectionChildValues.find(function(actionItemValue){return filteredValues.includes(actionItemValue);});return Boolean(visibleActionListItemInSection);}return true;},[_sectionChildValues,hasAutoComplete,filteredValues]);var showDividerInRN=!(_hideDivider&&isReactNative());var showDividerInAutoComplete=hasAutoComplete?isSectionVisible&&filteredValues.length>1:true;return jsxs(BaseBox,Object.assign({},makeAccessible({role:getActionListSectionRole(),label:title}),metaAttribute({name:MetaConstants.ActionListSection,testID:testID}),makeAnalyticsAttribute(rest),{children:[isSectionVisible?jsx(ActionListSectionTitle,{title:title}):null,jsx(BaseBox,Object.assign({},makeAccessible({role:isReactNative()?undefined:'listbox'}),{children:children})),showDividerInAutoComplete&&showDividerInRN?jsx(Divider,{marginX:"spacing.3",marginY:"spacing.1"}):null]}));};var ActionListSection=assignWithoutSideEffects(React__default.memo(_ActionListSection),{componentId:componentIds.ActionListSection});var _ActionListItemIcon=function _ActionListItemIcon(_ref3){var icon=_ref3.icon;var Icon=icon;var _useBaseMenuItem=useBaseMenuItem(),color=_useBaseMenuItem.color,isDisabled=_useBaseMenuItem.isDisabled;var iconState=isDisabled?'disabled':'muted';return jsx(Icon,{color:color==='negative'?'feedback.icon.negative.intense':`interactive.icon.gray.${iconState}`,size:"medium"});};var ActionListItemIcon=assignWithoutSideEffects(_ActionListItemIcon,{componentId:componentIds.ActionListItemIcon});var _ActionListItemBadgeGroup=function _ActionListItemBadgeGroup(_ref4){var children=_ref4.children;return jsx(Box,{display:"flex",alignItems:"center",flexDirection:"row",children:children});};var ActionListItemBadgeGroup=assignWithoutSideEffects(_ActionListItemBadgeGroup,{componentId:componentIds.ActionListItemBadgeGroup});var _ActionListItemAvatar=function _ActionListItemAvatar(avatarProps){return jsx(Avatar,Object.assign({size:"xsmall"},avatarProps));};var ActionListItemAvatar=assignWithoutSideEffects(_ActionListItemAvatar,{componentId:componentIds.ActionListItemAvatar});var _ActionListItemBadge=function _ActionListItemBadge(props){return jsx(Badge,Object.assign({size:"medium",marginLeft:"spacing.3"},props));};var ActionListItemBadge=assignWithoutSideEffects(_ActionListItemBadge,{componentId:componentIds.ActionListItemBadge});var _ActionListItemText=function _ActionListItemText(_ref5){var children=_ref5.children;var _useBaseMenuItem2=useBaseMenuItem(),isDisabled=_useBaseMenuItem2.isDisabled;return jsx(Text,{variant:"caption",color:getNormalTextColor(isDisabled,{isMuted:true}),children:children});};var ActionListItemText=assignWithoutSideEffects(_ActionListItemText,{componentId:componentIds.ActionListItemText});var makeActionListItemClickable=function makeActionListItemClickable(clickHandler){if(isReactNative()){return {onPress:clickHandler};}return {onClick:clickHandler};};var _ActionListItem=function _ActionListItem(props){var _useDropdown2=useDropdown(),activeIndex=_useDropdown2.activeIndex,dropdownBaseId=_useDropdown2.dropdownBaseId,onOptionClick=_useDropdown2.onOptionClick,selectedIndices=_useDropdown2.selectedIndices,setShouldIgnoreBlurAnimation=_useDropdown2.setShouldIgnoreBlurAnimation,selectionType=_useDropdown2.selectionType,dropdownTriggerer=_useDropdown2.dropdownTriggerer,isKeydownPressed=_useDropdown2.isKeydownPressed,filteredValues=_useDropdown2.filteredValues,hasAutoCompleteInBottomSheetHeader=_useDropdown2.hasAutoCompleteInBottomSheetHeader;React__default.useEffect(function(){if(activeIndex===props._index&&props._virtualizedIndex!==undefined){props._onVirtualizedFocus==null?void 0:props._onVirtualizedFocus(props._virtualizedIndex);}},[activeIndex]);var hasAutoComplete=hasAutoCompleteInBottomSheetHeader||dropdownTriggerer===dropdownComponentIds.triggers.AutoComplete;var renderOnWebAs=props.href?'a':'button';var getIsSelected=function getIsSelected(){if(dropdownTriggerer===dropdownComponentIds.triggers.SelectInput||hasAutoComplete){if(typeof props._index==='number'){return selectedIndices.includes(props._index);}return undefined;}return props.isSelected;};var isSelected=getIsSelected();React__default.useEffect(function(){validateActionListItemProps({leading:props.leading,trailing:props.trailing,titleSuffix:props.titleSuffix});},[props.leading,props.trailing,props.titleSuffix]);React__default.useEffect(function(){if(__DEV__){if(dropdownTriggerer===dropdownComponentIds.triggers.SelectInput&&props.intent==='negative'){throwBladeError({message:'negative intent ActionListItem cannot be used inside Dropdown with SelectInput trigger',moduleName:'ActionListItem'});}}},[props.intent,dropdownTriggerer]);var isVisible=hasAutoComplete&&filteredValues?filteredValues.includes(props.value):true;return jsx(BaseMenuItem,Object.assign({isVisible:isVisible,as:!isReactNative()?renderOnWebAs:undefined,id:`${dropdownBaseId}-${props._index}`,tabIndex:-1,title:props.title,description:props.description,leading:selectionType==='multiple'?jsx(BaseBox,Object.assign({pointerEvents:"none"},makeAccessible({hidden:true}),{children:jsx(Checkbox,{isChecked:isSelected,tabIndex:-1,isDisabled:props.isDisabled,children:null})})):props.leading,trailing:props.trailing,titleSuffix:props.titleSuffix,href:props.href,target:props.target,className:activeIndex===props._index?'active-focus':'',isSelected:isSelected,isDisabled:props.isDisabled,role:getActionListItemRole(dropdownTriggerer,props.href)},makeActionListItemClickable(function(e){if(typeof props._index==='number'){onOptionClick(e,props._index);props.onClick==null?void 0:props.onClick({name:props.value,value:isSelected,event:castWebType(e)});}}),makeAnalyticsAttribute(Object.assign({},props)),metaAttribute({name:MetaConstants.ActionListItem,testID:props.testID}),{onMouseDown:function onMouseDown(){setShouldIgnoreBlurAnimation(true);},onMouseUp:function onMouseUp(){setShouldIgnoreBlurAnimation(false);},"data-value":props.value,"data-index":props._index,selectionType:selectionType,color:props.intent,isKeydownPressed:isKeydownPressed}));};var ActionListItem=assignWithoutSideEffects(React__default.memo(_ActionListItem),{componentId:componentIds.ActionListItem,displayName:componentIds.ActionListItem});
 
-export { ActionListItem, ActionListItemAvatar, ActionListItemBadge, ActionListItemBadgeGroup, ActionListItemIcon, ActionListItemText, ActionListSection };
+export { ActionListItem, ActionListItemAvatar, ActionListItemBadge, ActionListItemBadgeGroup, ActionListItemIcon, ActionListItemText, ActionListSection, ActionListSectionTitle };
 //# sourceMappingURL=ActionListItem.js.map

package/build/lib/native/components/ActionList/ActionListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionListItem.js","sources":["../../../../../src/components/ActionList/ActionListItem.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/ban-ts-comment */\nimport React from 'react';\nimport styled from 'styled-components';\nimport type { TouchableOpacity } from 'react-native';\nimport { componentIds } from './componentIds';\nimport { validateActionListItemProps, getNormalTextColor } from './actionListUtils';\nimport { getActionListItemRole, getActionListSectionRole } from './getA11yRoles';\nimport { Divider } from '~components/Divider';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { IconComponent } from '~components/Icons';\nimport { useDropdown } from '~components/Dropdown/useDropdown';\nimport type { FeedbackColors } from '~tokens/theme/theme';\nimport { Text } from '~components/Typography';\nimport type { Platform } from '~utils';\nimport { castWebType, isReactNative } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { DataAnalyticsAttribute, StringChildrenType, TestID } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeSize } from '~utils/makeSize';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { throwBladeError } from '~utils/logger';\nimport type { BadgeProps } from '~components/Badge';\nimport { Badge } from '~components/Badge';\nimport { Box } from '~components/Box';\nimport { dropdownComponentIds } from '~components/Dropdown/dropdownComponentIds';\nimport { BaseMenuItem, useBaseMenuItem } from '~components/BaseMenu';\nimport { Checkbox } from '~components/Checkbox';\nimport type { AvatarProps } from '~components/Avatar/types';\nimport { Avatar } from '~components/Avatar';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype ActionListItemProps = {\n  title: string;\n  description?: string;\n  onClick?: (clickProps: {\n    name: string;\n    value?: boolean;\n    event: Platform.Select<{\n      web: React.MouseEvent;\n      native: React.TouchEvent<TouchableOpacity>;\n    }>;\n  }) => void;\n  /**\n   * value that you get from `onChange` event on SelectInput or in form submissions.\n   */\n  value: string;\n  /**\n   * Link to open when item is clicked.\n   */\n  href?: string;\n  /**\n   * HTML target of the link\n   */\n  target?: string;\n  /**\n   * Item that goes on left-side of item.\n   *\n   * Valid elements - `<ActionListItemIcon />`, `<ActionListItemAsset />`\n   *\n   * Will be overriden in multiselect\n   */\n  leading?: React.ReactNode;\n  /**\n   * Item that goes on right-side of item.\n   *\n   * Valid elements - `<ActionListItemText />`, `<ActionListItemIcon />`\n   */\n  trailing?: React.ReactNode;\n  /**\n   * Item that goes immediately next to the title.\n   *\n   * Valid elements - `<ActionListItemBadge />`, `<ActionListItemBadgeGroup />`\n   *\n   */\n  titleSuffix?: React.ReactElement;\n  isDisabled?: boolean;\n  intent?: Extract<FeedbackColors, 'negative'>;\n  /**\n   * Can be used in combination of `onClick` to highlight item as selected in Button Triggers.\n   *\n   * When trigger is SelectInput, Use `value` prop on SelectInput instead to make dropdown controlled.\n   */\n  isSelected?: boolean;\n  /**\n   * Internally passed from ActionList. No need to pass it explicitly\n   *\n   * @private\n   */\n  _index?: number;\n} & TestID &\n  DataAnalyticsAttribute;\n\nconst StyledActionListSectionTitle = styled(BaseBox)((props) => ({\n  // @TODO: replace this styled-component with new layout box when we have padding shorthand\n  padding: makeSize(props.theme.spacing[3]),\n}));\n\ntype ActionListSectionProps = {\n  title: string;\n  children: React.ReactNode[] | React.ReactNode;\n  /**\n   * Internally used to hide the divider on final item in React Native.\n   *\n   * Should not be used by consumers (also won't work on web)\n   *\n   * @private\n   */\n  _hideDivider?: boolean;\n  /**\n   * Internally used to hide / show section in AutoComplete\n   *\n   * @private\n   */\n  _sectionChildValues?: string[];\n} & TestID &\n  DataAnalyticsAttribute;\nconst _ActionListSection = ({\n  title,\n  children,\n  testID,\n  _hideDivider,\n  _sectionChildValues,\n  ...rest\n}: ActionListSectionProps): React.ReactElement => {\n  const { hasAutoCompleteInBottomSheetHeader, dropdownTriggerer, filteredValues } = useDropdown();\n  const hasAutoComplete =\n    hasAutoCompleteInBottomSheetHeader ||\n    dropdownTriggerer === dropdownComponentIds.triggers.AutoComplete;\n\n  const isSectionVisible = React.useMemo(() => {\n    if (hasAutoComplete) {\n      const visibleActionListItemInSection = _sectionChildValues?.find((actionItemValue) =>\n        filteredValues.includes(actionItemValue),\n      );\n\n      return Boolean(visibleActionListItemInSection);\n    }\n\n    return true;\n  }, [_sectionChildValues, hasAutoComplete, filteredValues]);\n\n  const showDividerInRN = !(_hideDivider && isReactNative());\n  const showDividerInAutoComplete = hasAutoComplete\n    ? isSectionVisible && filteredValues.length > 1\n    : true;\n\n  return (\n    <BaseBox\n      {...makeAccessible({\n        role: getActionListSectionRole(),\n        label: title,\n      })}\n      {...metaAttribute({ name: MetaConstants.ActionListSection, testID })}\n      {...makeAnalyticsAttribute(rest as Record<string, unknown>)}\n    >\n      {/* We're announcing title as group label so we can hide this */}\n      {isSectionVisible ? (\n        <StyledActionListSectionTitle {...makeAccessible({ hidden: true })}>\n          <Text color=\"surface.text.gray.muted\" size=\"small\" weight=\"semibold\">\n            {title}\n          </Text>\n        </StyledActionListSectionTitle>\n      ) : null}\n      <BaseBox\n        {...makeAccessible({\n          // On web, we just wrap it in another listbox to announce item count properly for particular group.\n          // On React Native, we ignore it since `menu` + `group` role will take care of accessibility\n          role: isReactNative() ? undefined : 'listbox',\n        })}\n      >\n        {children}\n      </BaseBox>\n      {showDividerInAutoComplete && showDividerInRN ? (\n        <Divider marginX=\"spacing.3\" marginY=\"spacing.1\" />\n      ) : null}\n    </BaseBox>\n  );\n};\n\nconst ActionListSection = assignWithoutSideEffects(_ActionListSection, {\n  componentId: componentIds.ActionListSection,\n});\n\nconst _ActionListItemIcon = ({ icon }: { icon: IconComponent }): React.ReactElement => {\n  const Icon = icon;\n  const { color, isDisabled } = useBaseMenuItem();\n  const iconState = isDisabled ? 'disabled' : 'muted';\n  return (\n    <Icon\n      color={\n        color === 'negative'\n          ? 'feedback.icon.negative.intense'\n          : `interactive.icon.gray.${iconState}`\n      }\n      size=\"medium\"\n    />\n  );\n};\n\nconst ActionListItemIcon = assignWithoutSideEffects(_ActionListItemIcon, {\n  componentId: componentIds.ActionListItemIcon,\n});\n\nconst _ActionListItemBadgeGroup = ({\n  children,\n}: {\n  children: React.ReactElement[] | React.ReactElement;\n}): React.ReactElement => {\n  return (\n    <Box display=\"flex\" alignItems=\"center\" flexDirection=\"row\">\n      {children}\n    </Box>\n  );\n};\n\nconst ActionListItemBadgeGroup = assignWithoutSideEffects(_ActionListItemBadgeGroup, {\n  componentId: componentIds.ActionListItemBadgeGroup,\n});\n\nconst _ActionListItemAvatar = (avatarProps: Omit<AvatarProps, 'size' | ''>): React.ReactElement => {\n  return <Avatar size=\"xsmall\" {...avatarProps} />;\n};\n\nconst ActionListItemAvatar = assignWithoutSideEffects(_ActionListItemAvatar, {\n  componentId: componentIds.ActionListItemAvatar,\n});\n\nconst _ActionListItemBadge = (props: BadgeProps): React.ReactElement => {\n  return <Badge size=\"medium\" marginLeft=\"spacing.3\" {...props} />;\n};\n\nconst ActionListItemBadge = assignWithoutSideEffects(_ActionListItemBadge, {\n  componentId: componentIds.ActionListItemBadge,\n});\n\nconst _ActionListItemText = ({\n  children,\n}: {\n  children: StringChildrenType;\n}): React.ReactElement => {\n  const { isDisabled } = useBaseMenuItem();\n\n  return (\n    <Text variant=\"caption\" color={getNormalTextColor(isDisabled, { isMuted: true })}>\n      {children}\n    </Text>\n  );\n};\n\nconst ActionListItemText = assignWithoutSideEffects(_ActionListItemText, {\n  componentId: componentIds.ActionListItemText,\n});\n\ntype ClickHandlerType = (e: React.MouseEvent<HTMLButtonElement>) => void;\n\nconst makeActionListItemClickable = (\n  clickHandler: ClickHandlerType,\n): { onPress?: (e: React.TouchEvent<TouchableOpacity>) => void; onClick?: ClickHandlerType } => {\n  if (isReactNative()) {\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment, @typescript-eslint/prefer-ts-expect-error\n    // @ts-ignore: ignoring ReactNative press type for the peace of mind\n    return { onPress: clickHandler };\n  }\n\n  return {\n    onClick: clickHandler,\n  };\n};\n\n/**\n * ### ActionListItem\n *\n * Creates option inside `ActionList`.\n *\n * #### Usage\n *\n * ```jsx\n * <ActionList>\n *  <ActionListItem\n *    title=\"Home\"\n *    value=\"home\"\n *    leading={<ActionListItemIcon icon={HomeIcon} />}\n *    trailing={<ActionListItemText>⌘ + S</ActionListItemText>}\n *  />\n * </ActionList>\n * ```\n */\nconst _ActionListItem = (props: ActionListItemProps): React.ReactElement => {\n  const {\n    activeIndex,\n    dropdownBaseId,\n    onOptionClick,\n    selectedIndices,\n    setShouldIgnoreBlurAnimation,\n    selectionType,\n    dropdownTriggerer,\n    isKeydownPressed,\n    filteredValues,\n    hasAutoCompleteInBottomSheetHeader,\n  } = useDropdown();\n\n  const hasAutoComplete =\n    hasAutoCompleteInBottomSheetHeader ||\n    dropdownTriggerer === dropdownComponentIds.triggers.AutoComplete;\n\n  const renderOnWebAs = props.href ? 'a' : 'button';\n\n  /**\n   * In SelectInput, returns the isSelected according to selected indexes in the state\n   *\n   * In Other Triggers (Menu Usecase), returns `props.isSelected` since passing the\n   * isSelected prop explicitly is the only way to select item in menu\n   */\n  const getIsSelected = (): boolean | undefined => {\n    if (dropdownTriggerer === dropdownComponentIds.triggers.SelectInput || hasAutoComplete) {\n      if (typeof props._index === 'number') {\n        return selectedIndices.includes(props._index);\n      }\n\n      return undefined;\n    }\n\n    return props.isSelected;\n  };\n\n  const isSelected = getIsSelected();\n\n  React.useEffect(() => {\n    validateActionListItemProps({\n      leading: props.leading,\n      trailing: props.trailing,\n      titleSuffix: props.titleSuffix,\n    });\n  }, [props.leading, props.trailing, props.titleSuffix]);\n\n  React.useEffect(() => {\n    if (__DEV__) {\n      if (\n        dropdownTriggerer === dropdownComponentIds.triggers.SelectInput &&\n        props.intent === 'negative'\n      ) {\n        throwBladeError({\n          message:\n            'negative intent ActionListItem cannot be used inside Dropdown with SelectInput trigger',\n          moduleName: 'ActionListItem',\n        });\n      }\n    }\n  }, [props.intent, dropdownTriggerer]);\n\n  const isVisible = hasAutoComplete && filteredValues ? filteredValues.includes(props.value) : true;\n\n  return (\n    <BaseMenuItem\n      isVisible={isVisible}\n      as={!isReactNative() ? renderOnWebAs : undefined}\n      id={`${dropdownBaseId}-${props._index}`}\n      tabIndex={-1}\n      title={props.title}\n      description={props.description}\n      leading={\n        selectionType === 'multiple' ? (\n          <BaseBox\n            pointerEvents=\"none\"\n            // Adding aria-hidden because the listbox item in multiselect in itself explains the behaviour so announcing checkbox is unneccesary and just a nice UI tweak for us\n            {...makeAccessible({\n              hidden: true,\n            })}\n          >\n            <Checkbox isChecked={isSelected} tabIndex={-1} isDisabled={props.isDisabled}>\n              {/* \n      Checkbox requires children. Didn't want to make it optional because its helpful for consumers\n      But for this case in particular, we just want to use Text separately so that we can control spacing and color and keep it consistent with non-multiselect dropdowns\n    */}\n              {null}\n            </Checkbox>\n          </BaseBox>\n        ) : (\n          props.leading\n        )\n      }\n      trailing={props.trailing}\n      titleSuffix={props.titleSuffix}\n      href={props.href}\n      target={props.target}\n      className={activeIndex === props._index ? 'active-focus' : ''}\n      isSelected={isSelected}\n      isDisabled={props.isDisabled}\n      role={getActionListItemRole(dropdownTriggerer, props.href)}\n      {...makeActionListItemClickable((e: React.MouseEvent<HTMLButtonElement>): void => {\n        if (typeof props._index === 'number') {\n          onOptionClick(e, props._index);\n          props.onClick?.({ name: props.value, value: isSelected, event: castWebType(e) });\n        }\n      })}\n      {...makeAnalyticsAttribute({ ...props })}\n      {...metaAttribute({ name: MetaConstants.ActionListItem, testID: props.testID })}\n      onMouseDown={() => {\n        // We want to keep focus on Dropdown's trigger while option is being clicked\n        // So We set this flag that ignores the blur animation to avoid the flicker between focus out + focus in\n        setShouldIgnoreBlurAnimation(true);\n      }}\n      onMouseUp={() => {\n        // (Contd from above comment...) We set this flag back to false since blur of SelectInput is done calling by this time\n        setShouldIgnoreBlurAnimation(false);\n      }}\n      data-value={props.value}\n      data-index={props._index}\n      selectionType={selectionType}\n      color={props.intent}\n      isKeydownPressed={isKeydownPressed}\n    />\n  );\n};\n\nconst ActionListItem = assignWithoutSideEffects(React.memo(_ActionListItem), {\n  componentId: componentIds.ActionListItem,\n  displayName: componentIds.ActionListItem,\n});\n\nexport type { ActionListItemProps, ActionListSectionProps };\nexport {\n  ActionListItem,\n  ActionListItemIcon,\n  ActionListItemText,\n  ActionListItemAvatar,\n  ActionListItemBadge,\n  ActionListItemBadgeGroup,\n  ActionListSection,\n};\n"],"names":["StyledActionListSectionTitle","styled","BaseBox","props","padding","makeSize","theme","spacing","_ActionListSection","_ref","title","children","testID","_hideDivider","_sectionChildValues","rest","_objectWithoutProperties","_excluded","_useDropdown","useDropdown","hasAutoCompleteInBottomSheetHeader","dropdownTriggerer","filteredValues","hasAutoComplete","dropdownComponentIds","triggers","AutoComplete","isSectionVisible","React","useMemo","visibleActionListItemInSection","find","actionItemValue","includes","Boolean","showDividerInRN","isReactNative","showDividerInAutoComplete","length","_jsxs","Object","assign","makeAccessible","role","getActionListSectionRole","label","metaAttribute","name","MetaConstants","ActionListSection","makeAnalyticsAttribute","_jsx","hidden","Text","color","size","weight","undefined","Divider","marginX","marginY","assignWithoutSideEffects","componentId","componentIds","_ActionListItemIcon","_ref2","icon","Icon","_useBaseMenuItem","useBaseMenuItem","isDisabled","iconState","ActionListItemIcon","_ActionListItemBadgeGroup","_ref3","Box","display","alignItems","flexDirection","ActionListItemBadgeGroup","_ActionListItemAvatar","avatarProps","Avatar","ActionListItemAvatar","_ActionListItemBadge","Badge","marginLeft","ActionListItemBadge","_ActionListItemText","_ref4","_useBaseMenuItem2","variant","getNormalTextColor","isMuted","ActionListItemText","makeActionListItemClickable","clickHandler","onPress","onClick","_ActionListItem","_useDropdown2","activeIndex","dropdownBaseId","onOptionClick","selectedIndices","setShouldIgnoreBlurAnimation","selectionType","isKeydownPressed","renderOnWebAs","href","getIsSelected","SelectInput","_index","isSelected","useEffect","validateActionListItemProps","leading","trailing","titleSuffix","__DEV__","intent","throwBladeError","message","moduleName","isVisible","value","BaseMenuItem","as","id","tabIndex","description","pointerEvents","Checkbox","isChecked","target","className","getActionListItemRole","e","event","castWebType","ActionListItem","onMouseDown","onMouseUp","memo","displayName"],"mappings":"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"}
+{"version":3,"file":"ActionListItem.js","sources":["../../../../../src/components/ActionList/ActionListItem.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/ban-ts-comment */\nimport React from 'react';\nimport styled from 'styled-components';\nimport type { TouchableOpacity } from 'react-native';\nimport { componentIds } from './componentIds';\nimport { validateActionListItemProps, getNormalTextColor } from './actionListUtils';\nimport { getActionListItemRole, getActionListSectionRole } from './getA11yRoles';\nimport { Divider } from '~components/Divider';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { IconComponent } from '~components/Icons';\nimport { useDropdown } from '~components/Dropdown/useDropdown';\nimport type { FeedbackColors } from '~tokens/theme/theme';\nimport { Text } from '~components/Typography';\nimport type { Platform } from '~utils';\nimport { castWebType, isReactNative } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { DataAnalyticsAttribute, StringChildrenType, TestID } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeSize } from '~utils/makeSize';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { throwBladeError } from '~utils/logger';\nimport type { BadgeProps } from '~components/Badge';\nimport { Badge } from '~components/Badge';\nimport { Box } from '~components/Box';\nimport { dropdownComponentIds } from '~components/Dropdown/dropdownComponentIds';\nimport { BaseMenuItem, useBaseMenuItem } from '~components/BaseMenu';\nimport { Checkbox } from '~components/Checkbox';\nimport type { AvatarProps } from '~components/Avatar/types';\nimport { Avatar } from '~components/Avatar';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype ActionListItemProps = {\n  title: string;\n  description?: string;\n  onClick?: (clickProps: {\n    name: string;\n    value?: boolean;\n    event: Platform.Select<{\n      web: React.MouseEvent;\n      native: React.TouchEvent<TouchableOpacity>;\n    }>;\n  }) => void;\n  /**\n   * value that you get from `onChange` event on SelectInput or in form submissions.\n   */\n  value: string;\n  /**\n   * Link to open when item is clicked.\n   */\n  href?: string;\n  /**\n   * HTML target of the link\n   */\n  target?: string;\n  /**\n   * Item that goes on left-side of item.\n   *\n   * Valid elements - `<ActionListItemIcon />`, `<ActionListItemAsset />`\n   *\n   * Will be overriden in multiselect\n   */\n  leading?: React.ReactNode;\n  /**\n   * Item that goes on right-side of item.\n   *\n   * Valid elements - `<ActionListItemText />`, `<ActionListItemIcon />`\n   */\n  trailing?: React.ReactNode;\n  /**\n   * Item that goes immediately next to the title.\n   *\n   * Valid elements - `<ActionListItemBadge />`, `<ActionListItemBadgeGroup />`\n   *\n   */\n  titleSuffix?: React.ReactElement;\n  isDisabled?: boolean;\n  intent?: Extract<FeedbackColors, 'negative'>;\n  /**\n   * Can be used in combination of `onClick` to highlight item as selected in Button Triggers.\n   *\n   * When trigger is SelectInput, Use `value` prop on SelectInput instead to make dropdown controlled.\n   */\n  isSelected?: boolean;\n  /**\n   * Internally passed from ActionList. No need to pass it explicitly\n   *\n   * @private\n   */\n  _index?: number;\n  /**\n   * Internally used to pass index for virtualized lists\n   *\n   * @private\n   */\n  _virtualizedIndex?: number;\n  /**\n   * Internally used to focus on virtualized list\n   *\n   * @private\n   */\n  _onVirtualizedFocus?: (_virtuazedIndex: number) => void;\n} & TestID &\n  DataAnalyticsAttribute;\n\nconst StyledActionListSectionTitle = styled(BaseBox)((props) => ({\n  // @TODO: replace this styled-component with new layout box when we have padding shorthand\n  padding: makeSize(props.theme.spacing[3]),\n}));\n\ntype ActionListSectionProps = {\n  title: string;\n  children: React.ReactNode[] | React.ReactNode;\n  /**\n   * Internally used to hide the divider on final item in React Native\n   *\n   * Should not be used by consumers (also won't work on web)\n   *\n   * @private\n   */\n  _hideDivider?: boolean;\n  /**\n   * Internally used to hide / show section in AutoComplete\n   *\n   * @private\n   */\n  _sectionChildValues?: string[];\n} & TestID &\n  DataAnalyticsAttribute;\n\nconst _ActionListSectionTitle = ({\n  title,\n  isInsideVirtualizedList = false,\n}: {\n  title: string;\n  isInsideVirtualizedList?: boolean;\n}): React.ReactElement => {\n  return (\n    <StyledActionListSectionTitle\n      {...makeAccessible({\n        hidden: !isInsideVirtualizedList,\n        role: isInsideVirtualizedList ? 'heading' : undefined,\n      })}\n    >\n      <Text color=\"surface.text.gray.muted\" size=\"small\" weight=\"semibold\">\n        {title}\n      </Text>\n    </StyledActionListSectionTitle>\n  );\n};\n\nconst ActionListSectionTitle = assignWithoutSideEffects(_ActionListSectionTitle, {\n  componentId: componentIds.ActionListSectionTitle,\n});\nconst _ActionListSection = ({\n  title,\n  children,\n  testID,\n  _hideDivider,\n  _sectionChildValues,\n  ...rest\n}: ActionListSectionProps): React.ReactElement => {\n  const { hasAutoCompleteInBottomSheetHeader, dropdownTriggerer, filteredValues } = useDropdown();\n  const hasAutoComplete =\n    hasAutoCompleteInBottomSheetHeader ||\n    dropdownTriggerer === dropdownComponentIds.triggers.AutoComplete;\n\n  const isSectionVisible = React.useMemo(() => {\n    if (hasAutoComplete) {\n      const visibleActionListItemInSection = _sectionChildValues?.find((actionItemValue) =>\n        filteredValues.includes(actionItemValue),\n      );\n\n      return Boolean(visibleActionListItemInSection);\n    }\n\n    return true;\n  }, [_sectionChildValues, hasAutoComplete, filteredValues]);\n\n  const showDividerInRN = !(_hideDivider && isReactNative());\n  const showDividerInAutoComplete = hasAutoComplete\n    ? isSectionVisible && filteredValues.length > 1\n    : true;\n\n  return (\n    <BaseBox\n      {...makeAccessible({\n        role: getActionListSectionRole(),\n        label: title,\n      })}\n      {...metaAttribute({ name: MetaConstants.ActionListSection, testID })}\n      {...makeAnalyticsAttribute(rest as Record<string, unknown>)}\n    >\n      {/* We're announcing title as group label so we can hide this */}\n      {isSectionVisible ? <ActionListSectionTitle title={title} /> : null}\n\n      <BaseBox\n        {...makeAccessible({\n          // On web, we just wrap it in another listbox to announce item count properly for particular group.\n          // On React Native, we ignore it since `menu` + `group` role will take care of accessibility\n          role: isReactNative() ? undefined : 'listbox',\n        })}\n      >\n        {children}\n      </BaseBox>\n      {showDividerInAutoComplete && showDividerInRN ? (\n        <Divider marginX=\"spacing.3\" marginY=\"spacing.1\" />\n      ) : null}\n    </BaseBox>\n  );\n};\n\nconst ActionListSection = assignWithoutSideEffects(React.memo(_ActionListSection), {\n  componentId: componentIds.ActionListSection,\n});\n\nconst _ActionListItemIcon = ({ icon }: { icon: IconComponent }): React.ReactElement => {\n  const Icon = icon;\n  const { color, isDisabled } = useBaseMenuItem();\n  const iconState = isDisabled ? 'disabled' : 'muted';\n  return (\n    <Icon\n      color={\n        color === 'negative'\n          ? 'feedback.icon.negative.intense'\n          : `interactive.icon.gray.${iconState}`\n      }\n      size=\"medium\"\n    />\n  );\n};\n\nconst ActionListItemIcon = assignWithoutSideEffects(_ActionListItemIcon, {\n  componentId: componentIds.ActionListItemIcon,\n});\n\nconst _ActionListItemBadgeGroup = ({\n  children,\n}: {\n  children: React.ReactElement[] | React.ReactElement;\n}): React.ReactElement => {\n  return (\n    <Box display=\"flex\" alignItems=\"center\" flexDirection=\"row\">\n      {children}\n    </Box>\n  );\n};\n\nconst ActionListItemBadgeGroup = assignWithoutSideEffects(_ActionListItemBadgeGroup, {\n  componentId: componentIds.ActionListItemBadgeGroup,\n});\n\nconst _ActionListItemAvatar = (avatarProps: Omit<AvatarProps, 'size' | ''>): React.ReactElement => {\n  return <Avatar size=\"xsmall\" {...avatarProps} />;\n};\n\nconst ActionListItemAvatar = assignWithoutSideEffects(_ActionListItemAvatar, {\n  componentId: componentIds.ActionListItemAvatar,\n});\n\nconst _ActionListItemBadge = (props: BadgeProps): React.ReactElement => {\n  return <Badge size=\"medium\" marginLeft=\"spacing.3\" {...props} />;\n};\n\nconst ActionListItemBadge = assignWithoutSideEffects(_ActionListItemBadge, {\n  componentId: componentIds.ActionListItemBadge,\n});\n\nconst _ActionListItemText = ({\n  children,\n}: {\n  children: StringChildrenType;\n}): React.ReactElement => {\n  const { isDisabled } = useBaseMenuItem();\n\n  return (\n    <Text variant=\"caption\" color={getNormalTextColor(isDisabled, { isMuted: true })}>\n      {children}\n    </Text>\n  );\n};\n\nconst ActionListItemText = assignWithoutSideEffects(_ActionListItemText, {\n  componentId: componentIds.ActionListItemText,\n});\n\ntype ClickHandlerType = (e: React.MouseEvent<HTMLButtonElement>) => void;\n\nconst makeActionListItemClickable = (\n  clickHandler: ClickHandlerType,\n): { onPress?: (e: React.TouchEvent<TouchableOpacity>) => void; onClick?: ClickHandlerType } => {\n  if (isReactNative()) {\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment, @typescript-eslint/prefer-ts-expect-error\n    // @ts-ignore: ignoring ReactNative press type for the peace of mind\n    return { onPress: clickHandler };\n  }\n\n  return {\n    onClick: clickHandler,\n  };\n};\n\n/**\n * ### ActionListItem\n *\n * Creates option inside `ActionList`.\n *\n * #### Usage\n *\n * ```jsx\n * <ActionList>\n *  <ActionListItem\n *    title=\"Home\"\n *    value=\"home\"\n *    leading={<ActionListItemIcon icon={HomeIcon} />}\n *    trailing={<ActionListItemText>⌘ + S</ActionListItemText>}\n *  />\n * </ActionList>\n * ```\n */\nconst _ActionListItem = (props: ActionListItemProps): React.ReactElement => {\n  const {\n    activeIndex,\n    dropdownBaseId,\n    onOptionClick,\n    selectedIndices,\n    setShouldIgnoreBlurAnimation,\n    selectionType,\n    dropdownTriggerer,\n    isKeydownPressed,\n    filteredValues,\n    hasAutoCompleteInBottomSheetHeader,\n  } = useDropdown();\n\n  React.useEffect(() => {\n    if (activeIndex === props._index && props._virtualizedIndex !== undefined) {\n      props._onVirtualizedFocus?.(props._virtualizedIndex as number);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [activeIndex]);\n\n  const hasAutoComplete =\n    hasAutoCompleteInBottomSheetHeader ||\n    dropdownTriggerer === dropdownComponentIds.triggers.AutoComplete;\n\n  const renderOnWebAs = props.href ? 'a' : 'button';\n\n  /**\n   * In SelectInput, returns the isSelected according to selected indexes in the state\n   *\n   * In Other Triggers (Menu Usecase), returns `props.isSelected` since passing the\n   * isSelected prop explicitly is the only way to select item in menu\n   */\n  const getIsSelected = (): boolean | undefined => {\n    if (dropdownTriggerer === dropdownComponentIds.triggers.SelectInput || hasAutoComplete) {\n      if (typeof props._index === 'number') {\n        return selectedIndices.includes(props._index);\n      }\n\n      return undefined;\n    }\n\n    return props.isSelected;\n  };\n\n  const isSelected = getIsSelected();\n\n  React.useEffect(() => {\n    validateActionListItemProps({\n      leading: props.leading,\n      trailing: props.trailing,\n      titleSuffix: props.titleSuffix,\n    });\n  }, [props.leading, props.trailing, props.titleSuffix]);\n\n  React.useEffect(() => {\n    if (__DEV__) {\n      if (\n        dropdownTriggerer === dropdownComponentIds.triggers.SelectInput &&\n        props.intent === 'negative'\n      ) {\n        throwBladeError({\n          message:\n            'negative intent ActionListItem cannot be used inside Dropdown with SelectInput trigger',\n          moduleName: 'ActionListItem',\n        });\n      }\n    }\n  }, [props.intent, dropdownTriggerer]);\n\n  const isVisible = hasAutoComplete && filteredValues ? filteredValues.includes(props.value) : true;\n\n  return (\n    <BaseMenuItem\n      isVisible={isVisible}\n      as={!isReactNative() ? renderOnWebAs : undefined}\n      id={`${dropdownBaseId}-${props._index}`}\n      tabIndex={-1}\n      title={props.title}\n      description={props.description}\n      leading={\n        selectionType === 'multiple' ? (\n          <BaseBox\n            pointerEvents=\"none\"\n            // Adding aria-hidden because the listbox item in multiselect in itself explains the behaviour so announcing checkbox is unneccesary and just a nice UI tweak for us\n            {...makeAccessible({\n              hidden: true,\n            })}\n          >\n            <Checkbox isChecked={isSelected} tabIndex={-1} isDisabled={props.isDisabled}>\n              {/* \n      Checkbox requires children. Didn't want to make it optional because its helpful for consumers\n      But for this case in particular, we just want to use Text separately so that we can control spacing and color and keep it consistent with non-multiselect dropdowns\n    */}\n              {null}\n            </Checkbox>\n          </BaseBox>\n        ) : (\n          props.leading\n        )\n      }\n      trailing={props.trailing}\n      titleSuffix={props.titleSuffix}\n      href={props.href}\n      target={props.target}\n      className={activeIndex === props._index ? 'active-focus' : ''}\n      isSelected={isSelected}\n      isDisabled={props.isDisabled}\n      role={getActionListItemRole(dropdownTriggerer, props.href)}\n      {...makeActionListItemClickable((e: React.MouseEvent<HTMLButtonElement>): void => {\n        if (typeof props._index === 'number') {\n          onOptionClick(e, props._index);\n          props.onClick?.({ name: props.value, value: isSelected, event: castWebType(e) });\n        }\n      })}\n      {...makeAnalyticsAttribute({ ...props })}\n      {...metaAttribute({ name: MetaConstants.ActionListItem, testID: props.testID })}\n      onMouseDown={() => {\n        // We want to keep focus on Dropdown's trigger while option is being clicked\n        // So We set this flag that ignores the blur animation to avoid the flicker between focus out + focus in\n        setShouldIgnoreBlurAnimation(true);\n      }}\n      onMouseUp={() => {\n        // (Contd from above comment...) We set this flag back to false since blur of SelectInput is done calling by this time\n        setShouldIgnoreBlurAnimation(false);\n      }}\n      data-value={props.value}\n      data-index={props._index}\n      selectionType={selectionType}\n      color={props.intent}\n      isKeydownPressed={isKeydownPressed}\n    />\n  );\n};\n\nconst ActionListItem = assignWithoutSideEffects(React.memo(_ActionListItem), {\n  componentId: componentIds.ActionListItem,\n  displayName: componentIds.ActionListItem,\n});\n\nexport type { ActionListItemProps, ActionListSectionProps };\nexport {\n  ActionListItem,\n  ActionListItemIcon,\n  ActionListItemText,\n  ActionListItemAvatar,\n  ActionListItemBadge,\n  ActionListItemBadgeGroup,\n  ActionListSection,\n  ActionListSectionTitle,\n};\n"],"names":["StyledActionListSectionTitle","styled","BaseBox","props","padding","makeSize","theme","spacing","_ActionListSectionTitle","_ref","title","_ref$isInsideVirtuali","isInsideVirtualizedList","_jsx","Object","assign","makeAccessible","hidden","role","undefined","children","Text","color","size","weight","ActionListSectionTitle","assignWithoutSideEffects","componentId","componentIds","_ActionListSection","_ref2","testID","_hideDivider","_sectionChildValues","rest","_objectWithoutProperties","_excluded","_useDropdown","useDropdown","hasAutoCompleteInBottomSheetHeader","dropdownTriggerer","filteredValues","hasAutoComplete","dropdownComponentIds","triggers","AutoComplete","isSectionVisible","React","useMemo","visibleActionListItemInSection","find","actionItemValue","includes","Boolean","showDividerInRN","isReactNative","showDividerInAutoComplete","length","_jsxs","getActionListSectionRole","label","metaAttribute","name","MetaConstants","ActionListSection","makeAnalyticsAttribute","Divider","marginX","marginY","memo","_ActionListItemIcon","_ref3","icon","Icon","_useBaseMenuItem","useBaseMenuItem","isDisabled","iconState","ActionListItemIcon","_ActionListItemBadgeGroup","_ref4","Box","display","alignItems","flexDirection","ActionListItemBadgeGroup","_ActionListItemAvatar","avatarProps","Avatar","ActionListItemAvatar","_ActionListItemBadge","Badge","marginLeft","ActionListItemBadge","_ActionListItemText","_ref5","_useBaseMenuItem2","variant","getNormalTextColor","isMuted","ActionListItemText","makeActionListItemClickable","clickHandler","onPress","onClick","_ActionListItem","_useDropdown2","activeIndex","dropdownBaseId","onOptionClick","selectedIndices","setShouldIgnoreBlurAnimation","selectionType","isKeydownPressed","useEffect","_index","_virtualizedIndex","_onVirtualizedFocus","renderOnWebAs","href","getIsSelected","SelectInput","isSelected","validateActionListItemProps","leading","trailing","titleSuffix","__DEV__","intent","throwBladeError","message","moduleName","isVisible","value","BaseMenuItem","as","id","tabIndex","description","pointerEvents","Checkbox","isChecked","target","className","getActionListItemRole","e","event","castWebType","ActionListItem","onMouseDown","onMouseUp","displayName"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-var componentIds={ActionList:'ActionList',ActionListItem:'ActionListItem',ActionListItemBadge:'ActionListItemBadge',ActionListItemBadgeGroup:'ActionListItemBadgeGroup',ActionListItemAsset:'ActionListItemAsset',ActionListItemIcon:'ActionListItemIcon',ActionListItemAvatar:'ActionListItemAvatar',ActionListItemText:'ActionListItemText',ActionListSection:'ActionListSection'};
+var componentIds={ActionList:'ActionList',ActionListItem:'ActionListItem',ActionListItemBadge:'ActionListItemBadge',ActionListItemBadgeGroup:'ActionListItemBadgeGroup',ActionListItemAsset:'ActionListItemAsset',ActionListItemIcon:'ActionListItemIcon',ActionListItemAvatar:'ActionListItemAvatar',ActionListItemText:'ActionListItemText',ActionListSection:'ActionListSection',ActionListSectionTitle:'ActionListSectionTitle'};
 
 export { componentIds };
 //# sourceMappingURL=componentIds.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"componentIds.js","sources":["../../../../../src/components/ActionList/componentIds.ts"],"sourcesContent":["export const componentIds = {\n  ActionList: 'ActionList',\n  ActionListItem: 'ActionListItem',\n  ActionListItemBadge: 'ActionListItemBadge',\n  ActionListItemBadgeGroup: 'ActionListItemBadgeGroup',\n  ActionListItemAsset: 'ActionListItemAsset',\n  ActionListItemIcon: 'ActionListItemIcon',\n  ActionListItemAvatar: 'ActionListItemAvatar',\n  ActionListItemText: 'ActionListItemText',\n  ActionListSection: 'ActionListSection',\n};\n"],"names":["componentIds","ActionList","ActionListItem","ActionListItemBadge","ActionListItemBadgeGroup","ActionListItemAsset","ActionListItemIcon","ActionListItemAvatar","ActionListItemText","ActionListSection"],"mappings":"AAAa,IAAAA,YAAY,CAAG,CAC1BC,UAAU,CAAE,YAAY,CACxBC,cAAc,CAAE,gBAAgB,CAChCC,mBAAmB,CAAE,qBAAqB,CAC1CC,wBAAwB,CAAE,0BAA0B,CACpDC,mBAAmB,CAAE,qBAAqB,CAC1CC,kBAAkB,CAAE,oBAAoB,CACxCC,oBAAoB,CAAE,sBAAsB,CAC5CC,kBAAkB,CAAE,oBAAoB,CACxCC,iBAAiB,CAAE,mBACrB;;;;"}
+{"version":3,"file":"componentIds.js","sources":["../../../../../src/components/ActionList/componentIds.ts"],"sourcesContent":["export const componentIds = {\n  ActionList: 'ActionList',\n  ActionListItem: 'ActionListItem',\n  ActionListItemBadge: 'ActionListItemBadge',\n  ActionListItemBadgeGroup: 'ActionListItemBadgeGroup',\n  ActionListItemAsset: 'ActionListItemAsset',\n  ActionListItemIcon: 'ActionListItemIcon',\n  ActionListItemAvatar: 'ActionListItemAvatar',\n  ActionListItemText: 'ActionListItemText',\n  ActionListSection: 'ActionListSection',\n  ActionListSectionTitle: 'ActionListSectionTitle',\n};\n"],"names":["componentIds","ActionList","ActionListItem","ActionListItemBadge","ActionListItemBadgeGroup","ActionListItemAsset","ActionListItemIcon","ActionListItemAvatar","ActionListItemText","ActionListSection","ActionListSectionTitle"],"mappings":"AAAa,IAAAA,YAAY,CAAG,CAC1BC,UAAU,CAAE,YAAY,CACxBC,cAAc,CAAE,gBAAgB,CAChCC,mBAAmB,CAAE,qBAAqB,CAC1CC,wBAAwB,CAAE,0BAA0B,CACpDC,mBAAmB,CAAE,qBAAqB,CAC1CC,kBAAkB,CAAE,oBAAoB,CACxCC,oBAAoB,CAAE,sBAAsB,CAC5CC,kBAAkB,CAAE,oBAAoB,CACxCC,iBAAiB,CAAE,mBAAmB,CACtCC,sBAAsB,CAAE,wBAC1B;;;;"}

package/build/lib/native/components/BaseMenu/BaseMenuItem/tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.js","sources":["../../../../../../src/components/BaseMenu/BaseMenuItem/tokens.ts"],"sourcesContent":["import type { Theme } from '~components/BladeProvider';\nimport { size } from '~tokens/global';\n\nconst itemFirstRowHeight = size[20];\n\nconst getItemPadding = (\n  theme: Theme,\n): {\n  itemPaddingMobile: 4;\n  itemPaddingDesktop: 8;\n} => {\n  return {\n    itemPaddingMobile: theme.spacing[2],\n    itemPaddingDesktop: theme.spacing[3],\n  };\n};\n\nconst getItemMargin = (theme: Theme): number => {\n  return theme.spacing[1];\n};\n\nconst getItemHeight = (\n  theme: Theme,\n): {\n  itemHeightMobile: number;\n  itemHeightDesktop: number;\n} => {\n  return {\n    itemHeightMobile:\n      // eslint-disable-next-line @typescript-eslint/restrict-plus-operands\n      itemFirstRowHeight + getItemPadding(theme).itemPaddingMobile * 2 + getItemMargin(theme) * 2,\n    itemHeightDesktop:\n      // eslint-disable-next-line @typescript-eslint/restrict-plus-operands\n      itemFirstRowHeight + getItemPadding(theme).itemPaddingDesktop * 2 + getItemMargin(theme) * 2,\n  };\n};\n\nexport { itemFirstRowHeight, getItemPadding, getItemMargin, getItemHeight };\n"],"names":["itemFirstRowHeight","size","getItemMargin","theme","spacing"],"mappings":";;;;AAGM,IAAAA,kBAAkB,CAAGC,IAAI,CAAC,EAAE,EAc5B,IAAAC,aAAa,CAAG,SAAhBA,aAAaA,CAAIC,KAAY,CAAa,CAC9C,OAAOA,KAAK,CAACC,OAAO,CAAC,CAAC,CAAC,CACzB;;;;"}
+{"version":3,"file":"tokens.js","sources":["../../../../../../src/components/BaseMenu/BaseMenuItem/tokens.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/restrict-plus-operands */\nimport type { Theme } from '~components/BladeProvider';\nimport { size } from '~tokens/global';\n\nconst itemFirstRowHeight = size[20];\nconst actionListItemPadding = 8;\nconst dividerYMargin = 1;\nconst actionListSectionTitleHeight = size[18] + actionListItemPadding * 2;\nconst actionListDividerHeight = size[1] + dividerYMargin * 2;\n\nconst getItemPadding = (\n  theme: Theme,\n): {\n  itemPaddingMobile: 4;\n  itemPaddingDesktop: 8;\n} => {\n  return {\n    itemPaddingMobile: theme.spacing[2],\n    itemPaddingDesktop: theme.spacing[3],\n  };\n};\n\nconst getItemMargin = (theme: Theme): number => {\n  return theme.spacing[1];\n};\n\nconst getActionListItemHeight = (\n  theme: Theme,\n): {\n  itemHeightMobile: number;\n  itemHeightDesktop: number;\n} => {\n  return {\n    itemHeightMobile:\n      // eslint-disable-next-line @typescript-eslint/restrict-plus-operands\n      itemFirstRowHeight + getItemPadding(theme).itemPaddingMobile * 2 + getItemMargin(theme) * 2,\n    itemHeightDesktop:\n      // eslint-disable-next-line @typescript-eslint/restrict-plus-operands\n      itemFirstRowHeight + getItemPadding(theme).itemPaddingDesktop * 2 + getItemMargin(theme) * 2,\n  };\n};\n\nexport {\n  actionListSectionTitleHeight,\n  actionListDividerHeight,\n  itemFirstRowHeight,\n  getItemPadding,\n  getItemMargin,\n  getActionListItemHeight,\n};\n"],"names":["itemFirstRowHeight","size","getItemMargin","theme","spacing"],"mappings":";;;;AAIM,IAAAA,kBAAkB,CAAGC,IAAI,CAAC,EAAE,EAkB5B,IAAAC,aAAa,CAAG,SAAhBA,aAAaA,CAAIC,KAAY,CAAa,CAC9C,OAAOA,KAAK,CAACC,OAAO,CAAC,CAAC,CAAC,CACzB;;;;"}

package/build/lib/native/components/Icons/AndroidIcon/AndroidIcon.js

@@ -0,0 +1,12 @@
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import 'react-native-svg';
+import '@babel/runtime/helpers/defineProperty';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import Path from '../_Svg/Path/Path.native.js';
+import Svg from '../_Svg/Svg/Svg.native.js';
+import useIconProps from '../useIconProps/useIconProps.js';
+
+var _excluded=["size","color"];var AndroidIcon=function AndroidIcon(_ref){var size=_ref.size,color=_ref.color,styledProps=_objectWithoutProperties(_ref,_excluded);var _useIconProps=useIconProps({size:size,color:color}),height=_useIconProps.height,width=_useIconProps.width,iconColor=_useIconProps.iconColor;return jsxs(Svg,Object.assign({},styledProps,{width:width,height:height,viewBox:"0 0 24 24",fill:"none",children:[jsx(Path,{d:"M8.5 15C9.19036 15 9.75 14.4404 9.75 13.75C9.75 13.0596 9.19036 12.5 8.5 12.5C7.80964 12.5 7.25 13.0596 7.25 13.75C7.25 14.4404 7.80964 15 8.5 15Z",fill:iconColor}),jsx(Path,{d:"M15 15C15.6904 15 16.25 14.4404 16.25 13.75C16.25 13.0596 15.6904 12.5 15 12.5C14.3096 12.5 13.75 13.0596 13.75 13.75C13.75 14.4404 14.3096 15 15 15Z",fill:iconColor}),jsx(Path,{fillRule:"evenodd",clipRule:"evenodd",d:"M2.04289 4.29289C2.43342 3.90237 3.06658 3.90237 3.45711 4.29289L5.75938 6.59517C7.45745 5.43878 9.50227 4.75776 11.7118 4.75007C13.1267 4.74503 14.5287 5.01938 15.8373 5.55736C16.5106 5.83414 17.1524 6.1779 17.7533 6.58246L20.0429 4.29289C20.4334 3.90237 21.0666 3.90237 21.4571 4.29289C21.8476 4.68342 21.8476 5.31658 21.4571 5.70711L19.3084 7.85583C19.3182 7.86557 19.3281 7.87533 19.3379 7.88512C20.3402 8.88385 21.1354 10.0706 21.6781 11.3774C22.2207 12.6841 22.5 14.0851 22.5 15.5001V17.7501C22.5 18.2142 22.3156 18.6593 21.9874 18.9875C21.6592 19.3157 21.2141 19.5001 20.75 19.5001H2.75C2.28587 19.5001 1.84075 19.3157 1.51256 18.9875C1.18437 18.6593 1 18.2142 1 17.7501V15.606C1 12.5987 2.22559 9.85298 4.21106 7.87527L2.04289 5.70711C1.65237 5.31658 1.65237 4.68342 2.04289 4.29289ZM17.2062 8.6595C17.2207 8.67184 17.2355 8.6837 17.2505 8.69507C17.4856 8.88514 17.7112 9.08762 17.9262 9.30184C18.742 10.1148 19.3893 11.0807 19.831 12.1444C20.2727 13.208 20.5 14.3484 20.5 15.5001V17.5001H3V15.606C3 10.754 6.89507 6.76684 11.7188 6.75006C12.8705 6.74596 14.0117 6.96926 15.0769 7.40715C15.8438 7.72243 16.5605 8.14447 17.2062 8.6595Z",fill:iconColor})]}));};
+
+export { AndroidIcon as default };
+//# sourceMappingURL=AndroidIcon.js.map

package/build/lib/native/components/Icons/AndroidIcon/AndroidIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AndroidIcon.js","sources":["../../../../../../src/components/Icons/AndroidIcon/AndroidIcon.tsx"],"sourcesContent":["import { Svg, Path } from '../_Svg';\nimport type { IconComponent } from '..';\nimport useIconProps from '../useIconProps';\n\nconst AndroidIcon: IconComponent = ({ size, color, ...styledProps }) => {\n  const { height, width, iconColor } = useIconProps({ size, color });\n\n  return (\n    <Svg {...styledProps} width={width} height={height} viewBox=\"0 0 24 24\" fill=\"none\">\n      <Path\n        d=\"M8.5 15C9.19036 15 9.75 14.4404 9.75 13.75C9.75 13.0596 9.19036 12.5 8.5 12.5C7.80964 12.5 7.25 13.0596 7.25 13.75C7.25 14.4404 7.80964 15 8.5 15Z\"\n        fill={iconColor}\n      />\n      <Path\n        d=\"M15 15C15.6904 15 16.25 14.4404 16.25 13.75C16.25 13.0596 15.6904 12.5 15 12.5C14.3096 12.5 13.75 13.0596 13.75 13.75C13.75 14.4404 14.3096 15 15 15Z\"\n        fill={iconColor}\n      />\n      <Path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M2.04289 4.29289C2.43342 3.90237 3.06658 3.90237 3.45711 4.29289L5.75938 6.59517C7.45745 5.43878 9.50227 4.75776 11.7118 4.75007C13.1267 4.74503 14.5287 5.01938 15.8373 5.55736C16.5106 5.83414 17.1524 6.1779 17.7533 6.58246L20.0429 4.29289C20.4334 3.90237 21.0666 3.90237 21.4571 4.29289C21.8476 4.68342 21.8476 5.31658 21.4571 5.70711L19.3084 7.85583C19.3182 7.86557 19.3281 7.87533 19.3379 7.88512C20.3402 8.88385 21.1354 10.0706 21.6781 11.3774C22.2207 12.6841 22.5 14.0851 22.5 15.5001V17.7501C22.5 18.2142 22.3156 18.6593 21.9874 18.9875C21.6592 19.3157 21.2141 19.5001 20.75 19.5001H2.75C2.28587 19.5001 1.84075 19.3157 1.51256 18.9875C1.18437 18.6593 1 18.2142 1 17.7501V15.606C1 12.5987 2.22559 9.85298 4.21106 7.87527L2.04289 5.70711C1.65237 5.31658 1.65237 4.68342 2.04289 4.29289ZM17.2062 8.6595C17.2207 8.67184 17.2355 8.6837 17.2505 8.69507C17.4856 8.88514 17.7112 9.08762 17.9262 9.30184C18.742 10.1148 19.3893 11.0807 19.831 12.1444C20.2727 13.208 20.5 14.3484 20.5 15.5001V17.5001H3V15.606C3 10.754 6.89507 6.76684 11.7188 6.75006C12.8705 6.74596 14.0117 6.96926 15.0769 7.40715C15.8438 7.72243 16.5605 8.14447 17.2062 8.6595Z\"\n        fill={iconColor}\n      />\n    </Svg>\n  );\n};\n\nexport default AndroidIcon;\n"],"names":["AndroidIcon","_ref","size","color","styledProps","_objectWithoutProperties","_excluded","_useIconProps","useIconProps","height","width","iconColor","_jsxs","Svg","Object","assign","viewBox","fill","children","_jsx","Path","d","fillRule","clipRule"],"mappings":";;;;;;;;AAAA,IAAA,SAAA,CAAA,CAAA,MAAA,CAAA,OAAA,CAAA,CAIM,IAAAA,WAA0B,CAAG,SAA7BA,WAA0BA,CAAAC,IAAA,CAAwC,KAAlCC,IAAI,CAAAD,IAAA,CAAJC,IAAI,CAAEC,KAAK,CAAAF,IAAA,CAALE,KAAK,CAAKC,WAAW,CAAAC,wBAAA,CAAAJ,IAAA,CAAAK,SAAA,EAC/D,IAAAC,aAAA,CAAqCC,YAAY,CAAC,CAAEN,IAAI,CAAJA,IAAI,CAAEC,KAAK,CAALA,KAAM,CAAC,CAAC,CAA1DM,MAAM,CAAAF,aAAA,CAANE,MAAM,CAAEC,KAAK,CAAAH,aAAA,CAALG,KAAK,CAAEC,SAAS,CAAAJ,aAAA,CAATI,SAAS,CAEhC,OACEC,IAAA,CAACC,GAAG,CAAAC,MAAA,CAAAC,MAAA,CAAKX,EAAAA,CAAAA,WAAW,CAAEM,CAAAA,KAAK,CAAEA,KAAM,CAACD,MAAM,CAAEA,MAAO,CAACO,OAAO,CAAC,WAAW,CAACC,IAAI,CAAC,MAAM,CAAAC,QAAA,CAAA,CACjFC,GAAA,CAACC,IAAI,CACHC,CAAAA,CAAC,CAAC,oJAAoJ,CACtJJ,IAAI,CAAEN,SAAU,CACjB,CAAC,CACFQ,GAAA,CAACC,IAAI,CACHC,CAAAA,CAAC,CAAC,uJAAuJ,CACzJJ,IAAI,CAAEN,SAAU,CACjB,CAAC,CACFQ,GAAA,CAACC,IAAI,CACHE,CAAAA,QAAQ,CAAC,SAAS,CAClBC,QAAQ,CAAC,SAAS,CAClBF,CAAC,CAAC,wnCAAwnC,CAC1nCJ,IAAI,CAAEN,SAAU,CACjB,CAAC,GACC,CAAC,CAEV;;;;"}

package/build/lib/native/components/Icons/AppleIcon/AppleIcon.js

@@ -0,0 +1,12 @@
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import 'react-native-svg';
+import '@babel/runtime/helpers/defineProperty';
+import { jsx } from 'react/jsx-runtime';
+import Path from '../_Svg/Path/Path.native.js';
+import Svg from '../_Svg/Svg/Svg.native.js';
+import useIconProps from '../useIconProps/useIconProps.js';
+
+var _excluded=["size","color"];var AppleIcon=function AppleIcon(_ref){var size=_ref.size,color=_ref.color,styledProps=_objectWithoutProperties(_ref,_excluded);var _useIconProps=useIconProps({size:size,color:color}),height=_useIconProps.height,width=_useIconProps.width,iconColor=_useIconProps.iconColor;return jsx(Svg,Object.assign({},styledProps,{width:width,height:height,viewBox:"0 0 24 24",fill:"none",children:jsx(Path,{d:"M13.983 6.25487L14.796 5.92094C15.4562 5.65903 16.3096 5.39166 17.3168 5.56081C19.3804 5.90784 20.8035 7.02204 21.6514 8.49964C21.9788 9.06929 21.7147 9.82009 21.1036 10.0591C20.58 10.2639 20.1325 10.6254 19.8222 11.0941C19.5118 11.5628 19.3538 12.116 19.3697 12.6779C19.3855 13.2399 19.5746 13.7832 19.9109 14.2337C20.2472 14.6841 20.7144 15.0197 21.2487 15.1947C21.814 15.3802 22.1327 16.0077 21.9471 16.5729C21.4648 18.0374 20.7707 19.3895 19.949 20.4808C19.1371 21.559 18.1462 22.4539 17.0429 22.8915C16.3096 23.1818 15.526 23.0661 14.7752 22.8773L14.33 22.7572L13.6916 22.5794L13.3435 22.4932C13.1726 22.4506 12.9978 22.426 12.8218 22.42C12.68 22.42 12.5108 22.4462 12.3002 22.4932L11.951 22.5805L11.0921 22.8184C10.2759 23.0399 9.40721 23.2112 8.60075 22.8915C7.21154 22.3415 5.98603 21.0581 5.05954 19.5445C4.05774 17.8771 3.39606 16.0278 3.11269 14.1034C2.86497 12.4075 2.99919 10.5032 3.78383 8.8925C4.59137 7.23266 6.07115 5.94058 8.32684 5.56081C9.24351 5.40694 10.0314 5.6132 10.6622 5.85L11.0234 5.99187L11.6607 6.25487C12.0972 6.4262 12.441 6.5266 12.8218 6.5266C13.2016 6.5266 13.5464 6.4262 13.983 6.25487ZM10.8466 8.28138L10.4668 8.12533C9.66911 7.7914 9.22496 7.62334 8.68805 7.71282C7.16898 7.96927 6.26431 8.78446 5.74595 9.84846C5.20468 10.9594 5.06936 12.3933 5.27233 13.788C5.52115 15.4882 6.13336 17.1164 6.92126 18.4063C7.72663 19.7213 8.63567 20.5583 9.40393 20.8617C9.66584 20.9654 10.0423 20.8835 10.3915 20.7766L10.875 20.6172L11.0081 20.5758L11.4806 20.4448C11.9019 20.3357 12.3766 20.2375 12.8218 20.2375C13.266 20.2375 13.7418 20.3357 14.163 20.4448L14.6355 20.5758L14.7687 20.6172L15.2521 20.7766C15.6013 20.8835 15.9778 20.9654 16.2397 20.8617C16.8367 20.626 17.5307 20.0629 18.204 19.168C18.706 18.5023 19.1644 17.6926 19.5387 16.7923C18.8203 16.3537 18.2268 15.7379 17.815 15.0039C17.4032 14.2698 17.1869 13.4423 17.187 12.6007C17.187 11.0216 17.9312 9.61929 19.0858 8.72117C18.5696 8.23009 17.8777 7.86888 16.9556 7.71282C16.4722 7.63207 16.064 7.75975 15.406 8.03039L15.1768 8.12533C14.5864 8.37305 13.7843 8.70916 12.8218 8.70916C12.0525 8.70916 11.3846 8.49418 10.8466 8.28138ZM12.5687 1.98031C13.6337 0.914132 15.2696 0.822464 15.6548 1.20878C16.0411 1.594 15.9494 3.22983 14.8833 4.29493C13.8182 5.36002 12.1823 5.45169 11.7971 5.06646C11.4108 4.68124 11.5025 3.04541 12.5687 1.98031Z",fill:iconColor})}));};
+
+export { AppleIcon as default };
+//# sourceMappingURL=AppleIcon.js.map

package/build/lib/native/components/Icons/AppleIcon/AppleIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppleIcon.js","sources":["../../../../../../src/components/Icons/AppleIcon/AppleIcon.tsx"],"sourcesContent":["import { Svg, Path } from '../_Svg';\nimport type { IconComponent } from '..';\nimport useIconProps from '../useIconProps';\n\nconst AppleIcon: IconComponent = ({ size, color, ...styledProps }) => {\n  const { height, width, iconColor } = useIconProps({ size, color });\n\n  return (\n    <Svg {...styledProps} width={width} height={height} viewBox=\"0 0 24 24\" fill=\"none\">\n      <Path\n        d=\"M13.983 6.25487L14.796 5.92094C15.4562 5.65903 16.3096 5.39166 17.3168 5.56081C19.3804 5.90784 20.8035 7.02204 21.6514 8.49964C21.9788 9.06929 21.7147 9.82009 21.1036 10.0591C20.58 10.2639 20.1325 10.6254 19.8222 11.0941C19.5118 11.5628 19.3538 12.116 19.3697 12.6779C19.3855 13.2399 19.5746 13.7832 19.9109 14.2337C20.2472 14.6841 20.7144 15.0197 21.2487 15.1947C21.814 15.3802 22.1327 16.0077 21.9471 16.5729C21.4648 18.0374 20.7707 19.3895 19.949 20.4808C19.1371 21.559 18.1462 22.4539 17.0429 22.8915C16.3096 23.1818 15.526 23.0661 14.7752 22.8773L14.33 22.7572L13.6916 22.5794L13.3435 22.4932C13.1726 22.4506 12.9978 22.426 12.8218 22.42C12.68 22.42 12.5108 22.4462 12.3002 22.4932L11.951 22.5805L11.0921 22.8184C10.2759 23.0399 9.40721 23.2112 8.60075 22.8915C7.21154 22.3415 5.98603 21.0581 5.05954 19.5445C4.05774 17.8771 3.39606 16.0278 3.11269 14.1034C2.86497 12.4075 2.99919 10.5032 3.78383 8.8925C4.59137 7.23266 6.07115 5.94058 8.32684 5.56081C9.24351 5.40694 10.0314 5.6132 10.6622 5.85L11.0234 5.99187L11.6607 6.25487C12.0972 6.4262 12.441 6.5266 12.8218 6.5266C13.2016 6.5266 13.5464 6.4262 13.983 6.25487ZM10.8466 8.28138L10.4668 8.12533C9.66911 7.7914 9.22496 7.62334 8.68805 7.71282C7.16898 7.96927 6.26431 8.78446 5.74595 9.84846C5.20468 10.9594 5.06936 12.3933 5.27233 13.788C5.52115 15.4882 6.13336 17.1164 6.92126 18.4063C7.72663 19.7213 8.63567 20.5583 9.40393 20.8617C9.66584 20.9654 10.0423 20.8835 10.3915 20.7766L10.875 20.6172L11.0081 20.5758L11.4806 20.4448C11.9019 20.3357 12.3766 20.2375 12.8218 20.2375C13.266 20.2375 13.7418 20.3357 14.163 20.4448L14.6355 20.5758L14.7687 20.6172L15.2521 20.7766C15.6013 20.8835 15.9778 20.9654 16.2397 20.8617C16.8367 20.626 17.5307 20.0629 18.204 19.168C18.706 18.5023 19.1644 17.6926 19.5387 16.7923C18.8203 16.3537 18.2268 15.7379 17.815 15.0039C17.4032 14.2698 17.1869 13.4423 17.187 12.6007C17.187 11.0216 17.9312 9.61929 19.0858 8.72117C18.5696 8.23009 17.8777 7.86888 16.9556 7.71282C16.4722 7.63207 16.064 7.75975 15.406 8.03039L15.1768 8.12533C14.5864 8.37305 13.7843 8.70916 12.8218 8.70916C12.0525 8.70916 11.3846 8.49418 10.8466 8.28138ZM12.5687 1.98031C13.6337 0.914132 15.2696 0.822464 15.6548 1.20878C16.0411 1.594 15.9494 3.22983 14.8833 4.29493C13.8182 5.36002 12.1823 5.45169 11.7971 5.06646C11.4108 4.68124 11.5025 3.04541 12.5687 1.98031Z\"\n        fill={iconColor}\n      />\n    </Svg>\n  );\n};\n\nexport default AppleIcon;\n"],"names":["AppleIcon","_ref","size","color","styledProps","_objectWithoutProperties","_excluded","_useIconProps","useIconProps","height","width","iconColor","_jsx","Svg","Object","assign","viewBox","fill","children","Path","d"],"mappings":";;;;;;;;AAAA,IAAA,SAAA,CAAA,CAAA,MAAA,CAAA,OAAA,CAAA,CAIM,IAAAA,SAAwB,CAAG,SAA3BA,SAAwBA,CAAAC,IAAA,CAAwC,CAAA,IAAlCC,IAAI,CAAAD,IAAA,CAAJC,IAAI,CAAEC,KAAK,CAAAF,IAAA,CAALE,KAAK,CAAKC,WAAW,CAAAC,wBAAA,CAAAJ,IAAA,CAAAK,SAAA,CAAA,CAC7D,IAAAC,aAAA,CAAqCC,YAAY,CAAC,CAAEN,IAAI,CAAJA,IAAI,CAAEC,KAAK,CAALA,KAAM,CAAC,CAAC,CAA1DM,MAAM,CAAAF,aAAA,CAANE,MAAM,CAAEC,KAAK,CAAAH,aAAA,CAALG,KAAK,CAAEC,SAAS,CAAAJ,aAAA,CAATI,SAAS,CAEhC,OACEC,GAAA,CAACC,GAAG,CAAAC,MAAA,CAAAC,MAAA,CAAKX,EAAAA,CAAAA,WAAW,CAAEM,CAAAA,KAAK,CAAEA,KAAM,CAACD,MAAM,CAAEA,MAAO,CAACO,OAAO,CAAC,WAAW,CAACC,IAAI,CAAC,MAAM,CAAAC,QAAA,CACjFN,GAAA,CAACO,IAAI,CACHC,CAAAA,CAAC,CAAC,wxEAAwxE,CAC1xEH,IAAI,CAAEN,SAAU,CACjB,CAAC,CACC,CAAA,CAAC,CAEV;;;;"}

package/build/lib/native/components/Icons/KeyIcon/KeyIcon.js

@@ -0,0 +1,12 @@
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import 'react-native-svg';
+import '@babel/runtime/helpers/defineProperty';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import Path from '../_Svg/Path/Path.native.js';
+import Svg from '../_Svg/Svg/Svg.native.js';
+import useIconProps from '../useIconProps/useIconProps.js';
+
+var _excluded=["size","color"];var KeyIcon=function KeyIcon(_ref){var size=_ref.size,color=_ref.color,styledProps=_objectWithoutProperties(_ref,_excluded);var _useIconProps=useIconProps({size:size,color:color}),height=_useIconProps.height,width=_useIconProps.width,iconColor=_useIconProps.iconColor;return jsxs(Svg,Object.assign({},styledProps,{width:width,height:height,viewBox:"0 0 24 24",fill:"none",children:[jsx(Path,{d:"M18 8C18 8.69036 17.4404 9.25 16.75 9.25C16.0596 9.25 15.5 8.69036 15.5 8C15.5 7.30964 16.0596 6.75 16.75 6.75C17.4404 6.75 18 7.30964 18 8Z",fill:iconColor}),jsx(Path,{fillRule:"evenodd",clipRule:"evenodd",d:"M17.8488 2.54113C16.8622 2.15176 15.8062 1.96904 14.7462 2.00428C10.5928 2.13715 7.25071 5.58384 7.25 9.74023V9.74156H8.25L7.25 9.7389L7.25 9.74023C7.24809 10.508 7.36072 11.2704 7.58309 12.0027L2.51188 17.0739C2.18431 17.4018 2.00021 17.8468 2 18.3103V21C2 21.4641 2.18437 21.9092 2.51256 22.2374C2.84075 22.5656 3.28587 22.75 3.75 22.75H6.75C7.30228 22.75 7.75 22.3023 7.75 21.75V20.5H9C9.55228 20.5 10 20.0523 10 19.5V18.25H11.25C11.5152 18.25 11.7696 18.1446 11.9571 17.9571L12.7473 17.1669C13.4795 17.3893 14.2419 17.5019 15.0096 17.5H15.0084V16.5L15.0111 17.5L15.0096 17.5C19.1665 17.4994 22.6127 14.1567 22.7495 10.004C22.7842 8.94373 22.601 7.88758 22.211 6.90099C21.821 5.91441 21.2326 5.01839 20.4822 4.26845C19.7319 3.5185 18.8356 2.93059 17.8488 2.54113ZM14.8121 4.00319C15.5987 3.97697 16.3824 4.11253 17.1145 4.40149C17.8467 4.69044 18.5117 5.12663 19.0684 5.68304C19.6251 6.23945 20.0617 6.90424 20.351 7.63622C20.6403 8.36816 20.7763 9.1517 20.7505 9.93833C20.6492 13.0152 18.0848 15.5 15.0084 15.5L15.0058 15.5C14.2698 15.502 13.5404 15.3619 12.8576 15.0874C12.4859 14.938 12.0609 15.0249 11.7776 15.3082L10.8358 16.25H9C8.44772 16.25 8 16.6977 8 17.25V18.5H6.75C6.19772 18.5 5.75 18.9477 5.75 19.5V20.75H4V18.4142L9.44179 12.9724C9.72508 12.6891 9.81195 12.2641 9.66256 11.8924C9.38812 11.2095 9.24804 10.4802 9.25 9.74421L9.25 9.74156C9.25 6.66504 11.7347 4.10135 14.8106 4.00324L14.8121 4.00319Z",fill:iconColor})]}));};
+
+export { KeyIcon as default };
+//# sourceMappingURL=KeyIcon.js.map

package/build/lib/native/components/Icons/KeyIcon/KeyIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeyIcon.js","sources":["../../../../../../src/components/Icons/KeyIcon/KeyIcon.tsx"],"sourcesContent":["import { Svg, Path } from '../_Svg';\nimport type { IconComponent } from '..';\nimport useIconProps from '../useIconProps';\n\nconst KeyIcon: IconComponent = ({ size, color, ...styledProps }) => {\n  const { height, width, iconColor } = useIconProps({ size, color });\n\n  return (\n    <Svg {...styledProps} width={width} height={height} viewBox=\"0 0 24 24\" fill=\"none\">\n      <Path\n        d=\"M18 8C18 8.69036 17.4404 9.25 16.75 9.25C16.0596 9.25 15.5 8.69036 15.5 8C15.5 7.30964 16.0596 6.75 16.75 6.75C17.4404 6.75 18 7.30964 18 8Z\"\n        fill={iconColor}\n      />\n      <Path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M17.8488 2.54113C16.8622 2.15176 15.8062 1.96904 14.7462 2.00428C10.5928 2.13715 7.25071 5.58384 7.25 9.74023V9.74156H8.25L7.25 9.7389L7.25 9.74023C7.24809 10.508 7.36072 11.2704 7.58309 12.0027L2.51188 17.0739C2.18431 17.4018 2.00021 17.8468 2 18.3103V21C2 21.4641 2.18437 21.9092 2.51256 22.2374C2.84075 22.5656 3.28587 22.75 3.75 22.75H6.75C7.30228 22.75 7.75 22.3023 7.75 21.75V20.5H9C9.55228 20.5 10 20.0523 10 19.5V18.25H11.25C11.5152 18.25 11.7696 18.1446 11.9571 17.9571L12.7473 17.1669C13.4795 17.3893 14.2419 17.5019 15.0096 17.5H15.0084V16.5L15.0111 17.5L15.0096 17.5C19.1665 17.4994 22.6127 14.1567 22.7495 10.004C22.7842 8.94373 22.601 7.88758 22.211 6.90099C21.821 5.91441 21.2326 5.01839 20.4822 4.26845C19.7319 3.5185 18.8356 2.93059 17.8488 2.54113ZM14.8121 4.00319C15.5987 3.97697 16.3824 4.11253 17.1145 4.40149C17.8467 4.69044 18.5117 5.12663 19.0684 5.68304C19.6251 6.23945 20.0617 6.90424 20.351 7.63622C20.6403 8.36816 20.7763 9.1517 20.7505 9.93833C20.6492 13.0152 18.0848 15.5 15.0084 15.5L15.0058 15.5C14.2698 15.502 13.5404 15.3619 12.8576 15.0874C12.4859 14.938 12.0609 15.0249 11.7776 15.3082L10.8358 16.25H9C8.44772 16.25 8 16.6977 8 17.25V18.5H6.75C6.19772 18.5 5.75 18.9477 5.75 19.5V20.75H4V18.4142L9.44179 12.9724C9.72508 12.6891 9.81195 12.2641 9.66256 11.8924C9.38812 11.2095 9.24804 10.4802 9.25 9.74421L9.25 9.74156C9.25 6.66504 11.7347 4.10135 14.8106 4.00324L14.8121 4.00319Z\"\n        fill={iconColor}\n      />\n    </Svg>\n  );\n};\n\nexport default KeyIcon;\n"],"names":["KeyIcon","_ref","size","color","styledProps","_objectWithoutProperties","_excluded","_useIconProps","useIconProps","height","width","iconColor","_jsxs","Svg","Object","assign","viewBox","fill","children","_jsx","Path","d","fillRule","clipRule"],"mappings":";;;;;;;;AAAA,IAAA,SAAA,CAAA,CAAA,MAAA,CAAA,OAAA,CAAA,CAIM,IAAAA,OAAsB,CAAG,SAAzBA,OAAsBA,CAAAC,IAAA,CAAwC,CAAlC,IAAAC,IAAI,CAAAD,IAAA,CAAJC,IAAI,CAAEC,KAAK,CAAAF,IAAA,CAALE,KAAK,CAAKC,WAAW,CAAAC,wBAAA,CAAAJ,IAAA,CAAAK,SAAA,CAAA,CAC3D,IAAAC,aAAA,CAAqCC,YAAY,CAAC,CAAEN,IAAI,CAAJA,IAAI,CAAEC,KAAK,CAALA,KAAM,CAAC,CAAC,CAA1DM,MAAM,CAAAF,aAAA,CAANE,MAAM,CAAEC,KAAK,CAAAH,aAAA,CAALG,KAAK,CAAEC,SAAS,CAAAJ,aAAA,CAATI,SAAS,CAEhC,OACEC,IAAA,CAACC,GAAG,CAAAC,MAAA,CAAAC,MAAA,CAAKX,EAAAA,CAAAA,WAAW,EAAEM,KAAK,CAAEA,KAAM,CAACD,MAAM,CAAEA,MAAO,CAACO,OAAO,CAAC,WAAW,CAACC,IAAI,CAAC,MAAM,CAAAC,QAAA,CACjFC,CAAAA,GAAA,CAACC,IAAI,CAAA,CACHC,CAAC,CAAC,8IAA8I,CAChJJ,IAAI,CAAEN,SAAU,CACjB,CAAC,CACFQ,GAAA,CAACC,IAAI,CACHE,CAAAA,QAAQ,CAAC,SAAS,CAClBC,QAAQ,CAAC,SAAS,CAClBF,CAAC,CAAC,y4CAAy4C,CAC34CJ,IAAI,CAAEN,SAAU,CACjB,CAAC,CAAA,CAAA,CACC,CAAC,CAEV;;;;"}

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

@@ -3,7 +3,7 @@ export { AccordionItemHeader } from './Accordion/AccordionItemHeader.js';
 export { AccordionItemBody } from './Accordion/AccordionItemBody.js';
 export { AccordionItem } from './Accordion/AccordionItem.js';
 export { ActionList } from './ActionList/ActionList.js';
-export { ActionListItem, ActionListItemAvatar, ActionListItemBadge, ActionListItemBadgeGroup, ActionListItemIcon, ActionListItemText, ActionListSection } from './ActionList/ActionListItem.js';
+export { ActionListItem, ActionListItemAvatar, ActionListItemBadge, ActionListItemBadgeGroup, ActionListItemIcon, ActionListItemText, ActionListSection, ActionListSectionTitle } from './ActionList/ActionListItem.js';
 export { ActionListItemAsset } from './ActionList/ActionListItemAsset.native.js';
 export { Alert } from './Alert/Alert.js';
 export { Amount } from './Amount/Amount.js';
@@ -64,9 +64,11 @@ export { default as AlignJustifyIcon } from './Icons/AlignJustifyIcon/AlignJusti
 export { default as AlignLeftIcon } from './Icons/AlignLeftIcon/AlignLeftIcon.js';
 export { default as AlignRightIcon } from './Icons/AlignRightIcon/AlignRightIcon.js';
 export { default as AnchorIcon } from './Icons/AnchorIcon/AnchorIcon.js';
+export { default as AndroidIcon } from './Icons/AndroidIcon/AndroidIcon.js';
 export { default as AnnouncementIcon } from './Icons/AnnouncementIcon/AnnouncementIcon.js';
 export { default as ApertureIcon } from './Icons/ApertureIcon/ApertureIcon.js';
 export { default as AppStoreIcon } from './Icons/AppStoreIcon/AppStoreIcon.js';
+export { default as AppleIcon } from './Icons/AppleIcon/AppleIcon.js';
 export { default as ArrowDownIcon } from './Icons/ArrowDownIcon/ArrowDownIcon.js';
 export { default as ArrowDownLeftIcon } from './Icons/ArrowDownLeftIcon/ArrowDownLeftIcon.js';
 export { default as ArrowDownRightIcon } from './Icons/ArrowDownRightIcon/ArrowDownRightIcon.js';
@@ -236,6 +238,7 @@ export { default as InstantSettlementIcon } from './Icons/InstantSettlementIcon/
 export { default as InternationalPaymentsIcon } from './Icons/InternationalPaymentsIcon/InternationalPaymentsIcon.js';
 export { default as InvoicesIcon } from './Icons/InvoicesIcon/InvoicesIcon.js';
 export { default as ItalicIcon } from './Icons/ItalicIcon/ItalicIcon.js';
+export { default as KeyIcon } from './Icons/KeyIcon/KeyIcon.js';
 export { default as KeyboardIcon } from './Icons/KeyboardIcon/KeyboardIcon.js';
 export { default as LayersIcon } from './Icons/LayersIcon/LayersIcon.js';
 export { default as LayoutIcon } from './Icons/LayoutIcon/LayoutIcon.js';

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

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