@simplybusiness/mobius 10.4.2 → 10.4.3

package/dist/cjs/meta.json

@@ -2447,14 +2447,53 @@
       ],
       "format": "esm"
     },
-    "src/components/Popover/Popover.tsx": {
-      "bytes": 4803,
+    "src/components/Popover/Arrow.tsx": {
+      "bytes": 554,
       "imports": [
         {
-          "path": "@floating-ui/react",
+          "path": "react/jsx-runtime",
           "kind": "import-statement",
           "external": true
-        },
+        }
+      ],
+      "format": "esm"
+    },
+    "src/components/Popover/useAutoUpdate.ts": {
+      "bytes": 1202,
+      "imports": [
+        {
+          "path": "react",
+          "kind": "import-statement",
+          "external": true
+        }
+      ],
+      "format": "esm"
+    },
+    "src/components/Popover/useFloatingPosition.ts": {
+      "bytes": 5982,
+      "imports": [
+        {
+          "path": "react",
+          "kind": "import-statement",
+          "external": true
+        }
+      ],
+      "format": "esm"
+    },
+    "src/components/Popover/useOutsidePress.ts": {
+      "bytes": 917,
+      "imports": [
+        {
+          "path": "react",
+          "kind": "import-statement",
+          "external": true
+        }
+      ],
+      "format": "esm"
+    },
+    "src/components/Popover/Popover.tsx": {
+      "bytes": 5165,
+      "imports": [
         {
           "path": "@simplybusiness/icons",
           "kind": "import-statement",
@@ -2470,6 +2509,11 @@
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "react-dom",
+          "kind": "import-statement",
+          "external": true
+        },
         {
           "path": "@simplybusiness/mobius-hooks",
           "kind": "import-statement",
@@ -2485,6 +2529,26 @@
           "kind": "import-statement",
           "original": "../Icon"
         },
+        {
+          "path": "src/components/Popover/Arrow.tsx",
+          "kind": "import-statement",
+          "original": "./Arrow"
+        },
+        {
+          "path": "src/components/Popover/useAutoUpdate.ts",
+          "kind": "import-statement",
+          "original": "./useAutoUpdate"
+        },
+        {
+          "path": "src/components/Popover/useFloatingPosition.ts",
+          "kind": "import-statement",
+          "original": "./useFloatingPosition"
+        },
+        {
+          "path": "src/components/Popover/useOutsidePress.ts",
+          "kind": "import-statement",
+          "original": "./useOutsidePress"
+        },
         {
           "path": "@simplybusiness/mobius/src/components/Popover/Popover.css",
           "kind": "import-statement",
@@ -3877,7 +3941,7 @@
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 334257
+      "bytes": 347467
     },
     "dist/cjs/index.js": {
       "imports": [
@@ -4747,22 +4811,22 @@
           "external": true
         },
         {
-          "path": "@floating-ui/react",
+          "path": "@simplybusiness/icons",
           "kind": "require-call",
           "external": true
         },
         {
-          "path": "@simplybusiness/icons",
+          "path": "classnames/dedupe",
           "kind": "require-call",
           "external": true
         },
         {
-          "path": "classnames/dedupe",
+          "path": "react",
           "kind": "require-call",
           "external": true
         },
         {
-          "path": "react",
+          "path": "react-dom",
           "kind": "require-call",
           "external": true
         },
@@ -4771,6 +4835,26 @@
           "kind": "require-call",
           "external": true
         },
+        {
+          "path": "react/jsx-runtime",
+          "kind": "require-call",
+          "external": true
+        },
+        {
+          "path": "react",
+          "kind": "require-call",
+          "external": true
+        },
+        {
+          "path": "react",
+          "kind": "require-call",
+          "external": true
+        },
+        {
+          "path": "react",
+          "kind": "require-call",
+          "external": true
+        },
         {
           "path": "@simplybusiness/mobius/src/components/Popover/Popover.css",
           "kind": "require-call",
@@ -5466,7 +5550,19 @@
           "bytesInOutput": 644
         },
         "src/components/Popover/Popover.tsx": {
-          "bytesInOutput": 4540
+          "bytesInOutput": 4561
+        },
+        "src/components/Popover/Arrow.tsx": {
+          "bytesInOutput": 488
+        },
+        "src/components/Popover/useAutoUpdate.ts": {
+          "bytesInOutput": 925
+        },
+        "src/components/Popover/useFloatingPosition.ts": {
+          "bytesInOutput": 3631
+        },
+        "src/components/Popover/useOutsidePress.ts": {
+          "bytesInOutput": 632
         },
         "src/components/Progress/Progress.tsx": {
           "bytesInOutput": 3632
@@ -5556,7 +5652,7 @@
           "bytesInOutput": 916
         }
       },
-      "bytes": 185637
+      "bytes": 191550
     },
     "dist/cjs/utils/changeCSS.js.map": {
       "imports": [],
@@ -6486,7 +6582,7 @@
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 336191
+      "bytes": 349413
     },
     "dist/cjs/components/index.js": {
       "imports": [
@@ -7356,22 +7452,22 @@
           "external": true
         },
         {
-          "path": "@floating-ui/react",
+          "path": "@simplybusiness/icons",
           "kind": "require-call",
           "external": true
         },
         {
-          "path": "@simplybusiness/icons",
+          "path": "classnames/dedupe",
           "kind": "require-call",
           "external": true
         },
         {
-          "path": "classnames/dedupe",
+          "path": "react",
           "kind": "require-call",
           "external": true
         },
         {
-          "path": "react",
+          "path": "react-dom",
           "kind": "require-call",
           "external": true
         },
@@ -7380,6 +7476,26 @@
           "kind": "require-call",
           "external": true
         },
