@12-apps/ui 6.54.0 → 6.54.1

package/dist/_internal/components/data-display/InteractiveTooltip/InteractiveTooltip.js

@@ -1,7 +1,7 @@
 import {
   InteractiveTooltip
-} from "../../../../chunk-XM7QCNZQ.js";
-import "../../../../chunk-TQCQCW2P.js";
+} from "../../../../chunk-AET54GT6.js";
+import "../../../../chunk-524PRSSD.js";
 import "../../../../chunk-QYJ25FWM.js";
 import "../../../../chunk-FQ6UW7IY.js";
 import "../../../../chunk-6JAIFIPW.js";

package/dist/_internal/components/data-display/InteractiveTooltip/InteractiveTooltip.styles.js

@@ -4,7 +4,7 @@ import {
   getSizeStyles,
   tooltipCap,
   variantStyles
-} from "../../../../chunk-TQCQCW2P.js";
+} from "../../../../chunk-524PRSSD.js";
 import "../../../../chunk-FQ6UW7IY.js";
 import "../../../../chunk-6JAIFIPW.js";
 import "../../../../chunk-N3GAFIXG.js";

package/dist/_internal/components/data-display/Tooltip/Tooltip.js

@@ -1,6 +1,6 @@
 import {
   Tooltip
-} from "../../../../chunk-TYBZ4XZZ.js";
+} from "../../../../chunk-KRIPQUFB.js";
 import "../../../../chunk-FQ6UW7IY.js";
 import "../../../../chunk-6JAIFIPW.js";
 import "../../../../chunk-N3GAFIXG.js";

package/dist/_internal/components/data-display/index.js

@@ -50,7 +50,7 @@ import "../../../chunk-UVFZQCC7.js";
 import "../../../chunk-4N244WVL.js";
 import {
   Tooltip
-} from "../../../chunk-TYBZ4XZZ.js";
+} from "../../../chunk-KRIPQUFB.js";
 import "../../../chunk-SX3E6UC2.js";
 import {
   AsyncStateContainer
@@ -85,8 +85,8 @@ import "../../../chunk-ZHV7TCAC.js";
 import "../../../chunk-TAF3YYMK.js";
 import {
   InteractiveTooltip
-} from "../../../chunk-XM7QCNZQ.js";
-import "../../../chunk-TQCQCW2P.js";
+} from "../../../chunk-AET54GT6.js";
+import "../../../chunk-524PRSSD.js";
 import "../../../chunk-QYJ25FWM.js";
 import "../../../chunk-5ZFO7ROE.js";
 import {

package/dist/_internal/components/index.js

@@ -195,17 +195,17 @@ import {
 } from "../../chunk-WAKGVAOB.js";
 import {
   SettingCard
-} from "../../chunk-OESAYTNG.js";
+} from "../../chunk-JDVHNDY3.js";
 import {
   SettingToggle
-} from "../../chunk-IRNKHHQM.js";
+} from "../../chunk-QKMXMBUK.js";
 import {
   SettingGroup
-} from "../../chunk-ZXEDKRRT.js";
+} from "../../chunk-ECVNRLKD.js";
 import "../../chunk-XJQNSMGA.js";
 import "../../chunk-SALQ65SM.js";
-import "../../chunk-Y5QDXG5N.js";
-import "../../chunk-N4R6T5K7.js";
+import "../../chunk-6WNMVWAV.js";
+import "../../chunk-PKSU3RBT.js";
 import "../../chunk-2JTZWQ25.js";
 import "../../chunk-WE2LNTR6.js";
 import "../../chunk-BFRVMCQM.js";
@@ -485,7 +485,7 @@ import "../../chunk-UVFZQCC7.js";
 import "../../chunk-4N244WVL.js";
 import {
   Tooltip
-} from "../../chunk-TYBZ4XZZ.js";
+} from "../../chunk-KRIPQUFB.js";
 import "../../chunk-SX3E6UC2.js";
 import {
   AsyncStateContainer
@@ -520,8 +520,8 @@ import "../../chunk-ZHV7TCAC.js";
 import "../../chunk-TAF3YYMK.js";
 import {
   InteractiveTooltip
-} from "../../chunk-XM7QCNZQ.js";
-import "../../chunk-TQCQCW2P.js";
+} from "../../chunk-AET54GT6.js";
+import "../../chunk-524PRSSD.js";
 import "../../chunk-QYJ25FWM.js";
 import "../../chunk-5ZFO7ROE.js";
 import {

package/dist/_internal/components/layout/SettingCard/SettingCard.js

@@ -1,8 +1,8 @@
 import {
   SettingCard
-} from "../../../../chunk-OESAYTNG.js";
+} from "../../../../chunk-JDVHNDY3.js";
 import "../../../../chunk-SALQ65SM.js";
-import "../../../../chunk-N4R6T5K7.js";
+import "../../../../chunk-PKSU3RBT.js";
 import "../../../../chunk-2JTZWQ25.js";
 import "../../../../chunk-WE2LNTR6.js";
 import "../../../../chunk-BFRVMCQM.js";
@@ -10,8 +10,8 @@ import "../../../../chunk-RN7UJI7S.js";
 import "../../../../chunk-JYWF76Z5.js";
 import "../../../../chunk-GGMB6LJH.js";
 import "../../../../chunk-TAF3YYMK.js";
