@12-apps/ui 6.39.10 → 6.39.11

package/dist/_internal/components/data-display/DataViews/DataViewsTableBase.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   DataViewsTableBase
-} from "../../../../chunk-6MFMLQ72.js";
+} from "../../../../chunk-ZNDDILNQ.js";
 import "../../../../chunk-3333KCAW.js";
 import "../../../../chunk-5WT4YWXC.js";
 import "../../../../chunk-ZOLAYP2D.js";
@@ -40,8 +40,8 @@ import "../../../../chunk-YLGY3D52.js";
 import "../../../../chunk-S6JHTEV4.js";
 import "../../../../chunk-XZJM6EPC.js";
 import "../../../../chunk-M4KVKQRN.js";
-import "../../../../chunk-A5B7B4HT.js";
-import "../../../../chunk-VJG7NMGL.js";
+import "../../../../chunk-INMKA5SF.js";
+import "../../../../chunk-IYF246UA.js";
 import "../../../../chunk-ECIHOZPK.js";
 import "../../../../chunk-5M4TYFR3.js";
 import "../../../../chunk-HR7YTBR7.js";
@@ -108,7 +108,7 @@ import "../../../../chunk-LXT3X33C.js";
 import "../../../../chunk-DMNZD3Q7.js";
 import "../../../../chunk-JC22FNFA.js";
 import "../../../../chunk-QYKDY4EI.js";
-import "../../../../chunk-VURQZBFH.js";
+import "../../../../chunk-JRJCBDGN.js";
 import "../../../../chunk-SL6454K7.js";
 import "../../../../chunk-THMT3G3L.js";
 import "../../../../chunk-RNIU447I.js";

package/dist/_internal/components/data-display/DataViews/SaveViewModal.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   SaveViewModal
-} from "../../../../chunk-VJG7NMGL.js";
+} from "../../../../chunk-IYF246UA.js";
 import "../../../../chunk-5M4TYFR3.js";
 import "../../../../chunk-B7CNP5HW.js";
 import "../../../../chunk-KHG57NAE.js";
@@ -13,7 +13,7 @@ import "../../../../chunk-RIEV4VXF.js";
 import "../../../../chunk-TNBJ4DK4.js";
 import "../../../../chunk-SZS7VZJN.js";
 import "../../../../chunk-QYKDY4EI.js";
-import "../../../../chunk-VURQZBFH.js";
+import "../../../../chunk-JRJCBDGN.js";
 import "../../../../chunk-SL6454K7.js";
 import "../../../../chunk-THMT3G3L.js";
 import "../../../../chunk-RNIU447I.js";

package/dist/_internal/components/data-display/DataViews/data-views-table-parts.js

@@ -3,8 +3,8 @@ import {
   ViewDialogs,
   ViewMutationErrorAlert,
   ViewsMenuSlot
-} from "../../../../chunk-A5B7B4HT.js";
-import "../../../../chunk-VJG7NMGL.js";
+} from "../../../../chunk-INMKA5SF.js";
+import "../../../../chunk-IYF246UA.js";
 import "../../../../chunk-ECIHOZPK.js";
 import "../../../../chunk-5M4TYFR3.js";
 import "../../../../chunk-B7CNP5HW.js";
@@ -26,7 +26,7 @@ import "../../../../chunk-RIEV4VXF.js";
 import "../../../../chunk-TNBJ4DK4.js";
 import "../../../../chunk-SZS7VZJN.js";
 import "../../../../chunk-QYKDY4EI.js";
-import "../../../../chunk-VURQZBFH.js";
+import "../../../../chunk-JRJCBDGN.js";
 import "../../../../chunk-SL6454K7.js";
 import "../../../../chunk-THMT3G3L.js";
 import "../../../../chunk-RNIU447I.js";

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

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

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

@@ -1,8 +1,8 @@
 import {
   HoverCard
-} from "../../../../chunk-DAHYLPK7.js";
+} from "../../../../chunk-CMV6BRQ3.js";
 import "../../../../chunk-BSYPPO2I.js";
-import "../../../../chunk-SXYIXCUB.js";
+import "../../../../chunk-VNWZWQF3.js";
 import "../../../../chunk-NRIV2CQ2.js";
 import "../../../../chunk-ZHV7TCAC.js";
 import "../../../../chunk-HPK33ACY.js";

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

@@ -77,9 +77,9 @@ import {
 import "../../../chunk-6OS4AKWT.js";
 import {
   HoverCard
-} from "../../../chunk-DAHYLPK7.js";
+} from "../../../chunk-CMV6BRQ3.js";
 import "../../../chunk-BSYPPO2I.js";
-import "../../../chunk-SXYIXCUB.js";
+import "../../../chunk-VNWZWQF3.js";
 import "../../../chunk-NRIV2CQ2.js";
 import "../../../chunk-ZHV7TCAC.js";
 import "../../../chunk-TAF3YYMK.js";

package/dist/_internal/components/form/CepField/CepField.js

@@ -2,9 +2,9 @@
 import {
   CepField,
   CepField_default
-} from "../../../../chunk-F6D6HXZU.js";
+} from "../../../../chunk-7X7ZHJHM.js";
 import "../../../../chunk-QYKDY4EI.js";
-import "../../../../chunk-VURQZBFH.js";
+import "../../../../chunk-JRJCBDGN.js";
 import "../../../../chunk-SL6454K7.js";
 import "../../../../chunk-THMT3G3L.js";
 import "../../../../chunk-RNIU447I.js";

package/dist/_internal/components/form/Input/Input.js

@@ -1,6 +1,6 @@
 import {
   Input
-} from "../../../../chunk-VURQZBFH.js";
+} from "../../../../chunk-JRJCBDGN.js";
 import "../../../../chunk-SL6454K7.js";
 import "../../../../chunk-THMT3G3L.js";
 import "../../../../chunk-RNIU447I.js";

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

@@ -159,7 +159,7 @@ import "../../../chunk-TERT6TIS.js";
 import "../../../chunk-6XLMTOJ3.js";
 import {
   CepField
-} from "../../../chunk-F6D6HXZU.js";
+} from "../../../chunk-7X7ZHJHM.js";
 import "../../../chunk-PGM5RRQO.js";
 import {
   Slider
@@ -185,7 +185,7 @@ import "../../../chunk-GY4NBSCN.js";
 import "../../../chunk-QYKDY4EI.js";
 import {
   Input
-} from "../../../chunk-VURQZBFH.js";
+} from "../../../chunk-JRJCBDGN.js";
 import "../../../chunk-SL6454K7.js";
 import "../../../chunk-THMT3G3L.js";
 import "../../../chunk-RNIU447I.js";

package/dist/_internal/components/form/total-form/Fields/CepField.js

@@ -1,12 +1,12 @@
 "use client";
 import {
   CepField
-} from "../../../../../chunk-2XX45PC5.js";
+} from "../../../../../chunk-TGXCG62P.js";
 import "../../../../../chunk-4XK6JQ4D.js";
 import "../../../../../chunk-6XLMTOJ3.js";
-import "../../../../../chunk-F6D6HXZU.js";
+import "../../../../../chunk-7X7ZHJHM.js";
 import "../../../../../chunk-QYKDY4EI.js";
-import "../../../../../chunk-VURQZBFH.js";
+import "../../../../../chunk-JRJCBDGN.js";
 import "../../../../../chunk-SL6454K7.js";
 import "../../../../../chunk-THMT3G3L.js";
 import "../../../../../chunk-RNIU447I.js";

package/dist/_internal/components/form/total-form/Fields/TextField.js

@@ -1,10 +1,10 @@
 "use client";
 import {
   TextField
-} from "../../../../../chunk-SSS64KYB.js";
+} from "../../../../../chunk-Z43N7ASP.js";
 import "../../../../../chunk-4XK6JQ4D.js";
 import "../../../../../chunk-QYKDY4EI.js";
