@12-apps/ui 6.77.0 → 6.77.2

package/dist/_internal/components/navigation/AppHeader/AppHeader.details.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   AppHeaderDetails
-} from "../../../../chunk-VQSBZPKO.js";
+} from "../../../../chunk-RVZMKGWQ.js";
 import "../../../../chunk-7K23NEZO.js";
 import "../../../../chunk-5MMAV7XK.js";
 import "../../../../chunk-3ROCD7XF.js";
@@ -15,7 +15,7 @@ import "../../../../chunk-Z2JH5KW5.js";
 import "../../../../chunk-AL5E624U.js";
 import "../../../../chunk-GYXUCS37.js";
 import "../../../../chunk-LV7LSPBF.js";
-import "../../../../chunk-364NH2NY.js";
+import "../../../../chunk-YOXYSAUI.js";
 import "../../../../chunk-PPEHBI5O.js";
 import "../../../../chunk-G2FUZALJ.js";
 import "../../../../chunk-TAMIZE4Q.js";

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

@@ -23,7 +23,7 @@ import {
 } from "../../../chunk-IQU4HKND.js";
 import {
   AppHeaderDetails
-} from "../../../chunk-VQSBZPKO.js";
+} from "../../../chunk-RVZMKGWQ.js";
 import {
   Breadcrumbs
 } from "../../../chunk-3ZWCKCZC.js";
@@ -101,7 +101,7 @@ import "../../../chunk-2L3VRVRE.js";
 import "../../../chunk-BJE3XHD4.js";
 import "../../../chunk-3UIDKLML.js";
 import "../../../chunk-PYC4CWCQ.js";
-import "../../../chunk-364NH2NY.js";
+import "../../../chunk-YOXYSAUI.js";
 import "../../../chunk-PPEHBI5O.js";
 import "../../../chunk-G2FUZALJ.js";
 import "../../../chunk-TAMIZE4Q.js";

package/dist/_internal/social-login-button/social-login-button.js

@@ -5,7 +5,7 @@ import {
   GoogleIcon,
   SocialLoginButton,
   SocialLoginContainer
-} from "../../chunk-NKBCUR4V.js";
+} from "../../chunk-X3DN2BE3.js";
 import "../../chunk-INGPH3YQ.js";
 import "../../chunk-6GP2DOOO.js";
 import "../../chunk-GBVVI35T.js";
@@ -21,7 +21,7 @@ import "../../chunk-FKUYRQSP.js";
 import "../../chunk-PLB6WWXW.js";
 import "../../chunk-HDBP55R3.js";
 import "../../chunk-BA4RHQ3B.js";
-import "../../chunk-364NH2NY.js";
+import "../../chunk-YOXYSAUI.js";
 import "../../chunk-PPEHBI5O.js";
 import "../../chunk-G2FUZALJ.js";
 import "../../chunk-TAMIZE4Q.js";

package/dist/_internal/user-avatar/user-avatar.js

@@ -2,7 +2,7 @@
 import {
   UserAvatar,
   UserMenu
-} from "../../chunk-3FDSXSEP.js";
+} from "../../chunk-TDWA2XFJ.js";
 import "../../chunk-UDQSIRAP.js";
 import "../../chunk-KARMRTTM.js";
 import "../../chunk-7XSCEHGA.js";
@@ -16,7 +16,7 @@ import "../../chunk-FKUYRQSP.js";
 import "../../chunk-PLB6WWXW.js";
 import "../../chunk-HDBP55R3.js";
 import "../../chunk-BA4RHQ3B.js";
-import "../../chunk-364NH2NY.js";
+import "../../chunk-YOXYSAUI.js";
 import "../../chunk-PPEHBI5O.js";
 import "../../chunk-G2FUZALJ.js";
 import "../../chunk-TAMIZE4Q.js";

package/dist/{chunk-BF3SGOWT.js → chunk-2ONUSNPZ.js}

@@ -25,7 +25,7 @@ import {
 } from "./chunk-WEBEOBN5.js";
 import {
   Button
-} from "./chunk-364NH2NY.js";
+} from "./chunk-YOXYSAUI.js";
 import {
   Text
 } from "./chunk-AJBRO76D.js";
@@ -268,4 +268,4 @@ function SaveViewModal({
 export {
   SaveViewModal
 };
-//# sourceMappingURL=chunk-BF3SGOWT.js.map
+//# sourceMappingURL=chunk-2ONUSNPZ.js.map

package/dist/{chunk-ULK4AGG4.js → chunk-3EIRRLCQ.js}

@@ -18,7 +18,7 @@ import {
 } from "./chunk-YEKPQAOW.js";
 import {
   Button
-} from "./chunk-364NH2NY.js";
+} from "./chunk-YOXYSAUI.js";
 import {
   BUTTON_SIZES
 } from "./chunk-G2FUZALJ.js";
@@ -139,4 +139,4 @@ export {
   PendingSpinner,
   LearnMore
 };
-//# sourceMappingURL=chunk-ULK4AGG4.js.map
+//# sourceMappingURL=chunk-3EIRRLCQ.js.map

package/dist/{chunk-TVXUOJAL.js → chunk-4NG3LTRX.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Button
-} from "./chunk-364NH2NY.js";
+} from "./chunk-YOXYSAUI.js";
 import {
   Text
 } from "./chunk-AJBRO76D.js";
