@12-apps/ui 6.63.1 → 6.64.0

package/dist/{chunk-QPNKYNH2.js → chunk-UAOE3ZPC.js}

@@ -4,13 +4,13 @@ import {
   MapDecorativePins,
   MapRoads,
   MapScaleBar
-} from "./chunk-SOR2KLNR.js";
+} from "./chunk-LTSVYILY.js";
 import {
   MapTiles
-} from "./chunk-KBKRFMUR.js";
+} from "./chunk-EMSMJRP3.js";
 import {
   surfaceBackground
-} from "./chunk-CIEOLDFN.js";
+} from "./chunk-4YYFZ6TE.js";
 import {
   getTileCoordinates
 } from "./chunk-CB6DTWD5.js";
@@ -59,4 +59,4 @@ var StaticMapView = ({
 export {
   StaticMapView
 };
-//# sourceMappingURL=chunk-QPNKYNH2.js.map
+//# sourceMappingURL=chunk-UAOE3ZPC.js.map

package/dist/{chunk-2FGWKMW2.js → chunk-UD4R5HMI.js}

@@ -1,6 +1,6 @@
 import {
   AlertDialog
-} from "./chunk-NZLOHAUV.js";
+} from "./chunk-VI6HYB2W.js";
 
 // src/components/feedback/ConfirmAction/ConfirmAction.parts.tsx
 import Alert from "@mui/material/Alert/index.js";
@@ -104,4 +104,4 @@ function ConfirmActionDialog({
 export {
   ConfirmActionDialog
 };
-//# sourceMappingURL=chunk-2FGWKMW2.js.map
+//# sourceMappingURL=chunk-UD4R5HMI.js.map

package/dist/{chunk-PJ5HXNBG.js → chunk-ULBOCFST.js}

@@ -1,27 +1,27 @@
-import {
-  useDisclosure
-} from "./chunk-2JCRNWHE.js";
 import {
   StandaloneContainer,
   useRowLayout
-} from "./chunk-36RYXV4R.js";
+} from "./chunk-OT5JBIBT.js";
 import {
   DiscloseSlot,
   DragSlot,
   SelectSlot
-} from "./chunk-TVMSXL3R.js";
+} from "./chunk-QO7UJXXO.js";
 import {
   actionProps,
   metaShape,
   rowStyles,
   useRowShell
-} from "./chunk-YP7SQ5DM.js";
+} from "./chunk-LDCHE6QS.js";
 import {
   ListCardActions,
   ListCardCaption,
   ListCardMeta,
   ListCardTail
-} from "./chunk-56PBNYXF.js";
+} from "./chunk-B7PKBFA4.js";
+import {
+  useDisclosure
+} from "./chunk-2JCRNWHE.js";
 import {
   DropIndicator
 } from "./chunk-K4EKTMTC.js";
@@ -33,7 +33,7 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Card
-} from "./chunk-J2QIICWP.js";
+} from "./chunk-W2RXXF7K.js";
 
 // src/components/data-display/DataViews/base-list-card.tsx
 import Collapse from "@mui/material/Collapse/index.js";
@@ -185,4 +185,4 @@ function BaseListCard(props) {
 export {
   BaseListCard
 };
-//# sourceMappingURL=chunk-PJ5HXNBG.js.map
+//# sourceMappingURL=chunk-ULBOCFST.js.map

package/dist/{chunk-YCYGUTQX.js → chunk-UXVB423Q.js}

@@ -5,16 +5,16 @@ import {
 import {
   MapCoordinates,
   MapMarkers
-} from "./chunk-ZS5KKRTJ.js";
+} from "./chunk-AYJ44VTJ.js";
 import {
   MapLayers
-} from "./chunk-WSUHTLOA.js";
+} from "./chunk-PCM4VEPO.js";
 import {
   useMapPreview
 } from "./chunk-QSRZOXQI.js";
 import {
   StaticMapView
-} from "./chunk-QPNKYNH2.js";
+} from "./chunk-UAOE3ZPC.js";
 import {
   rem
 } from "./chunk-YKCAJ2TN.js";
@@ -108,4 +108,4 @@ export {
   MapPreview,
   MapPreview_default
 };
-//# sourceMappingURL=chunk-YCYGUTQX.js.map
+//# sourceMappingURL=chunk-UXVB423Q.js.map

package/dist/{chunk-3AEYBMAM.js → chunk-V6OC2PSQ.js}

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

package/dist/{chunk-FLJ3RIRP.js → chunk-VEKTKCSB.js}

