@12-apps/ui 6.39.20 → 6.41.0

package/dist/{chunk-RB3X6CEE.js → chunk-IWGW2E35.js}

@@ -4,7 +4,7 @@ import {
   headingGradient,
   headingWeight,
   stepOf
-} from "./chunk-CYZZHWNK.js";
+} from "./chunk-CJ45OL7L.js";
 import {
   headingMetrics
 } from "./chunk-PT6TCWIW.js";
@@ -73,4 +73,4 @@ var headingSx = (theme, flags) => {
 export {
   headingSx
 };
-//# sourceMappingURL=chunk-RB3X6CEE.js.map
+//# sourceMappingURL=chunk-IWGW2E35.js.map

package/dist/{chunk-O25SH2MA.js → chunk-J6KLT7HP.js}

@@ -1,19 +1,19 @@
-import {
-  DeleteViewDialog
-} from "./chunk-37USSARD.js";
 import {
   DataViewsGrid
-} from "./chunk-IRD45DRW.js";
+} from "./chunk-VOJBLBXE.js";
+import {
+  DeleteViewDialog
+} from "./chunk-DH5UJD2I.js";
 import {
   viewStateKey
 } from "./chunk-ZOLAYP2D.js";
 import {
   ViewDialogs,
   ViewMutationErrorAlert
-} from "./chunk-O2DLEAUP.js";
+} from "./chunk-KHOAXZW2.js";
 import {
   useSavedViewsController
-} from "./chunk-IASDP44E.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-O25SH2MA.js.map
+//# sourceMappingURL=chunk-J6KLT7HP.js.map

package/dist/{chunk-CRG24BGI.js → chunk-JAGAFEZL.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-RTSK5OZT.js";
 import {
   useUiTheme
-} from "./chunk-3UABIEP3.js";
+} from "./chunk-C2TERIB4.js";
 import {
   resolveTestId
 } from "./chunk-TYJR4GOF.js";
@@ -48,4 +48,4 @@ Icon.displayName = "Icon";
 export {
   Icon
 };
-//# sourceMappingURL=chunk-CRG24BGI.js.map
+//# sourceMappingURL=chunk-JAGAFEZL.js.map

package/dist/{chunk-RDCHT2WN.js → chunk-JE5GEWTG.js}

@@ -1,13 +1,13 @@
 import {
   fieldControlStyles,
   fieldTextFieldStyles
-} from "./chunk-CGO452DC.js";
-import {
-  fieldRadius
-} from "./chunk-GDN2LUTZ.js";
+} from "./chunk-M47ZOUGF.js";
 import {
   fieldEdge
 } from "./chunk-7FDU3FIN.js";
+import {
+  fieldRadius
+} from "./chunk-GDN2LUTZ.js";
 import {
   rem
 } from "./chunk-YKCAJ2TN.js";
@@ -44,4 +44,4 @@ var AddressTextField = ({ addressVariant, ...props }) => addressVariant === "gla
 export {
   AddressTextField
 };
-//# sourceMappingURL=chunk-RDCHT2WN.js.map
+//# sourceMappingURL=chunk-JE5GEWTG.js.map

package/dist/{chunk-FLDLUAHW.js → chunk-JE6GQB5J.js}

