@razorpay/blade 12.0.3 → 12.1.0

package/build/lib/web/development/components/Radio/useRadio.js.map

@@ -1 +1 @@
-{"version":3,"file":"useRadio.js","sources":["../../../../../../src/components/Radio/useRadio.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-function-return-type */\n/* eslint-disable @typescript-eslint/explicit-module-boundary-types */\nimport React from 'react';\nimport type { GestureResponderEvent } from 'react-native';\nimport { useControllableState } from '~utils/useControllable';\nimport { useId } from '~utils/useId';\nimport { getPlatformType } from '~src/utils';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { throwBladeError } from '~utils/logger';\n\nexport type OnChange = ({\n  isChecked,\n  event,\n  value,\n}: {\n  isChecked: boolean;\n  event?: React.ChangeEvent;\n  value?: string;\n}) => void;\n\ntype UseRadioProps = {\n  hasError?: boolean;\n  /**\n   * If `true`, The Radio will be checked. This also makes the Radio controlled\n   * Use `onChange` to update its value\n   *\n   * @default false\n   */\n  isChecked?: boolean;\n  /**\n   * If `true`, the Radio will be initially checked. This also makes the Radio uncontrolled\n   *\n   * @default false\n   */\n  defaultChecked?: boolean;\n  /**\n   * The callback invoked when the checked state of the `Radio` changes.\n   */\n  onChange?: OnChange;\n  /**\n   * The name of the input field in a Radio\n   * (Useful for form submission).\n   */\n  name?: string;\n  /**\n   * The value to be used in the Radio input.\n   * This is the value that will be returned on form submission.\n   */\n  value?: string;\n  /**\n   * If `true`, the Radio will be disabled\n   *\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * If `true`, the Radio input is marked as required,\n   * and `required` attribute will be added\n   *\n   * @default false\n   */\n  isRequired?: boolean;\n};\n\nconst useRadio = ({\n  isChecked,\n  defaultChecked,\n  isDisabled,\n  isRequired,\n  hasError,\n  onChange,\n  name,\n  value,\n}: UseRadioProps) => {\n  const inputRef = React.useRef<HTMLInputElement>(null);\n\n  const isReactNative = getPlatformType() === 'react-native';\n  if (__DEV__) {\n    if (isChecked && defaultChecked) {\n      throwBladeError({\n        message: `Do not provide both 'isChecked' and 'defaultChecked' to useRadio. Consider if you want this component to be controlled or uncontrolled.`,\n        moduleName: 'Radio',\n      });\n    }\n  }\n\n  const [radioState, setRadioState] = useControllableState({\n    value: isChecked,\n    defaultValue: defaultChecked ?? false,\n  });\n\n  const handleOnChange = (event: React.ChangeEvent<HTMLInputElement> | GestureResponderEvent) => {\n    if (isDisabled) {\n      event.stopPropagation();\n      event.preventDefault();\n      return;\n    }\n\n    setRadioState((checked) => {\n      // Prevent radio to be unchecked when clicked again\n      // Once checked radios don't act as toggle buttons\n      if (checked === false) {\n        onChange?.({\n          isChecked: true,\n          event: event as React.ChangeEvent,\n          value,\n        });\n        return true;\n      }\n      return checked;\n    });\n  };\n\n  const state = {\n    isChecked: radioState,\n    setChecked: setRadioState,\n  };\n\n  const idBase = useId('radio');\n  const helpTextId = useId(`${idBase}-helptext`);\n\n  const accessibilityProps = makeAccessible({\n    role: 'radio',\n    required: Boolean(isRequired),\n    invalid: Boolean(hasError),\n    disabled: Boolean(isDisabled),\n    checked: radioState,\n    describedBy: helpTextId,\n  });\n\n  if (isReactNative) {\n    return {\n      state,\n      inputProps: {\n        onPress: handleOnChange,\n        name,\n        value,\n        ...accessibilityProps,\n      },\n    };\n  }\n\n  return {\n    state,\n    ids: { helpTextId },\n    inputProps: {\n      ref: inputRef,\n      onChange: handleOnChange,\n      type: 'radio',\n      name,\n      value,\n      checked: radioState,\n      disabled: isDisabled,\n      required: isRequired,\n      ...accessibilityProps,\n    },\n  };\n};\n\nexport type InputProps = ReturnType<typeof useRadio>['inputProps'];\n\nexport { useRadio };\n"],"names":["useRadio","_ref","isChecked","defaultChecked","isDisabled","isRequired","hasError","onChange","name","value","inputRef","React","useRef","isReactNative","getPlatformType","throwBladeError","message","moduleName","_useControllableState","useControllableState","defaultValue","_useControllableState2","_slicedToArray","radioState","setRadioState","handleOnChange","event","stopPropagation","preventDefault","checked","state","setChecked","idBase","useId","helpTextId","concat","accessibilityProps","makeAccessible","role","required","Boolean","invalid","disabled","describedBy","inputProps","_objectSpread","onPress","ids","ref","type"],"mappings":"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"}
+{"version":3,"file":"useRadio.js","sources":["../../../../../../src/components/Radio/useRadio.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-function-return-type */\n/* eslint-disable @typescript-eslint/explicit-module-boundary-types */\nimport React from 'react';\nimport type { GestureResponderEvent } from 'react-native';\nimport { useControllableState } from '~utils/useControllable';\nimport { useId } from '~utils/useId';\nimport { getPlatformType } from '~src/utils';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { throwBladeError } from '~utils/logger';\n\nexport type OnChange = ({\n  isChecked,\n  event,\n  value,\n}: {\n  isChecked: boolean;\n  event: React.ChangeEvent;\n  value?: string;\n}) => void;\n\ntype UseRadioProps = {\n  hasError?: boolean;\n  /**\n   * If `true`, The Radio will be checked. This also makes the Radio controlled\n   * Use `onChange` to update its value\n   *\n   * @default false\n   */\n  isChecked?: boolean;\n  /**\n   * If `true`, the Radio will be initially checked. This also makes the Radio uncontrolled\n   *\n   * @default false\n   */\n  defaultChecked?: boolean;\n  /**\n   * The callback invoked when the checked state of the `Radio` changes.\n   */\n  onChange?: OnChange;\n  /**\n   * The name of the input field in a Radio\n   * (Useful for form submission).\n   */\n  name?: string;\n  /**\n   * The value to be used in the Radio input.\n   * This is the value that will be returned on form submission.\n   */\n  value?: string;\n  /**\n   * If `true`, the Radio will be disabled\n   *\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * If `true`, the Radio input is marked as required,\n   * and `required` attribute will be added\n   *\n   * @default false\n   */\n  isRequired?: boolean;\n};\n\nconst useRadio = ({\n  isChecked,\n  defaultChecked,\n  isDisabled,\n  isRequired,\n  hasError,\n  onChange,\n  name,\n  value,\n}: UseRadioProps) => {\n  const inputRef = React.useRef<HTMLInputElement>(null);\n\n  const isReactNative = getPlatformType() === 'react-native';\n  if (__DEV__) {\n    if (isChecked && defaultChecked) {\n      throwBladeError({\n        message: `Do not provide both 'isChecked' and 'defaultChecked' to useRadio. Consider if you want this component to be controlled or uncontrolled.`,\n        moduleName: 'Radio',\n      });\n    }\n  }\n\n  const [radioState, setRadioState] = useControllableState({\n    value: isChecked,\n    defaultValue: defaultChecked ?? false,\n  });\n\n  const handleOnChange = (event: React.ChangeEvent<HTMLInputElement> | GestureResponderEvent) => {\n    if (isDisabled) {\n      event.stopPropagation();\n      event.preventDefault();\n      return;\n    }\n\n    setRadioState((checked) => {\n      // Prevent radio to be unchecked when clicked again\n      // Once checked radios don't act as toggle buttons\n      if (checked === false) {\n        onChange?.({\n          isChecked: true,\n          event: event as React.ChangeEvent,\n          value,\n        });\n        return true;\n      }\n      return checked;\n    });\n  };\n\n  const state = {\n    isChecked: radioState,\n    setChecked: setRadioState,\n  };\n\n  const idBase = useId('radio');\n  const helpTextId = useId(`${idBase}-helptext`);\n\n  const accessibilityProps = makeAccessible({\n    role: 'radio',\n    required: Boolean(isRequired),\n    invalid: Boolean(hasError),\n    disabled: Boolean(isDisabled),\n    checked: radioState,\n    describedBy: helpTextId,\n  });\n\n  if (isReactNative) {\n    return {\n      state,\n      inputProps: {\n        onPress: handleOnChange,\n        name,\n        value,\n        ...accessibilityProps,\n      },\n    };\n  }\n\n  return {\n    state,\n    ids: { helpTextId },\n    inputProps: {\n      ref: inputRef,\n      onChange: handleOnChange,\n      type: 'radio',\n      name,\n      value,\n      checked: radioState,\n      disabled: isDisabled,\n      required: isRequired,\n      ...accessibilityProps,\n    },\n  };\n};\n\nexport type InputProps = ReturnType<typeof useRadio>['inputProps'];\n\nexport { useRadio };\n"],"names":["useRadio","_ref","isChecked","defaultChecked","isDisabled","isRequired","hasError","onChange","name","value","inputRef","React","useRef","isReactNative","getPlatformType","throwBladeError","message","moduleName","_useControllableState","useControllableState","defaultValue","_useControllableState2","_slicedToArray","radioState","setRadioState","handleOnChange","event","stopPropagation","preventDefault","checked","state","setChecked","idBase","useId","helpTextId","concat","accessibilityProps","makeAccessible","role","required","Boolean","invalid","disabled","describedBy","inputProps","_objectSpread","onPress","ids","ref","type"],"mappings":"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"}

package/build/lib/web/development/components/SideNav/SideNavItems/SideNavLink.web.js

@@ -36,7 +36,7 @@ import { CollapsibleBody } from '../../Collapsible/CollapsibleBody.js';
 import { makeAnalyticsAttribute } from '../../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
 import ChevronRightIcon from '../../Icons/ChevronRightIcon/ChevronRightIcon.js';
 
-var _excluded = ["title", "href", "children", "titleSuffix", "trailing", "isActive", "icon", "tooltip", "as", "target"];
+var _excluded = ["title", "href", "children", "titleSuffix", "trailing", "isActive", "icon", "tooltip", "as", "target", "onClick"];
 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 SHOW_ON_LINK_HOVER = classes.SHOW_ON_LINK_HOVER,