@@ -1,7 +1,3 @@
-import {
-  makeTestId,
-  resolveCheckboxProps
-} from "./chunk-TZ633UZA.js";
 import {
   CHECKBOX_GLOW,
   CHECKBOX_HELPER,
@@ -14,6 +10,10 @@ import {
   effectInk,
   resolveCheckboxSize
 } from "./chunk-OQ4IHRXM.js";
+import {
+  makeTestId,
+  resolveCheckboxProps
+} from "./chunk-TZ633UZA.js";
 import {
   splitTestId
 } from "./chunk-TYJR4GOF.js";
@@ -183,4 +183,4 @@ Checkbox.displayName = "Checkbox";
 export {
   Checkbox
 };
-//# sourceMappingURL=chunk-FLJ3RIRP.js.map
+//# sourceMappingURL=chunk-VEKTKCSB.js.map

package/dist/{chunk-NZLOHAUV.js → chunk-VI6HYB2W.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-IQQX3NDO.js";
 import {
   neutralTones
-} from "./chunk-SSX5ITPM.js";
+} from "./chunk-XJAD6E3V.js";
 import {
   rem,
   rems
@@ -247,4 +247,4 @@ AlertDialog.displayName = "AlertDialog";
 export {
   AlertDialog
 };
-//# sourceMappingURL=chunk-NZLOHAUV.js.map
+//# sourceMappingURL=chunk-VI6HYB2W.js.map

package/dist/{chunk-QWW7D2PA.js → chunk-VLH3IMJG.js}

@@ -3,7 +3,7 @@ import {
   effectStyles,
   getColorFromTheme,
   variantStyles
-} from "./chunk-T37BUWGV.js";
+} from "./chunk-UAFSEZ2E.js";
 import {
   rem
 } from "./chunk-YKCAJ2TN.js";
@@ -83,4 +83,4 @@ Toggle.displayName = "Toggle";
 export {
   Toggle
 };
-//# sourceMappingURL=chunk-QWW7D2PA.js.map
+//# sourceMappingURL=chunk-VLH3IMJG.js.map

package/dist/{chunk-NM65DY2A.js → chunk-VNVV6Y2X.js}

@@ -3,7 +3,7 @@ import {
   StepContentComponent,
   StepIndicatorComponent,
   StepItemRow
-} from "./chunk-7PK5IENM.js";
+} from "./chunk-SV6IQ2YO.js";
 
 // src/components/utility/WorkflowStep/WorkflowStepRow.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -79,4 +79,4 @@ var StepRow = ({
 export {
   StepRow
 };
-//# sourceMappingURL=chunk-NM65DY2A.js.map
+//# sourceMappingURL=chunk-VNVV6Y2X.js.map

package/dist/{chunk-RCQYCDV6.js → chunk-VPGDYI63.js}

@@ -10,7 +10,7 @@ import {
 import {
   absoluteInk,
   uiInk
-} from "./chunk-SSX5ITPM.js";
+} from "./chunk-XJAD6E3V.js";
 import {
   rem,
   rems
@@ -345,4 +345,4 @@ export {
   emptySx,
   skeletonSx
 };
-//# sourceMappingURL=chunk-RCQYCDV6.js.map
+//# sourceMappingURL=chunk-VPGDYI63.js.map

package/dist/{chunk-NAQ2PIV5.js → chunk-VQU3CBAL.js}

@@ -2,7 +2,7 @@ import {
   onMedia,
   scrim,
   sheen
-} from "./chunk-SSX5ITPM.js";
+} from "./chunk-XJAD6E3V.js";
 import {
   remPx,
   sxRem
@@ -62,4 +62,4 @@ export {
   thumbnailStripSx,
   makeTestId
 };
-//# sourceMappingURL=chunk-NAQ2PIV5.js.map
+//# sourceMappingURL=chunk-VQU3CBAL.js.map

package/dist/{chunk-YLYQ7TIC.js → chunk-VUVPEKDE.js}

@@ -2,7 +2,7 @@ import {
   SheetContent,
   SheetFooter,
   SheetHeader
-} from "./chunk-4P5Y5TEM.js";
+} from "./chunk-H5OVOWHY.js";
 import {
   muiColor
 } from "./chunk-7ZPUN7TV.js";
@@ -94,4 +94,4 @@ var SheetBody = (props) => {
 export {
   SheetBody
 };
-//# sourceMappingURL=chunk-YLYQ7TIC.js.map
+//# sourceMappingURL=chunk-VUVPEKDE.js.map

package/dist/{chunk-J2QIICWP.js → chunk-W2RXXF7K.js}

@@ -1,6 +1,6 @@
 import {
   cardStyles
-} from "./chunk-W2TCSYLI.js";
+} from "./chunk-PLB6WWXW.js";
 import {
   resolveCardProps
 } from "./chunk-FKUYRQSP.js";
@@ -191,4 +191,4 @@ export {
   CardActions,
   CardMedia
 };
-//# sourceMappingURL=chunk-J2QIICWP.js.map
+//# sourceMappingURL=chunk-W2RXXF7K.js.map

package/dist/{chunk-6LUUCSFV.js → chunk-W676GY42.js}

@@ -2,7 +2,7 @@ import {
   OVERLAY_Z_INDEX,
   navButtonSx,
   overlayButtonSx
-} from "./chunk-NAQ2PIV5.js";
+} from "./chunk-VQU3CBAL.js";
 import {
   useLightboxCopy
 } from "./chunk-TEQYTEM2.js";
@@ -156,4 +156,4 @@ export {
   LightboxZoomControls,
   LightboxAutoplayButton
 };
-//# sourceMappingURL=chunk-6LUUCSFV.js.map
+//# sourceMappingURL=chunk-W676GY42.js.map

package/dist/{chunk-WRNLEWHH.js → chunk-WDSJ6SVY.js}

@@ -1,7 +1,7 @@
 import {
   METRICS,
   footerSx
-} from "./chunk-RCQYCDV6.js";
+} from "./chunk-VPGDYI63.js";
 import {
   fieldRadiusPx
 } from "./chunk-GDN2LUTZ.js";
@@ -84,4 +84,4 @@ export {
   CategoryMultiFoot,
   CategorySingleFoot
 };
-//# sourceMappingURL=chunk-WRNLEWHH.js.map
+//# sourceMappingURL=chunk-WDSJ6SVY.js.map

package/dist/{chunk-265RW6VX.js → chunk-WJEJ65TF.js}

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

package/dist/{chunk-N6GBJGKW.js → chunk-WLLUARTC.js}