-import "../../../../../chunk-VURQZBFH.js";
+import "../../../../../chunk-JRJCBDGN.js";
 import "../../../../../chunk-SL6454K7.js";
 import "../../../../../chunk-THMT3G3L.js";
 import "../../../../../chunk-RNIU447I.js";

package/dist/_internal/components/form/total-form/Fields/index.js

@@ -1,16 +1,16 @@
-import "../../../../../chunk-YS67XMOP.js";
+import "../../../../../chunk-I5ZVCY2N.js";
 import {
   ToggleField
 } from "../../../../../chunk-FNG33MKA.js";
 import {
   TextField
-} from "../../../../../chunk-SSS64KYB.js";
+} from "../../../../../chunk-Z43N7ASP.js";
 import {
   SelectField
 } from "../../../../../chunk-PWZHCBG3.js";
 import {
   CepField
-} from "../../../../../chunk-2XX45PC5.js";
+} from "../../../../../chunk-TGXCG62P.js";
 import {
   CategoryField
 } from "../../../../../chunk-T6EKPFKZ.js";
@@ -21,7 +21,7 @@ import "../../../../../chunk-WYXNFH5Y.js";
 import "../../../../../chunk-ONMSTW4B.js";
 import "../../../../../chunk-W5TI46QN.js";
 import "../../../../../chunk-6XLMTOJ3.js";
-import "../../../../../chunk-F6D6HXZU.js";
+import "../../../../../chunk-7X7ZHJHM.js";
 import "../../../../../chunk-N5ZWC6CB.js";
 import "../../../../../chunk-BKASAYQL.js";
 import "../../../../../chunk-2JNHWKQK.js";
@@ -40,7 +40,7 @@ import "../../../../../chunk-LXT3X33C.js";
 import "../../../../../chunk-DMNZD3Q7.js";
 import "../../../../../chunk-JC22FNFA.js";
 import "../../../../../chunk-QYKDY4EI.js";
-import "../../../../../chunk-VURQZBFH.js";
+import "../../../../../chunk-JRJCBDGN.js";
 import "../../../../../chunk-SL6454K7.js";
 import "../../../../../chunk-THMT3G3L.js";
 import "../../../../../chunk-RNIU447I.js";

package/dist/_internal/components/index.js

@@ -365,7 +365,7 @@ import "../../chunk-TERT6TIS.js";
 import "../../chunk-6XLMTOJ3.js";
 import {
   CepField
-} from "../../chunk-F6D6HXZU.js";
+} from "../../chunk-7X7ZHJHM.js";
 import "../../chunk-UCYU56FO.js";
 import "../../chunk-SJXSWVJG.js";
 import "../../chunk-A4TYNHBR.js";
@@ -463,9 +463,9 @@ import {
 import "../../chunk-6OS4AKWT.js";
 import {
   HoverCard
-} from "../../chunk-DAHYLPK7.js";
+} from "../../chunk-CMV6BRQ3.js";
 import "../../chunk-BSYPPO2I.js";
-import "../../chunk-SXYIXCUB.js";
+import "../../chunk-VNWZWQF3.js";
 import "../../chunk-NRIV2CQ2.js";
 import "../../chunk-ZHV7TCAC.js";
 import "../../chunk-TAF3YYMK.js";
@@ -591,7 +591,7 @@ import "../../chunk-GY4NBSCN.js";
 import "../../chunk-QYKDY4EI.js";
 import {
   Input
-} from "../../chunk-VURQZBFH.js";
+} from "../../chunk-JRJCBDGN.js";
 import "../../chunk-SL6454K7.js";
 import "../../chunk-THMT3G3L.js";
 import "../../chunk-RNIU447I.js";

package/dist/{chunk-F6D6HXZU.js → chunk-7X7ZHJHM.js}

@@ -1,6 +1,6 @@
 import {
   Input
-} from "./chunk-VURQZBFH.js";
+} from "./chunk-JRJCBDGN.js";
 import {
   FormControl,
   FormLabel,
@@ -122,4 +122,4 @@ export {
   CepField,
   CepField_default
 };
-//# sourceMappingURL=chunk-F6D6HXZU.js.map
+//# sourceMappingURL=chunk-7X7ZHJHM.js.map

package/dist/{chunk-DAHYLPK7.js → chunk-CMV6BRQ3.js}

@@ -7,7 +7,7 @@ import {
 } from "./chunk-BSYPPO2I.js";
 import {
   useHoverCard
-} from "./chunk-SXYIXCUB.js";
+} from "./chunk-VNWZWQF3.js";
 import {
   HoverCardContent
 } from "./chunk-NRIV2CQ2.js";