-import "../../../../chunk-XM7QCNZQ.js";
-import "../../../../chunk-TQCQCW2P.js";
+import "../../../../chunk-AET54GT6.js";
+import "../../../../chunk-524PRSSD.js";
 import "../../../../chunk-QYJ25FWM.js";
 import "../../../../chunk-2GTORM5E.js";
 import "../../../../chunk-OZPLAOI4.js";

package/dist/_internal/components/layout/SettingCard/SettingCard.summary.js

@@ -2,7 +2,7 @@ import {
   SummaryInfo,
   useClamped,
   useSummaryInfo
-} from "../../../../chunk-N4R6T5K7.js";
+} from "../../../../chunk-PKSU3RBT.js";
 import "../../../../chunk-2JTZWQ25.js";
 import "../../../../chunk-WE2LNTR6.js";
 import "../../../../chunk-BFRVMCQM.js";
@@ -10,8 +10,8 @@ import "../../../../chunk-RN7UJI7S.js";
 import "../../../../chunk-JYWF76Z5.js";
 import "../../../../chunk-GGMB6LJH.js";
 import "../../../../chunk-TAF3YYMK.js";
-import "../../../../chunk-XM7QCNZQ.js";
-import "../../../../chunk-TQCQCW2P.js";
+import "../../../../chunk-AET54GT6.js";
+import "../../../../chunk-524PRSSD.js";
 import "../../../../chunk-QYJ25FWM.js";
 import "../../../../chunk-2GTORM5E.js";
 import "../../../../chunk-OZPLAOI4.js";

package/dist/_internal/components/layout/SettingCard/SettingGroup.js

@@ -1,10 +1,10 @@
 import {
   SettingGroup
-} from "../../../../chunk-ZXEDKRRT.js";
+} from "../../../../chunk-ECVNRLKD.js";
 import "../../../../chunk-XJQNSMGA.js";
 import "../../../../chunk-SALQ65SM.js";
-import "../../../../chunk-Y5QDXG5N.js";
-import "../../../../chunk-N4R6T5K7.js";
+import "../../../../chunk-6WNMVWAV.js";
+import "../../../../chunk-PKSU3RBT.js";
 import "../../../../chunk-2JTZWQ25.js";
 import "../../../../chunk-WE2LNTR6.js";
 import "../../../../chunk-BFRVMCQM.js";
@@ -12,8 +12,8 @@ import "../../../../chunk-RN7UJI7S.js";
 import "../../../../chunk-JYWF76Z5.js";
 import "../../../../chunk-GGMB6LJH.js";
 import "../../../../chunk-TAF3YYMK.js";
-import "../../../../chunk-XM7QCNZQ.js";
-import "../../../../chunk-TQCQCW2P.js";
+import "../../../../chunk-AET54GT6.js";
+import "../../../../chunk-524PRSSD.js";
 import "../../../../chunk-QYJ25FWM.js";
 import "../../../../chunk-2GTORM5E.js";
 import "../../../../chunk-OZPLAOI4.js";

package/dist/_internal/components/layout/SettingCard/SettingSwitch.js

@@ -1,8 +1,8 @@
 import {
   SettingSwitchBlock,
   useSettingSwitchIds
-} from "../../../../chunk-Y5QDXG5N.js";
-import "../../../../chunk-N4R6T5K7.js";
+} from "../../../../chunk-6WNMVWAV.js";
+import "../../../../chunk-PKSU3RBT.js";
 import "../../../../chunk-2JTZWQ25.js";
 import "../../../../chunk-WE2LNTR6.js";
 import "../../../../chunk-BFRVMCQM.js";
@@ -10,8 +10,8 @@ import "../../../../chunk-RN7UJI7S.js";
 import "../../../../chunk-JYWF76Z5.js";
 import "../../../../chunk-GGMB6LJH.js";
 import "../../../../chunk-TAF3YYMK.js";
-import "../../../../chunk-XM7QCNZQ.js";
-import "../../../../chunk-TQCQCW2P.js";
+import "../../../../chunk-AET54GT6.js";
+import "../../../../chunk-524PRSSD.js";
 import "../../../../chunk-QYJ25FWM.js";
 import "../../../../chunk-2GTORM5E.js";
 import "../../../../chunk-OZPLAOI4.js";

package/dist/_internal/components/layout/SettingCard/SettingToggle.js

@@ -1,10 +1,10 @@
 import {
   SettingToggle
-} from "../../../../chunk-IRNKHHQM.js";
+} from "../../../../chunk-QKMXMBUK.js";
 import "../../../../chunk-XJQNSMGA.js";
 import "../../../../chunk-SALQ65SM.js";
-import "../../../../chunk-Y5QDXG5N.js";
-import "../../../../chunk-N4R6T5K7.js";
+import "../../../../chunk-6WNMVWAV.js";
+import "../../../../chunk-PKSU3RBT.js";
 import "../../../../chunk-2JTZWQ25.js";
 import "../../../../chunk-WE2LNTR6.js";
 import "../../../../chunk-BFRVMCQM.js";
@@ -12,8 +12,8 @@ import "../../../../chunk-RN7UJI7S.js";
 import "../../../../chunk-JYWF76Z5.js";
 import "../../../../chunk-GGMB6LJH.js";
 import "../../../../chunk-TAF3YYMK.js";
-import "../../../../chunk-XM7QCNZQ.js";
-import "../../../../chunk-TQCQCW2P.js";
+import "../../../../chunk-AET54GT6.js";
+import "../../../../chunk-524PRSSD.js";
 import "../../../../chunk-QYJ25FWM.js";
 import "../../../../chunk-2GTORM5E.js";
 import "../../../../chunk-OZPLAOI4.js";

