@multiplatform.one/forms 7.45.1 → 7.46.0

package/dist/esm/shared/focusManagement.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useRef","isWeb","useDialogContext","wasKeyboardFocus","useResolvedKnobs","motionHideDelayMs","_instanceof","left","right","Symbol","hasInstance","FOCUSABLE","canUseDom","canUseDom2","document","focusIsDropped","insideEl","ae","activeElement","body","documentElement","contains","useCaptureOnOpen","open","prevRef","wasOpenRef","generationRef","current","restoreLater","delayMs","insideRef","skipReturnFocusRef","generation","restore","restore2","_ref","target","isConnected","focus","preventScroll","focusVisible","requestAnimationFrame","setTimeout","useReturnFocusOnClose","knobProps","restoreDelayMsRef","motion","scrim","transition","useSheetModalFocus","frameRef","frame","addEventListener","focusIn","focusIn2","first","querySelector","innerRaf","raf","onKeyDown","onKeyDown2","e","key","focusables","Array","from","querySelectorAll","filter","el","offsetWidth","offsetHeight","length","preventDefault","last","shiftKey","cancelAnimationFrame","removeEventListener"],"sources":["../../../src/shared/focusManagement.ts"],"sourcesContent":[null],"mappings":"AAoCA,SAASA,SAAA,EAAWC,MAAA,QAA8B;AAClD,SAASC,KAAA,EAAOC,gBAAA,QAAwB;AACxC,SAASC,gBAAA,EAAkBC,gBAAA,EAAkBC,iBAAA,QAAyB;AAEtE,SAAMC,WACJA,CAAAC,IAAA,EAAAC,KAAA;EAEF,2BAAwB;;EAExB,IAAAA,KAAS,mBAAeC,MAAwC,oBAAAD,KAAA,CAAAC,MAAA,CAAAC,WAAA;IAC9D,OAAM,EAAKF,KAAA,CAAAC,MAAS,CAAAC,WAAA,EAAAH,IAAA;EACpB,OAAK;IAGL,OAAIA,IAAA,YAAqBC,KAAG;EAC5B;AACF;AAGA,IAAAG,SAAS,8IAAgC;AACvC,IAAAC,SAAM,YAAqCC,UAAIA,CAAA;EAC/C,OAAMZ,KAAA,WAAaa,QAAY;AAC/B;AACA,SAAIC,cAAaA,CAAAC,QAAA;EACf,IAAAC,EAAI,GAAAH,QAAS,CAAAI,aAAW;EACxB,KAAAD,EAAI,IAAAA,EAAA,KAASH,QAAW,CAAAK,IAAA,IAASF,EAAA,KAAAH,QAAA,CAAAM,eAAA;EAC/B,IAAAJ,QAAQ,aAAUA,QAAS,uBAAAA,QAAA,CAAAK,QAAA,CAAAJ,EAAA;EAAA,OAC7B;AACA;AAAqB,SACvBK,iBAAAC,IAAA;EACA,IAAAC,OAAS,GAAAxB,MAAS;EACpB,IAAAyB,UAAA,GAAAzB,MAAA;EAEA,IAAA0B,aAAS,GACP1B,MAAA,GACA;EAKA,IAAAY,SAAM;IACN,IAAMW,IAAA,KAAAE,UAAgB,CAAAE,OAAA,EAAAD,aAAA,CAAAC,OAAA;IAIpB,IAAIJ,IAAC,KAAAE,UAAa,CAAAE,OAAA;MAClBH,OAAI,CAAAG,OAAA,GAAAb,QAAoB,CAAAI,aAAW;IACnC;IACAO,UAAK,CAAAE,OAAW,GAAAJ,IAAO;EACvB;EACE;IAAaC,OACX;IAAeE;EACgB;AAChB;AACnB,SACFE,aAAAJ,OAAA,EAAAE,aAAA,EAAAG,OAAA,EAAAC,SAAA,EAAAC,kBAAA;EAGA,IAAAC,UAAA,GAAAN,aAA4B,CAAAC,OAAA;EAC5B,IAAAM,OAAW,YAASC,QAAOA,CAAA;IAC7B,IAAAC,IAAA;IAGO,KAASvB,SAAA;IACd,IAAM,CAAAmB,kBAAW,SAAc,IAAIA,kBAAqB,uBAAAA,kBAAA,CAAAJ,OAAA,KAAAD,aAAA,CAAAC,OAAA,KAAAK,UAAA;IACxD,IAAMI,MAAE,GAAAZ,OAAc,CAAAG,OAAA;IACtB,IAAM,CAAAS,MAAA,KAAAA,MAAA,CAAAC,WAA4B;IAClC,IAAAtB,cAAkB,EAAAoB,IAAA,GAAUL,SAAA,SAAkB,IAAAA,SAAU,KAAO,KAAM,SAAU,IAAAA,SAAA,CAAAH,OAAA,cAAAQ,IAAA,cAAAA,IAAA;MAC/EC,MAAU,CAAAE,KAAM;QACVC,aAAW,MAAM;QACrBC,YACE,EAAArC,gBAAA;MACE;IAAA;EACA;EACkBsC,qBAClB;IAAA,OACAA,qBAAA,CAAAR,OAAA;EAAA,EACF;EACJS,UAAU,CAAAT,OAAA,EAASJ,OAAA;AACrB;AAQO,SAASc,qBACdA,CAAApB,IACA,EAAAQ,kBACA;EAEA;IAAMP,OAAE;IAAAE;EAAS,IAAcJ,gBAAI,CAAAC,IAAiB;EACpD;IAAMqB;EAAE,IAAUxC,gBAAI;EACtB,IAAAyC,iBAAM,GAAA7C,MAAoB,GAAO;EACjC6C,iBAAA,CAAkBlB,OAAA,GAAUtB,iBAAA,CAAkBuC,SAAA,CAAUE,MAAA,CAAOC,KAAA,CAAMC,UAAU;EAC/EjD,SAAA,CAAU,YAAM;IACd,IAAI,CAACa,SAAA,CAAU,KAAK,CAACW,IAAA,EAAM;IAC3B,OAAM,YAAQ;MACd,OAAKK,YAAgB,CAAAJ,OAAM,EAAAE,aAAA,EAAAmB,iBAAiC,CAAAlB,OAAA,UAAAI,kBAAA;IAC1D;EACE,IACER,IACA,EAAAC,OACA,EAAkBE,aAClB,EAAAK,kBACA;AACF;AAIJ,SAAAkB,kBAAsBA,CAAA1B,IAAA,EAAA2B,QAAA,EAAAnB,kBAAA;EACpB;IAAAP,OAAK;IAAAE;EAAa,IAAAJ,gBAAA,CAAAC,IAAA;EAClB;IAAAqB;EAAU,IAAAxC,gBAAkB;EAC5B,IAAAyC,iBAAc,GAAM7C,MAAA;EACpB6C,iBAAU,CAAAlB,OAAO,GAAMtB,iBAAiB,CAAAuC,SAAM,CAAAE,MAAA,CAAAC,KAAc,CAAAC,UAAuB;EAAAjD,SACrF;IAGA,IAAI,CAAAa,SAAA,CAAW,MAAAW,IAAA;IACf,IAAA4B,KAAM,GAAMD,QAAA,CAAAvB,OAAA;IACV,KAAAwB,KAAA,IAAW,OAAAA,KAAA,CAAAC,gBAA6B;MACzC;QAGD,OAAMxB,YAAa,CAAAJ,OAAqB,EAAAE,aAAA,EAAAmB,iBAAA,CAAAlB,OAAA,EAAAuB,QAAA,EAAAnB,kBAAA;MACtC;IACA;IAA8E,IAC5EsB,OAAC,GAAO,SAAGC,QAAcA,CAAA,EAAK;MAChC,KAAA1C,SAAA;MACA,IAAIuC,KAAC,CAAA9B,QAAW,CAAAP,QAAQ,CAAAI,aAAA;MACtB,IAAEqC,KAAA,GAAAJ,KAAA,CAAAK,aAAe,CAAA7C,SAAA;MACjB,CAAA4C,KAAA,aAAAA,KAAA,cAAAA,KAAA,GAAAJ,KAAA,EAAAb,KAAA;QACFC,aAAA;QACAC,YAAc;MACd;IACA;IACA,IAAAiB,QAAM;IACJ,IAAAC,GAAE,GAAAjB,qBAAe;MACjBgB,QAAK,GAAAhB,qBAAM,CAAAY,OAAA;IAAA,EACb;IACE,IAAAM,SAAE,YAAeC,WAAAC,CAAA;MACjB,IAAAA,CAAA,CAAAC,GAAM,KAAM;MACd,IAAAC,UAAA,GAAAC,KAAA,CAAAC,IAAA,CAAAd,KAAA,CAAAe,gBAAA,CAAAvD,SAAA,GAAAwD,MAAA,WAAAC,EAAA;QACF,OAAAA,EAAA,CAAAC,WAAA,QAAAD,EAAA,CAAAE,YAAA;MACA;MACA,KAAOP,UAAM,CAAAQ,MAAA;QACXV,CAAA,CAAAW,cAAA;QACA;MACA;MACA,IAAAjB,KAAA,GAAAQ,UAAsB;MACxB,IAAAU,IAAA,GAAAV,UAAA,CAAAA,UAAA,CAAAQ,MAAA;MACE,IAAA5C,OAAM,GAAAb,QAAU,CAAAI,aAAS;MAC/B,IAAA2C,CAAA,CAAAa,QAAA,KAAA/C,OAAA,KAAA4B,KAAA,IAAA5B,OAAA,KAAAwB,KAAA;QAEMU,CAAA,CAAAW,cAAA;QAaCC,IAAS,CAAAnC,KAAA;MACd,OAAQ,IAAM,CAAAuB,CAAA,CAAAa,QAAU,IAAI/C,OAAA,KAAA8C,IAAiB;QAC7CZ,CAAA,CAAAW,cAAgB;QACVjB,KAAC,CAAAjB,KAAS;MACd;IACA;IACAa,KAAK,CAAAC,gBAAa,YAAAO,SAAmB;IACrC,OAAK,YAAQ;MACbgB,oBAAQ,CAAAjB,GAAiB;MACzBiB,oBAAsB,CAAAlB,QAAI;MACxBN,KAAA,CAAMyB,mBAAU,YAAAjB,SAAA;MACtB/B,YAAA,CAAAJ,OAAA,EAAAE,aAAA,EAAAmB,iBAAA,CAAAlB,OAAA,EAAAuB,QAAA,EAAAnB,kBAAA;IAGO;EACL,IAGOR,IAAA,EACP2B,QAAA,EACA1B,OAAO,EACTE,aAAA,E","ignoreList":[]}
+{"version":3,"names":["useEffect","useRef","isWeb","useDialogContext","wasKeyboardFocus","useResolvedKnobs","motionHideDelayMs","_instanceof","left","right","Symbol","hasInstance","FOCUSABLE","canUseDom","canUseDom2","document","focusIsDropped","insideEl","ae","activeElement","body","documentElement","contains","useCaptureOnOpen","open","prevRef","wasOpenRef","generationRef","current","restoreLater","delayMs","insideRef","skipReturnFocusRef","generation","restore","restore2","_ref","target","isConnected","focus","preventScroll","focusVisible","requestAnimationFrame","setTimeout","useReturnFocusOnClose","knobProps","restoreDelayMsRef","motion","scrim","transition","useSheetModalFocus","frameRef","frame","addEventListener","focusIn","focusIn2","first","querySelector","innerRaf","raf","onKeyDown","onKeyDown2","e","key","focusables","Array","from","querySelectorAll","filter","el","offsetWidth","offsetHeight","length","preventDefault","last","shiftKey","cancelAnimationFrame","removeEventListener"],"sources":["../../../src/shared/focusManagement.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/shared/useSheetEscapeDismiss.mjs

@@ -1,6 +1,6 @@
 import { useEffect, useRef } from "react";
 import { isWeb } from "tamagui";
-function useSheetEscapeDismiss(enabled, onDismiss) {
+function useSheetEscapeDismiss(enabled, onDismiss, target = "window") {
   const onDismissRef = useRef(onDismiss);
   onDismissRef.current = onDismiss;
   useEffect(() => {
@@ -9,9 +9,10 @@ function useSheetEscapeDismiss(enabled, onDismiss) {
       if (event.key !== "Escape" || event.defaultPrevented) return;
       onDismissRef.current();
     };
-    window.addEventListener("keydown", onKeyDown);
-    return () => window.removeEventListener("keydown", onKeyDown);
-  }, [enabled]);
+    const node = target === "document" ? document : window;
+    node.addEventListener("keydown", onKeyDown);
+    return () => node.removeEventListener("keydown", onKeyDown);
+  }, [enabled, target]);
 }
 export { useSheetEscapeDismiss };
 //# sourceMappingURL=useSheetEscapeDismiss.mjs.map

package/dist/esm/shared/useSheetEscapeDismiss.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useRef","isWeb","useSheetEscapeDismiss","enabled","onDismiss","onDismissRef","current","onKeyDown","event","key","defaultPrevented","window","addEventListener","removeEventListener"],"sources":["../../../src/shared/useSheetEscapeDismiss.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,SAAA,EAAWC,MAAA,QAAc;AAClC,SAASC,KAAA,QAAa;AAYf,SAASC,sBAAsBC,OAAA,EAAkBC,SAAA,EAAuB;EAC7E,MAAMC,YAAA,GAAeL,MAAA,CAAOI,SAAS;EACrCC,YAAA,CAAaC,OAAA,GAAUF,SAAA;EACvBL,SAAA,CAAU,MAAM;IACd,IAAI,CAACE,KAAA,IAAS,CAACE,OAAA,EAAS;IACxB,MAAMI,SAAA,GAAaC,KAAA,IAAyB;MAC1C,IAAIA,KAAA,CAAMC,GAAA,KAAQ,YAAYD,KAAA,CAAME,gBAAA,EAAkB;MACtDL,YAAA,CAAaC,OAAA,CAAQ;IACvB;IACAK,MAAA,CAAOC,gBAAA,CAAiB,WAAWL,SAAS;IAC5C,OAAO,MAAMI,MAAA,CAAOE,mBAAA,CAAoB,WAAWN,SAAS;EAC9D,GAAG,CAACJ,OAAO,CAAC;AACd","ignoreList":[]}
+{"version":3,"names":["useEffect","useRef","isWeb","useSheetEscapeDismiss","enabled","onDismiss","target","onDismissRef","current","onKeyDown","event","key","defaultPrevented","node","document","window","addEventListener","removeEventListener"],"sources":["../../../src/shared/useSheetEscapeDismiss.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,SAAA,EAAWC,MAAA,QAAc;AAClC,SAASC,KAAA,QAAa;AAYf,SAASC,sBACdC,OAAA,EACAC,SAAA,EACAC,MAAA,GAAgC,UAChC;EACA,MAAMC,YAAA,GAAeN,MAAA,CAAOI,SAAS;EACrCE,YAAA,CAAaC,OAAA,GAAUH,SAAA;EACvBL,SAAA,CAAU,MAAM;IACd,IAAI,CAACE,KAAA,IAAS,CAACE,OAAA,EAAS;IACxB,MAAMK,SAAA,GAAaC,KAAA,IAAyB;MAC1C,IAAIA,KAAA,CAAMC,GAAA,KAAQ,YAAYD,KAAA,CAAME,gBAAA,EAAkB;MACtDL,YAAA,CAAaC,OAAA,CAAQ;IACvB;IACA,MAAMK,IAAA,GAAOP,MAAA,KAAW,aAAaQ,QAAA,GAAWC,MAAA;IAChDF,IAAA,CAAKG,gBAAA,CAAiB,WAAWP,SAA0B;IAC3D,OAAO,MAAMI,IAAA,CAAKI,mBAAA,CAAoB,WAAWR,SAA0B;EAC7E,GAAG,CAACL,OAAA,EAASE,MAAM,CAAC;AACtB","ignoreList":[]}

package/dist/esm/shared/useSheetEscapeDismiss.native.js

@@ -1,6 +1,7 @@
 import { useEffect, useRef } from "react";
 import { isWeb } from "tamagui";
 function useSheetEscapeDismiss(enabled, onDismiss) {
+  var target = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : "window";
   var onDismissRef = useRef(onDismiss);
   onDismissRef.current = onDismiss;
   useEffect(function () {
@@ -9,11 +10,12 @@ function useSheetEscapeDismiss(enabled, onDismiss) {
       if (event.key !== "Escape" || event.defaultPrevented) return;
       onDismissRef.current();
     };
-    window.addEventListener("keydown", onKeyDown);
+    var node = target === "document" ? document : window;
+    node.addEventListener("keydown", onKeyDown);
     return function () {
-      return window.removeEventListener("keydown", onKeyDown);
+      return node.removeEventListener("keydown", onKeyDown);
     };
-  }, [enabled]);
+  }, [enabled, target]);
 }
 export { useSheetEscapeDismiss };
 //# sourceMappingURL=useSheetEscapeDismiss.native.js.map

