@12-apps/ui 6.17.0 → 6.18.0

package/dist/chunk-V5IOLAIS.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\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":";AAwBO,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-WR6F6J43.js → chunk-V662PA6T.js}

@@ -8,16 +8,16 @@ import {
   metaShape,
   rowStyles,
   useRowShell
-} from "./chunk-6CBYPMYQ.js";
+} from "./chunk-4R2CDZOQ.js";
+import {
+  useDisclosure
+} from "./chunk-2JCRNWHE.js";
 import {
   ListCardActions,
   ListCardCaption,
   ListCardMeta,
   ListCardTail
-} from "./chunk-7HPPUO2A.js";
-import {
-  useDisclosure
-} from "./chunk-2JCRNWHE.js";
+} from "./chunk-DQHC5P64.js";
 import {
   DropIndicator
 } from "./chunk-JCJGJX7V.js";
@@ -179,4 +179,4 @@ function BaseListCard(props) {
 export {
   BaseListCard
 };
-//# sourceMappingURL=chunk-WR6F6J43.js.map
+//# sourceMappingURL=chunk-V662PA6T.js.map

package/dist/{chunk-VJKRJYZL.js → chunk-VEFDL77X.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-HJOABXKN.js";
 import {
   Button
-} from "./chunk-IAQFQNBL.js";
+} from "./chunk-24BUCMQA.js";
 
 // src/components/feedback/ConfirmAction/ConfirmButton.tsx
 function createConfirmButton(copy, errorText) {
@@ -18,4 +18,4 @@ function createConfirmButton(copy, errorText) {
 export {
   createConfirmButton
 };
-//# sourceMappingURL=chunk-VJKRJYZL.js.map
+//# sourceMappingURL=chunk-VEFDL77X.js.map

package/dist/{chunk-GT7C6TSM.js → chunk-VNEEXUWA.js}

@@ -1,9 +1,9 @@
 import {
   NavigationMegaSection
-} from "./chunk-RRX6ZTNX.js";
+} from "./chunk-UEJQQVP2.js";
 import {
   NavigationStandardBody
-} from "./chunk-ZDWU52DJ.js";
+} from "./chunk-7AR2R7TV.js";
 import {
   LogoBar,
   NavigationShell
@@ -167,4 +167,4 @@ NavigationMenu.displayName = "NavigationMenu";
 export {
   NavigationMenu
 };
-//# sourceMappingURL=chunk-GT7C6TSM.js.map
+//# sourceMappingURL=chunk-VNEEXUWA.js.map

package/dist/{chunk-N34YHFZW.js → chunk-W2YNUUVJ.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-H37GIAAM.js";
 import {
   accentFor
-} from "./chunk-I6PZVHIT.js";
+} from "./chunk-V5IOLAIS.js";
 
 // src/components/navigation/AppHeader/AppHeader.identity.tsx
 import KeyboardArrowDown from "@mui/icons-material/KeyboardArrowDown";
@@ -200,4 +200,4 @@ export {
   AppHeaderStatus,
   AppHeaderIdentity
 };
-//# sourceMappingURL=chunk-N34YHFZW.js.map
+//# sourceMappingURL=chunk-W2YNUUVJ.js.map

package/dist/{chunk-N4WANJI3.js → chunk-WBVHRLIS.js}

@@ -1,6 +1,3 @@
-import {
-  highlightSegments
-} from "./chunk-LR6MSKTT.js";
 import {
   CheckGlyph,
   DisclosureGlyph
@@ -17,6 +14,9 @@ import {
   rowSx,
   sectionHeadSx
 } from "./chunk-FCOEJCUP.js";
+import {
+  highlightSegments
+} from "./chunk-LR6MSKTT.js";
 
 // src/components/form/CategorySelect/CategoryRows.tsx
 import Box from "@mui/material/Box/index.js";
@@ -170,4 +170,4 @@ export {
   SubcategoryRow,
   CategorySectionHeading
 };
-//# sourceMappingURL=chunk-N4WANJI3.js.map
+//# sourceMappingURL=chunk-WBVHRLIS.js.map

package/dist/{chunk-MHFJBNDP.js → chunk-WO52KYSU.js}

@@ -1,24 +1,24 @@
-import {
-  CategoryMultiFoot,
-  CategorySingleFoot
-} from "./chunk-PU3AAKRR.js";
 import {
   CategoryQuickActions
 } from "./chunk-ZUIJ3N7N.js";
 import {
   CategoryPanelList
-} from "./chunk-KSF7TLXH.js";
+} from "./chunk-NHSMLVNC.js";
 import {
   CategoryPanelHead,
   CategoryPinnedTray
 } from "./chunk-GGE7Y53F.js";
 import {
-  removeChip
-} from "./chunk-LR6MSKTT.js";
+  CategoryMultiFoot,
+  CategorySingleFoot
+} from "./chunk-PU3AAKRR.js";
 import {
   panelSx,
   sheetSx
 } from "./chunk-FCOEJCUP.js";
+import {
+  removeChip
+} from "./chunk-LR6MSKTT.js";
 
 // src/components/form/CategorySelect/CategoryPanel.tsx
 import Box from "@mui/material/Box/index.js";
@@ -155,4 +155,4 @@ function PanelFooter({
 export {
   CategoryPanel
 };
-//# sourceMappingURL=chunk-MHFJBNDP.js.map
+//# sourceMappingURL=chunk-WO52KYSU.js.map

package/dist/{chunk-ENK4XGKF.js → chunk-WUPVHIMD.js}

@@ -1,6 +1,6 @@
 import {
   PillControl
-} from "./chunk-O3OU2PPT.js";
+} from "./chunk-UQHJQ26Y.js";
 import {
   PanelRangeField
 } from "./chunk-QZBUGUOY.js";
@@ -154,4 +154,4 @@ export {
   GridFilterPanel,
   FilterDialog
 };
-//# sourceMappingURL=chunk-ENK4XGKF.js.map
+//# sourceMappingURL=chunk-WUPVHIMD.js.map

package/dist/{chunk-KNNBIXWJ.js → chunk-WX7VWW3W.js}

@@ -3,12 +3,12 @@ import {
 } from "./chunk-4XK6JQ4D.js";
 import {
   Input
-} from "./chunk-M3RIC6JI.js";
+} from "./chunk-OQXOYHIV.js";
 import {
   FormControl,
   FormLabel,
   FormMessage
-} from "./chunk-VZO7VREP.js";
+} from "./chunk-IPPTOL53.js";
 
 // src/components/form/total-form/Fields/TextField.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -38,4 +38,4 @@ function TextField({ name, label, type = "text", placeholder }) {
 export {
   TextField
 };
