@razorpay/blade 11.21.9 → 11.23.0

package/build/lib/web/development/components/Button/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../../../../../src/components/Button/Button/Button.tsx"],"sourcesContent":["import type { GestureResponderEvent } from 'react-native';\nimport React from 'react';\nimport BaseButton from '../BaseButton';\nimport type { BaseButtonProps } from '../BaseButton/BaseButton';\nimport type { IconComponent } from '~components/Icons';\nimport type { Platform } from '~utils';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { BladeElementRef, StringChildrenType, TestID } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport type { BladeCommonEvents } from '~components/types';\n\ntype ButtonCommonProps = {\n  /**\n   * Automatically renders button with `a` tag with `href` on web\n   */\n  href?: BaseButtonProps['href'];\n  /**\n   * anchor target attribute\n   *\n   * Should only be used alongside `href`\n   */\n  target?: BaseButtonProps['target'];\n  /**\n   * anchor rel attribute\n   *\n   * Should only be used alongside `href`\n   */\n  rel?: BaseButtonProps['rel'];\n  variant?: 'primary' | 'secondary' | 'tertiary';\n  color?: 'primary' | 'white' | 'positive' | 'negative';\n  size?: 'xsmall' | 'small' | 'medium' | 'large';\n  iconPosition?: 'left' | 'right';\n  isDisabled?: boolean;\n  isFullWidth?: boolean;\n  isLoading?: boolean;\n  accessibilityLabel?: string;\n  type?: 'button' | 'reset' | 'submit';\n\n  /**\n   * It is exposed for internal usage with tooltip.\n   *\n   * @private\n   */\n  'aria-describedby'?: string;\n  onClick?: Platform.Select<{\n    native: (event: GestureResponderEvent) => void;\n    web: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  }>;\n} & TestID &\n  StyledPropsBlade &\n  BladeCommonEvents;\n\n/*\n  Mandatory children prop when icon is not provided\n  */\ntype ButtonWithoutIconProps = ButtonCommonProps & {\n  icon?: undefined;\n  children: StringChildrenType;\n};\n\n/*\n   Optional children prop when icon is provided\n  */\ntype ButtonWithIconProps = ButtonCommonProps & {\n  icon: IconComponent;\n  children?: StringChildrenType;\n};\n\nexport type ButtonProps = ButtonWithoutIconProps | ButtonWithIconProps;\n\nconst _Button: React.ForwardRefRenderFunction<BladeElementRef, ButtonProps> = (\n  // While adding any prop here, make sure to handle it in DropdownButton as well\n  {\n    children,\n    icon,\n    iconPosition = 'left',\n    isDisabled = false,\n    isFullWidth = false,\n    isLoading = false,\n    href,\n    target,\n    rel,\n    onClick,\n    size = 'medium',\n    type = 'button',\n    variant = 'primary',\n    color = 'primary',\n    accessibilityLabel,\n    testID,\n    onBlur,\n    onFocus,\n    onMouseLeave,\n    onMouseMove,\n    onPointerDown,\n    onPointerEnter,\n    onTouchStart,\n    onTouchEnd,\n    ...rest\n  },\n  ref,\n) => {\n  return (\n    <BaseButton\n      {...(icon ? { icon, children } : { children })}\n      {...getStyledProps(rest)}\n      ref={ref}\n      href={href}\n      target={target}\n      rel={rel}\n      accessibilityProps={{\n        label: accessibilityLabel,\n        describedBy: rest['aria-describedby'],\n      }}\n      iconPosition={iconPosition}\n      color={color}\n      isDisabled={isDisabled}\n      isFullWidth={isFullWidth}\n      onClick={onClick}\n      size={size}\n      type={type}\n      variant={variant}\n      isLoading={isLoading}\n      testID={testID}\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    />\n  );\n};\n\nconst Button = assignWithoutSideEffects(React.forwardRef(_Button), {\n  displayName: 'Button',\n  componentId: 'Button',\n});\n\nexport default Button;\n"],"names":["_Button","_ref","ref","children","icon","_ref$iconPosition","iconPosition","_ref$isDisabled","isDisabled","_ref$isFullWidth","isFullWidth","_ref$isLoading","isLoading","href","target","rel","onClick","_ref$size","size","_ref$type","type","_ref$variant","variant","_ref$color","color","accessibilityLabel","testID","onBlur","onFocus","onMouseLeave","onMouseMove","onPointerDown","onPointerEnter","onTouchStart","onTouchEnd","rest","_objectWithoutProperties","_excluded","_jsx","BaseButton","_objectSpread","getStyledProps","accessibilityProps","label","describedBy","Button","assignWithoutSideEffects","React","forwardRef","displayName","componentId"],"mappings":"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"}
+{"version":3,"file":"Button.js","sources":["../../../../../../../src/components/Button/Button/Button.tsx"],"sourcesContent":["import type { GestureResponderEvent } from 'react-native';\nimport React from 'react';\nimport BaseButton from '../BaseButton';\nimport type { BaseButtonProps } from '../BaseButton/BaseButton';\nimport type { IconComponent } from '~components/Icons';\nimport type { Platform } from '~utils';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { BladeElementRef, StringChildrenType, TestID } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport type { BladeCommonEvents } from '~components/types';\nimport type { AriaRoles } from '~utils/makeAccessible';\n\ntype ButtonCommonProps = {\n  /**\n   * Automatically renders button with `a` tag with `href` on web\n   */\n  href?: BaseButtonProps['href'];\n  /**\n   * anchor target attribute\n   *\n   * Should only be used alongside `href`\n   */\n  target?: BaseButtonProps['target'];\n  /**\n   * anchor rel attribute\n   *\n   * Should only be used alongside `href`\n   */\n  rel?: BaseButtonProps['rel'];\n  variant?: 'primary' | 'secondary' | 'tertiary';\n  color?: 'primary' | 'white' | 'positive' | 'negative';\n  size?: 'xsmall' | 'small' | 'medium' | 'large';\n  iconPosition?: 'left' | 'right';\n  isDisabled?: boolean;\n  isFullWidth?: boolean;\n  isLoading?: boolean;\n  accessibilityLabel?: string;\n  type?: 'button' | 'reset' | 'submit';\n\n  /**\n   * It is exposed for internal usage with tooltip.\n   *\n   * @private\n   */\n  'aria-describedby'?: string;\n  /**\n   * It is exposed for internal usage with menu.\n   *\n   * @private\n   */\n  'aria-controls'?: string;\n  /**\n   * It is exposed for internal usage with menu.\n   *\n   * @private\n   */\n  'aria-expanded'?: boolean;\n  /**\n   * It is exposed for internal usage with menu.\n   *\n   * @private\n   */\n  'aria-haspopup'?: 'menu';\n  /**\n   * It is exposed for internal usage with menu.\n   *\n   * @private\n   */\n  role?: AriaRoles;\n  tabIndex?: BaseButtonProps['tabIndex'];\n  onClick?: Platform.Select<{\n    native: (event: GestureResponderEvent) => void;\n    web: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  }>;\n} & TestID &\n  StyledPropsBlade &\n  BladeCommonEvents;\n\n/*\n  Mandatory children prop when icon is not provided\n  */\ntype ButtonWithoutIconProps = ButtonCommonProps & {\n  icon?: undefined;\n  children: StringChildrenType;\n};\n\n/*\n   Optional children prop when icon is provided\n  */\ntype ButtonWithIconProps = ButtonCommonProps & {\n  icon: IconComponent;\n  children?: StringChildrenType;\n};\n\nexport type ButtonProps = ButtonWithoutIconProps | ButtonWithIconProps;\n\nconst _Button: React.ForwardRefRenderFunction<BladeElementRef, ButtonProps> = (\n  // While adding any prop here, make sure to handle it in DropdownButton as well\n  {\n    children,\n    icon,\n    iconPosition = 'left',\n    isDisabled = false,\n    isFullWidth = false,\n    isLoading = false,\n    href,\n    target,\n    rel,\n    onClick,\n    size = 'medium',\n    type = 'button',\n    variant = 'primary',\n    color = 'primary',\n    accessibilityLabel,\n    role,\n    testID,\n    onBlur,\n    onFocus,\n    onMouseLeave,\n    onMouseMove,\n    onMouseDown,\n    onPointerDown,\n    onPointerEnter,\n    onTouchStart,\n    onTouchEnd,\n    ...rest\n  },\n  ref,\n) => {\n  return (\n    <BaseButton\n      {...(icon ? { icon, children } : { children })}\n      {...getStyledProps(rest)}\n      ref={ref}\n      href={href}\n      target={target}\n      rel={rel}\n      accessibilityProps={{\n        label: accessibilityLabel,\n        describedBy: rest['aria-describedby'],\n        expanded: rest['aria-expanded'],\n        hasPopup: rest['aria-haspopup'],\n        role,\n      }}\n      iconPosition={iconPosition}\n      color={color}\n      isDisabled={isDisabled}\n      isFullWidth={isFullWidth}\n      onClick={onClick}\n      size={size}\n      type={type}\n      variant={variant}\n      isLoading={isLoading}\n      testID={testID}\n      onBlur={onBlur}\n      onFocus={onFocus}\n      onMouseLeave={onMouseLeave}\n      onMouseMove={onMouseMove}\n      onMouseDown={onMouseDown}\n      onPointerDown={onPointerDown}\n      onPointerEnter={onPointerEnter}\n      onTouchStart={onTouchStart}\n      onTouchEnd={onTouchEnd}\n    />\n  );\n};\n\nconst Button = assignWithoutSideEffects(React.forwardRef(_Button), {\n  displayName: 'Button',\n  componentId: 'Button',\n});\n\nexport default Button;\n"],"names":["_Button","_ref","ref","children","icon","_ref$iconPosition","iconPosition","_ref$isDisabled","isDisabled","_ref$isFullWidth","isFullWidth","_ref$isLoading","isLoading","href","target","rel","onClick","_ref$size","size","_ref$type","type","_ref$variant","variant","_ref$color","color","accessibilityLabel","role","testID","onBlur","onFocus","onMouseLeave","onMouseMove","onMouseDown","onPointerDown","onPointerEnter","onTouchStart","onTouchEnd","rest","_objectWithoutProperties","_excluded","_jsx","BaseButton","_objectSpread","getStyledProps","accessibilityProps","label","describedBy","expanded","hasPopup","Button","assignWithoutSideEffects","React","forwardRef","displayName","componentId"],"mappings":"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"}

package/build/lib/web/development/components/DatePicker/QuickSelection/QuickSelectionItem.web.js

@@ -1,42 +1,21 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { StyledActionListItem } from '../../ActionList/styles/StyledActionListItem.web.js';
-import '../../Typography/index.js';
+import '../../BaseMenu/index.js';
 import '../../../utils/index.js';
-import '../../../utils/makeAccessible/index.js';
-import { useIsMobile } from '../../../utils/useIsMobile.js';
 import { jsx } from 'react/jsx-runtime';
+import { BaseMenuItem } from '../../BaseMenu/BaseMenuItem/BaseMenuItem.js';
 import { isReactNative } from '../../../utils/platform/isReactNative.js';
-import { makeAccessible } from '../../../utils/makeAccessible/makeAccessible.web.js';
-import { Text } from '../../Typography/Text/Text.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 QuickSelectionItem = function QuickSelectionItem(_ref) {
   var children = _ref.children,
     onClick = _ref.onClick,
     isSelected = _ref.isSelected;
-  var isMobile = useIsMobile();
-  return /*#__PURE__*/jsx(StyledActionListItem, _objectSpread(_objectSpread({
+  return /*#__PURE__*/jsx(BaseMenuItem, {
     as: !isReactNative() ? 'button' : undefined,
     selectionType: "single",
-    hasDescription: true,
-    isMobile: isMobile,
-    isKeydownPressed: false,
     isSelected: isSelected,
     onClick: onClick,
-    isVisible: true
-  }, makeAccessible({
-    selected: isSelected,
-    current: true,
-    role: 'option'
-  })), {}, {
-    children: /*#__PURE__*/jsx(Text, {
-      size: "small",
-      weight: "medium",
-      color: "interactive.text.gray.normal",
-      children: children
-    })
-  }));
+    title: children,
+    role: "option"
+  });
 };
 
 export { QuickSelectionItem };

