@razorpay/blade 12.98.1 → 12.111.0

package/build/lib/web/development/components/TimePicker/useTimePickerState.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTimePickerState.js","sources":["../../../../../../src/components/TimePicker/useTimePickerState.ts"],"sourcesContent":["import React from 'react';\nimport { Time } from '@internationalized/date';\nimport type { UseTimePickerStateProps } from './types';\nimport { dateToTimeValue, timeValueToDate, getTimeComponents, createCompleteTime } from './utils';\nimport { useControllableState } from '~utils/useControllable';\n\n/**\n * Returns empty time value (midnight) when neither value nor defaultValue is provided\n */\nconst getEmptyTimeValue = (): Time => new Time(0, 0);\n\n/**\n * Return type for useTimePickerState hook\n */\ntype UseTimePickerStateReturn = {\n  timeValue: Date | null;\n  setTimeValue: (date: Date | null) => void;\n  isOpen: boolean;\n  setIsOpen: (isOpen: boolean) => void;\n  internalTimeValue: Time;\n  setInternalTimeValue: (timeValue: Time) => void;\n  selectedHour: number;\n  selectedMinute: number;\n  selectedPeriod: string;\n  onApply: () => void;\n  onCancel: () => void;\n  createCompleteTime: () => Date | null;\n};\n\n/**\n * Custom hook for TimePicker state management\n */\nexport const useTimePickerState = ({\n  value,\n  defaultValue,\n  onChange,\n  isOpen,\n  defaultIsOpen = false,\n  onOpenChange,\n  timeFormat = '12h',\n  showFooterActions = true,\n  onApply,\n}: UseTimePickerStateProps): UseTimePickerStateReturn => {\n  // Convert values for React Aria Time compatibility\n  const convertedValue = value !== undefined ? dateToTimeValue(value) : undefined;\n  const convertedDefaultValue =\n    defaultValue !== undefined ? dateToTimeValue(defaultValue) : undefined;\n\n  const [internalTimeValue, setInternalTimeValue] = useControllableState<Time>({\n    value: convertedValue ?? undefined,\n    defaultValue: convertedDefaultValue ?? undefined,\n    onChange: (timeValue) => {\n      const date = timeValueToDate(timeValue);\n      onChange?.({ value: date });\n    },\n  });\n\n  // For external API, expose as Date\n  const timeValue = timeValueToDate(internalTimeValue);\n  const setTimeValue = React.useCallback(\n    (date: Date | null) => {\n      setInternalTimeValue(() => dateToTimeValue(date) ?? getEmptyTimeValue());\n    },\n    [setInternalTimeValue],\n  );\n\n  // Old value backup for cancel functionality\n  const [oldTimeValue, setOldTimeValue] = React.useState<Time>(internalTimeValue);\n\n  // Manage controlled/uncontrolled open state\n  const [controllableIsOpen, setControllableIsOpen] = useControllableState({\n    value: isOpen,\n    defaultValue: defaultIsOpen,\n    onChange: (isOpen: boolean) => {\n      onOpenChange?.({ isOpen });\n      // Update old value every time timepicker is opened or closed\n      setOldTimeValue(internalTimeValue);\n    },\n  });\n\n  const handleApply = React.useCallback(() => {\n    if (showFooterActions) {\n      // Call onChange with current timeValue\n      onChange?.({ value: timeValue });\n      // Update oldTimeValue to current value\n      setOldTimeValue(internalTimeValue);\n      // Call onApply callback\n      onApply?.({ value: timeValue });\n    }\n    setControllableIsOpen(() => false);\n  }, [\n    timeValue,\n    internalTimeValue,\n    onChange,\n    setOldTimeValue,\n    onApply,\n    setControllableIsOpen,\n    showFooterActions,\n  ]);\n\n  const handleCancel = React.useCallback(() => {\n    // Restore internalTimeValue from oldTimeValue\n    setInternalTimeValue(() => oldTimeValue);\n    setControllableIsOpen(() => false);\n  }, [oldTimeValue, setInternalTimeValue, setControllableIsOpen]);\n\n  const { selectedHour, selectedMinute, selectedPeriod } = getTimeComponents(timeValue, timeFormat);\n\n  // Function to create complete time from current partial/full values\n  const createCompleteTimeCallback = React.useCallback(() => {\n    return createCompleteTime(selectedHour, selectedMinute, selectedPeriod, timeFormat);\n  }, [selectedHour, selectedMinute, selectedPeriod, timeFormat]);\n\n  return {\n    // Core state (Date API for external use)\n    timeValue,\n    setTimeValue,\n    isOpen: controllableIsOpen ?? false,\n    setIsOpen: (isOpen: boolean) => setControllableIsOpen(() => isOpen),\n\n    // TimeValue for React Aria compatibility\n    internalTimeValue,\n    setInternalTimeValue: (timeValue: Time) => setInternalTimeValue(() => timeValue),\n\n    // Individual time components for easy access\n    selectedHour,\n    selectedMinute,\n    selectedPeriod,\n\n    // Actions\n    onApply: handleApply,\n    onCancel: handleCancel,\n\n    // Time validation and creation\n    createCompleteTime: createCompleteTimeCallback,\n  } as const;\n};\n"],"names":["getEmptyTimeValue","Time","useTimePickerState","_ref","value","defaultValue","onChange","isOpen","_ref$defaultIsOpen","defaultIsOpen","onOpenChange","_ref$timeFormat","timeFormat","_ref$showFooterAction","showFooterActions","onApply","convertedValue","undefined","dateToTimeValue","convertedDefaultValue","_useControllableState","useControllableState","timeValue","date","timeValueToDate","_useControllableState2","_slicedToArray","internalTimeValue","setInternalTimeValue","setTimeValue","React","useCallback","_dateToTimeValue","_React$useState","useState","_React$useState2","oldTimeValue","setOldTimeValue","_useControllableState3","_useControllableState4","controllableIsOpen","setControllableIsOpen","handleApply","handleCancel","_getTimeComponents","getTimeComponents","selectedHour","selectedMinute","selectedPeriod","createCompleteTimeCallback","createCompleteTime","setIsOpen","onCancel"],"mappings":"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"}
+{"version":3,"file":"useTimePickerState.js","sources":["../../../../../../src/components/TimePicker/useTimePickerState.ts"],"sourcesContent":["import React from 'react';\nimport { Time } from '@internationalized/date';\nimport type { UseTimePickerStateProps } from './types';\nimport { dateToTimeValue, timeValueToDate, getTimeComponents, createCompleteTime } from './utils';\nimport { useControllableState } from '~utils/useControllable';\n\n/**\n * Returns empty time value (midnight) when neither value nor defaultValue is provided\n */\nconst getEmptyTimeValue = (): Time => new Time(0, 0);\n\n/**\n * Return type for useTimePickerState hook\n */\ntype UseTimePickerStateReturn = {\n  timeValue: Date | null;\n  setTimeValue: (date: Date | null) => void;\n  isOpen: boolean;\n  setIsOpen: (isOpen: boolean) => void;\n  internalTimeValue: Time;\n  setInternalTimeValue: (timeValue: Time) => void;\n  selectedHour: number;\n  selectedMinute: number;\n  selectedPeriod: string;\n  onApply: () => void;\n  onCancel: () => void;\n  createCompleteTime: () => Date | null;\n};\n\n/**\n * Custom hook for TimePicker state management\n */\nexport const useTimePickerState = ({\n  value,\n  defaultValue,\n  onChange,\n  isOpen,\n  defaultIsOpen = false,\n  onOpenChange,\n  timeFormat = '12h',\n  showFooterActions = true,\n  onApply,\n}: UseTimePickerStateProps): UseTimePickerStateReturn => {\n  // Convert values for React Aria Time compatibility\n  const convertedValue = value !== undefined ? dateToTimeValue(value) : undefined;\n  const convertedDefaultValue =\n    defaultValue !== undefined ? dateToTimeValue(defaultValue) : undefined;\n\n  const [internalTimeValue, setInternalTimeValue] = useControllableState<Time>({\n    value: convertedValue ?? undefined,\n    defaultValue: convertedDefaultValue ?? undefined,\n    onChange: (timeValue) => {\n      const date = timeValueToDate(timeValue);\n      onChange?.({ value: date });\n    },\n  });\n\n  // For external API, expose as Date\n  const timeValue = timeValueToDate(internalTimeValue);\n  const setTimeValue = React.useCallback(\n    (date: Date | null) => {\n      setInternalTimeValue(() => dateToTimeValue(date) ?? getEmptyTimeValue());\n    },\n    [setInternalTimeValue],\n  );\n\n  // Old value backup for cancel functionality\n  const [oldTimeValue, setOldTimeValue] = React.useState<Time>(internalTimeValue);\n\n  // Manage controlled/uncontrolled open state\n  const [controllableIsOpen, setControllableIsOpen] = useControllableState({\n    value: isOpen,\n    defaultValue: defaultIsOpen,\n    onChange: (open: boolean) => {\n      onOpenChange?.({ isOpen: open });\n      // Snapshot the value when opening so Cancel can restore the pre-edit state.\n      if (open) {\n        setOldTimeValue(internalTimeValue);\n      }\n    },\n  });\n\n  const handleApply = React.useCallback(() => {\n    onChange?.({ value: timeValue });\n    setOldTimeValue(internalTimeValue);\n    if (showFooterActions) {\n      onApply?.({ value: timeValue });\n    }\n    setControllableIsOpen(() => false);\n  }, [\n    timeValue,\n    internalTimeValue,\n    onChange,\n    setOldTimeValue,\n    onApply,\n    setControllableIsOpen,\n    showFooterActions,\n  ]);\n\n  const handleCancel = React.useCallback(() => {\n    // Restore internalTimeValue from oldTimeValue\n    setInternalTimeValue(() => oldTimeValue);\n    setControllableIsOpen(() => false);\n  }, [oldTimeValue, setInternalTimeValue, setControllableIsOpen]);\n\n  const { selectedHour, selectedMinute, selectedPeriod } = getTimeComponents(timeValue, timeFormat);\n\n  // Function to create complete time from current partial/full values\n  const createCompleteTimeCallback = React.useCallback(() => {\n    return createCompleteTime(selectedHour, selectedMinute, selectedPeriod, timeFormat);\n  }, [selectedHour, selectedMinute, selectedPeriod, timeFormat]);\n\n  return {\n    // Core state (Date API for external use)\n    timeValue,\n    setTimeValue,\n    isOpen: controllableIsOpen ?? false,\n    setIsOpen: (isOpen: boolean) => setControllableIsOpen(() => isOpen),\n\n    // TimeValue for React Aria compatibility\n    internalTimeValue,\n    setInternalTimeValue: (timeValue: Time) => setInternalTimeValue(() => timeValue),\n\n    // Individual time components for easy access\n    selectedHour,\n    selectedMinute,\n    selectedPeriod,\n\n    // Actions\n    onApply: handleApply,\n    onCancel: handleCancel,\n\n    // Time validation and creation\n    createCompleteTime: createCompleteTimeCallback,\n  } as const;\n};\n"],"names":["getEmptyTimeValue","Time","useTimePickerState","_ref","value","defaultValue","onChange","isOpen","_ref$defaultIsOpen","defaultIsOpen","onOpenChange","_ref$timeFormat","timeFormat","_ref$showFooterAction","showFooterActions","onApply","convertedValue","undefined","dateToTimeValue","convertedDefaultValue","_useControllableState","useControllableState","timeValue","date","timeValueToDate","_useControllableState2","_slicedToArray","internalTimeValue","setInternalTimeValue","setTimeValue","React","useCallback","_dateToTimeValue","_React$useState","useState","_React$useState2","oldTimeValue","setOldTimeValue","_useControllableState3","open","_useControllableState4","controllableIsOpen","setControllableIsOpen","handleApply","handleCancel","_getTimeComponents","getTimeComponents","selectedHour","selectedMinute","selectedPeriod","createCompleteTimeCallback","createCompleteTime","setIsOpen","onCancel"],"mappings":"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"}

package/build/lib/web/development/components/Toast/index.js

@@ -1,4 +1,4 @@
 export { ToastContainer } from './ToastContainer.web.js';
-export { useToast } from './useToast.js';
+export { useToast } from './useToast.web.js';
 import './types.js';
 //# sourceMappingURL=index.js.map

package/build/lib/web/development/components/Toast/{useToast.js → useToast.web.js}

@@ -63,4 +63,4 @@ var useToast = function useToast() {
 };
 
 export { useToast };
-//# sourceMappingURL=useToast.js.map
+//# sourceMappingURL=useToast.web.js.map

package/build/lib/web/development/components/Toast/useToast.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToast.web.js","sources":["../../../../../../src/components/Toast/useToast.web.tsx"],"sourcesContent":["import type { Toast } from 'react-hot-toast';\nimport toast, { useToasterStore } from 'react-hot-toast';\nimport type { ToastProps } from './types';\nimport { Toast as ToastComponent } from './Toast';\nimport { logger } from '~utils/logger';\n\ntype BladeToast = Omit<Toast, 'type'> & ToastProps;\ntype UseToastReturn = {\n  toasts: BladeToast[];\n  show: (props: ToastProps) => string;\n  dismiss: (id?: string) => void;\n};\n\nconst useToast = (): UseToastReturn => {\n  const { toasts } = useToasterStore();\n  const show = (props: ToastProps): string => {\n    props.type = props.type ?? 'informational';\n\n    // Do not show promotional toasts if there is already one\n    if (\n      toasts.find((t) => {\n        // @ts-expect-error - react-hot-toast doesn't recognize our promotional type\n        return t.type === 'promotional';\n      }) &&\n      props.type === 'promotional'\n    ) {\n      if (__DEV__) {\n        logger({\n          message: 'There can only be one promotional toast at a time',\n          type: 'warn',\n          moduleName: 'Toast',\n        });\n      }\n      return '';\n    }\n\n    const isPromoToast = props.type === 'promotional';\n    if (props.autoDismiss === undefined) {\n      // Promotional toasts should not auto dismiss\n      props.autoDismiss = !isPromoToast;\n    }\n\n    if (props.duration === undefined) {\n      // Set default durations\n      if (isPromoToast) {\n        props.duration = 8000;\n      } else {\n        props.duration = 4000;\n      }\n    }\n\n    // If autoDismiss is false, set duration to infinity\n    if (!props.autoDismiss) {\n      props.duration = Infinity;\n    }\n\n    return toast.custom(({ visible, id }) => {\n      return <ToastComponent {...props} id={id} isVisible={visible} />;\n    }, props);\n  };\n\n  return {\n    toasts: (toasts as unknown) as BladeToast[],\n    show,\n    dismiss: toast.dismiss,\n  };\n};\n\nexport type { UseToastReturn };\nexport { useToast };\n"],"names":["useToast","_useToasterStore","useToasterStore","toasts","show","props","_props$type","type","find","t","logger","message","moduleName","isPromoToast","autoDismiss","undefined","duration","Infinity","toast","custom","_ref","visible","id","_jsx","ToastComponent","_objectSpread","isVisible","dismiss"],"mappings":";;;;;;;;;AAaA,IAAMA,QAAQ,GAAG,SAAXA,QAAQA,GAAyB;AACrC,EAAA,IAAAC,gBAAA,GAAmBC,eAAe,EAAE;IAA5BC,MAAM,GAAAF,gBAAA,CAANE,MAAM,CAAA;AACd,EAAA,IAAMC,IAAI,GAAG,SAAPA,IAAIA,CAAIC,KAAiB,EAAa;AAAA,IAAA,IAAAC,WAAA,CAAA;AAC1CD,IAAAA,KAAK,CAACE,IAAI,GAAAD,CAAAA,WAAA,GAAGD,KAAK,CAACE,IAAI,MAAAD,IAAAA,IAAAA,WAAA,KAAAA,KAAAA,CAAAA,GAAAA,WAAA,GAAI,eAAe,CAAA;;AAE1C;AACA,IAAA,IACEH,MAAM,CAACK,IAAI,CAAC,UAACC,CAAC,EAAK;AACjB;AACA,MAAA,OAAOA,CAAC,CAACF,IAAI,KAAK,aAAa,CAAA;AACjC,KAAC,CAAC,IACFF,KAAK,CAACE,IAAI,KAAK,aAAa,EAC5B;AACA,MAAA,IAAI,IAAO,EAAE;AACXG,QAAAA,MAAM,CAAC;AACLC,UAAAA,OAAO,EAAE,mDAAmD;AAC5DJ,UAAAA,IAAI,EAAE,MAAM;AACZK,UAAAA,UAAU,EAAE,OAAA;AACd,SAAC,CAAC,CAAA;AACJ,OAAA;AACA,MAAA,OAAO,EAAE,CAAA;AACX,KAAA;AAEA,IAAA,IAAMC,YAAY,GAAGR,KAAK,CAACE,IAAI,KAAK,aAAa,CAAA;AACjD,IAAA,IAAIF,KAAK,CAACS,WAAW,KAAKC,SAAS,EAAE;AACnC;AACAV,MAAAA,KAAK,CAACS,WAAW,GAAG,CAACD,YAAY,CAAA;AACnC,KAAA;AAEA,IAAA,IAAIR,KAAK,CAACW,QAAQ,KAAKD,SAAS,EAAE;AAChC;AACA,MAAA,IAAIF,YAAY,EAAE;QAChBR,KAAK,CAACW,QAAQ,GAAG,IAAI,CAAA;AACvB,OAAC,MAAM;QACLX,KAAK,CAACW,QAAQ,GAAG,IAAI,CAAA;AACvB,OAAA;AACF,KAAA;;AAEA;AACA,IAAA,IAAI,CAACX,KAAK,CAACS,WAAW,EAAE;MACtBT,KAAK,CAACW,QAAQ,GAAGC,QAAQ,CAAA;AAC3B,KAAA;AAEA,IAAA,OAAOC,KAAK,CAACC,MAAM,CAAC,UAAAC,IAAA,EAAqB;AAAA,MAAA,IAAlBC,OAAO,GAAAD,IAAA,CAAPC,OAAO;QAAEC,EAAE,GAAAF,IAAA,CAAFE,EAAE,CAAA;MAChC,oBAAOC,GAAA,CAACC,KAAc,EAAAC,aAAA,CAAAA,aAAA,KAAKpB,KAAK,CAAA,EAAA,EAAA,EAAA;AAAEiB,QAAAA,EAAE,EAAEA,EAAG;AAACI,QAAAA,SAAS,EAAEL,OAAAA;AAAQ,OAAA,CAAE,CAAC,CAAA;KACjE,EAAEhB,KAAK,CAAC,CAAA;GACV,CAAA;EAED,OAAO;AACLF,IAAAA,MAAM,EAAGA,MAAkC;AAC3CC,IAAAA,IAAI,EAAJA,IAAI;IACJuB,OAAO,EAAET,KAAK,CAACS,OAAAA;GAChB,CAAA;AACH;;;;"}

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

@@ -30,7 +30,7 @@ import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
 import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
 import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
-var _excluded = ["title", "content", "children", "placement", "onOpenChange", "zIndex"];
+var _excluded = ["title", "content", "children", "placement", "onOpenChange", "zIndex", "maxWidth"];
 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) {
@@ -42,6 +42,7 @@ var _Tooltip = function _Tooltip(_ref) {
     _onOpenChange = _ref.onOpenChange,
     _ref$zIndex = _ref.zIndex,
     zIndex = _ref$zIndex === void 0 ? componentZIndices.tooltip : _ref$zIndex,
+    maxWidth = _ref.maxWidth,
     rest = _objectWithoutProperties(_ref, _excluded);
   var _useTheme = useTheme(),
     theme = _useTheme.theme,
@@ -129,6 +130,7 @@ var _Tooltip = function _Tooltip(_ref) {
           title: title,
           style: styles,
           colorScheme: colorScheme,
+          maxWidth: maxWidth,
           arrow: /*#__PURE__*/jsx(PopupArrow, {
             ref: arrowRef,
             context: context,

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 { componentIds } from './componentIds';\nimport { PopupArrow } from '~components/PopupArrow/PopupArrow.web';\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 { getFloatingPlacementParts } from '~utils/getFloatingPlacementParts';\nimport { componentZIndices } from '~utils/componentZIndices';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { useMergeRefs } from '~utils/useMergeRefs';\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, colorScheme } = useTheme();\n  const id = useId();\n  const [isOpen, setIsOpen] = React.useState(false);\n  const arrowRef = React.useRef<SVGSVGElement>(null);\n  const isDarkMode = colorScheme === 'dark';\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        // @ts-expect-error: ref does exist on children prop\n        ref: useMergeRefs(refs.setReference, children.ref),\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              colorScheme={colorScheme}\n              arrow={\n                <PopupArrow\n                  ref={arrowRef}\n                  context={context}\n                  width={ARROW_WIDTH}\n                  height={ARROW_HEIGHT}\n                  fillColor={theme.colors.popup.background.gray.intense}\n                  strokeColor={isDarkMode ? theme.colors.popup.border.gray.intense : undefined}\n                  strokeWidth={isDarkMode ? 1 : 0}\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","colorScheme","id","useId","_React$useState","React","useState","_React$useState2","_slicedToArray","isOpen","setIsOpen","arrowRef","useRef","isDarkMode","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","useMergeRefs","setReference","makeAccessible","label","mergeProps","props","_jsx","FloatingPortal","BaseBox","setFloating","style","pointerEvents","metaAttribute","name","MetaConstants","Tooltip","makeAnalyticsAttribute","TooltipContent","PopupArrow","width","height","fillColor","colors","popup","background","gray","intense","strokeColor","border","undefined","strokeWidth","assignWithoutSideEffects","componentId","componentIds"],"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 { PopupArrow } from '~components/PopupArrow/PopupArrow.web';\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 { getFloatingPlacementParts } from '~utils/getFloatingPlacementParts';\nimport { componentZIndices } from '~utils/componentZIndices';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { useMergeRefs } from '~utils/useMergeRefs';\n\nconst _Tooltip = ({\n  title,\n  content,\n  children,\n  placement = 'top',\n  onOpenChange,\n  zIndex = componentZIndices.tooltip,\n  maxWidth,\n  ...rest\n}: TooltipProps): React.ReactElement => {\n  const { theme, colorScheme } = useTheme();\n  const id = useId();\n  const [isOpen, setIsOpen] = React.useState(false);\n  const arrowRef = React.useRef<SVGSVGElement>(null);\n  const isDarkMode = colorScheme === 'dark';\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        // @ts-expect-error: ref does exist on children prop\n        ref: useMergeRefs(refs.setReference, children.ref),\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              colorScheme={colorScheme}\n              maxWidth={maxWidth}\n              arrow={\n                <PopupArrow\n                  ref={arrowRef}\n                  context={context}\n                  width={ARROW_WIDTH}\n                  height={ARROW_HEIGHT}\n                  fillColor={theme.colors.popup.background.gray.intense}\n                  strokeColor={isDarkMode ? theme.colors.popup.border.gray.intense : undefined}\n                  strokeWidth={isDarkMode ? 1 : 0}\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","maxWidth","rest","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","colorScheme","id","useId","_React$useState","React","useState","_React$useState2","_slicedToArray","isOpen","setIsOpen","arrowRef","useRef","isDarkMode","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","useMergeRefs","setReference","makeAccessible","label","mergeProps","props","_jsx","FloatingPortal","BaseBox","setFloating","style","pointerEvents","metaAttribute","name","MetaConstants","Tooltip","makeAnalyticsAttribute","TooltipContent","PopupArrow","width","height","fillColor","colors","popup","background","gray","intense","strokeColor","border","undefined","strokeWidth","assignWithoutSideEffects","componentId","componentIds"],"mappings":"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"}

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

@@ -3,6 +3,7 @@ import { TooltipContentWrapper } from './TooltipContentWrapper.web.js';
 import '../Typography/index.js';
 import '../../utils/index.js';
 import '../../tokens/global/index.js';
+import { DEFAULT_MAX_WIDTH } from './constants.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { isReactNative } from '../../utils/platform/isReactNative.js';
 import { makeSize } from '../../utils/makeSize/makeSize.js';
@@ -16,14 +17,15 @@ var TooltipContent = /*#__PURE__*/React__default.forwardRef(function (_ref, ref)
     side = _ref.side,
     style = _ref.style,
     isVisible = _ref.isVisible,
-    colorScheme = _ref.colorScheme;
+    colorScheme = _ref.colorScheme,
+    maxWidth = _ref.maxWidth;
   return /*#__PURE__*/jsxs(TooltipContentWrapper, {
     position: isReactNative() ? 'absolute' : 'relative',
     padding: "spacing.4",
     gap: "spacing.2",
     display: "flex",
     flexDirection: "column",
-    maxWidth: makeSize(size[200]),
+    maxWidth: maxWidth !== null && maxWidth !== void 0 ? maxWidth : makeSize(size[DEFAULT_MAX_WIDTH]),
     ref: ref,
     styles: style,
     side: side,

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

@@ -1 +1 @@
-{"version":3,"file":"TooltipContent.js","sources":["../../../../../../src/components/Tooltip/TooltipContent.tsx"],"sourcesContent":["import React from 'react';\nimport { TooltipContentWrapper } from './TooltipContentWrapper';\nimport type { TooltipContentProps } from './types';\nimport { Text } from '~components/Typography';\nimport { isReactNative, makeSize } from '~utils';\nimport { size } from '~tokens/global';\n\nconst TooltipContent = React.forwardRef<HTMLDivElement, TooltipContentProps>(\n  ({ children, title, arrow, side, style, isVisible, colorScheme }, ref) => {\n    return (\n      <TooltipContentWrapper\n        position={isReactNative() ? 'absolute' : 'relative'}\n        padding=\"spacing.4\"\n        gap=\"spacing.2\"\n        display=\"flex\"\n        flexDirection=\"column\"\n        maxWidth={makeSize(size[200])}\n        ref={ref as never}\n        styles={style}\n        side={side}\n        isVisible={isVisible}\n        colorScheme={colorScheme}\n      >\n        {title ? (\n          <Text weight=\"semibold\" size=\"medium\" color=\"surface.text.staticWhite.normal\">\n            {title}\n          </Text>\n        ) : null}\n        <Text\n          variant=\"body\"\n          size=\"small\"\n          weight=\"regular\"\n          color=\"surface.text.staticWhite.subtle\"\n          wordBreak=\"break-word\"\n        >\n          {children}\n        </Text>\n        {arrow}\n      </TooltipContentWrapper>\n    );\n  },\n);\n\nexport { TooltipContent };\n"],"names":["TooltipContent","React","forwardRef","_ref","ref","children","title","arrow","side","style","isVisible","colorScheme","_jsxs","TooltipContentWrapper","position","isReactNative","padding","gap","display","flexDirection","maxWidth","makeSize","size","styles","_jsx","Text","weight","color","variant","wordBreak"],"mappings":";;;;;;;;;;;AAOMA,IAAAA,cAAc,gBAAGC,cAAK,CAACC,UAAU,CACrC,UAAAC,IAAA,EAAkEC,GAAG,EAAK;AAAA,EAAA,IAAvEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAEC,KAAK,GAAAH,IAAA,CAALG,KAAK;IAAEC,KAAK,GAAAJ,IAAA,CAALI,KAAK;IAAEC,IAAI,GAAAL,IAAA,CAAJK,IAAI;IAAEC,KAAK,GAAAN,IAAA,CAALM,KAAK;IAAEC,SAAS,GAAAP,IAAA,CAATO,SAAS;IAAEC,WAAW,GAAAR,IAAA,CAAXQ,WAAW,CAAA;EAC5D,oBACEC,IAAA,CAACC,qBAAqB,EAAA;AACpBC,IAAAA,QAAQ,EAAEC,aAAa,EAAE,GAAG,UAAU,GAAG,UAAW;AACpDC,IAAAA,OAAO,EAAC,WAAW;AACnBC,IAAAA,GAAG,EAAC,WAAW;AACfC,IAAAA,OAAO,EAAC,MAAM;AACdC,IAAAA,aAAa,EAAC,QAAQ;AACtBC,IAAAA,QAAQ,EAAEC,QAAQ,CAACC,IAAI,CAAC,GAAG,CAAC,CAAE;AAC9BlB,IAAAA,GAAG,EAAEA,GAAa;AAClBmB,IAAAA,MAAM,EAAEd,KAAM;AACdD,IAAAA,IAAI,EAAEA,IAAK;AACXE,IAAAA,SAAS,EAAEA,SAAU;AACrBC,IAAAA,WAAW,EAAEA,WAAY;AAAAN,IAAAA,QAAA,EAExBC,CAAAA,KAAK,gBACJkB,GAAA,CAACC,IAAI,EAAA;AAACC,MAAAA,MAAM,EAAC,UAAU;AAACJ,MAAAA,IAAI,EAAC,QAAQ;AAACK,MAAAA,KAAK,EAAC,iCAAiC;AAAAtB,MAAAA,QAAA,EAC1EC,KAAAA;AAAK,KACF,CAAC,GACL,IAAI,eACRkB,GAAA,CAACC,IAAI,EAAA;AACHG,MAAAA,OAAO,EAAC,MAAM;AACdN,MAAAA,IAAI,EAAC,OAAO;AACZI,MAAAA,MAAM,EAAC,SAAS;AAChBC,MAAAA,KAAK,EAAC,iCAAiC;AACvCE,MAAAA,SAAS,EAAC,YAAY;AAAAxB,MAAAA,QAAA,EAErBA,QAAAA;KACG,CAAC,EACNE,KAAK,CAAA;AAAA,GACe,CAAC,CAAA;AAE5B,CACF;;;;"}
+{"version":3,"file":"TooltipContent.js","sources":["../../../../../../src/components/Tooltip/TooltipContent.tsx"],"sourcesContent":["import React from 'react';\nimport { TooltipContentWrapper } from './TooltipContentWrapper';\nimport type { TooltipContentProps } from './types';\nimport { Text } from '~components/Typography';\nimport { isReactNative, makeSize } from '~utils';\nimport { size } from '~tokens/global';\nimport { DEFAULT_MAX_WIDTH } from './constants';\n\nconst TooltipContent = React.forwardRef<HTMLDivElement, TooltipContentProps>(\n  ({ children, title, arrow, side, style, isVisible, colorScheme, maxWidth }, ref) => {\n    return (\n      <TooltipContentWrapper\n        position={isReactNative() ? 'absolute' : 'relative'}\n        padding=\"spacing.4\"\n        gap=\"spacing.2\"\n        display=\"flex\"\n        flexDirection=\"column\"\n        maxWidth={maxWidth ?? makeSize(size[DEFAULT_MAX_WIDTH])}\n        ref={ref as never}\n        styles={style}\n        side={side}\n        isVisible={isVisible}\n        colorScheme={colorScheme}\n      >\n        {title ? (\n          <Text weight=\"semibold\" size=\"medium\" color=\"surface.text.staticWhite.normal\">\n            {title}\n          </Text>\n        ) : null}\n        <Text\n          variant=\"body\"\n          size=\"small\"\n          weight=\"regular\"\n          color=\"surface.text.staticWhite.subtle\"\n          wordBreak=\"break-word\"\n        >\n          {children}\n        </Text>\n        {arrow}\n      </TooltipContentWrapper>\n    );\n  },\n);\n\nexport { TooltipContent };\n"],"names":["TooltipContent","React","forwardRef","_ref","ref","children","title","arrow","side","style","isVisible","colorScheme","maxWidth","_jsxs","TooltipContentWrapper","position","isReactNative","padding","gap","display","flexDirection","makeSize","size","DEFAULT_MAX_WIDTH","styles","_jsx","Text","weight","color","variant","wordBreak"],"mappings":";;;;;;;;;;;;AAQMA,IAAAA,cAAc,gBAAGC,cAAK,CAACC,UAAU,CACrC,UAAAC,IAAA,EAA4EC,GAAG,EAAK;AAAA,EAAA,IAAjFC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAEC,KAAK,GAAAH,IAAA,CAALG,KAAK;IAAEC,KAAK,GAAAJ,IAAA,CAALI,KAAK;IAAEC,IAAI,GAAAL,IAAA,CAAJK,IAAI;IAAEC,KAAK,GAAAN,IAAA,CAALM,KAAK;IAAEC,SAAS,GAAAP,IAAA,CAATO,SAAS;IAAEC,WAAW,GAAAR,IAAA,CAAXQ,WAAW;IAAEC,QAAQ,GAAAT,IAAA,CAARS,QAAQ,CAAA;EACtE,oBACEC,IAAA,CAACC,qBAAqB,EAAA;AACpBC,IAAAA,QAAQ,EAAEC,aAAa,EAAE,GAAG,UAAU,GAAG,UAAW;AACpDC,IAAAA,OAAO,EAAC,WAAW;AACnBC,IAAAA,GAAG,EAAC,WAAW;AACfC,IAAAA,OAAO,EAAC,MAAM;AACdC,IAAAA,aAAa,EAAC,QAAQ;AACtBR,IAAAA,QAAQ,EAAEA,QAAQ,KAARA,IAAAA,IAAAA,QAAQ,KAARA,KAAAA,CAAAA,GAAAA,QAAQ,GAAIS,QAAQ,CAACC,IAAI,CAACC,iBAAiB,CAAC,CAAE;AACxDnB,IAAAA,GAAG,EAAEA,GAAa;AAClBoB,IAAAA,MAAM,EAAEf,KAAM;AACdD,IAAAA,IAAI,EAAEA,IAAK;AACXE,IAAAA,SAAS,EAAEA,SAAU;AACrBC,IAAAA,WAAW,EAAEA,WAAY;AAAAN,IAAAA,QAAA,EAExBC,CAAAA,KAAK,gBACJmB,GAAA,CAACC,IAAI,EAAA;AAACC,MAAAA,MAAM,EAAC,UAAU;AAACL,MAAAA,IAAI,EAAC,QAAQ;AAACM,MAAAA,KAAK,EAAC,iCAAiC;AAAAvB,MAAAA,QAAA,EAC1EC,KAAAA;AAAK,KACF,CAAC,GACL,IAAI,eACRmB,GAAA,CAACC,IAAI,EAAA;AACHG,MAAAA,OAAO,EAAC,MAAM;AACdP,MAAAA,IAAI,EAAC,OAAO;AACZK,MAAAA,MAAM,EAAC,SAAS;AAChBC,MAAAA,KAAK,EAAC,iCAAiC;AACvCE,MAAAA,SAAS,EAAC,YAAY;AAAAzB,MAAAA,QAAA,EAErBA,QAAAA;KACG,CAAC,EACNE,KAAK,CAAA;AAAA,GACe,CAAC,CAAA;AAE5B,CACF;;;;"}

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

@@ -1,5 +1,6 @@
 var ARROW_WIDTH = 14;
 var ARROW_HEIGHT = 8;
+var DEFAULT_MAX_WIDTH = 200;
 
-export { ARROW_HEIGHT, ARROW_WIDTH };
+export { ARROW_HEIGHT, ARROW_WIDTH, DEFAULT_MAX_WIDTH };
 //# sourceMappingURL=constants.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../../../src/components/Tooltip/constants.ts"],"sourcesContent":["export const ARROW_WIDTH = 14;\nexport const ARROW_HEIGHT = 8;\n"],"names":["ARROW_WIDTH","ARROW_HEIGHT"],"mappings":"AAAO,IAAMA,WAAW,GAAG,GAAE;AACtB,IAAMC,YAAY,GAAG;;;;"}
+{"version":3,"file":"constants.js","sources":["../../../../../../src/components/Tooltip/constants.ts"],"sourcesContent":["export const ARROW_WIDTH = 14;\nexport const ARROW_HEIGHT = 8;\nexport const DEFAULT_MAX_WIDTH = 200;\n"],"names":["ARROW_WIDTH","ARROW_HEIGHT","DEFAULT_MAX_WIDTH"],"mappings":"AAAO,IAAMA,WAAW,GAAG,GAAE;AACtB,IAAMC,YAAY,GAAG,EAAC;AACtB,IAAMC,iBAAiB,GAAG;;;;"}

package/build/lib/web/development/components/TopNav/TabNav/TabNav.web.js

@@ -3,6 +3,7 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import React__default from 'react';
 import ReactDOM from 'react-dom';
+import { useTopNavContext } from '../TopNavContext.js';
 import { TabNavContext } from './TabNavContext.js';
 import { TabNavIndicator } from './TabNavIndicator.web.js';
 import { useResize } from '../../../utils/useResize.js';
@@ -10,12 +11,17 @@ import '../../Box/BaseBox/index.js';
 import '../../Box/styledProps/index.js';
 import '../../../utils/metaAttribute/index.js';
 import '../../../utils/makeAnalyticsAttribute/index.js';
+import '../../../tokens/global/index.js';
+import '../../../utils/index.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { BaseBox } from '../../Box/BaseBox/BaseBox.web.js';
 import { metaAttribute } from '../../../utils/metaAttribute/metaAttribute.web.js';
 import { MetaConstants } from '../../../utils/metaAttribute/metaConstants.js';
 import { makeAnalyticsAttribute } from '../../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
 import { getStyledProps } from '../../Box/styledProps/getStyledProps.js';
+import { makeSize } from '../../../utils/makeSize/makeSize.js';
+import { size } from '../../../tokens/global/size.js';
+import { backdropBlur } from '../../../tokens/global/blur.js';
 
 var _excluded = ["children"],
   _excluded2 = ["children", "items"];
@@ -47,6 +53,8 @@ var TabNav = function TabNav(_ref2) {
     rest = _objectWithoutProperties(_ref2, _excluded2);
   var ref = React__default.useRef(null);
   var itemsRowRef = React__default.useRef(null);
+  var topNavContext = useTopNavContext();
+  var isPrimaryVariant = (topNavContext === null || topNavContext === void 0 ? void 0 : topNavContext.variant) === 'primary';
   var _React$useState = React__default.useState(items),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     controlledItems = _React$useState2[0],
@@ -105,7 +113,7 @@ var TabNav = function TabNav(_ref2) {
       controlledItems: controlledItems,
       setControlledItems: setControlledItems
     },
-    children: /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
+    children: /*#__PURE__*/jsxs(BaseBox, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
       as: "nav",
       display: "flex",
       width: "100%",
@@ -116,7 +124,7 @@ var TabNav = function TabNav(_ref2) {
       name: MetaConstants.TabNav
     })), {}, {
       ref: ref,
-      children: /*#__PURE__*/jsx(BaseBox, {
+      children: [/*#__PURE__*/jsx(BaseBox, {
         display: "flex",
         width: "100%",
         position: "relative",
@@ -130,10 +138,26 @@ var TabNav = function TabNav(_ref2) {
             items: _items,
             overflowingItems: overflowingItems
           }), /*#__PURE__*/jsx(TabNavIndicator, {
-            containerRef: itemsRowRef
+            containerRef: itemsRowRef,
+            showGlow: !isPrimaryVariant
           })]
         })
-      })
+      }), isPrimaryVariant && /*#__PURE__*/jsx(BaseBox, {
+        display: {
+          base: 'none',
+          m: 'block'
+        },
+        position: "absolute",
+        bottom: "-4px",
+        left: "spacing.3",
+        right: "0px",
+        height: makeSize(size[20]),
+        style: {
+          background: 'radial-gradient(ellipse at center bottom, rgba(0, 0, 0, 0.4), transparent 100%)',
+          filter: "blur(".concat(backdropBlur.medium, "px)"),
+          pointerEvents: 'none'
+        }
+      })]
     }))
   });
 };

