@multiplatform.one/forms 7.66.0 → 7.68.0

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

@@ -0,0 +1,169 @@
+"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 RegularPanel_exports = {};
+__export(RegularPanel_exports, {
+  RegularPanel: () => RegularPanel
+});
+module.exports = __toCommonJS(RegularPanel_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_theme = require("@multiplatform.one/theme");
+var import_react = require("react");
+var import_react_native = require("react-native");
+var import_tamagui = require("tamagui");
+var import_t = require("../shared/t.native.js");
+var import_regularPlacement = require("./regularPlacement.native.js");
+function RegularPanel(param) {
+  var {
+    anchor,
+    bounds,
+    widthMode,
+    echo,
+    echoLabel,
+    header,
+    scrollable,
+    fill,
+    scrollViewProps,
+    framePadding,
+    frameGap,
+    onBackdropPress,
+    onClose,
+    children
+  } = param;
+  var _ref, _ref1, _ref2, _ref3, _ref4;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)({
+    painted: false
+  });
+  var [size, setSize] = (0, import_react.useState)(null);
+  var room = Math.max(0, bounds.bottom - bounds.top);
+  var fillHeight = fill ? Math.min(import_regularPlacement.regularFillHeight, room) : void 0;
+  var placement = anchor && size ? (0, import_regularPlacement.placeRegularPanel)({
+    trigger: anchor,
+    width: size.width,
+    height: fillHeight !== null && fillHeight !== void 0 ? fillHeight : size.height,
+    bounds,
+    widthMode,
+    rtl: import_react_native.I18nManager.isRTL
+  }) : null;
+  var widthStyle = widthMode === "match-trigger" ? {
+    width: anchor === null || anchor === void 0 ? void 0 : anchor.width
+  } : widthMode === "at-least-trigger" ? {
+    minWidth: (_ref = anchor === null || anchor === void 0 ? void 0 : anchor.width) !== null && _ref !== void 0 ? _ref : 0
+  } : void 0;
+  var echoRow = echo != null && anchor && anchor.height > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.Pressable, {
+    testID: "floating-panel-regular-echo",
+    onPress: onClose,
+    accessibilityRole: "button",
+    ...(echoLabel ? {
+      accessibilityLabel: echoLabel
+    } : void 0),
+    "aria-expanded": true,
+    style: {
+      height: anchor.height,
+      justifyContent: "center"
+    },
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.View, {
+      pointerEvents: "none",
+      children: echo
+    })
+  }) : null;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_react_native.View, {
+    style: import_react_native.StyleSheet.absoluteFill,
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.Pressable, {
+      style: import_react_native.StyleSheet.absoluteFill,
+      onPress: onBackdropPress,
+      accessibilityRole: "button",
+      accessibilityLabel: (0, import_t.t)("Close")
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.View, {
+      testID: "floating-panel-regular",
+      onLayout: function onLayout(e) {
+        if (size) return;
+        var {
+          width,
+          height
+        } = e.nativeEvent.layout;
+        if (width > 0 && height > 0) setSize({
+          width,
+          height
+        });
+      },
+      style: {
+        position: "absolute",
+        left: (_ref1 = placement === null || placement === void 0 ? void 0 : placement.left) !== null && _ref1 !== void 0 ? _ref1 : bounds.left,
+        top: (_ref2 = placement === null || placement === void 0 ? void 0 : placement.top) !== null && _ref2 !== void 0 ? _ref2 : bounds.top,
+        ...widthStyle,
+        maxWidth: bounds.right - bounds.left,
+        maxHeight: (_ref3 = placement === null || placement === void 0 ? void 0 : placement.maxHeight) !== null && _ref3 !== void 0 ? _ref3 : room,
+        ...(fillHeight ? {
+          height: Math.min(fillHeight, (_ref4 = placement === null || placement === void 0 ? void 0 : placement.maxHeight) !== null && _ref4 !== void 0 ? _ref4 : room)
+        } : null),
+        opacity: placement ? 1 : 0
+      },
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+        testID: "floating-panel-regular-surface",
+        ...knobProps.elevatedSurface,
+        flexShrink: 1,
+        minHeight: 0,
+        ...(fill ? {
+          flex: 1
+        } : void 0),
+        onAccessibilityEscape: onClose,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+          testID: "floating-panel-regular-clip",
+          borderRadius: knobProps.elevatedSurface.borderRadius,
+          overflow: "hidden",
+          flexShrink: 1,
+          minHeight: 0,
+          ...(fill ? {
+            flex: 1
+          } : void 0),
+          children: [echoRow, /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+            padding: framePadding,
+            gap: frameGap,
+            flexShrink: 1,
+            minHeight: 0,
+            ...(fill ? {
+              flex: 1
+            } : void 0),
+            children: [header, scrollable ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.ScrollView, {
+              testID: "floating-panel-regular-scroll",
+              style: fill ? {
+                flex: 1
+              } : {
+                flexGrow: 0,
+                flexShrink: 1
+              },
+              keyboardShouldPersistTaps: "handled",
+              ...scrollViewProps,
+              children
+            }) : children]
+          })]
+        })
+      })
+    })]
+  });
+}
+//# sourceMappingURL=RegularPanel.native.js.map