@@ -3,7 +3,7 @@ import {
   LightboxCloseButton,
   LightboxNavButtons,
   LightboxZoomControls
-} from "./chunk-6LUUCSFV.js";
+} from "./chunk-W676GY42.js";
 
 // src/components/data-display/Lightbox/LightboxOverlay.tsx
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -60,4 +60,4 @@ var LightboxOverlay = ({
 export {
   LightboxOverlay
 };
-//# sourceMappingURL=chunk-N6GBJGKW.js.map
+//# sourceMappingURL=chunk-WLLUARTC.js.map

package/dist/{chunk-6K2A4PY5.js → chunk-WOXWLJYR.js}

@@ -1,7 +1,7 @@
 import {
   iconSx,
   sizeConfigs
-} from "./chunk-FJKHDKCV.js";
+} from "./chunk-B5CUV4ZK.js";
 import {
   withDefaults
 } from "./chunk-HPK33ACY.js";
@@ -94,4 +94,4 @@ export {
   AnimatedIcon,
   AnimatedIcon_default
 };
-//# sourceMappingURL=chunk-6K2A4PY5.js.map
+//# sourceMappingURL=chunk-WOXWLJYR.js.map

package/dist/{chunk-ZH5RFT23.js → chunk-WZERH7E3.js}

@@ -5,7 +5,7 @@ import {
   WHEEL_ZOOM_FACTOR,
   ZOOM_STEP,
   minSwipeDistance
-} from "./chunk-NAQ2PIV5.js";
+} from "./chunk-VQU3CBAL.js";
 
 // src/components/data-display/Lightbox/Lightbox.hooks.ts
 import { useTheme } from "@mui/material/styles/index.js";
@@ -176,4 +176,4 @@ export {
   useLightboxKeyboard,
   useSwipe
 };
-//# sourceMappingURL=chunk-ZH5RFT23.js.map
+//# sourceMappingURL=chunk-WZERH7E3.js.map

package/dist/{chunk-KZOK6HWW.js → chunk-X47MWURD.js}

@@ -1,7 +1,7 @@
 import {
   getColorFromTheme,
   textareaEmphasisStyles
-} from "./chunk-D3BJRCXR.js";
+} from "./chunk-IPC426NS.js";
 import {
   fieldBorder
 } from "./chunk-RGVNXES5.js";
@@ -225,4 +225,4 @@ Textarea.displayName = "Textarea";
 export {
   Textarea
 };
-//# sourceMappingURL=chunk-KZOK6HWW.js.map
+//# sourceMappingURL=chunk-X47MWURD.js.map

package/dist/{chunk-SSX5ITPM.js → chunk-XJAD6E3V.js}

@@ -42,6 +42,7 @@ var absoluteInk = (theme) => ({
   white: theme.palette.common.white
 });
 var modeInk = (theme) => theme.palette.mode === "dark" ? theme.palette.common.white : theme.palette.common.black;
