@12-apps/ui 6.32.0 → 6.33.1

package/dist/{chunk-BGYLL467.js → chunk-TXHJX2NG.js}

@@ -1,11 +1,11 @@
+import {
+  countries
+} from "./chunk-3JDP5OUR.js";
 import {
   detectCountryFromNumber,
   formatPhoneNumber,
   validatePhoneNumber
 } from "./chunk-5P6OV64V.js";
-import {
-  countries
-} from "./chunk-3JDP5OUR.js";
 
 // src/components/form/PhoneInput/PhoneInput.hooks.ts
 import { useEffect, useRef, useState } from "react";
@@ -105,4 +105,4 @@ var usePhoneHandlers = ({
 export {
   usePhoneInput
 };
-//# sourceMappingURL=chunk-BGYLL467.js.map
+//# sourceMappingURL=chunk-TXHJX2NG.js.map

package/dist/{chunk-X4HGBK4G.js → chunk-U7Q2Y6WG.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-CJL5D2IT.js";
 import {
   EmptyState
-} from "./chunk-HTZYFGYE.js";
+} from "./chunk-25R3ITGZ.js";
 
 // src/components/data-display/SectionOnboarding/SectionOnboarding.tsx
 import CheckCircle from "@mui/icons-material/CheckCircle";
@@ -193,4 +193,4 @@ export {
   SectionOnboarding,
   SectionOnboarding_default
 };
-//# sourceMappingURL=chunk-X4HGBK4G.js.map
+//# sourceMappingURL=chunk-U7Q2Y6WG.js.map

package/dist/{chunk-GSWDQ3ZX.js → chunk-UMQN3BVV.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-M5T3COS2.js";
 import {
   buildChartContext
-} from "./chunk-HZXCTLNI.js";
+} from "./chunk-3IYB3XY2.js";
 
 // src/components/data-display/Chart/chart-renderers.tsx
 import {
@@ -312,4 +312,4 @@ function renderChartByType(props, theme) {
 export {
   renderChartByType
 };
-//# sourceMappingURL=chunk-GSWDQ3ZX.js.map
+//# sourceMappingURL=chunk-UMQN3BVV.js.map

package/dist/{chunk-3NA7AO6H.js → chunk-URWNRC2P.js}

@@ -3,7 +3,10 @@ import {
 } from "./chunk-LMXWI3DD.js";
 import {
   CategoryPanel
-} from "./chunk-MGP5LLEK.js";
+} from "./chunk-IGO5DC7D.js";
+import {
+  useCategoryCommit
+} from "./chunk-XHHR6G35.js";
 import {
   CategoryTrigger
 } from "./chunk-PH5XJGKJ.js";
@@ -16,9 +19,6 @@ import {
 import {
   useCategoryKeyHandler
 } from "./chunk-USJPZ5Q7.js";
-import {
-  useCategoryCommit
-} from "./chunk-XHHR6G35.js";
 import {
   categoryPath,
   summarizeSelection
@@ -155,4 +155,4 @@ function CategorySelect(props) {
 export {
   CategorySelect
 };
-//# sourceMappingURL=chunk-3NA7AO6H.js.map
+//# sourceMappingURL=chunk-URWNRC2P.js.map

package/dist/{chunk-JSANSHGF.js → chunk-UTSGY3ON.js}

@@ -5,8 +5,11 @@ import Box from "@mui/material/Box/index.js";
 import Button from "@mui/material/Button/index.js";
 import LinearProgress from "@mui/material/LinearProgress/index.js";
 import Typography from "@mui/material/Typography/index.js";
-import { useTheme } from "@mui/material/styles/index.js";
+import { alpha, useTheme } from "@mui/material/styles/index.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var DRAG_OVER_TINT = 10 / 255;
+var HOVER_TINT = 5 / 255;
+var GHOST_HOVER_TINT = 8 / 255;
 function UploadDropzone({
   copy,
   label,
@@ -32,12 +35,12 @@ function UploadDropzone({
         padding: 3,
         textAlign: "center",
         cursor: disabled ? "not-allowed" : "pointer",
-        backgroundColor: isDragOver ? `${theme.palette.primary.main}0A` : "transparent",
+        backgroundColor: isDragOver ? alpha(theme.palette.primary.main, DRAG_OVER_TINT) : "transparent",
         transition: "all 0.2s ease-in-out",
         ...!disabled && {
           "&:hover": {
             borderColor: theme.palette.primary.main,
-            backgroundColor: `${theme.palette.primary.main}05`
+            backgroundColor: alpha(theme.palette.primary.main, HOVER_TINT)
           }
         },
         opacity: disabled ? 0.6 : 1
@@ -87,7 +90,7 @@ function UploadTrigger({
       "aria-describedby": describedBy,
       sx: {
         ...variant === "ghost" && {
-          "&:hover": { backgroundColor: `${theme.palette.primary.main}08` }
+          "&:hover": { backgroundColor: alpha(theme.palette.primary.main, GHOST_HOVER_TINT) }
         }
       },
       children: isUploading ? copy.uploading : label
@@ -176,4 +179,4 @@ export {
   UploadTrigger,
   UploadFeedback
 };
-//# sourceMappingURL=chunk-JSANSHGF.js.map
+//# sourceMappingURL=chunk-UTSGY3ON.js.map

package/dist/chunk-UTSGY3ON.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/UploadButton/UploadButton.parts.tsx"],"sourcesContent":["import AttachFileOutlined from '@mui/icons-material/AttachFileOutlined';\nimport CloudUploadOutlined from '@mui/icons-material/CloudUploadOutlined';\nimport Box from '@mui/material/Box/index.js';\nimport Button from '@mui/material/Button/index.js';\nimport LinearProgress from '@mui/material/LinearProgress/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport { alpha, useTheme } from '@mui/material/styles/index.js';\nimport type React from 'react';\n\nimport type { DragHandlers } from './UploadButton.hooks';\n\n/*\n * The tints the dropzone and the ghost button have always drawn — 0x0A, 0x05\n * and 0x08 out of 0xFF — as `alpha()` opacities. They were hex-alpha suffixes\n * glued onto `palette.primary.main`, which only works while the palette colour\n * is a six-digit hex: an `rgb(…)` primary produced an invalid colour and no\n * tint at all.\n */\nconst DRAG_OVER_TINT = 0x0a / 0xff;\nconst HOVER_TINT = 0x05 / 0xff;\nconst GHOST_HOVER_TINT = 0x08 / 0xff;\nimport type { UploadButtonCopy } from '../../../copy';\nimport type { UploadButtonProps } from './UploadButton.types';\n\n/** Shared shape for the two trigger variants. */\nexport interface TriggerProps {\n  copy: UploadButtonCopy;\n  label: string;\n  icon?: React.ReactNode;\n  disabled: boolean;\n  className?: string;\n  dataTestId?: string;\n  describedBy?: string;\n  onOpen: () => void;\n}\n\n/** The drag-and-drop surface. */\nexport function UploadDropzone({\n  copy,\n  label,\n  icon,\n  disabled,\n  className,\n  dataTestId,\n  describedBy,\n  onOpen,\n  isDragOver,\n  drag,\n}: TriggerProps & { isDragOver: boolean; drag: DragHandlers }): React.ReactElement {\n  const theme = useTheme();\n  return (\n    <Box\n      component=\"div\"\n      {...drag}\n      onClick={onOpen}\n      sx={{\n        border: `2px dashed ${isDragOver ? theme.palette.primary.main : theme.palette.divider}`,\n        borderRadius: 2,\n        padding: 3,\n        textAlign: 'center',\n        cursor: disabled ? 'not-allowed' : 'pointer',\n        backgroundColor: isDragOver ? alpha(theme.palette.primary.main, DRAG_OVER_TINT) : 'transparent',\n        transition: 'all 0.2s ease-in-out',\n        ...(!disabled && {\n          '&:hover': {\n            borderColor: theme.palette.primary.main,\n            backgroundColor: alpha(theme.palette.primary.main, HOVER_TINT),\n          },\n        }),\n        opacity: disabled ? 0.6 : 1,\n      }}\n      className={className}\n      data-testid={dataTestId}\n      role=\"button\"\n      tabIndex={disabled ? -1 : 0}\n      onKeyDown={(event) => {\n        if (event.key !== 'Enter' && event.key !== ' ') return;\n        event.preventDefault();\n        onOpen();\n      }}\n      aria-describedby={describedBy}\n      aria-label={copy.dropzoneRole(label)}\n    >\n      <Box sx={{ mb: 2 }}>\n        {icon || <CloudUploadOutlined sx={{ fontSize: 48, color: 'text.secondary' }} />}\n      </Box>\n      <Typography variant=\"body1\" sx={{ mb: 1 }}>\n        {label}\n      </Typography>\n      <Typography variant=\"body2\" color=\"text.secondary\">\n        {copy.dropzoneHint}\n      </Typography>\n    </Box>\n  );\n}\n\n/** MUI variant for each non-dropzone appearance. */\nconst MUI_VARIANT = { outline: 'outlined', ghost: 'text' } as const;\n\n/** The plain-button trigger. */\nexport function UploadTrigger({\n  copy,\n  label,\n  icon,\n  disabled,\n  className,\n  dataTestId,\n  describedBy,\n  onOpen,\n  variant,\n  isUploading,\n}: TriggerProps & {\n  variant: NonNullable<UploadButtonProps['variant']>;\n  isUploading: boolean;\n}): React.ReactElement {\n  const theme = useTheme();\n  return (\n    <Button\n      variant={MUI_VARIANT[variant as keyof typeof MUI_VARIANT] ?? 'contained'}\n      disabled={disabled || isUploading}\n      onClick={onOpen}\n      startIcon={icon || <AttachFileOutlined />}\n      className={className}\n      data-testid={dataTestId}\n      aria-describedby={describedBy}\n      sx={{\n        ...(variant === 'ghost' && {\n          '&:hover': { backgroundColor: alpha(theme.palette.primary.main, GHOST_HOVER_TINT) },\n        }),\n      }}\n    >\n      {isUploading ? copy.uploading : label}\n    </Button>\n  );\n}\n\n/** The screen-reader live region — drag, progress and error announcements. */\nfunction UploadAnnouncer({\n  copy,\n  announceDragOver,\n  isUploading,\n  progress,\n  error,\n}: {\n  copy: UploadButtonCopy;\n  announceDragOver: boolean;\n  isUploading: boolean;\n  progress: number;\n  error: string | null;\n}): React.ReactElement {\n  return (\n    <div\n      aria-live=\"polite\"\n      aria-atomic=\"true\"\n      className=\"sr-only\"\n      style={{\n        position: 'absolute',\n        left: '-10000px',\n        width: '1px',\n        height: '1px',\n        overflow: 'hidden',\n      }}\n    >\n      {announceDragOver && copy.dropReady}\n      {isUploading && copy.uploadInProgress(Math.round(progress))}\n      {error && copy.errorAnnouncement(error)}\n    </div>\n  );\n}\n\n/** Progress bar, helper text, error text and the live region. */\nexport function UploadFeedback({\n  copy,\n  isUploading,\n  progress,\n  helperText,\n  helperId,\n  error,\n  errorId,\n  announceDragOver,\n}: {\n  copy: UploadButtonCopy;\n  isUploading: boolean;\n  progress: number;\n  helperText?: string;\n  helperId?: string;\n  error: string | null;\n  errorId?: string;\n  announceDragOver: boolean;\n}): React.ReactElement {\n  return (\n    <>\n      {isUploading && progress > 0 && (\n        <Box sx={{ mt: 1 }}>\n          <LinearProgress variant=\"determinate\" value={progress} sx={{ borderRadius: 1 }} />\n          <Typography variant=\"caption\" sx={{ mt: 0.5, display: 'block' }}>\n            {copy.percentUploaded(Math.round(progress))}\n          </Typography>\n        </Box>\n      )}\n\n      {helperText && !error && (\n        <Typography\n          id={helperId}\n          variant=\"caption\"\n          color=\"text.secondary\"\n          sx={{ display: 'block', mt: 0.5 }}\n        >\n          {helperText}\n        </Typography>\n      )}\n\n      {error && (\n        <Typography\n          id={errorId}\n          variant=\"caption\"\n          color=\"error\"\n          sx={{ display: 'block', mt: 0.5 }}\n          role=\"alert\"\n        >\n          {error}\n        </Typography>\n      )}\n\n      <UploadAnnouncer\n        copy={copy}\n        announceDragOver={announceDragOver}\n        isUploading={isUploading}\n        progress={progress}\n        error={error}\n      />\n    </>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-AZ2KKHID.js → chunk-VF2XC76U.js}

@@ -5,7 +5,7 @@ import {
 } from "./chunk-F52N6ACD.js";
 import {
   accentFor
-} from "./chunk-3DO5MFXA.js";
+} from "./chunk-XCP5L665.js";
 
 // src/components/data-display/Sheet/Sheet.styles.ts
 import { alpha } from "@mui/material/styles/index.js";
@@ -188,4 +188,4 @@ var panelSx = (input) => {
 export {
   panelSx
 };
-//# sourceMappingURL=chunk-AZ2KKHID.js.map
+//# sourceMappingURL=chunk-VF2XC76U.js.map

package/dist/{chunk-T5MOGJ56.js → chunk-VQBINZB7.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-HPK33ACY.js";
 import {
   accentFor
-} from "./chunk-3DO5MFXA.js";
+} from "./chunk-XCP5L665.js";
 import {
   muiSize
 } from "./chunk-7ZPUN7TV.js";
@@ -319,4 +319,4 @@ export {
   CarouselArrows,
   CarouselThumbnails
 };
-//# sourceMappingURL=chunk-T5MOGJ56.js.map
+//# sourceMappingURL=chunk-VQBINZB7.js.map

package/dist/{chunk-V3WWNKHU.js → chunk-W7HSGZGW.js}

@@ -1,15 +1,15 @@
+import {
+  CarouselTrack
+} from "./chunk-WIXUMFU7.js";
 import {
   useCarouselNavigation
 } from "./chunk-RUIV5TVA.js";
 import {
   CarouselChrome
-} from "./chunk-A2QZXV2K.js";
+} from "./chunk-4YMIQ5DM.js";
 import {
   containerStyles
-} from "./chunk-ENUWZ3HW.js";
-import {
-  CarouselTrack
-} from "./chunk-WIXUMFU7.js";
+} from "./chunk-EEAQBPOW.js";
 import {
   withDefaults
 } from "./chunk-HPK33ACY.js";
@@ -152,4 +152,4 @@ var Carousel = (props) => {
 export {
   Carousel
 };
-//# sourceMappingURL=chunk-V3WWNKHU.js.map
+//# sourceMappingURL=chunk-W7HSGZGW.js.map

package/dist/{chunk-T53L42XW.js → chunk-WJH743NG.js}

@@ -1,27 +1,27 @@
 import {
   resolveLightboxProps
 } from "./chunk-UOS7DEQZ.js";
+import {
+  LightboxThumbnails
+} from "./chunk-Q725MACF.js";
 import {
   LightboxStage
 } from "./chunk-EUHVBR3J.js";
 import {
   LightboxOverlay
-} from "./chunk-X4GALW6I.js";
+} from "./chunk-GJKBWVU2.js";
 import {
   LightboxCurrentMedia
 } from "./chunk-2DWBJJK6.js";
 import {
   useLightbox
 } from "./chunk-3EYRRVNT.js";
-import {
-  LightboxCopyProvider
-} from "./chunk-TEQYTEM2.js";
-import {
-  LightboxThumbnails
-} from "./chunk-Q725MACF.js";
 import {
   makeTestId
 } from "./chunk-56SJYTIT.js";
+import {
+  LightboxCopyProvider
+} from "./chunk-TEQYTEM2.js";
 
 // src/components/data-display/Lightbox/Lightbox.tsx
 import Dialog from "@mui/material/Dialog/index.js";
@@ -128,4 +128,4 @@ export {
   Lightbox,
   Lightbox_default
 };
-//# sourceMappingURL=chunk-T53L42XW.js.map
+//# sourceMappingURL=chunk-WJH743NG.js.map

package/dist/{chunk-6ZZNV2PA.js → chunk-X2IJI2BG.js}

@@ -4,7 +4,7 @@ import {
 import {
   Dialog,
   DialogContent
-} from "./chunk-D6HDJVQW.js";
+} from "./chunk-O4PKQ46C.js";
 import {
   default as default2
 } from "./chunk-WEBEOBN5.js";
@@ -69,4 +69,4 @@ function DeleteViewDialog({
 export {
   DeleteViewDialog
 };
-//# sourceMappingURL=chunk-6ZZNV2PA.js.map
+//# sourceMappingURL=chunk-X2IJI2BG.js.map

package/dist/{chunk-7NFRTAEU.js → chunk-X2QLWUND.js}

@@ -6,7 +6,7 @@ import {
   labelStyles,
   sizeStyles,
   textColor
-} from "./chunk-TN55JKIU.js";
+} from "./chunk-XI2BXMBX.js";
 import {
   withDefaults
 } from "./chunk-HPK33ACY.js";
@@ -142,4 +142,4 @@ Label.displayName = "Label";
 export {
   Label
 };
-//# sourceMappingURL=chunk-7NFRTAEU.js.map
+//# sourceMappingURL=chunk-X2QLWUND.js.map

package/dist/{chunk-3DO5MFXA.js → chunk-XCP5L665.js}

@@ -19,4 +19,4 @@ function accentFor(theme, color) {
 export {
   accentFor
 };
-//# sourceMappingURL=chunk-3DO5MFXA.js.map
+//# sourceMappingURL=chunk-XCP5L665.js.map

package/dist/chunk-XCP5L665.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/tokens/scales.ts"],"sourcesContent":["import type { Theme } from '@mui/material/styles/index.js';\n\nimport type { ColorValue, MuiColor } from './vocabulary';\n\n/**\n * `@12-apps/ui/tokens` keeps its whole surface here. The vocabulary itself —\n * the size and colour unions and their runtime lists — lives in\n * `./vocabulary`, which imports nothing, so the native renderer can read it\n * without this file's MUI `Theme` import following it into `dist/types-native`.\n */\nexport * from './vocabulary';\nexport { headingMetrics } from './typography';\n// The renderer-neutral theme and the colour arithmetic behind it, so a web\n// host can build a `UiTheme` from the same module path a native one does.\nexport * from './theme';\nexport * from './color';\n// The relative-size vocabulary every component writes its sizes in (FUT-2585).\nexport { rem, rems, remPx, resetRootFontCache, sxRem } from './relative';\nexport { DEFAULT_FIELD_RADIUS, fieldRadius, fieldRadiusOverrides, fieldRadiusPx, fieldRootStyles } from './field-radius';\nexport {\n  asFieldSize,\n  DEFAULT_FIELD_HEIGHT,\n  FIELD_BORDER_WIDTH,\n  FIELD_HEIGHT_SCALE,\n  fieldBorder,\n  fieldControlStyles,\n  fieldHeight,\n  fieldHeightOverrides,\n  fieldHeightPx,\n  fieldHeightRem,\n  fieldOverrides,\n  fieldTextFieldStyles,\n} from './field-height';\n\nexport interface Accent {\n  main: string;\n  light: string;\n  dark: string;\n  contrastText: string;\n}\n\nexport function accentFor(theme: Theme, color: ColorValue): Accent {\n  if (color === 'neutral') {\n    const grey = theme.palette.grey;\n    return {\n      // Explicit fallbacks: the ramp is indexed, and under\n      // `noUncheckedIndexedAccess` every stop is `string | undefined`.\n      main: grey[600] ?? '#757575',\n      light: grey[400] ?? '#bdbdbd',\n      dark: grey[800] ?? '#424242',\n      // Grey 600 carries white text in both themes.\n      contrastText: '#fff',\n    };\n  }\n  // Past the `neutral` return, `paletteKey` can only produce a `MuiColor` — but\n  // its signature still admits `'grey'`, and TS cannot narrow a return type by\n  // the argument. Naming the key here keeps the accent branch honestly typed\n  // instead of casting the hole shut.\n  const key: MuiColor = color === 'danger' ? 'error' : color;\n  return theme.palette[key];\n}\n"],"mappings":";AAyCO,SAAS,UAAU,OAAc,OAA2B;AACjE,MAAI,UAAU,WAAW;AACvB,UAAM,OAAO,MAAM,QAAQ;AAC3B,WAAO;AAAA;AAAA;AAAA,MAGL,MAAM,KAAK,GAAG,KAAK;AAAA,MACnB,OAAO,KAAK,GAAG,KAAK;AAAA,MACpB,MAAM,KAAK,GAAG,KAAK;AAAA;AAAA,MAEnB,cAAc;AAAA,IAChB;AAAA,EACF;AAKA,QAAM,MAAgB,UAAU,WAAW,UAAU;AACrD,SAAO,MAAM,QAAQ,GAAG;AAC1B;","names":[]}

package/dist/{chunk-TN55JKIU.js → chunk-XI2BXMBX.js}

@@ -1,6 +1,6 @@
 import {
   accentFor
-} from "./chunk-3DO5MFXA.js";
+} from "./chunk-XCP5L665.js";
 
 // src/components/form/Label/Label.styles.ts
 import { alpha } from "@mui/material/styles/index.js";
@@ -143,4 +143,4 @@ export {
   labelStyles,
   SR_ONLY_SX
 };
-//# sourceMappingURL=chunk-TN55JKIU.js.map
+//# sourceMappingURL=chunk-XI2BXMBX.js.map

package/dist/{chunk-TTW4MAOJ.js → chunk-XPOQZI5X.js}

@@ -1,3 +1,6 @@
+import {
+  useDataGridModel
+} from "./chunk-DLJGBJZW.js";
 import {
   GridBody,
   GridHeader
@@ -7,9 +10,6 @@ import {
   DataGridError,
   DataGridLoading
 } from "./chunk-5E3XZAED.js";
-import {
-  useDataGridModel
-} from "./chunk-DLJGBJZW.js";
 
 // src/components/data-display/DataGrid/DataGrid.tsx
 import Paper from "@mui/material/Paper/index.js";
@@ -117,4 +117,4 @@ export {
   DataGrid,
   GRID_ONLY_PROPS
 };
-//# sourceMappingURL=chunk-TTW4MAOJ.js.map
+//# sourceMappingURL=chunk-XPOQZI5X.js.map

package/dist/{chunk-H3TNIGMI.js → chunk-XYXTEGIM.js}

@@ -1,6 +1,6 @@
 import {
   GridToolbar
-} from "./chunk-XM6WEANW.js";
+} from "./chunk-ZNJ4RLZT.js";
 
 // src/components/data-display/DataViews/data-views-shell-toolbar.tsx
 import { jsx } from "react/jsx-runtime";
@@ -64,4 +64,4 @@ function ShellToolbar({
 export {
   ShellToolbar
 };
-//# sourceMappingURL=chunk-H3TNIGMI.js.map
+//# sourceMappingURL=chunk-XYXTEGIM.js.map

package/dist/{chunk-GLWW2XCP.js → chunk-YJ4HM25H.js}

@@ -5,7 +5,7 @@ import {
 } from "./chunk-WR7ELCIL.js";
 import {
   Skeleton
-} from "./chunk-YD77RANW.js";
+} from "./chunk-7VN7LFBA.js";
 
 // src/components/data-display/LazyImage/LazyImage.tsx
 import Box from "@mui/material/Box/index.js";
@@ -195,4 +195,4 @@ LazyImage.displayName = "LazyImage";
 export {
   LazyImage
 };
-//# sourceMappingURL=chunk-GLWW2XCP.js.map
+//# sourceMappingURL=chunk-YJ4HM25H.js.map

package/dist/chunk-YKCAJ2TN.js

@@ -0,0 +1,47 @@
+// src/tokens/relative.ts
+function rem(theme, px) {
+  return theme.typography.pxToRem(px);
+}
+function sxRem(px) {
+  return (theme) => rem(theme, px);
+}
+function rems(theme, ...px) {
+  return px.map((value) => value === 0 ? "0" : rem(theme, value)).join(" ");
+}
+var FALLBACK_ROOT_PX = 16;
+var rootPxCache = null;
+var watchingRoot = false;
+function resetRootFontCache() {
+  rootPxCache = null;
+}
+function watchRoot() {
+  if (watchingRoot || typeof MutationObserver === "undefined") return;
+  watchingRoot = true;
+  new MutationObserver(resetRootFontCache).observe(document.documentElement, {
+    attributes: true,
+    attributeFilter: ["style", "class"]
+  });
+  if (typeof window !== "undefined") window.addEventListener("resize", resetRootFontCache);
+}
+function rootFontPx(theme) {
+  if (rootPxCache !== null) return rootPxCache;
+  const fallback = theme.typography.htmlFontSize ?? FALLBACK_ROOT_PX;
+  if (typeof document === "undefined" || typeof getComputedStyle !== "function") return fallback;
+  const measured = Number.parseFloat(getComputedStyle(document.documentElement).fontSize);
+  if (!(Number.isFinite(measured) && measured > 0)) return fallback;
+  rootPxCache = measured;
+  watchRoot();
+  return measured;
+}
+function remPx(theme, px) {
+  return Number.parseFloat(rem(theme, px)) * rootFontPx(theme);
+}
+
+export {
+  rem,
+  sxRem,
+  rems,
+  resetRootFontCache,
+  remPx
+};
+//# sourceMappingURL=chunk-YKCAJ2TN.js.map

package/dist/chunk-YKCAJ2TN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/tokens/relative.ts"],"sourcesContent":["import type { Theme } from '@mui/material/styles/index.js';\n\n/**\n * THE ONE WAY A COMPONENT WRITES A SIZE (FUT-2585).\n *\n * A density mode — a compact admin, a roomy kiosk — is one decision taken in\n * the theme, and it only works if every size a component draws is RELATIVE to\n * something the theme owns. Before this file the package said the same number\n * four ways: `'14px'`, `'0.875rem'`, `fontSize: 14` and `px(14)` from a\n * `*.metrics.ts` table, and none of the four moved with the theme. The audit\n * that opened FUT-2585 counted 1,269 `NNpx` literals, 246 hand-typed `rem`\n * literals and 24 reads of `theme.typography`.\n *\n * So there is one vocabulary: the px a design was drawn at, handed to the\n * theme's own type scale. `rem(theme, 14)` is `theme.typography.pxToRem(14)` —\n * `0.875rem` at MUI's defaults, which is what the origin host's theme\n * runs on, so converting a literal changes nothing on screen. A host that sets\n * `typography.fontSize` scales every size written through it (MUI multiplies\n * by `fontSize / 14`), and so does a reader who raises the browser's base font\n * — the rule the field height already follows (`./field-height.core.ts`).\n * `htmlFontSize` is not a knob: it DECLARES what the root already is. Values\n * that are relative another way stay so — `sx` spacing units and\n * `theme.spacing()` follow the spacing unit — so a density mode sets the type\n * scale, the spacing unit and `fieldHeight` together.\n *\n * Everything goes through it — font sizes, heights, widths, padding, offsets,\n * radii, shadow offsets, blurs and keyframe distances — because a density mode\n * that shrinks the box but not its shadow, or the text but not the gap beside\n * it, is visibly half-applied. The one literal left is the 1px hairline\n * border, which must stay one device pixel (`FIELD_BORDER_WIDTH`).\n *\n * `scripts/ui-tokens-gate.mjs` refuses a raw size or colour in a component, so\n * this is enforced rather than hoped for.\n */\n\n/** A size drawn at `px` in the design, as rem through the theme's type scale. */\nexport function rem(theme: Theme, px: number): string {\n  return theme.typography.pxToRem(px);\n}\n\n/**\n * {@link rem} as an `sx` value: `sx={{ width: sxRem(40) }}`.\n *\n * `sx` reads a NUMBER on `width` as pixels and on `padding` as spacing units,\n * so a bare number there is never density-safe; a theme callback is.\n */\nexport function sxRem(px: number): (theme: Theme) => string {\n  return (theme) => rem(theme, px);\n}\n\n/** A length list (`'0 8px 32px'`-shaped) with every entry through {@link rem}. */\nexport function rems(theme: Theme, ...px: number[]): string {\n  return px.map((value) => (value === 0 ? '0' : rem(theme, value))).join(' ');\n}\n\nconst FALLBACK_ROOT_PX = 16;\nlet rootPxCache: number | null = null;\nlet watchingRoot = false;\n\n/** Forget the measured root font size — for a test, or a host that changes it at runtime. */\nexport function resetRootFontCache(): void {\n  rootPxCache = null;\n}\n\n/**\n * Drop the cache whenever the root's own style or class changes (a host\n * toggling `html { font-size }` for a density) or the window resizes (a\n * viewport-relative root). A browser-setting change is not observable from the\n * page; it takes a reload, as it does for everything else measured in px.\n */\nfunction watchRoot(): void {\n  if (watchingRoot || typeof MutationObserver === 'undefined') return;\n  watchingRoot = true;\n  new MutationObserver(resetRootFontCache).observe(document.documentElement, {\n    attributes: true,\n    attributeFilter: ['style', 'class'],\n  });\n  if (typeof window !== 'undefined') window.addEventListener('resize', resetRootFontCache);\n}\n\n/**\n * The document's root font size in px — what `1rem` actually renders at.\n * Without a document (server render) it is the theme's declared\n * `htmlFontSize`; a failed measurement is not cached, so a later call can\n * still measure.\n */\nfunction rootFontPx(theme: Theme): number {\n  if (rootPxCache !== null) return rootPxCache;\n  const fallback = theme.typography.htmlFontSize ?? FALLBACK_ROOT_PX;\n  if (typeof document === 'undefined' || typeof getComputedStyle !== 'function') return fallback;\n  const measured = Number.parseFloat(getComputedStyle(document.documentElement).fontSize);\n  if (!(Number.isFinite(measured) && measured > 0)) return fallback;\n  rootPxCache = measured;\n  watchRoot();\n  return measured;\n}\n\n/**\n * The pixels `rem(theme, px)` renders at, for layout that is computed in\n * JavaScript — a virtualiser's row height, an overflow cost table, a cell size.\n *\n * CSS and JS have to agree: a virtualiser that still assumes 52px rows while\n * the rows it positions have shrunk to 45 leaves a gap under every one of them.\n */\nexport function remPx(theme: Theme, px: number): number {\n  return Number.parseFloat(rem(theme, px)) * rootFontPx(theme);\n}\n"],"mappings":";AAoCO,SAAS,IAAI,OAAc,IAAoB;AACpD,SAAO,MAAM,WAAW,QAAQ,EAAE;AACpC;AAQO,SAAS,MAAM,IAAsC;AAC1D,SAAO,CAAC,UAAU,IAAI,OAAO,EAAE;AACjC;AAGO,SAAS,KAAK,UAAiB,IAAsB;AAC1D,SAAO,GAAG,IAAI,CAAC,UAAW,UAAU,IAAI,MAAM,IAAI,OAAO,KAAK,CAAE,EAAE,KAAK,GAAG;AAC5E;AAEA,IAAM,mBAAmB;AACzB,IAAI,cAA6B;AACjC,IAAI,eAAe;AAGZ,SAAS,qBAA2B;AACzC,gBAAc;AAChB;AAQA,SAAS,YAAkB;AACzB,MAAI,gBAAgB,OAAO,qBAAqB,YAAa;AAC7D,iBAAe;AACf,MAAI,iBAAiB,kBAAkB,EAAE,QAAQ,SAAS,iBAAiB;AAAA,IACzE,YAAY;AAAA,IACZ,iBAAiB,CAAC,SAAS,OAAO;AAAA,EACpC,CAAC;AACD,MAAI,OAAO,WAAW,YAAa,QAAO,iBAAiB,UAAU,kBAAkB;AACzF;AAQA,SAAS,WAAW,OAAsB;AACxC,MAAI,gBAAgB,KAAM,QAAO;AACjC,QAAM,WAAW,MAAM,WAAW,gBAAgB;AAClD,MAAI,OAAO,aAAa,eAAe,OAAO,qBAAqB,WAAY,QAAO;AACtF,QAAM,WAAW,OAAO,WAAW,iBAAiB,SAAS,eAAe,EAAE,QAAQ;AACtF,MAAI,EAAE,OAAO,SAAS,QAAQ,KAAK,WAAW,GAAI,QAAO;AACzD,gBAAc;AACd,YAAU;AACV,SAAO;AACT;AASO,SAAS,MAAM,OAAc,IAAoB;AACtD,SAAO,OAAO,WAAW,IAAI,OAAO,EAAE,CAAC,IAAI,WAAW,KAAK;AAC7D;","names":[]}

package/dist/{chunk-2UYR2OOE.js → chunk-YRUCIKPO.js}

@@ -3,13 +3,13 @@ import {
   modalAriaIds,
   resolveModalContent
 } from "./chunk-JN3PGXRJ.js";
-import {
-  usePanelChrome
-} from "./chunk-G3QKH23Y.js";
 import {
   STYLE_ONLY_PROPS,
   dialogRootStyles
 } from "./chunk-SMCLG2RA.js";
+import {
+  usePanelChrome
+} from "./chunk-G3QKH23Y.js";
 
 // src/components/feedback/StackedModal/StackedModal.tsx
 import Dialog from "@mui/material/Dialog/index.js";
@@ -156,4 +156,4 @@ var StackedModal = (props) => {
 export {
   StackedModal
 };
-//# sourceMappingURL=chunk-2UYR2OOE.js.map
+//# sourceMappingURL=chunk-YRUCIKPO.js.map

package/dist/{chunk-5SBJO37T.js → chunk-ZA4U5GDU.js}

@@ -3,10 +3,10 @@ import {
 } from "./chunk-JIKWZDNK.js";
 import {
   LoadingState
-} from "./chunk-DVEYD27F.js";
+} from "./chunk-JXNT5TUP.js";
 import {
   EmptyState
-} from "./chunk-HTZYFGYE.js";
+} from "./chunk-25R3ITGZ.js";
 
 // src/components/data-display/AsyncStateContainer/AsyncStateContainer.tsx
 import Box from "@mui/material/Box/index.js";
@@ -65,4 +65,4 @@ export {
   AsyncStateContainer,
   AsyncStateContainer_default
 };
-//# sourceMappingURL=chunk-5SBJO37T.js.map
+//# sourceMappingURL=chunk-ZA4U5GDU.js.map

package/dist/{chunk-XM6WEANW.js → chunk-ZNJ4RLZT.js}

@@ -10,12 +10,12 @@ import {
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
-import {
-  FilterTrigger
-} from "./chunk-JLWAYBOP.js";
 import {
   ContentToolbar
 } from "./chunk-SZB2Z6QN.js";
+import {
+  FilterTrigger
+} from "./chunk-JLWAYBOP.js";
 import {
   default as default2
 } from "./chunk-6DPAWXZ3.js";
@@ -133,4 +133,4 @@ function GridToolbar(props) {
 export {
   GridToolbar
 };
-//# sourceMappingURL=chunk-XM6WEANW.js.map
+//# sourceMappingURL=chunk-ZNJ4RLZT.js.map

package/dist/data-display/AsyncStateContainer.js

@@ -1,19 +1,19 @@
 import "../chunk-SX3E6UC2.js";
 import {
   AsyncStateContainer
-} from "../chunk-5SBJO37T.js";
+} from "../chunk-ZA4U5GDU.js";
 import "../chunk-JIKWZDNK.js";
 import "../chunk-TLGGVE56.js";
-import "../chunk-DVEYD27F.js";
+import "../chunk-JXNT5TUP.js";
 import "../chunk-7DFEKTT7.js";
 import "../chunk-YSTHOE66.js";
-import "../chunk-YD77RANW.js";
+import "../chunk-7VN7LFBA.js";
+import "../chunk-7WDPC46N.js";
 import "../chunk-ZOW2CCMO.js";
 import "../chunk-BRMGHMYB.js";
-import "../chunk-7WDPC46N.js";
-import "../chunk-HTZYFGYE.js";
-import "../chunk-MWFSIB6K.js";
+import "../chunk-25R3ITGZ.js";
 import "../chunk-RKCS6K36.js";
+import "../chunk-MWFSIB6K.js";
 import "../chunk-TYJR4GOF.js";
 import "../chunk-7ZPUN7TV.js";
 import "../chunk-FZXKH2ZT.js";

package/dist/data-display/CardKit.js

@@ -3,10 +3,14 @@ import {
 } from "../chunk-LWLVWM34.js";
 import {
   useRowConfirm
-} from "../chunk-SJIBPRPB.js";
+} from "../chunk-3T2I6BYA.js";
 import {
   useRemoveConfirm
-} from "../chunk-BM4LH7VQ.js";
+} from "../chunk-7N4V3ARN.js";
+import {
+  CardActionsProvider,
+  useCardActions
+} from "../chunk-RGMSTQ2J.js";
 import {
   rowActionsToMenuItems
 } from "../chunk-ZBXG6RVJ.js";
@@ -17,18 +21,14 @@ import {
   Ledger,
   TagList
 } from "../chunk-DJEGLKW3.js";
-import {
-  CardActionsProvider,
-  useCardActions
-} from "../chunk-RGMSTQ2J.js";
 import "../chunk-WVML3ENZ.js";
 import "../chunk-IDHZHOZW.js";
 import "../chunk-XCBQXSTR.js";
-import "../chunk-XO27IMBE.js";
-import "../chunk-AZUFGKMQ.js";
-import "../chunk-EIGELK2H.js";
-import "../chunk-EMYESBIT.js";
+import "../chunk-QWCMLOYC.js";
+import "../chunk-HJOABXKN.js";
+import "../chunk-3P4THDBM.js";
 import "../chunk-QQS3GQYS.js";
+import "../chunk-EMYESBIT.js";
 import "../chunk-NUGT7LMR.js";
 import "../chunk-RGKGBYT2.js";
 import "../chunk-DO3UNZAU.js";

package/dist/data-display/Carousel.js

@@ -1,18 +1,19 @@
 import "../chunk-62FET2BM.js";
 import {
   Carousel
-} from "../chunk-V3WWNKHU.js";
+} from "../chunk-W7HSGZGW.js";
+import "../chunk-WIXUMFU7.js";
 import "../chunk-RUIV5TVA.js";
-import "../chunk-A2QZXV2K.js";
+import "../chunk-4YMIQ5DM.js";
 import {
   CarouselArrows,
   CarouselIndicators,
   CarouselThumbnails
-} from "../chunk-T5MOGJ56.js";
-import "../chunk-ENUWZ3HW.js";
-import "../chunk-WIXUMFU7.js";
+} from "../chunk-VQBINZB7.js";
+import "../chunk-EEAQBPOW.js";
 import "../chunk-HPK33ACY.js";
-import "../chunk-3DO5MFXA.js";
+import "../chunk-XCP5L665.js";
+import "../chunk-YKCAJ2TN.js";
 import "../chunk-7ZPUN7TV.js";
 import "../chunk-PT6TCWIW.js";
 import "../chunk-CGO452DC.js";

package/dist/data-display/Chart.js

@@ -1,10 +1,10 @@
 import "../chunk-5KLSLD72.js";
 import {
   SpecChart
-} from "../chunk-Q2GZMDZL.js";
+} from "../chunk-JO5GSRYQ.js";
 import {
   Chart
-} from "../chunk-YCNKH5P6.js";
+} from "../chunk-56MKBXSH.js";
 import {
   CHART_SEMANTIC_COLORS,
   ChartSpecError,
@@ -16,7 +16,7 @@ import {
   getRegisteredChartSpecTypes,
   registerChartSpecRenderer
 } from "../chunk-WKUA6P3W.js";
-import "../chunk-GSWDQ3ZX.js";
+import "../chunk-UMQN3BVV.js";
 import {
   ChartContainer,
   ChartLegend,
@@ -28,10 +28,11 @@ import {
   chartValueFormatter,
   formatChartValue
 } from "../chunk-QVWNK4JO.js";
-import "../chunk-HZXCTLNI.js";
-import "../chunk-C5WSPGMP.js";
+import "../chunk-3IYB3XY2.js";
+import "../chunk-MDR4WJOV.js";
 import "../chunk-4V532JF6.js";
-import "../chunk-3DO5MFXA.js";
+import "../chunk-XCP5L665.js";
+import "../chunk-YKCAJ2TN.js";
 import "../chunk-7ZPUN7TV.js";
 import "../chunk-PT6TCWIW.js";
 import "../chunk-CGO452DC.js";

package/dist/data-display/DataGrid.js

@@ -1,11 +1,11 @@
 import "../chunk-L5CPOEDP.js";
 import {
   DataGrid
-} from "../chunk-TTW4MAOJ.js";
+} from "../chunk-XPOQZI5X.js";
+import "../chunk-DLJGBJZW.js";
 import "../chunk-HTZNB6IV.js";
 import "../chunk-AROBXRC5.js";
 import "../chunk-5E3XZAED.js";
-import "../chunk-DLJGBJZW.js";
 import "../chunk-G3E66C6J.js";
 import "../chunk-PZ5AY32C.js";
 export {