@multiplatform.one/forms 6.0.0

package/dist/esm/FloatingPanel/index.native.js

@@ -0,0 +1,358 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useCallback, useEffect, useLayoutEffect, useRef, useState } from "react";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { isWeb, Sheet, useMedia, View, YStack } from "tamagui";
+import { useClick, useDismiss, useInteractions } from "@floating-ui/react";
+import { ScrollArrow } from "../shared/floatingList.native.js";
+import { formInputColors } from "../shared/colorRamps.native.js";
+import { useFloatingPanel, panelTransition, panelViewportPadding } from "./useFloatingPanel.native.js";
+import { zIndex } from "../shared/zIndex.native.js";
+import { useFloatingPanel as useFloatingPanel2, panelAnimationDuration, panelGrowDuration, panelTransition as panelTransition2, panelViewportPadding as panelViewportPadding2 } from "./useFloatingPanel.native.js";
+var gtSmBreakpoint = 860;
+function useViewportGtSm() {
+  var [gtSm, setGtSm] = useState(function () {
+    return isWeb && typeof window !== "undefined" ? window.innerWidth > gtSmBreakpoint : false;
+  });
+  useEffect(function () {
+    if (!isWeb || typeof window === "undefined") return;
+    var handler = function handler2() {
+      return setGtSm(window.innerWidth > gtSmBreakpoint);
+    };
+    window.addEventListener("resize", handler);
+    return function () {
+      return window.removeEventListener("resize", handler);
+    };
+  }, []);
+  return gtSm;
+}
+function FloatingPanel(props) {
+  var _props_sheet;
+  var media = useMedia();
+  var viewportGtSm = useViewportGtSm();
+  var effectiveGtSm = typeof window !== "undefined" ? viewportGtSm : media.gtSm === true;
+  var shouldUseSheet = (_props_sheet = props.sheet) !== null && _props_sheet !== void 0 ? _props_sheet : !isWeb || !effectiveGtSm;
+  if (shouldUseSheet) return /* @__PURE__ */_jsx(FloatingPanelSheet, {
+    ...props
+  });
+  return /* @__PURE__ */_jsx(FloatingPanelWeb, {
+    ...props
+  });
+}
+function FloatingPanelSheet(param) {
+  var {
+    open,
+    onOpenChange,
+    trigger,
+    children,
+    scrollable,
+    disabled,
+    contentPadding = "default",
+    transition = "medium",
+    header,
+    scrollViewProps
+  } = param;
+  var {
+    knobProps
+  } = useResolvedKnobs();
+  var [position, setPosition] = useState(0);
+  var handleOpenChange = function handleOpenChange2(next) {
+    if (!disabled) onOpenChange(next);
+  };
+  var framePadding = contentPadding === "none" ? "$0" : knobProps.panelPadding.padding;
+  var frameGap = contentPadding === "none" ? void 0 : knobProps.gapLg.gap;
+  return /* @__PURE__ */_jsxs(_Fragment, {
+    children: [/* @__PURE__ */_jsx(View, {
+      onPress: function onPress() {
+        return handleOpenChange(!open);
+      },
+      cursor: disabled ? "not-allowed" : "pointer",
+      opacity: disabled ? 0.5 : 1,
+      children: trigger
+    }), /* @__PURE__ */_jsxs(Sheet, {
+      modal: true,
+      open,
+      onOpenChange: handleOpenChange,
+      snapPoints: scrollable ? [92, 50, 25] : void 0,
+      snapPointsMode: scrollable ? "percent" : "fit",
+      dismissOnSnapToBottom: true,
+      position,
+      onPositionChange: setPosition,
+      zIndex: zIndex.sheet,
+      transition,
+      children: [/* @__PURE__ */_jsx(Sheet.Overlay, {
+        ...{
+          transition
+        },
+        bg: "$shadow6",
+        enterStyle: {
+          opacity: 0
+        },
+        exitStyle: {
+          opacity: 0
+        }
+      }), /* @__PURE__ */_jsx(Sheet.Handle, {}), /* @__PURE__ */_jsxs(Sheet.Frame, {
+        padding: framePadding,
+        gap: frameGap,
+        children: [header, scrollable ? /* @__PURE__ */_jsx(Sheet.ScrollView, {
+          flex: header ? 1 : void 0,
+          ...scrollViewProps,
+          children
+        }) : children]
+      })]
+    })]
+  });
+}
+function FloatingPanelWeb(param) {
+  var {
+    open,
+    onOpenChange,
+    trigger,
+    children,
+    disabled,
+    sizing = "grow",
+    fitContent,
+    contentPadding = "default"
+  } = param;
+  var _ref, _ref1, _panel_x;
+  var _overlayStyleRef_current;
+  var isFill = sizing === "fill";
+  var overlayStyleRef = useRef(null);
+  var pinnedTopRef = useRef(0);
+  var pinnedHeightRef = useRef(0);
+  var grownRef = useRef(false);
+  var growUpOnlyRef = useRef(false);
+  var growDownOnlyRef = useRef(false);
+  var lastScrollTopRef = useRef(0);
+  var repositionFnRef = useRef(null);
+  var panel = useFloatingPanel({
+    open,
+    onOpenChange,
+    disabled,
+    repositionRef: repositionFnRef,
+    wheelGrowRef: isFill ? void 0 : grownRef,
+    fitContent,
+    onBeforeOpen: function onBeforeOpen() {
+      overlayStyleRef.current = null;
+      pinnedTopRef.current = 0;
+      pinnedHeightRef.current = 0;
+      grownRef.current = false;
+      growUpOnlyRef.current = false;
+      growDownOnlyRef.current = false;
+      lastScrollTopRef.current = 0;
+    }
+  });
+  var repositionOverlay = useCallback(function () {
+    var dropdownElement = panel.refs.floating.current;
+    var trig = panel.triggerRef.current;
+    if (!dropdownElement || !trig) return;
+    var isInitial = panel.initializingRef.current;
+    if (isInitial) dropdownElement.style.transition = "none";
+    if (pinnedTopRef.current === 0 && pinnedHeightRef.current === 0) {
+      dropdownElement.scrollTop = 0;
+    }
+    var triggerBounds = trig.getBoundingClientRect();
+    var viewportHeight = window.innerHeight;
+    var cs = getComputedStyle(dropdownElement);
+    var borderTopWidth = parseFloat(cs.borderTopWidth) || 0;
+    var borderBottomWidth = parseFloat(cs.borderBottomWidth) || 0;
+    var totalBorderWidth = borderTopWidth + borderBottomWidth;
+    var scrollContentHeight = dropdownElement.scrollHeight;
+    var totalContentHeight = scrollContentHeight + totalBorderWidth;
+    var isDropup = panel.placement.startsWith("top");
+    if (isFill) {
+      var available = isDropup ? triggerBounds.bottom - panelViewportPadding : viewportHeight - triggerBounds.top - panelViewportPadding;
+      var height = Math.min(totalContentHeight, available);
+      height = Math.max(120, height);
+      var top = isDropup ? triggerBounds.bottom - height : triggerBounds.top;
+      var cached = overlayStyleRef.current;
+      if (!cached || cached.top !== top || cached.maxHeight !== height) {
+        dropdownElement.style.top = `${top}px`;
+        dropdownElement.style.maxHeight = `${height}px`;
+        dropdownElement.style.height = "";
+        overlayStyleRef.current = {
+          top,
+          maxHeight: height
+        };
+        void dropdownElement.offsetHeight;
+      }
+      panel.initializingRef.current = false;
+      void dropdownElement.offsetHeight;
+      if (isInitial) dropdownElement.style.transition = panelTransition;
+      requestAnimationFrame(function () {
+        if (dropdownElement) {
+          panel.updateArrows(dropdownElement);
+          requestAnimationFrame(function () {
+            if (dropdownElement) panel.updateArrows(dropdownElement);
+          });
+        }
+      });
+      return;
+    }
+    var idealTop = isDropup ? triggerBounds.bottom - totalContentHeight : triggerBounds.top;
+    var idealBottom = idealTop + totalContentHeight;
+    var pinnedTop = Math.max(panelViewportPadding, idealTop);
+    var pinnedBottom = Math.min(viewportHeight - panelViewportPadding, idealBottom);
+    var pinnedHeight = Math.max(120, pinnedBottom - pinnedTop);
+    if (pinnedTopRef.current === 0 && pinnedHeightRef.current === 0) {
+      pinnedTopRef.current = pinnedTop;
+      pinnedHeightRef.current = pinnedHeight;
+    }
+    var top1 = pinnedTopRef.current;
+    var height1 = pinnedHeightRef.current;
+    if (grownRef.current) {
+      var canDown = Math.max(0, viewportHeight - panelViewportPadding - (top1 + height1));
+      height1 += canDown;
+      var canUp = Math.max(0, top1 - panelViewportPadding);
+      top1 -= canUp;
+      height1 += canUp;
+    }
+    if (growUpOnlyRef.current) {
+      var canUp1 = Math.max(0, top1 - panelViewportPadding);
+      top1 -= canUp1;
+      height1 += canUp1;
+    }
+    if (growDownOnlyRef.current) {
+      var canDown1 = Math.max(0, viewportHeight - panelViewportPadding - (top1 + height1));
+      height1 += canDown1;
+    }
+    height1 = Math.min(height1, viewportHeight - top1 - panelViewportPadding);
+    height1 = Math.min(height1, totalContentHeight);
+    height1 = Math.max(120, height1);
+    var availableViewport = viewportHeight - 2 * panelViewportPadding;
+    if ((grownRef.current || growUpOnlyRef.current || growDownOnlyRef.current) && height1 < availableViewport) {
+      if (isDropup) {
+        top1 = panelViewportPadding;
+      } else {
+        top1 = viewportHeight - panelViewportPadding - height1;
+      }
+    }
+    var cached1 = overlayStyleRef.current;
+    if (!cached1 || cached1.top !== top1 || cached1.maxHeight !== height1) {
+      dropdownElement.style.top = `${top1}px`;
+      dropdownElement.style.maxHeight = `${height1}px`;
+      dropdownElement.style.height = "";
+      overlayStyleRef.current = {
+        top: top1,
+        maxHeight: height1
+      };
+      void dropdownElement.offsetHeight;
+    }
+    panel.initializingRef.current = false;
+    void dropdownElement.offsetHeight;
+    if (isInitial) dropdownElement.style.transition = panelTransition;
+    requestAnimationFrame(function () {
+      if (dropdownElement) {
+        panel.updateArrows(dropdownElement);
+        requestAnimationFrame(function () {
+          if (dropdownElement) panel.updateArrows(dropdownElement);
+        });
+      }
+    });
+  }, [isFill, panel.placement, panel.refs, panel.triggerRef, panel.updateArrows]);
+  repositionFnRef.current = repositionOverlay;
+  var click = useClick(panel.context, {
+    event: "mousedown"
+  });
+  var dismiss = useDismiss(panel.context, {
+    // Use 'click' instead of default 'pointerdown' so scrolling to the bottom
+    // (e.g. via wheel/trackpad or scroll arrow hover) doesn't trigger outside-press.
+    outsidePressEvent: "click",
+    // Disable ancestor scroll dismissal - we handle scroll locking ourselves
+    // and don't want internal scroll at boundaries to close the panel.
+    ancestorScroll: false
+  });
+  var {
+    getReferenceProps,
+    getFloatingProps
+  } = useInteractions([click, dismiss]);
+  useLayoutEffect(function () {
+    if (!open || !panel.mounted) return;
+    repositionOverlay();
+  }, [open, panel.mounted, repositionOverlay, panel.y]);
+  var handleScroll = useCallback(function (event) {
+    var el = event.target;
+    panel.updateArrows(el);
+    if (isFill) return;
+    if (panel.initializingRef.current) {
+      lastScrollTopRef.current = el.scrollTop;
+      return;
+    }
+    var arrowDir = panel.arrowScrollDirRef.current;
+    if (arrowDir) {
+      var _repositionFnRef_current;
+      panel.arrowScrollDirRef.current = null;
+      lastScrollTopRef.current = el.scrollTop;
+      if (arrowDir === "down") {
+        growUpOnlyRef.current = true;
+      } else {
+        growDownOnlyRef.current = true;
+      }
+      (_repositionFnRef_current = repositionFnRef.current) === null || _repositionFnRef_current === void 0 ? void 0 : _repositionFnRef_current.call(repositionFnRef);
+      return;
+    }
+    var delta = el.scrollTop - lastScrollTopRef.current;
+    lastScrollTopRef.current = el.scrollTop;
+    if (delta !== 0) {
+      var _repositionFnRef_current1;
+      grownRef.current = true;
+      (_repositionFnRef_current1 = repositionFnRef.current) === null || _repositionFnRef_current1 === void 0 ? void 0 : _repositionFnRef_current1.call(repositionFnRef);
+    }
+  }, [isFill, panel.updateArrows]);
+  return /* @__PURE__ */_jsxs(_Fragment, {
+    children: [/* @__PURE__ */_jsx(View, {
+      ...getReferenceProps({
+        ref: panel.setReferenceRef
+      }),
+      cursor: disabled ? "not-allowed" : "pointer",
+      opacity: disabled ? 0.5 : 1,
+      children: trigger
+    }), panel.mounted && /* @__PURE__ */_jsxs(YStack, {
+      ...getFloatingProps({
+        ref: panel.refs.setFloating,
+        style: {
+          position: panel.strategy,
+          top: (_ref = (_ref1 = (_overlayStyleRef_current = overlayStyleRef.current) === null || _overlayStyleRef_current === void 0 ? void 0 : _overlayStyleRef_current.top) !== null && _ref1 !== void 0 ? _ref1 : panel.y) !== null && _ref !== void 0 ? _ref : 0,
+          left: (_panel_x = panel.x) !== null && _panel_x !== void 0 ? _panel_x : 0,
+          scrollbarWidth: "none",
+          zIndex: zIndex.dropdown,
+          overflow: "auto",
+          ...panel.floatingStyleRef.current,
+          ...(overlayStyleRef.current ? {
+            maxHeight: overlayStyleRef.current.maxHeight
+          } : {}),
+          boxShadow: "0px 8px 28px rgba(0,0,0,0.12), 0px 2px 6px rgba(0,0,0,0.04)",
+          opacity: panel.visible ? 1 : 0,
+          transform: panel.visible ? "scale(1)" : "scale(0.96)",
+          transition: panelTransition,
+          transformOrigin: panel.placement.startsWith("top") ? "bottom left" : "top left"
+        },
+        onScroll: handleScroll
+      }),
+      "data-testid": "floating-panel-viewport",
+      outlineWidth: 0,
+      pointerEvents: panel.visible ? "auto" : "none",
+      backgroundColor: "$background",
+      borderRadius: panel.dropdownRadius,
+      borderWidth: panel.hasBorder ? panel.knobProps.borderRadius.borderWidth : 0,
+      borderColor: panel.hasBorder ? formInputColors.border.focus : "transparent",
+      paddingVertical: 0,
+      children: [/* @__PURE__ */_jsx(ScrollArrow, {
+        direction: "up",
+        scrollRef: panel.refs.floating,
+        visible: panel.arrowUp,
+        arrowScrollDirRef: panel.arrowScrollDirRef
+      }), /* @__PURE__ */_jsx(View, {
+        ...(contentPadding !== "none" ? panel.knobProps.panelPadding : void 0),
+        ...(contentPadding !== "none" ? panel.knobProps.gapLg : void 0),
+        children
+      }), /* @__PURE__ */_jsx(ScrollArrow, {
+        direction: "down",
+        scrollRef: panel.refs.floating,
+        visible: panel.arrowDown,
+        arrowScrollDirRef: panel.arrowScrollDirRef
+      })]
+    })]
+  });
+}
+export { FloatingPanel, panelAnimationDuration, panelGrowDuration, panelTransition2 as panelTransition, panelViewportPadding2 as panelViewportPadding, useFloatingPanel2 as useFloatingPanel, useViewportGtSm };
+//# sourceMappingURL=index.native.js.map

