react-display-scale-engine 0.1.2 → 0.1.3

package/README.md

@@ -33,7 +33,7 @@ export function AppRoot() {
 }
 ```
 
-Use supplied components for MUI overlays whose placement must account for the compensated coordinate space.
+For MUI overlays whose placement must account for the compensated coordinate space, choose either the wrapper or hook adapter API.
 
 ```tsx
 import { DisplayScaleMenu } from "react-display-scale-engine/mui";
@@ -43,6 +43,27 @@ import { DisplayScaleMenu } from "react-display-scale-engine/mui";
 </DisplayScaleMenu>;
 ```
 
+Or retain MUI's native component and spread engine-owned props from a hook:
+
+```tsx
+import { Menu } from "@mui/material";
+import { useMuiDisplayScaleMenu } from "react-display-scale-engine/mui";
+
+const { menuProps } = useMuiDisplayScaleMenu({
+  anchorEl,
+  open,
+});
+
+<Menu {...menuProps} onClose={close}>
+  <MenuItem onClick={close}>Action</MenuItem>
+</Menu>;
+```
+
+The same pattern is available through `useMuiDisplayScalePopover`,
+`useMuiDisplayScalePopper`, and `useMuiDisplayScaleSelect`. The wrappers and
+hook adapters share the same engine implementation, so their placement and
+scale behavior are equivalent.
+
 See [the engine guide](docs/display-scale-engine.md) for policy, limitations, and migration guidance.
 
 ## Development
@@ -58,14 +79,14 @@ Public entry points:
 
 | Import | Purpose |
 | --- | --- |
-| `react-display-scale-engine` | All public exports |
+| `react-display-scale-engine` | Compatibility entry with all public exports |
 | `…/core` | Framework-independent detection and compensation math |
 | `…/react` | Provider and React hooks |
-| `…/mui` | MUI Menu, Popover, Popper, Select, Drawer and token adapters |
+| `…/mui` | MUI 7 wrappers, hook adapters, theme adapter and layout tokens |
 
 ## Publishing
 
-Before first publishing, make sure the `name` in `package.json` is an npm scope you own, then run `npm login`.
+Before first publishing, make sure the `name` in `package.json` is available to your npm account, then run `npm login`.
 
 ```bash
 npm run release:check

package/dist/{chunk-OQRISU2D.js → chunk-5MGGPTIJ.js}

@@ -160,7 +160,10 @@ function useDisplayScalePopoverPosition({
     };
   }, [correctPosition, open]);
 }