@@ -35,6 +35,15 @@ var StyledCard = styled(Card, {
 var StyledPopover = styled(Popover, {
   shouldForwardProp: (prop) => prop !== "customAnimation"
 })(({ customAnimation }) => ({
+  // Only the card takes the pointer (its paper sets `pointer-events: auto`).
+  // MUI's popover root and its invisible backdrop cover the whole viewport, so
+  // while a card was open the pointer was "on the card" wherever it went: the
+  // backdrop's mouseover reached the card's onMouseEnter and cancelled the
+  // close the trigger's mouseleave had just scheduled. A card left by moving
+  // the mouse away stayed open, and the page's next click hit the backdrop
+  // instead of its target (FUT-2619). The backdrop was also the only
+  // click-away; `useClickAway` in the hooks replaces it.
+  pointerEvents: "none",
   // The popover only positions; StyledCard draws the surface.
   "& .MuiPopover-paper": {
     backgroundColor: "transparent",
@@ -93,7 +102,7 @@ var HoverCard = React.forwardRef((props, ref) => {
     dataTestId,
     ...rest
   } = withDefaults(props, DEFAULTS);
-  const { anchorEl, isOpen, handleClose, triggerHandlers, cardHandlers } = useHoverCard({
+  const { anchorEl, isOpen, handleClose, triggerHandlers, cardHandlers, contentRef } = useHoverCard({
     disabled,
     touchEnabled,
     enterDelay,
@@ -126,7 +135,7 @@ var HoverCard = React.forwardRef((props, ref) => {
         customAnimation: animation,
         slotProps: { paper: { style: { pointerEvents: "auto" } } },
         ...rest,
-        children: /* @__PURE__ */ jsxs(Box, { sx: { position: "relative" }, children: [
+        children: /* @__PURE__ */ jsxs(Box, { ref: contentRef, sx: { position: "relative" }, children: [
           showArrow && /* @__PURE__ */ jsx(ArrowContainer, { placement, offset }),
           /* @__PURE__ */ jsx(
             StyledCard,
@@ -163,4 +172,4 @@ HoverCard.displayName = "HoverCard";
 export {
   HoverCard
 };
-//# sourceMappingURL=chunk-DAHYLPK7.js.map
+//# sourceMappingURL=chunk-CMV6BRQ3.js.map

package/dist/chunk-CMV6BRQ3.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\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":"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","names":[]}

package/dist/{chunk-YS67XMOP.js → chunk-I5ZVCY2N.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk-FNG33MKA.js";
 import {
   TextField
-} from "./chunk-SSS64KYB.js";
+} from "./chunk-Z43N7ASP.js";
 import {
   SelectField
 } from "./chunk-PWZHCBG3.js";
 import {
   CepField
-} from "./chunk-2XX45PC5.js";
+} from "./chunk-TGXCG62P.js";
 import {
   CategoryField
 } from "./chunk-T6EKPFKZ.js";
@@ -30,4 +30,4 @@ __export(Fields_exports, {
 export {
   Fields_exports
 };
-//# sourceMappingURL=chunk-YS67XMOP.js.map
+//# sourceMappingURL=chunk-I5ZVCY2N.js.map

package/dist/{chunk-A5B7B4HT.js → chunk-INMKA5SF.js}

@@ -1,6 +1,6 @@
 import {
   SaveViewModal
-} from "./chunk-VJG7NMGL.js";
+} from "./chunk-IYF246UA.js";
 import {
   ManageViewsDialog
 } from "./chunk-ECIHOZPK.js";
@@ -121,4 +121,4 @@ export {
   ViewsMenuSlot,
   ViewDialogs
 };
-//# sourceMappingURL=chunk-A5B7B4HT.js.map
+//# sourceMappingURL=chunk-INMKA5SF.js.map

package/dist/{chunk-VJG7NMGL.js → chunk-IYF246UA.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk-ZGCPDA3F.js";
 import {
   Input
-} from "./chunk-VURQZBFH.js";
+} from "./chunk-JRJCBDGN.js";
 import {
   Dialog,
   DialogContent
@@ -268,4 +268,4 @@ function SaveViewModal({
 export {
   SaveViewModal
 };
-//# sourceMappingURL=chunk-VJG7NMGL.js.map
+//# sourceMappingURL=chunk-IYF246UA.js.map

package/dist/{chunk-VURQZBFH.js → chunk-JRJCBDGN.js}

@@ -64,6 +64,14 @@ var interactionProps = (loading, onClick, disabled) => ({
   disabled: loading || disabled,
   onClick: loading ? void 0 : onClick
 });
+function inputAriaOf(a) {
+  const describedBy = [a.helperText ? `${a.id}-helper-text` : void 0, a.describedBy].filter(Boolean).join(" ");
+  return {
+    ...a.label === void 0 ? {} : { "aria-label": a.label },
+    ...a.describedBy === void 0 ? {} : { "aria-describedby": describedBy },
+    ...a.busy === void 0 ? {} : { "aria-busy": a.busy }
+  };
+}
 var Input = React.forwardRef(
   ({
     variant = "outlined",
@@ -82,9 +90,13 @@ var Input = React.forwardRef(
     onFocus,
     onBlur,
     "aria-label": ariaLabel,
+    "aria-describedby": ariaDescribedBy,
+    "aria-busy": ariaBusy,
     ...rest
   }, ref) => {
     const { testId: dataTestId, rest: props } = splitTestId(rest);
+    const generatedId = React.useId();
+    const id = props.id ?? generatedId;
     return /* @__PURE__ */ jsx(
       StyledTextField,
       {
@@ -105,14 +117,15 @@ var Input = React.forwardRef(
         onBlur,
         inputProps: {
           "data-testid": dataTestId,
-          ...ariaLabel === void 0 ? {} : { "aria-label": ariaLabel }
+          ...inputAriaOf({ id, helperText, label: ariaLabel, describedBy: ariaDescribedBy, busy: ariaBusy })
         },
         InputProps: {
           startAdornment: startAdornment && /* @__PURE__ */ jsx(InputAdornment, { position: "start", children: startAdornment }),
           endAdornment: /* @__PURE__ */ jsx(EndAdornment, { loading, endAdornment })
         },
         ...SIZE_MAP[size],
-        ...props
+        ...props,
+        id
       }
     );
   }
@@ -122,4 +135,4 @@ Input.displayName = "Input";
 export {
   Input
 };
-//# sourceMappingURL=chunk-VURQZBFH.js.map
+//# sourceMappingURL=chunk-JRJCBDGN.js.map

package/dist/chunk-JRJCBDGN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/Input/Input.tsx"],"sourcesContent":["import CircularProgress from '@mui/material/CircularProgress/index.js';\nimport InputAdornment from '@mui/material/InputAdornment/index.js';\nimport { styled, useTheme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport { INPUT_LOADING } from './Input.metrics';\nimport { TextFieldSlim } from './text-field-slim';\n\nimport {\n  filledStyles,\n  floatingLabelStyles,\n  glowStyles,\n  inputBaseStyles,\n  inputRadiusStyles,\n  muiVariantFor,\n  outlinedStyles,\n  pulseStyles,\n  SIZE_MAP,\n} from './Input.styles';\nimport type { InputProps } from './Input.types';\nimport { splitTestId } from '../../../platform/test-id';\nimport { fieldControlStyles } from '../../../tokens/field-height';\nimport { rem } from '../../../tokens/relative';\nimport type { SizeValue } from '../../../tokens/vocabulary';\n\n/**\n * `TextFieldSlim`, not `TextField` — see `text-field-slim.tsx`. MUI's own\n * `TextField` imports `Select` unconditionally, and through it `Menu`,\n * `Popover`, `Modal` and seven more component modules, so every screen with one\n * text box shipped a dropdown it can never render. Same composition, same DOM,\n * same prop routing; the select branch is the only thing missing.\n */\nconst StyledTextField = styled(TextFieldSlim, {\n  shouldForwardProp: (prop) =>\n    !['customVariant', 'fieldSize', 'floating', 'glow', 'pulse', 'loading'].includes(prop as string),\n})<{\n  customVariant?: InputProps['variant'];\n  fieldSize: SizeValue;\n  floating?: boolean;\n  glow?: boolean;\n  pulse?: boolean;\n  loading?: boolean;\n}>(({ theme, customVariant, fieldSize, floating, glow, pulse, loading }) => ({\n  position: 'relative',\n  // The theme's field height for this size (outlined family, one line).\n  ...fieldControlStyles(theme, fieldSize),\n  opacity: loading ? INPUT_LOADING.opacity : 1,\n\n  ...(glow ? glowStyles(theme) : {}),\n  ...(pulse ? pulseStyles(theme, fieldSize) : {}),\n  ...(floating ? floatingLabelStyles(theme) : {}),\n\n  '& .MuiInputBase-root': {\n    transition: 'all 0.3s ease',\n    ...inputRadiusStyles(theme, customVariant),\n    ...inputBaseStyles(theme, customVariant),\n  },\n\n  '& .MuiOutlinedInput-root': outlinedStyles(theme),\n  '& .MuiFilledInput-root': filledStyles(theme),\n}));\n\n/** Only one adornment shows at a time: the spinner replaces the caller's while loading. */\nconst EndAdornment: React.FC<{ loading: boolean; endAdornment?: React.ReactNode }> = ({\n  loading,\n  endAdornment,\n}) => {\n  const theme = useTheme();\n  if (loading) {\n    return (\n      <InputAdornment position=\"end\">\n        <CircularProgress size={rem(theme, INPUT_LOADING.spinnerSize)} />\n      </InputAdornment>\n    );\n  }\n\n  if (!endAdornment) return null;\n\n  return <InputAdornment position=\"end\">{endAdornment}</InputAdornment>;\n};\n\n/** While loading the field is inert: no clicks, and disabled to assistive tech. */\nconst interactionProps = (\n  loading: boolean,\n  onClick: InputProps['onClick'],\n  disabled?: boolean,\n) => ({\n  disabled: loading || disabled,\n  onClick: loading ? undefined : onClick,\n});\n\n/**\n * The ARIA that describes the field has to sit on the `<input>`: the text\n * field puts every attribute it does not recognise on its root `FormControl`,\n * a `<div>` with no role, where a screen reader never reads it.\n *\n * `aria-label` has ridden `inputProps` since FUT-755. `aria-describedby` and\n * `aria-busy` fell through to the div until FUT-2619, so CepField's input\n * pointed at nothing while its lookup status lived in a live region beside it.\n *\n * `inputProps` are spread onto the `<input>` AFTER the `aria-describedby` MUI\n * writes for helper text, so a caller's ids REPLACE the helper text's: MUI's\n * `TextField` on its own keeps only one of the two. This joins both, helper\n * text first. The helper id is MUI's `<id>-helper-text` (the parity test pins\n * that spelling), which is why the field's id is fixed here rather than left\n * to the text field.\n */\nfunction inputAriaOf(a: {\n  id: string;\n  helperText: React.ReactNode;\n  label?: string;\n  describedBy?: string;\n  busy?: InputProps['aria-busy'];\n}): Record<string, unknown> {\n  const describedBy = [a.helperText ? `${a.id}-helper-text` : undefined, a.describedBy]\n    .filter(Boolean)\n    .join(' ');\n  return {\n    ...(a.label === undefined ? {} : { 'aria-label': a.label }),\n    ...(a.describedBy === undefined ? {} : { 'aria-describedby': describedBy }),\n    ...(a.busy === undefined ? {} : { 'aria-busy': a.busy }),\n  };\n}\n\nexport const Input = React.forwardRef<HTMLInputElement, InputProps>(\n  (\n    {\n      variant = 'outlined',\n      size = 'md',\n      label,\n      error,\n      helperText,\n      startAdornment,\n      endAdornment,\n      fullWidth = true,\n      floating = false,\n      glow = false,\n      pulse = false,\n      loading = false,\n      onClick,\n      onFocus,\n      onBlur,\n      'aria-label': ariaLabel,\n      'aria-describedby': ariaDescribedBy,\n      'aria-busy': ariaBusy,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { testId: dataTestId, rest: props } = splitTestId(rest);\n    const generatedId = React.useId();\n    const id = props.id ?? generatedId;\n    return (\n      <StyledTextField\n        ref={ref}\n        variant={muiVariantFor(variant)}\n        customVariant={variant}\n        fieldSize={size}\n        floating={floating}\n        glow={glow}\n        pulse={pulse}\n        loading={loading}\n        label={label}\n        error={error}\n        helperText={helperText}\n        fullWidth={fullWidth}\n        {...interactionProps(loading, onClick, props.disabled)}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        /*\n         * `aria-label` has to ride `inputProps` to reach the `<input>` (FUT-755).\n         * Spread with the rest it lands on the FormControl DIV that the text\n         * field renders as its root, which carries no role — so the field kept\n         * no accessible name, and a source grep saying \"this input is labelled\"\n         * disagreed with the DOM. The reports search box and the block-title\n         * inputs were both named in source and anonymous to a screen reader.\n         * `aria-describedby` and `aria-busy` are the same case: `inputAriaOf`.\n         */\n        inputProps={{\n          'data-testid': dataTestId,\n          ...inputAriaOf({ id, helperText, label: ariaLabel, describedBy: ariaDescribedBy, busy: ariaBusy }),\n        }}\n        InputProps={{\n          startAdornment: startAdornment && (\n            <InputAdornment position=\"start\">{startAdornment}</InputAdornment>\n          ),\n          endAdornment: <EndAdornment loading={loading} endAdornment={endAdornment} />,\n        }}\n        {...SIZE_MAP[size]}\n        {...props}\n        id={id}\n      />\n    );\n  },\n);\n\nInput.displayName = 'Input';\n"],"mappings":"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","names":[]}

package/dist/{chunk-2XX45PC5.js → chunk-TGXCG62P.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-4XK6JQ4D.js";
 import {
   CepField
-} from "./chunk-F6D6HXZU.js";
+} from "./chunk-7X7ZHJHM.js";
 
 // src/components/form/total-form/Fields/CepField.tsx
 import { useCallback, useMemo, useRef } from "react";
@@ -80,4 +80,4 @@ function CepField2({
 export {
   CepField2 as CepField
 };
-//# sourceMappingURL=chunk-2XX45PC5.js.map
+//# sourceMappingURL=chunk-TGXCG62P.js.map

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

@@ -1,5 +1,9 @@
 // src/components/data-display/HoverCard/HoverCard.hooks.ts
 import React from "react";
+var clearPending = (ref) => {
+  if (ref.current !== void 0) window.clearTimeout(ref.current);
+  ref.current = void 0;
+};
 var useHoverHandlers = ({
   isTouchDevice,
   touchEnabled,
@@ -25,7 +29,7 @@ var useHoverHandlers = ({
   const triggerHandlers = {
     onMouseEnter: (event) => {
       if (hoverIgnored) return;
-      openCard(event);
+      openCard(event.currentTarget);
     },
     onMouseLeave: () => {
       if (hoverIgnored) return;
@@ -34,16 +38,15 @@ var useHoverHandlers = ({
     onTouchStart: (event) => {
       if (!touchEnabled) return;
       if (touchTimeout) window.clearTimeout(touchTimeout);
-      setTouchTimeout(window.setTimeout(() => openCard(event), enterDelay));
+      const trigger = event.currentTarget;
+      setTouchTimeout(window.setTimeout(() => openCard(trigger), enterDelay));
     },
     // End and cancel do the same thing: the press did not become a long press.
     onTouchEnd: cancelTouch,
     onTouchCancel: cancelTouch
   };
   const cardHandlers = {
-    onMouseEnter: () => {
-      if (exitTimeoutRef.current) window.clearTimeout(exitTimeoutRef.current);
-    },
+    onMouseEnter: () => clearPending(exitTimeoutRef),
     onMouseLeave: closeCard
   };
   return { triggerHandlers, cardHandlers };
@@ -58,6 +61,25 @@ var useEscapeKey = (active, onEscape) => {
     return () => document.removeEventListener("keydown", handleEscape);
   }, [active, onEscape]);
 };
+var useClickAway = (active, inside, onAway) => {
+  React.useEffect(() => {
+    if (!active) return;
+    const handlePointerDown = (event) => {
+      const target = event.target;
+      if (target && inside().some((el) => el?.contains(target))) return;
+      onAway();
+    };
+    document.addEventListener("pointerdown", handlePointerDown, true);
+    return () => document.removeEventListener("pointerdown", handlePointerDown, true);
+  }, [active, inside, onAway]);
+};
+var useClearOnUnmount = (...refs) => {
+  React.useEffect(
+    () => () => refs.forEach(clearPending),
+    // The refs are stable objects: a mount/unmount pair, as before.
+    []
+  );
+};
 var useHoverCard = ({
   disabled,
   touchEnabled,
@@ -71,18 +93,17 @@ var useHoverCard = ({
   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(
-    (event) => {
+    (trigger) => {
       if (disabled) return;
-      if (exitTimeoutRef.current) {
-        window.clearTimeout(exitTimeoutRef.current);
-      }
-      const target = event.currentTarget;
+      clearPending(exitTimeoutRef);
+      clearPending(enterTimeoutRef);
       enterTimeoutRef.current = window.setTimeout(() => {
-        setAnchorEl(target);
+        setAnchorEl(trigger);
         setIsOpen(true);
         onOpen?.();
       }, enterDelay);
@@ -90,9 +111,8 @@ var useHoverCard = ({
     [disabled, enterDelay, onOpen]
   );
   const closeCard = React.useCallback(() => {
-    if (enterTimeoutRef.current) {
-      window.clearTimeout(enterTimeoutRef.current);
-    }
+    clearPending(enterTimeoutRef);
+    clearPending(exitTimeoutRef);
     exitTimeoutRef.current = window.setTimeout(() => {
       setIsOpen(false);
       setAnchorEl(null);
@@ -100,6 +120,8 @@ var useHoverCard = ({
     }, exitDelay);
   }, [exitDelay, onClose]);
   const handleClose = React.useCallback(() => {
+    clearPending(enterTimeoutRef);
+    clearPending(exitTimeoutRef);
     setIsOpen(false);
     setAnchorEl(null);
     onClose?.();
@@ -112,18 +134,14 @@ var useHoverCard = ({
     closeCard,
     exitTimeoutRef
   });
+  const insideCard = React.useCallback(() => [anchorEl, contentRef.current], [anchorEl]);
   useEscapeKey(isOpen, handleClose);
-  React.useEffect(
-    () => () => {
-      if (enterTimeoutRef.current) window.clearTimeout(enterTimeoutRef.current);
-      if (exitTimeoutRef.current) window.clearTimeout(exitTimeoutRef.current);
-    },
-    []
-  );
-  return { anchorEl, isOpen, handleClose, triggerHandlers, cardHandlers };
+  useClickAway(isOpen, insideCard, handleClose);
+  useClearOnUnmount(enterTimeoutRef, exitTimeoutRef);
+  return { anchorEl, isOpen, handleClose, triggerHandlers, cardHandlers, contentRef };
 };
 
 export {
   useHoverCard
 };
-//# sourceMappingURL=chunk-SXYIXCUB.js.map
+//# sourceMappingURL=chunk-VNWZWQF3.js.map

package/dist/chunk-VNWZWQF3.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 * 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":"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","names":[]}

package/dist/{chunk-SSS64KYB.js → chunk-Z43N7ASP.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-4XK6JQ4D.js";
 import {
   Input
-} from "./chunk-VURQZBFH.js";
+} from "./chunk-JRJCBDGN.js";
 import {
   FormControl,
   FormLabel,
@@ -38,4 +38,4 @@ function TextField({ name, label, type = "text", placeholder }) {
 export {
   TextField
 };
-//# sourceMappingURL=chunk-SSS64KYB.js.map
+//# sourceMappingURL=chunk-Z43N7ASP.js.map

package/dist/{chunk-6MFMLQ72.js → chunk-ZNDDILNQ.js}

@@ -10,7 +10,7 @@ import {
 import {
   ViewDialogs,
   ViewMutationErrorAlert
-} from "./chunk-A5B7B4HT.js";
+} from "./chunk-INMKA5SF.js";
 import {
   useSavedViewsController
 } from "./chunk-HR7YTBR7.js";
@@ -178,4 +178,4 @@ function renderViewDialogs(ctl, fields, columns, views, testIdPrefix, onSaved) {
 export {
   DataViewsTableBase
 };
-//# sourceMappingURL=chunk-6MFMLQ72.js.map
+//# sourceMappingURL=chunk-ZNDDILNQ.js.map

package/dist/data-display/DataViews.js

@@ -3,7 +3,7 @@ import {
 } from "../chunk-I5T5PQQW.js";
 import {
   DataViewsTableBase
-} from "../chunk-6MFMLQ72.js";
+} from "../chunk-ZNDDILNQ.js";
 import "../chunk-3333KCAW.js";
 import {
   DataViewsGrid
@@ -68,8 +68,8 @@ import {
   cardScaleForZoom
 } from "../chunk-XZJM6EPC.js";
 import "../chunk-M4KVKQRN.js";
-import "../chunk-A5B7B4HT.js";
-import "../chunk-VJG7NMGL.js";
+import "../chunk-INMKA5SF.js";
+import "../chunk-IYF246UA.js";
 import "../chunk-ECIHOZPK.js";
 import "../chunk-5M4TYFR3.js";
 import "../chunk-HR7YTBR7.js";
@@ -151,7 +151,7 @@ import "../chunk-LXT3X33C.js";
 import "../chunk-DMNZD3Q7.js";
 import "../chunk-JC22FNFA.js";
 import "../chunk-QYKDY4EI.js";
-import "../chunk-VURQZBFH.js";
+import "../chunk-JRJCBDGN.js";
 import "../chunk-SL6454K7.js";
 import "../chunk-THMT3G3L.js";
 import "../chunk-RNIU447I.js";

package/dist/data-display/HoverCard.js

@@ -1,9 +1,9 @@
 import "../chunk-6OS4AKWT.js";
 import {
   HoverCard
-} from "../chunk-DAHYLPK7.js";
+} from "../chunk-CMV6BRQ3.js";
 import "../chunk-BSYPPO2I.js";
-import "../chunk-SXYIXCUB.js";
+import "../chunk-VNWZWQF3.js";
 import "../chunk-NRIV2CQ2.js";
 import "../chunk-ZHV7TCAC.js";
 import "../chunk-HPK33ACY.js";

package/dist/form/CepField.js

@@ -1,9 +1,9 @@
 import "../chunk-6XLMTOJ3.js";
 import {
   CepField
-} from "../chunk-F6D6HXZU.js";
+} from "../chunk-7X7ZHJHM.js";
 import "../chunk-QYKDY4EI.js";
-import "../chunk-VURQZBFH.js";
+import "../chunk-JRJCBDGN.js";
 import "../chunk-SL6454K7.js";
 import "../chunk-THMT3G3L.js";
 import "../chunk-RNIU447I.js";

package/dist/form/Input.js

@@ -1,7 +1,7 @@
 import "../chunk-QYKDY4EI.js";
 import {
   Input
-} from "../chunk-VURQZBFH.js";
+} from "../chunk-JRJCBDGN.js";
 import "../chunk-SL6454K7.js";
 import "../chunk-THMT3G3L.js";
 import "../chunk-RNIU447I.js";

package/dist/form/total-form.js

@@ -9,15 +9,15 @@ import {
 } from "../chunk-CPAJYJUD.js";
 import {
   Fields_exports
-} from "../chunk-YS67XMOP.js";
+} from "../chunk-I5ZVCY2N.js";
 import "../chunk-FNG33MKA.js";
 import {
   TextField
-} from "../chunk-SSS64KYB.js";
+} from "../chunk-Z43N7ASP.js";
 import {
   SelectField
 } from "../chunk-PWZHCBG3.js";
-import "../chunk-2XX45PC5.js";
+import "../chunk-TGXCG62P.js";
 import {
   CategoryField
 } from "../chunk-T6EKPFKZ.js";
@@ -33,7 +33,7 @@ import "../chunk-W5TI46QN.js";
 import "../chunk-JD5BVIM7.js";
 import "../chunk-VQYR64QB.js";
 import "../chunk-6XLMTOJ3.js";
-import "../chunk-F6D6HXZU.js";
+import "../chunk-7X7ZHJHM.js";
 import "../chunk-N5ZWC6CB.js";
 import "../chunk-BKASAYQL.js";
 import "../chunk-2JNHWKQK.js";
@@ -52,7 +52,7 @@ import "../chunk-LXT3X33C.js";
 import "../chunk-DMNZD3Q7.js";
 import "../chunk-JC22FNFA.js";
 import "../chunk-QYKDY4EI.js";
-import "../chunk-VURQZBFH.js";
+import "../chunk-JRJCBDGN.js";
 import "../chunk-SL6454K7.js";
 import "../chunk-THMT3G3L.js";
 import "../chunk-RNIU447I.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;AA6DhG,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;AAsEhG,eAAO,MAAM,SAAS,oGA8EpB,CAAC"}

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

@@ -30,6 +30,7 @@ export declare const useHoverCard: ({ disabled, touchEnabled, enterDelay, exitDe
         onMouseEnter: () => void;
         onMouseLeave: () => void;
     };
+    contentRef: React.RefObject<HTMLDivElement | null>;
 };
 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;AAuF1B,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;;;;;8BAnEG,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC;;8BAQ7B,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC;;;;;;4BA7CpC,IAAI;;CA4KtB,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;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"}

package/dist/types/components/form/Input/Input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Input/Input.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAgB1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAwEhD,eAAO,MAAM,KAAK,qFAgEjB,CAAC"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Input/Input.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAgB1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAyGhD,eAAO,MAAM,KAAK,qFAsEjB,CAAC"}

package/package.json

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

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

@@ -1,12 +1,24 @@
 import React from 'react';
 
+type TimerRef = React.MutableRefObject<number | undefined>;
+
+/**
+ * Cancel the timer a ref holds, and forget it. Every place that schedules
+ * or dismisses goes through this, so no timer outlives the ref that could
+ * cancel it (FUT-2619: an overwritten enter timer reopened a dismissed card).
+ */
+const clearPending = (ref: TimerRef) => {
+  if (ref.current !== undefined) window.clearTimeout(ref.current);
+  ref.current = undefined;
+};
+
 interface HandlerInput {
   isTouchDevice: boolean;
   touchEnabled: boolean;
   enterDelay: number;
-  openCard: (event: React.MouseEvent<HTMLElement> | React.TouchEvent<HTMLElement>) => void;
+  openCard: (trigger: HTMLElement) => void;
   closeCard: () => void;
-  exitTimeoutRef: React.MutableRefObject<number | undefined>;
+  exitTimeoutRef: TimerRef;
 }
 
 /**
@@ -44,7 +56,7 @@ const useHoverHandlers = ({
   const triggerHandlers = {
     onMouseEnter: (event: React.MouseEvent<HTMLElement>) => {
       if (hoverIgnored) return;
-      openCard(event);
+      openCard(event.currentTarget);
     },
     onMouseLeave: () => {
       if (hoverIgnored) return;
@@ -53,7 +65,10 @@ const useHoverHandlers = ({
     onTouchStart: (event: React.TouchEvent<HTMLElement>) => {
       if (!touchEnabled) return;
       if (touchTimeout) window.clearTimeout(touchTimeout);
-      setTouchTimeout(window.setTimeout(() => openCard(event), enterDelay));
+      // Read NOW: React nulls `currentTarget` once the handler returns, so
+      // the long-press timer used to open the card with no anchor at all.
+      const trigger = event.currentTarget;
+      setTouchTimeout(window.setTimeout(() => openCard(trigger), enterDelay));
     },
     // End and cancel do the same thing: the press did not become a long press.
     onTouchEnd: cancelTouch,
@@ -62,9 +77,7 @@ const useHoverHandlers = ({
 
   /** Moving onto the card keeps it open; leaving it starts the exit delay. */
   const cardHandlers = {
-    onMouseEnter: () => {
-      if (exitTimeoutRef.current) window.clearTimeout(exitTimeoutRef.current);
-    },
+    onMouseEnter: () => clearPending(exitTimeoutRef),
     onMouseLeave: closeCard,
   };
 
@@ -85,6 +98,45 @@ const useEscapeKey = (active: boolean, onEscape: () => void) => {
   }, [active, onEscape]);
 };
 
+/**
+ * A press anywhere outside the trigger and the card dismisses it.
+ *
+ * Touch has no mouse-leave, and MUI's own click-away was the popover's
+ * 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.
+ */
+const useClickAway = (
+  active: boolean,
+  inside: () => ReadonlyArray<Element | null>,
+  onAway: () => void,
+) => {
+  React.useEffect(() => {
+    if (!active) return;
+
+    const handlePointerDown = (event: globalThis.PointerEvent) => {
+      const target = event.target as Node | null;
+      if (target && inside().some((el) => el?.contains(target))) return;
+      onAway();
+    };
+
+    document.addEventListener('pointerdown', handlePointerDown, true);
+    return () => document.removeEventListener('pointerdown', handlePointerDown, true);
+  }, [active, inside, onAway]);
+};
+
+/** Whatever is still pending when the card unmounts is cancelled with it. */
+const useClearOnUnmount = (...refs: TimerRef[]) => {
+  React.useEffect(
+    () => () => refs.forEach(clearPending),
+    // The refs are stable objects: a mount/unmount pair, as before.
+    [],
+  );
+};
+
 interface HoverCardTimingInput {
   disabled: boolean;
   touchEnabled: boolean;
@@ -115,6 +167,8 @@ export const useHoverCard = ({
   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(() => {
@@ -122,16 +176,18 @@ export const useHoverCard = ({
   }, []);
 
   const openCard = React.useCallback(
-    (event: React.MouseEvent<HTMLElement> | React.TouchEvent<HTMLElement>) => {
+    (trigger: HTMLElement) => {
       if (disabled) return;
 
-      if (exitTimeoutRef.current) {
-        window.clearTimeout(exitTimeoutRef.current);
-      }
+      clearPending(exitTimeoutRef);
+      // A second enter before the delay ran out (a click and then a hover, or
+      // the pointer jittering across the edge) must REPLACE the pending open,
+      // not add one: an overwritten timer can no longer be cancelled, and it
+      // reopened the card after Escape had closed it.
+      clearPending(enterTimeoutRef);
 
-      const target = event.currentTarget;
       enterTimeoutRef.current = window.setTimeout(() => {
-        setAnchorEl(target);
+        setAnchorEl(trigger);
         setIsOpen(true);
         onOpen?.();
       }, enterDelay);
@@ -140,9 +196,8 @@ export const useHoverCard = ({
   );
 
   const closeCard = React.useCallback(() => {
-    if (enterTimeoutRef.current) {
-      window.clearTimeout(enterTimeoutRef.current);
-    }
+    clearPending(enterTimeoutRef);
+    clearPending(exitTimeoutRef);
 
     exitTimeoutRef.current = window.setTimeout(() => {
       setIsOpen(false);
@@ -151,7 +206,11 @@ export const useHoverCard = ({
     }, exitDelay);
   }, [exitDelay, onClose]);
 
+  // Escape and the popover's own close are FINAL: nothing still pending may
+  // reopen the card behind them. It opens again on the next enter.
   const handleClose = React.useCallback(() => {
+    clearPending(enterTimeoutRef);
+    clearPending(exitTimeoutRef);
     setIsOpen(false);
     setAnchorEl(null);
     onClose?.();
@@ -166,15 +225,11 @@ export const useHoverCard = ({
     exitTimeoutRef,
   });
 
-  useEscapeKey(isOpen, handleClose);
+  const insideCard = React.useCallback(() => [anchorEl, contentRef.current], [anchorEl]);
 
-  React.useEffect(
-    () => () => {
-      if (enterTimeoutRef.current) window.clearTimeout(enterTimeoutRef.current);
-      if (exitTimeoutRef.current) window.clearTimeout(exitTimeoutRef.current);
-    },
-    [],
-  );
+  useEscapeKey(isOpen, handleClose);
+  useClickAway(isOpen, insideCard, handleClose);
+  useClearOnUnmount(enterTimeoutRef, exitTimeoutRef);
 
-  return { anchorEl, isOpen, handleClose, triggerHandlers, cardHandlers };
+  return { anchorEl, isOpen, handleClose, triggerHandlers, cardHandlers, contentRef };
 };

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

@@ -107,6 +107,7 @@ The HoverCard component displays additional information in a card-style popup wh
 ## Accessibility Notes
 
 - 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
 - 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

@@ -26,6 +26,15 @@ const StyledCard = styled(Card, {
 const StyledPopover = styled(Popover, {
   shouldForwardProp: (prop) => prop !== 'customAnimation',
 })<{ customAnimation?: HoverCardAnimation }>(({ customAnimation }) => ({
+  // Only the card takes the pointer (its paper sets `pointer-events: auto`).
+  // MUI's popover root and its invisible backdrop cover the whole viewport, so
+  // while a card was open the pointer was "on the card" wherever it went: the
+  // backdrop's mouseover reached the card's onMouseEnter and cancelled the
+  // close the trigger's mouseleave had just scheduled. A card left by moving
+  // the mouse away stayed open, and the page's next click hit the backdrop
+  // instead of its target (FUT-2619). The backdrop was also the only
+  // click-away; `useClickAway` in the hooks replaces it.
+  pointerEvents: 'none',
   // The popover only positions; StyledCard draws the surface.
   '& .MuiPopover-paper': {
     backgroundColor: 'transparent',
@@ -81,7 +90,7 @@ export const HoverCard = React.forwardRef<HTMLDivElement, HoverCardProps>((props
     ...rest
   } = withDefaults(props, DEFAULTS) as ResolvedProps;
 
-  const { anchorEl, isOpen, handleClose, triggerHandlers, cardHandlers } = useHoverCard({
+  const { anchorEl, isOpen, handleClose, triggerHandlers, cardHandlers, contentRef } = useHoverCard({
     disabled,
     touchEnabled,
     enterDelay,
@@ -124,7 +133,7 @@ export const HoverCard = React.forwardRef<HTMLDivElement, HoverCardProps>((props
         slotProps={{ paper: { style: { pointerEvents: 'auto' } } }}
         {...rest}
       >
-        <Box sx={{ position: 'relative' }}>
+        <Box ref={contentRef} sx={{ position: 'relative' }}>
           {showArrow && <ArrowContainer placement={placement} offset={offset} />}
           <StyledCard
             customVariant={variant}

package/src/components/form/Input/Input.tsx

@@ -89,6 +89,39 @@ const interactionProps = (
   onClick: loading ? undefined : onClick,
 });
 
+/**
+ * The ARIA that describes the field has to sit on the `<input>`: the text
+ * field puts every attribute it does not recognise on its root `FormControl`,
+ * a `<div>` with no role, where a screen reader never reads it.
+ *
+ * `aria-label` has ridden `inputProps` since FUT-755. `aria-describedby` and
+ * `aria-busy` fell through to the div until FUT-2619, so CepField's input
+ * pointed at nothing while its lookup status lived in a live region beside it.
+ *
+ * `inputProps` are spread onto the `<input>` AFTER the `aria-describedby` MUI
+ * writes for helper text, so a caller's ids REPLACE the helper text's: MUI's
+ * `TextField` on its own keeps only one of the two. This joins both, helper
+ * text first. The helper id is MUI's `<id>-helper-text` (the parity test pins
+ * that spelling), which is why the field's id is fixed here rather than left
+ * to the text field.
+ */
+function inputAriaOf(a: {
+  id: string;
+  helperText: React.ReactNode;
+  label?: string;
+  describedBy?: string;
+  busy?: InputProps['aria-busy'];
+}): Record<string, unknown> {
+  const describedBy = [a.helperText ? `${a.id}-helper-text` : undefined, a.describedBy]
+    .filter(Boolean)
+    .join(' ');
+  return {
+    ...(a.label === undefined ? {} : { 'aria-label': a.label }),
+    ...(a.describedBy === undefined ? {} : { 'aria-describedby': describedBy }),
+    ...(a.busy === undefined ? {} : { 'aria-busy': a.busy }),
+  };
+}
+
 export const Input = React.forwardRef<HTMLInputElement, InputProps>(
   (
     {
@@ -108,11 +141,15 @@ export const Input = React.forwardRef<HTMLInputElement, InputProps>(
       onFocus,
       onBlur,
       'aria-label': ariaLabel,
+      'aria-describedby': ariaDescribedBy,
+      'aria-busy': ariaBusy,
       ...rest
     },
     ref,
   ) => {
     const { testId: dataTestId, rest: props } = splitTestId(rest);
+    const generatedId = React.useId();
+    const id = props.id ?? generatedId;
     return (
       <StyledTextField
         ref={ref}
@@ -137,10 +174,11 @@ export const Input = React.forwardRef<HTMLInputElement, InputProps>(
          * no accessible name, and a source grep saying "this input is labelled"
          * disagreed with the DOM. The reports search box and the block-title
          * inputs were both named in source and anonymous to a screen reader.
+         * `aria-describedby` and `aria-busy` are the same case: `inputAriaOf`.
          */
         inputProps={{
           'data-testid': dataTestId,
-          ...(ariaLabel === undefined ? {} : { 'aria-label': ariaLabel }),
+          ...inputAriaOf({ id, helperText, label: ariaLabel, describedBy: ariaDescribedBy, busy: ariaBusy }),
         }}
         InputProps={{
           startAdornment: startAdornment && (
@@ -150,6 +188,7 @@ export const Input = React.forwardRef<HTMLInputElement, InputProps>(
         }}
         {...SIZE_MAP[size]}
         {...props}
+        id={id}
       />
     );
   },

package/dist/chunk-DAHYLPK7.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  // 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 } = 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 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":"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","names":[]}

package/dist/chunk-SXYIXCUB.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/HoverCard/HoverCard.hooks.ts"],"sourcesContent":["import React from 'react';\n\ninterface HandlerInput {\n  isTouchDevice: boolean;\n  touchEnabled: boolean;\n  enterDelay: number;\n  openCard: (event: React.MouseEvent<HTMLElement> | React.TouchEvent<HTMLElement>) => void;\n  closeCard: () => void;\n  exitTimeoutRef: React.MutableRefObject<number | undefined>;\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);\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      setTouchTimeout(window.setTimeout(() => openCard(event), 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: () => {\n      if (exitTimeoutRef.current) window.clearTimeout(exitTimeoutRef.current);\n    },\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\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\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    (event: React.MouseEvent<HTMLElement> | React.TouchEvent<HTMLElement>) => {\n      if (disabled) return;\n\n      if (exitTimeoutRef.current) {\n        window.clearTimeout(exitTimeoutRef.current);\n      }\n\n      const target = event.currentTarget;\n      enterTimeoutRef.current = window.setTimeout(() => {\n        setAnchorEl(target);\n        setIsOpen(true);\n        onOpen?.();\n      }, enterDelay);\n    },\n    [disabled, enterDelay, onOpen],\n  );\n\n  const closeCard = React.useCallback(() => {\n    if (enterTimeoutRef.current) {\n      window.clearTimeout(enterTimeoutRef.current);\n    }\n\n    exitTimeoutRef.current = window.setTimeout(() => {\n      setIsOpen(false);\n      setAnchorEl(null);\n      onClose?.();\n    }, exitDelay);\n  }, [exitDelay, onClose]);\n\n  const handleClose = React.useCallback(() => {\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  useEscapeKey(isOpen, handleClose);\n\n  React.useEffect(\n    () => () => {\n      if (enterTimeoutRef.current) window.clearTimeout(enterTimeoutRef.current);\n      if (exitTimeoutRef.current) window.clearTimeout(exitTimeoutRef.current);\n    },\n    [],\n  );\n\n  return { anchorEl, isOpen, handleClose, triggerHandlers, cardHandlers };\n};\n"],"mappings":"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","names":[]}

package/dist/chunk-VURQZBFH.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/Input/Input.tsx"],"sourcesContent":["import CircularProgress from '@mui/material/CircularProgress/index.js';\nimport InputAdornment from '@mui/material/InputAdornment/index.js';\nimport { styled, useTheme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport { INPUT_LOADING } from './Input.metrics';\nimport { TextFieldSlim } from './text-field-slim';\n\nimport {\n  filledStyles,\n  floatingLabelStyles,\n  glowStyles,\n  inputBaseStyles,\n  inputRadiusStyles,\n  muiVariantFor,\n  outlinedStyles,\n  pulseStyles,\n  SIZE_MAP,\n} from './Input.styles';\nimport type { InputProps } from './Input.types';\nimport { splitTestId } from '../../../platform/test-id';\nimport { fieldControlStyles } from '../../../tokens/field-height';\nimport { rem } from '../../../tokens/relative';\nimport type { SizeValue } from '../../../tokens/vocabulary';\n\n/**\n * `TextFieldSlim`, not `TextField` — see `text-field-slim.tsx`. MUI's own\n * `TextField` imports `Select` unconditionally, and through it `Menu`,\n * `Popover`, `Modal` and seven more component modules, so every screen with one\n * text box shipped a dropdown it can never render. Same composition, same DOM,\n * same prop routing; the select branch is the only thing missing.\n */\nconst StyledTextField = styled(TextFieldSlim, {\n  shouldForwardProp: (prop) =>\n    !['customVariant', 'fieldSize', 'floating', 'glow', 'pulse', 'loading'].includes(prop as string),\n})<{\n  customVariant?: InputProps['variant'];\n  fieldSize: SizeValue;\n  floating?: boolean;\n  glow?: boolean;\n  pulse?: boolean;\n  loading?: boolean;\n}>(({ theme, customVariant, fieldSize, floating, glow, pulse, loading }) => ({\n  position: 'relative',\n  // The theme's field height for this size (outlined family, one line).\n  ...fieldControlStyles(theme, fieldSize),\n  opacity: loading ? INPUT_LOADING.opacity : 1,\n\n  ...(glow ? glowStyles(theme) : {}),\n  ...(pulse ? pulseStyles(theme, fieldSize) : {}),\n  ...(floating ? floatingLabelStyles(theme) : {}),\n\n  '& .MuiInputBase-root': {\n    transition: 'all 0.3s ease',\n    ...inputRadiusStyles(theme, customVariant),\n    ...inputBaseStyles(theme, customVariant),\n  },\n\n  '& .MuiOutlinedInput-root': outlinedStyles(theme),\n  '& .MuiFilledInput-root': filledStyles(theme),\n}));\n\n/** Only one adornment shows at a time: the spinner replaces the caller's while loading. */\nconst EndAdornment: React.FC<{ loading: boolean; endAdornment?: React.ReactNode }> = ({\n  loading,\n  endAdornment,\n}) => {\n  const theme = useTheme();\n  if (loading) {\n    return (\n      <InputAdornment position=\"end\">\n        <CircularProgress size={rem(theme, INPUT_LOADING.spinnerSize)} />\n      </InputAdornment>\n    );\n  }\n\n  if (!endAdornment) return null;\n\n  return <InputAdornment position=\"end\">{endAdornment}</InputAdornment>;\n};\n\n/** While loading the field is inert: no clicks, and disabled to assistive tech. */\nconst interactionProps = (\n  loading: boolean,\n  onClick: InputProps['onClick'],\n  disabled?: boolean,\n) => ({\n  disabled: loading || disabled,\n  onClick: loading ? undefined : onClick,\n});\n\nexport const Input = React.forwardRef<HTMLInputElement, InputProps>(\n  (\n    {\n      variant = 'outlined',\n      size = 'md',\n      label,\n      error,\n      helperText,\n      startAdornment,\n      endAdornment,\n      fullWidth = true,\n      floating = false,\n      glow = false,\n      pulse = false,\n      loading = false,\n      onClick,\n      onFocus,\n      onBlur,\n      'aria-label': ariaLabel,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { testId: dataTestId, rest: props } = splitTestId(rest);\n    return (\n      <StyledTextField\n        ref={ref}\n        variant={muiVariantFor(variant)}\n        customVariant={variant}\n        fieldSize={size}\n        floating={floating}\n        glow={glow}\n        pulse={pulse}\n        loading={loading}\n        label={label}\n        error={error}\n        helperText={helperText}\n        fullWidth={fullWidth}\n        {...interactionProps(loading, onClick, props.disabled)}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        /*\n         * `aria-label` has to ride `inputProps` to reach the `<input>` (FUT-755).\n         * Spread with the rest it lands on the FormControl DIV that the text\n         * field renders as its root, which carries no role — so the field kept\n         * no accessible name, and a source grep saying \"this input is labelled\"\n         * disagreed with the DOM. The reports search box and the block-title\n         * inputs were both named in source and anonymous to a screen reader.\n         */\n        inputProps={{\n          'data-testid': dataTestId,\n          ...(ariaLabel === undefined ? {} : { 'aria-label': ariaLabel }),\n        }}\n        InputProps={{\n          startAdornment: startAdornment && (\n            <InputAdornment position=\"start\">{startAdornment}</InputAdornment>\n          ),\n          endAdornment: <EndAdornment loading={loading} endAdornment={endAdornment} />,\n        }}\n        {...SIZE_MAP[size]}\n        {...props}\n      />\n    );\n  },\n);\n\nInput.displayName = 'Input';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,sBAAsB;AAC7B,OAAO,oBAAoB;AAC3B,SAAS,QAAQ,gBAAgB;AACjC,OAAO,WAAW;AAoEV;AAvCR,IAAM,kBAAkB,OAAO,eAAe;AAAA,EAC5C,mBAAmB,CAAC,SAClB,CAAC,CAAC,iBAAiB,aAAa,YAAY,QAAQ,SAAS,SAAS,EAAE,SAAS,IAAc;AACnG,CAAC,EAOE,CAAC,EAAE,OAAO,eAAe,WAAW,UAAU,MAAM,OAAO,QAAQ,OAAO;AAAA,EAC3E,UAAU;AAAA;AAAA,EAEV,GAAG,mBAAmB,OAAO,SAAS;AAAA,EACtC,SAAS,UAAU,cAAc,UAAU;AAAA,EAE3C,GAAI,OAAO,WAAW,KAAK,IAAI,CAAC;AAAA,EAChC,GAAI,QAAQ,YAAY,OAAO,SAAS,IAAI,CAAC;AAAA,EAC7C,GAAI,WAAW,oBAAoB,KAAK,IAAI,CAAC;AAAA,EAE7C,wBAAwB;AAAA,IACtB,YAAY;AAAA,IACZ,GAAG,kBAAkB,OAAO,aAAa;AAAA,IACzC,GAAG,gBAAgB,OAAO,aAAa;AAAA,EACzC;AAAA,EAEA,4BAA4B,eAAe,KAAK;AAAA,EAChD,0BAA0B,aAAa,KAAK;AAC9C,EAAE;AAGF,IAAM,eAA+E,CAAC;AAAA,EACpF;AAAA,EACA;AACF,MAAM;AACJ,QAAM,QAAQ,SAAS;AACvB,MAAI,SAAS;AACX,WACE,oBAAC,kBAAe,UAAS,OACvB,8BAAC,oBAAiB,MAAM,IAAI,OAAO,cAAc,WAAW,GAAG,GACjE;AAAA,EAEJ;AAEA,MAAI,CAAC,aAAc,QAAO;AAE1B,SAAO,oBAAC,kBAAe,UAAS,OAAO,wBAAa;AACtD;AAGA,IAAM,mBAAmB,CACvB,SACA,SACA,cACI;AAAA,EACJ,UAAU,WAAW;AAAA,EACrB,SAAS,UAAU,SAAY;AACjC;AAEO,IAAM,QAAQ,MAAM;AAAA,EACzB,CACE;AAAA,IACE,UAAU;AAAA,IACV,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd,GAAG;AAAA,EACL,GACA,QACG;AACH,UAAM,EAAE,QAAQ,YAAY,MAAM,MAAM,IAAI,YAAY,IAAI;AAC5D,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,SAAS,cAAc,OAAO;AAAA,QAC9B,eAAe;AAAA,QACf,WAAW;AAAA,QACX;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACC,GAAG,iBAAiB,SAAS,SAAS,MAAM,QAAQ;AAAA,QACrD;AAAA,QACA;AAAA,QASA,YAAY;AAAA,UACV,eAAe;AAAA,UACf,GAAI,cAAc,SAAY,CAAC,IAAI,EAAE,cAAc,UAAU;AAAA,QAC/D;AAAA,QACA,YAAY;AAAA,UACV,gBAAgB,kBACd,oBAAC,kBAAe,UAAS,SAAS,0BAAe;AAAA,UAEnD,cAAc,oBAAC,gBAAa,SAAkB,cAA4B;AAAA,QAC5E;AAAA,QACC,GAAG,SAAS,IAAI;AAAA,QAChB,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AAEA,MAAM,cAAc;","names":[]}