@12-apps/ui 6.11.0 → 6.12.0

package/dist/data-display/DescriptionItem.js

@@ -1,7 +1,8 @@
+import "../chunk-SNCSGLJ6.js";
 import {
   DescriptionItem
-} from "../chunk-HR7KRGJQ.js";
-import "../chunk-6J7WQGE5.js";
+} from "../chunk-TCAB2ERD.js";
+import "../chunk-VRHBJXZ7.js";
 import "../chunk-PZ5AY32C.js";
 export {
   DescriptionItem

package/dist/data-display/EmptyState.js

@@ -1,7 +1,7 @@
 import {
   EmptyState,
   EmptyState_default
-} from "../chunk-TLBCBVYY.js";
+} from "../chunk-7M5BACFQ.js";
 import "../chunk-PZ5AY32C.js";
 export {
   EmptyState,

package/dist/data-display/ErrorState.js

@@ -1,6 +1,7 @@
+import "../chunk-UCYU56FO.js";
 import {
   ErrorState
-} from "../chunk-YKN5S2F6.js";
+} from "../chunk-E67PUPFJ.js";
 import "../chunk-PZ5AY32C.js";
 export {
   ErrorState

package/dist/data-display/HoverCard.js

@@ -1,568 +1,13 @@
+import "../chunk-6OS4AKWT.js";
 import {
-  withDefaults
-} from "../chunk-Y2JYDXL7.js";
+  HoverCard
+} from "../chunk-XFUNJYFT.js";
+import "../chunk-SXYIXCUB.js";
+import "../chunk-O26MKGIC.js";
+import "../chunk-KSLNO5NG.js";
+import "../chunk-IT7ATXU7.js";
+import "../chunk-HPK33ACY.js";
 import "../chunk-PZ5AY32C.js";