package/dist/cjs/FloatingPanel/RegularPanel.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","RegularPanel_exports","RegularPanel","module","exports","import_jsx_runtime","require","import_theme","import_react","import_react_native","import_tamagui","import_t","import_regularPlacement","param","anchor","bounds","widthMode","echo","echoLabel","header","scrollable","fill","scrollViewProps","framePadding","frameGap","onBackdropPress","onClose","children","_ref","_ref1","_ref2","_ref3","_ref4","knobProps","useResolvedKnobs","painted","size","setSize","useState","room","Math","max","bottom","top","fillHeight","min","regularFillHeight","placement","placeRegularPanel","trigger","width","height","rtl","I18nManager","isRTL","widthStyle","minWidth","echoRow","jsx","Pressable","testID","onPress","accessibilityRole","accessibilityLabel","style","justifyContent","View","pointerEvents","jsxs","StyleSheet","absoluteFill","t","onLayout","e","nativeEvent","layout","position","left","maxWidth","right","maxHeight","opacity","YStack","elevatedSurface","flexShrink","minHeight","flex","onAccessibilityEscape","borderRadius","overflow","padding","gap","ScrollView","flexGrow","keyboardShouldPersistTaps"],"sources":["RegularPanel.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar RegularPanel_exports = {};\n__export(RegularPanel_exports, {\n  RegularPanel: () => RegularPanel\n});\nmodule.exports = __toCommonJS(RegularPanel_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_theme = require(\"@multiplatform.one/theme\");\nvar import_react = require(\"react\");\nvar import_react_native = require(\"react-native\");\nvar import_tamagui = require(\"tamagui\");\nvar import_t = require(\"../shared/t\");\nvar import_regularPlacement = require(\"./regularPlacement\");\nfunction RegularPanel(param) {\n  var { anchor, bounds, widthMode, echo, echoLabel, header, scrollable, fill, scrollViewProps, framePadding, frameGap, onBackdropPress, onClose, children } = param;\n  var _ref, _ref1, _ref2, _ref3, _ref4;\n  var { knobProps } = (0, import_theme.useResolvedKnobs)({\n    painted: false\n  });\n  var [size, setSize] = (0, import_react.useState)(null);\n  var room = Math.max(0, bounds.bottom - bounds.top);\n  var fillHeight = fill ? Math.min(import_regularPlacement.regularFillHeight, room) : void 0;\n  var placement = anchor && size ? (0, import_regularPlacement.placeRegularPanel)({\n    trigger: anchor,\n    width: size.width,\n    height: fillHeight !== null && fillHeight !== void 0 ? fillHeight : size.height,\n    bounds,\n    widthMode,\n    rtl: import_react_native.I18nManager.isRTL\n  }) : null;\n  var widthStyle = widthMode === \"match-trigger\" ? {\n    width: anchor === null || anchor === void 0 ? void 0 : anchor.width\n  } : widthMode === \"at-least-trigger\" ? {\n    minWidth: (_ref = anchor === null || anchor === void 0 ? void 0 : anchor.width) !== null && _ref !== void 0 ? _ref : 0\n  } : void 0;\n  var echoRow = echo != null && anchor && anchor.height > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.Pressable, {\n    testID: \"floating-panel-regular-echo\",\n    onPress: onClose,\n    accessibilityRole: \"button\",\n    ...echoLabel ? {\n      accessibilityLabel: echoLabel\n    } : void 0,\n    \"aria-expanded\": true,\n    style: {\n      height: anchor.height,\n      justifyContent: \"center\"\n    },\n    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.View, {\n      pointerEvents: \"none\",\n      children: echo\n    })\n  }) : null;\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_native.View, {\n    style: import_react_native.StyleSheet.absoluteFill,\n    children: [\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.Pressable, {\n        style: import_react_native.StyleSheet.absoluteFill,\n        onPress: onBackdropPress,\n        accessibilityRole: \"button\",\n        accessibilityLabel: (0, import_t.t)(\"Close\")\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.View, {\n        testID: \"floating-panel-regular\",\n        onLayout: function onLayout(e) {\n          if (size) return;\n          var { width, height } = e.nativeEvent.layout;\n          if (width > 0 && height > 0) setSize({\n            width,\n            height\n          });\n        },\n        style: {\n          position: \"absolute\",\n          left: (_ref1 = placement === null || placement === void 0 ? void 0 : placement.left) !== null && _ref1 !== void 0 ? _ref1 : bounds.left,\n          top: (_ref2 = placement === null || placement === void 0 ? void 0 : placement.top) !== null && _ref2 !== void 0 ? _ref2 : bounds.top,\n          ...widthStyle,\n          maxWidth: bounds.right - bounds.left,\n          maxHeight: (_ref3 = placement === null || placement === void 0 ? void 0 : placement.maxHeight) !== null && _ref3 !== void 0 ? _ref3 : room,\n          ...fillHeight ? {\n            height: Math.min(fillHeight, (_ref4 = placement === null || placement === void 0 ? void 0 : placement.maxHeight) !== null && _ref4 !== void 0 ? _ref4 : room)\n          } : null,\n          opacity: placement ? 1 : 0\n        },\n        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {\n          testID: \"floating-panel-regular-surface\",\n          ...knobProps.elevatedSurface,\n          flexShrink: 1,\n          minHeight: 0,\n          ...fill ? {\n            flex: 1\n          } : void 0,\n          onAccessibilityEscape: onClose,\n          children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {\n            testID: \"floating-panel-regular-clip\",\n            borderRadius: knobProps.elevatedSurface.borderRadius,\n            overflow: \"hidden\",\n            flexShrink: 1,\n            minHeight: 0,\n            ...fill ? {\n              flex: 1\n            } : void 0,\n            children: [\n              echoRow,\n              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {\n                padding: framePadding,\n                gap: frameGap,\n                flexShrink: 1,\n                minHeight: 0,\n                ...fill ? {\n                  flex: 1\n                } : void 0,\n                children: [\n                  header,\n                  scrollable ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.ScrollView, {\n                    testID: \"floating-panel-regular-scroll\",\n                    style: fill ? {\n                      flex: 1\n                    } : {\n                      flexGrow: 0,\n                      flexShrink: 1\n                    },\n                    keyboardShouldPersistTaps: \"handled\",\n                    ...scrollViewProps,\n                    children\n                  }) : children\n                ]\n              })\n            ]\n          })\n        })\n      })\n    ]\n  });\n}\n//# sourceMappingURL=RegularPanel.js.map\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/FloatingPanel/compactFace.cjs

@@ -22,7 +22,9 @@ var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
 }), mod);
 var compactFace_exports = {};
 __export(compactFace_exports, {
+  MENU_MIN_WIDTH: () => MENU_MIN_WIDTH,
   SHORT_LIST_MAX: () => SHORT_LIST_MAX,
+  menuMinWidth: () => menuMinWidth,
   pickerCompactFace: () => pickerCompactFace,
   resolveCompactFace: () => resolveCompactFace
 });
