@razorpay/blade 11.3.1 → 11.5.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';\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} & 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.effective',\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    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    ...styledProps\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      disabled={disabled}\n      type={type}\n      cursor={cursor}\n      focusRingColor={focusRingColor}\n      motionDuration={motionDuration}\n      motionEasing={motionEasing}\n      setCurrentInteraction={setCurrentInteraction}\n      {...getStyledProps(styledProps)}\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      >\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","accessibilityProps","className","style","_ref3$size","testID","hitSlop","htmlTitle","onBlur","onFocus","onMouseLeave","onMouseMove","onPointerDown","onPointerEnter","onTouchStart","onTouchEnd","styledProps","_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","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 } 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';\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.effective',\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    ...styledProps\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      disabled={disabled}\n      type={type}\n      cursor={cursor}\n      focusRingColor={focusRingColor}\n      motionDuration={motionDuration}\n      motionEasing={motionEasing}\n      setCurrentInteraction={setCurrentInteraction}\n      {...getStyledProps(styledProps)}\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","styledProps","_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","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/Popover/Popover.native.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"Popover.native.js","sources":["../../../../../src/components/Popover/Popover.native.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/restrict-plus-operands */\nimport { arrow, shift, useFloating, flip, offset } from '@floating-ui/react-native';\nimport React from 'react';\nimport { Modal, TouchableOpacity } from 'react-native';\nimport { PopoverContent } from './PopoverContent';\nimport type { PopoverProps } from './types';\nimport { ARROW_HEIGHT, ARROW_WIDTH, popoverZIndex } from './constants';\nimport { PopoverContext } from './PopoverContext';\nimport { useTheme } from '~components/BladeProvider';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { mergeProps } from '~utils/mergeProps';\nimport { useControllableState } from '~utils/useControllable';\nimport { PopupArrow } from '~components/PopupArrow';\nimport { getFloatingPlacementParts } from '~utils/getFloatingPlacementParts';\n\nconst Popover = ({\n  content,\n  children,\n  placement = 'top',\n  onOpenChange,\n  zIndex = popoverZIndex,\n  title,\n  titleLeading,\n  footer,\n  isOpen,\n  defaultIsOpen,\n}: PopoverProps): React.ReactElement => {\n  const { theme } = useTheme();\n  const defaultInitialFocusRef = React.useRef(null);\n  const [controllableIsOpen, controllableSetIsOpen] = useControllableState({\n    value: isOpen,\n    defaultValue: defaultIsOpen,\n    onChange: (isOpen) => onOpenChange?.({ isOpen }),\n  });\n\n  const gap = theme.spacing[2];\n  const [side] = getFloatingPlacementParts(placement);\n  const isHorizontal = side === 'left' || side === 'right';\n  const arrowRef = React.useRef();\n  const context = useFloating({\n    sameScrollView: false,\n    placement,\n    middleware: [\n      shift({ crossAxis: false, padding: gap }),\n      flip({ padding: gap, fallbackAxisSideDirection: 'start' }),\n      offset(gap + ARROW_HEIGHT),\n      arrow({\n        element: arrowRef,\n        padding: isHorizontal ? 0 : ARROW_WIDTH,\n      }),\n    ],\n  });\n\n  const { refs, floatingStyles } = context;\n  const [computedSide] = getFloatingPlacementParts(context.placement);\n\n  const handleOpen = React.useCallback(() => {\n    controllableSetIsOpen(() => true);\n    onOpenChange?.({ isOpen: true });\n  }, [controllableSetIsOpen, onOpenChange]);\n\n  const handleClose = React.useCallback(() => {\n    controllableSetIsOpen(() => false);\n    onOpenChange?.({ isOpen: false });\n  }, [controllableSetIsOpen, onOpenChange]);\n\n  // wait for animation to finish before unmounting modal\n  const [isVisible, setIsVisible] = React.useState(() => controllableIsOpen);\n  React.useEffect(() => {\n    const id = setTimeout(() => {\n      if (!controllableIsOpen) {\n        setIsVisible(false);\n      }\n    }, theme.motion.duration.gentle);\n\n    if (controllableIsOpen) {\n      setIsVisible(true);\n    }\n    return () => clearTimeout(id);\n  }, [controllableIsOpen]);\n\n  const contextValue = React.useMemo(() => {\n    return {\n      close: handleClose,\n      defaultInitialFocusRef,\n      titleId: undefined,\n    };\n  }, [handleClose]);\n\n  return (\n    <PopoverContext.Provider value={contextValue}>\n      {/* Cloning the trigger children to enhance it with ref and event handler */}\n      {React.cloneElement(children, {\n        ...mergeProps(\n          {\n            onTouchEnd: children.props.onTouchEnd,\n          },\n          { onTouchEnd: handleOpen },\n        ),\n        ref: refs.setReference,\n      })}\n      <Modal\n        collapsable={false}\n        transparent\n        visible={Boolean(isVisible)}\n        {...metaAttribute({ testID: 'popover-modal' })}\n      >\n        <TouchableOpacity\n          style={{\n            position: 'absolute',\n            top: 0,\n            bottom: 0,\n            left: 0,\n            right: 0,\n          }}\n          onPress={handleClose}\n          activeOpacity={1}\n          testID=\"popover-modal-backdrop\"\n          {...metaAttribute({ name: MetaConstants.Popover })}\n        />\n        <PopoverContent\n          titleLeading={titleLeading}\n          title={title}\n          footer={footer}\n          isVisible={controllableIsOpen}\n          ref={refs.setFloating}\n          side={computedSide}\n          style={{\n            ...floatingStyles,\n            // TODO: Tokenize zIndex values\n            zIndex,\n          }}\n          arrow={\n            <PopupArrow\n              ref={arrowRef as never}\n              context={context}\n              width={ARROW_WIDTH}\n              height={ARROW_HEIGHT}\n              fillColor={theme.colors.popup.background.subtle}\n              strokeColor={theme.colors.popup.border.subtle}\n            />\n          }\n        >\n          {content}\n        </PopoverContent>\n      </Modal>\n    </PopoverContext.Provider>\n  );\n};\n\nexport { Popover };\n"],"names":["Popover","_ref","content","children","_ref$placement","placement","onOpenChange","_ref$zIndex","zIndex","popoverZIndex","title","titleLeading","footer","isOpen","defaultIsOpen","_useTheme","useTheme","theme","defaultInitialFocusRef","React","useRef","_useControllableState","useControllableState","value","defaultValue","onChange","_useControllableState2","_slicedToArray","controllableIsOpen","controllableSetIsOpen","gap","spacing","_getFloatingPlacement","getFloatingPlacementParts","_getFloatingPlacement2","side","isHorizontal","arrowRef","context","useFloating","sameScrollView","middleware","shift","crossAxis","padding","flip","fallbackAxisSideDirection","offset","ARROW_HEIGHT","arrow","element","ARROW_WIDTH","refs","floatingStyles","_getFloatingPlacement3","_getFloatingPlacement4","computedSide","handleOpen","useCallback","handleClose","_React$useState","useState","_React$useState2","isVisible","setIsVisible","useEffect","id","setTimeout","motion","duration","gentle","clearTimeout","contextValue","useMemo","close","titleId","undefined","_jsxs","PopoverContext","Provider","cloneElement","Object","assign","mergeProps","onTouchEnd","props","ref","setReference","Modal","collapsable","transparent","visible","Boolean","metaAttribute","testID","_jsx","TouchableOpacity","style","position","top","bottom","left","right","onPress","activeOpacity","name","MetaConstants","PopoverContent","setFloating","PopupArrow","width","height","fillColor","colors","popup","background","subtle","strokeColor","border"],"mappings":";;;;;;;;;;;;;;;;;;;;AAeM,IAAAA,OAAO,CAAG,SAAVA,OAAOA,CAAAC,IAAA,CAW2B,KAVtCC,OAAO,CAAAD,IAAA,CAAPC,OAAO,CACPC,QAAQ,CAAAF,IAAA,CAARE,QAAQ,CAAAC,cAAA,CAAAH,IAAA,CACRI,SAAS,CAATA,SAAS,CAAAD,cAAA,UAAG,KAAK,CAAAA,cAAA,CACjBE,YAAY,CAAAL,IAAA,CAAZK,YAAY,CAAAC,WAAA,CAAAN,IAAA,CACZO,MAAM,CAANA,MAAM,CAAAD,WAAA,GAAA,KAAA,CAAA,CAAGE,aAAa,CAAAF,WAAA,CACtBG,KAAK,CAAAT,IAAA,CAALS,KAAK,CACLC,YAAY,CAAAV,IAAA,CAAZU,YAAY,CACZC,MAAM,CAAAX,IAAA,CAANW,MAAM,CACNC,MAAM,CAAAZ,IAAA,CAANY,MAAM,CACNC,aAAa,CAAAb,IAAA,CAAba,aAAa,CAEb,IAAAC,SAAA,CAAkBC,QAAQ,EAAE,CAApBC,KAAK,CAAAF,SAAA,CAALE,KAAK,CACb,IAAMC,sBAAsB,CAAGC,cAAK,CAACC,MAAM,CAAC,IAAI,CAAC,CACjD,IAAAC,qBAAA,CAAoDC,oBAAoB,CAAC,CACvEC,KAAK,CAAEV,MAAM,CACbW,YAAY,CAAEV,aAAa,CAC3BW,QAAQ,CAAE,SAAAA,SAACZ,MAAM,CAAA,CAAA,OAAKP,YAAY,EAAZA,IAAAA,CAAAA,KAAAA,CAAAA,CAAAA,YAAY,CAAG,CAAEO,MAAM,CAANA,MAAO,CAAC,CAAC,CAClD,CAAA,CAAC,CAAC,CAAAa,sBAAA,CAAAC,cAAA,CAAAN,qBAAA,CAJKO,CAAAA,CAAAA,CAAAA,kBAAkB,CAAAF,sBAAA,CAAA,CAAA,CAAA,CAAEG,qBAAqB,CAAAH,sBAAA,CAAA,CAAA,CAAA,CAMhD,IAAMI,GAAG,CAAGb,KAAK,CAACc,OAAO,CAAC,CAAC,CAAC,CAC5B,IAAAC,qBAAA,CAAeC,yBAAyB,CAAC5B,SAAS,CAAC,CAAA6B,sBAAA,CAAAP,cAAA,CAAAK,qBAAA,CAA5CG,CAAAA,CAAAA,CAAAA,IAAI,CAAAD,sBAAA,CAAA,CAAA,CAAA,CACX,IAAME,YAAY,CAAGD,IAAI,GAAK,MAAM,EAAIA,IAAI,GAAK,OAAO,CACxD,IAAME,QAAQ,CAAGlB,cAAK,CAACC,MAAM,EAAE,CAC/B,IAAMkB,OAAO,CAAGC,WAAW,CAAC,CAC1BC,cAAc,CAAE,KAAK,CACrBnC,SAAS,CAATA,SAAS,CACToC,UAAU,CAAE,CACVC,KAAK,CAAC,CAAEC,SAAS,CAAE,KAAK,CAAEC,OAAO,CAAEd,GAAI,CAAC,CAAC,CACzCe,IAAI,CAAC,CAAED,OAAO,CAAEd,GAAG,CAAEgB,yBAAyB,CAAE,OAAQ,CAAC,CAAC,CAC1DC,MAAM,CAACjB,GAAG,CAAGkB,YAAY,CAAC,CAC1BC,KAAK,CAAC,CACJC,OAAO,CAAEb,QAAQ,CACjBO,OAAO,CAAER,YAAY,CAAG,CAAC,CAAGe,WAC9B,CAAC,CAAC,CAEN,CAAC,CAAC,CAEF,IAAQC,IAAI,CAAqBd,OAAO,CAAhCc,IAAI,CAAEC,cAAc,CAAKf,OAAO,CAA1Be,cAAc,CAC5B,IAAAC,sBAAA,CAAuBrB,yBAAyB,CAACK,OAAO,CAACjC,SAAS,CAAC,CAAAkD,sBAAA,CAAA5B,cAAA,CAAA2B,sBAAA,CAA5DE,CAAAA,CAAAA,CAAAA,YAAY,CAAAD,sBAAA,IAEnB,IAAME,UAAU,CAAGtC,cAAK,CAACuC,WAAW,CAAC,UAAM,CACzC7B,qBAAqB,CAAC,kBAAU,IAAA,CAAA,CAAA,CAAC,CACjCvB,YAAY,EAAA,IAAA,CAAA,KAAA,CAAA,CAAZA,YAAY,CAAG,CAAEO,MAAM,CAAE,IAAK,CAAC,CAAC,CAClC,CAAC,CAAE,CAACgB,qBAAqB,CAAEvB,YAAY,CAAC,CAAC,CAEzC,IAAMqD,WAAW,CAAGxC,cAAK,CAACuC,WAAW,CAAC,UAAM,CAC1C7B,qBAAqB,CAAC,UAAM,CAAA,OAAA,KAAK,GAAC,CAClCvB,YAAY,cAAZA,YAAY,CAAG,CAAEO,MAAM,CAAE,KAAM,CAAC,CAAC,CACnC,CAAC,CAAE,CAACgB,qBAAqB,CAAEvB,YAAY,CAAC,CAAC,CAGzC,IAAAsD,eAAA,CAAkCzC,cAAK,CAAC0C,QAAQ,CAAC,kBAAMjC,kBAAkB,GAAC,CAAAkC,gBAAA,CAAAnC,cAAA,CAAAiC,eAAA,IAAnEG,SAAS,CAAAD,gBAAA,CAAEE,CAAAA,CAAAA,CAAAA,YAAY,CAAAF,gBAAA,CAAA,CAAA,CAAA,CAC9B3C,cAAK,CAAC8C,SAAS,CAAC,UAAM,CACpB,IAAMC,EAAE,CAAGC,UAAU,CAAC,UAAM,CAC1B,GAAI,CAACvC,kBAAkB,CAAE,CACvBoC,YAAY,CAAC,KAAK,CAAC,CACrB,CACF,CAAC,CAAE/C,KAAK,CAACmD,MAAM,CAACC,QAAQ,CAACC,MAAM,CAAC,CAEhC,GAAI1C,kBAAkB,CAAE,CACtBoC,YAAY,CAAC,IAAI,CAAC,CACpB,CACA,OAAO,UAAA,CAAA,OAAMO,YAAY,CAACL,EAAE,CAAC,CAC/B,CAAA,CAAA,CAAC,CAAE,CAACtC,kBAAkB,CAAC,CAAC,CAExB,IAAM4C,YAAY,CAAGrD,cAAK,CAACsD,OAAO,CAAC,UAAM,CACvC,OAAO,CACLC,KAAK,CAAEf,WAAW,CAClBzC,sBAAsB,CAAtBA,sBAAsB,CACtByD,OAAO,CAAEC,SACX,CAAC,CACH,CAAC,CAAE,CAACjB,WAAW,CAAC,CAAC,CAEjB,OACEkB,IAAA,CAACC,cAAc,CAACC,QAAQ,EAACxD,KAAK,CAAEiD,YAAa,CAAArE,QAAA,CAAA,CAE1CgB,cAAK,CAAC6D,YAAY,CAAC7E,QAAQ,CAAA8E,MAAA,CAAAC,MAAA,CACvBC,EAAAA,CAAAA,UAAU,CACX,CACEC,UAAU,CAAEjF,QAAQ,CAACkF,KAAK,CAACD,UAC7B,CAAC,CACD,CAAEA,UAAU,CAAE3B,UAAW,CAC3B,CAAC,CAAA,CACD6B,GAAG,CAAElC,IAAI,CAACmC,YAAY,CAAA,CACvB,CAAC,CACFV,IAAA,CAACW,KAAK,CAAAP,MAAA,CAAAC,MAAA,EACJO,WAAW,CAAE,KAAM,CACnBC,WAAW,CAAA,IAAA,CACXC,OAAO,CAAEC,OAAO,CAAC7B,SAAS,CAAE,EACxB8B,aAAa,CAAC,CAAEC,MAAM,CAAE,eAAgB,CAAC,CAAC,CAAA,CAAA3F,QAAA,CAE9C4F,CAAAA,GAAA,CAACC,gBAAgB,CAAAf,MAAA,CAAAC,MAAA,CAAA,CACfe,KAAK,CAAE,CACLC,QAAQ,CAAE,UAAU,CACpBC,GAAG,CAAE,CAAC,CACNC,MAAM,CAAE,CAAC,CACTC,IAAI,CAAE,CAAC,CACPC,KAAK,CAAE,CACT,CAAE,CACFC,OAAO,CAAE5C,WAAY,CACrB6C,aAAa,CAAE,CAAE,CACjBV,MAAM,CAAC,wBAAwB,CAC3BD,CAAAA,aAAa,CAAC,CAAEY,IAAI,CAAEC,aAAa,CAAC1G,OAAQ,CAAC,CAAC,CACnD,CAAC,CACF+F,GAAA,CAACY,cAAc,EACbhG,YAAY,CAAEA,YAAa,CAC3BD,KAAK,CAAEA,KAAM,CACbE,MAAM,CAAEA,MAAO,CACfmD,SAAS,CAAEnC,kBAAmB,CAC9B0D,GAAG,CAAElC,IAAI,CAACwD,WAAY,CACtBzE,IAAI,CAAEqB,YAAa,CACnByC,KAAK,CAAAhB,MAAA,CAAAC,MAAA,CACA7B,EAAAA,CAAAA,cAAc,CAEjB7C,CAAAA,MAAM,CAANA,MAAM,EACN,CACFyC,KAAK,CACH8C,GAAA,CAACc,UAAU,CACTvB,CAAAA,GAAG,CAAEjD,QAAkB,CACvBC,OAAO,CAAEA,OAAQ,CACjBwE,KAAK,CAAE3D,WAAY,CACnB4D,MAAM,CAAE/D,YAAa,CACrBgE,SAAS,CAAE/F,KAAK,CAACgG,MAAM,CAACC,KAAK,CAACC,UAAU,CAACC,MAAO,CAChDC,WAAW,CAAEpG,KAAK,CAACgG,MAAM,CAACC,KAAK,CAACI,MAAM,CAACF,MAAO,CAC/C,CACF,CAAAjH,QAAA,CAEAD,OAAO,CACM,CAAC,GACZ,CAAC,CAAA,CACe,CAAC,CAE9B;;;;"}
+{"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    };\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","_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/constants.js

@@ -1,4 +1,4 @@
-var ARROW_WIDTH=14;var ARROW_HEIGHT=7;var popoverZIndex=1100;
+var ARROW_WIDTH=14;var ARROW_HEIGHT=7;
 
-export { ARROW_HEIGHT, ARROW_WIDTH, popoverZIndex };
+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;\nexport const popoverZIndex = 1100;\n"],"names":["ARROW_WIDTH","ARROW_HEIGHT","popoverZIndex"],"mappings":"AAAa,IAAAA,WAAW,CAAG,GACd,IAAAC,YAAY,CAAG,EACf,IAAAC,aAAa,CAAG;;;;"}
+{"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;;;;"}

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

@@ -27,7 +27,7 @@ import '../Typography/Code/Code.js';
 import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
 import { useIsMobile } from '../../utils/useIsMobile.js';
 
-var _excluded=["size","icon","onDismiss","children","isDisabled","testID","_isVirtuallyFocused","_isTagInsideInput"];var FocussableTag=styled(BaseBox)(function(props){if(props._isVirtuallyFocused&&!isReactNative()){return {outline:`${makeSize(size['1'])} solid ${props.theme.colors.surface.background.gray.subtle}`,boxShadow:`0px 0px 0px 4px ${props.theme.colors.interactive.background.primary.faded}`};}return {};});var Tag=function Tag(_ref){var _ref$size=_ref.size,size$1=_ref$size===void 0?'medium':_ref$size,Icon=_ref.icon,onDismiss=_ref.onDismiss,children=_ref.children,isDisabled=_ref.isDisabled,testID=_ref.testID,_isVirtuallyFocused=_ref._isVirtuallyFocused,_isTagInsideInput=_ref._isTagInsideInput,styledProps=_objectWithoutProperties(_ref,_excluded);var isMobile=useIsMobile();var textColor=isDisabled?'interactive.text.gray.disabled':'interactive.text.gray.subtle';var iconColor=isDisabled?'interactive.icon.gray.disabled':'interactive.icon.gray.muted';var backgroundColor=isDisabled?'interactive.background.gray.disabled':'interactive.background.gray.default';var mediumPadding={base:['spacing.2','spacing.3','spacing.2','spacing.4'],m:['spacing.1','spacing.2','spacing.1','spacing.3']};var largePadding={base:['spacing.2','spacing.3','spacing.2','spacing.4'],m:['spacing.2','spacing.3','spacing.2','spacing.4']};var assetSize=React__default.useMemo(function(){if(isMobile&&size$1==='large'){return 'medium';}return 'small';},[isMobile,size$1]);return jsx(BaseBox,Object.assign({display:isReactNative()?'flex':'inline-flex'},getStyledProps(styledProps),metaAttribute({name:MetaConstants.Tag,testID:testID}),{children:jsxs(FocussableTag,{display:isReactNative()?'flex':'inline-flex',alignSelf:isReactNative()?'center':undefined,flexDirection:"row",flexWrap:"nowrap",backgroundColor:backgroundColor,borderRadius:"max",padding:size$1==='medium'?mediumPadding:largePadding,_isVirtuallyFocused:_isVirtuallyFocused,children:[Icon?jsx(Box,{display:"flex",flexDirection:"row",alignItems:"center",children:jsx(Icon,{color:iconColor,size:assetSize,marginRight:"spacing.2"})}):null,jsx(Box,{display:"flex",flexDirection:"row",alignItems:"center",maxWidth:makeSize(size['100']),children:jsx(Text,{truncateAfterLines:1,marginRight:"spacing.2",color:textColor,size:assetSize,children:children})}),jsx(Box,{display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"center",children:jsx(IconButton,{size:assetSize,icon:CloseIcon,accessibilityLabel:`Close ${children} tag`,isDisabled:isDisabled,_tabIndex:_isTagInsideInput?-1:undefined,onClick:function onClick(e){if(_isTagInsideInput){e.stopPropagation();}onDismiss();}})})]})}));};
+var _excluded=["size","icon","onDismiss","children","isDisabled","testID","_isVirtuallyFocused","_isTagInsideInput"];var FocussableTag=styled(BaseBox)(function(props){if(props._isVirtuallyFocused&&!isReactNative()){return {outline:`${makeSize(size['1'])} solid ${props.theme.colors.surface.background.gray.subtle}`,boxShadow:`0px 0px 0px 4px ${props.theme.colors.interactive.background.primary.faded}`};}return {};});var Tag=function Tag(_ref){var _ref$size=_ref.size,size$1=_ref$size===void 0?'medium':_ref$size,Icon=_ref.icon,onDismiss=_ref.onDismiss,children=_ref.children,isDisabled=_ref.isDisabled,testID=_ref.testID,_isVirtuallyFocused=_ref._isVirtuallyFocused,_isTagInsideInput=_ref._isTagInsideInput,styledProps=_objectWithoutProperties(_ref,_excluded);var isMobile=useIsMobile();var textColor=isDisabled?'interactive.text.gray.disabled':'interactive.text.gray.subtle';var iconColor=isDisabled?'interactive.icon.gray.disabled':'interactive.icon.gray.muted';var backgroundColor=isDisabled?'interactive.background.gray.disabled':'interactive.background.gray.default';var mediumPadding={base:['spacing.2','spacing.3','spacing.2','spacing.4'],m:['spacing.1','spacing.2','spacing.1','spacing.3']};var largePadding={base:['spacing.2','spacing.3','spacing.2','spacing.4'],m:['spacing.2','spacing.3','spacing.2','spacing.4']};var assetSize=React__default.useMemo(function(){if(isMobile&&size$1==='large'){return 'medium';}return 'small';},[isMobile,size$1]);return jsx(BaseBox,Object.assign({display:isReactNative()?'flex':'inline-flex'},getStyledProps(styledProps),metaAttribute({name:MetaConstants.Tag,testID:testID}),{children:jsxs(FocussableTag,{display:isReactNative()?'flex':'inline-flex',alignSelf:isReactNative()?'center':undefined,flexDirection:"row",flexWrap:"nowrap",flexShrink:0,backgroundColor:backgroundColor,borderRadius:"max",padding:size$1==='medium'?mediumPadding:largePadding,_isVirtuallyFocused:_isVirtuallyFocused,children:[Icon?jsx(Box,{display:"flex",flexDirection:"row",alignItems:"center",children:jsx(Icon,{color:iconColor,size:assetSize,marginRight:"spacing.2"})}):null,jsx(Box,{display:"flex",flexDirection:"row",alignItems:"center",maxWidth:makeSize(size['100']),children:jsx(Text,{truncateAfterLines:1,marginRight:"spacing.2",color:textColor,size:assetSize,children:children})}),jsx(Box,{display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"center",children:jsx(IconButton,{size:assetSize,icon:CloseIcon,accessibilityLabel:`Close ${children} tag`,isDisabled:isDisabled,_tabIndex:_isTagInsideInput?-1:undefined,onClick:function onClick(e){if(_isTagInsideInput){e.stopPropagation();}onDismiss();}})})]})}));};
 
 export { Tag };
 //# sourceMappingURL=Tag.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Tag.js","sources":["../../../../../src/components/Tag/Tag.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport type { TagProps } from './types';\nimport { Box } from '~components/Box';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { IconButton } from '~components/Button/IconButton';\nimport { CloseIcon } from '~components/Icons';\nimport { Text } from '~components/Typography';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { isReactNative, makeSize } from '~utils';\nimport { size as globalSizeTokens } from '~tokens/global';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { PaddingProps } from '~components/Box/BaseBox/types/spacingTypes';\nimport { useIsMobile } from '~utils/useIsMobile';\n\nconst FocussableTag = styled(BaseBox)<{ _isVirtuallyFocused: TagProps['_isVirtuallyFocused'] }>(\n  (props) => {\n    if (props._isVirtuallyFocused && !isReactNative()) {\n      return {\n        outline: `${makeSize(globalSizeTokens['1'])} solid ${\n          props.theme.colors.surface.background.gray.subtle\n        }`,\n        boxShadow: `0px 0px 0px 4px ${props.theme.colors.interactive.background.primary.faded}`,\n      };\n    }\n\n    return {};\n  },\n);\n\n/**\n * ## Tags\n *\n * Tag component can be used to display selected items on UI.\n *\n * ### Usage\n *\n * ***Note:*** _Make sure to handle state when using Tag_\n *\n * ```jsx\n * const [showTag, setShowTag] = React.useState(true);\n *\n * // ...\n *\n * {showTag && (\n *  <Tag\n *    icon={CheckIcon}\n *    onDismiss={() => setShowTag(false)}\n *  >\n *    Transactions\n *  </Tag>\n * )}\n * ```\n *\n * Checkout [Tags Documentation](https://blade.razorpay.com/?path=/story/components-tag--default) for more info.\n *\n */\nconst Tag = ({\n  size = 'medium',\n  icon: Icon,\n  onDismiss,\n  children,\n  isDisabled,\n  testID,\n  _isVirtuallyFocused,\n  _isTagInsideInput,\n  ...styledProps\n}: TagProps): React.ReactElement | null => {\n  const isMobile = useIsMobile();\n\n  const textColor = isDisabled ? 'interactive.text.gray.disabled' : 'interactive.text.gray.subtle';\n  const iconColor = isDisabled ? 'interactive.icon.gray.disabled' : 'interactive.icon.gray.muted';\n  const backgroundColor = isDisabled\n    ? 'interactive.background.gray.disabled'\n    : 'interactive.background.gray.default';\n\n  const mediumPadding: PaddingProps['padding'] = {\n    base: ['spacing.2', 'spacing.3', 'spacing.2', 'spacing.4'],\n    m: ['spacing.1', 'spacing.2', 'spacing.1', 'spacing.3'],\n  };\n\n  const largePadding: PaddingProps['padding'] = {\n    base: ['spacing.2', 'spacing.3', 'spacing.2', 'spacing.4'],\n    m: ['spacing.2', 'spacing.3', 'spacing.2', 'spacing.4'],\n  };\n\n  const assetSize = React.useMemo((): 'small' | 'medium' => {\n    if (isMobile && size === 'large') {\n      return 'medium';\n    }\n\n    return 'small';\n  }, [isMobile, size]);\n\n  return (\n    <BaseBox\n      display={(isReactNative() ? 'flex' : 'inline-flex') as never}\n      {...getStyledProps(styledProps)}\n      {...metaAttribute({ name: MetaConstants.Tag, testID })}\n    >\n      <FocussableTag\n        display={(isReactNative() ? 'flex' : 'inline-flex') as never}\n        alignSelf={isReactNative() ? 'center' : undefined}\n        flexDirection=\"row\"\n        flexWrap=\"nowrap\"\n        backgroundColor={backgroundColor}\n        borderRadius=\"max\"\n        padding={size === 'medium' ? mediumPadding : largePadding}\n        _isVirtuallyFocused={_isVirtuallyFocused}\n      >\n        {/* Leading Icon */}\n        {Icon ? (\n          <Box display=\"flex\" flexDirection=\"row\" alignItems=\"center\">\n            <Icon color={iconColor} size={assetSize} marginRight=\"spacing.2\" />\n          </Box>\n        ) : null}\n\n        {/* Tag Text */}\n        <Box\n          display=\"flex\"\n          flexDirection=\"row\"\n          alignItems=\"center\"\n          maxWidth={makeSize(globalSizeTokens['100'])}\n        >\n          <Text truncateAfterLines={1} marginRight=\"spacing.2\" color={textColor} size={assetSize}>\n            {children}\n          </Text>\n        </Box>\n\n        {/* Dismiss Icon */}\n        <Box display=\"flex\" flexDirection=\"row\" alignItems=\"center\" justifyContent=\"center\">\n          <IconButton\n            size={assetSize}\n            icon={CloseIcon}\n            accessibilityLabel={`Close ${children} tag`}\n            isDisabled={isDisabled}\n            _tabIndex={_isTagInsideInput ? -1 : undefined}\n            onClick={(e) => {\n              // Inside tag input, we stop propagation to avoid opening dropdown on click of close on tag\n              if (_isTagInsideInput) {\n                e.stopPropagation();\n              }\n              onDismiss();\n            }}\n          />\n        </Box>\n      </FocussableTag>\n    </BaseBox>\n  );\n};\n\nexport { Tag };\n"],"names":["FocussableTag","styled","BaseBox","props","_isVirtuallyFocused","isReactNative","outline","makeSize","globalSizeTokens","theme","colors","surface","background","gray","subtle","boxShadow","interactive","primary","faded","Tag","_ref","_ref$size","size","Icon","icon","onDismiss","children","isDisabled","testID","_isTagInsideInput","styledProps","_objectWithoutProperties","_excluded","isMobile","useIsMobile","textColor","iconColor","backgroundColor","mediumPadding","base","m","largePadding","assetSize","React","useMemo","_jsx","Object","assign","display","getStyledProps","metaAttribute","name","MetaConstants","_jsxs","alignSelf","undefined","flexDirection","flexWrap","borderRadius","padding","Box","alignItems","color","marginRight","maxWidth","Text","truncateAfterLines","justifyContent","IconButton","CloseIcon","accessibilityLabel","_tabIndex","onClick","e","stopPropagation"],"mappings":"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"}
+{"version":3,"file":"Tag.js","sources":["../../../../../src/components/Tag/Tag.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport type { TagProps } from './types';\nimport { Box } from '~components/Box';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { IconButton } from '~components/Button/IconButton';\nimport { CloseIcon } from '~components/Icons';\nimport { Text } from '~components/Typography';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { isReactNative, makeSize } from '~utils';\nimport { size as globalSizeTokens } from '~tokens/global';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { PaddingProps } from '~components/Box/BaseBox/types/spacingTypes';\nimport { useIsMobile } from '~utils/useIsMobile';\n\nconst FocussableTag = styled(BaseBox)<{ _isVirtuallyFocused: TagProps['_isVirtuallyFocused'] }>(\n  (props) => {\n    if (props._isVirtuallyFocused && !isReactNative()) {\n      return {\n        outline: `${makeSize(globalSizeTokens['1'])} solid ${\n          props.theme.colors.surface.background.gray.subtle\n        }`,\n        boxShadow: `0px 0px 0px 4px ${props.theme.colors.interactive.background.primary.faded}`,\n      };\n    }\n\n    return {};\n  },\n);\n\n/**\n * ## Tags\n *\n * Tag component can be used to display selected items on UI.\n *\n * ### Usage\n *\n * ***Note:*** _Make sure to handle state when using Tag_\n *\n * ```jsx\n * const [showTag, setShowTag] = React.useState(true);\n *\n * // ...\n *\n * {showTag && (\n *  <Tag\n *    icon={CheckIcon}\n *    onDismiss={() => setShowTag(false)}\n *  >\n *    Transactions\n *  </Tag>\n * )}\n * ```\n *\n * Checkout [Tags Documentation](https://blade.razorpay.com/?path=/story/components-tag--default) for more info.\n *\n */\nconst Tag = ({\n  size = 'medium',\n  icon: Icon,\n  onDismiss,\n  children,\n  isDisabled,\n  testID,\n  _isVirtuallyFocused,\n  _isTagInsideInput,\n  ...styledProps\n}: TagProps): React.ReactElement | null => {\n  const isMobile = useIsMobile();\n\n  const textColor = isDisabled ? 'interactive.text.gray.disabled' : 'interactive.text.gray.subtle';\n  const iconColor = isDisabled ? 'interactive.icon.gray.disabled' : 'interactive.icon.gray.muted';\n  const backgroundColor = isDisabled\n    ? 'interactive.background.gray.disabled'\n    : 'interactive.background.gray.default';\n\n  const mediumPadding: PaddingProps['padding'] = {\n    base: ['spacing.2', 'spacing.3', 'spacing.2', 'spacing.4'],\n    m: ['spacing.1', 'spacing.2', 'spacing.1', 'spacing.3'],\n  };\n\n  const largePadding: PaddingProps['padding'] = {\n    base: ['spacing.2', 'spacing.3', 'spacing.2', 'spacing.4'],\n    m: ['spacing.2', 'spacing.3', 'spacing.2', 'spacing.4'],\n  };\n\n  const assetSize = React.useMemo((): 'small' | 'medium' => {\n    if (isMobile && size === 'large') {\n      return 'medium';\n    }\n\n    return 'small';\n  }, [isMobile, size]);\n\n  return (\n    <BaseBox\n      display={(isReactNative() ? 'flex' : 'inline-flex') as never}\n      {...getStyledProps(styledProps)}\n      {...metaAttribute({ name: MetaConstants.Tag, testID })}\n    >\n      <FocussableTag\n        display={(isReactNative() ? 'flex' : 'inline-flex') as never}\n        alignSelf={isReactNative() ? 'center' : undefined}\n        flexDirection=\"row\"\n        flexWrap=\"nowrap\"\n        flexShrink={0}\n        backgroundColor={backgroundColor}\n        borderRadius=\"max\"\n        padding={size === 'medium' ? mediumPadding : largePadding}\n        _isVirtuallyFocused={_isVirtuallyFocused}\n      >\n        {/* Leading Icon */}\n        {Icon ? (\n          <Box display=\"flex\" flexDirection=\"row\" alignItems=\"center\">\n            <Icon color={iconColor} size={assetSize} marginRight=\"spacing.2\" />\n          </Box>\n        ) : null}\n\n        {/* Tag Text */}\n        <Box\n          display=\"flex\"\n          flexDirection=\"row\"\n          alignItems=\"center\"\n          maxWidth={makeSize(globalSizeTokens['100'])}\n        >\n          <Text truncateAfterLines={1} marginRight=\"spacing.2\" color={textColor} size={assetSize}>\n            {children}\n          </Text>\n        </Box>\n\n        {/* Dismiss Icon */}\n        <Box display=\"flex\" flexDirection=\"row\" alignItems=\"center\" justifyContent=\"center\">\n          <IconButton\n            size={assetSize}\n            icon={CloseIcon}\n            accessibilityLabel={`Close ${children} tag`}\n            isDisabled={isDisabled}\n            _tabIndex={_isTagInsideInput ? -1 : undefined}\n            onClick={(e) => {\n              // Inside tag input, we stop propagation to avoid opening dropdown on click of close on tag\n              if (_isTagInsideInput) {\n                e.stopPropagation();\n              }\n              onDismiss();\n            }}\n          />\n        </Box>\n      </FocussableTag>\n    </BaseBox>\n  );\n};\n\nexport { Tag };\n"],"names":["FocussableTag","styled","BaseBox","props","_isVirtuallyFocused","isReactNative","outline","makeSize","globalSizeTokens","theme","colors","surface","background","gray","subtle","boxShadow","interactive","primary","faded","Tag","_ref","_ref$size","size","Icon","icon","onDismiss","children","isDisabled","testID","_isTagInsideInput","styledProps","_objectWithoutProperties","_excluded","isMobile","useIsMobile","textColor","iconColor","backgroundColor","mediumPadding","base","m","largePadding","assetSize","React","useMemo","_jsx","Object","assign","display","getStyledProps","metaAttribute","name","MetaConstants","_jsxs","alignSelf","undefined","flexDirection","flexWrap","flexShrink","borderRadius","padding","Box","alignItems","color","marginRight","maxWidth","Text","truncateAfterLines","justifyContent","IconButton","CloseIcon","accessibilityLabel","_tabIndex","onClick","e","stopPropagation"],"mappings":"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"}

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

@@ -3,7 +3,7 @@ import { useFloating, shift, flip, offset, arrow } from '@floating-ui/react-nati
 import React__default from 'react';
 import { Modal, TouchableOpacity } from 'react-native';
 import { TooltipContent } from './TooltipContent.js';
-import { ARROW_HEIGHT, ARROW_WIDTH, tooltipZIndex } from './constants.js';
+import { ARROW_HEIGHT, ARROW_WIDTH } from './constants.js';
 import { TooltipContext } from './TooltipContext.js';
 import 'styled-components/native';
 import '@gorhom/portal';
@@ -16,8 +16,9 @@ import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
 import { mergeProps } from '../../utils/mergeProps.js';
 import { PopupArrow } from '../PopupArrow/PopupArrow.native.js';
 import { getFloatingPlacementParts } from '../../utils/getFloatingPlacementParts.js';
+import { componentZIndices } from '../../utils/componentZIndices.js';
 
-var Tooltip=function Tooltip(_ref){var title=_ref.title,content=_ref.content,children=_ref.children,_ref$placement=_ref.placement,placement=_ref$placement===void 0?'left':_ref$placement,onOpenChange=_ref.onOpenChange,_ref$zIndex=_ref.zIndex,zIndex=_ref$zIndex===void 0?tooltipZIndex:_ref$zIndex;var _useTheme=useTheme(),theme=_useTheme.theme;var _React$useState=React__default.useState(false),_React$useState2=_slicedToArray(_React$useState,2),isOpen=_React$useState2[0],setIsOpen=_React$useState2[1];var gap=theme.spacing[2];var _getFloatingPlacement=getFloatingPlacementParts(placement),_getFloatingPlacement2=_slicedToArray(_getFloatingPlacement,1),side=_getFloatingPlacement2[0];var isHorizontal=side==='left'||side==='right';var arrowRef=React__default.useRef();var context=useFloating({sameScrollView:false,placement:placement,middleware:[shift({crossAxis:false,padding:gap}),flip({padding:gap}),offset(gap+ARROW_HEIGHT),arrow({element:arrowRef,padding:isHorizontal?0:ARROW_WIDTH})]});var refs=context.refs,floatingStyles=context.floatingStyles;var handleOpen=React__default.useCallback(function(){setIsOpen(true);onOpenChange==null?void 0:onOpenChange({isOpen:true});},[onOpenChange]);var handleClose=React__default.useCallback(function(){setIsOpen(false);onOpenChange==null?void 0:onOpenChange({isOpen:false});},[onOpenChange]);var _React$useState3=React__default.useState(function(){return isOpen;}),_React$useState4=_slicedToArray(_React$useState3,2),isVisible=_React$useState4[0],setIsVisible=_React$useState4[1];React__default.useEffect(function(){var id=setTimeout(function(){if(!isOpen){setIsVisible(false);}},theme.motion.duration.gentle);if(isOpen){setIsVisible(true);}return function(){return clearTimeout(id);};},[isOpen]);return jsxs(TooltipContext.Provider,{value:true,children:[React__default.cloneElement(children,Object.assign({},mergeProps({onTouchEnd:children.props.onTouchEnd},{onTouchEnd:handleOpen}),{ref:refs.setReference})),jsx(Modal,{accessibilityLabel:content,collapsable:false,transparent:true,visible:isVisible,children:jsx(TouchableOpacity,Object.assign({style:{flexShrink:0,flex:1},onPress:handleClose,activeOpacity:1,testID:"tooltip-modal-backdrop"},metaAttribute({name:MetaConstants.Tooltip}),{children:jsx(TooltipContent,{title:title,isVisible:isOpen,ref:refs.setFloating,side:side,style:Object.assign({},floatingStyles,{left:floatingStyles.left||-200,top:floatingStyles.top||-200,zIndex:zIndex}),arrow:jsx(PopupArrow,{ref:arrowRef,context:context,width:ARROW_WIDTH,height:ARROW_HEIGHT,fillColor:theme.colors.popup.background.intense,strokeColor:theme.colors.popup.border.intense}),children:content})}))})]});};
+var Tooltip=function Tooltip(_ref){var title=_ref.title,content=_ref.content,children=_ref.children,_ref$placement=_ref.placement,placement=_ref$placement===void 0?'left':_ref$placement,onOpenChange=_ref.onOpenChange,_ref$zIndex=_ref.zIndex,zIndex=_ref$zIndex===void 0?componentZIndices.tooltip:_ref$zIndex;var _useTheme=useTheme(),theme=_useTheme.theme;var _React$useState=React__default.useState(false),_React$useState2=_slicedToArray(_React$useState,2),isOpen=_React$useState2[0],setIsOpen=_React$useState2[1];var gap=theme.spacing[2];var _getFloatingPlacement=getFloatingPlacementParts(placement),_getFloatingPlacement2=_slicedToArray(_getFloatingPlacement,1),side=_getFloatingPlacement2[0];var isHorizontal=side==='left'||side==='right';var arrowRef=React__default.useRef();var context=useFloating({sameScrollView:false,placement:placement,middleware:[shift({crossAxis:false,padding:gap}),flip({padding:gap}),offset(gap+ARROW_HEIGHT),arrow({element:arrowRef,padding:isHorizontal?0:ARROW_WIDTH})]});var refs=context.refs,floatingStyles=context.floatingStyles;var handleOpen=React__default.useCallback(function(){setIsOpen(true);onOpenChange==null?void 0:onOpenChange({isOpen:true});},[onOpenChange]);var handleClose=React__default.useCallback(function(){setIsOpen(false);onOpenChange==null?void 0:onOpenChange({isOpen:false});},[onOpenChange]);var _React$useState3=React__default.useState(function(){return isOpen;}),_React$useState4=_slicedToArray(_React$useState3,2),isVisible=_React$useState4[0],setIsVisible=_React$useState4[1];React__default.useEffect(function(){var id=setTimeout(function(){if(!isOpen){setIsVisible(false);}},theme.motion.duration.gentle);if(isOpen){setIsVisible(true);}return function(){return clearTimeout(id);};},[isOpen]);return jsxs(TooltipContext.Provider,{value:true,children:[React__default.cloneElement(children,Object.assign({},mergeProps({onTouchEnd:children.props.onTouchEnd},{onTouchEnd:handleOpen}),{ref:refs.setReference})),jsx(Modal,{accessibilityLabel:content,collapsable:false,transparent:true,visible:isVisible,children:jsx(TouchableOpacity,Object.assign({style:{flexShrink:0,flex:1},onPress:handleClose,activeOpacity:1,testID:"tooltip-modal-backdrop"},metaAttribute({name:MetaConstants.Tooltip}),{children:jsx(TooltipContent,{title:title,isVisible:isOpen,ref:refs.setFloating,side:side,style:Object.assign({},floatingStyles,{left:floatingStyles.left||-200,top:floatingStyles.top||-200,zIndex:zIndex}),arrow:jsx(PopupArrow,{ref:arrowRef,context:context,width:ARROW_WIDTH,height:ARROW_HEIGHT,fillColor:theme.colors.popup.background.intense,strokeColor:theme.colors.popup.border.intense}),children:content})}))})]});};
 
 export { Tooltip };
 //# sourceMappingURL=Tooltip.native.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.native.js","sources":["../../../../../src/components/Tooltip/Tooltip.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 { TooltipContent } from './TooltipContent';\nimport type { TooltipProps } from './types';\nimport { ARROW_HEIGHT, ARROW_WIDTH, tooltipZIndex } from './constants';\nimport { TooltipContext } from './TooltipContext';\nimport { useTheme } from '~components/BladeProvider';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { mergeProps } from '~utils/mergeProps';\nimport { PopupArrow } from '~components/PopupArrow';\nimport { getFloatingPlacementParts } from '~utils/getFloatingPlacementParts';\n\nconst Tooltip = ({\n  title,\n  content,\n  children,\n  placement = 'left',\n  onOpenChange,\n  zIndex = tooltipZIndex,\n}: TooltipProps): React.ReactElement => {\n  const { theme } = useTheme();\n  const [isOpen, setIsOpen] = React.useState(false);\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 }),\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\n  const handleOpen = React.useCallback(() => {\n    setIsOpen(true);\n    onOpenChange?.({ isOpen: true });\n  }, [onOpenChange]);\n\n  const handleClose = React.useCallback(() => {\n    setIsOpen(false);\n    onOpenChange?.({ isOpen: false });\n  }, [onOpenChange]);\n\n  // wait for animation to finish before unmounting modal\n  const [isVisible, setIsVisible] = React.useState(() => isOpen);\n  React.useEffect(() => {\n    const id = setTimeout(() => {\n      if (!isOpen) {\n        setIsVisible(false);\n      }\n    }, theme.motion.duration.gentle);\n\n    if (isOpen) {\n      setIsVisible(true);\n    }\n    return () => clearTimeout(id);\n  }, [isOpen]);\n\n  return (\n    <TooltipContext.Provider value={true}>\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 accessibilityLabel={content} collapsable={false} transparent visible={isVisible}>\n        <TouchableOpacity\n          style={{\n            flexShrink: 0,\n            flex: 1,\n          }}\n          onPress={handleClose}\n          activeOpacity={1}\n          testID=\"tooltip-modal-backdrop\"\n          {...metaAttribute({ name: MetaConstants.Tooltip })}\n        >\n          <TooltipContent\n            title={title}\n            isVisible={isOpen}\n            ref={refs.setFloating}\n            side={side}\n            style={{\n              ...floatingStyles,\n              // To avoid flash of floating ui content at top, this only happens in RN <70\n              // if the position is zero move the floating element outside of the viewport\n              // this happens because measure is async and it takes few miliseconds to calculate the positions.\n              left: floatingStyles.left || -200,\n              top: floatingStyles.top || -200,\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.intense}\n                strokeColor={theme.colors.popup.border.intense}\n              />\n            }\n          >\n            {content}\n          </TooltipContent>\n        </TouchableOpacity>\n      </Modal>\n    </TooltipContext.Provider>\n  );\n};\n\nexport { Tooltip };\n"],"names":["Tooltip","_ref","title","content","children","_ref$placement","placement","onOpenChange","_ref$zIndex","zIndex","tooltipZIndex","_useTheme","useTheme","theme","_React$useState","React","useState","_React$useState2","_slicedToArray","isOpen","setIsOpen","gap","spacing","_getFloatingPlacement","getFloatingPlacementParts","_getFloatingPlacement2","side","isHorizontal","arrowRef","useRef","context","useFloating","sameScrollView","middleware","shift","crossAxis","padding","flip","offset","ARROW_HEIGHT","arrow","element","ARROW_WIDTH","refs","floatingStyles","handleOpen","useCallback","handleClose","_React$useState3","_React$useState4","isVisible","setIsVisible","useEffect","id","setTimeout","motion","duration","gentle","clearTimeout","_jsxs","TooltipContext","Provider","value","cloneElement","Object","assign","mergeProps","onTouchEnd","props","ref","setReference","_jsx","Modal","accessibilityLabel","collapsable","transparent","visible","TouchableOpacity","style","flexShrink","flex","onPress","activeOpacity","testID","metaAttribute","name","MetaConstants","TooltipContent","setFloating","left","top","PopupArrow","width","height","fillColor","colors","popup","background","intense","strokeColor","border"],"mappings":"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"}
+{"version":3,"file":"Tooltip.native.js","sources":["../../../../../src/components/Tooltip/Tooltip.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 { TooltipContent } from './TooltipContent';\nimport type { TooltipProps } from './types';\nimport { ARROW_HEIGHT, ARROW_WIDTH } from './constants';\nimport { TooltipContext } from './TooltipContext';\nimport { useTheme } from '~components/BladeProvider';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { mergeProps } from '~utils/mergeProps';\nimport { PopupArrow } from '~components/PopupArrow';\nimport { getFloatingPlacementParts } from '~utils/getFloatingPlacementParts';\nimport { componentZIndices } from '~utils/componentZIndices';\n\nconst Tooltip = ({\n  title,\n  content,\n  children,\n  placement = 'left',\n  onOpenChange,\n  zIndex = componentZIndices.tooltip,\n}: TooltipProps): React.ReactElement => {\n  const { theme } = useTheme();\n  const [isOpen, setIsOpen] = React.useState(false);\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 }),\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\n  const handleOpen = React.useCallback(() => {\n    setIsOpen(true);\n    onOpenChange?.({ isOpen: true });\n  }, [onOpenChange]);\n\n  const handleClose = React.useCallback(() => {\n    setIsOpen(false);\n    onOpenChange?.({ isOpen: false });\n  }, [onOpenChange]);\n\n  // wait for animation to finish before unmounting modal\n  const [isVisible, setIsVisible] = React.useState(() => isOpen);\n  React.useEffect(() => {\n    const id = setTimeout(() => {\n      if (!isOpen) {\n        setIsVisible(false);\n      }\n    }, theme.motion.duration.gentle);\n\n    if (isOpen) {\n      setIsVisible(true);\n    }\n    return () => clearTimeout(id);\n  }, [isOpen]);\n\n  return (\n    <TooltipContext.Provider value={true}>\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 accessibilityLabel={content} collapsable={false} transparent visible={isVisible}>\n        <TouchableOpacity\n          style={{\n            flexShrink: 0,\n            flex: 1,\n          }}\n          onPress={handleClose}\n          activeOpacity={1}\n          testID=\"tooltip-modal-backdrop\"\n          {...metaAttribute({ name: MetaConstants.Tooltip })}\n        >\n          <TooltipContent\n            title={title}\n            isVisible={isOpen}\n            ref={refs.setFloating}\n            side={side}\n            style={{\n              ...floatingStyles,\n              // To avoid flash of floating ui content at top, this only happens in RN <70\n              // if the position is zero move the floating element outside of the viewport\n              // this happens because measure is async and it takes few miliseconds to calculate the positions.\n              left: floatingStyles.left || -200,\n              top: floatingStyles.top || -200,\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.intense}\n                strokeColor={theme.colors.popup.border.intense}\n              />\n            }\n          >\n            {content}\n          </TooltipContent>\n        </TouchableOpacity>\n      </Modal>\n    </TooltipContext.Provider>\n  );\n};\n\nexport { Tooltip };\n"],"names":["Tooltip","_ref","title","content","children","_ref$placement","placement","onOpenChange","_ref$zIndex","zIndex","componentZIndices","tooltip","_useTheme","useTheme","theme","_React$useState","React","useState","_React$useState2","_slicedToArray","isOpen","setIsOpen","gap","spacing","_getFloatingPlacement","getFloatingPlacementParts","_getFloatingPlacement2","side","isHorizontal","arrowRef","useRef","context","useFloating","sameScrollView","middleware","shift","crossAxis","padding","flip","offset","ARROW_HEIGHT","arrow","element","ARROW_WIDTH","refs","floatingStyles","handleOpen","useCallback","handleClose","_React$useState3","_React$useState4","isVisible","setIsVisible","useEffect","id","setTimeout","motion","duration","gentle","clearTimeout","_jsxs","TooltipContext","Provider","value","cloneElement","Object","assign","mergeProps","onTouchEnd","props","ref","setReference","_jsx","Modal","accessibilityLabel","collapsable","transparent","visible","TouchableOpacity","style","flexShrink","flex","onPress","activeOpacity","testID","metaAttribute","name","MetaConstants","TooltipContent","setFloating","left","top","PopupArrow","width","height","fillColor","colors","popup","background","intense","strokeColor","border"],"mappings":"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"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../../src/components/Tooltip/constants.ts"],"sourcesContent":["export const ARROW_WIDTH = 14;\nexport const ARROW_HEIGHT = 7;\nexport const tooltipZIndex = 1100;\n"],"names":["ARROW_WIDTH","ARROW_HEIGHT","tooltipZIndex"],"mappings":"AAAa,IAAAA,WAAW,CAAG,GACd,IAAAC,YAAY,CAAG,EACf,IAAAC,aAAa,CAAG;;;;"}
+{"version":3,"file":"constants.js","sources":["../../../../../src/components/Tooltip/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;;;;"}

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

@@ -9,6 +9,8 @@ export { Badge } from './Badge/Badge.js';
 export { BladeProvider } from './BladeProvider/BladeProvider.native.js';
 export { default as useTheme } from './BladeProvider/useTheme.js';
 export { BottomSheet } from './BottomSheet/BottomSheet.native.js';
+export { Breadcrumb } from './Breadcrumb/Breadcrumb.native.js';
+export { BreadcrumbItem } from './Breadcrumb/BreadcrumbItem.native.js';
 export { Box } from './Box/Box.js';
 export { default as Button } from './Button/Button/Button.js';
 export { IconButton } from './Button/IconButton/IconButton.js';
@@ -27,6 +29,8 @@ export { CollapsibleButton } from './Collapsible/CollapsibleButton.js';
 export { CollapsibleBody } from './Collapsible/CollapsibleBody.js';
 export { Counter } from './Counter/Counter.js';
 export { Divider } from './Divider/Divider.js';
+export { Drawer } from './Drawer/Drawer.native.js';
+export { DrawerBody, DrawerHeader } from './Drawer/DrawerSubcomponents.native.js';
 export { Dropdown } from './Dropdown/Dropdown.js';
 export { DropdownOverlay } from './Dropdown/DropdownOverlay.native.js';
 export { DropdownButton } from './Dropdown/DropdownButton.js';

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

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

package/build/lib/native/utils/componentZIndices.js

@@ -0,0 +1,4 @@
+var componentZIndices={bottomSheet:100,modal:1000,drawer:1001,dropdownOverlay:1002,tourMask:1100,popover:1100,tooltip:1100};
+
+export { componentZIndices };
+//# sourceMappingURL=componentZIndices.js.map

package/build/lib/native/utils/componentZIndices.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"componentZIndices.js","sources":["../../../../src/utils/componentZIndices.ts"],"sourcesContent":["// TODO: Move these properly to tokens at some point\nexport const componentZIndices = {\n  bottomSheet: 100,\n  modal: 1000,\n  drawer: 1001,\n  dropdownOverlay: 1002,\n  tourMask: 1100,\n  popover: 1100,\n  tooltip: 1100,\n};\n"],"names":["componentZIndices","bottomSheet","modal","drawer","dropdownOverlay","tourMask","popover","tooltip"],"mappings":"AACa,IAAAA,iBAAiB,CAAG,CAC/BC,WAAW,CAAE,GAAG,CAChBC,KAAK,CAAE,IAAI,CACXC,MAAM,CAAE,IAAI,CACZC,eAAe,CAAE,IAAI,CACrBC,QAAQ,CAAE,IAAI,CACdC,OAAO,CAAE,IAAI,CACbC,OAAO,CAAE,IACX;;;;"}

package/build/lib/native/utils/lodashButBetter/get.js.map

@@ -1 +1 @@
-{"version":3,"file":"get.js","sources":["../../../../../src/utils/lodashButBetter/get.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable @typescript-eslint/no-unnecessary-type-constraint */\nimport type { ElevationStyles } from '~tokens/global/elevation';\nimport type { EasingType } from '~tokens/global/motion';\n\n/**\n * @template TokenType token type generic\n * @description Tokenises objects to dot notation strings, eg: `surface.text.normal.lowContrast`\n */\nexport type DotNotationToken<_TokenType, TokenType = Omit<_TokenType, 'name'>> = {\n  [K in keyof TokenType]: TokenType[K] extends string | number | ElevationStyles\n    ? `${Extract<K, number | string>}`\n    : `${Extract<K, number | string>}.${TokenType[K] extends Record<\n        string,\n        string | number | boolean | EasingType<string>\n      >\n        ? Extract<keyof TokenType[K], number | string>\n        : DotNotationToken<TokenType[K]>}`;\n}[keyof TokenType];\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\nfunction getIn<\n  T extends Record<string, any>,\n  K extends DotNotationToken<T>,\n  Default extends any = any\n>(obj: T, path: K, defaultValue?: Default): any {\n  if (!path) {\n    return defaultValue;\n  }\n\n  const keys = path.split('.');\n  let result = obj;\n\n  for (const key of keys) {\n    result = result?.[key];\n    if (result === undefined) {\n      return defaultValue;\n    }\n  }\n\n  return result !== undefined ? result : defaultValue;\n}\n\nexport default getIn;\n"],"names":["getIn","obj","path","defaultValue","keys","split","result","key","_result","undefined"],"mappings":"AAqBA,SAASA,KAAKA,CAIZC,GAAM,CAAEC,IAAO,CAAEC,YAAsB,CAAO,CAC9C,GAAI,CAACD,IAAI,CAAE,CACT,OAAOC,YAAY,CACrB,CAEA,IAAMC,IAAI,CAAGF,IAAI,CAACG,KAAK,CAAC,GAAG,CAAC,CAC5B,IAAIC,MAAM,CAAGL,GAAG,CAEhB,IAAK,IAAMM,GAAG,IAAIH,IAAI,CAAE,CAAAI,IAAAA,OAAA,CACtBF,MAAM,CAAA,CAAAE,OAAA,CAAGF,MAAM,GAANE,IAAAA,CAAAA,KAAAA,CAAAA,CAAAA,OAAA,CAASD,GAAG,CAAC,CACtB,GAAID,MAAM,GAAKG,SAAS,CAAE,CACxB,OAAON,YAAY,CACrB,CACF,CAEA,OAAOG,MAAM,GAAKG,SAAS,CAAGH,MAAM,CAAGH,YAAY,CACrD;;;;"}
+{"version":3,"file":"get.js","sources":["../../../../../src/utils/lodashButBetter/get.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable @typescript-eslint/no-unnecessary-type-constraint */\nimport type { ElevationStyles } from '~tokens/global/elevation';\nimport type { EasingType } from '~tokens/global/motion';\n\n/**\n * @template TokenType token type generic\n * @description Tokenises objects to dot notation strings, eg: `surface.text.gray.normal`\n */\nexport type DotNotationToken<_TokenType, TokenType = Omit<_TokenType, 'name'>> = {\n  [K in keyof TokenType]: TokenType[K] extends string | number | ElevationStyles\n    ? `${Extract<K, number | string>}`\n    : `${Extract<K, number | string>}.${TokenType[K] extends Record<\n        string,\n        string | number | boolean | EasingType<string>\n      >\n        ? Extract<keyof TokenType[K], number | string>\n        : DotNotationToken<TokenType[K]>}`;\n}[keyof TokenType];\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\nfunction getIn<\n  T extends Record<string, any>,\n  K extends DotNotationToken<T>,\n  Default extends any = any\n>(obj: T, path: K, defaultValue?: Default): any {\n  if (!path) {\n    return defaultValue;\n  }\n\n  const keys = path.split('.');\n  let result = obj;\n\n  for (const key of keys) {\n    result = result?.[key];\n    if (result === undefined) {\n      return defaultValue;\n    }\n  }\n\n  return result !== undefined ? result : defaultValue;\n}\n\nexport default getIn;\n"],"names":["getIn","obj","path","defaultValue","keys","split","result","key","_result","undefined"],"mappings":"AAqBA,SAASA,KAAKA,CAIZC,GAAM,CAAEC,IAAO,CAAEC,YAAsB,CAAO,CAC9C,GAAI,CAACD,IAAI,CAAE,CACT,OAAOC,YAAY,CACrB,CAEA,IAAMC,IAAI,CAAGF,IAAI,CAACG,KAAK,CAAC,GAAG,CAAC,CAC5B,IAAIC,MAAM,CAAGL,GAAG,CAEhB,IAAK,IAAMM,GAAG,IAAIH,IAAI,CAAE,CAAAI,IAAAA,OAAA,CACtBF,MAAM,CAAA,CAAAE,OAAA,CAAGF,MAAM,GAANE,IAAAA,CAAAA,KAAAA,CAAAA,CAAAA,OAAA,CAASD,GAAG,CAAC,CACtB,GAAID,MAAM,GAAKG,SAAS,CAAE,CACxB,OAAON,YAAY,CACrB,CACF,CAEA,OAAOG,MAAM,GAAKG,SAAS,CAAGH,MAAM,CAAGH,YAAY,CACrD;;;;"}

package/build/lib/native/utils/metaAttribute/metaConstants.js

@@ -1,4 +1,4 @@
-var MetaConstants={Accordion:'accordion',AccordionButton:'accordion-button',AccordionItem:'accordion-item',ActionList:'action-list',ActionListItem:'action-list-item',ActionListSection:'action-list-section',Alert:'alert',Amount:'amount',AutoComplete:'autocomplete',Badge:'badge',Box:'box',BaseBox:'base-box',BaseText:'base-text',Button:'button',Carousel:'carousel',Checkbox:'checkbox',CheckboxGroup:'checkbox-group',CheckboxLabel:'checkbox-label',Chip:'chip',ChipGroup:'chip-group',ChipLabel:'chip-label',Code:'code',Component:'blade-component',Counter:'counter',Display:'display',Divider:'divider',Dropdown:'dropdown',DropdownOverlay:'dropdown-overlay',DropdownFooter:'dropdown-footer',DropdownHeader:'dropdown-header',Icon:'icon',IconButton:'icon-button',Indicator:'indicator',Link:'link',List:'list',ListItem:'list-item',ListItemCode:'list-item-code',ListItemLink:'list-item-link',ListItemText:'list-item-text',OTPInput:'otp-input',PasswordInput:'password-input',TextArea:'textarea',TextInput:'textinput',Toast:'toast',ToastContainer:'toast-container',ProgressBar:'progress-bar',Radio:'radio',RadioGroup:'radio-group',RadioLabel:'radio-label',SkipNav:'skipnav',Spinner:'spinner',SelectInput:'select-input',Tag:'tag',Tooltip:'tooltip',TooltipInteractiveWrapper:'tooltip-interactive-wrapper',Tabs:'tabs',TabList:'tab-list',TabItem:'tab-item',TabPanel:'tab-panel',TabIndicator:'tab-indicator',Table:'table',TableBody:'table-body',TableRow:'table-row',TableCell:'table-cell',TableHeader:'table-header',TableHeaderRow:'table-header-row',TableHeaderCell:'table-header-cell',TableFooter:'table-footer',TableFooterRow:'table-footer-row',TableFooterCell:'table-footer-cell',TableElement:'table-element',TourPopover:'tour-popover',TourMask:'tour-mask',Popover:'popover',PopoverInteractiveWrapper:'popover-interactive-wrapper',BottomSheet:'bottom-sheet',BottomSheetBody:'bottom-sheet-body',BottomSheetHeader:'bottom-sheet-header',BottomSheetFooter:'bottom-sheet-footer',BottomSheetGrabHandle:'bottomsheet-grab-handle',Card:'card',CardBody:'card-body',CardHeader:'card-header',CardFooter:'card-footer',Collapsible:'collapsible',CollapsibleBody:'collapsible-body',CollapsibleButton:'collapsible-button',CollapsibleLink:'collapsible-link',Modal:'modal',ModalBody:'modal-body',ModalHeader:'modal-header',ModalFooter:'modal-footer',ModalBackdrop:'modal-backdrop',ModalScrollOverlay:'modal-scroll-overlay',VisuallyHidden:'visually-hidden',FormLabel:'form-label',Switch:'switch',SwitchLabel:'switch-label',StyledBaseInput:'styled-base-input',Skeleton:'skeleton'};
+var MetaConstants={Accordion:'accordion',AccordionButton:'accordion-button',AccordionItem:'accordion-item',ActionList:'action-list',ActionListItem:'action-list-item',ActionListSection:'action-list-section',Alert:'alert',Amount:'amount',AutoComplete:'autocomplete',Badge:'badge',Box:'box',BaseBox:'base-box',BaseText:'base-text',Button:'button',Breadcrumb:'breadcrumb',BreadcrumbItem:'breadcrumb-item',Carousel:'carousel',Checkbox:'checkbox',CheckboxGroup:'checkbox-group',CheckboxLabel:'checkbox-label',Chip:'chip',ChipGroup:'chip-group',ChipLabel:'chip-label',Code:'code',Component:'blade-component',Counter:'counter',Display:'display',Divider:'divider',Drawer:'drawer',Dropdown:'dropdown',DropdownOverlay:'dropdown-overlay',DropdownFooter:'dropdown-footer',DropdownHeader:'dropdown-header',Icon:'icon',IconButton:'icon-button',Indicator:'indicator',Link:'link',List:'list',ListItem:'list-item',ListItemCode:'list-item-code',ListItemLink:'list-item-link',ListItemText:'list-item-text',OTPInput:'otp-input',PasswordInput:'password-input',TextArea:'textarea',TextInput:'textinput',Toast:'toast',ToastContainer:'toast-container',ProgressBar:'progress-bar',Radio:'radio',RadioGroup:'radio-group',RadioLabel:'radio-label',SkipNav:'skipnav',Spinner:'spinner',SelectInput:'select-input',Tag:'tag',Tooltip:'tooltip',TooltipInteractiveWrapper:'tooltip-interactive-wrapper',Tabs:'tabs',TabList:'tab-list',TabItem:'tab-item',TabPanel:'tab-panel',TabIndicator:'tab-indicator',Table:'table',TableBody:'table-body',TableRow:'table-row',TableCell:'table-cell',TableHeader:'table-header',TableHeaderRow:'table-header-row',TableHeaderCell:'table-header-cell',TableFooter:'table-footer',TableFooterRow:'table-footer-row',TableFooterCell:'table-footer-cell',TableElement:'table-element',TourPopover:'tour-popover',TourMask:'tour-mask',Popover:'popover',PopoverInteractiveWrapper:'popover-interactive-wrapper',BottomSheet:'bottom-sheet',BottomSheetBody:'bottom-sheet-body',BottomSheetHeader:'bottom-sheet-header',BottomSheetFooter:'bottom-sheet-footer',BottomSheetGrabHandle:'bottomsheet-grab-handle',Card:'card',CardBody:'card-body',CardHeader:'card-header',CardFooter:'card-footer',Collapsible:'collapsible',CollapsibleBody:'collapsible-body',CollapsibleButton:'collapsible-button',CollapsibleLink:'collapsible-link',Modal:'modal',ModalBody:'modal-body',ModalHeader:'modal-header',ModalFooter:'modal-footer',ModalBackdrop:'modal-backdrop',ModalScrollOverlay:'modal-scroll-overlay',VisuallyHidden:'visually-hidden',FormLabel:'form-label',Switch:'switch',SwitchLabel:'switch-label',StyledBaseInput:'styled-base-input',Skeleton:'skeleton'};
 
 export { MetaConstants };
 //# sourceMappingURL=metaConstants.js.map

package/build/lib/native/utils/metaAttribute/metaConstants.js.map

@@ -1 +1 @@
-{"version":3,"file":"metaConstants.js","sources":["../../../../../src/utils/metaAttribute/metaConstants.ts"],"sourcesContent":["export const MetaConstants = {\n  Accordion: 'accordion',\n  AccordionButton: 'accordion-button',\n  AccordionItem: 'accordion-item',\n  ActionList: 'action-list',\n  ActionListItem: 'action-list-item',\n  ActionListSection: 'action-list-section',\n  Alert: 'alert',\n  Amount: 'amount',\n  AutoComplete: 'autocomplete',\n  Badge: 'badge',\n  Box: 'box',\n  BaseBox: 'base-box',\n  BaseText: 'base-text',\n  Button: 'button',\n  Carousel: 'carousel',\n  Checkbox: 'checkbox',\n  CheckboxGroup: 'checkbox-group',\n  CheckboxLabel: 'checkbox-label',\n  Chip: 'chip',\n  ChipGroup: 'chip-group',\n  ChipLabel: 'chip-label',\n  Code: 'code',\n  Component: 'blade-component',\n  Counter: 'counter',\n  Display: 'display',\n  Divider: 'divider',\n  Dropdown: 'dropdown',\n  DropdownOverlay: 'dropdown-overlay',\n  DropdownFooter: 'dropdown-footer',\n  DropdownHeader: 'dropdown-header',\n  Icon: 'icon',\n  IconButton: 'icon-button',\n  Indicator: 'indicator',\n  Link: 'link',\n  List: 'list',\n  ListItem: 'list-item',\n  ListItemCode: 'list-item-code',\n  ListItemLink: 'list-item-link',\n  ListItemText: 'list-item-text',\n  OTPInput: 'otp-input',\n  PasswordInput: 'password-input',\n  TextArea: 'textarea',\n  TextInput: 'textinput',\n  Toast: 'toast',\n  ToastContainer: 'toast-container',\n  ProgressBar: 'progress-bar',\n  Radio: 'radio',\n  RadioGroup: 'radio-group',\n  RadioLabel: 'radio-label',\n  SkipNav: 'skipnav',\n  Spinner: 'spinner',\n  SelectInput: 'select-input',\n  Tag: 'tag',\n  Tooltip: 'tooltip',\n  TooltipInteractiveWrapper: 'tooltip-interactive-wrapper',\n  Tabs: 'tabs',\n  TabList: 'tab-list',\n  TabItem: 'tab-item',\n  TabPanel: 'tab-panel',\n  TabIndicator: 'tab-indicator',\n  Table: 'table',\n  TableBody: 'table-body',\n  TableRow: 'table-row',\n  TableCell: 'table-cell',\n  TableHeader: 'table-header',\n  TableHeaderRow: 'table-header-row',\n  TableHeaderCell: 'table-header-cell',\n  TableFooter: 'table-footer',\n  TableFooterRow: 'table-footer-row',\n  TableFooterCell: 'table-footer-cell',\n  TableElement: 'table-element',\n  TourPopover: 'tour-popover',\n  TourMask: 'tour-mask',\n  Popover: 'popover',\n  PopoverInteractiveWrapper: 'popover-interactive-wrapper',\n  BottomSheet: 'bottom-sheet',\n  BottomSheetBody: 'bottom-sheet-body',\n  BottomSheetHeader: 'bottom-sheet-header',\n  BottomSheetFooter: 'bottom-sheet-footer',\n  BottomSheetGrabHandle: 'bottomsheet-grab-handle',\n  Card: 'card',\n  CardBody: 'card-body',\n  CardHeader: 'card-header',\n  CardFooter: 'card-footer',\n  Collapsible: 'collapsible',\n  CollapsibleBody: 'collapsible-body',\n  CollapsibleButton: 'collapsible-button',\n  CollapsibleLink: 'collapsible-link',\n  Modal: 'modal',\n  ModalBody: 'modal-body',\n  ModalHeader: 'modal-header',\n  ModalFooter: 'modal-footer',\n  ModalBackdrop: 'modal-backdrop',\n  ModalScrollOverlay: 'modal-scroll-overlay',\n  VisuallyHidden: 'visually-hidden',\n  FormLabel: 'form-label',\n  Switch: 'switch',\n  SwitchLabel: 'switch-label',\n  StyledBaseInput: 'styled-base-input',\n  Skeleton: 'skeleton',\n} as const;\n"],"names":["MetaConstants","Accordion","AccordionButton","AccordionItem","ActionList","ActionListItem","ActionListSection","Alert","Amount","AutoComplete","Badge","Box","BaseBox","BaseText","Button","Carousel","Checkbox","CheckboxGroup","CheckboxLabel","Chip","ChipGroup","ChipLabel","Code","Component","Counter","Display","Divider","Dropdown","DropdownOverlay","DropdownFooter","DropdownHeader","Icon","IconButton","Indicator","Link","List","ListItem","ListItemCode","ListItemLink","ListItemText","OTPInput","PasswordInput","TextArea","TextInput","Toast","ToastContainer","ProgressBar","Radio","RadioGroup","RadioLabel","SkipNav","Spinner","SelectInput","Tag","Tooltip","TooltipInteractiveWrapper","Tabs","TabList","TabItem","TabPanel","TabIndicator","Table","TableBody","TableRow","TableCell","TableHeader","TableHeaderRow","TableHeaderCell","TableFooter","TableFooterRow","TableFooterCell","TableElement","TourPopover","TourMask","Popover","PopoverInteractiveWrapper","BottomSheet","BottomSheetBody","BottomSheetHeader","BottomSheetFooter","BottomSheetGrabHandle","Card","CardBody","CardHeader","CardFooter","Collapsible","CollapsibleBody","CollapsibleButton","CollapsibleLink","Modal","ModalBody","ModalHeader","ModalFooter","ModalBackdrop","ModalScrollOverlay","VisuallyHidden","FormLabel","Switch","SwitchLabel","StyledBaseInput","Skeleton"],"mappings":"AAAa,IAAAA,aAAa,CAAG,CAC3BC,SAAS,CAAE,WAAW,CACtBC,eAAe,CAAE,kBAAkB,CACnCC,aAAa,CAAE,gBAAgB,CAC/BC,UAAU,CAAE,aAAa,CACzBC,cAAc,CAAE,kBAAkB,CAClCC,iBAAiB,CAAE,qBAAqB,CACxCC,KAAK,CAAE,OAAO,CACdC,MAAM,CAAE,QAAQ,CAChBC,YAAY,CAAE,cAAc,CAC5BC,KAAK,CAAE,OAAO,CACdC,GAAG,CAAE,KAAK,CACVC,OAAO,CAAE,UAAU,CACnBC,QAAQ,CAAE,WAAW,CACrBC,MAAM,CAAE,QAAQ,CAChBC,QAAQ,CAAE,UAAU,CACpBC,QAAQ,CAAE,UAAU,CACpBC,aAAa,CAAE,gBAAgB,CAC/BC,aAAa,CAAE,gBAAgB,CAC/BC,IAAI,CAAE,MAAM,CACZC,SAAS,CAAE,YAAY,CACvBC,SAAS,CAAE,YAAY,CACvBC,IAAI,CAAE,MAAM,CACZC,SAAS,CAAE,iBAAiB,CAC5BC,OAAO,CAAE,SAAS,CAClBC,OAAO,CAAE,SAAS,CAClBC,OAAO,CAAE,SAAS,CAClBC,QAAQ,CAAE,UAAU,CACpBC,eAAe,CAAE,kBAAkB,CACnCC,cAAc,CAAE,iBAAiB,CACjCC,cAAc,CAAE,iBAAiB,CACjCC,IAAI,CAAE,MAAM,CACZC,UAAU,CAAE,aAAa,CACzBC,SAAS,CAAE,WAAW,CACtBC,IAAI,CAAE,MAAM,CACZC,IAAI,CAAE,MAAM,CACZC,QAAQ,CAAE,WAAW,CACrBC,YAAY,CAAE,gBAAgB,CAC9BC,YAAY,CAAE,gBAAgB,CAC9BC,YAAY,CAAE,gBAAgB,CAC9BC,QAAQ,CAAE,WAAW,CACrBC,aAAa,CAAE,gBAAgB,CAC/BC,QAAQ,CAAE,UAAU,CACpBC,SAAS,CAAE,WAAW,CACtBC,KAAK,CAAE,OAAO,CACdC,cAAc,CAAE,iBAAiB,CACjCC,WAAW,CAAE,cAAc,CAC3BC,KAAK,CAAE,OAAO,CACdC,UAAU,CAAE,aAAa,CACzBC,UAAU,CAAE,aAAa,CACzBC,OAAO,CAAE,SAAS,CAClBC,OAAO,CAAE,SAAS,CAClBC,WAAW,CAAE,cAAc,CAC3BC,GAAG,CAAE,KAAK,CACVC,OAAO,CAAE,SAAS,CAClBC,yBAAyB,CAAE,6BAA6B,CACxDC,IAAI,CAAE,MAAM,CACZC,OAAO,CAAE,UAAU,CACnBC,OAAO,CAAE,UAAU,CACnBC,QAAQ,CAAE,WAAW,CACrBC,YAAY,CAAE,eAAe,CAC7BC,KAAK,CAAE,OAAO,CACdC,SAAS,CAAE,YAAY,CACvBC,QAAQ,CAAE,WAAW,CACrBC,SAAS,CAAE,YAAY,CACvBC,WAAW,CAAE,cAAc,CAC3BC,cAAc,CAAE,kBAAkB,CAClCC,eAAe,CAAE,mBAAmB,CACpCC,WAAW,CAAE,cAAc,CAC3BC,cAAc,CAAE,kBAAkB,CAClCC,eAAe,CAAE,mBAAmB,CACpCC,YAAY,CAAE,eAAe,CAC7BC,WAAW,CAAE,cAAc,CAC3BC,QAAQ,CAAE,WAAW,CACrBC,OAAO,CAAE,SAAS,CAClBC,yBAAyB,CAAE,6BAA6B,CACxDC,WAAW,CAAE,cAAc,CAC3BC,eAAe,CAAE,mBAAmB,CACpCC,iBAAiB,CAAE,qBAAqB,CACxCC,iBAAiB,CAAE,qBAAqB,CACxCC,qBAAqB,CAAE,yBAAyB,CAChDC,IAAI,CAAE,MAAM,CACZC,QAAQ,CAAE,WAAW,CACrBC,UAAU,CAAE,aAAa,CACzBC,UAAU,CAAE,aAAa,CACzBC,WAAW,CAAE,aAAa,CAC1BC,eAAe,CAAE,kBAAkB,CACnCC,iBAAiB,CAAE,oBAAoB,CACvCC,eAAe,CAAE,kBAAkB,CACnCC,KAAK,CAAE,OAAO,CACdC,SAAS,CAAE,YAAY,CACvBC,WAAW,CAAE,cAAc,CAC3BC,WAAW,CAAE,cAAc,CAC3BC,aAAa,CAAE,gBAAgB,CAC/BC,kBAAkB,CAAE,sBAAsB,CAC1CC,cAAc,CAAE,iBAAiB,CACjCC,SAAS,CAAE,YAAY,CACvBC,MAAM,CAAE,QAAQ,CAChBC,WAAW,CAAE,cAAc,CAC3BC,eAAe,CAAE,mBAAmB,CACpCC,QAAQ,CAAE,UACZ;;;;"}
+{"version":3,"file":"metaConstants.js","sources":["../../../../../src/utils/metaAttribute/metaConstants.ts"],"sourcesContent":["export const MetaConstants = {\n  Accordion: 'accordion',\n  AccordionButton: 'accordion-button',\n  AccordionItem: 'accordion-item',\n  ActionList: 'action-list',\n  ActionListItem: 'action-list-item',\n  ActionListSection: 'action-list-section',\n  Alert: 'alert',\n  Amount: 'amount',\n  AutoComplete: 'autocomplete',\n  Badge: 'badge',\n  Box: 'box',\n  BaseBox: 'base-box',\n  BaseText: 'base-text',\n  Button: 'button',\n  Breadcrumb: 'breadcrumb',\n  BreadcrumbItem: 'breadcrumb-item',\n  Carousel: 'carousel',\n  Checkbox: 'checkbox',\n  CheckboxGroup: 'checkbox-group',\n  CheckboxLabel: 'checkbox-label',\n  Chip: 'chip',\n  ChipGroup: 'chip-group',\n  ChipLabel: 'chip-label',\n  Code: 'code',\n  Component: 'blade-component',\n  Counter: 'counter',\n  Display: 'display',\n  Divider: 'divider',\n  Drawer: 'drawer',\n  Dropdown: 'dropdown',\n  DropdownOverlay: 'dropdown-overlay',\n  DropdownFooter: 'dropdown-footer',\n  DropdownHeader: 'dropdown-header',\n  Icon: 'icon',\n  IconButton: 'icon-button',\n  Indicator: 'indicator',\n  Link: 'link',\n  List: 'list',\n  ListItem: 'list-item',\n  ListItemCode: 'list-item-code',\n  ListItemLink: 'list-item-link',\n  ListItemText: 'list-item-text',\n  OTPInput: 'otp-input',\n  PasswordInput: 'password-input',\n  TextArea: 'textarea',\n  TextInput: 'textinput',\n  Toast: 'toast',\n  ToastContainer: 'toast-container',\n  ProgressBar: 'progress-bar',\n  Radio: 'radio',\n  RadioGroup: 'radio-group',\n  RadioLabel: 'radio-label',\n  SkipNav: 'skipnav',\n  Spinner: 'spinner',\n  SelectInput: 'select-input',\n  Tag: 'tag',\n  Tooltip: 'tooltip',\n  TooltipInteractiveWrapper: 'tooltip-interactive-wrapper',\n  Tabs: 'tabs',\n  TabList: 'tab-list',\n  TabItem: 'tab-item',\n  TabPanel: 'tab-panel',\n  TabIndicator: 'tab-indicator',\n  Table: 'table',\n  TableBody: 'table-body',\n  TableRow: 'table-row',\n  TableCell: 'table-cell',\n  TableHeader: 'table-header',\n  TableHeaderRow: 'table-header-row',\n  TableHeaderCell: 'table-header-cell',\n  TableFooter: 'table-footer',\n  TableFooterRow: 'table-footer-row',\n  TableFooterCell: 'table-footer-cell',\n  TableElement: 'table-element',\n  TourPopover: 'tour-popover',\n  TourMask: 'tour-mask',\n  Popover: 'popover',\n  PopoverInteractiveWrapper: 'popover-interactive-wrapper',\n  BottomSheet: 'bottom-sheet',\n  BottomSheetBody: 'bottom-sheet-body',\n  BottomSheetHeader: 'bottom-sheet-header',\n  BottomSheetFooter: 'bottom-sheet-footer',\n  BottomSheetGrabHandle: 'bottomsheet-grab-handle',\n  Card: 'card',\n  CardBody: 'card-body',\n  CardHeader: 'card-header',\n  CardFooter: 'card-footer',\n  Collapsible: 'collapsible',\n  CollapsibleBody: 'collapsible-body',\n  CollapsibleButton: 'collapsible-button',\n  CollapsibleLink: 'collapsible-link',\n  Modal: 'modal',\n  ModalBody: 'modal-body',\n  ModalHeader: 'modal-header',\n  ModalFooter: 'modal-footer',\n  ModalBackdrop: 'modal-backdrop',\n  ModalScrollOverlay: 'modal-scroll-overlay',\n  VisuallyHidden: 'visually-hidden',\n  FormLabel: 'form-label',\n  Switch: 'switch',\n  SwitchLabel: 'switch-label',\n  StyledBaseInput: 'styled-base-input',\n  Skeleton: 'skeleton',\n} as const;\n"],"names":["MetaConstants","Accordion","AccordionButton","AccordionItem","ActionList","ActionListItem","ActionListSection","Alert","Amount","AutoComplete","Badge","Box","BaseBox","BaseText","Button","Breadcrumb","BreadcrumbItem","Carousel","Checkbox","CheckboxGroup","CheckboxLabel","Chip","ChipGroup","ChipLabel","Code","Component","Counter","Display","Divider","Drawer","Dropdown","DropdownOverlay","DropdownFooter","DropdownHeader","Icon","IconButton","Indicator","Link","List","ListItem","ListItemCode","ListItemLink","ListItemText","OTPInput","PasswordInput","TextArea","TextInput","Toast","ToastContainer","ProgressBar","Radio","RadioGroup","RadioLabel","SkipNav","Spinner","SelectInput","Tag","Tooltip","TooltipInteractiveWrapper","Tabs","TabList","TabItem","TabPanel","TabIndicator","Table","TableBody","TableRow","TableCell","TableHeader","TableHeaderRow","TableHeaderCell","TableFooter","TableFooterRow","TableFooterCell","TableElement","TourPopover","TourMask","Popover","PopoverInteractiveWrapper","BottomSheet","BottomSheetBody","BottomSheetHeader","BottomSheetFooter","BottomSheetGrabHandle","Card","CardBody","CardHeader","CardFooter","Collapsible","CollapsibleBody","CollapsibleButton","CollapsibleLink","Modal","ModalBody","ModalHeader","ModalFooter","ModalBackdrop","ModalScrollOverlay","VisuallyHidden","FormLabel","Switch","SwitchLabel","StyledBaseInput","Skeleton"],"mappings":"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"}

package/build/lib/web/development/components/BaseHeaderFooter/BaseHeader.js

@@ -12,6 +12,7 @@ import '../../utils/isValidAllowedChildren/index.js';
 import '../../utils/index.js';
 import '../../utils/metaAttribute/index.js';
 import '../../utils/logger/index.js';
+import '../../tokens/global/index.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { getComponentId } from '../../utils/isValidAllowedChildren/isValidAllowedChildren.js';
 import { throwBladeError, logger } from '../../utils/logger/logger.js';
@@ -22,6 +23,8 @@ import { Box } from '../Box/Box.js';
 import { IconButton } from '../Button/IconButton/IconButton.js';
 import ChevronLeftIcon from '../Icons/ChevronLeftIcon/ChevronLeftIcon.js';
 import { Text } from '../Typography/Text/Text.js';
+import { makeSize } from '../../utils/makeSize/makeSize.js';
+import { size } from '../../tokens/global/size.js';
 import CloseIcon from '../Icons/CloseIcon/CloseIcon.js';
 import { Divider } from '../Divider/Divider.js';
 import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
@@ -112,6 +115,7 @@ var _BaseHeader = function _BaseHeader(_ref) {
     onBackButtonClick = _ref.onBackButtonClick,
     onCloseButtonClick = _ref.onCloseButtonClick,
     closeButtonRef = _ref.closeButtonRef,
+    backButtonRef = _ref.backButtonRef,
     testID = _ref.testID,
     onClickCapture = _ref.onClickCapture,
     onKeyDown = _ref.onKeyDown,
@@ -159,6 +163,7 @@ var _BaseHeader = function _BaseHeader(_ref) {
           marginRight: "spacing.5",
           children: /*#__PURE__*/jsx(Box, _objectSpread(_objectSpread({}, centerBoxProps), {}, {
             children: /*#__PURE__*/jsx(IconButton, {
+              ref: backButtonRef,
               size: "large",
               icon: ChevronLeftIcon,
               onClick: function onClick() {
@@ -175,8 +180,6 @@ var _BaseHeader = function _BaseHeader(_ref) {
           flexDirection: "row",
           alignItems: "flex-start",
           children: [leading ? /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread({
-            width: "spacing.8",
-            height: "spacing.8",
             marginRight: "spacing.3"
           }, centerBoxProps), {}, {
             children: leading
@@ -193,6 +196,7 @@ var _BaseHeader = function _BaseHeader(_ref) {
               flexDirection: "row",
               children: [title ? /*#__PURE__*/jsx(Text, {
                 size: "large",
+                marginTop: makeSize(size['1']),
                 weight: "semibold",
                 color: "surface.text.gray.normal",
                 children: title