package/dist/_internal/components/layout/index.js

@@ -52,17 +52,17 @@ import {
 } from "../../../chunk-WAKGVAOB.js";
 import {
   SettingCard
-} from "../../../chunk-OESAYTNG.js";
+} from "../../../chunk-JDVHNDY3.js";
 import {
   SettingToggle
-} from "../../../chunk-IRNKHHQM.js";
+} from "../../../chunk-QKMXMBUK.js";
 import {
   SettingGroup
-} from "../../../chunk-ZXEDKRRT.js";
+} from "../../../chunk-ECVNRLKD.js";
 import "../../../chunk-XJQNSMGA.js";
 import "../../../chunk-SALQ65SM.js";
-import "../../../chunk-Y5QDXG5N.js";
-import "../../../chunk-N4R6T5K7.js";
+import "../../../chunk-6WNMVWAV.js";
+import "../../../chunk-PKSU3RBT.js";
 import "../../../chunk-2JTZWQ25.js";
 import "../../../chunk-WE2LNTR6.js";
 import "../../../chunk-BFRVMCQM.js";
@@ -86,8 +86,8 @@ import "../../../chunk-NIF4IXQU.js";
 import "../../../chunk-URB3VVMR.js";
 import "../../../chunk-BBXJQI4S.js";
 import "../../../chunk-TAF3YYMK.js";
-import "../../../chunk-XM7QCNZQ.js";
-import "../../../chunk-TQCQCW2P.js";
+import "../../../chunk-AET54GT6.js";
+import "../../../chunk-524PRSSD.js";
 import "../../../chunk-QYJ25FWM.js";
 import "../../../chunk-2GTORM5E.js";
 import "../../../chunk-OZPLAOI4.js";

package/dist/{chunk-TQCQCW2P.js → chunk-524PRSSD.js}

