@razorpay/blade 12.67.0 → 12.89.0

package/build/lib/native/components/Link/BaseLink/BaseLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseLink.js","sources":["../../../../../../src/components/Link/BaseLink/BaseLink.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable @typescript-eslint/prefer-ts-expect-error */\n/* eslint-disable @typescript-eslint/ban-ts-comment */\nimport type { SyntheticEvent } from 'react';\nimport React from 'react';\nimport type { CSSObject } from 'styled-components';\nimport type { GestureResponderEvent } from 'react-native';\nimport StyledBaseLink from './StyledBaseLink';\nimport getIn from '~utils/lodashButBetter/get';\nimport useInteraction from '~utils/useInteraction';\nimport type { IconColors, IconComponent, IconProps } from '~components/Icons';\nimport type { Theme } from '~components/BladeProvider';\nimport { useTheme } from '~components/BladeProvider';\nimport BaseBox from '~components/Box/BaseBox';\nimport { BaseText } from '~components/Typography/BaseText';\nimport type {\n  DotNotationSpacingStringToken,\n  StringChildrenType,\n  TestID,\n  BladeElementRef,\n} from '~utils/types';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { Platform } from '~utils';\nimport { isReactNative } from '~utils';\nimport type { DurationString, EasingString, FontSize, Typography } from '~tokens/global';\nimport type {\n  BaseTextProps,\n  BaseTextSizes,\n  TextColors,\n} from '~components/Typography/BaseText/types';\nimport { getStringFromReactText } from '~src/utils/getStringChildren';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { AccessibilityProps } from '~utils/makeAccessible';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport type { BladeCommonEvents } from '~components/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { throwBladeError } from '~utils/logger';\nimport type { ActionStates } from '~utils/useInteraction';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype BaseLinkCommonProps = {\n  color?: 'primary' | 'white' | 'positive' | 'negative' | 'notice' | 'information' | 'neutral';\n  icon?: IconComponent;\n  iconPosition?: 'left' | 'right';\n  onClick?: (event: SyntheticEvent) => void;\n  onBlur?: Platform.Select<{\n    native: (event: GestureResponderEvent) => void;\n    web: (event: React.FocusEvent<HTMLButtonElement>) => void;\n  }>;\n  onMouseLeave?: Platform.Select<{\n    native: (event: GestureResponderEvent) => void;\n    web: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  }>;\n  onKeyDown?: Platform.Select<{\n    native: (event: GestureResponderEvent) => void;\n    web: (event: React.KeyboardEvent<HTMLButtonElement>) => void;\n  }>;\n  accessibilityProps?: Partial<AccessibilityProps>;\n\n  /**\n   * Sets the size of the link\n   *\n   * @default medium\n   */\n  size?: Extract<BaseTextSizes, 'xsmall' | 'small' | 'medium' | 'large'>;\n  /**\n   * Defines how far your touch can start away from the link. This is a react-native only prop and has no effect on web.\n   */\n  hitSlop?:\n    | {\n        top?: number;\n        right?: number;\n        bottom?: number;\n        left?: number;\n      }\n    | number;\n  /**\n   * The title of the link which is displayed as a tooltip. This is a web only prop and has no effect on react-native.\n   */\n  htmlTitle?: string;\n  opacity?: number;\n} & TestID &\n  StyledPropsBlade &\n  Omit<BladeCommonEvents, 'onBlur' | 'onMouseLeave'>;\n\n/*\n  Mandatory children prop when icon is not provided\n*/\ntype BaseLinkWithoutIconProps = BaseLinkCommonProps & {\n  icon?: undefined;\n  children: StringChildrenType;\n};\n\n/*\n  Optional children prop when icon is provided\n*/\ntype BaseLinkWithIconProps = BaseLinkCommonProps & {\n  icon: IconComponent;\n  children?: StringChildrenType;\n};\n\n/*\n  BaseLink Props with or without an icon\n*/\ntype BaseLinkPropsWithOrWithoutIcon = BaseLinkWithIconProps | BaseLinkWithoutIconProps;\n\n/*\n  BaseLink Props when variant is anchor\n*/\ntype BaseLinkAnchorVariantProps = BaseLinkPropsWithOrWithoutIcon & {\n  variant?: 'anchor';\n  href?: string;\n  target?: string;\n  rel?: string;\n  isDisabled?: undefined;\n};\n\n/*\n  BaseLink Props when variant is button\n*/\ntype BaseLinkButtonVariantProps = BaseLinkPropsWithOrWithoutIcon & {\n  variant?: 'button';\n  isDisabled?: boolean;\n  href?: undefined;\n  target?: undefined;\n  rel?: undefined;\n};\n\n/*\n  BaseLink Props when variant is anchor or button\n*/\nexport type BaseLinkProps = BaseLinkAnchorVariantProps | BaseLinkButtonVariantProps;\n\ntype BaseLinkStyleProps = {\n  as: 'a' | 'button';\n  textDecorationLine: 'underline' | 'none';\n  iconColor: IconProps['color'];\n  iconSize: IconProps['size'];\n  iconPadding: DotNotationSpacingStringToken;\n  textColor: BaseTextProps['color'];\n  focusRingColor: string;\n  motionDuration: DurationString;\n  motionEasing: EasingString;\n  cursor: CSSObject['cursor'];\n  disabled: boolean;\n  role: 'button' | 'link';\n  defaultRel: BaseLinkProps['rel'];\n  type?: 'button';\n  fontSize: BaseTextProps['fontSize'];\n  lineHeight: BaseTextProps['lineHeight'];\n};\n\ntype LinkActionStates = ActionStates;\nconst getColorToken = ({\n  variant,\n  color,\n  currentInteraction,\n  isDisabled,\n  element,\n}: {\n  variant: BaseLinkProps['variant'];\n  color: BaseLinkProps['color'];\n  element: 'icon' | 'text';\n  currentInteraction: LinkActionStates;\n  isDisabled: boolean;\n}): IconColors | TextColors => {\n  let state = currentInteraction;\n  const map = {\n    default: 'normal',\n    hover: 'subtle',\n    focus: 'normal',\n    disabled: 'disabled',\n  } as const;\n\n  if (isDisabled && variant == 'button') {\n    state = 'disabled';\n  }\n\n  if (color && color !== 'primary') {\n    if (color !== 'white') {\n      return `interactive.${element}.${color}.${map[state]}`;\n    }\n    return `interactive.${element}.staticWhite.${map[state]}`;\n  }\n  return `interactive.${element}.primary.${map[state]}`;\n};\n\nconst getProps = ({\n  theme,\n  variant,\n  currentInteraction,\n  children,\n  isDisabled,\n  color,\n  target,\n  size,\n}: {\n  theme: Theme;\n  variant: NonNullable<BaseLinkProps['variant']>;\n  currentInteraction: LinkActionStates;\n  children?: string;\n  isDisabled: boolean;\n  color: BaseLinkProps['color'];\n  target: BaseLinkProps['target'];\n  size: NonNullable<BaseLinkProps['size']>;\n}): BaseLinkStyleProps => {\n  const isButton = variant === 'button';\n  const textSizes: {\n    fontSize: Record<NonNullable<BaseLinkProps['size']>, keyof FontSize>;\n    lineHeight: Record<NonNullable<BaseLinkProps['size']>, keyof Typography['lineHeights']>;\n  } = {\n    fontSize: {\n      xsmall: 25,\n      small: 75,\n      medium: 100,\n      large: 200,\n    },\n    lineHeight: {\n      xsmall: 25,\n      small: 75,\n      medium: 100,\n      large: 200,\n    },\n  };\n\n  const props: BaseLinkStyleProps = {\n    as: isButton ? 'button' : 'a',\n    textDecorationLine: !isButton && currentInteraction !== 'default' ? 'underline' : 'none',\n    iconColor: getColorToken({\n      variant,\n      color,\n      element: 'icon',\n      currentInteraction,\n      isDisabled,\n    }) as IconProps['color'],\n    fontSize: textSizes.fontSize[size],\n    lineHeight: textSizes.lineHeight[size],\n    iconSize: size,\n    iconPadding: children?.trim() ? 'spacing.2' : 'spacing.0',\n    textColor: getColorToken({\n      variant,\n      color,\n      element: 'text',\n      currentInteraction,\n      isDisabled,\n    }) as BaseTextProps['color'],\n    focusRingColor: getIn(theme.colors, 'interactive.background.primary.faded'),\n    motionDuration: 'duration.2xquick',\n    motionEasing: 'easing.standard',\n    cursor: isButton && isDisabled ? 'not-allowed' : 'pointer',\n    disabled: isButton && isDisabled,\n    role: isButton ? 'button' : 'link',\n    defaultRel: target && target === '_blank' ? 'noreferrer noopener' : undefined,\n    type: isButton ? 'button' : undefined,\n  };\n\n  return props;\n};\n\nconst _BaseLink: React.ForwardRefRenderFunction<BladeElementRef, BaseLinkProps> = (\n  {\n    children,\n    icon: Icon,\n    iconPosition = 'left',\n    isDisabled = false,\n    onClick,\n    onKeyDown,\n    variant = 'anchor',\n    href,\n    target,\n    rel,\n    color = 'primary',\n    opacity,\n    accessibilityProps,\n    // @ts-expect-error avoiding exposing to public\n    className,\n    // @ts-expect-error avoiding exposing to public\n    style,\n    size = 'medium',\n    testID,\n    hitSlop,\n    htmlTitle,\n    onBlur,\n    onFocus,\n    onMouseLeave,\n    onMouseMove,\n    onPointerDown,\n    onPointerEnter,\n    onTouchStart,\n    onTouchEnd,\n    onMouseDown,\n    onMouseUp,\n    ...rest\n  },\n  ref,\n) => {\n  const childrenString = getStringFromReactText(children);\n  const { currentInteraction, setCurrentInteraction, ...syntheticEvents } = useInteraction();\n  const { theme } = useTheme();\n  if (__DEV__) {\n    if (!Icon && !childrenString?.trim()) {\n      throwBladeError({\n        message: `At least one of icon or text is required to render a link.`,\n        moduleName: 'BaseLink',\n      });\n    }\n  }\n  const {\n    as,\n    textDecorationLine,\n    iconColor,\n    iconPadding,\n    iconSize,\n    fontSize,\n    textColor,\n    focusRingColor,\n    motionDuration,\n    motionEasing,\n    cursor,\n    disabled,\n    role,\n    defaultRel,\n    type,\n    lineHeight,\n  } = getProps({\n    theme,\n    variant,\n    currentInteraction,\n    children: childrenString,\n    isDisabled,\n    color,\n    target,\n    size,\n  });\n\n  const handleOnClick = (event: SyntheticEvent): void => {\n    if (onClick) {\n      onClick(event);\n    }\n  };\n\n  const asProp = isReactNative() ? undefined : 'span';\n  return (\n    <StyledBaseLink\n      ref={ref as never}\n      {...metaAttribute({ name: MetaConstants.Link, testID })}\n      accessibilityProps={{\n        ...makeAccessible({\n          role,\n          disabled,\n          ...accessibilityProps,\n        }),\n      }}\n      variant={variant}\n      as={as}\n      href={href}\n      target={target}\n      rel={rel ?? defaultRel}\n      onClick={handleOnClick}\n      {...syntheticEvents}\n      onBlur={(event: any) => {\n        onBlur?.(event);\n        syntheticEvents.onBlur();\n      }}\n      onFocus={(event: any) => {\n        onFocus?.(event);\n        syntheticEvents.onFocus();\n      }}\n      onMouseLeave={(event: any) => {\n        if (onMouseLeave) {\n          onMouseLeave(event);\n        }\n        syntheticEvents.onMouseLeave();\n      }}\n      onMouseMove={onMouseMove}\n      onPointerDown={onPointerDown}\n      onPointerEnter={onPointerEnter}\n      onTouchStart={onTouchStart}\n      onTouchEnd={onTouchEnd}\n      onKeyDown={onKeyDown}\n      onMouseDown={onMouseDown}\n      onMouseUp={onMouseUp}\n      disabled={disabled}\n      type={type}\n      cursor={cursor}\n      focusRingColor={focusRingColor}\n      motionDuration={motionDuration}\n      motionEasing={motionEasing}\n      setCurrentInteraction={setCurrentInteraction}\n      {...getStyledProps(rest)}\n      {...makeAnalyticsAttribute(rest)}\n      // @ts-ignore Because we avoided exposing className to public\n      className={className}\n      style={style}\n      hitSlop={hitSlop}\n      title={htmlTitle}\n    >\n      <BaseBox\n        as={asProp}\n        display=\"flex\"\n        flexDirection=\"row\"\n        className=\"content-container\"\n        alignItems=\"center\"\n        opacity={opacity}\n      >\n        {Icon && iconPosition == 'left' ? (\n          <BaseBox as={asProp} paddingRight={iconPadding} display=\"flex\" alignItems=\"center\">\n            <Icon color={iconColor} size={iconSize} />\n          </BaseBox>\n        ) : null}\n        <BaseText\n          as={asProp}\n          textDecorationLine={textDecorationLine}\n          color={textColor}\n          fontSize={fontSize}\n          lineHeight={lineHeight}\n          textAlign=\"center\"\n          fontWeight=\"medium\"\n        >\n          {children}\n        </BaseText>\n        {Icon && iconPosition == 'right' ? (\n          <BaseBox as={asProp} paddingLeft={iconPadding} display=\"flex\" alignItems=\"center\">\n            <Icon color={iconColor} size={iconSize} />\n          </BaseBox>\n        ) : null}\n      </BaseBox>\n    </StyledBaseLink>\n  );\n};\n\nconst BaseLink = assignWithoutSideEffects(React.forwardRef(_BaseLink), {\n  displayName: 'BaseLink',\n  componentId: 'BaseLink',\n});\n\nexport default BaseLink;\n"],"names":["getColorToken","_ref","variant","color","currentInteraction","isDisabled","element","state","map","default","hover","focus","disabled","getProps","_ref2","theme","children","target","size","isButton","textSizes","fontSize","xsmall","small","medium","large","lineHeight","props","as","textDecorationLine","iconColor","iconSize","iconPadding","trim","textColor","focusRingColor","getIn","colors","motionDuration","motionEasing","cursor","role","defaultRel","undefined","type","_BaseLink","_ref3","ref","Icon","icon","_ref3$iconPosition","iconPosition","_ref3$isDisabled","onClick","onKeyDown","_ref3$variant","href","rel","_ref3$color","opacity","accessibilityProps","className","style","_ref3$size","testID","hitSlop","htmlTitle","onBlur","onFocus","onMouseLeave","onMouseMove","onPointerDown","onPointerEnter","onTouchStart","onTouchEnd","onMouseDown","onMouseUp","rest","_objectWithoutProperties","_excluded","childrenString","getStringFromReactText","_useInteraction","useInteraction","setCurrentInteraction","syntheticEvents","_excluded2","_useTheme","useTheme","__DEV__","throwBladeError","message","moduleName","_getProps","handleOnClick","event","asProp","isReactNative","_jsx","StyledBaseLink","Object","assign","metaAttribute","name","MetaConstants","Link","makeAccessible","getStyledProps","makeAnalyticsAttribute","title","_jsxs","BaseBox","display","flexDirection","alignItems","paddingRight","BaseText","textAlign","fontWeight","paddingLeft","BaseLink","assignWithoutSideEffects","React","forwardRef","displayName","componentId"],"mappings":"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"}
+{"version":3,"file":"BaseLink.js","sources":["../../../../../../src/components/Link/BaseLink/BaseLink.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable @typescript-eslint/prefer-ts-expect-error */\n/* eslint-disable @typescript-eslint/ban-ts-comment */\nimport type { SyntheticEvent } from 'react';\nimport React from 'react';\nimport type { CSSObject } from 'styled-components';\nimport type { GestureResponderEvent } from 'react-native';\nimport StyledBaseLink from './StyledBaseLink';\nimport getIn from '~utils/lodashButBetter/get';\nimport useInteraction from '~utils/useInteraction';\nimport type { IconColors, IconComponent, IconProps, IconSize } from '~components/Icons';\nimport type { Theme } from '~components/BladeProvider';\nimport { useTheme } from '~components/BladeProvider';\nimport BaseBox from '~components/Box/BaseBox';\nimport { BaseText } from '~components/Typography/BaseText';\nimport type {\n  DotNotationSpacingStringToken,\n  StringChildrenType,\n  TestID,\n  BladeElementRef,\n} from '~utils/types';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { Platform } from '~utils';\nimport { isReactNative } from '~utils';\nimport type { DurationString, EasingString, FontSize, Typography } from '~tokens/global';\nimport type {\n  BaseTextProps,\n  BaseTextSizes,\n  TextColors,\n} from '~components/Typography/BaseText/types';\nimport { getStringFromReactText } from '~src/utils/getStringChildren';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { AccessibilityProps } from '~utils/makeAccessible';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport type { BladeCommonEvents } from '~components/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { throwBladeError } from '~utils/logger';\nimport type { ActionStates } from '~utils/useInteraction';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype BaseLinkCommonProps = {\n  color?: 'primary' | 'white' | 'positive' | 'negative' | 'notice' | 'information' | 'neutral';\n  icon?: IconComponent;\n  iconPosition?: 'left' | 'right';\n  onClick?: (event: SyntheticEvent) => void;\n  onBlur?: Platform.Select<{\n    native: (event: GestureResponderEvent) => void;\n    web: (event: React.FocusEvent<HTMLButtonElement>) => void;\n  }>;\n  onMouseLeave?: Platform.Select<{\n    native: (event: GestureResponderEvent) => void;\n    web: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  }>;\n  onKeyDown?: Platform.Select<{\n    native: (event: GestureResponderEvent) => void;\n    web: (event: React.KeyboardEvent<HTMLButtonElement>) => void;\n  }>;\n  accessibilityProps?: Partial<AccessibilityProps>;\n\n  /**\n   * Sets the size of the link\n   *\n   * @default medium\n   */\n  size?: Extract<BaseTextSizes, 'xsmall' | 'small' | 'medium' | 'large'>;\n  /**\n   * Defines how far your touch can start away from the link. This is a react-native only prop and has no effect on web.\n   */\n  hitSlop?:\n    | {\n        top?: number;\n        right?: number;\n        bottom?: number;\n        left?: number;\n      }\n    | number;\n  /**\n   * The title of the link which is displayed as a tooltip. This is a web only prop and has no effect on react-native.\n   */\n  htmlTitle?: string;\n  opacity?: number;\n} & TestID &\n  StyledPropsBlade &\n  Omit<BladeCommonEvents, 'onBlur' | 'onMouseLeave'>;\n\n/*\n  Mandatory children prop when icon is not provided\n*/\ntype BaseLinkWithoutIconProps = BaseLinkCommonProps & {\n  icon?: undefined;\n  children: StringChildrenType;\n};\n\n/*\n  Optional children prop when icon is provided\n*/\ntype BaseLinkWithIconProps = BaseLinkCommonProps & {\n  icon: IconComponent;\n  children?: StringChildrenType;\n};\n\n/*\n  BaseLink Props with or without an icon\n*/\ntype BaseLinkPropsWithOrWithoutIcon = BaseLinkWithIconProps | BaseLinkWithoutIconProps;\n\n/*\n  BaseLink Props when variant is anchor\n*/\ntype BaseLinkAnchorVariantProps = BaseLinkPropsWithOrWithoutIcon & {\n  variant?: 'anchor';\n  href?: string;\n  target?: string;\n  rel?: string;\n  isDisabled?: undefined;\n};\n\n/*\n  BaseLink Props when variant is button\n*/\ntype BaseLinkButtonVariantProps = BaseLinkPropsWithOrWithoutIcon & {\n  variant?: 'button';\n  isDisabled?: boolean;\n  href?: undefined;\n  target?: undefined;\n  rel?: undefined;\n};\n\n/*\n  BaseLink Props when variant is anchor or button\n*/\nexport type BaseLinkProps = BaseLinkAnchorVariantProps | BaseLinkButtonVariantProps;\n\ntype BaseLinkStyleProps = {\n  as: 'a' | 'button';\n  textDecorationLine: 'underline' | 'none';\n  iconColor: IconProps['color'];\n  iconSize: IconProps['size'];\n  iconPadding: DotNotationSpacingStringToken;\n  textColor: BaseTextProps['color'];\n  focusRingColor: string;\n  motionDuration: DurationString;\n  motionEasing: EasingString;\n  cursor: CSSObject['cursor'];\n  disabled: boolean;\n  role: 'button' | 'link';\n  defaultRel: BaseLinkProps['rel'];\n  type?: 'button';\n  fontSize: BaseTextProps['fontSize'];\n  lineHeight: BaseTextProps['lineHeight'];\n};\n\ntype LinkActionStates = ActionStates;\n\n/**\n * Maps link size to icon size based on Figma design specs\n * - Large/Medium links use medium (16px) icons\n * - Small/XSmall links use small (12px) icons\n */\nconst linkSizeToIconSizeMap: Record<NonNullable<BaseLinkProps['size']>, IconSize> = {\n  xsmall: 'small',\n  small: 'small',\n  medium: 'medium',\n  large: 'medium',\n};\n\nconst getColorToken = ({\n  variant,\n  color,\n  currentInteraction,\n  isDisabled,\n  element,\n}: {\n  variant: BaseLinkProps['variant'];\n  color: BaseLinkProps['color'];\n  element: 'icon' | 'text';\n  currentInteraction: LinkActionStates;\n  isDisabled: boolean;\n}): IconColors | TextColors => {\n  let state = currentInteraction;\n  const map = {\n    default: 'normal',\n    hover: 'subtle',\n    focus: 'subtle',\n    disabled: 'disabled',\n  } as const;\n\n  if (isDisabled && variant == 'button') {\n    state = 'disabled';\n  }\n\n  if (color && color !== 'primary') {\n    if (color !== 'white') {\n      return `interactive.${element}.${color}.${map[state]}`;\n    }\n    return `interactive.${element}.staticWhite.${map[state]}`;\n  }\n  return `interactive.${element}.primary.${map[state]}`;\n};\n\nconst getProps = ({\n  theme,\n  variant,\n  currentInteraction,\n  children,\n  isDisabled,\n  color,\n  target,\n  size,\n}: {\n  theme: Theme;\n  variant: NonNullable<BaseLinkProps['variant']>;\n  currentInteraction: LinkActionStates;\n  children?: string;\n  isDisabled: boolean;\n  color: BaseLinkProps['color'];\n  target: BaseLinkProps['target'];\n  size: NonNullable<BaseLinkProps['size']>;\n}): BaseLinkStyleProps => {\n  const isButton = variant === 'button';\n  const textSizes: {\n    fontSize: Record<NonNullable<BaseLinkProps['size']>, keyof FontSize>;\n    lineHeight: Record<NonNullable<BaseLinkProps['size']>, keyof Typography['lineHeights']>;\n  } = {\n    fontSize: {\n      xsmall: 25,\n      small: 75,\n      medium: 100,\n      large: 200,\n    },\n    lineHeight: {\n      xsmall: 25,\n      small: 75,\n      medium: 100,\n      large: 200,\n    },\n  };\n\n  const props: BaseLinkStyleProps = {\n    as: isButton ? 'button' : 'a',\n    textDecorationLine: !isButton && currentInteraction !== 'default' ? 'underline' : 'none',\n    iconColor: getColorToken({\n      variant,\n      color,\n      element: 'icon',\n      currentInteraction,\n      isDisabled,\n    }) as IconProps['color'],\n    fontSize: textSizes.fontSize[size],\n    lineHeight: textSizes.lineHeight[size],\n    iconSize: linkSizeToIconSizeMap[size],\n    iconPadding: children?.trim() ? 'spacing.2' : 'spacing.0',\n    textColor: getColorToken({\n      variant,\n      color,\n      element: 'text',\n      currentInteraction,\n      isDisabled,\n    }) as BaseTextProps['color'],\n    focusRingColor: getIn(theme.colors, 'interactive.border.primary.faded'),\n    motionDuration: 'duration.2xquick',\n    motionEasing: 'easing.standard',\n    cursor: isButton && isDisabled ? 'not-allowed' : 'pointer',\n    disabled: isButton && isDisabled,\n    role: isButton ? 'button' : 'link',\n    defaultRel: target && target === '_blank' ? 'noreferrer noopener' : undefined,\n    type: isButton ? 'button' : undefined,\n  };\n\n  return props;\n};\n\nconst _BaseLink: React.ForwardRefRenderFunction<BladeElementRef, BaseLinkProps> = (\n  {\n    children,\n    icon: Icon,\n    iconPosition = 'left',\n    isDisabled = false,\n    onClick,\n    onKeyDown,\n    variant = 'anchor',\n    href,\n    target,\n    rel,\n    color = 'primary',\n    opacity,\n    accessibilityProps,\n    // @ts-expect-error avoiding exposing to public\n    className,\n    // @ts-expect-error avoiding exposing to public\n    style,\n    size = 'medium',\n    testID,\n    hitSlop,\n    htmlTitle,\n    onBlur,\n    onFocus,\n    onMouseLeave,\n    onMouseMove,\n    onPointerDown,\n    onPointerEnter,\n    onTouchStart,\n    onTouchEnd,\n    onMouseDown,\n    onMouseUp,\n    ...rest\n  },\n  ref,\n) => {\n  const childrenString = getStringFromReactText(children);\n  const { currentInteraction, setCurrentInteraction, ...syntheticEvents } = useInteraction();\n  const { theme } = useTheme();\n  if (__DEV__) {\n    if (!Icon && !childrenString?.trim()) {\n      throwBladeError({\n        message: `At least one of icon or text is required to render a link.`,\n        moduleName: 'BaseLink',\n      });\n    }\n  }\n  const {\n    as,\n    textDecorationLine,\n    iconColor,\n    iconPadding,\n    iconSize,\n    fontSize,\n    textColor,\n    focusRingColor,\n    motionDuration,\n    motionEasing,\n    cursor,\n    disabled,\n    role,\n    defaultRel,\n    type,\n    lineHeight,\n  } = getProps({\n    theme,\n    variant,\n    currentInteraction,\n    children: childrenString,\n    isDisabled,\n    color,\n    target,\n    size,\n  });\n\n  const handleOnClick = (event: SyntheticEvent): void => {\n    if (onClick) {\n      onClick(event);\n    }\n  };\n\n  const asProp = isReactNative() ? undefined : 'span';\n  return (\n    <StyledBaseLink\n      ref={ref as never}\n      {...metaAttribute({ name: MetaConstants.Link, testID })}\n      accessibilityProps={{\n        ...makeAccessible({\n          role,\n          disabled,\n          ...accessibilityProps,\n        }),\n      }}\n      variant={variant}\n      as={as}\n      href={href}\n      target={target}\n      rel={rel ?? defaultRel}\n      onClick={handleOnClick}\n      {...syntheticEvents}\n      onBlur={(event: any) => {\n        onBlur?.(event);\n        syntheticEvents.onBlur();\n      }}\n      onFocus={(event: any) => {\n        onFocus?.(event);\n        syntheticEvents.onFocus();\n      }}\n      onMouseLeave={(event: any) => {\n        if (onMouseLeave) {\n          onMouseLeave(event);\n        }\n        syntheticEvents.onMouseLeave();\n      }}\n      onMouseMove={onMouseMove}\n      onPointerDown={onPointerDown}\n      onPointerEnter={onPointerEnter}\n      onTouchStart={onTouchStart}\n      onTouchEnd={onTouchEnd}\n      onKeyDown={onKeyDown}\n      onMouseDown={onMouseDown}\n      onMouseUp={onMouseUp}\n      disabled={disabled}\n      type={type}\n      cursor={cursor}\n      focusRingColor={focusRingColor}\n      motionDuration={motionDuration}\n      motionEasing={motionEasing}\n      setCurrentInteraction={setCurrentInteraction}\n      {...getStyledProps(rest)}\n      {...makeAnalyticsAttribute(rest)}\n      // @ts-ignore Because we avoided exposing className to public\n      className={className}\n      style={style}\n      hitSlop={hitSlop}\n      title={htmlTitle}\n    >\n      <BaseBox\n        as={asProp}\n        display=\"flex\"\n        flexDirection=\"row\"\n        className=\"content-container\"\n        alignItems=\"center\"\n        opacity={opacity}\n      >\n        {Icon && iconPosition == 'left' ? (\n          <BaseBox as={asProp} paddingRight={iconPadding} display=\"flex\" alignItems=\"center\">\n            <Icon color={iconColor} size={iconSize} />\n          </BaseBox>\n        ) : null}\n        <BaseText\n          as={asProp}\n          textDecorationLine={textDecorationLine}\n          color={textColor}\n          fontSize={fontSize}\n          lineHeight={lineHeight}\n          textAlign=\"center\"\n          fontWeight=\"medium\"\n        >\n          {children}\n        </BaseText>\n        {Icon && iconPosition == 'right' ? (\n          <BaseBox as={asProp} paddingLeft={iconPadding} display=\"flex\" alignItems=\"center\">\n            <Icon color={iconColor} size={iconSize} />\n          </BaseBox>\n        ) : null}\n      </BaseBox>\n    </StyledBaseLink>\n  );\n};\n\nconst BaseLink = assignWithoutSideEffects(React.forwardRef(_BaseLink), {\n  displayName: 'BaseLink',\n  componentId: 'BaseLink',\n});\n\nexport default BaseLink;\n"],"names":["linkSizeToIconSizeMap","xsmall","small","medium","large","getColorToken","_ref","variant","color","currentInteraction","isDisabled","element","state","map","default","hover","focus","disabled","getProps","_ref2","theme","children","target","size","isButton","textSizes","fontSize","lineHeight","props","as","textDecorationLine","iconColor","iconSize","iconPadding","trim","textColor","focusRingColor","getIn","colors","motionDuration","motionEasing","cursor","role","defaultRel","undefined","type","_BaseLink","_ref3","ref","Icon","icon","_ref3$iconPosition","iconPosition","_ref3$isDisabled","onClick","onKeyDown","_ref3$variant","href","rel","_ref3$color","opacity","accessibilityProps","className","style","_ref3$size","testID","hitSlop","htmlTitle","onBlur","onFocus","onMouseLeave","onMouseMove","onPointerDown","onPointerEnter","onTouchStart","onTouchEnd","onMouseDown","onMouseUp","rest","_objectWithoutProperties","_excluded","childrenString","getStringFromReactText","_useInteraction","useInteraction","setCurrentInteraction","syntheticEvents","_excluded2","_useTheme","useTheme","__DEV__","throwBladeError","message","moduleName","_getProps","handleOnClick","event","asProp","isReactNative","_jsx","StyledBaseLink","Object","assign","metaAttribute","name","MetaConstants","Link","makeAccessible","getStyledProps","makeAnalyticsAttribute","title","_jsxs","BaseBox","display","flexDirection","alignItems","paddingRight","BaseText","textAlign","fontWeight","paddingLeft","BaseLink","assignWithoutSideEffects","React","forwardRef","displayName","componentId"],"mappings":"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"}