-//# sourceMappingURL=chunk-KNNBIXWJ.js.map
+//# sourceMappingURL=chunk-WX7VWW3W.js.map

package/dist/{chunk-TUAIPMU7.js → chunk-X5BHPSAC.js}

@@ -1,19 +1,19 @@
 import {
   DataViewsGrid
-} from "./chunk-PLK7UGO6.js";
+} from "./chunk-4EJSUL62.js";
 import {
   DeleteViewDialog
-} from "./chunk-HEDOL2RV.js";
+} from "./chunk-IJIT5HQP.js";
 import {
   viewStateKey
 } from "./chunk-ZOLAYP2D.js";
 import {
   ViewDialogs,
   ViewMutationErrorAlert
-} from "./chunk-3LO5JWTC.js";
+} from "./chunk-P5YYVDAD.js";
 import {
   useSavedViewsController
-} from "./chunk-HR7YTBR7.js";
+} from "./chunk-3AOOI2NR.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-TUAIPMU7.js.map
+//# sourceMappingURL=chunk-X5BHPSAC.js.map

package/dist/chunk-X5D3PTWI.js

@@ -0,0 +1,58 @@
+import {
+  resolveBoxLayout,
+  splitBoxProps
+} from "./chunk-7V6ZRQYW.js";
+import {
+  useUiTheme
+} from "./chunk-KLREH4X6.js";
+import {
+  resolveTestId
+} from "./chunk-QLWBQQW7.js";
+
+// src/components/layout/Box/Box.tsx
+import MuiBox from "@mui/material/Box/index.js";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+var PX_KEYS = /* @__PURE__ */ new Set([
+  "paddingTop",
+  "paddingRight",
+  "paddingBottom",
+  "paddingLeft",
+  "marginTop",
+  "marginRight",
+  "marginBottom",
+  "marginLeft",
+  "gap",
+  "borderRadius",
+  "borderWidth",
+  "width",
+  "height"
+]);
+function layoutToSx(layout) {
+  return Object.fromEntries(
+    Object.entries(layout).map(([key, value]) => [
+      key,
+      typeof value === "number" && PX_KEYS.has(key) ? `${value}px` : value
+    ])
+  );
+}
+var Box = React.forwardRef(
+  ({ children, sx, ...props }, ref) => {
+    const theme = useUiTheme();
+    const { layout, rest } = splitBoxProps(props);
+    const resolved = layoutToSx(resolveBoxLayout(layout, theme));
+    const testId = resolveTestId(layout);
+    const merged = [
+      resolved,
+      ...Array.isArray(sx) ? sx : sx === void 0 ? [] : [sx]
+    ];
+    return /* @__PURE__ */ jsx(MuiBox, { ref, sx: merged, "data-testid": testId, ...rest, children });
+  }
+);
+Box.displayName = "Box";
+
+export {
+  layoutToSx,
+  Box
+};
+//# sourceMappingURL=chunk-X5D3PTWI.js.map