@@ -167,4 +167,4 @@ function DataViewsExportMenu({
 export {
   DataViewsExportMenu
 };
-//# sourceMappingURL=chunk-TVXUOJAL.js.map
+//# sourceMappingURL=chunk-4NG3LTRX.js.map

package/dist/{chunk-XZE5FIRB.js → chunk-5IIHAYFF.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Button
-} from "./chunk-364NH2NY.js";
+} from "./chunk-YOXYSAUI.js";
 import {
   rem,
   sxRem
@@ -166,4 +166,4 @@ export {
   togglePillValues,
   cardGridTracks
 };
-//# sourceMappingURL=chunk-XZE5FIRB.js.map
+//# sourceMappingURL=chunk-5IIHAYFF.js.map

package/dist/{chunk-72L5C74V.js → chunk-5M7T36AT.js}

@@ -10,7 +10,7 @@ import {
   ViewFooter,
   ViewHeader,
   ViewsList
-} from "./chunk-H7QTDKA6.js";
+} from "./chunk-BGSUSSAV.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -19,7 +19,7 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Button
-} from "./chunk-364NH2NY.js";
+} from "./chunk-YOXYSAUI.js";
 import {
   rem,
   sxRem
@@ -265,4 +265,4 @@ function DataViewsDisplayPanel({
 export {
   DataViewsDisplayPanel
 };
-//# sourceMappingURL=chunk-72L5C74V.js.map
+//# sourceMappingURL=chunk-5M7T36AT.js.map

package/dist/{chunk-J32XJALK.js → chunk-5WUXJDFP.js}

@@ -2,7 +2,7 @@ import {
   buildGridColumns,
   buildRowActionsColumn,
   isActionsColumn
-} from "./chunk-XZE5FIRB.js";
+} from "./chunk-5IIHAYFF.js";
 
 // src/components/data-display/DataViews/data-views-columns.ts
 import { useTheme } from "@mui/material/styles/index.js";
@@ -62,4 +62,4 @@ export {
   useColumnsWithActions,
   useRenderedColumns
 };
-//# sourceMappingURL=chunk-J32XJALK.js.map
+//# sourceMappingURL=chunk-5WUXJDFP.js.map

package/dist/{chunk-JNVUB2D4.js → chunk-5ZY3IIIG.js}

@@ -25,7 +25,7 @@ var MESSAGE_LINE_HEIGHT = 1.5;
 var MESSAGE_BUTTON = { marginTopUnits: 0.5, borderAlpha: 0.45 };
 var TITLE = { fontSize: 16.8, fontWeight: 600, marginTop: -2, marginBottomUnits: 0.5 };
 var DESCRIPTION = { fontSize: 14.8, opacity: 0.9 };
-var TITLE_ICON = { gapUnits: 1.25 };
+var TITLE_ICON = { gapUnits: 1.25, lineHeight: 1.5 };
 var ICON_SLOT = { size: 22, opacity: 0.9, marginRightUnits: 1.75, paddingTopUnits: 0.25, paddingBottom: 7 };
 var ACTION_SLOT = { paddingLeftUnits: 2, paddingTop: 4, marginRight: -8 };
 var CLOSE_BUTTON = { padding: 5, iconSize: 18, opacity: 0.7, washAlpha: 0.1 };
@@ -135,4 +135,4 @@ export {
   gradientSurface,
   alertSurface
 };
-//# sourceMappingURL=chunk-JNVUB2D4.js.map
+//# sourceMappingURL=chunk-5ZY3IIIG.js.map

package/dist/chunk-5ZY3IIIG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Alert/Alert.metrics.ts"],"sourcesContent":["import type { AlertVariant } from './Alert.base';\nimport { alpha, darken, lighten } from '../../../tokens/color';\nimport { NEUTRAL_RAMP } from '../../../tokens/ink.core';\nimport { contrastText, type UiGreyStep, type UiTheme } from '../../../tokens/theme';\n\n/**\n * THE NUMBERS BOTH `Alert` RENDERERS DRAW WITH.\n *\n * `Alert.styles.tsx` / `Alert.tsx` (MUI) and `Alert.native.tsx` (React\n * Native) read this one table. Spacing is in SPACING UNITS where the web\n * writes `theme.spacing(n)`; durations are ms (the web turns them into `s`\n * through {@link seconds} so its emitted CSS is byte-for-byte what it was);\n * everything else is px, a ratio or an alpha. The hover, active and focus\n * numbers are here too although only the DOM can honour them — a number the\n * web draws with belongs in the table whether or not native can reach it.\n */\n\n/** The root: 12px corners, 14px 16px of padding, one 300ms curve for everything. */\nexport const ALERT_RADIUS_UNITS = 1.5;\nexport const ALERT_PADDING_UNITS = { vertical: 1.75, horizontal: 2 } as const;\nexport const ALERT_TRANSITION_MS = 300;\nexport const ALERT_EASING = 'cubic-bezier(0.4, 0, 0.2, 1)';\n\n/** Mount: the web's `fadeInScale` keyframes and the icon's `iconRotate`. */\nexport const FADE_IN = { ms: 300, scale: 0.95, lift: 10 } as const;\nexport const ICON_SPIN = { ms: 600, from: 0.8, mid: 1.1 } as const;\n/** Dismiss: MUI `Collapse` runs 300ms; `onClose` fires 200ms in. */\nexport const COLLAPSE_MS = 300;\nexport const CLOSE_DELAY_MS = 200;\n\n/** The message column: 8px between title, description and children; 0.95rem body on 1.5. */\nexport const MESSAGE_GAP_UNITS = 1;\nexport const MESSAGE_FONT_SIZE = 15.2;\nexport const MESSAGE_LINE_HEIGHT = 1.5;\n/** A control inside the message gets an edge: 4px above, a hairline at 0.45 of the hue. */\nexport const MESSAGE_BUTTON = { marginTopUnits: 0.5, borderAlpha: 0.45 } as const;\n\n/** The title: 1.05rem at 600; MUI's `AlertTitle` lifts it 2px; 4px below it when a description follows. */\nexport const TITLE = { fontSize: 16.8, fontWeight: 600, marginTop: -2, marginBottomUnits: 0.5 } as const;\n/** The description: 0.925rem, slightly faded. */\nexport const DESCRIPTION = { fontSize: 14.8, opacity: 0.9 } as const;\n\n/** The icon on the title's line (`iconPlacement: 'title'`): 10px from the title, centred on its first line (1.5). */\nexport const TITLE_ICON = { gapUnits: 1.25, lineHeight: 1.5 } as const;\n/** The icon slot: MUI's 22px glyph at 0.9, 14px from the words, 2px down (MUI's 7px stays below). */\nexport const ICON_SLOT = { size: 22, opacity: 0.9, marginRightUnits: 1.75, paddingTopUnits: 0.25, paddingBottom: 7 } as const;\n/** The action slot: MUI's `4px 0 0 16px` with the 16px ours, pushed right, 8px into the padding. */\nexport const ACTION_SLOT = { paddingLeftUnits: 2, paddingTop: 4, marginRight: -8 } as const;\n/** The close button: MUI's small `IconButton` (5px padding, 18px glyph) at 0.7. */\nexport const CLOSE_BUTTON = { padding: 5, iconSize: 18, opacity: 0.7, washAlpha: 0.1 } as const;\n\n/**\n * A semantic Alert's surface and ink: an OPAQUE tint of the hue with a dark\n * ink of the same hue — MUI's own `standard` recipe, at its ratios. See\n * `semanticSurface` in `Alert.styles.tsx` for why not `alpha(main, 0.1)`.\n */\nexport const SEMANTIC_SURFACE = { tint: { light: 0.9, dark: 0.8 }, ink: 0.6, borderAlpha: 0.35 } as const;\n/** `glass`: 85% paper under a 20px blur, a 0.4 divider hairline. */\nexport const GLASS = { backgroundAlpha: 0.85, borderAlpha: 0.4, blur: 20, saturatePercent: 180 } as const;\n/**\n * `gradient`: light→dark at 0.9 along 135°, a 0.2 white shimmer sweeping 1000px every 3s.\n *\n * It carries no hover of its own, and that is load-bearing rather than an\n * omission. `alertVariantStyles` is spread AFTER the root's `'&:hover'` in the\n * same object literal, so a second `'&:hover'` key does not merge with it — it\n * REPLACES it. While this variant had one, `gradient` was the only alert that\n * brightened on hover while every other variant darkened, and the only one to\n * lose the shimmer reveal the root's hover performs.\n */\nexport const GRADIENT = {\n  angleDeg: 135,\n  stopAlpha: 0.9,\n  shimmerAlpha: 0.2,\n  shimmerMs: 3000,\n  shimmerTravel: 1000,\n} as const;\n\n/** Emphasis: the glow's shadow and brightness, the pulse's wash. */\nexport const GLOW = { blur: 20, spread: 5, alpha: 0.3, brightness: 1.05 } as const;\nexport const PULSE = { alpha: 0.2, ms: 2000, spread: 10 } as const;\n\n/**\n * Pointer states — DOM only, kept so the web derives them.\n *\n * HOVER and ACTIVE carry NO geometry, and that is the point rather than an\n * omission. They used to lift the card 3px, scale it 1.01, grow a 20px shadow\n * and spin the icon 10deg at 1.15 — four things moving at once on a surface\n * that is not a control, which made a page of alerts twitch under the pointer.\n *\n * Both are a TINT now: a flat inset layer over the surface. Two mechanisms\n * came before it and each failed on a case the next had to fix. Dropping the\n * element's `opacity` composites toward the PAGE, so it inverted the hover on\n * a light tint (L* 95.0 idle, 89.1 hovered, 91.1 pressed) and vanished on a\n * dark one. A `filter: brightness()` fixed the direction but is MULTIPLICATIVE,\n * so it moved a near-black `glass` by four counts (ΔE76 1.71, under the JND)\n * and Banner's 10%-alpha wash by ΔE76 0.44. A layer is additive: it reads the\n * same on an opaque tint, a translucent wash and a gradient, and because it\n * paints above the background and below the content the ink keeps its own\n * contrast.\n */\nexport const HOVER = { tintAlpha: 0.06 } as const;\n\n/**\n * The press: a 20% tint LAYER, eased back fast.\n *\n * The layer is the point. The first attempt dropped the whole element's\n * opacity, which composites toward the PAGE and so behaves differently on\n * every surface it is asked about. Measured: over a light page it made a light\n * tint LIGHTER (L* 95.0 idle, 89.1 hovered, 91.1 pressed), so pushing the\n * surface looked like the pointer leaving; over a dark page it landed back on\n * the idle surface (ΔE76 0.82 on `glass`); on `gradient` it washed white body\n * copy to 2.31:1, under AA; and it diluted the ink during a text-selection\n * drag. A `brightness()` step instead of it fixed the direction but not the\n * reach — a multiplier does nothing to a near-black `glass` in dark mode\n * (ΔE76 1.71) and nothing to Banner's 10%-alpha wash (ΔE76 0.44), because it\n * scales only what the element already paints.\n *\n * An inset shadow at 100vmax is a flat tint over the whole surface: ADDITIVE,\n * so it reads the same on an opaque tint, a translucent wash and a gradient;\n * painted above the background and below the content, so the ink keeps its\n * own contrast; and animatable, which `background-image` is not.\n *\n * `ms` is 250 and not the 1000 first asked for, and the reason is that ONE\n * property carries both states. CSS runs a transition from the DESTINATION\n * state's declaration, and entering hover and releasing a press share that\n * destination — so they cannot have different durations without a second\n * animatable property, and both free pseudo-elements are already spent on the\n * `gradient` shimmer and the `pulse` wash. At 1000ms the hover inherited the\n * second: crossing an alert in 300ms peaked at a ≈ 0.024, under the JND, and\n * for ~360ms the alert you had just LEFT was darker than the one under the\n * pointer. A fast press-return is the smaller loss, and it is the call the\n * product owner made when shown both.\n */\nexport const ACTIVE = { tintAlpha: 0.2, ms: 250 } as const;\n\nexport const FOCUS = { ringWidth: 2, ringAlpha: 1, offset: 2 } as const;\n\n/** `neutral` has no palette slot; the web has always drawn it from three greys. */\nexport const NEUTRAL_GREY: Record<'main' | 'light' | 'dark', UiGreyStep> = { main: 500, light: 300, dark: 700 };\n\n/** A duration as the CSS the web has always emitted: `2000` → `2s`, `300` → `0.3s`. */\nexport const seconds = (ms: number): string => `${ms / 1000}s`;\n\n/** The palette shape the web's `getColorFromTheme` returns — a main plus optional shades. */\nexport interface AlertPalette {\n  main: string;\n  light?: string;\n  dark?: string;\n}\n\n/**\n * The renderer-free twin of the web's `getColorFromTheme`: a variant or\n * colour name to its palette, `neutral` from the greys, anything unknown\n * (`glass`, `gradient`) to `info`.\n */\nexport function alertPalette(theme: UiTheme, key: string | undefined): AlertPalette {\n  switch (key) {\n    case 'info':\n    case 'success':\n    case 'warning':\n    case 'danger':\n    case 'primary':\n    case 'secondary':\n      return theme.palette[key];\n    case 'neutral':\n      return {\n        main: NEUTRAL_RAMP[NEUTRAL_GREY.main],\n        light: NEUTRAL_RAMP[NEUTRAL_GREY.light],\n        dark: NEUTRAL_RAMP[NEUTRAL_GREY.dark],\n      };\n    default:\n      return theme.palette.info;\n  }\n}\n\n/** What a variant paints: its fill, its ink, its hairline if any, and the colour of its glyph. */\nexport interface AlertSurface {\n  backgroundColor: string;\n  color: string;\n  borderColor?: string;\n  iconColor: string;\n}\n\nexport const SEMANTIC_VARIANTS: ReadonlySet<AlertVariant> = new Set(['info', 'success', 'warning', 'danger']);\n\n/** The opaque tint and same-hue ink, inverted for dark mode; the hairline keeps its alpha. */\nexport function semanticSurface(theme: UiTheme, palette: AlertPalette): AlertSurface {\n  const dark = theme.mode === 'dark';\n  return {\n    backgroundColor: dark\n      ? darken(palette.main, SEMANTIC_SURFACE.tint.dark)\n      : lighten(palette.main, SEMANTIC_SURFACE.tint.light),\n    color: dark ? lighten(palette.main, SEMANTIC_SURFACE.ink) : darken(palette.main, SEMANTIC_SURFACE.ink),\n    borderColor: alpha(palette.main, SEMANTIC_SURFACE.borderAlpha),\n    iconColor: palette.main,\n  };\n}\n\nexport function glassSurface(theme: UiTheme): AlertSurface {\n  return {\n    backgroundColor: alpha(theme.palette.background.paper, GLASS.backgroundAlpha),\n    color: theme.palette.text.primary,\n    borderColor: alpha(theme.palette.divider, GLASS.borderAlpha),\n    iconColor: theme.palette.primary.main,\n  };\n}\n\n/** The gradient's two stops; a renderer with no gradient fill paints `from`. */\nexport function gradientStops(palette: AlertPalette): { from: string; to: string } {\n  return {\n    from: alpha(palette.light || palette.main, GRADIENT.stopAlpha),\n    to: alpha(palette.dark || palette.main, GRADIENT.stopAlpha),\n  };\n}\n\nexport function gradientSurface(palette: AlertPalette): AlertSurface {\n  const ink = contrastText(palette.main);\n  return { backgroundColor: gradientStops(palette).from, color: ink, iconColor: ink };\n}\n\n/** The surface for a variant, `glass` and `gradient` included. */\nexport function alertSurface(theme: UiTheme, variant: AlertVariant, palette: AlertPalette): AlertSurface {\n  if (variant === 'glass') return glassSurface(theme);\n  if (variant === 'gradient') return gradientSurface(palette);\n  return semanticSurface(theme, palette);\n}\n"],"mappings":";;;;;;;;;;;;;AAkBO,IAAM,qBAAqB;AAC3B,IAAM,sBAAsB,EAAE,UAAU,MAAM,YAAY,EAAE;AAC5D,IAAM,sBAAsB;AAC5B,IAAM,eAAe;AAGrB,IAAM,UAAU,EAAE,IAAI,KAAK,OAAO,MAAM,MAAM,GAAG;AACjD,IAAM,YAAY,EAAE,IAAI,KAAK,MAAM,KAAK,KAAK,IAAI;AAEjD,IAAM,cAAc;AACpB,IAAM,iBAAiB;AAGvB,IAAM,oBAAoB;AAC1B,IAAM,oBAAoB;AAC1B,IAAM,sBAAsB;AAE5B,IAAM,iBAAiB,EAAE,gBAAgB,KAAK,aAAa,KAAK;AAGhE,IAAM,QAAQ,EAAE,UAAU,MAAM,YAAY,KAAK,WAAW,IAAI,mBAAmB,IAAI;AAEvF,IAAM,cAAc,EAAE,UAAU,MAAM,SAAS,IAAI;AAGnD,IAAM,aAAa,EAAE,UAAU,MAAM,YAAY,IAAI;AAErD,IAAM,YAAY,EAAE,MAAM,IAAI,SAAS,KAAK,kBAAkB,MAAM,iBAAiB,MAAM,eAAe,EAAE;AAE5G,IAAM,cAAc,EAAE,kBAAkB,GAAG,YAAY,GAAG,aAAa,GAAG;AAE1E,IAAM,eAAe,EAAE,SAAS,GAAG,UAAU,IAAI,SAAS,KAAK,WAAW,IAAI;AAO9E,IAAM,mBAAmB,EAAE,MAAM,EAAE,OAAO,KAAK,MAAM,IAAI,GAAG,KAAK,KAAK,aAAa,KAAK;AAExF,IAAM,QAAQ,EAAE,iBAAiB,MAAM,aAAa,KAAK,MAAM,IAAI,iBAAiB,IAAI;AAWxF,IAAM,WAAW;AAAA,EACtB,UAAU;AAAA,EACV,WAAW;AAAA,EACX,cAAc;AAAA,EACd,WAAW;AAAA,EACX,eAAe;AACjB;AAGO,IAAM,OAAO,EAAE,MAAM,IAAI,QAAQ,GAAG,OAAO,KAAK,YAAY,KAAK;AACjE,IAAM,QAAQ,EAAE,OAAO,KAAK,IAAI,KAAM,QAAQ,GAAG;AAqBjD,IAAM,QAAQ,EAAE,WAAW,KAAK;AAiChC,IAAM,SAAS,EAAE,WAAW,KAAK,IAAI,IAAI;AAEzC,IAAM,QAAQ,EAAE,WAAW,GAAG,WAAW,GAAG,QAAQ,EAAE;AAGtD,IAAM,eAA8D,EAAE,MAAM,KAAK,OAAO,KAAK,MAAM,IAAI;AAGvG,IAAM,UAAU,CAAC,OAAuB,GAAG,KAAK,GAAI;AAcpD,SAAS,aAAa,OAAgB,KAAuC;AAClF,UAAQ,KAAK;AAAA,IACX,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAO,MAAM,QAAQ,GAAG;AAAA,IAC1B,KAAK;AACH,aAAO;AAAA,QACL,MAAM,aAAa,aAAa,IAAI;AAAA,QACpC,OAAO,aAAa,aAAa,KAAK;AAAA,QACtC,MAAM,aAAa,aAAa,IAAI;AAAA,MACtC;AAAA,IACF;AACE,aAAO,MAAM,QAAQ;AAAA,EACzB;AACF;AAUO,IAAM,oBAA+C,oBAAI,IAAI,CAAC,QAAQ,WAAW,WAAW,QAAQ,CAAC;AAGrG,SAAS,gBAAgB,OAAgB,SAAqC;AACnF,QAAM,OAAO,MAAM,SAAS;AAC5B,SAAO;AAAA,IACL,iBAAiB,OACb,OAAO,QAAQ,MAAM,iBAAiB,KAAK,IAAI,IAC/C,QAAQ,QAAQ,MAAM,iBAAiB,KAAK,KAAK;AAAA,IACrD,OAAO,OAAO,QAAQ,QAAQ,MAAM,iBAAiB,GAAG,IAAI,OAAO,QAAQ,MAAM,iBAAiB,GAAG;AAAA,IACrG,aAAa,MAAM,QAAQ,MAAM,iBAAiB,WAAW;AAAA,IAC7D,WAAW,QAAQ;AAAA,EACrB;AACF;AAEO,SAAS,aAAa,OAA8B;AACzD,SAAO;AAAA,IACL,iBAAiB,MAAM,MAAM,QAAQ,WAAW,OAAO,MAAM,eAAe;AAAA,IAC5E,OAAO,MAAM,QAAQ,KAAK;AAAA,IAC1B,aAAa,MAAM,MAAM,QAAQ,SAAS,MAAM,WAAW;AAAA,IAC3D,WAAW,MAAM,QAAQ,QAAQ;AAAA,EACnC;AACF;AAGO,SAAS,cAAc,SAAqD;AACjF,SAAO;AAAA,IACL,MAAM,MAAM,QAAQ,SAAS,QAAQ,MAAM,SAAS,SAAS;AAAA,IAC7D,IAAI,MAAM,QAAQ,QAAQ,QAAQ,MAAM,SAAS,SAAS;AAAA,EAC5D;AACF;AAEO,SAAS,gBAAgB,SAAqC;AACnE,QAAM,MAAM,aAAa,QAAQ,IAAI;AACrC,SAAO,EAAE,iBAAiB,cAAc,OAAO,EAAE,MAAM,OAAO,KAAK,WAAW,IAAI;AACpF;AAGO,SAAS,aAAa,OAAgB,SAAuB,SAAqC;AACvG,MAAI,YAAY,QAAS,QAAO,aAAa,KAAK;AAClD,MAAI,YAAY,WAAY,QAAO,gBAAgB,OAAO;AAC1D,SAAO,gBAAgB,OAAO,OAAO;AACvC;","names":[]}

package/dist/{chunk-3MQZBBUW.js → chunk-7FFY4LJY.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-4XK6JQ4D.js";
 import {
   Button
-} from "./chunk-364NH2NY.js";
+} from "./chunk-YOXYSAUI.js";
 import {
   fieldHeight
 } from "./chunk-RGVNXES5.js";
@@ -34,4 +34,4 @@ function SubmitButton({
 export {
   SubmitButton
 };
-//# sourceMappingURL=chunk-3MQZBBUW.js.map
+//# sourceMappingURL=chunk-7FFY4LJY.js.map

package/dist/{chunk-IVI574Y5.js → chunk-7HZ36QDH.js}

@@ -6,7 +6,7 @@ import {
   ICON_SLOT,
   TITLE,
   TITLE_ICON
-} from "./chunk-JNVUB2D4.js";
+} from "./chunk-5ZY3IIIG.js";
 import {
   sxRem
 } from "./chunk-YKCAJ2TN.js";
@@ -28,9 +28,9 @@ var AlertContent = ({ title, description, titleIcon, dataTestId, children }) =>
       sx: {
         fontWeight: TITLE.fontWeight,
         fontSize: sxRem(TITLE.fontSize),
-        // On the icon's row the title is centred against the glyph, so MUI's
-        // 2px lift would only push it off that centre.
-        ...titleIcon ? { margin: 0 } : { marginBottom: description ? TITLE.marginBottomUnits : 0 },
+        // On the icon's row MUI's 2px lift would push the title off the glyph,
+        // and the line height is stated so the glyph can be centred on it.
+        ...titleIcon ? { margin: 0, lineHeight: TITLE_ICON.lineHeight } : { marginBottom: description ? TITLE.marginBottomUnits : 0 },
         ...BREAK_WORDS
       },
       children: title
@@ -43,10 +43,19 @@ var AlertContent = ({ title, description, titleIcon, dataTestId, children }) =>
         "data-testid": testIdFor(dataTestId, "title-row"),
         sx: {
           display: "flex",
-          alignItems: "center",
+          // The FIRST line, not the block: a title that wraps to three lines
+          // on a phone would otherwise float its icon beside the second.
+          alignItems: "flex-start",
           gap: TITLE_ICON.gapUnits,
           marginBottom: description ? TITLE.marginBottomUnits : 0,
-          "& > span": { display: "flex", flex: "none", fontSize: sxRem(ICON_SLOT.size) }
+          "& > span": {
+            display: "flex",
+            flex: "none",
+            alignItems: "center",
+            fontSize: sxRem(ICON_SLOT.size),
+            // One title line tall, so the glyph is centred on that line.
+            height: sxRem(TITLE.fontSize * TITLE_ICON.lineHeight)
+          }
         },
         children: [
           titleIcon,
@@ -70,4 +79,4 @@ var AlertContent = ({ title, description, titleIcon, dataTestId, children }) =>
 export {
   AlertContent
 };
-//# sourceMappingURL=chunk-IVI574Y5.js.map
+//# sourceMappingURL=chunk-7HZ36QDH.js.map

package/dist/chunk-7HZ36QDH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Alert/Alert.content.tsx"],"sourcesContent":["import AlertTitle from '@mui/material/AlertTitle/index.js';\nimport Box from '@mui/material/Box/index.js';\nimport React from 'react';\n\nimport { sxRem } from '../../../tokens/relative';\n\nimport { testIdFor } from './Alert.helpers';\nimport { DESCRIPTION, ICON_SLOT, TITLE, TITLE_ICON } from './Alert.metrics';\nimport type { AlertProps } from './Alert.types';\n\nconst BREAK_WORDS = {\n  wordWrap: 'break-word',\n  overflowWrap: 'break-word',\n  wordBreak: 'break-word',\n} as const;\n\n/**\n * The message column: title, description, then whatever the caller put inside.\n *\n * `titleIcon` is the icon when it sits on the title's line\n * (`iconPlacement: 'title'`, see `Alert.placement.ts`). The title then shares\n * a row with it, and the description below is a sibling of that row — so it\n * starts at the column's own edge rather than under the title's first letter.\n */\nexport const AlertContent: React.FC<{\n  title?: AlertProps['title'];\n  description?: AlertProps['description'];\n  titleIcon?: React.ReactNode;\n  dataTestId?: string;\n  children?: React.ReactNode;\n}> = ({ title, description, titleIcon, dataTestId, children }) => {\n  const heading = title ? (\n    <AlertTitle\n      data-testid={testIdFor(dataTestId, 'title')}\n      sx={{\n        fontWeight: TITLE.fontWeight,\n        fontSize: sxRem(TITLE.fontSize),\n        // On the icon's row MUI's 2px lift would push the title off the glyph,\n        // and the line height is stated so the glyph can be centred on it.\n        ...(titleIcon\n          ? { margin: 0, lineHeight: TITLE_ICON.lineHeight }\n          : { marginBottom: description ? TITLE.marginBottomUnits : 0 }),\n        ...BREAK_WORDS,\n      }}\n    >\n      {title}\n    </AlertTitle>\n  ) : null;\n\n  return (\n    <>\n      {titleIcon && heading ? (\n        <Box\n          data-testid={testIdFor(dataTestId, 'title-row')}\n          sx={{\n            display: 'flex',\n            // The FIRST line, not the block: a title that wraps to three lines\n            // on a phone would otherwise float its icon beside the second.\n            alignItems: 'flex-start',\n            gap: TITLE_ICON.gapUnits,\n            marginBottom: description ? TITLE.marginBottomUnits : 0,\n            '& > span': {\n              display: 'flex',\n              flex: 'none',\n              alignItems: 'center',\n              fontSize: sxRem(ICON_SLOT.size),\n              // One title line tall, so the glyph is centred on that line.\n              height: sxRem(TITLE.fontSize * TITLE_ICON.lineHeight),\n            },\n          }}\n        >\n          {titleIcon}\n          {heading}\n        </Box>\n      ) : (\n        heading\n      )}\n      {description && (\n        <Box\n          component=\"div\"\n          data-testid={testIdFor(dataTestId, 'message')}\n          sx={{ opacity: DESCRIPTION.opacity, fontSize: sxRem(DESCRIPTION.fontSize), ...BREAK_WORDS }}\n        >\n          {description}\n        </Box>\n      )}\n      {children}\n    </>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;AAAA,OAAO,gBAAgB;AACvB,OAAO,SAAS;AA+BZ,SAkBA,UAlBA,KAoBI,YApBJ;AAtBJ,IAAM,cAAc;AAAA,EAClB,UAAU;AAAA,EACV,cAAc;AAAA,EACd,WAAW;AACb;AAUO,IAAM,eAMR,CAAC,EAAE,OAAO,aAAa,WAAW,YAAY,SAAS,MAAM;AAChE,QAAM,UAAU,QACd;AAAA,IAAC;AAAA;AAAA,MACC,eAAa,UAAU,YAAY,OAAO;AAAA,MAC1C,IAAI;AAAA,QACF,YAAY,MAAM;AAAA,QAClB,UAAU,MAAM,MAAM,QAAQ;AAAA;AAAA;AAAA,QAG9B,GAAI,YACA,EAAE,QAAQ,GAAG,YAAY,WAAW,WAAW,IAC/C,EAAE,cAAc,cAAc,MAAM,oBAAoB,EAAE;AAAA,QAC9D,GAAG;AAAA,MACL;AAAA,MAEC;AAAA;AAAA,EACH,IACE;AAEJ,SACE,iCACG;AAAA,iBAAa,UACZ;AAAA,MAAC;AAAA;AAAA,QACC,eAAa,UAAU,YAAY,WAAW;AAAA,QAC9C,IAAI;AAAA,UACF,SAAS;AAAA;AAAA;AAAA,UAGT,YAAY;AAAA,UACZ,KAAK,WAAW;AAAA,UAChB,cAAc,cAAc,MAAM,oBAAoB;AAAA,UACtD,YAAY;AAAA,YACV,SAAS;AAAA,YACT,MAAM;AAAA,YACN,YAAY;AAAA,YACZ,UAAU,MAAM,UAAU,IAAI;AAAA;AAAA,YAE9B,QAAQ,MAAM,MAAM,WAAW,WAAW,UAAU;AAAA,UACtD;AAAA,QACF;AAAA,QAEC;AAAA;AAAA,UACA;AAAA;AAAA;AAAA,IACH,IAEA;AAAA,IAED,eACC;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,eAAa,UAAU,YAAY,SAAS;AAAA,QAC5C,IAAI,EAAE,SAAS,YAAY,SAAS,UAAU,MAAM,YAAY,QAAQ,GAAG,GAAG,YAAY;AAAA,QAEzF;AAAA;AAAA,IACH;AAAA,IAED;AAAA,KACH;AAEJ;","names":[]}

package/dist/{chunk-ENXGWNCX.js → chunk-7LMR2H7O.js}

@@ -1,16 +1,16 @@
 import {
   DeleteViewDialog
-} from "./chunk-VWVA74JY.js";
+} from "./chunk-UXQVJXQ3.js";
 import {
   DataViewsGrid
-} from "./chunk-MA6ENJDP.js";
+} from "./chunk-HXCUKZOB.js";
 import {
   viewStateKey
 } from "./chunk-ZOLAYP2D.js";
 import {
   ViewDialogs,
   ViewMutationErrorAlert
-} from "./chunk-X2SJJZFH.js";
+} from "./chunk-GG7IOJAG.js";
 import {
   useUrlEchoGuard,
   useUrlSyncState
@@ -166,4 +166,4 @@ function renderViewDialogs(ctl, fields, columns, views, testIdPrefix, onSaved) {
 export {
   DataViewsTableBase
 };
-//# sourceMappingURL=chunk-ENXGWNCX.js.map
+//# sourceMappingURL=chunk-7LMR2H7O.js.map

package/dist/{chunk-H7QTDKA6.js → chunk-BGSUSSAV.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Button
-} from "./chunk-364NH2NY.js";
+} from "./chunk-YOXYSAUI.js";
 import {
   Text
 } from "./chunk-AJBRO76D.js";
@@ -297,4 +297,4 @@ export {
   ViewHeader,
   ViewFooter
 };
-//# sourceMappingURL=chunk-H7QTDKA6.js.map
+//# sourceMappingURL=chunk-BGSUSSAV.js.map

package/dist/{chunk-FR2RJXHS.js → chunk-C2NNJMVY.js}

@@ -1,12 +1,12 @@
 import {
   useSummaryInfo
-} from "./chunk-4QGPRORO.js";
+} from "./chunk-X2GWR75Q.js";
 import {
   PendingSpinner,
   SaveError,
   SettingHeader,
   partTestId
-} from "./chunk-ULK4AGG4.js";
+} from "./chunk-3EIRRLCQ.js";
 import {
   clampStyles,
   descriptionStyles
@@ -87,4 +87,4 @@ export {
   useSettingSwitchIds,
   SettingSwitchBlock
 };
-//# sourceMappingURL=chunk-FR2RJXHS.js.map
+//# sourceMappingURL=chunk-C2NNJMVY.js.map

package/dist/{chunk-NIZUFPV3.js → chunk-CW5Z67NA.js}

@@ -1,6 +1,6 @@
 import {
   partTestId
-} from "./chunk-ULK4AGG4.js";
+} from "./chunk-3EIRRLCQ.js";
 import {
   SETTING_CARD_OPEN_ATTR,
   withCallerSx
@@ -79,4 +79,4 @@ export {
   settingGridStyles,
   SettingGrid
 };
-//# sourceMappingURL=chunk-NIZUFPV3.js.map
+//# sourceMappingURL=chunk-CW5Z67NA.js.map

package/dist/{chunk-BEHM2VLH.js → chunk-FVNY5BNV.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-QLJU7UUI.js";
 import {
   MoreFilters
-} from "./chunk-JA3WJPXH.js";
+} from "./chunk-ZAZOBTVS.js";
 import {
   PillControl
 } from "./chunk-IWJTLCTF.js";
@@ -244,4 +244,4 @@ function FilterSlots({
 export {
   InlineFilterControls
 };
-//# sourceMappingURL=chunk-BEHM2VLH.js.map
+//# sourceMappingURL=chunk-FVNY5BNV.js.map

package/dist/{chunk-X2SJJZFH.js → chunk-GG7IOJAG.js}

@@ -1,9 +1,9 @@
 import {
   SaveViewModal
-} from "./chunk-BF3SGOWT.js";
+} from "./chunk-2ONUSNPZ.js";
 import {
   ManageViewsDialog
-} from "./chunk-LBEZ7A3F.js";
+} from "./chunk-OK3OJGJY.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -12,7 +12,7 @@ import {
 } from "./chunk-4SQ2WCZA.js";
 import {
   Alert
-} from "./chunk-ZSCKXOKE.js";
+} from "./chunk-NQCTANF3.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-X2SJJZFH.js.map
+//# sourceMappingURL=chunk-GG7IOJAG.js.map

package/dist/{chunk-J5QNJERV.js → chunk-HHFVDOA7.js}

@@ -1,7 +1,7 @@
 import {
   useColumnsWithActions,
   useRenderedColumns
-} from "./chunk-J32XJALK.js";
+} from "./chunk-5WUXJDFP.js";
 import {
   filterRows
 } from "./chunk-YGQX7BNI.js";
@@ -12,7 +12,7 @@ import {
 import {
   computeActiveFilterCount,
   defaultSortFields
-} from "./chunk-XZE5FIRB.js";
+} from "./chunk-5IIHAYFF.js";
 import {
   serverDerived,
   useServerQuery
@@ -172,4 +172,4 @@ function useDataViewsState({
 export {
   useDataViewsState
 };
-//# sourceMappingURL=chunk-J5QNJERV.js.map
+//# sourceMappingURL=chunk-HHFVDOA7.js.map

package/dist/{chunk-HVGQH54G.js → chunk-HMWSMRLM.js}

@@ -1,7 +1,7 @@
 import {
   SettingSwitchBlock,
   useSettingSwitchIds
-} from "./chunk-FR2RJXHS.js";
+} from "./chunk-C2NNJMVY.js";
 import {
   useSettingGroup
 } from "./chunk-XJQNSMGA.js";
@@ -44,4 +44,4 @@ SettingToggle.displayName = "SettingToggle";
 export {
   SettingToggle
 };
-//# sourceMappingURL=chunk-HVGQH54G.js.map
+//# sourceMappingURL=chunk-HMWSMRLM.js.map

package/dist/{chunk-MA6ENJDP.js → chunk-HXCUKZOB.js}

@@ -1,9 +1,9 @@
 import {
   GridShell
-} from "./chunk-TRYYYWV3.js";
+} from "./chunk-Y2CHJLWD.js";
 import {
   useDataViewsState
-} from "./chunk-J5QNJERV.js";
+} from "./chunk-HHFVDOA7.js";
 
 // src/components/data-display/DataViews/DataViewsGrid.tsx
 import { useEffect, useRef } from "react";
@@ -27,4 +27,4 @@ function DataViewsGrid(props) {
 export {
   DataViewsGrid
 };
-//# sourceMappingURL=chunk-MA6ENJDP.js.map
+//# sourceMappingURL=chunk-HXCUKZOB.js.map

package/dist/{chunk-CCJJTLF7.js → chunk-L5RS6QAT.js}

@@ -20,7 +20,7 @@ import {
   SEMANTIC_SURFACE,
   SEMANTIC_VARIANTS,
   seconds
-} from "./chunk-JNVUB2D4.js";
+} from "./chunk-5ZY3IIIG.js";
 import {
   sheen,
   softNeutral
@@ -267,4 +267,4 @@ export {
   alertVariantStyles,
   alertEmphasisStyles
 };
-//# sourceMappingURL=chunk-CCJJTLF7.js.map
+//# sourceMappingURL=chunk-L5RS6QAT.js.map

package/dist/{chunk-ZSCKXOKE.js → chunk-NQCTANF3.js}

@@ -5,13 +5,13 @@ import {
   fadeInScale,
   getColorFromTheme,
   getVariantIcon
-} from "./chunk-CCJJTLF7.js";
+} from "./chunk-L5RS6QAT.js";
 import {
   resolveIconPlacement
 } from "./chunk-QXUXO22M.js";
 import {
   AlertContent
-} from "./chunk-IVI574Y5.js";
+} from "./chunk-7HZ36QDH.js";
 import {
   resolveAlertProps,
   resolveAnnouncement,
@@ -30,7 +30,7 @@ import {
   GLOW,
   HOVER,
   seconds
-} from "./chunk-JNVUB2D4.js";
+} from "./chunk-5ZY3IIIG.js";
 import {
   resolveTestId,
   withoutTestIdProps
@@ -277,4 +277,4 @@ export {
   Alert,
   ALERT_ONLY_PROPS
 };
-//# sourceMappingURL=chunk-ZSCKXOKE.js.map
+//# sourceMappingURL=chunk-NQCTANF3.js.map

package/dist/{chunk-NIENIKZ5.js → chunk-NRADSKGH.js}

@@ -1,6 +1,6 @@
 import {
   GridToolbar
-} from "./chunk-725H45MT.js";
+} from "./chunk-NZXRPWPW.js";
 
 // src/components/data-display/DataViews/data-views-shell-toolbar.tsx
 import { jsx } from "react/jsx-runtime";
@@ -68,4 +68,4 @@ function ShellToolbar({
 export {
   ShellToolbar
 };
-//# sourceMappingURL=chunk-NIENIKZ5.js.map
+//# sourceMappingURL=chunk-NRADSKGH.js.map

package/dist/{chunk-725H45MT.js → chunk-NZXRPWPW.js}

@@ -1,15 +1,15 @@
 import {
   DataViewsDisplayPanel
-} from "./chunk-72L5C74V.js";
+} from "./chunk-5M7T36AT.js";
 import {
   DataViewsExportMenu
-} from "./chunk-TVXUOJAL.js";
+} from "./chunk-4NG3LTRX.js";
 import {
   STICKY_BAR_ATTR
 } from "./chunk-4IE66GY2.js";
 import {
   renderBulkActions
-} from "./chunk-XZE5FIRB.js";
+} from "./chunk-5IIHAYFF.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -143,4 +143,4 @@ function GridToolbar(props) {
 export {
   GridToolbar
 };