package/build/lib/native/components/Link/BaseLink/StyledBaseLink.native.js

@@ -7,6 +7,8 @@ import { useStyledProps } from '../../Box/styledProps/useStyledProps.js';
 import '@babel/runtime/helpers/slicedToArray';
 import { logger } from '../../../utils/logger/logger.js';
 import { castNativeType } from '../../../utils/platform/castUtils.js';
+import '../../../tokens/global/typography.js';
+import '../../../tokens/global/motion.js';
 import '../../BladeProvider/useTheme.js';
 import { jsx } from 'react/jsx-runtime';
 

package/build/lib/native/components/Link/BaseLink/StyledBaseLink.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"StyledBaseLink.native.js","sources":["../../../../../../src/components/Link/BaseLink/StyledBaseLink.native.tsx"],"sourcesContent":["import React from 'react';\nimport type { ReactElement } from 'react';\nimport type { GestureResponderEvent } from 'react-native';\nimport { Linking } from 'react-native';\nimport styled from 'styled-components/native';\nimport type { StyledBaseLinkProps } from './types';\nimport getStyledLinkStyles from './getStyledLinkStyles';\nimport { useStyledProps } from '~components/Box/styledProps';\nimport type { BladeElementRef } from '~utils/types';\nimport { castNativeType } from '~utils';\nimport { logger } from '~utils/logger';\n\nconst StyledNativeLink = styled.Pressable((props) => {\n  const styledPropsCSSObject = useStyledProps(props);\n  return {\n    ...getStyledLinkStyles({}),\n    alignSelf: 'flex-start',\n    ...styledPropsCSSObject,\n  };\n});\n\nconst openURL = async (href: string): Promise<void> => {\n  try {\n    const canOpen = await Linking.canOpenURL(href);\n    if (canOpen) {\n      await Linking.openURL(href);\n    }\n  } catch {\n    if (__DEV__) {\n      logger({\n        message: `Could not open the link \"href=${href}\"`,\n        moduleName: 'BaseLink',\n        type: 'warn',\n      });\n    }\n  }\n};\n\nconst _StyledLink: React.ForwardRefRenderFunction<\n  BladeElementRef,\n  StyledBaseLinkProps & { children: React.ReactNode }\n> = (\n  {\n    variant,\n    disabled,\n    href,\n    onClick,\n    children,\n    setCurrentInteraction,\n    accessibilityProps,\n    // @ts-expect-error avoid exposing to public\n    style,\n    testID,\n    hitSlop,\n    onTouchStart,\n    onTouchEnd,\n  },\n  ref,\n): ReactElement => {\n  const handleOnPress = (event: GestureResponderEvent): void => {\n    if (href && variant === 'anchor') {\n      void openURL(href);\n    }\n\n    if (onClick) {\n      /*\n      React Native's Pressable's onClick returns a GestureResponderEvent but our types expect a SyntheticEvent.\n      Until we have a way to handle platform specific types, we will have to ignore this TS error.\n      */\n      // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n      //@ts-expect-error\n      onClick(event);\n    }\n  };\n\n  return (\n    <StyledNativeLink\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      ref={ref as any}\n      {...accessibilityProps}\n      disabled={disabled}\n      onPress={handleOnPress}\n      onPressIn={(): void => setCurrentInteraction('focus')}\n      onPressOut={(): void => setCurrentInteraction('default')}\n      onTouchStart={castNativeType(onTouchStart)}\n      onTouchEnd={castNativeType(onTouchEnd)}\n      style={style}\n      testID={testID}\n      hitSlop={hitSlop}\n    >\n      {children}\n    </StyledNativeLink>\n  );\n};\n\nconst StyledLink = React.forwardRef(_StyledLink);\n\nexport default StyledLink;\n"],"names":["StyledNativeLink","styled","Pressable","props","styledPropsCSSObject","useStyledProps","Object","assign","getStyledLinkStyles","alignSelf","openURL","_ref","_asyncToGenerator","href","canOpen","Linking","canOpenURL","_unused","__DEV__","logger","message","moduleName","type","_x","apply","arguments","_StyledLink","_ref2","ref","variant","disabled","onClick","children","setCurrentInteraction","accessibilityProps","style","testID","hitSlop","onTouchStart","onTouchEnd","handleOnPress","event","_jsx","onPress","onPressIn","onPressOut","castNativeType","StyledLink","React","forwardRef"],"mappings":";;;;;;;;;;;;AAYA,IAAMA,gBAAgB,CAAGC,MAAM,CAACC,SAAS,CAAC,SAACC,KAAK,CAAK,CACnD,IAAMC,oBAAoB,CAAGC,cAAc,CAACF,KAAK,CAAC,CAClD,OAAAG,MAAA,CAAAC,MAAA,CAAA,EAAA,CACKC,mBAAmB,CAAC,EAAE,CAAC,CAAA,CAC1BC,SAAS,CAAE,YAAY,EACpBL,oBAAoB,CAAA,CAE3B,CAAC,CAAC,CAEF,IAAMM,OAAO,gBAAAC,IAAA,CAAAC,iBAAA,CAAG,UAAOC,IAAY,CAAoB,CACrD,GAAI,CACF,IAAMC,OAAO,CAAA,MAASC,OAAO,CAACC,UAAU,CAACH,IAAI,CAAC,CAC9C,GAAIC,OAAO,CAAE,CACX,MAAMC,OAAO,CAACL,OAAO,CAACG,IAAI,CAAC,CAC7B,CACF,CAAE,MAAAI,OAAA,CAAM,CACN,GAAIC,OAAO,CAAE,CACXC,MAAM,CAAC,CACLC,OAAO,CAAE,iCAAiCP,IAAI,CAAA,CAAA,CAAG,CACjDQ,UAAU,CAAE,UAAU,CACtBC,IAAI,CAAE,MACR,CAAC,CAAC,CACJ,CACF,CACF,CAAC,CAAA,CAAA,OAAA,SAfKZ,OAAOA,CAAAa,EAAA,CAAAZ,CAAAA,OAAAA,IAAA,CAAAa,KAAA,CAAA,IAAA,CAAAC,SAAA,CAeZ,CAAA,CAAA,CAAA,CAAA,EAAA,CAED,IAAMC,WAGL,CAAG,SAHEA,WAGLA,CAAAC,KAAA,CAgBCC,GAAG,CACc,KAffC,OAAO,CAAAF,KAAA,CAAPE,OAAO,CACPC,QAAQ,CAAAH,KAAA,CAARG,QAAQ,CACRjB,IAAI,CAAAc,KAAA,CAAJd,IAAI,CACJkB,OAAO,CAAAJ,KAAA,CAAPI,OAAO,CACPC,QAAQ,CAAAL,KAAA,CAARK,QAAQ,CACRC,qBAAqB,CAAAN,KAAA,CAArBM,qBAAqB,CACrBC,kBAAkB,CAAAP,KAAA,CAAlBO,kBAAkB,CAElBC,KAAK,CAAAR,KAAA,CAALQ,KAAK,CACLC,MAAM,CAAAT,KAAA,CAANS,MAAM,CACNC,OAAO,CAAAV,KAAA,CAAPU,OAAO,CACPC,YAAY,CAAAX,KAAA,CAAZW,YAAY,CACZC,UAAU,CAAAZ,KAAA,CAAVY,UAAU,CAIZ,IAAMC,aAAa,CAAG,SAAhBA,aAAaA,CAAIC,KAA4B,CAAW,CAC5D,GAAI5B,IAAI,EAAIgB,OAAO,GAAK,QAAQ,CAAE,CAChC,KAAKnB,OAAO,CAACG,IAAI,CAAC,CACpB,CAEA,GAAIkB,OAAO,CAAE,CAOXA,OAAO,CAACU,KAAK,CAAC,CAChB,CACF,CAAC,CAED,OACEC,GAAA,CAAC1C,gBAAgB,CAAAM,MAAA,CAAAC,MAAA,CAAA,CAEfqB,GAAG,CAAEA,GAAW,EACZM,kBAAkB,CAAA,CACtBJ,QAAQ,CAAEA,QAAS,CACnBa,OAAO,CAAEH,aAAc,CACvBI,SAAS,CAAE,SAAAA,SAAAA,UAAYX,qBAAqB,CAAC,OAAO,CAAC,EAAC,CACtDY,UAAU,CAAE,SAAAA,UAAAA,UAAYZ,qBAAqB,CAAC,SAAS,CAAC,EAAC,CACzDK,YAAY,CAAEQ,cAAc,CAACR,YAAY,CAAE,CAC3CC,UAAU,CAAEO,cAAc,CAACP,UAAU,CAAE,CACvCJ,KAAK,CAAEA,KAAM,CACbC,MAAM,CAAEA,MAAO,CACfC,OAAO,CAAEA,OAAQ,CAAAL,QAAA,CAEhBA,QAAQ,CACO,CAAA,CAAC,CAEvB,CAAC,CAEK,IAAAe,UAAU,CAAGC,cAAK,CAACC,UAAU,CAACvB,WAAW;;;;"}
+{"version":3,"file":"StyledBaseLink.native.js","sources":["../../../../../../src/components/Link/BaseLink/StyledBaseLink.native.tsx"],"sourcesContent":["import React from 'react';\nimport type { ReactElement } from 'react';\nimport type { GestureResponderEvent } from 'react-native';\nimport { Linking } from 'react-native';\nimport styled from 'styled-components/native';\nimport type { StyledBaseLinkProps } from './types';\nimport getStyledLinkStyles from './getStyledLinkStyles';\nimport { useStyledProps } from '~components/Box/styledProps';\nimport type { BladeElementRef } from '~utils/types';\nimport { castNativeType } from '~utils';\nimport { logger } from '~utils/logger';\n\nconst StyledNativeLink = styled.Pressable((props) => {\n  const styledPropsCSSObject = useStyledProps(props);\n  return {\n    ...getStyledLinkStyles({}),\n    alignSelf: 'flex-start',\n    ...styledPropsCSSObject,\n  };\n});\n\nconst openURL = async (href: string): Promise<void> => {\n  try {\n    const canOpen = await Linking.canOpenURL(href);\n    if (canOpen) {\n      await Linking.openURL(href);\n    }\n  } catch {\n    if (__DEV__) {\n      logger({\n        message: `Could not open the link \"href=${href}\"`,\n        moduleName: 'BaseLink',\n        type: 'warn',\n      });\n    }\n  }\n};\n\nconst _StyledLink: React.ForwardRefRenderFunction<\n  BladeElementRef,\n  StyledBaseLinkProps & { children: React.ReactNode }\n> = (\n  {\n    variant,\n    disabled,\n    href,\n    onClick,\n    children,\n    setCurrentInteraction,\n    accessibilityProps,\n    // @ts-expect-error avoid exposing to public\n    style,\n    testID,\n    hitSlop,\n    onTouchStart,\n    onTouchEnd,\n  },\n  ref,\n): ReactElement => {\n  const handleOnPress = (event: GestureResponderEvent): void => {\n    if (href && variant === 'anchor') {\n      void openURL(href);\n    }\n\n    if (onClick) {\n      /*\n      React Native's Pressable's onClick returns a GestureResponderEvent but our types expect a SyntheticEvent.\n      Until we have a way to handle platform specific types, we will have to ignore this TS error.\n      */\n      // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n      //@ts-expect-error\n      onClick(event);\n    }\n  };\n\n  return (\n    <StyledNativeLink\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      ref={ref as any}\n      {...accessibilityProps}\n      disabled={disabled}\n      onPress={handleOnPress}\n      onPressIn={(): void => setCurrentInteraction('focus')}\n      onPressOut={(): void => setCurrentInteraction('default')}\n      onTouchStart={castNativeType(onTouchStart)}\n      onTouchEnd={castNativeType(onTouchEnd)}\n      style={style}\n      testID={testID}\n      hitSlop={hitSlop}\n    >\n      {children}\n    </StyledNativeLink>\n  );\n};\n\nconst StyledLink = React.forwardRef(_StyledLink);\n\nexport default StyledLink;\n"],"names":["StyledNativeLink","styled","Pressable","props","styledPropsCSSObject","useStyledProps","Object","assign","getStyledLinkStyles","alignSelf","openURL","_ref","_asyncToGenerator","href","canOpen","Linking","canOpenURL","_unused","__DEV__","logger","message","moduleName","type","_x","apply","arguments","_StyledLink","_ref2","ref","variant","disabled","onClick","children","setCurrentInteraction","accessibilityProps","style","testID","hitSlop","onTouchStart","onTouchEnd","handleOnPress","event","_jsx","onPress","onPressIn","onPressOut","castNativeType","StyledLink","React","forwardRef"],"mappings":";;;;;;;;;;;;;;AAYA,IAAMA,gBAAgB,CAAGC,MAAM,CAACC,SAAS,CAAC,SAACC,KAAK,CAAK,CACnD,IAAMC,oBAAoB,CAAGC,cAAc,CAACF,KAAK,CAAC,CAClD,OAAAG,MAAA,CAAAC,MAAA,CACKC,EAAAA,CAAAA,mBAAmB,CAAC,EAAE,CAAC,CAC1BC,CAAAA,SAAS,CAAE,YAAY,CAAA,CACpBL,oBAAoB,CAE3B,CAAA,CAAC,CAAC,CAEF,IAAMM,OAAO,CAAA,UAAA,CAAA,IAAAC,IAAA,CAAAC,iBAAA,CAAG,UAAOC,IAAY,CAAoB,CACrD,GAAI,CACF,IAAMC,OAAO,CAAS,MAAAC,OAAO,CAACC,UAAU,CAACH,IAAI,CAAC,CAC9C,GAAIC,OAAO,CAAE,CACX,MAAMC,OAAO,CAACL,OAAO,CAACG,IAAI,CAAC,CAC7B,CACF,CAAE,MAAAI,OAAA,CAAM,CACN,GAAIC,OAAO,CAAE,CACXC,MAAM,CAAC,CACLC,OAAO,CAAE,CAAA,8BAAA,EAAiCP,IAAI,CAAG,CAAA,CAAA,CACjDQ,UAAU,CAAE,UAAU,CACtBC,IAAI,CAAE,MACR,CAAC,CAAC,CACJ,CACF,CACF,CAAC,CAfK,CAAA,OAAA,SAAAZ,OAAOA,CAAAa,EAAA,SAAAZ,IAAA,CAAAa,KAAA,CAAAC,IAAAA,CAAAA,SAAA,OAeZ,CAED,IAAMC,WAGL,CAAG,SAHEA,WAGLA,CAAAC,KAAA,CAgBCC,GAAG,CACc,CAAA,IAffC,OAAO,CAAAF,KAAA,CAAPE,OAAO,CACPC,QAAQ,CAAAH,KAAA,CAARG,QAAQ,CACRjB,IAAI,CAAAc,KAAA,CAAJd,IAAI,CACJkB,OAAO,CAAAJ,KAAA,CAAPI,OAAO,CACPC,QAAQ,CAAAL,KAAA,CAARK,QAAQ,CACRC,qBAAqB,CAAAN,KAAA,CAArBM,qBAAqB,CACrBC,kBAAkB,CAAAP,KAAA,CAAlBO,kBAAkB,CAElBC,KAAK,CAAAR,KAAA,CAALQ,KAAK,CACLC,MAAM,CAAAT,KAAA,CAANS,MAAM,CACNC,OAAO,CAAAV,KAAA,CAAPU,OAAO,CACPC,YAAY,CAAAX,KAAA,CAAZW,YAAY,CACZC,UAAU,CAAAZ,KAAA,CAAVY,UAAU,CAIZ,IAAMC,aAAa,CAAG,SAAhBA,aAAaA,CAAIC,KAA4B,CAAW,CAC5D,GAAI5B,IAAI,EAAIgB,OAAO,GAAK,QAAQ,CAAE,CAChC,KAAKnB,OAAO,CAACG,IAAI,CAAC,CACpB,CAEA,GAAIkB,OAAO,CAAE,CAOXA,OAAO,CAACU,KAAK,CAAC,CAChB,CACF,CAAC,CAED,OACEC,GAAA,CAAC1C,gBAAgB,CAAAM,MAAA,CAAAC,MAAA,CAAA,CAEfqB,GAAG,CAAEA,GAAW,EACZM,kBAAkB,CAAA,CACtBJ,QAAQ,CAAEA,QAAS,CACnBa,OAAO,CAAEH,aAAc,CACvBI,SAAS,CAAE,SAAXA,SAASA,EAAA,CAAA,OAAcX,qBAAqB,CAAC,OAAO,CAAC,CAAA,CAAC,CACtDY,UAAU,CAAE,SAAZA,UAAUA,EAAc,CAAA,OAAAZ,qBAAqB,CAAC,SAAS,CAAC,CAAC,CAAA,CACzDK,YAAY,CAAEQ,cAAc,CAACR,YAAY,CAAE,CAC3CC,UAAU,CAAEO,cAAc,CAACP,UAAU,CAAE,CACvCJ,KAAK,CAAEA,KAAM,CACbC,MAAM,CAAEA,MAAO,CACfC,OAAO,CAAEA,OAAQ,CAAAL,QAAA,CAEhBA,QAAQ,CAAA,CACO,CAAC,CAEvB,CAAC,CAEK,IAAAe,UAAU,CAAGC,cAAK,CAACC,UAAU,CAACvB,WAAW;;;;"}

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

