@12-apps/ui 6.45.0 → 6.45.2

package/dist/_internal/components/data-display/HoverCard/HoverCard.hooks.js

@@ -1,6 +1,6 @@
 import {
   useHoverCard
-} from "../../../../chunk-VNWZWQF3.js";
+} from "../../../../chunk-Z3USLQQT.js";
 import "../../../../chunk-PZ5AY32C.js";
 export {
   useHoverCard

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

@@ -1,10 +1,10 @@
 import {
   HoverCard
-} from "../../../../chunk-Q534UJ34.js";
+} from "../../../../chunk-KN3WYEH2.js";
 import "../../../../chunk-NRIV2CQ2.js";
 import "../../../../chunk-BSYPPO2I.js";
 import "../../../../chunk-ZHV7TCAC.js";
-import "../../../../chunk-VNWZWQF3.js";
+import "../../../../chunk-Z3USLQQT.js";
 import "../../../../chunk-HPK33ACY.js";
 import "../../../../chunk-FQ6UW7IY.js";
 import "../../../../chunk-6JAIFIPW.js";

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

@@ -1,7 +1,7 @@
 import {
   Lightbox,
   Lightbox_default
-} from "../../../../chunk-IIXMTC65.js";
+} from "../../../../chunk-SPZAEMGW.js";
 import "../../../../chunk-UOS7DEQZ.js";
 import "../../../../chunk-HJPPNVCF.js";
 import "../../../../chunk-M6PWPEAV.js";

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

@@ -77,11 +77,11 @@ import {
 import "../../../chunk-6OS4AKWT.js";
 import {
   HoverCard
-} from "../../../chunk-Q534UJ34.js";
+} from "../../../chunk-KN3WYEH2.js";
 import "../../../chunk-NRIV2CQ2.js";
 import "../../../chunk-BSYPPO2I.js";
 import "../../../chunk-ZHV7TCAC.js";
-import "../../../chunk-VNWZWQF3.js";
+import "../../../chunk-Z3USLQQT.js";
 import "../../../chunk-TAF3YYMK.js";
 import {
   InteractiveTooltip
@@ -97,7 +97,7 @@ import "../../../chunk-724ZONOL.js";
 import "../../../chunk-UM35GGCS.js";
 import {
   Lightbox_default
-} from "../../../chunk-IIXMTC65.js";
+} from "../../../chunk-SPZAEMGW.js";
 import "../../../chunk-UOS7DEQZ.js";
 import "../../../chunk-HJPPNVCF.js";
 import "../../../chunk-M6PWPEAV.js";

package/dist/_internal/components/index.js

@@ -505,11 +505,11 @@ import {
 import "../../chunk-6OS4AKWT.js";
 import {
   HoverCard
-} from "../../chunk-Q534UJ34.js";
+} from "../../chunk-KN3WYEH2.js";
 import "../../chunk-NRIV2CQ2.js";
 import "../../chunk-BSYPPO2I.js";
 import "../../chunk-ZHV7TCAC.js";
-import "../../chunk-VNWZWQF3.js";
+import "../../chunk-Z3USLQQT.js";
 import "../../chunk-TAF3YYMK.js";
 import {
   InteractiveTooltip
@@ -525,7 +525,7 @@ import "../../chunk-724ZONOL.js";
 import "../../chunk-UM35GGCS.js";
 import {
   Lightbox_default
-} from "../../chunk-IIXMTC65.js";
+} from "../../chunk-SPZAEMGW.js";
 import "../../chunk-UOS7DEQZ.js";
 import "../../chunk-HJPPNVCF.js";
 import "../../chunk-M6PWPEAV.js";

package/dist/{chunk-Q534UJ34.js → chunk-KN3WYEH2.js}

@@ -10,7 +10,7 @@ import {
 } from "./chunk-BSYPPO2I.js";
 import {
   useHoverCard
-} from "./chunk-VNWZWQF3.js";
+} from "./chunk-Z3USLQQT.js";
 import {
   withDefaults
 } from "./chunk-HPK33ACY.js";
@@ -75,6 +75,14 @@ var capOf = (theme, maxWidth) => {
   const cap = maxWidth ?? 400;
   return cap <= 1 && cap !== 0 ? `${cap * 100}%` : rem(theme, cap);
 };