package/dist/esm/FloatingPanel/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","useCallback","useEffect","useLayoutEffect","useRef","useState","useResolvedKnobs","isWeb","Sheet","useMedia","View","YStack","useClick","useDismiss","useInteractions","ScrollArrow","formInputColors","useFloatingPanel","panelTransition","panelViewportPadding","zIndex","useFloatingPanel2","panelAnimationDuration","panelGrowDuration","panelTransition2","panelViewportPadding2","gtSmBreakpoint","useViewportGtSm","gtSm","setGtSm","window","innerWidth","handler","handler2","addEventListener","removeEventListener","FloatingPanel","props","_props_sheet","media","viewportGtSm","effectiveGtSm","shouldUseSheet","sheet","FloatingPanelSheet","FloatingPanelWeb","param","open","onOpenChange","trigger","children","scrollable","disabled","contentPadding","transition","header","scrollViewProps","knobProps","position","setPosition","handleOpenChange","handleOpenChange2","next","framePadding","panelPadding","padding","frameGap","gapLg","gap","onPress","cursor","opacity","modal","snapPoints","snapPointsMode","dismissOnSnapToBottom","onPositionChange","Overlay","bg","enterStyle","exitStyle","Handle","Frame","ScrollView","flex","sizing","fitContent","_ref","_ref1","_panel_x","_overlayStyleRef_current","isFill","overlayStyleRef","pinnedTopRef","pinnedHeightRef","grownRef","growUpOnlyRef","growDownOnlyRef","lastScrollTopRef","repositionFnRef","panel","repositionRef","wheelGrowRef","onBeforeOpen","current","repositionOverlay","dropdownElement","refs","floating","trig","triggerRef","isInitial","initializingRef","style","scrollTop","triggerBounds","getBoundingClientRect","viewportHeight","innerHeight","cs","getComputedStyle","borderTopWidth","parseFloat","borderBottomWidth","totalBorderWidth","scrollContentHeight","scrollHeight","totalContentHeight","isDropup","placement","startsWith","available","bottom","top","height","Math","min","max","cached","maxHeight","offsetHeight","requestAnimationFrame","updateArrows","idealTop","idealBottom","pinnedTop","pinnedBottom","pinnedHeight","top1","height1","canDown","canUp","canUp1","canDown1","availableViewport","cached1","click","context","event","dismiss","outsidePressEvent","ancestorScroll","getReferenceProps","getFloatingProps","mounted","y","handleScroll","el","target","arrowDir","arrowScrollDirRef","_repositionFnRef_current","call","delta","_repositionFnRef_current1","ref","setReferenceRef","setFloating","strategy","left","x","scrollbarWidth","dropdown","overflow","floatingStyleRef","boxShadow","visible","transform","transformOrigin","onScroll","outlineWidth","pointerEvents","backgroundColor","borderRadius","dropdownRadius","borderWidth","hasBorder","borderColor","border","focus","paddingVertical","direction","scrollRef","arrowUp"],"sources":["../../../src/FloatingPanel/index.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAAC,IAAA,EAAaC,IAAA,IAAAC,KAAW,EAAAC,QAAA,IAAAC,SAAyB,2BAAgB;AAC1E,SAASC,WAAA,EAAAC,SAAA,EAAwBC,eAAA,EAAAC,MAAA,EAAAC,QAAA;AACjC,SAASC,gBAAc,QAAU,0BAAoB;AACrD,SAASC,KAAA,EAAAC,KAAU,EAAAC,QAAY,EAAAC,IAAA,EAAAC,MAAA,iBAAuB;AACtD,SAASC,QAAA,EAAAC,UAAmB,EAAAC,eAAA;AAC5B,SAASC,WAAA,0CAAuB;AAChC,SAASC,eAAA,QAAkB,gCAAiB;AAC5C,SAASC,gBAAc,EAAAC,eAAA,EAAAC,oBAAA;AAGvB,SAAAC,MAAA;AAAA,SACEH,gBAAA,IAAAI,iBAAA,EAAAC,sBAAA,EAAAC,iBAAA,EAAAL,eAAA,IAAAM,gBAAA,EAAAL,oBAAA,IAAAM,qBAAA;AAAA,IACAC,cAAA;AAAA,SACAC,gBAAA;EACA,KAAAC,IAAA,EAAAC,OAAA,IAAAxB,QAAA;IACA,OAAAE,KAAA,WAAAuB,MAAA,mBAAAA,MAAA,CAAAC,UAAA,GAAAL,cAAA;EAAA;EAgF2BxB,SA6BzB,aA7ByB;IAxB7B,IAAM,CAAAK,KAAA,WAAiBuB,MAAA;IAGhB,IAAAE,OAAS,YAAkBC,SAAA;MAChC,OAAOJ,OAAM,CAAAC,MAAW,CAAAC,UAAA,GAAAL,cAAA;IAAS;IAEjCI,MAAA,CAAAI,gBAAA,WAAAF,OAAA;IACA,mBAAgB;MACd,OAAKF,MAAS,CAAAK,mBAAkB,SAAa,EAAAH,OAAA;IAC7C;EACA;EACA,OAAAJ,IAAO;AAAkD;AAE3D,SAAOQ,cAAAC,KAAA;EACT,IAAAC,YAAA;EAEO,IAAAC,KAAS,GAAA9B,QAAA,CAAc;EAC5B,IAAA+B,YAAc,GAAAb,eAAS;EACvB,IAAAc,aAAM,UAAeX,MAAA,KAAgB,cAAAU,YAAA,GAAAD,KAAA,CAAAX,IAAA;EAGrC,IAAAc,cAAM,IAAgBJ,YAAO,GAAAD,KAAW,CAAAM,KAAA,MAAc,QAAAL,YAAe,KAAM,KAAS,IAAAA,YAAA,IAAA/B,KAAA,KAAAkC,aAAA;EACpF,IAAAC,cAAM,SAAiB,eAAiB9C,IAAA,CAAAgD,kBAAU;IAElD,GAAIP;EACJ;EACF,sBAAAzC,IAAA,CAAAiD,gBAAA;IAIA,GAAAR;EACE;AAAA;AACA,SACAO,mBAAAE,KAAA;EACA;IAAAC,IAAA;IAAAC,YAAA;IAAAC,OAAA;IAAAC,QAAA;IAAAC,UAAA;IAAAC,QAAA;IAAAC,cAAA;IAAAC,UAAA;IAAAC,MAAA;IAAAC;EAAA,IAAAV,KAAA;EACA;IAAAW;EAAA,IAAAnD,gBAAA;EACA,KAAAoD,QAAA,EAAAC,WAAA,IAAAtD,QAAA;EACA,IAAAuD,gBAAiB,YAAAC,kBAAAC,IAAA;IACjB,KAAAV,QAAa,EAAAJ,YAAA,CAAAc,IAAA;EACb;EACA,IAAAC,YAAA,GAAAV,cAAA,qBAAAI,SAAA,CAAAO,YAAA,CAAAC,OAAA;EACF,IAAuBC,QAAA,GAAAb,cAAA,uBAAAI,SAAA,CAAAU,KAAA,CAAAC,GAAA;EACrB,OAAM,eAAgBtE,KAAA,CAAAE,SAAA,EAAiB;IACvCkD,QAAO,GAEP,eAAMtD,IAAA,CAAmBc,IAAC;MACpB2D,OAAC,WAAUA,OAAaA,CAAA,EAAI;QAClC,OAAAT,gBAAA,EAAAb,IAAA;MAEM;MACAuB,MAAA,EAAAlB,QAAW,gBAAmB,YAAS;MAE7CmB,OACE,EAAAnB,QAAA;MACEF,QAAA,EAAAD;IAAC,mBAAAnD,KAAA,CAAAU,KAAA;MACCgE,KAAA,MAAS;MACTzB,IAAA;MACAC,YAAS,EAAAY,gBAAiB;MAEzBa,UAAA,EAAAtB,UAAA,QACH,IACA,GAAC;MAAAuB,cAAA,EAAAvB,UAAA;MACCwB,qBAAK;MACLjB,QAAA;MACAkB,gBAAc,EAAAjB,WAAA;MACdvC,MAAA,EAAAA,MAAY,CAAAuB,KAAA;MACZW,UAAA;MACAJ,QAAA,GACA,eAAAtD,IAAA,CAAAY,KAAA,CAAAqE,OAAA;QACA;UACAvB;QACA;QAEAwB,EAAA;QAAAC,UAAA;UAACR,OAAM;QAAN;QAAAS,SACQ;UACPT,OAAG;QAAA;MACsB,IACD,eAAA3E,IAAA,CAAAY,KAAA,CAAAyE,MAAA,OAC1B,eAAAnF,KAAA,CAAAU,KAAA,CAAA0E,KAAA;QACAjB,OAAA,EAAAF,YAAC;QACDK,GAAA,EAAAF,QAAA;QACGhB,QAAA,GACAK,MAAA,EAOHJ,UAAA,kBAAAvD,IAAA,CAAAY,KAAA,CAAA2E,UAAA;UAAAC,IAAA,EAAA7B,MAAA;UAAA,GAAAC,eAAA;UACFN;QACF,KAAAA,QAAA;MAMK;IAEP;EAEA;AAAA;AACA,SACAL,gBAASA,CAAAC,KAAA;EACT;IAAAC,IAAA;IAAAC,YAAA;IAAAC,OAAA;IAAAC,QAAA;IAAAE,QAAA;IAAAiC,MAAA;IAAAC,UAAA;IAAAjC,cAAA;EAAA,IAAAP,KAAA;EACA,IAAAyC,IAAA,EAAAC,KAAA,EAAiBC,QAAA;EACnB,IAAuBC,wBAAA;EACrB,IAAAC,MAAM,GAAAN,MAAS,WAAW;EAC1B,IAAAO,eAAM,GAAAxF,MAAkB,KAAkD;EAC1E,IAAAyF,YAAM,GAAAzF,MAAe,GAAO;EAC5B,IAAA0F,eAAM,GAAA1F,MAAkB,GAAO;EAC/B,IAAA2F,QAAM,GAAA3F,MAAW,MAAO;EACxB,IAAA4F,aAAM,GAAA5F,MAAgB,MAAO;EAC7B,IAAA6F,eAAM,GAAA7F,MAAkB,MAAO;EAC/B,IAAA8F,gBAAM,GAAA9F,MAAmB,GAAO;EAEhC,IAAA+F,eAAM,GAAA/F,MAAkB,KAA4B;EAEpD,IAAAgG,KAAM,GAAAnF,gBAAQ;IACZ8B,IAAA;IACAC,YAAA;IACAI,QAAA;IACAiD,aAAA,EAAeF,eAAA;IACfG,YAAA,EAAcX,MAAA,GAAS,SAAYI,QAAA;IACnCT,UAAA;IACAiB,YAAA,EAAc,SAAMA,aAAA;MAClBX,eAAA,CAAgBY,OAAA,GAAU;MAC1BX,YAAA,CAAaW,OAAA,GAAU;MACvBV,eAAA,CAAgBU,OAAA,GAAU;MAC1BT,QAAA,CAASS,OAAA,GAAU;MACnBR,aAAA,CAAcQ,OAAA,GAAU;MACxBP,eAAA,CAAgBO,OAAA,GAAU;MAC1BN,gBAAA,CAAiBM,OAAA,GAAU;IAC7B;EACF,CAAC;EAED,IAAAC,iBAAM,GAAAxG,WAAoB,aAAkB;IAC1C,IAAAyG,eAAM,GAAAN,KAAkB,CAAAO,IAAM,CAAAC,QAAK,CAAAJ,OAAS;IAC5C,IAAAK,IAAM,GAAAT,KAAO,CAAAU,UAAM,CAAAN,OAAW;IAC9B,IAAI,CAACE,eAAA,IAAmB,CAACG,IAAA,EAAM;IAE/B,IAAAE,SAAM,GAAAX,KAAY,CAAAY,eAAM,CAAAR,OAAgB;IACxC,IAAIO,SAAA,EAAWL,eAAA,CAAgBO,KAAA,CAAM3D,UAAA,GAAa;IAElD,IAAIuC,YAAA,CAAaW,OAAA,KAAY,KAAKV,eAAA,CAAgBU,OAAA,KAAY,GAAG;MAC/DE,eAAA,CAAgBQ,SAAA,GAAY;IAC9B;IAEA,IAAAC,aAAM,GAAAN,IAAgB,CAAAO,qBAAK;IAC3B,IAAAC,cAAM,GAAAvF,MAAiB,CAAAwF,WAAO;IAC9B,IAAAC,EAAM,GAAAC,gBAAK,CAAAd,eAAiB;IAC5B,IAAAe,cAAM,GAAAC,UAAiB,CAAAH,EAAW,CAAAE,cAAG,KAAc;IACnD,IAAAE,iBAAM,GAAAD,UAAoB,CAAAH,EAAW,CAAAI,iBAAG,KAAiB;IACzD,IAAAC,gBAAM,GAAAH,cAAmB,GAAAE,iBAAiB;IAC1C,IAAAE,mBAAM,GAAAnB,eAAsB,CAAAoB,YAAgB;IAC5C,IAAAC,kBAAM,GAAAF,mBAAqB,GAAAD,gBAAsB;IAEjD,IAAAI,QAAM,GAAA5B,KAAW,CAAA6B,SAAM,CAAAC,UAAU,MAAW;IAE5C,IAAIvC,MAAA,EAAQ;MACV,IAAAwC,SAAM,GAAAH,QAAY,GAAAb,aACd,CAAAiB,MAAc,GAAAjH,oBAAS,GAAAkG,cACvB,GAAAF,aAAiB,CAAAkB,GAAc,GAAAlH,oBAAM;MACzC,IAAImH,MAAA,GAAAC,IAAS,CAAAC,GAAK,CAAAT,kBAAI,EAAAI,SAAoB,CAAS;MACnDG,MAAA,GAAAC,IAAS,CAAAE,GAAK,IAAI,EAAAH,MAAK;MACvB,IAAAD,GAAM,GAAAL,QAAM,GAAAb,aAAW,CAAAiB,MAAc,GAAAE,MAAS,GAAAnB,aAAS,CAAAkB,GAAA;MAEvD,IAAAK,MAAM,GAAA9C,eAAS,CAAAY,OAAgB;MAC/B,IAAI,CAACkC,MAAA,IAAAA,MAAU,CAAAL,GAAO,KAAAA,GAAQ,IAAAK,MAAO,CAAAC,SAAO,KAAAL,MAAc;QACxD5B,eAAA,CAAgBO,KAAA,CAAMoB,GAAA,GAAM,GAAGA,GAAA,IAAG;QAClC3B,eAAA,CAAgBO,KAAA,CAAM0B,SAAA,GAAY,GAAGL,MAAA,IAAM;QAC3C5B,eAAA,CAAgBO,KAAA,CAAMqB,MAAA,GAAS;QAC/B1C,eAAA,CAAgBY,OAAA,GAAU;UAC1B6B,GAAK;UACPM,SAAA,EAAAL;QAEA;QACA,KAAK5B,eAAgB,CAAAkC,YAAA;MACrB;MACAxC,KAAA,CAAAY,eAAA,CAAsBR,OAAM;MAC1B,KAAAE,eAAI,CAAAkC,YAAiB;MACnB,IAAA7B,SAAM,EAAAL,eAAa,CAAAO,KAAA,CAAA3D,UAAe,GAAApC,eAAA;MAClC2H,qBAAA,aAA4B;QAC1B,IAAAnC,eAAI;UACNN,KAAC,CAAA0C,YAAA,CAAApC,eAAA;UACHmC,qBAAA;YACD,IAAAnC,eAAA,EAAAN,KAAA,CAAA0C,YAAA,CAAApC,eAAA;UACD;QACF;MAEA;MACA;IACA;IACA,IAAAqC,QAAM,GAAAf,QAAe,GAAKb,aAAI,CAAAiB,MAAA,GAAiBL,kBAAA,GAAsBZ,aAAW,CAAAkB,GAAA;IAChF,IAAAW,WAAM,GAAAD,QAAoB,GAAAhB,kBAAS;IAEnC,IAAIkB,SAAA,GAAAV,IAAa,CAAAE,GAAA,CAAAtH,oBAAiB,EAAA4H,QAAgB;IAChD,IAAAG,YAAa,GAAAX,IAAA,CAAAC,GAAU,CAAAnB,cAAA,GAAAlG,oBAAA,EAAA6H,WAAA;IACvB,IAAAG,YAAA,GAAgBZ,IAAA,CAAAE,GAAA,CAAU,KAAAS,YAAA,GAAAD,SAAA;IAC5B,IAAApD,YAAA,CAAAW,OAAA,UAAAV,eAAA,CAAAU,OAAA;MAEAX,YAAU,CAAAW,OAAA,GAAayC,SAAA;MACvBnD,eAAa,CAAAU,OAAA,GAAA2C,YAAgB;IAE7B;IACE,IAAAC,IAAM,GAAAvD,YAAe,CAAAW,OAAO;IAC5B,IAAA6C,OAAA,GAAUvD,eAAA,CAAAU,OAAA;IACV,IAAAT,QAAM,CAAAS,OAAQ,EAAK;MACnB,IAAA8C,OAAO,GAAAf,IAAA,CAAAE,GAAA,IAAApB,cAAA,GAAAlG,oBAAA,IAAAiI,IAAA,GAAAC,OAAA;MACPA,OAAA,IAAUC,OAAA;MACZ,IAAAC,KAAA,GAAAhB,IAAA,CAAAE,GAAA,IAAAW,IAAA,GAAAjI,oBAAA;MAEAiI,IAAI,IAAAG,KAAA;MACFF,OAAM,IAAAE,KAAQ;IACd;IACA,IAAAvD,aAAU,CAAAQ,OAAA;MACZ,IAAAgD,MAAA,GAAAjB,IAAA,CAAAE,GAAA,IAAAW,IAAA,GAAAjI,oBAAA;MACAiI,IAAI,IAAAI,MAAA;MACFH,OAAM,IAAAG,MAAU;IAChB;IACF,IAAAvD,eAAA,CAAAO,OAAA;MAEA,IAAAiD,QAAc,GAAAlB,IAAI,CAAAE,GAAA,CAAQ,GAAApB,cAAiB,GAAAlG,oBAAM,IAAoBiI,IAAA,GAAAC,OAAA;MACrEA,OAAS,IAAAI,QAAS;IAClB;IAGAJ,OAAM,GAAAd,IAAA,CAAAC,GAAA,CAAAa,OAAoB,EAAAhC,cAAA,GAAiB+B,IAAI,GAAAjI,oBAAA;IAC/CkI,OACG,GAAAd,IAAS,CAAAC,GAAA,CAAAa,OAAW,EAAAtB,kBAAc;IAGnCsB,OAAI,GAAAd,IAAA,CAAAE,GAAU,MAAAY,OAAA;IACZ,IAAAK,iBAAM,GAAArC,cAAA,OAAAlG,oBAAA;IAAA,IACR,CAAA4E,QAAO,CAAAS,OAAA,IAAAR,aAAA,CAAAQ,OAAA,IAAAP,eAAA,CAAAO,OAAA,KAAA6C,OAAA,GAAAK,iBAAA;MACL,IAAA1B,QAAM;QACRoB,IAAA,GAAAjI,oBAAA;MACF;QAEAiI,IAAM,GAAA/B,cAAS,GAAAlG,oBAAgB,GAAAkI,OAAA;MAC/B;IACE;IACA,IAAAM,OAAA,GAAA/D,eAAsB,CAAAY,OAAY;IAClC,KAAAmD,OAAA,IAAAA,OAAgB,CAAMtB,GAAA,KAAAe,IAAS,IAAAO,OAAA,CAAAhB,SAAA,KAAAU,OAAA;MAC/B3C,eAAA,CAAgBO,KAAA,CAAAoB,GAAA,GAAY,GAAAe,IAAK;MACjC1C,eAAK,CAAAO,KAAgB,CAAA0B,SAAA,MAAAU,OAAA;MACvB3C,eAAA,CAAAO,KAAA,CAAAqB,MAAA;MAEA1C,eAAM,CAAAY,OAAgB;QACtB6B,GAAK,EAAAe,IAAA;QACDT,SAAA,EAAWU;MACf;MACE,KAAI3C,eAAA,CAAiBkC,YAAA;IACnB;IACAxC,KAAA,CAAAY,eAAA,CAAAR,OAAsB,GAAM;IAC1B,KAAAE,eAAI,CAAAkC,YAAuB;IAA4B,IACzD7B,SAAC,EAAAL,eAAA,CAAAO,KAAA,CAAA3D,UAAA,GAAApC,eAAA;IAAA2H,qBACH;MACD,IAAAnC,eAAA;QACCN,KAAA,CAAQ0C,YAAM,CAAApC,eAAiB,CAAM;QAEzCmC,qBAA0B;UAEpB,IAAAnC,eAAiB,EAAMN,KAAA,CAAA0C,YAAkB,CAAApC,eAAa;QACtD;MAAoC;IAAA;EAAA,GAGxC,CAAmBf,MAAA,EAAAS,KAAA,CAAA6B,SAAA,EAGnB7B,KAAA,CAAAO,IAAA,EACDP,KAAA,CAAAU,UAAA,EACDV,KAAM,CAAE0C,YAAA,CAER;EACE3C,eAAa,CAACK,OAAM,GAAAC,iBAAS;EAC7B,IAAAmD,KAAA,GAAAhJ,QAAkB,CAAAwF,KAAA,CAAAyD,OAAA;IACpBC,KAAI;EAEJ;EAAqB,IAClBC,OAAA,GAAmBlJ,UAAA,CAAAuF,KAAA,CAAAyD,OAAA;IAClB;IACA;IACAG,iBAAY;IACZ;IACE;IACAC,cAAA;EAAA;EAEF;IAAAC,iBAAiB;IAAAC;EAAM,IAAkBrJ,eAAA,EACzC8I,KAAA,EACEG,OAAA,CACA;EACA5J,eAAI,aAAa;IACf,KAAA4C,IAAA,KAAAqD,KAAA,CAAcgE,OAAA;IAAU3D,iBACnB;EACL,IAA0B1D,IAC5B,EACAqD,KAAA,CAAAgE,OAAA,EACA3D,iBAAA,EAAAL,KACF,CAAAiE,CAAA,CACA;EACA,IAAAC,YAAA,GAAArK,WAAiB,CAAU,UAAG6J,KAAA;IAC9B,IAAAS,EAAI,GAAAT,KAAA,CAAAU,MAAa;IACfpE,KAAA,CAAA0C,YAAS,CAAAyB,EAAA;IACT,IAAA5E,MAAA;IAA0B,IAC5BS,KAAA,CAAAY,eAAA,CAAAR,OAAA;MACFN,gBAAA,CAAAM,OAAA,GAAA+D,EAAA,CAAArD,SAAA;MACC;IACH;IAEA,IAAAuD,QACE,GAAArE,KAAA,CAAAsE,iBACE,CAAAlE,OAAA;IAAA,IAAAiE,QAAA;MAAC,IAAAE,wBAAA;MAAAvE,KAAA,CAAAsE,iBAAA,CAAAlE,OAAA;MAAAN,gBACK,CAAAM,OAAkB,GAAE+D,EAAA,CAAKrD,SAAM;MAAiB,IACpDuD,QAAQ,WAAW;QACnBzE,aAAS,CAAAQ,OAAW,OAAM;MAAA,OAEzB;QAAAP,eAAA,CAAAO,OAAA;MACH;MAEC,CAAAmE,wBACC,GAAAxE,eAAA,CAAAK,OAAA,cAAAmE,wBAAA,uBAAAA,wBAAA,CAAAC,IAAA,CAAAzE,eAAA;MAAC;IAAA;IAAA,IACE0E,KAAG,GAAAN,EAAA,CAAArD,SAAiB,GAAAhB,gBAAA,CAAAM,OAAA;IAAAN,gBACd,CAAMM,OAAK,GAAA+D,EAAA,CAAArD,SAAA;IAAA,IAAA2D,KAChB,KAAO;MAAA,IAAAC,yBACW;MAAA/E,QAChB,CAAAS,OAAK;MAA2C,CAAAsE,yBAC/B,GAAA3E,eAAA,CAAAK,OAAA,cAAAsE,yBAAA,uBAAAA,yBAAA,CAAAF,IAAA,CAAAzE,eAAA;IAAA;EACD,IACDR,MAAA,EACLS,KAAA,CAAA0C,YACD,CAAiB;EACwD,sBACvEhJ,KAAA,CAAAE,SAAA;IAAAkD,QACX,GAA6B,eAC7BtD,IAAW,CAAAc,IAAM;MAAuB,GAAAwJ,iBAC5B;QAAAa,GACZ,EAAA3E,KAAA,CAAA4E;MAAqE,EACvE;MAAA1G,MACA,EAAAlB,QAAU;MACZmB,OAAC,EAAAnB,QAAA;MACDF,QAAA,EAAAD;IAAY,EACZ,EAAcmD,KACd,CAAAgE,OAAA,IAAe,eAAgBtK,KAAA,CAAAa,MAAS;MACxC,GAAAwJ,gBAAgB;QAChBY,GAAA,EAAA3E,KAAA,CAAAO,IAAc,CAAAsE,WAAM;QACpBhE,KAAA;UACAvD,QAAA,EAAa0C,KAAM,CAAA8E,QAAA;UACnB7C,GAAA,GAAA9C,IAAA,GAAiB,CAAAC,KAAA,IAAAE,wBAAA,GAAAE,eAAA,CAAAY,OAAA,cAAAd,wBAAA,uBAAAA,wBAAA,CAAA2C,GAAA,cAAA7C,KAAA,cAAAA,KAAA,GAAAY,KAAA,CAAAiE,CAAA,cAAA9E,IAAA,cAAAA,IAAA;UAEjB4F,IAAA,GAAA1F,QAAA,GAAAW,KAAA,CAAAgF,CAAA,cAAA3F,QAAA,cAAAA,QAAA;UAAA4F,cAAA;UAACjK,MAAA,EAAAA,MAAA,CAAAkK,QAAA;UAAAC,QAAA;UAAA,GACCnF,KAAA,CAAAoF,gBAAU,CAAAhF,OAAA;UAAA,IACVZ,eAAW,CAAMY,OAAK;YACtBmC,SAAS,EAAA/C,eAAM,CAAAY,OAAA,CAAAmC;UAAA,IACf;UAAyB8C,SAAA;UAC3BlH,OAAA,EAAA6B,KAAA,CAAAsF,OAAA;UACAC,SAAA,EAAAvF,KAAA,CAAAsF,OAAA;UAACpI,UAAA,EAAApC,eAAA;UAAA0K,eAAA,EAAAxF,KAAA,CAAA6B,SAAA,CAAAC,UAAA;QAAA;QACiE2D,QAC3D,EAAAvB;MAAoD;MAExD;MAAAwB,YACH;MAAAC,aACA,EAAA3F,KAAA,CAAAsF,OAAA;MAAAM,eAAC;MAAAC,YAAA,EAAA7F,KAAA,CAAA8F,cAAA;MAAAC,WACC,EAAA/F,KAAU,CAAAgG,SAAA,GAAAhG,KAAA,CAAA3C,SAAA,CAAAwI,YAAA,CAAAE,WAAA;MAAAE,WACV,EAAAjG,KAAW,CAAAgG,SAAW,GAAApL,eAAA,CAAAsL,MAAA,CAAAC,KAAA;MAAAC,eACb;MAAMtJ,QACf,GAAyB,eAAAtD,IAAA,CAAAmB,WAAA;QAC3B0L,SAAA;QAAAC,SAAA,EAAAtG,KAAA,CAAAO,IAAA,CAAAC,QAAA;QAAA8E,OAAA,EAAAtF,KAAA,CAAAuG,OAAA;QACFjC,iBAAA,EAAAtE,KAAA,CAAAsE;MAEJ,IAEJ,eAAA9K,IAAA,CAAAc,IAAA","ignoreList":[]}