@@ -17,6 +17,8 @@ import 'react-native';
 import { getPlatformType } from '../../utils/getPlatformType/getPlatformType.js';
 import '@babel/runtime/helpers/slicedToArray';
 import { throwBladeError } from '../../utils/logger/logger.js';
+import '../../tokens/global/typography.js';
+import '../../tokens/global/motion.js';
 import '../BottomSheet/BottomSheetStack.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
@@ -25,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 _ref4;var children=_ref3.children,Icon=_ref3.icon,listItemIconColor=_ref3.iconColor,_itemNumber=_ref3._itemNumber,testID=_ref3.testID;var _useListContext=useListContext(),level=_useListContext.level,size=_useListContext.size,ListContextIcon=_useListContext.icon,variant=_useListContext.variant,iconColor=_useListContext.iconColor;var _useTheme=useTheme(),theme=_useTheme.theme,platform=_useTheme.platform;var ItemIcon=Icon!=null?Icon:ListContextIcon;var iconColorToken=(_ref4=listItemIconColor!=null?listItemIconColor:iconColor)!=null?_ref4:'surface.icon.gray.muted';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'||typeof child==='number'||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:iconColorToken}):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});
+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,color:"surface.text.gray.subtle",children:child},index);}return child;})}):jsx(Text,{variant:"body",size:size,color:"surface.text.gray.subtle",children:children});};var _ListItem=function _ListItem(_ref3){var _ref4;var children=_ref3.children,Icon=_ref3.icon,listItemIconColor=_ref3.iconColor,_itemNumber=_ref3._itemNumber,testID=_ref3.testID;var _useListContext=useListContext(),level=_useListContext.level,size=_useListContext.size,ListContextIcon=_useListContext.icon,variant=_useListContext.variant,iconColor=_useListContext.iconColor;var _useTheme=useTheme(),theme=_useTheme.theme,platform=_useTheme.platform;var ItemIcon=Icon!=null?Icon:ListContextIcon;var iconColorToken=(_ref4=listItemIconColor!=null?listItemIconColor:iconColor)!=null?_ref4:'surface.icon.gray.muted';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'||typeof child==='number'||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:iconColorToken}):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   * Icon color of the ListItem's bullet.\n   *\n   */\n  iconColor?: ListProps['iconColor'];\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  iconColor: listItemIconColor,\n  _itemNumber,\n  testID,\n}: ListItemProps): React.ReactElement => {\n  const { level, size, icon: ListContextIcon, variant, iconColor } = useListContext();\n  const { theme, platform } = useTheme();\n  const ItemIcon = Icon ?? ListContextIcon;\n  const iconColorToken = listItemIconColor ?? iconColor ?? 'surface.icon.gray.muted';\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      typeof child === 'number' ||\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={iconColorToken} />\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","_ref4","Icon","icon","listItemIconColor","iconColor","_itemNumber","testID","_useListContext","useListContext","ListContextIcon","_useTheme","useTheme","platform","ItemIcon","iconColorToken","__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":"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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   * Icon color of the ListItem's bullet.\n   *\n   */\n  iconColor?: ListProps['iconColor'];\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} color=\"surface.text.gray.subtle\">\n              {child}\n            </Text>\n          );\n        }\n        return child;\n      })}\n    </BaseBox>\n  ) : (\n    <Text variant=\"body\" size={size} color=\"surface.text.gray.subtle\">\n      {children}\n    </Text>\n  );\n};\n\nconst _ListItem = ({\n  children,\n  icon: Icon,\n  iconColor: listItemIconColor,\n  _itemNumber,\n  testID,\n}: ListItemProps): React.ReactElement => {\n  const { level, size, icon: ListContextIcon, variant, iconColor } = useListContext();\n  const { theme, platform } = useTheme();\n  const ItemIcon = Icon ?? ListContextIcon;\n  const iconColorToken = listItemIconColor ?? iconColor ?? 'surface.icon.gray.muted';\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      typeof child === 'number' ||\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={iconColorToken} />\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","color","_ListItem","_ref3","_ref4","Icon","icon","listItemIconColor","iconColor","_itemNumber","testID","_useListContext","useListContext","ListContextIcon","_useTheme","useTheme","platform","ItemIcon","iconColorToken","__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","UnorderedItemIcon","width","listItemOrderedBulletBoxSize","height","flexShrink","justifyContent","borderRadius","undefined","backgroundColor","colors","getOrderedListItemBullet","itemNumber","assignWithoutSideEffects","componentId"],"mappings":"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"}

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

@@ -7,6 +7,9 @@ import 'react-native-gesture-handler';
 import useTheme from '../BladeProvider/useTheme.js';
 import 'react-native';
 import '@babel/runtime/helpers/slicedToArray';
+import { opacity } from '../../tokens/global/opacity.js';
+import '../../tokens/global/typography.js';
+import '../../tokens/global/motion.js';
 import '../BottomSheet/BottomSheetStack.js';
 import { jsx } from 'react/jsx-runtime';
 import 'react-native-svg';
@@ -14,9 +17,6 @@ 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,fillOpacity:opacity[600]})});};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[600]})});};var UnorderedItemIcon=function UnorderedItemIcon(_ref4){var level=_ref4.level;var _useTheme=useTheme(),theme=_useTheme.theme,platform=_useTheme.platform;var _useListContext=useListContext(),size=_useListContext.size,iconColor=_useListContext.iconColor;var iconDimensions=listItemUnorderedBulletSize[platform][size];var backgroundToken=iconColor!=null?iconColor: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});}};
 

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