@@ -36,7 +36,7 @@ var variantStyles = (theme, variant) => {
   switch (variant) {
     case "default":
       return {
-        backgroundColor: alpha(neutralTones(theme).inverseSurface, 0.92),
+        backgroundColor: neutralTones(theme).inverseSurface,
         color: absoluteInk(theme).white,
         boxShadow: `${rems(theme, 0, 4, 12)} ${shadowInk(theme, 0.3)}`
       };
@@ -89,7 +89,7 @@ var arrowColor = (theme, variant) => {
     case "dark":
       return absoluteInk(theme).black;
     default:
-      return alpha(neutralTones(theme).inverseSurface, 0.92);
+      return neutralTones(theme).inverseSurface;
   }
 };
 
@@ -100,4 +100,4 @@ export {
   tooltipCap,
   arrowColor
 };
-//# sourceMappingURL=chunk-TQCQCW2P.js.map
+//# sourceMappingURL=chunk-524PRSSD.js.map

package/dist/chunk-524PRSSD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/InteractiveTooltip/InteractiveTooltip.styles.ts"],"sourcesContent":["import { alpha, keyframes } from '@mui/material/styles/index.js';\nimport type { CSSObject, Theme } from '@mui/material/styles/index.js';\n\nimport { absoluteInk, neutralTones, shadowInk, sheen } from '../../../tokens/ink';\nimport { rem, rems, sxRem } from '../../../tokens/relative';\n\nconst pulseAnimation = keyframes`\n  0% {\n    transform: scale(1);\n    opacity: 1;\n  }\n  70% {\n    transform: scale(1.05);\n    opacity: 0.8;\n  }\n  100% {\n    transform: scale(1);\n    opacity: 1;\n  }\n`;\n\nconst SIZE_MAP = {\n  sm: { fontSize: sxRem(12), padding: (theme: Theme) => rems(theme, 4, 8) },\n  md: { fontSize: sxRem(14), padding: (theme: Theme) => rems(theme, 6, 12) },\n  lg: { fontSize: sxRem(16), padding: (theme: Theme) => rems(theme, 8, 16) },\n} as const;\n\nexport const getSizeStyles = (\n  size?: string,\n): { fontSize: (theme: Theme) => string; padding: (theme: Theme) => string } =>\n  SIZE_MAP[size as keyof typeof SIZE_MAP] || SIZE_MAP.md;\n\nexport const variantStyles = (theme: Theme, variant?: string): CSSObject => {\n  switch (variant) {\n    case 'default':\n      return {\n        backgroundColor: neutralTones(theme).inverseSurface,\n        color: absoluteInk(theme).white,\n        boxShadow: `${rems(theme, 0, 4, 12)} ${shadowInk(theme, 0.3)}`,\n      };\n    case 'dark':\n      return {\n        backgroundColor: absoluteInk(theme).black,\n        color: absoluteInk(theme).white,\n        boxShadow: `${rems(theme, 0, 6, 16)} ${shadowInk(theme, 0.5)}`,\n        border: `1px solid ${sheen(theme, 0.1)}`,\n      };\n    case 'light':\n      return {\n        backgroundColor: absoluteInk(theme).white,\n        color: neutralTones(theme).inverseSurface,\n        border: `1px solid ${alpha(neutralTones(theme).subtle, 0.4)}`,\n        boxShadow: `${rems(theme, 0, 4, 16)} ${shadowInk(theme, 0.15)}`,\n      };\n    case 'glass':\n      return {\n        backgroundColor: alpha(theme.palette.background.paper, 0.75),\n        backdropFilter: `blur(${rem(theme, 24)}) saturate(180%)`,\n        WebkitBackdropFilter: `blur(${rem(theme, 24)}) saturate(180%)`,\n        border: `1px solid ${alpha(theme.palette.divider, 0.3)}`,\n        color: theme.palette.text.primary,\n        boxShadow: `${rems(theme, 0, 8, 32)} ${shadowInk(theme, 0.12)}`,\n      };\n    default:\n      return {};\n  }\n};\n\n// glow and pulse are independent flags. The three combinations used to be spelled\n// out one by one, but each is just the union of whichever flags are set.\nexport const emphasisStyles = (theme: Theme, glow?: boolean, pulse?: boolean): CSSObject => ({\n  ...(glow && {\n    boxShadow: `${rems(theme, 0, 0, 15, 3)} ${alpha(theme.palette.primary.main, 0.4)} !important`,\n    filter: 'brightness(1.05)',\n  }),\n  ...(pulse && {\n    animation: `${pulseAnimation} 2s infinite`,\n  }),\n});\n\n/**\n * The tooltip's cap: 300 design px unless the caller says otherwise. `sx` has\n * always read a number of 1 or less as a fraction of the parent, and that stays so.\n */\nexport const tooltipCap =\n  (maxWidth: number | undefined) =>\n  (theme: Theme): string => {\n    const cap = maxWidth ?? 300;\n    return cap <= 1 && cap !== 0 ? `${cap * 100}%` : rem(theme, cap);\n  };\n\nexport const arrowColor = (theme: Theme, variant?: string): string => {\n  switch (variant) {\n    case 'light':\n      return absoluteInk(theme).white;\n    case 'glass':\n      return alpha(theme.palette.background.paper, 0.75);\n    case 'dark':\n      return absoluteInk(theme).black;\n    default:\n      return neutralTones(theme).inverseSurface;\n  }\n};\n"],"mappings":"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","names":[]}

package/dist/{chunk-Y5QDXG5N.js → chunk-6WNMVWAV.js}

@@ -1,6 +1,6 @@
 import {
   useSummaryInfo
-} from "./chunk-N4R6T5K7.js";
+} from "./chunk-PKSU3RBT.js";
 import {
   PendingSpinner,
   SaveError,
@@ -87,4 +87,4 @@ export {
   useSettingSwitchIds,
   SettingSwitchBlock
 };
-//# sourceMappingURL=chunk-Y5QDXG5N.js.map
+//# sourceMappingURL=chunk-6WNMVWAV.js.map

package/dist/chunk-AET54GT6.js

@@ -0,0 +1,99 @@
+import {
+  arrowColor,
+  emphasisStyles,
+  getSizeStyles,
+  tooltipCap,
+  variantStyles
+} from "./chunk-524PRSSD.js";
+import {
+  resolveTooltipProps,
+  useHoverOpen,
+  usePinnedTooltip
+} from "./chunk-QYJ25FWM.js";
+
+// src/components/data-display/InteractiveTooltip/InteractiveTooltip.tsx
+import MuiTooltip from "@mui/material/Tooltip/index.js";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+var bubbleSx = (variant, size, glow, pulse, maxWidth) => (theme) => {
+  const sizeStyles = getSizeStyles(size);
+  return {
+    borderRadius: theme.spacing(1),
+    fontSize: sizeStyles.fontSize(theme),
+    padding: sizeStyles.padding(theme),
+    fontWeight: 500,
+    transition: "all 0.3s ease",
+    position: "relative",
+    maxWidth: tooltipCap(maxWidth)(theme),
+    ...variantStyles(theme, variant),
+    ...emphasisStyles(theme, glow, pulse)
+  };
+};
+var InteractiveTooltip = React.forwardRef((rawProps, ref) => {
+  const {
+    variant,
+    size,
+    glow,
+    pulse,
+    maxWidth,
+    dataTestId,
+    hoverContent,
+    pinnedContent,
+    clickable,
+    onPin,
+    onUnpin,
+    className,
+    children,
+    onOpen,
+    onClose,
+    ...props
+  } = resolveTooltipProps(rawProps);
+  const { isPinned, isControlledOpen, wrapperRef, handleClick } = usePinnedTooltip({
+    clickable,
+    onPin,
+    onUnpin
+  });
+  const hover = useHoverOpen(isPinned, onOpen, onClose);
+  const tooltipContent = isPinned ? pinnedContent : hoverContent;
+  const childElement = children;
+  const childWithProps = React.cloneElement(childElement, {
+    onClick: (e) => {
+      handleClick(e);
+      childElement.props.onClick?.(e);
+    },
+    "data-testid": dataTestId ? `${dataTestId}-trigger` : void 0
+  });
+  return /* @__PURE__ */ jsx("div", { ref: wrapperRef, className, children: /* @__PURE__ */ jsx(
+    MuiTooltip,
+    {
+      ref,
+      title: tooltipContent,
+      open: isPinned ? isControlledOpen : hover.open,
+      onOpen: hover.onOpen,
+      onClose: hover.onClose,
+      enterDelay: isPinned ? 0 : 100,
+      leaveDelay: 0,
+      disableHoverListener: isPinned,
+      disableFocusListener: isPinned,
+      disableTouchListener: isPinned,
+      slotProps: {
+        tooltip: {
+          sx: bubbleSx(variant, size, glow, pulse, maxWidth),
+          role: "tooltip",
+          ...dataTestId && { "data-testid": `${dataTestId}-content` }
+        },
+        arrow: {
+          sx: (theme) => ({ color: arrowColor(theme, variant) })
+        }
+      },
+      ...props,
+      children: childWithProps
+    }
+  ) });
+});
+InteractiveTooltip.displayName = "InteractiveTooltip";
+
+export {
+  InteractiveTooltip
+};
+//# sourceMappingURL=chunk-AET54GT6.js.map

package/dist/chunk-AET54GT6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/InteractiveTooltip/InteractiveTooltip.tsx"],"sourcesContent":["import MuiTooltip from \"@mui/material/Tooltip/index.js\";\nimport type { CSSObject, Theme } from \"@mui/material/styles/index.js\";\nimport React from \"react\";\n\nimport {\n  resolveTooltipProps,\n  useHoverOpen,\n  usePinnedTooltip,\n} from \"./InteractiveTooltip.hooks\";\nimport {\n  arrowColor,\n  emphasisStyles,\n  getSizeStyles,\n  tooltipCap,\n  variantStyles,\n} from \"./InteractiveTooltip.styles\";\nimport type { InteractiveTooltipProps } from \"./InteractiveTooltip.types\";\n\n/**\n * The bubble's own look, applied to the BUBBLE (FUT-3093) — see `Tooltip`'s\n * `bubbleSx`: a `& .MuiTooltip-tooltip` rule on the root never reached the\n * portalled bubble, so the variants had never been on screen.\n */\nconst bubbleSx =\n  (\n    variant: string | undefined,\n    size: string | undefined,\n    glow: boolean | undefined,\n    pulse: boolean | undefined,\n    maxWidth: number | undefined,\n  ) =>\n  (theme: Theme): CSSObject => {\n    const sizeStyles = getSizeStyles(size);\n    return {\n      borderRadius: theme.spacing(1),\n      fontSize: sizeStyles.fontSize(theme),\n      padding: sizeStyles.padding(theme),\n      fontWeight: 500,\n      transition: \"all 0.3s ease\",\n      position: \"relative\",\n      maxWidth: tooltipCap(maxWidth)(theme),\n      ...variantStyles(theme, variant),\n      ...emphasisStyles(theme, glow, pulse),\n    };\n  };\n\nexport const InteractiveTooltip = React.forwardRef<\n  HTMLDivElement,\n  InteractiveTooltipProps\n>((rawProps, ref) => {\n  const {\n    variant,\n    size,\n    glow,\n    pulse,\n    maxWidth,\n    dataTestId,\n    hoverContent,\n    pinnedContent,\n    clickable,\n    onPin,\n    onUnpin,\n    className,\n    children,\n    onOpen,\n    onClose,\n    ...props\n  } = resolveTooltipProps(rawProps);\n\n  const { isPinned, isControlledOpen, wrapperRef, handleClick } =\n    usePinnedTooltip({\n      clickable,\n      onPin,\n      onUnpin,\n    });\n  const hover = useHoverOpen(isPinned, onOpen, onClose);\n\n  // Determine which content to show\n  const tooltipContent = isPinned ? pinnedContent : hoverContent;\n\n  // Child with click handler and ref\n  const childElement = children as React.ReactElement<{\n    onClick?: (e: React.MouseEvent) => void;\n    \"data-testid\"?: string;\n  }>;\n\n  const childWithProps = React.cloneElement(childElement, {\n    onClick: (e: React.MouseEvent) => {\n      handleClick(e);\n      // Call original onClick if it exists\n      childElement.props.onClick?.(e);\n    },\n    \"data-testid\": dataTestId ? `${dataTestId}-trigger` : undefined,\n  });\n\n  return (\n    <div ref={wrapperRef} className={className}>\n      <MuiTooltip\n        ref={ref}\n        title={tooltipContent}\n        open={isPinned ? isControlledOpen : hover.open}\n        onOpen={hover.onOpen}\n        onClose={hover.onClose}\n        enterDelay={isPinned ? 0 : 100}\n        leaveDelay={0}\n        disableHoverListener={isPinned}\n        disableFocusListener={isPinned}\n        disableTouchListener={isPinned}\n        slotProps={{\n          tooltip: {\n            sx: bubbleSx(variant, size, glow, pulse, maxWidth),\n            role: \"tooltip\",\n            ...(dataTestId && { \"data-testid\": `${dataTestId}-content` }),\n          },\n          arrow: {\n            sx: (theme: Theme) => ({ color: arrowColor(theme, variant) }),\n          },\n        }}\n        {...props}\n      >\n        {childWithProps}\n      </MuiTooltip>\n    </div>\n  );\n});\n\nInteractiveTooltip.displayName = \"InteractiveTooltip\";\n"],"mappings":";;;;;;;;;;;;;;AAAA,OAAO,gBAAgB;AAEvB,OAAO,WAAW;AA+FZ;AA1EN,IAAM,WACJ,CACE,SACA,MACA,MACA,OACA,aAEF,CAAC,UAA4B;AAC3B,QAAM,aAAa,cAAc,IAAI;AACrC,SAAO;AAAA,IACL,cAAc,MAAM,QAAQ,CAAC;AAAA,IAC7B,UAAU,WAAW,SAAS,KAAK;AAAA,IACnC,SAAS,WAAW,QAAQ,KAAK;AAAA,IACjC,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,UAAU;AAAA,IACV,UAAU,WAAW,QAAQ,EAAE,KAAK;AAAA,IACpC,GAAG,cAAc,OAAO,OAAO;AAAA,IAC/B,GAAG,eAAe,OAAO,MAAM,KAAK;AAAA,EACtC;AACF;AAEK,IAAM,qBAAqB,MAAM,WAGtC,CAAC,UAAU,QAAQ;AACnB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI,oBAAoB,QAAQ;AAEhC,QAAM,EAAE,UAAU,kBAAkB,YAAY,YAAY,IAC1D,iBAAiB;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACH,QAAM,QAAQ,aAAa,UAAU,QAAQ,OAAO;AAGpD,QAAM,iBAAiB,WAAW,gBAAgB;AAGlD,QAAM,eAAe;AAKrB,QAAM,iBAAiB,MAAM,aAAa,cAAc;AAAA,IACtD,SAAS,CAAC,MAAwB;AAChC,kBAAY,CAAC;AAEb,mBAAa,MAAM,UAAU,CAAC;AAAA,IAChC;AAAA,IACA,eAAe,aAAa,GAAG,UAAU,aAAa;AAAA,EACxD,CAAC;AAED,SACE,oBAAC,SAAI,KAAK,YAAY,WACpB;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,OAAO;AAAA,MACP,MAAM,WAAW,mBAAmB,MAAM;AAAA,MAC1C,QAAQ,MAAM;AAAA,MACd,SAAS,MAAM;AAAA,MACf,YAAY,WAAW,IAAI;AAAA,MAC3B,YAAY;AAAA,MACZ,sBAAsB;AAAA,MACtB,sBAAsB;AAAA,MACtB,sBAAsB;AAAA,MACtB,WAAW;AAAA,QACT,SAAS;AAAA,UACP,IAAI,SAAS,SAAS,MAAM,MAAM,OAAO,QAAQ;AAAA,UACjD,MAAM;AAAA,UACN,GAAI,cAAc,EAAE,eAAe,GAAG,UAAU,WAAW;AAAA,QAC7D;AAAA,QACA,OAAO;AAAA,UACL,IAAI,CAAC,WAAkB,EAAE,OAAO,WAAW,OAAO,OAAO,EAAE;AAAA,QAC7D;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH,GACF;AAEJ,CAAC;AAED,mBAAmB,cAAc;","names":[]}

