npm - @12-apps/ui - Versions diffs - 6.35.0 → 6.36.0 - Mend

@12-apps/ui 6.35.0 → 6.36.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (916) hide show

package/dist/chunk-SQYC57ZN.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../src/components/data-display/DataViews/base-card.tsx"],"sourcesContent":["\"use client\";\n\nimport { type ReactNode } from \"react\";\n\nimport { useTheme, type CSSObject } from \"@mui/material/styles/index.js\";\n\n/** See the note on `CardSx` in `card-surface` — these fragments get merged. */\ntype CardSx = CSSObject | Record<string, unknown>;\n\nimport { Checkbox } from \"../../form/Checkbox\";\nimport { Card } from \"../../layout/Card\";\nimport { Box } from \"../../../mui/Box\";\nimport { Text } from \"../../typography/Text\";\n\nimport { DragHandle, useDragItem } from \"./data-views-drag\";\nimport {\n CARD_RADIUS,\n cardSurfaceStyles,\n isActionable,\n isSelectable,\n slotTestIds,\n type CardSurfaceProps,\n} from \"./card-surface\";\nimport { CARD_ASPECT_RATIOS, type CardAspectRatio } from \"./data-views-types\";\nimport { useDataViewsCopy } from \"./data-views-copy-context\";\nimport { rem, sxRem } from \"../../../tokens/relative\";\n\nexport interface BaseCardProps extends CardSurfaceProps {\n /** Extra body content below the caption (chips, meta). Optional. */\n children?: ReactNode;\n /** Tile proportion. Defaults to \"4:3\". */\n aspectRatio?: CardAspectRatio;\n /**\n * Size multiplier from the zoom slider (1 = base).\n *\n * Applied as `zoom`, so the whole card grows together — padding, typography,\n * the checkbox, the menu and the media alike — in step with its width, which\n * the grid sizes to base × scale. A card at scale 2 renders at ~twice the\n * size, its proportion preserved by `aspectRatio`. Default 1.\n */\n scale?: number;\n /** Display-image node (e.g. an `<img>` / thumbnail) filling the media region. */\n image?: ReactNode;\n /** Shown centered in the media region when there is no `image` (icon/initial). */\n imageFallback?: ReactNode;\n /** First-class title, rendered in the caption. */\n title?: ReactNode;\n /** Secondary caption line under the title. */\n subtitle?: ReactNode;\n /** The 3-dots menu (or any action node) pinned to the top-right corner. */\n menu?: ReactNode;\n /** Toggle this card's selection. Omit to hide the checkbox (non-selectable). */\n onToggleSelect?: () => void;\n /**\n * This card's id for drag purposes.\n *\n * Draggable ONLY inside a {@link DragContainerProvider} — see\n * `data-views-drag`. On the board that is how a card moves between columns;\n * in a grade it is how the operator reorders. Outside a container this is\n * inert and no grip appears.\n */\n dragId?: string | number;\n checkboxTestId?: string;\n}\n\n/**\n * The outlined-tile style: fixed ratio, scaled padding, selected/dimmed states.\n *\n * See the note on the row: `zoom` scales EVERY length in the subtree, including\n * the MUI internals (checkbox, chip, icon button) that no prop of ours reaches.\n * The grid still sizes the track to BASE_CARD_WIDTH x scale, so the tile fills\n * its track physically and lays its contents out in the unscaled box behind it\n * — which is what \"the whole card grows together\" was always meant to mean.\n */\nconst cardSx = (opts: {\n aspectRatio: CardAspectRatio;\n pad: number;\n scale: number;\n interactive: boolean;\n draggable: boolean;\n}): CardSx => {\n const { aspectRatio, pad, scale, interactive, draggable } = opts;\n return {\n position: \"relative\",\n zoom: scale,\n aspectRatio: String(CARD_ASPECT_RATIOS[aspectRatio]),\n display: \"flex\",\n flexDirection: \"column\",\n overflow: \"hidden\",\n p: pad,\n cursor: draggable ? \"grab\" : interactive ? \"pointer\" : undefined,\n ...(draggable ? { touchAction: \"none\", \"&:active\": { cursor: \"grabbing\" } } : {}),\n };\n};\n\n/**\n * How far the first block in flow must start below the tile's top edge to clear\n * the absolute overlays, in MUI spacing units: their 4px inset plus the\n * checkbox's 38px hit area (20px glyph in MUI's 9px padding), which is the\n * taller of the two corners — 42px at 8px a unit.\n */\nconst OVERLAY_BAND_UNITS = 42 / 8;\n\n/**\n * The top margin each stacked slot needs, in MUI spacing units.\n *\n * The overlays are absolute, so they cost the flow nothing — over MEDIA that is\n * the whole point (a checkbox on a thumbnail reads as a checkbox on a\n * thumbnail). Over TEXT it is a collision: a title-only tile started its first\n * line at the padding edge, directly under the checkbox, and rendered\n * `Selecionada` with the box sitting on the `Se`. So when nothing pictorial is\n * there to absorb them, whichever block comes first clears the band instead.\n */\nfunction contentGaps(opts: {\n hasMedia: boolean;\n hasBody: boolean;\n overlays: boolean;\n pad: number;\n}): { body: number; caption: number } {\n const { hasMedia, hasBody, overlays, pad } = opts;\n const gap = pad * 0.5;\n const clear = !hasMedia && overlays ? Math.max(0, OVERLAY_BAND_UNITS - pad) : 0;\n return { body: hasMedia ? gap : clear, caption: hasMedia || hasBody ? gap : clear };\n}\n\n/** The top-corner overlays: the select checkbox (left) and the menu slot (right). */\nfunction CardOverlays({\n selected,\n onToggleSelect,\n checkboxTestId,\n menu,\n}: Pick<BaseCardProps, \"selected\" | \"onToggleSelect\" | \"checkboxTestId\" | \"menu\">): React.JSX.Element {\n const copy = useDataViewsCopy();\n return (\n <>\n {onToggleSelect && (\n <Box sx={{ position: \"absolute\", top: sxRem(4), left: sxRem(4), zIndex: 2 }}>\n <Checkbox\n checked={selected}\n onChange={() => onToggleSelect()}\n // Selecting must never trigger the card's own click (open/edit).\n onClick={(event) => event.stopPropagation()}\n size=\"small\"\n data-testid={checkboxTestId}\n aria-label={copy.selection.selectRow}\n />\n </Box>\n )}\n {menu && (\n <Box\n sx={{ position: \"absolute\", top: sxRem(4), right: sxRem(4), zIndex: 2 }}\n // Acting on the menu must never trigger the card's own click.\n onClick={(event) => event.stopPropagation()}\n >\n {menu}\n </Box>\n )}\n </>\n );\n}\n\n/**\n * Media region: fills the tile above the caption; centers `imageFallback` when\n * there is no image so title-only entities still fill the ratio box and mixed\n * grids stay aligned.\n */\nfunction CardMedia({ image, imageFallback }: Pick<BaseCardProps, \"image\" | \"imageFallback\">): React.JSX.Element {\n return (\n <Box\n sx={{\n flex: 1,\n minHeight: 0,\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n overflow: \"hidden\",\n borderRadius: 1,\n \"& img\": { width: \"100%\", height: \"100%\", objectFit: \"cover\" },\n }}\n >\n {image ?? imageFallback}\n </Box>\n );\n}\n\n/** The body slot (chips/meta); fills remaining space when there is no media. */\nfunction CardBodyContent({\n children,\n fill,\n topGap,\n}: {\n children: ReactNode;\n fill: boolean;\n topGap: number;\n}): React.JSX.Element {\n return (\n <Box\n sx={{\n flex: fill ? 1 : \"none\",\n minHeight: 0,\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n justifyContent: \"center\",\n gap: 0.75,\n mt: topGap,\n overflow: \"hidden\",\n }}\n >\n {children}\n </Box>\n );\n}\n\n/** The title/subtitle caption. */\nfunction CardCaption({\n title,\n subtitle,\n topGap,\n}: {\n title?: ReactNode;\n subtitle?: ReactNode;\n topGap: number;\n}): React.JSX.Element {\n const theme = useTheme();\n return (\n <Box sx={{ mt: topGap, minWidth: 0 }}>\n {title != null && (\n <Text\n variant=\"heading\"\n size=\"sm\"\n weight=\"bold\"\n as=\"p\"\n style={{\n lineHeight: 1.15,\n fontSize: rem(theme, 15.2),\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n whiteSpace: \"nowrap\",\n }}\n >\n {title}\n </Text>\n )}\n {subtitle != null && (\n <Text variant=\"caption\" size=\"xs\" color=\"secondary\" as=\"p\">\n {subtitle}\n </Text>\n )}\n </Box>\n );\n}\n\n/** The stacked media / body / caption slots inside the tile (below the overlays). */\nfunction CardContents({\n children,\n image,\n imageFallback,\n title,\n subtitle,\n overlays,\n pad,\n}: Pick<BaseCardProps, \"children\" | \"image\" | \"imageFallback\" | \"title\" | \"subtitle\"> & {\n overlays: boolean;\n pad: number;\n}): React.JSX.Element {\n const hasMedia = image != null || imageFallback != null;\n const hasBody = children != null;\n const hasCaption = title != null || subtitle != null;\n const top = contentGaps({ hasMedia, hasBody, overlays, pad });\n return (\n <>\n {hasMedia && <CardMedia image={image} imageFallback={imageFallback} />}\n {hasBody && (\n <CardBodyContent fill={!hasMedia} topGap={top.body}>\n {children}\n </CardBodyContent>\n )}\n {hasCaption && <CardCaption title={title} subtitle={subtitle} topGap={top.caption} />}\n </>\n );\n}\n\n/**\n * Reusable selectable card shell for the DataViews \"Grade\" (cards) layout, and\n * the ONLY card component that lives in `@12-apps/ui` — every domain \"kind card\"\n * (product, mesa, role, …) lives in the app and composes this envelope. See the\n * per-slot helpers above; this shell just assembles them within a fixed-ratio\n * tile. Reads no context, so it renders standalone as well as inside the grid.\n */\n/**\n * Everything the tile derives from its props before it can render — pulled out\n * so `BaseCard` itself stays inside the complexity budget.\n */\nfunction useCardShell(props: BaseCardProps) {\n const actionable = isActionable(props.state);\n return {\n selectable: isSelectable(props),\n actionable,\n theme: useTheme(),\n slot: slotTestIds(props.testId),\n scale: props.scale ?? 1,\n // The card's own veto over the container's decision — see `CardSurfaceProps`.\n drag: useDragItem(props.draggable === false || !actionable ? undefined : props.dragId),\n };\n}\n\nexport function BaseCard(props: BaseCardProps): React.JSX.Element {\n const { aspectRatio = \"4:3\", selected = false } = props;\n const { menu, onToggleSelect, onClick } = props;\n const { selectable, actionable, theme, slot, scale, drag } = useCardShell(props);\n const dataTestId = props.testId;\n const checkboxTestId = slot(\"checkbox\");\n const pad = 1.5;\n\n return (\n <Card\n variant=\"outlined\"\n onClick={onClick}\n dataTestId={dataTestId}\n className={props.className}\n aria-label={props[\"aria-label\"]}\n aria-disabled={actionable ? undefined : true}\n {...drag.itemProps}\n // A PLAIN OBJECT, not a function. `Card` merges by spreading\n // (`sx={{ ...defaults, ...sx }}`), and spreading a function yields\n // nothing at all — the styles vanish silently, which is exactly how the\n // first version of this shipped with no variants and no effects.\n sx={{\n // The same corner the row uses: a Grade and a Lista of the same records\n // sit beside each other, and a tile that rounds harder than the row\n // reads as a different component.\n borderRadius: CARD_RADIUS,\n // The shared half — variant, colour, selection, effects — identical to\n // the one BaseListCard uses, so a Grade and a Lista of the same records\n // are dressed by one set of rules.\n ...cardSurfaceStyles(\n {\n ...props,\n selectable,\n shape: \"tile\",\n // A card mid-drag is a ghost of itself; the drop target is what the\n // eye should be on.\n state: drag.dragging ? \"disabled\" : props.state,\n },\n theme,\n ),\n // …and the tile's own geometry on top.\n ...cardSx({\n aspectRatio, pad, scale,\n interactive: onClick != null,\n draggable: drag.draggable && drag.handleProps === undefined,\n }),\n }}\n >\n {/* Bottom-left, opposite the menu and clear of the checkbox — a grip in\n the same corner as a control that toggles selection means every drag\n starts with a near-miss on it. */}\n {drag.draggable && (\n <Box sx={{ position: \"absolute\", bottom: sxRem(4), left: sxRem(4), zIndex: 2 }}>\n <DragHandle\n handleProps={drag.handleProps}\n gated={drag.handleProps !== undefined}\n testId={slot(\"drag\")}\n />\n </Box>\n )}\n <CardOverlays\n selected={selected}\n onToggleSelect={selectable ? onToggleSelect ?? (() => {}) : undefined}\n checkboxTestId={checkboxTestId}\n menu={menu}\n />\n <CardContents\n image={props.image}\n imageFallback={props.imageFallback}\n title={props.title}\n subtitle={props.subtitle}\n overlays={selectable || menu != null}\n pad={pad}\n >\n {props.children}\n </CardContents>\n </Card>\n );\n}\n"],"mappings":"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","names":["default"]}

