@razorpay/blade 11.21.9 → 11.22.0

package/build/lib/web/production/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  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","hover","focus","disabled","concat","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","throwBladeError","message","moduleName","_getProps","handleOnClick","event","asProp","isReactNative","_jsx","StyledBaseLink","_objectSpread","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    onMouseDown,\n    onMouseUp,\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      onMouseDown={onMouseDown}\n      onMouseUp={onMouseUp}\n      disabled={disabled}\n      type={type}\n      cursor={cursor}\n      focusRingColor={focusRingColor}\n      motionDuration={motionDuration}\n      motionEasing={motionEasing}\n      setCurrentInteraction={setCurrentInteraction}\n      {...getStyledProps(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","hover","focus","disabled","concat","getProps","_ref2","theme","children","target","size","isButton","textSizes","fontSize","xsmall","small","medium","large","lineHeight","props","as","textDecorationLine","iconColor","iconSize","iconPadding","trim","textColor","focusRingColor","getIn","colors","motionDuration","motionEasing","cursor","role","defaultRel","undefined","type","_BaseLink","_ref3","ref","Icon","icon","_ref3$iconPosition","iconPosition","_ref3$isDisabled","onClick","onKeyDown","_ref3$variant","href","rel","_ref3$color","opacity","accessibilityProps","className","style","_ref3$size","testID","hitSlop","htmlTitle","onBlur","onFocus","onMouseLeave","onMouseMove","onPointerDown","onPointerEnter","onTouchStart","onTouchEnd","onMouseDown","onMouseUp","styledProps","_objectWithoutProperties","_excluded","childrenString","getStringFromReactText","_useInteraction","useInteraction","setCurrentInteraction","syntheticEvents","_excluded2","_useTheme","useTheme","throwBladeError","message","moduleName","_getProps","handleOnClick","event","asProp","isReactNative","_jsx","StyledBaseLink","_objectSpread","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/web/production/components/Link/Link/Link.js

@@ -9,7 +9,7 @@ import BaseLink from '../BaseLink/BaseLink.js';
 import { getStyledProps } from '../../Box/styledProps/getStyledProps.js';
 import { assignWithoutSideEffects } from '../../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
-var _excluded = ["children", "icon", "iconPosition", "isDisabled", "onClick", "variant", "color", "href", "target", "rel", "accessibilityLabel", "size", "testID", "hitSlop", "htmlTitle", "onBlur", "onFocus", "onMouseLeave", "onMouseMove", "onPointerDown", "onPointerEnter", "onTouchStart", "onTouchEnd"];
+var _excluded = ["children", "icon", "iconPosition", "isDisabled", "onClick", "variant", "color", "href", "target", "rel", "accessibilityLabel", "size", "testID", "hitSlop", "htmlTitle", "onBlur", "onFocus", "onMouseLeave", "onMouseMove", "onPointerDown", "onPointerEnter", "onTouchStart", "onTouchEnd", "onMouseDown", "onMouseUp"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var _Link = function _Link(_ref, ref) {
@@ -41,6 +41,8 @@ var _Link = function _Link(_ref, ref) {
     onPointerEnter = _ref.onPointerEnter,
     onTouchStart = _ref.onTouchStart,
     onTouchEnd = _ref.onTouchEnd,
+    onMouseDown = _ref.onMouseDown,
+    onMouseUp = _ref.onMouseUp,
     rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/jsx(BaseLink, _objectSpread(_objectSpread(_objectSpread({}, icon ? {
     icon: icon,
@@ -75,7 +77,9 @@ var _Link = function _Link(_ref, ref) {
     onPointerDown: onPointerDown,
     onPointerEnter: onPointerEnter,
     onTouchStart: onTouchStart,
-    onTouchEnd: onTouchEnd
+    onTouchEnd: onTouchEnd,
+    onMouseDown: onMouseDown,
+    onMouseUp: onMouseUp
   }, getStyledProps(rest)));
 };
 var Link = /*#__PURE__*/assignWithoutSideEffects( /*#__PURE__*/React__default.forwardRef(_Link), {

package/build/lib/web/production/components/Link/Link/Link.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link.js","sources":["../../../../../../../src/components/Link/Link/Link.tsx"],"sourcesContent":["import type { ReactElement, SyntheticEvent } from 'react';\nimport React from 'react';\nimport type { BaseLinkProps } from '../BaseLink';\nimport { BaseLink } from '../BaseLink';\nimport type { IconComponent } from '~components/Icons';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StringChildrenType, TestID, BladeElementRef } from '~utils/types';\nimport type { Platform } from '~utils';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport type { BladeCommonEvents } from '~components/types';\n\ntype LinkCommonProps = {\n  variant?: 'anchor' | 'button';\n  icon?: IconComponent;\n  color?: 'primary' | 'white' | 'neutral';\n  iconPosition?: 'left' | 'right';\n  isDisabled?: boolean;\n  onClick?: (event: SyntheticEvent) => void;\n  href?: string;\n  target?: string;\n  accessibilityLabel?: string;\n\n  /**\n   * It is exposed for internal usage with tooltip.\n   *\n   * @private\n   */\n  'aria-describedby'?: string;\n\n  /**\n   * Sets the size of the link\n   *\n   * @default medium\n   */\n  size?: BaseLinkProps['size'];\n} & TestID &\n  StyledPropsBlade &\n  BladeCommonEvents &\n  Platform.Select<{\n    native: {\n      /**\n       * Defines how far your touch can start away from the link\n       */\n      hitSlop?:\n        | {\n            top?: number;\n            right?: number;\n            bottom?: number;\n            left?: number;\n          }\n        | number;\n      /**\n       * This is a web only prop and has no effect on react-native.\n       */\n      htmlTitle?: undefined;\n    };\n    web: {\n      /**\n       * This is a react-native only prop and has no effect on web.\n       */\n      hitSlop?: undefined;\n      /**\n       * The title of the link which is displayed as a tooltip.\n       */\n      htmlTitle?: string;\n    };\n  }>;\n\n/*\n  Mandatory children prop when icon is not provided\n*/\ntype LinkWithoutIconProps = LinkCommonProps & {\n  icon?: undefined;\n  children: StringChildrenType;\n};\n\n/*\n  Optional children prop when icon is provided\n*/\ntype LinkWithIconProps = LinkCommonProps & {\n  icon: IconComponent;\n  children?: StringChildrenType;\n};\n\n/*\n  Link Props with or without an icon\n*/\ntype LinkPropsWithOrWithoutIcon = LinkWithIconProps | LinkWithoutIconProps;\n\n/*\n  Link Props when variant is anchor\n*/\ntype LinkAnchorVariantProps = LinkPropsWithOrWithoutIcon & {\n  variant?: 'anchor';\n  href?: string;\n  target?: string;\n  rel?: string;\n  isDisabled?: undefined;\n};\n\n/*\n  Link Props when variant is button\n*/\nexport type LinkButtonVariantProps = LinkPropsWithOrWithoutIcon & {\n  variant?: 'button';\n  isDisabled?: boolean;\n  href?: undefined;\n  target?: undefined;\n  rel?: undefined;\n};\n\n/*\n  Link Props when variant is anchor or button\n*/\nexport type LinkProps = LinkAnchorVariantProps | LinkButtonVariantProps;\n\nconst _Link: React.ForwardRefRenderFunction<BladeElementRef, LinkProps> = (\n  {\n    children,\n    icon,\n    iconPosition = 'left',\n    isDisabled = false,\n    onClick,\n    variant = 'anchor',\n    color = 'primary',\n    href,\n    target,\n    rel,\n    accessibilityLabel,\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    ...rest\n  },\n  ref,\n): ReactElement => {\n  return (\n    <BaseLink\n      {...(icon ? { icon, children } : { children })}\n      {...(variant === 'anchor' ? { variant, href, target, rel } : { variant, isDisabled })}\n      ref={ref as never}\n      iconPosition={iconPosition}\n      onClick={onClick}\n      accessibilityProps={{ label: accessibilityLabel, describedBy: rest['aria-describedby'] }}\n      size={size}\n      color={color}\n      testID={testID}\n      hitSlop={hitSlop}\n      htmlTitle={htmlTitle}\n      onBlur={onBlur}\n      onFocus={onFocus}\n      onMouseLeave={onMouseLeave}\n      onMouseMove={onMouseMove}\n      onPointerDown={onPointerDown}\n      onPointerEnter={onPointerEnter}\n      onTouchStart={onTouchStart}\n      onTouchEnd={onTouchEnd}\n      {...getStyledProps(rest)}\n    />\n  );\n};\n\nconst Link = assignWithoutSideEffects(React.forwardRef(_Link), {\n  displayName: 'Link',\n  componentId: 'Link',\n});\n\nexport default Link;\n"],"names":["_Link","_ref","ref","children","icon","_ref$iconPosition","iconPosition","_ref$isDisabled","isDisabled","onClick","_ref$variant","variant","_ref$color","color","href","target","rel","accessibilityLabel","_ref$size","size","testID","hitSlop","htmlTitle","onBlur","onFocus","onMouseLeave","onMouseMove","onPointerDown","onPointerEnter","onTouchStart","onTouchEnd","rest","_objectWithoutProperties","_excluded","_jsx","BaseLink","_objectSpread","accessibilityProps","label","describedBy","getStyledProps","Link","assignWithoutSideEffects","React","forwardRef","displayName","componentId"],"mappings":"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"}
+{"version":3,"file":"Link.js","sources":["../../../../../../../src/components/Link/Link/Link.tsx"],"sourcesContent":["import type { ReactElement, SyntheticEvent } from 'react';\nimport React from 'react';\nimport type { BaseLinkProps } from '../BaseLink';\nimport { BaseLink } from '../BaseLink';\nimport type { IconComponent } from '~components/Icons';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StringChildrenType, TestID, BladeElementRef } from '~utils/types';\nimport type { Platform } from '~utils';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport type { BladeCommonEvents } from '~components/types';\n\ntype LinkCommonProps = {\n  variant?: 'anchor' | 'button';\n  icon?: IconComponent;\n  color?: 'primary' | 'white' | 'neutral';\n  iconPosition?: 'left' | 'right';\n  isDisabled?: boolean;\n  onClick?: (event: SyntheticEvent) => void;\n  href?: string;\n  target?: string;\n  accessibilityLabel?: string;\n\n  /**\n   * It is exposed for internal usage with tooltip.\n   *\n   * @private\n   */\n  'aria-describedby'?: string;\n\n  /**\n   * Sets the size of the link\n   *\n   * @default medium\n   */\n  size?: BaseLinkProps['size'];\n} & TestID &\n  StyledPropsBlade &\n  BladeCommonEvents &\n  Platform.Select<{\n    native: {\n      /**\n       * Defines how far your touch can start away from the link\n       */\n      hitSlop?:\n        | {\n            top?: number;\n            right?: number;\n            bottom?: number;\n            left?: number;\n          }\n        | number;\n      /**\n       * This is a web only prop and has no effect on react-native.\n       */\n      htmlTitle?: undefined;\n    };\n    web: {\n      /**\n       * This is a react-native only prop and has no effect on web.\n       */\n      hitSlop?: undefined;\n      /**\n       * The title of the link which is displayed as a tooltip.\n       */\n      htmlTitle?: string;\n    };\n  }>;\n\n/*\n  Mandatory children prop when icon is not provided\n*/\ntype LinkWithoutIconProps = LinkCommonProps & {\n  icon?: undefined;\n  children: StringChildrenType;\n};\n\n/*\n  Optional children prop when icon is provided\n*/\ntype LinkWithIconProps = LinkCommonProps & {\n  icon: IconComponent;\n  children?: StringChildrenType;\n};\n\n/*\n  Link Props with or without an icon\n*/\ntype LinkPropsWithOrWithoutIcon = LinkWithIconProps | LinkWithoutIconProps;\n\n/*\n  Link Props when variant is anchor\n*/\ntype LinkAnchorVariantProps = LinkPropsWithOrWithoutIcon & {\n  variant?: 'anchor';\n  href?: string;\n  target?: string;\n  rel?: string;\n  isDisabled?: undefined;\n};\n\n/*\n  Link Props when variant is button\n*/\nexport type LinkButtonVariantProps = LinkPropsWithOrWithoutIcon & {\n  variant?: 'button';\n  isDisabled?: boolean;\n  href?: undefined;\n  target?: undefined;\n  rel?: undefined;\n};\n\n/*\n  Link Props when variant is anchor or button\n*/\nexport type LinkProps = LinkAnchorVariantProps | LinkButtonVariantProps;\n\nconst _Link: React.ForwardRefRenderFunction<BladeElementRef, LinkProps> = (\n  {\n    children,\n    icon,\n    iconPosition = 'left',\n    isDisabled = false,\n    onClick,\n    variant = 'anchor',\n    color = 'primary',\n    href,\n    target,\n    rel,\n    accessibilityLabel,\n    size = 'medium',\n    testID,\n    hitSlop,\n    htmlTitle,\n    onBlur,\n    onFocus,\n    onMouseLeave,\n    onMouseMove,\n    onPointerDown,\n    onPointerEnter,\n    onTouchStart,\n    onTouchEnd,\n    onMouseDown,\n    onMouseUp,\n    ...rest\n  },\n  ref,\n): ReactElement => {\n  return (\n    <BaseLink\n      {...(icon ? { icon, children } : { children })}\n      {...(variant === 'anchor' ? { variant, href, target, rel } : { variant, isDisabled })}\n      ref={ref as never}\n      iconPosition={iconPosition}\n      onClick={onClick}\n      accessibilityProps={{ label: accessibilityLabel, describedBy: rest['aria-describedby'] }}\n      size={size}\n      color={color}\n      testID={testID}\n      hitSlop={hitSlop}\n      htmlTitle={htmlTitle}\n      onBlur={onBlur}\n      onFocus={onFocus}\n      onMouseLeave={onMouseLeave}\n      onMouseMove={onMouseMove}\n      onPointerDown={onPointerDown}\n      onPointerEnter={onPointerEnter}\n      onTouchStart={onTouchStart}\n      onTouchEnd={onTouchEnd}\n      onMouseDown={onMouseDown}\n      onMouseUp={onMouseUp}\n      {...getStyledProps(rest)}\n    />\n  );\n};\n\nconst Link = assignWithoutSideEffects(React.forwardRef(_Link), {\n  displayName: 'Link',\n  componentId: 'Link',\n});\n\nexport default Link;\n"],"names":["_Link","_ref","ref","children","icon","_ref$iconPosition","iconPosition","_ref$isDisabled","isDisabled","onClick","_ref$variant","variant","_ref$color","color","href","target","rel","accessibilityLabel","_ref$size","size","testID","hitSlop","htmlTitle","onBlur","onFocus","onMouseLeave","onMouseMove","onPointerDown","onPointerEnter","onTouchStart","onTouchEnd","onMouseDown","onMouseUp","rest","_objectWithoutProperties","_excluded","_jsx","BaseLink","_objectSpread","accessibilityProps","label","describedBy","getStyledProps","Link","assignWithoutSideEffects","React","forwardRef","displayName","componentId"],"mappings":"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"}

package/build/lib/web/production/components/Menu/Menu.web.js

@@ -0,0 +1,99 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useMergeRefs, FloatingNode, FloatingList, FloatingPortal, FloatingFocusManager, useFloatingParentNodeId, FloatingTree } from '@floating-ui/react';
+import * as React from 'react';
+import { useMenu, useFloatingMenuSetup, MenuContext } from './useMenu.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var MenuTree = function MenuTree(_ref) {
+  var children = _ref.children,
+    _ref$openInteraction = _ref.openInteraction,
+    openInteraction = _ref$openInteraction === void 0 ? 'click' : _ref$openInteraction,
+    onOpenChange = _ref.onOpenChange,
+    isOpenControlled = _ref.isOpen;
+  var _React$useState = React.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    hasFocusInside = _React$useState2[0],
+    setHasFocusInside = _React$useState2[1];
+  var elementsRef = React.useRef([]);
+  var labelsRef = React.useRef([]);
+  var parent = useMenu();
+  var _useFloatingMenuSetup = useFloatingMenuSetup({
+      elementsRef: elementsRef,
+      openInteraction: openInteraction,
+      onOpenChange: onOpenChange,
+      isOpen: isOpenControlled
+    }),
+    getReferenceProps = _useFloatingMenuSetup.getReferenceProps,
+    getFloatingProps = _useFloatingMenuSetup.getFloatingProps,
+    getItemProps = _useFloatingMenuSetup.getItemProps,
+    item = _useFloatingMenuSetup.item,
+    refs = _useFloatingMenuSetup.refs,
+    floatingStyles = _useFloatingMenuSetup.floatingStyles,
+    isOpen = _useFloatingMenuSetup.isOpen,
+    nodeId = _useFloatingMenuSetup.nodeId,
+    isNested = _useFloatingMenuSetup.isNested,
+    context = _useFloatingMenuSetup.context,
+    isMounted = _useFloatingMenuSetup.isMounted,
+    floatingTransitionStyles = _useFloatingMenuSetup.floatingTransitionStyles;
+  var referenceProps = _objectSpread({
+    ref: useMergeRefs([refs.setReference, item.ref])
+  }, getReferenceProps(parent.getItemProps({
+    onFocus: function onFocus() {
+      setHasFocusInside(false);
+      parent.setHasFocusInside(true);
+    }
+  })));
+  var floatingProps = _objectSpread({
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    ref: refs.setFloating,
+    style: floatingStyles,
+    _transitionStyle: floatingTransitionStyles
+  }, getFloatingProps());
+  var _ref2 = React.Children.toArray(children),
+    _ref3 = _slicedToArray(_ref2, 2),
+    menuTriggerChild = _ref3[0],
+    menuOverlayChild = _ref3[1];
+  var triggerWithReferenceProps = /*#__PURE__*/React.cloneElement(menuTriggerChild, _objectSpread(_objectSpread(_objectSpread({}, menuTriggerChild.props), referenceProps), {}, {
+    _hasFocusInside: hasFocusInside,
+    _isMenuTrigger: true
+  }));
+  var overlayWithFloatingProps = /*#__PURE__*/React.cloneElement(menuOverlayChild, _objectSpread(_objectSpread({}, menuOverlayChild.props), floatingProps));
+  return /*#__PURE__*/jsx(FloatingNode, {
+    id: nodeId,
+    children: /*#__PURE__*/jsxs(MenuContext.Provider, {
+      value: {
+        getItemProps: getItemProps,
+        setHasFocusInside: setHasFocusInside,
+        isOpen: isOpen
+      },
+      children: [triggerWithReferenceProps, /*#__PURE__*/jsx(FloatingList, {
+        elementsRef: elementsRef,
+        labelsRef: labelsRef,
+        children: isMounted && /*#__PURE__*/jsx(FloatingPortal, {
+          children: /*#__PURE__*/jsx(FloatingFocusManager, {
+            context: context,
+            modal: false,
+            initialFocus: -1,
+            returnFocus: !isNested,
+            children: overlayWithFloatingProps
+          })
+        })
+      })]
+    })
+  });
+};
+var Menu = function Menu(props) {
+  var parentId = useFloatingParentNodeId();
+  if (parentId === null) {
+    return /*#__PURE__*/jsx(FloatingTree, {
+      children: /*#__PURE__*/jsx(MenuTree, _objectSpread({}, props))
+    });
+  }
+  return /*#__PURE__*/jsx(MenuTree, _objectSpread({}, props));
+};
+
+export { Menu };
+//# sourceMappingURL=Menu.web.js.map

package/build/lib/web/production/components/Menu/Menu.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.web.js","sources":["../../../../../../src/components/Menu/Menu.web.tsx"],"sourcesContent":["import {\n  FloatingFocusManager,\n  FloatingList,\n  FloatingNode,\n  FloatingPortal,\n  FloatingTree,\n  useFloatingParentNodeId,\n  useMergeRefs,\n} from '@floating-ui/react';\nimport * as React from 'react';\nimport { MenuContext, useFloatingMenuSetup, useMenu } from './useMenu';\nimport type { MenuProps } from './types';\n\nconst MenuTree = ({\n  children,\n  openInteraction = 'click',\n  onOpenChange,\n  isOpen: isOpenControlled,\n}: MenuProps): React.ReactElement => {\n  const [hasFocusInside, setHasFocusInside] = React.useState(false);\n\n  const elementsRef = React.useRef<(HTMLButtonElement | null)[]>([]);\n  const labelsRef = React.useRef<(string | null)[]>([]);\n  const parent = useMenu();\n\n  const {\n    getReferenceProps,\n    getFloatingProps,\n    getItemProps,\n    item,\n    refs,\n    floatingStyles,\n    isOpen,\n    nodeId,\n    isNested,\n    context,\n    isMounted,\n    floatingTransitionStyles,\n  } = useFloatingMenuSetup({\n    elementsRef,\n    openInteraction,\n    onOpenChange,\n    isOpen: isOpenControlled,\n  });\n\n  const referenceProps = {\n    ref: useMergeRefs([refs.setReference, item.ref]),\n    ...getReferenceProps(\n      parent.getItemProps({\n        onFocus() {\n          setHasFocusInside(false);\n          parent.setHasFocusInside(true);\n        },\n      }),\n    ),\n  };\n\n  const floatingProps = {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    ref: refs.setFloating as any,\n    style: floatingStyles,\n    _transitionStyle: floatingTransitionStyles,\n    ...getFloatingProps(),\n  };\n\n  const [menuTriggerChild, menuOverlayChild] = React.Children.toArray(children) as [\n    React.ReactElement,\n    React.ReactElement,\n  ];\n\n  const triggerWithReferenceProps = React.cloneElement(menuTriggerChild, {\n    ...menuTriggerChild.props,\n    ...referenceProps,\n    _hasFocusInside: hasFocusInside,\n    _isMenuTrigger: true,\n  });\n\n  const overlayWithFloatingProps = React.cloneElement(menuOverlayChild, {\n    ...menuOverlayChild.props,\n    ...floatingProps,\n  });\n\n  return (\n    <FloatingNode id={nodeId}>\n      <MenuContext.Provider\n        value={{\n          getItemProps,\n          setHasFocusInside,\n          isOpen,\n        }}\n      >\n        {triggerWithReferenceProps}\n        <FloatingList elementsRef={elementsRef} labelsRef={labelsRef}>\n          {isMounted && (\n            <FloatingPortal>\n              <FloatingFocusManager\n                context={context}\n                modal={false}\n                initialFocus={-1}\n                returnFocus={!isNested}\n              >\n                {overlayWithFloatingProps}\n              </FloatingFocusManager>\n            </FloatingPortal>\n          )}\n        </FloatingList>\n      </MenuContext.Provider>\n    </FloatingNode>\n  );\n};\n\nconst Menu = (props: MenuProps): React.ReactElement => {\n  const parentId = useFloatingParentNodeId();\n\n  if (parentId === null) {\n    return (\n      <FloatingTree>\n        <MenuTree {...props} />\n      </FloatingTree>\n    );\n  }\n\n  return <MenuTree {...props} />;\n};\n\nexport { Menu };\n"],"names":["MenuTree","_ref","children","_ref$openInteraction","openInteraction","onOpenChange","isOpenControlled","isOpen","_React$useState","React","useState","_React$useState2","_slicedToArray","hasFocusInside","setHasFocusInside","elementsRef","useRef","labelsRef","parent","useMenu","_useFloatingMenuSetup","useFloatingMenuSetup","getReferenceProps","getFloatingProps","getItemProps","item","refs","floatingStyles","nodeId","isNested","context","isMounted","floatingTransitionStyles","referenceProps","_objectSpread","ref","useMergeRefs","setReference","onFocus","floatingProps","setFloating","style","_transitionStyle","_ref2","Children","toArray","_ref3","menuTriggerChild","menuOverlayChild","triggerWithReferenceProps","cloneElement","props","_hasFocusInside","_isMenuTrigger","overlayWithFloatingProps","_jsx","FloatingNode","id","_jsxs","MenuContext","Provider","value","FloatingList","FloatingPortal","FloatingFocusManager","modal","initialFocus","returnFocus","Menu","parentId","useFloatingParentNodeId","FloatingTree"],"mappings":"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"}

package/build/lib/web/production/components/Menu/MenuItem.web.js

@@ -0,0 +1,63 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { useListItem, useFloatingTree, useMergeRefs } from '@floating-ui/react';
+import React__default from 'react';
+import { useMenu } from './useMenu.js';
+import '../BaseMenu/index.js';
+import '../Icons/index.js';
+import { jsx } from 'react/jsx-runtime';
+import { BaseMenuItem } from '../BaseMenu/BaseMenuItem/BaseMenuItem.js';
+import ChevronRightIcon from '../Icons/ChevronRightIcon/ChevronRightIcon.js';
+
+var _excluded = ["title", "isDisabled", "description", "leading", "trailing", "_isMenuTrigger", "_hasFocusInside", "href", "target", "children", "as"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var MenuItem = /*#__PURE__*/React__default.forwardRef(function (_ref, forwardedRef) {
+  var title = _ref.title,
+    isDisabled = _ref.isDisabled,
+    description = _ref.description,
+    leading = _ref.leading,
+    trailing = _ref.trailing,
+    _isMenuTrigger = _ref._isMenuTrigger,
+    _hasFocusInside = _ref._hasFocusInside,
+    href = _ref.href,
+    target = _ref.target,
+    children = _ref.children,
+    as = _ref.as,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var menu = useMenu();
+  var item = useListItem({
+    label: isDisabled && Boolean(children) ? null : title
+  });
+  var tree = useFloatingTree();
+  var isLink = Boolean(href);
+  var defaultAs = isLink ? 'a' : 'button';
+  return /*#__PURE__*/jsx(BaseMenuItem, _objectSpread(_objectSpread(_objectSpread({
+    title: title,
+    description: description,
+    leading: leading,
+    trailing: _isMenuTrigger ? /*#__PURE__*/jsx(ChevronRightIcon, {
+      color: "interactive.icon.gray.muted"
+    }) : trailing,
+    as: as !== null && as !== void 0 ? as : defaultAs,
+    href: href,
+    ref: useMergeRefs([item.ref, forwardedRef]),
+    isDisabled: isDisabled
+  }, props), _isMenuTrigger ? {} : menu.getItemProps({
+    onClick: function onClick(event) {
+      var _props$onClick;
+      (_props$onClick = props.onClick) === null || _props$onClick === void 0 ? void 0 : _props$onClick.call(props, event);
+      tree === null || tree === void 0 ? void 0 : tree.events.emit('click');
+    },
+    onFocus: function onFocus(event) {
+      var _props$onFocus;
+      (_props$onFocus = props.onFocus) === null || _props$onFocus === void 0 ? void 0 : _props$onFocus.call(props, event);
+      menu.setHasFocusInside(true);
+    }
+  })), {}, {
+    children: children
+  }));
+});
+
+export { MenuItem };
+//# sourceMappingURL=MenuItem.web.js.map

package/build/lib/web/production/components/Menu/MenuItem.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItem.web.js","sources":["../../../../../../src/components/Menu/MenuItem.web.tsx"],"sourcesContent":["import { useFloatingTree, useListItem, useMergeRefs } from '@floating-ui/react';\nimport React from 'react';\nimport type { MenuItemProps } from './types';\nimport { useMenu } from './useMenu';\nimport { BaseMenuItem } from '~components/BaseMenu';\nimport { ChevronRightIcon } from '~components/Icons';\n\nconst MenuItem = React.forwardRef<HTMLButtonElement, MenuItemProps>(\n  (\n    {\n      title,\n      isDisabled,\n      description,\n      leading,\n      trailing,\n      _isMenuTrigger,\n      _hasFocusInside,\n      href,\n      target,\n      children,\n      as,\n      ...props\n    },\n    forwardedRef,\n  ) => {\n    const menu = useMenu();\n    const item = useListItem({ label: isDisabled && Boolean(children) ? null : title });\n    const tree = useFloatingTree();\n\n    const isLink = Boolean(href);\n\n    const defaultAs = isLink ? 'a' : 'button';\n\n    return (\n      <BaseMenuItem\n        title={title}\n        description={description}\n        leading={leading}\n        trailing={\n          _isMenuTrigger ? <ChevronRightIcon color=\"interactive.icon.gray.muted\" /> : trailing\n        }\n        as={as ?? defaultAs}\n        href={href}\n        ref={useMergeRefs([item.ref, forwardedRef])}\n        isDisabled={isDisabled}\n        {...props}\n        {...(_isMenuTrigger\n          ? {}\n          : menu.getItemProps({\n              onClick(event: React.MouseEvent<HTMLButtonElement>) {\n                props.onClick?.(event);\n                tree?.events.emit('click');\n              },\n              onFocus(event: React.FocusEvent<HTMLButtonElement>) {\n                props.onFocus?.(event);\n                menu.setHasFocusInside(true);\n              },\n            }))}\n      >\n        {children}\n      </BaseMenuItem>\n    );\n  },\n);\n\nexport { MenuItem };\n"],"names":["MenuItem","React","forwardRef","_ref","forwardedRef","title","isDisabled","description","leading","trailing","_isMenuTrigger","_hasFocusInside","href","target","children","as","props","_objectWithoutProperties","_excluded","menu","useMenu","item","useListItem","label","Boolean","tree","useFloatingTree","isLink","defaultAs","_jsx","BaseMenuItem","_objectSpread","ChevronRightIcon","color","ref","useMergeRefs","getItemProps","onClick","event","_props$onClick","call","events","emit","onFocus","_props$onFocus","setHasFocusInside"],"mappings":"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"}

package/build/lib/web/production/components/Menu/MenuOverlay.web.js

@@ -0,0 +1,59 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import React__default from 'react';
+import styled from 'styled-components';
+import { MENU_MIN_WIDTH, overlayPaddingX, overlayPaddingY } from './tokens.js';
+import '../Box/BaseBox/index.js';
+import { componentZIndices } from '../../utils/componentZIndices.js';
+import '../../utils/metaAttribute/index.js';
+import { jsx } from 'react/jsx-runtime';
+import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
+import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.web.js';
+import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
+
+var _excluded = ["children", "zIndex", "_transitionStyle", "testID"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var UnfocussableOverlay = /*#__PURE__*/styled(BaseBox).withConfig({
+  displayName: "MenuOverlayweb__UnfocussableOverlay",
+  componentId: "sc-1nhzg4x-0"
+})(function (_props) {
+  return {
+    '&:focus-visible': {
+      outline: 'none'
+    }
+  };
+});
+var _MenuOverlay = function _MenuOverlay(_ref, ref) {
+  var children = _ref.children,
+    _ref$zIndex = _ref.zIndex,
+    zIndex = _ref$zIndex === void 0 ? componentZIndices.dropdownOverlay : _ref$zIndex,
+    _transitionStyle = _ref._transitionStyle,
+    testID = _ref.testID,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/jsx(UnfocussableOverlay, _objectSpread(_objectSpread(_objectSpread({
+    ref: ref
+  }, props), {}, {
+    minWidth: MENU_MIN_WIDTH,
+    zIndex: zIndex
+  }, metaAttribute({
+    name: MetaConstants.Menu,
+    testID: testID
+  })), {}, {
+    children: /*#__PURE__*/jsx(BaseBox, {
+      backgroundColor: "popup.background.subtle",
+      paddingX: overlayPaddingX,
+      paddingY: overlayPaddingY,
+      elevation: "midRaised",
+      borderWidth: "thin",
+      borderColor: "surface.border.gray.muted",
+      borderRadius: "medium",
+      style: _transitionStyle,
+      children: children
+    })
+  }));
+};
+var MenuOverlay = /*#__PURE__*/React__default.forwardRef(_MenuOverlay);
+
+export { MenuOverlay };
+//# sourceMappingURL=MenuOverlay.web.js.map

package/build/lib/web/production/components/Menu/MenuOverlay.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuOverlay.web.js","sources":["../../../../../../src/components/Menu/MenuOverlay.web.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport type { MenuOverlayProps } from './types';\nimport { MENU_MIN_WIDTH, overlayPaddingX, overlayPaddingY } from './tokens';\nimport BaseBox from '~components/Box/BaseBox';\nimport { componentZIndices } from '~utils/componentZIndices';\nimport type { BladeElementRef } from '~utils/types';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\n\nconst UnfocussableOverlay = styled(BaseBox)((_props) => {\n  return {\n    '&:focus-visible': {\n      outline: 'none',\n    },\n  };\n});\n\nconst _MenuOverlay: React.ForwardRefRenderFunction<BladeElementRef, MenuOverlayProps> = (\n  { children, zIndex = componentZIndices.dropdownOverlay, _transitionStyle, testID, ...props },\n  ref,\n): React.ReactElement => {\n  return (\n    <UnfocussableOverlay\n      ref={ref as never}\n      {...props}\n      minWidth={MENU_MIN_WIDTH}\n      zIndex={zIndex}\n      {...metaAttribute({ name: MetaConstants.Menu, testID })}\n    >\n      {/* \n        Requires another nested div since floatingStyles clash with floatingTransitionStyles \n\n        https://floating-ui.com/docs/usetransition#usetransitionstyles\n      */}\n      <BaseBox\n        backgroundColor=\"popup.background.subtle\"\n        paddingX={overlayPaddingX}\n        paddingY={overlayPaddingY}\n        elevation=\"midRaised\"\n        borderWidth=\"thin\"\n        borderColor=\"surface.border.gray.muted\"\n        borderRadius=\"medium\"\n        style={_transitionStyle}\n      >\n        {children}\n      </BaseBox>\n    </UnfocussableOverlay>\n  );\n};\n\nconst MenuOverlay = React.forwardRef(_MenuOverlay);\n\nexport { MenuOverlay };\n"],"names":["UnfocussableOverlay","styled","BaseBox","withConfig","displayName","componentId","_props","outline","_MenuOverlay","_ref","ref","children","_ref$zIndex","zIndex","componentZIndices","dropdownOverlay","_transitionStyle","testID","props","_objectWithoutProperties","_excluded","_jsx","_objectSpread","minWidth","MENU_MIN_WIDTH","metaAttribute","name","MetaConstants","Menu","backgroundColor","paddingX","overlayPaddingX","paddingY","overlayPaddingY","elevation","borderWidth","borderColor","borderRadius","style","MenuOverlay","React","forwardRef"],"mappings":";;;;;;;;;;;;;;;;AASA,IAAMA,mBAAmB,gBAAGC,MAAM,CAACC,OAAO,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,qCAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAAC,CAAA,CAAA,UAACC,MAAM,EAAK;EACtD,OAAO;AACL,IAAA,iBAAiB,EAAE;AACjBC,MAAAA,OAAO,EAAE,MAAA;AACX,KAAA;GACD,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,IAAMC,YAA+E,GAAG,SAAlFA,YAA+EA,CAAAC,IAAA,EAEnFC,GAAG,EACoB;AAAA,EAAA,IAFrBC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAAC,WAAA,GAAAH,IAAA,CAAEI,MAAM;AAANA,IAAAA,MAAM,GAAAD,WAAA,KAAA,KAAA,CAAA,GAAGE,iBAAiB,CAACC,eAAe,GAAAH,WAAA;IAAEI,gBAAgB,GAAAP,IAAA,CAAhBO,gBAAgB;IAAEC,MAAM,GAAAR,IAAA,CAANQ,MAAM;AAAKC,IAAAA,KAAK,GAAAC,wBAAA,CAAAV,IAAA,EAAAW,SAAA,CAAA,CAAA;EAG1F,oBACEC,GAAA,CAACrB,mBAAmB,EAAAsB,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAA;AAClBZ,IAAAA,GAAG,EAAEA,GAAAA;AAAa,GAAA,EACdQ,KAAK,CAAA,EAAA,EAAA,EAAA;AACTK,IAAAA,QAAQ,EAAEC,cAAe;AACzBX,IAAAA,MAAM,EAAEA,MAAAA;AAAO,GAAA,EACXY,aAAa,CAAC;IAAEC,IAAI,EAAEC,aAAa,CAACC,IAAI;AAAEX,IAAAA,MAAM,EAANA,MAAAA;AAAO,GAAC,CAAC,CAAA,EAAA,EAAA,EAAA;IAAAN,QAAA,eAOvDU,GAAA,CAACnB,OAAO,EAAA;AACN2B,MAAAA,eAAe,EAAC,yBAAyB;AACzCC,MAAAA,QAAQ,EAAEC,eAAgB;AAC1BC,MAAAA,QAAQ,EAAEC,eAAgB;AAC1BC,MAAAA,SAAS,EAAC,WAAW;AACrBC,MAAAA,WAAW,EAAC,MAAM;AAClBC,MAAAA,WAAW,EAAC,2BAA2B;AACvCC,MAAAA,YAAY,EAAC,QAAQ;AACrBC,MAAAA,KAAK,EAAEtB,gBAAiB;AAAAL,MAAAA,QAAA,EAEvBA,QAAAA;KACM,CAAA;AAAC,GAAA,CACS,CAAC,CAAA;AAE1B,CAAC,CAAA;AAED,IAAM4B,WAAW,gBAAGC,cAAK,CAACC,UAAU,CAACjC,YAAY;;;;"}

package/build/lib/web/production/components/Menu/VisualSubComponents/MenuDivider.web.js

@@ -0,0 +1,18 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { getDividerMarginTokens } from '../tokens.js';
+import '../../Divider/index.js';
+import '../../../utils/index.js';
+import { jsx } from 'react/jsx-runtime';
+import useTheme from '../../BladeProvider/useTheme.js';
+import { Divider } from '../../Divider/Divider.js';
+
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var MenuDivider = function MenuDivider(styledProps) {
+  var _useTheme = useTheme(),
+    theme = _useTheme.theme;
+  return /*#__PURE__*/jsx(Divider, _objectSpread(_objectSpread({}, getDividerMarginTokens(theme)), styledProps));
+};
+
+export { MenuDivider };
+//# sourceMappingURL=MenuDivider.web.js.map

package/build/lib/web/production/components/Menu/VisualSubComponents/MenuDivider.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuDivider.web.js","sources":["../../../../../../../src/components/Menu/VisualSubComponents/MenuDivider.web.tsx"],"sourcesContent":["import { getDividerMarginTokens } from '../tokens';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { Divider } from '~components/Divider';\nimport { useTheme } from '~utils';\n\nconst MenuDivider = (styledProps: StyledPropsBlade): React.ReactElement => {\n  const { theme } = useTheme();\n  return <Divider {...getDividerMarginTokens(theme)} {...styledProps} />;\n};\n\nexport { MenuDivider };\n"],"names":["MenuDivider","styledProps","_useTheme","useTheme","theme","_jsx","Divider","_objectSpread","getDividerMarginTokens"],"mappings":";;;;;;;;;;AAKA,IAAMA,WAAW,GAAG,SAAdA,WAAWA,CAAIC,WAA6B,EAAyB;AACzE,EAAA,IAAAC,SAAA,GAAkBC,QAAQ,EAAE;IAApBC,KAAK,GAAAF,SAAA,CAALE,KAAK,CAAA;AACb,EAAA,oBAAOC,GAAA,CAACC,OAAO,EAAAC,aAAA,CAAAA,aAAA,CAAKC,EAAAA,EAAAA,sBAAsB,CAACJ,KAAK,CAAC,CAAMH,EAAAA,WAAW,CAAG,CAAC,CAAA;AACxE;;;;"}

package/build/lib/web/production/components/Menu/VisualSubComponents/MenuHeaderFooter.web.js

@@ -0,0 +1,65 @@
+import 'react';
+import { overlayPaddingX, headerMarginBottom, footerPaddingTop } from '../tokens.js';
+import { MenuDivider } from './MenuDivider.web.js';
+import { BaseFooter } from '../../BaseHeaderFooter/BaseFooter.js';
+import { BaseHeader } from '../../BaseHeaderFooter/BaseHeader.js';
+import '../../../utils/assignWithoutSideEffects/index.js';
+import { MetaConstants } from '../../../utils/metaAttribute/metaConstants.js';
+import '../../Box/index.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { assignWithoutSideEffects } from '../../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
+import { Box } from '../../Box/Box.js';
+
+/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */
+var _MenuHeader = function _MenuHeader(_ref) {
+  var title = _ref.title,
+    subtitle = _ref.subtitle,
+    leading = _ref.leading,
+    titleSuffix = _ref.titleSuffix,
+    trailing = _ref.trailing,
+    testID = _ref.testID;
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx(BaseHeader, {
+      title: title,
+      subtitle: subtitle,
+      leading: leading,
+      trailing: trailing,
+      titleSuffix: titleSuffix,
+      metaComponentName: MetaConstants.MenuHeader,
+      testID: testID
+      // back button
+      ,
+      showBackButton: false
+      // close button
+      ,
+      showCloseButton: false,
+      paddingX: overlayPaddingX,
+      marginTop: "spacing.0",
+      marginBottom: headerMarginBottom,
+      showDivider: false
+    }), /*#__PURE__*/jsx(MenuDivider, {})]
+  });
+};
+var MenuHeader = /*#__PURE__*/assignWithoutSideEffects(_MenuHeader, {
+  componentId: 'MenuHeader'
+});
+var _MenuFooter = function _MenuFooter(_ref2) {
+  var children = _ref2.children,
+    testID = _ref2.testID;
+  return /*#__PURE__*/jsxs(Box, {
+    marginTop: "spacing.2",
+    children: [/*#__PURE__*/jsx(MenuDivider, {}), /*#__PURE__*/jsx(BaseFooter, {
+      metaComponentName: MetaConstants.MenuFooter,
+      showDivider: false,
+      padding: [footerPaddingTop, overlayPaddingX, 'spacing.0', overlayPaddingX],
+      testID: testID,
+      children: children
+    })]
+  });
+};
+var MenuFooter = /*#__PURE__*/assignWithoutSideEffects(_MenuFooter, {
+  componentId: 'MenuFooter'
+});
+
+export { MenuFooter, MenuHeader };
+//# sourceMappingURL=MenuHeaderFooter.web.js.map

package/build/lib/web/production/components/Menu/VisualSubComponents/MenuHeaderFooter.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuHeaderFooter.web.js","sources":["../../../../../../../src/components/Menu/VisualSubComponents/MenuHeaderFooter.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */\nimport React from 'react';\nimport { footerPaddingTop, headerMarginBottom, overlayPaddingX } from '../tokens';\nimport type { MenuFooterProps, MenuHeaderProps } from '../types';\nimport { MenuDivider } from './MenuDivider';\nimport { BaseFooter } from '~components/BaseHeaderFooter/BaseFooter';\nimport { BaseHeader } from '~components/BaseHeaderFooter/BaseHeader';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { MetaConstants } from '~utils/metaAttribute/metaConstants';\nimport { Box } from '~components/Box';\n\nconst _MenuHeader = ({\n  title,\n  subtitle,\n  leading,\n  titleSuffix,\n  trailing,\n  testID,\n}: MenuHeaderProps): React.ReactElement => {\n  return (\n    <>\n      <BaseHeader\n        title={title}\n        subtitle={subtitle}\n        leading={leading}\n        trailing={trailing}\n        titleSuffix={titleSuffix}\n        metaComponentName={MetaConstants.MenuHeader}\n        testID={testID}\n        // back button\n        showBackButton={false}\n        // close button\n        showCloseButton={false}\n        paddingX={overlayPaddingX}\n        marginTop=\"spacing.0\"\n        marginBottom={headerMarginBottom}\n        showDivider={false}\n      />\n      <MenuDivider />\n    </>\n  );\n};\n\nconst MenuHeader = assignWithoutSideEffects(_MenuHeader, {\n  componentId: 'MenuHeader',\n});\n\nconst _MenuFooter = ({ children, testID }: MenuFooterProps): React.ReactElement => {\n  return (\n    <Box marginTop=\"spacing.2\">\n      <MenuDivider />\n      <BaseFooter\n        metaComponentName={MetaConstants.MenuFooter}\n        showDivider={false}\n        padding={[footerPaddingTop, overlayPaddingX, 'spacing.0', overlayPaddingX]}\n        testID={testID}\n      >\n        {children}\n      </BaseFooter>\n    </Box>\n  );\n};\n\nconst MenuFooter = assignWithoutSideEffects(_MenuFooter, {\n  componentId: 'MenuFooter',\n});\n\nexport { MenuHeader, MenuFooter };\n"],"names":["_MenuHeader","_ref","title","subtitle","leading","titleSuffix","trailing","testID","_jsxs","_Fragment","children","_jsx","BaseHeader","metaComponentName","MetaConstants","MenuHeader","showBackButton","showCloseButton","paddingX","overlayPaddingX","marginTop","marginBottom","headerMarginBottom","showDivider","MenuDivider","assignWithoutSideEffects","componentId","_MenuFooter","_ref2","Box","BaseFooter","MenuFooter","padding","footerPaddingTop"],"mappings":";;;;;;;;;;;;AAAA;AAWA,IAAMA,WAAW,GAAG,SAAdA,WAAWA,CAAAC,IAAA,EAO0B;AAAA,EAAA,IANzCC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,OAAO,GAAAH,IAAA,CAAPG,OAAO;IACPC,WAAW,GAAAJ,IAAA,CAAXI,WAAW;IACXC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;IACRC,MAAM,GAAAN,IAAA,CAANM,MAAM,CAAA;EAEN,oBACEC,IAAA,CAAAC,QAAA,EAAA;IAAAC,QAAA,EAAA,cACEC,GAAA,CAACC,UAAU,EAAA;AACTV,MAAAA,KAAK,EAAEA,KAAM;AACbC,MAAAA,QAAQ,EAAEA,QAAS;AACnBC,MAAAA,OAAO,EAAEA,OAAQ;AACjBE,MAAAA,QAAQ,EAAEA,QAAS;AACnBD,MAAAA,WAAW,EAAEA,WAAY;MACzBQ,iBAAiB,EAAEC,aAAa,CAACC,UAAW;AAC5CR,MAAAA,MAAM,EAAEA,MAAAA;AACR;AAAA;AACAS,MAAAA,cAAc,EAAE,KAAA;AAChB;AAAA;AACAC,MAAAA,eAAe,EAAE,KAAM;AACvBC,MAAAA,QAAQ,EAAEC,eAAgB;AAC1BC,MAAAA,SAAS,EAAC,WAAW;AACrBC,MAAAA,YAAY,EAAEC,kBAAmB;AACjCC,MAAAA,WAAW,EAAE,KAAA;AAAM,KACpB,CAAC,eACFZ,GAAA,CAACa,WAAW,IAAE,CAAC,CAAA;AAAA,GACf,CAAC,CAAA;AAEP,CAAC,CAAA;AAED,IAAMT,UAAU,gBAAGU,wBAAwB,CAACzB,WAAW,EAAE;AACvD0B,EAAAA,WAAW,EAAE,YAAA;AACf,CAAC,EAAC;AAEF,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAAC,KAAA,EAAkE;AAAA,EAAA,IAA5DlB,QAAQ,GAAAkB,KAAA,CAARlB,QAAQ;IAAEH,MAAM,GAAAqB,KAAA,CAANrB,MAAM,CAAA;EACrC,oBACEC,IAAA,CAACqB,GAAG,EAAA;AAACT,IAAAA,SAAS,EAAC,WAAW;IAAAV,QAAA,EAAA,cACxBC,GAAA,CAACa,WAAW,IAAE,CAAC,eACfb,GAAA,CAACmB,UAAU,EAAA;MACTjB,iBAAiB,EAAEC,aAAa,CAACiB,UAAW;AAC5CR,MAAAA,WAAW,EAAE,KAAM;MACnBS,OAAO,EAAE,CAACC,gBAAgB,EAAEd,eAAe,EAAE,WAAW,EAAEA,eAAe,CAAE;AAC3EZ,MAAAA,MAAM,EAAEA,MAAO;AAAAG,MAAAA,QAAA,EAEdA,QAAAA;AAAQ,KACC,CAAC,CAAA;AAAA,GACV,CAAC,CAAA;AAEV,CAAC,CAAA;AAED,IAAMqB,UAAU,gBAAGN,wBAAwB,CAACE,WAAW,EAAE;AACvDD,EAAAA,WAAW,EAAE,YAAA;AACf,CAAC;;;;"}

package/build/lib/web/production/components/Menu/index.js

@@ -0,0 +1,6 @@
+export { Menu } from './Menu.web.js';
+export { MenuItem } from './MenuItem.web.js';
+export { MenuOverlay } from './MenuOverlay.web.js';
+export { MenuDivider } from './VisualSubComponents/MenuDivider.web.js';
+export { MenuFooter, MenuHeader } from './VisualSubComponents/MenuHeaderFooter.web.js';
+//# sourceMappingURL=index.js.map

package/build/lib/web/production/components/Menu/index.js.map

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

package/build/lib/web/production/components/Menu/tokens.js

@@ -0,0 +1,26 @@
+import '../../tokens/global/index.js';
+import '../../utils/index.js';
+import getIn from '../../utils/lodashButBetter/get.js';
+import { makeSpace } from '../../utils/makeSpace/makeSpace.js';
+import { makeSize } from '../../utils/makeSize/makeSize.js';
+import { size } from '../../tokens/global/size.js';
+
+var overlayPaddingX = 'spacing.3';
+var overlayPaddingY = 'spacing.4';
+var headerMarginBottom = 'spacing.3';
+var footerPaddingTop = 'spacing.3';
+var getDividerMarginTokens = function getDividerMarginTokens(theme) {
+  var overlayPaddingXValue = getIn(theme, overlayPaddingX);
+  return {
+    marginLeft: "-".concat(makeSpace(overlayPaddingXValue)),
+    marginRight: "-".concat(makeSpace(overlayPaddingXValue)),
+    marginY: 'spacing.1'
+  };
+};
+var MENU_MIN_WIDTH = {
+  base: makeSize(size['200']),
+  s: makeSize(size['240'])
+};
+
+export { MENU_MIN_WIDTH, footerPaddingTop, getDividerMarginTokens, headerMarginBottom, overlayPaddingX, overlayPaddingY };
+//# sourceMappingURL=tokens.js.map