package/dist/esm/shared/useSheetEscapeDismiss.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useRef","isWeb","useSheetEscapeDismiss","enabled","onDismiss","onDismissRef","current","onKeyDown","onKeyDown2","event","key","defaultPrevented","window","addEventListener","removeEventListener"],"sources":["../../../src/shared/useSheetEscapeDismiss.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,SAAA,EAAWC,MAAA,QAAc;AAClC,SAASC,KAAA,QAAa;AAYf,SAASC,sBAAsBC,OAAA,EAAkBC,SAAA,EAAuB;EAC7E,IAAAC,YAAM,GAAAL,MAAe,CAAAI,SAAO;EAC5BC,YAAA,CAAaC,OAAA,GAAUF,SAAA;EACvBL,SAAA,CAAU,YAAM;IACd,IAAI,CAACE,KAAA,IAAS,CAACE,OAAA,EAAS;IACxB,IAAAI,SAAM,YAAaC,UAAyBA,CAAAC,KAAA;MAC1C,IAAIA,KAAA,CAAMC,GAAA,KAAQ,YAAYD,KAAA,CAAME,gBAAA,EAAkB;MACtDN,YAAA,CAAaC,OAAA,CAAQ;IACvB;IACAM,MAAA,CAAOC,gBAAA,CAAiB,WAAWN,SAAS;IAC5C,OAAO,YAAM;MACX,OAAOK,MAAC,CAAAE,mBAAA,YAAAP,SAAA;IACd","ignoreList":[]}
+{"version":3,"names":["useEffect","useRef","isWeb","useSheetEscapeDismiss","enabled","onDismiss","target","arguments","length","onDismissRef","current","onKeyDown","onKeyDown2","event","key","defaultPrevented","node","document","window","addEventListener","removeEventListener"],"sources":["../../../src/shared/useSheetEscapeDismiss.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,SAAA,EAAWC,MAAA,QAAc;AAClC,SAASC,KAAA,QAAa;AAYf,SAASC,sBACdC,OAAA,EACAC,SAAA,EACA;EAEA,IAAAC,MAAM,GAAAC,SAAe,CAAAC,MAAO,QAASD,SAAA,iBAAAA,SAAA;EACrC,IAAAE,YAAa,GAAAR,MAAU,CAAAI,SAAA;EACvBI,YAAU,CAAAC,OAAM,GAAAL,SAAA;EACdL,SAAK,aAAU;IACf,KAAAE,KAAM,KAAAE,OAAa;IACjB,IAAAO,SAAU,YAAQC,UAAYA,CAAAC,KAAM;MACpC,IAAAA,KAAA,CAAAC,GAAa,aAAQ,IAAAD,KAAA,CAAAE,gBAAA;MACvBN,YAAA,CAAAC,OAAA;IACA;IACA,IAAAM,IAAK,GAAAV,MAAA,KAAiB,aAAWW,QAA0B,GAAAC,MAAA;IAC3DF,IAAA,CAAAG,gBAAkB,YAAAR,SAAoB;IACxC,OAAI,YAAgB;MACtB,OAAAK,IAAA,CAAAI,mBAAA,YAAAT,SAAA","ignoreList":[]}

package/dist/jsx/FloatingPanel/index.mjs

@@ -1,6 +1,6 @@
 import { transitionProps } from "@multiplatform.one/theme";
-import { useCallback, useEffect, useLayoutEffect, useRef, useState, useSyncExternalStore } from "react";
-import { OVERLAY_ANCHOR_GAP, OVERLAY_ATTACH_GAP, OVERLAY_BREAKPOINT, Surface, useResolvedKnobs, wasKeyboardFocus, ensureKeyboardModalityTracking } from "@multiplatform.one/theme";
+import { cloneElement, isValidElement, useCallback, useEffect, useLayoutEffect, useRef, useState, useSyncExternalStore } from "react";
+import { OVERLAY_ANCHOR_GAP, OVERLAY_ATTACH_GAP, OVERLAY_BREAKPOINT, Surface, useResolvedKnobs, wasKeyboardFocus, ensureKeyboardModalityTracking, motionDurationMs } from "@multiplatform.one/theme";
 import { isWeb, Sheet, View, YStack } from "tamagui";
 import { useClick, useDismiss, useInteractions } from "@floating-ui/react";
 import { ScrollArrow } from "../shared/floatingList.mjs";
@@ -71,8 +71,10 @@ function fixedContainingBlockOrigin(element) {
     left: 0
   };
 }