-function DisplayScaleMenu({ anchorEl, ...props }) {
+function useMuiDisplayScaleMenu({
+  anchorEl,
+  ...props
+}) {
   const displayScaleAnchor = useDisplayScaleAnchor(anchorEl ?? null);
   const { compensation, rootRef } = useDisplayScaleCompensation();
   const theme = useTheme();
@@ -194,9 +197,8 @@ function DisplayScaleMenu({ anchorEl, ...props }) {
     transformOrigin,
     marginThreshold: props.marginThreshold
   });
-  return /* @__PURE__ */ jsx(
-    Menu,
-    {
+  return {
+    menuProps: {
       ...props,
       ref: overlayRootRef,
       anchorEl: displayScaleAnchor,
@@ -205,9 +207,13 @@ function DisplayScaleMenu({ anchorEl, ...props }) {
       container: rootRef.current ?? document.body,
       transformOrigin
     }
-  );
+  };
 }
-function DisplayScalePopover({
+function DisplayScaleMenu(props) {
+  const { menuProps } = useMuiDisplayScaleMenu(props);
+  return /* @__PURE__ */ jsx(Menu, { ...menuProps });
+}
+function useMuiDisplayScalePopover({
   anchorEl,
   ...props
 }) {
@@ -224,15 +230,18 @@ function DisplayScalePopover({
     transformOrigin: props.transformOrigin,
     marginThreshold: props.marginThreshold
   });
-  return /* @__PURE__ */ jsx(
-    Popover,
-    {
+  return {
+    popoverProps: {
       ...props,
       ref: overlayRootRef,
       anchorEl: displayScaleAnchor,
       container: rootRef.current ?? document.body
     }
-  );
+  };
+}
+function DisplayScalePopover(props) {
+  const { popoverProps } = useMuiDisplayScalePopover(props);
+  return /* @__PURE__ */ jsx(Popover, { ...popoverProps });
 }
 var defaultDisplayScalePopperModifiers = [
   {
@@ -255,25 +264,31 @@ function scalePopperOffsets(modifiers, zoom) {
     return { ...modifier, options: { ...options, offset } };
   });
 }
-function DisplayScalePopper({ anchorEl, ...props }) {
+function useMuiDisplayScalePopper({
+  anchorEl,
+  ...props
+}) {
   const displayScaleAnchor = useDisplayScaleAnchor(anchorEl ?? null);
   const { compensation, rootRef } = useDisplayScaleCompensation();
   const modifiers = useMemo(
     () => scalePopperOffsets(props.modifiers ?? defaultDisplayScalePopperModifiers, compensation.zoom),
     [compensation.zoom, props.modifiers]
   );
-  return /* @__PURE__ */ jsx(
-    Popper,
-    {
+  return {
+    popperProps: {
       ...props,
       anchorEl: displayScaleAnchor,
       container: rootRef.current ?? document.body,
       modifiers,
       style: { ...props.style, zoom: 1 }
     }
-  );
+  };
 }
-function DisplayScaleSelect(props) {
+function DisplayScalePopper(props) {
+  const { popperProps } = useMuiDisplayScalePopper(props);
+  return /* @__PURE__ */ jsx(Popper, { ...popperProps });
+}
+function useMuiDisplayScaleSelect(props) {
   const {
     MenuProps,
     SelectDisplayProps,
@@ -335,9 +350,8 @@ function DisplayScaleSelect(props) {
       }
     };
   }, [MenuProps, rootRef]);
-  return /* @__PURE__ */ jsx(
-    Select,
-    {
+  return {
+    selectProps: {
       ...selectProps,
       open,
       onOpen: handleOpen,
@@ -348,6 +362,24 @@ function DisplayScaleSelect(props) {
         "data-ep-display-scale-select": selectId
       }
     }
+  };
+}
+function DisplayScaleSelect(props) {
+  const { selectProps } = useMuiDisplayScaleSelect(props);
+  return /* @__PURE__ */ jsx(Select, { ...selectProps });
+}
+function useMuiDisplayScaleComponents() {
+  const { compensation, overlayStrategy, rootRef } = useDisplayScaleCompensation();
+  const getPortalContainer = useCallback(() => {
+    if (overlayStrategy === "document-body") return document.body;
+    return rootRef.current ?? document.body;
+  }, [overlayStrategy, rootRef]);
+  return useMemo(
+    () => createMuiDisplayScaleComponents({
+      getPortalContainer,
+      overlayZoom: overlayStrategy === "document-body" ? compensation.zoom : 1
+    }),
+    [compensation.zoom, getPortalContainer, overlayStrategy]
   );
 }
 function useDisplayScaleTabsIndicator(tabsRef, value) {
@@ -408,6 +440,6 @@ var signinSplitColumnSx = {
   boxSizing: "border-box"
 };
 
-export { DisplayScaleMenu, DisplayScalePopover, DisplayScalePopper, DisplayScaleSelect, createMuiDisplayScaleComponents, displayScalePageFillSx, signinSplitColumnSx, signinViewportShellSx, useDisplayScalePopoverPosition, useDisplayScaleTabsIndicator };
-//# sourceMappingURL=chunk-OQRISU2D.js.map
-//# sourceMappingURL=chunk-OQRISU2D.js.map
+export { DisplayScaleMenu, DisplayScalePopover, DisplayScalePopper, DisplayScaleSelect, createMuiDisplayScaleComponents, displayScalePageFillSx, signinSplitColumnSx, signinViewportShellSx, useDisplayScalePopoverPosition, useDisplayScaleTabsIndicator, useMuiDisplayScaleComponents, useMuiDisplayScaleMenu, useMuiDisplayScalePopover, useMuiDisplayScalePopper, useMuiDisplayScaleSelect };
+//# sourceMappingURL=chunk-5MGGPTIJ.js.map
+//# sourceMappingURL=chunk-5MGGPTIJ.js.map

package/dist/chunk-5MGGPTIJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/createMuiDisplayScaleComponents.ts","../src/useDisplayScalePopoverPosition.ts","../src/DisplayScaleMuiOverlays.tsx","../src/DisplayScaleSelect.tsx","../src/useMuiDisplayScaleComponents.ts","../src/useDisplayScaleTabsIndicator.ts","../src/displayScaleLayoutTokens.ts"],"names":["useRef","useLayoutEffect","useCallback","useMemo","jsx"],"mappings":";;;;;;;AAmBO,SAAS,+BAAA,CAAgC;AAAA,EAC9C,kBAAA;AAAA,EACA,WAAA,GAAc;AAChB,CAAA,EAAwD;AACtD,EAAA,MAAM,IAAA,GAAO,WAAA,GAAc,CAAA,GAAI,WAAA,GAAc,CAAA;AAC7C,EAAA,MAAM,oBAAA,GAAuB,CAAC,SAAA,KAA+B;AAC3D,IAAA,IAAI,OAAO,QAAA,KAAa,WAAA,EAAa,OAAO,IAAA;AAC5C,IAAA,MAAM,iBAAA,GACJ,OAAO,SAAA,KAAc,UAAA,GAAc,WAAoC,GAAI,SAAA;AAG7E,IAAA,OAAO,iBAAA,IAAqB,IAAA,IAAQ,iBAAA,KAAsB,QAAA,CAAS,OAAO,IAAA,GAAO,CAAA;AAAA,EACnF,CAAA;AAEA,EAAA,OAAO;AAAA,IACL,QAAA,EAAU;AAAA,MACR,YAAA,EAAc;AAAA,QACZ,SAAA,EAAW;AAAA;AACb,KACF;AAAA,IACA,SAAA,EAAW;AAAA,MACT,YAAA,EAAc;AAAA,QACZ,SAAA,EAAW;AAAA,OACb;AAAA,MACA,cAAA,EAAgB;AAAA,QACd,KAAA,EAAO,CAAC,EAAE,UAAA,EAAW,MAAO,EAAE,IAAA,EAAM,oBAAA,CAAqB,UAAA,EAAY,SAAS,CAAA,EAAE;AAAA;AAClF,KACF;AAAA,IACA,UAAA,EAAY;AAAA,MACV,YAAA,EAAc;AAAA,QACZ,SAAA,EAAW;AAAA,OACb;AAAA,MACA,cAAA,EAAgB;AAAA,QACd,KAAA,EAAO,CAAC,EAAE,UAAA,EAAW,MAAO,EAAE,IAAA,EAAM,oBAAA,CAAqB,UAAA,EAAY,SAAS,CAAA,EAAE;AAAA;AAClF,KACF;AAAA,IACA,SAAA,EAAW;AAAA,MACT,YAAA,EAAc;AAAA,QACZ,SAAA,EAAW;AAAA,OACb;AAAA,MACA,cAAA,EAAgB;AAAA,QACd,IAAA,EAAM,CAAC,EAAE,UAAA,EAAW,MAAO,EAAE,IAAA,EAAM,oBAAA,CAAqB,UAAA,EAAY,SAAS,CAAA,EAAE;AAAA;AACjF,KACF;AAAA,IACA,SAAA,EAAW;AAAA,MACT,YAAA,EAAc;AAAA;AAAA;AAAA,QAGZ,SAAA,EAAW;AAAA,OACb;AAAA,MACA,cAAA,EAAgB;AAAA,QACd,KAAA,EAAO,CAAC,EAAE,UAAA,EAAW,KAAM;AAIzB,UAAA,IAAI,UAAA,CAAW,OAAA,KAAY,WAAA,EAAa,OAAO,EAAC;AAEhD,UAAA,MAAM,UAAA,GAAa,UAAA,CAAW,MAAA,KAAW,MAAA,IAAU,WAAW,MAAA,KAAW,OAAA;AACzE,UAAA,OAAO,UAAA,GACH;AAAA,YACE,IAAA;AAAA,YACA,MAAA,EAAQ,yDAAA;AAAA,YACR,SAAA,EAAW;AAAA,WACb,GACA;AAAA,YACE,IAAA;AAAA,YACA,KAAA,EAAO,wDAAA;AAAA,YACP,QAAA,EAAU;AAAA,WACZ;AAAA,QACN;AAAA;AACF;AACF,GACF;AACF;AC7EA,SAAS,aAAA,CACP,QACA,IAAA,EACQ;AACR,EAAA,IAAI,OAAO,MAAA,KAAW,QAAA,EAAU,OAAO,MAAA;AACvC,EAAA,IAAI,MAAA,KAAW,QAAA,EAAU,OAAO,IAAA,GAAO,CAAA;AACvC,EAAA,IAAI,MAAA,KAAW,QAAA,IAAY,MAAA,KAAW,OAAA,EAAS,OAAO,IAAA;AACtD,EAAA,OAAO,CAAA;AACT;AAEA,SAAS,eACP,YAAA,EACA,eAAA,EACA,WAAA,EACA,YAAA,EACA,YACA,WAAA,EAC8E;AAC9E,EAAA,MAAM,uBAAuB,YAAA,IAAgB,EAAE,QAAA,EAAU,KAAA,EAAO,YAAY,MAAA,EAAO;AACnF,EAAA,MAAM,0BAA0B,eAAA,IAAmB,EAAE,QAAA,EAAU,KAAA,EAAO,YAAY,MAAA,EAAO;AAEzF,EAAA,OAAO;AAAA,IACL,OAAA,EAAS,aAAA,CAAc,oBAAA,CAAqB,UAAA,EAAY,WAAW,CAAA;AAAA,IACnE,OAAA,EAAS,aAAA,CAAc,oBAAA,CAAqB,QAAA,EAAU,YAAY,CAAA;AAAA,IAClE,UAAA,EAAY,aAAA,CAAc,uBAAA,CAAwB,UAAA,EAAY,UAAU,CAAA;AAAA,IACxE,UAAA,EAAY,aAAA,CAAc,uBAAA,CAAwB,QAAA,EAAU,WAAW;AAAA,GACzE;AACF;AAOO,SAAS,8BAAA,CAA+B;AAAA,EAC7C,IAAA;AAAA,EACA,cAAA;AAAA,EACA,aAAA;AAAA,EACA,eAAA;AAAA,EACA,cAAA;AAAA,EACA,YAAA;AAAA,EACA,eAAA;AAAA,EACA,eAAA,GAAkB;AACpB,CAAA,EAA6C;AAC3C,EAAA,MAAM,EAAE,YAAA,EAAc,aAAA,EAAe,OAAA,KAAY,2BAAA,EAA4B;AAE7E,EAAA,MAAM,eAAA,GAAkB,YAAY,MAAM;AACxC,IAAA,IAAI,CAAC,IAAA,IAAQ,CAAC,YAAA,CAAa,MAAA,IAAU,CAAC,aAAA,EAAe;AAErD,IAAA,MAAM,cAAc,cAAA,CAAe,OAAA;AACnC,IAAA,MAAM,KAAA,GAAQ,WAAA,EAAa,aAAA,CAA2B,mBAAmB,CAAA;AACzE,IAAA,IAAI,CAAC,KAAA,EAAO;AAEZ,IAAA,MAAM,IAAA,GAAO,YAAA,CAAa,IAAA,GAAO,CAAA,GAAI,aAAa,IAAA,GAAO,CAAA;AACzD,IAAA,MAAM,QAAA,GAAW,OAAA,CAAQ,OAAA,EAAS,qBAAA,EAAsB;AACxD,IAAA,MAAM,QAAA,GAAW,UAAU,IAAA,IAAQ,CAAA;AACnC,IAAA,MAAM,OAAA,GAAU,UAAU,GAAA,IAAO,CAAA;AACjC,IAAA,MAAM,UAAA,GAAa,eAAe,qBAAA,EAAsB;AACxD,IAAA,MAAM,OAAA,GACJ,eAAA,KAAoB,gBAAA,IAAoB,cAAA,GAAA,CACnC,cAAA,CAAe,IAAA,GAAO,QAAA,IAAY,IAAA,GACnC,UAAA,GAAA,CACG,UAAA,CAAW,IAAA,GAAO,QAAA,IAAY,IAAA,GAC/B,IAAA;AACR,IAAA,MAAM,OAAA,GACJ,eAAA,KAAoB,gBAAA,IAAoB,cAAA,GAAA,CACnC,cAAA,CAAe,GAAA,GAAM,OAAA,IAAW,IAAA,GACjC,UAAA,GAAA,CACG,UAAA,CAAW,GAAA,GAAM,OAAA,IAAW,IAAA,GAC7B,IAAA;AACR,IAAA,IAAI,OAAA,IAAW,IAAA,IAAQ,OAAA,IAAW,IAAA,EAAM;AAExC,IAAA,MAAM,aAAa,KAAA,CAAM,WAAA;AACzB,IAAA,MAAM,cAAc,KAAA,CAAM,YAAA;AAC1B,IAAA,MAAM;AAAA,MACJ,OAAA,EAAS,OAAA;AAAA,MACT,OAAA,EAAS,OAAA;AAAA,MACT,UAAA;AAAA,MACA;AAAA,KACF,GAAI,cAAA;AAAA,MACF,YAAA;AAAA,MACA,eAAA;AAAA,MACA,UAAA,GAAa,UAAA,CAAW,KAAA,GAAQ,IAAA,GAAO,CAAA;AAAA,MACvC,UAAA,GAAa,UAAA,CAAW,MAAA,GAAS,IAAA,GAAO,CAAA;AAAA,MACxC,UAAA;AAAA,MACA;AAAA,KACF;AACA,IAAA,MAAM,MAAA,GAAS,OAAO,eAAA,KAAoB,QAAA,GAAW,eAAA,GAAkB,EAAA;AACvE,IAAA,MAAM,UAAU,IAAA,CAAK,GAAA,CAAI,QAAQ,aAAA,CAAc,aAAA,GAAgB,SAAS,UAAU,CAAA;AAClF,IAAA,MAAM,SAAS,IAAA,CAAK,GAAA,CAAI,QAAQ,aAAA,CAAc,cAAA,GAAiB,SAAS,WAAW,CAAA;AACnF,IAAA,MAAM,IAAA,GAAO,IAAA,CAAK,GAAA,CAAI,OAAA,EAAS,IAAA,CAAK,IAAI,MAAA,EAAQ,OAAA,GAAU,OAAA,GAAU,UAAU,CAAC,CAAA;AAC/E,IAAA,MAAM,GAAA,GAAM,IAAA,CAAK,GAAA,CAAI,MAAA,EAAQ,IAAA,CAAK,IAAI,MAAA,EAAQ,OAAA,GAAU,OAAA,GAAU,UAAU,CAAC,CAAA;AAE7E,IAAA,KAAA,CAAM,MAAM,IAAA,GAAO,CAAA,EAAG,IAAA,CAAK,KAAA,CAAM,IAAI,CAAC,CAAA,EAAA,CAAA;AACtC,IAAA,KAAA,CAAM,MAAM,GAAA,GAAM,CAAA,EAAG,IAAA,CAAK,KAAA,CAAM,GAAG,CAAC,CAAA,EAAA,CAAA;AAAA,EACtC,CAAA,EAAG;AAAA,IACD,aAAA;AAAA,IACA,YAAA;AAAA,IACA,cAAA;AAAA,IACA,eAAA;AAAA,IACA,YAAA,CAAa,MAAA;AAAA,IACb,YAAA,CAAa,IAAA;AAAA,IACb,aAAA;AAAA,IACA,eAAA;AAAA,IACA,IAAA;AAAA,IACA,cAAA;AAAA,IACA,OAAA;AAAA,IACA;AAAA,GACD,CAAA;AAED,EAAA,eAAA,CAAgB,MAAM;AACpB,IAAA,IAAI,CAAC,IAAA,EAAM;AAEX,IAAA,MAAM,UAAA,GAAa,MAAA,CAAO,qBAAA,CAAsB,MAAM;AACpD,MAAA,eAAA,EAAgB;AAChB,MAAA,MAAA,CAAO,sBAAsB,eAAe,CAAA;AAAA,IAC9C,CAAC,CAAA;AACD,IAAA,MAAA,CAAO,gBAAA,CAAiB,UAAU,eAAe,CAAA;AACjD,IAAA,MAAA,CAAO,gBAAA,CAAiB,QAAA,EAAU,eAAA,EAAiB,IAAI,CAAA;AAEvD,IAAA,OAAO,MAAM;AACX,MAAA,MAAA,CAAO,qBAAqB,UAAU,CAAA;AACtC,MAAA,MAAA,CAAO,mBAAA,CAAoB,UAAU,eAAe,CAAA;AACpD,MAAA,MAAA,CAAO,mBAAA,CAAoB,QAAA,EAAU,eAAA,EAAiB,IAAI,CAAA;AAAA,IAC5D,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,eAAA,EAAiB,IAAI,CAAC,CAAA;AAC5B;ACrHO,SAAS,sBAAA,CAAuB;AAAA,EACrC,QAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAsD;AACpD,EAAA,MAAM,kBAAA,GAAqB,qBAAA,CAAsB,QAAA,IAAY,IAAI,CAAA;AACjE,EAAA,MAAM,EAAE,YAAA,EAAc,OAAA,EAAQ,GAAI,2BAAA,EAA4B;AAC9D,EAAA,MAAM,QAAQ,QAAA,EAAS;AACvB,EAAA,MAAM,cAAA,GAAiB,OAAuB,IAAI,CAAA;AAClD,EAAA,MAAM,gBAAA,GAAmB,KAAA,CAAM,SAAA,KAAc,KAAA,GAAQ,OAAA,GAAU,MAAA;AAC/D,EAAA,MAAM,YAAA,GAAe,MAAM,YAAA,IAAgB;AAAA,IACzC,QAAA,EAAU,QAAA;AAAA,IACV,UAAA,EAAY;AAAA,GACd;AACA,EAAA,MAAM,eAAA,GAAkB,MAAM,eAAA,IAAmB;AAAA,IAC/C,QAAA,EAAU,KAAA;AAAA,IACV,UAAA,EAAY;AAAA,GACd;AACA,EAAA,MAAM,cAAA,GAAiB,QAAQ,MAAM;AACnC,IAAA,IAAI,KAAA,CAAM,eAAA,KAAoB,gBAAA,IAAoB,CAAC,MAAM,cAAA,EAAgB;AACvE,MAAA,OAAO,KAAA,CAAM,cAAA;AAAA,IACf;AACA,IAAA,MAAM,IAAA,GAAO,YAAA,CAAa,IAAA,GAAO,CAAA,GAAI,aAAa,IAAA,GAAO,CAAA;AACzD,IAAA,OAAO;AAAA,MACL,GAAA,EAAK,KAAA,CAAM,cAAA,CAAe,GAAA,GAAM,IAAA;AAAA,MAChC,IAAA,EAAM,KAAA,CAAM,cAAA,CAAe,IAAA,GAAO;AAAA,KACpC;AAAA,EACF,CAAA,EAAG,CAAC,YAAA,CAAa,IAAA,EAAM,MAAM,cAAA,EAAgB,KAAA,CAAM,eAAe,CAAC,CAAA;AACnE,EAAA,8BAAA,CAA+B;AAAA,IAC7B,MAAM,KAAA,CAAM,IAAA;AAAA,IACZ,cAAA;AAAA,IACA,eAAe,QAAA,IAAY,IAAA;AAAA,IAC3B,iBAAiB,KAAA,CAAM,eAAA;AAAA,IACvB,gBAAgB,KAAA,CAAM,cAAA;AAAA,IACtB,YAAA;AAAA,IACA,eAAA;AAAA,IACA,iBAAiB,KAAA,CAAM;AAAA,GACxB,CAAA;AAED,EAAA,OAAO;AAAA,IACL,SAAA,EAAW;AAAA,MACT,GAAG,KAAA;AAAA,MACH,GAAA,EAAK,cAAA;AAAA,MACL,QAAA,EAAU,kBAAA;AAAA,MACV,cAAA;AAAA,MACA,YAAA;AAAA,MACA,SAAA,EAAW,OAAA,CAAQ,OAAA,IAAW,QAAA,CAAS,IAAA;AAAA,MACvC;AAAA;AACF,GACF;AACF;AAGO,SAAS,iBAAiB,KAAA,EAA4C;AAC3E,EAAA,MAAM,EAAE,SAAA,EAAU,GAAI,sBAAA,CAAuB,KAAK,CAAA;AAClD,EAAA,uBAAO,GAAA,CAAC,IAAA,EAAA,EAAM,GAAG,SAAA,EAAW,CAAA;AAC9B;AAUO,SAAS,yBAAA,CAA0B;AAAA,EACxC,QAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA4D;AAC1D,EAAA,MAAM,kBAAA,GAAqB,qBAAA,CAAsB,QAAA,IAAY,IAAI,CAAA;AACjE,EAAA,MAAM,EAAE,OAAA,EAAQ,GAAI,2BAAA,EAA4B;AAChD,EAAA,MAAM,cAAA,GAAiB,OAAuB,IAAI,CAAA;AAClD,EAAA,8BAAA,CAA+B;AAAA,IAC7B,MAAM,KAAA,CAAM,IAAA;AAAA,IACZ,cAAA;AAAA,IACA,eAAe,QAAA,IAAY,IAAA;AAAA,IAC3B,iBAAiB,KAAA,CAAM,eAAA;AAAA,IACvB,gBAAgB,KAAA,CAAM,cAAA;AAAA,IACtB,cAAc,KAAA,CAAM,YAAA;AAAA,IACpB,iBAAiB,KAAA,CAAM,eAAA;AAAA,IACvB,iBAAiB,KAAA,CAAM;AAAA,GACxB,CAAA;AACD,EAAA,OAAO;AAAA,IACL,YAAA,EAAc;AAAA,MACZ,GAAG,KAAA;AAAA,MACH,GAAA,EAAK,cAAA;AAAA,MACL,QAAA,EAAU,kBAAA;AAAA,MACV,SAAA,EAAW,OAAA,CAAQ,OAAA,IAAW,QAAA,CAAS;AAAA;AACzC,GACF;AACF;AAGO,SAAS,oBAAoB,KAAA,EAA+C;AACjF,EAAA,MAAM,EAAE,YAAA,EAAa,GAAI,yBAAA,CAA0B,KAAK,CAAA;AACxD,EAAA,uBAAO,GAAA,CAAC,OAAA,EAAA,EAAS,GAAG,YAAA,EAAc,CAAA;AACpC;AASA,IAAM,kCAAA,GAA+D;AAAA,EACnE;AAAA,IACE,IAAA,EAAM,QAAA;AAAA,IACN,SAAS,EAAE,MAAA,EAAQ,CAAC,CAAA,EAAG,CAAC,CAAA;AAAE;AAE9B,CAAA;AAEA,SAAS,kBAAA,CACP,WACA,IAAA,EAC0B;AAC1B,EAAA,IAAI,CAAC,SAAA,IAAa,IAAA,KAAS,CAAA,EAAG,OAAO,SAAA;AAErC,EAAA,OAAO,SAAA,CAAU,GAAA,CAAI,CAAC,QAAA,KAAa;AACjC,IAAA,IAAI,QAAA,CAAS,IAAA,KAAS,QAAA,EAAU,OAAO,QAAA;AAEvC,IAAA,MAAM,UAAU,QAAA,CAAS,OAAA;AACzB,IAAA,MAAM,YAAY,OAAA,EAAS,MAAA;AAC3B,IAAA,IAAI,CAAC,WAAW,OAAO,QAAA;AAEvB,IAAA,MAAM,aAAa,CAAC,KAAA,KAAsC,KAAA,IAAS,IAAA,GAAO,QAAQ,KAAA,GAAQ,IAAA;AAC1F,IAAA,MAAM,MAAA,GACJ,OAAO,SAAA,KAAc,UAAA,GACjB,CAAC,IAAA,KAAyC;AACxC,MAAA,MAAM,CAAC,QAAA,EAAU,QAAQ,CAAA,GAAI,UAAU,IAAI,CAAA;AAC3C,MAAA,OAAO,CAAC,UAAA,CAAW,QAAQ,CAAA,EAAG,UAAA,CAAW,QAAQ,CAAC,CAAA;AAAA,IACpD,CAAA,GACA,CAAC,UAAA,CAAW,SAAA,CAAU,CAAC,CAAC,CAAA,EAAG,UAAA,CAAW,SAAA,CAAU,CAAC,CAAC,CAAC,CAAA;AAEzD,IAAA,OAAO,EAAE,GAAG,QAAA,EAAU,OAAA,EAAS,EAAE,GAAG,OAAA,EAAS,QAAO,EAAE;AAAA,EACxD,CAAC,CAAA;AACH;AAGO,SAAS,wBAAA,CAAyB;AAAA,EACvC,QAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA0D;AACxD,EAAA,MAAM,kBAAA,GAAqB,qBAAA,CAAsB,QAAA,IAAY,IAAI,CAAA;AACjE,EAAA,MAAM,EAAE,YAAA,EAAc,OAAA,EAAQ,GAAI,2BAAA,EAA4B;AAC9D,EAAA,MAAM,SAAA,GAAY,OAAA;AAAA,IAChB,MACE,kBAAA,CAAmB,KAAA,CAAM,SAAA,IAAa,kCAAA,EAAoC,aAAa,IAAI,CAAA;AAAA,IAC7F,CAAC,YAAA,CAAa,IAAA,EAAM,KAAA,CAAM,SAAS;AAAA,GACrC;AACA,EAAA,OAAO;AAAA,IACL,WAAA,EAAa;AAAA,MACX,GAAG,KAAA;AAAA,MACH,QAAA,EAAU,kBAAA;AAAA,MACV,SAAA,EAAW,OAAA,CAAQ,OAAA,IAAW,QAAA,CAAS,IAAA;AAAA,MACvC,SAAA;AAAA,MACA,OAAO,EAAE,GAAG,KAAA,CAAM,KAAA,EAAO,MAAM,CAAA;AAAE;AACnC,GACF;AACF;AAGO,SAAS,mBAAmB,KAAA,EAA8C;AAC/E,EAAA,MAAM,EAAE,WAAA,EAAY,GAAI,wBAAA,CAAyB,KAAK,CAAA;AACtD,EAAA,uBAAO,GAAA,CAAC,MAAA,EAAA,EAAQ,GAAG,WAAA,EAAa,CAAA;AAClC;AC7KO,SAAS,yBACd,KAAA,EACqC;AACrC,EAAA,MAAM;AAAA,IACJ,SAAA;AAAA,IACA,kBAAA;AAAA,IACA,WAAA;AAAA,IACA,OAAA;AAAA,IACA,MAAA;AAAA,IACA,IAAA,EAAM,QAAA;AAAA,IACN,GAAG;AAAA,GACL,GAAI,KAAA;AACJ,EAAA,MAAM,EAAE,OAAA,EAAQ,GAAI,2BAAA,EAA4B;AAChD,EAAA,MAAM,WAAA,GAAcA,OAAuB,IAAI,CAAA;AAC/C,EAAA,MAAM,WAAW,KAAA,EAAM;AACvB,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,SAA6B,IAAI,CAAA;AAC3E,EAAA,MAAM,CAAC,gBAAA,EAAkB,mBAAmB,IAAI,QAAA,CAAS,OAAA,CAAQ,WAAW,CAAC,CAAA;AAC7E,EAAA,MAAM,OAAO,QAAA,IAAY,gBAAA;AAEzB,EAAAC,gBAAgB,MAAM;AACpB,IAAA,IAAI,CAAC,IAAA,EAAM;AACT,MAAA,gBAAA,CAAiB,IAAI,CAAA;AACrB,MAAA;AAAA,IACF;AACA,IAAA,gBAAA;AAAA,MACE,QAAA,CAAS,aAAA,CAA2B,CAAA,+BAAA,EAAkC,QAAQ,CAAA,EAAA,CAAI;AAAA,KACpF;AAAA,EACF,CAAA,EAAG,CAAC,IAAA,EAAM,QAAQ,CAAC,CAAA;AAEnB,EAAA,MAAM,UAAA,GAAaC,WAAAA;AAAA,IACjB,CAAC,KAAA,KAA0B;AACzB,MAAA,IAAI,QAAA,KAAa,MAAA,EAAW,mBAAA,CAAoB,IAAI,CAAA;AACpD,MAAA,MAAA,GAAS,KAAK,CAAA;AAAA,IAChB,CAAA;AAAA,IACA,CAAC,QAAQ,QAAQ;AAAA,GACnB;AACA,EAAA,MAAM,WAAA,GAAcA,WAAAA;AAAA,IAClB,CAAC,KAAA,KAA0B;AACzB,MAAA,IAAI,QAAA,KAAa,MAAA,EAAW,mBAAA,CAAoB,KAAK,CAAA;AACrD,MAAA,OAAA,GAAU,KAAK,CAAA;AAAA,IACjB,CAAA;AAAA,IACA,CAAC,SAAS,QAAQ;AAAA,GACpB;AAEA,EAAA,8BAAA,CAA+B;AAAA,IAC7B,IAAA;AAAA,IACA,cAAA,EAAgB,WAAA;AAAA,IAChB,aAAA;AAAA,IACA,YAAA,EAAc,EAAE,QAAA,EAAU,QAAA,EAAU,YAAY,QAAA,EAAS;AAAA,IACzD,eAAA,EAAiB,EAAE,QAAA,EAAU,KAAA,EAAO,YAAY,QAAA;AAAS,GAC1D,CAAA;AAED,EAAA,MAAM,SAAA,GAAYC,QAAQ,MAA0B;AAClD,IAAA,MAAM,SAAA,GAAY,WAAW,SAAA,EAAW,KAAA;AACxC,IAAA,MAAM,iBAAA,GAAoB,OAAO,SAAA,KAAc,UAAA,GAAa,MAAA,GAAY,SAAA;AAExE,IAAA,OAAO;AAAA,MACL,GAAG,SAAA;AAAA,MACH,SAAA,EAAW,OAAA,CAAQ,OAAA,IAAW,QAAA,CAAS,IAAA;AAAA,MACvC,GAAA,EAAK,WAAA;AAAA,MACL,SAAA,EAAW;AAAA,QACT,GAAG,SAAA,EAAW,SAAA;AAAA,QACd,KAAA,EAAO;AAAA,UACL,GAAG,iBAAA;AAAA,UACH,OAAO,EAAE,GAAG,iBAAA,EAAmB,KAAA,EAAO,MAAM,CAAA;AAAE;AAChD;AACF,KACF;AAAA,EACF,CAAA,EAAG,CAAC,SAAA,EAAW,OAAO,CAAC,CAAA;AAEvB,EAAA,OAAO;AAAA,IACL,WAAA,EAAa;AAAA,MACX,GAAG,WAAA;AAAA,MACH,IAAA;AAAA,MACA,MAAA,EAAQ,UAAA;AAAA,MACR,OAAA,EAAS,WAAA;AAAA,MACT,SAAA,EAAW,SAAA;AAAA,MACX,kBAAA,EAAoB;AAAA,QAClB,GAAG,kBAAA;AAAA,QACH,8BAAA,EAAgC;AAAA;AAClC;AACF,GACF;AACF;AAGO,SAAS,mBAAoC,KAAA,EAAyC;AAC3F,EAAA,MAAM,EAAE,WAAA,EAAY,GAAI,wBAAA,CAAyB,KAAK,CAAA;AACtD,EAAA,uBAAOC,GAAAA,CAAC,MAAA,EAAA,EAAe,GAAG,WAAA,EAAa,CAAA;AACzC;AChGO,SAAS,4BAAA,GAAkD;AAChE,EAAA,MAAM,EAAE,YAAA,EAAc,eAAA,EAAiB,OAAA,KAAY,2BAAA,EAA4B;AAE/E,EAAA,MAAM,kBAAA,GAAqBF,YAAY,MAAmB;AACxD,IAAA,IAAI,eAAA,KAAoB,eAAA,EAAiB,OAAO,QAAA,CAAS,IAAA;AACzD,IAAA,OAAO,OAAA,CAAQ,WAAW,QAAA,CAAS,IAAA;AAAA,EACrC,CAAA,EAAG,CAAC,eAAA,EAAiB,OAAO,CAAC,CAAA;AAE7B,EAAA,OAAOC,OAAAA;AAAA,IACL,MACE,+BAAA,CAAgC;AAAA,MAC9B,kBAAA;AAAA,MACA,WAAA,EAAa,eAAA,KAAoB,eAAA,GAAkB,YAAA,CAAa,IAAA,GAAO;AAAA,KACxE,CAAA;AAAA,IACH,CAAC,YAAA,CAAa,IAAA,EAAM,kBAAA,EAAoB,eAAe;AAAA,GACzD;AACF;ACjBO,SAAS,4BAAA,CACd,SACA,KAAA,EACM;AACN,EAAA,MAAM,EAAE,YAAA,EAAa,GAAI,2BAAA,EAA4B;AAErD,EAAAF,gBAAgB,MAAM;AACpB,IAAA,IAAI,CAAC,aAAa,MAAA,EAAQ;AAI1B,IAAA,MAAM,kBAAkB,MAAY;AAClC,MAAA,MAAM,OAAO,OAAA,CAAQ,OAAA;AACrB,MAAA,MAAM,SAAA,GAAY,IAAA,EAAM,aAAA,CAA2B,oBAAoB,CAAA;AACvE,MAAA,MAAM,WAAA,GAAc,IAAA,EAAM,aAAA,CAA2B,2BAA2B,CAAA;AAChF,MAAA,IAAI,CAAC,IAAA,IAAQ,CAAC,SAAA,IAAa,CAAC,WAAA,EAAa;AAEzC,MAAA,MAAM,KAAA,GAAQ,gBAAA,CAAiB,IAAI,CAAA,CAAE,SAAA,KAAc,KAAA;AACnD,MAAA,MAAM,OAAO,WAAA,CAAY,UAAA;AACzB,MAAA,MAAM,QAAQ,WAAA,CAAY,WAAA;AAE1B,MAAA,SAAA,CAAU,KAAA,CAAM,KAAA,GAAQ,CAAA,EAAG,KAAK,CAAA,EAAA,CAAA;AAChC,MAAA,IAAI,KAAA,EAAO;AACT,QAAA,SAAA,CAAU,MAAM,IAAA,GAAO,MAAA;AACvB,QAAA,SAAA,CAAU,MAAM,KAAA,GAAQ,CAAA,EAAG,IAAA,CAAK,WAAA,GAAc,OAAO,KAAK,CAAA,EAAA,CAAA;AAAA,MAC5D,CAAA,MAAO;AACL,QAAA,SAAA,CAAU,MAAM,KAAA,GAAQ,MAAA;AACxB,QAAA,SAAA,CAAU,KAAA,CAAM,IAAA,GAAO,CAAA,EAAG,IAAI,CAAA,EAAA,CAAA;AAAA,MAChC;AAAA,IACF,CAAA;AAEA,IAAA,MAAM,KAAA,GAAQ,MAAA,CAAO,qBAAA,CAAsB,eAAe,CAAA;AAC1D,IAAA,MAAM,QAAA,GAAW,IAAI,cAAA,CAAe,eAAe,CAAA;AACnD,IAAA,IAAI,OAAA,CAAQ,OAAA,EAAS,QAAA,CAAS,OAAA,CAAQ,QAAQ,OAAO,CAAA;AACrD,IAAA,MAAA,CAAO,gBAAA,CAAiB,UAAU,eAAe,CAAA;AAEjD,IAAA,OAAO,MAAM;AACX,MAAA,MAAA,CAAO,qBAAqB,KAAK,CAAA;AACjC,MAAA,QAAA,CAAS,UAAA,EAAW;AACpB,MAAA,MAAA,CAAO,mBAAA,CAAoB,UAAU,eAAe,CAAA;AAAA,IACtD,CAAA;AAAA,EACF,GAAG,CAAC,YAAA,CAAa,MAAA,EAAQ,OAAA,EAAS,KAAK,CAAC,CAAA;AAC1C;;;AC/CO,IAAM,sBAAA,GAAyC;AAAA,EACpD,IAAA,EAAM,CAAA;AAAA,EACN,SAAA,EAAW,CAAA;AAAA,EACX,QAAA,EAAU,CAAA;AAAA,EACV,KAAA,EAAO,MAAA;AAAA,EACP,MAAA,EAAQ;AACV;AAGO,IAAM,qBAAA,GAAwC;AAAA,EACnD,IAAA,EAAM,CAAA;AAAA,EACN,SAAA,EAAW,CAAA;AAAA,EACX,QAAA,EAAU,CAAA;AAAA,EACV,KAAA,EAAO,MAAA;AAAA,EACP,MAAA,EAAQ,MAAA;AAAA,EACR,QAAA,EAAU,QAAA;AAAA,EACV,SAAA,EAAW;AACb;AAGO,IAAM,mBAAA,GAAsC;AAAA,EACjD,IAAA,EAAM,EAAE,EAAA,EAAI,UAAA,EAAY,IAAI,OAAA,EAAQ;AAAA,EACpC,KAAA,EAAO,EAAE,EAAA,EAAI,MAAA,EAAQ,IAAI,KAAA,EAAM;AAAA,EAC/B,QAAA,EAAU,EAAE,EAAA,EAAI,MAAA,EAAQ,IAAI,KAAA,EAAM;AAAA,EAClC,QAAA,EAAU,CAAA;AAAA,EACV,SAAA,EAAW;AACb","file":"chunk-5MGGPTIJ.js","sourcesContent":["import type { Components, Theme } from \"@mui/material/styles\";\n\ntype PortalContainerGetter = () => HTMLElement;\n\ntype MuiDisplayScaleComponentsOptions = {\n  getPortalContainer: PortalContainerGetter;\n  /**\n   * Overlay content is portalled outside the zoomed app root, so it needs the\n   * same density correction independently.\n   */\n  overlayZoom?: number;\n};\n\n/**\n * MUI adapter for a compensated app root.\n *\n * Centralizing these defaults gives every MUI overlay the portal strategy and\n * density correction chosen by the display-scale engine.\n */\nexport function createMuiDisplayScaleComponents({\n  getPortalContainer,\n  overlayZoom = 1,\n}: MuiDisplayScaleComponentsOptions): Components<Theme> {\n  const zoom = overlayZoom > 0 ? overlayZoom : 1;\n  const resolveContainerZoom = (container: unknown): number => {\n    if (typeof document === \"undefined\") return zoom;\n    const resolvedContainer =\n      typeof container === \"function\" ? (container as PortalContainerGetter)() : container;\n    // MUI does not always expose the resolved portal node through ownerState.\n    // Missing means the component will use its default (document.body).\n    return resolvedContainer == null || resolvedContainer === document.body ? zoom : 1;\n  };\n\n  return {\n    MuiModal: {\n      defaultProps: {\n        container: getPortalContainer,\n      },\n    },\n    MuiDialog: {\n      defaultProps: {\n        container: getPortalContainer,\n      },\n      styleOverrides: {\n        paper: ({ ownerState }) => ({ zoom: resolveContainerZoom(ownerState?.container) }),\n      },\n    },\n    MuiPopover: {\n      defaultProps: {\n        container: getPortalContainer,\n      },\n      styleOverrides: {\n        paper: ({ ownerState }) => ({ zoom: resolveContainerZoom(ownerState?.container) }),\n      },\n    },\n    MuiPopper: {\n      defaultProps: {\n        container: getPortalContainer,\n      },\n      styleOverrides: {\n        root: ({ ownerState }) => ({ zoom: resolveContainerZoom(ownerState?.container) }),\n      },\n    },\n    MuiDrawer: {\n      defaultProps: {\n        // Drawer inherits Modal props. Supplying the portal host here (rather\n        // than only through MuiModal) also covers Drawer internals directly.\n        container: getPortalContainer,\n      },\n      styleOverrides: {\n        paper: ({ ownerState }) => {\n          // Permanent/persistent drawers live inside the compensated root and\n          // must not be zoomed a second time. Temporary drawers are portalled\n          // to document.body, so their paper needs the overlay density zoom.\n          if (ownerState.variant !== \"temporary\") return {};\n\n          const isVertical = ownerState.anchor === \"left\" || ownerState.anchor === \"right\";\n          return isVertical\n            ? {\n                zoom,\n                height: \"var(--ep-display-scale-overlay-viewport-height, 100dvh)\",\n                maxHeight: \"var(--ep-display-scale-overlay-viewport-height, 100dvh)\",\n              }\n            : {\n                zoom,\n                width: \"var(--ep-display-scale-overlay-viewport-width, 100dvw)\",\n                maxWidth: \"var(--ep-display-scale-overlay-viewport-width, 100dvw)\",\n              };\n        },\n      },\n    },\n  };\n}\n","import type { PopoverOrigin, PopoverProps } from \"@mui/material\";\nimport { type RefObject, useCallback, useLayoutEffect } from \"react\";\nimport { useDisplayScaleCompensation } from \"./DisplayScaleCompensationProvider\";\n\ntype DisplayScalePopoverPositionOptions = {\n  open: boolean;\n  overlayRootRef: RefObject<HTMLDivElement | null>;\n  anchorElement: HTMLElement | null;\n  anchorReference?: PopoverProps[\"anchorReference\"];\n  anchorPosition?: PopoverProps[\"anchorPosition\"];\n  anchorOrigin?: PopoverProps[\"anchorOrigin\"];\n  transformOrigin?: PopoverProps[\"transformOrigin\"];\n  marginThreshold?: PopoverProps[\"marginThreshold\"];\n};\n\nfunction resolveOffset(\n  origin: number | \"top\" | \"center\" | \"bottom\" | \"left\" | \"right\" | undefined,\n  size: number,\n): number {\n  if (typeof origin === \"number\") return origin;\n  if (origin === \"center\") return size / 2;\n  if (origin === \"bottom\" || origin === \"right\") return size;\n  return 0;\n}\n\nfunction resolveOrigins(\n  anchorOrigin: PopoverOrigin | undefined,\n  transformOrigin: PopoverOrigin | undefined,\n  anchorWidth: number,\n  anchorHeight: number,\n  paperWidth: number,\n  paperHeight: number,\n): { anchorX: number; anchorY: number; transformX: number; transformY: number } {\n  const resolvedAnchorOrigin = anchorOrigin ?? { vertical: \"top\", horizontal: \"left\" };\n  const resolvedTransformOrigin = transformOrigin ?? { vertical: \"top\", horizontal: \"left\" };\n\n  return {\n    anchorX: resolveOffset(resolvedAnchorOrigin.horizontal, anchorWidth),\n    anchorY: resolveOffset(resolvedAnchorOrigin.vertical, anchorHeight),\n    transformX: resolveOffset(resolvedTransformOrigin.horizontal, paperWidth),\n    transformY: resolveOffset(resolvedTransformOrigin.vertical, paperHeight),\n  };\n}\n\n/**\n * Replaces only MUI Popover's physical-viewport collision pass. MUI still\n * owns focus, transition and anchor semantics; this writes the final logical\n * top/left inside the compensated portal root.\n */\nexport function useDisplayScalePopoverPosition({\n  open,\n  overlayRootRef,\n  anchorElement,\n  anchorReference,\n  anchorPosition,\n  anchorOrigin,\n  transformOrigin,\n  marginThreshold = 16,\n}: DisplayScalePopoverPositionOptions): void {\n  const { compensation, layoutExtents, rootRef } = useDisplayScaleCompensation();\n\n  const correctPosition = useCallback(() => {\n    if (!open || !compensation.active || !layoutExtents) return;\n\n    const overlayRoot = overlayRootRef.current;\n    const paper = overlayRoot?.querySelector<HTMLElement>(\".MuiPopover-paper\");\n    if (!paper) return;\n\n    const zoom = compensation.zoom > 0 ? compensation.zoom : 1;\n    const rootRect = rootRef.current?.getBoundingClientRect();\n    const rootLeft = rootRect?.left ?? 0;\n    const rootTop = rootRect?.top ?? 0;\n    const anchorRect = anchorElement?.getBoundingClientRect();\n    const anchorX =\n      anchorReference === \"anchorPosition\" && anchorPosition\n        ? (anchorPosition.left - rootLeft) / zoom\n        : anchorRect\n          ? (anchorRect.left - rootLeft) / zoom\n          : null;\n    const anchorY =\n      anchorReference === \"anchorPosition\" && anchorPosition\n        ? (anchorPosition.top - rootTop) / zoom\n        : anchorRect\n          ? (anchorRect.top - rootTop) / zoom\n          : null;\n    if (anchorX == null || anchorY == null) return;\n\n    const paperWidth = paper.offsetWidth;\n    const paperHeight = paper.offsetHeight;\n    const {\n      anchorX: originX,\n      anchorY: originY,\n      transformX,\n      transformY,\n    } = resolveOrigins(\n      anchorOrigin,\n      transformOrigin,\n      anchorRect ? anchorRect.width / zoom : 0,\n      anchorRect ? anchorRect.height / zoom : 0,\n      paperWidth,\n      paperHeight,\n    );\n    const margin = typeof marginThreshold === \"number\" ? marginThreshold : 16;\n    const maxLeft = Math.max(margin, layoutExtents.layoutWidthPx - margin - paperWidth);\n    const maxTop = Math.max(margin, layoutExtents.layoutHeightPx - margin - paperHeight);\n    const left = Math.min(maxLeft, Math.max(margin, anchorX + originX - transformX));\n    const top = Math.min(maxTop, Math.max(margin, anchorY + originY - transformY));\n\n    paper.style.left = `${Math.round(left)}px`;\n    paper.style.top = `${Math.round(top)}px`;\n  }, [\n    anchorElement,\n    anchorOrigin,\n    anchorPosition,\n    anchorReference,\n    compensation.active,\n    compensation.zoom,\n    layoutExtents,\n    marginThreshold,\n    open,\n    overlayRootRef,\n    rootRef,\n    transformOrigin,\n  ]);\n\n  useLayoutEffect(() => {\n    if (!open) return;\n\n    const firstFrame = window.requestAnimationFrame(() => {\n      correctPosition();\n      window.requestAnimationFrame(correctPosition);\n    });\n    window.addEventListener(\"resize\", correctPosition);\n    window.addEventListener(\"scroll\", correctPosition, true);\n\n    return () => {\n      window.cancelAnimationFrame(firstFrame);\n      window.removeEventListener(\"resize\", correctPosition);\n      window.removeEventListener(\"scroll\", correctPosition, true);\n    };\n  }, [correctPosition, open]);\n}\n","import type { MenuProps, PopoverProps, PopperProps } from \"@mui/material\";\nimport { Menu, Popover, Popper } from \"@mui/material\";\nimport { useTheme } from \"@mui/material/styles\";\nimport type {\n  OffsetsFunction,\n  Options as PopperOffsetOptions,\n} from \"@popperjs/core/lib/modifiers/offset\";\nimport { type ReactElement, useMemo, useRef } from \"react\";\nimport { useDisplayScaleCompensation } from \"./DisplayScaleCompensationProvider\";\nimport { useDisplayScaleAnchor } from \"./useDisplayScaleAnchor\";\nimport { useDisplayScalePopoverPosition } from \"./useDisplayScalePopoverPosition\";\n\ntype NativeAnchorProps = {\n  anchorEl?: HTMLElement | null;\n};\n\nexport type DisplayScaleMenuProps = Omit<MenuProps, \"anchorEl\"> & NativeAnchorProps;\n\nexport type MuiDisplayScaleMenuAdapter = {\n  /** Spread these props onto MUI's native `<Menu />`. */\n  menuProps: MenuProps;\n};\n\n/** Non-wrapper display-scale adapter for MUI's native `<Menu />`. */\nexport function useMuiDisplayScaleMenu({\n  anchorEl,\n  ...props\n}: DisplayScaleMenuProps): MuiDisplayScaleMenuAdapter {\n  const displayScaleAnchor = useDisplayScaleAnchor(anchorEl ?? null);\n  const { compensation, rootRef } = useDisplayScaleCompensation();\n  const theme = useTheme();\n  const overlayRootRef = useRef<HTMLDivElement>(null);\n  const horizontalOrigin = theme.direction === \"rtl\" ? \"right\" : \"left\";\n  const anchorOrigin = props.anchorOrigin ?? {\n    vertical: \"bottom\",\n    horizontal: horizontalOrigin,\n  };\n  const transformOrigin = props.transformOrigin ?? {\n    vertical: \"top\",\n    horizontal: horizontalOrigin,\n  };\n  const anchorPosition = useMemo(() => {\n    if (props.anchorReference !== \"anchorPosition\" || !props.anchorPosition) {\n      return props.anchorPosition;\n    }\n    const zoom = compensation.zoom > 0 ? compensation.zoom : 1;\n    return {\n      top: props.anchorPosition.top / zoom,\n      left: props.anchorPosition.left / zoom,\n    };\n  }, [compensation.zoom, props.anchorPosition, props.anchorReference]);\n  useDisplayScalePopoverPosition({\n    open: props.open,\n    overlayRootRef,\n    anchorElement: anchorEl ?? null,\n    anchorReference: props.anchorReference,\n    anchorPosition: props.anchorPosition,\n    anchorOrigin,\n    transformOrigin,\n    marginThreshold: props.marginThreshold,\n  });\n\n  return {\n    menuProps: {\n      ...props,\n      ref: overlayRootRef,\n      anchorEl: displayScaleAnchor,\n      anchorPosition,\n      anchorOrigin,\n      container: rootRef.current ?? document.body,\n      transformOrigin,\n    },\n  };\n}\n\n/** MUI Menu wrapper — prefer `useMuiDisplayScaleMenu` when retaining `<Menu />`. */\nexport function DisplayScaleMenu(props: DisplayScaleMenuProps): ReactElement {\n  const { menuProps } = useMuiDisplayScaleMenu(props);\n  return <Menu {...menuProps} />;\n}\n\nexport type DisplayScalePopoverProps = Omit<PopoverProps, \"anchorEl\"> & NativeAnchorProps;\n\nexport type MuiDisplayScalePopoverAdapter = {\n  /** Spread these props onto MUI's native `<Popover />`. */\n  popoverProps: PopoverProps;\n};\n\n/** Non-wrapper display-scale adapter for MUI's native `<Popover />`. */\nexport function useMuiDisplayScalePopover({\n  anchorEl,\n  ...props\n}: DisplayScalePopoverProps): MuiDisplayScalePopoverAdapter {\n  const displayScaleAnchor = useDisplayScaleAnchor(anchorEl ?? null);\n  const { rootRef } = useDisplayScaleCompensation();\n  const overlayRootRef = useRef<HTMLDivElement>(null);\n  useDisplayScalePopoverPosition({\n    open: props.open,\n    overlayRootRef,\n    anchorElement: anchorEl ?? null,\n    anchorReference: props.anchorReference,\n    anchorPosition: props.anchorPosition,\n    anchorOrigin: props.anchorOrigin,\n    transformOrigin: props.transformOrigin,\n    marginThreshold: props.marginThreshold,\n  });\n  return {\n    popoverProps: {\n      ...props,\n      ref: overlayRootRef,\n      anchorEl: displayScaleAnchor,\n      container: rootRef.current ?? document.body,\n    },\n  };\n}\n\n/** MUI Popover wrapper — prefer `useMuiDisplayScalePopover` when retaining `<Popover />`. */\nexport function DisplayScalePopover(props: DisplayScalePopoverProps): ReactElement {\n  const { popoverProps } = useMuiDisplayScalePopover(props);\n  return <Popover {...popoverProps} />;\n}\n\nexport type DisplayScalePopperProps = Omit<PopperProps, \"anchorEl\"> & NativeAnchorProps;\n\nexport type MuiDisplayScalePopperAdapter = {\n  /** Spread these props onto MUI's native `<Popper />`. */\n  popperProps: PopperProps;\n};\n\nconst defaultDisplayScalePopperModifiers: PopperProps[\"modifiers\"] = [\n  {\n    name: \"offset\",\n    options: { offset: [0, 8] },\n  },\n];\n\nfunction scalePopperOffsets(\n  modifiers: PopperProps[\"modifiers\"],\n  zoom: number,\n): PopperProps[\"modifiers\"] {\n  if (!modifiers || zoom === 1) return modifiers;\n\n  return modifiers.map((modifier) => {\n    if (modifier.name !== \"offset\") return modifier;\n\n    const options = modifier.options as Partial<PopperOffsetOptions> | undefined;\n    const rawOffset = options?.offset;\n    if (!rawOffset) return modifier;\n\n    const scaleValue = (value: number | null | undefined) => (value == null ? value : value / zoom);\n    const offset: PopperOffsetOptions[\"offset\"] =\n      typeof rawOffset === \"function\"\n        ? (args: Parameters<OffsetsFunction>[0]) => {\n            const [skidding, distance] = rawOffset(args);\n            return [scaleValue(skidding), scaleValue(distance)];\n          }\n        : [scaleValue(rawOffset[0]), scaleValue(rawOffset[1])];\n\n    return { ...modifier, options: { ...options, offset } };\n  });\n}\n\n/** Non-wrapper display-scale adapter for MUI's native `<Popper />`. */\nexport function useMuiDisplayScalePopper({\n  anchorEl,\n  ...props\n}: DisplayScalePopperProps): MuiDisplayScalePopperAdapter {\n  const displayScaleAnchor = useDisplayScaleAnchor(anchorEl ?? null);\n  const { compensation, rootRef } = useDisplayScaleCompensation();\n  const modifiers = useMemo(\n    () =>\n      scalePopperOffsets(props.modifiers ?? defaultDisplayScalePopperModifiers, compensation.zoom),\n    [compensation.zoom, props.modifiers],\n  );\n  return {\n    popperProps: {\n      ...props,\n      anchorEl: displayScaleAnchor,\n      container: rootRef.current ?? document.body,\n      modifiers,\n      style: { ...props.style, zoom: 1 },\n    },\n  };\n}\n\n/** MUI Popper wrapper — prefer `useMuiDisplayScalePopper` when retaining `<Popper />`. */\nexport function DisplayScalePopper(props: DisplayScalePopperProps): ReactElement {\n  const { popperProps } = useMuiDisplayScalePopper(props);\n  return <Popper {...popperProps} />;\n}\n","import type { MenuProps, SelectProps } from \"@mui/material\";\nimport { Select } from \"@mui/material\";\nimport type { ReactElement, SyntheticEvent } from \"react\";\nimport { useCallback, useId, useLayoutEffect, useMemo, useRef, useState } from \"react\";\nimport { useDisplayScaleCompensation } from \"./DisplayScaleCompensationProvider\";\nimport { useDisplayScalePopoverPosition } from \"./useDisplayScalePopoverPosition\";\n\nexport type MuiDisplayScaleSelectAdapter<Value = unknown> = {\n  /** Spread these props onto MUI's native `<Select />`. */\n  selectProps: SelectProps<Value>;\n};\n\n/**\n * MUI Select adapter for the display-scale engine. Select creates its Menu\n * internally, so it cannot use DisplayScaleMenu directly.\n */\nexport function useMuiDisplayScaleSelect<Value = unknown>(\n  props: SelectProps<Value>,\n): MuiDisplayScaleSelectAdapter<Value> {\n  const {\n    MenuProps,\n    SelectDisplayProps,\n    defaultOpen,\n    onClose,\n    onOpen,\n    open: openProp,\n    ...selectProps\n  } = props;\n  const { rootRef } = useDisplayScaleCompensation();\n  const menuRootRef = useRef<HTMLDivElement>(null);\n  const selectId = useId();\n  const [anchorElement, setAnchorElement] = useState<HTMLElement | null>(null);\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(Boolean(defaultOpen));\n  const open = openProp ?? uncontrolledOpen;\n\n  useLayoutEffect(() => {\n    if (!open) {\n      setAnchorElement(null);\n      return;\n    }\n    setAnchorElement(\n      document.querySelector<HTMLElement>(`[data-ep-display-scale-select=\"${selectId}\"]`),\n    );\n  }, [open, selectId]);\n\n  const handleOpen = useCallback(\n    (event: SyntheticEvent) => {\n      if (openProp === undefined) setUncontrolledOpen(true);\n      onOpen?.(event);\n    },\n    [onOpen, openProp],\n  );\n  const handleClose = useCallback(\n    (event: SyntheticEvent) => {\n      if (openProp === undefined) setUncontrolledOpen(false);\n      onClose?.(event);\n    },\n    [onClose, openProp],\n  );\n\n  useDisplayScalePopoverPosition({\n    open,\n    overlayRootRef: menuRootRef,\n    anchorElement,\n    anchorOrigin: { vertical: \"bottom\", horizontal: \"center\" },\n    transformOrigin: { vertical: \"top\", horizontal: \"center\" },\n  });\n\n  const menuProps = useMemo((): Partial<MenuProps> => {\n    const paperSlot = MenuProps?.slotProps?.paper;\n    const resolvedPaperSlot = typeof paperSlot === \"function\" ? undefined : paperSlot;\n\n    return {\n      ...MenuProps,\n      container: rootRef.current ?? document.body,\n      ref: menuRootRef,\n      slotProps: {\n        ...MenuProps?.slotProps,\n        paper: {\n          ...resolvedPaperSlot,\n          style: { ...resolvedPaperSlot?.style, zoom: 1 },\n        },\n      },\n    };\n  }, [MenuProps, rootRef]);\n\n  return {\n    selectProps: {\n      ...selectProps,\n      open,\n      onOpen: handleOpen,\n      onClose: handleClose,\n      MenuProps: menuProps,\n      SelectDisplayProps: {\n        ...SelectDisplayProps,\n        \"data-ep-display-scale-select\": selectId,\n      } as SelectProps<Value>[\"SelectDisplayProps\"],\n    },\n  };\n}\n\n/** MUI Select wrapper — prefer `useMuiDisplayScaleSelect` when retaining `<Select />`. */\nexport function DisplayScaleSelect<Value = unknown>(props: SelectProps<Value>): ReactElement {\n  const { selectProps } = useMuiDisplayScaleSelect(props);\n  return <Select<Value> {...selectProps} />;\n}\n","import type { Components, Theme } from \"@mui/material/styles\";\nimport { useCallback, useMemo } from \"react\";\nimport { useDisplayScaleCompensation } from \"./DisplayScaleCompensationProvider\";\nimport { createMuiDisplayScaleComponents } from \"./createMuiDisplayScaleComponents\";\n\n/**\n * React adapter for global MUI overlay defaults. Use inside an existing\n * `DisplayScaleProvider`, then pass the result to `createTheme`.\n */\nexport function useMuiDisplayScaleComponents(): Components<Theme> {\n  const { compensation, overlayStrategy, rootRef } = useDisplayScaleCompensation();\n\n  const getPortalContainer = useCallback((): HTMLElement => {\n    if (overlayStrategy === \"document-body\") return document.body;\n    return rootRef.current ?? document.body;\n  }, [overlayStrategy, rootRef]);\n\n  return useMemo(\n    () =>\n      createMuiDisplayScaleComponents({\n        getPortalContainer,\n        overlayZoom: overlayStrategy === \"document-body\" ? compensation.zoom : 1,\n      }),\n    [compensation.zoom, getPortalContainer, overlayStrategy],\n  );\n}\n","import { type RefObject, useLayoutEffect } from \"react\";\nimport { useDisplayScaleCompensation } from \"./DisplayScaleCompensationProvider\";\n\n/**\n * Keeps MUI Tabs' indicator in the compensated root's logical coordinate\n * space. MUI normally uses getBoundingClientRect(), whose values are already\n * zoomed and therefore too small for a logical layout container.\n */\nexport function useDisplayScaleTabsIndicator(\n  tabsRef: RefObject<HTMLDivElement | null>,\n  value: unknown,\n): void {\n  const { compensation } = useDisplayScaleCompensation();\n\n  useLayoutEffect(() => {\n    if (!compensation.active) return;\n    // Re-run after the selected Tabs value changes.\n    void value;\n\n    const updateIndicator = (): void => {\n      const tabs = tabsRef.current;\n      const indicator = tabs?.querySelector<HTMLElement>(\".MuiTabs-indicator\");\n      const selectedTab = tabs?.querySelector<HTMLElement>(\".MuiTab-root.Mui-selected\");\n      if (!tabs || !indicator || !selectedTab) return;\n\n      const isRtl = getComputedStyle(tabs).direction === \"rtl\";\n      const left = selectedTab.offsetLeft;\n      const width = selectedTab.offsetWidth;\n\n      indicator.style.width = `${width}px`;\n      if (isRtl) {\n        indicator.style.left = \"auto\";\n        indicator.style.right = `${tabs.offsetWidth - left - width}px`;\n      } else {\n        indicator.style.right = \"auto\";\n        indicator.style.left = `${left}px`;\n      }\n    };\n\n    const frame = window.requestAnimationFrame(updateIndicator);\n    const observer = new ResizeObserver(updateIndicator);\n    if (tabsRef.current) observer.observe(tabsRef.current);\n    window.addEventListener(\"resize\", updateIndicator);\n\n    return () => {\n      window.cancelAnimationFrame(frame);\n      observer.disconnect();\n      window.removeEventListener(\"resize\", updateIndicator);\n    };\n  }, [compensation.active, tabsRef, value]);\n}\n","import type { SxProps, Theme } from \"@mui/material/styles\";\n\n/** Fill the compensated app tree — prefer over raw `100vh` inside `#root`. */\nexport const displayScalePageFillSx: SxProps<Theme> = {\n  flex: 1,\n  minHeight: 0,\n  minWidth: 0,\n  width: \"100%\",\n  height: \"100%\",\n};\n\n/** Full-viewport auth split layout — fills the compensated app root (not `position: fixed`). */\nexport const signinViewportShellSx: SxProps<Theme> = {\n  flex: 1,\n  minHeight: 0,\n  minWidth: 0,\n  width: \"100%\",\n  height: \"100%\",\n  overflow: \"hidden\",\n  boxSizing: \"border-box\",\n};\n\n/** 50/50 desktop columns — avoids flex min-content overflow at OS display scale. */\nexport const signinSplitColumnSx: SxProps<Theme> = {\n  flex: { xs: \"0 0 auto\", md: \"1 1 0\" },\n  width: { xs: \"100%\", md: \"50%\" },\n  maxWidth: { xs: \"100%\", md: \"50%\" },\n  minWidth: 0,\n  boxSizing: \"border-box\",\n};\n"]}

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 export { DEFAULT_DISPLAY_SCALE_THRESHOLDS, clearDisplayScaleBaseline, detectDisplayScale, evaluateDisplayScale, readDisplayScaleBaseline, recalibrateDisplayScale, resetDisplayScaleEngine, shouldApplyOsScaleCompensation, snapToWindowsOsScale, subscribeDisplayScale, writeDisplayScaleBaseline } from './core.js';
 export { C as ComputeDisplayScaleCompensationOptions, D as DEFAULT_DISPLAY_SCALE_COMPENSATION_CONFIG, a as DetectDisplayScaleOptions, b as DisplayScaleBaseline, c as DisplayScaleCalibration, d as DisplayScaleCompensation, e as DisplayScaleCompensationConfig, f as DisplayScaleConfidence, g as DisplayScaleDetectionMethod, h as DisplayScaleEvaluation, i as DisplayScaleIssue, j as DisplayScaleLayoutExtents, k as DisplayScaleLogicalViewport, l as DisplayScaleOverlayBoundsOptions, m as DisplayScaleScreen, n as DisplayScaleSnapshot, o as DisplayScaleThresholds, p as DisplayScaleViewport, S as SubscribeDisplayScaleOptions, q as applyDisplayScaleCompensationStyles, r as applyDisplayScaleCompensationToDocument, s as clearDisplayScaleCompensationFromDocument, t as clearDisplayScaleCompensationStyles, u as computeDisplayScaleCompensation, v as getDisplayScaleLogicalViewport, w as getDisplayScaleOverlayMaxHeight, x as measureDisplayScaleLayoutExtents, y as primeDisplayScaleCompensation, z as readDisplayScaleViewportSize, A as supportsCssZoom, B as syncDisplayScaleCompensationMetadata, E as toDisplayScaleLogicalPixels } from './displayScaleLogicalViewport-Ikf-DtkQ.js';
 export { DisplayScaleCompensationProvider, DisplayScaleOverlay, DisplayScaleOverlayStrategy, DisplayScaleProvider, DisplayScaleProviderProps, DisplayScaleVirtualAnchor, useDisplayScale, useDisplayScaleAnchor, useDisplayScaleCompensation, useDisplayScaleOverlay, useDisplayScalePortalContainer, useLogicalMaxWidth, useLogicalMinWidth } from './react.js';
-export { DisplayScaleMenu, DisplayScaleMenuProps, DisplayScalePopover, DisplayScalePopoverProps, DisplayScalePopper, DisplayScalePopperProps, DisplayScaleSelect, createMuiDisplayScaleComponents, displayScalePageFillSx, signinSplitColumnSx, signinViewportShellSx, useDisplayScalePopoverPosition, useDisplayScaleTabsIndicator } from './mui.js';
+export { DisplayScaleMenu, DisplayScaleMenuProps, DisplayScalePopover, DisplayScalePopoverProps, DisplayScalePopper, DisplayScalePopperProps, DisplayScaleSelect, MuiDisplayScaleMenuAdapter, MuiDisplayScalePopoverAdapter, MuiDisplayScalePopperAdapter, MuiDisplayScaleSelectAdapter, createMuiDisplayScaleComponents, displayScalePageFillSx, signinSplitColumnSx, signinViewportShellSx, useDisplayScalePopoverPosition, useDisplayScaleTabsIndicator, useMuiDisplayScaleComponents, useMuiDisplayScaleMenu, useMuiDisplayScalePopover, useMuiDisplayScalePopper, useMuiDisplayScaleSelect } from './mui.js';
 import 'react';
 import '@mui/material/styles';
 import '@mui/material';

package/dist/index.js

@@ -1,7 +1,7 @@
 import './chunk-SLNYXBHU.js';
 export { useDisplayScaleOverlay, useLogicalMaxWidth, useLogicalMinWidth } from './chunk-64EBQUAW.js';
 export { getDisplayScaleLogicalViewport, getDisplayScaleOverlayMaxHeight, toDisplayScaleLogicalPixels } from './chunk-U3ZWHUJG.js';
-export { DisplayScaleMenu, DisplayScalePopover, DisplayScalePopper, DisplayScaleSelect, createMuiDisplayScaleComponents, displayScalePageFillSx, signinSplitColumnSx, signinViewportShellSx, useDisplayScalePopoverPosition, useDisplayScaleTabsIndicator } from './chunk-OQRISU2D.js';
+export { DisplayScaleMenu, DisplayScalePopover, DisplayScalePopper, DisplayScaleSelect, createMuiDisplayScaleComponents, displayScalePageFillSx, signinSplitColumnSx, signinViewportShellSx, useDisplayScalePopoverPosition, useDisplayScaleTabsIndicator, useMuiDisplayScaleComponents, useMuiDisplayScaleMenu, useMuiDisplayScalePopover, useMuiDisplayScalePopper, useMuiDisplayScaleSelect } from './chunk-5MGGPTIJ.js';
 export { DisplayScaleCompensationProvider, DisplayScaleProvider, useDisplayScale, useDisplayScaleAnchor, useDisplayScaleCompensation, useDisplayScalePortalContainer } from './chunk-F5AFPMQC.js';
 export { DEFAULT_DISPLAY_SCALE_COMPENSATION_CONFIG, DEFAULT_DISPLAY_SCALE_THRESHOLDS, applyDisplayScaleCompensationStyles, applyDisplayScaleCompensationToDocument, clearDisplayScaleBaseline, clearDisplayScaleCompensationFromDocument, clearDisplayScaleCompensationStyles, computeDisplayScaleCompensation, detectDisplayScale, evaluateDisplayScale, measureDisplayScaleLayoutExtents, primeDisplayScaleCompensation, readDisplayScaleBaseline, readDisplayScaleViewportSize, recalibrateDisplayScale, resetDisplayScaleEngine, shouldApplyOsScaleCompensation, snapToWindowsOsScale, subscribeDisplayScale, supportsCssZoom, syncDisplayScaleCompensationMetadata, writeDisplayScaleBaseline } from './chunk-VWJNHWMD.js';
 //# sourceMappingURL=index.js.map

package/dist/mui.d.ts

@@ -23,21 +23,51 @@ type NativeAnchorProps = {
     anchorEl?: HTMLElement | null;
 };
 type DisplayScaleMenuProps = Omit<MenuProps, "anchorEl"> & NativeAnchorProps;
-/** MUI Menu with an anchor adapted to the active portal strategy. */
-declare function DisplayScaleMenu({ anchorEl, ...props }: DisplayScaleMenuProps): ReactElement;
+type MuiDisplayScaleMenuAdapter = {
+    /** Spread these props onto MUI's native `<Menu />`. */
+    menuProps: MenuProps;
+};
+/** Non-wrapper display-scale adapter for MUI's native `<Menu />`. */
+declare function useMuiDisplayScaleMenu({ anchorEl, ...props }: DisplayScaleMenuProps): MuiDisplayScaleMenuAdapter;
+/** MUI Menu wrapper — prefer `useMuiDisplayScaleMenu` when retaining `<Menu />`. */
+declare function DisplayScaleMenu(props: DisplayScaleMenuProps): ReactElement;
 type DisplayScalePopoverProps = Omit<PopoverProps, "anchorEl"> & NativeAnchorProps;
-/** MUI Popover with an anchor adapted to the active portal strategy. */
-declare function DisplayScalePopover({ anchorEl, ...props }: DisplayScalePopoverProps): ReactElement;
+type MuiDisplayScalePopoverAdapter = {
+    /** Spread these props onto MUI's native `<Popover />`. */
+    popoverProps: PopoverProps;
+};
+/** Non-wrapper display-scale adapter for MUI's native `<Popover />`. */
+declare function useMuiDisplayScalePopover({ anchorEl, ...props }: DisplayScalePopoverProps): MuiDisplayScalePopoverAdapter;
+/** MUI Popover wrapper — prefer `useMuiDisplayScalePopover` when retaining `<Popover />`. */
+declare function DisplayScalePopover(props: DisplayScalePopoverProps): ReactElement;
 type DisplayScalePopperProps = Omit<PopperProps, "anchorEl"> & NativeAnchorProps;
-/** MUI Popper with an anchor adapted to the active portal strategy. */
-declare function DisplayScalePopper({ anchorEl, ...props }: DisplayScalePopperProps): ReactElement;
+type MuiDisplayScalePopperAdapter = {
+    /** Spread these props onto MUI's native `<Popper />`. */
+    popperProps: PopperProps;
+};
+/** Non-wrapper display-scale adapter for MUI's native `<Popper />`. */
+declare function useMuiDisplayScalePopper({ anchorEl, ...props }: DisplayScalePopperProps): MuiDisplayScalePopperAdapter;
+/** MUI Popper wrapper — prefer `useMuiDisplayScalePopper` when retaining `<Popper />`. */
+declare function DisplayScalePopper(props: DisplayScalePopperProps): ReactElement;
 
+type MuiDisplayScaleSelectAdapter<Value = unknown> = {
+    /** Spread these props onto MUI's native `<Select />`. */
+    selectProps: SelectProps<Value>;
+};
 /**
  * MUI Select adapter for the display-scale engine. Select creates its Menu
  * internally, so it cannot use DisplayScaleMenu directly.
  */
+declare function useMuiDisplayScaleSelect<Value = unknown>(props: SelectProps<Value>): MuiDisplayScaleSelectAdapter<Value>;
+/** MUI Select wrapper — prefer `useMuiDisplayScaleSelect` when retaining `<Select />`. */
 declare function DisplayScaleSelect<Value = unknown>(props: SelectProps<Value>): ReactElement;
 
+/**
+ * React adapter for global MUI overlay defaults. Use inside an existing
+ * `DisplayScaleProvider`, then pass the result to `createTheme`.
+ */
+declare function useMuiDisplayScaleComponents(): Components<Theme>;
+
 type DisplayScalePopoverPositionOptions = {
     open: boolean;
     overlayRootRef: RefObject<HTMLDivElement | null>;
@@ -69,4 +99,4 @@ declare const signinViewportShellSx: SxProps<Theme>;
 /** 50/50 desktop columns — avoids flex min-content overflow at OS display scale. */
 declare const signinSplitColumnSx: SxProps<Theme>;
 
-export { DisplayScaleMenu, type DisplayScaleMenuProps, DisplayScalePopover, type DisplayScalePopoverProps, DisplayScalePopper, type DisplayScalePopperProps, DisplayScaleSelect, createMuiDisplayScaleComponents, displayScalePageFillSx, signinSplitColumnSx, signinViewportShellSx, useDisplayScalePopoverPosition, useDisplayScaleTabsIndicator };
+export { DisplayScaleMenu, type DisplayScaleMenuProps, DisplayScalePopover, type DisplayScalePopoverProps, DisplayScalePopper, type DisplayScalePopperProps, DisplayScaleSelect, type MuiDisplayScaleMenuAdapter, type MuiDisplayScalePopoverAdapter, type MuiDisplayScalePopperAdapter, type MuiDisplayScaleSelectAdapter, createMuiDisplayScaleComponents, displayScalePageFillSx, signinSplitColumnSx, signinViewportShellSx, useDisplayScalePopoverPosition, useDisplayScaleTabsIndicator, useMuiDisplayScaleComponents, useMuiDisplayScaleMenu, useMuiDisplayScalePopover, useMuiDisplayScalePopper, useMuiDisplayScaleSelect };

package/dist/mui.js

@@ -1,4 +1,4 @@
-export { DisplayScaleMenu, DisplayScalePopover, DisplayScalePopper, DisplayScaleSelect, createMuiDisplayScaleComponents, displayScalePageFillSx, signinSplitColumnSx, signinViewportShellSx, useDisplayScalePopoverPosition, useDisplayScaleTabsIndicator } from './chunk-OQRISU2D.js';
+export { DisplayScaleMenu, DisplayScalePopover, DisplayScalePopper, DisplayScaleSelect, createMuiDisplayScaleComponents, displayScalePageFillSx, signinSplitColumnSx, signinViewportShellSx, useDisplayScalePopoverPosition, useDisplayScaleTabsIndicator, useMuiDisplayScaleComponents, useMuiDisplayScaleMenu, useMuiDisplayScalePopover, useMuiDisplayScalePopper, useMuiDisplayScaleSelect } from './chunk-5MGGPTIJ.js';
 import './chunk-F5AFPMQC.js';
 import './chunk-VWJNHWMD.js';
 //# sourceMappingURL=mui.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-display-scale-engine",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "description": "React and Material UI utilities for consistent Windows display-scale rendering.",
   "license": "MIT",
   "type": "module",
@@ -40,7 +40,8 @@
   "scripts": {
     "build": "tsup",
     "typecheck": "tsc --noEmit",
-    "check": "npm run typecheck && npm run build",
+    "check": "npm run typecheck && npm run build && npm run test:consumer",
+    "test:consumer": "node ./scripts/verify-consumer-runtime.mjs",
     "pack:check": "npm pack --dry-run",
     "release:check": "node ./bin/rds-engine.mjs check",
     "release:dry-run": "node ./bin/rds-engine.mjs publish --dry-run",
@@ -58,7 +59,7 @@
   "peerDependencies": {
     "@emotion/react": ">=11.0.0",
     "@emotion/styled": ">=11.0.0",
-    "@mui/material": ">=5.0.0",
+    "@mui/material": ">=7.0.0 <8.0.0",
     "@popperjs/core": ">=2.0.0",
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0"
@@ -71,6 +72,7 @@
     "@types/node": "^22.10.0",
     "@types/react": "^19.0.0",
     "@types/react-dom": "^19.0.0",
+    "jsdom": "^26.1.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "tsup": "^8.5.1",

package/dist/chunk-OQRISU2D.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/createMuiDisplayScaleComponents.ts","../src/useDisplayScalePopoverPosition.ts","../src/DisplayScaleMuiOverlays.tsx","../src/DisplayScaleSelect.tsx","../src/useDisplayScaleTabsIndicator.ts","../src/displayScaleLayoutTokens.ts"],"names":["useRef","useLayoutEffect","useCallback","useMemo","jsx"],"mappings":"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","file":"chunk-OQRISU2D.js","sourcesContent":["import type { Components, Theme } from \"@mui/material/styles\";\n\ntype PortalContainerGetter = () => HTMLElement;\n\ntype MuiDisplayScaleComponentsOptions = {\n  getPortalContainer: PortalContainerGetter;\n  /**\n   * Overlay content is portalled outside the zoomed app root, so it needs the\n   * same density correction independently.\n   */\n  overlayZoom?: number;\n};\n\n/**\n * MUI adapter for a compensated app root.\n *\n * Centralizing these defaults gives every MUI overlay the portal strategy and\n * density correction chosen by the display-scale engine.\n */\nexport function createMuiDisplayScaleComponents({\n  getPortalContainer,\n  overlayZoom = 1,\n}: MuiDisplayScaleComponentsOptions): Components<Theme> {\n  const zoom = overlayZoom > 0 ? overlayZoom : 1;\n  const resolveContainerZoom = (container: unknown): number => {\n    if (typeof document === \"undefined\") return zoom;\n    const resolvedContainer =\n      typeof container === \"function\" ? (container as PortalContainerGetter)() : container;\n    // MUI does not always expose the resolved portal node through ownerState.\n    // Missing means the component will use its default (document.body).\n    return resolvedContainer == null || resolvedContainer === document.body ? zoom : 1;\n  };\n\n  return {\n    MuiModal: {\n      defaultProps: {\n        container: getPortalContainer,\n      },\n    },\n    MuiDialog: {\n      defaultProps: {\n        container: getPortalContainer,\n      },\n      styleOverrides: {\n        paper: ({ ownerState }) => ({ zoom: resolveContainerZoom(ownerState?.container) }),\n      },\n    },\n    MuiPopover: {\n      defaultProps: {\n        container: getPortalContainer,\n      },\n      styleOverrides: {\n        paper: ({ ownerState }) => ({ zoom: resolveContainerZoom(ownerState?.container) }),\n      },\n    },\n    MuiPopper: {\n      defaultProps: {\n        container: getPortalContainer,\n      },\n      styleOverrides: {\n        root: ({ ownerState }) => ({ zoom: resolveContainerZoom(ownerState?.container) }),\n      },\n    },\n    MuiDrawer: {\n      defaultProps: {\n        // Drawer inherits Modal props. Supplying the portal host here (rather\n        // than only through MuiModal) also covers Drawer internals directly.\n        container: getPortalContainer,\n      },\n      styleOverrides: {\n        paper: ({ ownerState }) => {\n          // Permanent/persistent drawers live inside the compensated root and\n          // must not be zoomed a second time. Temporary drawers are portalled\n          // to document.body, so their paper needs the overlay density zoom.\n          if (ownerState.variant !== \"temporary\") return {};\n\n          const isVertical = ownerState.anchor === \"left\" || ownerState.anchor === \"right\";\n          return isVertical\n            ? {\n                zoom,\n                height: \"var(--ep-display-scale-overlay-viewport-height, 100dvh)\",\n                maxHeight: \"var(--ep-display-scale-overlay-viewport-height, 100dvh)\",\n              }\n            : {\n                zoom,\n                width: \"var(--ep-display-scale-overlay-viewport-width, 100dvw)\",\n                maxWidth: \"var(--ep-display-scale-overlay-viewport-width, 100dvw)\",\n              };\n        },\n      },\n    },\n  };\n}\n","import type { PopoverOrigin, PopoverProps } from \"@mui/material\";\nimport { type RefObject, useCallback, useLayoutEffect } from \"react\";\nimport { useDisplayScaleCompensation } from \"./DisplayScaleCompensationProvider\";\n\ntype DisplayScalePopoverPositionOptions = {\n  open: boolean;\n  overlayRootRef: RefObject<HTMLDivElement | null>;\n  anchorElement: HTMLElement | null;\n  anchorReference?: PopoverProps[\"anchorReference\"];\n  anchorPosition?: PopoverProps[\"anchorPosition\"];\n  anchorOrigin?: PopoverProps[\"anchorOrigin\"];\n  transformOrigin?: PopoverProps[\"transformOrigin\"];\n  marginThreshold?: PopoverProps[\"marginThreshold\"];\n};\n\nfunction resolveOffset(\n  origin: number | \"top\" | \"center\" | \"bottom\" | \"left\" | \"right\" | undefined,\n  size: number,\n): number {\n  if (typeof origin === \"number\") return origin;\n  if (origin === \"center\") return size / 2;\n  if (origin === \"bottom\" || origin === \"right\") return size;\n  return 0;\n}\n\nfunction resolveOrigins(\n  anchorOrigin: PopoverOrigin | undefined,\n  transformOrigin: PopoverOrigin | undefined,\n  anchorWidth: number,\n  anchorHeight: number,\n  paperWidth: number,\n  paperHeight: number,\n): { anchorX: number; anchorY: number; transformX: number; transformY: number } {\n  const resolvedAnchorOrigin = anchorOrigin ?? { vertical: \"top\", horizontal: \"left\" };\n  const resolvedTransformOrigin = transformOrigin ?? { vertical: \"top\", horizontal: \"left\" };\n\n  return {\n    anchorX: resolveOffset(resolvedAnchorOrigin.horizontal, anchorWidth),\n    anchorY: resolveOffset(resolvedAnchorOrigin.vertical, anchorHeight),\n    transformX: resolveOffset(resolvedTransformOrigin.horizontal, paperWidth),\n    transformY: resolveOffset(resolvedTransformOrigin.vertical, paperHeight),\n  };\n}\n\n/**\n * Replaces only MUI Popover's physical-viewport collision pass. MUI still\n * owns focus, transition and anchor semantics; this writes the final logical\n * top/left inside the compensated portal root.\n */\nexport function useDisplayScalePopoverPosition({\n  open,\n  overlayRootRef,\n  anchorElement,\n  anchorReference,\n  anchorPosition,\n  anchorOrigin,\n  transformOrigin,\n  marginThreshold = 16,\n}: DisplayScalePopoverPositionOptions): void {\n  const { compensation, layoutExtents, rootRef } = useDisplayScaleCompensation();\n\n  const correctPosition = useCallback(() => {\n    if (!open || !compensation.active || !layoutExtents) return;\n\n    const overlayRoot = overlayRootRef.current;\n    const paper = overlayRoot?.querySelector<HTMLElement>(\".MuiPopover-paper\");\n    if (!paper) return;\n\n    const zoom = compensation.zoom > 0 ? compensation.zoom : 1;\n    const rootRect = rootRef.current?.getBoundingClientRect();\n    const rootLeft = rootRect?.left ?? 0;\n    const rootTop = rootRect?.top ?? 0;\n    const anchorRect = anchorElement?.getBoundingClientRect();\n    const anchorX =\n      anchorReference === \"anchorPosition\" && anchorPosition\n        ? (anchorPosition.left - rootLeft) / zoom\n        : anchorRect\n          ? (anchorRect.left - rootLeft) / zoom\n          : null;\n    const anchorY =\n      anchorReference === \"anchorPosition\" && anchorPosition\n        ? (anchorPosition.top - rootTop) / zoom\n        : anchorRect\n          ? (anchorRect.top - rootTop) / zoom\n          : null;\n    if (anchorX == null || anchorY == null) return;\n\n    const paperWidth = paper.offsetWidth;\n    const paperHeight = paper.offsetHeight;\n    const {\n      anchorX: originX,\n      anchorY: originY,\n      transformX,\n      transformY,\n    } = resolveOrigins(\n      anchorOrigin,\n      transformOrigin,\n      anchorRect ? anchorRect.width / zoom : 0,\n      anchorRect ? anchorRect.height / zoom : 0,\n      paperWidth,\n      paperHeight,\n    );\n    const margin = typeof marginThreshold === \"number\" ? marginThreshold : 16;\n    const maxLeft = Math.max(margin, layoutExtents.layoutWidthPx - margin - paperWidth);\n    const maxTop = Math.max(margin, layoutExtents.layoutHeightPx - margin - paperHeight);\n    const left = Math.min(maxLeft, Math.max(margin, anchorX + originX - transformX));\n    const top = Math.min(maxTop, Math.max(margin, anchorY + originY - transformY));\n\n    paper.style.left = `${Math.round(left)}px`;\n    paper.style.top = `${Math.round(top)}px`;\n  }, [\n    anchorElement,\n    anchorOrigin,\n    anchorPosition,\n    anchorReference,\n    compensation.active,\n    compensation.zoom,\n    layoutExtents,\n    marginThreshold,\n    open,\n    overlayRootRef,\n    rootRef,\n    transformOrigin,\n  ]);\n\n  useLayoutEffect(() => {\n    if (!open) return;\n\n    const firstFrame = window.requestAnimationFrame(() => {\n      correctPosition();\n      window.requestAnimationFrame(correctPosition);\n    });\n    window.addEventListener(\"resize\", correctPosition);\n    window.addEventListener(\"scroll\", correctPosition, true);\n\n    return () => {\n      window.cancelAnimationFrame(firstFrame);\n      window.removeEventListener(\"resize\", correctPosition);\n      window.removeEventListener(\"scroll\", correctPosition, true);\n    };\n  }, [correctPosition, open]);\n}\n","import type { MenuProps, PopoverProps, PopperProps } from \"@mui/material\";\nimport { Menu, Popover, Popper } from \"@mui/material\";\nimport { useTheme } from \"@mui/material/styles\";\nimport type {\n  OffsetsFunction,\n  Options as PopperOffsetOptions,\n} from \"@popperjs/core/lib/modifiers/offset\";\nimport { type ReactElement, useMemo, useRef } from \"react\";\nimport { useDisplayScaleCompensation } from \"./DisplayScaleCompensationProvider\";\nimport { useDisplayScaleAnchor } from \"./useDisplayScaleAnchor\";\nimport { useDisplayScalePopoverPosition } from \"./useDisplayScalePopoverPosition\";\n\ntype NativeAnchorProps = {\n  anchorEl?: HTMLElement | null;\n};\n\nexport type DisplayScaleMenuProps = Omit<MenuProps, \"anchorEl\"> & NativeAnchorProps;\n\n/** MUI Menu with an anchor adapted to the active portal strategy. */\nexport function DisplayScaleMenu({ anchorEl, ...props }: DisplayScaleMenuProps): ReactElement {\n  const displayScaleAnchor = useDisplayScaleAnchor(anchorEl ?? null);\n  const { compensation, rootRef } = useDisplayScaleCompensation();\n  const theme = useTheme();\n  const overlayRootRef = useRef<HTMLDivElement>(null);\n  const horizontalOrigin = theme.direction === \"rtl\" ? \"right\" : \"left\";\n  const anchorOrigin = props.anchorOrigin ?? {\n    vertical: \"bottom\",\n    horizontal: horizontalOrigin,\n  };\n  const transformOrigin = props.transformOrigin ?? {\n    vertical: \"top\",\n    horizontal: horizontalOrigin,\n  };\n  const anchorPosition = useMemo(() => {\n    if (props.anchorReference !== \"anchorPosition\" || !props.anchorPosition) {\n      return props.anchorPosition;\n    }\n    const zoom = compensation.zoom > 0 ? compensation.zoom : 1;\n    return {\n      top: props.anchorPosition.top / zoom,\n      left: props.anchorPosition.left / zoom,\n    };\n  }, [compensation.zoom, props.anchorPosition, props.anchorReference]);\n  useDisplayScalePopoverPosition({\n    open: props.open,\n    overlayRootRef,\n    anchorElement: anchorEl ?? null,\n    anchorReference: props.anchorReference,\n    anchorPosition: props.anchorPosition,\n    anchorOrigin,\n    transformOrigin,\n    marginThreshold: props.marginThreshold,\n  });\n\n  return (\n    <Menu\n      {...props}\n      ref={overlayRootRef}\n      anchorEl={displayScaleAnchor}\n      anchorPosition={anchorPosition}\n      anchorOrigin={anchorOrigin}\n      container={rootRef.current ?? document.body}\n      transformOrigin={transformOrigin}\n    />\n  );\n}\n\nexport type DisplayScalePopoverProps = Omit<PopoverProps, \"anchorEl\"> & NativeAnchorProps;\n\n/** MUI Popover with an anchor adapted to the active portal strategy. */\nexport function DisplayScalePopover({\n  anchorEl,\n  ...props\n}: DisplayScalePopoverProps): ReactElement {\n  const displayScaleAnchor = useDisplayScaleAnchor(anchorEl ?? null);\n  const { rootRef } = useDisplayScaleCompensation();\n  const overlayRootRef = useRef<HTMLDivElement>(null);\n  useDisplayScalePopoverPosition({\n    open: props.open,\n    overlayRootRef,\n    anchorElement: anchorEl ?? null,\n    anchorReference: props.anchorReference,\n    anchorPosition: props.anchorPosition,\n    anchorOrigin: props.anchorOrigin,\n    transformOrigin: props.transformOrigin,\n    marginThreshold: props.marginThreshold,\n  });\n  return (\n    <Popover\n      {...props}\n      ref={overlayRootRef}\n      anchorEl={displayScaleAnchor}\n      container={rootRef.current ?? document.body}\n    />\n  );\n}\n\nexport type DisplayScalePopperProps = Omit<PopperProps, \"anchorEl\"> & NativeAnchorProps;\n\nconst defaultDisplayScalePopperModifiers: PopperProps[\"modifiers\"] = [\n  {\n    name: \"offset\",\n    options: { offset: [0, 8] },\n  },\n];\n\nfunction scalePopperOffsets(\n  modifiers: PopperProps[\"modifiers\"],\n  zoom: number,\n): PopperProps[\"modifiers\"] {\n  if (!modifiers || zoom === 1) return modifiers;\n\n  return modifiers.map((modifier) => {\n    if (modifier.name !== \"offset\") return modifier;\n\n    const options = modifier.options as Partial<PopperOffsetOptions> | undefined;\n    const rawOffset = options?.offset;\n    if (!rawOffset) return modifier;\n\n    const scaleValue = (value: number | null | undefined) => (value == null ? value : value / zoom);\n    const offset: PopperOffsetOptions[\"offset\"] =\n      typeof rawOffset === \"function\"\n        ? (args: Parameters<OffsetsFunction>[0]) => {\n            const [skidding, distance] = rawOffset(args);\n            return [scaleValue(skidding), scaleValue(distance)];\n          }\n        : [scaleValue(rawOffset[0]), scaleValue(rawOffset[1])];\n\n    return { ...modifier, options: { ...options, offset } };\n  });\n}\n\n/** MUI Popper with an anchor adapted to the active portal strategy. */\nexport function DisplayScalePopper({ anchorEl, ...props }: DisplayScalePopperProps): ReactElement {\n  const displayScaleAnchor = useDisplayScaleAnchor(anchorEl ?? null);\n  const { compensation, rootRef } = useDisplayScaleCompensation();\n  const modifiers = useMemo(\n    () =>\n      scalePopperOffsets(props.modifiers ?? defaultDisplayScalePopperModifiers, compensation.zoom),\n    [compensation.zoom, props.modifiers],\n  );\n  return (\n    <Popper\n      {...props}\n      anchorEl={displayScaleAnchor}\n      container={rootRef.current ?? document.body}\n      modifiers={modifiers}\n      style={{ ...props.style, zoom: 1 }}\n    />\n  );\n}\n","import type { MenuProps, SelectProps } from \"@mui/material\";\nimport { Select } from \"@mui/material\";\nimport type { ReactElement, SyntheticEvent } from \"react\";\nimport { useCallback, useId, useLayoutEffect, useMemo, useRef, useState } from \"react\";\nimport { useDisplayScaleCompensation } from \"./DisplayScaleCompensationProvider\";\nimport { useDisplayScalePopoverPosition } from \"./useDisplayScalePopoverPosition\";\n\n/**\n * MUI Select adapter for the display-scale engine. Select creates its Menu\n * internally, so it cannot use DisplayScaleMenu directly.\n */\nexport function DisplayScaleSelect<Value = unknown>(props: SelectProps<Value>): ReactElement {\n  const {\n    MenuProps,\n    SelectDisplayProps,\n    defaultOpen,\n    onClose,\n    onOpen,\n    open: openProp,\n    ...selectProps\n  } = props;\n  const { rootRef } = useDisplayScaleCompensation();\n  const menuRootRef = useRef<HTMLDivElement>(null);\n  const selectId = useId();\n  const [anchorElement, setAnchorElement] = useState<HTMLElement | null>(null);\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(Boolean(defaultOpen));\n  const open = openProp ?? uncontrolledOpen;\n\n  useLayoutEffect(() => {\n    if (!open) {\n      setAnchorElement(null);\n      return;\n    }\n    setAnchorElement(\n      document.querySelector<HTMLElement>(`[data-ep-display-scale-select=\"${selectId}\"]`),\n    );\n  }, [open, selectId]);\n\n  const handleOpen = useCallback(\n    (event: SyntheticEvent) => {\n      if (openProp === undefined) setUncontrolledOpen(true);\n      onOpen?.(event);\n    },\n    [onOpen, openProp],\n  );\n  const handleClose = useCallback(\n    (event: SyntheticEvent) => {\n      if (openProp === undefined) setUncontrolledOpen(false);\n      onClose?.(event);\n    },\n    [onClose, openProp],\n  );\n\n  useDisplayScalePopoverPosition({\n    open,\n    overlayRootRef: menuRootRef,\n    anchorElement,\n    anchorOrigin: { vertical: \"bottom\", horizontal: \"center\" },\n    transformOrigin: { vertical: \"top\", horizontal: \"center\" },\n  });\n\n  const menuProps = useMemo((): Partial<MenuProps> => {\n    const paperSlot = MenuProps?.slotProps?.paper;\n    const resolvedPaperSlot = typeof paperSlot === \"function\" ? undefined : paperSlot;\n\n    return {\n      ...MenuProps,\n      container: rootRef.current ?? document.body,\n      ref: menuRootRef,\n      slotProps: {\n        ...MenuProps?.slotProps,\n        paper: {\n          ...resolvedPaperSlot,\n          style: { ...resolvedPaperSlot?.style, zoom: 1 },\n        },\n      },\n    };\n  }, [MenuProps, rootRef]);\n\n  return (\n    <Select<Value>\n      {...selectProps}\n      open={open}\n      onOpen={handleOpen}\n      onClose={handleClose}\n      MenuProps={menuProps}\n      SelectDisplayProps={\n        {\n          ...SelectDisplayProps,\n          \"data-ep-display-scale-select\": selectId,\n        } as SelectProps<Value>[\"SelectDisplayProps\"]\n      }\n    />\n  );\n}\n","import { type RefObject, useLayoutEffect } from \"react\";\nimport { useDisplayScaleCompensation } from \"./DisplayScaleCompensationProvider\";\n\n/**\n * Keeps MUI Tabs' indicator in the compensated root's logical coordinate\n * space. MUI normally uses getBoundingClientRect(), whose values are already\n * zoomed and therefore too small for a logical layout container.\n */\nexport function useDisplayScaleTabsIndicator(\n  tabsRef: RefObject<HTMLDivElement | null>,\n  value: unknown,\n): void {\n  const { compensation } = useDisplayScaleCompensation();\n\n  useLayoutEffect(() => {\n    if (!compensation.active) return;\n    // Re-run after the selected Tabs value changes.\n    void value;\n\n    const updateIndicator = (): void => {\n      const tabs = tabsRef.current;\n      const indicator = tabs?.querySelector<HTMLElement>(\".MuiTabs-indicator\");\n      const selectedTab = tabs?.querySelector<HTMLElement>(\".MuiTab-root.Mui-selected\");\n      if (!tabs || !indicator || !selectedTab) return;\n\n      const isRtl = getComputedStyle(tabs).direction === \"rtl\";\n      const left = selectedTab.offsetLeft;\n      const width = selectedTab.offsetWidth;\n\n      indicator.style.width = `${width}px`;\n      if (isRtl) {\n        indicator.style.left = \"auto\";\n        indicator.style.right = `${tabs.offsetWidth - left - width}px`;\n      } else {\n        indicator.style.right = \"auto\";\n        indicator.style.left = `${left}px`;\n      }\n    };\n\n    const frame = window.requestAnimationFrame(updateIndicator);\n    const observer = new ResizeObserver(updateIndicator);\n    if (tabsRef.current) observer.observe(tabsRef.current);\n    window.addEventListener(\"resize\", updateIndicator);\n\n    return () => {\n      window.cancelAnimationFrame(frame);\n      observer.disconnect();\n      window.removeEventListener(\"resize\", updateIndicator);\n    };\n  }, [compensation.active, tabsRef, value]);\n}\n","import type { SxProps, Theme } from \"@mui/material/styles\";\n\n/** Fill the compensated app tree — prefer over raw `100vh` inside `#root`. */\nexport const displayScalePageFillSx: SxProps<Theme> = {\n  flex: 1,\n  minHeight: 0,\n  minWidth: 0,\n  width: \"100%\",\n  height: \"100%\",\n};\n\n/** Full-viewport auth split layout — fills the compensated app root (not `position: fixed`). */\nexport const signinViewportShellSx: SxProps<Theme> = {\n  flex: 1,\n  minHeight: 0,\n  minWidth: 0,\n  width: \"100%\",\n  height: \"100%\",\n  overflow: \"hidden\",\n  boxSizing: \"border-box\",\n};\n\n/** 50/50 desktop columns — avoids flex min-content overflow at OS display scale. */\nexport const signinSplitColumnSx: SxProps<Theme> = {\n  flex: { xs: \"0 0 auto\", md: \"1 1 0\" },\n  width: { xs: \"100%\", md: \"50%\" },\n  maxWidth: { xs: \"100%\", md: \"50%\" },\n  minWidth: 0,\n  boxSizing: \"border-box\",\n};\n"]}