@@ -1,4 +1,4 @@
-var romanize=function romanize(number){var romanKeys={m:1000,cm:900,d:500,cd:400,c:100,xc:90,l:50,xl:40,x:10,ix:9,v:5,iv:4,i:1};var result='';Object.keys(romanKeys).forEach(function(key){result+=key.repeat(Math.floor(number/romanKeys[key]));number%=romanKeys[key];});return result;};var alphabetize=function alphabetize(number){var indexedNumber=--number;var alphabets='abcdefghijklmnopqrstuvwxyz';var firstAlphabets=indexedNumber>=26?alphabetize(Math.floor(indexedNumber/26)-1):'';var lastAlphabet=alphabets[indexedNumber%26];return `${firstAlphabets}${lastAlphabet}`;};var getOrderedListItemBullet=function getOrderedListItemBullet(_ref){var itemNumber=_ref.itemNumber,level=_ref.level;if(isNaN(itemNumber))return '';switch(level){case 1:return `${itemNumber}`;case 2:return `${alphabetize(itemNumber)}`;case 3:return `${romanize(itemNumber)}`;default:return `${itemNumber}`;}};
+var romanize=function romanize(number){var romanKeys={m:1000,cm:900,d:500,cd:400,c:100,xc:90,l:50,xl:40,x:10,ix:9,v:5,iv:4,i:1};var result='';Object.keys(romanKeys).forEach(function(key){result+=key.repeat(Math.floor(number/romanKeys[key]));number%=romanKeys[key];});return result;};var _alphabetize=function alphabetize(number){var indexedNumber=--number;var alphabets='abcdefghijklmnopqrstuvwxyz';var firstAlphabets=indexedNumber>=26?_alphabetize(Math.floor(indexedNumber/26)-1):'';var lastAlphabet=alphabets[indexedNumber%26];return `${firstAlphabets}${lastAlphabet}`;};var getOrderedListItemBullet=function getOrderedListItemBullet(_ref){var itemNumber=_ref.itemNumber,level=_ref.level;if(isNaN(itemNumber))return '';switch(level){case 1:return `${itemNumber}`;case 2:return `${_alphabetize(itemNumber)}`;case 3:return `${romanize(itemNumber)}`;default:return `${itemNumber}`;}};
 
 export { getOrderedListItemBullet };
 //# sourceMappingURL=getOrderedListItemBullet.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"getOrderedListItemBullet.js","sources":["../../../../../src/components/List/getOrderedListItemBullet.ts"],"sourcesContent":["/**\n * Converts number to roman number\n *\n */\nconst romanize = (number: number): string => {\n  const romanKeys: Record<string, number> = {\n    m: 1000,\n    cm: 900,\n    d: 500,\n    cd: 400,\n    c: 100,\n    xc: 90,\n    l: 50,\n    xl: 40,\n    x: 10,\n    ix: 9,\n    v: 5,\n    iv: 4,\n    i: 1,\n  };\n  let result = '';\n\n  Object.keys(romanKeys).forEach((key) => {\n    result += key.repeat(Math.floor(number / romanKeys[key]));\n    number %= romanKeys[key];\n  });\n\n  return result;\n};\n\n/**\n * Converts number to alphabet. After 26 letters, the output will contain 2 alphabets eg) aa, ab, ac,...\n *\n */\nconst alphabetize = (number: number): string => {\n  // Decrement the input number since array starts with 0. Eg) 'a' will be at 0th position and not 1st position in the array.\n  const indexedNumber = --number;\n  const alphabets = 'abcdefghijklmnopqrstuvwxyz';\n  const firstAlphabets = indexedNumber >= 26 ? alphabetize(Math.floor(indexedNumber / 26) - 1) : '';\n  const lastAlphabet = alphabets[indexedNumber % 26];\n  return `${firstAlphabets}${lastAlphabet}`;\n};\n\n/**\n * Get the list item bullet number/roman number/alphabet for the passed level and list item number\n *\n */\nconst getOrderedListItemBullet = ({\n  itemNumber,\n  level,\n}: {\n  itemNumber: number;\n  level: number;\n}): string => {\n  if (isNaN(itemNumber)) return '';\n  switch (level) {\n    case 1:\n      return `${itemNumber}`;\n    case 2:\n      return `${alphabetize(itemNumber)}`;\n    case 3:\n      return `${romanize(itemNumber)}`;\n    default:\n      return `${itemNumber}`;\n  }\n};\n\nexport { getOrderedListItemBullet };\n"],"names":["romanize","number","romanKeys","m","cm","d","cd","c","xc","l","xl","x","ix","v","iv","i","result","Object","keys","forEach","key","repeat","Math","floor","alphabetize","indexedNumber","alphabets","firstAlphabets","lastAlphabet","getOrderedListItemBullet","_ref","itemNumber","level","isNaN"],"mappings":"AAIA,IAAMA,QAAQ,CAAG,SAAXA,QAAQA,CAAIC,MAAc,CAAa,CAC3C,IAAMC,SAAiC,CAAG,CACxCC,CAAC,CAAE,IAAI,CACPC,EAAE,CAAE,GAAG,CACPC,CAAC,CAAE,GAAG,CACNC,EAAE,CAAE,GAAG,CACPC,CAAC,CAAE,GAAG,CACNC,EAAE,CAAE,EAAE,CACNC,CAAC,CAAE,EAAE,CACLC,EAAE,CAAE,EAAE,CACNC,CAAC,CAAE,EAAE,CACLC,EAAE,CAAE,CAAC,CACLC,CAAC,CAAE,CAAC,CACJC,EAAE,CAAE,CAAC,CACLC,CAAC,CAAE,CACL,CAAC,CACD,IAAIC,MAAM,CAAG,EAAE,CAEfC,MAAM,CAACC,IAAI,CAAChB,SAAS,CAAC,CAACiB,OAAO,CAAC,SAACC,GAAG,CAAK,CACtCJ,MAAM,EAAII,GAAG,CAACC,MAAM,CAACC,IAAI,CAACC,KAAK,CAACtB,MAAM,CAAGC,SAAS,CAACkB,GAAG,CAAC,CAAC,CAAC,CACzDnB,MAAM,EAAIC,SAAS,CAACkB,GAAG,CAAC,CAC1B,CAAC,CAAC,CAEF,OAAOJ,MAAM,CACf,CAAC,CAMD,IAAMQ,WAAW,CAAG,SAAdA,WAAWA,CAAIvB,MAAc,CAAa,CAE9C,IAAMwB,aAAa,CAAG,EAAExB,MAAM,CAC9B,IAAMyB,SAAS,CAAG,4BAA4B,CAC9C,IAAMC,cAAc,CAAGF,aAAa,EAAI,EAAE,CAAGD,WAAW,CAACF,IAAI,CAACC,KAAK,CAACE,aAAa,CAAG,EAAE,CAAC,CAAG,CAAC,CAAC,CAAG,EAAE,CACjG,IAAMG,YAAY,CAAGF,SAAS,CAACD,aAAa,CAAG,EAAE,CAAC,CAClD,OAAO,CAAA,EAAGE,cAAc,CAAA,EAAGC,YAAY,CAAA,CAAE,CAC3C,CAAC,CAMK,IAAAC,wBAAwB,CAAG,SAA3BA,wBAAwBA,CAAAC,IAAA,CAMhB,CALZ,IAAAC,UAAU,CAAAD,IAAA,CAAVC,UAAU,CACVC,KAAK,CAAAF,IAAA,CAALE,KAAK,CAKL,GAAIC,KAAK,CAACF,UAAU,CAAC,CAAE,OAAO,EAAE,CAChC,OAAQC,KAAK,EACX,KAAM,CAAA,CACJ,OAAO,CAAA,EAAGD,UAAU,CAAE,CAAA,CACxB,KAAK,CAAC,CACJ,OAAO,CAAGP,EAAAA,WAAW,CAACO,UAAU,CAAC,CAAA,CAAE,CACrC,KAAM,CAAA,CACJ,OAAO,CAAG/B,EAAAA,QAAQ,CAAC+B,UAAU,CAAC,CAAA,CAAE,CAClC,QACE,OAAO,CAAA,EAAGA,UAAU,CAAA,CAAE,CAC1B,CACF;;;;"}