package/dist/chunk-X5D3PTWI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/Box/Box.tsx"],"sourcesContent":["import MuiBox from '@mui/material/Box/index.js';\nimport type { SxProps, Theme } from '@mui/material/styles/index.js';\nimport * as React from 'react';\n\nimport { resolveBoxLayout, splitBoxProps, type BoxLayout } from './box-layout';\nimport type { BoxProps } from './Box.types';\nimport { resolveTestId } from '../../../platform/test-id';\nimport { useUiTheme } from '../../../provider/use-ui-theme';\n\n/**\n * `sx` is not CSS: it reads a bare number on `padding`, `margin` or `gap` as\n * SPACING UNITS, on `borderRadius` as a multiple of `shape.borderRadius`, and a\n * `width` of `1` or less as a fraction. The resolver's numbers are already px,\n * so every one of them is written as a px string — otherwise a `p={2}` box\n * renders 128px of padding on the web and 16dp on native, which is the one\n * thing this component exists to rule out.\n */\nconst PX_KEYS = new Set<keyof BoxLayout>([\n  'paddingTop', 'paddingRight', 'paddingBottom', 'paddingLeft',\n  'marginTop', 'marginRight', 'marginBottom', 'marginLeft',\n  'gap', 'borderRadius', 'borderWidth', 'width', 'height',\n]);\n\nexport function layoutToSx(layout: BoxLayout): Record<string, string | number> {\n  return Object.fromEntries(\n    Object.entries(layout).map(([key, value]) => [\n      key,\n      typeof value === 'number' && PX_KEYS.has(key as keyof BoxLayout) ? `${value}px` : value,\n    ]),\n  );\n}\n\n/**\n * The web `Box`: MUI's, with the neutral layout props resolved into `sx` ahead\n * of whatever `sx` the caller adds — so the caller's escape hatch still wins.\n */\nexport const Box = React.forwardRef<HTMLDivElement, BoxProps>(\n  ({ children, sx, ...props }, ref) => {\n    const theme = useUiTheme();\n    const { layout, rest } = splitBoxProps(props);\n    const resolved = layoutToSx(resolveBoxLayout(layout, theme)) as SxProps<Theme>;\n    const testId = resolveTestId(layout);\n    const merged: SxProps<Theme> = [\n      resolved,\n      ...(Array.isArray(sx) ? sx : sx === undefined ? [] : [sx]),\n    ] as SxProps<Theme>;\n\n    return (\n      <MuiBox ref={ref} sx={merged} data-testid={testId} {...rest}>\n        {children}\n      </MuiBox>\n    );\n  },\n);\n\nBox.displayName = 'Box';\n"],"mappings":";;;;;;;;;;;;AAAA,OAAO,YAAY;AAEnB,YAAY,WAAW;AA8CjB;AA/BN,IAAM,UAAU,oBAAI,IAAqB;AAAA,EACvC;AAAA,EAAc;AAAA,EAAgB;AAAA,EAAiB;AAAA,EAC/C;AAAA,EAAa;AAAA,EAAe;AAAA,EAAgB;AAAA,EAC5C;AAAA,EAAO;AAAA,EAAgB;AAAA,EAAe;AAAA,EAAS;AACjD,CAAC;AAEM,SAAS,WAAW,QAAoD;AAC7E,SAAO,OAAO;AAAA,IACZ,OAAO,QAAQ,MAAM,EAAE,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM;AAAA,MAC3C;AAAA,MACA,OAAO,UAAU,YAAY,QAAQ,IAAI,GAAsB,IAAI,GAAG,KAAK,OAAO;AAAA,IACpF,CAAC;AAAA,EACH;AACF;AAMO,IAAM,MAAY;AAAA,EACvB,CAAC,EAAE,UAAU,IAAI,GAAG,MAAM,GAAG,QAAQ;AACnC,UAAM,QAAQ,WAAW;AACzB,UAAM,EAAE,QAAQ,KAAK,IAAI,cAAc,KAAK;AAC5C,UAAM,WAAW,WAAW,iBAAiB,QAAQ,KAAK,CAAC;AAC3D,UAAM,SAAS,cAAc,MAAM;AACnC,UAAM,SAAyB;AAAA,MAC7B;AAAA,MACA,GAAI,MAAM,QAAQ,EAAE,IAAI,KAAK,OAAO,SAAY,CAAC,IAAI,CAAC,EAAE;AAAA,IAC1D;AAEA,WACE,oBAAC,UAAO,KAAU,IAAI,QAAQ,eAAa,QAAS,GAAG,MACpD,UACH;AAAA,EAEJ;AACF;AAEA,IAAI,cAAc;","names":[]}