+var fieldWell = (theme) => theme.palette.mode === "dark" ? theme.palette.background.paper : theme.palette.common.white;
 var step = (theme, n) => theme.palette.grey[n] ?? NEUTRAL_RAMP[n];
 function neutralTones(theme) {
   return {
@@ -84,8 +85,9 @@ export {
   onMedia,
   absoluteInk,
   modeInk,
+  fieldWell,
   neutralTones,
   controlNeutral,
   softNeutral
 };
-//# sourceMappingURL=chunk-SSX5ITPM.js.map
+//# sourceMappingURL=chunk-XJAD6E3V.js.map

package/dist/{chunk-SSX5ITPM.js.map → chunk-XJAD6E3V.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/tokens/ink.ts"],"sourcesContent":["import type { Theme } from '@mui/material/styles/index.js';\n\nimport { alpha } from './color';\nimport {\n  ATTENTION_INK,\n  CELEBRATION_GRADIENTS,\n  CODE_EDITOR_CHROME,\n  DATA_VIZ_NEON,\n  EFFECT_GLOW,\n  GLASS_SLATE,\n  HIGHLIGHT_MARK,\n  MAP_SURFACE,\n  NEUTRAL_RAMP,\n  PANEL_SHADOW_INK,\n  SOCIAL_BRAND,\n  TIMING_PHASES,\n} from './ink.core';\n\n/**\n * EVERY COLOUR A COMPONENT DRAWS, BY ROLE (FUT-2593, under FUT-2585).\n *\n * A component never writes a hex, an `rgba()`, a named colour or a step on the\n * grey ramp; it asks for a ROLE, and the role reads the theme:\n *\n * - the palette's own roles, straight — `text.secondary`, `divider`,\n *   `action.hover`, a semantic `main` and its `contrastText`;\n * - the INK roles below, over the palette's two absolutes — a scrim behind a\n *   modal, a shadow's ink, a glass sheen, the ink on a photo;\n * - the NEUTRAL tones, over the grey ramp, named by what they do rather than by\n *   their step, so a host that re-greys the ramp re-greys every one;\n * - `uiInk(theme)`, the colours with no palette role at all (`./ink.core.ts`),\n *   which a host can replace through `theme.uiInk`;\n * - `surfaces(theme)` and `softSignal(theme, signal)` (`./surfaces.ts`), the\n *   grounds a board and its cards sit on and a signal's soft background,\n *   which a host can replace through `theme.uiSurfaces` / `theme.uiSoftSignal`.\n *\n * Every default is the value the component drew before, so moving a component\n * onto these changed nothing on screen. `scripts/ui-tokens-gate.mjs` refuses a\n * raw colour or a ramp step in a component from here on.\n */\n\nexport interface UiInk {\n  dataVizNeon: { series: readonly string[]; ground: string; accent: string };\n  timingPhases: Record<keyof typeof TIMING_PHASES, string>;\n  mapSurface: Record<keyof typeof MAP_SURFACE, string>;\n  codeEditor: { light: Record<keyof typeof CODE_EDITOR_CHROME.light, string>; dark: Record<keyof typeof CODE_EDITOR_CHROME.dark, string> };\n  socialBrand: typeof SOCIAL_BRAND;\n  celebration: { mint: readonly [string, string]; violet: readonly [string, string] };\n  attention: { from: string; to: string; glow: string };\n  highlightMark: string;\n  glassSlate: string;\n  panelShadowInk: string;\n  effectGlow: { muiBlue: string; brandIndigo: string };\n}\n\nexport const DEFAULT_UI_INK: UiInk = {\n  dataVizNeon: DATA_VIZ_NEON,\n  timingPhases: TIMING_PHASES,\n  mapSurface: MAP_SURFACE,\n  codeEditor: CODE_EDITOR_CHROME,\n  socialBrand: SOCIAL_BRAND,\n  celebration: CELEBRATION_GRADIENTS,\n  attention: ATTENTION_INK,\n  highlightMark: HIGHLIGHT_MARK,\n  glassSlate: GLASS_SLATE,\n  panelShadowInk: PANEL_SHADOW_INK,\n  effectGlow: EFFECT_GLOW,\n};\n\ndeclare module '@mui/material/styles' {\n  interface Theme {\n    /** Colours with no palette role, by name. See `@12-apps/ui/tokens`' `uiInk`. */\n    uiInk?: Partial<UiInk>;\n  }\n  interface ThemeOptions {\n    /**\n     * Replace any of the named colour sets `@12-apps/ui` draws with. Each set is\n     * replaced WHOLE (the merge is one level deep): to change `codeEditor.dark`,\n     * pass `codeEditor` with both `light` and `dark`.\n     */\n    uiInk?: Partial<UiInk>;\n  }\n}\n\n/** The named colour sets, with the host's `theme.uiInk` layered over the defaults. */\nexport function uiInk(theme: Theme): UiInk {\n  return { ...DEFAULT_UI_INK, ...theme.uiInk };\n}\n\n/* ── Ink roles over the palette's two absolutes ───────────────────────────── */\n\n/** The dim laid behind a modal, a lightbox, a spotlight. */\nexport const scrim = (theme: Theme, opacity: number): string => alpha(theme.palette.common.black, opacity);\n\n/** The colour of a drop shadow or a glow's dark half. */\nexport const shadowInk = (theme: Theme, opacity = 1): string => alpha(theme.palette.common.black, opacity);\n\n/** A highlight: a glass edge, a shimmer, a pressed-in light. */\nexport const sheen = (theme: Theme, opacity = 1): string => alpha(theme.palette.common.white, opacity);\n\n/** Ink that sits ON a photo, a gradient or a scrim — never on the page. */\nexport const onMedia = (theme: Theme): string => theme.palette.common.white;\n\n/**\n * The palette's two absolutes, for the places the hue must be exactly black or\n * white: a CSS mask's opaque stop, the black `dark` tooltip.\n */\nexport const absoluteInk = (theme: Theme): { black: string; white: string } => ({\n  black: theme.palette.common.black,\n  white: theme.palette.common.white,\n});\n\n/** The absolute that CONTRASTS with the mode's page: black in light mode, white in dark. */\nexport const modeInk = (theme: Theme): string =>\n  theme.palette.mode === 'dark' ? theme.palette.common.white : theme.palette.common.black;\n\n/* ── Neutral tones over the grey ramp ─────────────────────────────────────── */\n\nconst step = (theme: Theme, n: keyof typeof NEUTRAL_RAMP): string => theme.palette.grey[n] ?? NEUTRAL_RAMP[n];\n\n/**\n * The neutral scale by ROLE. The names say what a tone is for, so a component\n * reads `neutralTones(theme).track` rather than \"grey 300\", and a host that\n * re-greys the ramp moves every one of them together.\n */\nexport function neutralTones(theme: Theme) {\n  return {\n    /** A dark chip on a light UI: a tooltip, a context menu, a code block's dark ground. */\n    inverseSurface: step(theme, 900),\n    /** A raised dark panel. */\n    raised: step(theme, 800),\n    /** A neutral control's fill. */\n    strong: step(theme, 700),\n    /** A neutral accent: a badge, a strong scrollbar thumb. */\n    emphasis: step(theme, 600),\n    /** A quiet mark: an offline dot, a secondary icon. */\n    muted: step(theme, 500),\n    /** An idle connector, a light scrollbar thumb. */\n    subtle: step(theme, 400),\n    /** An idle track, a placeholder fill. */\n    track: step(theme, 300),\n    /** A faint track, a light scrollbar channel. */\n    faint: step(theme, 200),\n    /** A light code block, a light card. */\n    surface: step(theme, 100),\n    /** The lightest ground. */\n    canvas: step(theme, 50),\n  };\n}\n\n/** The four-stop accent a component's `neutral` colour resolves to. */\nexport interface NeutralAccent {\n  main: string;\n  light: string;\n  dark: string;\n  contrastText: string;\n}\n\n/**\n * The neutral the CONTROLS draw with — grey 700, pressed 800, soft 500, white\n * ink — for `Button`, `Toggle`, `RadioGroup`, `Switch`, `Slider`, `Textarea`,\n * `InputOTP`. Not `accentFor(theme, 'neutral')` (600/400/800, a badge's): the\n * controls have always been one step darker.\n */\nexport function controlNeutral(theme: Theme): NeutralAccent {\n  return { main: step(theme, 700), dark: step(theme, 800), light: step(theme, 500), contrastText: theme.palette.common.white };\n}\n\n/** The softer neutral a notice or a progress track draws with — 500 on a 300 ground, 700 pressed. */\nexport function softNeutral(theme: Theme): NeutralAccent {\n  const main = step(theme, 500);\n  return { main, light: step(theme, 300), dark: step(theme, 700), contrastText: theme.palette.getContrastText(main) };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAuDO,IAAM,iBAAwB;AAAA,EACnC,aAAa;AAAA,EACb,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,aAAa;AAAA,EACb,WAAW;AAAA,EACX,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,YAAY;AACd;AAkBO,SAAS,MAAM,OAAqB;AACzC,SAAO,EAAE,GAAG,gBAAgB,GAAG,MAAM,MAAM;AAC7C;AAKO,IAAM,QAAQ,CAAC,OAAc,YAA4B,MAAM,MAAM,QAAQ,OAAO,OAAO,OAAO;AAGlG,IAAM,YAAY,CAAC,OAAc,UAAU,MAAc,MAAM,MAAM,QAAQ,OAAO,OAAO,OAAO;AAGlG,IAAM,QAAQ,CAAC,OAAc,UAAU,MAAc,MAAM,MAAM,QAAQ,OAAO,OAAO,OAAO;AAG9F,IAAM,UAAU,CAAC,UAAyB,MAAM,QAAQ,OAAO;AAM/D,IAAM,cAAc,CAAC,WAAoD;AAAA,EAC9E,OAAO,MAAM,QAAQ,OAAO;AAAA,EAC5B,OAAO,MAAM,QAAQ,OAAO;AAC9B;AAGO,IAAM,UAAU,CAAC,UACtB,MAAM,QAAQ,SAAS,SAAS,MAAM,QAAQ,OAAO,QAAQ,MAAM,QAAQ,OAAO;AAIpF,IAAM,OAAO,CAAC,OAAc,MAAyC,MAAM,QAAQ,KAAK,CAAC,KAAK,aAAa,CAAC;AAOrG,SAAS,aAAa,OAAc;AACzC,SAAO;AAAA;AAAA,IAEL,gBAAgB,KAAK,OAAO,GAAG;AAAA;AAAA,IAE/B,QAAQ,KAAK,OAAO,GAAG;AAAA;AAAA,IAEvB,QAAQ,KAAK,OAAO,GAAG;AAAA;AAAA,IAEvB,UAAU,KAAK,OAAO,GAAG;AAAA;AAAA,IAEzB,OAAO,KAAK,OAAO,GAAG;AAAA;AAAA,IAEtB,QAAQ,KAAK,OAAO,GAAG;AAAA;AAAA,IAEvB,OAAO,KAAK,OAAO,GAAG;AAAA;AAAA,IAEtB,OAAO,KAAK,OAAO,GAAG;AAAA;AAAA,IAEtB,SAAS,KAAK,OAAO,GAAG;AAAA;AAAA,IAExB,QAAQ,KAAK,OAAO,EAAE;AAAA,EACxB;AACF;AAgBO,SAAS,eAAe,OAA6B;AAC1D,SAAO,EAAE,MAAM,KAAK,OAAO,GAAG,GAAG,MAAM,KAAK,OAAO,GAAG,GAAG,OAAO,KAAK,OAAO,GAAG,GAAG,cAAc,MAAM,QAAQ,OAAO,MAAM;AAC7H;AAGO,SAAS,YAAY,OAA6B;AACvD,QAAM,OAAO,KAAK,OAAO,GAAG;AAC5B,SAAO,EAAE,MAAM,OAAO,KAAK,OAAO,GAAG,GAAG,MAAM,KAAK,OAAO,GAAG,GAAG,cAAc,MAAM,QAAQ,gBAAgB,IAAI,EAAE;AACpH;","names":[]}
+{"version":3,"sources":["../src/tokens/ink.ts"],"sourcesContent":["import type { Theme } from '@mui/material/styles/index.js';\n\nimport { alpha } from './color';\nimport {\n  ATTENTION_INK,\n  CELEBRATION_GRADIENTS,\n  CODE_EDITOR_CHROME,\n  DATA_VIZ_NEON,\n  EFFECT_GLOW,\n  GLASS_SLATE,\n  HIGHLIGHT_MARK,\n  MAP_SURFACE,\n  NEUTRAL_RAMP,\n  PANEL_SHADOW_INK,\n  SOCIAL_BRAND,\n  TIMING_PHASES,\n} from './ink.core';\n\n/**\n * EVERY COLOUR A COMPONENT DRAWS, BY ROLE (FUT-2593, under FUT-2585).\n *\n * A component never writes a hex, an `rgba()`, a named colour or a step on the\n * grey ramp; it asks for a ROLE, and the role reads the theme:\n *\n * - the palette's own roles, straight — `text.secondary`, `divider`,\n *   `action.hover`, a semantic `main` and its `contrastText`;\n * - the INK roles below, over the palette's two absolutes — a scrim behind a\n *   modal, a shadow's ink, a glass sheen, the ink on a photo;\n * - the NEUTRAL tones, over the grey ramp, named by what they do rather than by\n *   their step, so a host that re-greys the ramp re-greys every one;\n * - `uiInk(theme)`, the colours with no palette role at all (`./ink.core.ts`),\n *   which a host can replace through `theme.uiInk`;\n * - `surfaces(theme)` and `softSignal(theme, signal)` (`./surfaces.ts`), the\n *   grounds a board and its cards sit on and a signal's soft background,\n *   which a host can replace through `theme.uiSurfaces` / `theme.uiSoftSignal`.\n *\n * Every default is the value the component drew before, so moving a component\n * onto these changed nothing on screen. `scripts/ui-tokens-gate.mjs` refuses a\n * raw colour or a ramp step in a component from here on.\n */\n\nexport interface UiInk {\n  dataVizNeon: { series: readonly string[]; ground: string; accent: string };\n  timingPhases: Record<keyof typeof TIMING_PHASES, string>;\n  mapSurface: Record<keyof typeof MAP_SURFACE, string>;\n  codeEditor: { light: Record<keyof typeof CODE_EDITOR_CHROME.light, string>; dark: Record<keyof typeof CODE_EDITOR_CHROME.dark, string> };\n  socialBrand: typeof SOCIAL_BRAND;\n  celebration: { mint: readonly [string, string]; violet: readonly [string, string] };\n  attention: { from: string; to: string; glow: string };\n  highlightMark: string;\n  glassSlate: string;\n  panelShadowInk: string;\n  effectGlow: { muiBlue: string; brandIndigo: string };\n}\n\nexport const DEFAULT_UI_INK: UiInk = {\n  dataVizNeon: DATA_VIZ_NEON,\n  timingPhases: TIMING_PHASES,\n  mapSurface: MAP_SURFACE,\n  codeEditor: CODE_EDITOR_CHROME,\n  socialBrand: SOCIAL_BRAND,\n  celebration: CELEBRATION_GRADIENTS,\n  attention: ATTENTION_INK,\n  highlightMark: HIGHLIGHT_MARK,\n  glassSlate: GLASS_SLATE,\n  panelShadowInk: PANEL_SHADOW_INK,\n  effectGlow: EFFECT_GLOW,\n};\n\ndeclare module '@mui/material/styles' {\n  interface Theme {\n    /** Colours with no palette role, by name. See `@12-apps/ui/tokens`' `uiInk`. */\n    uiInk?: Partial<UiInk>;\n  }\n  interface ThemeOptions {\n    /**\n     * Replace any of the named colour sets `@12-apps/ui` draws with. Each set is\n     * replaced WHOLE (the merge is one level deep): to change `codeEditor.dark`,\n     * pass `codeEditor` with both `light` and `dark`.\n     */\n    uiInk?: Partial<UiInk>;\n  }\n}\n\n/** The named colour sets, with the host's `theme.uiInk` layered over the defaults. */\nexport function uiInk(theme: Theme): UiInk {\n  return { ...DEFAULT_UI_INK, ...theme.uiInk };\n}\n\n/* ── Ink roles over the palette's two absolutes ───────────────────────────── */\n\n/** The dim laid behind a modal, a lightbox, a spotlight. */\nexport const scrim = (theme: Theme, opacity: number): string => alpha(theme.palette.common.black, opacity);\n\n/** The colour of a drop shadow or a glow's dark half. */\nexport const shadowInk = (theme: Theme, opacity = 1): string => alpha(theme.palette.common.black, opacity);\n\n/** A highlight: a glass edge, a shimmer, a pressed-in light. */\nexport const sheen = (theme: Theme, opacity = 1): string => alpha(theme.palette.common.white, opacity);\n\n/** Ink that sits ON a photo, a gradient or a scrim — never on the page. */\nexport const onMedia = (theme: Theme): string => theme.palette.common.white;\n\n/**\n * The palette's two absolutes, for the places the hue must be exactly black or\n * white: a CSS mask's opaque stop, the black `dark` tooltip.\n */\nexport const absoluteInk = (theme: Theme): { black: string; white: string } => ({\n  black: theme.palette.common.black,\n  white: theme.palette.common.white,\n});\n\n/** The absolute that CONTRASTS with the mode's page: black in light mode, white in dark. */\nexport const modeInk = (theme: Theme): string =>\n  theme.palette.mode === 'dark' ? theme.palette.common.white : theme.palette.common.black;\n\n/**\n * The well of a field that sits on a tinted panel: white in light mode, so the\n * field reads as a field against the paper around it; the paper itself in dark\n * mode, where white would glare.\n */\nexport const fieldWell = (theme: Theme): string =>\n  theme.palette.mode === 'dark' ? theme.palette.background.paper : theme.palette.common.white;\n\n/* ── Neutral tones over the grey ramp ─────────────────────────────────────── */\n\nconst step = (theme: Theme, n: keyof typeof NEUTRAL_RAMP): string => theme.palette.grey[n] ?? NEUTRAL_RAMP[n];\n\n/**\n * The neutral scale by ROLE. The names say what a tone is for, so a component\n * reads `neutralTones(theme).track` rather than \"grey 300\", and a host that\n * re-greys the ramp moves every one of them together.\n */\nexport function neutralTones(theme: Theme) {\n  return {\n    /** A dark chip on a light UI: a tooltip, a context menu, a code block's dark ground. */\n    inverseSurface: step(theme, 900),\n    /** A raised dark panel. */\n    raised: step(theme, 800),\n    /** A neutral control's fill. */\n    strong: step(theme, 700),\n    /** A neutral accent: a badge, a strong scrollbar thumb. */\n    emphasis: step(theme, 600),\n    /** A quiet mark: an offline dot, a secondary icon. */\n    muted: step(theme, 500),\n    /** An idle connector, a light scrollbar thumb. */\n    subtle: step(theme, 400),\n    /** An idle track, a placeholder fill. */\n    track: step(theme, 300),\n    /** A faint track, a light scrollbar channel. */\n    faint: step(theme, 200),\n    /** A light code block, a light card. */\n    surface: step(theme, 100),\n    /** The lightest ground. */\n    canvas: step(theme, 50),\n  };\n}\n\n/** The four-stop accent a component's `neutral` colour resolves to. */\nexport interface NeutralAccent {\n  main: string;\n  light: string;\n  dark: string;\n  contrastText: string;\n}\n\n/**\n * The neutral the CONTROLS draw with — grey 700, pressed 800, soft 500, white\n * ink — for `Button`, `Toggle`, `RadioGroup`, `Switch`, `Slider`, `Textarea`,\n * `InputOTP`. Not `accentFor(theme, 'neutral')` (600/400/800, a badge's): the\n * controls have always been one step darker.\n */\nexport function controlNeutral(theme: Theme): NeutralAccent {\n  return { main: step(theme, 700), dark: step(theme, 800), light: step(theme, 500), contrastText: theme.palette.common.white };\n}\n\n/** The softer neutral a notice or a progress track draws with — 500 on a 300 ground, 700 pressed. */\nexport function softNeutral(theme: Theme): NeutralAccent {\n  const main = step(theme, 500);\n  return { main, light: step(theme, 300), dark: step(theme, 700), contrastText: theme.palette.getContrastText(main) };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAuDO,IAAM,iBAAwB;AAAA,EACnC,aAAa;AAAA,EACb,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,aAAa;AAAA,EACb,WAAW;AAAA,EACX,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,YAAY;AACd;AAkBO,SAAS,MAAM,OAAqB;AACzC,SAAO,EAAE,GAAG,gBAAgB,GAAG,MAAM,MAAM;AAC7C;AAKO,IAAM,QAAQ,CAAC,OAAc,YAA4B,MAAM,MAAM,QAAQ,OAAO,OAAO,OAAO;AAGlG,IAAM,YAAY,CAAC,OAAc,UAAU,MAAc,MAAM,MAAM,QAAQ,OAAO,OAAO,OAAO;AAGlG,IAAM,QAAQ,CAAC,OAAc,UAAU,MAAc,MAAM,MAAM,QAAQ,OAAO,OAAO,OAAO;AAG9F,IAAM,UAAU,CAAC,UAAyB,MAAM,QAAQ,OAAO;AAM/D,IAAM,cAAc,CAAC,WAAoD;AAAA,EAC9E,OAAO,MAAM,QAAQ,OAAO;AAAA,EAC5B,OAAO,MAAM,QAAQ,OAAO;AAC9B;AAGO,IAAM,UAAU,CAAC,UACtB,MAAM,QAAQ,SAAS,SAAS,MAAM,QAAQ,OAAO,QAAQ,MAAM,QAAQ,OAAO;AAO7E,IAAM,YAAY,CAAC,UACxB,MAAM,QAAQ,SAAS,SAAS,MAAM,QAAQ,WAAW,QAAQ,MAAM,QAAQ,OAAO;AAIxF,IAAM,OAAO,CAAC,OAAc,MAAyC,MAAM,QAAQ,KAAK,CAAC,KAAK,aAAa,CAAC;AAOrG,SAAS,aAAa,OAAc;AACzC,SAAO;AAAA;AAAA,IAEL,gBAAgB,KAAK,OAAO,GAAG;AAAA;AAAA,IAE/B,QAAQ,KAAK,OAAO,GAAG;AAAA;AAAA,IAEvB,QAAQ,KAAK,OAAO,GAAG;AAAA;AAAA,IAEvB,UAAU,KAAK,OAAO,GAAG;AAAA;AAAA,IAEzB,OAAO,KAAK,OAAO,GAAG;AAAA;AAAA,IAEtB,QAAQ,KAAK,OAAO,GAAG;AAAA;AAAA,IAEvB,OAAO,KAAK,OAAO,GAAG;AAAA;AAAA,IAEtB,OAAO,KAAK,OAAO,GAAG;AAAA;AAAA,IAEtB,SAAS,KAAK,OAAO,GAAG;AAAA;AAAA,IAExB,QAAQ,KAAK,OAAO,EAAE;AAAA,EACxB;AACF;AAgBO,SAAS,eAAe,OAA6B;AAC1D,SAAO,EAAE,MAAM,KAAK,OAAO,GAAG,GAAG,MAAM,KAAK,OAAO,GAAG,GAAG,OAAO,KAAK,OAAO,GAAG,GAAG,cAAc,MAAM,QAAQ,OAAO,MAAM;AAC7H;AAGO,SAAS,YAAY,OAA6B;AACvD,QAAM,OAAO,KAAK,OAAO,GAAG;AAC5B,SAAO,EAAE,MAAM,OAAO,KAAK,OAAO,GAAG,GAAG,MAAM,KAAK,OAAO,GAAG,GAAG,cAAc,MAAM,QAAQ,gBAAgB,IAAI,EAAE;AACpH;","names":[]}

package/dist/{chunk-ZJGDD54X.js → chunk-XKSA4L2X.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-7ZPUN7TV.js";
 import {
   neutralTones
-} from "./chunk-SSX5ITPM.js";
+} from "./chunk-XJAD6E3V.js";
 
 // src/components/utility/WorkflowStep/WorkflowStep.helpers.ts
 var INDICATOR_SIZE = {
@@ -98,4 +98,4 @@ export {
   progressValueText,
   progressValueRange
 };
-//# sourceMappingURL=chunk-ZJGDD54X.js.map
+//# sourceMappingURL=chunk-XKSA4L2X.js.map

package/dist/{chunk-AGUK7VQP.js → chunk-XMVPNCYM.js}

@@ -3,14 +3,14 @@ import {
 } from "./chunk-SALQ65SM.js";
 import {
   useSummaryInfo
-} from "./chunk-C622UXU6.js";
+} from "./chunk-AAXLQFC7.js";
 import {
   LearnMore,
   PendingSpinner,
   SaveError,
   SettingHeader,
   partTestId
-} from "./chunk-3AQ25I6D.js";
+} from "./chunk-OJFE5PK6.js";
 import {
   SETTING_CARD_OPEN_ATTR,
   actionsStyles,
@@ -23,7 +23,7 @@ import {
 } from "./chunk-SEWUYHSG.js";
 import {
   Button
-} from "./chunk-W4O3BTD5.js";
+} from "./chunk-364NH2NY.js";
 
 // src/components/layout/SettingCard/SettingCard.tsx
 import Box from "@mui/material/Box/index.js";
@@ -170,4 +170,4 @@ SettingCard.displayName = "SettingCard";
 export {
   SettingCard
 };
-//# sourceMappingURL=chunk-AGUK7VQP.js.map
+//# sourceMappingURL=chunk-XMVPNCYM.js.map

package/dist/{chunk-LCVBED7G.js → chunk-XZE5FIRB.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk-KHG57NAE.js";
 import {
   DropdownMenu
-} from "./chunk-2X2G75MV.js";
+} from "./chunk-AY5GKCH7.js";
 import {
   default as default2
 } from "./chunk-6DPAWXZ3.js";
 import {
   Button
-} from "./chunk-W4O3BTD5.js";
+} from "./chunk-364NH2NY.js";
 import {
   rem,
   sxRem
@@ -166,4 +166,4 @@ export {
   togglePillValues,
   cardGridTracks
 };
-//# sourceMappingURL=chunk-LCVBED7G.js.map
+//# sourceMappingURL=chunk-XZE5FIRB.js.map

package/dist/{chunk-K6WY2CHG.js → chunk-XZFTRGRW.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-KHG57NAE.js";
 import {
   Pagination
-} from "./chunk-NOF2FF4K.js";
+} from "./chunk-7CPLKAL6.js";
 import {
   default as default2
 } from "./chunk-6DPAWXZ3.js";
@@ -31,4 +31,4 @@ function DataViewsPagination({
 export {
   DataViewsPagination
 };
-//# sourceMappingURL=chunk-K6WY2CHG.js.map
+//# sourceMappingURL=chunk-XZFTRGRW.js.map

package/dist/{chunk-OBKUG7BW.js → chunk-XZILNBAU.js}

@@ -1,20 +1,20 @@
 import {
   FleetBody
-} from "./chunk-DUYPCBI2.js";
+} from "./chunk-755VS7NA.js";
+import {
+  useFleetMap
+} from "./chunk-ZCPSND5Y.js";
 import {
   FLEET_DEFAULT_LAGGING_AFTER_SECONDS,
   FLEET_DEFAULT_STALE_AFTER_SECONDS,
   FLEET_PANEL
 } from "./chunk-BTQZ3EX3.js";
-import {
-  useFleetMap
-} from "./chunk-ZCPSND5Y.js";
 import {
   SR_ONLY_SX
 } from "./chunk-PUFA7FQ7.js";
 import {
   EmptyState
-} from "./chunk-HN3PZTUK.js";
+} from "./chunk-4MKVGSHX.js";
 import {
   rem
 } from "./chunk-YKCAJ2TN.js";
@@ -117,4 +117,4 @@ export {
   FleetMap,
   FleetMap_default
 };
-//# sourceMappingURL=chunk-OBKUG7BW.js.map
+//# sourceMappingURL=chunk-XZILNBAU.js.map

package/dist/{chunk-CHBT4NAM.js → chunk-Y3LK6ZQG.js}

@@ -5,7 +5,7 @@ import {
   GroupLabel,
   SegmentRadios,
   testId
-} from "./chunk-7OXRN4UQ.js";
+} from "./chunk-YTDUIU7X.js";
 import {
   withDefaults
 } from "./chunk-HPK33ACY.js";
@@ -96,4 +96,4 @@ RadioGroup.displayName = "RadioGroup";
 export {
   RadioGroup
 };
-//# sourceMappingURL=chunk-CHBT4NAM.js.map
+//# sourceMappingURL=chunk-Y3LK6ZQG.js.map

package/dist/{chunk-S4TMDAB4.js → chunk-Y46R26TE.js}

@@ -1,13 +1,13 @@
-import {
-  SearchGlyph
-} from "./chunk-DMNZD3Q7.js";
 import {
   chipSx,
   chipWrapSx,
   panelHeadSx,
   pinnedLabelSx,
   pinnedSx
-} from "./chunk-RCQYCDV6.js";
+} from "./chunk-VPGDYI63.js";
+import {
+  SearchGlyph
+} from "./chunk-DMNZD3Q7.js";
 import {
   fieldBorder,
   fieldHeight
@@ -158,4 +158,4 @@ export {
   CategoryPanelHead,
   CategoryPinnedTray
 };
-//# sourceMappingURL=chunk-S4TMDAB4.js.map
+//# sourceMappingURL=chunk-Y46R26TE.js.map

package/dist/{chunk-X6WC5QBY.js → chunk-Y7YKIIYS.js}

@@ -4,13 +4,13 @@ import {
 } from "./chunk-QLJU7UUI.js";
 import {
   MoreFilters
-} from "./chunk-VE7QYG3W.js";
+} from "./chunk-ERA3AEWU.js";
 import {
   PillControl
-} from "./chunk-GWUJIO6Z.js";
+} from "./chunk-RQF4NXDC.js";
 import {
   RangePill
-} from "./chunk-5WJFCQFN.js";
+} from "./chunk-647DEGIU.js";
 import {
   CollapsedSearch,
   InlineKeyword
@@ -220,4 +220,4 @@ function FilterSlots({
 export {
   InlineFilterControls
 };
-//# sourceMappingURL=chunk-X6WC5QBY.js.map
+//# sourceMappingURL=chunk-Y7YKIIYS.js.map

package/dist/{chunk-7X2B76RW.js → chunk-YBAK2WN5.js}

@@ -4,7 +4,7 @@ import {
   getAnchorOrigin,
   getTransformOrigin,
   sideOf
-} from "./chunk-S7AFG6R2.js";
+} from "./chunk-ABF64CAQ.js";
 import {
   useHoverCard
 } from "./chunk-Z3USLQQT.js";
@@ -191,4 +191,4 @@ HoverCard.displayName = "HoverCard";
 export {
   HoverCard
 };
-//# sourceMappingURL=chunk-7X2B76RW.js.map
+//# sourceMappingURL=chunk-YBAK2WN5.js.map