@razorpay/blade 10.23.5 → 11.0.0

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

@@ -21,7 +21,7 @@ import { makeAccessible } from '../../utils/makeAccessible/makeAccessible.native
 import { isValidAllowedChildren } from '../../utils/isValidAllowedChildren/isValidAllowedChildren.js';
 import { jsx } from 'react/jsx-runtime';
 
-var _excluded=["variant","size","children","icon","testID"];var StyledOrderedList=styled(OrderedList)(function(_ref){var marginTop=_ref.marginTop,theme=_ref.theme;return {marginTop:marginTop?makeSpace(getIn(theme,marginTop)):undefined};});var StyledUnorderedList=styled(UnorderedList)(function(_ref2){var marginTop=_ref2.marginTop,theme=_ref2.theme;return {marginTop:marginTop?makeSpace(getIn(theme,marginTop)):undefined};});var _List=function _List(_ref3){var _ref3$variant=_ref3.variant,variant=_ref3$variant===void 0?'unordered':_ref3$variant,size=_ref3.size,children=_ref3.children,icon=_ref3.icon,testID=_ref3.testID,styledProps=_objectWithoutProperties(_ref3,_excluded);var ListElement=variant==='unordered'?StyledUnorderedList:StyledOrderedList;var _useListContext=useListContext(),level=_useListContext.level,listContextSize=_useListContext.size;var listContextValue=useMemo(function(){return {level:level?level+1:1,size:size!=null?size:listContextSize,icon:icon,variant:variant};},[icon,level,listContextSize,size,variant]);var childrenArray=React__default.Children.toArray(children);var childListItems=childrenArray.filter(function(child){if(isValidAllowedChildren(child,MetaConstants.ListItem)){return child;}if(__DEV__){throwBladeError({message:'You can only pass a ListItem as a child to List.',moduleName:'List'});}return null;});return jsx(ListProvider,{value:listContextValue,children:jsx(BaseBox,Object.assign({},getStyledProps(styledProps),{children:jsx(ListElement,Object.assign({marginTop:level?undefined:'spacing.3'},metaAttribute({name:MetaConstants.List,testID:testID}),makeAccessible({role:'list'}),{children:variant==='unordered'?childListItems:childListItems.map(function(child,index){return React__default.cloneElement(child,{_itemNumber:index+1});})}))}))});};var List=assignWithoutSideEffects(_List,{componentId:MetaConstants.List});
+var _excluded=["variant","size","children","icon","testID"];var StyledOrderedList=styled(OrderedList)(function(_ref){var marginTop=_ref.marginTop,theme=_ref.theme;return {marginTop:marginTop?makeSpace(getIn(theme,marginTop)):undefined};});var StyledUnorderedList=styled(UnorderedList)(function(_ref2){var marginTop=_ref2.marginTop,theme=_ref2.theme;return {marginTop:marginTop?makeSpace(getIn(theme,marginTop)):undefined};});var _List=function _List(_ref3){var _ref3$variant=_ref3.variant,variant=_ref3$variant===void 0?'unordered':_ref3$variant,size=_ref3.size,children=_ref3.children,icon=_ref3.icon,testID=_ref3.testID,styledProps=_objectWithoutProperties(_ref3,_excluded);var ListElement=variant==='unordered'?StyledUnorderedList:StyledOrderedList;var _useListContext=useListContext(),level=_useListContext.level,listContextSize=_useListContext.size;var listContextValue=useMemo(function(){return {level:level?level+1:1,size:size!=null?size:listContextSize,icon:icon,variant:variant};},[icon,level,listContextSize,size,variant]);var childrenArray=React__default.Children.toArray(children);var childListItems=childrenArray.filter(function(child){if(isValidAllowedChildren(child,MetaConstants.ListItem)){return child;}if(__DEV__){throwBladeError({message:'You can only pass a ListItem as a child to List.',moduleName:'List'});}return null;});return jsx(ListProvider,{value:listContextValue,children:jsx(BaseBox,Object.assign({},getStyledProps(styledProps),{children:jsx(ListElement,Object.assign({},metaAttribute({name:MetaConstants.List,testID:testID}),makeAccessible({role:'list'}),{children:variant==='unordered'?childListItems:childListItems.map(function(child,index){return React__default.cloneElement(child,{_itemNumber:index+1});})}))}))});};var List=assignWithoutSideEffects(_List,{componentId:MetaConstants.List});
 
 export { List };
 //# sourceMappingURL=List.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"List.js","sources":["../../../../../src/components/List/List.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport styled from 'styled-components';\nimport { ListProvider, useListContext } from './ListContext';\nimport { UnorderedList } from './UnorderedList';\nimport { OrderedList } from './OrderedList';\nimport type { ListItemProps } from './ListItem';\nimport getIn from '~utils/lodashButBetter/get';\nimport type { IconComponent } from '~components/Icons';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { DotNotationSpacingStringToken, TestID } from '~utils/types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeSpace } from '~utils/makeSpace';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { isValidAllowedChildren } from '~utils/isValidAllowedChildren';\nimport { throwBladeError } from '~utils/logger';\n\ntype ListCommonProps = {\n  /**\n   * ListItem to be rendered for the List.\n   *\n   */\n  children: React.ReactElement<ListItemProps> | React.ReactElement<ListItemProps>[];\n  /**\n   * Sets the variant to be rendered for the List.\n   *\n   * @default 'unordered'\n   */\n  variant?: 'unordered' | 'ordered' | 'ordered-filled';\n  /**\n   * Sets the size for the List.\n   *\n   * @default 'medium'\n   */\n  size?: 'small' | 'medium' | 'large';\n} & TestID &\n  StyledPropsBlade;\n\ntype ListWithIconProps = ListCommonProps & {\n  variant?: 'unordered';\n  icon?: IconComponent;\n};\ntype ListWithoutIconProps = ListCommonProps & {\n  variant?: 'ordered' | 'ordered-filled';\n  icon?: undefined;\n};\ntype ListProps = ListWithIconProps | ListWithoutIconProps;\n\nconst StyledOrderedList = styled(OrderedList)<{ marginTop?: DotNotationSpacingStringToken }>(\n  ({ marginTop, theme }) => ({\n    marginTop: marginTop ? makeSpace(getIn(theme, marginTop)) : undefined,\n  }),\n);\n\nconst StyledUnorderedList = styled(UnorderedList)<{ marginTop?: DotNotationSpacingStringToken }>(\n  ({ marginTop, theme }) => ({\n    marginTop: marginTop ? makeSpace(getIn(theme, marginTop)) : undefined,\n  }),\n);\n\n/**\n * List Component is used to display a set of related items that are composed of text/links. Each list item begins with a bullet or a number.\n *\n * ## Usage\n *\n * ```tsx\n *   <List\n *     variant='unordered'\n *     size='medium'\n *   >\n *    <ListItem>\n *      Item 1\n *      <List>\n *        <ListItem>Item 1.1</ListItem>\n *      </List>\n *    </ListItem>\n *    <ListItem>Item 2</ListItem>\n *  <List />\n * ```\n */\nconst _List = ({\n  variant = 'unordered',\n  size,\n  children,\n  icon,\n  testID,\n  ...styledProps\n}: ListProps): React.ReactElement => {\n  const ListElement = variant === 'unordered' ? StyledUnorderedList : StyledOrderedList;\n  const { level, size: listContextSize } = useListContext();\n  const listContextValue = useMemo(\n    () => ({\n      level: level ? level + 1 : 1,\n      size: size ?? listContextSize,\n      icon,\n      variant,\n    }),\n    [icon, level, listContextSize, size, variant],\n  );\n\n  const childrenArray = React.Children.toArray(children);\n  const childListItems = childrenArray.filter((child) => {\n    if (isValidAllowedChildren(child, MetaConstants.ListItem)) {\n      return child;\n    }\n    if (__DEV__) {\n      throwBladeError({\n        message: 'You can only pass a ListItem as a child to List.',\n        moduleName: 'List',\n      });\n    }\n    return null;\n  });\n\n  return (\n    <ListProvider value={listContextValue}>\n      <BaseBox {...getStyledProps(styledProps)}>\n        <ListElement\n          marginTop={level ? undefined : 'spacing.3'}\n          {...metaAttribute({ name: MetaConstants.List, testID })}\n          {...makeAccessible({ role: 'list' })} // Role needed for react-native\n        >\n          {variant === 'unordered'\n            ? childListItems\n            : childListItems.map(\n                (child, index) =>\n                  React.cloneElement(child as React.ReactElement, { _itemNumber: index + 1 }), // adds _itemNumber for rendering ordered list bullets\n              )}\n        </ListElement>\n      </BaseBox>\n    </ListProvider>\n  );\n};\n\nconst List = assignWithoutSideEffects(_List, { componentId: MetaConstants.List });\n\nexport { List };\nexport type { ListProps };\n"],"names":["StyledOrderedList","styled","OrderedList","_ref","marginTop","theme","makeSpace","getIn","undefined","StyledUnorderedList","UnorderedList","_ref2","_List","_ref3","_ref3$variant","variant","size","children","icon","testID","styledProps","_objectWithoutProperties","_excluded","ListElement","_useListContext","useListContext","level","listContextSize","listContextValue","useMemo","childrenArray","React","Children","toArray","childListItems","filter","child","isValidAllowedChildren","MetaConstants","ListItem","__DEV__","throwBladeError","message","moduleName","_jsx","ListProvider","value","BaseBox","Object","assign","getStyledProps","metaAttribute","name","List","makeAccessible","role","map","index","cloneElement","_itemNumber","assignWithoutSideEffects","componentId"],"mappings":"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"}
+{"version":3,"file":"List.js","sources":["../../../../../src/components/List/List.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport styled from 'styled-components';\nimport { ListProvider, useListContext } from './ListContext';\nimport { UnorderedList } from './UnorderedList';\nimport { OrderedList } from './OrderedList';\nimport type { ListItemProps } from './ListItem';\nimport getIn from '~utils/lodashButBetter/get';\nimport type { IconComponent } from '~components/Icons';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { DotNotationSpacingStringToken, TestID } from '~utils/types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeSpace } from '~utils/makeSpace';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { isValidAllowedChildren } from '~utils/isValidAllowedChildren';\nimport { throwBladeError } from '~utils/logger';\n\ntype ListCommonProps = {\n  /**\n   * ListItem to be rendered for the List.\n   *\n   */\n  children: React.ReactElement<ListItemProps> | React.ReactElement<ListItemProps>[];\n  /**\n   * Sets the variant to be rendered for the List.\n   *\n   * @default 'unordered'\n   */\n  variant?: 'unordered' | 'ordered' | 'ordered-filled';\n  /**\n   * Sets the size for the List.\n   *\n   * @default 'medium'\n   */\n  size?: 'small' | 'medium' | 'large';\n} & TestID &\n  StyledPropsBlade;\n\ntype ListWithIconProps = ListCommonProps & {\n  variant?: 'unordered';\n  icon?: IconComponent;\n};\ntype ListWithoutIconProps = ListCommonProps & {\n  variant?: 'ordered' | 'ordered-filled';\n  icon?: undefined;\n};\ntype ListProps = ListWithIconProps | ListWithoutIconProps;\n\nconst StyledOrderedList = styled(OrderedList)<{ marginTop?: DotNotationSpacingStringToken }>(\n  ({ marginTop, theme }) => ({\n    marginTop: marginTop ? makeSpace(getIn(theme, marginTop)) : undefined,\n  }),\n);\n\nconst StyledUnorderedList = styled(UnorderedList)<{ marginTop?: DotNotationSpacingStringToken }>(\n  ({ marginTop, theme }) => ({\n    marginTop: marginTop ? makeSpace(getIn(theme, marginTop)) : undefined,\n  }),\n);\n\n/**\n * List Component is used to display a set of related items that are composed of text/links. Each list item begins with a bullet or a number.\n *\n * ## Usage\n *\n * ```tsx\n *   <List\n *     variant='unordered'\n *     size='medium'\n *   >\n *    <ListItem>\n *      Item 1\n *      <List>\n *        <ListItem>Item 1.1</ListItem>\n *      </List>\n *    </ListItem>\n *    <ListItem>Item 2</ListItem>\n *  <List />\n * ```\n */\nconst _List = ({\n  variant = 'unordered',\n  size,\n  children,\n  icon,\n  testID,\n  ...styledProps\n}: ListProps): React.ReactElement => {\n  const ListElement = variant === 'unordered' ? StyledUnorderedList : StyledOrderedList;\n  const { level, size: listContextSize } = useListContext();\n  const listContextValue = useMemo(\n    () => ({\n      level: level ? level + 1 : 1,\n      size: size ?? listContextSize,\n      icon,\n      variant,\n    }),\n    [icon, level, listContextSize, size, variant],\n  );\n\n  const childrenArray = React.Children.toArray(children);\n  const childListItems = childrenArray.filter((child) => {\n    if (isValidAllowedChildren(child, MetaConstants.ListItem)) {\n      return child;\n    }\n    if (__DEV__) {\n      throwBladeError({\n        message: 'You can only pass a ListItem as a child to List.',\n        moduleName: 'List',\n      });\n    }\n    return null;\n  });\n\n  return (\n    <ListProvider value={listContextValue}>\n      <BaseBox {...getStyledProps(styledProps)}>\n        <ListElement\n          {...metaAttribute({ name: MetaConstants.List, testID })}\n          {...makeAccessible({ role: 'list' })} // Role needed for react-native\n        >\n          {variant === 'unordered'\n            ? childListItems\n            : childListItems.map(\n                (child, index) =>\n                  React.cloneElement(child as React.ReactElement, { _itemNumber: index + 1 }), // adds _itemNumber for rendering ordered list bullets\n              )}\n        </ListElement>\n      </BaseBox>\n    </ListProvider>\n  );\n};\n\nconst List = assignWithoutSideEffects(_List, { componentId: MetaConstants.List });\n\nexport { List };\nexport type { ListProps };\n"],"names":["StyledOrderedList","styled","OrderedList","_ref","marginTop","theme","makeSpace","getIn","undefined","StyledUnorderedList","UnorderedList","_ref2","_List","_ref3","_ref3$variant","variant","size","children","icon","testID","styledProps","_objectWithoutProperties","_excluded","ListElement","_useListContext","useListContext","level","listContextSize","listContextValue","useMemo","childrenArray","React","Children","toArray","childListItems","filter","child","isValidAllowedChildren","MetaConstants","ListItem","__DEV__","throwBladeError","message","moduleName","_jsx","ListProvider","value","BaseBox","Object","assign","getStyledProps","metaAttribute","name","List","makeAccessible","role","map","index","cloneElement","_itemNumber","assignWithoutSideEffects","componentId"],"mappings":"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"}

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

@@ -27,7 +27,7 @@ import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
 import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 import { getComponentId, isValidAllowedChildren } from '../../utils/isValidAllowedChildren/isValidAllowedChildren.js';
 