package/dist/{chunk-TPUIIZN2.js → chunk-XKMFIH27.js}

@@ -1,22 +1,22 @@
-import {
-  FilterDialog,
-  GridFilterPanel
-} from "./chunk-ENK4XGKF.js";
 import {
   DataViewsEmpty
-} from "./chunk-4Y65Q3CR.js";
+} from "./chunk-C52BELLW.js";
 import {
   InlineFilterControls
-} from "./chunk-DGMR3IMM.js";
+} from "./chunk-U7RULTSH.js";
 import {
   GridHeaderRow
-} from "./chunk-A4YWFX5C.js";
+} from "./chunk-ENNW5SKT.js";
 import {
   GridMain
-} from "./chunk-ELYLG4F7.js";
+} from "./chunk-J54WH74M.js";
+import {
+  FilterDialog,
+  GridFilterPanel
+} from "./chunk-WUPVHIMD.js";
 import {
   DataViewsPagination
-} from "./chunk-VR5HDUBK.js";
+} from "./chunk-IPS55KWK.js";
 import {
   toOverflowFields,
   useFilterOverflow
@@ -26,13 +26,13 @@ import {
 } from "./chunk-Y5UCOBQN.js";
 import {
   ShellToolbar
-} from "./chunk-FF55LRSV.js";
+} from "./chunk-NETZMGQP.js";
 import {
   resolveSelectionExtra
 } from "./chunk-KX75HM5U.js";
 import {
   togglePillValues
-} from "./chunk-COSJTD6Z.js";
+} from "./chunk-KZSKI2R3.js";
 import {
   DataViewsLayoutProvider,
   useDataViewsLayout
@@ -237,4 +237,4 @@ function GridShell(props) {
 export {
   GridShell
 };
-//# sourceMappingURL=chunk-TPUIIZN2.js.map
+//# sourceMappingURL=chunk-XKMFIH27.js.map

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

@@ -1,15 +1,12 @@
-import {
-  resolveLightboxProps
-} from "./chunk-UOS7DEQZ.js";
-import {
-  LightboxStage
-} from "./chunk-EUHVBR3J.js";
 import {
   LightboxOverlay
 } from "./chunk-X4GALW6I.js";
 import {
   LightboxCurrentMedia
 } from "./chunk-2DWBJJK6.js";
+import {
+  resolveLightboxProps
+} from "./chunk-UOS7DEQZ.js";
 import {
   useLightbox
 } from "./chunk-3EYRRVNT.js";
@@ -19,6 +16,9 @@ import {
 import {
   LightboxThumbnails
 } from "./chunk-Q725MACF.js";
+import {
+  LightboxStage
+} from "./chunk-EUHVBR3J.js";
 import {
   makeTestId
 } from "./chunk-56SJYTIT.js";
@@ -128,4 +128,4 @@ export {
   Lightbox,
   Lightbox_default
 };
-//# sourceMappingURL=chunk-T53L42XW.js.map
+//# sourceMappingURL=chunk-XSJWN3WH.js.map

package/dist/{chunk-AVU6KU27.js → chunk-XXDXW6TX.js}

@@ -1,6 +1,6 @@
 import {
   accentFor
-} from "./chunk-I6PZVHIT.js";
+} from "./chunk-V5IOLAIS.js";
 
 // src/components/data-display/Chart/chart-internals.ts
 import { alpha } from "@mui/material/styles/index.js";
@@ -112,4 +112,4 @@ export {
   resolveSeries,
   getAxisStyles
 };
-//# sourceMappingURL=chunk-AVU6KU27.js.map
+//# sourceMappingURL=chunk-XXDXW6TX.js.map

package/dist/chunk-XZTRZ3HO.js

@@ -0,0 +1,7 @@
+// src/provider/UiProvider.types.ts
+var isUiTheme = (theme) => theme !== void 0 && "palette" in theme && "spacing" in theme && typeof theme.spacing === "function";
+
+export {
+  isUiTheme
+};
+//# sourceMappingURL=chunk-XZTRZ3HO.js.map

package/dist/chunk-XZTRZ3HO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/provider/UiProvider.types.ts"],"sourcesContent":["import type * as React from 'react';\n\nimport type { UiTheme, UiThemeOptions } from '../tokens/theme';\n\nexport interface UiProviderProps {\n  /**\n   * A built `UiTheme`, or the options to build one. Omit for the package\n   * default: the platform's light theme.\n   */\n  theme?: UiTheme | UiThemeOptions;\n  children: React.ReactNode;\n}\n\n/**\n * Options may carry a `palette` too (the seeds), so the discriminant is the\n * one thing only a BUILT theme has: `spacing` as a function. Options carry a\n * numeric `spacingUnit` instead.\n */\nexport const isUiTheme = (theme: UiTheme | UiThemeOptions | undefined): theme is UiTheme =>\n  theme !== undefined && 'palette' in theme && 'spacing' in theme && typeof theme.spacing === 'function';\n"],"mappings":";AAkBO,IAAM,YAAY,CAAC,UACxB,UAAU,UAAa,aAAa,SAAS,aAAa,SAAS,OAAO,MAAM,YAAY;","names":[]}

package/dist/chunk-YMRI5QKG.js

@@ -0,0 +1,134 @@
+import {
+  accentFor
+} from "./chunk-V5IOLAIS.js";
+import {
+  headingMetrics
+} from "./chunk-PT6TCWIW.js";
+import {
+  FONT_WEIGHTS,
+  TYPE_SIZES,
+  WEB_FONT_FAMILY,
+  WEB_MONOSPACE_FONT_FAMILY
+} from "./chunk-NQN5Z36J.js";
+import {
+  cssLengthToPx,
+  cssTrackingToEm
+} from "./chunk-AG66JBNH.js";
+import {
+  HEADING_LEVELS
+} from "./chunk-FZXKH2ZT.js";
+
+// src/provider/mui-bridge.ts
+var slot = (color) => ({
+  main: color.main,
+  light: color.light,
+  dark: color.dark,
+  contrastText: color.contrastText
+});
+function headingSteps(theme) {
+  return Object.fromEntries(
+    HEADING_LEVELS.map((level) => {
+      const metrics = headingMetrics(theme, level);
+      return [
+        level,
+        {
+          fontSize: cssLengthToPx(metrics.fontSize, 16),
+          lineHeight: metrics.lineHeight,
+          letterSpacing: cssTrackingToEm(metrics.letterSpacing),
+          normalWeight: metrics.normalWeight
+        }
+      ];
+    })
+  );
+}
+function uiThemeFromMui(theme) {
+  const { palette } = theme;
+  const unit = cssLengthToPx(theme.spacing(1), 8);
+  const md = cssLengthToPx(theme.shape.borderRadius, 4);
+  return {
+    mode: palette.mode,
+    palette: {
+      mode: palette.mode,
+      primary: slot(palette.primary),
+      secondary: slot(palette.secondary),
+      success: slot(palette.success),
+      warning: slot(palette.warning),
+      info: slot(palette.info),
+      danger: slot(palette.error),
+      neutral: accentFor(theme, "neutral"),
+      text: {
+        primary: palette.text.primary,
+        secondary: palette.text.secondary,
+        disabled: palette.text.disabled
+      },
+      background: { default: palette.background.default, paper: palette.background.paper },
+      divider: palette.divider,
+      action: {
+        active: palette.action.active,
+        hover: palette.action.hover,
+        selected: palette.action.selected,
+        disabled: palette.action.disabled,
+        disabledBackground: palette.action.disabledBackground,
+        focus: palette.action.focus
+      },
+      grey: {
+        50: palette.grey[50],
+        100: palette.grey[100],
+        200: palette.grey[200],
+        300: palette.grey[300],
+        400: palette.grey[400],
+        500: palette.grey[500],
+        600: palette.grey[600],
+        700: palette.grey[700],
+        800: palette.grey[800],
+        900: palette.grey[900]
+      }
+    },
+    spacing: (units) => units * unit,
+    spacingUnit: unit,
+    radius: { sm: md / 2, md, lg: md * 2, xl: md * 4, full: 9999 },
+    typography: {
+      fontFamily: theme.typography.fontFamily ?? WEB_FONT_FAMILY,
+      monospaceFontFamily: WEB_MONOSPACE_FONT_FAMILY,
+      sizes: TYPE_SIZES,
+      weights: FONT_WEIGHTS,
+      heading: headingSteps(theme)
+    },
+    zIndex: {
+      appBar: theme.zIndex.appBar,
+      drawer: theme.zIndex.drawer,
+      modal: theme.zIndex.modal,
+      snackbar: theme.zIndex.snackbar,
+      tooltip: theme.zIndex.tooltip
+    }
+  };
+}
+function muiThemeOptionsFrom(ui) {
+  const { palette } = ui;
+  return {
+    palette: {
+      mode: palette.mode,
+      primary: { ...palette.primary },
+      secondary: { ...palette.secondary },
+      success: { ...palette.success },
+      warning: { ...palette.warning },
+      info: { ...palette.info },
+      error: { ...palette.danger },
+      text: { ...palette.text },
+      background: { ...palette.background },
+      divider: palette.divider,
+      action: { ...palette.action },
+      grey: { ...palette.grey }
+    },
+    shape: { borderRadius: ui.radius.md },
+    spacing: ui.spacingUnit,
+    typography: { fontFamily: ui.typography.fontFamily ?? WEB_FONT_FAMILY },
+    zIndex: { ...ui.zIndex }
+  };
+}
+
+export {
+  uiThemeFromMui,
+  muiThemeOptionsFrom
+};
+//# sourceMappingURL=chunk-YMRI5QKG.js.map

package/dist/chunk-YMRI5QKG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/provider/mui-bridge.ts"],"sourcesContent":["import type { PaletteColor, Theme, ThemeOptions } from '@mui/material/styles/index.js';\n\nimport { cssLengthToPx, cssTrackingToEm } from '../tokens/css-units';\nimport { accentFor } from '../tokens/scales';\nimport {\n  FONT_WEIGHTS,\n  TYPE_SIZES,\n  WEB_FONT_FAMILY,\n  WEB_MONOSPACE_FONT_FAMILY,\n  type UiHeadingStep,\n  type UiPaletteColor,\n  type UiTheme,\n} from '../tokens/theme';\nimport { HEADING_LEVELS, headingMetrics, type HeadingLevel } from '../tokens/typography';\n\n/**\n * THE TWO DIRECTIONS BETWEEN MUI'S THEME AND OURS. Web only.\n *\n * `uiThemeFromMui` is how a web component — or a shared style resolver such\n * as `box-layout.ts` — reads the host's MUI theme in the neutral shape the\n * native renderer reads natively. `muiThemeOptionsFrom` is the reverse, for\n * a host that has a `UiTheme` and no MUI theme yet: `UiProvider` on the web is\n * a MUI `ThemeProvider` fed by it.\n *\n * Both are field-by-field on purpose. A spread would carry MUI's extra keys\n * across and the native side would silently depend on one.\n */\n\nconst slot = (color: PaletteColor): UiPaletteColor => ({\n  main: color.main,\n  light: color.light,\n  dark: color.dark,\n  contrastText: color.contrastText,\n});\n\nfunction headingSteps(theme: Theme): Record<HeadingLevel, UiHeadingStep> {\n  return Object.fromEntries(\n    HEADING_LEVELS.map((level) => {\n      const metrics = headingMetrics(theme, level);\n      return [\n        level,\n        {\n          fontSize: cssLengthToPx(metrics.fontSize, 16),\n          lineHeight: metrics.lineHeight,\n          letterSpacing: cssTrackingToEm(metrics.letterSpacing),\n          normalWeight: metrics.normalWeight,\n        },\n      ];\n    }),\n  ) as Record<HeadingLevel, UiHeadingStep>;\n}\n\n/** The host's MUI theme in the shape the native renderer reads. */\nexport function uiThemeFromMui(theme: Theme): UiTheme {\n  const { palette } = theme;\n  const unit = cssLengthToPx(theme.spacing(1), 8);\n  const md = cssLengthToPx(theme.shape.borderRadius, 4);\n\n  return {\n    mode: palette.mode,\n    palette: {\n      mode: palette.mode,\n      primary: slot(palette.primary),\n      secondary: slot(palette.secondary),\n      success: slot(palette.success),\n      warning: slot(palette.warning),\n      info: slot(palette.info),\n      danger: slot(palette.error),\n      neutral: accentFor(theme, 'neutral'),\n      text: {\n        primary: palette.text.primary,\n        secondary: palette.text.secondary,\n        disabled: palette.text.disabled,\n      },\n      background: { default: palette.background.default, paper: palette.background.paper },\n      divider: palette.divider,\n      action: {\n        active: palette.action.active,\n        hover: palette.action.hover,\n        selected: palette.action.selected,\n        disabled: palette.action.disabled,\n        disabledBackground: palette.action.disabledBackground,\n        focus: palette.action.focus,\n      },\n      grey: {\n        50: palette.grey[50],\n        100: palette.grey[100],\n        200: palette.grey[200],\n        300: palette.grey[300],\n        400: palette.grey[400],\n        500: palette.grey[500],\n        600: palette.grey[600],\n        700: palette.grey[700],\n        800: palette.grey[800],\n        900: palette.grey[900],\n      },\n    },\n    spacing: (units: number) => units * unit,\n    spacingUnit: unit,\n    radius: { sm: md / 2, md, lg: md * 2, xl: md * 4, full: 9999 },\n    typography: {\n      fontFamily: theme.typography.fontFamily ?? WEB_FONT_FAMILY,\n      monospaceFontFamily: WEB_MONOSPACE_FONT_FAMILY,\n      sizes: TYPE_SIZES,\n      weights: FONT_WEIGHTS,\n      heading: headingSteps(theme),\n    },\n    zIndex: {\n      appBar: theme.zIndex.appBar,\n      drawer: theme.zIndex.drawer,\n      modal: theme.zIndex.modal,\n      snackbar: theme.zIndex.snackbar,\n      tooltip: theme.zIndex.tooltip,\n    },\n  };\n}\n\n/** A `UiTheme` as the options MUI's `createTheme` builds the same palette from. */\nexport function muiThemeOptionsFrom(ui: UiTheme): ThemeOptions {\n  const { palette } = ui;\n  return {\n    palette: {\n      mode: palette.mode,\n      primary: { ...palette.primary },\n      secondary: { ...palette.secondary },\n      success: { ...palette.success },\n      warning: { ...palette.warning },\n      info: { ...palette.info },\n      error: { ...palette.danger },\n      text: { ...palette.text },\n      background: { ...palette.background },\n      divider: palette.divider,\n      action: { ...palette.action },\n      grey: { ...palette.grey },\n    },\n    shape: { borderRadius: ui.radius.md },\n    spacing: ui.spacingUnit,\n    typography: { fontFamily: ui.typography.fontFamily ?? WEB_FONT_FAMILY },\n    zIndex: { ...ui.zIndex },\n  };\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-45OIUWGO.js → chunk-YNQGXSDD.js}

@@ -1,12 +1,12 @@
 import {
   DataViewsExportMenu
-} from "./chunk-SLYZMJEL.js";
+} from "./chunk-PHCSPHDH.js";
 import {
   DataViewsDisplayPanel
-} from "./chunk-FJHNNSD3.js";
+} from "./chunk-4WK2RTVY.js";
 import {
   renderBulkActions
-} from "./chunk-COSJTD6Z.js";
+} from "./chunk-KZSKI2R3.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -21,7 +21,7 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Text
-} from "./chunk-VRHBJXZ7.js";
+} from "./chunk-2PCOC3PT.js";
 
 // src/components/data-display/DataViews/data-views-toolbar.tsx
 import Divider from "@mui/material/Divider/index.js";