@@ -35,4 +37,8 @@ function resolveCompactFace(face, insideOverlay) {
 const SHORT_LIST_MAX = 7;
 function pickerCompactFace(optionCount, searchable = false) {
   return !searchable && optionCount <= SHORT_LIST_MAX ? "menu" : "auto";
+}
+const MENU_MIN_WIDTH = 250;
+function menuMinWidth(triggerWidth, availableWidth) {
+  return Math.max(0, Math.min(Math.max(triggerWidth, MENU_MIN_WIDTH), availableWidth));
 }

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

@@ -24,7 +24,9 @@ var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
 }), mod);
 var compactFace_exports = {};
 __export(compactFace_exports, {
+  MENU_MIN_WIDTH: () => MENU_MIN_WIDTH,
   SHORT_LIST_MAX: () => SHORT_LIST_MAX,
+  menuMinWidth: () => menuMinWidth,
   pickerCompactFace: () => pickerCompactFace,
   resolveCompactFace: () => resolveCompactFace
 });
@@ -39,4 +41,8 @@ function pickerCompactFace(optionCount) {
   var searchable = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;
   return !searchable && optionCount <= SHORT_LIST_MAX ? "menu" : "auto";
 }
+var MENU_MIN_WIDTH = 250;
+function menuMinWidth(triggerWidth, availableWidth) {
+  return Math.max(0, Math.min(Math.max(triggerWidth, MENU_MIN_WIDTH), availableWidth));
+}
 //# sourceMappingURL=compactFace.native.js.map

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