@@ -1,15 +1,15 @@
 import {
   RAIL_GAP_PX
-} from "./chunk-VY6L74JQ.js";
+} from "./chunk-EQXIW5MQ.js";
 import {
   DescriptionItem
-} from "./chunk-WY5PBZ7Q.js";
+} from "./chunk-G6ZPQHBL.js";
 import {
   default as default2
 } from "./chunk-6DPAWXZ3.js";
 import {
   Text
-} from "./chunk-URHX4FAQ.js";
+} from "./chunk-MKLIMY3D.js";
 import {
   rem,
   sxRem
@@ -226,4 +226,4 @@ export {
   ListCardActions,
   ListCardTail
 };
-//# sourceMappingURL=chunk-FLDLUAHW.js.map
+//# sourceMappingURL=chunk-JE6GQB5J.js.map

package/dist/{chunk-N23GCN5U.js → chunk-JFLFZLOA.js}

@@ -1,10 +1,10 @@
-import {
-  ItemsPerPageSelect,
-  PageInfo
-} from "./chunk-4GB46HLK.js";
 import {
   paginationStyles
 } from "./chunk-BWMHGENX.js";
+import {
+  ItemsPerPageSelect,
+  PageInfo
+} from "./chunk-PTONBPZL.js";
 import {
   makeTestId,
   muiSizeFor,
@@ -194,4 +194,4 @@ Pagination.displayName = "Pagination";
 export {
   Pagination
 };
-//# sourceMappingURL=chunk-N23GCN5U.js.map
+//# sourceMappingURL=chunk-JFLFZLOA.js.map

package/dist/{chunk-35443PF6.js → chunk-JIRZ27RI.js}

@@ -1,6 +1,6 @@
 import {
   FIELD_BORDER_WIDTH
-} from "./chunk-PZBK3F52.js";
+} from "./chunk-O6MJWHU5.js";
 import {
   rem
 } from "./chunk-YKCAJ2TN.js";
@@ -116,4 +116,4 @@ export {
   labelledSeparatorLayout,
   separatorStyles
 };
-//# sourceMappingURL=chunk-35443PF6.js.map
+//# sourceMappingURL=chunk-JIRZ27RI.js.map

package/dist/{chunk-5MW7OYBM.js → chunk-JSGVYOMN.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-OL2BEJZR.js";
 import {
   EmptyState
-} from "./chunk-HN3PZTUK.js";
+} from "./chunk-4MKVGSHX.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-5MW7OYBM.js.map
+//# sourceMappingURL=chunk-JSGVYOMN.js.map

package/dist/{chunk-RNIU447I.js → chunk-JU3FRRO2.js}

@@ -4,7 +4,7 @@ import {
 import {
   DEFAULT_FIELD_HEIGHT,
   fieldHeightPx
-} from "./chunk-PZBK3F52.js";
+} from "./chunk-O6MJWHU5.js";
 import {
   alpha,
   decomposeColor,
@@ -172,4 +172,4 @@ export {
   FILLED_WASH,
   SIZE_MAP
 };
-//# sourceMappingURL=chunk-RNIU447I.js.map
+//# sourceMappingURL=chunk-JU3FRRO2.js.map

package/dist/{chunk-WOAXKWAB.js → chunk-K4A3JDYQ.js}

@@ -2,7 +2,7 @@ import {
   CarouselArrows,
   CarouselIndicators,
   CarouselThumbnails
-} from "./chunk-JJJM75XF.js";
+} from "./chunk-PNDYAIKM.js";
 
 // src/components/data-display/Carousel/Carousel.chrome.tsx
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -59,4 +59,4 @@ var CarouselChrome = ({
 export {
   CarouselChrome
 };
-//# sourceMappingURL=chunk-WOAXKWAB.js.map
+//# sourceMappingURL=chunk-K4A3JDYQ.js.map

package/dist/{chunk-HM2JJNUE.js → chunk-K6LNHHSH.js}

@@ -1,16 +1,16 @@
-import {
-  resolveButtonProps
-} from "./chunk-TAMIZE4Q.js";
 import {
   buttonEmphasisStyles,
   buttonSize,
   buttonVariantStyles,
   getColorFromTheme,
   iconAlignmentStyles
-} from "./chunk-4WNFOBTH.js";
+} from "./chunk-ZKWVCSAB.js";
 import {
   BUTTON_ICON_GLYPH_SIZE
 } from "./chunk-LN46DSMF.js";
+import {
+  resolveButtonProps
+} from "./chunk-TAMIZE4Q.js";
 import {
   childTestId,
   resolveTestId,
@@ -128,4 +128,4 @@ var Button = ButtonRoot;
 export {
   Button
 };
-//# sourceMappingURL=chunk-HM2JJNUE.js.map
+//# sourceMappingURL=chunk-K6LNHHSH.js.map

package/dist/{chunk-NR5TW4AH.js → chunk-K7MQP2KT.js}

@@ -1,9 +1,9 @@
 import {
   statusMessage
-} from "./chunk-OJ2XR3WH.js";
+} from "./chunk-XB7HYOMM.js";
 import {
   DayBoundInput
-} from "./chunk-GY4NBSCN.js";
+} from "./chunk-FDMQ7H22.js";
 
 // src/components/form/DateRangePicker/DateRangePickerFields.tsx
 import Box from "@mui/material/Box/index.js";
@@ -64,4 +64,4 @@ function DateRangeFields({
 export {
   DateRangeFields
 };
-//# sourceMappingURL=chunk-NR5TW4AH.js.map
+//# sourceMappingURL=chunk-K7MQP2KT.js.map

package/dist/{chunk-2OWKL4CC.js → chunk-KCDNOMMT.js}

@@ -1,3 +1,7 @@
+import {
+  useTableSelection,
+  useVirtualScrolling
+} from "./chunk-RZSMRBOX.js";
 import {
   EmptyRow,
   NoDataPlaceholder
@@ -5,14 +9,7 @@ import {
 import {
   EnhancedTableBody,
   EnhancedTableHeader
-} from "./chunk-IBGP3VSR.js";
-import {
-  tableStyles
-} from "./chunk-BVHIKXCN.js";
-import {
-  useTableSelection,
-  useVirtualScrolling
-} from "./chunk-RZSMRBOX.js";
+} from "./chunk-FHW3ATT7.js";
 import {
   TABLE_DEFAULTS,
   containerStyle,
@@ -23,6 +20,9 @@ import {
   tableRowHeight,
   virtualHeight
 } from "./chunk-NHEWST3N.js";
+import {
+  tableStyles
+} from "./chunk-BVHIKXCN.js";
 import {
   rem
 } from "./chunk-YKCAJ2TN.js";
@@ -305,4 +305,4 @@ Table.displayName = "Table";
 export {
   Table
 };
-//# sourceMappingURL=chunk-2OWKL4CC.js.map
+//# sourceMappingURL=chunk-KCDNOMMT.js.map

package/dist/{chunk-O2DLEAUP.js → chunk-KHOAXZW2.js}

@@ -1,15 +1,15 @@
 import {
   SaveViewModal
-} from "./chunk-A2TANYNR.js";
+} from "./chunk-53O2TNSR.js";
 import {
   ManageViewsDialog
-} from "./chunk-YTY7TD7S.js";
+} from "./chunk-XZY7O7JJ.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
 import {
   SavedViewsMenu
-} from "./chunk-3LSIFHQK.js";
+} from "./chunk-GE2CCITY.js";
 import {
   Alert
 } from "./chunk-AUHYR7ID.js";
@@ -121,4 +121,4 @@ export {
   ViewsMenuSlot,
   ViewDialogs
 };
-//# sourceMappingURL=chunk-O2DLEAUP.js.map
+//# sourceMappingURL=chunk-KHOAXZW2.js.map

package/dist/{chunk-W5TI46QN.js → chunk-KQZGUHYZ.js}

@@ -1,7 +1,7 @@
 import {
   asFieldSize,
   fieldHeight
-} from "./chunk-CGO452DC.js";
+} from "./chunk-M47ZOUGF.js";
 import {
   fieldRadius
 } from "./chunk-GDN2LUTZ.js";
@@ -10,7 +10,7 @@ import {
 } from "./chunk-AG66JBNH.js";
 import {
   FIELD_BORDER_WIDTH
-} from "./chunk-PZBK3F52.js";
+} from "./chunk-O6MJWHU5.js";
 import {
   controlNeutral
 } from "./chunk-FQ6UW7IY.js";
