@12-apps/ui 6.39.20 → 6.41.0

package/dist/{chunk-YZ2DMP23.js → chunk-6TPYT3UC.js}

@@ -1,13 +1,13 @@
 import {
   asFieldSize,
   fieldHeight
-} 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 {
   absoluteInk,
   controlNeutral
@@ -87,4 +87,4 @@ var otpSlotSx = (theme, flags) => {
 export {
   otpSlotSx
 };
-//# sourceMappingURL=chunk-YZ2DMP23.js.map
+//# sourceMappingURL=chunk-6TPYT3UC.js.map

package/dist/{chunk-I4MRBEWU.js → chunk-6ZD3FI5P.js}

@@ -1,29 +1,29 @@
+import {
+  DiscloseSlot,
+  DragSlot,
+  SelectSlot
+} from "./chunk-GZT7MLLO.js";
 import {
   actionProps,
   metaShape,
   rowStyles,
   useRowShell
-} from "./chunk-2622YFM6.js";
-import {
-  useDisclosure
-} from "./chunk-2JCRNWHE.js";
+} from "./chunk-NSVSC6ZC.js";
 import {
   ListCardActions,
   ListCardCaption,
   ListCardMeta,
   ListCardTail
-} from "./chunk-FLDLUAHW.js";
+} from "./chunk-JE6GQB5J.js";
 import {
-  DiscloseSlot,
-  DragSlot,
-  SelectSlot
-} from "./chunk-GZT7MLLO.js";
+  useDisclosure
+} from "./chunk-2JCRNWHE.js";
 import {
   DropIndicator
 } from "./chunk-K4EKTMTC.js";
 import {
   cellRailsTemplate
-} from "./chunk-VY6L74JQ.js";
+} from "./chunk-EQXIW5MQ.js";
 import {
   ListCardCells,
   cellTracks,
@@ -179,4 +179,4 @@ function BaseListCard(props) {
 export {
   BaseListCard
 };
-//# sourceMappingURL=chunk-I4MRBEWU.js.map
+//# sourceMappingURL=chunk-6ZD3FI5P.js.map

package/dist/{chunk-PWZHCBG3.js → chunk-72FPUWD6.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-4XK6JQ4D.js";
 import {
   Select
-} from "./chunk-TU5A2CV7.js";
+} from "./chunk-6L2FKTBO.js";
 import {
   FormControl,
   FormLabel,
@@ -36,4 +36,4 @@ function SelectField({ name, options, label, placeholder }) {
 export {
   SelectField
 };
-//# sourceMappingURL=chunk-PWZHCBG3.js.map
+//# sourceMappingURL=chunk-72FPUWD6.js.map

package/dist/{chunk-VRPREI27.js → chunk-72S2RGWD.js}

@@ -1,6 +1,6 @@
 import {
   fieldHeight
-} from "./chunk-CGO452DC.js";
+} from "./chunk-M47ZOUGF.js";
 import {
   fieldRadiusPx
 } from "./chunk-GDN2LUTZ.js";
@@ -107,4 +107,4 @@ function ViewSelector({
 export {
   ViewSelector
 };
-//# sourceMappingURL=chunk-VRPREI27.js.map
+//# sourceMappingURL=chunk-72S2RGWD.js.map

package/dist/{chunk-OAW6GCS3.js → chunk-77BKKPCI.js}

@@ -1,9 +1,9 @@
 import {
   withConfirmation
-} from "./chunk-4WCDMCIS.js";
+} from "./chunk-4CHYMTBT.js";
 import {
   Button
-} from "./chunk-HM2JJNUE.js";
+} from "./chunk-K6LNHHSH.js";
 
 // src/components/feedback/ConfirmAction/ConfirmButton.tsx
 function createConfirmButton(copy, errorText) {
@@ -18,4 +18,4 @@ function createConfirmButton(copy, errorText) {
 export {
   createConfirmButton
 };
-//# sourceMappingURL=chunk-OAW6GCS3.js.map
+//# sourceMappingURL=chunk-77BKKPCI.js.map

package/dist/{chunk-67O4GPJJ.js → chunk-7FEXRMJE.js}

@@ -3,7 +3,7 @@ import {
   effectStyles,
   getColorFromTheme,
   variantStyles
-} from "./chunk-FNRPQE2D.js";
+} from "./chunk-LF3EVXMF.js";
 import {
   rem
 } from "./chunk-YKCAJ2TN.js";
@@ -83,4 +83,4 @@ Toggle.displayName = "Toggle";
 export {
   Toggle
 };
-//# sourceMappingURL=chunk-67O4GPJJ.js.map
+//# sourceMappingURL=chunk-7FEXRMJE.js.map

package/dist/{chunk-KN5J3NEZ.js → chunk-7KKMZJFT.js}

@@ -1,7 +1,7 @@
 import {
   METRICS,
   footerSx
-} from "./chunk-JC22FNFA.js";
+} from "./chunk-Z6T5SXST.js";
 import {
   fieldRadiusPx
 } from "./chunk-GDN2LUTZ.js";
@@ -84,4 +84,4 @@ export {
   CategoryMultiFoot,
   CategorySingleFoot
 };
-//# sourceMappingURL=chunk-KN5J3NEZ.js.map
+//# sourceMappingURL=chunk-7KKMZJFT.js.map

package/dist/{chunk-KJDBY2KN.js → chunk-7LILFS72.js}

@@ -26,7 +26,7 @@ import {
 } from "./chunk-PYC4CWCQ.js";
 import {
   accentFor
-} from "./chunk-TCAQOUIB.js";
+} from "./chunk-ZSTSISM6.js";
 import {
   sheen
 } from "./chunk-FQ6UW7IY.js";
@@ -198,4 +198,4 @@ export {
   getAnchorOrigin,
   badgeStyles
 };
-//# sourceMappingURL=chunk-KJDBY2KN.js.map
+//# sourceMappingURL=chunk-7LILFS72.js.map

package/dist/{chunk-SLDSWQVE.js → chunk-7TE4TMS3.js}

@@ -3,20 +3,20 @@ import {
 } from "./chunk-INGPH3YQ.js";
 import {
   Heading
-} from "./chunk-IWEUSZY3.js";
+} from "./chunk-X66E5WSX.js";
 import {
   Separator
-} from "./chunk-X53F33KA.js";
+} from "./chunk-RWXYND4H.js";
 import {
   Card,
   CardContent
 } from "./chunk-WN5PNP6F.js";
 import {
   Button
-} from "./chunk-HM2JJNUE.js";
+} from "./chunk-K6LNHHSH.js";
 import {
   Text
-} from "./chunk-URHX4FAQ.js";
+} from "./chunk-MKLIMY3D.js";
 import {
   uiInk
 } from "./chunk-FQ6UW7IY.js";