@@ -1 +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","compactFace_exports","SHORT_LIST_MAX","pickerCompactFace","resolveCompactFace","module","exports","face","insideOverlay","optionCount","searchable","arguments","length"],"sources":["compactFace.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar compactFace_exports = {};\n__export(compactFace_exports, {\n  SHORT_LIST_MAX: () => SHORT_LIST_MAX,\n  pickerCompactFace: () => pickerCompactFace,\n  resolveCompactFace: () => resolveCompactFace\n});\nmodule.exports = __toCommonJS(compactFace_exports);\nfunction resolveCompactFace(face, insideOverlay) {\n  if (face === \"menu\") return \"menu\";\n  if (face === \"auto\") return insideOverlay ? \"menu\" : \"sheet\";\n  return \"sheet\";\n}\nvar SHORT_LIST_MAX = 7;\nfunction pickerCompactFace(optionCount) {\n  var searchable = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;\n  return !searchable && optionCount <= SHORT_LIST_MAX ? \"menu\" : \"auto\";\n}\n//# sourceMappingURL=compactFace.js.map\n"],"mappings":"AAAA,YAAY;;AACZ,IAAIA,SAAS,GAAGC,MAAM,CAACC,cAAc;AACrC,IAAIC,gBAAgB,GAAGF,MAAM,CAACG,wBAAwB;AACtD,IAAIC,iBAAiB,GAAGJ,MAAM,CAACK,mBAAmB;AAClD,IAAIC,YAAY,GAAGN,MAAM,CAACO,SAAS,CAACC,cAAc;AAClD,IAAIC,QAAQ,GAAGA,CAACC,MAAM,EAAEC,GAAG,KAAK;EAC9B,KAAK,IAAIC,IAAI,IAAID,GAAG,EAClBZ,SAAS,CAACW,MAAM,EAAEE,IAAI,EAAE;IAAEC,GAAG,EAAEF,GAAG,CAACC,IAAI,CAAC;IAAEE,UAAU,EAAE;EAAK,CAAC,CAAC;AACjE,CAAC;AACD,IAAIC,WAAW,GAAGA,CAACC,EAAE,EAAEC,IAAI,EAAEC,MAAM,EAAEC,IAAI,KAAK;EAC5C,IAAIF,IAAI,IAAI,OAAOA,IAAI,KAAK,QAAQ,IAAI,OAAOA,IAAI,KAAK,UAAU,EAAE;IAClE,KAAK,IAAIG,GAAG,IAAIhB,iBAAiB,CAACa,IAAI,CAAC,EACrC,IAAI,CAACX,YAAY,CAACe,IAAI,CAACL,EAAE,EAAEI,GAAG,CAAC,IAAIA,GAAG,KAAKF,MAAM,EAC/CnB,SAAS,CAACiB,EAAE,EAAEI,GAAG,EAAE;MAAEP,GAAG,EAAEA,CAAA,KAAMI,IAAI,CAACG,GAAG,CAAC;MAAEN,UAAU,EAAE,EAAEK,IAAI,GAAGjB,gBAAgB,CAACe,IAAI,EAAEG,GAAG,CAAC,CAAC,IAAID,IAAI,CAACL;IAAW,CAAC,CAAC;EACxH;EACA,OAAOE,EAAE;AACX,CAAC;AACD,IAAIM,YAAY,GAAIC,GAAG,IAAKR,WAAW,CAAChB,SAAS,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE;EAAEyB,KAAK,EAAE;AAAK,CAAC,CAAC,EAAED,GAAG,CAAC;AAC1F,IAAIE,mBAAmB,GAAG,CAAC,CAAC;AAC5BhB,QAAQ,CAACgB,mBAAmB,EAAE;EAC5BC,cAAc,EAAEA,CAAA,KAAMA,cAAc;EACpCC,iBAAiB,EAAEA,CAAA,KAAMA,iBAAiB;EAC1CC,kBAAkB,EAAEA,CAAA,KAAMA;AAC5B,CAAC,CAAC;AACFC,MAAM,CAACC,OAAO,GAAGR,YAAY,CAACG,mBAAmB,CAAC;AAClD,SAASG,kBAAkBA,CAACG,IAAI,EAAEC,aAAa,EAAE;EAC/C,IAAID,IAAI,KAAK,MAAM,EAAE,OAAO,MAAM;EAClC,IAAIA,IAAI,KAAK,MAAM,EAAE,OAAOC,aAAa,GAAG,MAAM,GAAG,OAAO;EAC5D,OAAO,OAAO;AAChB;AACA,IAAIN,cAAc,GAAG,CAAC;AACtB,SAASC,iBAAiBA,CAACM,WAAW,EAAE;EACtC,IAAIC,UAAU,GAAGC,SAAS,CAACC,MAAM,GAAG,CAAC,IAAID,SAAS,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,GAAGA,SAAS,CAAC,CAAC,CAAC,GAAG,KAAK;EACvF,OAAO,CAACD,UAAU,IAAID,WAAW,IAAIP,cAAc,GAAG,MAAM,GAAG,MAAM;AACvE","ignoreList":[]}
+{"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","compactFace_exports","MENU_MIN_WIDTH","SHORT_LIST_MAX","menuMinWidth","pickerCompactFace","resolveCompactFace","module","exports","face","insideOverlay","optionCount","searchable","arguments","length","triggerWidth","availableWidth","Math","max","min"],"sources":["compactFace.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar compactFace_exports = {};\n__export(compactFace_exports, {\n  MENU_MIN_WIDTH: () => MENU_MIN_WIDTH,\n  SHORT_LIST_MAX: () => SHORT_LIST_MAX,\n  menuMinWidth: () => menuMinWidth,\n  pickerCompactFace: () => pickerCompactFace,\n  resolveCompactFace: () => resolveCompactFace\n});\nmodule.exports = __toCommonJS(compactFace_exports);\nfunction resolveCompactFace(face, insideOverlay) {\n  if (face === \"menu\") return \"menu\";\n  if (face === \"auto\") return insideOverlay ? \"menu\" : \"sheet\";\n  return \"sheet\";\n}\nvar SHORT_LIST_MAX = 7;\nfunction pickerCompactFace(optionCount) {\n  var searchable = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;\n  return !searchable && optionCount <= SHORT_LIST_MAX ? \"menu\" : \"auto\";\n}\nvar MENU_MIN_WIDTH = 250;\nfunction menuMinWidth(triggerWidth, availableWidth) {\n  return Math.max(0, Math.min(Math.max(triggerWidth, MENU_MIN_WIDTH), availableWidth));\n}\n//# sourceMappingURL=compactFace.js.map\n"],"mappings":"AAAA,YAAY;;AACZ,IAAIA,SAAS,GAAGC,MAAM,CAACC,cAAc;AACrC,IAAIC,gBAAgB,GAAGF,MAAM,CAACG,wBAAwB;AACtD,IAAIC,iBAAiB,GAAGJ,MAAM,CAACK,mBAAmB;AAClD,IAAIC,YAAY,GAAGN,MAAM,CAACO,SAAS,CAACC,cAAc;AAClD,IAAIC,QAAQ,GAAGA,CAACC,MAAM,EAAEC,GAAG,KAAK;EAC9B,KAAK,IAAIC,IAAI,IAAID,GAAG,EAClBZ,SAAS,CAACW,MAAM,EAAEE,IAAI,EAAE;IAAEC,GAAG,EAAEF,GAAG,CAACC,IAAI,CAAC;IAAEE,UAAU,EAAE;EAAK,CAAC,CAAC;AACjE,CAAC;AACD,IAAIC,WAAW,GAAGA,CAACC,EAAE,EAAEC,IAAI,EAAEC,MAAM,EAAEC,IAAI,KAAK;EAC5C,IAAIF,IAAI,IAAI,OAAOA,IAAI,KAAK,QAAQ,IAAI,OAAOA,IAAI,KAAK,UAAU,EAAE;IAClE,KAAK,IAAIG,GAAG,IAAIhB,iBAAiB,CAACa,IAAI,CAAC,EACrC,IAAI,CAACX,YAAY,CAACe,IAAI,CAACL,EAAE,EAAEI,GAAG,CAAC,IAAIA,GAAG,KAAKF,MAAM,EAC/CnB,SAAS,CAACiB,EAAE,EAAEI,GAAG,EAAE;MAAEP,GAAG,EAAEA,CAAA,KAAMI,IAAI,CAACG,GAAG,CAAC;MAAEN,UAAU,EAAE,EAAEK,IAAI,GAAGjB,gBAAgB,CAACe,IAAI,EAAEG,GAAG,CAAC,CAAC,IAAID,IAAI,CAACL;IAAW,CAAC,CAAC;EACxH;EACA,OAAOE,EAAE;AACX,CAAC;AACD,IAAIM,YAAY,GAAIC,GAAG,IAAKR,WAAW,CAAChB,SAAS,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE;EAAEyB,KAAK,EAAE;AAAK,CAAC,CAAC,EAAED,GAAG,CAAC;AAC1F,IAAIE,mBAAmB,GAAG,CAAC,CAAC;AAC5BhB,QAAQ,CAACgB,mBAAmB,EAAE;EAC5BC,cAAc,EAAEA,CAAA,KAAMA,cAAc;EACpCC,cAAc,EAAEA,CAAA,KAAMA,cAAc;EACpCC,YAAY,EAAEA,CAAA,KAAMA,YAAY;EAChCC,iBAAiB,EAAEA,CAAA,KAAMA,iBAAiB;EAC1CC,kBAAkB,EAAEA,CAAA,KAAMA;AAC5B,CAAC,CAAC;AACFC,MAAM,CAACC,OAAO,GAAGV,YAAY,CAACG,mBAAmB,CAAC;AAClD,SAASK,kBAAkBA,CAACG,IAAI,EAAEC,aAAa,EAAE;EAC/C,IAAID,IAAI,KAAK,MAAM,EAAE,OAAO,MAAM;EAClC,IAAIA,IAAI,KAAK,MAAM,EAAE,OAAOC,aAAa,GAAG,MAAM,GAAG,OAAO;EAC5D,OAAO,OAAO;AAChB;AACA,IAAIP,cAAc,GAAG,CAAC;AACtB,SAASE,iBAAiBA,CAACM,WAAW,EAAE;EACtC,IAAIC,UAAU,GAAGC,SAAS,CAACC,MAAM,GAAG,CAAC,IAAID,SAAS,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,GAAGA,SAAS,CAAC,CAAC,CAAC,GAAG,KAAK;EACvF,OAAO,CAACD,UAAU,IAAID,WAAW,IAAIR,cAAc,GAAG,MAAM,GAAG,MAAM;AACvE;AACA,IAAID,cAAc,GAAG,GAAG;AACxB,SAASE,YAAYA,CAACW,YAAY,EAAEC,cAAc,EAAE;EAClD,OAAOC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAED,IAAI,CAACE,GAAG,CAACF,IAAI,CAACC,GAAG,CAACH,YAAY,EAAEb,cAAc,CAAC,EAAEc,cAAc,CAAC,CAAC;AACtF","ignoreList":[]}