-var StyledListItem=styled(ListItemElement)(function(_ref){var level=_ref.level,theme=_ref.theme,variant=_ref.variant,hasIcon=_ref.hasIcon;return {marginLeft:level?getIn(theme,listItemMarginLeft[`${variant}${variant==='unordered'&&hasIcon?'WithIcon':''}`][level]):0};});var ListItemContentChildren=function ListItemContentChildren(_ref2){var children=_ref2.children,size=_ref2.size;return getPlatformType()==='react-native'?jsx(BaseBox,{display:"flex",flexDirection:"row",flexWrap:"wrap",children:children.map(function(child,index){if(typeof child==='string'){return jsx(Text,{variant:"body",size:size,children:child},index);}return child;})}):jsx(Text,{variant:"body",size:size,children:children});};var _ListItem=function _ListItem(_ref3){var children=_ref3.children,Icon=_ref3.icon,_itemNumber=_ref3._itemNumber,testID=_ref3.testID;var _useListContext=useListContext(),level=_useListContext.level,size=_useListContext.size,ListContextIcon=_useListContext.icon,variant=_useListContext.variant;var _useTheme=useTheme(),theme=_useTheme.theme,platform=_useTheme.platform;var ItemIcon=Icon!=null?Icon:ListContextIcon;if(__DEV__){if(level&&level>3){throwBladeError({message:'List Nesting is allowed only upto 3 levels.',moduleName:'List'});}}var childrenArray=React__default.Children.toArray(children);var validChildItem=childrenArray.filter(function(child){if(getComponentId(child)===MetaConstants.List)return null;if(typeof child==='string'||isValidAllowedChildren(child,MetaConstants.ListItemLink)||isValidAllowedChildren(child,MetaConstants.ListItemText)||isValidAllowedChildren(child,MetaConstants.ListItemCode)){return child;}else if(__DEV__){throwBladeError({message:`You can only pass a List, ListItemLink, ListItemCode, ListItemText or a string as a child to ListItem.`,moduleName:'ListItem'});}return null;});var childList=childrenArray.filter(function(child){return getComponentId(child)===MetaConstants.List?child:null;});var hasIcon=Boolean(ItemIcon);return jsxs(StyledListItem,Object.assign({level:level,variant:variant,hasIcon:hasIcon},metaAttribute({name:MetaConstants.ListItem,testID:testID}),{children:[jsxs(BaseBox,{display:"flex",flexDirection:"row",alignItems:"center",marginBottom:listItemMarginBottom,children:[variant==='unordered'?jsx(BaseBox,{marginRight:listItemBulletMarginRight[variant],marginTop:listItemBulletMarginTop[`${variant}${hasIcon?'WithIcon':''}`][platform][size],display:"flex",alignSelf:"flex-start",children:ItemIcon?jsx(ItemIcon,{size:size,color:"surface.text.subdued.lowContrast"}):jsx(UnorderedItemIcon,{level:level})}):jsx(BaseBox,{width:listItemOrderedBulletBoxSize[variant][platform][size],height:listItemOrderedBulletBoxSize[variant][platform][size],marginRight:listItemBulletMarginRight[variant],marginTop:listItemBulletMarginTop[variant][platform][size],display:"flex",flexShrink:0,justifyContent:"center",alignSelf:"flex-start",alignItems:"center",borderRadius:variant==='ordered-filled'?'max':undefined,backgroundColor:variant==='ordered-filled'?getIn(theme,'colors.brand.gray.a100.lowContrast'):undefined,children:jsx(Text,{variant:"body",type:"subtle",size:variant==='ordered'?size:'xsmall',children:`${getOrderedListItemBullet({itemNumber:_itemNumber!=null?_itemNumber:1,level:level!=null?level:1})}${variant==='ordered'?'.':''}`})}),jsx(ListItemContentChildren,{size:size,children:validChildItem})]}),childList]}));};var ListItem=assignWithoutSideEffects(_ListItem,{componentId:MetaConstants.ListItem});
+var StyledListItem=styled(ListItemElement)(function(_ref){var level=_ref.level,theme=_ref.theme,variant=_ref.variant,hasIcon=_ref.hasIcon;return {marginLeft:level?getIn(theme,listItemMarginLeft[`${variant}${variant==='unordered'&&hasIcon?'WithIcon':''}`][level]):0};});var ListItemContentChildren=function ListItemContentChildren(_ref2){var children=_ref2.children,size=_ref2.size;return getPlatformType()==='react-native'?jsx(BaseBox,{display:"flex",flexDirection:"row",flexWrap:"wrap",children:children.map(function(child,index){if(typeof child==='string'){return jsx(Text,{variant:"body",size:size,children:child},index);}return child;})}):jsx(Text,{variant:"body",size:size,children:children});};var _ListItem=function _ListItem(_ref3){var children=_ref3.children,Icon=_ref3.icon,_itemNumber=_ref3._itemNumber,testID=_ref3.testID;var _useListContext=useListContext(),level=_useListContext.level,size=_useListContext.size,ListContextIcon=_useListContext.icon,variant=_useListContext.variant;var _useTheme=useTheme(),theme=_useTheme.theme,platform=_useTheme.platform;var ItemIcon=Icon!=null?Icon:ListContextIcon;if(__DEV__){if(level&&level>3){throwBladeError({message:'List Nesting is allowed only upto 3 levels.',moduleName:'List'});}}var childrenArray=React__default.Children.toArray(children);var validChildItem=childrenArray.filter(function(child){if(getComponentId(child)===MetaConstants.List)return null;if(typeof child==='string'||isValidAllowedChildren(child,MetaConstants.ListItemLink)||isValidAllowedChildren(child,MetaConstants.ListItemText)||isValidAllowedChildren(child,MetaConstants.ListItemCode)){return child;}else if(__DEV__){throwBladeError({message:`You can only pass a List, ListItemLink, ListItemCode, ListItemText or a string as a child to ListItem.`,moduleName:'ListItem'});}return null;});var childList=childrenArray.filter(function(child){return getComponentId(child)===MetaConstants.List?child:null;});var hasIcon=Boolean(ItemIcon);return jsxs(StyledListItem,Object.assign({level:level,variant:variant,hasIcon:hasIcon},metaAttribute({name:MetaConstants.ListItem,testID:testID}),{children:[jsxs(BaseBox,{display:"flex",flexDirection:"row",alignItems:"center",marginBottom:listItemMarginBottom,children:[variant==='unordered'?jsx(BaseBox,{marginRight:listItemBulletMarginRight[variant],marginTop:listItemBulletMarginTop[`${variant}${hasIcon?'WithIcon':''}`][platform][size],display:"flex",alignSelf:"flex-start",children:ItemIcon?jsx(ItemIcon,{size:size,color:"surface.icon.gray.muted"}):jsx(UnorderedItemIcon,{level:level})}):jsx(BaseBox,{width:listItemOrderedBulletBoxSize[variant][platform][size],height:listItemOrderedBulletBoxSize[variant][platform][size],marginRight:listItemBulletMarginRight[variant],marginTop:listItemBulletMarginTop[variant][platform][size],display:"flex",flexShrink:0,justifyContent:"center",alignSelf:"flex-start",alignItems:"center",borderRadius:variant==='ordered-filled'?'max':undefined,backgroundColor:variant==='ordered-filled'?getIn(theme.colors,'feedback.background.neutral.subtle'):undefined,children:jsx(Text,{variant:"body",color:"surface.text.gray.muted",size:variant==='ordered'?size:'xsmall',children:`${getOrderedListItemBullet({itemNumber:_itemNumber!=null?_itemNumber:1,level:level!=null?level:1})}${variant==='ordered'?'.':''}`})}),jsx(ListItemContentChildren,{size:size,children:validChildItem})]}),childList]}));};var ListItem=assignWithoutSideEffects(_ListItem,{componentId:MetaConstants.ListItem});
 
 export { ListItem };
 //# sourceMappingURL=ListItem.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ListItem.js","sources":["../../../../../src/components/List/ListItem.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport React from 'react';\nimport { useListContext } from './ListContext';\nimport { UnorderedItemIcon } from './ListItemIcons';\nimport { ListItemElement } from './ListItemElement';\nimport {\n  listItemBulletMarginRight,\n  listItemBulletMarginTop,\n  listItemOrderedBulletBoxSize,\n  listItemMarginBottom,\n  listItemMarginLeft,\n} from './listTokens';\nimport type { ListProps } from './List';\nimport { getOrderedListItemBullet } from './getOrderedListItemBullet';\nimport getIn from '~utils/lodashButBetter/get';\nimport { Text } from '~components/Typography';\nimport type { IconComponent } from '~components/Icons';\nimport { useTheme } from '~components/BladeProvider';\nimport BaseBox from '~components/Box/BaseBox';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { TestID } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { getComponentId, isValidAllowedChildren } from '~utils/isValidAllowedChildren';\nimport { getPlatformType } from '~utils/getPlatformType';\nimport { throwBladeError } from '~utils/logger';\n\ntype ListItemProps = {\n  /**\n   * Children to be rendered for ListItem. This can be a text, ListItemLink or another List.\n   *\n   */\n  children: React.ReactNode;\n  /**\n   * Icon to be rendered for a ListItem's bullet.\n   *\n   */\n  icon?: IconComponent;\n  /**\n   * This is a private prop to be used only for internal logic purposes.\n   *\n   */\n  _itemNumber?: undefined;\n} & TestID;\n\nconst StyledListItem = styled(ListItemElement)<{\n  level?: number;\n  variant: NonNullable<ListProps['variant']>;\n  hasIcon: boolean;\n}>(({ level, theme, variant, hasIcon }) => ({\n  marginLeft: level\n    ? getIn(\n        theme,\n        listItemMarginLeft[\n          `${variant}${variant === 'unordered' && hasIcon ? 'WithIcon' : ''}` as NonNullable<\n            ListProps['variant'] | 'unorderedWithIcon'\n          >\n        ][level],\n      )\n    : 0,\n}));\n\nconst ListItemContentChildren = ({\n  children,\n  size,\n}: {\n  children: React.ReactNode[];\n  size: NonNullable<ListProps['size']>;\n}): React.ReactElement => {\n  /* Having a <View><Text>...</Text><View/> inside <Text /> breaks vertical alignment. Issue: https://github.com/facebook/react-native/issues/31955\n    As a workaround, we wrap individual strings in their own <Text /> and handle alignment with a parent <View> (BaseBox).\n   */\n  return getPlatformType() === 'react-native' ? (\n    <BaseBox display=\"flex\" flexDirection=\"row\" flexWrap=\"wrap\">\n      {children.map((child, index) => {\n        if (typeof child === 'string') {\n          return (\n            <Text key={index} variant=\"body\" size={size}>\n              {child}\n            </Text>\n          );\n        }\n        return child;\n      })}\n    </BaseBox>\n  ) : (\n    <Text variant=\"body\" size={size}>\n      {children}\n    </Text>\n  );\n};\n\nconst _ListItem = ({\n  children,\n  icon: Icon,\n  _itemNumber,\n  testID,\n}: ListItemProps): React.ReactElement => {\n  const { level, size, icon: ListContextIcon, variant } = useListContext();\n  const { theme, platform } = useTheme();\n  const ItemIcon = Icon ?? ListContextIcon;\n\n  if (__DEV__) {\n    if (level && level > 3) {\n      throwBladeError({\n        message: 'List Nesting is allowed only upto 3 levels.',\n        moduleName: 'List',\n      });\n    }\n  }\n\n  const childrenArray = React.Children.toArray(children);\n\n  // Get children that are not a List component and are valid allowed children\n  const validChildItem = childrenArray.filter((child) => {\n    if (getComponentId(child) === MetaConstants.List) return null;\n\n    if (\n      typeof child === 'string' ||\n      isValidAllowedChildren(child, MetaConstants.ListItemLink) ||\n      isValidAllowedChildren(child, MetaConstants.ListItemText) ||\n      isValidAllowedChildren(child, MetaConstants.ListItemCode)\n    ) {\n      return child;\n    } else if (__DEV__) {\n      throwBladeError({\n        message: `You can only pass a List, ListItemLink, ListItemCode, ListItemText or a string as a child to ListItem.`,\n        moduleName: 'ListItem',\n      });\n    }\n    return null;\n  });\n  // Get child that is a List component\n  const childList = childrenArray.filter((child) =>\n    getComponentId(child) === MetaConstants.List ? child : null,\n  );\n  const hasIcon = Boolean(ItemIcon);\n\n  return (\n    <StyledListItem\n      level={level}\n      variant={variant}\n      hasIcon={hasIcon}\n      {...metaAttribute({ name: MetaConstants.ListItem, testID })}\n    >\n      <BaseBox\n        display=\"flex\"\n        flexDirection=\"row\"\n        alignItems=\"center\"\n        marginBottom={listItemMarginBottom}\n      >\n        {variant === 'unordered' ? (\n          <BaseBox\n            marginRight={listItemBulletMarginRight[variant]}\n            marginTop={\n              listItemBulletMarginTop[`${variant}${hasIcon ? 'WithIcon' : ''}`][platform][size]\n            }\n            display=\"flex\"\n            alignSelf=\"flex-start\"\n          >\n            {ItemIcon ? (\n              <ItemIcon size={size} color=\"surface.text.subdued.lowContrast\" />\n            ) : (\n              <UnorderedItemIcon level={level} />\n            )}\n          </BaseBox>\n        ) : (\n          <BaseBox\n            width={listItemOrderedBulletBoxSize[variant][platform][size]}\n            height={listItemOrderedBulletBoxSize[variant][platform][size]}\n            marginRight={listItemBulletMarginRight[variant]}\n            marginTop={listItemBulletMarginTop[variant][platform][size]}\n            display=\"flex\"\n            flexShrink={0}\n            justifyContent=\"center\"\n            alignSelf=\"flex-start\"\n            alignItems=\"center\"\n            borderRadius={variant === 'ordered-filled' ? 'max' : undefined}\n            backgroundColor={\n              variant === 'ordered-filled'\n                ? getIn(theme, 'colors.brand.gray.a100.lowContrast')\n                : undefined\n            }\n          >\n            <Text variant=\"body\" type=\"subtle\" size={variant === 'ordered' ? size : 'xsmall'}>\n              {`${getOrderedListItemBullet({\n                itemNumber: _itemNumber ?? 1,\n                level: level ?? 1,\n              })}${variant === 'ordered' ? '.' : ''}`}\n            </Text>\n          </BaseBox>\n        )}\n        <ListItemContentChildren size={size}>{validChildItem}</ListItemContentChildren>\n      </BaseBox>\n      {childList}\n    </StyledListItem>\n  );\n};\n\nconst ListItem = assignWithoutSideEffects(_ListItem, { componentId: MetaConstants.ListItem });\n\nexport { ListItem };\nexport type { ListItemProps };\n"],"names":["StyledListItem","styled","ListItemElement","_ref","level","theme","variant","hasIcon","marginLeft","getIn","listItemMarginLeft","ListItemContentChildren","_ref2","children","size","getPlatformType","_jsx","BaseBox","display","flexDirection","flexWrap","map","child","index","Text","_ListItem","_ref3","Icon","icon","_itemNumber","testID","_useListContext","useListContext","ListContextIcon","_useTheme","useTheme","platform","ItemIcon","__DEV__","throwBladeError","message","moduleName","childrenArray","React","Children","toArray","validChildItem","filter","getComponentId","MetaConstants","List","isValidAllowedChildren","ListItemLink","ListItemText","ListItemCode","childList","Boolean","_jsxs","Object","assign","metaAttribute","name","ListItem","alignItems","marginBottom","listItemMarginBottom","marginRight","listItemBulletMarginRight","marginTop","listItemBulletMarginTop","alignSelf","color","UnorderedItemIcon","width","listItemOrderedBulletBoxSize","height","flexShrink","justifyContent","borderRadius","undefined","backgroundColor","type","getOrderedListItemBullet","itemNumber","assignWithoutSideEffects","componentId"],"mappings":"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"}