+var buildTriggerElement = (trigger, triggerHandlers, disabled, dataTestId, children) => {
+  const triggerProps = {
+    ...triggerHandlers,
+    style: { cursor: disabled ? "default" : "pointer" },
+    "data-testid": dataTestId ? `${dataTestId}-trigger` : "hover-card-trigger"
+  };
+  return trigger ? React.cloneElement(trigger, triggerProps) : /* @__PURE__ */ jsx("span", { ...triggerProps, style: { display: "inline-block", ...triggerProps.style }, children });
+};
 var HoverCard = React.forwardRef((props, ref) => {
   const {
     variant,
@@ -102,7 +110,15 @@ var HoverCard = React.forwardRef((props, ref) => {
     dataTestId,
     ...rest
   } = withDefaults(props, DEFAULTS);
-  const { anchorEl, isOpen, handleClose, triggerHandlers, cardHandlers, contentRef } = useHoverCard({
+  const {
+    anchorEl,
+    isOpen,
+    handleClose,
+    triggerHandlers,
+    cardHandlers,
+    contentRef,
+    onContentPointerDownCapture
+  } = useHoverCard({
     disabled,
     touchEnabled,
     enterDelay,
@@ -110,12 +126,7 @@ var HoverCard = React.forwardRef((props, ref) => {
     onOpen,
     onClose
   });
-  const triggerProps = {
-    ...triggerHandlers,
-    style: { cursor: disabled ? "default" : "pointer" },
-    "data-testid": dataTestId ? `${dataTestId}-trigger` : "hover-card-trigger"
-  };
-  const triggerElement = trigger ? React.cloneElement(trigger, triggerProps) : /* @__PURE__ */ jsx("span", { ...triggerProps, style: { display: "inline-block", ...triggerProps.style }, children });
+  const triggerElement = buildTriggerElement(trigger, triggerHandlers, disabled, dataTestId, children);
   const padding = CONTENT_PADDING[variant] ?? 2;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     triggerElement,
@@ -135,34 +146,42 @@ var HoverCard = React.forwardRef((props, ref) => {
         customAnimation: animation,
         slotProps: { paper: { style: { pointerEvents: "auto" } } },
         ...rest,
-        children: /* @__PURE__ */ jsxs(Box, { ref: contentRef, sx: { position: "relative" }, children: [
-          showArrow && /* @__PURE__ */ jsx(ArrowContainer, { placement, offset }),
-          /* @__PURE__ */ jsx(
-            StyledCard,
-            {
-              customVariant: variant,
-              glow,
-              pulse,
-              animation,
-              "data-testid": dataTestId || "hover-card-content",
-              sx: (theme) => ({ maxWidth: capOf(theme, maxWidth), ...offsetMargin(theme, placement, offset) }),
-              children: /* @__PURE__ */ jsx(CardContent, { sx: { p: padding, "&:last-child": { pb: padding } }, children: /* @__PURE__ */ jsx(
-                HoverCardContent,
+        children: /* @__PURE__ */ jsxs(
+          Box,
+          {
+            ref: contentRef,
+            onPointerDownCapture: onContentPointerDownCapture,
+            sx: { position: "relative" },
+            children: [
+              showArrow && /* @__PURE__ */ jsx(ArrowContainer, { placement, offset }),
+              /* @__PURE__ */ jsx(
+                StyledCard,
                 {
-                  loadingText,
-                  variant,
-                  title,
-                  description,
-                  avatar,
-                  loading,
-                  loadingComponent,
-                  dataTestId,
-                  children
+                  customVariant: variant,
+                  glow,
+                  pulse,
+                  animation,
+                  "data-testid": dataTestId || "hover-card-content",
+                  sx: (theme) => ({ maxWidth: capOf(theme, maxWidth), ...offsetMargin(theme, placement, offset) }),
+                  children: /* @__PURE__ */ jsx(CardContent, { sx: { p: padding, "&:last-child": { pb: padding } }, children: /* @__PURE__ */ jsx(
+                    HoverCardContent,
+                    {
+                      loadingText,
+                      variant,
+                      title,
+                      description,
+                      avatar,
+                      loading,
+                      loadingComponent,
+                      dataTestId,
+                      children
+                    }
+                  ) })
                 }
-              ) })
-            }
-          )
-        ] })
+              )
+            ]
+          }
+        )
       }
     )
   ] });
@@ -172,4 +191,4 @@ HoverCard.displayName = "HoverCard";
 export {
   HoverCard
 };
-//# sourceMappingURL=chunk-Q534UJ34.js.map
+//# sourceMappingURL=chunk-KN3WYEH2.js.map

package/dist/chunk-KN3WYEH2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/HoverCard/HoverCard.tsx"],"sourcesContent":["import Box from '@mui/material/Box/index.js';\nimport Card from '@mui/material/Card/index.js';\nimport CardContent from '@mui/material/CardContent/index.js';\nimport Popover from '@mui/material/Popover/index.js';\nimport { styled, type Theme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport { rem } from '../../../tokens/relative';\nimport { withDefaults } from '../../../utils/withDefaults';\n\nimport { HoverCardContent } from './HoverCard.content';\nimport { useHoverCard } from './HoverCard.hooks';\nimport { arrowSx, cardSx, getAnchorOrigin, getTransformOrigin, sideOf } from './HoverCard.styles';\nimport type { CardStyleFlags } from './HoverCard.styles';\nimport type { HoverCardAnimation, HoverCardPlacement, HoverCardProps } from './HoverCard.types';\n\nconst ArrowContainer = styled('div')<{ placement: HoverCardPlacement; offset?: number }>(\n  ({ theme, placement }) => ({ ...arrowSx(theme, placement) }),\n);\n\nconst StyledCard = styled(Card, {\n  shouldForwardProp: (prop) =>\n    !['customVariant', 'glow', 'pulse', 'animation'].includes(prop as string),\n})<CardStyleFlags>(({ theme, ...flags }) => ({ ...cardSx(theme, flags) }));\n\nconst StyledPopover = styled(Popover, {\n  shouldForwardProp: (prop) => prop !== 'customAnimation',\n})<{ customAnimation?: HoverCardAnimation }>(({ customAnimation }) => ({\n  // Only the card takes the pointer (its paper sets `pointer-events: auto`).\n  // MUI's popover root and its invisible backdrop cover the whole viewport, so\n  // while a card was open the pointer was \"on the card\" wherever it went: the\n  // backdrop's mouseover reached the card's onMouseEnter and cancelled the\n  // close the trigger's mouseleave had just scheduled. A card left by moving\n  // the mouse away stayed open, and the page's next click hit the backdrop\n  // instead of its target (FUT-2619). The backdrop was also the only\n  // click-away; `useClickAway` in the hooks replaces it.\n  pointerEvents: 'none',\n  // The popover only positions; StyledCard draws the surface.\n  '& .MuiPopover-paper': {\n    backgroundColor: 'transparent',\n    boxShadow: 'none',\n    overflow: 'visible',\n    ...(customAnimation === 'scale' && { transformOrigin: 'center' }),\n  },\n}));\n\nconst DEFAULTS = {\n  variant: 'default',\n  glow: false,\n  pulse: false,\n  placement: 'bottom',\n  showArrow: false,\n  animation: 'fade',\n  enterDelay: 700,\n  exitDelay: 0,\n  loading: false,\n  touchEnabled: true,\n  disabled: false,\n} satisfies Partial<HoverCardProps>;\n\ntype ResolvedProps = HoverCardProps & Required<Pick<HoverCardProps, keyof typeof DEFAULTS>>;\n\n/** Padding is the variant's own: detailed roomier, minimal tighter. */\nconst CONTENT_PADDING: Record<string, number> = { detailed: 3, minimal: 1.5 };\n\n/**\n * The card is nudged off the anchor on whichever side it sits — `offset` design\n * px (8 unless the caller says otherwise), through the theme's type scale.\n */\nconst offsetMargin = (theme: Theme, placement: HoverCardPlacement, offset: number | undefined) => {\n  const side = sideOf(placement);\n  const key = ({ top: 'mt', bottom: 'mb', left: 'ml', right: 'mr' } as const)[side];\n  return { [key]: rem(theme, offset ?? 8) };\n};\n\n/**\n * The card's cap: 400 design px unless the caller says otherwise. `sx` has always\n * read a number of 1 or less as a fraction of the parent, and that stays so.\n */\nconst capOf = (theme: Theme, maxWidth: number | undefined): string => {\n  const cap = maxWidth ?? 400;\n  return cap <= 1 && cap !== 0 ? `${cap * 100}%` : rem(theme, cap);\n};\n\n/** The clone-onto-`trigger` vs. wrap-in-a-`span` choice, pulled out of the component so its body stays readable. */\nconst buildTriggerElement = (\n  trigger: HoverCardProps['trigger'],\n  triggerHandlers: ReturnType<typeof useHoverCard>['triggerHandlers'],\n  disabled: boolean,\n  dataTestId: string | undefined,\n  children: React.ReactNode,\n) => {\n  const triggerProps = {\n    ...triggerHandlers,\n    style: { cursor: disabled ? 'default' : 'pointer' },\n    'data-testid': dataTestId ? `${dataTestId}-trigger` : 'hover-card-trigger',\n  };\n\n  return trigger ? (\n    React.cloneElement(trigger, triggerProps)\n  ) : (\n    <span {...triggerProps} style={{ display: 'inline-block', ...triggerProps.style }}>\n      {children}\n    </span>\n  );\n};\n\nexport const HoverCard = React.forwardRef<HTMLDivElement, HoverCardProps>((props, ref) => {\n  const {\n    variant, glow, pulse, title, description, avatar, trigger, placement, showArrow,\n    animation, enterDelay, exitDelay, maxWidth, loading, loadingComponent, loadingText, touchEnabled,\n    offset, disabled, onOpen, onClose, children, dataTestId,\n    ...rest\n  } = withDefaults(props, DEFAULTS) as ResolvedProps;\n\n  const {\n    anchorEl,\n    isOpen,\n    handleClose,\n    triggerHandlers,\n    cardHandlers,\n    contentRef,\n    onContentPointerDownCapture,\n  } = useHoverCard({\n    disabled,\n    touchEnabled,\n    enterDelay,\n    exitDelay,\n    onOpen,\n    onClose,\n  });\n\n  const triggerElement = buildTriggerElement(trigger, triggerHandlers, disabled, dataTestId, children);\n  const padding = CONTENT_PADDING[variant] ?? 2;\n\n  return (\n    <>\n      {triggerElement}\n      <StyledPopover\n        ref={ref}\n        open={isOpen && !disabled}\n        anchorEl={anchorEl}\n        onClose={handleClose}\n        anchorOrigin={getAnchorOrigin(placement)}\n        transformOrigin={getTransformOrigin(placement)}\n        {...cardHandlers}\n        disableAutoFocus\n        disableEnforceFocus\n        disableRestoreFocus\n        customAnimation={animation}\n        slotProps={{ paper: { style: { pointerEvents: 'auto' } } }}\n        {...rest}\n      >\n        <Box\n          ref={contentRef}\n          onPointerDownCapture={onContentPointerDownCapture}\n          sx={{ position: 'relative' }}\n        >\n          {showArrow && <ArrowContainer placement={placement} offset={offset} />}\n          <StyledCard\n            customVariant={variant}\n            glow={glow}\n            pulse={pulse}\n            animation={animation}\n            data-testid={dataTestId || 'hover-card-content'}\n            sx={(theme) => ({ maxWidth: capOf(theme, maxWidth), ...offsetMargin(theme, placement, offset) })}\n          >\n            <CardContent sx={{ p: padding, '&:last-child': { pb: padding } }}>\n              <HoverCardContent\n                loadingText={loadingText} variant={variant} title={title}\n                description={description}\n                avatar={avatar}\n                loading={loading}\n                loadingComponent={loadingComponent}\n                dataTestId={dataTestId}\n              >\n                {children}\n              </HoverCardContent>\n            </CardContent>\n          </StyledCard>\n        </Box>\n      </StyledPopover>\n    </>\n  );\n});\n\nHoverCard.displayName = 'HoverCard';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,SAAS;AAChB,OAAO,UAAU;AACjB,OAAO,iBAAiB;AACxB,OAAO,aAAa;AACpB,SAAS,cAA0B;AACnC,OAAO,WAAW;AAgGd,SAmCA,UAnCA,KAoDI,YApDJ;AArFJ,IAAM,iBAAiB,OAAO,KAAK;AAAA,EACjC,CAAC,EAAE,OAAO,UAAU,OAAO,EAAE,GAAG,QAAQ,OAAO,SAAS,EAAE;AAC5D;AAEA,IAAM,aAAa,OAAO,MAAM;AAAA,EAC9B,mBAAmB,CAAC,SAClB,CAAC,CAAC,iBAAiB,QAAQ,SAAS,WAAW,EAAE,SAAS,IAAc;AAC5E,CAAC,EAAkB,CAAC,EAAE,OAAO,GAAG,MAAM,OAAO,EAAE,GAAG,OAAO,OAAO,KAAK,EAAE,EAAE;AAEzE,IAAM,gBAAgB,OAAO,SAAS;AAAA,EACpC,mBAAmB,CAAC,SAAS,SAAS;AACxC,CAAC,EAA4C,CAAC,EAAE,gBAAgB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASrE,eAAe;AAAA;AAAA,EAEf,uBAAuB;AAAA,IACrB,iBAAiB;AAAA,IACjB,WAAW;AAAA,IACX,UAAU;AAAA,IACV,GAAI,oBAAoB,WAAW,EAAE,iBAAiB,SAAS;AAAA,EACjE;AACF,EAAE;AAEF,IAAM,WAAW;AAAA,EACf,SAAS;AAAA,EACT,MAAM;AAAA,EACN,OAAO;AAAA,EACP,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,SAAS;AAAA,EACT,cAAc;AAAA,EACd,UAAU;AACZ;AAKA,IAAM,kBAA0C,EAAE,UAAU,GAAG,SAAS,IAAI;AAM5E,IAAM,eAAe,CAAC,OAAc,WAA+B,WAA+B;AAChG,QAAM,OAAO,OAAO,SAAS;AAC7B,QAAM,MAAO,EAAE,KAAK,MAAM,QAAQ,MAAM,MAAM,MAAM,OAAO,KAAK,EAAY,IAAI;AAChF,SAAO,EAAE,CAAC,GAAG,GAAG,IAAI,OAAO,UAAU,CAAC,EAAE;AAC1C;AAMA,IAAM,QAAQ,CAAC,OAAc,aAAyC;AACpE,QAAM,MAAM,YAAY;AACxB,SAAO,OAAO,KAAK,QAAQ,IAAI,GAAG,MAAM,GAAG,MAAM,IAAI,OAAO,GAAG;AACjE;AAGA,IAAM,sBAAsB,CAC1B,SACA,iBACA,UACA,YACA,aACG;AACH,QAAM,eAAe;AAAA,IACnB,GAAG;AAAA,IACH,OAAO,EAAE,QAAQ,WAAW,YAAY,UAAU;AAAA,IAClD,eAAe,aAAa,GAAG,UAAU,aAAa;AAAA,EACxD;AAEA,SAAO,UACL,MAAM,aAAa,SAAS,YAAY,IAExC,oBAAC,UAAM,GAAG,cAAc,OAAO,EAAE,SAAS,gBAAgB,GAAG,aAAa,MAAM,GAC7E,UACH;AAEJ;AAEO,IAAM,YAAY,MAAM,WAA2C,CAAC,OAAO,QAAQ;AACxF,QAAM;AAAA,IACJ;AAAA,IAAS;AAAA,IAAM;AAAA,IAAO;AAAA,IAAO;AAAA,IAAa;AAAA,IAAQ;AAAA,IAAS;AAAA,IAAW;AAAA,IACtE;AAAA,IAAW;AAAA,IAAY;AAAA,IAAW;AAAA,IAAU;AAAA,IAAS;AAAA,IAAkB;AAAA,IAAa;AAAA,IACpF;AAAA,IAAQ;AAAA,IAAU;AAAA,IAAQ;AAAA,IAAS;AAAA,IAAU;AAAA,IAC7C,GAAG;AAAA,EACL,IAAI,aAAa,OAAO,QAAQ;AAEhC,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,aAAa;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,iBAAiB,oBAAoB,SAAS,iBAAiB,UAAU,YAAY,QAAQ;AACnG,QAAM,UAAU,gBAAgB,OAAO,KAAK;AAE5C,SACE,iCACG;AAAA;AAAA,IACD;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,MAAM,UAAU,CAAC;AAAA,QACjB;AAAA,QACA,SAAS;AAAA,QACT,cAAc,gBAAgB,SAAS;AAAA,QACvC,iBAAiB,mBAAmB,SAAS;AAAA,QAC5C,GAAG;AAAA,QACJ,kBAAgB;AAAA,QAChB,qBAAmB;AAAA,QACnB,qBAAmB;AAAA,QACnB,iBAAiB;AAAA,QACjB,WAAW,EAAE,OAAO,EAAE,OAAO,EAAE,eAAe,OAAO,EAAE,EAAE;AAAA,QACxD,GAAG;AAAA,QAEJ;AAAA,UAAC;AAAA;AAAA,YACC,KAAK;AAAA,YACL,sBAAsB;AAAA,YACtB,IAAI,EAAE,UAAU,WAAW;AAAA,YAE1B;AAAA,2BAAa,oBAAC,kBAAe,WAAsB,QAAgB;AAAA,cACpE;AAAA,gBAAC;AAAA;AAAA,kBACC,eAAe;AAAA,kBACf;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA,eAAa,cAAc;AAAA,kBAC3B,IAAI,CAAC,WAAW,EAAE,UAAU,MAAM,OAAO,QAAQ,GAAG,GAAG,aAAa,OAAO,WAAW,MAAM,EAAE;AAAA,kBAE9F,8BAAC,eAAY,IAAI,EAAE,GAAG,SAAS,gBAAgB,EAAE,IAAI,QAAQ,EAAE,GAC7D;AAAA,oBAAC;AAAA;AAAA,sBACC;AAAA,sBAA0B;AAAA,sBAAkB;AAAA,sBAC5C;AAAA,sBACA;AAAA,sBACA;AAAA,sBACA;AAAA,sBACA;AAAA,sBAEC;AAAA;AAAA,kBACH,GACF;AAAA;AAAA,cACF;AAAA;AAAA;AAAA,QACF;AAAA;AAAA,IACF;AAAA,KACF;AAEJ,CAAC;AAED,UAAU,cAAc;","names":[]}

package/dist/{chunk-IIXMTC65.js → chunk-SPZAEMGW.js}

@@ -49,8 +49,14 @@ var DIALOG_STATIC_PROPS = {
   // second, non-modal `role="dialog"` this component sets of its own accord
   // — duplicating (and, as a static English literal, contradicting) the name
   // the Paper already carries.
+  //
+  // For the same reason, `role` is deliberately NOT set here (FUT-2861):
+  // `Dialog` destructures `aria-labelledby` and `aria-modal` by name and
+  // applies them to the Paper alongside its own hard-coded `role="dialog"`,
+  // but `role` itself is not one of the props it destructures — a `role`
+  // passed here falls into `...other` and lands a second, unlabelled
+  // `role="dialog"` on the outer Modal root instead of the Paper.
   "aria-labelledby": "lightbox-title",
-  role: "dialog",
   "aria-modal": "true"
 };
 var Lightbox = React.forwardRef((componentProps, ref) => {
@@ -142,4 +148,4 @@ export {
   Lightbox,
   Lightbox_default
 };
-//# sourceMappingURL=chunk-IIXMTC65.js.map
+//# sourceMappingURL=chunk-SPZAEMGW.js.map

package/dist/chunk-SPZAEMGW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Lightbox/Lightbox.tsx"],"sourcesContent":["import Dialog from '@mui/material/Dialog/index.js';\nimport Fade from '@mui/material/Fade/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport type { Theme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport { makeTestId } from './Lightbox.constants';\nimport { resolveLightboxProps } from './Lightbox.helpers';\nimport { LightboxCopyProvider } from './lightbox-copy-context';\nimport type { LightboxProps, LightboxRef } from './Lightbox.types';\nimport { LightboxCurrentMedia } from './LightboxCurrentMedia';\nimport { LightboxOverlay } from './LightboxOverlay';\nimport { LightboxStage } from './LightboxStage';\nimport { LightboxThumbnails } from './LightboxThumbnails';\nimport { useLightbox } from './useLightbox';\nimport { scrim } from '../../../tokens/ink';\nimport { rem, sxRem } from '../../../tokens/relative';\n\nconst DIALOG_STATIC_PROPS = {\n  maxWidth: false,\n  fullScreen: true,\n  TransitionComponent: Fade,\n  TransitionProps: { timeout: 300 },\n  PaperProps: { sx: { background: (theme: Theme) => scrim(theme, 0.9), backdropFilter: (theme: Theme) => `blur(${rem(theme, 2)})` } },\n  // `aria-labelledby` is the one accessible name for the modal itself: MUI\n  // forwards it (with `aria-modal` and its own `role=\"dialog\"`) onto the\n  // Paper, the element that is actually the WAI-ARIA dialog. A plain\n  // `aria-label` alongside it would land on the OUTER root instead — a\n  // second, non-modal `role=\"dialog\"` this component sets of its own accord\n  // — duplicating (and, as a static English literal, contradicting) the name\n  // the Paper already carries.\n  //\n  // For the same reason, `role` is deliberately NOT set here (FUT-2861):\n  // `Dialog` destructures `aria-labelledby` and `aria-modal` by name and\n  // applies them to the Paper alongside its own hard-coded `role=\"dialog\"`,\n  // but `role` itself is not one of the props it destructures — a `role`\n  // passed here falls into `...other` and lands a second, unlabelled\n  // `role=\"dialog\"` on the outer Modal root instead of the Paper.\n  'aria-labelledby': 'lightbox-title',\n  'aria-modal': 'true',\n} as const;\n\nexport const Lightbox = React.forwardRef<LightboxRef, LightboxProps>((componentProps, ref) => {\n  const props = resolveLightboxProps(componentProps);\n  const { isOpen, items, loop, autoplay, showControls, showCaptions, thumbnails, zoomable } = props;\n  const { className, style, dataTestId } = props;\n\n  const testId = makeTestId(dataTestId);\n  const lightbox = useLightbox(props, ref);\n  const { currentIndex, currentItem, zoom } = lightbox;\n\n  return (\n    <LightboxCopyProvider copy={props.copy}>\n    <Dialog\n      open={isOpen}\n      onClose={lightbox.close}\n      {...DIALOG_STATIC_PROPS}\n      className={className}\n      style={style}\n      onTouchStart={lightbox.handleTouchStart}\n      onTouchEnd={lightbox.handleTouchEnd}\n      data-testid={dataTestId || 'lightbox'}\n    >\n      {/* Visually hidden title for screen readers */}\n      <Typography id=\"lightbox-title\" variant=\"h6\" sx={{ position: 'absolute', left: sxRem(-10000) }}>\n        {props.copy.dialogLabel} - {currentItem?.alt || props.copy.itemPosition(currentIndex + 1, items.length)}\n      </Typography>\n\n      <LightboxOverlay\n        testId={testId}\n        itemCount={items.length}\n        currentIndex={currentIndex}\n        showControls={showControls}\n        loop={loop}\n        autoplay={autoplay}\n        canZoom={lightbox.canZoom}\n        isAutoPlaying={lightbox.isAutoPlaying}\n        onClose={lightbox.close}\n        onPrev={lightbox.prev}\n        onNext={lightbox.next}\n        onZoomIn={zoom.zoomIn}\n        onZoomOut={zoom.zoomOut}\n        onResetZoom={zoom.resetZoom}\n        onToggleAutoplay={() => lightbox.setIsAutoPlaying((playing) => !playing)}\n      />\n\n      <LightboxStage\n        items={items}\n        currentItem={currentItem}\n        currentIndex={currentIndex}\n        isLoading={lightbox.isLoading}\n        showCaptions={showCaptions}\n        thumbnails={thumbnails}\n        testId={testId}\n        media={\n          <LightboxCurrentMedia\n            item={currentItem}\n            index={currentIndex}\n            total={items.length}\n            zoomable={zoomable}\n            zoom={zoom}\n            testId={testId}\n            onLoadingChange={lightbox.setIsLoading}\n            onWheel={lightbox.handleWheel}\n          />\n        }\n        thumbnailStrip={\n          thumbnails &&\n          items.length > 1 && (\n            <LightboxThumbnails\n              items={items}\n              currentIndex={currentIndex}\n              testId={testId}\n              onSelect={lightbox.goToIndex}\n            />\n          )\n        }\n      />\n    </Dialog>\n    </LightboxCopyProvider>\n  );\n});\n\nLightbox.displayName = 'Lightbox';\n\nexport default Lightbox;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,YAAY;AACnB,OAAO,UAAU;AACjB,OAAO,gBAAgB;AAEvB,OAAO,WAAW;AA4DZ,SAIA,KAJA;AA9CN,IAAM,sBAAsB;AAAA,EAC1B,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,qBAAqB;AAAA,EACrB,iBAAiB,EAAE,SAAS,IAAI;AAAA,EAChC,YAAY,EAAE,IAAI,EAAE,YAAY,CAAC,UAAiB,MAAM,OAAO,GAAG,GAAG,gBAAgB,CAAC,UAAiB,QAAQ,IAAI,OAAO,CAAC,CAAC,IAAI,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAelI,mBAAmB;AAAA,EACnB,cAAc;AAChB;AAEO,IAAM,WAAW,MAAM,WAAuC,CAAC,gBAAgB,QAAQ;AAC5F,QAAM,QAAQ,qBAAqB,cAAc;AACjD,QAAM,EAAE,QAAQ,OAAO,MAAM,UAAU,cAAc,cAAc,YAAY,SAAS,IAAI;AAC5F,QAAM,EAAE,WAAW,OAAO,WAAW,IAAI;AAEzC,QAAM,SAAS,WAAW,UAAU;AACpC,QAAM,WAAW,YAAY,OAAO,GAAG;AACvC,QAAM,EAAE,cAAc,aAAa,KAAK,IAAI;AAE5C,SACE,oBAAC,wBAAqB,MAAM,MAAM,MAClC;AAAA,IAAC;AAAA;AAAA,MACC,MAAM;AAAA,MACN,SAAS,SAAS;AAAA,MACjB,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA,cAAc,SAAS;AAAA,MACvB,YAAY,SAAS;AAAA,MACrB,eAAa,cAAc;AAAA,MAG3B;AAAA,6BAAC,cAAW,IAAG,kBAAiB,SAAQ,MAAK,IAAI,EAAE,UAAU,YAAY,MAAM,MAAM,IAAM,EAAE,GAC1F;AAAA,gBAAM,KAAK;AAAA,UAAY;AAAA,UAAI,aAAa,OAAO,MAAM,KAAK,aAAa,eAAe,GAAG,MAAM,MAAM;AAAA,WACxG;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,WAAW,MAAM;AAAA,YACjB;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,SAAS,SAAS;AAAA,YAClB,eAAe,SAAS;AAAA,YACxB,SAAS,SAAS;AAAA,YAClB,QAAQ,SAAS;AAAA,YACjB,QAAQ,SAAS;AAAA,YACjB,UAAU,KAAK;AAAA,YACf,WAAW,KAAK;AAAA,YAChB,aAAa,KAAK;AAAA,YAClB,kBAAkB,MAAM,SAAS,iBAAiB,CAAC,YAAY,CAAC,OAAO;AAAA;AAAA,QACzE;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA,WAAW,SAAS;AAAA,YACpB;AAAA,YACA;AAAA,YACA;AAAA,YACA,OACE;AAAA,cAAC;AAAA;AAAA,gBACC,MAAM;AAAA,gBACN,OAAO;AAAA,gBACP,OAAO,MAAM;AAAA,gBACb;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA,iBAAiB,SAAS;AAAA,gBAC1B,SAAS,SAAS;AAAA;AAAA,YACpB;AAAA,YAEF,gBACE,cACA,MAAM,SAAS,KACb;AAAA,cAAC;AAAA;AAAA,gBACC;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA,UAAU,SAAS;AAAA;AAAA,YACrB;AAAA;AAAA,QAGN;AAAA;AAAA;AAAA,EACF,GACA;AAEJ,CAAC;AAED,SAAS,cAAc;AAEvB,IAAO,mBAAQ;","names":[]}

package/dist/{chunk-VNWZWQF3.js → chunk-Z3USLQQT.js}

@@ -61,18 +61,49 @@ var useEscapeKey = (active, onEscape) => {
     return () => document.removeEventListener("keydown", handleEscape);
   }, [active, onEscape]);
 };
-var useClickAway = (active, inside, onAway) => {
+var useClickAway = (active, inside, ownsEvent, onAway) => {
+  const sessionRef = React.useRef(null);
+  const pendingRef = React.useRef(/* @__PURE__ */ new Set());
   React.useEffect(() => {
-    if (!active) return;
+    if (!active) return void 0;
+    const session = {};
+    sessionRef.current = session;
     const handlePointerDown = (event) => {
-      const target = event.target;
-      if (target && inside().some((el) => el?.contains(target))) return;
-      onAway();
+      const timeoutId = window.setTimeout(() => {
+        pendingRef.current.delete(timeoutId);
+        if (sessionRef.current !== session) return;
+        const target = event.target;
+        const ownedByReactTree = ownsEvent(event);
+        const ownedByDom = Boolean(target) && inside().some((el) => el?.contains(target));
+        if (ownedByReactTree || ownedByDom) return;
+        onAway();
+      }, 0);
+      pendingRef.current.add(timeoutId);
     };
     document.addEventListener("pointerdown", handlePointerDown, true);
-    return () => document.removeEventListener("pointerdown", handlePointerDown, true);
-  }, [active, inside, onAway]);
+    return () => {
+      sessionRef.current = null;
+      pendingRef.current.forEach((id) => window.clearTimeout(id));
+      pendingRef.current.clear();
+      document.removeEventListener("pointerdown", handlePointerDown, true);
+    };
+  }, [active, inside, ownsEvent, onAway]);
 };
+var useCardOwnership = () => {
+  const ownedEventsRef = React.useRef(/* @__PURE__ */ new WeakSet());
+  const markInside = React.useCallback((event) => {
+    ownedEventsRef.current.add(event.nativeEvent);
+  }, []);
+  const ownsEvent = React.useCallback(
+    (event) => ownedEventsRef.current.has(event),
+    []
+  );
+  return { markInside, ownsEvent };
+};
+var useInsideCard = (anchorEl, contentRef) => React.useCallback(
+  () => [anchorEl, contentRef.current],
+  [anchorEl, contentRef]
+);
 var useClearOnUnmount = (...refs) => {
   React.useEffect(
     () => () => refs.forEach(clearPending),
@@ -80,23 +111,11 @@ var useClearOnUnmount = (...refs) => {
     []
   );
 };
-var useHoverCard = ({
-  disabled,
-  touchEnabled,
-  enterDelay,
-  exitDelay,
-  onOpen,
-  onClose
-}) => {
+var useCardVisibility = ({ disabled, enterDelay, exitDelay, onOpen, onClose }) => {
   const [anchorEl, setAnchorEl] = React.useState(null);
   const [isOpen, setIsOpen] = React.useState(false);
-  const [isTouchDevice, setIsTouchDevice] = React.useState(false);
   const enterTimeoutRef = React.useRef(void 0);
   const exitTimeoutRef = React.useRef(void 0);
-  const contentRef = React.useRef(null);
-  React.useEffect(() => {
-    setIsTouchDevice("ontouchstart" in window);
-  }, []);
   const openCard = React.useCallback(
     (trigger) => {
       if (disabled) return;
@@ -126,6 +145,22 @@ var useHoverCard = ({
     setAnchorEl(null);
     onClose?.();
   }, [onClose]);
+  return { anchorEl, isOpen, openCard, closeCard, handleClose, enterTimeoutRef, exitTimeoutRef };
+};
+var useHoverCard = ({
+  disabled,
+  touchEnabled,
+  enterDelay,
+  exitDelay,
+  onOpen,
+  onClose
+}) => {
+  const [isTouchDevice, setIsTouchDevice] = React.useState(false);
+  const contentRef = React.useRef(null);
+  const { anchorEl, isOpen, openCard, closeCard, handleClose, enterTimeoutRef, exitTimeoutRef } = useCardVisibility({ disabled, enterDelay, exitDelay, onOpen, onClose });
+  React.useEffect(() => {
+    setIsTouchDevice("ontouchstart" in window);
+  }, []);
   const { triggerHandlers, cardHandlers } = useHoverHandlers({
     isTouchDevice,
     touchEnabled,
@@ -134,14 +169,24 @@ var useHoverCard = ({
     closeCard,
     exitTimeoutRef
   });
-  const insideCard = React.useCallback(() => [anchorEl, contentRef.current], [anchorEl]);
+  const insideCard = useInsideCard(anchorEl, contentRef);
+  const { markInside, ownsEvent } = useCardOwnership();
   useEscapeKey(isOpen, handleClose);
-  useClickAway(isOpen, insideCard, handleClose);
+  useClickAway(isOpen, insideCard, ownsEvent, handleClose);
   useClearOnUnmount(enterTimeoutRef, exitTimeoutRef);
-  return { anchorEl, isOpen, handleClose, triggerHandlers, cardHandlers, contentRef };
+  return {
+    anchorEl,
+    isOpen,
+    handleClose,
+    triggerHandlers,
+    cardHandlers,
+    contentRef,
+    /** Wire onto the card's content root as `onPointerDownCapture` (FUT-2776). */
+    onContentPointerDownCapture: markInside
+  };
 };
 
 export {
   useHoverCard
 };
-//# sourceMappingURL=chunk-VNWZWQF3.js.map
+//# sourceMappingURL=chunk-Z3USLQQT.js.map

package/dist/chunk-Z3USLQQT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/HoverCard/HoverCard.hooks.ts"],"sourcesContent":["import React from 'react';\n\ntype TimerRef = React.MutableRefObject<number | undefined>;\n\n/**\n * Cancel the timer a ref holds, and forget it. Every place that schedules\n * or dismisses goes through this, so no timer outlives the ref that could\n * cancel it (FUT-2619: an overwritten enter timer reopened a dismissed card).\n */\nconst clearPending = (ref: TimerRef) => {\n  if (ref.current !== undefined) window.clearTimeout(ref.current);\n  ref.current = undefined;\n};\n\ninterface HandlerInput {\n  isTouchDevice: boolean;\n  touchEnabled: boolean;\n  enterDelay: number;\n  openCard: (trigger: HTMLElement) => void;\n  closeCard: () => void;\n  exitTimeoutRef: TimerRef;\n}\n\n/**\n * The pointer and touch handlers, over the open/close pair. Touch gets a\n * long-press because there is no hover to respond to; the card's own handlers\n * keep it open while the pointer is travelling onto it.\n */\nconst useHoverHandlers = ({\n  isTouchDevice,\n  touchEnabled,\n  enterDelay,\n  openCard,\n  closeCard,\n  exitTimeoutRef,\n}: HandlerInput) => {\n  const [touchTimeout, setTouchTimeout] = React.useState<number>();\n\n  /** A touch device with touch disabled has no hover to respond to. */\n  const hoverIgnored = isTouchDevice && !touchEnabled;\n\n  const cancelTouch = React.useCallback(() => {\n    if (touchTimeout) {\n      window.clearTimeout(touchTimeout);\n      setTouchTimeout(undefined);\n    }\n  }, [touchTimeout]);\n\n  React.useEffect(\n    () => () => {\n      if (touchTimeout) window.clearTimeout(touchTimeout);\n    },\n    [touchTimeout],\n  );\n\n  const triggerHandlers = {\n    onMouseEnter: (event: React.MouseEvent<HTMLElement>) => {\n      if (hoverIgnored) return;\n      openCard(event.currentTarget);\n    },\n    onMouseLeave: () => {\n      if (hoverIgnored) return;\n      closeCard();\n    },\n    onTouchStart: (event: React.TouchEvent<HTMLElement>) => {\n      if (!touchEnabled) return;\n      if (touchTimeout) window.clearTimeout(touchTimeout);\n      // Read NOW: React nulls `currentTarget` once the handler returns, so\n      // the long-press timer used to open the card with no anchor at all.\n      const trigger = event.currentTarget;\n      setTouchTimeout(window.setTimeout(() => openCard(trigger), enterDelay));\n    },\n    // End and cancel do the same thing: the press did not become a long press.\n    onTouchEnd: cancelTouch,\n    onTouchCancel: cancelTouch,\n  };\n\n  /** Moving onto the card keeps it open; leaving it starts the exit delay. */\n  const cardHandlers = {\n    onMouseEnter: () => clearPending(exitTimeoutRef),\n    onMouseLeave: closeCard,\n  };\n\n  return { triggerHandlers, cardHandlers };\n};\n\n/** Escape dismisses the card while it is open. */\nconst useEscapeKey = (active: boolean, onEscape: () => void) => {\n  React.useEffect(() => {\n    if (!active) return;\n\n    const handleEscape = (event: globalThis.KeyboardEvent) => {\n      if (event.key === 'Escape') onEscape();\n    };\n\n    document.addEventListener('keydown', handleEscape);\n    return () => document.removeEventListener('keydown', handleEscape);\n  }, [active, onEscape]);\n};\n\n/**\n * A press anywhere outside the trigger and the card dismisses it.\n *\n * Touch has no mouse-leave, and MUI's own click-away was the popover's\n * backdrop, which `pointer-events: none` on the popover root (so the page\n * under an open card stays usable) takes out of play. So this listens on the\n * document itself, in the CAPTURE phase, where a `stopPropagation` further in\n * — including one a nested control (or something entirely unrelated to the\n * card) calls on its OWN bubble — cannot swallow it (FUT-2776 adversarial\n * review: a bubble-phase listener here was tried and reverted; see below).\n * It only observes: no `preventDefault`, so the tap or click still reaches\n * whatever it landed on. Attached while open, removed on close and on\n * unmount.\n *\n * That capture placement is exactly what makes the decision impossible to\n * make SYNCHRONOUSLY: `document` is the outermost node on the capture path,\n * so this handler fires before React's own capture dispatch even starts —\n * before `useCardOwnership`'s marker on the card's content root (also\n * capture, but on a node further down the same tree) has had a chance to run\n * for this same event. So the decision is deferred — but NOT to a microtask:\n * a microtask here reads the marker before it is set for TRUSTED input (a\n * real press, or Playwright's `page.mouse`), which is the very bug this hook\n * exists to fix (FUT-2776, third-review adversarial probe, measured with\n * real Chromium and `page.mouse.down()`):\n *\n *   TRUSTED:  doc-capture-sync → doc-capture-microtask (marker unset) → inner-capture (sets marker)\n *   SCRIPT:   doc-capture-sync → inner-capture (sets marker) → doc-capture-microtask (marker set)\n *\n * Chromium runs any microtasks queued by a capture-phase listener BEFORE\n * dispatching to the next listener on the path when the event is trusted —\n * so a microtask queued here runs before `useCardOwnership`'s capture\n * listener further down the tree ever gets a turn, and the ownership check\n * always reads empty. A script-dispatched event (`fireEvent`, `userEvent` in\n * jsdom, or in a Storybook `play` function) instead completes its WHOLE\n * capture-then-bubble dispatch before any microtask runs — which is why\n * every test under the microtask version passed and the bug still shipped.\n * A macrotask (`setTimeout(0)`) is not part of the event dispatch under\n * EITHER kind of input, so it always runs after the whole dispatch — marker\n * included — regardless of trusted vs. script. That ordering is what this\n * hook now relies on.\n *\n * `sessionRef` replaces a plain boolean: it is a fresh object assigned each\n * time the card opens (this effect's mount), so a `setTimeout` callback\n * queued for a press during one open session can tell whether it is still\n * that SAME session by comparing against the ref, not just whether the card\n * happens to be open again — the card closing and reopening while a stale\n * timeout is still pending must not let that timeout act on the new session.\n * Every scheduled timeout is also tracked so a close or unmount can cancel\n * whatever is still pending, rather than letting it fire against a card that\n * is no longer there to close.\n */\nconst useClickAway = (\n  active: boolean,\n  inside: () => ReadonlyArray<Element | null>,\n  ownsEvent: (event: Event) => boolean,\n  onAway: () => void,\n) => {\n  const sessionRef = React.useRef<object | null>(null);\n  const pendingRef = React.useRef<Set<number>>(new Set());\n\n  React.useEffect(() => {\n    if (!active) return undefined;\n\n    const session = {};\n    sessionRef.current = session;\n\n    const handlePointerDown = (event: globalThis.PointerEvent) => {\n      const timeoutId = window.setTimeout(() => {\n        pendingRef.current.delete(timeoutId);\n        // Stale: this session closed (or a newer one opened) before this\n        // press's decision could run.\n        if (sessionRef.current !== session) return;\n\n        const target = event.target as Node | null;\n        const ownedByReactTree = ownsEvent(event);\n        const ownedByDom = Boolean(target) && inside().some((el) => el?.contains(target));\n        if (ownedByReactTree || ownedByDom) return;\n        onAway();\n      }, 0);\n      pendingRef.current.add(timeoutId);\n    };\n\n    document.addEventListener('pointerdown', handlePointerDown, true);\n    return () => {\n      sessionRef.current = null;\n      pendingRef.current.forEach((id) => window.clearTimeout(id));\n      pendingRef.current.clear();\n      document.removeEventListener('pointerdown', handlePointerDown, true);\n    };\n  }, [active, inside, ownsEvent, onAway]);\n};\n\n/**\n * Whether the pointerdown `useClickAway` is about to look at started inside\n * the card's OWN React tree — a MUI `Select`'s menu, a nested `Popover`, a\n * `DropdownMenu` the card's `content` renders — even when that control's DOM\n * node is not a descendant of the card's box at all, because it portalled\n * itself out near `document.body` (FUT-2776).\n *\n * React re-parents a portal's events to bubble AND capture through its OWNING\n * React tree, not the DOM tree it renders into (see the React docs on\n * `createPortal`), so an `onPointerDownCapture` on the card's own content root\n * still fires for a press inside a portal the card's content renders, and\n * NEVER fires for a press inside an unrelated one mounted by something that\n * is not a descendant of the card in the REACT tree — ownership, not timing.\n * That is the whole fix: the ORIGINAL approach (a `MutationObserver` on\n * `document.body`) treated ANY element appended to the body while the card\n * was open as inside, so an unrelated Snackbar, dev overlay or Popover that\n * happened to mount at the same time stopped closing the card too.\n *\n * Tracked per NATIVE EVENT OBJECT in a `WeakSet`, not a boolean flag: a\n * boolean stayed `true` forever once a press set it whose NATIVE propagation\n * then got stopped before reaching `useClickAway`'s own (bubble-phase, in\n * that earlier revision) listener — common for anything that treats the\n * press as its own gesture — so the marker never got consumed, and the\n * NEXT, genuinely outside press read a STALE `true` and stayed open\n * (FUT-2776, caught on adversarial review of the first fix here). Keying on\n * the event itself instead needs no consuming step and cannot go stale: a\n * `WeakSet` entry only ever answers for the ONE dispatch that created it,\n * and nothing outside this closure keeps a reference to a past pointerdown\n * once `useClickAway`'s deferred (`setTimeout(0)`, not a microtask — see that\n * hook for why) check for it has run, so the entry is simply garbage from\n * then on.\n */\nconst useCardOwnership = () => {\n  const ownedEventsRef = React.useRef<WeakSet<Event>>(new WeakSet());\n\n  const markInside = React.useCallback((event: React.PointerEvent<HTMLElement>) => {\n    ownedEventsRef.current.add(event.nativeEvent);\n  }, []);\n\n  const ownsEvent = React.useCallback(\n    (event: Event) => ownedEventsRef.current.has(event),\n    [],\n  );\n\n  return { markInside, ownsEvent };\n};\n\n/** The trigger and the card's own box — a plain DOM containment check. */\nconst useInsideCard = (\n  anchorEl: HTMLElement | null,\n  contentRef: React.MutableRefObject<HTMLDivElement | null>,\n) =>\n  React.useCallback(\n    () => [anchorEl, contentRef.current],\n    [anchorEl, contentRef],\n  );\n\n/** Whatever is still pending when the card unmounts is cancelled with it. */\nconst useClearOnUnmount = (...refs: TimerRef[]) => {\n  React.useEffect(\n    () => () => refs.forEach(clearPending),\n    // The refs are stable objects: a mount/unmount pair, as before.\n    [],\n  );\n};\n\ninterface HoverCardTimingInput {\n  disabled: boolean;\n  touchEnabled: boolean;\n  enterDelay: number;\n  exitDelay: number;\n  onOpen?: () => void;\n  onClose?: () => void;\n}\n\ntype VisibilityInput = Omit<HoverCardTimingInput, 'touchEnabled'>;\n\n/**\n * The open/close state and its two timers, split out of `useHoverCard` so\n * that composing it with click-away, escape and ownership reads as one flat\n * list rather than one long function.\n *\n * The enter delay before opening and the exit delay before closing (so the\n * pointer can travel from the trigger onto the card without dismissing it)\n * each cancel the other's pending work, which is why they live together.\n */\nconst useCardVisibility = ({ disabled, enterDelay, exitDelay, onOpen, onClose }: VisibilityInput) => {\n  const [anchorEl, setAnchorEl] = React.useState<HTMLElement | null>(null);\n  const [isOpen, setIsOpen] = React.useState(false);\n  const enterTimeoutRef = React.useRef<number | undefined>(undefined);\n  const exitTimeoutRef = React.useRef<number | undefined>(undefined);\n\n  const openCard = React.useCallback(\n    (trigger: HTMLElement) => {\n      if (disabled) return;\n\n      clearPending(exitTimeoutRef);\n      // A second enter before the delay ran out (a click and then a hover, or\n      // the pointer jittering across the edge) must REPLACE the pending open,\n      // not add one: an overwritten timer can no longer be cancelled, and it\n      // reopened the card after Escape had closed it.\n      clearPending(enterTimeoutRef);\n\n      enterTimeoutRef.current = window.setTimeout(() => {\n        setAnchorEl(trigger);\n        setIsOpen(true);\n        onOpen?.();\n      }, enterDelay);\n    },\n    [disabled, enterDelay, onOpen],\n  );\n\n  const closeCard = React.useCallback(() => {\n    clearPending(enterTimeoutRef);\n    clearPending(exitTimeoutRef);\n\n    exitTimeoutRef.current = window.setTimeout(() => {\n      setIsOpen(false);\n      setAnchorEl(null);\n      onClose?.();\n    }, exitDelay);\n  }, [exitDelay, onClose]);\n\n  // Escape and the popover's own close are FINAL: nothing still pending may\n  // reopen the card behind them. It opens again on the next enter.\n  const handleClose = React.useCallback(() => {\n    clearPending(enterTimeoutRef);\n    clearPending(exitTimeoutRef);\n    setIsOpen(false);\n    setAnchorEl(null);\n    onClose?.();\n  }, [onClose]);\n\n  return { anchorEl, isOpen, openCard, closeCard, handleClose, enterTimeoutRef, exitTimeoutRef };\n};\n\nexport const useHoverCard = ({\n  disabled,\n  touchEnabled,\n  enterDelay,\n  exitDelay,\n  onOpen,\n  onClose,\n}: HoverCardTimingInput) => {\n  const [isTouchDevice, setIsTouchDevice] = React.useState(false);\n  /** The card's own box, inside the popover paper: a press here is not \"away\". */\n  const contentRef = React.useRef<HTMLDivElement | null>(null);\n\n  const { anchorEl, isOpen, openCard, closeCard, handleClose, enterTimeoutRef, exitTimeoutRef } =\n    useCardVisibility({ disabled, enterDelay, exitDelay, onOpen, onClose });\n\n  // Probed in an effect, not during render, so SSR and hydration stay intact.\n  React.useEffect(() => {\n    setIsTouchDevice('ontouchstart' in window);\n  }, []);\n\n  const { triggerHandlers, cardHandlers } = useHoverHandlers({\n    isTouchDevice,\n    touchEnabled,\n    enterDelay,\n    openCard,\n    closeCard,\n    exitTimeoutRef,\n  });\n\n  const insideCard = useInsideCard(anchorEl, contentRef);\n  const { markInside, ownsEvent } = useCardOwnership();\n\n  useEscapeKey(isOpen, handleClose);\n  useClickAway(isOpen, insideCard, ownsEvent, handleClose);\n  useClearOnUnmount(enterTimeoutRef, exitTimeoutRef);\n\n  return {\n    anchorEl,\n    isOpen,\n    handleClose,\n    triggerHandlers,\n    cardHandlers,\n    contentRef,\n    /** Wire onto the card's content root as `onPointerDownCapture` (FUT-2776). */\n    onContentPointerDownCapture: markInside,\n  };\n};\n"],"mappings":";AAAA,OAAO,WAAW;AASlB,IAAM,eAAe,CAAC,QAAkB;AACtC,MAAI,IAAI,YAAY,OAAW,QAAO,aAAa,IAAI,OAAO;AAC9D,MAAI,UAAU;AAChB;AAgBA,IAAM,mBAAmB,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAoB;AAClB,QAAM,CAAC,cAAc,eAAe,IAAI,MAAM,SAAiB;AAG/D,QAAM,eAAe,iBAAiB,CAAC;AAEvC,QAAM,cAAc,MAAM,YAAY,MAAM;AAC1C,QAAI,cAAc;AAChB,aAAO,aAAa,YAAY;AAChC,sBAAgB,MAAS;AAAA,IAC3B;AAAA,EACF,GAAG,CAAC,YAAY,CAAC;AAEjB,QAAM;AAAA,IACJ,MAAM,MAAM;AACV,UAAI,aAAc,QAAO,aAAa,YAAY;AAAA,IACpD;AAAA,IACA,CAAC,YAAY;AAAA,EACf;AAEA,QAAM,kBAAkB;AAAA,IACtB,cAAc,CAAC,UAAyC;AACtD,UAAI,aAAc;AAClB,eAAS,MAAM,aAAa;AAAA,IAC9B;AAAA,IACA,cAAc,MAAM;AAClB,UAAI,aAAc;AAClB,gBAAU;AAAA,IACZ;AAAA,IACA,cAAc,CAAC,UAAyC;AACtD,UAAI,CAAC,aAAc;AACnB,UAAI,aAAc,QAAO,aAAa,YAAY;AAGlD,YAAM,UAAU,MAAM;AACtB,sBAAgB,OAAO,WAAW,MAAM,SAAS,OAAO,GAAG,UAAU,CAAC;AAAA,IACxE;AAAA;AAAA,IAEA,YAAY;AAAA,IACZ,eAAe;AAAA,EACjB;AAGA,QAAM,eAAe;AAAA,IACnB,cAAc,MAAM,aAAa,cAAc;AAAA,IAC/C,cAAc;AAAA,EAChB;AAEA,SAAO,EAAE,iBAAiB,aAAa;AACzC;AAGA,IAAM,eAAe,CAAC,QAAiB,aAAyB;AAC9D,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,OAAQ;AAEb,UAAM,eAAe,CAAC,UAAoC;AACxD,UAAI,MAAM,QAAQ,SAAU,UAAS;AAAA,IACvC;AAEA,aAAS,iBAAiB,WAAW,YAAY;AACjD,WAAO,MAAM,SAAS,oBAAoB,WAAW,YAAY;AAAA,EACnE,GAAG,CAAC,QAAQ,QAAQ,CAAC;AACvB;AAqDA,IAAM,eAAe,CACnB,QACA,QACA,WACA,WACG;AACH,QAAM,aAAa,MAAM,OAAsB,IAAI;AACnD,QAAM,aAAa,MAAM,OAAoB,oBAAI,IAAI,CAAC;AAEtD,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,OAAQ,QAAO;AAEpB,UAAM,UAAU,CAAC;AACjB,eAAW,UAAU;AAErB,UAAM,oBAAoB,CAAC,UAAmC;AAC5D,YAAM,YAAY,OAAO,WAAW,MAAM;AACxC,mBAAW,QAAQ,OAAO,SAAS;AAGnC,YAAI,WAAW,YAAY,QAAS;AAEpC,cAAM,SAAS,MAAM;AACrB,cAAM,mBAAmB,UAAU,KAAK;AACxC,cAAM,aAAa,QAAQ,MAAM,KAAK,OAAO,EAAE,KAAK,CAAC,OAAO,IAAI,SAAS,MAAM,CAAC;AAChF,YAAI,oBAAoB,WAAY;AACpC,eAAO;AAAA,MACT,GAAG,CAAC;AACJ,iBAAW,QAAQ,IAAI,SAAS;AAAA,IAClC;AAEA,aAAS,iBAAiB,eAAe,mBAAmB,IAAI;AAChE,WAAO,MAAM;AACX,iBAAW,UAAU;AACrB,iBAAW,QAAQ,QAAQ,CAAC,OAAO,OAAO,aAAa,EAAE,CAAC;AAC1D,iBAAW,QAAQ,MAAM;AACzB,eAAS,oBAAoB,eAAe,mBAAmB,IAAI;AAAA,IACrE;AAAA,EACF,GAAG,CAAC,QAAQ,QAAQ,WAAW,MAAM,CAAC;AACxC;AAkCA,IAAM,mBAAmB,MAAM;AAC7B,QAAM,iBAAiB,MAAM,OAAuB,oBAAI,QAAQ,CAAC;AAEjE,QAAM,aAAa,MAAM,YAAY,CAAC,UAA2C;AAC/E,mBAAe,QAAQ,IAAI,MAAM,WAAW;AAAA,EAC9C,GAAG,CAAC,CAAC;AAEL,QAAM,YAAY,MAAM;AAAA,IACtB,CAAC,UAAiB,eAAe,QAAQ,IAAI,KAAK;AAAA,IAClD,CAAC;AAAA,EACH;AAEA,SAAO,EAAE,YAAY,UAAU;AACjC;AAGA,IAAM,gBAAgB,CACpB,UACA,eAEA,MAAM;AAAA,EACJ,MAAM,CAAC,UAAU,WAAW,OAAO;AAAA,EACnC,CAAC,UAAU,UAAU;AACvB;AAGF,IAAM,oBAAoB,IAAI,SAAqB;AACjD,QAAM;AAAA,IACJ,MAAM,MAAM,KAAK,QAAQ,YAAY;AAAA;AAAA,IAErC,CAAC;AAAA,EACH;AACF;AAsBA,IAAM,oBAAoB,CAAC,EAAE,UAAU,YAAY,WAAW,QAAQ,QAAQ,MAAuB;AACnG,QAAM,CAAC,UAAU,WAAW,IAAI,MAAM,SAA6B,IAAI;AACvE,QAAM,CAAC,QAAQ,SAAS,IAAI,MAAM,SAAS,KAAK;AAChD,QAAM,kBAAkB,MAAM,OAA2B,MAAS;AAClE,QAAM,iBAAiB,MAAM,OAA2B,MAAS;AAEjE,QAAM,WAAW,MAAM;AAAA,IACrB,CAAC,YAAyB;AACxB,UAAI,SAAU;AAEd,mBAAa,cAAc;AAK3B,mBAAa,eAAe;AAE5B,sBAAgB,UAAU,OAAO,WAAW,MAAM;AAChD,oBAAY,OAAO;AACnB,kBAAU,IAAI;AACd,iBAAS;AAAA,MACX,GAAG,UAAU;AAAA,IACf;AAAA,IACA,CAAC,UAAU,YAAY,MAAM;AAAA,EAC/B;AAEA,QAAM,YAAY,MAAM,YAAY,MAAM;AACxC,iBAAa,eAAe;AAC5B,iBAAa,cAAc;AAE3B,mBAAe,UAAU,OAAO,WAAW,MAAM;AAC/C,gBAAU,KAAK;AACf,kBAAY,IAAI;AAChB,gBAAU;AAAA,IACZ,GAAG,SAAS;AAAA,EACd,GAAG,CAAC,WAAW,OAAO,CAAC;AAIvB,QAAM,cAAc,MAAM,YAAY,MAAM;AAC1C,iBAAa,eAAe;AAC5B,iBAAa,cAAc;AAC3B,cAAU,KAAK;AACf,gBAAY,IAAI;AAChB,cAAU;AAAA,EACZ,GAAG,CAAC,OAAO,CAAC;AAEZ,SAAO,EAAE,UAAU,QAAQ,UAAU,WAAW,aAAa,iBAAiB,eAAe;AAC/F;AAEO,IAAM,eAAe,CAAC;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA4B;AAC1B,QAAM,CAAC,eAAe,gBAAgB,IAAI,MAAM,SAAS,KAAK;AAE9D,QAAM,aAAa,MAAM,OAA8B,IAAI;AAE3D,QAAM,EAAE,UAAU,QAAQ,UAAU,WAAW,aAAa,iBAAiB,eAAe,IAC1F,kBAAkB,EAAE,UAAU,YAAY,WAAW,QAAQ,QAAQ,CAAC;AAGxE,QAAM,UAAU,MAAM;AACpB,qBAAiB,kBAAkB,MAAM;AAAA,EAC3C,GAAG,CAAC,CAAC;AAEL,QAAM,EAAE,iBAAiB,aAAa,IAAI,iBAAiB;AAAA,IACzD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,aAAa,cAAc,UAAU,UAAU;AACrD,QAAM,EAAE,YAAY,UAAU,IAAI,iBAAiB;AAEnD,eAAa,QAAQ,WAAW;AAChC,eAAa,QAAQ,YAAY,WAAW,WAAW;AACvD,oBAAkB,iBAAiB,cAAc;AAEjD,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAEA,6BAA6B;AAAA,EAC/B;AACF;","names":[]}

package/dist/data-display/HoverCard.js

@@ -1,11 +1,11 @@
 import "../chunk-6OS4AKWT.js";
 import {
   HoverCard
-} from "../chunk-Q534UJ34.js";
+} from "../chunk-KN3WYEH2.js";
 import "../chunk-NRIV2CQ2.js";
 import "../chunk-BSYPPO2I.js";
 import "../chunk-ZHV7TCAC.js";
-import "../chunk-VNWZWQF3.js";
+import "../chunk-Z3USLQQT.js";
 import "../chunk-HPK33ACY.js";
 import "../chunk-FQ6UW7IY.js";
 import "../chunk-6JAIFIPW.js";

package/dist/data-display/Lightbox.js

@@ -1,7 +1,7 @@
 import "../chunk-UM35GGCS.js";
 import {
   Lightbox_default
-} from "../chunk-IIXMTC65.js";
+} from "../chunk-SPZAEMGW.js";
 import "../chunk-UOS7DEQZ.js";
 import "../chunk-HJPPNVCF.js";
 import "../chunk-M6PWPEAV.js";

package/dist/types/components/data-display/HoverCard/HoverCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HoverCard.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/HoverCard/HoverCard.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,KAAK,EAA0C,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAsEhG,eAAO,MAAM,SAAS,oGA8EpB,CAAC"}
+{"version":3,"file":"HoverCard.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/HoverCard/HoverCard.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,KAAK,EAA0C,cAAc,EAAE,MAAM,mBAAmB,CAAC;AA6FhG,eAAO,MAAM,SAAS,oGA6EpB,CAAC"}

package/dist/types/components/data-display/HoverCard/HoverCard.hooks.d.ts

@@ -7,14 +7,6 @@ interface HoverCardTimingInput {
     onOpen?: () => void;
     onClose?: () => void;
 }
-/**
- * When the card is open, and the delays that decide it.
- *
- * Three timers are in play: the enter delay before opening, the exit delay
- * before closing (so the pointer can travel from the trigger onto the card
- * without dismissing it), and the long-press timer on touch. Each cancels the
- * others' pending work, which is why they live together.
- */
 export declare const useHoverCard: ({ disabled, touchEnabled, enterDelay, exitDelay, onOpen, onClose, }: HoverCardTimingInput) => {
     anchorEl: HTMLElement | null;
     isOpen: boolean;
@@ -31,6 +23,8 @@ export declare const useHoverCard: ({ disabled, touchEnabled, enterDelay, exitDe
         onMouseLeave: () => void;
     };
     contentRef: React.RefObject<HTMLDivElement | null>;
+    /** Wire onto the card's content root as `onPointerDownCapture` (FUT-2776). */
+    onContentPointerDownCapture: (event: React.PointerEvent<HTMLElement>) => void;
 };
 export {};
 //# sourceMappingURL=HoverCard.hooks.d.ts.map

package/dist/types/components/data-display/HoverCard/HoverCard.hooks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HoverCard.hooks.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/HoverCard/HoverCard.hooks.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AA2I1B,UAAU,oBAAoB;IAC5B,QAAQ,EAAE,OAAO,CAAC;IAClB,YAAY,EAAE,OAAO,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,YAAY,GAAI,qEAO1B,oBAAoB;;;;;8BA3GG,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC;;8BAQ7B,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC;;;;;;4BA7CpC,IAAI;;;CAuNtB,CAAC"}
+{"version":3,"file":"HoverCard.hooks.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/HoverCard/HoverCard.hooks.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAkQ1B,UAAU,oBAAoB;IAC5B,QAAQ,EAAE,OAAO,CAAC;IAClB,YAAY,EAAE,OAAO,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AA+DD,eAAO,MAAM,YAAY,GAAI,qEAO1B,oBAAoB;;;;;8BAvRG,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC;;8BAQ7B,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC;;;;;;4BA7CpC,IAAI;;;IAgWnB,8EAA8E;yCAhJnC,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC;CAmJ7E,CAAC"}

package/dist/types/components/data-display/Lightbox/Lightbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Lightbox.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Lightbox/Lightbox.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AA2BnE,eAAO,MAAM,QAAQ,mFA+EnB,CAAC;AAIH,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Lightbox.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Lightbox/Lightbox.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAiCnE,eAAO,MAAM,QAAQ,mFA+EnB,CAAC;AAIH,eAAe,QAAQ,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@12-apps/ui",
-  "version": "6.45.0",
+  "version": "6.45.2",
   "license": "MIT",
   "packageManager": "pnpm@10.34.5",
   "type": "module",

package/src/components/data-display/HoverCard/HoverCard.hooks.ts

@@ -105,29 +105,148 @@ const useEscapeKey = (active: boolean, onEscape: () => void) => {
  * backdrop, which `pointer-events: none` on the popover root (so the page
  * under an open card stays usable) takes out of play. So this listens on the
  * document itself, in the CAPTURE phase, where a `stopPropagation` further in
- * cannot swallow it. It only observes: no `preventDefault`, so the tap or
- * click still reaches whatever it landed on. Attached while open, removed on
- * close and on unmount.
+ * — including one a nested control (or something entirely unrelated to the
+ * card) calls on its OWN bubble — cannot swallow it (FUT-2776 adversarial
+ * review: a bubble-phase listener here was tried and reverted; see below).
+ * It only observes: no `preventDefault`, so the tap or click still reaches
+ * whatever it landed on. Attached while open, removed on close and on
+ * unmount.
+ *
+ * That capture placement is exactly what makes the decision impossible to
+ * make SYNCHRONOUSLY: `document` is the outermost node on the capture path,
+ * so this handler fires before React's own capture dispatch even starts —
+ * before `useCardOwnership`'s marker on the card's content root (also
+ * capture, but on a node further down the same tree) has had a chance to run
+ * for this same event. So the decision is deferred — but NOT to a microtask:
+ * a microtask here reads the marker before it is set for TRUSTED input (a
+ * real press, or Playwright's `page.mouse`), which is the very bug this hook
+ * exists to fix (FUT-2776, third-review adversarial probe, measured with
+ * real Chromium and `page.mouse.down()`):
+ *
+ *   TRUSTED:  doc-capture-sync → doc-capture-microtask (marker unset) → inner-capture (sets marker)
+ *   SCRIPT:   doc-capture-sync → inner-capture (sets marker) → doc-capture-microtask (marker set)
+ *
+ * Chromium runs any microtasks queued by a capture-phase listener BEFORE
+ * dispatching to the next listener on the path when the event is trusted —
+ * so a microtask queued here runs before `useCardOwnership`'s capture
+ * listener further down the tree ever gets a turn, and the ownership check
+ * always reads empty. A script-dispatched event (`fireEvent`, `userEvent` in
+ * jsdom, or in a Storybook `play` function) instead completes its WHOLE
+ * capture-then-bubble dispatch before any microtask runs — which is why
+ * every test under the microtask version passed and the bug still shipped.
+ * A macrotask (`setTimeout(0)`) is not part of the event dispatch under
+ * EITHER kind of input, so it always runs after the whole dispatch — marker
+ * included — regardless of trusted vs. script. That ordering is what this
+ * hook now relies on.
+ *
+ * `sessionRef` replaces a plain boolean: it is a fresh object assigned each
+ * time the card opens (this effect's mount), so a `setTimeout` callback
+ * queued for a press during one open session can tell whether it is still
+ * that SAME session by comparing against the ref, not just whether the card
+ * happens to be open again — the card closing and reopening while a stale
+ * timeout is still pending must not let that timeout act on the new session.
+ * Every scheduled timeout is also tracked so a close or unmount can cancel
+ * whatever is still pending, rather than letting it fire against a card that
+ * is no longer there to close.
  */
 const useClickAway = (
   active: boolean,
   inside: () => ReadonlyArray<Element | null>,
+  ownsEvent: (event: Event) => boolean,
   onAway: () => void,
 ) => {
+  const sessionRef = React.useRef<object | null>(null);
+  const pendingRef = React.useRef<Set<number>>(new Set());
+
   React.useEffect(() => {
-    if (!active) return;
+    if (!active) return undefined;
+
+    const session = {};
+    sessionRef.current = session;
 
     const handlePointerDown = (event: globalThis.PointerEvent) => {
-      const target = event.target as Node | null;
-      if (target && inside().some((el) => el?.contains(target))) return;
-      onAway();
+      const timeoutId = window.setTimeout(() => {
+        pendingRef.current.delete(timeoutId);
+        // Stale: this session closed (or a newer one opened) before this
+        // press's decision could run.
+        if (sessionRef.current !== session) return;
+
+        const target = event.target as Node | null;
+        const ownedByReactTree = ownsEvent(event);
+        const ownedByDom = Boolean(target) && inside().some((el) => el?.contains(target));
+        if (ownedByReactTree || ownedByDom) return;
+        onAway();
+      }, 0);
+      pendingRef.current.add(timeoutId);
     };
 
     document.addEventListener('pointerdown', handlePointerDown, true);
-    return () => document.removeEventListener('pointerdown', handlePointerDown, true);
-  }, [active, inside, onAway]);
+    return () => {
+      sessionRef.current = null;
+      pendingRef.current.forEach((id) => window.clearTimeout(id));
+      pendingRef.current.clear();
+      document.removeEventListener('pointerdown', handlePointerDown, true);
+    };
+  }, [active, inside, ownsEvent, onAway]);
 };
 
+/**
+ * Whether the pointerdown `useClickAway` is about to look at started inside
+ * the card's OWN React tree — a MUI `Select`'s menu, a nested `Popover`, a
+ * `DropdownMenu` the card's `content` renders — even when that control's DOM
+ * node is not a descendant of the card's box at all, because it portalled
+ * itself out near `document.body` (FUT-2776).
+ *
+ * React re-parents a portal's events to bubble AND capture through its OWNING
+ * React tree, not the DOM tree it renders into (see the React docs on
+ * `createPortal`), so an `onPointerDownCapture` on the card's own content root
+ * still fires for a press inside a portal the card's content renders, and
+ * NEVER fires for a press inside an unrelated one mounted by something that
+ * is not a descendant of the card in the REACT tree — ownership, not timing.
+ * That is the whole fix: the ORIGINAL approach (a `MutationObserver` on
+ * `document.body`) treated ANY element appended to the body while the card
+ * was open as inside, so an unrelated Snackbar, dev overlay or Popover that
+ * happened to mount at the same time stopped closing the card too.
+ *
+ * Tracked per NATIVE EVENT OBJECT in a `WeakSet`, not a boolean flag: a
+ * boolean stayed `true` forever once a press set it whose NATIVE propagation
+ * then got stopped before reaching `useClickAway`'s own (bubble-phase, in
+ * that earlier revision) listener — common for anything that treats the
+ * press as its own gesture — so the marker never got consumed, and the
+ * NEXT, genuinely outside press read a STALE `true` and stayed open
+ * (FUT-2776, caught on adversarial review of the first fix here). Keying on
+ * the event itself instead needs no consuming step and cannot go stale: a
+ * `WeakSet` entry only ever answers for the ONE dispatch that created it,
+ * and nothing outside this closure keeps a reference to a past pointerdown
+ * once `useClickAway`'s deferred (`setTimeout(0)`, not a microtask — see that
+ * hook for why) check for it has run, so the entry is simply garbage from
+ * then on.
+ */
+const useCardOwnership = () => {
+  const ownedEventsRef = React.useRef<WeakSet<Event>>(new WeakSet());
+
+  const markInside = React.useCallback((event: React.PointerEvent<HTMLElement>) => {
+    ownedEventsRef.current.add(event.nativeEvent);
+  }, []);
+
+  const ownsEvent = React.useCallback(
+    (event: Event) => ownedEventsRef.current.has(event),
+    [],
+  );
+
+  return { markInside, ownsEvent };
+};
+
+/** The trigger and the card's own box — a plain DOM containment check. */
+const useInsideCard = (
+  anchorEl: HTMLElement | null,
+  contentRef: React.MutableRefObject<HTMLDivElement | null>,
+) =>
+  React.useCallback(
+    () => [anchorEl, contentRef.current],
+    [anchorEl, contentRef],
+  );
+
 /** Whatever is still pending when the card unmounts is cancelled with it. */
 const useClearOnUnmount = (...refs: TimerRef[]) => {
   React.useEffect(
@@ -146,34 +265,22 @@ interface HoverCardTimingInput {
   onClose?: () => void;
 }
 
+type VisibilityInput = Omit<HoverCardTimingInput, 'touchEnabled'>;
+
 /**
- * When the card is open, and the delays that decide it.
+ * The open/close state and its two timers, split out of `useHoverCard` so
+ * that composing it with click-away, escape and ownership reads as one flat
+ * list rather than one long function.
  *
- * Three timers are in play: the enter delay before opening, the exit delay
- * before closing (so the pointer can travel from the trigger onto the card
- * without dismissing it), and the long-press timer on touch. Each cancels the
- * others' pending work, which is why they live together.
+ * The enter delay before opening and the exit delay before closing (so the
+ * pointer can travel from the trigger onto the card without dismissing it)
+ * each cancel the other's pending work, which is why they live together.
  */
-export const useHoverCard = ({
-  disabled,
-  touchEnabled,
-  enterDelay,
-  exitDelay,
-  onOpen,
-  onClose,
-}: HoverCardTimingInput) => {
+const useCardVisibility = ({ disabled, enterDelay, exitDelay, onOpen, onClose }: VisibilityInput) => {
   const [anchorEl, setAnchorEl] = React.useState<HTMLElement | null>(null);
   const [isOpen, setIsOpen] = React.useState(false);
-  const [isTouchDevice, setIsTouchDevice] = React.useState(false);
   const enterTimeoutRef = React.useRef<number | undefined>(undefined);
   const exitTimeoutRef = React.useRef<number | undefined>(undefined);
-  /** The card's own box, inside the popover paper: a press here is not "away". */
-  const contentRef = React.useRef<HTMLDivElement | null>(null);
-
-  // Probed in an effect, not during render, so SSR and hydration stay intact.
-  React.useEffect(() => {
-    setIsTouchDevice('ontouchstart' in window);
-  }, []);
 
   const openCard = React.useCallback(
     (trigger: HTMLElement) => {
@@ -216,6 +323,29 @@ export const useHoverCard = ({
     onClose?.();
   }, [onClose]);
 
+  return { anchorEl, isOpen, openCard, closeCard, handleClose, enterTimeoutRef, exitTimeoutRef };
+};
+
+export const useHoverCard = ({
+  disabled,
+  touchEnabled,
+  enterDelay,
+  exitDelay,
+  onOpen,
+  onClose,
+}: HoverCardTimingInput) => {
+  const [isTouchDevice, setIsTouchDevice] = React.useState(false);
+  /** The card's own box, inside the popover paper: a press here is not "away". */
+  const contentRef = React.useRef<HTMLDivElement | null>(null);
+
+  const { anchorEl, isOpen, openCard, closeCard, handleClose, enterTimeoutRef, exitTimeoutRef } =
+    useCardVisibility({ disabled, enterDelay, exitDelay, onOpen, onClose });
+
+  // Probed in an effect, not during render, so SSR and hydration stay intact.
+  React.useEffect(() => {
+    setIsTouchDevice('ontouchstart' in window);
+  }, []);
+
   const { triggerHandlers, cardHandlers } = useHoverHandlers({
     isTouchDevice,
     touchEnabled,
@@ -225,11 +355,21 @@ export const useHoverCard = ({
     exitTimeoutRef,
   });
 
-  const insideCard = React.useCallback(() => [anchorEl, contentRef.current], [anchorEl]);
+  const insideCard = useInsideCard(anchorEl, contentRef);
+  const { markInside, ownsEvent } = useCardOwnership();
 
   useEscapeKey(isOpen, handleClose);
-  useClickAway(isOpen, insideCard, handleClose);
+  useClickAway(isOpen, insideCard, ownsEvent, handleClose);
   useClearOnUnmount(enterTimeoutRef, exitTimeoutRef);
 
-  return { anchorEl, isOpen, handleClose, triggerHandlers, cardHandlers, contentRef };
+  return {
+    anchorEl,
+    isOpen,
+    handleClose,
+    triggerHandlers,
+    cardHandlers,
+    contentRef,
+    /** Wire onto the card's content root as `onPointerDownCapture` (FUT-2776). */
+    onContentPointerDownCapture: markInside,
+  };
 };

package/src/components/data-display/HoverCard/HoverCard.md

@@ -108,6 +108,7 @@ The HoverCard component displays additional information in a card-style popup wh
 
 - The component supports keyboard navigation (Escape key to close)
 - The card is dismissed by moving the pointer off the trigger and the card (after `exitDelay`), by Escape, or by a tap or click anywhere outside them. The outside press still reaches what it landed on: the page under an open card stays usable
+- Nested portal content is supported: if `children` opens something of its own in a portal — a MUI `Select`'s menu, a nested `Popover`, a `DropdownMenu` — a press inside it counts as inside the card too, so picking an option there does not dismiss the card. No extra wiring is needed for this; it works for anything the card's OWN content renders, portalled or not — ownership is by React tree membership, not by when something happened to mount to `document.body`, so an unrelated portal (a Snackbar, a dev overlay, another component's Popover) that mounts while the card is open is not treated as inside it, and a press there still closes the card like any other outside press
 - Proper ARIA attributes are applied to the popover
 - Focus management is handled automatically
 - Touch support for mobile devices can be enabled/disabled

package/src/components/data-display/HoverCard/HoverCard.tsx

@@ -82,6 +82,29 @@ const capOf = (theme: Theme, maxWidth: number | undefined): string => {
   return cap <= 1 && cap !== 0 ? `${cap * 100}%` : rem(theme, cap);
 };
 
+/** The clone-onto-`trigger` vs. wrap-in-a-`span` choice, pulled out of the component so its body stays readable. */
+const buildTriggerElement = (
+  trigger: HoverCardProps['trigger'],
+  triggerHandlers: ReturnType<typeof useHoverCard>['triggerHandlers'],
+  disabled: boolean,
+  dataTestId: string | undefined,
+  children: React.ReactNode,
+) => {
+  const triggerProps = {
+    ...triggerHandlers,
+    style: { cursor: disabled ? 'default' : 'pointer' },
+    'data-testid': dataTestId ? `${dataTestId}-trigger` : 'hover-card-trigger',
+  };
+
+  return trigger ? (
+    React.cloneElement(trigger, triggerProps)
+  ) : (
+    <span {...triggerProps} style={{ display: 'inline-block', ...triggerProps.style }}>
+      {children}
+    </span>
+  );
+};
+
 export const HoverCard = React.forwardRef<HTMLDivElement, HoverCardProps>((props, ref) => {
   const {
     variant, glow, pulse, title, description, avatar, trigger, placement, showArrow,
@@ -90,7 +113,15 @@ export const HoverCard = React.forwardRef<HTMLDivElement, HoverCardProps>((props
     ...rest
   } = withDefaults(props, DEFAULTS) as ResolvedProps;
 
-  const { anchorEl, isOpen, handleClose, triggerHandlers, cardHandlers, contentRef } = useHoverCard({
+  const {
+    anchorEl,
+    isOpen,
+    handleClose,
+    triggerHandlers,
+    cardHandlers,
+    contentRef,
+    onContentPointerDownCapture,
+  } = useHoverCard({
     disabled,
     touchEnabled,
     enterDelay,
@@ -99,20 +130,7 @@ export const HoverCard = React.forwardRef<HTMLDivElement, HoverCardProps>((props
     onClose,
   });
 
-  const triggerProps = {
-    ...triggerHandlers,
-    style: { cursor: disabled ? 'default' : 'pointer' },
-    'data-testid': dataTestId ? `${dataTestId}-trigger` : 'hover-card-trigger',
-  };
-
-  const triggerElement = trigger ? (
-    React.cloneElement(trigger, triggerProps)
-  ) : (
-    <span {...triggerProps} style={{ display: 'inline-block', ...triggerProps.style }}>
-      {children}
-    </span>
-  );
-
+  const triggerElement = buildTriggerElement(trigger, triggerHandlers, disabled, dataTestId, children);
   const padding = CONTENT_PADDING[variant] ?? 2;
 
   return (
@@ -133,7 +151,11 @@ export const HoverCard = React.forwardRef<HTMLDivElement, HoverCardProps>((props
         slotProps={{ paper: { style: { pointerEvents: 'auto' } } }}
         {...rest}
       >
-        <Box ref={contentRef} sx={{ position: 'relative' }}>
+        <Box
+          ref={contentRef}
+          onPointerDownCapture={onContentPointerDownCapture}
+          sx={{ position: 'relative' }}
+        >
           {showArrow && <ArrowContainer placement={placement} offset={offset} />}
           <StyledCard
             customVariant={variant}

package/src/components/data-display/Lightbox/Lightbox.tsx

@@ -29,8 +29,14 @@ const DIALOG_STATIC_PROPS = {
   // second, non-modal `role="dialog"` this component sets of its own accord
   // — duplicating (and, as a static English literal, contradicting) the name
   // the Paper already carries.
+  //
+  // For the same reason, `role` is deliberately NOT set here (FUT-2861):
+  // `Dialog` destructures `aria-labelledby` and `aria-modal` by name and
+  // applies them to the Paper alongside its own hard-coded `role="dialog"`,
+  // but `role` itself is not one of the props it destructures — a `role`
+  // passed here falls into `...other` and lands a second, unlabelled
+  // `role="dialog"` on the outer Modal root instead of the Paper.
   'aria-labelledby': 'lightbox-title',
-  role: 'dialog',
   'aria-modal': 'true',
 } as const;
 

package/dist/chunk-IIXMTC65.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/Lightbox/Lightbox.tsx"],"sourcesContent":["import Dialog from '@mui/material/Dialog/index.js';\nimport Fade from '@mui/material/Fade/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport type { Theme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport { makeTestId } from './Lightbox.constants';\nimport { resolveLightboxProps } from './Lightbox.helpers';\nimport { LightboxCopyProvider } from './lightbox-copy-context';\nimport type { LightboxProps, LightboxRef } from './Lightbox.types';\nimport { LightboxCurrentMedia } from './LightboxCurrentMedia';\nimport { LightboxOverlay } from './LightboxOverlay';\nimport { LightboxStage } from './LightboxStage';\nimport { LightboxThumbnails } from './LightboxThumbnails';\nimport { useLightbox } from './useLightbox';\nimport { scrim } from '../../../tokens/ink';\nimport { rem, sxRem } from '../../../tokens/relative';\n\nconst DIALOG_STATIC_PROPS = {\n  maxWidth: false,\n  fullScreen: true,\n  TransitionComponent: Fade,\n  TransitionProps: { timeout: 300 },\n  PaperProps: { sx: { background: (theme: Theme) => scrim(theme, 0.9), backdropFilter: (theme: Theme) => `blur(${rem(theme, 2)})` } },\n  // `aria-labelledby` is the one accessible name for the modal itself: MUI\n  // forwards it (with `aria-modal` and its own `role=\"dialog\"`) onto the\n  // Paper, the element that is actually the WAI-ARIA dialog. A plain\n  // `aria-label` alongside it would land on the OUTER root instead — a\n  // second, non-modal `role=\"dialog\"` this component sets of its own accord\n  // — duplicating (and, as a static English literal, contradicting) the name\n  // the Paper already carries.\n  'aria-labelledby': 'lightbox-title',\n  role: 'dialog',\n  'aria-modal': 'true',\n} as const;\n\nexport const Lightbox = React.forwardRef<LightboxRef, LightboxProps>((componentProps, ref) => {\n  const props = resolveLightboxProps(componentProps);\n  const { isOpen, items, loop, autoplay, showControls, showCaptions, thumbnails, zoomable } = props;\n  const { className, style, dataTestId } = props;\n\n  const testId = makeTestId(dataTestId);\n  const lightbox = useLightbox(props, ref);\n  const { currentIndex, currentItem, zoom } = lightbox;\n\n  return (\n    <LightboxCopyProvider copy={props.copy}>\n    <Dialog\n      open={isOpen}\n      onClose={lightbox.close}\n      {...DIALOG_STATIC_PROPS}\n      className={className}\n      style={style}\n      onTouchStart={lightbox.handleTouchStart}\n      onTouchEnd={lightbox.handleTouchEnd}\n      data-testid={dataTestId || 'lightbox'}\n    >\n      {/* Visually hidden title for screen readers */}\n      <Typography id=\"lightbox-title\" variant=\"h6\" sx={{ position: 'absolute', left: sxRem(-10000) }}>\n        {props.copy.dialogLabel} - {currentItem?.alt || props.copy.itemPosition(currentIndex + 1, items.length)}\n      </Typography>\n\n      <LightboxOverlay\n        testId={testId}\n        itemCount={items.length}\n        currentIndex={currentIndex}\n        showControls={showControls}\n        loop={loop}\n        autoplay={autoplay}\n        canZoom={lightbox.canZoom}\n        isAutoPlaying={lightbox.isAutoPlaying}\n        onClose={lightbox.close}\n        onPrev={lightbox.prev}\n        onNext={lightbox.next}\n        onZoomIn={zoom.zoomIn}\n        onZoomOut={zoom.zoomOut}\n        onResetZoom={zoom.resetZoom}\n        onToggleAutoplay={() => lightbox.setIsAutoPlaying((playing) => !playing)}\n      />\n\n      <LightboxStage\n        items={items}\n        currentItem={currentItem}\n        currentIndex={currentIndex}\n        isLoading={lightbox.isLoading}\n        showCaptions={showCaptions}\n        thumbnails={thumbnails}\n        testId={testId}\n        media={\n          <LightboxCurrentMedia\n            item={currentItem}\n            index={currentIndex}\n            total={items.length}\n            zoomable={zoomable}\n            zoom={zoom}\n            testId={testId}\n            onLoadingChange={lightbox.setIsLoading}\n            onWheel={lightbox.handleWheel}\n          />\n        }\n        thumbnailStrip={\n          thumbnails &&\n          items.length > 1 && (\n            <LightboxThumbnails\n              items={items}\n              currentIndex={currentIndex}\n              testId={testId}\n              onSelect={lightbox.goToIndex}\n            />\n          )\n        }\n      />\n    </Dialog>\n    </LightboxCopyProvider>\n  );\n});\n\nLightbox.displayName = 'Lightbox';\n\nexport default Lightbox;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,YAAY;AACnB,OAAO,UAAU;AACjB,OAAO,gBAAgB;AAEvB,OAAO,WAAW;AAsDZ,SAIA,KAJA;AAxCN,IAAM,sBAAsB;AAAA,EAC1B,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,qBAAqB;AAAA,EACrB,iBAAiB,EAAE,SAAS,IAAI;AAAA,EAChC,YAAY,EAAE,IAAI,EAAE,YAAY,CAAC,UAAiB,MAAM,OAAO,GAAG,GAAG,gBAAgB,CAAC,UAAiB,QAAQ,IAAI,OAAO,CAAC,CAAC,IAAI,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQlI,mBAAmB;AAAA,EACnB,MAAM;AAAA,EACN,cAAc;AAChB;AAEO,IAAM,WAAW,MAAM,WAAuC,CAAC,gBAAgB,QAAQ;AAC5F,QAAM,QAAQ,qBAAqB,cAAc;AACjD,QAAM,EAAE,QAAQ,OAAO,MAAM,UAAU,cAAc,cAAc,YAAY,SAAS,IAAI;AAC5F,QAAM,EAAE,WAAW,OAAO,WAAW,IAAI;AAEzC,QAAM,SAAS,WAAW,UAAU;AACpC,QAAM,WAAW,YAAY,OAAO,GAAG;AACvC,QAAM,EAAE,cAAc,aAAa,KAAK,IAAI;AAE5C,SACE,oBAAC,wBAAqB,MAAM,MAAM,MAClC;AAAA,IAAC;AAAA;AAAA,MACC,MAAM;AAAA,MACN,SAAS,SAAS;AAAA,MACjB,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA,cAAc,SAAS;AAAA,MACvB,YAAY,SAAS;AAAA,MACrB,eAAa,cAAc;AAAA,MAG3B;AAAA,6BAAC,cAAW,IAAG,kBAAiB,SAAQ,MAAK,IAAI,EAAE,UAAU,YAAY,MAAM,MAAM,IAAM,EAAE,GAC1F;AAAA,gBAAM,KAAK;AAAA,UAAY;AAAA,UAAI,aAAa,OAAO,MAAM,KAAK,aAAa,eAAe,GAAG,MAAM,MAAM;AAAA,WACxG;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,WAAW,MAAM;AAAA,YACjB;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,SAAS,SAAS;AAAA,YAClB,eAAe,SAAS;AAAA,YACxB,SAAS,SAAS;AAAA,YAClB,QAAQ,SAAS;AAAA,YACjB,QAAQ,SAAS;AAAA,YACjB,UAAU,KAAK;AAAA,YACf,WAAW,KAAK;AAAA,YAChB,aAAa,KAAK;AAAA,YAClB,kBAAkB,MAAM,SAAS,iBAAiB,CAAC,YAAY,CAAC,OAAO;AAAA;AAAA,QACzE;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA,WAAW,SAAS;AAAA,YACpB;AAAA,YACA;AAAA,YACA;AAAA,YACA,OACE;AAAA,cAAC;AAAA;AAAA,gBACC,MAAM;AAAA,gBACN,OAAO;AAAA,gBACP,OAAO,MAAM;AAAA,gBACb;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA,iBAAiB,SAAS;AAAA,gBAC1B,SAAS,SAAS;AAAA;AAAA,YACpB;AAAA,YAEF,gBACE,cACA,MAAM,SAAS,KACb;AAAA,cAAC;AAAA;AAAA,gBACC;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA,UAAU,SAAS;AAAA;AAAA,YACrB;AAAA;AAAA,QAGN;AAAA;AAAA;AAAA,EACF,GACA;AAEJ,CAAC;AAED,SAAS,cAAc;AAEvB,IAAO,mBAAQ;","names":[]}

package/dist/chunk-Q534UJ34.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/HoverCard/HoverCard.tsx"],"sourcesContent":["import Box from '@mui/material/Box/index.js';\nimport Card from '@mui/material/Card/index.js';\nimport CardContent from '@mui/material/CardContent/index.js';\nimport Popover from '@mui/material/Popover/index.js';\nimport { styled, type Theme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport { rem } from '../../../tokens/relative';\nimport { withDefaults } from '../../../utils/withDefaults';\n\nimport { HoverCardContent } from './HoverCard.content';\nimport { useHoverCard } from './HoverCard.hooks';\nimport { arrowSx, cardSx, getAnchorOrigin, getTransformOrigin, sideOf } from './HoverCard.styles';\nimport type { CardStyleFlags } from './HoverCard.styles';\nimport type { HoverCardAnimation, HoverCardPlacement, HoverCardProps } from './HoverCard.types';\n\nconst ArrowContainer = styled('div')<{ placement: HoverCardPlacement; offset?: number }>(\n  ({ theme, placement }) => ({ ...arrowSx(theme, placement) }),\n);\n\nconst StyledCard = styled(Card, {\n  shouldForwardProp: (prop) =>\n    !['customVariant', 'glow', 'pulse', 'animation'].includes(prop as string),\n})<CardStyleFlags>(({ theme, ...flags }) => ({ ...cardSx(theme, flags) }));\n\nconst StyledPopover = styled(Popover, {\n  shouldForwardProp: (prop) => prop !== 'customAnimation',\n})<{ customAnimation?: HoverCardAnimation }>(({ customAnimation }) => ({\n  // Only the card takes the pointer (its paper sets `pointer-events: auto`).\n  // MUI's popover root and its invisible backdrop cover the whole viewport, so\n  // while a card was open the pointer was \"on the card\" wherever it went: the\n  // backdrop's mouseover reached the card's onMouseEnter and cancelled the\n  // close the trigger's mouseleave had just scheduled. A card left by moving\n  // the mouse away stayed open, and the page's next click hit the backdrop\n  // instead of its target (FUT-2619). The backdrop was also the only\n  // click-away; `useClickAway` in the hooks replaces it.\n  pointerEvents: 'none',\n  // The popover only positions; StyledCard draws the surface.\n  '& .MuiPopover-paper': {\n    backgroundColor: 'transparent',\n    boxShadow: 'none',\n    overflow: 'visible',\n    ...(customAnimation === 'scale' && { transformOrigin: 'center' }),\n  },\n}));\n\nconst DEFAULTS = {\n  variant: 'default',\n  glow: false,\n  pulse: false,\n  placement: 'bottom',\n  showArrow: false,\n  animation: 'fade',\n  enterDelay: 700,\n  exitDelay: 0,\n  loading: false,\n  touchEnabled: true,\n  disabled: false,\n} satisfies Partial<HoverCardProps>;\n\ntype ResolvedProps = HoverCardProps & Required<Pick<HoverCardProps, keyof typeof DEFAULTS>>;\n\n/** Padding is the variant's own: detailed roomier, minimal tighter. */\nconst CONTENT_PADDING: Record<string, number> = { detailed: 3, minimal: 1.5 };\n\n/**\n * The card is nudged off the anchor on whichever side it sits — `offset` design\n * px (8 unless the caller says otherwise), through the theme's type scale.\n */\nconst offsetMargin = (theme: Theme, placement: HoverCardPlacement, offset: number | undefined) => {\n  const side = sideOf(placement);\n  const key = ({ top: 'mt', bottom: 'mb', left: 'ml', right: 'mr' } as const)[side];\n  return { [key]: rem(theme, offset ?? 8) };\n};\n\n/**\n * The card's cap: 400 design px unless the caller says otherwise. `sx` has always\n * read a number of 1 or less as a fraction of the parent, and that stays so.\n */\nconst capOf = (theme: Theme, maxWidth: number | undefined): string => {\n  const cap = maxWidth ?? 400;\n  return cap <= 1 && cap !== 0 ? `${cap * 100}%` : rem(theme, cap);\n};\n\nexport const HoverCard = React.forwardRef<HTMLDivElement, HoverCardProps>((props, ref) => {\n  const {\n    variant, glow, pulse, title, description, avatar, trigger, placement, showArrow,\n    animation, enterDelay, exitDelay, maxWidth, loading, loadingComponent, loadingText, touchEnabled,\n    offset, disabled, onOpen, onClose, children, dataTestId,\n    ...rest\n  } = withDefaults(props, DEFAULTS) as ResolvedProps;\n\n  const { anchorEl, isOpen, handleClose, triggerHandlers, cardHandlers, contentRef } = useHoverCard({\n    disabled,\n    touchEnabled,\n    enterDelay,\n    exitDelay,\n    onOpen,\n    onClose,\n  });\n\n  const triggerProps = {\n    ...triggerHandlers,\n    style: { cursor: disabled ? 'default' : 'pointer' },\n    'data-testid': dataTestId ? `${dataTestId}-trigger` : 'hover-card-trigger',\n  };\n\n  const triggerElement = trigger ? (\n    React.cloneElement(trigger, triggerProps)\n  ) : (\n    <span {...triggerProps} style={{ display: 'inline-block', ...triggerProps.style }}>\n      {children}\n    </span>\n  );\n\n  const padding = CONTENT_PADDING[variant] ?? 2;\n\n  return (\n    <>\n      {triggerElement}\n      <StyledPopover\n        ref={ref}\n        open={isOpen && !disabled}\n        anchorEl={anchorEl}\n        onClose={handleClose}\n        anchorOrigin={getAnchorOrigin(placement)}\n        transformOrigin={getTransformOrigin(placement)}\n        {...cardHandlers}\n        disableAutoFocus\n        disableEnforceFocus\n        disableRestoreFocus\n        customAnimation={animation}\n        slotProps={{ paper: { style: { pointerEvents: 'auto' } } }}\n        {...rest}\n      >\n        <Box ref={contentRef} sx={{ position: 'relative' }}>\n          {showArrow && <ArrowContainer placement={placement} offset={offset} />}\n          <StyledCard\n            customVariant={variant}\n            glow={glow}\n            pulse={pulse}\n            animation={animation}\n            data-testid={dataTestId || 'hover-card-content'}\n            sx={(theme) => ({ maxWidth: capOf(theme, maxWidth), ...offsetMargin(theme, placement, offset) })}\n          >\n            <CardContent sx={{ p: padding, '&:last-child': { pb: padding } }}>\n              <HoverCardContent\n                loadingText={loadingText} variant={variant} title={title}\n                description={description}\n                avatar={avatar}\n                loading={loading}\n                loadingComponent={loadingComponent}\n                dataTestId={dataTestId}\n              >\n                {children}\n              </HoverCardContent>\n            </CardContent>\n          </StyledCard>\n        </Box>\n      </StyledPopover>\n    </>\n  );\n});\n\nHoverCard.displayName = 'HoverCard';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,SAAS;AAChB,OAAO,UAAU;AACjB,OAAO,iBAAiB;AACxB,OAAO,aAAa;AACpB,SAAS,cAA0B;AACnC,OAAO,WAAW;AAyGd,SAQA,UARA,KAyBI,YAzBJ;AA9FJ,IAAM,iBAAiB,OAAO,KAAK;AAAA,EACjC,CAAC,EAAE,OAAO,UAAU,OAAO,EAAE,GAAG,QAAQ,OAAO,SAAS,EAAE;AAC5D;AAEA,IAAM,aAAa,OAAO,MAAM;AAAA,EAC9B,mBAAmB,CAAC,SAClB,CAAC,CAAC,iBAAiB,QAAQ,SAAS,WAAW,EAAE,SAAS,IAAc;AAC5E,CAAC,EAAkB,CAAC,EAAE,OAAO,GAAG,MAAM,OAAO,EAAE,GAAG,OAAO,OAAO,KAAK,EAAE,EAAE;AAEzE,IAAM,gBAAgB,OAAO,SAAS;AAAA,EACpC,mBAAmB,CAAC,SAAS,SAAS;AACxC,CAAC,EAA4C,CAAC,EAAE,gBAAgB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASrE,eAAe;AAAA;AAAA,EAEf,uBAAuB;AAAA,IACrB,iBAAiB;AAAA,IACjB,WAAW;AAAA,IACX,UAAU;AAAA,IACV,GAAI,oBAAoB,WAAW,EAAE,iBAAiB,SAAS;AAAA,EACjE;AACF,EAAE;AAEF,IAAM,WAAW;AAAA,EACf,SAAS;AAAA,EACT,MAAM;AAAA,EACN,OAAO;AAAA,EACP,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,SAAS;AAAA,EACT,cAAc;AAAA,EACd,UAAU;AACZ;AAKA,IAAM,kBAA0C,EAAE,UAAU,GAAG,SAAS,IAAI;AAM5E,IAAM,eAAe,CAAC,OAAc,WAA+B,WAA+B;AAChG,QAAM,OAAO,OAAO,SAAS;AAC7B,QAAM,MAAO,EAAE,KAAK,MAAM,QAAQ,MAAM,MAAM,MAAM,OAAO,KAAK,EAAY,IAAI;AAChF,SAAO,EAAE,CAAC,GAAG,GAAG,IAAI,OAAO,UAAU,CAAC,EAAE;AAC1C;AAMA,IAAM,QAAQ,CAAC,OAAc,aAAyC;AACpE,QAAM,MAAM,YAAY;AACxB,SAAO,OAAO,KAAK,QAAQ,IAAI,GAAG,MAAM,GAAG,MAAM,IAAI,OAAO,GAAG;AACjE;AAEO,IAAM,YAAY,MAAM,WAA2C,CAAC,OAAO,QAAQ;AACxF,QAAM;AAAA,IACJ;AAAA,IAAS;AAAA,IAAM;AAAA,IAAO;AAAA,IAAO;AAAA,IAAa;AAAA,IAAQ;AAAA,IAAS;AAAA,IAAW;AAAA,IACtE;AAAA,IAAW;AAAA,IAAY;AAAA,IAAW;AAAA,IAAU;AAAA,IAAS;AAAA,IAAkB;AAAA,IAAa;AAAA,IACpF;AAAA,IAAQ;AAAA,IAAU;AAAA,IAAQ;AAAA,IAAS;AAAA,IAAU;AAAA,IAC7C,GAAG;AAAA,EACL,IAAI,aAAa,OAAO,QAAQ;AAEhC,QAAM,EAAE,UAAU,QAAQ,aAAa,iBAAiB,cAAc,WAAW,IAAI,aAAa;AAAA,IAChG;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,eAAe;AAAA,IACnB,GAAG;AAAA,IACH,OAAO,EAAE,QAAQ,WAAW,YAAY,UAAU;AAAA,IAClD,eAAe,aAAa,GAAG,UAAU,aAAa;AAAA,EACxD;AAEA,QAAM,iBAAiB,UACrB,MAAM,aAAa,SAAS,YAAY,IAExC,oBAAC,UAAM,GAAG,cAAc,OAAO,EAAE,SAAS,gBAAgB,GAAG,aAAa,MAAM,GAC7E,UACH;AAGF,QAAM,UAAU,gBAAgB,OAAO,KAAK;AAE5C,SACE,iCACG;AAAA;AAAA,IACD;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,MAAM,UAAU,CAAC;AAAA,QACjB;AAAA,QACA,SAAS;AAAA,QACT,cAAc,gBAAgB,SAAS;AAAA,QACvC,iBAAiB,mBAAmB,SAAS;AAAA,QAC5C,GAAG;AAAA,QACJ,kBAAgB;AAAA,QAChB,qBAAmB;AAAA,QACnB,qBAAmB;AAAA,QACnB,iBAAiB;AAAA,QACjB,WAAW,EAAE,OAAO,EAAE,OAAO,EAAE,eAAe,OAAO,EAAE,EAAE;AAAA,QACxD,GAAG;AAAA,QAEJ,+BAAC,OAAI,KAAK,YAAY,IAAI,EAAE,UAAU,WAAW,GAC9C;AAAA,uBAAa,oBAAC,kBAAe,WAAsB,QAAgB;AAAA,UACpE;AAAA,YAAC;AAAA;AAAA,cACC,eAAe;AAAA,cACf;AAAA,cACA;AAAA,cACA;AAAA,cACA,eAAa,cAAc;AAAA,cAC3B,IAAI,CAAC,WAAW,EAAE,UAAU,MAAM,OAAO,QAAQ,GAAG,GAAG,aAAa,OAAO,WAAW,MAAM,EAAE;AAAA,cAE9F,8BAAC,eAAY,IAAI,EAAE,GAAG,SAAS,gBAAgB,EAAE,IAAI,QAAQ,EAAE,GAC7D;AAAA,gBAAC;AAAA;AAAA,kBACC;AAAA,kBAA0B;AAAA,kBAAkB;AAAA,kBAC5C;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA;AAAA,kBAEC;AAAA;AAAA,cACH,GACF;AAAA;AAAA,UACF;AAAA,WACF;AAAA;AAAA,IACF;AAAA,KACF;AAEJ,CAAC;AAED,UAAU,cAAc;","names":[]}

package/dist/chunk-VNWZWQF3.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/HoverCard/HoverCard.hooks.ts"],"sourcesContent":["import React from 'react';\n\ntype TimerRef = React.MutableRefObject<number | undefined>;\n\n/**\n * Cancel the timer a ref holds, and forget it. Every place that schedules\n * or dismisses goes through this, so no timer outlives the ref that could\n * cancel it (FUT-2619: an overwritten enter timer reopened a dismissed card).\n */\nconst clearPending = (ref: TimerRef) => {\n  if (ref.current !== undefined) window.clearTimeout(ref.current);\n  ref.current = undefined;\n};\n\ninterface HandlerInput {\n  isTouchDevice: boolean;\n  touchEnabled: boolean;\n  enterDelay: number;\n  openCard: (trigger: HTMLElement) => void;\n  closeCard: () => void;\n  exitTimeoutRef: TimerRef;\n}\n\n/**\n * The pointer and touch handlers, over the open/close pair. Touch gets a\n * long-press because there is no hover to respond to; the card's own handlers\n * keep it open while the pointer is travelling onto it.\n */\nconst useHoverHandlers = ({\n  isTouchDevice,\n  touchEnabled,\n  enterDelay,\n  openCard,\n  closeCard,\n  exitTimeoutRef,\n}: HandlerInput) => {\n  const [touchTimeout, setTouchTimeout] = React.useState<number>();\n\n  /** A touch device with touch disabled has no hover to respond to. */\n  const hoverIgnored = isTouchDevice && !touchEnabled;\n\n  const cancelTouch = React.useCallback(() => {\n    if (touchTimeout) {\n      window.clearTimeout(touchTimeout);\n      setTouchTimeout(undefined);\n    }\n  }, [touchTimeout]);\n\n  React.useEffect(\n    () => () => {\n      if (touchTimeout) window.clearTimeout(touchTimeout);\n    },\n    [touchTimeout],\n  );\n\n  const triggerHandlers = {\n    onMouseEnter: (event: React.MouseEvent<HTMLElement>) => {\n      if (hoverIgnored) return;\n      openCard(event.currentTarget);\n    },\n    onMouseLeave: () => {\n      if (hoverIgnored) return;\n      closeCard();\n    },\n    onTouchStart: (event: React.TouchEvent<HTMLElement>) => {\n      if (!touchEnabled) return;\n      if (touchTimeout) window.clearTimeout(touchTimeout);\n      // Read NOW: React nulls `currentTarget` once the handler returns, so\n      // the long-press timer used to open the card with no anchor at all.\n      const trigger = event.currentTarget;\n      setTouchTimeout(window.setTimeout(() => openCard(trigger), enterDelay));\n    },\n    // End and cancel do the same thing: the press did not become a long press.\n    onTouchEnd: cancelTouch,\n    onTouchCancel: cancelTouch,\n  };\n\n  /** Moving onto the card keeps it open; leaving it starts the exit delay. */\n  const cardHandlers = {\n    onMouseEnter: () => clearPending(exitTimeoutRef),\n    onMouseLeave: closeCard,\n  };\n\n  return { triggerHandlers, cardHandlers };\n};\n\n/** Escape dismisses the card while it is open. */\nconst useEscapeKey = (active: boolean, onEscape: () => void) => {\n  React.useEffect(() => {\n    if (!active) return;\n\n    const handleEscape = (event: globalThis.KeyboardEvent) => {\n      if (event.key === 'Escape') onEscape();\n    };\n\n    document.addEventListener('keydown', handleEscape);\n    return () => document.removeEventListener('keydown', handleEscape);\n  }, [active, onEscape]);\n};\n\n/**\n * A press anywhere outside the trigger and the card dismisses it.\n *\n * Touch has no mouse-leave, and MUI's own click-away was the popover's\n * backdrop, which `pointer-events: none` on the popover root (so the page\n * under an open card stays usable) takes out of play. So this listens on the\n * document itself, in the CAPTURE phase, where a `stopPropagation` further in\n * cannot swallow it. It only observes: no `preventDefault`, so the tap or\n * click still reaches whatever it landed on. Attached while open, removed on\n * close and on unmount.\n */\nconst useClickAway = (\n  active: boolean,\n  inside: () => ReadonlyArray<Element | null>,\n  onAway: () => void,\n) => {\n  React.useEffect(() => {\n    if (!active) return;\n\n    const handlePointerDown = (event: globalThis.PointerEvent) => {\n      const target = event.target as Node | null;\n      if (target && inside().some((el) => el?.contains(target))) return;\n      onAway();\n    };\n\n    document.addEventListener('pointerdown', handlePointerDown, true);\n    return () => document.removeEventListener('pointerdown', handlePointerDown, true);\n  }, [active, inside, onAway]);\n};\n\n/** Whatever is still pending when the card unmounts is cancelled with it. */\nconst useClearOnUnmount = (...refs: TimerRef[]) => {\n  React.useEffect(\n    () => () => refs.forEach(clearPending),\n    // The refs are stable objects: a mount/unmount pair, as before.\n    [],\n  );\n};\n\ninterface HoverCardTimingInput {\n  disabled: boolean;\n  touchEnabled: boolean;\n  enterDelay: number;\n  exitDelay: number;\n  onOpen?: () => void;\n  onClose?: () => void;\n}\n\n/**\n * When the card is open, and the delays that decide it.\n *\n * Three timers are in play: the enter delay before opening, the exit delay\n * before closing (so the pointer can travel from the trigger onto the card\n * without dismissing it), and the long-press timer on touch. Each cancels the\n * others' pending work, which is why they live together.\n */\nexport const useHoverCard = ({\n  disabled,\n  touchEnabled,\n  enterDelay,\n  exitDelay,\n  onOpen,\n  onClose,\n}: HoverCardTimingInput) => {\n  const [anchorEl, setAnchorEl] = React.useState<HTMLElement | null>(null);\n  const [isOpen, setIsOpen] = React.useState(false);\n  const [isTouchDevice, setIsTouchDevice] = React.useState(false);\n  const enterTimeoutRef = React.useRef<number | undefined>(undefined);\n  const exitTimeoutRef = React.useRef<number | undefined>(undefined);\n  /** The card's own box, inside the popover paper: a press here is not \"away\". */\n  const contentRef = React.useRef<HTMLDivElement | null>(null);\n\n  // Probed in an effect, not during render, so SSR and hydration stay intact.\n  React.useEffect(() => {\n    setIsTouchDevice('ontouchstart' in window);\n  }, []);\n\n  const openCard = React.useCallback(\n    (trigger: HTMLElement) => {\n      if (disabled) return;\n\n      clearPending(exitTimeoutRef);\n      // A second enter before the delay ran out (a click and then a hover, or\n      // the pointer jittering across the edge) must REPLACE the pending open,\n      // not add one: an overwritten timer can no longer be cancelled, and it\n      // reopened the card after Escape had closed it.\n      clearPending(enterTimeoutRef);\n\n      enterTimeoutRef.current = window.setTimeout(() => {\n        setAnchorEl(trigger);\n        setIsOpen(true);\n        onOpen?.();\n      }, enterDelay);\n    },\n    [disabled, enterDelay, onOpen],\n  );\n\n  const closeCard = React.useCallback(() => {\n    clearPending(enterTimeoutRef);\n    clearPending(exitTimeoutRef);\n\n    exitTimeoutRef.current = window.setTimeout(() => {\n      setIsOpen(false);\n      setAnchorEl(null);\n      onClose?.();\n    }, exitDelay);\n  }, [exitDelay, onClose]);\n\n  // Escape and the popover's own close are FINAL: nothing still pending may\n  // reopen the card behind them. It opens again on the next enter.\n  const handleClose = React.useCallback(() => {\n    clearPending(enterTimeoutRef);\n    clearPending(exitTimeoutRef);\n    setIsOpen(false);\n    setAnchorEl(null);\n    onClose?.();\n  }, [onClose]);\n\n  const { triggerHandlers, cardHandlers } = useHoverHandlers({\n    isTouchDevice,\n    touchEnabled,\n    enterDelay,\n    openCard,\n    closeCard,\n    exitTimeoutRef,\n  });\n\n  const insideCard = React.useCallback(() => [anchorEl, contentRef.current], [anchorEl]);\n\n  useEscapeKey(isOpen, handleClose);\n  useClickAway(isOpen, insideCard, handleClose);\n  useClearOnUnmount(enterTimeoutRef, exitTimeoutRef);\n\n  return { anchorEl, isOpen, handleClose, triggerHandlers, cardHandlers, contentRef };\n};\n"],"mappings":";AAAA,OAAO,WAAW;AASlB,IAAM,eAAe,CAAC,QAAkB;AACtC,MAAI,IAAI,YAAY,OAAW,QAAO,aAAa,IAAI,OAAO;AAC9D,MAAI,UAAU;AAChB;AAgBA,IAAM,mBAAmB,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAoB;AAClB,QAAM,CAAC,cAAc,eAAe,IAAI,MAAM,SAAiB;AAG/D,QAAM,eAAe,iBAAiB,CAAC;AAEvC,QAAM,cAAc,MAAM,YAAY,MAAM;AAC1C,QAAI,cAAc;AAChB,aAAO,aAAa,YAAY;AAChC,sBAAgB,MAAS;AAAA,IAC3B;AAAA,EACF,GAAG,CAAC,YAAY,CAAC;AAEjB,QAAM;AAAA,IACJ,MAAM,MAAM;AACV,UAAI,aAAc,QAAO,aAAa,YAAY;AAAA,IACpD;AAAA,IACA,CAAC,YAAY;AAAA,EACf;AAEA,QAAM,kBAAkB;AAAA,IACtB,cAAc,CAAC,UAAyC;AACtD,UAAI,aAAc;AAClB,eAAS,MAAM,aAAa;AAAA,IAC9B;AAAA,IACA,cAAc,MAAM;AAClB,UAAI,aAAc;AAClB,gBAAU;AAAA,IACZ;AAAA,IACA,cAAc,CAAC,UAAyC;AACtD,UAAI,CAAC,aAAc;AACnB,UAAI,aAAc,QAAO,aAAa,YAAY;AAGlD,YAAM,UAAU,MAAM;AACtB,sBAAgB,OAAO,WAAW,MAAM,SAAS,OAAO,GAAG,UAAU,CAAC;AAAA,IACxE;AAAA;AAAA,IAEA,YAAY;AAAA,IACZ,eAAe;AAAA,EACjB;AAGA,QAAM,eAAe;AAAA,IACnB,cAAc,MAAM,aAAa,cAAc;AAAA,IAC/C,cAAc;AAAA,EAChB;AAEA,SAAO,EAAE,iBAAiB,aAAa;AACzC;AAGA,IAAM,eAAe,CAAC,QAAiB,aAAyB;AAC9D,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,OAAQ;AAEb,UAAM,eAAe,CAAC,UAAoC;AACxD,UAAI,MAAM,QAAQ,SAAU,UAAS;AAAA,IACvC;AAEA,aAAS,iBAAiB,WAAW,YAAY;AACjD,WAAO,MAAM,SAAS,oBAAoB,WAAW,YAAY;AAAA,EACnE,GAAG,CAAC,QAAQ,QAAQ,CAAC;AACvB;AAaA,IAAM,eAAe,CACnB,QACA,QACA,WACG;AACH,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,OAAQ;AAEb,UAAM,oBAAoB,CAAC,UAAmC;AAC5D,YAAM,SAAS,MAAM;AACrB,UAAI,UAAU,OAAO,EAAE,KAAK,CAAC,OAAO,IAAI,SAAS,MAAM,CAAC,EAAG;AAC3D,aAAO;AAAA,IACT;AAEA,aAAS,iBAAiB,eAAe,mBAAmB,IAAI;AAChE,WAAO,MAAM,SAAS,oBAAoB,eAAe,mBAAmB,IAAI;AAAA,EAClF,GAAG,CAAC,QAAQ,QAAQ,MAAM,CAAC;AAC7B;AAGA,IAAM,oBAAoB,IAAI,SAAqB;AACjD,QAAM;AAAA,IACJ,MAAM,MAAM,KAAK,QAAQ,YAAY;AAAA;AAAA,IAErC,CAAC;AAAA,EACH;AACF;AAmBO,IAAM,eAAe,CAAC;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA4B;AAC1B,QAAM,CAAC,UAAU,WAAW,IAAI,MAAM,SAA6B,IAAI;AACvE,QAAM,CAAC,QAAQ,SAAS,IAAI,MAAM,SAAS,KAAK;AAChD,QAAM,CAAC,eAAe,gBAAgB,IAAI,MAAM,SAAS,KAAK;AAC9D,QAAM,kBAAkB,MAAM,OAA2B,MAAS;AAClE,QAAM,iBAAiB,MAAM,OAA2B,MAAS;AAEjE,QAAM,aAAa,MAAM,OAA8B,IAAI;AAG3D,QAAM,UAAU,MAAM;AACpB,qBAAiB,kBAAkB,MAAM;AAAA,EAC3C,GAAG,CAAC,CAAC;AAEL,QAAM,WAAW,MAAM;AAAA,IACrB,CAAC,YAAyB;AACxB,UAAI,SAAU;AAEd,mBAAa,cAAc;AAK3B,mBAAa,eAAe;AAE5B,sBAAgB,UAAU,OAAO,WAAW,MAAM;AAChD,oBAAY,OAAO;AACnB,kBAAU,IAAI;AACd,iBAAS;AAAA,MACX,GAAG,UAAU;AAAA,IACf;AAAA,IACA,CAAC,UAAU,YAAY,MAAM;AAAA,EAC/B;AAEA,QAAM,YAAY,MAAM,YAAY,MAAM;AACxC,iBAAa,eAAe;AAC5B,iBAAa,cAAc;AAE3B,mBAAe,UAAU,OAAO,WAAW,MAAM;AAC/C,gBAAU,KAAK;AACf,kBAAY,IAAI;AAChB,gBAAU;AAAA,IACZ,GAAG,SAAS;AAAA,EACd,GAAG,CAAC,WAAW,OAAO,CAAC;AAIvB,QAAM,cAAc,MAAM,YAAY,MAAM;AAC1C,iBAAa,eAAe;AAC5B,iBAAa,cAAc;AAC3B,cAAU,KAAK;AACf,gBAAY,IAAI;AAChB,cAAU;AAAA,EACZ,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,EAAE,iBAAiB,aAAa,IAAI,iBAAiB;AAAA,IACzD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,aAAa,MAAM,YAAY,MAAM,CAAC,UAAU,WAAW,OAAO,GAAG,CAAC,QAAQ,CAAC;AAErF,eAAa,QAAQ,WAAW;AAChC,eAAa,QAAQ,YAAY,WAAW;AAC5C,oBAAkB,iBAAiB,cAAc;AAEjD,SAAO,EAAE,UAAU,QAAQ,aAAa,iBAAiB,cAAc,WAAW;AACpF;","names":[]}