package/dist/cjs/FloatingPanel/containingBlock.cjs

@@ -0,0 +1,46 @@
+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 containingBlock_exports = {};
+__export(containingBlock_exports, {
+  fixedContainingBlockOrigin: () => fixedContainingBlockOrigin
+});
+module.exports = __toCommonJS(containingBlock_exports);
+function fixedContainingBlockOrigin(element) {
+  for (let node = element.parentElement; node; node = node.parentElement) {
+    const cs = getComputedStyle(node);
+    if (cs.display === "contents") continue;
+    const set = (value, initial) => !!value && value !== initial;
+    const captures = set(cs.transform, "none") || set(cs.perspective, "none") || set(cs.filter, "none") || set(cs.backdropFilter, "none") || set(cs.containerType, "normal") || /transform|perspective|filter/.test(cs.willChange) || /paint|layout|strict|content/.test(cs.contain);
+    if (captures) {
+      const rect = node.getBoundingClientRect();
+      return {
+        top: rect.top + node.clientTop - node.scrollTop,
+        left: rect.left + node.clientLeft - node.scrollLeft
+      };
+    }
+  }
+  return {
+    top: 0,
+    left: 0
+  };
+}

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

@@ -0,0 +1,51 @@
+"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 containingBlock_exports = {};
+__export(containingBlock_exports, {
+  fixedContainingBlockOrigin: () => fixedContainingBlockOrigin
+});
+module.exports = __toCommonJS(containingBlock_exports);
+function fixedContainingBlockOrigin(element) {
+  for (var node = element.parentElement; node; node = node.parentElement) {
+    var cs = getComputedStyle(node);
+    if (cs.display === "contents") continue;
+    var set = function set2(value, initial) {
+      return !!value && value !== initial;
+    };
+    var captures = set(cs.transform, "none") || set(cs.perspective, "none") || set(cs.filter, "none") || set(cs.backdropFilter, "none") || set(cs.containerType, "normal") || /transform|perspective|filter/.test(cs.willChange) || /paint|layout|strict|content/.test(cs.contain);
+    if (captures) {
+      var rect = node.getBoundingClientRect();
+      return {
+        top: rect.top + node.clientTop - node.scrollTop,
+        left: rect.left + node.clientLeft - node.scrollLeft
+      };
+    }
+  }
+  return {
+    top: 0,
+    left: 0
+  };
+}
+//# sourceMappingURL=containingBlock.native.js.map

