@12-apps/ui 6.17.1 → 6.19.0

package/dist/{chunk-SCGVB7DS.js → chunk-DOADQW7I.js}

@@ -17,7 +17,7 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Text
-} from "./chunk-VRHBJXZ7.js";
+} from "./chunk-2PCOC3PT.js";
 
 // src/components/data-display/DataViews/data-views-display-tabs.tsx
 import ArrowDownwardRoundedIcon from "@mui/icons-material/ArrowDownwardRounded";
@@ -243,4 +243,4 @@ export {
   SortTab,
   DisplayTab
 };
-//# sourceMappingURL=chunk-SCGVB7DS.js.map
+//# sourceMappingURL=chunk-DOADQW7I.js.map

package/dist/{chunk-RIAIJTEW.js → chunk-DOMEYGTN.js}

@@ -1,6 +1,6 @@
 import {
   accentFor
-} from "./chunk-I6PZVHIT.js";
+} from "./chunk-V5IOLAIS.js";
 
 // src/components/form/Command/Command.styles.ts
 import { alpha } from "@mui/material/styles/index.js";
@@ -58,4 +58,4 @@ export {
   commandSizeStyles,
   commandPaperStyles
 };
-//# sourceMappingURL=chunk-RIAIJTEW.js.map
+//# sourceMappingURL=chunk-DOMEYGTN.js.map

package/dist/{chunk-7HPPUO2A.js → chunk-DQHC5P64.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk-LYSSO6WC.js";
 import {
   DescriptionItem
-} from "./chunk-TCAB2ERD.js";
+} from "./chunk-PNYXXLPU.js";
 import {
   default as default2
 } from "./chunk-6DPAWXZ3.js";
 import {
   Text
-} from "./chunk-VRHBJXZ7.js";
+} from "./chunk-2PCOC3PT.js";
 
 // src/components/data-display/DataViews/base-list-card-slots.tsx
 import { Fragment } from "react";
@@ -222,4 +222,4 @@ export {
   ListCardActions,
   ListCardTail
 };
-//# sourceMappingURL=chunk-7HPPUO2A.js.map
+//# sourceMappingURL=chunk-DQHC5P64.js.map

package/dist/{chunk-6YLAVHV4.js → chunk-DTKMBI7B.js}

@@ -1,12 +1,12 @@
+import {
+  resolveScrollAreaProps
+} from "./chunk-RHIDWUK7.js";
 import {
   ScrollViewport
 } from "./chunk-C53C7C2X.js";
 import {
   ScrollAreaContent
 } from "./chunk-4OEKIFBC.js";
-import {
-  resolveScrollAreaProps
-} from "./chunk-RHIDWUK7.js";
 
 // src/components/layout/ScrollArea/ScrollArea.tsx
 import KeyboardArrowUp from "@mui/icons-material/KeyboardArrowUp";
@@ -237,4 +237,4 @@ var ScrollArea = (componentProps) => {
 export {
   ScrollArea
 };
-//# sourceMappingURL=chunk-6YLAVHV4.js.map
+//# sourceMappingURL=chunk-DTKMBI7B.js.map

package/dist/{chunk-24LW52EU.js → chunk-DX527XPL.js}

@@ -15,7 +15,7 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Text
-} from "./chunk-VRHBJXZ7.js";
+} from "./chunk-2PCOC3PT.js";
 
 // src/components/data-display/DataViews/data-views-more-fields.tsx
 import Checkbox from "@mui/material/Checkbox/index.js";
@@ -188,4 +188,4 @@ export {
   fieldClearing,
   MoreGroup
 };
-//# sourceMappingURL=chunk-24LW52EU.js.map
+//# sourceMappingURL=chunk-DX527XPL.js.map

package/dist/{chunk-BBC4KT5G.js → chunk-DZN3JF5E.js}

@@ -1,9 +1,9 @@
-import {
-  CustomTabPanel
-} from "./chunk-7UZ2TFIK.js";
 import {
   tabsRootStyles
 } from "./chunk-EWSGWLHN.js";
+import {
+  CustomTabPanel
+} from "./chunk-7UZ2TFIK.js";
 
 // src/components/navigation/Tabs/Tabs.tsx
 import Close from "@mui/icons-material/Close";
@@ -228,4 +228,4 @@ Tabs.displayName = "Tabs";
 export {
   Tabs
 };
-//# sourceMappingURL=chunk-BBC4KT5G.js.map
+//# sourceMappingURL=chunk-DZN3JF5E.js.map

package/dist/{chunk-5ERH4OIK.js → chunk-E27Y7FF2.js}

@@ -1,3 +1,31 @@
+import {
+  ACTION_SLOT,
+  ALERT_EASING,
+  ALERT_PADDING_UNITS,
+  ALERT_TRANSITION_MS,
+  FADE_IN,
+  GLASS,
+  GLOW,
+  GRADIENT,
+  ICON_SLOT,
+  ICON_SPIN,
+  MESSAGE_BUTTON,
+  MESSAGE_FONT_SIZE,
+  MESSAGE_GAP_UNITS,
+  MESSAGE_LINE_HEIGHT,
+  NEUTRAL_GREY,
+  PULSE,
+  SEMANTIC_SURFACE,
+  SEMANTIC_VARIANTS,
+  seconds
+} from "./chunk-B2Y3BABA.js";
+import {
+  VARIANT_ICON
+} from "./chunk-N3QUEBNS.js";
+import {
+  px
+} from "./chunk-NQN5Z36J.js";
+
 // src/components/data-display/Alert/Alert.styles.tsx
 import Error from "@mui/icons-material/Error";
 import Info from "@mui/icons-material/Info";