package/dist/{chunk-ZXEDKRRT.js → chunk-ECVNRLKD.js}

@@ -7,7 +7,7 @@ import {
 import {
   SettingSwitchBlock,
   useSettingSwitchIds
-} from "./chunk-Y5QDXG5N.js";
+} from "./chunk-6WNMVWAV.js";
 import {
   partTestId
 } from "./chunk-2JTZWQ25.js";
@@ -84,4 +84,4 @@ SettingGroup.displayName = "SettingGroup";
 export {
   SettingGroup
 };
-//# sourceMappingURL=chunk-ZXEDKRRT.js.map
+//# sourceMappingURL=chunk-ECVNRLKD.js.map

package/dist/{chunk-OESAYTNG.js → chunk-JDVHNDY3.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-SALQ65SM.js";
 import {
   useSummaryInfo
-} from "./chunk-N4R6T5K7.js";
+} from "./chunk-PKSU3RBT.js";
 import {
   LearnMore,
   PendingSpinner,
@@ -170,4 +170,4 @@ SettingCard.displayName = "SettingCard";
 export {
   SettingCard
 };
-//# sourceMappingURL=chunk-OESAYTNG.js.map
+//# sourceMappingURL=chunk-JDVHNDY3.js.map

package/dist/{chunk-TYBZ4XZZ.js → chunk-KRIPQUFB.js}

@@ -10,7 +10,7 @@ import {
 
 // src/components/data-display/Tooltip/Tooltip.tsx
 import MuiTooltip from "@mui/material/Tooltip/index.js";
-import { alpha, keyframes, styled } from "@mui/material/styles/index.js";
+import { alpha, keyframes } from "@mui/material/styles/index.js";
 import React from "react";
 import { jsx } from "react/jsx-runtime";
 var pulseAnimation = keyframes`
@@ -37,7 +37,7 @@ var variantStyles = (theme, variant) => {
   switch (variant) {
     case "default":
       return {
-        backgroundColor: alpha(neutralTones(theme).inverseSurface, 0.9),
+        backgroundColor: neutralTones(theme).inverseSurface,
         color: absoluteInk(theme).white
       };
     case "dark":
@@ -81,30 +81,23 @@ var arrowColor = (theme, variant) => {
     case "dark":
       return neutralTones(theme).inverseSurface;
     default:
-      return alpha(neutralTones(theme).inverseSurface, 0.9);
+      return neutralTones(theme).inverseSurface;
   }
 };
-var StyledTooltip = styled(MuiTooltip, {
-  shouldForwardProp: (prop) => !["customVariant", "customSize", "glow", "pulse"].includes(prop)
-})(({ theme, customVariant, customSize, glow, pulse }) => {
-  const sizeStyles = getSizeStyles(customSize);
+var bubbleSx = (variant, size, glow, pulse, maxWidth) => (theme) => {
+  const sizeStyles = getSizeStyles(size);
   return {
-    "& .MuiTooltip-tooltip": {
-      borderRadius: theme.spacing(1),
-      fontSize: sizeStyles.fontSize(theme),
-      padding: sizeStyles.padding(theme),
-      fontWeight: 500,
-      transition: "all 0.3s ease",
-      position: "relative",
-      overflow: "hidden",
-      ...variantStyles(theme, customVariant),
-      ...emphasisStyles(theme, glow, pulse)
-    },
-    "& .MuiTooltip-arrow": {
-      color: arrowColor(theme, customVariant)
-    }
+    borderRadius: theme.spacing(1),
+    fontSize: sizeStyles.fontSize(theme),
+    padding: sizeStyles.padding(theme),
+    fontWeight: 500,
+    transition: "all 0.3s ease",
+    position: "relative",
+    maxWidth: tooltipCap(maxWidth)(theme),
+    ...variantStyles(theme, variant),
+    ...emphasisStyles(theme, glow, pulse)
   };
-});
+};
 var tooltipCap = (maxWidth) => (theme) => {
   const cap = maxWidth ?? 300;
   return cap <= 1 && cap !== 0 ? `${cap * 100}%` : rem(theme, cap);
@@ -120,17 +113,16 @@ var Tooltip = React.forwardRef(
     children,
     ...props
   }, ref) => {
-    const childWithTestId = dataTestId ? React.cloneElement(children, {
-      "data-testid": `${dataTestId}-trigger`
-    }) : children;
+    const childWithTestId = dataTestId ? React.cloneElement(
+      children,
+      {
+        "data-testid": `${dataTestId}-trigger`
+      }
+    ) : children;
     return /* @__PURE__ */ jsx(
-      StyledTooltip,
+      MuiTooltip,
       {
         ref,
-        customVariant: variant,
-        customSize: size,
-        glow,
-        pulse,
         enterDelay: 0,
         leaveDelay: 0,
         disableHoverListener: false,
@@ -138,9 +130,12 @@ var Tooltip = React.forwardRef(
         disableTouchListener: false,
         slotProps: {
           tooltip: {
-            sx: { maxWidth: tooltipCap(maxWidth) },
+            sx: bubbleSx(variant, size, glow, pulse, maxWidth),
             role: "tooltip",
             ...dataTestId && { "data-testid": `${dataTestId}-content` }
+          },
+          arrow: {
+            sx: (theme) => ({ color: arrowColor(theme, variant) })
           }
         },
         ...props,
@@ -154,4 +149,4 @@ Tooltip.displayName = "Tooltip";
 export {
   Tooltip
 };
-//# sourceMappingURL=chunk-TYBZ4XZZ.js.map
+//# sourceMappingURL=chunk-KRIPQUFB.js.map

package/dist/chunk-KRIPQUFB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Tooltip/Tooltip.tsx"],"sourcesContent":["import MuiTooltip from \"@mui/material/Tooltip/index.js\";\nimport { alpha, keyframes } from \"@mui/material/styles/index.js\";\nimport type { CSSObject, Theme } from \"@mui/material/styles/index.js\";\nimport React from \"react\";\n\nimport type { TooltipProps } from \"./Tooltip.types\";\nimport { absoluteInk, neutralTones } from \"../../../tokens/ink\";\nimport { rem, rems, sxRem } from \"../../../tokens/relative\";\n\n// Define pulse animation\nconst pulseAnimation = keyframes`\n  0% {\n    transform: scale(1);\n    opacity: 1;\n  }\n  70% {\n    transform: scale(1.05);\n    opacity: 0.8;\n  }\n  100% {\n    transform: scale(1);\n    opacity: 1;\n  }\n`;\n\nconst SIZE_MAP = {\n  sm: { fontSize: sxRem(12), padding: (theme: Theme) => rems(theme, 4, 8) },\n  md: { fontSize: sxRem(14), padding: (theme: Theme) => rems(theme, 6, 12) },\n  lg: { fontSize: sxRem(16), padding: (theme: Theme) => rems(theme, 8, 16) },\n} as const;\n\nconst getSizeStyles = (\n  size?: string,\n): { fontSize: (theme: Theme) => string; padding: (theme: Theme) => string } =>\n  SIZE_MAP[size as keyof typeof SIZE_MAP] || SIZE_MAP.md;\n\nconst variantStyles = (theme: Theme, variant?: string): CSSObject => {\n  switch (variant) {\n    case \"default\":\n      return {\n        backgroundColor: neutralTones(theme).inverseSurface,\n        color: absoluteInk(theme).white,\n      };\n    case \"dark\":\n      return {\n        backgroundColor: neutralTones(theme).inverseSurface,\n        color: absoluteInk(theme).white,\n      };\n    case \"light\":\n      return {\n        backgroundColor: absoluteInk(theme).white,\n        color: theme.palette.text.primary,\n        border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,\n        boxShadow: theme.shadows[4],\n      };\n    case \"glass\":\n      return {\n        backgroundColor: alpha(theme.palette.background.paper, 0.1),\n        backdropFilter: `blur(${rem(theme, 20)})`,\n        border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,\n        color: theme.palette.text.primary,\n      };\n    default:\n      return {};\n  }\n};\n\n// glow and pulse are independent flags. The three combinations used to be spelled\n// out one by one, but each is just the union of whichever flags are set.\nconst emphasisStyles = (\n  theme: Theme,\n  glow?: boolean,\n  pulse?: boolean,\n): CSSObject => ({\n  ...(glow && {\n    boxShadow: `${rems(theme, 0, 0, 15, 3)} ${alpha(theme.palette.primary.main, 0.4)} !important`,\n    filter: \"brightness(1.05)\",\n  }),\n  ...(pulse && {\n    animation: `${pulseAnimation} 2s infinite`,\n  }),\n});\n\nconst arrowColor = (theme: Theme, variant?: string): string => {\n  switch (variant) {\n    case \"light\":\n      return absoluteInk(theme).white;\n    case \"glass\":\n      return alpha(theme.palette.background.paper, 0.1);\n    case \"dark\":\n      return neutralTones(theme).inverseSurface;\n    default:\n      return neutralTones(theme).inverseSurface;\n  }\n};\n\n/**\n * The bubble's own look, applied to the BUBBLE (FUT-3093).\n *\n * It used to sit on a `styled(MuiTooltip)` root as `& .MuiTooltip-tooltip`, but\n * MUI renders the bubble in a portal, outside that root — so none of it ever\n * reached the screen, and every tooltip wore MUI's see-through grey instead of\n * the variant it asked for. `slotProps.tooltip.sx` lands on the bubble itself.\n * No `overflow: hidden`: now that it applies, it would clip an `arrow`.\n */\nconst bubbleSx =\n  (\n    variant: string,\n    size: string,\n    glow: boolean,\n    pulse: boolean,\n    maxWidth: number | undefined,\n  ) =>\n  (theme: Theme): CSSObject => {\n    const sizeStyles = getSizeStyles(size);\n    return {\n      borderRadius: theme.spacing(1),\n      fontSize: sizeStyles.fontSize(theme),\n      padding: sizeStyles.padding(theme),\n      fontWeight: 500,\n      transition: \"all 0.3s ease\",\n      position: \"relative\",\n      maxWidth: tooltipCap(maxWidth)(theme),\n      ...variantStyles(theme, variant),\n      ...emphasisStyles(theme, glow, pulse),\n    };\n  };\n\n/**\n * The tooltip's cap: 300 design px unless the caller says otherwise. `sx` has\n * always read a number of 1 or less as a fraction of the parent, and that stays so.\n */\nconst tooltipCap =\n  (maxWidth: number | undefined) =>\n  (theme: Theme): string => {\n    const cap = maxWidth ?? 300;\n    return cap <= 1 && cap !== 0 ? `${cap * 100}%` : rem(theme, cap);\n  };\n\nexport const Tooltip = React.forwardRef<HTMLDivElement, TooltipProps>(\n  (\n    {\n      variant = \"default\",\n      size = \"md\",\n      glow = false,\n      pulse = false,\n      maxWidth,\n      dataTestId,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const childWithTestId = dataTestId\n      ? React.cloneElement(\n          children as React.ReactElement<{ \"data-testid\"?: string }>,\n          {\n            \"data-testid\": `${dataTestId}-trigger`,\n          },\n        )\n      : children;\n\n    return (\n      <MuiTooltip\n        ref={ref}\n        enterDelay={0}\n        leaveDelay={0}\n        disableHoverListener={false}\n        disableFocusListener={false}\n        disableTouchListener={false}\n        slotProps={{\n          tooltip: {\n            sx: bubbleSx(variant, size, glow, pulse, maxWidth),\n            role: \"tooltip\",\n            ...(dataTestId && { \"data-testid\": `${dataTestId}-content` }),\n          },\n          arrow: {\n            sx: (theme: Theme) => ({ color: arrowColor(theme, variant) }),\n          },\n        }}\n        {...props}\n      >\n        {childWithTestId}\n      </MuiTooltip>\n    );\n  },\n);\n\nTooltip.displayName = \"Tooltip\";\n"],"mappings":"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","names":[]}

package/dist/{chunk-N4R6T5K7.js → chunk-PKSU3RBT.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-BFRVMCQM.js";
 import {
   InteractiveTooltip
-} from "./chunk-XM7QCNZQ.js";
+} from "./chunk-AET54GT6.js";
 import {
   Icon
 } from "./chunk-VEHMODO3.js";
@@ -92,4 +92,4 @@ export {
   SummaryInfo,
   useSummaryInfo
 };
-//# sourceMappingURL=chunk-N4R6T5K7.js.map
+//# sourceMappingURL=chunk-PKSU3RBT.js.map

package/dist/{chunk-IRNKHHQM.js → chunk-QKMXMBUK.js}

@@ -7,7 +7,7 @@ import {
 import {
   SettingSwitchBlock,
   useSettingSwitchIds
-} from "./chunk-Y5QDXG5N.js";
+} from "./chunk-6WNMVWAV.js";
 import {
   flatStyles,
   surfaceStyles,
@@ -44,4 +44,4 @@ SettingToggle.displayName = "SettingToggle";
 export {
   SettingToggle
 };
-//# sourceMappingURL=chunk-IRNKHHQM.js.map
+//# sourceMappingURL=chunk-QKMXMBUK.js.map

package/dist/data-display/InteractiveTooltip.js

@@ -1,8 +1,8 @@
 import "../chunk-TAF3YYMK.js";
 import {
   InteractiveTooltip
-} from "../chunk-XM7QCNZQ.js";
-import "../chunk-TQCQCW2P.js";
+} from "../chunk-AET54GT6.js";
+import "../chunk-524PRSSD.js";
 import "../chunk-QYJ25FWM.js";
 import "../chunk-FQ6UW7IY.js";
 import "../chunk-6JAIFIPW.js";

package/dist/data-display/Tooltip.js

@@ -1,7 +1,7 @@
 import "../chunk-4N244WVL.js";
 import {
   Tooltip
-} from "../chunk-TYBZ4XZZ.js";
+} from "../chunk-KRIPQUFB.js";
 import "../chunk-FQ6UW7IY.js";
 import "../chunk-6JAIFIPW.js";
 import "../chunk-N3GAFIXG.js";