package/dist/{chunk-F7HQVKIR.js → chunk-SYVNWXVW.js} RENAMED Viewed

@@ -7,14 +7,14 @@ import {
 } from "./chunk-SN2YMCTL.js";
 import {
   MoreFilters
-} from "./chunk-VR3U4QA5.js";
+} from "./chunk-4CTLEUK3.js";
 import {
   RangePill
-} from "./chunk-Y2E73IG2.js";
+} from "./chunk-AJ5SDHX5.js";
 import {
   CollapsedSearch,
   InlineKeyword
-} from "./chunk-Z35J5B6D.js";
+} from "./chunk-62UAI62O.js";
 // src/components/data-display/DataViews/data-views-inline-bar.tsx
 import Box from "@mui/material/Box/index.js";
@@ -220,4 +220,4 @@ function FilterSlots({
 export {
   InlineFilterControls
 };
-//# sourceMappingURL=chunk-F7HQVKIR.js.map
+//# sourceMappingURL=chunk-SYVNWXVW.js.map

package/dist/{chunk-CMTR3WEA.js → chunk-TNQDSTIA.js} RENAMED Viewed

@@ -22,14 +22,15 @@ import {
   rotateAnimation,
   scaleInAnimation,
   shimmerAnimation
-} from "./chunk-XRMZMBE3.js";
+} from "./chunk-MTEQEPNY.js";
 import {
   absoluteInk,
   controlNeutral,
   neutralTones
 } from "./chunk-FQ6UW7IY.js";
 import {
-  rem
+  rem,
+  rems
 } from "./chunk-YKCAJ2TN.js";
 // src/components/data-display/Avatar/Avatar.view.tsx
@@ -54,13 +55,11 @@ var getColorFromTheme = (theme, color) => {
   };
   return colorMap[color] || theme.palette.primary;
 };