+        {
+          "path": "react/jsx-runtime",
+          "kind": "require-call",
+          "external": true
+        },
+        {
+          "path": "react",
+          "kind": "require-call",
+          "external": true
+        },
+        {
+          "path": "react",
+          "kind": "require-call",
+          "external": true
+        },
+        {
+          "path": "react",
+          "kind": "require-call",
+          "external": true
+        },
         {
           "path": "@simplybusiness/mobius/src/components/Popover/Popover.css",
           "kind": "require-call",
@@ -8075,7 +8191,19 @@
           "bytesInOutput": 644
         },
         "src/components/Popover/Popover.tsx": {
-          "bytesInOutput": 4540
+          "bytesInOutput": 4561
+        },
+        "src/components/Popover/Arrow.tsx": {
+          "bytesInOutput": 488
+        },
+        "src/components/Popover/useAutoUpdate.ts": {
+          "bytesInOutput": 925
+        },
+        "src/components/Popover/useFloatingPosition.ts": {
+          "bytesInOutput": 3631
+        },
+        "src/components/Popover/useOutsidePress.ts": {
+          "bytesInOutput": 632
         },
         "src/components/Progress/Progress.tsx": {
           "bytesInOutput": 3632
@@ -8165,7 +8293,7 @@
           "bytesInOutput": 916
         }
       },
-      "bytes": 185563
+      "bytes": 191476
     },
     "dist/cjs/components/VisuallyHidden/VisuallyHidden.js.map": {
       "imports": [],
@@ -11474,19 +11602,106 @@
       },
       "bytes": 6579
     },
-    "dist/cjs/components/Popover/Popover.js.map": {
+    "dist/cjs/components/Popover/useAutoUpdate.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 18953
+      "bytes": 2036
     },