-//# sourceMappingURL=chunk-725H45MT.js.map
+//# sourceMappingURL=chunk-NZXRPWPW.js.map

package/dist/{chunk-LBEZ7A3F.js → chunk-OK3OJGJY.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-KHG57NAE.js";
 import {
   createConfirmButton
-} from "./chunk-NDQJDA7O.js";
+} from "./chunk-WULEQKU7.js";
 import {
   Dialog,
   DialogContent
@@ -16,7 +16,7 @@ import {
 } from "./chunk-WEBEOBN5.js";
 import {
   Button
-} from "./chunk-364NH2NY.js";
+} from "./chunk-YOXYSAUI.js";
 import {
   Text
 } from "./chunk-AJBRO76D.js";
@@ -128,4 +128,4 @@ function ManageViewsDialog({
 export {
   ManageViewsDialog
 };
-//# sourceMappingURL=chunk-LBEZ7A3F.js.map
+//# sourceMappingURL=chunk-OK3OJGJY.js.map

package/dist/{chunk-WJEJ65TF.js → chunk-OY437NRJ.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Button
-} from "./chunk-364NH2NY.js";
+} from "./chunk-YOXYSAUI.js";
 import {
   Text
 } from "./chunk-AJBRO76D.js";
@@ -85,4 +85,4 @@ function SelectAllStrip({
 export {
   SelectAllStrip
 };
-//# sourceMappingURL=chunk-WJEJ65TF.js.map
+//# sourceMappingURL=chunk-OY437NRJ.js.map

package/dist/{chunk-QZX43FIC.js → chunk-QIP37Y2C.js}

@@ -1,7 +1,7 @@
 import {
   ACTIVE,
   HOVER
-} from "./chunk-JNVUB2D4.js";
+} from "./chunk-5ZY3IIIG.js";
 import {
   modeInk
 } from "./chunk-XJAD6E3V.js";
@@ -140,4 +140,4 @@ export {
   bannerPointerStates,
   BANNER_TINT_S
 };
-//# sourceMappingURL=chunk-QZX43FIC.js.map
+//# sourceMappingURL=chunk-QIP37Y2C.js.map

package/dist/{chunk-Y2CCXB7R.js → chunk-QITQFCFY.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Button
-} from "./chunk-364NH2NY.js";
+} from "./chunk-YOXYSAUI.js";
 import {
   Text
 } from "./chunk-AJBRO76D.js";
@@ -96,4 +96,4 @@ export {
   DataViewsEmpty,
   ShellEmpty
 };
-//# sourceMappingURL=chunk-Y2CCXB7R.js.map
+//# sourceMappingURL=chunk-QITQFCFY.js.map