@@ -217,4 +217,4 @@ export {
   SocialLoginButton,
   SocialLoginContainer
 };
-//# sourceMappingURL=chunk-SLDSWQVE.js.map
+//# sourceMappingURL=chunk-7TE4TMS3.js.map

package/dist/{chunk-AG3DY5TH.js → chunk-ADSA76T7.js}

@@ -1,6 +1,6 @@
 import {
   CalendarDayCell
-} from "./chunk-6PU3JYVY.js";
+} from "./chunk-F3AYISXT.js";
 import {
   getMonthName
 } from "./chunk-TERT6TIS.js";
@@ -104,4 +104,4 @@ var CalendarMonth = ({
 export {
   CalendarMonth
 };
-//# sourceMappingURL=chunk-AG3DY5TH.js.map
+//# sourceMappingURL=chunk-ADSA76T7.js.map

package/dist/chunk-AEMD6JHZ.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-AEMD6JHZ.js.map

package/dist/chunk-AEMD6JHZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/{chunk-BKASAYQL.js → chunk-ALOUJ3CE.js}

@@ -1,9 +1,15 @@
 import {
   CategoryPanel
-} from "./chunk-2JNHWKQK.js";
+} from "./chunk-GPHURU2K.js";
+import {
+  CategoryTrigger
+} from "./chunk-NCB4GBRL.js";
 import {
   CategoryPanelSurface
 } from "./chunk-QYY37ECA.js";
+import {
+  METRICS
+} from "./chunk-Z6T5SXST.js";
 import {
   useCategorySelect
 } from "./chunk-RZVUY2MO.js";
@@ -17,12 +23,6 @@ import {
   categoryPath,
   summarizeSelection
 } from "./chunk-PN4HVM43.js";
-import {
-  CategoryTrigger
-} from "./chunk-LXT3X33C.js";
-import {
-  METRICS
-} from "./chunk-JC22FNFA.js";
 import {
   FormControl,
   FormLabel,
@@ -155,4 +155,4 @@ function CategorySelect(props) {
 export {
   CategorySelect
 };
-//# sourceMappingURL=chunk-BKASAYQL.js.map
+//# sourceMappingURL=chunk-ALOUJ3CE.js.map

package/dist/{chunk-VY2BMSHN.js → chunk-ANYOSBNA.js}

@@ -1,6 +1,6 @@
 import {
   accentFor
-} from "./chunk-TCAQOUIB.js";
+} from "./chunk-ZSTSISM6.js";
 import {
   rem,
   sxRem
@@ -147,4 +147,4 @@ export {
   labelStyles,
   SR_ONLY_SX
 };
-//# sourceMappingURL=chunk-VY2BMSHN.js.map
+//# sourceMappingURL=chunk-ANYOSBNA.js.map

package/dist/{chunk-LNHYBA4B.js → chunk-AWG2AJHX.js}

@@ -7,13 +7,13 @@ import {
 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,
   sxRem
@@ -348,4 +348,4 @@ export {
   PhoneInput,
   PhoneInput_default
 };
-//# sourceMappingURL=chunk-LNHYBA4B.js.map
+//# sourceMappingURL=chunk-AWG2AJHX.js.map

package/dist/{chunk-7X7ZHJHM.js → chunk-B3QWQG62.js}

@@ -1,6 +1,6 @@
 import {
   Input
-} from "./chunk-JRJCBDGN.js";
+} from "./chunk-SDKOOVEX.js";
 import {
   FormControl,
   FormLabel,
@@ -122,4 +122,4 @@ export {
   CepField,
   CepField_default
 };
-//# sourceMappingURL=chunk-7X7ZHJHM.js.map
+//# sourceMappingURL=chunk-B3QWQG62.js.map

package/dist/{chunk-2S752BIJ.js → chunk-BA6Z52QN.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-KHG57NAE.js";
 import {
   Pagination
-} from "./chunk-N23GCN5U.js";
+} from "./chunk-JFLFZLOA.js";
 import {
   default as default2
 } from "./chunk-6DPAWXZ3.js";
@@ -31,4 +31,4 @@ function DataViewsPagination({
 export {
   DataViewsPagination
 };
-//# sourceMappingURL=chunk-2S752BIJ.js.map
+//# sourceMappingURL=chunk-BA6Z52QN.js.map

package/dist/{chunk-X4F32GUB.js → chunk-BM4KKGL7.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   fieldHeight
-} from "./chunk-CGO452DC.js";
+} from "./chunk-M47ZOUGF.js";
 import {
   fieldRadiusPx
 } from "./chunk-GDN2LUTZ.js";
@@ -91,4 +91,4 @@ export {
   ClearAllControl,
   CloseSearchControl
 };
-//# sourceMappingURL=chunk-X4F32GUB.js.map
+//# sourceMappingURL=chunk-BM4KKGL7.js.map

package/dist/chunk-BOWS4U6W.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-BOWS4U6W.js.map

package/dist/chunk-BOWS4U6W.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/{chunk-4T6UIYJB.js → chunk-BVSSEOLI.js}

@@ -1,6 +1,6 @@
 import {
   AddressTextField
-} from "./chunk-RDCHT2WN.js";
+} from "./chunk-JE5GEWTG.js";
 import {
   rem
 } from "./chunk-YKCAJ2TN.js";
@@ -74,4 +74,4 @@ var AddressInputField = ({
 export {
   AddressInputField
 };
-//# sourceMappingURL=chunk-4T6UIYJB.js.map
+//# sourceMappingURL=chunk-BVSSEOLI.js.map

package/dist/{chunk-3UABIEP3.js → chunk-C2TERIB4.js}

@@ -1,6 +1,6 @@
 import {
   uiThemeFromMui
-} from "./chunk-JH5BKA3Y.js";
+} from "./chunk-ZH2SZ6B3.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-3UABIEP3.js.map
+//# sourceMappingURL=chunk-C2TERIB4.js.map

package/dist/{chunk-TEEJ4GNY.js → chunk-C6OVO6AT.js}

@@ -1,6 +1,6 @@
 import {
   GridToolbar
-} from "./chunk-HWSS6C7C.js";
+} from "./chunk-RDFPM2AQ.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-TEEJ4GNY.js.map
+//# sourceMappingURL=chunk-C6OVO6AT.js.map

package/dist/{chunk-CYZZHWNK.js → chunk-CJ45OL7L.js}

@@ -1,6 +1,6 @@
 import {
   FONT_WEIGHTS
-} from "./chunk-BLW6KLDR.js";
+} from "./chunk-YFODI4KT.js";
 import {
   HEADING_SCALE
 } from "./chunk-FZXKH2ZT.js";
@@ -57,4 +57,4 @@ export {
   headingGradient,
   headingGradientStops
 };
-//# sourceMappingURL=chunk-CYZZHWNK.js.map
+//# sourceMappingURL=chunk-CJ45OL7L.js.map

package/dist/{chunk-N7LPVR7P.js → chunk-CKHFYTIX.js}

@@ -1,12 +1,12 @@
-import {
-  watchVisitorScroll
-} from "./chunk-SLJAQA2X.js";
 import {
   SettingsStatusMarker
 } from "./chunk-DBFRCTI5.js";
 import {
   TOUCH_TARGET
 } from "./chunk-NYFNF7I5.js";
+import {
+  watchVisitorScroll
+} from "./chunk-SLJAQA2X.js";
 import {
   rem,
   sxRem
@@ -176,4 +176,4 @@ SettingsSectionChips.displayName = "SettingsSectionChips";
 export {
   SettingsSectionChips
 };
-//# sourceMappingURL=chunk-N7LPVR7P.js.map
+//# sourceMappingURL=chunk-CKHFYTIX.js.map

package/dist/{chunk-PA3AA55Q.js → chunk-CLK67TNH.js}

@@ -1,6 +1,6 @@
 import {
   fieldHeight
-} from "./chunk-CGO452DC.js";
+} from "./chunk-M47ZOUGF.js";
 import {
   fieldRadiusPx
 } from "./chunk-GDN2LUTZ.js";
@@ -105,4 +105,4 @@ function ColumnsMenu({
 export {
   ColumnsMenu
 };
-//# sourceMappingURL=chunk-PA3AA55Q.js.map
+//# sourceMappingURL=chunk-CLK67TNH.js.map

package/dist/{chunk-MQ277OLB.js → chunk-CM2Q7IH3.js}

@@ -1,3 +1,7 @@
+import {
+  hasSpacingSlot,
+  withDialogDefaults
+} from "./chunk-GYXUCS37.js";
 import {
   backdropSxOf,
   variantStylesOf
@@ -15,10 +19,6 @@ import {
   DIALOG_TITLE,
   DIALOG_TITLED_BODY_PADDING_TOP_UNITS
 } from "./chunk-GVGJMH77.js";
-import {
-  hasSpacingSlot,
-  withDialogDefaults
-} from "./chunk-GYXUCS37.js";
 import {
   focusDialogOnEntered
 } from "./chunk-LV7LSPBF.js";
@@ -303,4 +303,4 @@ export {
   DialogContent,
   DialogActions
 };
-//# sourceMappingURL=chunk-MQ277OLB.js.map
+//# sourceMappingURL=chunk-CM2Q7IH3.js.map

package/dist/{chunk-ZXSWXE6U.js → chunk-CMFJQH6A.js}

@@ -1,6 +1,3 @@
-import {
-  highlightSegments
-} from "./chunk-PN4HVM43.js";
 import {
   CheckGlyph,
   DisclosureGlyph
@@ -17,7 +14,10 @@ import {
   rowNameSx,
   rowSx,
   sectionHeadSx
-} from "./chunk-JC22FNFA.js";
+} from "./chunk-Z6T5SXST.js";
+import {
+  highlightSegments
+} from "./chunk-PN4HVM43.js";
 import {
   sxRem
 } from "./chunk-YKCAJ2TN.js";
@@ -148,4 +148,4 @@ export {
   CategoryTreeRow,
   CategorySectionHeading
 };
-//# sourceMappingURL=chunk-ZXSWXE6U.js.map
+//# sourceMappingURL=chunk-CMFJQH6A.js.map

package/dist/{chunk-NOKN4HRK.js → chunk-CMLIWUBW.js}

@@ -1,9 +1,9 @@
-import {
-  tabsRootStyles
-} from "./chunk-HDJQDMHB.js";
 import {
   CustomTabPanel
 } from "./chunk-GNCSDUGY.js";
+import {
+  tabsRootStyles
+} from "./chunk-QMHS6ZDI.js";
 import {
   rem,
   sxRem
@@ -250,4 +250,4 @@ Tabs.displayName = "Tabs";
 export {
   Tabs
 };
-//# sourceMappingURL=chunk-NOKN4HRK.js.map
+//# sourceMappingURL=chunk-CMLIWUBW.js.map

package/dist/{chunk-EA2UNEL6.js → chunk-CNR5RFKC.js}

@@ -1,6 +1,6 @@
 import {
   accentFor
-} from "./chunk-TCAQOUIB.js";
+} from "./chunk-ZSTSISM6.js";
 import {
   uiInk
 } from "./chunk-FQ6UW7IY.js";
@@ -129,4 +129,4 @@ export {
   resolveSeries,
   getAxisStyles
 };
-//# sourceMappingURL=chunk-EA2UNEL6.js.map
+//# sourceMappingURL=chunk-CNR5RFKC.js.map

package/dist/{chunk-P52LYD6S.js → chunk-DFI2RKVQ.js}

@@ -1,6 +1,6 @@
 import {
   GREY
-} from "./chunk-BLW6KLDR.js";
+} from "./chunk-YFODI4KT.js";
 import {
   contrastText
 } from "./chunk-2BYKTBDL.js";
@@ -67,4 +67,4 @@ export {
   LINEAR_INDETERMINATE,
   progressPalette
 };
-//# sourceMappingURL=chunk-P52LYD6S.js.map
+//# sourceMappingURL=chunk-DFI2RKVQ.js.map

package/dist/{chunk-37USSARD.js → chunk-DH5UJD2I.js}

@@ -4,16 +4,16 @@ import {
 import {
   Dialog,
   DialogContent
-} from "./chunk-MQ277OLB.js";
+} from "./chunk-CM2Q7IH3.js";
 import {
   default as default2
 } from "./chunk-WEBEOBN5.js";
 import {
   Button
-} from "./chunk-HM2JJNUE.js";
+} from "./chunk-K6LNHHSH.js";
 import {
   Text
-} from "./chunk-URHX4FAQ.js";
+} from "./chunk-MKLIMY3D.js";
 
 // src/components/data-display/DataViews/DeleteViewDialog.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -69,4 +69,4 @@ function DeleteViewDialog({
 export {
   DeleteViewDialog
 };
-//# sourceMappingURL=chunk-37USSARD.js.map
+//# sourceMappingURL=chunk-DH5UJD2I.js.map

package/dist/{chunk-PCLKFR27.js → chunk-DH6SL3SY.js}

@@ -1,17 +1,17 @@
+import {
+  AddressSuggestionsPaper
+} from "./chunk-C5RQBTRZ.js";
+import {
+  AddressOption
+} from "./chunk-P5JCOFK3.js";
 import {
   AddressInputField
-} from "./chunk-4T6UIYJB.js";
+} from "./chunk-BVSSEOLI.js";
 import {
   MIN_QUERY_LENGTH,
   addressOptionLabel,
   isSameAddressOption
 } from "./chunk-MTGEJRE4.js";
-import {
-  AddressSuggestionsPaper
-} from "./chunk-C5RQBTRZ.js";
-import {
-  AddressOption
-} from "./chunk-P5JCOFK3.js";
 
 // src/components/form/AddressAutocomplete/AddressAutocompleteField.tsx
 import Alert from "@mui/material/Alert/index.js";
@@ -89,4 +89,4 @@ var AddressAutocompleteField = ({
 export {
   AddressAutocompleteField
 };
-//# sourceMappingURL=chunk-PCLKFR27.js.map
+//# sourceMappingURL=chunk-DH6SL3SY.js.map

package/dist/chunk-DJKVSUXH.js

@@ -0,0 +1,35 @@
+import {
+  fieldOverrides,
+  mergeMuiComponents
+} from "./chunk-M47ZOUGF.js";
+import {
+  densityFieldHeight,
+  densityFontSize,
+  densitySpacingUnit,
+  resolveDensityFactor
+} from "./chunk-VBP46YP4.js";
+import {
+  DEFAULT_FIELD_RADIUS
+} from "./chunk-26X4CZVR.js";
+
+// src/tokens/density.ts
+import { useTheme } from "@mui/material/styles/index.js";
+function useDensity() {
+  return useTheme().density ?? resolveDensityFactor();
+}
+function densityThemeOptions(density, factors, fieldRadius = DEFAULT_FIELD_RADIUS) {
+  const { factor } = resolveDensityFactor(density, factors);
+  const fieldHeight = densityFieldHeight(factor);
+  return {
+    typography: { fontSize: densityFontSize(factor) },
+    spacing: densitySpacingUnit(factor),
+    fieldHeight,
+    components: mergeMuiComponents(fieldOverrides(fieldRadius, fieldHeight))
+  };
+}
+
+export {
+  useDensity,
+  densityThemeOptions
+};
+//# sourceMappingURL=chunk-DJKVSUXH.js.map

package/dist/chunk-DJKVSUXH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/tokens/density.ts"],"sourcesContent":["import { useTheme } from '@mui/material/styles/index.js';\nimport type { ThemeOptions } from '@mui/material/styles/index.js';\n\nimport {\n  densityFieldHeight,\n  densityFontSize,\n  densitySpacingUnit,\n  resolveDensityFactor,\n  type DensityLevel,\n  type ResolvedDensity,\n} from './density.core';\nimport { fieldOverrides, mergeMuiComponents } from './field-height';\nimport { DEFAULT_FIELD_RADIUS } from './field-radius.core';\n\n/**\n * DENSITY ON THE WEB: the MUI theme channel, the reader, and the standalone\n * entry point for a host that never calls `createUiTheme`/`UiProvider`.\n *\n * The argument for one density knob, the factor table and its precedence are\n * in `./density.core.ts`.\n */\n\nexport {\n  DEFAULT_DENSITY,\n  DENSITY_FACTOR,\n  densityFieldHeight,\n  densityFontSize,\n  densitySpacingUnit,\n  resolveDensityFactor,\n  type DensityLevel,\n  type ResolvedDensity,\n} from './density.core';\n\ndeclare module '@mui/material/styles' {\n  interface Theme {\n    /** The density this theme renders at. See `@12-apps/ui/tokens`' `useDensity`. */\n    density?: ResolvedDensity;\n  }\n  interface ThemeOptions {\n    /** The density this theme renders at. See `@12-apps/ui/tokens`' `useDensity`. */\n    density?: ResolvedDensity;\n  }\n}\n\n/**\n * The theme's resolved density — a plain theme read, not a step-shifting\n * resolver (`size` stays hierarchy; see `./density.core.ts`). A `styleOverrides`\n * callback already gets `{ theme }` and can read `theme.density` directly;\n * this is for a component that needs the level in its own render logic\n * (`Table`/`DataGrid`/`DataViews` each read it once to source their own\n * `density` prop's default).\n *\n * Falls back to `resolveDensityFactor()` (`'normal'`, factor `1`) for a bare\n * MUI theme built without `createUiTheme`/`muiThemeOptionsFrom`.\n */\nexport function useDensity(): ResolvedDensity {\n  return useTheme().density ?? resolveDensityFactor();\n}\n\n/**\n * The density factor as a MUI `ThemeOptions` fragment, for a host that builds\n * `createTheme()` directly and never calls `createUiTheme`/`UiProvider` — the\n * same precedence `resolveDensityFactor` gives `createUiTheme`, so the two\n * consumption paths agree on `typography`/`spacing`/`fieldHeight`/`components`\n * (FUT-2764's Design section), not just the first two. `fieldHeight` matters\n * on its own: `Input`/`Select`/`Button` each read `theme.fieldHeight` directly\n * (`Input.tsx`, `Select.tsx`, `Button.styles.ts`'s `buttonSize`), so a fragment\n * that carried only `typography`/`spacing` left every field standing at the\n * DEFAULT height (2.5) at every density on this path — the two paths would\n * agree on the type scale and disagree on the one number three components key\n * their own layout off.\n *\n * `components` is the matching MUI-native override (`fieldOverrides`) for a\n * HOST's own bare `TextField`/`Select`, mirroring `muiThemeOptionsFrom`'s own\n * `components: mergeMuiComponents(fieldOverrides(...))`. It carries ONLY the\n * field overrides this function knows about (`MuiOutlinedInput`'s `root`,\n * `input` and `notchedOutline`; `MuiInputLabel`'s `outlined`) — a host with\n * ITS OWN overrides for OTHER components merges them in with\n * `mergeMuiComponents(densityThemeOptions(density).components, hostOverrides)`,\n * which keeps a component only ONE side touches untouched. For a component\n * BOTH sides style, the merge is by INNER key (`root`/`input`/…): a key only\n * one side sets survives from that side, but a key BOTH set is replaced\n * WHOLESALE by whichever source is passed LAST — not deep-merged — so a host\n * wanting to ADD to, say, `MuiOutlinedInput`'s `root` alongside the radius\n * override needs to write that one key's object out in full itself.\n *\n * `fieldRadius` (3rd argument, optional) exists because density does NOT touch\n * the field's CORNER — this is only for a host that already draws its OWN,\n * non-default radius and wants `components` to match it instead of clashing;\n * it defaults\n * to the same {@link DEFAULT_FIELD_RADIUS} `createUiTheme` itself falls back\n * to when a host names no `fieldRadius`, so the two paths still agree with no\n * argument passed at all — the existing 2-argument call keeps working\n * unchanged.\n *\n * **Where to spread it — the first `createTheme()` call, not a later layering\n * one.** `createTheme(options, ...args)` (`createThemeNoVars.js`) only runs\n * `createSpacing`/`createTypography` on `options`, the FIRST argument; every\n * later argument is deep-merged onto the theme those two already built, with\n * no such reprocessing. So a host with a base theme and a SECOND, layering\n * `createTheme()` call on top of it — exactly the shape a two-theme host uses,\n * `createTheme(outer, { palette: { ... } })` — must apply density at the\n * FIRST call (where the base itself is built), never spread onto `outer` in\n * the second one:\n *\n * ```ts\n * // RIGHT — density goes into the base's OWN construction. The second,\n * // layering call is unaffected: it never restates spacing/typography/\n * // fieldHeight/components itself, so `theme.spacing`/`pxToRem`/`fieldHeight`\n * // carry over from `base` UNCHANGED, already correctly scaled.\n * const base = createTheme({ palette: { primary: { main }, ... }, ...densityThemeOptions('compact') });\n * const themed = createTheme(base, { palette: { primary: { main: brand } } });\n *\n * // WRONG — a second, layering argument onto an ALREADY-BUILT theme is\n * // deepmerged with no reprocessing: `spacing`/`typography.fontSize` would\n * // overwrite the already-resolved `theme.spacing` function/`pxToRem` ratio\n * // instead of rescaling them.\n * createTheme(outer, { ...densityThemeOptions('compact') });\n * ```\n */\nexport function densityThemeOptions(\n  density: DensityLevel | number,\n  factors?: Partial<Record<DensityLevel, number>>,\n  fieldRadius: number = DEFAULT_FIELD_RADIUS,\n): Pick<ThemeOptions, 'typography' | 'spacing' | 'fieldHeight' | 'components'> {\n  const { factor } = resolveDensityFactor(density, factors);\n  const fieldHeight = densityFieldHeight(factor);\n  return {\n    typography: { fontSize: densityFontSize(factor) },\n    spacing: densitySpacingUnit(factor),\n    fieldHeight,\n    components: mergeMuiComponents(fieldOverrides(fieldRadius, fieldHeight)),\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;AAAA,SAAS,gBAAgB;AAuDlB,SAAS,aAA8B;AAC5C,SAAO,SAAS,EAAE,WAAW,qBAAqB;AACpD;AA+DO,SAAS,oBACd,SACA,SACA,cAAsB,sBACuD;AAC7E,QAAM,EAAE,OAAO,IAAI,qBAAqB,SAAS,OAAO;AACxD,QAAM,cAAc,mBAAmB,MAAM;AAC7C,SAAO;AAAA,IACL,YAAY,EAAE,UAAU,gBAAgB,MAAM,EAAE;AAAA,IAChD,SAAS,mBAAmB,MAAM;AAAA,IAClC;AAAA,IACA,YAAY,mBAAmB,eAAe,aAAa,WAAW,CAAC;AAAA,EACzE;AACF;","names":[]}