package/build/lib/web/development/components/TopNav/TabNav/TabNav.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabNav.web.js","sources":["../../../../../../../src/components/TopNav/TabNav/TabNav.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable consistent-return */\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport { TabNavContext } from './TabNavContext';\nimport { TabNavIndicator } from './TabNavIndicator.web';\nimport type { TabNavItemData, TabNavProps } from './types';\nimport { useResize } from '~utils/useResize';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { BoxProps } from '~components/Box';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport type { DataAnalyticsAttribute } from '~utils/types';\n\nconst TabNavItems = ({ children, ...rest }: BoxProps): React.ReactElement => {\n  return (\n    <BaseBox\n      {...rest}\n      display=\"flex\"\n      width=\"100%\"\n      gap=\"spacing.0\"\n      position=\"relative\"\n      left=\"-1px\"\n      {...metaAttribute({ name: MetaConstants.TabNavItems })}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      {React.Children.map(children, (child, index) => {\n        return React.cloneElement(child as React.ReactElement, {\n          __isInsideTabNavItems: true,\n          __index: index,\n        });\n      })}\n    </BaseBox>\n  );\n};\n\nconst TabNav = ({\n  children,\n  items,\n  ...rest\n}: TabNavProps & StyledPropsBlade & DataAnalyticsAttribute): React.ReactElement => {\n  const ref = React.useRef<HTMLDivElement>(null);\n  const itemsRowRef = React.useRef<HTMLDivElement>(null);\n  const [controlledItems, setControlledItems] = React.useState<TabNavItemData[]>(items);\n\n  const overflowingItems = controlledItems.filter(\n    (item) => item.isAlwaysOverflowing ?? item.isOverflowing,\n  );\n  const _items = controlledItems.filter((item) => !item.isAlwaysOverflowing && !item.isOverflowing);\n\n  // We need to memoize this callback otherwise it will cause infinite re-renders\n  // Because the ResizeObserver callback will be a new reference on every render\n  // and it will trigger a re-render\n  const resizeCallback = React.useCallback((resizeInfo: ResizeObserverEntry): void => {\n    const target = resizeInfo.target as HTMLElement;\n    const updateItems = (): void => {\n      setControlledItems((items) => {\n        return items.map((item, index) => {\n          // never overflow the first item\n          if (index === 0) return { ...item, isOverflowing: false };\n          // add padding to the offsetX to account the \"More\" menu's width changing due to the selection state (eg: More:ProdctName)\n          // Currently, hardcoding this to 150, we can make this dynamic too but that's causing layout thrashing\n          // because first we need to calculate the width of the \"More\" menu and then update the items\n          const padding = 150;\n          const offset = (item.offsetX! + padding)! - target.getBoundingClientRect().left;\n          if (offset > target.offsetWidth) {\n            return { ...item, isOverflowing: true };\n          } else {\n            return { ...item, isOverflowing: false };\n          }\n        });\n      });\n    };\n    // https://github.com/webpack/webpack/issues/14814\n    const flushSync = (ReactDOM as any)['flushSync'.toString()];\n    // Using flushSync to avoid layout thrashing,\n    // this will force React to flush all pending updates and only then update the DOM\n    if (flushSync !== undefined) {\n      flushSync(updateItems);\n    } else {\n      updateItems();\n    }\n  }, []);\n\n  useResize(ref, resizeCallback);\n\n  return (\n    <TabNavContext.Provider value={{ containerRef: ref, controlledItems, setControlledItems }}>\n      <BaseBox\n        as=\"nav\"\n        display=\"flex\"\n        width=\"100%\"\n        alignItems=\"center\"\n        alignSelf=\"center\"\n        position=\"relative\"\n        {...getStyledProps(rest)}\n        {...makeAnalyticsAttribute(rest)}\n        {...metaAttribute({ name: MetaConstants.TabNav })}\n        ref={ref}\n      >\n        <BaseBox display=\"flex\" width=\"100%\" position=\"relative\">\n          <BaseBox\n            ref={itemsRowRef}\n            display=\"flex\"\n            flexDirection=\"row\"\n            width=\"max-content\"\n            position=\"relative\"\n          >\n            {children({ items: _items, overflowingItems })}\n            <TabNavIndicator containerRef={itemsRowRef} />\n          </BaseBox>\n        </BaseBox>\n      </BaseBox>\n    </TabNavContext.Provider>\n  );\n};\n\nexport { TabNav, TabNavItems };\n"],"names":["TabNavItems","_ref","children","rest","_objectWithoutProperties","_excluded","_jsx","BaseBox","_objectSpread","display","width","gap","position","left","metaAttribute","name","MetaConstants","makeAnalyticsAttribute","React","Children","map","child","index","cloneElement","__isInsideTabNavItems","__index","TabNav","_ref2","items","_excluded2","ref","useRef","itemsRowRef","_React$useState","useState","_React$useState2","_slicedToArray","controlledItems","setControlledItems","overflowingItems","filter","item","_item$isAlwaysOverflo","isAlwaysOverflowing","isOverflowing","_items","resizeCallback","useCallback","resizeInfo","target","updateItems","padding","offset","offsetX","getBoundingClientRect","offsetWidth","flushSync","ReactDOM","toString","undefined","useResize","TabNavContext","Provider","value","containerRef","as","alignItems","alignSelf","getStyledProps","_jsxs","flexDirection","TabNavIndicator"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAgBA,IAAMA,WAAW,GAAG,SAAdA,WAAWA,CAAAC,IAAA,EAA4D;AAAA,EAAA,IAAtDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;AAAKC,IAAAA,IAAI,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA,CAAA,CAAA;AACtC,EAAA,oBACEC,GAAA,CAACC,OAAO,EAAAC,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAA,EAAA,EACFL,IAAI,CAAA,EAAA,EAAA,EAAA;AACRM,IAAAA,OAAO,EAAC,MAAM;AACdC,IAAAA,KAAK,EAAC,MAAM;AACZC,IAAAA,GAAG,EAAC,WAAW;AACfC,IAAAA,QAAQ,EAAC,UAAU;AACnBC,IAAAA,IAAI,EAAC,MAAA;AAAM,GAAA,EACPC,aAAa,CAAC;IAAEC,IAAI,EAAEC,aAAa,CAAChB,WAAAA;AAAY,GAAC,CAAC,CAAA,EAClDiB,sBAAsB,CAACd,IAAI,CAAC,CAAA,EAAA,EAAA,EAAA;AAAAD,IAAAA,QAAA,EAE/BgB,cAAK,CAACC,QAAQ,CAACC,GAAG,CAAClB,QAAQ,EAAE,UAACmB,KAAK,EAAEC,KAAK,EAAK;AAC9C,MAAA,oBAAOJ,cAAK,CAACK,YAAY,CAACF,KAAK,EAAwB;AACrDG,QAAAA,qBAAqB,EAAE,IAAI;AAC3BC,QAAAA,OAAO,EAAEH,KAAAA;AACX,OAAC,CAAC,CAAA;KACH,CAAA;AAAC,GAAA,CACK,CAAC,CAAA;AAEd,EAAC;AAED,IAAMI,MAAM,GAAG,SAATA,MAAMA,CAAAC,KAAA,EAIuE;AAAA,EAAA,IAHjFzB,QAAQ,GAAAyB,KAAA,CAARzB,QAAQ;IACR0B,KAAK,GAAAD,KAAA,CAALC,KAAK;AACFzB,IAAAA,IAAI,GAAAC,wBAAA,CAAAuB,KAAA,EAAAE,UAAA,CAAA,CAAA;AAEP,EAAA,IAAMC,GAAG,GAAGZ,cAAK,CAACa,MAAM,CAAiB,IAAI,CAAC,CAAA;AAC9C,EAAA,IAAMC,WAAW,GAAGd,cAAK,CAACa,MAAM,CAAiB,IAAI,CAAC,CAAA;AACtD,EAAA,IAAAE,eAAA,GAA8Cf,cAAK,CAACgB,QAAQ,CAAmBN,KAAK,CAAC;IAAAO,gBAAA,GAAAC,cAAA,CAAAH,eAAA,EAAA,CAAA,CAAA;AAA9EI,IAAAA,eAAe,GAAAF,gBAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,kBAAkB,GAAAH,gBAAA,CAAA,CAAA,CAAA,CAAA;AAE1C,EAAA,IAAMI,gBAAgB,GAAGF,eAAe,CAACG,MAAM,CAC7C,UAACC,IAAI,EAAA;AAAA,IAAA,IAAAC,qBAAA,CAAA;AAAA,IAAA,OAAA,CAAAA,qBAAA,GAAKD,IAAI,CAACE,mBAAmB,MAAA,IAAA,IAAAD,qBAAA,KAAA,KAAA,CAAA,GAAAA,qBAAA,GAAID,IAAI,CAACG,aAAa,CAAA;AAAA,GAC1D,CAAC,CAAA;AACD,EAAA,IAAMC,MAAM,GAAGR,eAAe,CAACG,MAAM,CAAC,UAACC,IAAI,EAAA;IAAA,OAAK,CAACA,IAAI,CAACE,mBAAmB,IAAI,CAACF,IAAI,CAACG,aAAa,CAAA;GAAC,CAAA,CAAA;;AAEjG;AACA;AACA;EACA,IAAME,cAAc,GAAG5B,cAAK,CAAC6B,WAAW,CAAC,UAACC,UAA+B,EAAW;AAClF,IAAA,IAAMC,MAAM,GAAGD,UAAU,CAACC,MAAqB,CAAA;AAC/C,IAAA,IAAMC,WAAW,GAAG,SAAdA,WAAWA,GAAe;MAC9BZ,kBAAkB,CAAC,UAACV,KAAK,EAAK;QAC5B,OAAOA,KAAK,CAACR,GAAG,CAAC,UAACqB,IAAI,EAAEnB,KAAK,EAAK;AAChC;UACA,IAAIA,KAAK,KAAK,CAAC,EAAE,OAAAd,aAAA,CAAAA,aAAA,CAAA,EAAA,EAAYiC,IAAI,CAAA,EAAA,EAAA,EAAA;AAAEG,YAAAA,aAAa,EAAE,KAAA;AAAK,WAAA,CAAA,CAAA;AACvD;AACA;AACA;UACA,IAAMO,OAAO,GAAG,GAAG,CAAA;AACnB,UAAA,IAAMC,MAAM,GAAIX,IAAI,CAACY,OAAO,GAAIF,OAAO,GAAKF,MAAM,CAACK,qBAAqB,EAAE,CAACzC,IAAI,CAAA;AAC/E,UAAA,IAAIuC,MAAM,GAAGH,MAAM,CAACM,WAAW,EAAE;AAC/B,YAAA,OAAA/C,aAAA,CAAAA,aAAA,CAAA,EAAA,EAAYiC,IAAI,CAAA,EAAA,EAAA,EAAA;AAAEG,cAAAA,aAAa,EAAE,IAAA;AAAI,aAAA,CAAA,CAAA;AACvC,WAAC,MAAM;AACL,YAAA,OAAApC,aAAA,CAAAA,aAAA,CAAA,EAAA,EAAYiC,IAAI,CAAA,EAAA,EAAA,EAAA;AAAEG,cAAAA,aAAa,EAAE,KAAA;AAAK,aAAA,CAAA,CAAA;AACxC,WAAA;AACF,SAAC,CAAC,CAAA;AACJ,OAAC,CAAC,CAAA;KACH,CAAA;AACD;IACA,IAAMY,SAAS,GAAIC,QAAQ,CAAS,WAAW,CAACC,QAAQ,EAAE,CAAC,CAAA;AAC3D;AACA;IACA,IAAIF,SAAS,KAAKG,SAAS,EAAE;MAC3BH,SAAS,CAACN,WAAW,CAAC,CAAA;AACxB,KAAC,MAAM;AACLA,MAAAA,WAAW,EAAE,CAAA;AACf,KAAA;GACD,EAAE,EAAE,CAAC,CAAA;AAENU,EAAAA,SAAS,CAAC9B,GAAG,EAAEgB,cAAc,CAAC,CAAA;AAE9B,EAAA,oBACExC,GAAA,CAACuD,aAAa,CAACC,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAE;AAAEC,MAAAA,YAAY,EAAElC,GAAG;AAAEO,MAAAA,eAAe,EAAfA,eAAe;AAAEC,MAAAA,kBAAkB,EAAlBA,kBAAAA;KAAqB;IAAApC,QAAA,eACxFI,GAAA,CAACC,OAAO,EAAAC,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAA;AACNyD,MAAAA,EAAE,EAAC,KAAK;AACRxD,MAAAA,OAAO,EAAC,MAAM;AACdC,MAAAA,KAAK,EAAC,MAAM;AACZwD,MAAAA,UAAU,EAAC,QAAQ;AACnBC,MAAAA,SAAS,EAAC,QAAQ;AAClBvD,MAAAA,QAAQ,EAAC,UAAA;KACLwD,EAAAA,cAAc,CAACjE,IAAI,CAAC,CAAA,EACpBc,sBAAsB,CAACd,IAAI,CAAC,CAC5BW,EAAAA,aAAa,CAAC;MAAEC,IAAI,EAAEC,aAAa,CAACU,MAAAA;AAAO,KAAC,CAAC,CAAA,EAAA,EAAA,EAAA;AACjDI,MAAAA,GAAG,EAAEA,GAAI;MAAA5B,QAAA,eAETI,GAAA,CAACC,OAAO,EAAA;AAACE,QAAAA,OAAO,EAAC,MAAM;AAACC,QAAAA,KAAK,EAAC,MAAM;AAACE,QAAAA,QAAQ,EAAC,UAAU;QAAAV,QAAA,eACtDmE,IAAA,CAAC9D,OAAO,EAAA;AACNuB,UAAAA,GAAG,EAAEE,WAAY;AACjBvB,UAAAA,OAAO,EAAC,MAAM;AACd6D,UAAAA,aAAa,EAAC,KAAK;AACnB5D,UAAAA,KAAK,EAAC,aAAa;AACnBE,UAAAA,QAAQ,EAAC,UAAU;UAAAV,QAAA,EAAA,CAElBA,QAAQ,CAAC;AAAE0B,YAAAA,KAAK,EAAEiB,MAAM;AAAEN,YAAAA,gBAAgB,EAAhBA,gBAAAA;AAAiB,WAAC,CAAC,eAC9CjC,GAAA,CAACiE,eAAe,EAAA;AAACP,YAAAA,YAAY,EAAEhC,WAAAA;AAAY,WAAE,CAAC,CAAA;SACvC,CAAA;OACF,CAAA;KACF,CAAA,CAAA;AAAC,GACY,CAAC,CAAA;AAE7B;;;;"}
+{"version":3,"file":"TabNav.web.js","sources":["../../../../../../../src/components/TopNav/TabNav/TabNav.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable consistent-return */\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport { useTopNavContext } from '../TopNavContext';\nimport { TabNavContext } from './TabNavContext';\nimport { TabNavIndicator } from './TabNavIndicator.web';\nimport type { TabNavItemData, TabNavProps } from './types';\nimport { useResize } from '~utils/useResize';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { BoxProps } from '~components/Box';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport type { DataAnalyticsAttribute } from '~utils/types';\nimport { size, backdropBlur } from '~tokens/global';\nimport { makeSize } from '~utils';\n\nconst TabNavItems = ({ children, ...rest }: BoxProps): React.ReactElement => {\n  return (\n    <BaseBox\n      {...rest}\n      display=\"flex\"\n      width=\"100%\"\n      gap=\"spacing.0\"\n      position=\"relative\"\n      left=\"-1px\"\n      {...metaAttribute({ name: MetaConstants.TabNavItems })}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      {React.Children.map(children, (child, index) => {\n        return React.cloneElement(child as React.ReactElement, {\n          __isInsideTabNavItems: true,\n          __index: index,\n        });\n      })}\n    </BaseBox>\n  );\n};\n\nconst TabNav = ({\n  children,\n  items,\n  ...rest\n}: TabNavProps & StyledPropsBlade & DataAnalyticsAttribute): React.ReactElement => {\n  const ref = React.useRef<HTMLDivElement>(null);\n  const itemsRowRef = React.useRef<HTMLDivElement>(null);\n  const topNavContext = useTopNavContext();\n  const isPrimaryVariant = topNavContext?.variant === 'primary';\n  const [controlledItems, setControlledItems] = React.useState<TabNavItemData[]>(items);\n\n  const overflowingItems = controlledItems.filter(\n    (item) => item.isAlwaysOverflowing ?? item.isOverflowing,\n  );\n  const _items = controlledItems.filter((item) => !item.isAlwaysOverflowing && !item.isOverflowing);\n\n  // We need to memoize this callback otherwise it will cause infinite re-renders\n  // Because the ResizeObserver callback will be a new reference on every render\n  // and it will trigger a re-render\n  const resizeCallback = React.useCallback((resizeInfo: ResizeObserverEntry): void => {\n    const target = resizeInfo.target as HTMLElement;\n    const updateItems = (): void => {\n      setControlledItems((items) => {\n        return items.map((item, index) => {\n          // never overflow the first item\n          if (index === 0) return { ...item, isOverflowing: false };\n          // add padding to the offsetX to account the \"More\" menu's width changing due to the selection state (eg: More:ProdctName)\n          // Currently, hardcoding this to 150, we can make this dynamic too but that's causing layout thrashing\n          // because first we need to calculate the width of the \"More\" menu and then update the items\n          const padding = 150;\n          const offset = (item.offsetX! + padding)! - target.getBoundingClientRect().left;\n          if (offset > target.offsetWidth) {\n            return { ...item, isOverflowing: true };\n          } else {\n            return { ...item, isOverflowing: false };\n          }\n        });\n      });\n    };\n    // https://github.com/webpack/webpack/issues/14814\n    const flushSync = (ReactDOM as any)['flushSync'.toString()];\n    // Using flushSync to avoid layout thrashing,\n    // this will force React to flush all pending updates and only then update the DOM\n    if (flushSync !== undefined) {\n      flushSync(updateItems);\n    } else {\n      updateItems();\n    }\n  }, []);\n\n  useResize(ref, resizeCallback);\n\n  return (\n    <TabNavContext.Provider value={{ containerRef: ref, controlledItems, setControlledItems }}>\n      <BaseBox\n        as=\"nav\"\n        display=\"flex\"\n        width=\"100%\"\n        alignItems=\"center\"\n        alignSelf=\"center\"\n        position=\"relative\"\n        {...getStyledProps(rest)}\n        {...makeAnalyticsAttribute(rest)}\n        {...metaAttribute({ name: MetaConstants.TabNav })}\n        ref={ref}\n      >\n        <BaseBox display=\"flex\" width=\"100%\" position=\"relative\">\n          <BaseBox\n            ref={itemsRowRef}\n            display=\"flex\"\n            flexDirection=\"row\"\n            width=\"max-content\"\n            position=\"relative\"\n          >\n            {children({ items: _items, overflowingItems })}\n            <TabNavIndicator containerRef={itemsRowRef} showGlow={!isPrimaryVariant} />\n          </BaseBox>\n        </BaseBox>\n        {isPrimaryVariant && (\n          <BaseBox\n            display={{ base: 'none', m: 'block' }}\n            position=\"absolute\"\n            bottom=\"-4px\"\n            left=\"spacing.3\"\n            right=\"0px\"\n            height={makeSize(size[20])}\n            style={{\n              background:\n                'radial-gradient(ellipse at center bottom, rgba(0, 0, 0, 0.4), transparent 100%)',\n              filter: `blur(${backdropBlur.medium}px)`,\n              pointerEvents: 'none',\n            }}\n          />\n        )}\n      </BaseBox>\n    </TabNavContext.Provider>\n  );\n};\n\nexport { TabNav, TabNavItems };\n"],"names":["TabNavItems","_ref","children","rest","_objectWithoutProperties","_excluded","_jsx","BaseBox","_objectSpread","display","width","gap","position","left","metaAttribute","name","MetaConstants","makeAnalyticsAttribute","React","Children","map","child","index","cloneElement","__isInsideTabNavItems","__index","TabNav","_ref2","items","_excluded2","ref","useRef","itemsRowRef","topNavContext","useTopNavContext","isPrimaryVariant","variant","_React$useState","useState","_React$useState2","_slicedToArray","controlledItems","setControlledItems","overflowingItems","filter","item","_item$isAlwaysOverflo","isAlwaysOverflowing","isOverflowing","_items","resizeCallback","useCallback","resizeInfo","target","updateItems","padding","offset","offsetX","getBoundingClientRect","offsetWidth","flushSync","ReactDOM","toString","undefined","useResize","TabNavContext","Provider","value","containerRef","_jsxs","as","alignItems","alignSelf","getStyledProps","flexDirection","TabNavIndicator","showGlow","base","m","bottom","right","height","makeSize","size","style","background","concat","backdropBlur","medium","pointerEvents"],"mappings":"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"}

package/build/lib/web/development/components/TopNav/TabNav/TabNavIndicator.web.js

@@ -14,6 +14,7 @@ import { BaseBox } from '../../Box/BaseBox/BaseBox.web.js';
 import { makeSpace } from '../../../utils/makeSpace/makeSpace.js';
 import { makeBorderSize } from '../../../utils/makeBorderSize/makeBorderSize.js';
 import { size } from '../../../tokens/global/size.js';
+import { opacity } from '../../../tokens/global/opacity.js';
 import useTheme from '../../BladeProvider/useTheme.js';
 import { makeMotionTime } from '../../../utils/makeMotionTime/makeMotionTime.web.js';
 import { castWebType } from '../../../utils/platform/castUtils.js';
@@ -45,7 +46,7 @@ var StyledTabNavIndicatorLine = /*#__PURE__*/styled(BaseBox).withConfig({
     borderTopRightRadius: makeBorderSize(theme.border.radius.medium)
   };
 });
-var GLOW_OVERFLOW = 32;
+var GLOW_OVERFLOW = size[32];
 var GLOW_HEIGHT = size[56];
 var buildGlowMask = function buildGlowMask(width) {
   var height = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : GLOW_HEIGHT;
@@ -68,7 +69,7 @@ var StyledIndicatorGlow = /*#__PURE__*/styled.div.withConfig({
     width: "".concat(totalWidth, "px"),
     height: "".concat(GLOW_HEIGHT, "px"),
     // Tuned visually to blend the glow into the dark TopNav background without overpowering the indicator line
-    opacity: 0.8,
+    opacity: opacity[1000],
     background: "radial-gradient(50% 100% at 50% 100%, ".concat(glowColor, " 0%, transparent 100%)"),
     WebkitMaskImage: glowMask,
     WebkitMaskRepeat: 'no-repeat',
@@ -82,7 +83,9 @@ var StyledIndicatorGlow = /*#__PURE__*/styled.div.withConfig({
 });
 var ACTIVE_ITEM_SELECTOR = '[data-blade-component="tab-nav-item"][data-active="true"]';
 var TabNavIndicator = function TabNavIndicator(_ref3) {
-  var containerRef = _ref3.containerRef;
+  var containerRef = _ref3.containerRef,
+    _ref3$showGlow = _ref3.showGlow,
+    showGlow = _ref3$showGlow === void 0 ? true : _ref3$showGlow;
   var _useTheme = useTheme(),
     theme = _useTheme.theme;
   var wrapperRef = React__default.useRef(null);
@@ -176,7 +179,7 @@ var TabNavIndicator = function TabNavIndicator(_ref3) {
   }, metaAttribute({
     name: MetaConstants.TabNavIndicator
   })), {}, {
-    children: [activeWidth > 0 && /*#__PURE__*/jsx(StyledIndicatorGlow, {
+    children: [showGlow && activeWidth > 0 && /*#__PURE__*/jsx(StyledIndicatorGlow, {
       glowColor: glowColor,
       glowWidth: activeWidth,
       glowMask: glowMask

package/build/lib/web/development/components/TopNav/TabNav/TabNavIndicator.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabNavIndicator.web.js","sources":["../../../../../../../src/components/TopNav/TabNav/TabNavIndicator.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-function-return-type */\n/* eslint-disable consistent-return */\n// inspired from Tabs/TabIndicator.web.tsx\nimport React from 'react';\nimport styled from 'styled-components';\nimport { castWebType, makeBorderSize, makeMotionTime, makeSpace } from '~utils';\nimport { size } from '~tokens/global';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { useTheme } from '~components/BladeProvider';\nimport { useResize } from '~utils/useResize';\nimport { useIsomorphicLayoutEffect } from '~utils/useIsomorphicLayoutEffect';\nimport BaseBox from '~components/Box/BaseBox';\n\nconst StyledIndicatorWrapper = styled.div({\n  pointerEvents: 'none',\n  position: 'absolute',\n  bottom: 0,\n  left: 0,\n  willChange: 'transform, width, opacity',\n});\n\nconst StyledTabNavIndicatorLine = styled(BaseBox)(({ theme }) => {\n  return {\n    position: 'relative',\n    width: '100%',\n    height: makeSpace(theme.border.width.thinner),\n    borderTopLeftRadius: makeBorderSize(theme.border.radius.medium),\n    borderTopRightRadius: makeBorderSize(theme.border.radius.medium),\n  };\n});\n\nconst GLOW_OVERFLOW = 32;\nconst GLOW_HEIGHT = size[56];\n\nconst buildGlowMask = (width: number, height: number = GLOW_HEIGHT): string => {\n  const cx = width / 2;\n  const rx = width * 0.37;\n  return `url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='${width}' height='${height}'%3E%3Cdefs%3E%3Cfilter id='b' filterUnits='userSpaceOnUse' x='0' y='0' width='${width}' height='${height}'%3E%3CfeGaussianBlur stdDeviation='40'/%3E%3C/filter%3E%3C/defs%3E%3Cellipse cx='${cx}' cy='${height}' rx='${rx}' ry='60' fill='black' filter='url(%23b)'/%3E%3C/svg%3E\")`;\n};\n\nconst StyledIndicatorGlow = styled.div<{\n  glowColor: string;\n  glowWidth: number;\n  glowMask: string;\n}>(({ glowColor, glowWidth, glowMask }) => {\n  const totalWidth = glowWidth + GLOW_OVERFLOW * 2;\n  return {\n    position: 'absolute',\n    bottom: 0,\n    left: `${-GLOW_OVERFLOW}px`,\n    width: `${totalWidth}px`,\n    height: `${GLOW_HEIGHT}px`,\n    // Tuned visually to blend the glow into the dark TopNav background without overpowering the indicator line\n    opacity: 0.8,\n    background: `radial-gradient(50% 100% at 50% 100%, ${glowColor} 0%, transparent 100%)`,\n    WebkitMaskImage: glowMask,\n    WebkitMaskRepeat: 'no-repeat',\n    WebkitMaskPosition: 'center bottom',\n    WebkitMaskSize: '100% 100%',\n    maskImage: glowMask,\n    maskRepeat: 'no-repeat',\n    maskPosition: 'center bottom',\n    maskSize: '100% 100%',\n  };\n});\n\nconst ACTIVE_ITEM_SELECTOR = '[data-blade-component=\"tab-nav-item\"][data-active=\"true\"]';\n\nconst TabNavIndicator = ({\n  containerRef,\n}: {\n  containerRef: React.RefObject<HTMLElement | null>;\n}): React.ReactElement => {\n  const { theme } = useTheme();\n  const wrapperRef = React.useRef<HTMLDivElement>(null);\n  const shouldAnimateRef = React.useRef(false);\n  const [activeWidth, setActiveWidth] = React.useState(0);\n  const [glowColor, setGlowColor] = React.useState(theme.colors.surface.background.primary.intense);\n\n  const glowMask = React.useMemo(() => buildGlowMask(activeWidth + GLOW_OVERFLOW * 2), [\n    activeWidth,\n  ]);\n\n  const updatePosition = React.useCallback(() => {\n    const container = containerRef.current;\n    const wrapper = wrapperRef.current;\n    if (!container || !wrapper) return;\n\n    const activeItem = container.querySelector<HTMLElement>(ACTIVE_ITEM_SELECTOR);\n\n    if (!activeItem || activeItem.offsetWidth === 0) {\n      wrapper.style.opacity = '0';\n      return;\n    }\n\n    const containerRect = container.getBoundingClientRect();\n    const activeRect = activeItem.getBoundingClientRect();\n    const x = activeRect.left - containerRect.left;\n\n    const duration = shouldAnimateRef.current\n      ? makeMotionTime(theme.motion.duration.gentle)\n      : '0ms';\n\n    wrapper.style.transitionDuration = castWebType(duration);\n    wrapper.style.width = `${activeRect.width}px`;\n    wrapper.style.transform = `translateX(${x}px)`;\n    wrapper.style.opacity = '1';\n\n    setActiveWidth(activeRect.width);\n    setGlowColor(activeItem.dataset.glowColor ?? theme.colors.surface.background.primary.intense);\n\n    if (!shouldAnimateRef.current) {\n      requestAnimationFrame(() => {\n        shouldAnimateRef.current = true;\n      });\n    }\n  }, [containerRef, theme.motion.duration.gentle, theme.colors.surface.background.primary.intense]);\n\n  useIsomorphicLayoutEffect(() => {\n    void updatePosition();\n  }, [updatePosition]);\n\n  // Watch for data-active attribute changes AND child additions/removals so the\n  // indicator moves when: (a) active tab changes via router, (b) an item moves\n  // into/out of the \"More\" overflow (the More button is added to the DOM with\n  // data-active already set, so a pure attribute observer would miss it).\n  React.useEffect(() => {\n    const container = containerRef.current;\n    if (!container) return;\n\n    let rafId: number;\n    const observer = new MutationObserver(() => {\n      cancelAnimationFrame(rafId);\n      rafId = requestAnimationFrame(() => {\n        void updatePosition();\n      });\n    });\n\n    observer.observe(container, {\n      attributes: true,\n      attributeFilter: ['data-active'],\n      childList: true,\n      subtree: true,\n    });\n\n    return () => {\n      cancelAnimationFrame(rafId);\n      observer.disconnect();\n    };\n  }, [containerRef, updatePosition]);\n\n  React.useEffect(() => {\n    if ('fonts' in document) {\n      try {\n        void document.fonts.ready.then(() => {\n          updatePosition();\n        });\n      } catch {\n        /* empty */\n      }\n    }\n  }, [updatePosition]);\n\n  useResize(containerRef, updatePosition);\n\n  return (\n    <StyledIndicatorWrapper\n      ref={wrapperRef}\n      style={{\n        transitionProperty: 'transform, width, opacity',\n        transitionTimingFunction: castWebType(theme.motion.easing.standard),\n        transitionDuration: '0ms',\n        opacity: 0,\n      }}\n      {...metaAttribute({ name: MetaConstants.TabNavIndicator })}\n    >\n      {activeWidth > 0 && (\n        <StyledIndicatorGlow glowColor={glowColor} glowWidth={activeWidth} glowMask={glowMask} />\n      )}\n      <StyledTabNavIndicatorLine\n        style={{\n          background: `linear-gradient(90deg, transparent 0%, ${theme.colors.surface.icon.staticWhite.normal} 20%, ${theme.colors.surface.icon.staticWhite.normal} 80.29%, transparent 100%)`,\n        }}\n      />\n    </StyledIndicatorWrapper>\n  );\n};\n\nexport { TabNavIndicator };\n"],"names":["StyledIndicatorWrapper","styled","div","withConfig","displayName","componentId","pointerEvents","position","bottom","left","willChange","StyledTabNavIndicatorLine","BaseBox","_ref","theme","width","height","makeSpace","border","thinner","borderTopLeftRadius","makeBorderSize","radius","medium","borderTopRightRadius","GLOW_OVERFLOW","GLOW_HEIGHT","size","buildGlowMask","arguments","length","undefined","cx","rx","concat","StyledIndicatorGlow","_ref2","glowColor","glowWidth","glowMask","totalWidth","opacity","background","WebkitMaskImage","WebkitMaskRepeat","WebkitMaskPosition","WebkitMaskSize","maskImage","maskRepeat","maskPosition","maskSize","ACTIVE_ITEM_SELECTOR","TabNavIndicator","_ref3","containerRef","_useTheme","useTheme","wrapperRef","React","useRef","shouldAnimateRef","_React$useState","useState","_React$useState2","_slicedToArray","activeWidth","setActiveWidth","_React$useState3","colors","surface","primary","intense","_React$useState4","setGlowColor","useMemo","updatePosition","useCallback","_activeItem$dataset$g","container","current","wrapper","activeItem","querySelector","offsetWidth","style","containerRect","getBoundingClientRect","activeRect","x","duration","makeMotionTime","motion","gentle","transitionDuration","castWebType","transform","dataset","requestAnimationFrame","useIsomorphicLayoutEffect","useEffect","rafId","observer","MutationObserver","cancelAnimationFrame","observe","attributes","attributeFilter","childList","subtree","disconnect","document","fonts","ready","then","_unused","useResize","_jsxs","_objectSpread","ref","transitionProperty","transitionTimingFunction","easing","standard","metaAttribute","name","MetaConstants","children","_jsx","icon","staticWhite","normal"],"mappings":"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"}
+{"version":3,"file":"TabNavIndicator.web.js","sources":["../../../../../../../src/components/TopNav/TabNav/TabNavIndicator.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-function-return-type */\n/* eslint-disable consistent-return */\n// inspired from Tabs/TabIndicator.web.tsx\nimport React from 'react';\nimport styled from 'styled-components';\nimport { castWebType, makeBorderSize, makeMotionTime, makeSpace } from '~utils';\nimport { size, opacity } from '~tokens/global';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { useTheme } from '~components/BladeProvider';\nimport { useResize } from '~utils/useResize';\nimport { useIsomorphicLayoutEffect } from '~utils/useIsomorphicLayoutEffect';\nimport BaseBox from '~components/Box/BaseBox';\n\nconst StyledIndicatorWrapper = styled.div({\n  pointerEvents: 'none',\n  position: 'absolute',\n  bottom: 0,\n  left: 0,\n  willChange: 'transform, width, opacity',\n});\n\nconst StyledTabNavIndicatorLine = styled(BaseBox)(({ theme }) => {\n  return {\n    position: 'relative',\n    width: '100%',\n    height: makeSpace(theme.border.width.thinner),\n    borderTopLeftRadius: makeBorderSize(theme.border.radius.medium),\n    borderTopRightRadius: makeBorderSize(theme.border.radius.medium),\n  };\n});\n\nconst GLOW_OVERFLOW = size[32];\nconst GLOW_HEIGHT = size[56];\n\nconst buildGlowMask = (width: number, height: number = GLOW_HEIGHT): string => {\n  const cx = width / 2;\n  const rx = width * 0.37;\n  return `url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='${width}' height='${height}'%3E%3Cdefs%3E%3Cfilter id='b' filterUnits='userSpaceOnUse' x='0' y='0' width='${width}' height='${height}'%3E%3CfeGaussianBlur stdDeviation='40'/%3E%3C/filter%3E%3C/defs%3E%3Cellipse cx='${cx}' cy='${height}' rx='${rx}' ry='60' fill='black' filter='url(%23b)'/%3E%3C/svg%3E\")`;\n};\n\nconst StyledIndicatorGlow = styled.div<{\n  glowColor: string;\n  glowWidth: number;\n  glowMask: string;\n}>(({ glowColor, glowWidth, glowMask }) => {\n  const totalWidth = glowWidth + GLOW_OVERFLOW * 2;\n  return {\n    position: 'absolute',\n    bottom: 0,\n    left: `${-GLOW_OVERFLOW}px`,\n    width: `${totalWidth}px`,\n    height: `${GLOW_HEIGHT}px`,\n    // Tuned visually to blend the glow into the dark TopNav background without overpowering the indicator line\n    opacity: opacity[1000],\n    background: `radial-gradient(50% 100% at 50% 100%, ${glowColor} 0%, transparent 100%)`,\n    WebkitMaskImage: glowMask,\n    WebkitMaskRepeat: 'no-repeat',\n    WebkitMaskPosition: 'center bottom',\n    WebkitMaskSize: '100% 100%',\n    maskImage: glowMask,\n    maskRepeat: 'no-repeat',\n    maskPosition: 'center bottom',\n    maskSize: '100% 100%',\n  };\n});\n\nconst ACTIVE_ITEM_SELECTOR = '[data-blade-component=\"tab-nav-item\"][data-active=\"true\"]';\n\nconst TabNavIndicator = ({\n  containerRef,\n  showGlow = true,\n}: {\n  containerRef: React.RefObject<HTMLElement | null>;\n  showGlow?: boolean;\n}): React.ReactElement => {\n  const { theme } = useTheme();\n  const wrapperRef = React.useRef<HTMLDivElement>(null);\n  const shouldAnimateRef = React.useRef(false);\n  const [activeWidth, setActiveWidth] = React.useState(0);\n  const [glowColor, setGlowColor] = React.useState(theme.colors.surface.background.primary.intense);\n\n  const glowMask = React.useMemo(() => buildGlowMask(activeWidth + GLOW_OVERFLOW * 2), [\n    activeWidth,\n  ]);\n\n  const updatePosition = React.useCallback(() => {\n    const container = containerRef.current;\n    const wrapper = wrapperRef.current;\n    if (!container || !wrapper) return;\n\n    const activeItem = container.querySelector<HTMLElement>(ACTIVE_ITEM_SELECTOR);\n\n    if (!activeItem || activeItem.offsetWidth === 0) {\n      wrapper.style.opacity = '0';\n      return;\n    }\n\n    const containerRect = container.getBoundingClientRect();\n    const activeRect = activeItem.getBoundingClientRect();\n    const x = activeRect.left - containerRect.left;\n\n    const duration = shouldAnimateRef.current\n      ? makeMotionTime(theme.motion.duration.gentle)\n      : '0ms';\n\n    wrapper.style.transitionDuration = castWebType(duration);\n    wrapper.style.width = `${activeRect.width}px`;\n    wrapper.style.transform = `translateX(${x}px)`;\n    wrapper.style.opacity = '1';\n\n    setActiveWidth(activeRect.width);\n    setGlowColor(activeItem.dataset.glowColor ?? theme.colors.surface.background.primary.intense);\n\n    if (!shouldAnimateRef.current) {\n      requestAnimationFrame(() => {\n        shouldAnimateRef.current = true;\n      });\n    }\n  }, [containerRef, theme.motion.duration.gentle, theme.colors.surface.background.primary.intense]);\n\n  useIsomorphicLayoutEffect(() => {\n    void updatePosition();\n  }, [updatePosition]);\n\n  // Watch for data-active attribute changes AND child additions/removals so the\n  // indicator moves when: (a) active tab changes via router, (b) an item moves\n  // into/out of the \"More\" overflow (the More button is added to the DOM with\n  // data-active already set, so a pure attribute observer would miss it).\n  React.useEffect(() => {\n    const container = containerRef.current;\n    if (!container) return;\n\n    let rafId: number;\n    const observer = new MutationObserver(() => {\n      cancelAnimationFrame(rafId);\n      rafId = requestAnimationFrame(() => {\n        void updatePosition();\n      });\n    });\n\n    observer.observe(container, {\n      attributes: true,\n      attributeFilter: ['data-active'],\n      childList: true,\n      subtree: true,\n    });\n\n    return () => {\n      cancelAnimationFrame(rafId);\n      observer.disconnect();\n    };\n  }, [containerRef, updatePosition]);\n\n  React.useEffect(() => {\n    if ('fonts' in document) {\n      try {\n        void document.fonts.ready.then(() => {\n          updatePosition();\n        });\n      } catch {\n        /* empty */\n      }\n    }\n  }, [updatePosition]);\n\n  useResize(containerRef, updatePosition);\n\n  return (\n    <StyledIndicatorWrapper\n      ref={wrapperRef}\n      style={{\n        transitionProperty: 'transform, width, opacity',\n        transitionTimingFunction: castWebType(theme.motion.easing.standard),\n        transitionDuration: '0ms',\n        opacity: 0,\n      }}\n      {...metaAttribute({ name: MetaConstants.TabNavIndicator })}\n    >\n      {showGlow && activeWidth > 0 && (\n        <StyledIndicatorGlow glowColor={glowColor} glowWidth={activeWidth} glowMask={glowMask} />\n      )}\n      <StyledTabNavIndicatorLine\n        style={{\n          background: `linear-gradient(90deg, transparent 0%, ${theme.colors.surface.icon.staticWhite.normal} 20%, ${theme.colors.surface.icon.staticWhite.normal} 80.29%, transparent 100%)`,\n        }}\n      />\n    </StyledIndicatorWrapper>\n  );\n};\n\nexport { TabNavIndicator };\n"],"names":["StyledIndicatorWrapper","styled","div","withConfig","displayName","componentId","pointerEvents","position","bottom","left","willChange","StyledTabNavIndicatorLine","BaseBox","_ref","theme","width","height","makeSpace","border","thinner","borderTopLeftRadius","makeBorderSize","radius","medium","borderTopRightRadius","GLOW_OVERFLOW","size","GLOW_HEIGHT","buildGlowMask","arguments","length","undefined","cx","rx","concat","StyledIndicatorGlow","_ref2","glowColor","glowWidth","glowMask","totalWidth","opacity","background","WebkitMaskImage","WebkitMaskRepeat","WebkitMaskPosition","WebkitMaskSize","maskImage","maskRepeat","maskPosition","maskSize","ACTIVE_ITEM_SELECTOR","TabNavIndicator","_ref3","containerRef","_ref3$showGlow","showGlow","_useTheme","useTheme","wrapperRef","React","useRef","shouldAnimateRef","_React$useState","useState","_React$useState2","_slicedToArray","activeWidth","setActiveWidth","_React$useState3","colors","surface","primary","intense","_React$useState4","setGlowColor","useMemo","updatePosition","useCallback","_activeItem$dataset$g","container","current","wrapper","activeItem","querySelector","offsetWidth","style","containerRect","getBoundingClientRect","activeRect","x","duration","makeMotionTime","motion","gentle","transitionDuration","castWebType","transform","dataset","requestAnimationFrame","useIsomorphicLayoutEffect","useEffect","rafId","observer","MutationObserver","cancelAnimationFrame","observe","attributes","attributeFilter","childList","subtree","disconnect","document","fonts","ready","then","_unused","useResize","_jsxs","_objectSpread","ref","transitionProperty","transitionTimingFunction","easing","standard","metaAttribute","name","MetaConstants","children","_jsx","icon","staticWhite","normal"],"mappings":"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"}