@multiplatform.one/forms 7.4.1 → 7.6.0

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

@@ -39,12 +39,17 @@ var import_react_native = require("react-native");
 var import_theme = require("@multiplatform.one/theme");
 var import_tamagui = require("tamagui");
 var import_t = require("../shared/t.native.js");
+var import_useKeyboardInset = require("../shared/useKeyboardInset.native.js");
 var import_useFloatingPanel = require("./useFloatingPanel.native.js");
 function useViewportGtSm() {
   return false;
 }
 var sheetMaxHeightRatio = 0.85;
 var bottomInset = import_react_native.Platform.OS === "ios" ? 24 : 16;
+var backdropStrip = 48;
+var minSheetHeight = 180;
+var mediumDetent = 0.55;
+var dismissThreshold = 56;
 function FloatingPanel(param) {
   var {
     open,
@@ -58,7 +63,8 @@ function FloatingPanel(param) {
     header,
     scrollViewProps,
     triggerA11y,
-    sheetFill
+    sheetFill,
+    openOn = "press"
   } = param;
   var {
     knobProps
@@ -66,6 +72,7 @@ function FloatingPanel(param) {
   var {
     height: windowHeight
   } = (0, import_react_native.useWindowDimensions)();
+  var keyboardInset = (0, import_useKeyboardInset.useKeyboardInset)();
   var [backdropArmed, setBackdropArmed] = (0, import_react.useState)(false);
   var armTimerRef = (0, import_react.useRef)(null);
   var close = (0, import_react.useCallback)(function () {
@@ -74,15 +81,13 @@ function FloatingPanel(param) {
   var handleTriggerPress = (0, import_react.useCallback)(function () {
     if (!disabled) onOpenChange(!open);
   }, [disabled, onOpenChange, open]);
+  var handleTriggerLongPress = (0, import_react.useCallback)(function () {
+    if (!disabled) onOpenChange(true);
+  }, [disabled, onOpenChange]);
+  var isContextMenu = openOn === "contextmenu";
   var handleBackdropPress = (0, import_react.useCallback)(function () {
     if (backdropArmed) close();
   }, [backdropArmed, close]);
-  var handleModalShow = (0, import_react.useCallback)(function () {
-    if (armTimerRef.current) clearTimeout(armTimerRef.current);
-    armTimerRef.current = setTimeout(function () {
-      return setBackdropArmed(true);
-    }, 280);
-  }, []);
   (0, import_react.useEffect)(function () {
     if (!open) {
       setBackdropArmed(false);
@@ -97,7 +102,140 @@ function FloatingPanel(param) {
   }, [open]);
   var framePadding = contentPadding === "none" ? "$0" : knobProps.panelPadding.padding;
   var frameGap = contentPadding === "none" ? void 0 : knobProps.gapLg.gap;
-  var maxHeight = Math.round(windowHeight * sheetMaxHeightRatio);
+  var available = Math.max(0, windowHeight - keyboardInset);
+  var maxHeight = Math.max(minSheetHeight, Math.round(Math.min(windowHeight * sheetMaxHeightRatio, available - backdropStrip)));
+  var sheetBottomPadding = keyboardInset > 0 ? 8 : bottomInset;
+  var [measuredHeight, setMeasuredHeight] = (0, import_react.useState)(0);
+  var travel = measuredHeight || maxHeight;
+  var isSheet = !!scrollable || !!sheetFill;
+  var detents = (0, import_react.useMemo)(function () {
+    if (!isSheet) return [travel];
+    var points = [travel, Math.round(travel * mediumDetent)].filter(function (h) {
+      return h >= Math.min(minSheetHeight, travel);
+    });
+    return Array.from(new Set(points)).sort(function (a, b) {
+      return b - a;
+    });
+  }, [isSheet, travel]);
+  var translateY = (0, import_react.useRef)(new import_react_native.Animated.Value(1e4)).current;
+  var restRef = (0, import_react.useRef)(1e4);
+  var travelRef = (0, import_react.useRef)(travel);
+  var detentsRef = (0, import_react.useRef)(detents);
+  travelRef.current = travel;
+  detentsRef.current = detents;
+  (0, import_react.useEffect)(function () {
+    if (open) return;
+    var parked = travelRef.current || 1e4;
+    translateY.setValue(parked);
+    restRef.current = parked;
+  }, [open, translateY]);
+  var settleTo = (0, import_react.useCallback)(function (toValue) {
+    var velocity = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0;
+    restRef.current = toValue;
+    import_react_native.Animated.spring(translateY, {
+      toValue,
+      velocity,
+      damping: 32,
+      stiffness: 320,
+      mass: 0.9,
+      overshootClamping: true,
+      useNativeDriver: true
+    }).start();
+  }, [translateY]);
+  var dismiss = (0, import_react.useCallback)(function () {
+    var velocity = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 0;
+    restRef.current = travelRef.current;
+    import_react_native.Animated.spring(translateY, {
+      toValue: travelRef.current,
+      velocity,
+      damping: 40,
+      stiffness: 400,
+      mass: 0.9,
+      overshootClamping: true,
+      useNativeDriver: true
+    }).start(function (param2) {
+      var {
+        finished
+      } = param2;
+      if (finished) close();
+    });
+  }, [close, translateY]);
+  var panResponder = (0, import_react.useMemo)(function () {
+    return import_react_native.PanResponder.create({
+      onStartShouldSetPanResponder: function onStartShouldSetPanResponder() {
+        return true;
+      },
+      onMoveShouldSetPanResponder: function onMoveShouldSetPanResponder(_evt, g) {
+        return Math.abs(g.dy) > 2;
+      },
+      onPanResponderGrant: function onPanResponderGrant() {
+        translateY.stopAnimation(function (value) {
+          if (typeof value === "number" && Number.isFinite(value)) restRef.current = value;
+        });
+      },
+      onPanResponderMove: function onPanResponderMove(_evt, g) {
+        var next = restRef.current + g.dy;
+        translateY.setValue(next < 0 ? next / 3 : next);
+      },
+      onPanResponderRelease: function onPanResponderRelease(_evt, g) {
+        var points = detentsRef.current;
+        var _$t = travelRef.current;
+        var current = Math.max(0, restRef.current + g.dy);
+        var projected = current + g.vy * 120;
+        var smallestRest = _$t - points[points.length - 1];
+        if (projected > smallestRest + dismissThreshold || g.vy > 1.1) {
+          dismiss(g.vy);
+          return;
+        }
+        var best = points[0];
+        var bestDelta = Number.POSITIVE_INFINITY;
+        var _iteratorNormalCompletion = true,
+          _didIteratorError = false,
+          _iteratorError = void 0;
+        try {
+          for (var _iterator = points[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+            var height = _step.value;
+            var delta = Math.abs(projected - (_$t - height));
+            if (delta < bestDelta) {
+              bestDelta = delta;
+              best = height;
+            }
+          }
+        } catch (err) {
+          _didIteratorError = true;
+          _iteratorError = err;
+        } finally {
+          try {
+            if (!_iteratorNormalCompletion && _iterator.return != null) {
+              _iterator.return();
+            }
+          } finally {
+            if (_didIteratorError) {
+              throw _iteratorError;
+            }
+          }
+        }
+        settleTo(_$t - best, g.vy);
+      },
+      onPanResponderTerminate: function onPanResponderTerminate() {
+        return settleTo(restRef.current);
+      }
+    });
+  }, [dismiss, settleTo, translateY]);
+  var handleModalShow = (0, import_react.useCallback)(function () {
+    if (armTimerRef.current) clearTimeout(armTimerRef.current);
+    armTimerRef.current = setTimeout(function () {
+      return setBackdropArmed(true);
+    }, 280);
+    translateY.setValue(travelRef.current);
+    restRef.current = 0;
+    import_react_native.Animated.timing(translateY, {
+      toValue: 0,
+      duration: 280,
+      easing: import_react_native.Easing.out(import_react_native.Easing.cubic),
+      useNativeDriver: true
+    }).start();
+  }, [translateY]);
   var content = scrollable ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.ScrollView, {
     // sheetFill: the list scrollport fills the fixed-height sheet; default:
     // content-sized (flexGrow 0) so small pickers hug their content.
@@ -119,7 +257,12 @@ function FloatingPanel(param) {
         width: "100%"
       },
       children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.Pressable, {
-        onPress: handleTriggerPress,
+        ...(isContextMenu ? {
+          onLongPress: handleTriggerLongPress,
+          delayLongPress: 500
+        } : {
+          onPress: handleTriggerPress
+        }),
         disabled,
         accessibilityRole: "button",
         accessibilityState: {
@@ -159,16 +302,23 @@ function FloatingPanel(param) {
     }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.Modal, {
       visible: open,
       transparent: true,
-      animationType: "slide",
+      animationType: "fade",
       statusBarTranslucent: true,
       onRequestClose: close,
       onShow: handleModalShow,
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_react_native.KeyboardAvoidingView, {
+      children: (
+      /*
+        A plain padded column, not KeyboardAvoidingView: inside a Modal the
+        latter pads the container while the sheet keeps its own fixed height,
+        so the sheet overflows off the TOP instead of shrinking (MPO-64).
+      */
+      /* @__PURE__ */
+      (0, import_jsx_runtime.jsxs)(import_react_native.View, {
         style: {
           flex: 1,
-          justifyContent: "flex-end"
+          justifyContent: "flex-end",
+          paddingBottom: keyboardInset
         },
-        behavior: import_react_native.Platform.OS === "ios" ? "padding" : void 0,
         children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.Pressable, {
           style: import_react_native.StyleSheet.absoluteFill,
           onPress: handleBackdropPress,
@@ -185,43 +335,76 @@ function FloatingPanel(param) {
           from option rows / calendar days and blocks commit.
         */
         /* @__PURE__ */
-        (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-          ...knobProps.elevatedSurface,
-          borderBottomLeftRadius: 0,
-          borderBottomRightRadius: 0,
-          maxHeight,
-          // sheetFill opens at full sheet height (flexShrink keeps the
-          // keyboard from pushing the top of the sheet off-screen).
-          ...(sheetFill ? {
-            height: maxHeight,
-            flexShrink: 1
-          } : void 0),
-          paddingTop: "$2",
-          paddingBottom: bottomInset,
-          // VoiceOver escape gesture (two-finger Z) dismisses the sheet.
-          onAccessibilityEscape: close,
-          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
-            alignSelf: "center",
-            width: 40,
-            height: 4,
-            borderRadius: 2,
-            backgroundColor: "$color8",
-            marginBottom: "$2"
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
-            padding: framePadding,
-            gap: frameGap,
+        (0, import_jsx_runtime.jsx)(import_react_native.Animated.View, {
+          onLayout: function onLayout(e) {
+            var h = Math.round(e.nativeEvent.layout.height);
+            if (h > 0 && h !== measuredHeight) setMeasuredHeight(h);
+          },
+          style: {
+            // MPO-64: a flex child defaults to flexShrink 0, so without this
+            // the sheet cannot give way to the keyboard at all.
             flexShrink: 1,
+            minHeight: 0,
+            maxHeight,
+            transform: [{
+              translateY
+            }]
+          },
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+            ...knobProps.elevatedSurface,
+            borderBottomLeftRadius: 0,
+            borderBottomRightRadius: 0,
+            maxHeight,
+            // sheetFill opens at full sheet height (flexShrink keeps the
+            // keyboard from pushing the top of the sheet off-screen).
             ...(sheetFill ? {
-              flex: 1,
-              minHeight: 0
+              height: maxHeight,
+              flexShrink: 1
             } : void 0),
-            children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_theme.Surface, {
-              size: "md",
-              children: [header, content]
-            })
-          })]
+            paddingTop: "$2",
+            paddingBottom: sheetBottomPadding,
+            // VoiceOver escape gesture (two-finger Z) dismisses the sheet.
+            onAccessibilityEscape: close,
+            children: [
+            /*
+              The grab ZONE, not just the 4pt pill: a 4pt tall target is
+              unhittable. The gesture lives here rather than on the whole
+              sheet so it never fights the ScrollView inside it, which is the
+              same division iOS uses.
+            */
+            /* @__PURE__ */
+            (0, import_jsx_runtime.jsx)(import_react_native.View, {
+              ...panResponder.panHandlers,
+              accessibilityRole: "adjustable",
+              accessibilityLabel: (0, import_t.t)("Drag to resize"),
+              style: {
+                alignSelf: "stretch",
+                alignItems: "center",
+                paddingTop: 4,
+                paddingBottom: 12
+              },
+              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+                width: 40,
+                height: 4,
+                borderRadius: 2,
+                backgroundColor: "$color8"
+              })
+            }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+              padding: framePadding,
+              gap: frameGap,
+              flexShrink: 1,
+              ...(sheetFill ? {
+                flex: 1,
+                minHeight: 0
+              } : void 0),
+              children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_theme.Surface, {
+                size: "md",
+                children: [header, content]
+              })
+            })]
+          })
         })]
-      })
+      }))
     })]
   });
 }

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