@@ -133,4 +133,4 @@ function GridToolbar(props) {
 export {
   GridToolbar
 };
-//# sourceMappingURL=chunk-45OIUWGO.js.map
+//# sourceMappingURL=chunk-YNQGXSDD.js.map

package/dist/{chunk-5VVM2PPV.js → chunk-ZEBJT5JZ.js}

@@ -1,7 +1,7 @@
 import {
   useColumnsWithActions,
   useRenderedColumns
-} from "./chunk-RQ4EQ5FJ.js";
+} from "./chunk-FP4R47TM.js";
 import {
   filterRows
 } from "./chunk-YGQX7BNI.js";
@@ -12,7 +12,7 @@ import {
 import {
   computeActiveFilterCount,
   defaultSortFields
-} from "./chunk-COSJTD6Z.js";
+} from "./chunk-KZSKI2R3.js";
 import {
   serverDerived,
   useServerQuery
@@ -172,4 +172,4 @@ function useDataViewsState({
 export {
   useDataViewsState
 };
-//# sourceMappingURL=chunk-5VVM2PPV.js.map
+//# sourceMappingURL=chunk-ZEBJT5JZ.js.map

package/dist/{chunk-DJORMYOV.js → chunk-ZU3SWR4I.js}

@@ -1,6 +1,6 @@
 import {
   accentFor
-} from "./chunk-I6PZVHIT.js";
+} from "./chunk-V5IOLAIS.js";
 
 // src/components/form/Menubar/Menubar.styles.ts
 import { alpha } from "@mui/material/styles/index.js";
@@ -70,4 +70,4 @@ export {
   sizeStyles,
   barStyles
 };
-//# sourceMappingURL=chunk-DJORMYOV.js.map
+//# sourceMappingURL=chunk-ZU3SWR4I.js.map

package/dist/data-display/AsyncStateContainer.js

@@ -1,14 +1,14 @@
 import "../chunk-SX3E6UC2.js";
 import {
   AsyncStateContainer
-} from "../chunk-PKJKA4CU.js";
-import "../chunk-E67PUPFJ.js";
+} from "../chunk-3ZFORMNT.js";
 import "../chunk-O6J4CKS5.js";
 import "../chunk-KVN3K4J3.js";
-import "../chunk-7M5BACFQ.js";
+import "../chunk-E67PUPFJ.js";
 import "../chunk-IRDGC7FK.js";
 import "../chunk-JZKOJZ6V.js";
 import "../chunk-HXYXDQ7U.js";
+import "../chunk-7M5BACFQ.js";
 import "../chunk-PZ5AY32C.js";
 export {
   AsyncStateContainer