@@ -140,4 +140,4 @@ ToggleGroup.displayName = "ToggleGroup";
 export {
   ToggleGroup
 };
-//# sourceMappingURL=chunk-W5TI46QN.js.map
+//# sourceMappingURL=chunk-KQZGUHYZ.js.map

package/dist/{chunk-2K7WPHI3.js → chunk-KW3H5FUS.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Text
-} from "./chunk-URHX4FAQ.js";
+} from "./chunk-MKLIMY3D.js";
 
 // src/components/data-display/DataViews/data-views-header-row.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -36,4 +36,4 @@ function GridHeaderRow({
 export {
   GridHeaderRow
 };
-//# sourceMappingURL=chunk-2K7WPHI3.js.map
+//# sourceMappingURL=chunk-KW3H5FUS.js.map

package/dist/{chunk-7D2C4LK2.js → chunk-LCWGNDTH.js}

@@ -5,12 +5,12 @@ import {
 import {
   MapControlBar
 } from "./chunk-VNOFFVRQ.js";
-import {
-  MapSearchBar
-} from "./chunk-WRCLYSTX.js";
 import {
   HEATMAP_VIEWBOX
 } from "./chunk-H2J2MTRE.js";
+import {
+  MapSearchBar
+} from "./chunk-NFGIA2ZV.js";
 
 // src/components/data-display/MapPreview/MapLayers.tsx
 import { useTheme } from "@mui/material/styles/index.js";
@@ -56,4 +56,4 @@ var MapLayers = ({ settings, zoom, mapType, search, controls }) => {
 export {
   MapLayers
 };
-//# sourceMappingURL=chunk-7D2C4LK2.js.map
+//# sourceMappingURL=chunk-LCWGNDTH.js.map

package/dist/{chunk-FNRPQE2D.js → chunk-LF3EVXMF.js}

@@ -2,7 +2,7 @@ import {
   asFieldSize,
   fieldBorder,
   fieldHeight
-} from "./chunk-CGO452DC.js";
+} from "./chunk-M47ZOUGF.js";
 import {
   fieldRadius
 } from "./chunk-GDN2LUTZ.js";
@@ -181,4 +181,4 @@ export {
   variantStyles,
   effectStyles
 };
-//# sourceMappingURL=chunk-FNRPQE2D.js.map
+//# sourceMappingURL=chunk-LF3EVXMF.js.map

package/dist/{chunk-MCJRHF7Z.js → chunk-LGCRL7DK.js}

@@ -1,20 +1,20 @@
+import {
+  glassStyles,
+  resolveMapPreviewProps
+} from "./chunk-4NQXHPQR.js";
 import {
   MapCoordinates,
   MapMarkers
 } from "./chunk-ODFJTEIL.js";
 import {
   MapLayers
-} from "./chunk-7D2C4LK2.js";
-import {
-  StaticMapView
-} from "./chunk-4RPFI474.js";
-import {
-  glassStyles,
-  resolveMapPreviewProps
-} from "./chunk-4NQXHPQR.js";
+} from "./chunk-LCWGNDTH.js";
 import {
   useMapPreview
-} from "./chunk-2WVHZIWP.js";
+} from "./chunk-QSRZOXQI.js";
+import {
+  StaticMapView
+} from "./chunk-RSDYS5B3.js";
 import {
   rem
 } from "./chunk-YKCAJ2TN.js";
@@ -108,4 +108,4 @@ export {
   MapPreview,
   MapPreview_default
 };
-//# sourceMappingURL=chunk-MCJRHF7Z.js.map
+//# sourceMappingURL=chunk-LGCRL7DK.js.map

package/dist/{chunk-JK5UJM4Y.js → chunk-LODMNSLR.js}

@@ -1,31 +1,31 @@
 import {
   DataViewsBoard
-} from "./chunk-YTINPQKU.js";
+} from "./chunk-4XHVGUOM.js";
 import {
   toGridExpansion
 } from "./chunk-O5UGAL2V.js";
 import {
   SelectAllStrip
-} from "./chunk-5FAI25JQ.js";
+} from "./chunk-H72YKEGD.js";
+import {
+  cardGridTracks
+} from "./chunk-NQ7NMCRI.js";
 import {
   ListCardGroup
-} from "./chunk-VY6L74JQ.js";
+} from "./chunk-EQXIW5MQ.js";
 import {
   DENSITY_BOARD_SCALE,
   DENSITY_ROW_PADDING,
   cardScaleForZoom,
   cardTargetWidthFor,
   useDataViewsLayout
-} from "./chunk-YKEO6UHN.js";
-import {
-  cardGridTracks
-} from "./chunk-VPPIODKX.js";
+} from "./chunk-XZJM6EPC.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
 import {
   DataGrid
-} from "./chunk-LEHMWJNZ.js";
+} from "./chunk-ZEYUSS3W.js";
 import {
   default as default2
 } from "./chunk-6DPAWXZ3.js";