-    "dist/cjs/components/Popover/Popover.js": {
+    "dist/cjs/components/Popover/useAutoUpdate.js": {
       "imports": [
         {
-          "path": "@floating-ui/react",
+          "path": "react",
           "kind": "require-call",
           "external": true
-        },
+        }
+      ],
+      "exports": [],
+      "entryPoint": "src/components/Popover/useAutoUpdate.ts",
+      "inputs": {
+        "src/components/Popover/useAutoUpdate.ts": {
+          "bytesInOutput": 1082
+        }
+      },
+      "bytes": 1967
+    },
+    "dist/cjs/components/Popover/useFloatingPosition.js.map": {
+      "imports": [],
+      "exports": [],
+      "inputs": {},
+      "bytes": 8595
+    },
+    "dist/cjs/components/Popover/useFloatingPosition.js": {
+      "imports": [
+        {
+          "path": "react",
+          "kind": "require-call",
+          "external": true
+        }
+      ],
+      "exports": [],
+      "entryPoint": "src/components/Popover/useFloatingPosition.ts",
+      "inputs": {
+        "src/components/Popover/useFloatingPosition.ts": {
+          "bytesInOutput": 3816
+        }
+      },
+      "bytes": 4713
+    },
+    "dist/cjs/components/Popover/useOutsidePress.js.map": {
+      "imports": [],
+      "exports": [],
+      "inputs": {},
+      "bytes": 1561
+    },
+    "dist/cjs/components/Popover/useOutsidePress.js": {
+      "imports": [
+        {
+          "path": "react",
+          "kind": "require-call",
+          "external": true
+        }
+      ],
+      "exports": [],
+      "entryPoint": "src/components/Popover/useOutsidePress.ts",
+      "inputs": {
+        "src/components/Popover/useOutsidePress.ts": {
+          "bytesInOutput": 799
+        }
+      },
+      "bytes": 1688
+    },
+    "dist/cjs/components/Popover/Arrow.js.map": {
+      "imports": [],
+      "exports": [],
+      "inputs": {},
+      "bytes": 1066
+    },
+    "dist/cjs/components/Popover/Arrow.js": {
+      "imports": [
+        {
+          "path": "react/jsx-runtime",
+          "kind": "require-call",
+          "external": true
+        }
+      ],
+      "exports": [],
+      "entryPoint": "src/components/Popover/Arrow.tsx",
+      "inputs": {
+        "src/components/Popover/Arrow.tsx": {
+          "bytesInOutput": 603
+        }
+      },
+      "bytes": 1473
+    },
+    "dist/cjs/components/Popover/Popover.js.map": {
+      "imports": [],
+      "exports": [],
+      "inputs": {},
+      "bytes": 32184
+    },
+    "dist/cjs/components/Popover/Popover.js": {
+      "imports": [
         {
           "path": "@simplybusiness/icons",
           "kind": "require-call",
@@ -11502,6 +11717,11 @@
           "kind": "require-call",
           "external": true
         },
+        {
+          "path": "react-dom",
+          "kind": "require-call",
+          "external": true
+        },
         {
           "path": "@simplybusiness/mobius-hooks",
           "kind": "require-call",
@@ -11567,6 +11787,26 @@
           "kind": "require-call",
           "external": true
         },
+        {
+          "path": "react/jsx-runtime",
+          "kind": "require-call",
+          "external": true
+        },
+        {
+          "path": "react",
+          "kind": "require-call",
+          "external": true
+        },
+        {
+          "path": "react",
+          "kind": "require-call",
+          "external": true
+        },
+        {
+          "path": "react",
+          "kind": "require-call",
+          "external": true
+        },
         {
           "path": "@simplybusiness/mobius/src/components/Popover/Popover.css",
           "kind": "require-call",
@@ -11582,7 +11822,7 @@
       "entryPoint": "src/components/Popover/Popover.tsx",
       "inputs": {
         "src/components/Popover/Popover.tsx": {
-          "bytesInOutput": 4623
+          "bytesInOutput": 4652
         },
         "src/components/Button/Button.tsx": {
           "bytesInOutput": 1133
@@ -11601,35 +11841,47 @@
         },
         "src/components/Button/Success.tsx": {
           "bytesInOutput": 561
+        },
+        "src/components/Popover/Arrow.tsx": {
+          "bytesInOutput": 485
+        },
+        "src/components/Popover/useAutoUpdate.ts": {
+          "bytesInOutput": 923
+        },
+        "src/components/Popover/useFloatingPosition.ts": {
+          "bytesInOutput": 3628
+        },
+        "src/components/Popover/useOutsidePress.ts": {
+          "bytesInOutput": 630
         }
       },
-      "bytes": 12170
+      "bytes": 18042
     },
     "dist/cjs/components/Popover/index.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 19037
+      "bytes": 32268
     },
     "dist/cjs/components/Popover/index.js": {
       "imports": [
         {
-          "path": "@floating-ui/react",
+          "path": "@simplybusiness/icons",
           "kind": "require-call",
           "external": true
         },
         {
-          "path": "@simplybusiness/icons",
+          "path": "classnames/dedupe",
           "kind": "require-call",
           "external": true
         },
         {
-          "path": "classnames/dedupe",
+          "path": "react",
           "kind": "require-call",
           "external": true
         },
         {
-          "path": "react",
+          "path": "react-dom",
           "kind": "require-call",
           "external": true
         },
@@ -11698,6 +11950,26 @@
           "kind": "require-call",
           "external": true
         },
+        {
+          "path": "react/jsx-runtime",
+          "kind": "require-call",
+          "external": true
+        },
+        {
+          "path": "react",
+          "kind": "require-call",
+          "external": true
+        },
+        {
+          "path": "react",
+          "kind": "require-call",
+          "external": true
+        },
+        {
+          "path": "react",
+          "kind": "require-call",
+          "external": true
+        },
         {
           "path": "@simplybusiness/mobius/src/components/Popover/Popover.css",
           "kind": "require-call",
@@ -11716,7 +11988,7 @@
           "bytesInOutput": 131
         },
         "src/components/Popover/Popover.tsx": {
-          "bytesInOutput": 4492
+          "bytesInOutput": 4521
         },
         "src/components/Button/Button.tsx": {
           "bytesInOutput": 1133
@@ -11735,9 +12007,21 @@
         },
         "src/components/Button/Success.tsx": {
           "bytesInOutput": 561
+        },
+        "src/components/Popover/Arrow.tsx": {
+          "bytesInOutput": 485
+        },
+        "src/components/Popover/useAutoUpdate.ts": {
+          "bytesInOutput": 923
+        },
+        "src/components/Popover/useFloatingPosition.ts": {
+          "bytesInOutput": 3628
+        },
+        "src/components/Popover/useOutsidePress.ts": {
+          "bytesInOutput": 630
         }
       },
-      "bytes": 12205
+      "bytes": 18077
     },
     "dist/cjs/components/PasswordField/PasswordField.js.map": {
       "imports": [],

package/dist/esm/chunk-26KZYRE6.js

@@ -0,0 +1,108 @@
+// src/components/Popover/useFloatingPosition.ts
+import { useCallback, useLayoutEffect } from "react";
+var ABSOLUTE_FLOATING_STYLES = {
+  position: "absolute",
+  top: 0,
+  left: 0,
+  width: "max-content"
+};
+var FIXED_FLOATING_STYLES = {
+  position: "fixed",
+  top: 0,
+  left: 0,
+  width: "max-content"
+};
+var INITIAL_ARROW_STYLES = {
+  position: "absolute"
+};
+var VIEWPORT_PADDING = 0;
+var createsFixedContainingBlock = (el) => {
+  const style = window.getComputedStyle(el);
+  return style.transform !== "none" || style.filter !== "none" || style.backdropFilter !== "none" || style.perspective !== "none" || /\b(transform|filter|perspective)\b/.test(style.willChange);
+};
+var useFloatingPosition = ({
+  referenceRef,
+  floatingRef,
+  arrowRef,
+  isOpen,
+  offsetPx,
+  arrowWidth,
+  useFixedStrategy
+}) => {
+  const update = useCallback(() => {
+    const reference = referenceRef.current;
+    const floating = floatingRef.current;
+    if (!reference || !floating) return;
+    const refRect = reference.getBoundingClientRect();
+    const floatingWidth = floating.offsetWidth;
+    const floatingHeight = floating.offsetHeight;
+    const scrollX = useFixedStrategy ? 0 : window.scrollX;
+    const scrollY = useFixedStrategy ? 0 : window.scrollY;
+    const parent = floating.parentElement;
+    const parentIsCb = useFixedStrategy && !!parent && createsFixedContainingBlock(parent);
+    const boundsRect = parentIsCb ? parent.getBoundingClientRect() : {
+      left: 0,
+      top: 0,
+      right: window.innerWidth,
+      bottom: window.innerHeight
+    };
+    const bottomTopViewport = refRect.bottom + offsetPx;
+    const topTopViewport = refRect.top - floatingHeight - offsetPx;
+    const overflowsBottom = bottomTopViewport + floatingHeight > boundsRect.bottom;
+    const fitsTop = topTopViewport >= boundsRect.top;
+    const nextPlacement = overflowsBottom && fitsTop ? "top" : "bottom";
+    const topViewport = nextPlacement === "bottom" ? bottomTopViewport : topTopViewport;
+    const rawLeftViewport = refRect.left + refRect.width / 2 - floatingWidth / 2;
+    const minLeftViewport = boundsRect.left + VIEWPORT_PADDING;
+    const maxLeftViewport = Math.max(
+      minLeftViewport,
+      boundsRect.right - floatingWidth - VIEWPORT_PADDING
+    );
+    const leftViewport = Math.min(
+      Math.max(minLeftViewport, rawLeftViewport),
+      maxLeftViewport
+    );
+    const cbOffsetLeft = parentIsCb ? boundsRect.left : 0;
+    const cbOffsetTop = parentIsCb ? boundsRect.top : 0;
+    floating.style.top = `${topViewport + scrollY - cbOffsetTop}px`;
+    floating.style.left = `${leftViewport + scrollX - cbOffsetLeft}px`;
+    const arrow = arrowRef.current;
+    if (!arrow) return;
+    const arrowHalf = arrowWidth / 2;
+    const refCenterX = refRect.left + refRect.width / 2;
+    const rawArrowLeft = refCenterX - leftViewport - arrowHalf;
+    const maxArrowLeft = Math.max(0, floatingWidth - arrowWidth);
+    const arrowLeft = Math.min(Math.max(0, rawArrowLeft), maxArrowLeft);
+    arrow.style.left = `${arrowLeft}px`;
+    if (nextPlacement === "bottom") {
+      arrow.style.bottom = "100%";
+      arrow.style.top = "";
+      arrow.style.transform = "rotate(180deg)";
+    } else {
+      arrow.style.top = "100%";
+      arrow.style.bottom = "";
+      arrow.style.transform = "";
+    }
+  }, [
+    referenceRef,
+    floatingRef,
+    arrowRef,
+    offsetPx,
+    arrowWidth,
+    useFixedStrategy
+  ]);
+  useLayoutEffect(() => {
+    if (!isOpen) return;
+    update();
+  }, [isOpen, update]);
+  return {
+    initialFloatingStyles: useFixedStrategy ? FIXED_FLOATING_STYLES : ABSOLUTE_FLOATING_STYLES,
+    initialArrowStyles: INITIAL_ARROW_STYLES,
+    update
+  };
+};
+
+export {
+  useFloatingPosition
+};
+//# sourceMappingURL=chunk-26KZYRE6.js.map

package/dist/esm/chunk-26KZYRE6.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/Popover/useFloatingPosition.ts"],
+  "sourcesContent": ["import type { CSSProperties, RefObject } from \"react\";\nimport { useCallback, useLayoutEffect } from \"react\";\n\ntype Placement = \"bottom\" | \"top\";\n\ninterface UseFloatingPositionArgs {\n  referenceRef: RefObject<HTMLElement | null>;\n  floatingRef: RefObject<HTMLDivElement | null>;\n  arrowRef: RefObject<SVGSVGElement | null>;\n  isOpen: boolean;\n  offsetPx: number;\n  arrowWidth: number;\n  useFixedStrategy: boolean;\n}\n\ninterface UseFloatingPositionResult {\n  initialFloatingStyles: CSSProperties;\n  initialArrowStyles: CSSProperties;\n  update: () => void;\n}\n\n// Two positioning strategies:\n// - `absolute` + document-relative coords (viewport rect + window.scrollY/X)\n//   when portalled to document.body. The initial containing block is the\n//   document, so absolute coords pin to the trigger and scroll natively.\n// - `fixed` + viewport coords when portalled inside a <dialog> (top-layer).\n//   The dialog's own box would otherwise become the containing block for an\n//   `absolute` child, throwing off coordinates and triggering `overflow: hidden`\n//   clipping. `fixed` keeps the containing block as the viewport.\nconst ABSOLUTE_FLOATING_STYLES: CSSProperties = {\n  position: \"absolute\",\n  top: 0,\n  left: 0,\n  width: \"max-content\",\n};\n\nconst FIXED_FLOATING_STYLES: CSSProperties = {\n  position: \"fixed\",\n  top: 0,\n  left: 0,\n  width: \"max-content\",\n};\n\nconst INITIAL_ARROW_STYLES: CSSProperties = {\n  position: \"absolute\",\n};\n\nconst VIEWPORT_PADDING = 0;\n\n// Properties that make an ancestor the containing block for a `position: fixed`\n// descendant, overriding the initial viewport containing block. When the portal\n// target (dialog) has any of these, `position: fixed` coords are interpreted\n// relative to the dialog's box, not the viewport \u2014 we compensate by subtracting\n// the dialog's viewport offset.\nconst createsFixedContainingBlock = (el: HTMLElement): boolean => {\n  const style = window.getComputedStyle(el);\n  return (\n    style.transform !== \"none\" ||\n    style.filter !== \"none\" ||\n    style.backdropFilter !== \"none\" ||\n    style.perspective !== \"none\" ||\n    /\\b(transform|filter|perspective)\\b/.test(style.willChange)\n  );\n};\n\nexport const useFloatingPosition = ({\n  referenceRef,\n  floatingRef,\n  arrowRef,\n  isOpen,\n  offsetPx,\n  arrowWidth,\n  useFixedStrategy,\n}: UseFloatingPositionArgs): UseFloatingPositionResult => {\n  // Writes styles directly to the DOM (bypassing React state) so scroll/resize\n  // handlers can update position in the same event-frame the browser uses to\n  // paint the scroll, eliminating the re-render lag that shows up as a\n  // trigger-vs-popover parallax on fast scroll.\n  const update = useCallback(() => {\n    const reference = referenceRef.current;\n    const floating = floatingRef.current;\n    if (!reference || !floating) return;\n\n    const refRect = reference.getBoundingClientRect();\n    const floatingWidth = floating.offsetWidth;\n    const floatingHeight = floating.offsetHeight;\n    const scrollX = useFixedStrategy ? 0 : window.scrollX;\n    const scrollY = useFixedStrategy ? 0 : window.scrollY;\n\n    // Clamp to the portal target's bounds when the dialog is a containing\n    // block (its own `overflow: hidden` would clip the popover). Otherwise\n    // clamp to the viewport.\n    const parent = floating.parentElement;\n    const parentIsCb =\n      useFixedStrategy && !!parent && createsFixedContainingBlock(parent);\n    const boundsRect = parentIsCb\n      ? parent.getBoundingClientRect()\n      : {\n          left: 0,\n          top: 0,\n          right: window.innerWidth,\n          bottom: window.innerHeight,\n        };\n\n    const bottomTopViewport = refRect.bottom + offsetPx;\n    const topTopViewport = refRect.top - floatingHeight - offsetPx;\n    const overflowsBottom =\n      bottomTopViewport + floatingHeight > boundsRect.bottom;\n    const fitsTop = topTopViewport >= boundsRect.top;\n    const nextPlacement: Placement =\n      overflowsBottom && fitsTop ? \"top\" : \"bottom\";\n\n    const topViewport =\n      nextPlacement === \"bottom\" ? bottomTopViewport : topTopViewport;\n\n    const rawLeftViewport =\n      refRect.left + refRect.width / 2 - floatingWidth / 2;\n    const minLeftViewport = boundsRect.left + VIEWPORT_PADDING;\n    const maxLeftViewport = Math.max(\n      minLeftViewport,\n      boundsRect.right - floatingWidth - VIEWPORT_PADDING,\n    );\n    const leftViewport = Math.min(\n      Math.max(minLeftViewport, rawLeftViewport),\n      maxLeftViewport,\n    );\n\n    // Subtract containing-block offset when the dialog is the CB, so\n    // `position: fixed` coords land at the intended viewport position.\n    const cbOffsetLeft = parentIsCb ? boundsRect.left : 0;\n    const cbOffsetTop = parentIsCb ? boundsRect.top : 0;\n\n    floating.style.top = `${topViewport + scrollY - cbOffsetTop}px`;\n    floating.style.left = `${leftViewport + scrollX - cbOffsetLeft}px`;\n\n    const arrow = arrowRef.current;\n    if (!arrow) return;\n\n    // Arrow coords are relative to the floating element, so scroll cancels out.\n    const arrowHalf = arrowWidth / 2;\n    const refCenterX = refRect.left + refRect.width / 2;\n    const rawArrowLeft = refCenterX - leftViewport - arrowHalf;\n    const maxArrowLeft = Math.max(0, floatingWidth - arrowWidth);\n    const arrowLeft = Math.min(Math.max(0, rawArrowLeft), maxArrowLeft);\n\n    arrow.style.left = `${arrowLeft}px`;\n    if (nextPlacement === \"bottom\") {\n      arrow.style.bottom = \"100%\";\n      arrow.style.top = \"\";\n      arrow.style.transform = \"rotate(180deg)\";\n    } else {\n      arrow.style.top = \"100%\";\n      arrow.style.bottom = \"\";\n      arrow.style.transform = \"\";\n    }\n  }, [\n    referenceRef,\n    floatingRef,\n    arrowRef,\n    offsetPx,\n    arrowWidth,\n    useFixedStrategy,\n  ]);\n\n  useLayoutEffect(() => {\n    if (!isOpen) return;\n    update();\n  }, [isOpen, update]);\n\n  return {\n    initialFloatingStyles: useFixedStrategy\n      ? FIXED_FLOATING_STYLES\n      : ABSOLUTE_FLOATING_STYLES,\n    initialArrowStyles: INITIAL_ARROW_STYLES,\n    update,\n  };\n};\n"],
+  "mappings": "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",
+  "names": []
+}