+{"version":3,"file":"ListItem.js","sources":["../../../../../src/components/List/ListItem.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport React from 'react';\nimport { useListContext } from './ListContext';\nimport { UnorderedItemIcon } from './ListItemIcons';\nimport { ListItemElement } from './ListItemElement';\nimport {\n  listItemBulletMarginRight,\n  listItemBulletMarginTop,\n  listItemOrderedBulletBoxSize,\n  listItemMarginBottom,\n  listItemMarginLeft,\n} from './listTokens';\nimport type { ListProps } from './List';\nimport { getOrderedListItemBullet } from './getOrderedListItemBullet';\nimport getIn from '~utils/lodashButBetter/get';\nimport { Text } from '~components/Typography';\nimport type { IconComponent } from '~components/Icons';\nimport { useTheme } from '~components/BladeProvider';\nimport BaseBox from '~components/Box/BaseBox';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { TestID } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { getComponentId, isValidAllowedChildren } from '~utils/isValidAllowedChildren';\nimport { getPlatformType } from '~utils/getPlatformType';\nimport { throwBladeError } from '~utils/logger';\n\ntype ListItemProps = {\n  /**\n   * Children to be rendered for ListItem. This can be a text, ListItemLink or another List.\n   *\n   */\n  children: React.ReactNode;\n  /**\n   * Icon to be rendered for a ListItem's bullet.\n   *\n   */\n  icon?: IconComponent;\n  /**\n   * This is a private prop to be used only for internal logic purposes.\n   *\n   */\n  _itemNumber?: undefined;\n} & TestID;\n\nconst StyledListItem = styled(ListItemElement)<{\n  level?: number;\n  variant: NonNullable<ListProps['variant']>;\n  hasIcon: boolean;\n}>(({ level, theme, variant, hasIcon }) => ({\n  marginLeft: level\n    ? getIn(\n        theme,\n        listItemMarginLeft[\n          `${variant}${variant === 'unordered' && hasIcon ? 'WithIcon' : ''}` as NonNullable<\n            ListProps['variant'] | 'unorderedWithIcon'\n          >\n        ][level],\n      )\n    : 0,\n}));\n\nconst ListItemContentChildren = ({\n  children,\n  size,\n}: {\n  children: React.ReactNode[];\n  size: NonNullable<ListProps['size']>;\n}): React.ReactElement => {\n  /* Having a <View><Text>...</Text><View/> inside <Text /> breaks vertical alignment. Issue: https://github.com/facebook/react-native/issues/31955\n    As a workaround, we wrap individual strings in their own <Text /> and handle alignment with a parent <View> (BaseBox).\n   */\n  return getPlatformType() === 'react-native' ? (\n    <BaseBox display=\"flex\" flexDirection=\"row\" flexWrap=\"wrap\">\n      {children.map((child, index) => {\n        if (typeof child === 'string') {\n          return (\n            <Text key={index} variant=\"body\" size={size}>\n              {child}\n            </Text>\n          );\n        }\n        return child;\n      })}\n    </BaseBox>\n  ) : (\n    <Text variant=\"body\" size={size}>\n      {children}\n    </Text>\n  );\n};\n\nconst _ListItem = ({\n  children,\n  icon: Icon,\n  _itemNumber,\n  testID,\n}: ListItemProps): React.ReactElement => {\n  const { level, size, icon: ListContextIcon, variant } = useListContext();\n  const { theme, platform } = useTheme();\n  const ItemIcon = Icon ?? ListContextIcon;\n\n  if (__DEV__) {\n    if (level && level > 3) {\n      throwBladeError({\n        message: 'List Nesting is allowed only upto 3 levels.',\n        moduleName: 'List',\n      });\n    }\n  }\n\n  const childrenArray = React.Children.toArray(children);\n\n  // Get children that are not a List component and are valid allowed children\n  const validChildItem = childrenArray.filter((child) => {\n    if (getComponentId(child) === MetaConstants.List) return null;\n\n    if (\n      typeof child === 'string' ||\n      isValidAllowedChildren(child, MetaConstants.ListItemLink) ||\n      isValidAllowedChildren(child, MetaConstants.ListItemText) ||\n      isValidAllowedChildren(child, MetaConstants.ListItemCode)\n    ) {\n      return child;\n    } else if (__DEV__) {\n      throwBladeError({\n        message: `You can only pass a List, ListItemLink, ListItemCode, ListItemText or a string as a child to ListItem.`,\n        moduleName: 'ListItem',\n      });\n    }\n    return null;\n  });\n  // Get child that is a List component\n  const childList = childrenArray.filter((child) =>\n    getComponentId(child) === MetaConstants.List ? child : null,\n  );\n  const hasIcon = Boolean(ItemIcon);\n\n  return (\n    <StyledListItem\n      level={level}\n      variant={variant}\n      hasIcon={hasIcon}\n      {...metaAttribute({ name: MetaConstants.ListItem, testID })}\n    >\n      <BaseBox\n        display=\"flex\"\n        flexDirection=\"row\"\n        alignItems=\"center\"\n        marginBottom={listItemMarginBottom}\n      >\n        {variant === 'unordered' ? (\n          <BaseBox\n            marginRight={listItemBulletMarginRight[variant]}\n            marginTop={\n              listItemBulletMarginTop[`${variant}${hasIcon ? 'WithIcon' : ''}`][platform][size]\n            }\n            display=\"flex\"\n            alignSelf=\"flex-start\"\n          >\n            {ItemIcon ? (\n              <ItemIcon size={size} color=\"surface.icon.gray.muted\" />\n            ) : (\n              <UnorderedItemIcon level={level} />\n            )}\n          </BaseBox>\n        ) : (\n          <BaseBox\n            width={listItemOrderedBulletBoxSize[variant][platform][size]}\n            height={listItemOrderedBulletBoxSize[variant][platform][size]}\n            marginRight={listItemBulletMarginRight[variant]}\n            marginTop={listItemBulletMarginTop[variant][platform][size]}\n            display=\"flex\"\n            flexShrink={0}\n            justifyContent=\"center\"\n            alignSelf=\"flex-start\"\n            alignItems=\"center\"\n            borderRadius={variant === 'ordered-filled' ? 'max' : undefined}\n            backgroundColor={\n              variant === 'ordered-filled'\n                ? getIn(theme.colors, 'feedback.background.neutral.subtle')\n                : undefined\n            }\n          >\n            <Text\n              variant=\"body\"\n              color=\"surface.text.gray.muted\"\n              size={variant === 'ordered' ? size : 'xsmall'}\n            >\n              {`${getOrderedListItemBullet({\n                itemNumber: _itemNumber ?? 1,\n                level: level ?? 1,\n              })}${variant === 'ordered' ? '.' : ''}`}\n            </Text>\n          </BaseBox>\n        )}\n        <ListItemContentChildren size={size}>{validChildItem}</ListItemContentChildren>\n      </BaseBox>\n      {childList}\n    </StyledListItem>\n  );\n};\n\nconst ListItem = assignWithoutSideEffects(_ListItem, { componentId: MetaConstants.ListItem });\n\nexport { ListItem };\nexport type { ListItemProps };\n"],"names":["StyledListItem","styled","ListItemElement","_ref","level","theme","variant","hasIcon","marginLeft","getIn","listItemMarginLeft","ListItemContentChildren","_ref2","children","size","getPlatformType","_jsx","BaseBox","display","flexDirection","flexWrap","map","child","index","Text","_ListItem","_ref3","Icon","icon","_itemNumber","testID","_useListContext","useListContext","ListContextIcon","_useTheme","useTheme","platform","ItemIcon","__DEV__","throwBladeError","message","moduleName","childrenArray","React","Children","toArray","validChildItem","filter","getComponentId","MetaConstants","List","isValidAllowedChildren","ListItemLink","ListItemText","ListItemCode","childList","Boolean","_jsxs","Object","assign","metaAttribute","name","ListItem","alignItems","marginBottom","listItemMarginBottom","marginRight","listItemBulletMarginRight","marginTop","listItemBulletMarginTop","alignSelf","color","UnorderedItemIcon","width","listItemOrderedBulletBoxSize","height","flexShrink","justifyContent","borderRadius","undefined","backgroundColor","colors","getOrderedListItemBullet","itemNumber","assignWithoutSideEffects","componentId"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4CA,IAAMA,cAAc,CAAGC,MAAM,CAACC,eAAe,CAAC,CAI3C,SAAAC,IAAA,MAAGC,KAAK,CAAAD,IAAA,CAALC,KAAK,CAAEC,KAAK,CAAAF,IAAA,CAALE,KAAK,CAAEC,OAAO,CAAAH,IAAA,CAAPG,OAAO,CAAEC,OAAO,CAAAJ,IAAA,CAAPI,OAAO,CAAQ,OAAA,CAC1CC,UAAU,CAAEJ,KAAK,CACbK,KAAK,CACHJ,KAAK,CACLK,kBAAkB,CACf,CAAEJ,EAAAA,OAAQ,CAAEA,EAAAA,OAAO,GAAK,WAAW,EAAIC,OAAO,CAAG,UAAU,CAAG,EAAG,CAAC,CAAA,CAGpE,CAACH,KAAK,CACT,CAAC,CACD,CACN,CAAC,CAAA,CAAC,CAAC,CAEH,IAAMO,uBAAuB,CAAG,SAA1BA,uBAAuBA,CAAAC,KAAA,CAMH,CALxB,IAAAC,QAAQ,CAAAD,KAAA,CAARC,QAAQ,CACRC,IAAI,CAAAF,KAAA,CAAJE,IAAI,CAQJ,OAAOC,eAAe,EAAE,GAAK,cAAc,CACzCC,GAAA,CAACC,OAAO,CAACC,CAAAA,OAAO,CAAC,MAAM,CAACC,aAAa,CAAC,KAAK,CAACC,QAAQ,CAAC,MAAM,CAAAP,QAAA,CACxDA,QAAQ,CAACQ,GAAG,CAAC,SAACC,KAAK,CAAEC,KAAK,CAAK,CAC9B,GAAI,OAAOD,KAAK,GAAK,QAAQ,CAAE,CAC7B,OACEN,GAAA,CAACQ,IAAI,CAAA,CAAalB,OAAO,CAAC,MAAM,CAACQ,IAAI,CAAEA,IAAK,CAAAD,QAAA,CACzCS,KAAK,CAAA,CADGC,KAEL,CAAC,CAEX,CACA,OAAOD,KAAK,CACd,CAAC,CAAC,CACK,CAAC,CAEVN,GAAA,CAACQ,IAAI,CAAClB,CAAAA,OAAO,CAAC,MAAM,CAACQ,IAAI,CAAEA,IAAK,CAAAD,QAAA,CAC7BA,QAAQ,CACL,CACP,CACH,CAAC,CAED,IAAMY,SAAS,CAAG,SAAZA,SAASA,CAAAC,KAAA,CAK0B,CAJvC,IAAAb,QAAQ,CAAAa,KAAA,CAARb,QAAQ,CACFc,IAAI,CAAAD,KAAA,CAAVE,IAAI,CACJC,WAAW,CAAAH,KAAA,CAAXG,WAAW,CACXC,MAAM,CAAAJ,KAAA,CAANI,MAAM,CAEN,IAAAC,eAAA,CAAwDC,cAAc,EAAE,CAAhE5B,KAAK,CAAA2B,eAAA,CAAL3B,KAAK,CAAEU,IAAI,CAAAiB,eAAA,CAAJjB,IAAI,CAAQmB,eAAe,CAAAF,eAAA,CAArBH,IAAI,CAAmBtB,OAAO,CAAAyB,eAAA,CAAPzB,OAAO,CACnD,IAAA4B,SAAA,CAA4BC,QAAQ,EAAE,CAA9B9B,KAAK,CAAA6B,SAAA,CAAL7B,KAAK,CAAE+B,QAAQ,CAAAF,SAAA,CAARE,QAAQ,CACvB,IAAMC,QAAQ,CAAGV,IAAI,EAAJA,IAAAA,CAAAA,IAAI,CAAIM,eAAe,CAExC,GAAIK,OAAO,CAAE,CACX,GAAIlC,KAAK,EAAIA,KAAK,CAAG,CAAC,CAAE,CACtBmC,eAAe,CAAC,CACdC,OAAO,CAAE,6CAA6C,CACtDC,UAAU,CAAE,MACd,CAAC,CAAC,CACJ,CACF,CAEA,IAAMC,aAAa,CAAGC,cAAK,CAACC,QAAQ,CAACC,OAAO,CAAChC,QAAQ,CAAC,CAGtD,IAAMiC,cAAc,CAAGJ,aAAa,CAACK,MAAM,CAAC,SAACzB,KAAK,CAAK,CACrD,GAAI0B,cAAc,CAAC1B,KAAK,CAAC,GAAK2B,aAAa,CAACC,IAAI,CAAE,OAAW,IAAA,CAE7D,GACE,OAAO5B,KAAK,GAAK,QAAQ,EACzB6B,sBAAsB,CAAC7B,KAAK,CAAE2B,aAAa,CAACG,YAAY,CAAC,EACzDD,sBAAsB,CAAC7B,KAAK,CAAE2B,aAAa,CAACI,YAAY,CAAC,EACzDF,sBAAsB,CAAC7B,KAAK,CAAE2B,aAAa,CAACK,YAAY,CAAC,CACzD,CACA,OAAOhC,KAAK,CACd,CAAC,KAAM,GAAIgB,OAAO,CAAE,CAClBC,eAAe,CAAC,CACdC,OAAO,CAAG,CAAA,sGAAA,CAAuG,CACjHC,UAAU,CAAE,UACd,CAAC,CAAC,CACJ,CACA,OAAO,IAAI,CACb,CAAC,CAAC,CAEF,IAAMc,SAAS,CAAGb,aAAa,CAACK,MAAM,CAAC,SAACzB,KAAK,CAAA,CAAA,OAC3C0B,cAAc,CAAC1B,KAAK,CAAC,GAAK2B,aAAa,CAACC,IAAI,CAAG5B,KAAK,CAAG,IAAI,CAC7D,CAAA,CAAC,CACD,IAAMf,OAAO,CAAGiD,OAAO,CAACnB,QAAQ,CAAC,CAEjC,OACEoB,IAAA,CAACzD,cAAc,CAAA0D,MAAA,CAAAC,MAAA,CACbvD,CAAAA,KAAK,CAAEA,KAAM,CACbE,OAAO,CAAEA,OAAQ,CACjBC,OAAO,CAAEA,OAAQ,CAAA,CACbqD,aAAa,CAAC,CAAEC,IAAI,CAAEZ,aAAa,CAACa,QAAQ,CAAEhC,MAAM,CAANA,MAAO,CAAC,CAAC,CAAAjB,CAAAA,QAAA,EAE3D4C,IAAA,CAACxC,OAAO,CACNC,CAAAA,OAAO,CAAC,MAAM,CACdC,aAAa,CAAC,KAAK,CACnB4C,UAAU,CAAC,QAAQ,CACnBC,YAAY,CAAEC,oBAAqB,CAAApD,QAAA,CAAA,CAElCP,OAAO,GAAK,WAAW,CACtBU,GAAA,CAACC,OAAO,EACNiD,WAAW,CAAEC,yBAAyB,CAAC7D,OAAO,CAAE,CAChD8D,SAAS,CACPC,uBAAuB,CAAE,CAAA,EAAE/D,OAAQ,CAAA,EAAEC,OAAO,CAAG,UAAU,CAAG,EAAG,CAAC,CAAA,CAAC,CAAC6B,QAAQ,CAAC,CAACtB,IAAI,CACjF,CACDI,OAAO,CAAC,MAAM,CACdoD,SAAS,CAAC,YAAY,CAAAzD,QAAA,CAErBwB,QAAQ,CACPrB,GAAA,CAACqB,QAAQ,EAACvB,IAAI,CAAEA,IAAK,CAACyD,KAAK,CAAC,yBAAyB,CAAE,CAAC,CAExDvD,GAAA,CAACwD,iBAAiB,CAACpE,CAAAA,KAAK,CAAEA,KAAM,CAAE,CACnC,CACM,CAAC,CAEVY,GAAA,CAACC,OAAO,CAAA,CACNwD,KAAK,CAAEC,4BAA4B,CAACpE,OAAO,CAAC,CAAC8B,QAAQ,CAAC,CAACtB,IAAI,CAAE,CAC7D6D,MAAM,CAAED,4BAA4B,CAACpE,OAAO,CAAC,CAAC8B,QAAQ,CAAC,CAACtB,IAAI,CAAE,CAC9DoD,WAAW,CAAEC,yBAAyB,CAAC7D,OAAO,CAAE,CAChD8D,SAAS,CAAEC,uBAAuB,CAAC/D,OAAO,CAAC,CAAC8B,QAAQ,CAAC,CAACtB,IAAI,CAAE,CAC5DI,OAAO,CAAC,MAAM,CACd0D,UAAU,CAAE,CAAE,CACdC,cAAc,CAAC,QAAQ,CACvBP,SAAS,CAAC,YAAY,CACtBP,UAAU,CAAC,QAAQ,CACnBe,YAAY,CAAExE,OAAO,GAAK,gBAAgB,CAAG,KAAK,CAAGyE,SAAU,CAC/DC,eAAe,CACb1E,OAAO,GAAK,gBAAgB,CACxBG,KAAK,CAACJ,KAAK,CAAC4E,MAAM,CAAE,oCAAoC,CAAC,CACzDF,SACL,CAAAlE,QAAA,CAEDG,GAAA,CAACQ,IAAI,CAAA,CACHlB,OAAO,CAAC,MAAM,CACdiE,KAAK,CAAC,yBAAyB,CAC/BzD,IAAI,CAAER,OAAO,GAAK,SAAS,CAAGQ,IAAI,CAAG,QAAS,CAAAD,QAAA,CAE5C,CAAEqE,EAAAA,wBAAwB,CAAC,CAC3BC,UAAU,CAAEtD,WAAW,EAAXA,IAAAA,CAAAA,WAAW,CAAI,CAAC,CAC5BzB,KAAK,CAAEA,KAAK,EAAA,IAAA,CAALA,KAAK,CAAI,CAClB,CAAC,CAAE,CAAEE,EAAAA,OAAO,GAAK,SAAS,CAAG,GAAG,CAAG,EAAG,EAAC,CACnC,CAAC,CACA,CACV,CACDU,GAAA,CAACL,uBAAuB,CAAA,CAACG,IAAI,CAAEA,IAAK,CAAAD,QAAA,CAAEiC,cAAc,CAA0B,CAAC,CACxE,CAAA,CAAC,CACTS,SAAS,CAAA,CAAA,CACI,CAAC,CAErB,CAAC,CAEK,IAAAO,QAAQ,CAAGsB,wBAAwB,CAAC3D,SAAS,CAAE,CAAE4D,WAAW,CAAEpC,aAAa,CAACa,QAAS,CAAC;;;;"}

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

@@ -14,8 +14,11 @@ import '@babel/runtime/helpers/defineProperty';
 import Circle from '../Icons/_Svg/Circle/Circle.native.js';
 import Rect from '../Icons/_Svg/Rect/Rect.native.js';
 import Svg from '../Icons/_Svg/Svg/Svg.native.js';
+import { opacity } from '../../tokens/global/opacity.js';
+import '../../tokens/global/typography.js';
+import '../../tokens/global/motion.js';
 
-var UnorderedLevel1Icon=function UnorderedLevel1Icon(_ref){var iconDimensions=_ref.iconDimensions,color=_ref.color;return jsx(Svg,{width:iconDimensions,height:iconDimensions,viewBox:"0 0 6 6",fill:"none",children:jsx(Circle,{cx:"3px",cy:"3px",r:"3px",fill:color})});};var UnorderedLevel2Icon=function UnorderedLevel2Icon(_ref2){var iconDimensions=_ref2.iconDimensions,color=_ref2.color;return jsx(Svg,{width:iconDimensions,height:iconDimensions,viewBox:"0 0 6 6",fill:"none",children:jsx(Circle,{cx:"3px",cy:"3px",r:"2.5px",stroke:color})});};var UnorderedLevel3Icon=function UnorderedLevel3Icon(_ref3){var iconDimensions=_ref3.iconDimensions,color=_ref3.color;return jsx(Svg,{width:iconDimensions,height:iconDimensions,viewBox:"0 0 6 6",fill:"none",children:jsx(Rect,{width:iconDimensions,height:iconDimensions,rx:"1px",fill:color})});};var UnorderedItemIcon=function UnorderedItemIcon(_ref4){var level=_ref4.level;var _useTheme=useTheme(),theme=_useTheme.theme,platform=_useTheme.platform;var _useListContext=useListContext(),size=_useListContext.size;var iconDimensions=listItemUnorderedBulletSize[platform][size];var color=theme.colors.surface.text.placeholder.lowContrast;switch(level){case 1:return jsx(UnorderedLevel1Icon,{iconDimensions:iconDimensions,color:color});case 2:return jsx(UnorderedLevel2Icon,{iconDimensions:iconDimensions,color:color});case 3:return jsx(UnorderedLevel3Icon,{iconDimensions:iconDimensions,color:color});default:return jsx(UnorderedLevel3Icon,{iconDimensions:iconDimensions,color:color});}};
+var UnorderedLevel1Icon=function UnorderedLevel1Icon(_ref){var iconDimensions=_ref.iconDimensions,color=_ref.color;return jsx(Svg,{width:iconDimensions,height:iconDimensions,viewBox:"0 0 6 6",fill:"none",children:jsx(Circle,{cx:"3px",cy:"3px",r:"3px",fill:color,fillOpacity:opacity[6]})});};var UnorderedLevel2Icon=function UnorderedLevel2Icon(_ref2){var iconDimensions=_ref2.iconDimensions,color=_ref2.color;return jsx(Svg,{width:iconDimensions,height:iconDimensions,viewBox:"0 0 6 6",fill:"none",children:jsx(Circle,{cx:"3px",cy:"3px",r:"2.5px",stroke:color})});};var UnorderedLevel3Icon=function UnorderedLevel3Icon(_ref3){var iconDimensions=_ref3.iconDimensions,color=_ref3.color;return jsx(Svg,{width:iconDimensions,height:iconDimensions,viewBox:"0 0 6 6",fill:"none",children:jsx(Rect,{width:iconDimensions,height:iconDimensions,rx:"1px",fill:color,fillOpacity:opacity[6]})});};var UnorderedItemIcon=function UnorderedItemIcon(_ref4){var level=_ref4.level;var _useTheme=useTheme(),theme=_useTheme.theme,platform=_useTheme.platform;var _useListContext=useListContext(),size=_useListContext.size;var iconDimensions=listItemUnorderedBulletSize[platform][size];var backgroundToken=theme.colors.surface.text.gray.muted;switch(level){case 1:return jsx(UnorderedLevel1Icon,{iconDimensions:iconDimensions,color:backgroundToken});case 2:return jsx(UnorderedLevel2Icon,{iconDimensions:iconDimensions,color:backgroundToken});case 3:return jsx(UnorderedLevel3Icon,{iconDimensions:iconDimensions,color:backgroundToken});default:return jsx(UnorderedLevel3Icon,{iconDimensions:iconDimensions,color:backgroundToken});}};
 
 export { UnorderedItemIcon };
 //# sourceMappingURL=ListItemIcons.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ListItemIcons.js","sources":["../../../../../src/components/List/ListItemIcons.tsx"],"sourcesContent":["import React from 'react';\nimport { listItemUnorderedBulletSize } from './listTokens';\nimport { useListContext } from './ListContext';\nimport { useTheme } from '~components/BladeProvider';\nimport { Svg, Circle, Rect } from '~components/Icons/_Svg';\n\ntype UnorderedIconProps = {\n  iconDimensions: string;\n  color: string;\n};\n\nconst UnorderedLevel1Icon = ({ iconDimensions, color }: UnorderedIconProps): React.ReactElement => {\n  return (\n    <Svg width={iconDimensions} height={iconDimensions} viewBox=\"0 0 6 6\" fill=\"none\">\n      <Circle cx=\"3px\" cy=\"3px\" r=\"3px\" fill={color} />\n    </Svg>\n  );\n};\n\nconst UnorderedLevel2Icon = ({ iconDimensions, color }: UnorderedIconProps): React.ReactElement => {\n  return (\n    <Svg width={iconDimensions} height={iconDimensions} viewBox=\"0 0 6 6\" fill=\"none\">\n      <Circle cx=\"3px\" cy=\"3px\" r=\"2.5px\" stroke={color} />\n    </Svg>\n  );\n};\n\nconst UnorderedLevel3Icon = ({ iconDimensions, color }: UnorderedIconProps): React.ReactElement => {\n  return (\n    <Svg width={iconDimensions} height={iconDimensions} viewBox=\"0 0 6 6\" fill=\"none\">\n      <Rect width={iconDimensions} height={iconDimensions} rx=\"1px\" fill={color} />\n    </Svg>\n  );\n};\n\nconst UnorderedItemIcon = ({ level }: { level?: number }): React.ReactElement => {\n  const { theme, platform } = useTheme();\n  const { size } = useListContext();\n  const iconDimensions = listItemUnorderedBulletSize[platform][size];\n  const color = theme.colors.surface.text.placeholder.lowContrast;\n\n  switch (level) {\n    case 1:\n      return <UnorderedLevel1Icon iconDimensions={iconDimensions} color={color} />;\n    case 2:\n      return <UnorderedLevel2Icon iconDimensions={iconDimensions} color={color} />;\n    case 3:\n      return <UnorderedLevel3Icon iconDimensions={iconDimensions} color={color} />;\n    default:\n      return <UnorderedLevel3Icon iconDimensions={iconDimensions} color={color} />;\n  }\n};\n\nexport { UnorderedItemIcon };\n"],"names":["UnorderedLevel1Icon","_ref","iconDimensions","color","_jsx","Svg","width","height","viewBox","fill","children","Circle","cx","cy","r","UnorderedLevel2Icon","_ref2","stroke","UnorderedLevel3Icon","_ref3","Rect","rx","UnorderedItemIcon","_ref4","level","_useTheme","useTheme","theme","platform","_useListContext","useListContext","size","listItemUnorderedBulletSize","colors","surface","text","placeholder","lowContrast"],"mappings":"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"}
+{"version":3,"file":"ListItemIcons.js","sources":["../../../../../src/components/List/ListItemIcons.tsx"],"sourcesContent":["import React from 'react';\nimport { listItemUnorderedBulletSize } from './listTokens';\nimport { useListContext } from './ListContext';\nimport { useTheme } from '~components/BladeProvider';\nimport { Svg, Circle, Rect } from '~components/Icons/_Svg';\nimport { opacity } from '~tokens/global';\n\ntype UnorderedIconProps = {\n  iconDimensions: string;\n  color: string;\n};\n\nconst UnorderedLevel1Icon = ({ iconDimensions, color }: UnorderedIconProps): React.ReactElement => {\n  return (\n    <Svg width={iconDimensions} height={iconDimensions} viewBox=\"0 0 6 6\" fill=\"none\">\n      <Circle cx=\"3px\" cy=\"3px\" r=\"3px\" fill={color} fillOpacity={opacity[6]} />\n    </Svg>\n  );\n};\n\nconst UnorderedLevel2Icon = ({ iconDimensions, color }: UnorderedIconProps): React.ReactElement => {\n  return (\n    <Svg width={iconDimensions} height={iconDimensions} viewBox=\"0 0 6 6\" fill=\"none\">\n      <Circle cx=\"3px\" cy=\"3px\" r=\"2.5px\" stroke={color} />\n    </Svg>\n  );\n};\n\nconst UnorderedLevel3Icon = ({ iconDimensions, color }: UnorderedIconProps): React.ReactElement => {\n  return (\n    <Svg width={iconDimensions} height={iconDimensions} viewBox=\"0 0 6 6\" fill=\"none\">\n      <Rect\n        width={iconDimensions}\n        height={iconDimensions}\n        rx=\"1px\"\n        fill={color}\n        fillOpacity={opacity[6]}\n      />\n    </Svg>\n  );\n};\n\nconst UnorderedItemIcon = ({ level }: { level?: number }): React.ReactElement => {\n  const { theme, platform } = useTheme();\n  const { size } = useListContext();\n  const iconDimensions = listItemUnorderedBulletSize[platform][size];\n  const backgroundToken = theme.colors.surface.text.gray.muted;\n\n  switch (level) {\n    case 1:\n      return <UnorderedLevel1Icon iconDimensions={iconDimensions} color={backgroundToken} />;\n    case 2:\n      return <UnorderedLevel2Icon iconDimensions={iconDimensions} color={backgroundToken} />;\n    case 3:\n      return <UnorderedLevel3Icon iconDimensions={iconDimensions} color={backgroundToken} />;\n    default:\n      return <UnorderedLevel3Icon iconDimensions={iconDimensions} color={backgroundToken} />;\n  }\n};\n\nexport { UnorderedItemIcon };\n"],"names":["UnorderedLevel1Icon","_ref","iconDimensions","color","_jsx","Svg","width","height","viewBox","fill","children","Circle","cx","cy","r","fillOpacity","opacity","UnorderedLevel2Icon","_ref2","stroke","UnorderedLevel3Icon","_ref3","Rect","rx","UnorderedItemIcon","_ref4","level","_useTheme","useTheme","theme","platform","_useListContext","useListContext","size","listItemUnorderedBulletSize","backgroundToken","colors","surface","text","gray","muted"],"mappings":"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"}

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

@@ -18,7 +18,7 @@ import { useControllableState } from '../../utils/useControllable.js';
 import { PopupArrow } from '../PopupArrow/PopupArrow.native.js';
 import { getFloatingPlacementParts } from '../../utils/getFloatingPlacementParts.js';
 
-var Popover=function Popover(_ref){var content=_ref.content,children=_ref.children,_ref$placement=_ref.placement,placement=_ref$placement===void 0?'top':_ref$placement,onOpenChange=_ref.onOpenChange,_ref$zIndex=_ref.zIndex,zIndex=_ref$zIndex===void 0?popoverZIndex:_ref$zIndex,title=_ref.title,titleLeading=_ref.titleLeading,footer=_ref.footer,isOpen=_ref.isOpen,defaultIsOpen=_ref.defaultIsOpen;var _useTheme=useTheme(),theme=_useTheme.theme;var defaultInitialFocusRef=React__default.useRef(null);var _useControllableState=useControllableState({value:isOpen,defaultValue:defaultIsOpen,onChange:function onChange(isOpen){return onOpenChange==null?void 0:onOpenChange({isOpen:isOpen});}}),_useControllableState2=_slicedToArray(_useControllableState,2),controllableIsOpen=_useControllableState2[0],controllableSetIsOpen=_useControllableState2[1];var gap=theme.spacing[2];var _getFloatingPlacement=getFloatingPlacementParts(placement),_getFloatingPlacement2=_slicedToArray(_getFloatingPlacement,1),side=_getFloatingPlacement2[0];var isHorizontal=side==='left'||side==='right';var arrowRef=React__default.useRef();var context=useFloating({sameScrollView:false,placement:placement,middleware:[shift({crossAxis:false,padding:gap}),flip({padding:gap,fallbackAxisSideDirection:'start'}),offset(gap+ARROW_HEIGHT),arrow({element:arrowRef,padding:isHorizontal?0:ARROW_WIDTH})]});var refs=context.refs,floatingStyles=context.floatingStyles;var _getFloatingPlacement3=getFloatingPlacementParts(context.placement),_getFloatingPlacement4=_slicedToArray(_getFloatingPlacement3,1),computedSide=_getFloatingPlacement4[0];var handleOpen=React__default.useCallback(function(){controllableSetIsOpen(function(){return true;});onOpenChange==null?void 0:onOpenChange({isOpen:true});},[controllableSetIsOpen,onOpenChange]);var handleClose=React__default.useCallback(function(){controllableSetIsOpen(function(){return false;});onOpenChange==null?void 0:onOpenChange({isOpen:false});},[controllableSetIsOpen,onOpenChange]);var _React$useState=React__default.useState(function(){return controllableIsOpen;}),_React$useState2=_slicedToArray(_React$useState,2),isVisible=_React$useState2[0],setIsVisible=_React$useState2[1];React__default.useEffect(function(){var id=setTimeout(function(){if(!controllableIsOpen){setIsVisible(false);}},theme.motion.duration.gentle);if(controllableIsOpen){setIsVisible(true);}return function(){return clearTimeout(id);};},[controllableIsOpen]);var contextValue=React__default.useMemo(function(){return {close:handleClose,defaultInitialFocusRef:defaultInitialFocusRef,titleId:undefined};},[handleClose]);return jsxs(PopoverContext.Provider,{value:contextValue,children:[React__default.cloneElement(children,Object.assign({},mergeProps({onTouchEnd:children.props.onTouchEnd},{onTouchEnd:handleOpen}),{ref:refs.setReference})),jsxs(Modal,Object.assign({collapsable:false,transparent:true,visible:Boolean(isVisible)},metaAttribute({testID:'popover-modal'}),{children:[jsx(TouchableOpacity,Object.assign({style:{position:'absolute',top:0,bottom:0,left:0,right:0},onPress:handleClose,activeOpacity:1,testID:"popover-modal-backdrop"},metaAttribute({name:MetaConstants.Popover}))),jsx(PopoverContent,{titleLeading:titleLeading,title:title,footer:footer,isVisible:controllableIsOpen,ref:refs.setFloating,side:computedSide,style:Object.assign({},floatingStyles,{zIndex:zIndex}),arrow:jsx(PopupArrow,{ref:arrowRef,context:context,width:ARROW_WIDTH,height:ARROW_HEIGHT,fillColor:theme.colors.surface.popup.background,strokeColor:theme.colors.brand.gray[400].lowContrast}),children:content})]}))]});};
+var Popover=function Popover(_ref){var content=_ref.content,children=_ref.children,_ref$placement=_ref.placement,placement=_ref$placement===void 0?'top':_ref$placement,onOpenChange=_ref.onOpenChange,_ref$zIndex=_ref.zIndex,zIndex=_ref$zIndex===void 0?popoverZIndex:_ref$zIndex,title=_ref.title,titleLeading=_ref.titleLeading,footer=_ref.footer,isOpen=_ref.isOpen,defaultIsOpen=_ref.defaultIsOpen;var _useTheme=useTheme(),theme=_useTheme.theme;var defaultInitialFocusRef=React__default.useRef(null);var _useControllableState=useControllableState({value:isOpen,defaultValue:defaultIsOpen,onChange:function onChange(isOpen){return onOpenChange==null?void 0:onOpenChange({isOpen:isOpen});}}),_useControllableState2=_slicedToArray(_useControllableState,2),controllableIsOpen=_useControllableState2[0],controllableSetIsOpen=_useControllableState2[1];var gap=theme.spacing[2];var _getFloatingPlacement=getFloatingPlacementParts(placement),_getFloatingPlacement2=_slicedToArray(_getFloatingPlacement,1),side=_getFloatingPlacement2[0];var isHorizontal=side==='left'||side==='right';var arrowRef=React__default.useRef();var context=useFloating({sameScrollView:false,placement:placement,middleware:[shift({crossAxis:false,padding:gap}),flip({padding:gap,fallbackAxisSideDirection:'start'}),offset(gap+ARROW_HEIGHT),arrow({element:arrowRef,padding:isHorizontal?0:ARROW_WIDTH})]});var refs=context.refs,floatingStyles=context.floatingStyles;var _getFloatingPlacement3=getFloatingPlacementParts(context.placement),_getFloatingPlacement4=_slicedToArray(_getFloatingPlacement3,1),computedSide=_getFloatingPlacement4[0];var handleOpen=React__default.useCallback(function(){controllableSetIsOpen(function(){return true;});onOpenChange==null?void 0:onOpenChange({isOpen:true});},[controllableSetIsOpen,onOpenChange]);var handleClose=React__default.useCallback(function(){controllableSetIsOpen(function(){return false;});onOpenChange==null?void 0:onOpenChange({isOpen:false});},[controllableSetIsOpen,onOpenChange]);var _React$useState=React__default.useState(function(){return controllableIsOpen;}),_React$useState2=_slicedToArray(_React$useState,2),isVisible=_React$useState2[0],setIsVisible=_React$useState2[1];React__default.useEffect(function(){var id=setTimeout(function(){if(!controllableIsOpen){setIsVisible(false);}},theme.motion.duration.gentle);if(controllableIsOpen){setIsVisible(true);}return function(){return clearTimeout(id);};},[controllableIsOpen]);var contextValue=React__default.useMemo(function(){return {close:handleClose,defaultInitialFocusRef:defaultInitialFocusRef,titleId:undefined};},[handleClose]);return jsxs(PopoverContext.Provider,{value:contextValue,children:[React__default.cloneElement(children,Object.assign({},mergeProps({onTouchEnd:children.props.onTouchEnd},{onTouchEnd:handleOpen}),{ref:refs.setReference})),jsxs(Modal,Object.assign({collapsable:false,transparent:true,visible:Boolean(isVisible)},metaAttribute({testID:'popover-modal'}),{children:[jsx(TouchableOpacity,Object.assign({style:{position:'absolute',top:0,bottom:0,left:0,right:0},onPress:handleClose,activeOpacity:1,testID:"popover-modal-backdrop"},metaAttribute({name:MetaConstants.Popover}))),jsx(PopoverContent,{titleLeading:titleLeading,title:title,footer:footer,isVisible:controllableIsOpen,ref:refs.setFloating,side:computedSide,style:Object.assign({},floatingStyles,{zIndex:zIndex}),arrow:jsx(PopupArrow,{ref:arrowRef,context:context,width:ARROW_WIDTH,height:ARROW_HEIGHT,fillColor:theme.colors.popup.background.subtle,strokeColor:theme.colors.popup.border.subtle}),children:content})]}))]});};
 
 export { Popover };
 //# sourceMappingURL=Popover.native.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Popover.native.js","sources":["../../../../../src/components/Popover/Popover.native.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/restrict-plus-operands */\nimport { arrow, shift, useFloating, flip, offset } from '@floating-ui/react-native';\nimport React from 'react';\nimport { Modal, TouchableOpacity } from 'react-native';\nimport { PopoverContent } from './PopoverContent';\nimport type { PopoverProps } from './types';\nimport { ARROW_HEIGHT, ARROW_WIDTH, popoverZIndex } from './constants';\nimport { PopoverContext } from './PopoverContext';\nimport { useTheme } from '~components/BladeProvider';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { mergeProps } from '~utils/mergeProps';\nimport { useControllableState } from '~utils/useControllable';\nimport { PopupArrow } from '~components/PopupArrow';\nimport { getFloatingPlacementParts } from '~utils/getFloatingPlacementParts';\n\nconst Popover = ({\n  content,\n  children,\n  placement = 'top',\n  onOpenChange,\n  zIndex = popoverZIndex,\n  title,\n  titleLeading,\n  footer,\n  isOpen,\n  defaultIsOpen,\n}: PopoverProps): React.ReactElement => {\n  const { theme } = useTheme();\n  const defaultInitialFocusRef = React.useRef(null);\n  const [controllableIsOpen, controllableSetIsOpen] = useControllableState({\n    value: isOpen,\n    defaultValue: defaultIsOpen,\n    onChange: (isOpen) => onOpenChange?.({ isOpen }),\n  });\n\n  const gap = theme.spacing[2];\n  const [side] = getFloatingPlacementParts(placement);\n  const isHorizontal = side === 'left' || side === 'right';\n  const arrowRef = React.useRef();\n  const context = useFloating({\n    sameScrollView: false,\n    placement,\n    middleware: [\n      shift({ crossAxis: false, padding: gap }),\n      flip({ padding: gap, fallbackAxisSideDirection: 'start' }),\n      offset(gap + ARROW_HEIGHT),\n      arrow({\n        element: arrowRef,\n        padding: isHorizontal ? 0 : ARROW_WIDTH,\n      }),\n    ],\n  });\n\n  const { refs, floatingStyles } = context;\n  const [computedSide] = getFloatingPlacementParts(context.placement);\n\n  const handleOpen = React.useCallback(() => {\n    controllableSetIsOpen(() => true);\n    onOpenChange?.({ isOpen: true });\n  }, [controllableSetIsOpen, onOpenChange]);\n\n  const handleClose = React.useCallback(() => {\n    controllableSetIsOpen(() => false);\n    onOpenChange?.({ isOpen: false });\n  }, [controllableSetIsOpen, onOpenChange]);\n\n  // wait for animation to finish before unmounting modal\n  const [isVisible, setIsVisible] = React.useState(() => controllableIsOpen);\n  React.useEffect(() => {\n    const id = setTimeout(() => {\n      if (!controllableIsOpen) {\n        setIsVisible(false);\n      }\n    }, theme.motion.duration.gentle);\n\n    if (controllableIsOpen) {\n      setIsVisible(true);\n    }\n    return () => clearTimeout(id);\n  }, [controllableIsOpen]);\n\n  const contextValue = React.useMemo(() => {\n    return {\n      close: handleClose,\n      defaultInitialFocusRef,\n      titleId: undefined,\n    };\n  }, [handleClose]);\n\n  return (\n    <PopoverContext.Provider value={contextValue}>\n      {/* Cloning the trigger children to enhance it with ref and event handler */}\n      {React.cloneElement(children, {\n        ...mergeProps(\n          {\n            onTouchEnd: children.props.onTouchEnd,\n          },\n          { onTouchEnd: handleOpen },\n        ),\n        ref: refs.setReference,\n      })}\n      <Modal\n        collapsable={false}\n        transparent\n        visible={Boolean(isVisible)}\n        {...metaAttribute({ testID: 'popover-modal' })}\n      >\n        <TouchableOpacity\n          style={{\n            position: 'absolute',\n            top: 0,\n            bottom: 0,\n            left: 0,\n            right: 0,\n          }}\n          onPress={handleClose}\n          activeOpacity={1}\n          testID=\"popover-modal-backdrop\"\n          {...metaAttribute({ name: MetaConstants.Popover })}\n        />\n        <PopoverContent\n          titleLeading={titleLeading}\n          title={title}\n          footer={footer}\n          isVisible={controllableIsOpen}\n          ref={refs.setFloating}\n          side={computedSide}\n          style={{\n            ...floatingStyles,\n            // TODO: Tokenize zIndex values\n            zIndex,\n          }}\n          arrow={\n            <PopupArrow\n              ref={arrowRef as never}\n              context={context}\n              width={ARROW_WIDTH}\n              height={ARROW_HEIGHT}\n              fillColor={theme.colors.surface.popup.background}\n              strokeColor={theme.colors.brand.gray[400].lowContrast}\n            />\n          }\n        >\n          {content}\n        </PopoverContent>\n      </Modal>\n    </PopoverContext.Provider>\n  );\n};\n\nexport { Popover };\n"],"names":["Popover","_ref","content","children","_ref$placement","placement","onOpenChange","_ref$zIndex","zIndex","popoverZIndex","title","titleLeading","footer","isOpen","defaultIsOpen","_useTheme","useTheme","theme","defaultInitialFocusRef","React","useRef","_useControllableState","useControllableState","value","defaultValue","onChange","_useControllableState2","_slicedToArray","controllableIsOpen","controllableSetIsOpen","gap","spacing","_getFloatingPlacement","getFloatingPlacementParts","_getFloatingPlacement2","side","isHorizontal","arrowRef","context","useFloating","sameScrollView","middleware","shift","crossAxis","padding","flip","fallbackAxisSideDirection","offset","ARROW_HEIGHT","arrow","element","ARROW_WIDTH","refs","floatingStyles","_getFloatingPlacement3","_getFloatingPlacement4","computedSide","handleOpen","useCallback","handleClose","_React$useState","useState","_React$useState2","isVisible","setIsVisible","useEffect","id","setTimeout","motion","duration","gentle","clearTimeout","contextValue","useMemo","close","titleId","undefined","_jsxs","PopoverContext","Provider","cloneElement","Object","assign","mergeProps","onTouchEnd","props","ref","setReference","Modal","collapsable","transparent","visible","Boolean","metaAttribute","testID","_jsx","TouchableOpacity","style","position","top","bottom","left","right","onPress","activeOpacity","name","MetaConstants","PopoverContent","setFloating","PopupArrow","width","height","fillColor","colors","surface","popup","background","strokeColor","brand","gray","lowContrast"],"mappings":"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"}
+{"version":3,"file":"Popover.native.js","sources":["../../../../../src/components/Popover/Popover.native.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/restrict-plus-operands */\nimport { arrow, shift, useFloating, flip, offset } from '@floating-ui/react-native';\nimport React from 'react';\nimport { Modal, TouchableOpacity } from 'react-native';\nimport { PopoverContent } from './PopoverContent';\nimport type { PopoverProps } from './types';\nimport { ARROW_HEIGHT, ARROW_WIDTH, popoverZIndex } from './constants';\nimport { PopoverContext } from './PopoverContext';\nimport { useTheme } from '~components/BladeProvider';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { mergeProps } from '~utils/mergeProps';\nimport { useControllableState } from '~utils/useControllable';\nimport { PopupArrow } from '~components/PopupArrow';\nimport { getFloatingPlacementParts } from '~utils/getFloatingPlacementParts';\n\nconst Popover = ({\n  content,\n  children,\n  placement = 'top',\n  onOpenChange,\n  zIndex = popoverZIndex,\n  title,\n  titleLeading,\n  footer,\n  isOpen,\n  defaultIsOpen,\n}: PopoverProps): React.ReactElement => {\n  const { theme } = useTheme();\n  const defaultInitialFocusRef = React.useRef(null);\n  const [controllableIsOpen, controllableSetIsOpen] = useControllableState({\n    value: isOpen,\n    defaultValue: defaultIsOpen,\n    onChange: (isOpen) => onOpenChange?.({ isOpen }),\n  });\n\n  const gap = theme.spacing[2];\n  const [side] = getFloatingPlacementParts(placement);\n  const isHorizontal = side === 'left' || side === 'right';\n  const arrowRef = React.useRef();\n  const context = useFloating({\n    sameScrollView: false,\n    placement,\n    middleware: [\n      shift({ crossAxis: false, padding: gap }),\n      flip({ padding: gap, fallbackAxisSideDirection: 'start' }),\n      offset(gap + ARROW_HEIGHT),\n      arrow({\n        element: arrowRef,\n        padding: isHorizontal ? 0 : ARROW_WIDTH,\n      }),\n    ],\n  });\n\n  const { refs, floatingStyles } = context;\n  const [computedSide] = getFloatingPlacementParts(context.placement);\n\n  const handleOpen = React.useCallback(() => {\n    controllableSetIsOpen(() => true);\n    onOpenChange?.({ isOpen: true });\n  }, [controllableSetIsOpen, onOpenChange]);\n\n  const handleClose = React.useCallback(() => {\n    controllableSetIsOpen(() => false);\n    onOpenChange?.({ isOpen: false });\n  }, [controllableSetIsOpen, onOpenChange]);\n\n  // wait for animation to finish before unmounting modal\n  const [isVisible, setIsVisible] = React.useState(() => controllableIsOpen);\n  React.useEffect(() => {\n    const id = setTimeout(() => {\n      if (!controllableIsOpen) {\n        setIsVisible(false);\n      }\n    }, theme.motion.duration.gentle);\n\n    if (controllableIsOpen) {\n      setIsVisible(true);\n    }\n    return () => clearTimeout(id);\n  }, [controllableIsOpen]);\n\n  const contextValue = React.useMemo(() => {\n    return {\n      close: handleClose,\n      defaultInitialFocusRef,\n      titleId: undefined,\n    };\n  }, [handleClose]);\n\n  return (\n    <PopoverContext.Provider value={contextValue}>\n      {/* Cloning the trigger children to enhance it with ref and event handler */}\n      {React.cloneElement(children, {\n        ...mergeProps(\n          {\n            onTouchEnd: children.props.onTouchEnd,\n          },\n          { onTouchEnd: handleOpen },\n        ),\n        ref: refs.setReference,\n      })}\n      <Modal\n        collapsable={false}\n        transparent\n        visible={Boolean(isVisible)}\n        {...metaAttribute({ testID: 'popover-modal' })}\n      >\n        <TouchableOpacity\n          style={{\n            position: 'absolute',\n            top: 0,\n            bottom: 0,\n            left: 0,\n            right: 0,\n          }}\n          onPress={handleClose}\n          activeOpacity={1}\n          testID=\"popover-modal-backdrop\"\n          {...metaAttribute({ name: MetaConstants.Popover })}\n        />\n        <PopoverContent\n          titleLeading={titleLeading}\n          title={title}\n          footer={footer}\n          isVisible={controllableIsOpen}\n          ref={refs.setFloating}\n          side={computedSide}\n          style={{\n            ...floatingStyles,\n            // TODO: Tokenize zIndex values\n            zIndex,\n          }}\n          arrow={\n            <PopupArrow\n              ref={arrowRef as never}\n              context={context}\n              width={ARROW_WIDTH}\n              height={ARROW_HEIGHT}\n              fillColor={theme.colors.popup.background.subtle}\n              strokeColor={theme.colors.popup.border.subtle}\n            />\n          }\n        >\n          {content}\n        </PopoverContent>\n      </Modal>\n    </PopoverContext.Provider>\n  );\n};\n\nexport { Popover };\n"],"names":["Popover","_ref","content","children","_ref$placement","placement","onOpenChange","_ref$zIndex","zIndex","popoverZIndex","title","titleLeading","footer","isOpen","defaultIsOpen","_useTheme","useTheme","theme","defaultInitialFocusRef","React","useRef","_useControllableState","useControllableState","value","defaultValue","onChange","_useControllableState2","_slicedToArray","controllableIsOpen","controllableSetIsOpen","gap","spacing","_getFloatingPlacement","getFloatingPlacementParts","_getFloatingPlacement2","side","isHorizontal","arrowRef","context","useFloating","sameScrollView","middleware","shift","crossAxis","padding","flip","fallbackAxisSideDirection","offset","ARROW_HEIGHT","arrow","element","ARROW_WIDTH","refs","floatingStyles","_getFloatingPlacement3","_getFloatingPlacement4","computedSide","handleOpen","useCallback","handleClose","_React$useState","useState","_React$useState2","isVisible","setIsVisible","useEffect","id","setTimeout","motion","duration","gentle","clearTimeout","contextValue","useMemo","close","titleId","undefined","_jsxs","PopoverContext","Provider","cloneElement","Object","assign","mergeProps","onTouchEnd","props","ref","setReference","Modal","collapsable","transparent","visible","Boolean","metaAttribute","testID","_jsx","TouchableOpacity","style","position","top","bottom","left","right","onPress","activeOpacity","name","MetaConstants","PopoverContent","setFloating","PopupArrow","width","height","fillColor","colors","popup","background","subtle","strokeColor","border"],"mappings":"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"}

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

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

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

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

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

@@ -7,7 +7,7 @@ import { makeBorderSize } from '../../utils/makeBorderSize/makeBorderSize.js';
 import { makeSpace } from '../../utils/makeSpace/makeSpace.js';
 import '../BladeProvider/useTheme.js';
 
-var getPopoverContentWrapperStyles=function getPopoverContentWrapperStyles(_ref){var theme=_ref.theme,styles=_ref.styles,isMobile=_ref.isMobile;return Object.assign({width:'100%',maxWidth:makeSpace(isMobile?288:328),position:isReactNative()?'absolute':'relative',backgroundColor:theme.colors.surface.popup.background,borderWidth:makeBorderSize(theme.border.width.thin),borderRadius:makeBorderSize(theme.border.radius.large),borderColor:theme.colors.brand.gray[400].lowContrast,borderStyle:'solid',boxShadow:isReactNative()?undefined:castWebType(theme.elevation.midRaised)},styles);};
+var getPopoverContentWrapperStyles=function getPopoverContentWrapperStyles(_ref){var theme=_ref.theme,styles=_ref.styles,isMobile=_ref.isMobile;return Object.assign({width:'100%',maxWidth:makeSpace(isMobile?288:328),position:isReactNative()?'absolute':'relative',backgroundColor:theme.colors.popup.background.subtle,borderWidth:makeBorderSize(theme.border.width.thin),borderRadius:makeBorderSize(theme.border.radius.large),borderColor:theme.colors.popup.border.subtle,borderStyle:'solid',boxShadow:isReactNative()?undefined:castWebType(theme.elevation.midRaised)},styles);};
 
 export { getPopoverContentWrapperStyles };
 //# sourceMappingURL=getPopoverContentWrapperStyles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"getPopoverContentWrapperStyles.js","sources":["../../../../../src/components/Popover/getPopoverContentWrapperStyles.ts"],"sourcesContent":["/* eslint-disable react-hooks/rules-of-hooks */\nimport type React from 'react';\nimport type { CSSObject } from 'styled-components';\nimport type { Theme } from '~components/BladeProvider';\nimport { makeBorderSize, castWebType, isReactNative, makeSpace } from '~utils';\n\nconst getPopoverContentWrapperStyles = ({\n  theme,\n  styles,\n  isMobile,\n}: {\n  isMobile: boolean;\n  theme: Theme;\n  styles: React.CSSProperties;\n}): CSSObject => {\n  return {\n    width: '100%',\n    maxWidth: makeSpace(isMobile ? 288 : 328),\n    position: isReactNative() ? 'absolute' : 'relative',\n    backgroundColor: theme.colors.surface.popup.background,\n    borderWidth: makeBorderSize(theme.border.width.thin),\n    borderRadius: makeBorderSize(theme.border.radius.large),\n    borderColor: theme.colors.brand.gray[400].lowContrast,\n    borderStyle: 'solid',\n    boxShadow: isReactNative() ? undefined : castWebType(theme.elevation.midRaised),\n    ...styles,\n  };\n};\n\nexport { getPopoverContentWrapperStyles };\n"],"names":["getPopoverContentWrapperStyles","_ref","theme","styles","isMobile","Object","assign","width","maxWidth","makeSpace","position","isReactNative","backgroundColor","colors","surface","popup","background","borderWidth","makeBorderSize","border","thin","borderRadius","radius","large","borderColor","brand","gray","lowContrast","borderStyle","boxShadow","undefined","castWebType","elevation","midRaised"],"mappings":";;;;;;;;;AAMM,IAAAA,8BAA8B,CAAG,SAAjCA,8BAA8BA,CAAAC,IAAA,CAQnB,CAPf,IAAAC,KAAK,CAAAD,IAAA,CAALC,KAAK,CACLC,MAAM,CAAAF,IAAA,CAANE,MAAM,CACNC,QAAQ,CAAAH,IAAA,CAARG,QAAQ,CAMR,OAAAC,MAAA,CAAAC,MAAA,CACEC,CAAAA,KAAK,CAAE,MAAM,CACbC,QAAQ,CAAEC,SAAS,CAACL,QAAQ,CAAG,GAAG,CAAG,GAAG,CAAC,CACzCM,QAAQ,CAAEC,aAAa,EAAE,CAAG,UAAU,CAAG,UAAU,CACnDC,eAAe,CAAEV,KAAK,CAACW,MAAM,CAACC,OAAO,CAACC,KAAK,CAACC,UAAU,CACtDC,WAAW,CAAEC,cAAc,CAAChB,KAAK,CAACiB,MAAM,CAACZ,KAAK,CAACa,IAAI,CAAC,CACpDC,YAAY,CAAEH,cAAc,CAAChB,KAAK,CAACiB,MAAM,CAACG,MAAM,CAACC,KAAK,CAAC,CACvDC,WAAW,CAAEtB,KAAK,CAACW,MAAM,CAACY,KAAK,CAACC,IAAI,CAAC,GAAG,CAAC,CAACC,WAAW,CACrDC,WAAW,CAAE,OAAO,CACpBC,SAAS,CAAElB,aAAa,EAAE,CAAGmB,SAAS,CAAGC,WAAW,CAAC7B,KAAK,CAAC8B,SAAS,CAACC,SAAS,CAAC,EAC5E9B,MAAM,CAAA,CAEb;;;;"}
+{"version":3,"file":"getPopoverContentWrapperStyles.js","sources":["../../../../../src/components/Popover/getPopoverContentWrapperStyles.ts"],"sourcesContent":["/* eslint-disable react-hooks/rules-of-hooks */\nimport type React from 'react';\nimport type { CSSObject } from 'styled-components';\nimport type { Theme } from '~components/BladeProvider';\nimport { makeBorderSize, castWebType, isReactNative, makeSpace } from '~utils';\n\nconst getPopoverContentWrapperStyles = ({\n  theme,\n  styles,\n  isMobile,\n}: {\n  isMobile: boolean;\n  theme: Theme;\n  styles: React.CSSProperties;\n}): CSSObject => {\n  return {\n    width: '100%',\n    maxWidth: makeSpace(isMobile ? 288 : 328),\n    position: isReactNative() ? 'absolute' : 'relative',\n    backgroundColor: theme.colors.popup.background.subtle,\n    borderWidth: makeBorderSize(theme.border.width.thin),\n    borderRadius: makeBorderSize(theme.border.radius.large),\n    borderColor: theme.colors.popup.border.subtle,\n    borderStyle: 'solid',\n    boxShadow: isReactNative() ? undefined : castWebType(theme.elevation.midRaised),\n    ...styles,\n  };\n};\n\nexport { getPopoverContentWrapperStyles };\n"],"names":["getPopoverContentWrapperStyles","_ref","theme","styles","isMobile","Object","assign","width","maxWidth","makeSpace","position","isReactNative","backgroundColor","colors","popup","background","subtle","borderWidth","makeBorderSize","border","thin","borderRadius","radius","large","borderColor","borderStyle","boxShadow","undefined","castWebType","elevation","midRaised"],"mappings":";;;;;;;;;AAMM,IAAAA,8BAA8B,CAAG,SAAjCA,8BAA8BA,CAAAC,IAAA,CAQnB,CAPf,IAAAC,KAAK,CAAAD,IAAA,CAALC,KAAK,CACLC,MAAM,CAAAF,IAAA,CAANE,MAAM,CACNC,QAAQ,CAAAH,IAAA,CAARG,QAAQ,CAMR,OAAAC,MAAA,CAAAC,MAAA,CACEC,CAAAA,KAAK,CAAE,MAAM,CACbC,QAAQ,CAAEC,SAAS,CAACL,QAAQ,CAAG,GAAG,CAAG,GAAG,CAAC,CACzCM,QAAQ,CAAEC,aAAa,EAAE,CAAG,UAAU,CAAG,UAAU,CACnDC,eAAe,CAAEV,KAAK,CAACW,MAAM,CAACC,KAAK,CAACC,UAAU,CAACC,MAAM,CACrDC,WAAW,CAAEC,cAAc,CAAChB,KAAK,CAACiB,MAAM,CAACZ,KAAK,CAACa,IAAI,CAAC,CACpDC,YAAY,CAAEH,cAAc,CAAChB,KAAK,CAACiB,MAAM,CAACG,MAAM,CAACC,KAAK,CAAC,CACvDC,WAAW,CAAEtB,KAAK,CAACW,MAAM,CAACC,KAAK,CAACK,MAAM,CAACH,MAAM,CAC7CS,WAAW,CAAE,OAAO,CACpBC,SAAS,CAAEf,aAAa,EAAE,CAAGgB,SAAS,CAAGC,WAAW,CAAC1B,KAAK,CAAC2B,SAAS,CAACC,SAAS,CAAC,EAC5E3B,MAAM,CAAA,CAEb;;;;"}

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

@@ -1,33 +1,29 @@
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import { ProgressBarFilled } from './ProgressBarFilled.native.js';
 import clamp from '../../utils/lodashButBetter/clamp.js';
-import 'react';
-import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import '../Typography/BaseText/BaseText.native.js';
-import 'react-native-svg';
 import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.native.js';
 import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
-import '../Icons/_Svg/Svg/Svg.native.js';
-import 'styled-components/native';
-import '@gorhom/portal';
-import 'react-native-gesture-handler';
-import useTheme from '../BladeProvider/useTheme.js';
-import 'react-native';
+import { Text } from '../Typography/Text/Text.js';
+import { getStyledProps } from '../Box/styledProps/getStyledProps.js';
 import '@babel/runtime/helpers/slicedToArray';
-import { throwBladeError } from '../../utils/logger/logger.js';
-import { makeSize } from '../../utils/makeSize/makeSize.js';
-import '../BottomSheet/BottomSheetStack.js';
+import 'react-native';
 import '../../tokens/global/typography.js';
 import '../../tokens/global/motion.js';
 import { size } from '../../tokens/global/size.js';
-import { FormLabel } from '../Form/FormLabel.js';
-import { Text } from '../Typography/Text/Text.js';
-import { getStyledProps } from '../Box/styledProps/getStyledProps.js';
+import 'react';
+import { throwBladeError } from '../../utils/logger/logger.js';
+import { makeSize } from '../../utils/makeSize/makeSize.js';
+import useTheme from '../BladeProvider/useTheme.js';
 import { useId } from '../../utils/useId.js';
+import 'styled-components/native';
+import '@gorhom/portal';
+import 'react-native-gesture-handler';
+import '../BottomSheet/BottomSheetStack.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
 import { makeAccessible } from '../../utils/makeAccessible/makeAccessible.native.js';
 
-var _excluded=["accessibilityLabel","contrast","intent","isIndeterminate","label","showPercentage","size","value","variant","min","max","testID"];var progressBarHeight={small:size[2],medium:size[4]};var ProgressBar=function ProgressBar(_ref){var _label$trim;var accessibilityLabel=_ref.accessibilityLabel,_ref$contrast=_ref.contrast,contrast=_ref$contrast===void 0?'low':_ref$contrast,intent=_ref.intent,_ref$isIndeterminate=_ref.isIndeterminate,isIndeterminate=_ref$isIndeterminate===void 0?false:_ref$isIndeterminate,label=_ref.label,_ref$showPercentage=_ref.showPercentage,showPercentage=_ref$showPercentage===void 0?true:_ref$showPercentage,_ref$size=_ref.size,size=_ref$size===void 0?'small':_ref$size,_ref$value=_ref.value,value=_ref$value===void 0?0:_ref$value,_ref$variant=_ref.variant,variant=_ref$variant===void 0?'progress':_ref$variant,_ref$min=_ref.min,min=_ref$min===void 0?0:_ref$min,_ref$max=_ref.max,max=_ref$max===void 0?100:_ref$max,testID=_ref.testID,styledProps=_objectWithoutProperties(_ref,_excluded);var _useTheme=useTheme(),theme=_useTheme.theme;var id=useId(variant);if(__DEV__){if(variant==='meter'&&isIndeterminate){throwBladeError({moduleName:'ProgressBar',message:`Cannot set 'isIndeterminate' when 'variant' is 'meter'.`});}}var unfilledBackgroundColor=theme.colors.brand.gray.a100[`${contrast}Contrast`];var filledBackgroundColor=intent?theme.colors.feedback.background[intent].highContrast:theme.colors.brand.primary[500];var hasLabel=label&&((_label$trim=label.trim())==null?void 0:_label$trim.length)>0;var isMeter=variant==='meter';var progressValue=clamp(value,min,max);var percentageProgressValue=Math.floor((progressValue-min)*100/(max-min));var shouldShowPercentage=showPercentage&&!isMeter&&!isIndeterminate;var accessibilityProps={role:'progressbar',label:accessibilityLabel!=null?accessibilityLabel:label,valueNow:percentageProgressValue,valueText:`${percentageProgressValue}%`,valueMin:min,valueMax:max};if(isMeter){accessibilityProps.role='meter';accessibilityProps.valueNow=progressValue;accessibilityProps.valueText=`${progressValue}`;}if(isIndeterminate){accessibilityProps.valueNow=undefined;accessibilityProps.valueMin=undefined;accessibilityProps.valueMax=undefined;accessibilityProps.valueText=undefined;}return jsx(BaseBox,Object.assign({},getStyledProps(styledProps),metaAttribute({name:MetaConstants.ProgressBar,testID:testID}),{children:jsxs(BaseBox,{display:"flex",flexDirection:"column",width:"100%",children:[jsxs(BaseBox,{display:"flex",flexDirection:"row",justifyContent:hasLabel?'space-between':'flex-end',children:[hasLabel?jsx(FormLabel,{as:"label",htmlFor:id,contrast:contrast,children:label}):null,shouldShowPercentage?jsx(BaseBox,{marginBottom:"spacing.2",children:jsx(Text,{type:"subdued",variant:"body",contrast:contrast,size:"small",children:`${percentageProgressValue}%`})}):null]}),jsx(BaseBox,Object.assign({id:id},makeAccessible({role:accessibilityProps.role,label:accessibilityProps.label,valueNow:accessibilityProps.valueNow,valueText:accessibilityProps.valueText,valueMin:accessibilityProps.valueMin,valueMax:accessibilityProps.valueMax}),{children:jsx(BaseBox,{backgroundColor:unfilledBackgroundColor,height:makeSize(progressBarHeight[size]),overflow:"hidden",position:"relative",children:jsx(ProgressBarFilled,{backgroundColor:filledBackgroundColor,progress:percentageProgressValue,fillMotionDuration:"duration.2xgentle",pulseMotionDuration:"duration.2xgentle",indeterminateMotionDuration:"duration.2xgentle",pulseMotionDelay:"delay.long",motionEasing:"easing.standard.revealing",variant:variant,isIndeterminate:isIndeterminate})})}))]})}));};
+var _excluded=["accessibilityLabel","color","isIndeterminate","label","showPercentage","size","value","variant","min","max","testID"];var progressBarHeight={small:size[2],medium:size[4]};var ProgressBar=function ProgressBar(_ref){var _label$trim;var accessibilityLabel=_ref.accessibilityLabel,color=_ref.color,_ref$isIndeterminate=_ref.isIndeterminate,isIndeterminate=_ref$isIndeterminate===void 0?false:_ref$isIndeterminate,label=_ref.label,_ref$showPercentage=_ref.showPercentage,showPercentage=_ref$showPercentage===void 0?true:_ref$showPercentage,_ref$size=_ref.size,size=_ref$size===void 0?'small':_ref$size,_ref$value=_ref.value,value=_ref$value===void 0?0:_ref$value,_ref$variant=_ref.variant,variant=_ref$variant===void 0?'progress':_ref$variant,_ref$min=_ref.min,min=_ref$min===void 0?0:_ref$min,_ref$max=_ref.max,max=_ref$max===void 0?100:_ref$max,testID=_ref.testID,styledProps=_objectWithoutProperties(_ref,_excluded);var _useTheme=useTheme(),theme=_useTheme.theme;var id=useId(variant);if(__DEV__){if(variant==='meter'&&isIndeterminate){throwBladeError({moduleName:'ProgressBar',message:`Cannot set 'isIndeterminate' when 'variant' is 'meter'.`});}}var unfilledBackgroundColor=theme.colors.feedback.background.neutral.subtle;var filledBackgroundColor=color?theme.colors.feedback.background[color].intense:theme.colors.surface.background.primary.intense;var hasLabel=label&&((_label$trim=label.trim())==null?void 0:_label$trim.length)>0;var isMeter=variant==='meter';var progressValue=clamp(value,min,max);var percentageProgressValue=Math.floor((progressValue-min)*100/(max-min));var shouldShowPercentage=showPercentage&&!isMeter&&!isIndeterminate;var accessibilityProps={role:'progressbar',label:accessibilityLabel!=null?accessibilityLabel:label,valueNow:percentageProgressValue,valueText:`${percentageProgressValue}%`,valueMin:min,valueMax:max};if(isMeter){accessibilityProps.role='meter';accessibilityProps.valueNow=progressValue;accessibilityProps.valueText=`${progressValue}`;}if(isIndeterminate){accessibilityProps.valueNow=undefined;accessibilityProps.valueMin=undefined;accessibilityProps.valueMax=undefined;accessibilityProps.valueText=undefined;}return jsx(BaseBox,Object.assign({},getStyledProps(styledProps),metaAttribute({name:MetaConstants.ProgressBar,testID:testID}),{children:jsxs(BaseBox,{display:"flex",flexDirection:"column",width:"100%",children:[jsxs(BaseBox,{display:"flex",flexDirection:"row",justifyContent:hasLabel?'space-between':'flex-end',children:[hasLabel?jsx(Text,{as:"label",variant:"body",size:"small",color:"surface.text.gray.subtle",children:label}):null,shouldShowPercentage?jsx(BaseBox,{marginBottom:"spacing.2",children:jsx(Text,{variant:"body",size:"small",color:"surface.text.gray.subtle",children:`${percentageProgressValue}%`})}):null]}),jsx(BaseBox,Object.assign({id:id},makeAccessible({role:accessibilityProps.role,label:accessibilityProps.label,valueNow:accessibilityProps.valueNow,valueText:accessibilityProps.valueText,valueMin:accessibilityProps.valueMin,valueMax:accessibilityProps.valueMax}),{children:jsx(BaseBox,{backgroundColor:unfilledBackgroundColor,height:makeSize(progressBarHeight[size]),overflow:"hidden",position:"relative",children:jsx(ProgressBarFilled,{backgroundColor:filledBackgroundColor,progress:percentageProgressValue,fillMotionDuration:"duration.2xgentle",pulseMotionDuration:"duration.2xgentle",indeterminateMotionDuration:"duration.2xgentle",pulseMotionDelay:"delay.long",motionEasing:"easing.standard.revealing",variant:variant,isIndeterminate:isIndeterminate})})}))]})}));};
 
 export { ProgressBar };
 //# sourceMappingURL=ProgressBar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.js","sources":["../../../../../src/components/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport { ProgressBarFilled } from './ProgressBarFilled';\nimport clamp from '~utils/lodashButBetter/clamp';\nimport { FormLabel } from '~components/Form';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { Text } from '~components/Typography/Text';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { useId } from '~utils/useId';\nimport { useTheme } from '~components/BladeProvider';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { ColorContrastTypes, Feedback } from '~tokens/theme/theme';\nimport { size } from '~tokens/global';\nimport type { TestID } from '~utils/types';\nimport { makeSize } from '~utils/makeSize';\nimport type { AccessibilityProps } from '~utils/makeAccessible';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { throwBladeError } from '~utils/logger';\n\ntype ProgressBarCommonProps = {\n  /**\n   * Sets aria-label to help users know what the progress bar is for. Default value is the same as the `label` passed.\n   */\n  accessibilityLabel?: string;\n  /**\n   * Sets the contrast for the progress bar\n   * @default 'low'\n   */\n  contrast?: ColorContrastTypes;\n  /**\n   * Sets the intent of the progress bar which changes the feedback color.\n   */\n  intent?: Feedback;\n  /**\n   * Sets the label to be rendered for the progress bar. This value will also be used as default for `accessibilityLabel`.\n   */\n  label?: string;\n  /**\n   * Sets the size of the progress bar.\n   * @default 'small'\n   */\n  size?: 'small' | 'medium';\n  /**\n   * Sets the progress value of the progress bar.\n   * @default 'small'\n   */\n  value?: number;\n  /**\n   * Sets the minimum value for the progress bar.\n   * @default 0\n   */\n  min?: number;\n  /**\n   * Sets the maximum value for the progress bar.\n   * @default 100\n   */\n  max?: number;\n} & TestID &\n  StyledPropsBlade;\n\ntype ProgressBarVariant = 'progress' | 'meter';\n\ntype ProgressBarProgressProps = ProgressBarCommonProps & {\n  /**\n   * Sets the variant to be rendered for the progress bar.\n   * @default 'progress'\n   */\n  variant?: Extract<ProgressBarVariant, 'progress'>;\n  /**\n   * Sets whether the progress bar is in an indeterminate state.\n   * @default false\n   */\n  isIndeterminate?: boolean;\n  /**\n   * Sets whether or not to show the progress percentage for the progress bar. Percentage is hidden by default for the `meter` variant.\n   * @default true\n   */\n  showPercentage?: boolean;\n};\n\ntype ProgressBarMeterProps = ProgressBarCommonProps & {\n  /**\n   * Sets the variant to be rendered for thr progress bar.\n   * @default 'progress'\n   */\n  variant?: Extract<ProgressBarVariant, 'meter'>;\n  /**\n   * Sets whether the progress bar is in an indeterminate state.\n   * @default false\n   */\n  isIndeterminate?: undefined;\n  /**\n   * Sets whether or not to show the progress percentage for the progress bar. Percentage is hidden by default for the `meter` variant.\n   * @default false\n   */\n  showPercentage?: undefined;\n};\n\ntype ProgressBarProps = ProgressBarProgressProps | ProgressBarMeterProps;\n\nconst progressBarHeight: Record<NonNullable<ProgressBarCommonProps['size']>, 2 | 4> = {\n  small: size[2],\n  medium: size[4],\n};\n\nconst ProgressBar = ({\n  accessibilityLabel,\n  contrast = 'low',\n  intent,\n  isIndeterminate = false,\n  label,\n  showPercentage = true,\n  size = 'small',\n  value = 0,\n  variant = 'progress',\n  min = 0,\n  max = 100,\n  testID,\n  ...styledProps\n}: ProgressBarProps): ReactElement => {\n  const { theme } = useTheme();\n  const id = useId(variant);\n\n  if (__DEV__) {\n    if (variant === 'meter' && isIndeterminate) {\n      throwBladeError({\n        moduleName: 'ProgressBar',\n        message: `Cannot set 'isIndeterminate' when 'variant' is 'meter'.`,\n      });\n    }\n  }\n\n  const unfilledBackgroundColor = theme.colors.brand.gray.a100[`${contrast}Contrast`];\n  const filledBackgroundColor = intent\n    ? theme.colors.feedback.background[intent].highContrast\n    : theme.colors.brand.primary[500];\n  const hasLabel = label && label.trim()?.length > 0;\n  const isMeter = variant === 'meter';\n  const progressValue = clamp(value, min, max);\n  const percentageProgressValue = Math.floor(((progressValue - min) * 100) / (max - min));\n  const shouldShowPercentage = showPercentage && !isMeter && !isIndeterminate;\n  const accessibilityProps: Pick<\n    AccessibilityProps,\n    'role' | 'label' | 'valueMax' | 'valueNow' | 'valueMin' | 'valueText'\n  > = {\n    role: 'progressbar',\n    label: accessibilityLabel ?? label,\n    valueNow: percentageProgressValue,\n    valueText: `${percentageProgressValue}%`,\n    valueMin: min,\n    valueMax: max,\n  };\n\n  if (isMeter) {\n    accessibilityProps.role = 'meter';\n    accessibilityProps.valueNow = progressValue;\n    accessibilityProps.valueText = `${progressValue}`;\n  }\n\n  if (isIndeterminate) {\n    accessibilityProps.valueNow = undefined;\n    accessibilityProps.valueMin = undefined;\n    accessibilityProps.valueMax = undefined;\n    accessibilityProps.valueText = undefined;\n  }\n\n  return (\n    <BaseBox\n      {...getStyledProps(styledProps)}\n      {...metaAttribute({ name: MetaConstants.ProgressBar, testID })}\n    >\n      <BaseBox display=\"flex\" flexDirection=\"column\" width=\"100%\">\n        <BaseBox\n          display=\"flex\"\n          flexDirection=\"row\"\n          justifyContent={hasLabel ? 'space-between' : 'flex-end'}\n        >\n          {hasLabel ? (\n            <FormLabel as=\"label\" htmlFor={id} contrast={contrast}>\n              {label}\n            </FormLabel>\n          ) : null}\n          {shouldShowPercentage ? (\n            <BaseBox marginBottom=\"spacing.2\">\n              <Text\n                type=\"subdued\"\n                variant=\"body\"\n                contrast={contrast}\n                size=\"small\"\n              >{`${percentageProgressValue}%`}</Text>\n            </BaseBox>\n          ) : null}\n        </BaseBox>\n        <BaseBox\n          id={id}\n          {...makeAccessible({\n            role: accessibilityProps.role,\n            label: accessibilityProps.label,\n            valueNow: accessibilityProps.valueNow,\n            valueText: accessibilityProps.valueText,\n            valueMin: accessibilityProps.valueMin,\n            valueMax: accessibilityProps.valueMax,\n          })}\n        >\n          <BaseBox\n            backgroundColor={unfilledBackgroundColor}\n            height={makeSize(progressBarHeight[size])}\n            overflow=\"hidden\"\n            position=\"relative\"\n          >\n            <ProgressBarFilled\n              backgroundColor={filledBackgroundColor}\n              progress={percentageProgressValue}\n              fillMotionDuration=\"duration.2xgentle\"\n              pulseMotionDuration=\"duration.2xgentle\"\n              indeterminateMotionDuration=\"duration.2xgentle\"\n              pulseMotionDelay=\"delay.long\"\n              motionEasing=\"easing.standard.revealing\"\n              variant={variant}\n              isIndeterminate={isIndeterminate}\n            />\n          </BaseBox>\n        </BaseBox>\n      </BaseBox>\n    </BaseBox>\n  );\n};\n\nexport type { ProgressBarProps, ProgressBarVariant };\nexport { ProgressBar };\n"],"names":["progressBarHeight","small","size","medium","ProgressBar","_ref","_label$trim","accessibilityLabel","_ref$contrast","contrast","intent","_ref$isIndeterminate","isIndeterminate","label","_ref$showPercentage","showPercentage","_ref$size","_ref$value","value","_ref$variant","variant","_ref$min","min","_ref$max","max","testID","styledProps","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","id","useId","__DEV__","throwBladeError","moduleName","message","unfilledBackgroundColor","colors","brand","gray","a100","filledBackgroundColor","feedback","background","highContrast","primary","hasLabel","trim","length","isMeter","progressValue","clamp","percentageProgressValue","Math","floor","shouldShowPercentage","accessibilityProps","role","valueNow","valueText","valueMin","valueMax","undefined","_jsx","BaseBox","Object","assign","getStyledProps","metaAttribute","name","MetaConstants","children","_jsxs","display","flexDirection","width","justifyContent","FormLabel","as","htmlFor","marginBottom","Text","type","makeAccessible","backgroundColor","height","makeSize","overflow","position","ProgressBarFilled","progress","fillMotionDuration","pulseMotionDuration","indeterminateMotionDuration","pulseMotionDelay","motionEasing"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;kJAoGA,IAAMA,iBAA6E,CAAG,CACpFC,KAAK,CAAEC,IAAI,CAAC,CAAC,CAAC,CACdC,MAAM,CAAED,IAAI,CAAC,CAAC,CAChB,CAAC,CAEK,IAAAE,WAAW,CAAG,SAAdA,WAAWA,CAAAC,IAAA,CAcqB,CAAA,IAAAC,WAAA,CAbpC,IAAAC,kBAAkB,CAAAF,IAAA,CAAlBE,kBAAkB,CAAAC,aAAA,CAAAH,IAAA,CAClBI,QAAQ,CAARA,QAAQ,CAAAD,aAAA,GAAA,KAAA,CAAA,CAAG,KAAK,CAAAA,aAAA,CAChBE,MAAM,CAAAL,IAAA,CAANK,MAAM,CAAAC,oBAAA,CAAAN,IAAA,CACNO,eAAe,CAAfA,eAAe,CAAAD,oBAAA,GAAG,KAAA,CAAA,CAAA,KAAK,CAAAA,oBAAA,CACvBE,KAAK,CAAAR,IAAA,CAALQ,KAAK,CAAAC,mBAAA,CAAAT,IAAA,CACLU,cAAc,CAAdA,cAAc,CAAAD,mBAAA,UAAG,IAAI,CAAAA,mBAAA,CAAAE,SAAA,CAAAX,IAAA,CACrBH,IAAI,CAAJA,IAAI,CAAAc,SAAA,GAAA,KAAA,CAAA,CAAG,OAAO,CAAAA,SAAA,CAAAC,UAAA,CAAAZ,IAAA,CACda,KAAK,CAALA,KAAK,CAAAD,UAAA,GAAG,KAAA,CAAA,CAAA,CAAC,CAAAA,UAAA,CAAAE,YAAA,CAAAd,IAAA,CACTe,OAAO,CAAPA,OAAO,CAAAD,YAAA,UAAG,UAAU,CAAAA,YAAA,CAAAE,QAAA,CAAAhB,IAAA,CACpBiB,GAAG,CAAHA,GAAG,CAAAD,QAAA,GAAG,KAAA,CAAA,CAAA,CAAC,CAAAA,QAAA,CAAAE,QAAA,CAAAlB,IAAA,CACPmB,GAAG,CAAHA,GAAG,CAAAD,QAAA,UAAG,GAAG,CAAAA,QAAA,CACTE,MAAM,CAAApB,IAAA,CAANoB,MAAM,CACHC,WAAW,CAAAC,wBAAA,CAAAtB,IAAA,CAAAuB,SAAA,EAEd,IAAAC,SAAA,CAAkBC,QAAQ,EAAE,CAApBC,KAAK,CAAAF,SAAA,CAALE,KAAK,CACb,IAAMC,EAAE,CAAGC,KAAK,CAACb,OAAO,CAAC,CAEzB,GAAIc,OAAO,CAAE,CACX,GAAId,OAAO,GAAK,OAAO,EAAIR,eAAe,CAAE,CAC1CuB,eAAe,CAAC,CACdC,UAAU,CAAE,aAAa,CACzBC,OAAO,CAAG,CAAA,uDAAA,CACZ,CAAC,CAAC,CACJ,CACF,CAEA,IAAMC,uBAAuB,CAAGP,KAAK,CAACQ,MAAM,CAACC,KAAK,CAACC,IAAI,CAACC,IAAI,CAAE,GAAEjC,QAAS,CAAA,QAAA,CAAS,CAAC,CACnF,IAAMkC,qBAAqB,CAAGjC,MAAM,CAChCqB,KAAK,CAACQ,MAAM,CAACK,QAAQ,CAACC,UAAU,CAACnC,MAAM,CAAC,CAACoC,YAAY,CACrDf,KAAK,CAACQ,MAAM,CAACC,KAAK,CAACO,OAAO,CAAC,GAAG,CAAC,CACnC,IAAMC,QAAQ,CAAGnC,KAAK,EAAI,CAAA,CAAAP,WAAA,CAAAO,KAAK,CAACoC,IAAI,EAAE,GAAZ3C,IAAAA,CAAAA,KAAAA,CAAAA,CAAAA,WAAA,CAAc4C,MAAM,EAAG,CAAC,CAClD,IAAMC,OAAO,CAAG/B,OAAO,GAAK,OAAO,CACnC,IAAMgC,aAAa,CAAGC,KAAK,CAACnC,KAAK,CAAEI,GAAG,CAAEE,GAAG,CAAC,CAC5C,IAAM8B,uBAAuB,CAAGC,IAAI,CAACC,KAAK,CAAE,CAACJ,aAAa,CAAG9B,GAAG,EAAI,GAAG,EAAKE,GAAG,CAAGF,GAAG,CAAC,CAAC,CACvF,IAAMmC,oBAAoB,CAAG1C,cAAc,EAAI,CAACoC,OAAO,EAAI,CAACvC,eAAe,CAC3E,IAAM8C,kBAGL,CAAG,CACFC,IAAI,CAAE,aAAa,CACnB9C,KAAK,CAAEN,kBAAkB,EAAlBA,IAAAA,CAAAA,kBAAkB,CAAIM,KAAK,CAClC+C,QAAQ,CAAEN,uBAAuB,CACjCO,SAAS,CAAG,GAAEP,uBAAwB,CAAA,CAAA,CAAE,CACxCQ,QAAQ,CAAExC,GAAG,CACbyC,QAAQ,CAAEvC,GACZ,CAAC,CAED,GAAI2B,OAAO,CAAE,CACXO,kBAAkB,CAACC,IAAI,CAAG,OAAO,CACjCD,kBAAkB,CAACE,QAAQ,CAAGR,aAAa,CAC3CM,kBAAkB,CAACG,SAAS,CAAI,GAAET,aAAc,CAAA,CAAC,CACnD,CAEA,GAAIxC,eAAe,CAAE,CACnB8C,kBAAkB,CAACE,QAAQ,CAAGI,SAAS,CACvCN,kBAAkB,CAACI,QAAQ,CAAGE,SAAS,CACvCN,kBAAkB,CAACK,QAAQ,CAAGC,SAAS,CACvCN,kBAAkB,CAACG,SAAS,CAAGG,SAAS,CAC1C,CAEA,OACEC,GAAA,CAACC,OAAO,CAAAC,MAAA,CAAAC,MAAA,IACFC,cAAc,CAAC3C,WAAW,CAAC,CAC3B4C,aAAa,CAAC,CAAEC,IAAI,CAAEC,aAAa,CAACpE,WAAW,CAAEqB,MAAM,CAANA,MAAO,CAAC,CAAC,CAAA,CAAAgD,QAAA,CAE9DC,IAAA,CAACR,OAAO,CAAA,CAACS,OAAO,CAAC,MAAM,CAACC,aAAa,CAAC,QAAQ,CAACC,KAAK,CAAC,MAAM,CAAAJ,QAAA,CACzDC,CAAAA,IAAA,CAACR,OAAO,CAAA,CACNS,OAAO,CAAC,MAAM,CACdC,aAAa,CAAC,KAAK,CACnBE,cAAc,CAAE9B,QAAQ,CAAG,eAAe,CAAG,UAAW,CAAAyB,QAAA,CAAA,CAEvDzB,QAAQ,CACPiB,GAAA,CAACc,SAAS,CAAA,CAACC,EAAE,CAAC,OAAO,CAACC,OAAO,CAAEjD,EAAG,CAACvB,QAAQ,CAAEA,QAAS,CAAAgE,QAAA,CACnD5D,KAAK,CACG,CAAC,CACV,IAAI,CACP4C,oBAAoB,CACnBQ,GAAA,CAACC,OAAO,EAACgB,YAAY,CAAC,WAAW,CAAAT,QAAA,CAC/BR,GAAA,CAACkB,IAAI,CACHC,CAAAA,IAAI,CAAC,SAAS,CACdhE,OAAO,CAAC,MAAM,CACdX,QAAQ,CAAEA,QAAS,CACnBP,IAAI,CAAC,OAAO,CAAAuE,QAAA,CACX,CAAA,EAAEnB,uBAAwB,CAAE,CAAA,CAAA,CAAO,CAAC,CAChC,CAAC,CACR,IAAI,CAAA,CACD,CAAC,CACVW,GAAA,CAACC,OAAO,CAAAC,MAAA,CAAAC,MAAA,EACNpC,EAAE,CAAEA,EAAG,CACHqD,CAAAA,cAAc,CAAC,CACjB1B,IAAI,CAAED,kBAAkB,CAACC,IAAI,CAC7B9C,KAAK,CAAE6C,kBAAkB,CAAC7C,KAAK,CAC/B+C,QAAQ,CAAEF,kBAAkB,CAACE,QAAQ,CACrCC,SAAS,CAAEH,kBAAkB,CAACG,SAAS,CACvCC,QAAQ,CAAEJ,kBAAkB,CAACI,QAAQ,CACrCC,QAAQ,CAAEL,kBAAkB,CAACK,QAC/B,CAAC,CAAC,CAAA,CAAAU,QAAA,CAEFR,GAAA,CAACC,OAAO,CAAA,CACNoB,eAAe,CAAEhD,uBAAwB,CACzCiD,MAAM,CAAEC,QAAQ,CAACxF,iBAAiB,CAACE,IAAI,CAAC,CAAE,CAC1CuF,QAAQ,CAAC,QAAQ,CACjBC,QAAQ,CAAC,UAAU,CAAAjB,QAAA,CAEnBR,GAAA,CAAC0B,iBAAiB,EAChBL,eAAe,CAAE3C,qBAAsB,CACvCiD,QAAQ,CAAEtC,uBAAwB,CAClCuC,kBAAkB,CAAC,mBAAmB,CACtCC,mBAAmB,CAAC,mBAAmB,CACvCC,2BAA2B,CAAC,mBAAmB,CAC/CC,gBAAgB,CAAC,YAAY,CAC7BC,YAAY,CAAC,2BAA2B,CACxC7E,OAAO,CAAEA,OAAQ,CACjBR,eAAe,CAAEA,eAAgB,CAClC,CAAC,CACK,CAAC,CACH,CAAA,CAAC,EACH,CAAC,CAAA,CACH,CAAC,CAEd;;;;"}
+{"version":3,"file":"ProgressBar.js","sources":["../../../../../src/components/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport { ProgressBarFilled } from './ProgressBarFilled';\nimport clamp from '~utils/lodashButBetter/clamp';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { Text } from '~components/Typography/Text';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { useId } from '~utils/useId';\nimport { useTheme } from '~components/BladeProvider';\nimport type { BaseBoxProps } from '~components/Box/BaseBox';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { FeedbackColors } from '~tokens/theme/theme';\nimport { size } from '~tokens/global';\nimport type { TestID } from '~utils/types';\nimport { makeSize } from '~utils/makeSize';\nimport type { AccessibilityProps } from '~utils/makeAccessible';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { throwBladeError } from '~utils/logger';\n\ntype ProgressBarCommonProps = {\n  /**\n   * Sets aria-label to help users know what the progress bar is for. Default value is the same as the `label` passed.\n   */\n  accessibilityLabel?: string;\n  /**\n   * Sets the color of the progress bar which changes the feedback color.\n   */\n  color?: FeedbackColors;\n  /**\n   * Sets the label to be rendered for the progress bar. This value will also be used as default for `accessibilityLabel`.\n   */\n  label?: string;\n  /**\n   * Sets the size of the progress bar.\n   * @default 'small'\n   */\n  size?: 'small' | 'medium';\n  /**\n   * Sets the progress value of the progress bar.\n   * @default 'small'\n   */\n  value?: number;\n  /**\n   * Sets the minimum value for the progress bar.\n   * @default 0\n   */\n  min?: number;\n  /**\n   * Sets the maximum value for the progress bar.\n   * @default 100\n   */\n  max?: number;\n} & TestID &\n  StyledPropsBlade;\n\ntype ProgressBarVariant = 'progress' | 'meter';\n\ntype ProgressBarProgressProps = ProgressBarCommonProps & {\n  /**\n   * Sets the variant to be rendered for the progress bar.\n   * @default 'progress'\n   */\n  variant?: Extract<ProgressBarVariant, 'progress'>;\n  /**\n   * Sets whether the progress bar is in an indeterminate state.\n   * @default false\n   */\n  isIndeterminate?: boolean;\n  /**\n   * Sets whether or not to show the progress percentage for the progress bar. Percentage is hidden by default for the `meter` variant.\n   * @default true\n   */\n  showPercentage?: boolean;\n};\n\ntype ProgressBarMeterProps = ProgressBarCommonProps & {\n  /**\n   * Sets the variant to be rendered for thr progress bar.\n   * @default 'progress'\n   */\n  variant?: Extract<ProgressBarVariant, 'meter'>;\n  /**\n   * Sets whether the progress bar is in an indeterminate state.\n   * @default false\n   */\n  isIndeterminate?: undefined;\n  /**\n   * Sets whether or not to show the progress percentage for the progress bar. Percentage is hidden by default for the `meter` variant.\n   * @default false\n   */\n  showPercentage?: undefined;\n};\n\ntype ProgressBarProps = ProgressBarProgressProps | ProgressBarMeterProps;\n\nconst progressBarHeight: Record<NonNullable<ProgressBarCommonProps['size']>, 2 | 4> = {\n  small: size[2],\n  medium: size[4],\n};\n\nconst ProgressBar = ({\n  accessibilityLabel,\n  color,\n  isIndeterminate = false,\n  label,\n  showPercentage = true,\n  size = 'small',\n  value = 0,\n  variant = 'progress',\n  min = 0,\n  max = 100,\n  testID,\n  ...styledProps\n}: ProgressBarProps): ReactElement => {\n  const { theme } = useTheme();\n  const id = useId(variant);\n\n  if (__DEV__) {\n    if (variant === 'meter' && isIndeterminate) {\n      throwBladeError({\n        moduleName: 'ProgressBar',\n        message: `Cannot set 'isIndeterminate' when 'variant' is 'meter'.`,\n      });\n    }\n  }\n\n  const unfilledBackgroundColor = theme.colors.feedback.background.neutral\n    .subtle as BaseBoxProps['backgroundColor'];\n  const filledBackgroundColor = color\n    ? theme.colors.feedback.background[color].intense\n    : theme.colors.surface.background.primary.intense;\n  const hasLabel = label && label.trim()?.length > 0;\n  const isMeter = variant === 'meter';\n  const progressValue = clamp(value, min, max);\n  const percentageProgressValue = Math.floor(((progressValue - min) * 100) / (max - min));\n  const shouldShowPercentage = showPercentage && !isMeter && !isIndeterminate;\n  const accessibilityProps: Pick<\n    AccessibilityProps,\n    'role' | 'label' | 'valueMax' | 'valueNow' | 'valueMin' | 'valueText'\n  > = {\n    role: 'progressbar',\n    label: accessibilityLabel ?? label,\n    valueNow: percentageProgressValue,\n    valueText: `${percentageProgressValue}%`,\n    valueMin: min,\n    valueMax: max,\n  };\n\n  if (isMeter) {\n    accessibilityProps.role = 'meter';\n    accessibilityProps.valueNow = progressValue;\n    accessibilityProps.valueText = `${progressValue}`;\n  }\n\n  if (isIndeterminate) {\n    accessibilityProps.valueNow = undefined;\n    accessibilityProps.valueMin = undefined;\n    accessibilityProps.valueMax = undefined;\n    accessibilityProps.valueText = undefined;\n  }\n\n  return (\n    <BaseBox\n      {...getStyledProps(styledProps)}\n      {...metaAttribute({ name: MetaConstants.ProgressBar, testID })}\n    >\n      <BaseBox display=\"flex\" flexDirection=\"column\" width=\"100%\">\n        <BaseBox\n          display=\"flex\"\n          flexDirection=\"row\"\n          justifyContent={hasLabel ? 'space-between' : 'flex-end'}\n        >\n          {hasLabel ? (\n            <Text as=\"label\" variant=\"body\" size=\"small\" color=\"surface.text.gray.subtle\">\n              {label}\n            </Text>\n          ) : null}\n          {shouldShowPercentage ? (\n            <BaseBox marginBottom=\"spacing.2\">\n              <Text\n                variant=\"body\"\n                size=\"small\"\n                color=\"surface.text.gray.subtle\"\n              >{`${percentageProgressValue}%`}</Text>\n            </BaseBox>\n          ) : null}\n        </BaseBox>\n        <BaseBox\n          id={id}\n          {...makeAccessible({\n            role: accessibilityProps.role,\n            label: accessibilityProps.label,\n            valueNow: accessibilityProps.valueNow,\n            valueText: accessibilityProps.valueText,\n            valueMin: accessibilityProps.valueMin,\n            valueMax: accessibilityProps.valueMax,\n          })}\n        >\n          <BaseBox\n            backgroundColor={unfilledBackgroundColor}\n            height={makeSize(progressBarHeight[size])}\n            overflow=\"hidden\"\n            position=\"relative\"\n          >\n            <ProgressBarFilled\n              backgroundColor={filledBackgroundColor}\n              progress={percentageProgressValue}\n              fillMotionDuration=\"duration.2xgentle\"\n              pulseMotionDuration=\"duration.2xgentle\"\n              indeterminateMotionDuration=\"duration.2xgentle\"\n              pulseMotionDelay=\"delay.long\"\n              motionEasing=\"easing.standard.revealing\"\n              variant={variant}\n              isIndeterminate={isIndeterminate}\n            />\n          </BaseBox>\n        </BaseBox>\n      </BaseBox>\n    </BaseBox>\n  );\n};\n\nexport type { ProgressBarProps, ProgressBarVariant };\nexport { ProgressBar };\n"],"names":["progressBarHeight","small","size","medium","ProgressBar","_ref","_label$trim","accessibilityLabel","color","_ref$isIndeterminate","isIndeterminate","label","_ref$showPercentage","showPercentage","_ref$size","_ref$value","value","_ref$variant","variant","_ref$min","min","_ref$max","max","testID","styledProps","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","id","useId","__DEV__","throwBladeError","moduleName","message","unfilledBackgroundColor","colors","feedback","background","neutral","subtle","filledBackgroundColor","intense","surface","primary","hasLabel","trim","length","isMeter","progressValue","clamp","percentageProgressValue","Math","floor","shouldShowPercentage","accessibilityProps","role","valueNow","valueText","valueMin","valueMax","undefined","_jsx","BaseBox","Object","assign","getStyledProps","metaAttribute","name","MetaConstants","children","_jsxs","display","flexDirection","width","justifyContent","Text","as","marginBottom","makeAccessible","backgroundColor","height","makeSize","overflow","position","ProgressBarFilled","progress","fillMotionDuration","pulseMotionDuration","indeterminateMotionDuration","pulseMotionDelay","motionEasing"],"mappings":"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"}

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

@@ -23,7 +23,7 @@ import '@babel/runtime/helpers/defineProperty';
 import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
-var _excluded=["value","children","helpText","isDisabled","size","testID"];var _Radio=function _Radio(_ref,ref){var _groupProps$state,_groupProps$size;var value=_ref.value,children=_ref.children,helpText=_ref.helpText,isDisabled=_ref.isDisabled,_ref$size=_ref.size,size=_ref$size===void 0?'medium':_ref$size,testID=_ref.testID,styledProps=_objectWithoutProperties(_ref,_excluded);var groupProps=useRadioGroupContext();var isInsideGroup=!isEmpty(groupProps);if(__DEV__){if(!isInsideGroup){throwBladeError({moduleName:'Radio',message:'Cannot use <Radio /> outside of <RadioGroup />'});}}var isChecked=groupProps==null?void 0:(_groupProps$state=groupProps.state)==null?void 0:_groupProps$state.isChecked(value);var defaultChecked=(groupProps==null?void 0:groupProps.defaultValue)===undefined?undefined:(groupProps==null?void 0:groupProps.defaultValue)===value;var validationState=groupProps==null?void 0:groupProps.validationState;var hasError=validationState==='error';var _isDisabled=isDisabled!=null?isDisabled:groupProps==null?void 0:groupProps.isDisabled;var _isRequired=(groupProps==null?void 0:groupProps.isRequired)||(groupProps==null?void 0:groupProps.necessityIndicator)==='required';var name=groupProps==null?void 0:groupProps.name;var showHelpText=!hasError&&helpText;var isReactNative=getPlatformType()==='react-native';var _size=(_groupProps$size=groupProps.size)!=null?_groupProps$size:size;var isSmall=_size==='small';var handleChange=function handleChange(_ref2){var isChecked=_ref2.isChecked,value=_ref2.value;if(isChecked){var _groupProps$state2;groupProps==null?void 0:(_groupProps$state2=groupProps.state)==null?void 0:_groupProps$state2.setValue(value);}else {var _groupProps$state3;groupProps==null?void 0:(_groupProps$state3=groupProps.state)==null?void 0:_groupProps$state3.removeValue();}};var _useRadio=useRadio({defaultChecked:defaultChecked,isChecked:isChecked,hasError:hasError,isDisabled:_isDisabled,isRequired:_isRequired,name:name,value:value,onChange:handleChange}),state=_useRadio.state,ids=_useRadio.ids,inputProps=_useRadio.inputProps;return jsx(BaseBox,Object.assign({},getStyledProps(styledProps),{children:jsx(SelectorLabel,{componentName:MetaConstants.RadioLabel,inputProps:isReactNative?inputProps:{},testID:testID,children:jsxs(BaseBox,{display:"flex",flexDirection:"column",children:[jsxs(BaseBox,{display:"flex",alignItems:"center",flexDirection:"row",children:[jsx(SelectorInput,{hoverTokens:radioHoverTokens,isChecked:state.isChecked,isDisabled:_isDisabled,hasError:hasError,inputProps:inputProps,ref:ref}),jsx(RadioIcon,{size:_size,isChecked:state.isChecked,isDisabled:_isDisabled,isNegative:hasError}),children?jsx(SelectorTitle,{size:_size,isDisabled:_isDisabled,children:children}):null]}),showHelpText&&jsx(BaseBox,{marginLeft:isSmall?'spacing.6':'spacing.7',children:jsx(SelectorSupportText,{id:ids==null?void 0:ids.helpTextId,children:helpText})})]})})}));};var Radio=assignWithoutSideEffects(React__default.forwardRef(_Radio),{displayName:'Radio'});
+var _excluded=["value","children","helpText","isDisabled","size","testID"];var _Radio=function _Radio(_ref,ref){var _groupProps$state,_groupProps$size;var value=_ref.value,children=_ref.children,helpText=_ref.helpText,isDisabled=_ref.isDisabled,_ref$size=_ref.size,size=_ref$size===void 0?'medium':_ref$size,testID=_ref.testID,styledProps=_objectWithoutProperties(_ref,_excluded);var groupProps=useRadioGroupContext();var isInsideGroup=!isEmpty(groupProps);if(__DEV__){if(!isInsideGroup){throwBladeError({moduleName:'Radio',message:'Cannot use <Radio /> outside of <RadioGroup />'});}}var isChecked=groupProps==null?void 0:(_groupProps$state=groupProps.state)==null?void 0:_groupProps$state.isChecked(value);var defaultChecked=(groupProps==null?void 0:groupProps.defaultValue)===undefined?undefined:(groupProps==null?void 0:groupProps.defaultValue)===value;var validationState=groupProps==null?void 0:groupProps.validationState;var hasError=validationState==='error';var _isDisabled=isDisabled!=null?isDisabled:groupProps==null?void 0:groupProps.isDisabled;var _isRequired=(groupProps==null?void 0:groupProps.isRequired)||(groupProps==null?void 0:groupProps.necessityIndicator)==='required';var name=groupProps==null?void 0:groupProps.name;var showHelpText=!hasError&&helpText;var isReactNative=getPlatformType()==='react-native';var _size=(_groupProps$size=groupProps.size)!=null?_groupProps$size:size;var isSmall=_size==='small';var handleChange=function handleChange(_ref2){var isChecked=_ref2.isChecked,value=_ref2.value;if(isChecked){var _groupProps$state2;groupProps==null?void 0:(_groupProps$state2=groupProps.state)==null?void 0:_groupProps$state2.setValue(value);}else {var _groupProps$state3;groupProps==null?void 0:(_groupProps$state3=groupProps.state)==null?void 0:_groupProps$state3.removeValue();}};var _useRadio=useRadio({defaultChecked:defaultChecked,isChecked:isChecked,hasError:hasError,isDisabled:_isDisabled,isRequired:_isRequired,name:name,value:value,onChange:handleChange}),state=_useRadio.state,ids=_useRadio.ids,inputProps=_useRadio.inputProps;return jsx(BaseBox,Object.assign({},getStyledProps(styledProps),{children:jsx(SelectorLabel,{componentName:MetaConstants.RadioLabel,inputProps:isReactNative?inputProps:{},testID:testID,children:jsxs(BaseBox,{display:"flex",flexDirection:"column",children:[jsxs(BaseBox,{display:"flex",alignItems:"center",flexDirection:"row",children:[jsx(SelectorInput,{hoverTokens:radioHoverTokens,isChecked:state.isChecked,isDisabled:_isDisabled,hasError:hasError,inputProps:inputProps,ref:ref}),jsx(RadioIcon,{size:_size,isChecked:state.isChecked,isDisabled:_isDisabled,isNegative:hasError}),children?jsx(SelectorTitle,{size:_size,isDisabled:_isDisabled,children:children}):null]}),showHelpText&&jsx(BaseBox,{marginLeft:isSmall?'spacing.6':'spacing.7',children:jsx(SelectorSupportText,{isNegative:true,id:ids==null?void 0:ids.helpTextId,children:helpText})})]})})}));};var Radio=assignWithoutSideEffects(React__default.forwardRef(_Radio),{displayName:'Radio'});
 
 export { Radio };
 //# sourceMappingURL=Radio.js.map