@@ -131,13 +131,15 @@ var L3Trigger = function L3Trigger(_ref3) {
     href = _ref3.href,
     target = _ref3.target,
     titleSuffix = _ref3.titleSuffix,
-    tooltip = _ref3.tooltip;
+    tooltip = _ref3.tooltip,
+    onClick = _ref3.onClick;
   var _useCollapsible = useCollapsible(),
     onExpandChange = _useCollapsible.onExpandChange,
     isExpanded = _useCollapsible.isExpanded,
     collapsibleBodyId = _useCollapsible.collapsibleBodyId;
-  var toggleCollapse = function toggleCollapse() {
-    return onExpandChange(!isExpanded);
+  var toggleCollapse = function toggleCollapse(e) {
+    onClick === null || onClick === void 0 ? void 0 : onClick(e);
+    onExpandChange(!isExpanded);
   };
   var iconProps = {
     size: 'medium',
@@ -151,7 +153,9 @@ var L3Trigger = function L3Trigger(_ref3) {
         as: href ? as : 'button',
         to: href,
         target: target,
-        onClick: toggleCollapse
+        onClick: function onClick(e) {
+          return toggleCollapse(e);
+        }
       }, makeAccessible({
         expanded: isExpanded,
         controls: collapsibleBodyId
@@ -207,6 +211,7 @@ var SideNavLink = function SideNavLink(_ref4) {
     tooltip = _ref4.tooltip,
     as = _ref4.as,
     target = _ref4.target,
+    _onClick = _ref4.onClick,
     rest = _objectWithoutProperties(_ref4, _excluded);
   var _useSideNav = useSideNav(),
     l2PortalContainerRef = _useSideNav.l2PortalContainerRef,
@@ -258,7 +263,8 @@ var SideNavLink = function SideNavLink(_ref4) {
         icon: icon,
         as: as,
         href: href,
-        titleSuffix: titleSuffix
+        titleSuffix: titleSuffix,
+        onClick: _onClick
       }), /*#__PURE__*/jsx(CollapsibleBody, {
         width: "100%",
         _hasMargin: false,
@@ -279,7 +285,7 @@ var SideNavLink = function SideNavLink(_ref4) {
             href: as ? undefined : href,
             target: target,
             ref: refs.setReference,
-            onClick: function onClick() {
+            onClick: function onClick(e) {
               // Close the mobile nav when item is clicked and its not trigger for next menu
               if (!isL2Trigger) {
                 closeMobileNav === null || closeMobileNav === void 0 ? void 0 : closeMobileNav();
@@ -293,6 +299,7 @@ var SideNavLink = function SideNavLink(_ref4) {
                   isFirstRender: false
                 });
               }
+              _onClick === null || _onClick === void 0 ? void 0 : _onClick(e);
             },
             onFocus: function onFocus(e) {
               var _e$target;

package/build/lib/web/development/components/SideNav/SideNavItems/SideNavLink.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"SideNavLink.web.js","sources":["../../../../../../../src/components/SideNav/SideNavItems/SideNavLink.web.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { FloatingFocusManager, FloatingPortal, useFloating } from '@floating-ui/react';\nimport { NavLinkContext, useNavLink, useSideNav } from '../SideNavContext';\nimport type { SideNavLinkProps } from '../types';\nimport { classes, getNavItemTransition, NAV_ITEM_HEIGHT } from '../tokens';\nimport { TooltipifyNavItem } from './TooltipifyNavItem';\nimport { Box } from '~components/Box';\nimport { makeBorderSize, makeSize, makeSpace } from '~utils';\nimport { BaseText } from '~components/Typography/BaseText';\nimport { ChevronDownIcon, ChevronRightIcon, ChevronUpIcon } from '~components/Icons';\nimport BaseBox from '~components/Box/BaseBox';\nimport { useCollapsible } from '~components/Collapsible/CollapsibleContext';\nimport { Collapsible, CollapsibleBody } from '~components/Collapsible';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { useFirstRender } from '~utils/useFirstRender';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\nimport { useIsomorphicLayoutEffect } from '~utils/useIsomorphicLayoutEffect';\nimport { throwBladeError } from '~utils/logger';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst { SHOW_ON_LINK_HOVER, HIDE_WHEN_COLLAPSED, STYLED_NAV_LINK } = classes;\n\nconst StyledNavLinkContainer = styled(BaseBox)((props) => {\n  return {\n    width: '100%',\n    [`.${SHOW_ON_LINK_HOVER}`]: {\n      opacity: 0,\n      '&:focus-within, &:focus-visible': {\n        opacity: 1,\n      },\n    },\n    '&:hover': {\n      [`.${SHOW_ON_LINK_HOVER}`]: {\n        opacity: 1,\n      },\n\n      [`.${STYLED_NAV_LINK}`]: {\n        color: props.theme.colors.interactive.text.gray.normal,\n        backgroundColor: props.theme.colors.interactive.background.gray.default,\n      },\n    },\n    [`.${STYLED_NAV_LINK}`]: {\n      position: 'relative',\n      display: 'flex',\n      flexDirection: 'row',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n      height: makeSize(NAV_ITEM_HEIGHT),\n      width: '100%',\n      textDecoration: 'none',\n      overflow: 'hidden',\n      flexWrap: 'nowrap',\n      cursor: 'pointer',\n      padding: `${makeSpace(props.theme.spacing[0])} ${makeSpace(props.theme.spacing[4])}`,\n      margin: `${makeSpace(props.theme.spacing[1])} ${makeSpace(props.theme.spacing[0])}`,\n      color: props.theme.colors.interactive.text.gray.subtle,\n      borderRadius: props.theme.border.radius.medium,\n      borderWidth: makeBorderSize(props.theme.border.width.none),\n      backgroundColor: props.theme.colors.transparent,\n      transition: getNavItemTransition(props.theme),\n      '&[aria-current]': {\n        color: props.theme.colors.interactive.text.primary.subtle,\n        backgroundColor: props.theme.colors.interactive.background.primary.faded,\n      },\n      '&[aria-current]:hover': {\n        color: props.theme.colors.interactive.text.primary.normal,\n        backgroundColor: props.theme.colors.interactive.background.primary.fadedHighlighted,\n      },\n      '&:focus-visible': {\n        ...getFocusRingStyles({ theme: props.theme }),\n      },\n    },\n  };\n});\n\nconst NavLinkIconTitle = ({\n  icon: Icon,\n  title,\n  titleSuffix,\n  isL1Item,\n}: Pick<SideNavLinkProps, 'title' | 'icon' | 'titleSuffix'> & {\n  isL1Item: boolean;\n}): React.ReactElement => {\n  return (\n    <Box display=\"flex\" flexDirection=\"row\" gap=\"spacing.3\">\n      {Icon ? (\n        <BaseBox display=\"flex\" flexDirection=\"row\" alignItems=\"center\" justifyContent=\"center\">\n          <Icon size=\"medium\" color=\"currentColor\" />\n        </BaseBox>\n      ) : null}\n      <BaseText\n        truncateAfterLines={1}\n        color=\"currentColor\"\n        fontWeight=\"medium\"\n        fontSize={100}\n        lineHeight={100}\n        as=\"p\"\n        className={isL1Item ? HIDE_WHEN_COLLAPSED : ''}\n      >\n        {title}\n      </BaseText>\n      {titleSuffix ? (\n        <BaseBox display=\"flex\" alignItems=\"center\">\n          {titleSuffix}\n        </BaseBox>\n      ) : null}\n    </Box>\n  );\n};\n\nconst L3Trigger = ({\n  title,\n  icon,\n  as,\n  href,\n  target,\n  titleSuffix,\n  tooltip,\n}: Pick<\n  SideNavLinkProps,\n  'title' | 'icon' | 'as' | 'href' | 'titleSuffix' | 'tooltip' | 'target'\n>): React.ReactElement => {\n  const { onExpandChange, isExpanded, collapsibleBodyId } = useCollapsible();\n\n  const toggleCollapse = (): void => onExpandChange(!isExpanded);\n  const iconProps = {\n    size: 'medium',\n    color: 'currentColor',\n  } as const;\n\n  return (\n    <TooltipifyNavItem tooltip={tooltip}>\n      <StyledNavLinkContainer>\n        <BaseBox\n          className={STYLED_NAV_LINK}\n          as={href ? as : 'button'}\n          to={href}\n          target={target}\n          onClick={toggleCollapse}\n          {...makeAccessible({ expanded: isExpanded, controls: collapsibleBodyId })}\n        >\n          <NavLinkIconTitle title={title} icon={icon} isL1Item={false} titleSuffix={titleSuffix} />\n          <BaseBox display=\"flex\" alignItems=\"center\">\n            {isExpanded ? <ChevronUpIcon {...iconProps} /> : <ChevronDownIcon {...iconProps} />}\n          </BaseBox>\n        </BaseBox>\n      </StyledNavLinkContainer>\n    </TooltipifyNavItem>\n  );\n};\n\n/**\n * This is the curved line that appears when you select L3 item\n */\nconst CurvedVerticalLine = styled(BaseBox)((props) => {\n  const { colors, border, spacing } = props.theme;\n  return {\n    borderWidth: makeBorderSize(props.theme.border.width.thin),\n    borderColor: `${colors.transparent} ${colors.transparent} ${colors.surface.border.primary.muted} ${colors.surface.border.primary.muted}`,\n    borderStyle: 'solid',\n    borderRadius: `${makeBorderSize(border.radius.none)} ${makeBorderSize(\n      border.radius.none,\n    )} ${makeBorderSize(border.radius.none)} ${makeBorderSize(border.radius.medium)}`,\n    // We set veritical line infinitely tall (full size of screen) and then hide the overflowing part from top\n    height: '100vh',\n    position: 'absolute',\n    // We want the active line to be positioned in the middle of item's height thus divide by 2\n    top: `calc(-100vh + ${makeSize(NAV_ITEM_HEIGHT / 2)})`,\n    width: makeSpace(spacing[3]),\n    left: makeSpace(-spacing[3]),\n  };\n});\n\nconst SideNavLink = ({\n  title,\n  href,\n  children,\n  titleSuffix,\n  trailing,\n  isActive,\n  icon,\n  tooltip,\n  as,\n  target,\n  ...rest\n}: SideNavLinkProps): React.ReactElement => {\n  const {\n    l2PortalContainerRef,\n    onLinkActiveChange,\n    closeMobileNav,\n    isL1Collapsed,\n    setIsL1Collapsed,\n  } = useSideNav();\n  const { level: _prevLevel } = useNavLink();\n  const prevLevel = _prevLevel ?? 0;\n  const currentLevel = prevLevel + 1;\n  const isL2Trigger = Boolean(children) && currentLevel === 1;\n  const isL3Trigger = Boolean(children) && currentLevel === 2;\n\n  if (__DEV__) {\n    if (Boolean(children) && currentLevel >= 3) {\n      throwBladeError({\n        message:\n          'SideNav only supports nesting upto L3 but L4 nesting was found. Check the nesting of your SideNavLevel items',\n        moduleName: 'SideNavLink',\n      });\n    }\n  }\n\n  const isFirstRender = useFirstRender();\n\n  const { refs, context } = useFloating({\n    open: isActive,\n  });\n\n  useIsomorphicLayoutEffect(() => {\n    onLinkActiveChange?.({\n      level: currentLevel,\n      title,\n      isActive: Boolean(isActive),\n      isL2Trigger,\n      isFirstRender,\n    });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isActive]);\n\n  return (\n    <NavLinkContext.Provider value={{ level: currentLevel, title }}>\n      {isL3Trigger ? (\n        <Collapsible\n          defaultIsExpanded={isActive}\n          _dangerouslyDisableValidations={true}\n          _shouldApplyWidthRestrictions={false}\n        >\n          <L3Trigger title={title} icon={icon} as={as} href={href} titleSuffix={titleSuffix} />\n          <CollapsibleBody width=\"100%\" _hasMargin={false}>\n            <Box position=\"relative\">{children}</Box>\n          </CollapsibleBody>\n        </Collapsible>\n      ) : (\n        <>\n          <StyledNavLinkContainer position=\"relative\">\n            <TooltipifyNavItem tooltip={tooltip}>\n              <BaseBox\n                className={STYLED_NAV_LINK}\n                as={as ?? 'a'}\n                to={href}\n                href={as ? undefined : href}\n                target={target}\n                ref={refs.setReference}\n                onClick={() => {\n                  // Close the mobile nav when item is clicked and its not trigger for next menu\n                  if (!isL2Trigger) {\n                    closeMobileNav?.();\n                  }\n\n                  if (isActive) {\n                    onLinkActiveChange?.({\n                      level: currentLevel,\n                      title,\n                      isActive: Boolean(isActive),\n                      isL2Trigger,\n                      isFirstRender: false,\n                    });\n                  }\n                }}\n                onFocus={(e: { target: HTMLDivElement }) => {\n                  // FloatinFocusManager by default focusses on last clicked element when you move to different tab and come back to the original tab\n                  // Which can make L1 to expand when tabs / windows are changed\n                  // Adding focus-visible check ensures this behaviour of closing menus is only applicable when there is visible focus ring on it (while tabbing)\n                  const hasFocusRing = e.target?.matches(':focus-visible');\n                  if (isL1Collapsed && currentLevel === 1 && hasFocusRing) {\n                    setIsL1Collapsed?.(false);\n                  }\n                }}\n                aria-current={isActive ? 'page' : undefined}\n                data-level={currentLevel}\n                data-l2trigger={isL2Trigger}\n                {...makeAnalyticsAttribute(rest)}\n              >\n                <NavLinkIconTitle\n                  icon={icon}\n                  title={title}\n                  isL1Item={currentLevel === 1}\n                  titleSuffix={titleSuffix}\n                />\n                {isL2Trigger ? (\n                  <BaseBox className={HIDE_WHEN_COLLAPSED} display=\"flex\" alignItems=\"center\">\n                    <ChevronRightIcon size=\"medium\" color=\"currentColor\" />\n                  </BaseBox>\n                ) : null}\n              </BaseBox>\n            </TooltipifyNavItem>\n            {trailing && !isL2Trigger ? (\n              <BaseBox\n                position=\"absolute\"\n                top=\"spacing.0\"\n                right=\"spacing.2\"\n                height=\"100%\"\n                display=\"flex\"\n                alignItems=\"center\"\n                className={`${HIDE_WHEN_COLLAPSED} ${SHOW_ON_LINK_HOVER}`}\n              >\n                {trailing}\n              </BaseBox>\n            ) : null}\n            {currentLevel === 3 && isActive ? <CurvedVerticalLine /> : null}\n          </StyledNavLinkContainer>\n\n          {children ? (\n            <FloatingPortal root={l2PortalContainerRef}>\n              {isActive && isL1Collapsed ? (\n                <FloatingFocusManager modal={false} context={context} initialFocus={-1} returnFocus>\n                  <BaseBox ref={refs.setFloating}>{children}</BaseBox>\n                </FloatingFocusManager>\n              ) : null}\n            </FloatingPortal>\n          ) : null}\n        </>\n      )}\n    </NavLinkContext.Provider>\n  );\n};\n\nexport { SideNavLink };\n"],"names":["SHOW_ON_LINK_HOVER","classes","HIDE_WHEN_COLLAPSED","STYLED_NAV_LINK","StyledNavLinkContainer","styled","BaseBox","withConfig","displayName","componentId","props","_defineProperty","width","concat","opacity","color","theme","colors","interactive","text","gray","normal","backgroundColor","background","position","display","flexDirection","alignItems","justifyContent","height","makeSize","NAV_ITEM_HEIGHT","textDecoration","overflow","flexWrap","cursor","padding","makeSpace","spacing","margin","subtle","borderRadius","border","radius","medium","borderWidth","makeBorderSize","none","transparent","transition","getNavItemTransition","primary","faded","fadedHighlighted","_objectSpread","getFocusRingStyles","NavLinkIconTitle","_ref2","Icon","icon","title","titleSuffix","isL1Item","_jsxs","Box","gap","children","_jsx","size","BaseText","truncateAfterLines","fontWeight","fontSize","lineHeight","as","className","L3Trigger","_ref3","href","target","tooltip","_useCollapsible","useCollapsible","onExpandChange","isExpanded","collapsibleBodyId","toggleCollapse","iconProps","TooltipifyNavItem","to","onClick","makeAccessible","expanded","controls","ChevronUpIcon","ChevronDownIcon","CurvedVerticalLine","_props$theme","thin","borderColor","surface","muted","borderStyle","top","left","SideNavLink","_ref4","trailing","isActive","rest","_objectWithoutProperties","_excluded","_useSideNav","useSideNav","l2PortalContainerRef","onLinkActiveChange","closeMobileNav","isL1Collapsed","setIsL1Collapsed","_useNavLink","useNavLink","_prevLevel","level","prevLevel","currentLevel","isL2Trigger","Boolean","isL3Trigger","throwBladeError","message","moduleName","isFirstRender","useFirstRender","_useFloating","useFloating","open","refs","context","useIsomorphicLayoutEffect","NavLinkContext","Provider","value","Collapsible","defaultIsExpanded","_dangerouslyDisableValidations","_shouldApplyWidthRestrictions","CollapsibleBody","_hasMargin","_Fragment","undefined","ref","setReference","onFocus","e","_e$target","hasFocusRing","matches","makeAnalyticsAttribute","ChevronRightIcon","right","FloatingPortal","root","FloatingFocusManager","modal","initialFocus","returnFocus","setFloating"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,IAAQA,kBAAkB,GAA2CC,OAAO,CAApED,kBAAkB;EAAEE,mBAAmB,GAAsBD,OAAO,CAAhDC,mBAAmB;EAAEC,eAAe,GAAKF,OAAO,CAA3BE,eAAe,CAAA;AAEhE,IAAMC,sBAAsB,gBAAGC,MAAM,CAACC,OAAO,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,wCAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAAC,CAAA,CAAA,UAACC,KAAK,EAAK;AACxD,EAAA,OAAAC,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAA;AACEC,IAAAA,KAAK,EAAE,MAAA;GAAMC,EAAAA,GAAAA,CAAAA,MAAA,CACRb,kBAAkB,CAAK,EAAA;AAC1Bc,IAAAA,OAAO,EAAE,CAAC;AACV,IAAA,iCAAiC,EAAE;AACjCA,MAAAA,OAAO,EAAE,CAAA;AACX,KAAA;GACD,CAAA,EACD,SAAS,EAAAH,eAAA,CAAAA,eAAA,CAAAE,EAAAA,EAAAA,GAAAA,CAAAA,MAAA,CACFb,kBAAkB,CAAK,EAAA;AAC1Bc,IAAAA,OAAO,EAAE,CAAA;AACX,GAAC,CAAAD,EAAAA,GAAAA,CAAAA,MAAA,CAEIV,eAAe,CAAK,EAAA;AACvBY,IAAAA,KAAK,EAAEL,KAAK,CAACM,KAAK,CAACC,MAAM,CAACC,WAAW,CAACC,IAAI,CAACC,IAAI,CAACC,MAAM;IACtDC,eAAe,EAAEZ,KAAK,CAACM,KAAK,CAACC,MAAM,CAACC,WAAW,CAACK,UAAU,CAACH,IAAI,CAAA,SAAA,CAAA;AACjE,GAAC,CAAAP,CAAAA,EAAAA,GAAAA,CAAAA,MAAA,CAEEV,eAAe,CAAK,EAAA;AACvBqB,IAAAA,QAAQ,EAAE,UAAU;AACpBC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,aAAa,EAAE,KAAK;AACpBC,IAAAA,UAAU,EAAE,QAAQ;AACpBC,IAAAA,cAAc,EAAE,eAAe;AAC/BC,IAAAA,MAAM,EAAEC,QAAQ,CAACC,eAAe,CAAC;AACjCnB,IAAAA,KAAK,EAAE,MAAM;AACboB,IAAAA,cAAc,EAAE,MAAM;AACtBC,IAAAA,QAAQ,EAAE,QAAQ;AAClBC,IAAAA,QAAQ,EAAE,QAAQ;AAClBC,IAAAA,MAAM,EAAE,SAAS;AACjBC,IAAAA,OAAO,EAAAvB,EAAAA,CAAAA,MAAA,CAAKwB,SAAS,CAAC3B,KAAK,CAACM,KAAK,CAACsB,OAAO,CAAC,CAAC,CAAC,CAAC,EAAAzB,GAAAA,CAAAA,CAAAA,MAAA,CAAIwB,SAAS,CAAC3B,KAAK,CAACM,KAAK,CAACsB,OAAO,CAAC,CAAC,CAAC,CAAC,CAAE;AACpFC,IAAAA,MAAM,EAAA1B,EAAAA,CAAAA,MAAA,CAAKwB,SAAS,CAAC3B,KAAK,CAACM,KAAK,CAACsB,OAAO,CAAC,CAAC,CAAC,CAAC,EAAAzB,GAAAA,CAAAA,CAAAA,MAAA,CAAIwB,SAAS,CAAC3B,KAAK,CAACM,KAAK,CAACsB,OAAO,CAAC,CAAC,CAAC,CAAC,CAAE;AACnFvB,IAAAA,KAAK,EAAEL,KAAK,CAACM,KAAK,CAACC,MAAM,CAACC,WAAW,CAACC,IAAI,CAACC,IAAI,CAACoB,MAAM;IACtDC,YAAY,EAAE/B,KAAK,CAACM,KAAK,CAAC0B,MAAM,CAACC,MAAM,CAACC,MAAM;AAC9CC,IAAAA,WAAW,EAAEC,cAAc,CAACpC,KAAK,CAACM,KAAK,CAAC0B,MAAM,CAAC9B,KAAK,CAACmC,IAAI,CAAC;AAC1DzB,IAAAA,eAAe,EAAEZ,KAAK,CAACM,KAAK,CAACC,MAAM,CAAC+B,WAAW;AAC/CC,IAAAA,UAAU,EAAEC,oBAAoB,CAACxC,KAAK,CAACM,KAAK,CAAC;AAC7C,IAAA,iBAAiB,EAAE;AACjBD,MAAAA,KAAK,EAAEL,KAAK,CAACM,KAAK,CAACC,MAAM,CAACC,WAAW,CAACC,IAAI,CAACgC,OAAO,CAACX,MAAM;AACzDlB,MAAAA,eAAe,EAAEZ,KAAK,CAACM,KAAK,CAACC,MAAM,CAACC,WAAW,CAACK,UAAU,CAAC4B,OAAO,CAACC,KAAAA;KACpE;AACD,IAAA,uBAAuB,EAAE;AACvBrC,MAAAA,KAAK,EAAEL,KAAK,CAACM,KAAK,CAACC,MAAM,CAACC,WAAW,CAACC,IAAI,CAACgC,OAAO,CAAC9B,MAAM;AACzDC,MAAAA,eAAe,EAAEZ,KAAK,CAACM,KAAK,CAACC,MAAM,CAACC,WAAW,CAACK,UAAU,CAAC4B,OAAO,CAACE,gBAAAA;KACpE;AACD,IAAA,iBAAiB,EAAAC,aAAA,CACZC,EAAAA,EAAAA,kBAAkB,CAAC;MAAEvC,KAAK,EAAEN,KAAK,CAACM,KAAAA;AAAM,KAAC,CAAC,CAAA;GAEhD,CAAA,CAAA;AAEL,CAAC,CAAC,CAAA;AAEF,IAAMwC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAAC,KAAA,EAOI;AAAA,EAAA,IANlBC,IAAI,GAAAD,KAAA,CAAVE,IAAI;IACJC,KAAK,GAAAH,KAAA,CAALG,KAAK;IACLC,WAAW,GAAAJ,KAAA,CAAXI,WAAW;IACXC,QAAQ,GAAAL,KAAA,CAARK,QAAQ,CAAA;EAIR,oBACEC,IAAA,CAACC,GAAG,EAAA;AAACvC,IAAAA,OAAO,EAAC,MAAM;AAACC,IAAAA,aAAa,EAAC,KAAK;AAACuC,IAAAA,GAAG,EAAC,WAAW;AAAAC,IAAAA,QAAA,EACpDR,CAAAA,IAAI,gBACHS,GAAA,CAAC7D,OAAO,EAAA;AAACmB,MAAAA,OAAO,EAAC,MAAM;AAACC,MAAAA,aAAa,EAAC,KAAK;AAACC,MAAAA,UAAU,EAAC,QAAQ;AAACC,MAAAA,cAAc,EAAC,QAAQ;MAAAsC,QAAA,eACrFC,GAAA,CAACT,IAAI,EAAA;AAACU,QAAAA,IAAI,EAAC,QAAQ;AAACrD,QAAAA,KAAK,EAAC,cAAA;OAAgB,CAAA;AAAC,KACpC,CAAC,GACR,IAAI,eACRoD,GAAA,CAACE,QAAQ,EAAA;AACPC,MAAAA,kBAAkB,EAAE,CAAE;AACtBvD,MAAAA,KAAK,EAAC,cAAc;AACpBwD,MAAAA,UAAU,EAAC,QAAQ;AACnBC,MAAAA,QAAQ,EAAE,GAAI;AACdC,MAAAA,UAAU,EAAE,GAAI;AAChBC,MAAAA,EAAE,EAAC,GAAG;AACNC,MAAAA,SAAS,EAAEb,QAAQ,GAAG5D,mBAAmB,GAAG,EAAG;AAAAgE,MAAAA,QAAA,EAE9CN,KAAAA;AAAK,KACE,CAAC,EACVC,WAAW,gBACVM,GAAA,CAAC7D,OAAO,EAAA;AAACmB,MAAAA,OAAO,EAAC,MAAM;AAACE,MAAAA,UAAU,EAAC,QAAQ;AAAAuC,MAAAA,QAAA,EACxCL,WAAAA;KACM,CAAC,GACR,IAAI,CAAA;AAAA,GACL,CAAC,CAAA;AAEV,CAAC,CAAA;AAED,IAAMe,SAAS,GAAG,SAAZA,SAASA,CAAAC,KAAA,EAWW;AAAA,EAAA,IAVxBjB,KAAK,GAAAiB,KAAA,CAALjB,KAAK;IACLD,IAAI,GAAAkB,KAAA,CAAJlB,IAAI;IACJe,EAAE,GAAAG,KAAA,CAAFH,EAAE;IACFI,IAAI,GAAAD,KAAA,CAAJC,IAAI;IACJC,MAAM,GAAAF,KAAA,CAANE,MAAM;IACNlB,WAAW,GAAAgB,KAAA,CAAXhB,WAAW;IACXmB,OAAO,GAAAH,KAAA,CAAPG,OAAO,CAAA;AAKP,EAAA,IAAAC,eAAA,GAA0DC,cAAc,EAAE;IAAlEC,cAAc,GAAAF,eAAA,CAAdE,cAAc;IAAEC,UAAU,GAAAH,eAAA,CAAVG,UAAU;IAAEC,iBAAiB,GAAAJ,eAAA,CAAjBI,iBAAiB,CAAA;AAErD,EAAA,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,GAAA;AAAA,IAAA,OAAeH,cAAc,CAAC,CAACC,UAAU,CAAC,CAAA;AAAA,GAAA,CAAA;AAC9D,EAAA,IAAMG,SAAS,GAAG;AAChBnB,IAAAA,IAAI,EAAE,QAAQ;AACdrD,IAAAA,KAAK,EAAE,cAAA;GACC,CAAA;EAEV,oBACEoD,GAAA,CAACqB,iBAAiB,EAAA;AAACR,IAAAA,OAAO,EAAEA,OAAQ;IAAAd,QAAA,eAClCC,GAAA,CAAC/D,sBAAsB,EAAA;AAAA8D,MAAAA,QAAA,eACrBH,IAAA,CAACzD,OAAO,EAAAgD,aAAA,CAAAA,aAAA,CAAA;AACNqB,QAAAA,SAAS,EAAExE,eAAgB;AAC3BuE,QAAAA,EAAE,EAAEI,IAAI,GAAGJ,EAAE,GAAG,QAAS;AACzBe,QAAAA,EAAE,EAAEX,IAAK;AACTC,QAAAA,MAAM,EAAEA,MAAO;AACfW,QAAAA,OAAO,EAAEJ,cAAAA;AAAe,OAAA,EACpBK,cAAc,CAAC;AAAEC,QAAAA,QAAQ,EAAER,UAAU;AAAES,QAAAA,QAAQ,EAAER,iBAAAA;AAAkB,OAAC,CAAC,CAAA,EAAA,EAAA,EAAA;QAAAnB,QAAA,EAAA,cAEzEC,GAAA,CAACX,gBAAgB,EAAA;AAACI,UAAAA,KAAK,EAAEA,KAAM;AAACD,UAAAA,IAAI,EAAEA,IAAK;AAACG,UAAAA,QAAQ,EAAE,KAAM;AAACD,UAAAA,WAAW,EAAEA,WAAAA;AAAY,SAAE,CAAC,eACzFM,GAAA,CAAC7D,OAAO,EAAA;AAACmB,UAAAA,OAAO,EAAC,MAAM;AAACE,UAAAA,UAAU,EAAC,QAAQ;UAAAuC,QAAA,EACxCkB,UAAU,gBAAGjB,GAAA,CAAC2B,aAAa,EAAAxC,aAAA,CAAKiC,EAAAA,EAAAA,SAAS,CAAG,CAAC,gBAAGpB,GAAA,CAAC4B,eAAe,EAAAzC,aAAA,CAAA,EAAA,EAAKiC,SAAS,CAAG,CAAA;AAAC,SAC5E,CAAC,CAAA;OACH,CAAA,CAAA;KACa,CAAA;AAAC,GACR,CAAC,CAAA;AAExB,CAAC,CAAA;;AAED;AACA;AACA;AACA,IAAMS,kBAAkB,gBAAG3F,MAAM,CAACC,OAAO,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,oCAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAAC,CAAA,CAAA,UAACC,KAAK,EAAK;AACpD,EAAA,IAAAuF,YAAA,GAAoCvF,KAAK,CAACM,KAAK;IAAvCC,MAAM,GAAAgF,YAAA,CAANhF,MAAM;IAAEyB,MAAM,GAAAuD,YAAA,CAANvD,MAAM;IAAEJ,OAAO,GAAA2D,YAAA,CAAP3D,OAAO,CAAA;EAC/B,OAAO;AACLO,IAAAA,WAAW,EAAEC,cAAc,CAACpC,KAAK,CAACM,KAAK,CAAC0B,MAAM,CAAC9B,KAAK,CAACsF,IAAI,CAAC;AAC1DC,IAAAA,WAAW,KAAAtF,MAAA,CAAKI,MAAM,CAAC+B,WAAW,EAAAnC,GAAAA,CAAAA,CAAAA,MAAA,CAAII,MAAM,CAAC+B,WAAW,EAAA,GAAA,CAAA,CAAAnC,MAAA,CAAII,MAAM,CAACmF,OAAO,CAAC1D,MAAM,CAACS,OAAO,CAACkD,KAAK,EAAA,GAAA,CAAA,CAAAxF,MAAA,CAAII,MAAM,CAACmF,OAAO,CAAC1D,MAAM,CAACS,OAAO,CAACkD,KAAK,CAAE;AACxIC,IAAAA,WAAW,EAAE,OAAO;IACpB7D,YAAY,EAAA,EAAA,CAAA5B,MAAA,CAAKiC,cAAc,CAACJ,MAAM,CAACC,MAAM,CAACI,IAAI,CAAC,EAAAlC,GAAAA,CAAAA,CAAAA,MAAA,CAAIiC,cAAc,CACnEJ,MAAM,CAACC,MAAM,CAACI,IAChB,CAAC,OAAAlC,MAAA,CAAIiC,cAAc,CAACJ,MAAM,CAACC,MAAM,CAACI,IAAI,CAAC,EAAA,GAAA,CAAA,CAAAlC,MAAA,CAAIiC,cAAc,CAACJ,MAAM,CAACC,MAAM,CAACC,MAAM,CAAC,CAAE;AACjF;AACAf,IAAAA,MAAM,EAAE,OAAO;AACfL,IAAAA,QAAQ,EAAE,UAAU;AACpB;IACA+E,GAAG,EAAA,gBAAA,CAAA1F,MAAA,CAAmBiB,QAAQ,CAACC,eAAe,GAAG,CAAC,CAAC,EAAG,GAAA,CAAA;AACtDnB,IAAAA,KAAK,EAAEyB,SAAS,CAACC,OAAO,CAAC,CAAC,CAAC,CAAC;AAC5BkE,IAAAA,IAAI,EAAEnE,SAAS,CAAC,CAACC,OAAO,CAAC,CAAC,CAAC,CAAA;GAC5B,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,IAAMmE,WAAW,GAAG,SAAdA,WAAWA,CAAAC,KAAA,EAY2B;AAAA,EAAA,IAX1C9C,KAAK,GAAA8C,KAAA,CAAL9C,KAAK;IACLkB,IAAI,GAAA4B,KAAA,CAAJ5B,IAAI;IACJZ,QAAQ,GAAAwC,KAAA,CAARxC,QAAQ;IACRL,WAAW,GAAA6C,KAAA,CAAX7C,WAAW;IACX8C,QAAQ,GAAAD,KAAA,CAARC,QAAQ;IACRC,QAAQ,GAAAF,KAAA,CAARE,QAAQ;IACRjD,IAAI,GAAA+C,KAAA,CAAJ/C,IAAI;IACJqB,OAAO,GAAA0B,KAAA,CAAP1B,OAAO;IACPN,EAAE,GAAAgC,KAAA,CAAFhC,EAAE;IACFK,MAAM,GAAA2B,KAAA,CAAN3B,MAAM;AACH8B,IAAAA,IAAI,GAAAC,wBAAA,CAAAJ,KAAA,EAAAK,SAAA,CAAA,CAAA;AAEP,EAAA,IAAAC,WAAA,GAMIC,UAAU,EAAE;IALdC,oBAAoB,GAAAF,WAAA,CAApBE,oBAAoB;IACpBC,kBAAkB,GAAAH,WAAA,CAAlBG,kBAAkB;IAClBC,cAAc,GAAAJ,WAAA,CAAdI,cAAc;IACdC,aAAa,GAAAL,WAAA,CAAbK,aAAa;IACbC,gBAAgB,GAAAN,WAAA,CAAhBM,gBAAgB,CAAA;AAElB,EAAA,IAAAC,WAAA,GAA8BC,UAAU,EAAE;IAA3BC,UAAU,GAAAF,WAAA,CAAjBG,KAAK,CAAA;EACb,IAAMC,SAAS,GAAGF,UAAU,KAAA,IAAA,IAAVA,UAAU,KAAVA,KAAAA,CAAAA,GAAAA,UAAU,GAAI,CAAC,CAAA;AACjC,EAAA,IAAMG,YAAY,GAAGD,SAAS,GAAG,CAAC,CAAA;EAClC,IAAME,WAAW,GAAGC,OAAO,CAAC5D,QAAQ,CAAC,IAAI0D,YAAY,KAAK,CAAC,CAAA;EAC3D,IAAMG,WAAW,GAAGD,OAAO,CAAC5D,QAAQ,CAAC,IAAI0D,YAAY,KAAK,CAAC,CAAA;AAE3D,EAAA,IAAI,IAAO,EAAE;IACX,IAAIE,OAAO,CAAC5D,QAAQ,CAAC,IAAI0D,YAAY,IAAI,CAAC,EAAE;AAC1CI,MAAAA,eAAe,CAAC;AACdC,QAAAA,OAAO,EACL,8GAA8G;AAChHC,QAAAA,UAAU,EAAE,aAAA;AACd,OAAC,CAAC,CAAA;AACJ,KAAA;AACF,GAAA;AAEA,EAAA,IAAMC,aAAa,GAAGC,cAAc,EAAE,CAAA;EAEtC,IAAAC,YAAA,GAA0BC,WAAW,CAAC;AACpCC,MAAAA,IAAI,EAAE3B,QAAAA;AACR,KAAC,CAAC;IAFM4B,IAAI,GAAAH,YAAA,CAAJG,IAAI;IAAEC,OAAO,GAAAJ,YAAA,CAAPI,OAAO,CAAA;AAIrBC,EAAAA,yBAAyB,CAAC,YAAM;AAC9BvB,IAAAA,kBAAkB,KAAlBA,IAAAA,IAAAA,kBAAkB,KAAlBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,kBAAkB,CAAG;AACnBO,MAAAA,KAAK,EAAEE,YAAY;AACnBhE,MAAAA,KAAK,EAALA,KAAK;AACLgD,MAAAA,QAAQ,EAAEkB,OAAO,CAAClB,QAAQ,CAAC;AAC3BiB,MAAAA,WAAW,EAAXA,WAAW;AACXM,MAAAA,aAAa,EAAbA,aAAAA;AACF,KAAC,CAAC,CAAA;AACF;AACF,GAAC,EAAE,CAACvB,QAAQ,CAAC,CAAC,CAAA;AAEd,EAAA,oBACEzC,GAAA,CAACwE,cAAc,CAACC,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAE;AAAEnB,MAAAA,KAAK,EAAEE,YAAY;AAAEhE,MAAAA,KAAK,EAALA,KAAAA;KAAQ;AAAAM,IAAAA,QAAA,EAC5D6D,WAAW,gBACVhE,IAAA,CAAC+E,WAAW,EAAA;AACVC,MAAAA,iBAAiB,EAAEnC,QAAS;AAC5BoC,MAAAA,8BAA8B,EAAE,IAAK;AACrCC,MAAAA,6BAA6B,EAAE,KAAM;MAAA/E,QAAA,EAAA,cAErCC,GAAA,CAACS,SAAS,EAAA;AAAChB,QAAAA,KAAK,EAAEA,KAAM;AAACD,QAAAA,IAAI,EAAEA,IAAK;AAACe,QAAAA,EAAE,EAAEA,EAAG;AAACI,QAAAA,IAAI,EAAEA,IAAK;AAACjB,QAAAA,WAAW,EAAEA,WAAAA;AAAY,OAAE,CAAC,eACrFM,GAAA,CAAC+E,eAAe,EAAA;AAACtI,QAAAA,KAAK,EAAC,MAAM;AAACuI,QAAAA,UAAU,EAAE,KAAM;QAAAjF,QAAA,eAC9CC,GAAA,CAACH,GAAG,EAAA;AAACxC,UAAAA,QAAQ,EAAC,UAAU;AAAA0C,UAAAA,QAAA,EAAEA,QAAAA;SAAc,CAAA;AAAC,OAC1B,CAAC,CAAA;AAAA,KACP,CAAC,gBAEdH,IAAA,CAAAqF,QAAA,EAAA;MAAAlF,QAAA,EAAA,cACEH,IAAA,CAAC3D,sBAAsB,EAAA;AAACoB,QAAAA,QAAQ,EAAC,UAAU;QAAA0C,QAAA,EAAA,cACzCC,GAAA,CAACqB,iBAAiB,EAAA;AAACR,UAAAA,OAAO,EAAEA,OAAQ;AAAAd,UAAAA,QAAA,eAClCH,IAAA,CAACzD,OAAO,EAAAgD,aAAA,CAAAA,aAAA,CAAA;AACNqB,YAAAA,SAAS,EAAExE,eAAgB;AAC3BuE,YAAAA,EAAE,EAAEA,EAAE,KAAA,IAAA,IAAFA,EAAE,KAAFA,KAAAA,CAAAA,GAAAA,EAAE,GAAI,GAAI;AACde,YAAAA,EAAE,EAAEX,IAAK;AACTA,YAAAA,IAAI,EAAEJ,EAAE,GAAG2E,SAAS,GAAGvE,IAAK;AAC5BC,YAAAA,MAAM,EAAEA,MAAO;YACfuE,GAAG,EAAEd,IAAI,CAACe,YAAa;YACvB7D,OAAO,EAAE,SAAAA,OAAAA,GAAM;AACb;cACA,IAAI,CAACmC,WAAW,EAAE;AAChBT,gBAAAA,cAAc,KAAdA,IAAAA,IAAAA,cAAc,KAAdA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,cAAc,EAAI,CAAA;AACpB,eAAA;AAEA,cAAA,IAAIR,QAAQ,EAAE;AACZO,gBAAAA,kBAAkB,KAAlBA,IAAAA,IAAAA,kBAAkB,KAAlBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,kBAAkB,CAAG;AACnBO,kBAAAA,KAAK,EAAEE,YAAY;AACnBhE,kBAAAA,KAAK,EAALA,KAAK;AACLgD,kBAAAA,QAAQ,EAAEkB,OAAO,CAAClB,QAAQ,CAAC;AAC3BiB,kBAAAA,WAAW,EAAXA,WAAW;AACXM,kBAAAA,aAAa,EAAE,KAAA;AACjB,iBAAC,CAAC,CAAA;AACJ,eAAA;aACA;AACFqB,YAAAA,OAAO,EAAE,SAAAA,OAACC,CAAAA,CAA6B,EAAK;AAAA,cAAA,IAAAC,SAAA,CAAA;AAC1C;AACA;AACA;AACA,cAAA,IAAMC,YAAY,GAAA,CAAAD,SAAA,GAAGD,CAAC,CAAC1E,MAAM,MAAA2E,IAAAA,IAAAA,SAAA,uBAARA,SAAA,CAAUE,OAAO,CAAC,gBAAgB,CAAC,CAAA;AACxD,cAAA,IAAIvC,aAAa,IAAIO,YAAY,KAAK,CAAC,IAAI+B,YAAY,EAAE;AACvDrC,gBAAAA,gBAAgB,aAAhBA,gBAAgB,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAhBA,gBAAgB,CAAG,KAAK,CAAC,CAAA;AAC3B,eAAA;aACA;AACF,YAAA,cAAA,EAAcV,QAAQ,GAAG,MAAM,GAAGyC,SAAU;AAC5C,YAAA,YAAA,EAAYzB,YAAa;YACzB,gBAAgBC,EAAAA,WAAAA;WACZgC,EAAAA,sBAAsB,CAAChD,IAAI,CAAC,CAAA,EAAA,EAAA,EAAA;YAAA3C,QAAA,EAAA,cAEhCC,GAAA,CAACX,gBAAgB,EAAA;AACfG,cAAAA,IAAI,EAAEA,IAAK;AACXC,cAAAA,KAAK,EAAEA,KAAM;cACbE,QAAQ,EAAE8D,YAAY,KAAK,CAAE;AAC7B/D,cAAAA,WAAW,EAAEA,WAAAA;AAAY,aAC1B,CAAC,EACDgE,WAAW,gBACV1D,GAAA,CAAC7D,OAAO,EAAA;AAACqE,cAAAA,SAAS,EAAEzE,mBAAoB;AAACuB,cAAAA,OAAO,EAAC,MAAM;AAACE,cAAAA,UAAU,EAAC,QAAQ;cAAAuC,QAAA,eACzEC,GAAA,CAAC2F,gBAAgB,EAAA;AAAC1F,gBAAAA,IAAI,EAAC,QAAQ;AAACrD,gBAAAA,KAAK,EAAC,cAAA;eAAgB,CAAA;aAC/C,CAAC,GACR,IAAI,CAAA;WACD,CAAA,CAAA;SACQ,CAAC,EACnB4F,QAAQ,IAAI,CAACkB,WAAW,gBACvB1D,GAAA,CAAC7D,OAAO,EAAA;AACNkB,UAAAA,QAAQ,EAAC,UAAU;AACnB+E,UAAAA,GAAG,EAAC,WAAW;AACfwD,UAAAA,KAAK,EAAC,WAAW;AACjBlI,UAAAA,MAAM,EAAC,MAAM;AACbJ,UAAAA,OAAO,EAAC,MAAM;AACdE,UAAAA,UAAU,EAAC,QAAQ;UACnBgD,SAAS,EAAA,EAAA,CAAA9D,MAAA,CAAKX,mBAAmB,OAAAW,MAAA,CAAIb,kBAAkB,CAAG;AAAAkE,UAAAA,QAAA,EAEzDyC,QAAAA;AAAQ,SACF,CAAC,GACR,IAAI,EACPiB,YAAY,KAAK,CAAC,IAAIhB,QAAQ,gBAAGzC,GAAA,CAAC6B,kBAAkB,EAAE,EAAA,CAAC,GAAG,IAAI,CAAA;AAAA,OACzC,CAAC,EAExB9B,QAAQ,gBACPC,GAAA,CAAC6F,cAAc,EAAA;AAACC,QAAAA,IAAI,EAAE/C,oBAAqB;AAAAhD,QAAAA,QAAA,EACxC0C,QAAQ,IAAIS,aAAa,gBACxBlD,GAAA,CAAC+F,oBAAoB,EAAA;AAACC,UAAAA,KAAK,EAAE,KAAM;AAAC1B,UAAAA,OAAO,EAAEA,OAAQ;UAAC2B,YAAY,EAAE,CAAC,CAAE;UAACC,WAAW,EAAA,IAAA;UAAAnG,QAAA,eACjFC,GAAA,CAAC7D,OAAO,EAAA;YAACgJ,GAAG,EAAEd,IAAI,CAAC8B,WAAY;AAAApG,YAAAA,QAAA,EAAEA,QAAAA;WAAkB,CAAA;AAAC,SAChC,CAAC,GACrB,IAAA;OACU,CAAC,GACf,IAAI,CAAA;KACR,CAAA;AACH,GACsB,CAAC,CAAA;AAE9B;;;;"}
+{"version":3,"file":"SideNavLink.web.js","sources":["../../../../../../../src/components/SideNav/SideNavItems/SideNavLink.web.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { FloatingFocusManager, FloatingPortal, useFloating } from '@floating-ui/react';\nimport { NavLinkContext, useNavLink, useSideNav } from '../SideNavContext';\nimport type { SideNavLinkProps } from '../types';\nimport { classes, getNavItemTransition, NAV_ITEM_HEIGHT } from '../tokens';\nimport { TooltipifyNavItem } from './TooltipifyNavItem';\nimport { Box } from '~components/Box';\nimport { makeBorderSize, makeSize, makeSpace } from '~utils';\nimport { BaseText } from '~components/Typography/BaseText';\nimport { ChevronDownIcon, ChevronRightIcon, ChevronUpIcon } from '~components/Icons';\nimport BaseBox from '~components/Box/BaseBox';\nimport { useCollapsible } from '~components/Collapsible/CollapsibleContext';\nimport { Collapsible, CollapsibleBody } from '~components/Collapsible';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { useFirstRender } from '~utils/useFirstRender';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\nimport { useIsomorphicLayoutEffect } from '~utils/useIsomorphicLayoutEffect';\nimport { throwBladeError } from '~utils/logger';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst { SHOW_ON_LINK_HOVER, HIDE_WHEN_COLLAPSED, STYLED_NAV_LINK } = classes;\n\nconst StyledNavLinkContainer = styled(BaseBox)((props) => {\n  return {\n    width: '100%',\n    [`.${SHOW_ON_LINK_HOVER}`]: {\n      opacity: 0,\n      '&:focus-within, &:focus-visible': {\n        opacity: 1,\n      },\n    },\n    '&:hover': {\n      [`.${SHOW_ON_LINK_HOVER}`]: {\n        opacity: 1,\n      },\n\n      [`.${STYLED_NAV_LINK}`]: {\n        color: props.theme.colors.interactive.text.gray.normal,\n        backgroundColor: props.theme.colors.interactive.background.gray.default,\n      },\n    },\n    [`.${STYLED_NAV_LINK}`]: {\n      position: 'relative',\n      display: 'flex',\n      flexDirection: 'row',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n      height: makeSize(NAV_ITEM_HEIGHT),\n      width: '100%',\n      textDecoration: 'none',\n      overflow: 'hidden',\n      flexWrap: 'nowrap',\n      cursor: 'pointer',\n      padding: `${makeSpace(props.theme.spacing[0])} ${makeSpace(props.theme.spacing[4])}`,\n      margin: `${makeSpace(props.theme.spacing[1])} ${makeSpace(props.theme.spacing[0])}`,\n      color: props.theme.colors.interactive.text.gray.subtle,\n      borderRadius: props.theme.border.radius.medium,\n      borderWidth: makeBorderSize(props.theme.border.width.none),\n      backgroundColor: props.theme.colors.transparent,\n      transition: getNavItemTransition(props.theme),\n      '&[aria-current]': {\n        color: props.theme.colors.interactive.text.primary.subtle,\n        backgroundColor: props.theme.colors.interactive.background.primary.faded,\n      },\n      '&[aria-current]:hover': {\n        color: props.theme.colors.interactive.text.primary.normal,\n        backgroundColor: props.theme.colors.interactive.background.primary.fadedHighlighted,\n      },\n      '&:focus-visible': {\n        ...getFocusRingStyles({ theme: props.theme }),\n      },\n    },\n  };\n});\n\nconst NavLinkIconTitle = ({\n  icon: Icon,\n  title,\n  titleSuffix,\n  isL1Item,\n}: Pick<SideNavLinkProps, 'title' | 'icon' | 'titleSuffix'> & {\n  isL1Item: boolean;\n}): React.ReactElement => {\n  return (\n    <Box display=\"flex\" flexDirection=\"row\" gap=\"spacing.3\">\n      {Icon ? (\n        <BaseBox display=\"flex\" flexDirection=\"row\" alignItems=\"center\" justifyContent=\"center\">\n          <Icon size=\"medium\" color=\"currentColor\" />\n        </BaseBox>\n      ) : null}\n      <BaseText\n        truncateAfterLines={1}\n        color=\"currentColor\"\n        fontWeight=\"medium\"\n        fontSize={100}\n        lineHeight={100}\n        as=\"p\"\n        className={isL1Item ? HIDE_WHEN_COLLAPSED : ''}\n      >\n        {title}\n      </BaseText>\n      {titleSuffix ? (\n        <BaseBox display=\"flex\" alignItems=\"center\">\n          {titleSuffix}\n        </BaseBox>\n      ) : null}\n    </Box>\n  );\n};\n\nconst L3Trigger = ({\n  title,\n  icon,\n  as,\n  href,\n  target,\n  titleSuffix,\n  tooltip,\n  onClick,\n}: Pick<\n  SideNavLinkProps,\n  'title' | 'icon' | 'as' | 'href' | 'titleSuffix' | 'tooltip' | 'target' | 'onClick'\n>): React.ReactElement => {\n  const { onExpandChange, isExpanded, collapsibleBodyId } = useCollapsible();\n\n  const toggleCollapse = (e: React.MouseEvent): void => {\n    onClick?.(e);\n    onExpandChange(!isExpanded);\n  };\n  const iconProps = {\n    size: 'medium',\n    color: 'currentColor',\n  } as const;\n\n  return (\n    <TooltipifyNavItem tooltip={tooltip}>\n      <StyledNavLinkContainer>\n        <BaseBox\n          className={STYLED_NAV_LINK}\n          as={href ? as : 'button'}\n          to={href}\n          target={target}\n          onClick={(e: React.MouseEvent) => toggleCollapse(e)}\n          {...makeAccessible({ expanded: isExpanded, controls: collapsibleBodyId })}\n        >\n          <NavLinkIconTitle title={title} icon={icon} isL1Item={false} titleSuffix={titleSuffix} />\n          <BaseBox display=\"flex\" alignItems=\"center\">\n            {isExpanded ? <ChevronUpIcon {...iconProps} /> : <ChevronDownIcon {...iconProps} />}\n          </BaseBox>\n        </BaseBox>\n      </StyledNavLinkContainer>\n    </TooltipifyNavItem>\n  );\n};\n\n/**\n * This is the curved line that appears when you select L3 item\n */\nconst CurvedVerticalLine = styled(BaseBox)((props) => {\n  const { colors, border, spacing } = props.theme;\n  return {\n    borderWidth: makeBorderSize(props.theme.border.width.thin),\n    borderColor: `${colors.transparent} ${colors.transparent} ${colors.surface.border.primary.muted} ${colors.surface.border.primary.muted}`,\n    borderStyle: 'solid',\n    borderRadius: `${makeBorderSize(border.radius.none)} ${makeBorderSize(\n      border.radius.none,\n    )} ${makeBorderSize(border.radius.none)} ${makeBorderSize(border.radius.medium)}`,\n    // We set veritical line infinitely tall (full size of screen) and then hide the overflowing part from top\n    height: '100vh',\n    position: 'absolute',\n    // We want the active line to be positioned in the middle of item's height thus divide by 2\n    top: `calc(-100vh + ${makeSize(NAV_ITEM_HEIGHT / 2)})`,\n    width: makeSpace(spacing[3]),\n    left: makeSpace(-spacing[3]),\n  };\n});\n\nconst SideNavLink = ({\n  title,\n  href,\n  children,\n  titleSuffix,\n  trailing,\n  isActive,\n  icon,\n  tooltip,\n  as,\n  target,\n  onClick,\n  ...rest\n}: SideNavLinkProps): React.ReactElement => {\n  const {\n    l2PortalContainerRef,\n    onLinkActiveChange,\n    closeMobileNav,\n    isL1Collapsed,\n    setIsL1Collapsed,\n  } = useSideNav();\n  const { level: _prevLevel } = useNavLink();\n  const prevLevel = _prevLevel ?? 0;\n  const currentLevel = prevLevel + 1;\n  const isL2Trigger = Boolean(children) && currentLevel === 1;\n  const isL3Trigger = Boolean(children) && currentLevel === 2;\n\n  if (__DEV__) {\n    if (Boolean(children) && currentLevel >= 3) {\n      throwBladeError({\n        message:\n          'SideNav only supports nesting upto L3 but L4 nesting was found. Check the nesting of your SideNavLevel items',\n        moduleName: 'SideNavLink',\n      });\n    }\n  }\n\n  const isFirstRender = useFirstRender();\n\n  const { refs, context } = useFloating({\n    open: isActive,\n  });\n\n  useIsomorphicLayoutEffect(() => {\n    onLinkActiveChange?.({\n      level: currentLevel,\n      title,\n      isActive: Boolean(isActive),\n      isL2Trigger,\n      isFirstRender,\n    });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isActive]);\n\n  return (\n    <NavLinkContext.Provider value={{ level: currentLevel, title }}>\n      {isL3Trigger ? (\n        <Collapsible\n          defaultIsExpanded={isActive}\n          _dangerouslyDisableValidations={true}\n          _shouldApplyWidthRestrictions={false}\n        >\n          <L3Trigger\n            title={title}\n            icon={icon}\n            as={as}\n            href={href}\n            titleSuffix={titleSuffix}\n            onClick={onClick}\n          />\n          <CollapsibleBody width=\"100%\" _hasMargin={false}>\n            <Box position=\"relative\">{children}</Box>\n          </CollapsibleBody>\n        </Collapsible>\n      ) : (\n        <>\n          <StyledNavLinkContainer position=\"relative\">\n            <TooltipifyNavItem tooltip={tooltip}>\n              <BaseBox\n                className={STYLED_NAV_LINK}\n                as={as ?? 'a'}\n                to={href}\n                href={as ? undefined : href}\n                target={target}\n                ref={refs.setReference}\n                onClick={(e: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => {\n                  // Close the mobile nav when item is clicked and its not trigger for next menu\n                  if (!isL2Trigger) {\n                    closeMobileNav?.();\n                  }\n\n                  if (isActive) {\n                    onLinkActiveChange?.({\n                      level: currentLevel,\n                      title,\n                      isActive: Boolean(isActive),\n                      isL2Trigger,\n                      isFirstRender: false,\n                    });\n                  }\n\n                  onClick?.(e);\n                }}\n                onFocus={(e: { target: HTMLDivElement }) => {\n                  // FloatinFocusManager by default focusses on last clicked element when you move to different tab and come back to the original tab\n                  // Which can make L1 to expand when tabs / windows are changed\n                  // Adding focus-visible check ensures this behaviour of closing menus is only applicable when there is visible focus ring on it (while tabbing)\n                  const hasFocusRing = e.target?.matches(':focus-visible');\n                  if (isL1Collapsed && currentLevel === 1 && hasFocusRing) {\n                    setIsL1Collapsed?.(false);\n                  }\n                }}\n                aria-current={isActive ? 'page' : undefined}\n                data-level={currentLevel}\n                data-l2trigger={isL2Trigger}\n                {...makeAnalyticsAttribute(rest)}\n              >\n                <NavLinkIconTitle\n                  icon={icon}\n                  title={title}\n                  isL1Item={currentLevel === 1}\n                  titleSuffix={titleSuffix}\n                />\n                {isL2Trigger ? (\n                  <BaseBox className={HIDE_WHEN_COLLAPSED} display=\"flex\" alignItems=\"center\">\n                    <ChevronRightIcon size=\"medium\" color=\"currentColor\" />\n                  </BaseBox>\n                ) : null}\n              </BaseBox>\n            </TooltipifyNavItem>\n            {trailing && !isL2Trigger ? (\n              <BaseBox\n                position=\"absolute\"\n                top=\"spacing.0\"\n                right=\"spacing.2\"\n                height=\"100%\"\n                display=\"flex\"\n                alignItems=\"center\"\n                className={`${HIDE_WHEN_COLLAPSED} ${SHOW_ON_LINK_HOVER}`}\n              >\n                {trailing}\n              </BaseBox>\n            ) : null}\n            {currentLevel === 3 && isActive ? <CurvedVerticalLine /> : null}\n          </StyledNavLinkContainer>\n\n          {children ? (\n            <FloatingPortal root={l2PortalContainerRef}>\n              {isActive && isL1Collapsed ? (\n                <FloatingFocusManager modal={false} context={context} initialFocus={-1} returnFocus>\n                  <BaseBox ref={refs.setFloating}>{children}</BaseBox>\n                </FloatingFocusManager>\n              ) : null}\n            </FloatingPortal>\n          ) : null}\n        </>\n      )}\n    </NavLinkContext.Provider>\n  );\n};\n\nexport { SideNavLink };\n"],"names":["SHOW_ON_LINK_HOVER","classes","HIDE_WHEN_COLLAPSED","STYLED_NAV_LINK","StyledNavLinkContainer","styled","BaseBox","withConfig","displayName","componentId","props","_defineProperty","width","concat","opacity","color","theme","colors","interactive","text","gray","normal","backgroundColor","background","position","display","flexDirection","alignItems","justifyContent","height","makeSize","NAV_ITEM_HEIGHT","textDecoration","overflow","flexWrap","cursor","padding","makeSpace","spacing","margin","subtle","borderRadius","border","radius","medium","borderWidth","makeBorderSize","none","transparent","transition","getNavItemTransition","primary","faded","fadedHighlighted","_objectSpread","getFocusRingStyles","NavLinkIconTitle","_ref2","Icon","icon","title","titleSuffix","isL1Item","_jsxs","Box","gap","children","_jsx","size","BaseText","truncateAfterLines","fontWeight","fontSize","lineHeight","as","className","L3Trigger","_ref3","href","target","tooltip","onClick","_useCollapsible","useCollapsible","onExpandChange","isExpanded","collapsibleBodyId","toggleCollapse","e","iconProps","TooltipifyNavItem","to","makeAccessible","expanded","controls","ChevronUpIcon","ChevronDownIcon","CurvedVerticalLine","_props$theme","thin","borderColor","surface","muted","borderStyle","top","left","SideNavLink","_ref4","trailing","isActive","rest","_objectWithoutProperties","_excluded","_useSideNav","useSideNav","l2PortalContainerRef","onLinkActiveChange","closeMobileNav","isL1Collapsed","setIsL1Collapsed","_useNavLink","useNavLink","_prevLevel","level","prevLevel","currentLevel","isL2Trigger","Boolean","isL3Trigger","throwBladeError","message","moduleName","isFirstRender","useFirstRender","_useFloating","useFloating","open","refs","context","useIsomorphicLayoutEffect","NavLinkContext","Provider","value","Collapsible","defaultIsExpanded","_dangerouslyDisableValidations","_shouldApplyWidthRestrictions","CollapsibleBody","_hasMargin","_Fragment","undefined","ref","setReference","onFocus","_e$target","hasFocusRing","matches","makeAnalyticsAttribute","ChevronRightIcon","right","FloatingPortal","root","FloatingFocusManager","modal","initialFocus","returnFocus","setFloating"],"mappings":"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"}

package/build/lib/web/development/components/Tooltip/Tooltip.web.js

@@ -6,6 +6,7 @@ import React__default from 'react';
 import { TooltipContent } from './TooltipContent.js';
 import { ARROW_HEIGHT, ARROW_WIDTH } from './constants.js';
 import { TooltipContext } from './TooltipContext.js';
+import { componentIds } from './componentIds.js';
 import '../BladeProvider/index.js';
 import '../Box/BaseBox/index.js';
 import '../../utils/metaAttribute/index.js';
@@ -17,6 +18,7 @@ import '../PopupArrow/index.js';
 import { getFloatingPlacementParts } from '../../utils/getFloatingPlacementParts.js';
 import { componentZIndices } from '../../utils/componentZIndices.js';
 import '../../utils/makeAnalyticsAttribute/index.js';
+import '../../utils/assignWithoutSideEffects/index.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import useTheme from '../BladeProvider/useTheme.js';
 import { size } from '../../tokens/global/size.js';
@@ -26,11 +28,12 @@ import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.web.js';
 import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
 import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
 import { PopupArrow } from '../PopupArrow/PopupArrow.web.js';
+import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
 var _excluded = ["title", "content", "children", "placement", "onOpenChange", "zIndex"];
 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 Tooltip = function Tooltip(_ref) {
+var _Tooltip = function _Tooltip(_ref) {
   var title = _ref.title,
     content = _ref.content,
     children = _ref.children,
@@ -136,6 +139,9 @@ var Tooltip = function Tooltip(_ref) {
     })]
   });
 };
+var Tooltip = /*#__PURE__*/assignWithoutSideEffects(_Tooltip, {
+  componentId: componentIds.Tooltip
+});
 
 export { Tooltip };
 //# sourceMappingURL=Tooltip.web.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.web.js","sources":["../../../../../../src/components/Tooltip/Tooltip.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/restrict-plus-operands */\nimport {\n  shift,\n  FloatingPortal,\n  arrow,\n  flip,\n  offset,\n  useDelayGroup,\n  useDelayGroupContext,\n  useFloating,\n  useFocus,\n  useHover,\n  useInteractions,\n  useRole,\n  useTransitionStyles,\n  autoUpdate,\n} from '@floating-ui/react';\nimport React from 'react';\nimport type { TooltipProps } from './types';\nimport { TooltipContent } from './TooltipContent';\nimport { ARROW_HEIGHT, ARROW_WIDTH } from './constants';\nimport { TooltipContext } from './TooltipContext';\nimport { useTheme } from '~components/BladeProvider';\nimport BaseBox from '~components/Box/BaseBox';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { size } from '~tokens/global';\nimport { useId } from '~utils/useId';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { mergeProps } from '~utils/mergeProps';\nimport { PopupArrow } from '~components/PopupArrow';\nimport { getFloatingPlacementParts } from '~utils/getFloatingPlacementParts';\nimport { componentZIndices } from '~utils/componentZIndices';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst Tooltip = ({\n  title,\n  content,\n  children,\n  placement = 'top',\n  onOpenChange,\n  zIndex = componentZIndices.tooltip,\n  ...rest\n}: TooltipProps): React.ReactElement => {\n  const { theme } = useTheme();\n  const id = useId();\n  const [isOpen, setIsOpen] = React.useState(false);\n  const arrowRef = React.useRef<SVGSVGElement>(null);\n\n  const GAP = theme.spacing[2];\n  const [side] = getFloatingPlacementParts(placement);\n  const isHorizontal = side === 'left' || side === 'right';\n  const isOppositeAxis = side === 'right' || side === 'bottom';\n\n  const { refs, floatingStyles, context } = useFloating({\n    placement,\n    open: isOpen,\n    strategy: 'fixed',\n    onOpenChange: (open) => {\n      setIsOpen(open);\n      onOpenChange?.({ isOpen: open });\n    },\n    middleware: [\n      shift({ crossAxis: false, padding: GAP }),\n      flip({ padding: GAP }),\n      offset(GAP + ARROW_HEIGHT),\n      arrow({\n        element: arrowRef,\n        padding: isHorizontal ? 0 : ARROW_WIDTH,\n      }),\n    ],\n    whileElementsMounted: autoUpdate,\n  });\n\n  const animationOffset = isOppositeAxis ? -size[4] : size[4];\n  const { isMounted, styles } = useTransitionStyles(context, {\n    duration: theme.motion.duration.quick,\n    initial: {\n      opacity: 0,\n      transform: `translate${isHorizontal ? 'X' : 'Y'}(${animationOffset}px)`,\n    },\n  });\n\n  useDelayGroup(context, { id });\n  const { delay } = useDelayGroupContext();\n  const hover = useHover(context, {\n    delay,\n    move: false,\n  });\n  const focus = useFocus(context);\n  const role = useRole(context, { role: 'tooltip' });\n  const { getReferenceProps, getFloatingProps } = useInteractions([role, hover, focus]);\n\n  return (\n    <TooltipContext.Provider value={true}>\n      {React.cloneElement(children, {\n        ref: refs.setReference,\n        ...makeAccessible({ label: content }),\n        ...mergeProps(children.props, getReferenceProps()),\n      })}\n      {isMounted && (\n        <FloatingPortal>\n          <BaseBox\n            ref={refs.setFloating}\n            style={floatingStyles}\n            pointerEvents=\"none\"\n            zIndex={zIndex}\n            {...getFloatingProps()}\n            {...metaAttribute({ name: MetaConstants.Tooltip })}\n            {...makeAnalyticsAttribute(rest)}\n          >\n            <TooltipContent\n              title={title}\n              style={styles}\n              arrow={\n                <PopupArrow\n                  ref={arrowRef}\n                  context={context}\n                  width={ARROW_WIDTH}\n                  height={ARROW_HEIGHT}\n                  fillColor={theme.colors.popup.background.intense}\n                  strokeColor={theme.colors.popup.border.intense}\n                />\n              }\n            >\n              {content}\n            </TooltipContent>\n          </BaseBox>\n        </FloatingPortal>\n      )}\n    </TooltipContext.Provider>\n  );\n};\n\nexport { Tooltip };\n"],"names":["Tooltip","_ref","title","content","children","_ref$placement","placement","onOpenChange","_ref$zIndex","zIndex","componentZIndices","tooltip","rest","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","id","useId","_React$useState","React","useState","_React$useState2","_slicedToArray","isOpen","setIsOpen","arrowRef","useRef","GAP","spacing","_getFloatingPlacement","getFloatingPlacementParts","_getFloatingPlacement2","side","isHorizontal","isOppositeAxis","_useFloating","useFloating","open","strategy","middleware","shift","crossAxis","padding","flip","offset","ARROW_HEIGHT","arrow","element","ARROW_WIDTH","whileElementsMounted","autoUpdate","refs","floatingStyles","context","animationOffset","size","_useTransitionStyles","useTransitionStyles","duration","motion","quick","initial","opacity","transform","concat","isMounted","styles","useDelayGroup","_useDelayGroupContext","useDelayGroupContext","delay","hover","useHover","move","focus","useFocus","role","useRole","_useInteractions","useInteractions","getReferenceProps","getFloatingProps","_jsxs","TooltipContext","Provider","value","cloneElement","_objectSpread","ref","setReference","makeAccessible","label","mergeProps","props","_jsx","FloatingPortal","BaseBox","setFloating","style","pointerEvents","metaAttribute","name","MetaConstants","makeAnalyticsAttribute","TooltipContent","PopupArrow","width","height","fillColor","colors","popup","background","intense","strokeColor","border"],"mappings":"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"}
+{"version":3,"file":"Tooltip.web.js","sources":["../../../../../../src/components/Tooltip/Tooltip.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/restrict-plus-operands */\nimport {\n  shift,\n  FloatingPortal,\n  arrow,\n  flip,\n  offset,\n  useDelayGroup,\n  useDelayGroupContext,\n  useFloating,\n  useFocus,\n  useHover,\n  useInteractions,\n  useRole,\n  useTransitionStyles,\n  autoUpdate,\n} from '@floating-ui/react';\nimport React from 'react';\nimport type { TooltipProps } from './types';\nimport { TooltipContent } from './TooltipContent';\nimport { ARROW_HEIGHT, ARROW_WIDTH } from './constants';\nimport { TooltipContext } from './TooltipContext';\nimport { componentIds } from './componentIds';\nimport { useTheme } from '~components/BladeProvider';\nimport BaseBox from '~components/Box/BaseBox';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { size } from '~tokens/global';\nimport { useId } from '~utils/useId';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { mergeProps } from '~utils/mergeProps';\nimport { PopupArrow } from '~components/PopupArrow';\nimport { getFloatingPlacementParts } from '~utils/getFloatingPlacementParts';\nimport { componentZIndices } from '~utils/componentZIndices';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\n\nconst _Tooltip = ({\n  title,\n  content,\n  children,\n  placement = 'top',\n  onOpenChange,\n  zIndex = componentZIndices.tooltip,\n  ...rest\n}: TooltipProps): React.ReactElement => {\n  const { theme } = useTheme();\n  const id = useId();\n  const [isOpen, setIsOpen] = React.useState(false);\n  const arrowRef = React.useRef<SVGSVGElement>(null);\n\n  const GAP = theme.spacing[2];\n  const [side] = getFloatingPlacementParts(placement);\n  const isHorizontal = side === 'left' || side === 'right';\n  const isOppositeAxis = side === 'right' || side === 'bottom';\n\n  const { refs, floatingStyles, context } = useFloating({\n    placement,\n    open: isOpen,\n    strategy: 'fixed',\n    onOpenChange: (open) => {\n      setIsOpen(open);\n      onOpenChange?.({ isOpen: open });\n    },\n    middleware: [\n      shift({ crossAxis: false, padding: GAP }),\n      flip({ padding: GAP }),\n      offset(GAP + ARROW_HEIGHT),\n      arrow({\n        element: arrowRef,\n        padding: isHorizontal ? 0 : ARROW_WIDTH,\n      }),\n    ],\n    whileElementsMounted: autoUpdate,\n  });\n\n  const animationOffset = isOppositeAxis ? -size[4] : size[4];\n  const { isMounted, styles } = useTransitionStyles(context, {\n    duration: theme.motion.duration.quick,\n    initial: {\n      opacity: 0,\n      transform: `translate${isHorizontal ? 'X' : 'Y'}(${animationOffset}px)`,\n    },\n  });\n\n  useDelayGroup(context, { id });\n  const { delay } = useDelayGroupContext();\n  const hover = useHover(context, {\n    delay,\n    move: false,\n  });\n  const focus = useFocus(context);\n  const role = useRole(context, { role: 'tooltip' });\n  const { getReferenceProps, getFloatingProps } = useInteractions([role, hover, focus]);\n\n  return (\n    <TooltipContext.Provider value={true}>\n      {React.cloneElement(children, {\n        ref: refs.setReference,\n        ...makeAccessible({ label: content }),\n        ...mergeProps(children.props, getReferenceProps()),\n      })}\n      {isMounted && (\n        <FloatingPortal>\n          <BaseBox\n            ref={refs.setFloating}\n            style={floatingStyles}\n            pointerEvents=\"none\"\n            zIndex={zIndex}\n            {...getFloatingProps()}\n            {...metaAttribute({ name: MetaConstants.Tooltip })}\n            {...makeAnalyticsAttribute(rest)}\n          >\n            <TooltipContent\n              title={title}\n              style={styles}\n              arrow={\n                <PopupArrow\n                  ref={arrowRef}\n                  context={context}\n                  width={ARROW_WIDTH}\n                  height={ARROW_HEIGHT}\n                  fillColor={theme.colors.popup.background.intense}\n                  strokeColor={theme.colors.popup.border.intense}\n                />\n              }\n            >\n              {content}\n            </TooltipContent>\n          </BaseBox>\n        </FloatingPortal>\n      )}\n    </TooltipContext.Provider>\n  );\n};\n\nconst Tooltip = assignWithoutSideEffects(_Tooltip, {\n  componentId: componentIds.Tooltip,\n});\n\nexport { Tooltip };\n"],"names":["_Tooltip","_ref","title","content","children","_ref$placement","placement","onOpenChange","_ref$zIndex","zIndex","componentZIndices","tooltip","rest","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","id","useId","_React$useState","React","useState","_React$useState2","_slicedToArray","isOpen","setIsOpen","arrowRef","useRef","GAP","spacing","_getFloatingPlacement","getFloatingPlacementParts","_getFloatingPlacement2","side","isHorizontal","isOppositeAxis","_useFloating","useFloating","open","strategy","middleware","shift","crossAxis","padding","flip","offset","ARROW_HEIGHT","arrow","element","ARROW_WIDTH","whileElementsMounted","autoUpdate","refs","floatingStyles","context","animationOffset","size","_useTransitionStyles","useTransitionStyles","duration","motion","quick","initial","opacity","transform","concat","isMounted","styles","useDelayGroup","_useDelayGroupContext","useDelayGroupContext","delay","hover","useHover","move","focus","useFocus","role","useRole","_useInteractions","useInteractions","getReferenceProps","getFloatingProps","_jsxs","TooltipContext","Provider","value","cloneElement","_objectSpread","ref","setReference","makeAccessible","label","mergeProps","props","_jsx","FloatingPortal","BaseBox","setFloating","style","pointerEvents","metaAttribute","name","MetaConstants","Tooltip","makeAnalyticsAttribute","TooltipContent","PopupArrow","width","height","fillColor","colors","popup","background","intense","strokeColor","border","assignWithoutSideEffects","componentId","componentIds"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoCA,IAAMA,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,IAAA,EAQ0B;AAAA,EAAA,IAPtCC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IACPC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAAC,cAAA,GAAAJ,IAAA,CACRK,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,cAAA;IACjBE,aAAY,GAAAN,IAAA,CAAZM,YAAY;IAAAC,WAAA,GAAAP,IAAA,CACZQ,MAAM;AAANA,IAAAA,MAAM,GAAAD,WAAA,KAAA,KAAA,CAAA,GAAGE,iBAAiB,CAACC,OAAO,GAAAH,WAAA;AAC/BI,IAAAA,IAAI,GAAAC,wBAAA,CAAAZ,IAAA,EAAAa,SAAA,CAAA,CAAA;AAEP,EAAA,IAAAC,SAAA,GAAkBC,QAAQ,EAAE;IAApBC,KAAK,GAAAF,SAAA,CAALE,KAAK,CAAA;AACb,EAAA,IAAMC,EAAE,GAAGC,KAAK,EAAE,CAAA;AAClB,EAAA,IAAAC,eAAA,GAA4BC,cAAK,CAACC,QAAQ,CAAC,KAAK,CAAC;IAAAC,gBAAA,GAAAC,cAAA,CAAAJ,eAAA,EAAA,CAAA,CAAA;AAA1CK,IAAAA,MAAM,GAAAF,gBAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,SAAS,GAAAH,gBAAA,CAAA,CAAA,CAAA,CAAA;AACxB,EAAA,IAAMI,QAAQ,GAAGN,cAAK,CAACO,MAAM,CAAgB,IAAI,CAAC,CAAA;AAElD,EAAA,IAAMC,GAAG,GAAGZ,KAAK,CAACa,OAAO,CAAC,CAAC,CAAC,CAAA;AAC5B,EAAA,IAAAC,qBAAA,GAAeC,yBAAyB,CAAC1B,SAAS,CAAC;IAAA2B,sBAAA,GAAAT,cAAA,CAAAO,qBAAA,EAAA,CAAA,CAAA;AAA5CG,IAAAA,IAAI,GAAAD,sBAAA,CAAA,CAAA,CAAA,CAAA;EACX,IAAME,YAAY,GAAGD,IAAI,KAAK,MAAM,IAAIA,IAAI,KAAK,OAAO,CAAA;EACxD,IAAME,cAAc,GAAGF,IAAI,KAAK,OAAO,IAAIA,IAAI,KAAK,QAAQ,CAAA;EAE5D,IAAAG,YAAA,GAA0CC,WAAW,CAAC;AACpDhC,MAAAA,SAAS,EAATA,SAAS;AACTiC,MAAAA,IAAI,EAAEd,MAAM;AACZe,MAAAA,QAAQ,EAAE,OAAO;AACjBjC,MAAAA,YAAY,EAAE,SAAAA,YAACgC,CAAAA,IAAI,EAAK;QACtBb,SAAS,CAACa,IAAI,CAAC,CAAA;AACfhC,QAAAA,aAAY,KAAZA,IAAAA,IAAAA,aAAY,KAAZA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,aAAY,CAAG;AAAEkB,UAAAA,MAAM,EAAEc,IAAAA;AAAK,SAAC,CAAC,CAAA;OACjC;MACDE,UAAU,EAAE,CACVC,KAAK,CAAC;AAAEC,QAAAA,SAAS,EAAE,KAAK;AAAEC,QAAAA,OAAO,EAAEf,GAAAA;OAAK,CAAC,EACzCgB,IAAI,CAAC;AAAED,QAAAA,OAAO,EAAEf,GAAAA;OAAK,CAAC,EACtBiB,MAAM,CAACjB,GAAG,GAAGkB,YAAY,CAAC,EAC1BC,KAAK,CAAC;AACJC,QAAAA,OAAO,EAAEtB,QAAQ;AACjBiB,QAAAA,OAAO,EAAET,YAAY,GAAG,CAAC,GAAGe,WAAAA;AAC9B,OAAC,CAAC,CACH;AACDC,MAAAA,oBAAoB,EAAEC,UAAAA;AACxB,KAAC,CAAC;IAlBMC,IAAI,GAAAhB,YAAA,CAAJgB,IAAI;IAAEC,cAAc,GAAAjB,YAAA,CAAdiB,cAAc;IAAEC,OAAO,GAAAlB,YAAA,CAAPkB,OAAO,CAAA;AAoBrC,EAAA,IAAMC,eAAe,GAAGpB,cAAc,GAAG,CAACqB,IAAI,CAAC,CAAC,CAAC,GAAGA,IAAI,CAAC,CAAC,CAAC,CAAA;AAC3D,EAAA,IAAAC,oBAAA,GAA8BC,mBAAmB,CAACJ,OAAO,EAAE;AACzDK,MAAAA,QAAQ,EAAE3C,KAAK,CAAC4C,MAAM,CAACD,QAAQ,CAACE,KAAK;AACrCC,MAAAA,OAAO,EAAE;AACPC,QAAAA,OAAO,EAAE,CAAC;QACVC,SAAS,EAAA,WAAA,CAAAC,MAAA,CAAc/B,YAAY,GAAG,GAAG,GAAG,GAAG,EAAA,GAAA,CAAA,CAAA+B,MAAA,CAAIV,eAAe,EAAA,KAAA,CAAA;AACpE,OAAA;AACF,KAAC,CAAC;IANMW,SAAS,GAAAT,oBAAA,CAATS,SAAS;IAAEC,MAAM,GAAAV,oBAAA,CAANU,MAAM,CAAA;EAQzBC,aAAa,CAACd,OAAO,EAAE;AAAErC,IAAAA,EAAE,EAAFA,EAAAA;AAAG,GAAC,CAAC,CAAA;AAC9B,EAAA,IAAAoD,qBAAA,GAAkBC,oBAAoB,EAAE;IAAhCC,KAAK,GAAAF,qBAAA,CAALE,KAAK,CAAA;AACb,EAAA,IAAMC,KAAK,GAAGC,QAAQ,CAACnB,OAAO,EAAE;AAC9BiB,IAAAA,KAAK,EAALA,KAAK;AACLG,IAAAA,IAAI,EAAE,KAAA;AACR,GAAC,CAAC,CAAA;AACF,EAAA,IAAMC,KAAK,GAAGC,QAAQ,CAACtB,OAAO,CAAC,CAAA;AAC/B,EAAA,IAAMuB,IAAI,GAAGC,OAAO,CAACxB,OAAO,EAAE;AAAEuB,IAAAA,IAAI,EAAE,SAAA;AAAU,GAAC,CAAC,CAAA;EAClD,IAAAE,gBAAA,GAAgDC,eAAe,CAAC,CAACH,IAAI,EAAEL,KAAK,EAAEG,KAAK,CAAC,CAAC;IAA7EM,iBAAiB,GAAAF,gBAAA,CAAjBE,iBAAiB;IAAEC,gBAAgB,GAAAH,gBAAA,CAAhBG,gBAAgB,CAAA;AAE3C,EAAA,oBACEC,IAAA,CAACC,cAAc,CAACC,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAE,IAAK;IAAAnF,QAAA,EAAA,cAClCiB,cAAK,CAACmE,YAAY,CAACpF,QAAQ,EAAAqF,aAAA,CAAAA,aAAA,CAAA;MAC1BC,GAAG,EAAErC,IAAI,CAACsC,YAAAA;AAAY,KAAA,EACnBC,cAAc,CAAC;AAAEC,MAAAA,KAAK,EAAE1F,OAAAA;AAAQ,KAAC,CAAC,CAClC2F,EAAAA,UAAU,CAAC1F,QAAQ,CAAC2F,KAAK,EAAEb,iBAAiB,EAAE,CAAC,CACnD,CAAC,EACDf,SAAS,iBACR6B,GAAA,CAACC,cAAc,EAAA;MAAA7F,QAAA,eACb4F,GAAA,CAACE,OAAO,EAAAT,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAA;QACNC,GAAG,EAAErC,IAAI,CAAC8C,WAAY;AACtBC,QAAAA,KAAK,EAAE9C,cAAe;AACtB+C,QAAAA,aAAa,EAAC,MAAM;AACpB5F,QAAAA,MAAM,EAAEA,MAAAA;AAAO,OAAA,EACX0E,gBAAgB,EAAE,CAAA,EAClBmB,aAAa,CAAC;QAAEC,IAAI,EAAEC,aAAa,CAACC,OAAAA;AAAQ,OAAC,CAAC,CAAA,EAC9CC,sBAAsB,CAAC9F,IAAI,CAAC,CAAA,EAAA,EAAA,EAAA;QAAAR,QAAA,eAEhC4F,GAAA,CAACW,cAAc,EAAA;AACbzG,UAAAA,KAAK,EAAEA,KAAM;AACbkG,UAAAA,KAAK,EAAEhC,MAAO;UACdpB,KAAK,eACHgD,GAAA,CAACY,UAAU,EAAA;AACTlB,YAAAA,GAAG,EAAE/D,QAAS;AACd4B,YAAAA,OAAO,EAAEA,OAAQ;AACjBsD,YAAAA,KAAK,EAAE3D,WAAY;AACnB4D,YAAAA,MAAM,EAAE/D,YAAa;YACrBgE,SAAS,EAAE9F,KAAK,CAAC+F,MAAM,CAACC,KAAK,CAACC,UAAU,CAACC,OAAQ;YACjDC,WAAW,EAAEnG,KAAK,CAAC+F,MAAM,CAACC,KAAK,CAACI,MAAM,CAACF,OAAAA;AAAQ,WAChD,CACF;AAAA/G,UAAAA,QAAA,EAEAD,OAAAA;SACa,CAAA;OACT,CAAA,CAAA;AAAC,KACI,CACjB,CAAA;AAAA,GACsB,CAAC,CAAA;AAE9B,CAAC,CAAA;AAED,IAAMsG,OAAO,gBAAGa,wBAAwB,CAACtH,QAAQ,EAAE;EACjDuH,WAAW,EAAEC,YAAY,CAACf,OAAAA;AAC5B,CAAC;;;;"}

package/build/lib/web/development/components/Tooltip/componentIds.js

@@ -0,0 +1,6 @@
+var componentIds = {
+  Tooltip: 'Tooltip'
+};
+
+export { componentIds };
+//# sourceMappingURL=componentIds.js.map

package/build/lib/web/development/components/Tooltip/componentIds.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"componentIds.js","sources":["../../../../../../src/components/Tooltip/componentIds.ts"],"sourcesContent":["const componentIds = {\n  Tooltip: 'Tooltip',\n};\n\nexport { componentIds };\n"],"names":["componentIds","Tooltip"],"mappings":"AAAA,IAAMA,YAAY,GAAG;AACnBC,EAAAA,OAAO,EAAE,SAAA;AACX;;;;"}

package/build/lib/web/development/utils/useControllable.js

@@ -31,12 +31,13 @@ function useControllableState(props) {
   var value = isControlled && typeof valueProp !== 'undefined' ? valueProp : valueState;
   var updateValue = useCallbackRef(function (next) {
     var skipUpdate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+    var extraData = arguments.length > 2 ? arguments[2] : undefined;
     var nextValue = next(value);
     if (!isControlled) setValue(nextValue);
     // We don't want to call onChange if skipUpdate is true or if the value is not changed
     if (!shouldUpdateProp(value, nextValue)) return;
     if (skipUpdate) return;
-    onChangeProp === null || onChangeProp === void 0 ? void 0 : onChangeProp(nextValue);
+    onChangeProp === null || onChangeProp === void 0 ? void 0 : onChangeProp(nextValue, extraData);
   }, [isControlled, onChangeProp, value, shouldUpdateProp]);
   return [value, updateValue];
 }

package/build/lib/web/development/utils/useControllable.js.map

@@ -1 +1 @@
-{"version":3,"file":"useControllable.js","sources":["../../../../../src/utils/useControllable.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-module-boundary-types */\n/* eslint-disable @typescript-eslint/explicit-function-return-type */\n/* eslint-disable react-hooks/exhaustive-deps */\nimport * as React from 'react';\nimport { useCallbackRef } from './useCallbackRef';\n\ntype ControllableStateSetter<T> = (\n  /**\n   * Sets the state to the given value\n   */\n  next: (prevState: T) => T,\n  /**\n   * If `true`, `onChange` won't be called\n   */\n  skipUpdate?: boolean,\n) => void;\n\ntype UseControllableStateProps<T> = {\n  /**\n   * The value to used in controlled mode\n   */\n  value?: T;\n  /**\n   * The initial value to be used, in uncontrolled mode\n   */\n  defaultValue?: T | (() => T);\n  /**\n   * The callback fired when the value changes\n   */\n  onChange?: (value: T) => void;\n  shouldUpdate?: (prev: T, next: T) => boolean;\n};\n\n/**\n * React hook for using controlling component state.\n *\n * It automatically handles controlled and uncontrolled state,\n * while internally giving us the state value so that we can react to the changes.\n *\n * @example\n * In checkbox we want to internally track the checked state to be able to render the correct Icon\n * but also want to provide controlled and uncontrolled behavior to user\n */\nfunction useControllableState<T>(props: UseControllableStateProps<T>) {\n  const {\n    value: valueProp,\n    defaultValue,\n    onChange,\n    shouldUpdate = (prev, next) => prev !== next,\n  } = props;\n\n  const onChangeProp = useCallbackRef(onChange);\n  const shouldUpdateProp = useCallbackRef(shouldUpdate);\n\n  const [valueState, setValue] = React.useState(defaultValue as T);\n  const { current: isControlled } = React.useRef(valueProp !== undefined);\n  const value = isControlled && typeof valueProp !== 'undefined' ? valueProp : valueState;\n\n  const updateValue: ControllableStateSetter<T> = useCallbackRef(\n    (next, skipUpdate = false) => {\n      const nextValue = next(value);\n      if (!isControlled) setValue(nextValue);\n      // We don't want to call onChange if skipUpdate is true or if the value is not changed\n      if (!shouldUpdateProp(value, nextValue)) return;\n      if (skipUpdate) return;\n      onChangeProp?.(nextValue);\n    },\n    [isControlled, onChangeProp, value, shouldUpdateProp],\n  );\n\n  return [value, updateValue] as [T, ControllableStateSetter<T>];\n}\n\nexport { useControllableState };\nexport type { ControllableStateSetter };\n"],"names":["useControllableState","props","valueProp","value","defaultValue","onChange","_props$shouldUpdate","shouldUpdate","prev","next","onChangeProp","useCallbackRef","shouldUpdateProp","_React$useState","React","useState","_React$useState2","_slicedToArray","valueState","setValue","_React$useRef","useRef","undefined","isControlled","current","updateValue","skipUpdate","arguments","length","nextValue"],"mappings":";;;;AAiCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,oBAAoBA,CAAIC,KAAmC,EAAE;AACpE,EAAA,IACSC,SAAS,GAIdD,KAAK,CAJPE,KAAK;IACLC,YAAY,GAGVH,KAAK,CAHPG,YAAY;IACZC,QAAQ,GAENJ,KAAK,CAFPI,QAAQ;IAAAC,mBAAA,GAENL,KAAK,CADPM,YAAY;AAAZA,IAAAA,YAAY,GAAAD,mBAAA,KAAA,KAAA,CAAA,GAAG,UAACE,IAAI,EAAEC,IAAI,EAAA;MAAA,OAAKD,IAAI,KAAKC,IAAI,CAAA;AAAA,KAAA,GAAAH,mBAAA,CAAA;AAG9C,EAAA,IAAMI,YAAY,GAAGC,cAAc,CAACN,QAAQ,CAAC,CAAA;AAC7C,EAAA,IAAMO,gBAAgB,GAAGD,cAAc,CAACJ,YAAY,CAAC,CAAA;AAErD,EAAA,IAAAM,eAAA,GAA+BC,KAAK,CAACC,QAAQ,CAACX,YAAiB,CAAC;IAAAY,gBAAA,GAAAC,cAAA,CAAAJ,eAAA,EAAA,CAAA,CAAA;AAAzDK,IAAAA,UAAU,GAAAF,gBAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,QAAQ,GAAAH,gBAAA,CAAA,CAAA,CAAA,CAAA;EAC3B,IAAAI,aAAA,GAAkCN,KAAK,CAACO,MAAM,CAACnB,SAAS,KAAKoB,SAAS,CAAC;IAAtDC,YAAY,GAAAH,aAAA,CAArBI,OAAO,CAAA;EACf,IAAMrB,KAAK,GAAGoB,YAAY,IAAI,OAAOrB,SAAS,KAAK,WAAW,GAAGA,SAAS,GAAGgB,UAAU,CAAA;AAEvF,EAAA,IAAMO,WAAuC,GAAGd,cAAc,CAC5D,UAACF,IAAI,EAAyB;AAAA,IAAA,IAAvBiB,UAAU,GAAAC,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAL,SAAA,GAAAK,SAAA,CAAA,CAAA,CAAA,GAAG,KAAK,CAAA;AACvB,IAAA,IAAME,SAAS,GAAGpB,IAAI,CAACN,KAAK,CAAC,CAAA;AAC7B,IAAA,IAAI,CAACoB,YAAY,EAAEJ,QAAQ,CAACU,SAAS,CAAC,CAAA;AACtC;AACA,IAAA,IAAI,CAACjB,gBAAgB,CAACT,KAAK,EAAE0B,SAAS,CAAC,EAAE,OAAA;AACzC,IAAA,IAAIH,UAAU,EAAE,OAAA;AAChBhB,IAAAA,YAAY,aAAZA,YAAY,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAZA,YAAY,CAAGmB,SAAS,CAAC,CAAA;GAC1B,EACD,CAACN,YAAY,EAAEb,YAAY,EAAEP,KAAK,EAAES,gBAAgB,CACtD,CAAC,CAAA;AAED,EAAA,OAAO,CAACT,KAAK,EAAEsB,WAAW,CAAC,CAAA;AAC7B;;;;"}
+{"version":3,"file":"useControllable.js","sources":["../../../../../src/utils/useControllable.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable @typescript-eslint/explicit-module-boundary-types */\n/* eslint-disable @typescript-eslint/explicit-function-return-type */\n/* eslint-disable react-hooks/exhaustive-deps */\nimport * as React from 'react';\nimport { useCallbackRef } from './useCallbackRef';\n\ntype ControllableStateSetter<T> = (\n  /**\n   * Sets the state to the given value\n   */\n  next: (prevState: T) => T,\n  /**\n   * If `true`, `onChange` won't be called\n   */\n  skipUpdate?: boolean,\n  /**\n   * Extra data to be passed to `onChange` callback\n   * Example use case: passing event object to `onChange` callback\n   */\n  extraData?: any,\n) => void;\n\ntype UseControllableStateProps<T> = {\n  /**\n   * The value to used in controlled mode\n   */\n  value?: T;\n  /**\n   * The initial value to be used, in uncontrolled mode\n   */\n  defaultValue?: T | (() => T);\n  /**\n   * The callback fired when the value changes\n   */\n  onChange?: (value: T, extraData: any) => void;\n  shouldUpdate?: (prev: T, next: T) => boolean;\n};\n\n/**\n * React hook for using controlling component state.\n *\n * It automatically handles controlled and uncontrolled state,\n * while internally giving us the state value so that we can react to the changes.\n *\n * @example\n * In checkbox we want to internally track the checked state to be able to render the correct Icon\n * but also want to provide controlled and uncontrolled behavior to user\n */\nfunction useControllableState<T>(props: UseControllableStateProps<T>) {\n  const {\n    value: valueProp,\n    defaultValue,\n    onChange,\n    shouldUpdate = (prev, next) => prev !== next,\n  } = props;\n\n  const onChangeProp = useCallbackRef(onChange);\n  const shouldUpdateProp = useCallbackRef(shouldUpdate);\n\n  const [valueState, setValue] = React.useState(defaultValue as T);\n  const { current: isControlled } = React.useRef(valueProp !== undefined);\n  const value = isControlled && typeof valueProp !== 'undefined' ? valueProp : valueState;\n\n  const updateValue: ControllableStateSetter<T> = useCallbackRef(\n    (next, skipUpdate = false, extraData) => {\n      const nextValue = next(value);\n      if (!isControlled) setValue(nextValue);\n      // We don't want to call onChange if skipUpdate is true or if the value is not changed\n      if (!shouldUpdateProp(value, nextValue)) return;\n      if (skipUpdate) return;\n      onChangeProp?.(nextValue, extraData);\n    },\n    [isControlled, onChangeProp, value, shouldUpdateProp],\n  );\n\n  return [value, updateValue] as [T, ControllableStateSetter<T>];\n}\n\nexport { useControllableState };\nexport type { ControllableStateSetter };\n"],"names":["useControllableState","props","valueProp","value","defaultValue","onChange","_props$shouldUpdate","shouldUpdate","prev","next","onChangeProp","useCallbackRef","shouldUpdateProp","_React$useState","React","useState","_React$useState2","_slicedToArray","valueState","setValue","_React$useRef","useRef","undefined","isControlled","current","updateValue","skipUpdate","arguments","length","extraData","nextValue"],"mappings":";;;;AAuCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,oBAAoBA,CAAIC,KAAmC,EAAE;AACpE,EAAA,IACSC,SAAS,GAIdD,KAAK,CAJPE,KAAK;IACLC,YAAY,GAGVH,KAAK,CAHPG,YAAY;IACZC,QAAQ,GAENJ,KAAK,CAFPI,QAAQ;IAAAC,mBAAA,GAENL,KAAK,CADPM,YAAY;AAAZA,IAAAA,YAAY,GAAAD,mBAAA,KAAA,KAAA,CAAA,GAAG,UAACE,IAAI,EAAEC,IAAI,EAAA;MAAA,OAAKD,IAAI,KAAKC,IAAI,CAAA;AAAA,KAAA,GAAAH,mBAAA,CAAA;AAG9C,EAAA,IAAMI,YAAY,GAAGC,cAAc,CAACN,QAAQ,CAAC,CAAA;AAC7C,EAAA,IAAMO,gBAAgB,GAAGD,cAAc,CAACJ,YAAY,CAAC,CAAA;AAErD,EAAA,IAAAM,eAAA,GAA+BC,KAAK,CAACC,QAAQ,CAACX,YAAiB,CAAC;IAAAY,gBAAA,GAAAC,cAAA,CAAAJ,eAAA,EAAA,CAAA,CAAA;AAAzDK,IAAAA,UAAU,GAAAF,gBAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,QAAQ,GAAAH,gBAAA,CAAA,CAAA,CAAA,CAAA;EAC3B,IAAAI,aAAA,GAAkCN,KAAK,CAACO,MAAM,CAACnB,SAAS,KAAKoB,SAAS,CAAC;IAAtDC,YAAY,GAAAH,aAAA,CAArBI,OAAO,CAAA;EACf,IAAMrB,KAAK,GAAGoB,YAAY,IAAI,OAAOrB,SAAS,KAAK,WAAW,GAAGA,SAAS,GAAGgB,UAAU,CAAA;AAEvF,EAAA,IAAMO,WAAuC,GAAGd,cAAc,CAC5D,UAACF,IAAI,EAAoC;AAAA,IAAA,IAAlCiB,UAAU,GAAAC,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAL,SAAA,GAAAK,SAAA,CAAA,CAAA,CAAA,GAAG,KAAK,CAAA;IAAA,IAAEE,SAAS,GAAAF,SAAA,CAAAC,MAAA,GAAAD,CAAAA,GAAAA,SAAA,MAAAL,SAAA,CAAA;AAClC,IAAA,IAAMQ,SAAS,GAAGrB,IAAI,CAACN,KAAK,CAAC,CAAA;AAC7B,IAAA,IAAI,CAACoB,YAAY,EAAEJ,QAAQ,CAACW,SAAS,CAAC,CAAA;AACtC;AACA,IAAA,IAAI,CAAClB,gBAAgB,CAACT,KAAK,EAAE2B,SAAS,CAAC,EAAE,OAAA;AACzC,IAAA,IAAIJ,UAAU,EAAE,OAAA;IAChBhB,YAAY,KAAA,IAAA,IAAZA,YAAY,KAAZA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,YAAY,CAAGoB,SAAS,EAAED,SAAS,CAAC,CAAA;GACrC,EACD,CAACN,YAAY,EAAEb,YAAY,EAAEP,KAAK,EAAES,gBAAgB,CACtD,CAAC,CAAA;AAED,EAAA,OAAO,CAACT,KAAK,EAAEsB,WAAW,CAAC,CAAA;AAC7B;;;;"}

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

@@ -5,7 +5,7 @@ import React__default from 'react';
 import styled from 'styled-components';
 import { useDrag, rubberbandIfOutOfBounds } from '@use-gesture/react';
 import usePresence from 'use-presence';
-import { clearAllBodyScrollLocks } from 'body-scroll-lock-upgrade';
+import { clearAllBodyScrollLocks, enableBodyScroll } from 'body-scroll-lock-upgrade';
 export { BottomSheetHeader } from './BottomSheetHeader.web.js';
 export { BottomSheetFooter } from './BottomSheetFooter.web.js';
 export { BottomSheetBody } from './BottomSheetBody.web.js';
@@ -429,6 +429,22 @@ var _BottomSheet = function _BottomSheet(_ref2) {
     }
   }, [addBottomSheetToStack, id, isMounted, removeBottomSheetFromStack]);
 
+  // Remove the bottomsheet from the stack, if it's unmounted forcefully
+  React__default.useEffect(function () {
+    return function () {
+      if (id === undefined) return;
+      removeBottomSheetFromStack(id);
+    };
+  }, [id, removeBottomSheetFromStack]);
+
+  // Disable body scroll lock when the component is unmounted forcefully
+  React__default.useEffect(function () {
+    var lockTarget = scrollRef.current;
+    return function () {
+      enableBodyScroll(lockTarget);
+    };
+  }, []);
+
   // We will need to reset these values otherwise the next time the bottomsheet opens
   // this will be populated and the animations won't run
   // why?: because how the usePresence hook works, we actually just unmount the