package/dist/cjs/FloatingPanel/containingBlock.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","containingBlock_exports","fixedContainingBlockOrigin","module","exports","element","node","parentElement","cs","getComputedStyle","display","set","set2","initial","captures","transform","perspective","filter","backdropFilter","containerType","test","willChange","contain","rect","getBoundingClientRect","top","clientTop","scrollTop","left","clientLeft","scrollLeft"],"sources":["containingBlock.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar containingBlock_exports = {};\n__export(containingBlock_exports, {\n  fixedContainingBlockOrigin: () => fixedContainingBlockOrigin\n});\nmodule.exports = __toCommonJS(containingBlock_exports);\nfunction fixedContainingBlockOrigin(element) {\n  for (var node = element.parentElement; node; node = node.parentElement) {\n    var cs = getComputedStyle(node);\n    if (cs.display === \"contents\") continue;\n    var set = function set2(value, initial) {\n      return !!value && value !== initial;\n    };\n    var captures = set(cs.transform, \"none\") || set(cs.perspective, \"none\") || set(cs.filter, \"none\") || set(cs.backdropFilter, \"none\") || set(cs.containerType, \"normal\") || /transform|perspective|filter/.test(cs.willChange) || /paint|layout|strict|content/.test(cs.contain);\n    if (captures) {\n      var rect = node.getBoundingClientRect();\n      return {\n        top: rect.top + node.clientTop - node.scrollTop,\n        left: rect.left + node.clientLeft - node.scrollLeft\n      };\n    }\n  }\n  return {\n    top: 0,\n    left: 0\n  };\n}\n//# sourceMappingURL=containingBlock.js.map\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/FloatingPanel/index.cjs

@@ -49,6 +49,7 @@ var import_overlayStack = require("../shared/overlayStack.cjs");
 var import_compactFace = require("./compactFace.cjs");
 var import_nestedAction = require("./nestedAction.cjs");
 var import_PanelPortal = require("./PanelPortal.cjs");
+var import_containingBlock = require("./containingBlock.cjs");
 var import_pointAnchor = require("./pointAnchor.cjs");
 var import_nestedAction2 = require("./nestedAction.cjs");
 var import_useFloatingPanel2 = require("./useFloatingPanel.cjs");
@@ -93,25 +94,6 @@ function useKeyboardFocusIntoPanel(open, frameRef, keyboardOpenRef) {
     };
   }, [open, frameRef, keyboardOpenRef]);
 }