@@ -11,7 +39,7 @@ var pulseAnimation = keyframes`
     opacity: 1;
   }
   70% {
-    box-shadow: 0 0 0 10px currentColor;
+    box-shadow: 0 0 0 ${PULSE.spread}px currentColor;
     opacity: 0;
   }
   100% {
@@ -21,16 +49,16 @@ var pulseAnimation = keyframes`
 `;
 var shimmerAnimation = keyframes`
   0% {
-    background-position: -1000px 0;
+    background-position: -${GRADIENT.shimmerTravel}px 0;
   }
   100% {
-    background-position: 1000px 0;
+    background-position: ${GRADIENT.shimmerTravel}px 0;
   }
 `;
 var fadeInScale = keyframes`
   from {
     opacity: 0;
-    transform: scale(0.95) translateY(-10px);
+    transform: scale(${FADE_IN.scale}) translateY(-${FADE_IN.lift}px);
   }
   to {
     opacity: 1;
@@ -39,10 +67,10 @@ var fadeInScale = keyframes`
 `;
 var iconRotate = keyframes`
   0% {
-    transform: rotate(0deg) scale(0.8);
+    transform: rotate(0deg) scale(${ICON_SPIN.from});
   }
   50% {
-    transform: rotate(180deg) scale(1.1);
+    transform: rotate(180deg) scale(${ICON_SPIN.mid});
   }
   100% {
     transform: rotate(360deg) scale(1);
@@ -57,23 +85,23 @@ var getColorFromTheme = (theme, variant) => {
     primary: theme.palette.primary,
     secondary: theme.palette.secondary,
     neutral: {
-      main: theme.palette.grey[500] || "#9E9E9E",
-      light: theme.palette.grey[300] || "#E0E0E0",
-      dark: theme.palette.grey[700] || "#616161"
+      main: theme.palette.grey[NEUTRAL_GREY.main] || "#9E9E9E",
+      light: theme.palette.grey[NEUTRAL_GREY.light] || "#E0E0E0",
+      dark: theme.palette.grey[NEUTRAL_GREY.dark] || "#616161"
     }
   };
   return colorMap[variant] || theme.palette.info;
 };
+var VARIANT_ICONS = {
+  Info: /* @__PURE__ */ jsx(Info, {}),
+  CheckCircle: /* @__PURE__ */ jsx(CheckCircle, {}),
+  Warning: /* @__PURE__ */ jsx(Warning, {}),
+  Error: /* @__PURE__ */ jsx(Error, {})
+};
 var getVariantIcon = (variant) => {
-  const iconMap = {
-    info: /* @__PURE__ */ jsx(Info, {}),
-    success: /* @__PURE__ */ jsx(CheckCircle, {}),
-    warning: /* @__PURE__ */ jsx(Warning, {}),
-    danger: /* @__PURE__ */ jsx(Error, {})
-  };
-  return iconMap[variant];
+  const name = VARIANT_ICON[variant];
+  return name ? VARIANT_ICONS[name] : void 0;
 };
-var SEMANTIC_VARIANTS = /* @__PURE__ */ new Set(["info", "success", "warning", "danger"]);
 var alertLayoutStyles = (theme, colorPalette, animate) => ({
   // ROOM TO READ.
   //
@@ -86,7 +114,7 @@ var alertLayoutStyles = (theme, colorPalette, animate) => ({
   //
   // Padding stays overridable by an `sx` (a full-bleed strip legitimately wants
   // it tight), because this is a default rather than a rule.
-  padding: theme.spacing(1.75, 2),
+  padding: theme.spacing(ALERT_PADDING_UNITS.vertical, ALERT_PADDING_UNITS.horizontal),
   ".MuiAlert-message": {
     display: "flex",
     flexDirection: "column",
@@ -95,9 +123,9 @@ var alertLayoutStyles = (theme, colorPalette, animate) => ({
     // margin below goes to whatever CONTROL sits at the end, because the gap
     // between prose and a thing you press has to be bigger than the gap between
     // two lines of prose or the button looks like part of the text.
-    gap: theme.spacing(1),
-    fontSize: "0.95rem",
-    lineHeight: 1.5,
+    gap: theme.spacing(MESSAGE_GAP_UNITS),
+    fontSize: px(MESSAGE_FONT_SIZE),
+    lineHeight: MESSAGE_LINE_HEIGHT,
     // No padding of its own — the root's is now doing that job, and MUI's
     // default `8px 0` on top of it would double the vertical space.
     padding: 0,
@@ -114,33 +142,33 @@ var alertLayoutStyles = (theme, colorPalette, animate) => ({
     // ones: a `solid` keeps its fill and its light label and gains a hairline
     // in the same hue, while a `ghost` gains the whole affordance.
     ".MuiButton-root": {
-      marginTop: theme.spacing(0.5),
-      border: `1px solid ${alpha(colorPalette.main, 0.45)}`
+      marginTop: theme.spacing(MESSAGE_BUTTON.marginTopUnits),
+      border: `1px solid ${alpha(colorPalette.main, MESSAGE_BUTTON.borderAlpha)}`
     }
   },
   ".MuiAlert-icon": {
-    transition: "transform 0.3s cubic-bezier(0.4, 0, 0.2, 1)",
+    transition: `transform ${seconds(ALERT_TRANSITION_MS)} ${ALERT_EASING}`,
     alignItems: "center",
     // Clear of the words rather than nearly touching them, and aligned to the
     // FIRST line instead of centred on the whole block — an icon floating
     // halfway down a three-line message points at nothing.
     alignSelf: "flex-start",
-    marginRight: theme.spacing(1.75),
-    paddingTop: theme.spacing(0.25),
-    animation: animate ? `${iconRotate} 0.6s ease-out` : "none"
+    marginRight: theme.spacing(ICON_SLOT.marginRightUnits),
+    paddingTop: theme.spacing(ICON_SLOT.paddingTopUnits),
+    animation: animate ? `${iconRotate} ${seconds(ICON_SPIN.ms)} ease-out` : "none"
   },
   // The close button, kept off the text it sits beside.
   ".MuiAlert-action": {
     alignItems: "flex-start",
-    paddingLeft: theme.spacing(2)
+    paddingLeft: theme.spacing(ACTION_SLOT.paddingLeftUnits)
   }
 });
 var semanticSurface = (theme, colorPalette) => {
   const dark = theme.palette.mode === "dark";
   return {
-    backgroundColor: dark ? darken(colorPalette.main, 0.8) : lighten(colorPalette.main, 0.9),
-    color: dark ? lighten(colorPalette.main, 0.6) : darken(colorPalette.main, 0.6),
-    border: `1px solid ${alpha(colorPalette.main, 0.35)}`,
+    backgroundColor: dark ? darken(colorPalette.main, SEMANTIC_SURFACE.tint.dark) : lighten(colorPalette.main, SEMANTIC_SURFACE.tint.light),
+    color: dark ? lighten(colorPalette.main, SEMANTIC_SURFACE.ink) : darken(colorPalette.main, SEMANTIC_SURFACE.ink),
+    border: `1px solid ${alpha(colorPalette.main, SEMANTIC_SURFACE.borderAlpha)}`,
     ".MuiAlert-icon": {
       color: colorPalette.main
     }
@@ -154,10 +182,10 @@ var alertVariantStyles = (theme, customVariant, colorPalette) => ({
     // sit on, so `glass` was not frosted, it was a window. A frosted pane has to
     // be mostly pane — the backdrop should be legible AS texture behind the
     // text, never as competition with it.
-    backgroundColor: alpha(theme.palette.background.paper, 0.85),
-    backdropFilter: "blur(20px) saturate(180%)",
-    WebkitBackdropFilter: "blur(20px) saturate(180%)",
-    border: `1px solid ${alpha(theme.palette.divider, 0.4)}`,
+    backgroundColor: alpha(theme.palette.background.paper, GLASS.backgroundAlpha),
+    backdropFilter: `blur(${GLASS.blur}px) saturate(${GLASS.saturatePercent}%)`,
+    WebkitBackdropFilter: `blur(${GLASS.blur}px) saturate(${GLASS.saturatePercent}%)`,
+    border: `1px solid ${alpha(theme.palette.divider, GLASS.borderAlpha)}`,
     color: theme.palette.text.primary,
     ".MuiAlert-icon": {
       color: theme.palette.primary.main
@@ -171,7 +199,7 @@ var alertVariantStyles = (theme, customVariant, colorPalette) => ({
     }
   },
   ...customVariant === "gradient" && {
-    background: `linear-gradient(135deg, ${alpha(colorPalette.light || colorPalette.main, 0.9)}, ${alpha(colorPalette.dark || colorPalette.main, 0.9)})`,
+    background: `linear-gradient(${GRADIENT.angleDeg}deg, ${alpha(colorPalette.light || colorPalette.main, GRADIENT.stopAlpha)}, ${alpha(colorPalette.dark || colorPalette.main, GRADIENT.stopAlpha)})`,
     color: theme.palette.getContrastText(colorPalette.main),
     border: "none",
     position: "relative",
@@ -183,60 +211,48 @@ var alertVariantStyles = (theme, customVariant, colorPalette) => ({
       content: '""',
       position: "absolute",
       top: 0,
-      left: "-1000px",
+      left: `-${GRADIENT.shimmerTravel}px`,
       width: "100%",
       height: "100%",
-      background: `linear-gradient(90deg, transparent, ${alpha(theme.palette.common.white, 0.2)}, transparent)`,
-      animation: `${shimmerAnimation} 3s infinite`
+      background: `linear-gradient(90deg, transparent, ${alpha(theme.palette.common.white, GRADIENT.shimmerAlpha)}, transparent)`,
+      animation: `${shimmerAnimation} ${seconds(GRADIENT.shimmerMs)} infinite`
     },
     "&:hover": {
-      filter: "brightness(1.1)",
-      transform: "translateY(-2px) scale(1.01)"
+      filter: `brightness(${GRADIENT.hoverBrightness})`,
+      transform: `translateY(-${GRADIENT.hoverLift}px) scale(${GRADIENT.hoverScale})`
     }
   }
 });
+var glowStyles = (colorPalette) => ({
+  boxShadow: `0 0 ${GLOW.blur}px ${GLOW.spread}px ${alpha(colorPalette.main, GLOW.alpha)} !important`,
+  filter: `brightness(${GLOW.brightness})`
+});
+var pulseAfter = (colorPalette) => ({
+  content: '""',
+  position: "absolute",
+  top: 0,
+  left: 0,
+  right: 0,
+  bottom: 0,
+  borderRadius: "inherit",
+  backgroundColor: colorPalette.main,
+  opacity: PULSE.alpha,
+  animation: `${pulseAnimation} ${seconds(PULSE.ms)} infinite`,
+  pointerEvents: "none",
+  zIndex: -1
+});
 var alertEmphasisStyles = (colorPalette, glow, pulse) => ({
-  ...glow && !pulse && {
-    boxShadow: `0 0 20px 5px ${alpha(colorPalette.main, 0.3)} !important`,
-    filter: "brightness(1.05)"
-  },
+  ...glow && !pulse && glowStyles(colorPalette),
   // Pulse animation
   ...pulse && !glow && {
     position: "relative",
-    "&::after": {
-      content: '""',
-      position: "absolute",
-      top: 0,
-      left: 0,
-      right: 0,
-      bottom: 0,
-      borderRadius: "inherit",
-      backgroundColor: colorPalette.main,
-      opacity: 0.2,
-      animation: `${pulseAnimation} 2s infinite`,
-      pointerEvents: "none",
-      zIndex: -1
-    }
+    "&::after": pulseAfter(colorPalette)
   },
   // Both glow and pulse
   ...glow && pulse && {
     position: "relative",
-    boxShadow: `0 0 20px 5px ${alpha(colorPalette.main, 0.3)} !important`,
-    filter: "brightness(1.05)",
-    "&::after": {
-      content: '""',
-      position: "absolute",
-      top: 0,
-      left: 0,
-      right: 0,
-      bottom: 0,
-      borderRadius: "inherit",
-      backgroundColor: colorPalette.main,
-      opacity: 0.2,
-      animation: `${pulseAnimation} 2s infinite`,
-      pointerEvents: "none",
-      zIndex: -1
-    }
+    ...glowStyles(colorPalette),
+    "&::after": pulseAfter(colorPalette)
   }
 });
 
@@ -251,4 +267,4 @@ export {
   alertVariantStyles,
   alertEmphasisStyles
 };
-//# sourceMappingURL=chunk-5ERH4OIK.js.map
+//# sourceMappingURL=chunk-E27Y7FF2.js.map

package/dist/chunk-E27Y7FF2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Alert/Alert.styles.tsx"],"sourcesContent":["import Error from '@mui/icons-material/Error';\nimport Info from '@mui/icons-material/Info';\nimport CheckCircle from '@mui/icons-material/CheckCircle';\nimport Warning from '@mui/icons-material/Warning';\nimport { alpha, darken, keyframes, lighten } from '@mui/material/styles/index.js';\nimport type { CSSObject, Theme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport type { AlertVariant } from './Alert.base';\nimport { VARIANT_ICON } from './Alert.helpers';\nimport {\n  ACTION_SLOT,\n  ALERT_EASING,\n  ALERT_PADDING_UNITS,\n  ALERT_TRANSITION_MS,\n  type AlertPalette,\n  FADE_IN,\n  GLASS,\n  GLOW,\n  GRADIENT,\n  ICON_SLOT,\n  ICON_SPIN,\n  MESSAGE_BUTTON,\n  MESSAGE_FONT_SIZE,\n  MESSAGE_GAP_UNITS,\n  MESSAGE_LINE_HEIGHT,\n  NEUTRAL_GREY,\n  PULSE,\n  seconds,\n  SEMANTIC_SURFACE,\n  SEMANTIC_VARIANTS,\n} from './Alert.metrics';\nimport type { IconName } from '../../../icons/Icon.types';\nimport { px } from '../../../tokens/theme';\n\nexport type { AlertPalette } from './Alert.metrics';\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 ${PULSE.spread}px currentColor;\n    opacity: 0;\n  }\n  100% {\n    box-shadow: 0 0 0 0 currentColor;\n    opacity: 0;\n  }\n`;\n\n// Additional animations can be enabled as needed\n// const slideInAnimation = keyframes`\n//   from {\n//     transform: translateX(-100%);\n//     opacity: 0;\n//   }\n//   to {\n//     transform: translateX(0);\n//     opacity: 1;\n//   }\n// `;\n\n// const bounceIn = keyframes`\n//   0% {\n//     transform: scale(0.3);\n//     opacity: 0;\n//   }\n//   50% {\n//     transform: scale(1.05);\n//   }\n//   70% {\n//     transform: scale(0.9);\n//   }\n//   100% {\n//     transform: scale(1);\n//     opacity: 1;\n//   }\n// `;\n\n// Removed unused slideInAnimation - can be re-added if needed for future features\n\nexport const shimmerAnimation = keyframes`\n  0% {\n    background-position: -${GRADIENT.shimmerTravel}px 0;\n  }\n  100% {\n    background-position: ${GRADIENT.shimmerTravel}px 0;\n  }\n`;\n\nexport const fadeInScale = keyframes`\n  from {\n    opacity: 0;\n    transform: scale(${FADE_IN.scale}) translateY(-${FADE_IN.lift}px);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1) translateY(0);\n  }\n`;\n\nexport const iconRotate = keyframes`\n  0% {\n    transform: rotate(0deg) scale(${ICON_SPIN.from});\n  }\n  50% {\n    transform: rotate(180deg) scale(${ICON_SPIN.mid});\n  }\n  100% {\n    transform: rotate(360deg) scale(1);\n  }\n`;\n\n// The MUI-themed twin of `alertPalette` in `Alert.metrics.ts`: same names,\n// same three greys for `neutral`, same fallback to `info`.\nexport const getColorFromTheme = (theme: Theme, variant: string): AlertPalette => {\n  const colorMap: Record<string, AlertPalette> = {\n    info: theme.palette.info,\n    success: theme.palette.success,\n    warning: theme.palette.warning,\n    danger: theme.palette.error,\n    primary: theme.palette.primary,\n    secondary: theme.palette.secondary,\n    neutral: {\n      main: theme.palette.grey[NEUTRAL_GREY.main] || '#9E9E9E',\n      light: theme.palette.grey[NEUTRAL_GREY.light] || '#E0E0E0',\n      dark: theme.palette.grey[NEUTRAL_GREY.dark] || '#616161',\n    },\n  };\n\n  return colorMap[variant] || theme.palette.info;\n};\n\n/** The shared glyph names drawn with MUI's icons; the native side draws the same names from the icon set. */\nconst VARIANT_ICONS: Partial<Record<IconName, React.ReactNode>> = {\n  Info: <Info />,\n  CheckCircle: <CheckCircle />,\n  Warning: <Warning />,\n  Error: <Error />,\n};\n\nexport const getVariantIcon = (variant: string): React.ReactNode => {\n  const name = VARIANT_ICON[variant as AlertVariant];\n  return name ? VARIANT_ICONS[name] : undefined;\n};\n\n/**\n * The room the message is given — padding, the stack's rhythm, and where the\n * icon and the close button sit relative to it.\n *\n * Extracted for the same reason {@link alertVariantStyles} and\n * {@link alertEmphasisStyles} were: `styled()`'s callback is one function, and\n * every block written inline is counted against its length by the complexity\n * gate. Keeping the layout here means the callback assembles four named pieces\n * instead of carrying all of them.\n */\nexport const alertLayoutStyles = (\n  theme: Theme,\n  colorPalette: AlertPalette,\n  animate: boolean | undefined,\n): CSSObject => ({\n  // ROOM TO READ.\n  //\n  // MUI's `6px 16px` is sized for one line of text and nothing else. This Alert\n  // routinely carries three things stacked — a sentence, a smaller explanation,\n  // then a control — and at 6px they touched top and bottom and ran together\n  // vertically, so the whole card read as one dense block instead of as a\n  // message with parts. The generosity is what makes the structure legible; it\n  // is not decoration.\n  //\n  // Padding stays overridable by an `sx` (a full-bleed strip legitimately wants\n  // it tight), because this is a default rather than a rule.\n  padding: theme.spacing(ALERT_PADDING_UNITS.vertical, ALERT_PADDING_UNITS.horizontal),\n\n  '.MuiAlert-message': {\n    display: 'flex',\n    flexDirection: 'column',\n    // 0.5 put a title, its explanation and a button 4px apart, which reads as a\n    // spacing bug rather than as a group. 1 separates the lines; the extra\n    // margin below goes to whatever CONTROL sits at the end, because the gap\n    // between prose and a thing you press has to be bigger than the gap between\n    // two lines of prose or the button looks like part of the text.\n    gap: theme.spacing(MESSAGE_GAP_UNITS),\n    fontSize: px(MESSAGE_FONT_SIZE),\n    lineHeight: MESSAGE_LINE_HEIGHT,\n    // No padding of its own — the root's is now doing that job, and MUI's\n    // default `8px 0` on top of it would double the vertical space.\n    padding: 0,\n    // A CONTROL ON A TINTED PANEL NEEDS AN EDGE.\n    //\n    // `ghost` and `text` paint no background and no border — bare labels, which\n    // works on white where the surrounding page is obviously not clickable.\n    // Inside a coloured Alert it stops working: the label is one more coloured\n    // phrase among several, and a \"Cancelar\" beside two lines of prose reads as\n    // part of the prose.\n    //\n    // Only the BORDER is set, never the background or the colour, and that is\n    // what makes it safe to apply to every button rather than just the bare\n    // ones: a `solid` keeps its fill and its light label and gains a hairline\n    // in the same hue, while a `ghost` gains the whole affordance.\n    '.MuiButton-root': {\n      marginTop: theme.spacing(MESSAGE_BUTTON.marginTopUnits),\n      border: `1px solid ${alpha(colorPalette.main, MESSAGE_BUTTON.borderAlpha)}`,\n    },\n  },\n\n  '.MuiAlert-icon': {\n    transition: `transform ${seconds(ALERT_TRANSITION_MS)} ${ALERT_EASING}`,\n    alignItems: 'center',\n    // Clear of the words rather than nearly touching them, and aligned to the\n    // FIRST line instead of centred on the whole block — an icon floating\n    // halfway down a three-line message points at nothing.\n    alignSelf: 'flex-start',\n    marginRight: theme.spacing(ICON_SLOT.marginRightUnits),\n    paddingTop: theme.spacing(ICON_SLOT.paddingTopUnits),\n    animation: animate ? `${iconRotate} ${seconds(ICON_SPIN.ms)} ease-out` : 'none',\n  },\n\n  // The close button, kept off the text it sits beside.\n  '.MuiAlert-action': {\n    alignItems: 'flex-start',\n    paddingLeft: theme.spacing(ACTION_SLOT.paddingLeftUnits),\n  },\n});\n\n/**\n * A semantic Alert's surface and ink.\n *\n * ## Why this is not `alpha(main, 0.1)`\n *\n * It used to be, four times over, with `color: main` for the text. Both halves\n * were wrong, and independently so.\n *\n * The fill was TRANSLUCENT. A 10% wash only reads as a banner when something\n * opaque is behind it, so the component silently depended on where a consumer\n * put it. Placed over content — a floating notice, an invite anchored above a\n * catalogue — the page came straight through and the sentence interleaved with\n * whatever it was over. That is not a faint banner; it is an unreadable one,\n * and nothing in the component said so.\n *\n * The ink was the SEVERITY HUE at body size. `#0288d1`, this library's info\n * blue, is 3.03:1 on white — under the 4.5:1 WCAG AA floor before any wash is\n * involved. So the text failed on a plain white page too, where the fill was\n * behaving exactly as intended.\n *\n * ## Why `lighten`/`darken` rather than a hand-picked pair\n *\n * These are the same transforms MUI's own `standard` Alert uses, at the same\n * ratios — the recipe this component overrode. Reusing it means an OPAQUE tint\n * with a dark ink of the same hue, contrast that holds on any surface because\n * it no longer depends on one, and a pairing already proven across MUI's\n * palette rather than eyeballed here. Both modes are handled: on a dark theme\n * the tint darkens and the ink lightens, which an alpha wash could never do\n * because it carries the seed's own lightness through unchanged.\n *\n * The border keeps an alpha — it is a hairline over the tint it belongs to, so\n * translucency there costs nothing and lets the edge follow the fill.\n *\n * The ratios live in `Alert.metrics.ts` (`SEMANTIC_SURFACE`), where the\n * native renderer reads the same three through the same colour arithmetic.\n */\nconst semanticSurface = (theme: Theme, colorPalette: AlertPalette): CSSObject => {\n  const dark = theme.palette.mode === 'dark';\n  return {\n    backgroundColor: dark\n      ? darken(colorPalette.main, SEMANTIC_SURFACE.tint.dark)\n      : lighten(colorPalette.main, SEMANTIC_SURFACE.tint.light),\n    color: dark\n      ? lighten(colorPalette.main, SEMANTIC_SURFACE.ink)\n      : darken(colorPalette.main, SEMANTIC_SURFACE.ink),\n    border: `1px solid ${alpha(colorPalette.main, SEMANTIC_SURFACE.borderAlpha)}`,\n    '.MuiAlert-icon': {\n      color: colorPalette.main,\n    },\n  };\n};\n\n// The six visual variants. Each block is spread in only when it matches, which\n// is how the original inline version read; keeping that shape here means the\n// styled() callback carries one branch instead of six. The four semantics were\n// four IDENTICAL copies of the same block — they now share one, so the next\n// change to a banner's surface cannot land on three of them.\nexport const alertVariantStyles = (\n  theme: Theme,\n  customVariant: string | undefined,\n  colorPalette: AlertPalette,\n): CSSObject => ({\n  ...(customVariant !== undefined &&\n    SEMANTIC_VARIANTS.has(customVariant as AlertVariant) &&\n    semanticSurface(theme, colorPalette)),\n\n  ...(customVariant === 'glass' && {\n    // 85%, not 10%. This is the variant that is MEANT to be see-through, and it\n    // was the same mistake in a costume: at 0.1 the blur had almost nothing to\n    // sit on, so `glass` was not frosted, it was a window. A frosted pane has to\n    // be mostly pane — the backdrop should be legible AS texture behind the\n    // text, never as competition with it.\n    backgroundColor: alpha(theme.palette.background.paper, GLASS.backgroundAlpha),\n    backdropFilter: `blur(${GLASS.blur}px) saturate(${GLASS.saturatePercent}%)`,\n    WebkitBackdropFilter: `blur(${GLASS.blur}px) saturate(${GLASS.saturatePercent}%)`,\n    border: `1px solid ${alpha(theme.palette.divider, GLASS.borderAlpha)}`,\n    color: theme.palette.text.primary,\n    '.MuiAlert-icon': {\n      color: theme.palette.primary.main,\n    },\n    // Safari before 18 and Firefox with the filter disabled paint the declared\n    // alpha with nothing blurred behind it — the see-through banner this is\n    // fixing. There is no degraded frost to fall back to, so it falls back to an\n    // opaque pane: less pretty, still readable.\n    '@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)))': {\n      backgroundColor: theme.palette.background.paper,\n    },\n  }),\n\n  ...(customVariant === 'gradient' && {\n    background: `linear-gradient(${GRADIENT.angleDeg}deg, ${alpha(colorPalette.light || colorPalette.main, GRADIENT.stopAlpha)}, ${alpha(colorPalette.dark || colorPalette.main, GRADIENT.stopAlpha)})`,\n    color: theme.palette.getContrastText(colorPalette.main),\n    border: 'none',\n    position: 'relative',\n    overflow: 'hidden',\n    '.MuiAlert-icon': {\n      color: theme.palette.getContrastText(colorPalette.main),\n    },\n    '&::before': {\n      content: '\"\"',\n      position: 'absolute',\n      top: 0,\n      left: `-${GRADIENT.shimmerTravel}px`,\n      width: '100%',\n      height: '100%',\n      background: `linear-gradient(90deg, transparent, ${alpha(theme.palette.common.white, GRADIENT.shimmerAlpha)}, transparent)`,\n      animation: `${shimmerAnimation} ${seconds(GRADIENT.shimmerMs)} infinite`,\n    },\n    '&:hover': {\n      filter: `brightness(${GRADIENT.hoverBrightness})`,\n      transform: `translateY(-${GRADIENT.hoverLift}px) scale(${GRADIENT.hoverScale})`,\n    },\n  }),\n});\n\n/** The web's glow: a soft shadow of the hue and a touch of brightness. */\nconst glowStyles = (colorPalette: AlertPalette): CSSObject => ({\n  boxShadow: `0 0 ${GLOW.blur}px ${GLOW.spread}px ${alpha(colorPalette.main, GLOW.alpha)} !important`,\n  filter: `brightness(${GLOW.brightness})`,\n});\n\n/** The web's pulse: a wash of the hue over the whole card, fading out every two seconds. */\nconst pulseAfter = (colorPalette: AlertPalette): CSSObject => ({\n  content: '\"\"',\n  position: 'absolute',\n  top: 0,\n  left: 0,\n  right: 0,\n  bottom: 0,\n  borderRadius: 'inherit',\n  backgroundColor: colorPalette.main,\n  opacity: PULSE.alpha,\n  animation: `${pulseAnimation} ${seconds(PULSE.ms)} infinite`,\n  pointerEvents: 'none',\n  zIndex: -1,\n});\n\n// glow and pulse combine into three distinct looks, so the combinations are\n// spelled out rather than layered — layering them would let the glow-only shadow\n// leak into the glow+pulse case. Declaration ORDER is kept as it has always\n// been, because emotion hashes the serialised block into the class name.\nexport const alertEmphasisStyles = (\n  colorPalette: AlertPalette,\n  glow: boolean,\n  pulse: boolean,\n): CSSObject => ({\n  ...(glow && !pulse && glowStyles(colorPalette)),\n\n  // Pulse animation\n  ...(pulse &&\n    !glow && {\n      position: 'relative',\n      '&::after': pulseAfter(colorPalette),\n    }),\n\n  // Both glow and pulse\n  ...(glow &&\n    pulse && {\n      position: 'relative',\n      ...glowStyles(colorPalette),\n      '&::after': pulseAfter(colorPalette),\n    }),\n});\n"],"mappings":"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","names":[]}

package/dist/{chunk-3LO5JWTC.js → chunk-E5ZHW4I5.js}

@@ -1,9 +1,9 @@
 import {
   SaveViewModal
-} from "./chunk-PMFW55F5.js";
+} from "./chunk-ZIOCRSHU.js";
 import {
   ManageViewsDialog
-} from "./chunk-GFBNUWT5.js";
+} from "./chunk-4SXZSSVV.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -12,7 +12,7 @@ import {
 } from "./chunk-EFEZWG4C.js";
 import {
   Alert
-} from "./chunk-C6AZDXEE.js";
+} from "./chunk-6D5WEZ2L.js";
 
 // src/components/data-display/DataViews/data-views-table-parts.tsx
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -121,4 +121,4 @@ export {
   ViewsMenuSlot,
   ViewDialogs
 };