-var sizeMap = Object.fromEntries(
-  Object.entries(AVATAR_SIZES).map(([size, step]) => [
-    size,
-    { width: step.box, height: step.box }
-  ])
-);
-var getSizeStyles = (size) => sizeMap[size] || sizeMap.md;
+var boxPx = (size) => (AVATAR_SIZES[size] || AVATAR_SIZES.md).box;
+var boxStyles = (theme, size) => {
+  const side = rem(theme, boxPx(size));
+  return { width: side, height: side };
+};
 var glyphPx = (size) => (AVATAR_SIZES[size] || AVATAR_SIZES.md).fontSize;
 var getStatusColor = (status, theme) => {
   const statusColorMap = {
@@ -71,10 +70,10 @@ var getStatusColor = (status, theme) => {
   };
   return statusColorMap[status] || statusColorMap.offline;
 };
-var interactiveStyles = (interactive, main) => interactive ? {
+var interactiveStyles = (theme, interactive, main) => interactive ? {
   "&:hover": {
-    transform: `scale(${HOVER.scale}) translateY(-${HOVER.lift}px)`,
-    boxShadow: `0 ${HOVER.shadowY}px ${HOVER.shadowBlur}px ${alpha(main, HOVER.shadowAlpha)}`,
+    transform: `scale(${HOVER.scale}) translateY(${rem(theme, -HOVER.lift)})`,
+    boxShadow: `0 ${rems(theme, HOVER.shadowY, HOVER.shadowBlur)} ${alpha(main, HOVER.shadowAlpha)}`,
     filter: `brightness(${HOVER.brightness})`,
     zIndex: 10
   },
@@ -96,13 +95,13 @@ var variantRadius = (variant, theme) => {
   return { borderRadius: "50%" };
 };
 var borderedStyles = (bordered, theme) => bordered ? {
-  border: `${BORDER_WIDTH}px solid ${theme.palette.background.paper}`,
-  boxShadow: `0 0 0 1px ${alpha(theme.palette.divider, BORDER_HALO_ALPHA)}`
+  border: `${rem(theme, BORDER_WIDTH)} solid ${theme.palette.background.paper}`,
+  boxShadow: `0 0 0 ${rem(theme, 1)} ${alpha(theme.palette.divider, BORDER_HALO_ALPHA)}`
 } : {};
-var glowPulseStyles = (glow, pulse, main) => {
+var glowPulseStyles = (theme, glow, pulse, main) => {
   const styles = {};
   if (glow) {
-    styles.boxShadow = `0 0 ${GLOW.blur}px ${GLOW.spread}px ${alpha(main, GLOW.alpha)} !important`;
+    styles.boxShadow = `0 0 ${rems(theme, GLOW.blur, GLOW.spread)} ${alpha(main, GLOW.alpha)} !important`;
     styles.filter = `brightness(${GLOW.brightness})`;
   }
   if (pulse) {
@@ -118,7 +117,7 @@ var glowPulseStyles = (glow, pulse, main) => {
       transform: "translate(-50%, -50%)",
       backgroundColor: main,
       opacity: PULSE.alpha,
-      animation: `${pulseAnimation} ${PULSE.durationMs / 1e3}s infinite`,
+      animation: `${pulseAnimation(theme)} ${PULSE.durationMs / 1e3}s infinite`,
       pointerEvents: "none",
       zIndex: -1
     };
@@ -153,7 +152,7 @@ var StyledAvatar = styled(MuiAvatar, {
   }) => {
     const palette = getColorFromTheme(theme, customColor);
     return {
-      ...getSizeStyles(customSize),
+      ...boxStyles(theme, customSize),
       fontSize: rem(theme, glyphPx(customSize)),
       transition: `all ${AVATAR_TRANSITION_MS / 1e3}s ${AVATAR_TRANSITION_EASING}`,
       position: "relative",
@@ -162,36 +161,35 @@ var StyledAvatar = styled(MuiAvatar, {
       cursor: interactive ? "pointer" : "default",
       backgroundColor: hasError ? theme.palette.error.main : palette.main,
       color: hasError ? theme.palette.error.contrastText : palette.contrastText ?? absoluteInk(theme).white,
-      ...interactiveStyles(interactive, palette.main),
+      ...interactiveStyles(theme, interactive, palette.main),
       ...loadingStyles(isLoading, palette.main),
       ...variantRadius(customVariant, theme),
       ...borderedStyles(bordered, theme),
-      ...glowPulseStyles(glow, pulse, palette.main),
+      ...glowPulseStyles(theme, glow, pulse, palette.main),
       "&:focus-visible": {
-        outline: `${FOCUS_RING.width}px solid ${alpha(palette.main, FOCUS_RING.alpha)}`,
-        outlineOffset: FOCUS_RING.offset
+        outline: `${rem(theme, FOCUS_RING.width)} solid ${alpha(palette.main, FOCUS_RING.alpha)}`,
+        outlineOffset: rem(theme, FOCUS_RING.offset)
       }
     };
   }
 );
 var LoadingOverlay = styled("div")(({ theme, size }) => {
-  const sizeStyles = getSizeStyles(size);
+  const box = boxPx(size);
   return {
     position: "absolute",
     top: 0,
     left: 0,
-    width: sizeStyles.width,
-    height: sizeStyles.height,
+    ...boxStyles(theme, size),
     borderRadius: "inherit",
     display: "flex",
     alignItems: "center",
     justifyContent: "center",
     backgroundColor: alpha(theme.palette.background.paper, LOADING_OVERLAY.paperAlpha),
-    backdropFilter: `blur(${LOADING_OVERLAY.blur}px)`,
+    backdropFilter: `blur(${rem(theme, LOADING_OVERLAY.blur)})`,
     "& .loading-spinner": {
-      width: sizeStyles.width * SPINNER.scale,
-      height: sizeStyles.height * SPINNER.scale,
-      border: `${SPINNER.ringWidth}px solid ${alpha(theme.palette.primary.main, SPINNER.trackAlpha)}`,
+      width: rem(theme, box * SPINNER.scale),
+      height: rem(theme, box * SPINNER.scale),
+      border: `${rem(theme, SPINNER.ringWidth)} solid ${alpha(theme.palette.primary.main, SPINNER.trackAlpha)}`,
       borderTopColor: theme.palette.primary.main,
       borderRadius: "50%",
       animation: `${rotateAnimation} ${SPINNER.durationMs / 1e3}s linear infinite`
@@ -201,8 +199,7 @@ var LoadingOverlay = styled("div")(({ theme, size }) => {
 var StatusBadge = styled(Badge, {
   shouldForwardProp: (prop) => !["statusColor", "avatarSize"].includes(prop)
 })(({ theme, statusColor, avatarSize = "md" }) => {
-  const sizeStyles = getSizeStyles(avatarSize);
-  const badgeSize = Math.max(STATUS_DOT.min, sizeStyles.width * STATUS_DOT.scale);
+  const badgeSize = rem(theme, Math.max(STATUS_DOT.min, boxPx(avatarSize) * STATUS_DOT.scale));
   return {
     "& .MuiBadge-badge": {
       backgroundColor: statusColor || theme.palette.success.main,
@@ -210,7 +207,7 @@ var StatusBadge = styled(Badge, {
       width: badgeSize,
       height: badgeSize,
       borderRadius: "50%",
-      border: `${STATUS_DOT.borderWidth}px solid ${theme.palette.background.paper}`,
+      border: `${rem(theme, STATUS_DOT.borderWidth)} solid ${theme.palette.background.paper}`,
       "&::after": {
         position: "absolute",
         top: 0,
@@ -280,4 +277,4 @@ function AvatarView(props) {
 export {
   AvatarView
 };
-//# sourceMappingURL=chunk-CMTR3WEA.js.map
+//# sourceMappingURL=chunk-TNQDSTIA.js.map

package/dist/chunk-TNQDSTIA.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../src/components/data-display/Avatar/Avatar.view.tsx"],"sourcesContent":["import MuiAvatar from '@mui/material/Avatar/index.js';\nimport Badge from '@mui/material/Badge/index.js';\nimport Fade from '@mui/material/Fade/index.js';\nimport { alpha, useTheme, styled } from '@mui/material/styles/index.js';\nimport type { CSSObject, Theme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport { pulseAnimation, rotateAnimation, scaleInAnimation, shimmerAnimation } from './Avatar.animations';\nimport {\n AVATAR_SIZES,\n AVATAR_TRANSITION_EASING,\n AVATAR_TRANSITION_MS,\n ACTIVE_SCALE,\n BORDER_HALO_ALPHA,\n BORDER_WIDTH,\n FADE_MS,\n FOCUS_RING,\n GLOW,\n HOVER,\n LOADING_OVERLAY,\n PULSE,\n ROUNDED_RADIUS_UNITS,\n SCALE_IN_MS,\n SHIMMER,\n SPINNER,\n STATUS_DOT,\n} from './Avatar.metrics';\nimport type { AvatarSize, AvatarStatus, ContentType } from './Avatar.types';\nimport { absoluteInk, controlNeutral, neutralTones } from '../../../tokens/ink';\nimport { rem, rems } from '../../../tokens/relative';\n\nexport type { ContentType };\n\n\ninterface PaletteLike {\n main: string;\n contrastText?: string;\n light?: string;\n dark?: string;\n}\n\nconst getColorFromTheme = (theme: Theme, color: string): PaletteLike => {\n const neutral = controlNeutral(theme);\n const colorMap: Record<string, PaletteLike> = {\n primary: theme.palette.primary,\n secondary: theme.palette.secondary,\n success: theme.palette.success,\n warning: theme.palette.warning,\n info: theme.palette.info,\n // `danger`, not `error`. This map was keyed on MUI's word while the prop\n // took the house one, so `danger` matched nothing and fell through to\n // primary — a red avatar rendering blue, silently.\n danger: theme.palette.error,\n neutral: { main: neutral.main, contrastText: neutral.contrastText },\n };\n\n return colorMap[color] || theme.palette.primary;\n};\n\n// Read from the shared metrics, not restated: the native `Avatar` reads the\n// same table, so the two renderers cannot disagree on a box. Design px; every\n// read below draws it through the type scale.\nconst boxPx = (size: AvatarSize): number => (AVATAR_SIZES[size] || AVATAR_SIZES.md).box;\n\n/** The square box, as rem through the theme. */\nconst boxStyles = (theme: Theme, size: AvatarSize): CSSObject => {\n const side = rem(theme, boxPx(size));\n return { width: side, height: side };\n};\n\n/** The glyph size in design px, read through the type scale where it is drawn. */\nconst glyphPx = (size: AvatarSize): number => (AVATAR_SIZES[size] || AVATAR_SIZES.md).fontSize;\n\nconst getStatusColor = (status: AvatarStatus, theme: Theme): string => {\n // The same four decisions the native half reads out of `Avatar.metrics`,\n // against MUI's `Theme` rather than the shared one.\n const statusColorMap: Record<AvatarStatus, string> = {\n online: theme.palette.success.main,\n offline: neutralTones(theme).muted,\n away: theme.palette.warning.main,\n busy: theme.palette.error.main,\n };\n\n return statusColorMap[status] || statusColorMap.offline;\n};\n\n/** Hover/active lift, only when the avatar is interactive. */\nconst interactiveStyles = (theme: Theme, interactive: boolean | undefined, main: string): CSSObject =>\n interactive\n ? {\n '&:hover': {\n transform: `scale(${HOVER.scale}) translateY(${rem(theme, -HOVER.lift)})`,\n boxShadow: `0 ${rems(theme, HOVER.shadowY, HOVER.shadowBlur)} ${alpha(main, HOVER.shadowAlpha)}`,\n filter: `brightness(${HOVER.brightness})`,\n zIndex: 10,\n },\n '&:active': { transform: `scale(${ACTIVE_SCALE})` },\n }\n : {};\n\n/** Shimmer gradient while the image loads. */\nconst loadingStyles = (isLoading: boolean | undefined, main: string): CSSObject =>\n isLoading\n ? {\n background: `linear-gradient(\n 90deg,\n ${alpha(main, SHIMMER.fromAlpha)},\n ${alpha(main, SHIMMER.toAlpha)},\n ${alpha(main, SHIMMER.fromAlpha)}\n )`,\n backgroundSize: '200% 100%',\n animation: `${shimmerAnimation} ${SHIMMER.durationMs / 1000}s ease-in-out infinite`,\n }\n : {};\n\n/** Corner radius per shape variant (circle/status are round). */\nconst variantRadius = (variant: string | undefined, theme: Theme): CSSObject => {\n if (variant === 'square') return { borderRadius: 0 };\n if (variant === 'rounded') return { borderRadius: theme.spacing(ROUNDED_RADIUS_UNITS) };\n return { borderRadius: '50%' };\n};\n\n/** Paper ring when bordered (e.g. inside an AvatarGroup). */\nconst borderedStyles = (bordered: boolean | undefined, theme: Theme): CSSObject =>\n bordered\n ? {\n border: `${rem(theme, BORDER_WIDTH)} solid ${theme.palette.background.paper}`,\n boxShadow: `0 0 0 ${rem(theme, 1)} ${alpha(theme.palette.divider, BORDER_HALO_ALPHA)}`,\n }\n : {};\n\n/** Glow adds the halo; pulse adds the expanding ring — either or both. */\nconst glowPulseStyles = (\n theme: Theme,\n glow: boolean | undefined,\n pulse: boolean | undefined,\n main: string,\n): CSSObject => {\n const styles: CSSObject = {};\n if (glow) {\n styles.boxShadow = `0 0 ${rems(theme, GLOW.blur, GLOW.spread)} ${alpha(main, GLOW.alpha)} !important`;\n styles.filter = `brightness(${GLOW.brightness})`;\n }\n if (pulse) {\n styles.position = 'relative';\n styles['&::after'] = {\n content: '\"\"',\n position: 'absolute',\n top: '50%',\n left: '50%',\n width: '100%',\n height: '100%',\n borderRadius: 'inherit',\n transform: 'translate(-50%, -50%)',\n backgroundColor: main,\n opacity: PULSE.alpha,\n animation: `${pulseAnimation(theme)} ${PULSE.durationMs / 1000}s infinite`,\n pointerEvents: 'none',\n zIndex: -1,\n };\n }\n return styles;\n};\n\ninterface StyledAvatarProps {\n customVariant?: string;\n customSize?: AvatarSize;\n customColor?: string;\n glow?: boolean;\n pulse?: boolean;\n bordered?: boolean;\n isLoading?: boolean;\n hasError?: boolean;\n interactive?: boolean;\n}\n\nconst STYLED_AVATAR_PROPS = [\n 'customVariant',\n 'customSize',\n 'customColor',\n 'glow',\n 'pulse',\n 'bordered',\n 'isLoading',\n 'hasError',\n 'interactive',\n];\n\nconst StyledAvatar = styled(MuiAvatar, {\n shouldForwardProp: (prop) => !STYLED_AVATAR_PROPS.includes(prop as string),\n})<StyledAvatarProps>(\n ({\n theme,\n customVariant,\n customSize = 'md',\n customColor = 'primary',\n glow,\n pulse,\n bordered,\n isLoading,\n hasError,\n interactive,\n }) => {\n const palette = getColorFromTheme(theme, customColor);\n return {\n ...boxStyles(theme, customSize),\n fontSize: rem(theme, glyphPx(customSize)),\n transition: `all ${AVATAR_TRANSITION_MS / 1000}s ${AVATAR_TRANSITION_EASING}`,\n position: 'relative',\n overflow: 'visible',\n animation: `${scaleInAnimation} ${SCALE_IN_MS / 1000}s ease-out`,\n cursor: interactive ? 'pointer' : 'default',\n backgroundColor: hasError ? theme.palette.error.main : palette.main,\n color: hasError ? theme.palette.error.contrastText : (palette.contrastText ?? absoluteInk(theme).white),\n ...interactiveStyles(theme, interactive, palette.main),\n ...loadingStyles(isLoading, palette.main),\n ...variantRadius(customVariant, theme),\n ...borderedStyles(bordered, theme),\n ...glowPulseStyles(theme, glow, pulse, palette.main),\n '&:focus-visible': {\n outline: `${rem(theme, FOCUS_RING.width)} solid ${alpha(palette.main, FOCUS_RING.alpha)}`,\n outlineOffset: rem(theme, FOCUS_RING.offset),\n },\n };\n },\n);\n\nconst LoadingOverlay = styled('div')<{ size: AvatarSize }>(({ theme, size }) => {\n const box = boxPx(size);\n return {\n position: 'absolute',\n top: 0,\n left: 0,\n ...boxStyles(theme, size),\n borderRadius: 'inherit',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n backgroundColor: alpha(theme.palette.background.paper, LOADING_OVERLAY.paperAlpha),\n backdropFilter: `blur(${rem(theme, LOADING_OVERLAY.blur)})`,\n '& .loading-spinner': {\n width: rem(theme, box * SPINNER.scale),\n height: rem(theme, box * SPINNER.scale),\n border: `${rem(theme, SPINNER.ringWidth)} solid ${alpha(theme.palette.primary.main, SPINNER.trackAlpha)}`,\n borderTopColor: theme.palette.primary.main,\n borderRadius: '50%',\n animation: `${rotateAnimation} ${SPINNER.durationMs / 1000}s linear infinite`,\n },\n };\n});\n\nconst StatusBadge = styled(Badge, {\n shouldForwardProp: (prop) => !['statusColor', 'avatarSize'].includes(prop as string),\n})<{\n statusColor?: string;\n avatarSize?: AvatarSize;\n}>(({ theme, statusColor, avatarSize = 'md' }) => {\n const badgeSize = rem(theme, Math.max(STATUS_DOT.min, boxPx(avatarSize) * STATUS_DOT.scale));\n\n return {\n '& .MuiBadge-badge': {\n backgroundColor: statusColor || theme.palette.success.main,\n color: statusColor || theme.palette.success.main,\n width: badgeSize,\n height: badgeSize,\n borderRadius: '50%',\n border: `${rem(theme, STATUS_DOT.borderWidth)} solid ${theme.palette.background.paper}`,\n '&::after': {\n position: 'absolute',\n top: 0,\n left: 0,\n width: '100%',\n height: '100%',\n borderRadius: '50%',\n backgroundColor: 'currentColor',\n content: '\"\"',\n },\n },\n };\n});\n\nexport interface AvatarViewProps {\n mounted: boolean;\n variant: string;\n size: AvatarSize;\n color: string;\n glow: boolean;\n pulse: boolean;\n bordered: boolean;\n showSpinner: boolean;\n imageError: boolean;\n clickable: boolean;\n imgSrc?: string;\n alt?: string;\n ariaLabel: string;\n content: React.ReactNode;\n contentType: ContentType;\n className?: string;\n dataTestId?: string;\n status?: AvatarStatus;\n forwardedRef: React.Ref<HTMLDivElement>;\n onClick: (event: React.MouseEvent<HTMLDivElement>) => void;\n handleImageError: React.ReactEventHandler;\n handleImageLoad: () => void;\n rest: Record<string, unknown>;\n}\n\n/** The avatar box itself: the styled MUI avatar plus the loading overlay. */\nfunction AvatarSurface(props: AvatarViewProps): React.JSX.Element {\n const { showSpinner, dataTestId, clickable } = props;\n const testId = (suffix: string): string | undefined =>\n dataTestId ? `${dataTestId}-${suffix}` : undefined;\n\n return (\n <Fade in={props.mounted} timeout={FADE_MS}>\n <div style={{ position: 'relative', display: 'inline-block' }}>\n <StyledAvatar\n ref={props.forwardedRef}\n className={props.className}\n customVariant={props.variant}\n customSize={props.size}\n customColor={props.color}\n glow={props.glow}\n pulse={props.pulse}\n bordered={props.bordered}\n isLoading={showSpinner}\n hasError={props.imageError}\n interactive={clickable}\n src={props.imgSrc}\n alt={props.alt}\n onClick={props.onClick}\n tabIndex={clickable ? 0 : undefined}\n role={clickable ? 'button' : undefined}\n aria-label={props.ariaLabel}\n data-testid={dataTestId}\n {...props.rest}\n // Load/error fire on the inner <img>, not the root — and don't bubble.\n // Wiring them via the img slot lets `imageLoading` actually clear (else\n // the spinner overlays the avatar forever whenever `src` is set). Keep\n // after {...props.rest} so a consumer-supplied slotProps can't override\n // and detach these handlers.\n slotProps={{ img: { onError: props.handleImageError, onLoad: props.handleImageLoad } }}\n >\n {showSpinner ? null : (\n <span data-testid={testId(props.contentType)}>{props.content}</span>\n )}\n </StyledAvatar>\n {showSpinner && (\n <LoadingOverlay size={props.size} data-testid={testId('loading')}>\n <div className=\"loading-spinner\" data-testid={testId('loading-spinner')} />\n </LoadingOverlay>\n )}\n </div>\n </Fade>\n );\n}\n\n/** Presentational avatar: the surface, wrapped in a status dot badge when requested. */\nexport function AvatarView(props: AvatarViewProps): React.JSX.Element {\n const theme = useTheme();\n const surface = <AvatarSurface {...props} />;\n\n if (props.variant === 'status' && props.status) {\n return (\n <StatusBadge\n overlap=\"circular\"\n anchorOrigin={{ vertical: 'bottom', horizontal: 'right' }}\n variant=\"dot\"\n statusColor={getStatusColor(props.status, theme)}\n avatarSize={props.size}\n data-testid={props.dataTestId ? `${props.dataTestId}-badge` : undefined}\n >\n {surface}\n </StatusBadge>\n );\n }\n\n return surface;\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-MGC4QOMP.js → chunk-TQ2557I5.js} RENAMED Viewed

@@ -227,4 +227,4 @@ Textarea.displayName = "Textarea";
 export {
   Textarea
 };
-//# sourceMappingURL=chunk-MGC4QOMP.js.map
+//# sourceMappingURL=chunk-TQ2557I5.js.map

package/dist/{chunk-C7TCBAVX.js → chunk-TQBRWZA4.js} RENAMED Viewed

@@ -2,7 +2,7 @@ import {
   buildGridColumns,
   buildRowActionsColumn,
   isActionsColumn
-} from "./chunk-LOJK733T.js";
+} from "./chunk-KJK2Q35C.js";
 // src/components/data-display/DataViews/data-views-columns.ts
 import { useMemo } from "react";
@@ -52,4 +52,4 @@ export {
   useColumnsWithActions,
   useRenderedColumns
 };
-//# sourceMappingURL=chunk-C7TCBAVX.js.map
+//# sourceMappingURL=chunk-TQBRWZA4.js.map

package/dist/{chunk-56QVP2MU.js → chunk-TQCQCW2P.js} RENAMED Viewed

@@ -5,6 +5,8 @@ import {
   sheen
 } from "./chunk-FQ6UW7IY.js";
 import {
+  rem,
+  rems,
   sxRem
 } from "./chunk-YKCAJ2TN.js";
@@ -25,9 +27,9 @@ var pulseAnimation = keyframes`
   }
 `;
 var SIZE_MAP = {
-  sm: { fontSize: sxRem(12), padding: "4px 8px" },
-  md: { fontSize: sxRem(14), padding: "6px 12px" },
-  lg: { fontSize: sxRem(16), padding: "8px 16px" }
+  sm: { fontSize: sxRem(12), padding: (theme) => rems(theme, 4, 8) },
+  md: { fontSize: sxRem(14), padding: (theme) => rems(theme, 6, 12) },
+  lg: { fontSize: sxRem(16), padding: (theme) => rems(theme, 8, 16) }
 };
 var getSizeStyles = (size) => SIZE_MAP[size] || SIZE_MAP.md;
 var variantStyles = (theme, variant) => {
@@ -36,13 +38,13 @@ var variantStyles = (theme, variant) => {
       return {
         backgroundColor: alpha(neutralTones(theme).inverseSurface, 0.92),
         color: absoluteInk(theme).white,
-        boxShadow: `0 4px 12px ${shadowInk(theme, 0.3)}`
+        boxShadow: `${rems(theme, 0, 4, 12)} ${shadowInk(theme, 0.3)}`
       };
     case "dark":
       return {
         backgroundColor: absoluteInk(theme).black,
         color: absoluteInk(theme).white,
-        boxShadow: `0 6px 16px ${shadowInk(theme, 0.5)}`,
+        boxShadow: `${rems(theme, 0, 6, 16)} ${shadowInk(theme, 0.5)}`,
         border: `1px solid ${sheen(theme, 0.1)}`
       };
     case "light":
@@ -50,16 +52,16 @@ var variantStyles = (theme, variant) => {
         backgroundColor: absoluteInk(theme).white,
         color: neutralTones(theme).inverseSurface,
         border: `1px solid ${alpha(neutralTones(theme).subtle, 0.4)}`,
-        boxShadow: `0 4px 16px ${shadowInk(theme, 0.15)}`
+        boxShadow: `${rems(theme, 0, 4, 16)} ${shadowInk(theme, 0.15)}`
       };
     case "glass":
       return {
         backgroundColor: alpha(theme.palette.background.paper, 0.75),
-        backdropFilter: "blur(24px) saturate(180%)",
-        WebkitBackdropFilter: "blur(24px) saturate(180%)",
+        backdropFilter: `blur(${rem(theme, 24)}) saturate(180%)`,
+        WebkitBackdropFilter: `blur(${rem(theme, 24)}) saturate(180%)`,
         border: `1px solid ${alpha(theme.palette.divider, 0.3)}`,
         color: theme.palette.text.primary,
-        boxShadow: `0 8px 32px ${shadowInk(theme, 0.12)}`
+        boxShadow: `${rems(theme, 0, 8, 32)} ${shadowInk(theme, 0.12)}`
       };
     default:
       return {};
@@ -67,13 +69,17 @@ var variantStyles = (theme, variant) => {
 };
 var emphasisStyles = (theme, glow, pulse) => ({
   ...glow && {
-    boxShadow: `0 0 15px 3px ${alpha(theme.palette.primary.main, 0.4)} !important`,
+    boxShadow: `${rems(theme, 0, 0, 15, 3)} ${alpha(theme.palette.primary.main, 0.4)} !important`,
     filter: "brightness(1.05)"
   },
   ...pulse && {
     animation: `${pulseAnimation} 2s infinite`
   }
 });
+var tooltipCap = (maxWidth) => (theme) => {
+  const cap = maxWidth ?? 300;
+  return cap <= 1 && cap !== 0 ? `${cap * 100}%` : rem(theme, cap);
+};
 var arrowColor = (theme, variant) => {
   switch (variant) {
     case "light":
@@ -91,6 +97,7 @@ export {
   getSizeStyles,
   variantStyles,
   emphasisStyles,
+  tooltipCap,
   arrowColor
 };
-//# sourceMappingURL=chunk-56QVP2MU.js.map
+//# sourceMappingURL=chunk-TQCQCW2P.js.map

package/dist/chunk-TQCQCW2P.js.map ADDED Viewed

@@ -0,0 +1 @@

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

package/dist/{chunk-CZT3AV7I.js → chunk-TRHWA74K.js} RENAMED Viewed

@@ -2,6 +2,9 @@ import {
   onMedia,
   shadowInk
 } from "./chunk-FQ6UW7IY.js";
+import {
+  rems
+} from "./chunk-YKCAJ2TN.js";
 // src/components/data-display/Carousel/Carousel.slide.tsx
 import Box from "@mui/material/Box/index.js";
@@ -21,7 +24,7 @@ var SlideCaption = ({
       variant: "h5",
       sx: (theme) => ({
         color: image ? onMedia(theme) : "text.primary",
-        textShadow: image ? `0 2px 4px ${shadowInk(theme, 0.5)}` : "none",
+        textShadow: image ? `0 ${rems(theme, 2, 4)} ${shadowInk(theme, 0.5)}` : "none",
         mb: 1
       }),
       children: title
@@ -33,7 +36,7 @@ var SlideCaption = ({
       variant: "body1",
       sx: (theme) => ({
         color: image ? onMedia(theme) : "text.secondary",
-        textShadow: image ? `0 1px 2px ${shadowInk(theme, 0.5)}` : "none"
+        textShadow: image ? `0 ${rems(theme, 1, 2)} ${shadowInk(theme, 0.5)}` : "none"
       }),
       children: description
     }
@@ -169,4 +172,4 @@ export {
   CarouselSlide,
   CarouselTrack
 };
-//# sourceMappingURL=chunk-CZT3AV7I.js.map
+//# sourceMappingURL=chunk-TRHWA74K.js.map

package/dist/chunk-TRHWA74K.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../src/components/data-display/Carousel/Carousel.slide.tsx"],"sourcesContent":["import Box from '@mui/material/Box/index.js';\nimport Paper from '@mui/material/Paper/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport { useTheme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport type { CarouselItem, CarouselProps } from './Carousel.types';\nimport { onMedia, shadowInk } from '../../../tokens/ink';\nimport { rems } from '../../../tokens/relative';\n\nexport interface CarouselSlideProps {\n item: CarouselItem;\n index: number;\n isActive: boolean;\n variant: NonNullable<CarouselProps['variant']>;\n clickable: boolean;\n onSelect: (item: CarouselItem, index: number) => void;\n}\n\n/**\n * A slide's caption. Over an image it is white with a shadow so it stays legible\n * against whatever the photograph happens to be; on a bare surface it uses the\n * ordinary text colours.\n */\nconst SlideCaption: React.FC<Pick<CarouselItem, 'title' | 'description' | 'content' | 'image'>> = ({\n title,\n description,\n content,\n image,\n}) => (\n <Box sx={{ position: 'relative', zIndex: 1, textAlign: 'center', p: 3 }}>\n {title && (\n <Typography\n variant=\"h5\"\n sx={(theme) => ({\n color: image ? onMedia(theme) : 'text.primary',\n textShadow: image ? `0 ${rems(theme, 2, 4)} ${shadowInk(theme, 0.5)}` : 'none',\n mb: 1,\n })}\n >\n {title}\n </Typography>\n )}\n\n {description && (\n <Typography\n variant=\"body1\"\n sx={(theme) => ({\n color: image ? onMedia(theme) : 'text.secondary',\n textShadow: image ? `0 ${rems(theme, 1, 2)} ${shadowInk(theme, 0.5)}` : 'none',\n })}\n >\n {description}\n </Typography>\n )}\n\n {content}\n </Box>\n);\n\nexport const CarouselSlide: React.FC<CarouselSlideProps> = ({\n item,\n index,\n isActive,\n variant,\n clickable,\n onSelect,\n}) => {\n const theme = useTheme();\n\n const content = (\n <Box\n sx={{\n width: '100%',\n height: '100%',\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'center',\n alignItems: 'center',\n cursor: clickable ? 'pointer' : 'default',\n position: 'relative',\n }}\n onClick={() => onSelect(item, index)}\n >\n {item.image && (\n <Box\n component=\"img\"\n src={item.image}\n alt={item.alt || item.title}\n sx={{\n width: '100%',\n height: '100%',\n objectFit: 'cover',\n position: 'absolute',\n top: 0,\n left: 0,\n }}\n />\n )}\n\n <SlideCaption\n title={item.title}\n description={item.description}\n content={item.content}\n image={item.image}\n />\n </Box>\n );\n\n // The cards variant gives each slide its own raised surface, and lifts the\n // active one further so the stack reads as a deck rather than a strip.\n if (variant === 'cards') {\n return (\n <Paper\n elevation={isActive ? 8 : 2}\n sx={{\n width: '100%',\n height: '100%',\n overflow: 'hidden',\n transform: isActive ? 'scale(1)' : 'scale(0.9)',\n transition: theme.transitions.create(['transform', 'box-shadow']),\n }}\n >\n {content}\n </Paper>\n );\n }\n\n return content;\n};\n\nexport interface CarouselTrackProps {\n items: CarouselItem[];\n activeIndex: number;\n variant: NonNullable<CarouselProps['variant']>;\n animation: NonNullable<CarouselProps['animation']>;\n transition: React.ElementType;\n clickable: boolean;\n onSelect: (item: CarouselItem, index: number) => void;\n}\n\n/**\n * The slides themselves. Every slide stays mounted and absolutely positioned so\n * the transition has both the outgoing and incoming one to work with; `display`\n * is what actually hides the rest.\n */\nexport const CarouselTrack: React.FC<CarouselTrackProps> = ({\n items,\n activeIndex,\n variant,\n animation,\n transition: Transition,\n clickable,\n onSelect,\n}) => (\n <Box\n data-testid=\"carousel-track\"\n sx={{\n width: '100%',\n height: '100%',\n position: 'relative',\n display: 'flex',\n alignItems: 'center',\n }}\n >\n {items.map((item, index) => (\n <Transition\n key={item.id}\n in={index === activeIndex}\n timeout={600}\n {...(animation === 'flip' && { direction: 'left' as const })}\n >\n <Box\n data-testid={`carousel-slide-${index}`}\n data-active={index === activeIndex}\n sx={{\n position: 'absolute',\n width: '100%',\n height: '100%',\n display: index === activeIndex ? 'block' : 'none',\n }}\n >\n <CarouselSlide\n item={item}\n index={index}\n isActive={index === activeIndex}\n variant={variant}\n clickable={clickable}\n onSelect={onSelect}\n />\n </Box>\n </Transition>\n ))}\n </Box>\n);\n"],"mappings":"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","names":[]}

package/dist/{chunk-EDO2WS5B.js → chunk-TXGB2WSW.js} RENAMED Viewed

@@ -1,13 +1,16 @@
 import {
   buildChartContext
-} from "./chunk-3GQ6PNEM.js";
+} from "./chunk-3GTMGPNQ.js";
 import {
   ChartLegendContent,
   ChartTooltipContent
-} from "./chunk-M5T3COS2.js";
+} from "./chunk-RIRTW5EU.js";
 import {
   uiInk
 } from "./chunk-FQ6UW7IY.js";
+import {
+  remPx
+} from "./chunk-YKCAJ2TN.js";
 // src/components/data-display/Chart/chart-renderers.tsx
 import {
@@ -183,7 +186,7 @@ function renderPie(ctx) {
         cx: "50%",
         cy: "50%",
         outerRadius: ctx.sizeStyles.height / 3,
-        innerRadius: props.innerRadius ?? 0,
+        innerRadius: remPx(ctx.theme, props.innerRadius ?? 0),
         fill: ctx.chartColors[0],
         label: props.showValues ?? false,
         animationDuration: ctx.animationDuration,
@@ -315,4 +318,4 @@ function renderChartByType(props, theme) {
 export {
   renderChartByType
 };
-//# sourceMappingURL=chunk-EDO2WS5B.js.map
+//# sourceMappingURL=chunk-TXGB2WSW.js.map

package/dist/chunk-TXGB2WSW.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../src/components/data-display/Chart/chart-renderers.tsx"],"sourcesContent":["import type { Theme } from '@mui/material/styles/index.js';\nimport React from 'react';\nimport {\n Area,\n AreaChart,\n Bar,\n BarChart,\n CartesianGrid,\n Cell,\n ComposedChart,\n Legend,\n Line,\n LineChart,\n Pie,\n PieChart,\n PolarAngleAxis,\n PolarGrid,\n PolarRadiusAxis,\n Radar,\n RadarChart,\n Scatter,\n ScatterChart,\n Tooltip,\n XAxis,\n YAxis,\n} from 'recharts';\n\nimport type { ChartProps, ChartSeries } from './Chart.types';\nimport { ChartLegendContent, ChartTooltipContent } from './ChartComposables';\nimport { buildChartContext, type ChartRenderContext } from './chart-context';\nimport { uiInk } from '../../../tokens/ink';\nimport { remPx } from '../../../tokens/relative';\n\n/**\n * Per-type Recharts renderers for the prop-driven Chart, dispatched from a\n * registry keyed by `ChartProps['type']`. Each renderer reads a prepared\n * {@link ChartRenderContext} so every function stays small.\n */\n\nfunction chartExtras(ctx: ChartRenderContext): React.ReactNode[] {\n const { props } = ctx;\n const nodes: React.ReactNode[] = [];\n if (props.showTooltip !== false) {\n nodes.push(\n <Tooltip key=\"tooltip\" content={<ChartTooltipContent valueFormatter={props.valueFormatter} />} />,\n );\n }\n if (props.showLegend !== false) {\n nodes.push(<Legend key=\"legend\" content={<ChartLegendContent />} />);\n }\n return nodes;\n}\n\n/**\n * Gridlines: solid, and one step below the card border. A dashed line at the\n * border's own weight competes with the data drawn over it.\n */\nfunction chartGrid(ctx: ChartRenderContext): React.ReactElement {\n return <CartesianGrid key=\"grid\" stroke={ctx.gridStroke} strokeOpacity={ctx.gridOpacity} />;\n}\n\nfunction cartesianAxes(ctx: ChartRenderContext): React.ReactNode[] {\n const { props, axisConfig } = ctx;\n const nodes: React.ReactNode[] = [];\n if (props.showCartesianGrid !== false) nodes.push(chartGrid(ctx));\n nodes.push(\n <XAxis\n key=\"x\"\n dataKey={props.xAxisKey ?? 'name'}\n style={ctx.axisStyle}\n label={props.xAxisLabel}\n tickMargin={axisConfig.tickMargin}\n ticks={axisConfig.categoryTicks}\n tickFormatter={axisConfig.tickFormatter}\n />,\n <YAxis\n key=\"y\"\n style={ctx.axisStyle}\n label={props.yAxisLabel}\n // Sized from its own widest tick: a fixed 60px lets \"R$ 1.234,56\" spill\n // out of the card, which is the other way axis text ends up on top of\n // something.\n width=\"auto\"\n tickMargin={axisConfig.tickMargin}\n tickFormatter={props.valueFormatter}\n allowDecimals={props.allowDecimalTicks !== false}\n />,\n );\n return nodes;\n}\n\nfunction renderLine(ctx: ChartRenderContext): React.ReactElement {\n return (\n <LineChart {...ctx.commonProps}>\n {cartesianAxes(ctx)}\n {chartExtras(ctx)}\n {ctx.chartSeries.map((s, index) => (\n <Line\n key={s.dataKey}\n type={ctx.strokeType}\n dataKey={s.dataKey}\n name={s.name}\n stroke={s.color ?? ctx.chartColors[index % ctx.chartColors.length]}\n strokeWidth={s.strokeWidth ?? 2}\n dot={s.dot !== false}\n activeDot={s.activeDot !== false ? { r: 8 } : false}\n animationDuration={ctx.animationDuration}\n />\n ))}\n </LineChart>\n );\n}\n\nfunction renderBar(ctx: ChartRenderContext): React.ReactElement {\n return (\n <BarChart {...ctx.commonProps}>\n {cartesianAxes(ctx)}\n {chartExtras(ctx)}\n {ctx.chartSeries.map((s, index) => (\n <Bar\n key={s.dataKey}\n dataKey={s.dataKey}\n name={s.name}\n fill={s.fill ?? s.color ?? ctx.chartColors[index % ctx.chartColors.length]}\n stackId={ctx.props.stacked ? 'stack' : undefined}\n radius={ctx.barGeometry.radius}\n maxBarSize={ctx.barGeometry.maxBarSize}\n animationDuration={ctx.animationDuration}\n />\n ))}\n </BarChart>\n );\n}\n\nfunction renderArea(ctx: ChartRenderContext): React.ReactElement {\n return (\n <AreaChart {...ctx.commonProps}>\n {cartesianAxes(ctx)}\n {chartExtras(ctx)}\n {ctx.chartSeries.map((s, index) => (\n <Area\n key={s.dataKey}\n type={ctx.strokeType}\n dataKey={s.dataKey}\n name={s.name}\n stroke={s.color ?? ctx.chartColors[index % ctx.chartColors.length]}\n fill={s.fill ?? s.color ?? ctx.chartColors[index % ctx.chartColors.length]}\n fillOpacity={s.fillOpacity ?? 0.6}\n stackId={ctx.props.stacked ? 'stack' : undefined}\n animationDuration={ctx.animationDuration}\n />\n ))}\n </AreaChart>\n );\n}\n\nfunction pieCenterLabel(ctx: ChartRenderContext): React.ReactNode {\n const { centerLabel } = ctx.props;\n const innerRadius = ctx.props.innerRadius ?? 0;\n if (!centerLabel || innerRadius <= 0) return null;\n const fill = ctx.props.variant === 'neon' ? uiInk(ctx.theme).dataVizNeon.accent : ctx.theme.palette.text.primary;\n return (\n <text\n x=\"50%\"\n y=\"50%\"\n textAnchor=\"middle\"\n dominantBaseline=\"middle\"\n style={{ fontSize: ctx.sizeStyles.fontSize, fill, fontWeight: 600 }}\n >\n {typeof centerLabel === 'string' ? (\n centerLabel\n ) : (\n <>\n <tspan\n x=\"50%\"\n dy=\"-0.6em\"\n style={{ fontSize: '0.875em', fontWeight: 500, fill: ctx.theme.palette.text.secondary }}\n >\n {centerLabel.label}\n </tspan>\n <tspan x=\"50%\" dy=\"1.4em\" style={{ fontSize: '1.5em', fontWeight: 700 }}>\n {centerLabel.value}\n </tspan>\n </>\n )}\n </text>\n );\n}\n\nfunction renderPie(ctx: ChartRenderContext): React.ReactElement {\n const { props } = ctx;\n return (\n <PieChart>\n {chartExtras(ctx)}\n <Pie\n data={props.data}\n dataKey={ctx.chartSeries[0]?.dataKey ?? 'value'}\n nameKey={props.xAxisKey ?? 'name'}\n cx=\"50%\"\n cy=\"50%\"\n outerRadius={ctx.sizeStyles.height / 3}\n innerRadius={remPx(ctx.theme, props.innerRadius ?? 0)}\n fill={ctx.chartColors[0]}\n label={props.showValues ?? false}\n animationDuration={ctx.animationDuration}\n >\n {props.data.map((entry, index) => (\n <Cell key={`cell-${index}`} fill={ctx.chartColors[index % ctx.chartColors.length]} />\n ))}\n </Pie>\n {pieCenterLabel(ctx)}\n </PieChart>\n );\n}\n\nfunction renderRadar(ctx: ChartRenderContext): React.ReactElement {\n return (\n <RadarChart {...ctx.commonProps}>\n <PolarGrid stroke={ctx.gridStroke} />\n <PolarAngleAxis dataKey={ctx.props.xAxisKey ?? 'name'} style={ctx.axisStyle} />\n <PolarRadiusAxis style={ctx.axisStyle} />\n {chartExtras(ctx)}\n {ctx.chartSeries.map((s, index) => (\n <Radar\n key={s.dataKey}\n dataKey={s.dataKey}\n name={s.name}\n stroke={s.color ?? ctx.chartColors[index % ctx.chartColors.length]}\n fill={s.fill ?? s.color ?? ctx.chartColors[index % ctx.chartColors.length]}\n fillOpacity={s.fillOpacity ?? 0.6}\n animationDuration={ctx.animationDuration}\n />\n ))}\n </RadarChart>\n );\n}\n\nfunction renderScatter(ctx: ChartRenderContext): React.ReactElement {\n const { props } = ctx;\n return (\n <ScatterChart {...ctx.commonProps}>\n {props.showCartesianGrid !== false && chartGrid(ctx)}\n <XAxis\n dataKey={props.xAxisKey ?? 'name'}\n style={ctx.axisStyle}\n label={props.xAxisLabel}\n tickMargin={ctx.axisConfig.tickMargin}\n />\n <YAxis\n dataKey={ctx.chartSeries[0]?.dataKey}\n style={ctx.axisStyle}\n label={props.yAxisLabel}\n tickMargin={ctx.axisConfig.tickMargin}\n />\n {chartExtras(ctx)}\n <Scatter\n name={ctx.chartSeries[0]?.name ?? 'Data'}\n data={props.data}\n fill={ctx.chartColors[0]}\n animationDuration={ctx.animationDuration}\n />\n </ScatterChart>\n );\n}\n\nfunction composedSeries(ctx: ChartRenderContext, s: ChartSeries, index: number): React.ReactElement {\n const color = s.color ?? ctx.chartColors[index % ctx.chartColors.length];\n if (s.type === 'bar') {\n return (\n <Bar\n key={s.dataKey}\n dataKey={s.dataKey}\n name={s.name}\n fill={color}\n radius={ctx.barGeometry.radius}\n maxBarSize={ctx.barGeometry.maxBarSize}\n animationDuration={ctx.animationDuration}\n />\n );\n }\n if (s.type === 'area') {\n return (\n <Area\n key={s.dataKey}\n type={ctx.strokeType}\n dataKey={s.dataKey}\n name={s.name}\n stroke={color}\n fill={color}\n fillOpacity={0.6}\n animationDuration={ctx.animationDuration}\n />\n );\n }\n return (\n <Line\n key={s.dataKey}\n type={ctx.strokeType}\n dataKey={s.dataKey}\n name={s.name}\n stroke={color}\n animationDuration={ctx.animationDuration}\n />\n );\n}\n\nfunction renderComposed(ctx: ChartRenderContext): React.ReactElement {\n return (\n <ComposedChart {...ctx.commonProps}>\n {cartesianAxes(ctx)}\n {chartExtras(ctx)}\n {ctx.chartSeries.map((s, index) => composedSeries(ctx, s, index))}\n </ComposedChart>\n );\n}\n\nconst RENDERERS: Record<string, (ctx: ChartRenderContext) => React.ReactElement> = {\n line: renderLine,\n bar: renderBar,\n area: renderArea,\n pie: renderPie,\n radar: renderRadar,\n scatter: renderScatter,\n composed: renderComposed,\n};\n\n/** Render the Recharts element for the requested chart type. */\nexport function renderChartByType(props: ChartProps, theme: Theme): React.ReactElement {\n const renderer = RENDERERS[props.type ?? 'line'];\n const ctx = buildChartContext(props, theme);\n return renderer ? renderer(ctx) : <></>;\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-NNQLDFKG.js → chunk-TYBZ4XZZ.js} RENAMED Viewed

@@ -3,6 +3,8 @@ import {
   neutralTones
 } from "./chunk-FQ6UW7IY.js";
 import {
+  rem,
+  rems,
   sxRem
 } from "./chunk-YKCAJ2TN.js";
@@ -26,9 +28,9 @@ var pulseAnimation = keyframes`
   }
 `;
 var SIZE_MAP = {
-  sm: { fontSize: sxRem(12), padding: "4px 8px" },
-  md: { fontSize: sxRem(14), padding: "6px 12px" },
-  lg: { fontSize: sxRem(16), padding: "8px 16px" }
+  sm: { fontSize: sxRem(12), padding: (theme) => rems(theme, 4, 8) },
+  md: { fontSize: sxRem(14), padding: (theme) => rems(theme, 6, 12) },
+  lg: { fontSize: sxRem(16), padding: (theme) => rems(theme, 8, 16) }
 };
 var getSizeStyles = (size) => SIZE_MAP[size] || SIZE_MAP.md;
 var variantStyles = (theme, variant) => {
@@ -53,7 +55,7 @@ var variantStyles = (theme, variant) => {
     case "glass":
       return {
         backgroundColor: alpha(theme.palette.background.paper, 0.1),
-        backdropFilter: "blur(20px)",
+        backdropFilter: `blur(${rem(theme, 20)})`,
         border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,
         color: theme.palette.text.primary
       };
@@ -63,7 +65,7 @@ var variantStyles = (theme, variant) => {
 };
 var emphasisStyles = (theme, glow, pulse) => ({
   ...glow && {
-    boxShadow: `0 0 15px 3px ${alpha(theme.palette.primary.main, 0.4)} !important`,
+    boxShadow: `${rems(theme, 0, 0, 15, 3)} ${alpha(theme.palette.primary.main, 0.4)} !important`,
     filter: "brightness(1.05)"
   },
   ...pulse && {
@@ -90,7 +92,7 @@ var StyledTooltip = styled(MuiTooltip, {
     "& .MuiTooltip-tooltip": {
       borderRadius: theme.spacing(1),
       fontSize: sizeStyles.fontSize(theme),
-      padding: sizeStyles.padding,
+      padding: sizeStyles.padding(theme),
       fontWeight: 500,
       transition: "all 0.3s ease",
       position: "relative",
@@ -103,13 +105,17 @@ var StyledTooltip = styled(MuiTooltip, {
     }
   };
 });
+var tooltipCap = (maxWidth) => (theme) => {
+  const cap = maxWidth ?? 300;
+  return cap <= 1 && cap !== 0 ? `${cap * 100}%` : rem(theme, cap);
+};
 var Tooltip = React.forwardRef(
   ({
     variant = "default",
     size = "md",
     glow = false,
     pulse = false,
-    maxWidth = 300,
+    maxWidth,
     dataTestId,
     children,
     ...props
@@ -132,7 +138,7 @@ var Tooltip = React.forwardRef(
         disableTouchListener: false,
         slotProps: {
           tooltip: {
-            sx: { maxWidth },
+            sx: { maxWidth: tooltipCap(maxWidth) },
             role: "tooltip",
             ...dataTestId && { "data-testid": `${dataTestId}-content` }
           }
@@ -148,4 +154,4 @@ Tooltip.displayName = "Tooltip";
 export {
   Tooltip
 };
-//# sourceMappingURL=chunk-NNQLDFKG.js.map
+//# sourceMappingURL=chunk-TYBZ4XZZ.js.map

package/dist/chunk-TYBZ4XZZ.js.map ADDED Viewed

@@ -0,0 +1 @@

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