-function isRtl() {
-  return isWeb && typeof document !== "undefined" && document.documentElement.getAttribute("dir") === "rtl";
+function isRtl(element) {
+  if (!isWeb || typeof document === "undefined") return false;
+  const direction = element ? getComputedStyle(element).direction : "";
+  return direction ? direction === "rtl" : (element?.closest("[dir]") ?? document.documentElement).getAttribute("dir") === "rtl";
 }
 function panelTransformOrigin(placement) {
   const rtl = isRtl();
@@ -84,37 +86,76 @@ function panelTransformOrigin(placement) {
 const ECHO_STRIPPED_ATTRIBUTES = ["id", "for", "name", "data-testid", "aria-label", "aria-controls", "aria-labelledby", "aria-describedby", "aria-activedescendant"];
 function TriggerEchoRow({
   sourceRef,
-  onPress
+  onPress,
+  children,
+  anchorRect,
+  source
 }) {
   const rowRef = useRef(null);
+  const visualRef = useRef(null);
   useLayoutEffect(() => {
     const row = rowRef.current;
-    const source = sourceRef.current;
-    if (!row || !source || typeof source.cloneNode !== "function") return;
-    const snapshot = source.cloneNode(true);
-    const sourceFields = source.querySelectorAll("input, textarea");
-    const snapshotFields = snapshot.querySelectorAll("input, textarea");
-    sourceFields.forEach((field, index) => {
-      const copy = snapshotFields[index];
-      if (copy) copy.value = field.value;
-    });
-    for (const node of [snapshot, ...Array.from(snapshot.querySelectorAll("*"))]) {
-      for (const name of ECHO_STRIPPED_ATTRIBUTES) node.removeAttribute(name);
-      if (node.hasAttribute("tabindex") || node.matches("input, textarea, button, a, select")) {
-        node.setAttribute("tabindex", "-1");
+    const source2 = sourceRef.current;
+    if (!row || !source2 || typeof source2.cloneNode !== "function") return;
+    const sync = () => {
+      const control = source2.matches(PANEL_FOCUSABLE) ? source2 : source2.querySelector(PANEL_FOCUSABLE);
+      const labelledBy = control?.getAttribute("aria-labelledby");
+      const label = control?.getAttribute("aria-label") || labelledBy?.split(/\s+/).map(id => document.getElementById(id)?.textContent || "").join(" ") || control?.textContent || source2.textContent || "";
+      row.setAttribute("aria-label", label);
+      const rect = anchorRect ?? source2.getBoundingClientRect();
+      row.style.width = `${rect.width}px`;
+      row.style.height = `${rect.height}px`;
+      const rtl = isRtl(source2);
+      row.style.alignSelf = "flex-start";
+      const frameStyle = row.parentElement ? getComputedStyle(row.parentElement) : null;
+      row.style.marginTop = `${-(parseFloat(frameStyle?.borderTopWidth || "0") || 0)}px`;
+      row.style.position = "sticky";
+      row.style.top = row.style.marginTop;
+      row.style.zIndex = "1";
+      row.style.marginLeft = rtl ? "" : `${-(parseFloat(frameStyle?.borderLeftWidth || "0") || 0)}px`;
+      row.style.marginRight = rtl ? `${-(parseFloat(frameStyle?.borderRightWidth || "0") || 0)}px` : "";
+      const snapshot = children == null ? source2.cloneNode(true) : visualRef.current;
+      if (!snapshot) return;
+      const sourceFields = source2.querySelectorAll("input, textarea");
+      const snapshotFields = snapshot.querySelectorAll("input, textarea");
+      sourceFields.forEach((field, index) => {
+        const copy = snapshotFields[index];
+        if (copy) copy.value = field.value;
+      });
+      for (const node of [snapshot, ...Array.from(snapshot.querySelectorAll("*"))]) {
+        for (const name of ECHO_STRIPPED_ATTRIBUTES) node.removeAttribute(name);
+        if (node.hasAttribute("tabindex") || node.matches("input, textarea, button, a, select")) {
+          node.setAttribute("tabindex", "-1");
+        }
       }
-    }
-    snapshot.setAttribute("inert", "");
-    row.replaceChildren(snapshot);
-  });
+      snapshot.setAttribute("inert", "");
+      snapshot.setAttribute("aria-hidden", "true");
+      if (children == null) visualRef.current?.replaceChildren(snapshot);
+    };
+    sync();
+    if (typeof ResizeObserver === "undefined") return;
+    const observer = new ResizeObserver(sync);
+    observer.observe(source2);
+    return () => observer.disconnect();
+  }, [sourceRef, source, children, anchorRect]);
   return /* @__PURE__ */jsx(View, {
     ref: rowRef,
     "data-fp-trigger-row": "",
-    "aria-hidden": true,
+    role: "button",
+    "aria-expanded": true,
+    tabIndex: -1,
     cursor: "pointer",
     onPress,
     flexShrink: 0,
-    pointerEvents: "auto"
+    pointerEvents: "auto",
+    children: /* @__PURE__ */jsx(View, {
+      ref: visualRef,
+      pointerEvents: "none",
+      "aria-hidden": true,
+      children: isValidElement(children) ? cloneElement(children, {
+        ref: null
+      }) : children
+    })
   });
 }
 const overlayFloatBreakpoint = OVERLAY_BREAKPOINT;
@@ -136,6 +177,7 @@ function FloatingPanel(props) {
   const shouldUseSheet = props.sheet ?? (!isWeb || !viewportGtSm);
   const panelProps = {
     ...props,
+    cover: props.anchorMode ? props.anchorMode === "cover-trigger" : props.cover,
     children: /* @__PURE__ */jsx(Surface, {
       painted: false,
       children: props.children
@@ -176,7 +218,8 @@ function FloatingPanelSheet({
   transition: transitionProp,
   header,
   scrollViewProps,
-  openOn = "press"
+  openOn = "press",
+  escapeTarget = "window"
 }) {
   const {
     knobProps
@@ -197,7 +240,7 @@ function FloatingPanelSheet({
     if (next) setPosition(0);
     onOpenChange(next);
   };
-  useSheetEscapeDismiss(open, () => handleOpenChange(false));
+  useSheetEscapeDismiss(open, () => handleOpenChange(false), escapeTarget);
   const sheetFrameRef = useRef(null);
   useParkedFrameInert(open, sheetFrameRef);
   useSheetModalFocus(open, sheetFrameRef, skipReturnFocusRef);
@@ -218,7 +261,7 @@ function FloatingPanelSheet({
     onClickCapture: openFromTrigger
   } : void 0;
   return /* @__PURE__ */jsxs(Fragment, {
-    children: [/* @__PURE__ */jsxs(View, {
+    children: [trigger != null && /* @__PURE__ */jsxs(View, {
       flexDirection: "row",
       alignItems: "center",
       width: triggerSizing === "content" ? "auto" : "100%",
@@ -254,6 +297,7 @@ function FloatingPanelSheet({
           opacity: 0
         }
       }), /* @__PURE__ */jsx(Sheet.Handle, {}), /* @__PURE__ */jsxs(Sheet.Frame, {
+        "data-testid": "floating-panel-sheet",
         ...{
           ref: sheetFrameRef,
           tabIndex: -1
@@ -286,8 +330,12 @@ function FloatingPanelWeb({
   contentPadding = "default",
   openOn = "press",
   cover = true,
-  triggerEcho = true
+  triggerEcho = true,
+  triggerRow,
+  anchorRect,
+  ...sheetProps
 }) {
+  const [collisionSheet, setCollisionSheet] = useState(false);
   const isFill = sizing === "fill";
   const isContextMenu = openOn === "contextmenu";
   const overlayStyleRef = useRef(null);
@@ -313,7 +361,7 @@ function FloatingPanelWeb({
     pointPlacementRef.current = null;
   };
   const panel = useFloatingPanel({
-    open,
+    open: open && !collisionSheet,
     onOpenChange,
     disabled,
     repositionRef: repositionFnRef,
@@ -324,13 +372,18 @@ function FloatingPanelWeb({
     cover,
     onBeforeOpen: resetPosition
   });
-  useReturnFocusOnClose(open, skipReturnFocusRef);
-  useKeyboardFocusIntoPanel(open && panel.mounted, panel.refs.floating, keyboardOpenRef);
+  useReturnFocusOnClose(open, skipReturnFocusRef, panel.refs.floating);
+  useKeyboardFocusIntoPanel(open && panel.mounted && !collisionSheet, panel.refs.floating, keyboardOpenRef);
   useEffect(() => {
     if (open) return;
     keyboardOpenRef.current = false;
     anchorPointRef.current = null;
   }, [open]);
+  useEffect(() => {
+    if (open || !collisionSheet) return;
+    const timer = setTimeout(() => setCollisionSheet(false), motionDurationMs(panel.knobProps.motion.slide.transition));
+    return () => clearTimeout(timer);
+  }, [open, collisionSheet, panel.knobProps.motion.slide.transition]);
   const repositionOverlay = useCallback(() => {
     const dropdownElement = panel.refs.floating.current;
     const trig = panel.triggerRef.current;
@@ -341,10 +394,17 @@ function FloatingPanelWeb({
       dropdownElement.scrollTop = 0;
     }
     const point = isContextMenu ? anchorPointRef.current ?? referenceCornerPoint(trig, isRtl()) : null;
+    const measured = anchorRect ? {
+      ...anchorRect,
+      top: anchorRect.y,
+      left: anchorRect.x,
+      right: anchorRect.x + anchorRect.width,
+      bottom: anchorRect.y + anchorRect.height
+    } : trig.getBoundingClientRect();
     const triggerBounds = point ? {
       top: point.y,
       bottom: point.y
-    } : trig.getBoundingClientRect();
+    } : measured;
     const viewportHeight = window.innerHeight;
     const cs = getComputedStyle(dropdownElement);
     const borderTopWidth = parseFloat(cs.borderTopWidth) || 0;
@@ -354,6 +414,46 @@ function FloatingPanelWeb({
     const totalContentHeight = scrollContentHeight + totalBorderWidth;
     const liveTransition = panel.panelTransition;
     const containingBlock = fixedContainingBlockOrigin(dropdownElement);
+    if (cover && !point) {
+      const rtl = isRtl(trig);
+      const viewport = window.visualViewport;
+      const viewportLeft = viewport?.offsetLeft ?? 0;
+      const viewportTop = viewport?.offsetTop ?? 0;
+      const viewportRight = viewportLeft + (viewport?.width ?? (document.documentElement.clientWidth || window.innerWidth));
+      const viewportBottom = viewportTop + (viewport?.height ?? window.innerHeight);
+      dropdownElement.style.left = `${viewportLeft - containingBlock.left}px`;
+      const layoutStyle = getComputedStyle(dropdownElement);
+      const scale = layoutStyle.transform && layoutStyle.transform !== "none" && typeof DOMMatrixReadOnly !== "undefined" ? Math.abs(new DOMMatrixReadOnly(layoutStyle.transform).a) : 1;
+      const layoutWidth = dropdownElement.getBoundingClientRect().width / (scale || 1);
+      const width = Math.max(layoutWidth || dropdownElement.offsetWidth, measured.width);
+      const left = rtl ? measured.right - width : measured.left;
+      const firstActionHeight = contentRef.current?.querySelector(PANEL_FOCUSABLE)?.getBoundingClientRect().height || Number(panel.knobProps.menuRow.minHeight) || totalContentHeight;
+      const bodyStyle = contentRef.current ? getComputedStyle(contentRef.current) : null;
+      const bodyPadding = (parseFloat(bodyStyle?.paddingTop || "0") || 0) + (parseFloat(bodyStyle?.paddingBottom || "0") || 0);
+      const neededHeight = sheetProps.scrollable ? Math.min(totalContentHeight, measured.height + firstActionHeight + bodyPadding + totalBorderWidth) : totalContentHeight;
+      if (measured.width > 0 && measured.height > 0 && (left < viewportLeft || left + width > Math.max(measured.right, viewportRight - panelViewportPadding) || measured.right > viewportRight || measured.top < viewportTop || measured.top + Math.max(neededHeight, measured.height) > viewportBottom - panelViewportPadding)) {
+        dropdownElement.style.visibility = "hidden";
+        setCollisionSheet(true);
+        return;
+      }
+      const top2 = measured.top - containingBlock.top;
+      const cssLeft2 = left - containingBlock.left;
+      const maxHeight = Math.max(0, viewportBottom - panelViewportPadding - measured.top);
+      dropdownElement.style.top = `${top2}px`;
+      dropdownElement.style.left = `${cssLeft2}px`;
+      dropdownElement.style.maxHeight = `${maxHeight}px`;
+      dropdownElement.dir = rtl ? "rtl" : "ltr";
+      dropdownElement.style.transformOrigin = rtl ? "top right" : "top left";
+      dropdownElement.style.visibility = "visible";
+      overlayStyleRef.current = {
+        top: top2,
+        left: cssLeft2,
+        maxHeight
+      };
+      panel.initializingRef.current = false;
+      if (isInitial) dropdownElement.style.transition = liveTransition;
+      return;
+    }
     let isDropup = panel.placement.startsWith("top");
     let cssLeft;
     if (point) {
@@ -474,13 +574,14 @@ function FloatingPanelWeb({
         });
       }
     });
-  }, [isFill, isContextMenu, cover, panel.placement, panel.refs, panel.triggerRef, panel.updateArrows, panel.panelTransition]);
+  }, [isFill, isContextMenu, cover, anchorRect, sheetProps.scrollable, panel.placement, panel.refs, panel.triggerRef, panel.updateArrows, panel.panelTransition]);
   repositionFnRef.current = repositionOverlay;
   const click = useClick(panel.context, {
     event: "mousedown",
-    enabled: !isContextMenu
+    enabled: !isContextMenu && !collisionSheet
   });
   const dismiss = useDismiss(panel.context, {
+    enabled: !collisionSheet,
     // 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",
@@ -495,10 +596,10 @@ function FloatingPanelWeb({
   useLayoutEffect(() => {
     if (!open || !panel.mounted) return;
     repositionOverlay();
-  }, [open, panel.mounted, repositionOverlay, panel.y]);
+  }, [open, panel.mounted, repositionOverlay, panel.y, panel.x]);
   useLayoutEffect(() => {
     const content = contentRef.current;
-    if (!open || !panel.mounted || !isFill || !content || typeof ResizeObserver === "undefined") {
+    if (!open || !panel.mounted || !isFill && !cover || !content || typeof ResizeObserver === "undefined") {
       return;
     }
     let frame = 0;
@@ -510,15 +611,16 @@ function FloatingPanelWeb({
       });
     });
     observer.observe(content);
+    if (panel.triggerRef.current) observer.observe(panel.triggerRef.current);
     return () => {
       observer.disconnect();
       if (frame) cancelAnimationFrame(frame);
     };
-  }, [open, panel.mounted, isFill, repositionOverlay]);
+  }, [open, panel.mounted, isFill, cover, repositionOverlay, panel.triggerRef]);
   const handleScroll = useCallback(event => {
     const el = event.target;
     panel.updateArrows(el);
-    if (isFill) return;
+    if (isFill || cover && !isContextMenu) return;
     if (panel.initializingRef.current) {
       lastScrollTopRef.current = el.scrollTop;
       return;
@@ -541,7 +643,7 @@ function FloatingPanelWeb({
       grownRef.current = true;
       repositionFnRef.current?.();
     }
-  }, [isFill, panel.updateArrows]);
+  }, [isFill, cover, isContextMenu, panel.updateArrows]);
   const webTransition = panel.panelTransition;
   const {
     style: elevatedSurfaceStyle,
@@ -596,11 +698,21 @@ function FloatingPanelWeb({
   return /* @__PURE__ */jsxs(Fragment, {
     children: [/* @__PURE__ */jsx(View, {
       ...referenceProps,
+      alignSelf: sheetProps.triggerSizing === "content" ? "flex-start" : void 0,
       cursor: disabled ? "not-allowed" : "pointer",
       opacity: disabled ? 0.5 : 1,
       "data-fp-reference": "",
       children: trigger
-    }), panel.mounted && /* @__PURE__ */jsx(PanelPortal, {
+    }), collisionSheet && /* @__PURE__ */jsx(FloatingPanelSheet, {
+      ...sheetProps,
+      open,
+      onOpenChange,
+      trigger: null,
+      escapeTarget: "document",
+      skipReturnFocusRef,
+      contentPadding,
+      children
+    }), panel.mounted && !collisionSheet && /* @__PURE__ */jsx(PanelPortal, {
       anchor: panel.triggerRef.current,
       children: /* @__PURE__ */jsxs(YStack, {
         ...getFloatingProps({
@@ -613,6 +725,9 @@ function FloatingPanelWeb({
             scrollbarWidth: "none",
             zIndex: zIndex.dropdown,
             overflow: "auto",
+            ...(cover && !isContextMenu ? {
+              overflowX: "hidden"
+            } : {}),
             ...panel.floatingStyleRef.current,
             ...(overlayStyleRef.current ? {
               maxHeight: overlayStyleRef.current.maxHeight
@@ -623,7 +738,7 @@ function FloatingPanelWeb({
             // then positions against this box and is clipped by its scroll.
             transform: panel.visible ? "none" : "scale(0.96)",
             transition: webTransition,
-            transformOrigin: panelTransformOrigin(pointPlacementRef.current ? `${pointPlacementRef.current.dropup ? "top" : "bottom"}-${pointPlacementRef.current.alignEnd ? "end" : "start"}` : panel.placement)
+            transformOrigin: cover && !isContextMenu ? isRtl(panel.triggerRef.current) ? "top right" : "top left" : panelTransformOrigin(pointPlacementRef.current ? `${pointPlacementRef.current.dropup ? "top" : "bottom"}-${pointPlacementRef.current.alignEnd ? "end" : "start"}` : panel.placement)
           },
           onScroll: handleScroll,
           onTransitionEnd: event => {
@@ -641,7 +756,10 @@ function FloatingPanelWeb({
         paddingVertical: 0,
         children: [isContextMenu || !cover || !triggerEcho ? null : /* @__PURE__ */jsx(TriggerEchoRow, {
           sourceRef: panel.triggerRef,
-          onPress: () => onOpenChange(false)
+          source: trigger,
+          anchorRect,
+          onPress: () => onOpenChange(false),
+          children: triggerRow
         }), /* @__PURE__ */jsx(ScrollArrow, {
           direction: "up",
           scrollRef: panel.refs.floating,