+{"version":3,"file":"getOrderedListItemBullet.js","sources":["../../../../../src/components/List/getOrderedListItemBullet.ts"],"sourcesContent":["/**\n * Converts number to roman number\n *\n */\nconst romanize = (number: number): string => {\n  const romanKeys: Record<string, number> = {\n    m: 1000,\n    cm: 900,\n    d: 500,\n    cd: 400,\n    c: 100,\n    xc: 90,\n    l: 50,\n    xl: 40,\n    x: 10,\n    ix: 9,\n    v: 5,\n    iv: 4,\n    i: 1,\n  };\n  let result = '';\n\n  Object.keys(romanKeys).forEach((key) => {\n    result += key.repeat(Math.floor(number / romanKeys[key]));\n    number %= romanKeys[key];\n  });\n\n  return result;\n};\n\n/**\n * Converts number to alphabet. After 26 letters, the output will contain 2 alphabets eg) aa, ab, ac,...\n *\n */\nconst alphabetize = (number: number): string => {\n  // Decrement the input number since array starts with 0. Eg) 'a' will be at 0th position and not 1st position in the array.\n  const indexedNumber = --number;\n  const alphabets = 'abcdefghijklmnopqrstuvwxyz';\n  const firstAlphabets = indexedNumber >= 26 ? alphabetize(Math.floor(indexedNumber / 26) - 1) : '';\n  const lastAlphabet = alphabets[indexedNumber % 26];\n  return `${firstAlphabets}${lastAlphabet}`;\n};\n\n/**\n * Get the list item bullet number/roman number/alphabet for the passed level and list item number\n *\n */\nconst getOrderedListItemBullet = ({\n  itemNumber,\n  level,\n}: {\n  itemNumber: number;\n  level: number;\n}): string => {\n  if (isNaN(itemNumber)) return '';\n  switch (level) {\n    case 1:\n      return `${itemNumber}`;\n    case 2:\n      return `${alphabetize(itemNumber)}`;\n    case 3:\n      return `${romanize(itemNumber)}`;\n    default:\n      return `${itemNumber}`;\n  }\n};\n\nexport { getOrderedListItemBullet };\n"],"names":["romanize","number","romanKeys","m","cm","d","cd","c","xc","l","xl","x","ix","v","iv","i","result","Object","keys","forEach","key","repeat","Math","floor","alphabetize","indexedNumber","alphabets","firstAlphabets","lastAlphabet","getOrderedListItemBullet","_ref","itemNumber","level","isNaN"],"mappings":"AAIA,IAAMA,QAAQ,CAAG,SAAXA,QAAQA,CAAIC,MAAc,CAAa,CAC3C,IAAMC,SAAiC,CAAG,CACxCC,CAAC,CAAE,IAAI,CACPC,EAAE,CAAE,GAAG,CACPC,CAAC,CAAE,GAAG,CACNC,EAAE,CAAE,GAAG,CACPC,CAAC,CAAE,GAAG,CACNC,EAAE,CAAE,EAAE,CACNC,CAAC,CAAE,EAAE,CACLC,EAAE,CAAE,EAAE,CACNC,CAAC,CAAE,EAAE,CACLC,EAAE,CAAE,CAAC,CACLC,CAAC,CAAE,CAAC,CACJC,EAAE,CAAE,CAAC,CACLC,CAAC,CAAE,CACL,CAAC,CACD,IAAIC,MAAM,CAAG,EAAE,CAEfC,MAAM,CAACC,IAAI,CAAChB,SAAS,CAAC,CAACiB,OAAO,CAAC,SAACC,GAAG,CAAK,CACtCJ,MAAM,EAAII,GAAG,CAACC,MAAM,CAACC,IAAI,CAACC,KAAK,CAACtB,MAAM,CAAGC,SAAS,CAACkB,GAAG,CAAC,CAAC,CAAC,CACzDnB,MAAM,EAAIC,SAAS,CAACkB,GAAG,CAAC,CAC1B,CAAC,CAAC,CAEF,OAAOJ,MAAM,CACf,CAAC,CAMD,IAAMQ,YAAW,CAAG,SAAdA,WAAWA,CAAIvB,MAAc,CAAa,CAE9C,IAAMwB,aAAa,CAAG,EAAExB,MAAM,CAC9B,IAAMyB,SAAS,CAAG,4BAA4B,CAC9C,IAAMC,cAAc,CAAGF,aAAa,EAAI,EAAE,CAAGD,YAAW,CAACF,IAAI,CAACC,KAAK,CAACE,aAAa,CAAG,EAAE,CAAC,CAAG,CAAC,CAAC,CAAG,EAAE,CACjG,IAAMG,YAAY,CAAGF,SAAS,CAACD,aAAa,CAAG,EAAE,CAAC,CAClD,OAAO,CAAA,EAAGE,cAAc,CAAA,EAAGC,YAAY,CAAA,CAAE,CAC3C,CAAC,CAMK,IAAAC,wBAAwB,CAAG,SAA3BA,wBAAwBA,CAAAC,IAAA,CAMhB,CALZ,IAAAC,UAAU,CAAAD,IAAA,CAAVC,UAAU,CACVC,KAAK,CAAAF,IAAA,CAALE,KAAK,CAKL,GAAIC,KAAK,CAACF,UAAU,CAAC,CAAE,OAAO,EAAE,CAChC,OAAQC,KAAK,EACX,KAAM,CAAA,CACJ,OAAO,CAAA,EAAGD,UAAU,CAAE,CAAA,CACxB,KAAK,CAAC,CACJ,OAAO,CAAGP,EAAAA,YAAW,CAACO,UAAU,CAAC,CAAA,CAAE,CACrC,KAAM,CAAA,CACJ,OAAO,CAAG/B,EAAAA,QAAQ,CAAC+B,UAAU,CAAC,CAAA,CAAE,CAClC,QACE,OAAO,CAAA,EAAGA,UAAU,CAAA,CAAE,CAC1B,CACF;;;;"}

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