@@ -1 +1 @@
-{"version":3,"names":["index_native_exports","__export","FloatingPanel","panelAnimationDuration","import_useFloatingPanel","panelGrowDuration","panelTransition","panelViewportPadding","useFloatingPanel","useViewportGtSm","module","exports","__toCommonJS","import_jsx_runtime","require","import_react","import_react_native","import_theme","import_tamagui","import_t","sheetMaxHeightRatio","bottomInset","Platform","OS","param","open","onOpenChange","trigger","triggerEnd","children","scrollable","disabled","contentPadding","header","scrollViewProps","triggerA11y","sheetFill","knobProps","useResolvedKnobs","height","windowHeight","useWindowDimensions","backdropArmed","setBackdropArmed","useState","armTimerRef","useRef","close","useCallback","handleTriggerPress","handleBackdropPress","handleModalShow","current","clearTimeout","setTimeout","useEffect","framePadding","panelPadding","padding","frameGap","gapLg","gap","maxHeight","Math","round","content","jsx","ScrollView","style","flexGrow","flexShrink","keyboardShouldPersistTaps","jsxs","Fragment","View","flexDirection","alignItems","width","Pressable","onPress","accessibilityRole","accessibilityState","expanded","label","accessibilityLabel","value","accessibilityValue","text","hint","accessibilityHint","flex","minWidth","alignSelf","opacity","pointerEvents","collapsable","Modal","visible","transparent","animationType","statusBarTranslucent","onRequestClose","onShow","KeyboardAvoidingView","justifyContent","behavior","StyleSheet","absoluteFill","t","backgroundColor","YStack","elevatedSurface","borderBottomLeftRadius","borderBottomRightRadius","paddingTop","paddingBottom","onAccessibilityEscape","borderRadius","marginBottom","minHeight","Surface","size"],"sources":["../../../src/FloatingPanel/index.native.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["index_native_exports","__export","FloatingPanel","panelAnimationDuration","import_useFloatingPanel","panelGrowDuration","panelTransition","panelViewportPadding","useFloatingPanel","useViewportGtSm","module","exports","__toCommonJS","import_jsx_runtime","require","import_react","import_react_native","import_theme","import_tamagui","import_t","import_useKeyboardInset","sheetMaxHeightRatio","bottomInset","Platform","OS","backdropStrip","minSheetHeight","mediumDetent","dismissThreshold","param","open","onOpenChange","trigger","triggerEnd","children","scrollable","disabled","contentPadding","header","scrollViewProps","triggerA11y","sheetFill","openOn","knobProps","useResolvedKnobs","height","windowHeight","useWindowDimensions","keyboardInset","useKeyboardInset","backdropArmed","setBackdropArmed","useState","armTimerRef","useRef","close","useCallback","handleTriggerPress","handleTriggerLongPress","isContextMenu","handleBackdropPress","useEffect","current","clearTimeout","framePadding","panelPadding","padding","frameGap","gapLg","gap","available","Math","max","maxHeight","round","min","sheetBottomPadding","measuredHeight","setMeasuredHeight","travel","isSheet","detents","useMemo","points","filter","h","Array","from","Set","sort","a","b","translateY","Animated","Value","restRef","travelRef","detentsRef","parked","setValue","settleTo","toValue","velocity","arguments","length","spring","damping","stiffness","mass","overshootClamping","useNativeDriver","start","dismiss","param2","finished","panResponder","PanResponder","create","onStartShouldSetPanResponder","onMoveShouldSetPanResponder","_evt","g","abs","dy","onPanResponderGrant","stopAnimation","value","Number","isFinite","onPanResponderMove","next","onPanResponderRelease","_$t","projected","vy","smallestRest","best","bestDelta","POSITIVE_INFINITY","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","Symbol","iterator","_step","done","delta","err","return","onPanResponderTerminate","handleModalShow","setTimeout","timing","duration","easing","Easing","out","cubic","content","jsx","ScrollView","style","flexGrow","flexShrink","keyboardShouldPersistTaps","jsxs","Fragment","View","flexDirection","alignItems","width","Pressable","onLongPress","delayLongPress","onPress","accessibilityRole","accessibilityState","expanded","label","accessibilityLabel","accessibilityValue","text","hint","accessibilityHint","flex","minWidth","alignSelf","opacity","pointerEvents","collapsable","Modal","visible","transparent","animationType","statusBarTranslucent","onRequestClose","onShow","justifyContent","paddingBottom","StyleSheet","absoluteFill","t","backgroundColor","onLayout","e","nativeEvent","layout","minHeight","transform","YStack","elevatedSurface","borderBottomLeftRadius","borderBottomRightRadius","paddingTop","onAccessibilityEscape","panHandlers","borderRadius","Surface","size"],"sources":["../../../src/FloatingPanel/index.native.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/FloatingPanel/useFloatingPanel.cjs

@@ -27,6 +27,7 @@ __export(useFloatingPanel_exports, {
   panelGrowDuration: () => panelGrowDuration,
   panelTransition: () => panelTransition,
   panelViewportPadding: () => panelViewportPadding,
+  resolvePanelWidthMode: () => resolvePanelWidthMode,
   useFloatingPanel: () => useFloatingPanel
 });
 module.exports = __toCommonJS(useFloatingPanel_exports);
@@ -42,8 +43,12 @@ function roundToDevicePixel(value) {
 const panelAnimationDuration = 180;
 const panelGrowDuration = 200;
 const panelViewportPadding = 10;
-const panelAnchorOffset = import_theme.OVERLAY_ANCHOR_GAP;
+const panelAnchorOffset = import_theme.OVERLAY_ATTACH_GAP;
 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 resolvePanelWidthMode(widthMode, fitContent) {
+  if (widthMode) return widthMode;
+  return fitContent ? "fit-content" : "at-least-trigger";
+}
 function measureDrawnRadius(el) {
   const raw = parseFloat(getComputedStyle(el).borderTopLeftRadius);
   if (!Number.isFinite(raw)) return null;
@@ -60,8 +65,10 @@ function useFloatingPanel({
   middleware: middlewareProp,
   useAutoUpdate: useAutoUpdateProp = true,
   wheelGrowRef,
+  widthMode: widthModeProp,
   fitContent
 }) {
+  const widthMode = resolvePanelWidthMode(widthModeProp, fitContent);
   const {
     knobProps
   } = (0, import_theme.useResolvedKnobs)();
@@ -124,15 +131,17 @@ function useFloatingPanel({
   (0, import_react2.useEffect)(() => () => {
     if (closingTimerRef.current) clearTimeout(closingTimerRef.current);
   }, []);
-  const defaultMiddleware = [(0, import_react.offset)({
-    mainAxis: import_theme.OVERLAY_ANCHOR_GAP
+  const defaultMiddleware = [
+  // Cover ruling (MPO-38): the family ATTACHES to its trigger. Zero.
+  (0, import_react.offset)({
+    mainAxis: import_theme.OVERLAY_ATTACH_GAP
   }),
   // Horizontal collision handling: panels anchored near the right viewport
   // edge (e.g. a ColorPicker in the last table column) shift back into view
   // instead of clipping. Vertical placement is handled by computePlacement.
   (0, import_react.shift)({
     padding: panelViewportPadding
-  }), ...(fitContent ? [] : [(0, import_react.size)({
+  }), ...(widthMode === "fit-content" ? [] : [(0, import_react.size)({
     apply({
       rects: {
         reference: {
@@ -141,11 +150,19 @@ function useFloatingPanel({
       },
       elements
     }) {
-      const minWidth = width;
-      Object.assign(floatingStyleRef.current, {
-        minWidth
-      });
-      elements.floating.style.minWidth = `${minWidth}px`;
+      const style = widthMode === "match-trigger" ? {
+        minWidth: width,
+        width,
+        maxWidth: width
+      } : {
+        minWidth: width
+      };
+      Object.assign(floatingStyleRef.current, style);
+      elements.floating.style.minWidth = `${width}px`;
+      if (widthMode === "match-trigger") {
+        elements.floating.style.width = `${width}px`;
+        elements.floating.style.maxWidth = `${width}px`;
+      }
     },
     padding: panelViewportPadding
   })])];

package/dist/cjs/FloatingPanel/useFloatingPanel.native.js

@@ -29,6 +29,7 @@ __export(useFloatingPanel_exports, {
   panelGrowDuration: () => panelGrowDuration,
   panelTransition: () => panelTransition,
   panelViewportPadding: () => panelViewportPadding,
+  resolvePanelWidthMode: () => resolvePanelWidthMode,
   useFloatingPanel: () => useFloatingPanel
 });
 module.exports = __toCommonJS(useFloatingPanel_exports);
@@ -44,8 +45,12 @@ function roundToDevicePixel(value) {
 var panelAnimationDuration = 180;
 var panelGrowDuration = 200;
 var panelViewportPadding = 10;
-var panelAnchorOffset = import_theme.OVERLAY_ANCHOR_GAP;
+var panelAnchorOffset = import_theme.OVERLAY_ATTACH_GAP;
 var 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 resolvePanelWidthMode(widthMode, fitContent) {
+  if (widthMode) return widthMode;
+  return fitContent ? "fit-content" : "at-least-trigger";
+}
 function measureDrawnRadius(el) {
   var raw = parseFloat(getComputedStyle(el).borderTopLeftRadius);
   if (!Number.isFinite(raw)) return null;
@@ -63,8 +68,10 @@ function useFloatingPanel(param) {
     middleware: middlewareProp,
     useAutoUpdate: useAutoUpdateProp = true,
     wheelGrowRef,
+    widthMode: widthModeProp,
     fitContent
   } = param;
+  var widthMode = resolvePanelWidthMode(widthModeProp, fitContent);
   var {
     knobProps
   } = (0, import_theme.useResolvedKnobs)();
@@ -138,15 +145,17 @@ function useFloatingPanel(param) {
       if (closingTimerRef.current) clearTimeout(closingTimerRef.current);
     };
   }, []);
-  var defaultMiddleware = [(0, import_react.offset)({
-    mainAxis: import_theme.OVERLAY_ANCHOR_GAP
+  var defaultMiddleware = [
+  // Cover ruling (MPO-38): the family ATTACHES to its trigger. Zero.
+  (0, import_react.offset)({
+    mainAxis: import_theme.OVERLAY_ATTACH_GAP
   }),
   // Horizontal collision handling: panels anchored near the right viewport
   // edge (e.g. a ColorPicker in the last table column) shift back into view
   // instead of clipping. Vertical placement is handled by computePlacement.
   (0, import_react.shift)({
     padding: panelViewportPadding
-  }), ...(fitContent ? [] : [(0, import_react.size)({
+  }), ...(widthMode === "fit-content" ? [] : [(0, import_react.size)({
     apply(param2) {
       var {
         rects: {
@@ -156,11 +165,19 @@ function useFloatingPanel(param) {
         },
         elements
       } = param2;
-      var minWidth = width;
-      Object.assign(floatingStyleRef.current, {
-        minWidth
-      });
-      elements.floating.style.minWidth = `${minWidth}px`;
+      var style = widthMode === "match-trigger" ? {
+        minWidth: width,
+        width,
+        maxWidth: width
+      } : {
+        minWidth: width
+      };
+      Object.assign(floatingStyleRef.current, style);
+      elements.floating.style.minWidth = `${width}px`;
+      if (widthMode === "match-trigger") {
+        elements.floating.style.width = `${width}px`;
+        elements.floating.style.maxWidth = `${width}px`;
+      }
     },
     padding: panelViewportPadding
   })])];