-function fixedContainingBlockOrigin(element) {
-  for (let node = element.parentElement; node; node = node.parentElement) {
-    const cs = getComputedStyle(node);
-    if (cs.display === "contents") continue;
-    const set = (value, initial) => !!value && value !== initial;
-    const captures = set(cs.transform, "none") || set(cs.perspective, "none") || set(cs.filter, "none") || set(cs.backdropFilter, "none") || set(cs.containerType, "normal") || /transform|perspective|filter/.test(cs.willChange) || /paint|layout|strict|content/.test(cs.contain);
-    if (captures) {
-      const rect = node.getBoundingClientRect();
-      return {
-        top: rect.top + node.clientTop - node.scrollTop,
-        left: rect.left + node.clientLeft - node.scrollLeft
-      };
-    }
-  }
-  return {
-    top: 0,
-    left: 0
-  };
-}
 function isRtl(element) {
   if (!import_tamagui.isWeb || typeof document === "undefined") return false;
   const direction = element ? getComputedStyle(element).direction : "";
@@ -473,7 +455,7 @@ function FloatingPanelWeb({
     const scrollContentHeight = dropdownElement.scrollHeight;
     const totalContentHeight = scrollContentHeight + totalBorderWidth;
     const liveTransition = panel.panelTransition;
-    const containingBlock = fixedContainingBlockOrigin(dropdownElement);
+    const containingBlock = (0, import_containingBlock.fixedContainingBlockOrigin)(dropdownElement);
     if (cover && !point) {
       const rtl = isRtl(trig);
       const viewport = window.visualViewport;

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

@@ -45,9 +45,11 @@ var import_tamagui = require("tamagui");
 var import_overlayStack = require("../shared/overlayStack.native.js");
 var import_OverlayWindow = require("../shared/OverlayWindow.native.js");
 var import_t = require("../shared/t.native.js");
+var import_overlaySizeClass = require("../shared/overlaySizeClass.native.js");
 var import_useKeyboardInset = require("../shared/useKeyboardInset.native.js");
 var import_compactFace = require("./compactFace.native.js");
 var import_pointAnchor = require("./pointAnchor.native.js");
+var import_RegularPanel = require("./RegularPanel.native.js");
 var import_useFloatingPanel = require("./useFloatingPanel.native.js");
 var import_trailingAction = require("./trailingAction.native.js");
 var import_useFloatingPanel2 = require("./useFloatingPanel.native.js");
@@ -81,9 +83,12 @@ function FloatingPanel(param) {
     compactFace,
     triggerRow,
     triggerEcho = true,
-    anchorMode
+    anchorMode,
+    sheet,
+    widthMode,
+    fitContent
   } = param;
-  var _useContext, _ref, _ref1, _ref2, _ref3, _ref4, _ref5, _ref6;
+  var _useContext, _ref, _ref1, _ref2, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9;
   var {
     knobProps
   } = (0, import_theme2.useResolvedKnobs)({
@@ -124,12 +129,12 @@ function FloatingPanel(param) {
     if (!disabled) onOpenChange(!open);
   }, [disabled, onOpenChange, open]);
   var handleTriggerLongPress = (0, import_react.useCallback)(function (event) {
-    var _ref7;
+    var _ref10;
     if (disabled) return;
     var {
       pageX,
       pageY
-    } = (_ref7 = event === null || event === void 0 ? void 0 : event.nativeEvent) !== null && _ref7 !== void 0 ? _ref7 : {};
+    } = (_ref10 = event === null || event === void 0 ? void 0 : event.nativeEvent) !== null && _ref10 !== void 0 ? _ref10 : {};
     setPressPoint(typeof pageX === "number" && typeof pageY === "number" ? {
       x: pageX,
       y: pageY
@@ -137,13 +142,16 @@ function FloatingPanel(param) {
     onOpenChange(true);
   }, [disabled, onOpenChange]);
   var isContextMenu = openOn === "contextmenu";
-  var atPoint = isContextMenu && pressPoint !== null && windowWidth > import_theme2.OVERLAY_BREAKPOINT;
+  var regular = (0, import_overlaySizeClass.overlaySizeClass)(windowWidth) === "regular";
+  var atPoint = isContextMenu && pressPoint !== null && regular;
   var insideOverlay = (0, import_overlayStack.useInsideOverlay)();
   var asMenu = !isContextMenu && (0, import_compactFace.resolveCompactFace)(compactFace, insideOverlay) === "menu";
+  var asRegular = regular && !asMenu && !isContextMenu && sheet !== true;
+  var anchored = asMenu || asRegular;
   var triggerRef = (0, import_react.useRef)(null);
   var [anchor, setAnchor] = (0, import_react.useState)(null);
   (0, import_react.useLayoutEffect)(function () {
-    if (!asMenu || !open) {
+    if (!anchored || !open) {
       setAnchor(null);
       return;
     }
@@ -169,7 +177,7 @@ function FloatingPanel(param) {
     return function () {
       live = false;
     };
-  }, [asMenu, open]);
+  }, [anchored, open]);
   var handleBackdropPress = (0, import_react.useCallback)(function () {
     if (backdropArmed) close();
   }, [backdropArmed, close]);
@@ -479,10 +487,8 @@ function FloatingPanel(param) {
         children: asMenu ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(TriggerMenuPanel, {
           // An attached menu (an icon trigger, no echo row) opens under its
           // trigger instead of over it, the UIMenu pull-down (LC-262).
-          anchor: anchor && anchorMode === "attach" ? {
-            ...anchor,
-            y: anchor.y + anchor.height
-          } : anchor,
+          anchor,
+          attach: anchorMode === "attach",
           bounds: {
             top: topInset + import_useFloatingPanel.panelViewportPadding,
             left: ((_ref1 = safeArea === null || safeArea === void 0 ? void 0 : safeArea.left) !== null && _ref1 !== void 0 ? _ref1 : 0) + import_useFloatingPanel.panelViewportPadding,
@@ -509,7 +515,27 @@ function FloatingPanel(param) {
           onBackdropPress: handleBackdropPress,
           onEscape: close,
           children: [header, children]
-        }, `${pressPoint.x},${pressPoint.y}`) : (
+        }, `${pressPoint.x},${pressPoint.y}`) : asRegular ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_RegularPanel.RegularPanel, {
+          anchor,
+          bounds: {
+            top: topInset + import_useFloatingPanel.panelViewportPadding,
+            left: ((_ref7 = safeArea === null || safeArea === void 0 ? void 0 : safeArea.left) !== null && _ref7 !== void 0 ? _ref7 : 0) + import_useFloatingPanel.panelViewportPadding,
+            right: windowWidth - ((_ref8 = safeArea === null || safeArea === void 0 ? void 0 : safeArea.right) !== null && _ref8 !== void 0 ? _ref8 : 0) - import_useFloatingPanel.panelViewportPadding,
+            bottom: windowHeight - Math.max((_ref9 = safeArea === null || safeArea === void 0 ? void 0 : safeArea.bottom) !== null && _ref9 !== void 0 ? _ref9 : 0, keyboardInset) - import_useFloatingPanel.panelViewportPadding
+          },
+          widthMode: (0, import_useFloatingPanel.resolvePanelWidthMode)(widthMode, fitContent),
+          echo: triggerEcho ? triggerRow !== null && triggerRow !== void 0 ? triggerRow : trigger : null,
+          echoLabel: triggerA11y === null || triggerA11y === void 0 ? void 0 : triggerA11y.label,
+          header,
+          scrollable: !!scrollable,
+          fill: !!sheetFill,
+          scrollViewProps,
+          framePadding,
+          frameGap,
+          onBackdropPress: handleBackdropPress,
+          onClose: close,
+          children
+        }) : (
         /*
           A plain padded column, not KeyboardAvoidingView: inside a Modal the
           latter pads the container while the sheet keeps its own fixed height,
@@ -621,6 +647,7 @@ function FloatingPanel(param) {
 function TriggerMenuPanel(param) {
   var {
     anchor,
+    attach = false,
     bounds,
     echo,
     echoLabel,
@@ -637,7 +664,7 @@ function TriggerMenuPanel(param) {
     painted: false
   });
   var [size, setSize] = (0, import_react.useState)(null);
-  var placement = anchor && size ? (0, import_pointAnchor.placeOverTrigger)({
+  var placement = anchor && size ? (attach ? import_pointAnchor.placeBesideTrigger : import_pointAnchor.placeOverTrigger)({
     trigger: anchor,
     width: size.width,
     height: size.height,
@@ -668,46 +695,53 @@ function TriggerMenuPanel(param) {
         position: "absolute",
         left: (_ref = placement === null || placement === void 0 ? void 0 : placement.left) !== null && _ref !== void 0 ? _ref : bounds.left,
         top: (_ref1 = placement === null || placement === void 0 ? void 0 : placement.top) !== null && _ref1 !== void 0 ? _ref1 : bounds.top,
-        minWidth: (_ref2 = anchor === null || anchor === void 0 ? void 0 : anchor.width) !== null && _ref2 !== void 0 ? _ref2 : 0,
+        minWidth: (0, import_compactFace.menuMinWidth)((_ref2 = anchor === null || anchor === void 0 ? void 0 : anchor.width) !== null && _ref2 !== void 0 ? _ref2 : 0, bounds.right - bounds.left),
         maxWidth: bounds.right - bounds.left,
         maxHeight: (_ref3 = placement === null || placement === void 0 ? void 0 : placement.maxHeight) !== null && _ref3 !== void 0 ? _ref3 : bounds.bottom - bounds.top,
         opacity: placement ? 1 : 0
       },
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+        testID: "floating-panel-menu-surface",
         ...knobProps.elevatedSurface,
         flexShrink: 1,
         minHeight: 0,
-        overflow: "hidden",
         onAccessibilityEscape: onClose,
-        children: [echo != null && anchor && anchor.height > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.Pressable, {
-          testID: "floating-panel-menu-echo",
-          onPress: onClose,
-          accessibilityRole: "button",
-          ...(echoLabel ? {
-            accessibilityLabel: echoLabel
-          } : void 0),
-          "aria-expanded": true,
-          style: {
-            height: anchor.height,
-            minWidth: anchor.width,
-            justifyContent: "center"
-          },
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.View, {
-            pointerEvents: "none",
-            children: echo
-          })
-        }) : null, /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.ScrollView, {
-          style: {
-            flexGrow: 0,
-            flexShrink: 1
-          },
-          keyboardShouldPersistTaps: "handled",
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
-            padding: framePadding,
-            gap: frameGap,
-            children
-          })
-        })]
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+          testID: "floating-panel-menu-clip",
+          borderRadius: knobProps.elevatedSurface.borderRadius,
+          overflow: "hidden",
+          flexShrink: 1,
+          minHeight: 0,
+          children: [echo != null && anchor && anchor.height > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.Pressable, {
+            testID: "floating-panel-menu-echo",
+            onPress: onClose,
+            accessibilityRole: "button",
+            ...(echoLabel ? {
+              accessibilityLabel: echoLabel
+            } : void 0),
+            "aria-expanded": true,
+            style: {
+              height: anchor.height,
+              minWidth: anchor.width,
+              justifyContent: "center"
+            },
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.View, {
+              pointerEvents: "none",
+              children: echo
+            })
+          }) : null, /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.ScrollView, {
+            style: {
+              flexGrow: 0,
+              flexShrink: 1
+            },
+            keyboardShouldPersistTaps: "handled",
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+              padding: framePadding,
+              gap: frameGap,
+              children
+            })
+          })]
+        })
       })
     })]
   });