@@ -9,6 +9,8 @@ import 'styled-components/native';
 import '@gorhom/portal';
 import 'react-native-gesture-handler';
 import useTheme from '../BladeProvider/useTheme.js';
+import '../../tokens/global/typography.js';
+import '../../tokens/global/motion.js';
 import '../BottomSheet/BottomSheetStack.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.native.js';

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 } 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';\nimport { componentZIndices } from '~utils/componentZIndices';\n\nconst Popover = ({\n  content,\n  children,\n  placement = 'top',\n  onOpenChange,\n  zIndex = componentZIndices.popover,\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      openInteraction: 'click' as const,\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","componentZIndices","popover","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","openInteraction","_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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"}
+{"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 } 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';\nimport { componentZIndices } from '~utils/componentZIndices';\n\nconst Popover = ({\n  content,\n  children,\n  placement = 'top',\n  onOpenChange,\n  zIndex = componentZIndices.popover,\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      openInteraction: 'click' as const,\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","componentZIndices","popover","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","openInteraction","_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/PopoverCloseButton.js

@@ -441,7 +441,7 @@ import '../Icons/ZoomInIcon/ZoomInIcon.js';
 import '../Icons/ZoomOutIcon/ZoomOutIcon.js';
 import { jsx } from 'react/jsx-runtime';
 
-var PopoverCloseButton=function PopoverCloseButton(){var _usePopoverContext=usePopoverContext(),close=_usePopoverContext.close,defaultInitialFocusRef=_usePopoverContext.defaultInitialFocusRef;return jsx(IconButton,{ref:defaultInitialFocusRef,size:"large",icon:CloseIcon,accessibilityLabel:"Close",onClick:close});};
+var PopoverCloseButton=function PopoverCloseButton(){var _usePopoverContext=usePopoverContext(),close=_usePopoverContext.close,defaultInitialFocusRef=_usePopoverContext.defaultInitialFocusRef;return jsx(IconButton,{ref:defaultInitialFocusRef,size:"medium",icon:CloseIcon,accessibilityLabel:"Close",onClick:close});};
 
 export { PopoverCloseButton };
 //# sourceMappingURL=PopoverCloseButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PopoverCloseButton.js","sources":["../../../../../src/components/Popover/PopoverCloseButton.tsx"],"sourcesContent":["import { usePopoverContext } from './PopoverContext';\nimport { IconButton } from '~components/Button/IconButton';\nimport { CloseIcon } from '~components/Icons';\n\nconst PopoverCloseButton = (): React.ReactElement => {\n  const { close, defaultInitialFocusRef } = usePopoverContext();\n\n  return (\n    <IconButton\n      ref={defaultInitialFocusRef as never}\n      size=\"large\"\n      icon={CloseIcon}\n      accessibilityLabel=\"Close\"\n      onClick={close}\n    />\n  );\n};\n\nexport { PopoverCloseButton };\n"],"names":["PopoverCloseButton","_usePopoverContext","usePopoverContext","close","defaultInitialFocusRef","_jsx","IconButton","ref","size","icon","CloseIcon","accessibilityLabel","onClick"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIM,IAAAA,kBAAkB,CAAG,SAArBA,kBAAkBA,EAA6B,CACnD,IAAAC,kBAAA,CAA0CC,iBAAiB,EAAE,CAArDC,KAAK,CAAAF,kBAAA,CAALE,KAAK,CAAEC,sBAAsB,CAAAH,kBAAA,CAAtBG,sBAAsB,CAErC,OACEC,GAAA,CAACC,UAAU,EACTC,GAAG,CAAEH,sBAAgC,CACrCI,IAAI,CAAC,OAAO,CACZC,IAAI,CAAEC,SAAU,CAChBC,kBAAkB,CAAC,OAAO,CAC1BC,OAAO,CAAET,KAAM,CAChB,CAAC,CAEN;;;;"}
+{"version":3,"file":"PopoverCloseButton.js","sources":["../../../../../src/components/Popover/PopoverCloseButton.tsx"],"sourcesContent":["import { usePopoverContext } from './PopoverContext';\nimport { IconButton } from '~components/Button/IconButton';\nimport { CloseIcon } from '~components/Icons';\n\nconst PopoverCloseButton = (): React.ReactElement => {\n  const { close, defaultInitialFocusRef } = usePopoverContext();\n\n  return (\n    <IconButton\n      ref={defaultInitialFocusRef as never}\n      size=\"medium\"\n      icon={CloseIcon}\n      accessibilityLabel=\"Close\"\n      onClick={close}\n    />\n  );\n};\n\nexport { PopoverCloseButton };\n"],"names":["PopoverCloseButton","_usePopoverContext","usePopoverContext","close","defaultInitialFocusRef","_jsx","IconButton","ref","size","icon","CloseIcon","accessibilityLabel","onClick"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIM,IAAAA,kBAAkB,CAAG,SAArBA,kBAAkBA,EAA6B,CACnD,IAAAC,kBAAA,CAA0CC,iBAAiB,EAAE,CAArDC,KAAK,CAAAF,kBAAA,CAALE,KAAK,CAAEC,sBAAsB,CAAAH,kBAAA,CAAtBG,sBAAsB,CAErC,OACEC,GAAA,CAACC,UAAU,EACTC,GAAG,CAAEH,sBAAgC,CACrCI,IAAI,CAAC,QAAQ,CACbC,IAAI,CAAEC,SAAU,CAChBC,kBAAkB,CAAC,OAAO,CAC1BC,OAAO,CAAET,KAAM,CAChB,CAAC,CAEN;;;;"}

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

@@ -2,19 +2,25 @@ import React__default from 'react';
 import { PopoverContentWrapper } from './PopoverContentWrapper.native.js';
 import { PopoverCloseButton } from './PopoverCloseButton.js';
 import { usePopoverContext } from './PopoverContext.js';
+import 'react-native';
+import '@babel/runtime/helpers/slicedToArray';
+import { isReactNative } from '../../utils/platform/isReactNative.js';
+import '../../tokens/global/typography.js';
+import '../../tokens/global/motion.js';
+import useTheme from '../BladeProvider/useTheme.js';
 import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
 import '../Typography/Heading/Heading.js';
 import { Text } from '../Typography/Text/Text.js';
 import '../Typography/Code/Code.js';
 import '../Typography/Display/Display.js';
-import 'react-native';
-import '@babel/runtime/helpers/slicedToArray';
-import { isReactNative } from '../../utils/platform/isReactNative.js';
-import '../BladeProvider/useTheme.js';
 import { useIsMobile } from '../../utils/useIsMobile.js';
+import 'styled-components/native';
+import '@gorhom/portal';
+import 'react-native-gesture-handler';
+import '../BottomSheet/BottomSheetStack.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
-var PopoverHeader=function PopoverHeader(_ref){var title=_ref.title,titleLeading=_ref.titleLeading;var _usePopoverContext=usePopoverContext(),titleId=_usePopoverContext.titleId,openInteraction=_usePopoverContext.openInteraction;var showCloseButton=openInteraction==='click';var isFloating=!(title||titleLeading);if(isFloating){if(!showCloseButton){return null;}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,showCloseButton?jsx(BaseBox,{marginLeft:"auto",children:jsx(PopoverCloseButton,{})}):null]});};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,openInteraction=_usePopoverContext.openInteraction;var showCloseButton=openInteraction==='click';var isFloating=!(title||titleLeading);if(isFloating){if(!showCloseButton){return null;}return jsx(BaseBox,{borderRadius:"max",position:"absolute",padding:"spacing.2",top:"spacing.3",right:"spacing.3",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:'medium'}):null,title?jsx(BaseBox,{id:titleId,paddingRight:"spacing.4",children:jsx(Text,{size:"large",weight:"semibold",children:title})}):null,showCloseButton?jsx(BaseBox,{marginLeft:"auto",children:jsx(PopoverCloseButton,{})}):null]});};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();var _useTheme=useTheme(),colorScheme=_useTheme.colorScheme;return jsxs(PopoverContentWrapper,{ref:ref,styles:style,side:side,isVisible:isVisible,isMobile:isMobile,colorScheme:colorScheme,children:[jsxs(BaseBox,{padding:"spacing.5",display:"flex",flexDirection:"column",gap:"spacing.5",children:[jsxs(BaseBox,{display:"flex",flexDirection:"column",gap:"spacing.2",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 { 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 | null => {\n  const { titleId, openInteraction } = usePopoverContext();\n\n  const showCloseButton = openInteraction === 'click';\n  const isFloating = !(title || titleLeading);\n\n  if (isFloating) {\n    if (!showCloseButton) {\n      return null;\n    }\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      {showCloseButton ? (\n        <BaseBox marginLeft=\"auto\">\n          <PopoverCloseButton />\n        </BaseBox>\n      ) : null}\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","openInteraction","showCloseButton","isFloating","_jsx","BaseBox","borderRadius","position","padding","top","right","zIndex","children","PopoverCloseButton","_jsxs","display","flexDirection","flexWrap","isReactNative","alignItems","gap","React","cloneElement","size","id","paddingRight","Text","weight","marginLeft","PopoverContent","forwardRef","_ref2","ref","footer","arrow","side","style","isVisible","isMobile","useIsMobile","PopoverContentWrapper","styles"],"mappings":"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"}
+{"version":3,"file":"PopoverContent.js","sources":["../../../../../src/components/Popover/PopoverContent.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */\nimport React from 'react';\nimport { PopoverContentWrapper } from './PopoverContentWrapper';\nimport type { PopoverContentProps } from './types';\nimport { PopoverCloseButton } from './PopoverCloseButton';\nimport { usePopoverContext } from './PopoverContext';\nimport { isReactNative } from '~utils';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\nimport { useIsMobile } from '~utils/useIsMobile';\nimport { useTheme } from '~components/BladeProvider';\n\ntype PopoverHeaderProps = {\n  title?: string;\n  titleLeading?: React.ReactNode;\n};\n\nconst PopoverHeader = ({ title, titleLeading }: PopoverHeaderProps): React.ReactElement | null => {\n  const { titleId, openInteraction } = usePopoverContext();\n\n  const showCloseButton = openInteraction === 'click';\n  const isFloating = !(title || titleLeading);\n\n  if (isFloating) {\n    if (!showCloseButton) {\n      return null;\n    }\n    return (\n      <BaseBox\n        borderRadius=\"max\"\n        position=\"absolute\"\n        padding=\"spacing.2\"\n        top=\"spacing.3\"\n        right=\"spacing.3\"\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: 'medium' })\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      {showCloseButton ? (\n        <BaseBox marginLeft=\"auto\">\n          <PopoverCloseButton />\n        </BaseBox>\n      ) : null}\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    const { colorScheme } = useTheme();\n    return (\n      <PopoverContentWrapper\n        ref={ref as never}\n        styles={style}\n        side={side}\n        isVisible={isVisible}\n        isMobile={isMobile}\n        colorScheme={colorScheme}\n      >\n        <BaseBox padding=\"spacing.5\" display=\"flex\" flexDirection=\"column\" gap=\"spacing.5\">\n          <BaseBox display=\"flex\" flexDirection=\"column\" gap=\"spacing.2\">\n            <PopoverHeader title={title} titleLeading={titleLeading} />\n            <BaseBox>{children}</BaseBox>\n          </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","openInteraction","showCloseButton","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","_useTheme","useTheme","colorScheme","PopoverContentWrapper","styles"],"mappings":"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"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"PopoverContentWrapper.native.js","sources":["../../../../../src/components/Popover/PopoverContentWrapper.native.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */\nimport type { CSSProperties } from 'react';\nimport styled from 'styled-components/native';\nimport type { EasingFn } from 'react-native-reanimated';\nimport Animated, {\n  useAnimatedStyle,\n  useSharedValue,\n  withDelay,\n  withTiming,\n} from 'react-native-reanimated';\nimport React from 'react';\nimport type { View } from 'react-native';\nimport { getPopoverContentWrapperStyles } from './getPopoverContentWrapperStyles';\nimport type { PopoverContentWrapperProps } from './types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { useTheme } from '~components/BladeProvider';\nimport { size } from '~tokens/global';\nimport { castNativeType } from '~utils';\n\nconst StyledPopoverContentWrapper = styled(BaseBox)<{\n  collapse?: boolean;\n  styles: CSSProperties;\n  isMobile: boolean;\n}>(({ theme, isMobile, styles }) => {\n  return getPopoverContentWrapperStyles({ theme, styles, isMobile });\n});\n\nconst PopoverContentWrapper = React.forwardRef<View, PopoverContentWrapperProps>(\n  ({ children, styles, side, isVisible, ...props }, ref) => {\n    const { theme, platform } = useTheme();\n    const isMobile = platform === 'onMobile';\n\n    const isOppositeAxis = side === 'right' || side === 'bottom';\n    const isHorizontal = side === 'left' || side === 'right';\n    const offset = isOppositeAxis ? -size[4] : size[4];\n\n    const translate = useSharedValue(offset);\n    const opacity = useSharedValue(0);\n\n    const easing = (theme.motion.easing.entrance as unknown) as EasingFn;\n    const duration = theme.motion.duration.quick;\n\n    React.useEffect(() => {\n      const timings = { easing, duration };\n      opacity.value = withDelay(duration, withTiming(isVisible ? 1 : 0, timings));\n      translate.value = withDelay(duration, withTiming(isVisible ? 0 : offset, timings));\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [isVisible]);\n\n    // @ts-expect-error types aren't liking the dynamic object prop `[transform]`\n    const animatedStyles = useAnimatedStyle(() => {\n      const transform = isHorizontal ? 'translateX' : 'translateY';\n      return {\n        opacity: opacity.value,\n        transform: [{ [transform]: translate.value }],\n      };\n    }, [isVisible]);\n\n    return (\n      <Animated.View style={animatedStyles}>\n        <StyledPopoverContentWrapper\n          styles={styles}\n          // Shadow styles need to be passed directly through native style prop\n          // Cannot be done via styled components\n          style={castNativeType(theme.elevation.lowRaised)}\n          elevation={20}\n          ref={ref as never}\n          collapse={false}\n          isMobile={isMobile}\n          // if I don't assert this TS throws error\n          // I think because of the intersection type in PopoverContentWrapperProps\n          {...(props as any)}\n        >\n          {children}\n        </StyledPopoverContentWrapper>\n      </Animated.View>\n    );\n  },\n);\n\nexport { PopoverContentWrapper };\n"],"names":["StyledPopoverContentWrapper","styled","BaseBox","_ref","theme","isMobile","styles","getPopoverContentWrapperStyles","PopoverContentWrapper","React","forwardRef","_ref2","ref","children","side","isVisible","props","_objectWithoutProperties","_excluded","_useTheme","useTheme","platform","isOppositeAxis","isHorizontal","offset","size","translate","useSharedValue","opacity","easing","motion","entrance","duration","quick","useEffect","timings","value","withDelay","withTiming","animatedStyles","useAnimatedStyle","transform","_defineProperty","_jsx","Animated","View","style","Object","assign","castNativeType","elevation","lowRaised","collapse"],"mappings":"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"}
+{"version":3,"file":"PopoverContentWrapper.native.js","sources":["../../../../../src/components/Popover/PopoverContentWrapper.native.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */\nimport type { CSSProperties } from 'react';\nimport styled from 'styled-components/native';\nimport type { EasingFn } from 'react-native-reanimated';\nimport Animated, {\n  useAnimatedStyle,\n  useSharedValue,\n  withDelay,\n  withTiming,\n} from 'react-native-reanimated';\nimport React from 'react';\nimport type { View } from 'react-native';\nimport { getPopoverContentWrapperStyles } from './getPopoverContentWrapperStyles';\nimport type { PopoverContentWrapperProps } from './types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { useTheme } from '~components/BladeProvider';\nimport { size } from '~tokens/global';\nimport type { ColorSchemeNames } from '~tokens/theme';\nimport { castNativeType } from '~utils';\n\nconst StyledPopoverContentWrapper = styled(BaseBox)<{\n  collapse?: boolean;\n  styles: CSSProperties;\n  isMobile: boolean;\n  colorScheme: ColorSchemeNames;\n}>(({ theme, isMobile, styles, colorScheme }) => {\n  return getPopoverContentWrapperStyles({ theme, styles, isMobile, colorScheme });\n});\n\nconst PopoverContentWrapper = React.forwardRef<View, PopoverContentWrapperProps>(\n  ({ children, styles, side, isVisible, colorScheme, ...props }, ref) => {\n    const { theme, platform } = useTheme();\n    const isMobile = platform === 'onMobile';\n\n    const isOppositeAxis = side === 'right' || side === 'bottom';\n    const isHorizontal = side === 'left' || side === 'right';\n    const offset = isOppositeAxis ? -size[4] : size[4];\n\n    const translate = useSharedValue(offset);\n    const opacity = useSharedValue(0);\n\n    const easing = (theme.motion.easing.entrance as unknown) as EasingFn;\n    const duration = theme.motion.duration.quick;\n\n    React.useEffect(() => {\n      const timings = { easing, duration };\n      opacity.value = withDelay(duration, withTiming(isVisible ? 1 : 0, timings));\n      translate.value = withDelay(duration, withTiming(isVisible ? 0 : offset, timings));\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [isVisible]);\n\n    // @ts-expect-error types aren't liking the dynamic object prop `[transform]`\n    const animatedStyles = useAnimatedStyle(() => {\n      const transform = isHorizontal ? 'translateX' : 'translateY';\n      return {\n        opacity: opacity.value,\n        transform: [{ [transform]: translate.value }],\n      };\n    }, [isVisible]);\n\n    return (\n      <Animated.View style={animatedStyles}>\n        <StyledPopoverContentWrapper\n          styles={styles}\n          // Shadow styles need to be passed directly through native style prop\n          // Cannot be done via styled components\n          style={castNativeType(theme.elevation.lowRaised)}\n          elevation={20}\n          ref={ref as never}\n          collapse={false}\n          isMobile={isMobile}\n          colorScheme={colorScheme}\n          // if I don't assert this TS throws error\n          // I think because of the intersection type in PopoverContentWrapperProps\n          {...(props as any)}\n        >\n          {children}\n        </StyledPopoverContentWrapper>\n      </Animated.View>\n    );\n  },\n);\n\nexport { PopoverContentWrapper };\n"],"names":["StyledPopoverContentWrapper","styled","BaseBox","_ref","theme","isMobile","styles","colorScheme","getPopoverContentWrapperStyles","PopoverContentWrapper","React","forwardRef","_ref2","ref","children","side","isVisible","props","_objectWithoutProperties","_excluded","_useTheme","useTheme","platform","isOppositeAxis","isHorizontal","offset","size","translate","useSharedValue","opacity","easing","motion","entrance","duration","quick","useEffect","timings","value","withDelay","withTiming","animatedStyles","useAnimatedStyle","transform","_defineProperty","_jsx","Animated","View","style","Object","assign","castNativeType","elevation","lowRaised","collapse"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-var ARROW_WIDTH=14;var ARROW_HEIGHT=7;
+var ARROW_WIDTH=22;var ARROW_HEIGHT=12;
 
 export { ARROW_HEIGHT, ARROW_WIDTH };
 //# sourceMappingURL=constants.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../../src/components/Popover/constants.ts"],"sourcesContent":["export const ARROW_WIDTH = 14;\nexport const ARROW_HEIGHT = 7;\n"],"names":["ARROW_WIDTH","ARROW_HEIGHT"],"mappings":"AAAa,IAAAA,WAAW,CAAG,GACd,IAAAC,YAAY,CAAG;;;;"}
+{"version":3,"file":"constants.js","sources":["../../../../../src/components/Popover/constants.ts"],"sourcesContent":["export const ARROW_WIDTH = 22;\nexport const ARROW_HEIGHT = 12;\n"],"names":["ARROW_WIDTH","ARROW_HEIGHT"],"mappings":"AAAa,IAAAA,WAAW,CAAG,GACd,IAAAC,YAAY,CAAG;;;;"}