@multiplatform.one/forms 6.0.0

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

@@ -0,0 +1,392 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var FloatingPanel_exports = {};
+__export(FloatingPanel_exports, {
+  FloatingPanel: () => FloatingPanel,
+  panelAnimationDuration: () => import_useFloatingPanel2.panelAnimationDuration,
+  panelGrowDuration: () => import_useFloatingPanel2.panelGrowDuration,
+  panelTransition: () => import_useFloatingPanel2.panelTransition,
+  panelViewportPadding: () => import_useFloatingPanel2.panelViewportPadding,
+  useFloatingPanel: () => import_useFloatingPanel2.useFloatingPanel,
+  useViewportGtSm: () => useViewportGtSm
+});
+module.exports = __toCommonJS(FloatingPanel_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_theme = require("@multiplatform.one/theme");
+var import_tamagui = require("tamagui");
+var import_react2 = require("@floating-ui/react");
+var import_floatingList = require("../shared/floatingList.native.js");
+var import_colorRamps = require("../shared/colorRamps.native.js");
+var import_useFloatingPanel = require("./useFloatingPanel.native.js");
+var import_zIndex = require("../shared/zIndex.native.js");
+var import_useFloatingPanel2 = require("./useFloatingPanel.native.js");
+var gtSmBreakpoint = 860;
+function useViewportGtSm() {
+  var [gtSm, setGtSm] = (0, import_react.useState)(function () {
+    return import_tamagui.isWeb && typeof window !== "undefined" ? window.innerWidth > gtSmBreakpoint : false;
+  });
+  (0, import_react.useEffect)(function () {
+    if (!import_tamagui.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 = (0, import_tamagui.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 : !import_tamagui.isWeb || !effectiveGtSm;
+  if (shouldUseSheet) return /* @__PURE__ */(0, import_jsx_runtime.jsx)(FloatingPanelSheet, {
+    ...props
+  });
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(FloatingPanelWeb, {
+    ...props
+  });
+}
+function FloatingPanelSheet(param) {
+  var {
+    open,
+    onOpenChange,
+    trigger,
+    children,
+    scrollable,
+    disabled,
+    contentPadding = "default",
+    transition = "medium",
+    header,
+    scrollViewProps
+  } = param;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var [position, setPosition] = (0, import_react.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__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+      onPress: function onPress() {
+        return handleOpenChange(!open);
+      },
+      cursor: disabled ? "not-allowed" : "pointer",
+      opacity: disabled ? 0.5 : 1,
+      children: trigger
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Sheet, {
+      modal: true,
+      open,
+      onOpenChange: handleOpenChange,
+      snapPoints: scrollable ? [92, 50, 25] : void 0,
+      snapPointsMode: scrollable ? "percent" : "fit",
+      dismissOnSnapToBottom: true,
+      position,
+      onPositionChange: setPosition,
+      zIndex: import_zIndex.zIndex.sheet,
+      transition,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Sheet.Overlay, {
+        ...{
+          transition
+        },
+        bg: "$shadow6",
+        enterStyle: {
+          opacity: 0
+        },
+        exitStyle: {
+          opacity: 0
+        }
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Sheet.Handle, {}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Sheet.Frame, {
+        padding: framePadding,
+        gap: frameGap,
+        children: [header, scrollable ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.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 = (0, import_react.useRef)(null);
+  var pinnedTopRef = (0, import_react.useRef)(0);
+  var pinnedHeightRef = (0, import_react.useRef)(0);
+  var grownRef = (0, import_react.useRef)(false);
+  var growUpOnlyRef = (0, import_react.useRef)(false);
+  var growDownOnlyRef = (0, import_react.useRef)(false);
+  var lastScrollTopRef = (0, import_react.useRef)(0);
+  var repositionFnRef = (0, import_react.useRef)(null);
+  var panel = (0, import_useFloatingPanel.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 = (0, import_react.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 - import_useFloatingPanel.panelViewportPadding : viewportHeight - triggerBounds.top - import_useFloatingPanel.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 = import_useFloatingPanel.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(import_useFloatingPanel.panelViewportPadding, idealTop);
+    var pinnedBottom = Math.min(viewportHeight - import_useFloatingPanel.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 - import_useFloatingPanel.panelViewportPadding - (top1 + height1));
+      height1 += canDown;
+      var canUp = Math.max(0, top1 - import_useFloatingPanel.panelViewportPadding);
+      top1 -= canUp;
+      height1 += canUp;
+    }
+    if (growUpOnlyRef.current) {
+      var canUp1 = Math.max(0, top1 - import_useFloatingPanel.panelViewportPadding);
+      top1 -= canUp1;
+      height1 += canUp1;
+    }
+    if (growDownOnlyRef.current) {
+      var canDown1 = Math.max(0, viewportHeight - import_useFloatingPanel.panelViewportPadding - (top1 + height1));
+      height1 += canDown1;
+    }
+    height1 = Math.min(height1, viewportHeight - top1 - import_useFloatingPanel.panelViewportPadding);
+    height1 = Math.min(height1, totalContentHeight);
+    height1 = Math.max(120, height1);
+    var availableViewport = viewportHeight - 2 * import_useFloatingPanel.panelViewportPadding;
+    if ((grownRef.current || growUpOnlyRef.current || growDownOnlyRef.current) && height1 < availableViewport) {
+      if (isDropup) {
+        top1 = import_useFloatingPanel.panelViewportPadding;
+      } else {
+        top1 = viewportHeight - import_useFloatingPanel.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 = import_useFloatingPanel.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 = (0, import_react2.useClick)(panel.context, {
+    event: "mousedown"
+  });
+  var dismiss = (0, import_react2.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
+  } = (0, import_react2.useInteractions)([click, dismiss]);
+  (0, import_react.useLayoutEffect)(function () {
+    if (!open || !panel.mounted) return;
+    repositionOverlay();
+  }, [open, panel.mounted, repositionOverlay, panel.y]);
+  var handleScroll = (0, import_react.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__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+      ...getReferenceProps({
+        ref: panel.setReferenceRef
+      }),
+      cursor: disabled ? "not-allowed" : "pointer",
+      opacity: disabled ? 0.5 : 1,
+      children: trigger
+    }), panel.mounted && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.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: import_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: import_useFloatingPanel.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 ? import_colorRamps.formInputColors.border.focus : "transparent",
+      paddingVertical: 0,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_floatingList.ScrollArrow, {
+        direction: "up",
+        scrollRef: panel.refs.floating,
+        visible: panel.arrowUp,
+        arrowScrollDirRef: panel.arrowScrollDirRef
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+        ...(contentPadding !== "none" ? panel.knobProps.panelPadding : void 0),
+        ...(contentPadding !== "none" ? panel.knobProps.gapLg : void 0),
+        children
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_floatingList.ScrollArrow, {
+        direction: "down",
+        scrollRef: panel.refs.floating,
+        visible: panel.arrowDown,
+        arrowScrollDirRef: panel.arrowScrollDirRef
+      })]
+    })]
+  });
+}
+//# sourceMappingURL=index.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","FloatingPanel_exports","FloatingPanel","panelAnimationDuration","import_useFloatingPanel2","panelGrowDuration","panelTransition","panelViewportPadding","useFloatingPanel","useViewportGtSm","module","exports","import_jsx_runtime","require","import_react","import_theme","import_tamagui","import_react2","import_floatingList","import_colorRamps","import_useFloatingPanel","import_zIndex","gtSmBreakpoint","gtSm","setGtSm","useState","isWeb","window","innerWidth","useEffect","handler","handler2","addEventListener","removeEventListener","props","_props_sheet","media","useMedia","viewportGtSm","effectiveGtSm","shouldUseSheet","sheet","jsx","FloatingPanelSheet","FloatingPanelWeb","param","open","onOpenChange","trigger","children","scrollable","disabled","contentPadding","transition","header","scrollViewProps","knobProps","useResolvedKnobs","position","setPosition","handleOpenChange","handleOpenChange2","next","framePadding","panelPadding","padding","frameGap","gapLg","gap","jsxs","Fragment","View","onPress","cursor","opacity","Sheet","modal","snapPoints","snapPointsMode","dismissOnSnapToBottom","onPositionChange","zIndex","Overlay","bg","enterStyle","exitStyle","Handle","Frame","ScrollView","flex","sizing","fitContent","_ref","_ref1","_panel_x","_overlayStyleRef_current","isFill","overlayStyleRef","useRef","pinnedTopRef","pinnedHeightRef","grownRef","growUpOnlyRef","growDownOnlyRef","lastScrollTopRef","repositionFnRef","panel","repositionRef","wheelGrowRef","onBeforeOpen","current","repositionOverlay","useCallback","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","useClick","context","event","dismiss","useDismiss","outsidePressEvent","ancestorScroll","getReferenceProps","getFloatingProps","useInteractions","useLayoutEffect","mounted","y","handleScroll","el","arrowDir","arrowScrollDirRef","_repositionFnRef_current","delta","_repositionFnRef_current1","ref","setReferenceRef","YStack","setFloating","strategy","left","x","scrollbarWidth","dropdown"],"sources":["../../../src/FloatingPanel/index.tsx"],"sourcesContent":[null],"mappings":"AACA,YAAS;;AACT,IAAAA,SAAS,GAAAC,MAAA,CAAAC,cAAwB;AACjC,IAAAC,gBAAgB,GAAOF,MAAA,CAAAG,wBAA8B;AACrD,IAAAC,iBAAmB,GAAAJ,MAAA,CAAYK,mBAAA;AAC/B,IAAAC,YAAS,GAAAN,MAAA,CAAAO,SAAmB,CAAAC,cAAA;AAC5B,IAAAC,QAAS,GAAAA,CAAAC,MAAA,EAAAC,GAAA,KAAuB;EAChC,SAASC,IAAA,IAAAD,GAAA,EACTZ,SAAS,CAAAW,MAAA,EAAAE,IAAc;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAGvB;AAAA,IACEC,WAAA,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EACA,IAAAF,IAAA,WAAAA,IAAA,wBAAAA,IAAA;IACA,SAAAG,GAAA,IAAAhB,iBAAA,CAAAa,IAAA,GACA,KAAAX,YAAA,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EACAnB,SAAA,CAAAiB,EAAA,EAAAI,GAAA;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EAAA;EAgF2B,OA6BzBE,EAAA;AArDJ;AAGO,IAAAM,YAAS,GAAAC,GAAA,IAAkBR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAChC,IAAAE,qBAAoB,GAAI;AAAAhB,QAAS,CAAAgB,qBACf;EAClBC,aAAA,EAAAA,CAAA,KAAAA,aAAA;EACAC,sBAAgB,EAAAA,CAAA,KAAAC,wBAAA,CAAAD,sBAAA;EACdE,iBAAc,EAAAA,CAAA,KAAOD,wBAAwB,CAAAC,iBAAA;EAC7CC,eAAM,EAAAA,CAAA,KAAUF,wBAAqB,CAAAE,eAAa;EAClDC,oBAAO,EAAAA,CAAA,KAAiBH,wBAAiB,CAAAG,oBAAA;EACzCC,gBAAa,EAAAA,CAAA,KAAOJ,wBAAoB,CAAAI,gBAAiB;EAC3DC,eAAK,EAAAA,CAAA,KAAAA;AACL;AACFC,MAAA,CAAAC,OAAA,GAAAb,YAAA,CAAAG,qBAAA;AAEO,IAAAW,kBAAS,GAAcC,OAA2B;AACvD,IAAAC,YAAc,GAAAD,OAAS;AACvB,IAAAE,YAAM,GAAAF,OAAe,2BAAgB;AAGrC,IAAAG,cAAM,GAAAH,OAAgB,UAAO;AAC7B,IAAAI,aAAM,GAAAJ,OAAiB,qBAAiB;AAExC,IAAAK,mBAAoB,GAAAL,OAAO,mCAAC;AAC5B,IAAAM,iBAAO,GAAAN,OAAC,iCAAqB;AAC/B,IAAAO,uBAAA,GAAAP,OAAA;AAIA,IAAAQ,aAAS,GAAAR,OAAA,CAAmB;AAAA,IAC1BT,wBAAA,GAAAS,OAAA;AAAA,IACAS,cAAA;AAAA,SACAb,gBAAA;EACA,KAAAc,IAAA,EAAAC,OAAA,QAAAV,YAAA,CAAAW,QAAA;IACA,OAAAT,cAAA,CAAAU,KAAA,WAAAC,MAAA,mBAAAA,MAAA,CAAAC,UAAA,GAAAN,cAAA;EACA;EACA,IAAAR,YAAA,CAAiBe,SAAA;IACjB,KAAAb,cAAa,CAAAU,KAAA,WAAAC,MAAA;IACb,IAAAG,OAAA,YAAAC,SAAA;MACA,OAAAP,OAAA,CAAAG,MAAA,CAAAC,UAAA,GAAAN,cAAA;IACqB;IACrBK,MAAQ,CAAAK,gBAAc,WAAAF,OAAiB;IACvC,OAAO,YAAU;MAEjB,OAAMH,MAAA,CAAAM,mBAAsC,WAAAH,OAAA;IAC1C;EACF;EAEA,OAAMP,IAAA;AACN;AAEA,SACErB,cAAAgC,KAAA;EACE,IAAAC,YAAA;EAAA,IAACC,KAAA,OAAApB,cAAA,CAAAqB,QAAA;EAAA,IAAAC,YAAA,GAAA7B,eAAA;EAAA,IAAA8B,aACU,UAAMZ,MAAA,KAAiB,WAAK,GAAAW,YAAA,GAAAF,KAAA,CAAAb,IAAA;EAAA,IAAAiB,cAC7B,IAAAL,YAAW,GAAAD,KAAgB,CAAAO,KAAA,cAAAN,YAAA,cAAAA,YAAA,IAAAnB,cAAA,CAAAU,KAAA,KAAAa,aAAA;EAAA,IAAAC,cAC1B,SAAW,eAAM,IAAA5B,kBAAA,CAAA8B,GAAA,EAAAC,kBAAA;IAAA,GAAAT;EAEzB;EAAA,OACH,mBAAAtB,kBAAA,CAAA8B,GAAA,EAAAE,gBAAA;IACA,GAAAV;EAAA;AAAC;AAAA,SACCS,kBAAKA,CAAAE,KAAA;EAAA;IACLC,IAAA;IAAAC,YAAA;IAAAC,OAAA;IAAAC,QAAA;IAAAC,UAAA;IAAAC,QAAA;IAAAC,cAAA;IAAAC,UAAA;IAAAC,MAAA;IAAAC;EAAA,IAAAV,KAAA;EAAA;IACAW;EAAA,IAAc,IAAAzC,YAAA,CAAA0C,gBAAA;EAAA,KAAAC,QACd,EAAAC,WAAY,KAAa,CAAC,EAAA7C,YAAc,CAAAW,QAAA;EAAA,IAAAmC,gBACxC,GAAgB,SAAAC,iBAAyBA,CAAAC,IAAA;IAAA,IACzC,CAAAX,QAAA,EAAAJ,YAAqB,CAAAe,IAAA;EAAA;EACrB,IAAAC,YACA,GAAAX,cAAkB,qBAAAI,SAAA,CAAAQ,YAAA,CAAAC,OAAA;EAAA,IAAAC,QAClB,GAAQd,cAAO,uBAAAI,SAAA,CAAAW,KAAA,CAAAC,GAAA;EAAA,OACf,mBAAAxD,kBAAA,CAAAyD,IAAA,EAAAzD,kBAAA,CAAA0D,QAAA;IAAArB,QAEA,sBAAArC,kBAAA,CAAA8B,GAAA,EAAA1B,cAAA,CAAAuD,IAAA;MAAAC,OAAC,WAAMA,QAAA;QAAA,OAANZ,gBAAA,EAAAd,IAAA;MAAA;MACmB2B,MAClB,EAAAtB,QAAG;MAAAuB,OACH,EAAAvB,QAAA,GAAc;MAAWF,QACzB,EAAAD;IAAwB,mBAC1B,IAAApC,kBAAA,CAAAyD,IAAA,EAAArD,cAAA,CAAA2D,KAAA;MAAAC,KACA;MAAc9B,IACd;MACGC,YAAA,EAAAa,gBAAA;MAAAiB,UACA,EAAA3B,UACC,IAIA,IAEJ,OACF;MACF4B,cAAA,EAAA5B,UAAA;MAEJ6B,qBAAA;MAIArB,QAAS;MACPsB,gBAAA,EAAArB,WAAA;MACAsB,MAAA,EAAA5D,aAAA,CAAA4D,MAAA,CAAAxC,KAAA;MACAY,UAAA;MACAJ,QAAA,GACA,mBAAArC,kBAAA,CAAA8B,GAAA,EAAA1B,cAAA,CAAA2D,KAAA,CAAAO,OAAA;QACS;UACT7B;QACA;QACqB8B,EAAA;QACfC,UAAS;UACTV,OAAA;QACA;QACAW,SAAA;UACAX,OAAW;QACX;MACA,IACA,gBAAmB,GAAA9D,kBAAQ,CAAA8B,GAAA,EAAA1B,cAAA,CAAA2D,KAAA,CAAAW,MAAA,OAE3B,eAAkB,IAAA1E,kBAAgC,CAAAyD,IAAA,EAAArD,cAAA,CAAA2D,KAAA,CAAAY,KAAA;QAElDtB,OAAQ,EAAAF,YAAiB;QAC7BK,GAAA,EAAAF,QAAA;QACAjB,QAAA,GACAK,MAAA,EACAJ,UAAe,sBAAAtC,kBAAA,CAAA8B,GAAA,EAAA1B,cAAA,CAAA2D,KAAA,CAAAa,UAAA;UACfC,IAAc,EAAAnC,MAAS,YAAY;UACnC,GAAAC,eAAA;UACAN;QACE,KAAAA,QAAgB;MAEhB;IAEA;EAEA;AAA2B;AAC7B,SACDL,iBAAAC,KAAA;EAED;IAAMC,IAAA;IAAAC,YAAA;IAAoBC,OAAA;IAAAC,QAAY;IAAME,QAAA;IAAAuC,MAAA;IAAAC,UAAA;IAAAvC,cAAA;EAAA,IAAAP,KAAA;EAC1C,IAAA+C,IAAM,EAAAC,KAAA,EAAAC,QAAA;EACN,IAAAC,wBAAmB;EACnB,IAAAC,MAAK,GAAAN,MAAA,WAAoB;EAEzB,IAAAO,eAAM,GAAY,IAAMnF,YAAA,CAAAoF,MAAgB;EACxC,IAAAC,YAAe,OAAArF,YAAgB,CAAAoF,MAAM;EAErC,IAAAE,eAAiB,OAAAtF,YAAiB,CAAAoF,MAAA;EAChC,IAAAG,QAAA,OAAAvF,YAAgB,CAAYoF,MAAA;EAAA,IAC9BI,aAAA,OAAAxF,YAAA,CAAAoF,MAAA;EAEA,IAAAK,eAAM,KAAgB,EAAAzF,YAAK,CAAAoF,MAAA,OAAsB;EACjD,IAAAM,gBAAM,KAAiB,EAAA1F,YAAO,CAAAoF,MAAA;EAC9B,IAAAO,eAAW,OAAA3F,YAAiB,CAAAoF,MAAe;EAC3C,IAAAQ,KAAM,OAAAtF,uBAA+B,CAAAZ,gBAAc,EAAK;IACxDsC,IAAA;IACAC,YAAM;IACNI,QAAM;IACNwD,aAAM,EAAAF,eAAqB;IAE3BG,YAAM,EAAAZ,MAAW,GAAM,SAAAK,QAAU;IAEjCV,UAAI;IACFkB,YAAM,WAAYA,YACdA,CAAA;MAEJZ,eAAa,CAAAa,OAAS;MACtBX,YAAS,CAAAW,OAAS,IAAK;MACvBV,eAAY,CAAAU,OAAA,GAAW;MAEvBT,QAAM,CAAAS,OAAS;MACfR,aAAK,CAAAQ,OAAU,GAAO;MACpBP,eAAA,CAAAO,OAAgB,GAAM,KAAM;MAC5BN,gBAAA,CAAAM,OAAsB;IACtB;EACA;EACA,IAAAC,iBAAK,OAAgBjG,YAAA,CAAAkG,WAAA;IAAA,IACvBC,eAAA,GAAAP,KAAA,CAAAQ,IAAA,CAAAC,QAAA,CAAAL,OAAA;IAEA,IAAAM,IAAM,GAAAV,KAAA,CAAAW,UAAgB,CAAAP,OAAU;IAChC,KAAAG,eAAK,IAAgB,CAAAG,IAAA;IACrB,IAAAE,SAAI,GAAWZ,KAAA,CAAAa,eAAgB,CAAAT,OAAM;IACrC,IAAAQ,SAAA,EAAAL,eAA4B,CAAAO,KAAA,CAAAnE,UAAA;IAC1B,IAAA8C,YAAI,CAAAW,OAAA,KAAiB,KAAAV,eAAA,CAAAU,OAAA;MACnBG,eAAM,CAAAQ,SAAa;IACnB;IACE,IAAAC,aAAI,GAAAN,IAAA,CAAAO,qBAAuB,EAAa;IAAe,IAAAC,cACxD,GAAAjG,MAAA,CAAAkG,WAAA;IAAA,IACHC,EAAA,GAAAC,gBAAA,CAAAd,eAAA;IAAA,IACDe,cAAA,GAAAC,UAAA,CAAAH,EAAA,CAAAE,cAAA;IACD,IAAAE,iBAAA,GAAAD,UAAA,CAAAH,EAAA,CAAAI,iBAAA;IACF,IAAAC,gBAAA,GAAAH,cAAA,GAAAE,iBAAA;IAEA,IAAAE,mBAAiB,GAAAnB,eAAW,CAAcoB,YAAS;IACnD,IAAAC,kBAAoB,GAAAF,mBAAW,GAAAD,gBAAA;IAC/B,IAAAI,QAAM,GAAA7B,KAAY,CAAA8B,SAAS,CAAAC,UAAA;IAC3B,IAAAzC,MAAM;MACN,IAAM0C,SAAA,GAAAH,QAAoB,GAAAb,aAAS,CAAAiB,MAAA,GAAevH,uBAAS,CAAAb,oBAAA,GAAAqH,cAAA,GAAAF,aAAA,CAAAkB,GAAA,GAAAxH,uBAAA,CAAAb,oBAAA;MAE3D,IAAIsI,MAAA,GAAAC,IAAa,CAAAC,GAAA,CAAAT,kBAAiB,EAAAI,SAAgB;MAChDG,MAAA,GAAAC,IAAa,CAAAE,GAAA,MAAUH,MAAA;MACvB,IAAAD,GAAA,GAAAL,QAAgB,GAAAb,aAAU,CAAAiB,MAAA,GAAAE,MAAA,GAAAnB,aAAA,CAAAkB,GAAA;MAC5B,IAAAK,MAAA,GAAAhD,eAAA,CAAAa,OAAA;MAEA,IAAI,CAAAmC,MAAM,IAAAA,MAAa,CAAAL,GAAA,KAAAA,GAAA,IAAAK,MAAA,CAAAC,SAAA,KAAAL,MAAA;QACnB5B,eAAS,CAAAO,KAAA,CAAAoB,GAAgB,MAAAA,GAAA;QAEzB3B,eAAS,CAAAO,KAAS,CAAA0B,SAAA,MAAAL,MAAA;QACpB5B,eAAgB,CAAAO,KAAK,CAAAqB,MAAO;QAC5B5C,eAAU,CAAAa,OAAA;UACV8B,GAAM;UACNM,SAAO,EAAAL;QACP;QACF,KAAA5B,eAAA,CAAAkC,YAAA;MAEA;MACEzC,KAAA,CAAMa,eAAa,CAAAT,OAAO,GAAM;MAChC,KAAAG,eAAO,CAAAkC,YAAA;MACP,IAAA7B,SAAU,EAAAL,eAAA,CAAAO,KAAA,CAAAnE,UAAA,GAAAjC,uBAAA,CAAAd,eAAA;MACZ8I,qBAAA;QACI,IAAAnC,eAAgB;UAClBP,KAAM,CAAA2C,YAAe,CAAApC,eAAO;UAC5BmC,qBAAU;YACZ,IAAAnC,eAAA,EAAAP,KAAA,CAAA2C,YAAA,CAAApC,eAAA;UAEA;QACA;MACA;MAGA;IACA;IAIE,IAAAqC,QAAI,GAAAf,QAAU,GAAAb,aAAA,CAAAiB,MAAA,GAAAL,kBAAA,GAAAZ,aAAA,CAAAkB,GAAA;IACZ,IAAAW,WAAM,GAAAD,QAAA,GAAAhB,kBAAA;IAAA,IACRkB,SAAO,GAAAV,IAAA,CAAAE,GAAA,CAAA5H,uBAAA,CAAAb,oBAAA,EAAA+I,QAAA;IACL,IAAAG,YAAM,GAAAX,IAAA,CAAAC,GAAiB,CAAAnB,cAAA,GAAAxG,uBAAuB,CAAAb,oBAAA,EAAAgJ,WAAA;IAAA,IAChDG,YAAA,GAAAZ,IAAA,CAAAE,GAAA,MAAAS,YAAA,GAAAD,SAAA;IACF,IAAArD,YAAA,CAAAW,OAAA,UAAAV,eAAA,CAAAU,OAAA;MAEAX,YAAM,CAASW,OAAA,GAAA0C,SAAgB;MAC/BpD,eAAe,CAAAU,OAAO,GAAA4C,YAAe;IACnC;IACA,IAAAC,IAAA,GAAAxD,YAAgB,CAAMW,OAAA;IACtB,IAAA8C,OAAA,GAAAxD,eAAsB,CAAAU,OAAS;IAC/B,IAAAT,QAAA,CAAAS,OAAgB;MAChB,IAAA+C,OAAK,GAAAf,IAAA,CAAAE,GAAgB,IAAApB,cAAA,GAAAxG,uBAAA,CAAAb,oBAAA,IAAAoJ,IAAA,GAAAC,OAAA;MACvBA,OAAA,IAAAC,OAAA;MAEA,IAAMC,KAAA,GAAAhB,IAAA,CAAAE,GAAgB,IAAAW,IAAA,GAAUvI,uBAAA,CAAAb,oBAAA;MAChCoJ,IAAK,IAAAG,KAAA;MACLF,OAAI,IAAAE,KAAW;IACf;IACE,IAAAxD,aAAI,CAAAQ,OAAiB;MACnB,IAAAiD,MAAM,GAAAjB,IAAA,CAAAE,GAAa,IAAAW,IAAA,GAAAvI,uBAAe,CAAAb,oBAAA;MAClCoJ,IAAA,IAAAI,MAAA;MACEH,OAAA,IAAIG,MAAA;IAAmD;IACxD,IACHxD,eAAA,CAAAO,OAAA;MACD,IAAAkD,QAAA,GAAAlB,IAAA,CAAAE,GAAA,IAAApB,cAAA,GAAAxG,uBAAA,CAAAb,oBAAA,IAAAoJ,IAAA,GAAAC,OAAA;MACCA,OAAA,IAAQI,QAAM;IAElB;IAEAJ,OAAM,GAAAd,IAAQ,CAAAC,GAAA,CAAAa,OAAS,EAAMhC,cAAW,GAAO+B,IAAA,GAAAvI,uBAAa,CAAAb,oBAAA;IAC5DqJ,OAAM,GAAAd,IAAU,CAAAC,GAAA,CAAAa,OAAW,EAAAtB,kBAAe;IAAAsB,OAAA,GAAAd,IAAA,CAAAE,GAAA,MAAAY,OAAA;IAAA,IAAAK,iBAAA,GAAArC,cAAA,OAAAxG,uBAAA,CAAAb,oBAAA;IAGxC,KAAA8F,QAAA,CAAAS,OAAmB,IAAAR,aAAA,CAAAQ,OAAA,IAAAP,eAAA,CAAAO,OAAA,KAAA8C,OAAA,GAAAK,iBAAA;MAAA,IAAA1B,QAAA;QAAAoB,IAAA,GAAAvI,uBAAA,CAAAb,oBAAA;MAGnB;QACDoJ,IAAA,GAAA/B,cAAA,GAAAxG,uBAAA,CAAAb,oBAAA,GAAAqJ,OAAA;MACD;IAEA;IACE,IAAIM,OAAC,GAASjE,eAAe,CAAAa,OAAA;IAC7B,KAAAoD,OAAA,IAAAA,OAAkB,CAAAtB,GAAA,KAAAe,IAAA,IAAAO,OAAA,CAAAhB,SAAA,KAAAU,OAAA;MAChB3C,eAAY,CAAAO,KAAS,CAAAoB,GAAA,MAAAe,IAAA;MAEzB1C,eAAM,CAAAO,KAAe,CAAA0B,SAAA,MAAAU,OAAA;MAClB3C,eAAmB,CAAAO,KAAA,CAAAqB,MAAA;MAClB5C,eAAW,CAAAa,OAAM;QACjB8B,GAAA,EAAMe,IAAA;QACNT,SAAY,EAAAU;MACZ;MACE,KAAA3C,eAAiB,CAAAkC,YAAa;IAC9B;IAAAzC,KACF,CAAAa,eAAA,CAAAT,OAAA;IACA,KAAAG,eAAiB,CAAAkC,YAAM;IACvB,IAAA7B,SAAI,EAAAL,eAAU,CAAAO,KAAA,CAAAnE,UAAA,GAAAjC,uBAAA,CAAAd,eAAA;IACZ8I,qBAAM,aAAkB;MACxB,IAAAnC,eAAiB;QACjBP,KAAI,CAAA2C,YAAa,CAAApC,eAAQ;QACvBmC,qBAAc,aAAU;UAC1B,IAAAnC,eAAO,EAAAP,KAAA,CAAA2C,YAAA,CAAApC,eAAA;QACL;MAA0B;IAE5B;EACA,IAAAjB,MACF,EACAU,KAAA,CAAA8B,SAAM,EACN9B,KAAA,CAAAQ,IAAA,EACAR,KAAA,CAAIW,UAAU,EACZX,KAAA,CAAA2C,YAAS,CACT;EAA0B5C,eAC5B,CAAAK,OAAA,GAAAC,iBAAA;EAAA,IACFoD,KAAA,OAAAlJ,aAAA,CAAAmJ,QAAA,EAAA1D,KAAA,CAAA2D,OAAA;IACAC,KAAC;EACH;EAEA,IAAAC,OACE,OAAAtJ,aAAA,CAAAuJ,UACE,EAAA9D,KAAA,CAAA2D,OAAA;IAAA;IAAA;IAACI,iBAAA;IAAA;IACqD;IACjBC,cAC1B;EAAiB;EAEzB;IAAAC,iBAAA;IAAAC;EAAA,QAAA3J,aAAA,CAAA4J,eAAA,GACHV,KAAA,EAECI,OAAM,CACL;EAAC,IAAAzJ,YAAA,CAAAgK,eAAA;IAAA,IACE,CAAAhI,IAAG,KAAA4D,KAAA,CAAAqE,OAAiB;IAAAhE,iBACR;EAAK,IACTjE,IAAA,EACW4D,KAAA,CAAAqE,OACX,EAA2ChE,iBAC1C,EAAWL,KAAA,CAAAsE,CAAA,CACD;EACD,IAAAC,YACf,IAAU,GAAAnK,YAAA,CAAAkG,WAAA,YAAAsD,KAAA;IAAA,IAAAY,EAAA,GACVZ,KAAG,CAAApL,MAAM;IAAiBwH,KAAA,CAAA2C,YACtB,CAAA6B,EAAA;IAA8E,IAAAlF,MAClF;IAAW,IAAAU,KACX,CAAAa,eAAe,CAAAT,OAAU;MAAIN,gBAC7B,CAAWM,OAAM,GAAAoE,EAAA,CAAAzD,SAAU;MAAa;IAC5B;IACyD,IAAA0D,QACvE,GAAAzE,KAAA,CAAA0E,iBAAA,CAAAtE,OAAA;IAAA,IAAAqE,QACA;MAAU,IACXE,wBAAA;MAAA3E,KACD,CAAA0E,iBAAY,CAAAtE,OAAA;MAAAN,gBACE,CAAAM,OAAA,GAAAoE,EAAA,CAAAzD,SAAA;MAAA,IACd0D,QAAA,KAAe,MAAM;QACrB7E,aAAA,CAAAQ,OAAgB;MAAA,OAChB;QACAP,eAAa,CAAAO,OAAM;MAAuD;MACZ,CAAAuE,wBAC7C,GAAA5E,eAAA,CAAAK,OAAA,cAAAuE,wBAAA,uBAAAA,wBAAA,CAAAxL,IAAA,CAAA4G,eAAA;MAAA;IAEjB;IAAA,IAAA6E,KAAC,GAAAJ,EAAA,CAAAzD,SAAA,GAAAjB,gBAAA,CAAAM,OAAA;IAAAN,gBAAA,CAAAM,OAAA,GAAAoE,EAAA,CAAAzD,SAAA;IAAA,IAAA6D,KAAA,KACC;MAAU,IAAAC,yBACO;MAAKlF,QACtB,CAAAS,OAAA,GAAS,IAAM;MAAA,CAAAyE,yBACf,GAAmB9E,eAAM,CAAAK,OAAA,cAAAyE,yBAAA,uBAAAA,yBAAA,CAAA1L,IAAA,CAAA4G,eAAA;IAAA;EAAA,IAC3BT,MACA,EAAAU,KAAA,CAAA2C,YAAC;EAAA,sBACM,IAAAzI,kBAA4B,CAAAyD,IAAM,EAAAzD,kBAAU,CAAA0D,QAAe;IAAArB,QAAA,EAC/D,CAAwD,eAExD,IAAArC,kBAAA,CAAA8B,GAAA,EAAA1B,cAAA,CAAAuD,IAAA;MAAA,GAAAoG,iBAAA;QACHa,GAAA,EAAA9E,KAAA,CAAA+E;MAAA,EACA;MAAAhH,MAAC,EAAAtB,QAAA;MAAAuB,OAAA,EAAAvB,QAAA;MAAAF,QACC,EAAAD;IAAU,IACY0D,KAAA,CAAAqE,OACtB,IAAS,eAAM,IAAAnK,kBAAA,CAAAyD,IAAA,EAAArD,cAAA,CAAA0K,MAAA;MAAA,GAAAd,gBACf;QAAyBY,GAAA,EAAA9E,KAAA,CAAAQ,IAAA,CAAAyE,WAAA;QAC3BnE,KAAA;UAAA9D,QAAA,EAAAgD,KAAA,CAAAkF,QAAA;UAAAhD,GAAA,GAAAhD,IAAA,IAAAC,KAAA,IAAAE,wBAAA,GAAAE,eAAA,CAAAa,OAAA,cAAAf,wBAAA,uBAAAA,wBAAA,CAAA6C,GAAA,cAAA/C,KAAA,cAAAA,KAAA,GAAAa,KAAA,CAAAsE,CAAA,cAAApF,IAAA,cAAAA,IAAA;UACFiG,IAAA,GAAA/F,QAAA,GAAAY,KAAA,CAAAoF,CAAA,cAAAhG,QAAA,cAAAA,QAAA;UAEJiG,cAAA;UAEJ9G,MAAA,EAAA5D,aAAA,CAAA4D,MAAA,CAAA+G,QAAA","ignoreList":[]}

package/dist/jsx/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