package/build/lib/web/development/components/DatePicker/QuickSelection/QuickSelectionItem.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"QuickSelectionItem.web.js","sources":["../../../../../../../src/components/DatePicker/QuickSelection/QuickSelectionItem.web.tsx"],"sourcesContent":["import { StyledActionListItem } from '~components/ActionList/styles/StyledActionListItem';\nimport { Text } from '~components/Typography';\nimport { isReactNative } from '~utils';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { useIsMobile } from '~utils/useIsMobile';\n\ntype QuickSelectionItemProps = {\n  children: React.ReactNode;\n  isSelected: boolean;\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n};\nconst QuickSelectionItem = ({\n  children,\n  onClick,\n  isSelected,\n}: QuickSelectionItemProps): React.ReactElement => {\n  const isMobile = useIsMobile();\n  return (\n    <StyledActionListItem\n      as={!isReactNative() ? 'button' : undefined}\n      selectionType=\"single\"\n      hasDescription={true}\n      isMobile={isMobile}\n      isKeydownPressed={false}\n      isSelected={isSelected}\n      onClick={onClick}\n      isVisible\n      {...makeAccessible({\n        selected: isSelected,\n        current: true,\n        role: 'option',\n      })}\n    >\n      <Text size=\"small\" weight=\"medium\" color=\"interactive.text.gray.normal\">\n        {children}\n      </Text>\n    </StyledActionListItem>\n  );\n};\n\nexport { QuickSelectionItem };\n"],"names":["QuickSelectionItem","_ref","children","onClick","isSelected","isMobile","useIsMobile","_jsx","StyledActionListItem","_objectSpread","as","isReactNative","undefined","selectionType","hasDescription","isKeydownPressed","isVisible","makeAccessible","selected","current","role","Text","size","weight","color"],"mappings":";;;;;;;;;;;;;AAWA,IAAMA,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAAC,IAAA,EAI2B;AAAA,EAAA,IAHjDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IACPC,UAAU,GAAAH,IAAA,CAAVG,UAAU,CAAA;AAEV,EAAA,IAAMC,QAAQ,GAAGC,WAAW,EAAE,CAAA;AAC9B,EAAA,oBACEC,GAAA,CAACC,oBAAoB,EAAAC,aAAA,CAAAA,aAAA,CAAA;IACnBC,EAAE,EAAE,CAACC,aAAa,EAAE,GAAG,QAAQ,GAAGC,SAAU;AAC5CC,IAAAA,aAAa,EAAC,QAAQ;AACtBC,IAAAA,cAAc,EAAE,IAAK;AACrBT,IAAAA,QAAQ,EAAEA,QAAS;AACnBU,IAAAA,gBAAgB,EAAE,KAAM;AACxBX,IAAAA,UAAU,EAAEA,UAAW;AACvBD,IAAAA,OAAO,EAAEA,OAAQ;IACjBa,SAAS,EAAA,IAAA;AAAA,GAAA,EACLC,cAAc,CAAC;AACjBC,IAAAA,QAAQ,EAAEd,UAAU;AACpBe,IAAAA,OAAO,EAAE,IAAI;AACbC,IAAAA,IAAI,EAAE,QAAA;AACR,GAAC,CAAC,CAAA,EAAA,EAAA,EAAA;IAAAlB,QAAA,eAEFK,GAAA,CAACc,IAAI,EAAA;AAACC,MAAAA,IAAI,EAAC,OAAO;AAACC,MAAAA,MAAM,EAAC,QAAQ;AAACC,MAAAA,KAAK,EAAC,8BAA8B;AAAAtB,MAAAA,QAAA,EACpEA,QAAAA;KACG,CAAA;AAAC,GAAA,CACa,CAAC,CAAA;AAE3B;;;;"}
+{"version":3,"file":"QuickSelectionItem.web.js","sources":["../../../../../../../src/components/DatePicker/QuickSelection/QuickSelectionItem.web.tsx"],"sourcesContent":["import { BaseMenuItem } from '~components/BaseMenu';\nimport { isReactNative } from '~utils';\n\ntype QuickSelectionItemProps = {\n  children: string;\n  isSelected: boolean;\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n};\nconst QuickSelectionItem = ({\n  children,\n  onClick,\n  isSelected,\n}: QuickSelectionItemProps): React.ReactElement => {\n  return (\n    <BaseMenuItem\n      as={!isReactNative() ? 'button' : undefined}\n      selectionType=\"single\"\n      isSelected={isSelected}\n      onClick={onClick}\n      title={children}\n      role=\"option\"\n    />\n  );\n};\n\nexport { QuickSelectionItem };\n"],"names":["QuickSelectionItem","_ref","children","onClick","isSelected","_jsx","BaseMenuItem","as","isReactNative","undefined","selectionType","title","role"],"mappings":";;;;;;AAQA,IAAMA,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAAC,IAAA,EAI2B;AAAA,EAAA,IAHjDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IACPC,UAAU,GAAAH,IAAA,CAAVG,UAAU,CAAA;EAEV,oBACEC,GAAA,CAACC,YAAY,EAAA;IACXC,EAAE,EAAE,CAACC,aAAa,EAAE,GAAG,QAAQ,GAAGC,SAAU;AAC5CC,IAAAA,aAAa,EAAC,QAAQ;AACtBN,IAAAA,UAAU,EAAEA,UAAW;AACvBD,IAAAA,OAAO,EAAEA,OAAQ;AACjBQ,IAAAA,KAAK,EAAET,QAAS;AAChBU,IAAAA,IAAI,EAAC,QAAA;AAAQ,GACd,CAAC,CAAA;AAEN;;;;"}