@@ -273,4 +273,4 @@ function GridMain(props) {
 export {
   GridMain
 };
-//# sourceMappingURL=chunk-JK5UJM4Y.js.map
+//# sourceMappingURL=chunk-LODMNSLR.js.map

package/dist/{chunk-CGO452DC.js → chunk-M47ZOUGF.js}

@@ -1,17 +1,17 @@
+import {
+  fieldEdge
+} from "./chunk-7FDU3FIN.js";
 import {
   fieldRadiusOverrides,
   fieldRootStyles
 } from "./chunk-GDN2LUTZ.js";
-import {
-  fieldEdge
-} from "./chunk-7FDU3FIN.js";
 import {
   DEFAULT_FIELD_HEIGHT,
   FIELD_BORDER_WIDTH,
   FIELD_HEIGHT_SCALE,
   fieldHeightRem,
   resolveFieldHeight
-} from "./chunk-PZBK3F52.js";
+} from "./chunk-O6MJWHU5.js";
 
 // src/tokens/field-height.ts
 function asFieldSize(size) {
@@ -59,17 +59,19 @@ function fieldHeightOverrides(height = DEFAULT_FIELD_HEIGHT) {
     }
   };
 }
-function fieldOverrides(radius, height) {
-  const corner = fieldRadiusOverrides(radius);
-  const tall = fieldHeightOverrides(height);
-  const names = /* @__PURE__ */ new Set([...Object.keys(corner), ...Object.keys(tall)]);
+function mergeMuiComponents(...sources) {
+  const maps = sources;
+  const names = new Set(maps.flatMap((map) => Object.keys(map)));
   return Object.fromEntries(
     [...names].map((name) => [
       name,
-      { styleOverrides: { ...corner[name]?.styleOverrides, ...tall[name]?.styleOverrides } }
+      { styleOverrides: Object.assign({}, ...maps.map((map) => map[name]?.styleOverrides)) }
     ])
   );
 }
+function fieldOverrides(radius, height) {
+  return mergeMuiComponents(fieldRadiusOverrides(radius), fieldHeightOverrides(height));
+}
 function fieldTextFieldStyles(theme, size = "md") {
   return {
     ...fieldRootStyles(theme),
@@ -84,7 +86,8 @@ export {
   fieldBorder,
   fieldControlStyles,
   fieldHeightOverrides,
+  mergeMuiComponents,
   fieldOverrides,
   fieldTextFieldStyles
 };
-//# sourceMappingURL=chunk-CGO452DC.js.map
+//# sourceMappingURL=chunk-M47ZOUGF.js.map

package/dist/{chunk-CGO452DC.js.map → chunk-M47ZOUGF.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/tokens/field-height.ts"],"sourcesContent":["import type { Components, CSSObject, Theme } from '@mui/material/styles/index.js';\n\nimport { fieldEdge } from './field-edge';\nimport { fieldRadiusOverrides, fieldRootStyles } from './field-radius';\nimport {\n  DEFAULT_FIELD_HEIGHT,\n  FIELD_BORDER_WIDTH,\n  FIELD_HEIGHT_SCALE,\n  fieldHeightRem,\n  resolveFieldHeight,\n} from './field-height.core';\n\nimport type { SizeValue } from './vocabulary';\n\n/**\n * THE FIELD HEIGHT AND BORDER ON THE WEB: the theme channel, the readers, and\n * the styles that put a MUI text field or select on them.\n *\n * The argument for one height is in `./field-height.core.ts`. It is a top-level\n * theme key for the reason `fieldRadius` is (`./field-radius.ts`): MUI types\n * `shape` in `@mui/system`, which this package does not depend on.\n */\n\nexport {\n  DEFAULT_FIELD_HEIGHT,\n  FIELD_BORDER_WIDTH,\n  FIELD_HEIGHT_SCALE,\n  fieldHeightPx,\n  fieldHeightRem,\n} from './field-height.core';\n\ndeclare module '@mui/material/styles' {\n  interface Theme {\n    /** The standard field height, in multiples of the default font size. See `@12-apps/ui/tokens`' `fieldHeight`. */\n    fieldHeight?: number;\n  }\n  interface ThemeOptions {\n    /** The standard field height, in multiples of the default font size. Defaults to {@link DEFAULT_FIELD_HEIGHT}. */\n    fieldHeight?: number;\n  }\n}\n\n/** A component's own size string as a step of the field scale — `md` when it is not one. */\nexport function asFieldSize(size: string | undefined): SizeValue {\n  return size !== undefined && size in FIELD_HEIGHT_SCALE ? (size as SizeValue) : 'md';\n}\n\n/** A field's height for a size, as CSS — `2.5rem` for the default. */\nexport function fieldHeight(theme: Theme, size: SizeValue = 'md'): string {\n  return `${fieldHeightRem(resolveFieldHeight(theme.fieldHeight), size)}rem`;\n}\n\n/** The resting border every field draws: 1px in {@link fieldEdge}'s colour. */\nexport function fieldBorder(theme: Theme, surface?: string): string {\n  return `${FIELD_BORDER_WIDTH}px solid ${fieldEdge(theme, surface)}`;\n}\n\n/**\n * The vertical padding that makes a one-line box `height` tall around MUI's\n * `1.4375em` line — in `em`, so it is measured against the field's own type.\n */\nconst verticalInset = (height: string): string => `calc((${height} - 1.4375em) / 2)`;\n\n/**\n * A MUI `TextField` / `Select` / `Autocomplete` (outlined, one line) at the\n * field height for `size`: the root's own vertical padding goes, the input\n * takes the inset, and the resting label sits on the new centre line.\n *\n * Multiline fields are left alone — their height is their content's — and so\n * are `filled` and `standard`, whose label sits inside the box and which draw\n * their own heights as variants.\n */\nexport function fieldControlStyles(theme: Theme, size: SizeValue = 'md'): CSSObject {\n  const inset = verticalInset(fieldHeight(theme, size));\n  return {\n    '& .MuiOutlinedInput-root:not(.MuiInputBase-multiline)': {\n      paddingTop: 0,\n      paddingBottom: 0,\n      '& .MuiOutlinedInput-input, & .MuiSelect-select': { paddingTop: inset, paddingBottom: inset },\n      // A select's display box inherits the ROOT's line height as an absolute\n      // length, so at a smaller font (0.875rem) it outgrew the inset measured in\n      // its own `em` — 42.88px in a 40px row. Its line follows its own type now.\n      '& .MuiSelect-select': { lineHeight: '1.4375em' },\n    },\n    '& .MuiInputLabel-outlined:not(.MuiInputLabel-shrink)': {\n      transform: `translate(14px, ${inset}) scale(1)`,\n    },\n  };\n}\n\n/**\n * The notched outline's resting colour, as a MUI style-override callback. One\n * function, not one per call: two themes built from the same options must\n * compare equal, and a fresh closure each time would make them differ.\n */\nconst restingEdge = ({ theme }: { theme: Theme }): CSSObject => ({ borderColor: fieldEdge(theme) });\n\n/**\n * MUI component overrides that put MUI's OWN outlined fields on the standard\n * height and the one resting border — for a host's bare `TextField` / `Select`,\n * the way `fieldRadiusOverrides` rounds them. Every size MUI has maps to the standard:\n * a host that wants another density asks this package's fields for a `size`.\n */\nexport function fieldHeightOverrides(height: number = DEFAULT_FIELD_HEIGHT): Components<Theme> {\n  const inset = verticalInset(`${fieldHeightRem(height)}rem`);\n  return {\n    MuiOutlinedInput: {\n      styleOverrides: {\n        input: { '&:not(.MuiInputBase-inputMultiline)': { paddingTop: inset, paddingBottom: inset } },\n        // The one resting border; MUI's hover, focus and error rules outrank it.\n        notchedOutline: restingEdge,\n      },\n    },\n    MuiInputLabel: {\n      styleOverrides: {\n        outlined: { '&:not(.MuiInputLabel-shrink)': { transform: `translate(14px, ${inset}) scale(1)` } },\n      },\n    },\n  };\n}\n\n/**\n * Both field overrides — the corner and the height — merged per component.\n * They meet on `MuiOutlinedInput` (`root` from the radius, `input` from the\n * height), so a plain spread would lose one of them.\n */\nexport function fieldOverrides(radius: number | undefined, height: number | undefined): Components<Theme> {\n  type Entry = { styleOverrides?: Record<string, unknown> };\n  const corner = fieldRadiusOverrides(radius) as Record<string, Entry>;\n  const tall = fieldHeightOverrides(height) as Record<string, Entry>;\n  const names = new Set([...Object.keys(corner), ...Object.keys(tall)]);\n  return Object.fromEntries(\n    [...names].map((name) => [\n      name,\n      { styleOverrides: { ...corner[name]?.styleOverrides, ...tall[name]?.styleOverrides } },\n    ]),\n  ) as Components<Theme>;\n}\n\n/**\n * THE field standard on a MUI `TextField` / `Select` / `Autocomplete`, for a\n * composite that renders MUI's own: the field radius, the field height for\n * `size`, and the one resting border ({@link fieldEdge}). MUI's own hover,\n * focus and error borders outrank the resting one, so they still show.\n */\nexport function fieldTextFieldStyles(theme: Theme, size: SizeValue = 'md'): CSSObject {\n  return {\n    ...fieldRootStyles(theme),\n    ...fieldControlStyles(theme, size),\n    '& .MuiOutlinedInput-notchedOutline': { borderColor: fieldEdge(theme) },\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;AA2CO,SAAS,YAAY,MAAqC;AAC/D,SAAO,SAAS,UAAa,QAAQ,qBAAsB,OAAqB;AAClF;AAGO,SAAS,YAAY,OAAc,OAAkB,MAAc;AACxE,SAAO,GAAG,eAAe,mBAAmB,MAAM,WAAW,GAAG,IAAI,CAAC;AACvE;AAGO,SAAS,YAAY,OAAc,SAA0B;AAClE,SAAO,GAAG,kBAAkB,YAAY,UAAU,OAAO,OAAO,CAAC;AACnE;AAMA,IAAM,gBAAgB,CAAC,WAA2B,SAAS,MAAM;AAW1D,SAAS,mBAAmB,OAAc,OAAkB,MAAiB;AAClF,QAAM,QAAQ,cAAc,YAAY,OAAO,IAAI,CAAC;AACpD,SAAO;AAAA,IACL,yDAAyD;AAAA,MACvD,YAAY;AAAA,MACZ,eAAe;AAAA,MACf,kDAAkD,EAAE,YAAY,OAAO,eAAe,MAAM;AAAA;AAAA;AAAA;AAAA,MAI5F,uBAAuB,EAAE,YAAY,WAAW;AAAA,IAClD;AAAA,IACA,wDAAwD;AAAA,MACtD,WAAW,mBAAmB,KAAK;AAAA,IACrC;AAAA,EACF;AACF;AAOA,IAAM,cAAc,CAAC,EAAE,MAAM,OAAoC,EAAE,aAAa,UAAU,KAAK,EAAE;AAQ1F,SAAS,qBAAqB,SAAiB,sBAAyC;AAC7F,QAAM,QAAQ,cAAc,GAAG,eAAe,MAAM,CAAC,KAAK;AAC1D,SAAO;AAAA,IACL,kBAAkB;AAAA,MAChB,gBAAgB;AAAA,QACd,OAAO,EAAE,uCAAuC,EAAE,YAAY,OAAO,eAAe,MAAM,EAAE;AAAA;AAAA,QAE5F,gBAAgB;AAAA,MAClB;AAAA,IACF;AAAA,IACA,eAAe;AAAA,MACb,gBAAgB;AAAA,QACd,UAAU,EAAE,gCAAgC,EAAE,WAAW,mBAAmB,KAAK,aAAa,EAAE;AAAA,MAClG;AAAA,IACF;AAAA,EACF;AACF;AAOO,SAAS,eAAe,QAA4B,QAA+C;AAExG,QAAM,SAAS,qBAAqB,MAAM;AAC1C,QAAM,OAAO,qBAAqB,MAAM;AACxC,QAAM,QAAQ,oBAAI,IAAI,CAAC,GAAG,OAAO,KAAK,MAAM,GAAG,GAAG,OAAO,KAAK,IAAI,CAAC,CAAC;AACpE,SAAO,OAAO;AAAA,IACZ,CAAC,GAAG,KAAK,EAAE,IAAI,CAAC,SAAS;AAAA,MACvB;AAAA,MACA,EAAE,gBAAgB,EAAE,GAAG,OAAO,IAAI,GAAG,gBAAgB,GAAG,KAAK,IAAI,GAAG,eAAe,EAAE;AAAA,IACvF,CAAC;AAAA,EACH;AACF;AAQO,SAAS,qBAAqB,OAAc,OAAkB,MAAiB;AACpF,SAAO;AAAA,IACL,GAAG,gBAAgB,KAAK;AAAA,IACxB,GAAG,mBAAmB,OAAO,IAAI;AAAA,IACjC,sCAAsC,EAAE,aAAa,UAAU,KAAK,EAAE;AAAA,EACxE;AACF;","names":[]}
+{"version":3,"sources":["../src/tokens/field-height.ts"],"sourcesContent":["import type { Components, CSSObject, Theme } from '@mui/material/styles/index.js';\n\nimport { fieldEdge } from './field-edge';\nimport { fieldRadiusOverrides, fieldRootStyles } from './field-radius';\nimport {\n  DEFAULT_FIELD_HEIGHT,\n  FIELD_BORDER_WIDTH,\n  FIELD_HEIGHT_SCALE,\n  fieldHeightRem,\n  resolveFieldHeight,\n} from './field-height.core';\n\nimport type { SizeValue } from './vocabulary';\n\n/**\n * THE FIELD HEIGHT AND BORDER ON THE WEB: the theme channel, the readers, and\n * the styles that put a MUI text field or select on them.\n *\n * The argument for one height is in `./field-height.core.ts`. It is a top-level\n * theme key for the reason `fieldRadius` is (`./field-radius.ts`): MUI types\n * `shape` in `@mui/system`, which this package does not depend on.\n */\n\nexport {\n  DEFAULT_FIELD_HEIGHT,\n  FIELD_BORDER_WIDTH,\n  FIELD_HEIGHT_SCALE,\n  fieldHeightPx,\n  fieldHeightRem,\n} from './field-height.core';\n\ndeclare module '@mui/material/styles' {\n  interface Theme {\n    /** The standard field height, in multiples of the default font size. See `@12-apps/ui/tokens`' `fieldHeight`. */\n    fieldHeight?: number;\n  }\n  interface ThemeOptions {\n    /** The standard field height, in multiples of the default font size. Defaults to {@link DEFAULT_FIELD_HEIGHT}. */\n    fieldHeight?: number;\n  }\n}\n\n/** A component's own size string as a step of the field scale — `md` when it is not one. */\nexport function asFieldSize(size: string | undefined): SizeValue {\n  return size !== undefined && size in FIELD_HEIGHT_SCALE ? (size as SizeValue) : 'md';\n}\n\n/** A field's height for a size, as CSS — `2.5rem` for the default. */\nexport function fieldHeight(theme: Theme, size: SizeValue = 'md'): string {\n  return `${fieldHeightRem(resolveFieldHeight(theme.fieldHeight), size)}rem`;\n}\n\n/** The resting border every field draws: 1px in {@link fieldEdge}'s colour. */\nexport function fieldBorder(theme: Theme, surface?: string): string {\n  return `${FIELD_BORDER_WIDTH}px solid ${fieldEdge(theme, surface)}`;\n}\n\n/**\n * The vertical padding that makes a one-line box `height` tall around MUI's\n * `1.4375em` line — in `em`, so it is measured against the field's own type.\n */\nconst verticalInset = (height: string): string => `calc((${height} - 1.4375em) / 2)`;\n\n/**\n * A MUI `TextField` / `Select` / `Autocomplete` (outlined, one line) at the\n * field height for `size`: the root's own vertical padding goes, the input\n * takes the inset, and the resting label sits on the new centre line.\n *\n * Multiline fields are left alone — their height is their content's — and so\n * are `filled` and `standard`, whose label sits inside the box and which draw\n * their own heights as variants.\n */\nexport function fieldControlStyles(theme: Theme, size: SizeValue = 'md'): CSSObject {\n  const inset = verticalInset(fieldHeight(theme, size));\n  return {\n    '& .MuiOutlinedInput-root:not(.MuiInputBase-multiline)': {\n      paddingTop: 0,\n      paddingBottom: 0,\n      '& .MuiOutlinedInput-input, & .MuiSelect-select': { paddingTop: inset, paddingBottom: inset },\n      // A select's display box inherits the ROOT's line height as an absolute\n      // length, so at a smaller font (0.875rem) it outgrew the inset measured in\n      // its own `em` — 42.88px in a 40px row. Its line follows its own type now.\n      '& .MuiSelect-select': { lineHeight: '1.4375em' },\n    },\n    '& .MuiInputLabel-outlined:not(.MuiInputLabel-shrink)': {\n      transform: `translate(14px, ${inset}) scale(1)`,\n    },\n  };\n}\n\n/**\n * The notched outline's resting colour, as a MUI style-override callback. One\n * function, not one per call: two themes built from the same options must\n * compare equal, and a fresh closure each time would make them differ.\n */\nconst restingEdge = ({ theme }: { theme: Theme }): CSSObject => ({ borderColor: fieldEdge(theme) });\n\n/**\n * MUI component overrides that put MUI's OWN outlined fields on the standard\n * height and the one resting border — for a host's bare `TextField` / `Select`,\n * the way `fieldRadiusOverrides` rounds them. Every size MUI has maps to the standard:\n * a host that wants another density asks this package's fields for a `size`.\n */\nexport function fieldHeightOverrides(height: number = DEFAULT_FIELD_HEIGHT): Components<Theme> {\n  const inset = verticalInset(`${fieldHeightRem(height)}rem`);\n  return {\n    MuiOutlinedInput: {\n      styleOverrides: {\n        input: { '&:not(.MuiInputBase-inputMultiline)': { paddingTop: inset, paddingBottom: inset } },\n        // The one resting border; MUI's hover, focus and error rules outrank it.\n        notchedOutline: restingEdge,\n      },\n    },\n    MuiInputLabel: {\n      styleOverrides: {\n        outlined: { '&:not(.MuiInputLabel-shrink)': { transform: `translate(14px, ${inset}) scale(1)` } },\n      },\n    },\n  };\n}\n\n/**\n * Several `Components<Theme>` override sets, merged per component name — a\n * later source's `styleOverrides` win over an earlier one's for the SAME\n * inner key, but neither erases the other's keys. A plain spread of the\n * top-level objects would drop every override but the last source's for a\n * component two sources both style (`fieldOverrides` below merges exactly\n * two; density's geometry overrides, FUT-2766–2768, add more).\n */\nexport function mergeMuiComponents(...sources: Components<Theme>[]): Components<Theme> {\n  type Entry = { styleOverrides?: Record<string, unknown> };\n  const maps = sources as unknown as Record<string, Entry>[];\n  const names = new Set(maps.flatMap((map) => Object.keys(map)));\n  return Object.fromEntries(\n    [...names].map((name) => [\n      name,\n      { styleOverrides: Object.assign({}, ...maps.map((map) => map[name]?.styleOverrides)) },\n    ]),\n  ) as Components<Theme>;\n}\n\n/**\n * Both field overrides — the corner and the height — merged per component.\n * They meet on `MuiOutlinedInput` (`root` from the radius, `input` from the\n * height), so a plain spread would lose one of them.\n */\nexport function fieldOverrides(radius: number | undefined, height: number | undefined): Components<Theme> {\n  return mergeMuiComponents(fieldRadiusOverrides(radius), fieldHeightOverrides(height));\n}\n\n/**\n * THE field standard on a MUI `TextField` / `Select` / `Autocomplete`, for a\n * composite that renders MUI's own: the field radius, the field height for\n * `size`, and the one resting border ({@link fieldEdge}). MUI's own hover,\n * focus and error borders outrank the resting one, so they still show.\n */\nexport function fieldTextFieldStyles(theme: Theme, size: SizeValue = 'md'): CSSObject {\n  return {\n    ...fieldRootStyles(theme),\n    ...fieldControlStyles(theme, size),\n    '& .MuiOutlinedInput-notchedOutline': { borderColor: fieldEdge(theme) },\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;AA2CO,SAAS,YAAY,MAAqC;AAC/D,SAAO,SAAS,UAAa,QAAQ,qBAAsB,OAAqB;AAClF;AAGO,SAAS,YAAY,OAAc,OAAkB,MAAc;AACxE,SAAO,GAAG,eAAe,mBAAmB,MAAM,WAAW,GAAG,IAAI,CAAC;AACvE;AAGO,SAAS,YAAY,OAAc,SAA0B;AAClE,SAAO,GAAG,kBAAkB,YAAY,UAAU,OAAO,OAAO,CAAC;AACnE;AAMA,IAAM,gBAAgB,CAAC,WAA2B,SAAS,MAAM;AAW1D,SAAS,mBAAmB,OAAc,OAAkB,MAAiB;AAClF,QAAM,QAAQ,cAAc,YAAY,OAAO,IAAI,CAAC;AACpD,SAAO;AAAA,IACL,yDAAyD;AAAA,MACvD,YAAY;AAAA,MACZ,eAAe;AAAA,MACf,kDAAkD,EAAE,YAAY,OAAO,eAAe,MAAM;AAAA;AAAA;AAAA;AAAA,MAI5F,uBAAuB,EAAE,YAAY,WAAW;AAAA,IAClD;AAAA,IACA,wDAAwD;AAAA,MACtD,WAAW,mBAAmB,KAAK;AAAA,IACrC;AAAA,EACF;AACF;AAOA,IAAM,cAAc,CAAC,EAAE,MAAM,OAAoC,EAAE,aAAa,UAAU,KAAK,EAAE;AAQ1F,SAAS,qBAAqB,SAAiB,sBAAyC;AAC7F,QAAM,QAAQ,cAAc,GAAG,eAAe,MAAM,CAAC,KAAK;AAC1D,SAAO;AAAA,IACL,kBAAkB;AAAA,MAChB,gBAAgB;AAAA,QACd,OAAO,EAAE,uCAAuC,EAAE,YAAY,OAAO,eAAe,MAAM,EAAE;AAAA;AAAA,QAE5F,gBAAgB;AAAA,MAClB;AAAA,IACF;AAAA,IACA,eAAe;AAAA,MACb,gBAAgB;AAAA,QACd,UAAU,EAAE,gCAAgC,EAAE,WAAW,mBAAmB,KAAK,aAAa,EAAE;AAAA,MAClG;AAAA,IACF;AAAA,EACF;AACF;AAUO,SAAS,sBAAsB,SAAiD;AAErF,QAAM,OAAO;AACb,QAAM,QAAQ,IAAI,IAAI,KAAK,QAAQ,CAAC,QAAQ,OAAO,KAAK,GAAG,CAAC,CAAC;AAC7D,SAAO,OAAO;AAAA,IACZ,CAAC,GAAG,KAAK,EAAE,IAAI,CAAC,SAAS;AAAA,MACvB;AAAA,MACA,EAAE,gBAAgB,OAAO,OAAO,CAAC,GAAG,GAAG,KAAK,IAAI,CAAC,QAAQ,IAAI,IAAI,GAAG,cAAc,CAAC,EAAE;AAAA,IACvF,CAAC;AAAA,EACH;AACF;AAOO,SAAS,eAAe,QAA4B,QAA+C;AACxG,SAAO,mBAAmB,qBAAqB,MAAM,GAAG,qBAAqB,MAAM,CAAC;AACtF;AAQO,SAAS,qBAAqB,OAAc,OAAkB,MAAiB;AACpF,SAAO;AAAA,IACL,GAAG,gBAAgB,KAAK;AAAA,IACxB,GAAG,mBAAmB,OAAO,IAAI;AAAA,IACjC,sCAAsC,EAAE,aAAa,UAAU,KAAK,EAAE;AAAA,EACxE;AACF;","names":[]}

package/dist/{chunk-YUXDVW62.js → chunk-M65ZNPLO.js}

@@ -1,6 +1,6 @@
 import {
   fieldHeight
-} from "./chunk-CGO452DC.js";
+} from "./chunk-M47ZOUGF.js";
 import {
   fieldRadiusPx
 } from "./chunk-GDN2LUTZ.js";
@@ -192,4 +192,4 @@ function SortByDropdown({
 export {
   SortByDropdown
 };
-//# sourceMappingURL=chunk-YUXDVW62.js.map
+//# sourceMappingURL=chunk-M65ZNPLO.js.map

package/dist/{chunk-URHX4FAQ.js → chunk-MKLIMY3D.js}

@@ -11,7 +11,7 @@ import {
   HEADING_LETTER_SPACING_EM,
   TEXT_SIZES,
   TEXT_WEIGHTS
-} from "./chunk-ZN6YATOG.js";
+} from "./chunk-PAT2BQOQ.js";
 import {
   resolveTestId,
   withoutTestIdProps
@@ -143,4 +143,4 @@ Text.displayName = "Text";
 export {
   Text
 };
-//# sourceMappingURL=chunk-URHX4FAQ.js.map
+//# sourceMappingURL=chunk-MKLIMY3D.js.map

package/dist/{chunk-2FM5SUQV.js → chunk-MM5XSAVE.js}

@@ -1,6 +1,6 @@
 import {
   getSizeStyles
-} from "./chunk-KJDBY2KN.js";
+} from "./chunk-7LILFS72.js";
 import {
   BADGE_CONTENT_GAP,
   BADGE_SIZES
@@ -94,4 +94,4 @@ var buildBadgeContent = ({
 export {
   buildBadgeContent
 };
-//# sourceMappingURL=chunk-2FM5SUQV.js.map
+//# sourceMappingURL=chunk-MM5XSAVE.js.map

package/dist/{chunk-LXT3X33C.js → chunk-NCB4GBRL.js}

@@ -6,7 +6,7 @@ import {
   triggerClearSx,
   triggerCountSx,
   triggerSx
-} from "./chunk-JC22FNFA.js";
+} from "./chunk-Z6T5SXST.js";
 import {
   sxRem
 } from "./chunk-YKCAJ2TN.js";
@@ -93,4 +93,4 @@ function CategoryTrigger({
 export {
   CategoryTrigger
 };
-//# sourceMappingURL=chunk-LXT3X33C.js.map
+//# sourceMappingURL=chunk-NCB4GBRL.js.map

package/dist/{chunk-FNO5TWBJ.js → chunk-NCEQWEXT.js}

@@ -1,10 +1,10 @@
+import {
+  transitionFor
+} from "./chunk-N7GE6BGM.js";
 import {
   backdropSx,
   panelSx
 } from "./chunk-NDMPXMW2.js";
-import {
-  transitionFor
-} from "./chunk-N7GE6BGM.js";
 import {
   withDefaults
 } from "./chunk-HPK33ACY.js";
@@ -83,4 +83,4 @@ export {
   Modal,
   ModalContent
 };
-//# sourceMappingURL=chunk-FNO5TWBJ.js.map
+//# sourceMappingURL=chunk-NCEQWEXT.js.map