-//# sourceMappingURL=chunk-3LO5JWTC.js.map
+//# sourceMappingURL=chunk-E5ZHW4I5.js.map

package/dist/{chunk-CXA6UNFF.js → chunk-EMNGIYH6.js}

@@ -1,16 +1,16 @@
 import {
   renderChartByType
-} from "./chunk-XULTDO56.js";
+} from "./chunk-WZUNBSS7.js";
 import {
   getSizeStyles,
   getVariantStyles
-} from "./chunk-AVU6KU27.js";
+} from "./chunk-XXDXW6TX.js";
 import {
   ChartContainer
 } from "./chunk-M5T3COS2.js";
 import {
   muiColor
-} from "./chunk-I6PZVHIT.js";
+} from "./chunk-7ZPUN7TV.js";
 
 // src/components/data-display/Chart/Chart.tsx
 import Box from "@mui/material/Box/index.js";
@@ -104,4 +104,4 @@ var Chart = (props) => {
 export {
   Chart
 };
-//# sourceMappingURL=chunk-CXA6UNFF.js.map
+//# sourceMappingURL=chunk-EMNGIYH6.js.map

package/dist/{chunk-A4YWFX5C.js → chunk-ENNW5SKT.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Text
-} from "./chunk-VRHBJXZ7.js";
+} from "./chunk-2PCOC3PT.js";
 
 // src/components/data-display/DataViews/data-views-header-row.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -36,4 +36,4 @@ function GridHeaderRow({
 export {
   GridHeaderRow
 };
