@12-apps/ui 6.32.0 → 6.33.0

package/dist/{chunk-HEVST4CS.js → chunk-SGGDMTKP.js}

@@ -1,6 +1,6 @@
 import {
   usePhoneInput
-} from "./chunk-BGYLL467.js";
+} from "./chunk-TXHJX2NG.js";
 import {
   countries
 } from "./chunk-3JDP5OUR.js";
@@ -344,4 +344,4 @@ export {
   PhoneInput,
   PhoneInput_default
 };
-//# sourceMappingURL=chunk-HEVST4CS.js.map
+//# sourceMappingURL=chunk-SGGDMTKP.js.map

package/dist/{chunk-4D7YIU34.js → chunk-THM3HCMU.js}

@@ -1,19 +1,19 @@
-import {
-  DataViewsGrid
-} from "./chunk-IGAXQRRZ.js";
 import {
   DeleteViewDialog
-} from "./chunk-6ZZNV2PA.js";
+} from "./chunk-R5XB2SCN.js";
+import {
+  DataViewsGrid
+} from "./chunk-PLEZDLVU.js";
 import {
   viewStateKey
 } from "./chunk-ZOLAYP2D.js";
 import {
   ViewDialogs,
   ViewMutationErrorAlert
-} from "./chunk-7MM2I34E.js";
+} from "./chunk-LVRH5CGR.js";
 import {
   useSavedViewsController
-} from "./chunk-3AOOI2NR.js";
+} from "./chunk-HR7YTBR7.js";
 
 // src/components/data-display/DataViews/DataViewsTableBase.tsx
 import { useEffect, useMemo, useRef, useState } from "react";
@@ -178,4 +178,4 @@ function renderViewDialogs(ctl, fields, columns, views, testIdPrefix, onSaved) {
 export {
   DataViewsTableBase
 };
-//# sourceMappingURL=chunk-4D7YIU34.js.map
+//# sourceMappingURL=chunk-THM3HCMU.js.map

package/dist/{chunk-H4NWU2ZN.js → chunk-TK36COCP.js}

@@ -1,6 +1,6 @@
 import {
   uiThemeFromMui
-} from "./chunk-2DJIS2WQ.js";
+} from "./chunk-KCBAPMLH.js";
 
 // src/provider/use-ui-theme.ts
 import { useTheme } from "@mui/material/styles/index.js";
@@ -13,4 +13,4 @@ function useUiTheme() {
 export {
   useUiTheme
 };
-//# sourceMappingURL=chunk-H4NWU2ZN.js.map
+//# sourceMappingURL=chunk-TK36COCP.js.map

package/dist/{chunk-5NH24MF5.js → chunk-TUYN6XZI.js}

@@ -1,6 +1,9 @@
+import {
+  CepField
+} from "./chunk-2SKNSQCP.js";
 import {
   CategoryField
-} from "./chunk-DAQ2ZDU2.js";
+} from "./chunk-LE7IHEU4.js";
 import {
   ToggleField
 } from "./chunk-KAPKMVKR.js";
@@ -10,9 +13,6 @@ import {
 import {
   SelectField
 } from "./chunk-65JHGT5F.js";
-import {
-  CepField
-} from "./chunk-2SKNSQCP.js";
 import {
   __export
 } from "./chunk-PZ5AY32C.js";
@@ -30,4 +30,4 @@ __export(Fields_exports, {
 export {
   Fields_exports
 };
-//# sourceMappingURL=chunk-5NH24MF5.js.map
+//# sourceMappingURL=chunk-TUYN6XZI.js.map

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-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-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-5U4SJ2DA.js → chunk-Y6JDIPV7.js}

@@ -1,15 +1,15 @@
 import {
   Sheet
-} from "./chunk-B4BU5CS6.js";
+} from "./chunk-LZHXF66R.js";
 import {
   Dialog
-} from "./chunk-D6HDJVQW.js";
+} from "./chunk-YANLN6HP.js";
 import {
   Button
 } from "./chunk-6MDBMCFK.js";
 import {
   accentFor
-} from "./chunk-3DO5MFXA.js";
+} from "./chunk-XCP5L665.js";
 
 // src/components/navigation/AppHeader/AppHeader.details.tsx
 import Box from "@mui/material/Box/index.js";
@@ -162,4 +162,4 @@ AppHeaderDetails.displayName = "AppHeaderDetails";
 export {
   AppHeaderDetails
 };
-//# sourceMappingURL=chunk-5U4SJ2DA.js.map
+//# sourceMappingURL=chunk-Y6JDIPV7.js.map

package/dist/{chunk-D6HDJVQW.js → chunk-YANLN6HP.js}

@@ -1,7 +1,3 @@
-import {
-  hasSpacingSlot,
-  withDialogDefaults
-} from "./chunk-GYXUCS37.js";
 import {
   backdropSxOf,
   variantStylesOf
@@ -14,6 +10,10 @@ import {
   DIALOG_TITLE,
   DIALOG_TITLED_BODY_PADDING_TOP_UNITS
 } from "./chunk-VM3HRSAU.js";
+import {
+  hasSpacingSlot,
+  withDialogDefaults
+} from "./chunk-GYXUCS37.js";
 import {
   childTestId,
   resolveTestId,
@@ -259,4 +259,4 @@ export {
   DialogContent,
   DialogActions
 };
-//# sourceMappingURL=chunk-D6HDJVQW.js.map
+//# sourceMappingURL=chunk-YANLN6HP.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";