package/dist/esm/FloatingPanel/useFloatingPanel.mjs

@@ -0,0 +1,242 @@
+import { autoUpdate, offset, size, useFloating } from "@floating-ui/react";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { useCallback, useEffect, useLayoutEffect, useRef, useState } from "react";
+import { clampDropdownRadius, scrollArrowThreshold } from "../shared/floatingList.mjs";
+const panelAnimationDuration = 180;
+const panelGrowDuration = 200;
+const panelViewportPadding = 10;
+const panelTransition = `opacity ${panelAnimationDuration}ms ease-out, transform ${panelAnimationDuration}ms ease-out, top ${panelGrowDuration}ms ease-out, max-height ${panelGrowDuration}ms ease-out, height ${panelGrowDuration}ms ease-out`;
+function useFloatingPanel({
+  open,
+  onOpenChange,
+  disabled,
+  onBeforeOpen,
+  repositionRef,
+  scrollBoundaryRef,
+  middleware: middlewareProp,
+  useAutoUpdate: useAutoUpdateProp = true,
+  wheelGrowRef,
+  fitContent
+}) {
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  const hasBorder = knobProps.borderRadius.borderWidth > 0;
+  const dropdownRadius = clampDropdownRadius(knobProps.borderRadius.borderRadius);
+  const [mounted, setMounted] = useState(false);
+  const [visible, setVisible] = useState(false);
+  const [arrowUp, setArrowUp] = useState(false);
+  const [arrowDown, setArrowDown] = useState(false);
+  const [placement, setPlacement] = useState("bottom-start");
+  const onBeforeOpenRef = useRef(onBeforeOpen);
+  onBeforeOpenRef.current = onBeforeOpen;
+  const onOpenChangeRef = useRef(onOpenChange);
+  onOpenChangeRef.current = onOpenChange;
+  const closingTimerRef = useRef(null);
+  const triggerRef = useRef(null);
+  const arrowScrollDirRef = useRef(null);
+  const floatingStyleRef = useRef({});
+  const initializingRef = useRef(false);
+  const needsSetupRef = useRef(true);
+  const computePlacement = useCallback(() => {
+    const el = triggerRef.current;
+    if (!el || typeof window === "undefined") return;
+    const rect = el.getBoundingClientRect();
+    setPlacement(rect.top > window.innerHeight - rect.bottom ? "top-start" : "bottom-start");
+  }, []);
+  const updateArrows = useCallback(element => {
+    const up = element.scrollTop > scrollArrowThreshold;
+    const down = element.scrollTop < element.scrollHeight - element.clientHeight - scrollArrowThreshold;
+    setArrowUp(prev => prev !== up ? up : prev);
+    setArrowDown(prev => prev !== down ? down : prev);
+  }, []);
+  const setupForOpen = useCallback(() => {
+    computePlacement();
+    onBeforeOpenRef.current?.();
+    if (closingTimerRef.current) clearTimeout(closingTimerRef.current);
+    floatingStyleRef.current = {};
+    initializingRef.current = true;
+    setMounted(true);
+  }, [computePlacement]);
+  useEffect(() => {
+    if (open) {
+      if (needsSetupRef.current) setupForOpen();
+      needsSetupRef.current = true;
+      requestAnimationFrame(() => requestAnimationFrame(() => setVisible(true)));
+    } else {
+      setVisible(false);
+      setArrowUp(false);
+      setArrowDown(false);
+      if (closingTimerRef.current) clearTimeout(closingTimerRef.current);
+      closingTimerRef.current = setTimeout(() => {
+        setMounted(false);
+      }, panelAnimationDuration);
+    }
+  }, [open, setupForOpen]);
+  useEffect(() => () => {
+    if (closingTimerRef.current) clearTimeout(closingTimerRef.current);
+  }, []);
+  const defaultMiddleware = [offset({
+    mainAxis: 4
+  }), ...(fitContent ? [] : [size({
+    apply({
+      rects: {
+        reference: {
+          width
+        }
+      },
+      elements
+    }) {
+      const minWidth = width + 8;
+      Object.assign(floatingStyleRef.current, {
+        minWidth
+      });
+      elements.floating.style.minWidth = `${minWidth}px`;
+    },
+    padding: panelViewportPadding
+  })])];
+  const {
+    x,
+    y,
+    strategy,
+    context,
+    refs,
+    update
+  } = useFloating({
+    open,
+    onOpenChange: nextOpen => {
+      if (disabled && nextOpen) return;
+      if (nextOpen) {
+        needsSetupRef.current = false;
+        setupForOpen();
+        const el = refs.floating.current;
+        if (el) el.scrollTop = 0;
+      }
+      onOpenChangeRef.current(nextOpen);
+    },
+    strategy: "fixed",
+    placement,
+    whileElementsMounted: useAutoUpdateProp ? autoUpdate : void 0,
+    middleware: middlewareProp ?? defaultMiddleware
+  });
+  const setReferenceRef = useCallback(node => {
+    triggerRef.current = node;
+    refs.setReference(node);
+  }, [refs]);
+  useLayoutEffect(() => {
+    if (!open || !mounted || typeof window === "undefined") return;
+    const scrollY = window.scrollY;
+    const floatingEl = refs.floating.current;
+    if (!floatingEl) return;
+    const preventScroll = e => {
+      if (floatingEl.contains(e.target)) {
+        if (wheelGrowRef && Math.abs(e.deltaY) > 0) {
+          wheelGrowRef.current = true;
+          repositionRef?.current?.();
+        }
+        const scrollEl = scrollBoundaryRef?.current ?? floatingEl;
+        const atTop = scrollEl.scrollTop <= 0 && e.deltaY < 0;
+        const atBottom = scrollEl.scrollTop >= scrollEl.scrollHeight - scrollEl.clientHeight - 1 && e.deltaY > 0;
+        if (atTop || atBottom) e.preventDefault();
+        return;
+      }
+      e.preventDefault();
+    };
+    const preventKeyScroll = e => {
+      if (floatingEl.contains(e.target)) return;
+      if (["ArrowDown", "ArrowUp", "Space", "PageDown", "PageUp", "Home", "End"].includes(e.code)) {
+        e.preventDefault();
+      }
+    };
+    const preventTouchScroll = e => {
+      if (floatingEl.contains(e.target)) return;
+      e.preventDefault();
+    };
+    window.scrollTo(0, scrollY);
+    requestAnimationFrame(() => window.scrollTo(0, scrollY));
+    document.addEventListener("wheel", preventScroll, {
+      passive: false,
+      capture: true
+    });
+    document.addEventListener("keydown", preventKeyScroll, {
+      capture: true
+    });
+    document.addEventListener("touchmove", preventTouchScroll, {
+      passive: false,
+      capture: true
+    });
+    return () => {
+      document.removeEventListener("wheel", preventScroll, {
+        capture: true
+      });
+      document.removeEventListener("keydown", preventKeyScroll, {
+        capture: true
+      });
+      document.removeEventListener("touchmove", preventTouchScroll, {
+        capture: true
+      });
+    };
+  }, [open, mounted, refs, scrollBoundaryRef, wheelGrowRef, repositionRef]);
+  useEffect(() => {
+    if (!open) return;
+    let rafId = 0;
+    const throttled = () => {
+      if (rafId) return;
+      rafId = requestAnimationFrame(() => {
+        rafId = 0;
+        const trig = triggerRef.current;
+        if (trig) {
+          const rect = trig.getBoundingClientRect();
+          if (rect.bottom < 0 || rect.top > window.innerHeight) {
+            onOpenChangeRef.current(false);
+            return;
+          }
+        }
+        repositionRef?.current?.();
+      });
+    };
+    window.addEventListener("scroll", throttled, {
+      passive: true
+    });
+    window.addEventListener("resize", throttled, {
+      passive: true
+    });
+    return () => {
+      window.removeEventListener("scroll", throttled);
+      window.removeEventListener("resize", throttled);
+      if (rafId) cancelAnimationFrame(rafId);
+    };
+  }, [open, repositionRef]);
+  useLayoutEffect(() => {
+    if (typeof window === "undefined") return;
+    window.addEventListener("resize", update);
+    if (open) update();
+    return () => window.removeEventListener("resize", update);
+  }, [update, open]);
+  return {
+    context,
+    refs,
+    x,
+    y,
+    strategy,
+    update,
+    mounted,
+    visible,
+    placement,
+    arrowUp,
+    arrowDown,
+    triggerRef,
+    arrowScrollDirRef,
+    floatingStyleRef,
+    initializingRef,
+    computePlacement,
+    updateArrows,
+    setReferenceRef,
+    setMounted,
+    dropdownRadius,
+    hasBorder,
+    knobProps
+  };
+}
+export { panelAnimationDuration, panelGrowDuration, panelTransition, panelViewportPadding, useFloatingPanel };
+//# sourceMappingURL=useFloatingPanel.mjs.map