package/build/lib/web/development/components/Dropdown/DropdownOverlay.web.js

@@ -12,6 +12,7 @@ import '../../utils/assignWithoutSideEffects/index.js';
 import { useBottomSheetAndDropdownGlue } from '../BottomSheet/BottomSheetContext.js';
 import '../Box/BaseBox/index.js';
 import { componentZIndices } from '../../utils/componentZIndices.js';
+import { OVERLAY_OFFSET, OVERLAY_TRANSITION_OFFSET } from '../BaseMenu/tokens.js';
 import { jsx } from 'react/jsx-runtime';
 import { size } from '../../tokens/global/size.js';
 import useTheme from '../BladeProvider/useTheme.js';
@@ -23,7 +24,6 @@ import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/a
 
 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 OVERLAY_OFFSET = size['8'];
 var OVERLAY_PADDING = size['12']; // doesn't have to be exact. Just rough padding for floating ui to decide to show overlay on top or bottom
 
 /**
@@ -65,6 +65,7 @@ var _DropdownOverlay = function _DropdownOverlay(_ref) {
       middleware: [offset({
         mainAxis: OVERLAY_OFFSET
       }), flip({
+        // eslint-disable-next-line @typescript-eslint/restrict-plus-operands
         padding: OVERLAY_OFFSET + OVERLAY_PADDING
       }), size$1({
         apply: function apply(_ref3) {
@@ -91,7 +92,7 @@ var _DropdownOverlay = function _DropdownOverlay(_ref) {
       duration: theme.motion.duration.quick,
       initial: function initial() {
         return {
-          transform: "translateY(-".concat(makeSize(size['8']), ")"),
+          transform: "translateY(-".concat(makeSize(OVERLAY_TRANSITION_OFFSET), ")"),
           opacity: 0
         };
       }

package/build/lib/web/development/components/Dropdown/DropdownOverlay.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownOverlay.web.js","sources":["../../../../../../src/components/Dropdown/DropdownOverlay.web.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  autoUpdate,\n  offset,\n  size as sizeMiddleware,\n  useFloating,\n  useTransitionStyles,\n  flip,\n  FloatingPortal,\n  useDismiss,\n  useInteractions,\n} from '@floating-ui/react';\nimport { useDropdown } from './useDropdown';\nimport { StyledDropdownOverlay } from './StyledDropdownOverlay';\nimport type { DropdownOverlayProps } from './types';\nimport { dropdownComponentIds } from './dropdownComponentIds';\nimport { useTheme } from '~components/BladeProvider';\n// Reading directly because its not possible to get theme object on top level to be used in keyframes\nimport { size } from '~tokens/global';\nimport { makeSize } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { useBottomSheetAndDropdownGlue } from '~components/BottomSheet/BottomSheetContext';\nimport BaseBox from '~components/Box/BaseBox';\nimport { componentZIndices } from '~utils/componentZIndices';\n\nconst OVERLAY_OFFSET: number = size['8'];\nconst OVERLAY_PADDING: number = size['12']; // doesn't have to be exact. Just rough padding for floating ui to decide to show overlay on top or bottom\n\n/**\n * Overlay of dropdown\n *\n * Wrap your ActionList within this component\n */\nconst _DropdownOverlay = ({\n  children,\n  testID,\n  zIndex = componentZIndices.dropdownOverlay,\n  width,\n  referenceRef,\n  defaultPlacement = 'bottom-start',\n}: DropdownOverlayProps): React.ReactElement | null => {\n  const { isOpen, triggererRef, triggererWrapperRef, dropdownTriggerer, setIsOpen } = useDropdown();\n  const { theme } = useTheme();\n  const bottomSheetAndDropdownGlue = useBottomSheetAndDropdownGlue();\n\n  const isMenu =\n    dropdownTriggerer !== dropdownComponentIds.triggers.SelectInput &&\n    dropdownTriggerer !== dropdownComponentIds.triggers.SearchInput &&\n    dropdownTriggerer !== dropdownComponentIds.triggers.AutoComplete &&\n    referenceRef == undefined;\n\n  const { refs, floatingStyles, context } = useFloating({\n    open: isOpen,\n    onOpenChange: setIsOpen,\n    strategy: 'fixed',\n    placement: defaultPlacement,\n    elements: {\n      // Input triggers have their ref on internal input element but we want width height of overall visible input hence wrapperRef is needed\n      // We fallback to use `triggererRef` for triggers like button and link where wrapper is not needed\n      // Checkout: https://github.com/razorpay/blade/pull/1559#discussion_r1305438920\n      reference: (referenceRef?.current ??\n        triggererWrapperRef.current ??\n        triggererRef.current) as Element,\n    },\n    middleware: [\n      offset({\n        mainAxis: OVERLAY_OFFSET,\n      }),\n      flip({\n        padding: OVERLAY_OFFSET + OVERLAY_PADDING,\n      }),\n      sizeMiddleware({\n        apply({ rects, elements }) {\n          Object.assign(elements.floating.style, {\n            // in menu, we have flexible width between min and max\n            // in input triggers, we just take width of trigger\n            width: isMenu ? undefined : makeSize(rects.reference.width),\n            minWidth: isMenu ? makeSize(size['240']) : undefined,\n            maxWidth: isMenu ? makeSize(size['400']) : undefined,\n          });\n        },\n      }),\n    ],\n    whileElementsMounted: autoUpdate,\n  });\n\n  const dismiss = useDismiss(context);\n  const { getFloatingProps } = useInteractions([dismiss]);\n\n  const { isMounted, styles } = useTransitionStyles(context, {\n    duration: theme.motion.duration.quick,\n    initial: () => ({\n      transform: `translateY(-${makeSize(size['8'])})`,\n      opacity: 0,\n    }),\n  });\n\n  React.useEffect(() => {\n    if (isOpen) {\n      // On Safari clicking on a non input element doesn't focuses it https://bugs.webkit.org/show_bug.cgi?id=22261\n      triggererRef.current?.focus();\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isOpen]);\n\n  return (\n    <FloatingPortal>\n      <BaseBox\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        ref={refs.setFloating as any}\n        style={floatingStyles}\n        zIndex={zIndex}\n        display={isMounted ? 'flex' : 'none'}\n        {...getFloatingProps()}\n      >\n        <StyledDropdownOverlay\n          isInBottomSheet={bottomSheetAndDropdownGlue?.dropdownHasBottomSheet}\n          elevation={bottomSheetAndDropdownGlue?.dropdownHasBottomSheet ? undefined : 'midRaised'}\n          style={{ ...styles }}\n          width={width ? width : '100%'}\n          {...metaAttribute({ name: MetaConstants.DropdownOverlay, testID })}\n        >\n          {children}\n        </StyledDropdownOverlay>\n      </BaseBox>\n    </FloatingPortal>\n  );\n};\n\nconst DropdownOverlay = assignWithoutSideEffects(_DropdownOverlay, {\n  componentId: dropdownComponentIds.DropdownOverlay,\n});\n\nexport { DropdownOverlay };\n"],"names":["OVERLAY_OFFSET","size","OVERLAY_PADDING","_DropdownOverlay","_ref","_ref2","_referenceRef$current","children","testID","_ref$zIndex","zIndex","componentZIndices","dropdownOverlay","width","referenceRef","_ref$defaultPlacement","defaultPlacement","_useDropdown","useDropdown","isOpen","triggererRef","triggererWrapperRef","dropdownTriggerer","setIsOpen","_useTheme","useTheme","theme","bottomSheetAndDropdownGlue","useBottomSheetAndDropdownGlue","isMenu","dropdownComponentIds","triggers","SelectInput","SearchInput","AutoComplete","undefined","_useFloating","useFloating","open","onOpenChange","strategy","placement","elements","reference","current","middleware","offset","mainAxis","flip","padding","sizeMiddleware","apply","_ref3","rects","Object","assign","floating","style","makeSize","minWidth","maxWidth","whileElementsMounted","autoUpdate","refs","floatingStyles","context","dismiss","useDismiss","_useInteractions","useInteractions","getFloatingProps","_useTransitionStyles","useTransitionStyles","duration","motion","quick","initial","transform","concat","opacity","isMounted","styles","React","useEffect","_triggererRef$current","focus","_jsx","FloatingPortal","BaseBox","_objectSpread","ref","setFloating","display","StyledDropdownOverlay","isInBottomSheet","dropdownHasBottomSheet","elevation","metaAttribute","name","MetaConstants","DropdownOverlay","assignWithoutSideEffects","componentId"],"mappings":"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"}
+{"version":3,"file":"DropdownOverlay.web.js","sources":["../../../../../../src/components/Dropdown/DropdownOverlay.web.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  autoUpdate,\n  offset,\n  size as sizeMiddleware,\n  useFloating,\n  useTransitionStyles,\n  flip,\n  FloatingPortal,\n  useDismiss,\n  useInteractions,\n} from '@floating-ui/react';\nimport { useDropdown } from './useDropdown';\nimport { StyledDropdownOverlay } from './StyledDropdownOverlay';\nimport type { DropdownOverlayProps } from './types';\nimport { dropdownComponentIds } from './dropdownComponentIds';\nimport { useTheme } from '~components/BladeProvider';\n// Reading directly because its not possible to get theme object on top level to be used in keyframes\nimport { size } from '~tokens/global';\nimport { makeSize } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { useBottomSheetAndDropdownGlue } from '~components/BottomSheet/BottomSheetContext';\nimport BaseBox from '~components/Box/BaseBox';\nimport { componentZIndices } from '~utils/componentZIndices';\nimport { OVERLAY_OFFSET, OVERLAY_TRANSITION_OFFSET } from '~components/BaseMenu/tokens';\n\nconst OVERLAY_PADDING: number = size['12']; // doesn't have to be exact. Just rough padding for floating ui to decide to show overlay on top or bottom\n\n/**\n * Overlay of dropdown\n *\n * Wrap your ActionList within this component\n */\nconst _DropdownOverlay = ({\n  children,\n  testID,\n  zIndex = componentZIndices.dropdownOverlay,\n  width,\n  referenceRef,\n  defaultPlacement = 'bottom-start',\n}: DropdownOverlayProps): React.ReactElement | null => {\n  const { isOpen, triggererRef, triggererWrapperRef, dropdownTriggerer, setIsOpen } = useDropdown();\n  const { theme } = useTheme();\n  const bottomSheetAndDropdownGlue = useBottomSheetAndDropdownGlue();\n\n  const isMenu =\n    dropdownTriggerer !== dropdownComponentIds.triggers.SelectInput &&\n    dropdownTriggerer !== dropdownComponentIds.triggers.SearchInput &&\n    dropdownTriggerer !== dropdownComponentIds.triggers.AutoComplete &&\n    referenceRef == undefined;\n\n  const { refs, floatingStyles, context } = useFloating({\n    open: isOpen,\n    onOpenChange: setIsOpen,\n    strategy: 'fixed',\n    placement: defaultPlacement,\n    elements: {\n      // Input triggers have their ref on internal input element but we want width height of overall visible input hence wrapperRef is needed\n      // We fallback to use `triggererRef` for triggers like button and link where wrapper is not needed\n      // Checkout: https://github.com/razorpay/blade/pull/1559#discussion_r1305438920\n      reference: (referenceRef?.current ??\n        triggererWrapperRef.current ??\n        triggererRef.current) as Element,\n    },\n    middleware: [\n      offset({\n        mainAxis: OVERLAY_OFFSET,\n      }),\n      flip({\n        // eslint-disable-next-line @typescript-eslint/restrict-plus-operands\n        padding: OVERLAY_OFFSET + OVERLAY_PADDING,\n      }),\n      sizeMiddleware({\n        apply({ rects, elements }) {\n          Object.assign(elements.floating.style, {\n            // in menu, we have flexible width between min and max\n            // in input triggers, we just take width of trigger\n            width: isMenu ? undefined : makeSize(rects.reference.width),\n            minWidth: isMenu ? makeSize(size['240']) : undefined,\n            maxWidth: isMenu ? makeSize(size['400']) : undefined,\n          });\n        },\n      }),\n    ],\n    whileElementsMounted: autoUpdate,\n  });\n\n  const dismiss = useDismiss(context);\n  const { getFloatingProps } = useInteractions([dismiss]);\n\n  const { isMounted, styles } = useTransitionStyles(context, {\n    duration: theme.motion.duration.quick,\n    initial: () => ({\n      transform: `translateY(-${makeSize(OVERLAY_TRANSITION_OFFSET)})`,\n      opacity: 0,\n    }),\n  });\n\n  React.useEffect(() => {\n    if (isOpen) {\n      // On Safari clicking on a non input element doesn't focuses it https://bugs.webkit.org/show_bug.cgi?id=22261\n      triggererRef.current?.focus();\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isOpen]);\n\n  return (\n    <FloatingPortal>\n      <BaseBox\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        ref={refs.setFloating as any}\n        style={floatingStyles}\n        zIndex={zIndex}\n        display={isMounted ? 'flex' : 'none'}\n        {...getFloatingProps()}\n      >\n        <StyledDropdownOverlay\n          isInBottomSheet={bottomSheetAndDropdownGlue?.dropdownHasBottomSheet}\n          elevation={bottomSheetAndDropdownGlue?.dropdownHasBottomSheet ? undefined : 'midRaised'}\n          style={{ ...styles }}\n          width={width ? width : '100%'}\n          {...metaAttribute({ name: MetaConstants.DropdownOverlay, testID })}\n        >\n          {children}\n        </StyledDropdownOverlay>\n      </BaseBox>\n    </FloatingPortal>\n  );\n};\n\nconst DropdownOverlay = assignWithoutSideEffects(_DropdownOverlay, {\n  componentId: dropdownComponentIds.DropdownOverlay,\n});\n\nexport { DropdownOverlay };\n"],"names":["OVERLAY_PADDING","size","_DropdownOverlay","_ref","_ref2","_referenceRef$current","children","testID","_ref$zIndex","zIndex","componentZIndices","dropdownOverlay","width","referenceRef","_ref$defaultPlacement","defaultPlacement","_useDropdown","useDropdown","isOpen","triggererRef","triggererWrapperRef","dropdownTriggerer","setIsOpen","_useTheme","useTheme","theme","bottomSheetAndDropdownGlue","useBottomSheetAndDropdownGlue","isMenu","dropdownComponentIds","triggers","SelectInput","SearchInput","AutoComplete","undefined","_useFloating","useFloating","open","onOpenChange","strategy","placement","elements","reference","current","middleware","offset","mainAxis","OVERLAY_OFFSET","flip","padding","sizeMiddleware","apply","_ref3","rects","Object","assign","floating","style","makeSize","minWidth","maxWidth","whileElementsMounted","autoUpdate","refs","floatingStyles","context","dismiss","useDismiss","_useInteractions","useInteractions","getFloatingProps","_useTransitionStyles","useTransitionStyles","duration","motion","quick","initial","transform","concat","OVERLAY_TRANSITION_OFFSET","opacity","isMounted","styles","React","useEffect","_triggererRef$current","focus","_jsx","FloatingPortal","BaseBox","_objectSpread","ref","setFloating","display","StyledDropdownOverlay","isInBottomSheet","dropdownHasBottomSheet","elevation","metaAttribute","name","MetaConstants","DropdownOverlay","assignWithoutSideEffects","componentId"],"mappings":"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"}

package/build/lib/web/development/components/Link/BaseLink/BaseLink.js

@@ -27,7 +27,7 @@ import { BaseBox } from '../../Box/BaseBox/BaseBox.web.js';
 import { BaseText } from '../../Typography/BaseText/BaseText.web.js';
 import { assignWithoutSideEffects } from '../../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
-var _excluded = ["children", "icon", "iconPosition", "isDisabled", "onClick", "onKeyDown", "variant", "href", "target", "rel", "color", "opacity", "accessibilityProps", "className", "style", "size", "testID", "hitSlop", "htmlTitle", "onBlur", "onFocus", "onMouseLeave", "onMouseMove", "onPointerDown", "onPointerEnter", "onTouchStart", "onTouchEnd"],
+var _excluded = ["children", "icon", "iconPosition", "isDisabled", "onClick", "onKeyDown", "variant", "href", "target", "rel", "color", "opacity", "accessibilityProps", "className", "style", "size", "testID", "hitSlop", "htmlTitle", "onBlur", "onFocus", "onMouseLeave", "onMouseMove", "onPointerDown", "onPointerEnter", "onTouchStart", "onTouchEnd", "onMouseDown", "onMouseUp"],
   _excluded2 = ["currentInteraction", "setCurrentInteraction"];
 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; }
@@ -144,6 +144,8 @@ var _BaseLink = function _BaseLink(_ref3, ref) {
     onPointerEnter = _ref3.onPointerEnter,
     onTouchStart = _ref3.onTouchStart,
     onTouchEnd = _ref3.onTouchEnd,
+    onMouseDown = _ref3.onMouseDown,
+    onMouseUp = _ref3.onMouseUp,
     styledProps = _objectWithoutProperties(_ref3, _excluded);
   var childrenString = getStringFromReactText(children);
   var _useInteraction = useInteraction(),
@@ -229,6 +231,8 @@ var _BaseLink = function _BaseLink(_ref3, ref) {
     onTouchStart: onTouchStart,
     onTouchEnd: onTouchEnd,
     onKeyDown: onKeyDown,
+    onMouseDown: onMouseDown,
+    onMouseUp: onMouseUp,
     disabled: disabled,
     type: type,
     cursor: cursor,

package/build/lib/web/development/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/development/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/development/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":";;;;;;;;;;;;;;AAqHA,IAAMA,KAAiE,GAAG,SAApEA,KAAiEA,CAAAC,IAAA,EA2BrEC,GAAG,EACc;AAAA,EAAA,IA1BfC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,IAAI,GAAAH,IAAA,CAAJG,IAAI;IAAAC,iBAAA,GAAAJ,IAAA,CACJK,YAAY;AAAZA,IAAAA,YAAY,GAAAD,iBAAA,KAAG,KAAA,CAAA,GAAA,MAAM,GAAAA,iBAAA;IAAAE,eAAA,GAAAN,IAAA,CACrBO,UAAU;AAAVA,IAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,eAAA;IAClBE,OAAO,GAAAR,IAAA,CAAPQ,OAAO;IAAAC,YAAA,GAAAT,IAAA,CACPU,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,YAAA;IAAAE,UAAA,GAAAX,IAAA,CAClBY,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,SAAS,GAAAA,UAAA;IACjBE,IAAI,GAAAb,IAAA,CAAJa,IAAI;IACJC,MAAM,GAAAd,IAAA,CAANc,MAAM;IACNC,GAAG,GAAAf,IAAA,CAAHe,GAAG;IACHC,kBAAkB,GAAAhB,IAAA,CAAlBgB,kBAAkB;IAAAC,SAAA,GAAAjB,IAAA,CAClBkB,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,SAAA;IACfE,MAAM,GAAAnB,IAAA,CAANmB,MAAM;IACNC,OAAO,GAAApB,IAAA,CAAPoB,OAAO;IACPC,SAAS,GAAArB,IAAA,CAATqB,SAAS;IACTC,MAAM,GAAAtB,IAAA,CAANsB,MAAM;IACNC,OAAO,GAAAvB,IAAA,CAAPuB,OAAO;IACPC,YAAY,GAAAxB,IAAA,CAAZwB,YAAY;IACZC,WAAW,GAAAzB,IAAA,CAAXyB,WAAW;IACXC,aAAa,GAAA1B,IAAA,CAAb0B,aAAa;IACbC,cAAc,GAAA3B,IAAA,CAAd2B,cAAc;IACdC,YAAY,GAAA5B,IAAA,CAAZ4B,YAAY;IACZC,UAAU,GAAA7B,IAAA,CAAV6B,UAAU;AACPC,IAAAA,IAAI,GAAAC,wBAAA,CAAA/B,IAAA,EAAAgC,SAAA,CAAA,CAAA;EAIT,oBACEC,GAAA,CAACC,QAAQ,EAAAC,aAAA,CAAAA,aAAA,CAAAA,aAAA,CACFhC,EAAAA,EAAAA,IAAI,GAAG;AAAEA,IAAAA,IAAI,EAAJA,IAAI;AAAED,IAAAA,QAAQ,EAARA,QAAAA;AAAS,GAAC,GAAG;AAAEA,IAAAA,QAAQ,EAARA,QAAAA;AAAS,GAAC,CACxCQ,EAAAA,OAAO,KAAK,QAAQ,GAAG;AAAEA,IAAAA,OAAO,EAAPA,OAAO;AAAEG,IAAAA,IAAI,EAAJA,IAAI;AAAEC,IAAAA,MAAM,EAANA,MAAM;AAAEC,IAAAA,GAAG,EAAHA,GAAAA;AAAI,GAAC,GAAG;AAAEL,IAAAA,OAAO,EAAPA,OAAO;AAAEH,IAAAA,UAAU,EAAVA,UAAAA;GAAY,CAAA,EAAA,EAAA,EAAA;AACpFN,IAAAA,GAAG,EAAEA,GAAa;AAClBI,IAAAA,YAAY,EAAEA,YAAa;AAC3BG,IAAAA,OAAO,EAAEA,OAAQ;AACjB4B,IAAAA,kBAAkB,EAAE;AAAEC,MAAAA,KAAK,EAAErB,kBAAkB;MAAEsB,WAAW,EAAER,IAAI,CAAC,kBAAkB,CAAA;KAAI;AACzFZ,IAAAA,IAAI,EAAEA,IAAK;AACXN,IAAAA,KAAK,EAAEA,KAAM;AACbO,IAAAA,MAAM,EAAEA,MAAO;AACfC,IAAAA,OAAO,EAAEA,OAAQ;AACjBC,IAAAA,SAAS,EAAEA,SAAU;AACrBC,IAAAA,MAAM,EAAEA,MAAO;AACfC,IAAAA,OAAO,EAAEA,OAAQ;AACjBC,IAAAA,YAAY,EAAEA,YAAa;AAC3BC,IAAAA,WAAW,EAAEA,WAAY;AACzBC,IAAAA,aAAa,EAAEA,aAAc;AAC7BC,IAAAA,cAAc,EAAEA,cAAe;AAC/BC,IAAAA,YAAY,EAAEA,YAAa;AAC3BC,IAAAA,UAAU,EAAEA,UAAAA;AAAW,GAAA,EACnBU,cAAc,CAACT,IAAI,CAAC,CACzB,CAAC,CAAA;AAEN,CAAC,CAAA;AAEKU,IAAAA,IAAI,gBAAGC,wBAAwB,eAACC,cAAK,CAACC,UAAU,CAAC5C,KAAK,CAAC,EAAE;AAC7D6C,EAAAA,WAAW,EAAE,MAAM;AACnBC,EAAAA,WAAW,EAAE,MAAA;AACf,CAAC;;;;"}
+{"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/development/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/development/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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"}