-//# sourceMappingURL=chunk-A4YWFX5C.js.map
+//# sourceMappingURL=chunk-ENNW5SKT.js.map

package/dist/{chunk-EGRFMPGD.js → chunk-EXJBPKGW.js}

@@ -1,6 +1,9 @@
 import {
   MapControlBar
 } from "./chunk-5ZT4ZIZB.js";
+import {
+  MapSearchBar
+} from "./chunk-J3D34ZBL.js";
 import {
   HeatmapOverlay,
   RouteOverlay
@@ -8,9 +11,6 @@ import {
 import {
   HEATMAP_VIEWBOX
 } from "./chunk-H2J2MTRE.js";
-import {
-  MapSearchBar
-} from "./chunk-J3D34ZBL.js";
 
 // src/components/data-display/MapPreview/MapLayers.tsx
 import { useTheme } from "@mui/material/styles/index.js";
@@ -57,4 +57,4 @@ var MapLayers = ({ settings, zoom, mapType, search, controls }) => {
 export {
   MapLayers
 };
-//# sourceMappingURL=chunk-EGRFMPGD.js.map
+//# sourceMappingURL=chunk-EXJBPKGW.js.map

package/dist/{chunk-DWUMMMLR.js → chunk-FOMK3WPG.js}

@@ -3,7 +3,7 @@ import {
   labelStyles,
   sizeStyles,
   textColor
-} from "./chunk-NR3J7VQL.js";
+} from "./chunk-RNCQ5KHQ.js";
 import {
   LabelBody
 } from "./chunk-BMEJN27K.js";
@@ -142,4 +142,4 @@ Label.displayName = "Label";
 export {
   Label
 };
-//# sourceMappingURL=chunk-DWUMMMLR.js.map
+//# sourceMappingURL=chunk-FOMK3WPG.js.map

package/dist/{chunk-7CA6GVBO.js → chunk-FZXKH2ZT.js}

@@ -1,4 +1,4 @@
-// src/tokens/typography.ts
+// src/tokens/heading-scale.ts
 var HEADING_LEVELS = [
   "display",
   "h1",
@@ -18,13 +18,9 @@ var HEADING_SCALE = {
   h5: { fontSize: "1.125rem", lineHeight: 1.4, normalWeight: 600 },
   h6: { fontSize: "1rem", lineHeight: 1.5, normalWeight: 600 }
 };
-function headingMetrics(theme, level) {
-  return { ...HEADING_SCALE[level], ...theme.typography.headingScale?.[level] };
-}
 
 export {
   HEADING_LEVELS,
-  HEADING_SCALE,
-  headingMetrics
+  HEADING_SCALE
 };
-//# sourceMappingURL=chunk-7CA6GVBO.js.map
+//# sourceMappingURL=chunk-FZXKH2ZT.js.map

package/dist/chunk-FZXKH2ZT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/tokens/heading-scale.ts"],"sourcesContent":["\n/**\n * THE THIRD VOCABULARY: the type scale.\n *\n * `scales.ts` opens by saying the package had both halves of every argument at\n * once until the size and colour vocabularies were declared in one place and\n * every component derived from them. The type scale was the one that never got\n * that treatment — it lived as a private `LEVELS` table inside\n * `Heading.styles.ts`, which is exactly the shape that file exists to refuse.\n *\n * Two things follow from it being private, and the second is the expensive one.\n *\n * **It could not be re-themed.** `Heading` read `theme.typography.h1.fontFamily`\n * from the theme and then ignored the theme for every other metric, so a host\n * calling `createTheme({ typography: { h1: { fontSize: '2rem' } } })` changed\n * `<Typography variant=\"h1\">` and left `<Heading level=\"h1\">` at 48px. A design\n * system whose type scale cannot be set by the design is not a system.\n *\n * **And the numbers were a landing page's.** `h1` at 3rem and `h2` at 2.5rem are\n * hero metrics. Dropped into an operations console they put a 48px title\n * directly above 14px body copy — a 3.4x jump with nothing in between — so\n * product teams stopped reaching for the component. Measured in one consuming\n * repo: `<Heading>` appeared four times in the entire codebase while raw\n * `fontSize` appeared in dozens of files. The component was not disliked, it was\n * unusable at app scale, and every host paid for that in hand-rolled CSS.\n *\n * So the defaults below are an APP scale, and `display` keeps the hero size for\n * the screens that actually want one. A marketing page asks for `display`; a\n * console asks for `h1` and gets something it can put on a page.\n */\n\n/**\n * A step on the scale.\n *\n * `display` is a SIZE, not a rank — see `Heading`, which renders it as `h1` so\n * the document still gets exactly one level-one heading.\n */\nexport type HeadingLevel = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'display';\n\n/**\n * The runtime list, declared beside the union for the reason `SIZE_VALUES`\n * gives: a story's `argTypes.options` spelled by hand drifts from the type, and\n * the direction it drifts is \"documents less than the component accepts\".\n */\nexport const HEADING_LEVELS = [\n  'display',\n  'h1',\n  'h2',\n  'h3',\n  'h4',\n  'h5',\n  'h6',\n] as const satisfies readonly HeadingLevel[];\n\n/** Everything one step of the scale decides. */\nexport interface HeadingMetrics {\n  fontSize: string;\n  lineHeight: number;\n  letterSpacing?: string;\n  /**\n   * The weight this step carries when the caller asks for `normal`. A heading's\n   * \"normal\" is not body text's 400 — it is the weight the step is meant to\n   * carry, which gets heavier as the step gets larger.\n   */\n  normalWeight: number;\n}\n\n/**\n * The house default, in CODE rather than in a component.\n *\n * ~1.15x per step from a 1rem `h6`, which keeps six distinguishable ranks inside\n * the range an application actually uses. The old table ran 1.125rem → 4rem and\n * spent its top three steps above anything a product screen wants.\n */\nexport const HEADING_SCALE: Record<HeadingLevel, HeadingMetrics> = {\n  // The hero size the old `h1` was really offering, under the name that says so.\n  display: { fontSize: '3rem', lineHeight: 1.05, letterSpacing: '-0.03em', normalWeight: 800 },\n  h1: { fontSize: '2rem', lineHeight: 1.2, letterSpacing: '-0.02em', normalWeight: 700 },\n  h2: { fontSize: '1.75rem', lineHeight: 1.25, letterSpacing: '-0.015em', normalWeight: 700 },\n  h3: { fontSize: '1.5rem', lineHeight: 1.3, letterSpacing: '-0.01em', normalWeight: 600 },\n  h4: { fontSize: '1.25rem', lineHeight: 1.35, letterSpacing: '-0.005em', normalWeight: 600 },\n  h5: { fontSize: '1.125rem', lineHeight: 1.4, normalWeight: 600 },\n  h6: { fontSize: '1rem', lineHeight: 1.5, normalWeight: 600 },\n};\n\n/** A host's overrides: any subset of the steps, any subset of each step's metrics. */\nexport type HeadingScaleOverrides = Partial<Record<HeadingLevel, Partial<HeadingMetrics>>>;\n"],"mappings":";AA4CO,IAAM,iBAAiB;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAsBO,IAAM,gBAAsD;AAAA;AAAA,EAEjE,SAAS,EAAE,UAAU,QAAQ,YAAY,MAAM,eAAe,WAAW,cAAc,IAAI;AAAA,EAC3F,IAAI,EAAE,UAAU,QAAQ,YAAY,KAAK,eAAe,WAAW,cAAc,IAAI;AAAA,EACrF,IAAI,EAAE,UAAU,WAAW,YAAY,MAAM,eAAe,YAAY,cAAc,IAAI;AAAA,EAC1F,IAAI,EAAE,UAAU,UAAU,YAAY,KAAK,eAAe,WAAW,cAAc,IAAI;AAAA,EACvF,IAAI,EAAE,UAAU,WAAW,YAAY,MAAM,eAAe,YAAY,cAAc,IAAI;AAAA,EAC1F,IAAI,EAAE,UAAU,YAAY,YAAY,KAAK,cAAc,IAAI;AAAA,EAC/D,IAAI,EAAE,UAAU,QAAQ,YAAY,KAAK,cAAc,IAAI;AAC7D;","names":[]}

package/dist/{chunk-6CBYPMYQ.js → chunk-GBFGZJB5.js}

@@ -1,6 +1,6 @@
 import {
   STACK_BREAK
-} from "./chunk-7HPPUO2A.js";
+} from "./chunk-DQHC5P64.js";
 import {
   CARD_RADIUS,
   cardSurfaceStyles,
@@ -181,4 +181,4 @@ export {
   actionProps,
   rowStyles
 };
-//# sourceMappingURL=chunk-6CBYPMYQ.js.map
+//# sourceMappingURL=chunk-GBFGZJB5.js.map

package/dist/chunk-H2EQVMU3.js

@@ -0,0 +1,49 @@
+import {
+  ICON_PATHS
+} from "./chunk-RLC46NIW.js";
+import {
+  iconFill
+} from "./chunk-QWBQVQRG.js";
+import {
+  iconSize
+} from "./chunk-RTSK5OZT.js";
+import {
+  useUiTheme
+} from "./chunk-KLREH4X6.js";
+import {
+  resolveTestId
+} from "./chunk-QLWBQQW7.js";
+
+// src/icons/Icon.tsx
+import SvgIcon from "@mui/material/SvgIcon/index.js";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+var Icon = React.forwardRef(
+  ({ name, size, color, label, className, style, ...rest }, ref) => {
+    const theme = useUiTheme();
+    const px = iconSize(size);
+    const fill = iconFill(theme, color, "currentColor");
+    const testId = resolveTestId(rest, `icon-${name}`);
+    return /* @__PURE__ */ jsx(
+      SvgIcon,
+      {
+        ref,
+        viewBox: "0 0 24 24",
+        className,
+        style,
+        sx: { fontSize: px, color: fill },
+        titleAccess: label,
+        "aria-hidden": label ? void 0 : true,
+        "data-testid": testId,
+        "data-icon": name,
+        children: ICON_PATHS[name].map((d) => /* @__PURE__ */ jsx("path", { d }, d))
+      }
+    );
+  }
+);
+Icon.displayName = "Icon";
+
+export {
+  Icon
+};
+//# sourceMappingURL=chunk-H2EQVMU3.js.map