package/dist/esm/FloatingPanel/useFloatingPanel.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["autoUpdate","offset","size","useFloating","useResolvedKnobs","useCallback","useEffect","useLayoutEffect","useRef","useState","clampDropdownRadius","scrollArrowThreshold","panelAnimationDuration","panelGrowDuration","panelViewportPadding","panelTransition","useFloatingPanel","open","onOpenChange","disabled","onBeforeOpen","repositionRef","scrollBoundaryRef","middleware","middlewareProp","useAutoUpdate","useAutoUpdateProp","wheelGrowRef","fitContent","knobProps","hasBorder","borderRadius","borderWidth","dropdownRadius","mounted","setMounted","visible","setVisible","arrowUp","setArrowUp","arrowDown","setArrowDown","placement","setPlacement","onBeforeOpenRef","current","onOpenChangeRef","closingTimerRef","triggerRef","arrowScrollDirRef","floatingStyleRef","initializingRef","needsSetupRef","computePlacement","el","window","rect","getBoundingClientRect","top","innerHeight","bottom","updateArrows","element","up","scrollTop","down","scrollHeight","clientHeight","prev","setupForOpen","clearTimeout","requestAnimationFrame","setTimeout","defaultMiddleware","mainAxis","apply","rects","reference","width","elements","minWidth","Object","assign","floating","style","padding","x","y","strategy","context","refs","update","nextOpen","whileElementsMounted","setReferenceRef","node","setReference","scrollY","floatingEl","preventScroll","e","contains","target","Math","abs","deltaY","scrollEl","atTop","atBottom","preventDefault","preventKeyScroll","includes","code","preventTouchScroll","scrollTo","document","addEventListener","passive","capture","removeEventListener","rafId","throttled","trig","cancelAnimationFrame"],"sources":["../../../src/FloatingPanel/useFloatingPanel.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}