-
-// src/components/data-display/HoverCard/HoverCard.tsx
-import { Box as Box2, Card, CardContent, Popover } from "@mui/material";
-import { styled as styled2 } from "@mui/material";
-import React3 from "react";
-
-// src/components/data-display/HoverCard/HoverCard.content.tsx
-import { Avatar, Box, CircularProgress, Typography } from "@mui/material";
-import { styled } from "@mui/material";
-import React from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var LoadingContainer = styled(Box)(({ theme }) => ({
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "center",
-  minHeight: 80,
-  color: theme.palette.text.secondary
-}));
-var testId = (base, suffix, fallback) => base ? `${base}-${suffix}` : fallback;
-var CardAvatar = ({ avatar }) => {
-  if (!avatar) return null;
-  if (typeof avatar === "string") {
-    return /* @__PURE__ */ jsx(Avatar, { src: avatar, sx: { width: 48, height: 48, mr: 2 } });
-  }
-  const element = avatar;
-  return React.cloneElement(element, {
-    sx: { width: 48, height: 48, mr: 2, ...element.props.sx }
-  });
-};
-var Title = ({ title, variant, sx, dataTestId }) => /* @__PURE__ */ jsx(
-  Typography,
-  {
-    variant: variant === "minimal" ? "body2" : "subtitle1",
-    sx: { fontWeight: 600, ...sx },
-    "data-testid": testId(dataTestId, "title", "hover-card-title"),
-    children: title
-  }
-);
-var Description = ({ description, sx, dataTestId }) => /* @__PURE__ */ jsx(
-  Typography,
-  {
-    variant: "body2",
-    color: "text.secondary",
-    sx,
-    "data-testid": testId(dataTestId, "description", "hover-card-description"),
-    children: description
-  }
-);
-var DetailedContent = ({
-  title,
-  description,
-  avatar,
-  children,
-  dataTestId
-}) => /* @__PURE__ */ jsxs(Fragment, { children: [
-  avatar && /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", mb: 2 }, children: [
-    /* @__PURE__ */ jsx(CardAvatar, { avatar }),
-    /* @__PURE__ */ jsxs(Box, { children: [
-      title && /* @__PURE__ */ jsx(
-        Typography,
-        {
-          variant: "h6",
-          sx: { fontWeight: 600, mb: 0.5 },
-          "data-testid": testId(dataTestId, "title", "hover-card-title"),
-          children: title
-        }
-      ),
-      description && /* @__PURE__ */ jsx(Description, { description, dataTestId })
-    ] })
-  ] }),
-  !avatar && title && /* @__PURE__ */ jsx(
-    Typography,
-    {
-      variant: "h6",
-      sx: { fontWeight: 600, mb: 1 },
-      "data-testid": testId(dataTestId, "title", "hover-card-title"),
-      children: title
-    }
-  ),
-  !avatar && description && /* @__PURE__ */ jsx(Description, { description, sx: { mb: 1 }, dataTestId }),
-  children && /* @__PURE__ */ jsx(Box, { children })
-] });
-var HoverCardContent = (props) => {
-  const { variant, title, description, avatar, loading, loadingComponent, children, dataTestId } = props;
-  const { loadingText } = props;
-  if (loading) {
-    return /* @__PURE__ */ jsx(LoadingContainer, { children: loadingComponent || /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-      /* @__PURE__ */ jsx(CircularProgress, { size: 20 }),
-      /* @__PURE__ */ jsx(Typography, { variant: "body2", children: loadingText })
-    ] }) });
-  }
-  if (variant === "detailed" && (avatar || title || description)) {
-    return /* @__PURE__ */ jsx(DetailedContent, { ...props });
-  }
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    title && /* @__PURE__ */ jsx(Title, { title, variant, sx: { mb: 0.5 }, dataTestId }),
-    description && /* @__PURE__ */ jsx(Description, { description, dataTestId }),
-    children
-  ] });
-};
-
-// src/components/data-display/HoverCard/HoverCard.hooks.ts
-import React2 from "react";
-var useHoverHandlers = ({
-  isTouchDevice,
-  touchEnabled,
-  enterDelay,
-  openCard,
-  closeCard,
-  exitTimeoutRef
-}) => {
-  const [touchTimeout, setTouchTimeout] = React2.useState();
-  const hoverIgnored = isTouchDevice && !touchEnabled;
-  const cancelTouch = React2.useCallback(() => {
-    if (touchTimeout) {
-      window.clearTimeout(touchTimeout);
-      setTouchTimeout(void 0);
-    }
-  }, [touchTimeout]);
-  React2.useEffect(
-    () => () => {
-      if (touchTimeout) window.clearTimeout(touchTimeout);
-    },
-    [touchTimeout]
-  );
-  const triggerHandlers = {
-    onMouseEnter: (event) => {
-      if (hoverIgnored) return;
-      openCard(event);
-    },
-    onMouseLeave: () => {
-      if (hoverIgnored) return;
-      closeCard();
-    },
-    onTouchStart: (event) => {
-      if (!touchEnabled) return;
-      if (touchTimeout) window.clearTimeout(touchTimeout);
-      setTouchTimeout(window.setTimeout(() => openCard(event), 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);
-    },
-    onMouseLeave: closeCard
-  };
-  return { triggerHandlers, cardHandlers };
-};
-var useEscapeKey = (active, onEscape) => {
-  React2.useEffect(() => {
-    if (!active) return;
-    const handleEscape = (event) => {
-      if (event.key === "Escape") onEscape();
-    };
-    document.addEventListener("keydown", handleEscape);
-    return () => document.removeEventListener("keydown", handleEscape);
-  }, [active, onEscape]);
-};
-var useHoverCard = ({
-  disabled,
-  touchEnabled,
-  enterDelay,
-  exitDelay,
-  onOpen,
-  onClose
-}) => {
-  const [anchorEl, setAnchorEl] = React2.useState(null);
-  const [isOpen, setIsOpen] = React2.useState(false);
-  const [isTouchDevice, setIsTouchDevice] = React2.useState(false);
-  const enterTimeoutRef = React2.useRef(void 0);
-  const exitTimeoutRef = React2.useRef(void 0);
-  React2.useEffect(() => {
-    setIsTouchDevice("ontouchstart" in window);
-  }, []);
-  const openCard = React2.useCallback(
-    (event) => {
-      if (disabled) return;
-      if (exitTimeoutRef.current) {
-        window.clearTimeout(exitTimeoutRef.current);
-      }
-      const target = event.currentTarget;
-      enterTimeoutRef.current = window.setTimeout(() => {
-        setAnchorEl(target);
-        setIsOpen(true);
-        onOpen?.();
-      }, enterDelay);
-    },
-    [disabled, enterDelay, onOpen]
-  );
-  const closeCard = React2.useCallback(() => {
-    if (enterTimeoutRef.current) {
-      window.clearTimeout(enterTimeoutRef.current);
-    }
-    exitTimeoutRef.current = window.setTimeout(() => {
-      setIsOpen(false);
-      setAnchorEl(null);
-      onClose?.();
-    }, exitDelay);
-  }, [exitDelay, onClose]);
-  const handleClose = React2.useCallback(() => {
-    setIsOpen(false);
-    setAnchorEl(null);
-    onClose?.();
-  }, [onClose]);
-  const { triggerHandlers, cardHandlers } = useHoverHandlers({
-    isTouchDevice,
-    touchEnabled,
-    enterDelay,
-    openCard,
-    closeCard,
-    exitTimeoutRef
-  });
-  useEscapeKey(isOpen, handleClose);
-  React2.useEffect(
-    () => () => {
-      if (enterTimeoutRef.current) window.clearTimeout(enterTimeoutRef.current);
-      if (exitTimeoutRef.current) window.clearTimeout(exitTimeoutRef.current);
-    },
-    []
-  );
-  return { anchorEl, isOpen, handleClose, triggerHandlers, cardHandlers };
-};
-
-// src/components/data-display/HoverCard/HoverCard.styles.ts
-import { alpha } from "@mui/material";
-
-// src/components/data-display/HoverCard/HoverCard.animations.ts
-import { keyframes } from "@mui/material";
-var pulseAnimation = keyframes`
-  0% {
-    box-shadow: 0 0 0 0 currentColor;
-    opacity: 1;
-  }
-  70% {
-    box-shadow: 0 0 0 10px currentColor;
-    opacity: 0;
-  }
-  100% {
-    box-shadow: 0 0 0 0 currentColor;
-    opacity: 0;
-  }
-`;
-var slideInUp = keyframes`
-  from {
-    opacity: 0;
-    transform: translateY(8px);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
-`;
-var slideInDown = keyframes`
-  from {
-    opacity: 0;
-    transform: translateY(-8px);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
-`;
-var slideInLeft = keyframes`
-  from {
-    opacity: 0;
-    transform: translateX(8px);
-  }
-  to {
-    opacity: 1;
-    transform: translateX(0);
-  }
-`;
-var slideInRight = keyframes`
-  from {
-    opacity: 0;
-    transform: translateX(-8px);
-  }
-  to {
-    opacity: 1;
-    transform: translateX(0);
-  }
-`;
-var scaleIn = keyframes`
-  from {
-    opacity: 0;
-    transform: scale(0.8);
-  }
-  to {
-    opacity: 1;
-    transform: scale(1);
-  }
-`;
-
-// src/components/data-display/HoverCard/HoverCard.styles.ts
-var sideOf = (placement) => {
-  if (placement.startsWith("top")) return "top";
-  if (placement.startsWith("left")) return "left";
-  if (placement.startsWith("right")) return "right";
-  return "bottom";
-};
-var ARROW_SIZE = 8;
-var ARROWS = {
-  top: (color) => ({
-    bottom: -ARROW_SIZE,
-    left: "50%",
-    transform: "translateX(-50%)",
-    borderLeft: `${ARROW_SIZE}px solid transparent`,
-    borderRight: `${ARROW_SIZE}px solid transparent`,
-    borderTop: `${ARROW_SIZE}px solid ${color}`
-  }),
-  bottom: (color) => ({
-    top: -ARROW_SIZE,
-    left: "50%",
-    transform: "translateX(-50%)",
-    borderLeft: `${ARROW_SIZE}px solid transparent`,
-    borderRight: `${ARROW_SIZE}px solid transparent`,
-    borderBottom: `${ARROW_SIZE}px solid ${color}`
-  }),
-  left: (color) => ({
-    right: -ARROW_SIZE,
-    top: "50%",
-    transform: "translateY(-50%)",
-    borderTop: `${ARROW_SIZE}px solid transparent`,
-    borderBottom: `${ARROW_SIZE}px solid transparent`,
-    borderLeft: `${ARROW_SIZE}px solid ${color}`
-  }),
-  right: (color) => ({
-    left: -ARROW_SIZE,
-    top: "50%",
-    transform: "translateY(-50%)",
-    borderTop: `${ARROW_SIZE}px solid transparent`,
-    borderBottom: `${ARROW_SIZE}px solid transparent`,
-    borderRight: `${ARROW_SIZE}px solid ${color}`
-  })
-};
-var arrowSx = (theme, placement) => ({
-  position: "absolute",
-  width: 0,
-  height: 0,
-  zIndex: 1,
-  ...ARROWS[sideOf(placement)](theme.palette.background.paper)
-});
-var ANCHOR_ORIGINS = {
-  top: { vertical: "top", horizontal: "center" },
-  bottom: { vertical: "bottom", horizontal: "center" },
-  left: { vertical: "center", horizontal: "left" },
-  right: { vertical: "center", horizontal: "right" }
-};
-var flip = (origin) => ({
-  vertical: origin.vertical === "top" ? "bottom" : origin.vertical === "bottom" ? "top" : "center",
-  horizontal: origin.horizontal === "left" ? "right" : origin.horizontal === "right" ? "left" : "center"
-});
-var getAnchorOrigin = (placement) => ANCHOR_ORIGINS[sideOf(placement)];
-var getTransformOrigin = (placement) => flip(ANCHOR_ORIGINS[sideOf(placement)]);
-var ANIMATIONS = {
-  // `fade` shares slideInUp deliberately: the keyframes fade in while rising.
-  fade: { animation: `${slideInUp} 0.2s ease-out` },
-  scale: { transformOrigin: "center", animation: `${scaleIn} 0.2s cubic-bezier(0.4, 0, 0.2, 1)` },
-  "slide-up": { animation: `${slideInUp} 0.3s cubic-bezier(0.4, 0, 0.2, 1)` },
-  "slide-down": { animation: `${slideInDown} 0.3s cubic-bezier(0.4, 0, 0.2, 1)` },
-  "slide-left": { animation: `${slideInLeft} 0.3s cubic-bezier(0.4, 0, 0.2, 1)` },
-  "slide-right": { animation: `${slideInRight} 0.3s cubic-bezier(0.4, 0, 0.2, 1)` }
-};
-var VARIANTS = {
-  default: (theme) => ({
-    backgroundColor: theme.palette.background.paper,
-    border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,
-    boxShadow: theme.shadows[8]
-  }),
-  glass: (theme) => ({
-    backgroundColor: alpha(theme.palette.background.paper, 0.85),
-    backdropFilter: "blur(20px)",
-    WebkitBackdropFilter: "blur(20px)",
-    border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,
-    boxShadow: `0 8px 32px ${alpha(theme.palette.common.black, 0.12)}`
-  }),
-  detailed: (theme) => ({
-    backgroundColor: theme.palette.background.paper,
-    border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,
-    boxShadow: theme.shadows[12]
-  }),
-  minimal: (theme) => ({
-    backgroundColor: theme.palette.background.paper,
-    border: `1px solid ${alpha(theme.palette.divider, 0.1)}`,
-    boxShadow: theme.shadows[4]
-  })
-};
-var glowStyles = (theme) => ({
-  boxShadow: `0 0 20px 5px ${alpha(theme.palette.primary.main, 0.3)} !important`,
-  filter: "brightness(1.05)"
-});
-var pulseStyles = (theme) => ({
-  position: "relative",
-  "&::after": {
-    content: '""',
-    position: "absolute",
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
-    borderRadius: "inherit",
-    backgroundColor: theme.palette.primary.main,
-    opacity: 0.1,
-    animation: `${pulseAnimation} 2s infinite`,
-    pointerEvents: "none",
-    zIndex: -1
-  }
-});
-var cardSx = (theme, flags) => {
-  const { customVariant, glow, pulse, animation } = flags;
-  return {
-    borderRadius: theme.spacing(1.5),
-    transition: "all 0.3s cubic-bezier(0.4, 0, 0.2, 1)",
-    position: "relative",
-    overflow: "visible",
-    minWidth: 200,
-    maxWidth: 400,
-    ...animation ? ANIMATIONS[animation] ?? {} : {},
-    ...customVariant ? VARIANTS[customVariant]?.(theme) ?? {} : {},
-    // The old "both" arm was exactly these two spread together.
-    ...glow && glowStyles(theme),
-    ...pulse && pulseStyles(theme)
-  };
-};
-
-// src/components/data-display/HoverCard/HoverCard.tsx
-import { Fragment as Fragment2, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var ArrowContainer = styled2("div")(
-  ({ theme, placement }) => ({ ...arrowSx(theme, placement) })
-);
-var StyledCard = styled2(Card, {
-  shouldForwardProp: (prop) => !["customVariant", "glow", "pulse", "animation"].includes(prop)
-})(({ theme, ...flags }) => ({ ...cardSx(theme, flags) }));
-var StyledPopover = styled2(Popover, {
-  shouldForwardProp: (prop) => prop !== "customAnimation"
-})(({ customAnimation }) => ({
-  // The popover only positions; StyledCard draws the surface.
-  "& .MuiPopover-paper": {
-    backgroundColor: "transparent",
-    boxShadow: "none",
-    overflow: "visible",
-    ...customAnimation === "scale" && { transformOrigin: "center" }
-  }
-}));
-var DEFAULTS = {
-  variant: "default",
-  glow: false,
-  pulse: false,
-  placement: "bottom",
-  showArrow: false,
-  animation: "fade",
-  enterDelay: 700,
-  exitDelay: 0,
-  maxWidth: 400,
-  loading: false,
-  touchEnabled: true,
-  offset: 8,
-  disabled: false
-};
-var CONTENT_PADDING = { detailed: 3, minimal: 1.5 };
-var offsetMargin = (placement, offset) => {
-  const side = sideOf(placement);
-  const key = { top: "mt", bottom: "mb", left: "ml", right: "mr" }[side];
-  return { [key]: `${offset}px` };
-};
-var HoverCard = React3.forwardRef((props, ref) => {
-  const {
-    variant,
-    glow,
-    pulse,
-    title,
-    description,
-    avatar,
-    trigger,
-    placement,
-    showArrow,
-    animation,
-    enterDelay,
-    exitDelay,
-    maxWidth,
-    loading,
-    loadingComponent,
-    loadingText,
-    touchEnabled,
-    offset,
-    disabled,
-    onOpen,
-    onClose,
-    children,
-    dataTestId,
-    ...rest
-  } = withDefaults(props, DEFAULTS);
-  const { anchorEl, isOpen, handleClose, triggerHandlers, cardHandlers } = useHoverCard({
-    disabled,
-    touchEnabled,
-    enterDelay,
-    exitDelay,
-    onOpen,
-    onClose
-  });
-  const triggerProps = {
-    ...triggerHandlers,
-    style: { cursor: disabled ? "default" : "pointer" },
-    "data-testid": dataTestId ? `${dataTestId}-trigger` : "hover-card-trigger"
-  };
-  const triggerElement = trigger ? React3.cloneElement(trigger, triggerProps) : /* @__PURE__ */ jsx2("span", { ...triggerProps, style: { display: "inline-block", ...triggerProps.style }, children });
-  const padding = CONTENT_PADDING[variant] ?? 2;
-  return /* @__PURE__ */ jsxs2(Fragment2, { children: [
-    triggerElement,
-    /* @__PURE__ */ jsx2(
-      StyledPopover,
-      {
-        ref,
-        open: isOpen && !disabled,
-        anchorEl,
-        onClose: handleClose,
-        anchorOrigin: getAnchorOrigin(placement),
-        transformOrigin: getTransformOrigin(placement),
-        ...cardHandlers,
-        disableAutoFocus: true,
-        disableEnforceFocus: true,
-        disableRestoreFocus: true,
-        customAnimation: animation,
-        slotProps: { paper: { style: { pointerEvents: "auto" } } },
-        ...rest,
-        children: /* @__PURE__ */ jsxs2(Box2, { sx: { position: "relative" }, children: [
-          showArrow && /* @__PURE__ */ jsx2(ArrowContainer, { placement, offset }),
-          /* @__PURE__ */ jsx2(
-            StyledCard,
-            {
-              customVariant: variant,
-              glow,
-              pulse,
-              animation,
-              "data-testid": dataTestId || "hover-card-content",
-              sx: { maxWidth, ...offsetMargin(placement, offset) },
-              children: /* @__PURE__ */ jsx2(CardContent, { sx: { p: padding, "&:last-child": { pb: padding } }, children: /* @__PURE__ */ jsx2(
-                HoverCardContent,
-                {
-                  loadingText,
-                  variant,
-                  title,
-                  description,
-                  avatar,
-                  loading,
-                  loadingComponent,
-                  dataTestId,
-                  children
-                }
-              ) })
-            }
-          )
-        ] })
-      }
-    )
-  ] });
-});
-HoverCard.displayName = "HoverCard";
 export {
   HoverCard
 };

package/dist/data-display/HoverCard.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/data-display/HoverCard/HoverCard.tsx","../../src/components/data-display/HoverCard/HoverCard.content.tsx","../../src/components/data-display/HoverCard/HoverCard.hooks.ts","../../src/components/data-display/HoverCard/HoverCard.styles.ts","../../src/components/data-display/HoverCard/HoverCard.animations.ts"],"sourcesContent":["import { Box, Card, CardContent, Popover } from '@mui/material';\nimport { styled } from '@mui/material';\nimport React from 'react';\n\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  maxWidth: 400,\n  loading: false,\n  touchEnabled: true,\n  offset: 8,\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/** The card is nudged off the anchor on whichever side it sits. */\nconst offsetMargin = (placement: HoverCardPlacement, offset: number) => {\n  const side = sideOf(placement);\n  const key = ({ top: 'mt', bottom: 'mb', left: 'ml', right: 'mr' } as const)[side];\n  return { [key]: `${offset}px` };\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={{ maxWidth, ...offsetMargin(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","import { Avatar, Box, CircularProgress, Typography } from '@mui/material';\nimport { styled } from '@mui/material';\nimport React from 'react';\n\nimport type { HoverCardProps } from './HoverCard.types';\n\nconst LoadingContainer = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  minHeight: 80,\n  color: theme.palette.text.secondary,\n}));\n\n/** `${dataTestId}-${suffix}`, or the shared default when the caller gave no id. */\nconst testId = (base: string | undefined, suffix: string, fallback: string) =>\n  base ? `${base}-${suffix}` : fallback;\n\nexport interface HoverCardContentProps\n  extends Pick<\n    HoverCardProps,\n    | 'variant'\n    | 'title'\n    | 'description'\n    | 'avatar'\n    | 'loading'\n    | 'loadingComponent'\n    | 'loadingText'\n    | 'children'\n  > {\n  dataTestId?: string;\n}\n\n/** A string avatar is a src; anything else is an element to re-size in place. */\nconst CardAvatar: React.FC<{ avatar: HoverCardProps['avatar'] }> = ({ avatar }) => {\n  if (!avatar) return null;\n\n  if (typeof avatar === 'string') {\n    return <Avatar src={avatar} sx={{ width: 48, height: 48, mr: 2 }} />;\n  }\n\n  const element = avatar as React.ReactElement<{ sx?: object }>;\n  return React.cloneElement(element, {\n    sx: { width: 48, height: 48, mr: 2, ...element.props.sx },\n  });\n};\n\nconst Title: React.FC<{\n  title: React.ReactNode;\n  variant?: string;\n  sx?: object;\n  dataTestId?: string;\n}> = ({ title, variant, sx, dataTestId }) => (\n  <Typography\n    variant={variant === 'minimal' ? 'body2' : 'subtitle1'}\n    sx={{ fontWeight: 600, ...sx }}\n    data-testid={testId(dataTestId, 'title', 'hover-card-title')}\n  >\n    {title}\n  </Typography>\n);\n\nconst Description: React.FC<{\n  description: React.ReactNode;\n  sx?: object;\n  dataTestId?: string;\n}> = ({ description, sx, dataTestId }) => (\n  <Typography\n    variant=\"body2\"\n    color=\"text.secondary\"\n    sx={sx}\n    data-testid={testId(dataTestId, 'description', 'hover-card-description')}\n  >\n    {description}\n  </Typography>\n);\n\n/** The detailed variant leads with the avatar and sets the text beside it. */\nconst DetailedContent: React.FC<HoverCardContentProps> = ({\n  title,\n  description,\n  avatar,\n  children,\n  dataTestId,\n}) => (\n  <>\n    {avatar && (\n      <Box sx={{ display: 'flex', alignItems: 'center', mb: 2 }}>\n        <CardAvatar avatar={avatar} />\n        <Box>\n          {title && (\n            <Typography\n              variant=\"h6\"\n              sx={{ fontWeight: 600, mb: 0.5 }}\n              data-testid={testId(dataTestId, 'title', 'hover-card-title')}\n            >\n              {title}\n            </Typography>\n          )}\n          {description && <Description description={description} dataTestId={dataTestId} />}\n        </Box>\n      </Box>\n    )}\n    {!avatar && title && (\n      <Typography\n        variant=\"h6\"\n        sx={{ fontWeight: 600, mb: 1 }}\n        data-testid={testId(dataTestId, 'title', 'hover-card-title')}\n      >\n        {title}\n      </Typography>\n    )}\n    {!avatar && description && (\n      <Description description={description} sx={{ mb: 1 }} dataTestId={dataTestId} />\n    )}\n    {children && <Box>{children}</Box>}\n  </>\n);\n\nexport const HoverCardContent: React.FC<HoverCardContentProps> = (props) => {\n  const { variant, title, description, avatar, loading, loadingComponent, children, dataTestId } =\n    props;\n  const { loadingText } = props;\n\n  if (loading) {\n    return (\n      <LoadingContainer>\n        {loadingComponent || (\n          <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>\n            <CircularProgress size={20} />\n            <Typography variant=\"body2\">{loadingText}</Typography>\n          </Box>\n        )}\n      </LoadingContainer>\n    );\n  }\n\n  if (variant === 'detailed' && (avatar || title || description)) {\n    return <DetailedContent {...props} />;\n  }\n\n  return (\n    <>\n      {title && (\n        <Title title={title} variant={variant} sx={{ mb: 0.5 }} dataTestId={dataTestId} />\n      )}\n      {description && <Description description={description} dataTestId={dataTestId} />}\n      {children}\n    </>\n  );\n};\n","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","import { alpha } from '@mui/material';\nimport type { CSSObject, Theme } from '@mui/material';\n\nimport {\n  pulseAnimation,\n  scaleIn,\n  slideInDown,\n  slideInLeft,\n  slideInRight,\n  slideInUp,\n} from './HoverCard.animations';\nimport type { HoverCardAnimation, HoverCardPlacement } from './HoverCard.types';\n\n/** The edge the card sits on, ignoring the `-start`/`-end` alignment suffix. */\ntype Side = 'top' | 'bottom' | 'left' | 'right';\n\nexport const sideOf = (placement: HoverCardPlacement): Side => {\n  if (placement.startsWith('top')) return 'top';\n  if (placement.startsWith('left')) return 'left';\n  if (placement.startsWith('right')) return 'right';\n  return 'bottom';\n};\n\nconst ARROW_SIZE = 8;\n\n/**\n * The arrow is a CSS triangle: two transparent borders on the cross axis and one\n * filled border pointing back at the anchor. Every placement is that same shape,\n * so the table holds only which edge is filled and where the triangle sits.\n */\nconst ARROWS: Record<Side, (color: string) => CSSObject> = {\n  top: (color) => ({\n    bottom: -ARROW_SIZE,\n    left: '50%',\n    transform: 'translateX(-50%)',\n    borderLeft: `${ARROW_SIZE}px solid transparent`,\n    borderRight: `${ARROW_SIZE}px solid transparent`,\n    borderTop: `${ARROW_SIZE}px solid ${color}`,\n  }),\n  bottom: (color) => ({\n    top: -ARROW_SIZE,\n    left: '50%',\n    transform: 'translateX(-50%)',\n    borderLeft: `${ARROW_SIZE}px solid transparent`,\n    borderRight: `${ARROW_SIZE}px solid transparent`,\n    borderBottom: `${ARROW_SIZE}px solid ${color}`,\n  }),\n  left: (color) => ({\n    right: -ARROW_SIZE,\n    top: '50%',\n    transform: 'translateY(-50%)',\n    borderTop: `${ARROW_SIZE}px solid transparent`,\n    borderBottom: `${ARROW_SIZE}px solid transparent`,\n    borderLeft: `${ARROW_SIZE}px solid ${color}`,\n  }),\n  right: (color) => ({\n    left: -ARROW_SIZE,\n    top: '50%',\n    transform: 'translateY(-50%)',\n    borderTop: `${ARROW_SIZE}px solid transparent`,\n    borderBottom: `${ARROW_SIZE}px solid transparent`,\n    borderRight: `${ARROW_SIZE}px solid ${color}`,\n  }),\n};\n\nexport const arrowSx = (theme: Theme, placement: HoverCardPlacement): CSSObject => ({\n  position: 'absolute',\n  width: 0,\n  height: 0,\n  zIndex: 1,\n  ...ARROWS[sideOf(placement)](theme.palette.background.paper),\n});\n\ntype Origin = { vertical: 'top' | 'center' | 'bottom'; horizontal: 'left' | 'center' | 'right' };\n\n/** Where the popover attaches to the anchor, per side. */\nconst ANCHOR_ORIGINS: Record<Side, Origin> = {\n  top: { vertical: 'top', horizontal: 'center' },\n  bottom: { vertical: 'bottom', horizontal: 'center' },\n  left: { vertical: 'center', horizontal: 'left' },\n  right: { vertical: 'center', horizontal: 'right' },\n};\n\n/** The card's own corner meets the anchor's, so its origin is the opposite one. */\nconst flip = (origin: Origin): Origin => ({\n  vertical: origin.vertical === 'top' ? 'bottom' : origin.vertical === 'bottom' ? 'top' : 'center',\n  horizontal:\n    origin.horizontal === 'left' ? 'right' : origin.horizontal === 'right' ? 'left' : 'center',\n});\n\nexport const getAnchorOrigin = (placement: HoverCardPlacement): Origin =>\n  ANCHOR_ORIGINS[sideOf(placement)];\n\nexport const getTransformOrigin = (placement: HoverCardPlacement): Origin =>\n  flip(ANCHOR_ORIGINS[sideOf(placement)]);\n\nconst ANIMATIONS: Record<string, CSSObject> = {\n  // `fade` shares slideInUp deliberately: the keyframes fade in while rising.\n  fade: { animation: `${slideInUp} 0.2s ease-out` },\n  scale: { transformOrigin: 'center', animation: `${scaleIn} 0.2s cubic-bezier(0.4, 0, 0.2, 1)` },\n  'slide-up': { animation: `${slideInUp} 0.3s cubic-bezier(0.4, 0, 0.2, 1)` },\n  'slide-down': { animation: `${slideInDown} 0.3s cubic-bezier(0.4, 0, 0.2, 1)` },\n  'slide-left': { animation: `${slideInLeft} 0.3s cubic-bezier(0.4, 0, 0.2, 1)` },\n  'slide-right': { animation: `${slideInRight} 0.3s cubic-bezier(0.4, 0, 0.2, 1)` },\n};\n\nconst VARIANTS: Record<string, (theme: Theme) => CSSObject> = {\n  default: (theme) => ({\n    backgroundColor: theme.palette.background.paper,\n    border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,\n    boxShadow: theme.shadows[8],\n  }),\n  glass: (theme) => ({\n    backgroundColor: alpha(theme.palette.background.paper, 0.85),\n    backdropFilter: 'blur(20px)',\n    WebkitBackdropFilter: 'blur(20px)',\n    border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,\n    boxShadow: `0 8px 32px ${alpha(theme.palette.common.black, 0.12)}`,\n  }),\n  detailed: (theme) => ({\n    backgroundColor: theme.palette.background.paper,\n    border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,\n    boxShadow: theme.shadows[12],\n  }),\n  minimal: (theme) => ({\n    backgroundColor: theme.palette.background.paper,\n    border: `1px solid ${alpha(theme.palette.divider, 0.1)}`,\n    boxShadow: theme.shadows[4],\n  }),\n};\n\nconst glowStyles = (theme: Theme): CSSObject => ({\n  boxShadow: `0 0 20px 5px ${alpha(theme.palette.primary.main, 0.3)} !important`,\n  filter: 'brightness(1.05)',\n});\n\nconst pulseStyles = (theme: Theme): CSSObject => ({\n  position: 'relative',\n  '&::after': {\n    content: '\"\"',\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    right: 0,\n    bottom: 0,\n    borderRadius: 'inherit',\n    backgroundColor: theme.palette.primary.main,\n    opacity: 0.1,\n    animation: `${pulseAnimation} 2s infinite`,\n    pointerEvents: 'none',\n    zIndex: -1,\n  },\n});\n\nexport interface CardStyleFlags {\n  customVariant?: string;\n  glow?: boolean;\n  pulse?: boolean;\n  animation?: HoverCardAnimation;\n}\n\nexport const cardSx = (theme: Theme, flags: CardStyleFlags): CSSObject => {\n  const { customVariant, glow, pulse, animation } = flags;\n\n  return {\n    borderRadius: theme.spacing(1.5),\n    transition: 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)',\n    position: 'relative',\n    overflow: 'visible',\n    minWidth: 200,\n    maxWidth: 400,\n    ...(animation ? (ANIMATIONS[animation] ?? {}) : {}),\n    ...(customVariant ? (VARIANTS[customVariant]?.(theme) ?? {}) : {}),\n    // The old \"both\" arm was exactly these two spread together.\n    ...(glow && glowStyles(theme)),\n    ...(pulse && pulseStyles(theme)),\n  };\n};\n","import { keyframes } from '@mui/material';\n\nexport const pulseAnimation = keyframes`\n  0% {\n    box-shadow: 0 0 0 0 currentColor;\n    opacity: 1;\n  }\n  70% {\n    box-shadow: 0 0 0 10px currentColor;\n    opacity: 0;\n  }\n  100% {\n    box-shadow: 0 0 0 0 currentColor;\n    opacity: 0;\n  }\n`;\n\nexport const slideInUp = keyframes`\n  from {\n    opacity: 0;\n    transform: translateY(8px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n`;\n\nexport const slideInDown = keyframes`\n  from {\n    opacity: 0;\n    transform: translateY(-8px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n`;\n\nexport const slideInLeft = keyframes`\n  from {\n    opacity: 0;\n    transform: translateX(8px);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n`;\n\nexport const slideInRight = keyframes`\n  from {\n    opacity: 0;\n    transform: translateX(-8px);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n`;\n\nexport const scaleIn = keyframes`\n  from {\n    opacity: 0;\n    transform: scale(0.8);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n`;\n\n// Arrow component\n"],"mappings":"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","names":["Box","styled","React","React","Fragment","jsx","jsxs","styled","React","Box"]}
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}