@multiplatform.one/forms 7.80.0 → 7.81.0

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

@@ -29,22 +29,17 @@ __export(PanelHeader_exports, {
 module.exports = __toCommonJS(PanelHeader_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_tamagui = require("tamagui");
-var import_echoContext = require("./echoContext.native.js");
 function PanelHeader(param) {
   var {
     children,
     ...rest
   } = param;
-  var echo = (0, import_echoContext.usePanelIconEchoBox)();
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
     alignItems: "center",
     gap: "$2",
-    paddingLeft: (echo === null || echo === void 0 ? void 0 : echo.left) || "$4",
-    paddingRight: (echo === null || echo === void 0 ? void 0 : echo.right) || "$4",
-    paddingTop: echo ? 0 : "$4",
-    ...(echo ? {
-      minHeight: echo.height
-    } : void 0),
+    paddingLeft: "$4",
+    paddingRight: "$4",
+    paddingTop: "$4",
     "data-fp-panel-header": "",
     ...rest,
     children

package/dist/jsx/FloatingPanel/PanelHeader.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","PanelHeader_exports"],"sources":["../../../src/FloatingPanel/PanelHeader.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AACT,IAAAA,SAAS,GAAAC,MAAA,CAAAC,cAA2B;AAWhC,IAAAC,gBAAA,GAAAF,MAAA,CAAAG,wBAAA;AAHG,IAAAC,iBAAqB,GAAEJ,MAAA,CAAAK,mBAAkC;AAC9D,IAAAC,YAAa,GAAAN,MAAA,CAAAO,SAAoB,CAAAC,cAAA;AACjC,IAAAC,QACE,GAAAA,CAAAC,MAAA,EAAAC,GAAA;EAAA,KAAC,IAAAC,IAAA,IAAAD,GAAA,EAAAZ,SAAA,CAAAW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAAA;AACY,IAAAC,WACP,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EAAA,IACJF,IAAA,WAAaA,IAAM,aAAQ,WAAAA,IAAA;IAAA,KAC3B,IAAAG,GAAA,IAAchB,iBAAe,CAAAa,IAAA,GAC7B,KAAAX,YAAY,CAAAe,IAAO,CAAIL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EACtBnB,SAAW,CAAEiB,EAAA,EAAAI,GAAA;MAAWP,GAAA,EAAKA,CAAA,KAAAI,IAAO,CAAIG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EAAA;EACpB,OACjBE,EAAA;AAAA;AAEH,IAAAM,YAAA,GAAAC,GAAA,IAAAR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAAA,IACHE,mBAAA;AAEJhB,QAAA,CAAAgB,mBAAA","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"],"sources":["../../../src/FloatingPanel/PanelHeader.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AAKL,IAAAA,SAAA,GAAAC,MAAA,CAAAC,cAAA;AAFG,IAAAC,gBAAS,GAAcF,MAAA,CAAAG,wBAAkC;AAC9D,IAAAC,iBACE,GAAAJ,MAAA,CAAAK,mBAAA;AAAA,IAACC,YAAA,GAAAN,MAAA,CAAAO,SAAA,CAAAC,cAAA;AAAA,IAAAC,QAAA,GAAAA,CAAAC,MAAA,EAAAC,GAAA;EAAA,KACC,IAAAC,IAAA,IAAWD,GAAA,EAAAZ,SACP,CAAAW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAAA;AACQ,IAAAC,WACZ,GAAAA,CAAAC,EAAa,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EAAA,IACbF,IAAA,WAAWA,IAAA,wBAAAA,IAAA;IAAA,KACX,IAAAG,GAAA,IAAAhB,iBAAqB,CAAAa,IAAA,GACpB,IAAG,CAAAX,YAAA,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EAEHnB,SAAA,CAAAiB,EAAA,EAAAI,GAAA;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EAAA;EACH,OAAAE,EAAA;AAEJ","ignoreList":[]}

package/dist/jsx/FloatingPanel/coverRect.mjs

@@ -12,12 +12,5 @@ function pressTargetRect(trigger, min = MIN_PRESS_TARGET) {
 function iconCoverRect(trigger, group) {
   return group ?? pressTargetRect(trigger);
 }
-function echoInCover(trigger, cover) {
-  if (cover.y === trigger.y && cover.height === trigger.height) return null;
-  return {
-    top: trigger.y - cover.y,
-    height: cover.height
-  };
-}
-export { echoInCover, iconCoverRect, pressTargetRect };
+export { iconCoverRect, pressTargetRect };
 //# sourceMappingURL=coverRect.mjs.map

package/dist/jsx/FloatingPanel/coverRect.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["MIN_PRESS_TARGET","pressTargetRect","trigger","min","width","Math","max","height","x","y","iconCoverRect","group","echoInCover","cover","top"],"sources":["../../../src/FloatingPanel/coverRect.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,gBAAA,QAAwB;AAU1B,SAASC,gBAAgBC,OAAA,EAAsBC,GAAA,GAAMH,gBAAA,EAA+B;EACzF,MAAMI,KAAA,GAAQC,IAAA,CAAKC,GAAA,CAAIJ,OAAA,CAAQE,KAAA,EAAOD,GAAG;EACzC,MAAMI,MAAA,GAASF,IAAA,CAAKC,GAAA,CAAIJ,OAAA,CAAQK,MAAA,EAAQJ,GAAG;EAC3C,OAAO;IACLK,CAAA,EAAGN,OAAA,CAAQM,CAAA,IAAKJ,KAAA,GAAQF,OAAA,CAAQE,KAAA,IAAS;IACzCK,CAAA,EAAGP,OAAA,CAAQO,CAAA,IAAKF,MAAA,GAASL,OAAA,CAAQK,MAAA,IAAU;IAC3CH,KAAA;IACAG;EACF;AACF;AAOO,SAASG,cAAcR,OAAA,EAAsBS,KAAA,EAAwC;EAC1F,OAAOA,KAAA,IAASV,eAAA,CAAgBC,OAAO;AACzC;AAOO,SAASU,YACdV,OAAA,EACAW,KAAA,EACwC;EACxC,IAAIA,KAAA,CAAMJ,CAAA,KAAMP,OAAA,CAAQO,CAAA,IAAKI,KAAA,CAAMN,MAAA,KAAWL,OAAA,CAAQK,MAAA,EAAQ,OAAO;EACrE,OAAO;IAAEO,GAAA,EAAKZ,OAAA,CAAQO,CAAA,GAAII,KAAA,CAAMJ,CAAA;IAAGF,MAAA,EAAQM,KAAA,CAAMN;EAAO;AAC1D","ignoreList":[]}
+{"version":3,"names":["MIN_PRESS_TARGET","pressTargetRect","trigger","min","width","Math","max","height","x","y","iconCoverRect","group"],"sources":["../../../src/FloatingPanel/coverRect.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,gBAAA,QAAwB;AAU1B,SAASC,gBAAgBC,OAAA,EAAsBC,GAAA,GAAMH,gBAAA,EAA+B;EACzF,MAAMI,KAAA,GAAQC,IAAA,CAAKC,GAAA,CAAIJ,OAAA,CAAQE,KAAA,EAAOD,GAAG;EACzC,MAAMI,MAAA,GAASF,IAAA,CAAKC,GAAA,CAAIJ,OAAA,CAAQK,MAAA,EAAQJ,GAAG;EAC3C,OAAO;IACLK,CAAA,EAAGN,OAAA,CAAQM,CAAA,IAAKJ,KAAA,GAAQF,OAAA,CAAQE,KAAA,IAAS;IACzCK,CAAA,EAAGP,OAAA,CAAQO,CAAA,IAAKF,MAAA,GAASL,OAAA,CAAQK,MAAA,IAAU;IAC3CH,KAAA;IACAG;EACF;AACF;AAOO,SAASG,cAAcR,OAAA,EAAsBS,KAAA,EAAwC;EAC1F,OAAOA,KAAA,IAASV,eAAA,CAAgBC,OAAO;AACzC","ignoreList":[]}

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

@@ -24,7 +24,6 @@ var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
 }), mod);
 var coverRect_exports = {};
 __export(coverRect_exports, {
-  echoInCover: () => echoInCover,
   iconCoverRect: () => iconCoverRect,
   pressTargetRect: () => pressTargetRect
 });
@@ -44,11 +43,4 @@ function pressTargetRect(trigger) {
 function iconCoverRect(trigger, group) {
   return group !== null && group !== void 0 ? group : pressTargetRect(trigger);
 }
-function echoInCover(trigger, cover) {
-  if (cover.y === trigger.y && cover.height === trigger.height) return null;
-  return {
-    top: trigger.y - cover.y,
-    height: cover.height
-  };
-}
 //# sourceMappingURL=coverRect.native.js.map

package/dist/jsx/FloatingPanel/coverRect.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"],"sources":["../../../src/FloatingPanel/coverRect.ts"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AAUF,IAAAA,SAAS,GAAAC,MAAA,CAAAC,cAAsC;AACpD,IAAAC,gBAAc,GAAKF,MAAI,CAAAG,wBAAkB;AACzC,IAAAC,iBAAe,GAAKJ,MAAI,CAAAK,mBAAmB;AAC3C,IAAAC,YAAO,GAAAN,MAAA,CAAAO,SAAA,CAAAC,cAAA;AAAA,IACLC,QAAG,GAAQA,CAAAC,MAAK,EAAAC,GAAA,KAAQ;EAAiB,KACtC,IAAAC,IAAQ,IAAAD,GAAK,EAChBZ,SAAA,CAAAW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAAA;AACA,IACFC,WAAA,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EACF,IAAAF,IAAA,WAAAA,IAAA,wBAAAA,IAAA;IAOO,KAAS,IAAAG,GAAA,IAAAhB,iBAAoC,CAAAa,IAAwC,GAC1F,IAAO,CAAAX,YAAS,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAgB,KAAOA,GAAA,KAAAF,MAAA,EACzCnB,SAAA,CAAAiB,EAAA,EAAAI,GAAA;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EAOO;EAIL,OAAIE,EAAA;AACJ;AACF,IAAAM,YAAA,GAAAC,GAAA,IAAAR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA","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"],"sources":["../../../src/FloatingPanel/coverRect.ts"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AAUF,IAAAA,SAAS,GAAAC,MAAA,CAAAC,cAAsC;AACpD,IAAAC,gBAAc,GAAKF,MAAI,CAAAG,wBAAkB;AACzC,IAAAC,iBAAe,GAAKJ,MAAI,CAAAK,mBAAmB;AAC3C,IAAAC,YAAO,GAAAN,MAAA,CAAAO,SAAA,CAAAC,cAAA;AAAA,IACLC,QAAG,GAAQA,CAAAC,MAAK,EAAAC,GAAA,KAAQ;EAAiB,KACtC,IAAAC,IAAQ,IAAAD,GAAK,EAChBZ,SAAA,CAAAW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAAA;AACA,IACFC,WAAA,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EACF,IAAAF,IAAA,WAAAA,IAAA,wBAAAA,IAAA;IAOO,KAAS,IAAAG,GAAA,IAAAhB,iBAAoC,CAAAa,IAAwC,GAC1F,IAAO,CAAAX,YAAS,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAgB,KAAOA,GAAA,KAAAF,MAAA,EACzCnB,SAAA,CAAAiB,EAAA,EAAAI,GAAA;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA","ignoreList":[]}

package/dist/jsx/FloatingPanel/echoContext.mjs

@@ -7,29 +7,9 @@ const PanelTriggerRadiusContext = createContext(null);
 function usePanelTriggerRadiusReporter() {
   return useContext(PanelTriggerRadiusContext);
 }
-const PanelIconEchoBoxContext = createContext(null);
-function usePanelIconEchoBox() {
-  return useContext(PanelIconEchoBoxContext);
+const PanelSheetContext = createContext(false);
+function useInPanelSheet() {
+  return useContext(PanelSheetContext);
 }
-function echoHeaderBox({
-  offset,
-  width,
-  height,
-  panelWidth,
-  rtl = false
-}) {
-  const atStart = offset + width / 2 < panelWidth / 2;
-  const start = atStart ? Math.max(0, offset + width) : 0;
-  const end = atStart ? 0 : Math.max(0, panelWidth - offset);
-  return {
-    height,
-    left: rtl ? end : start,
-    right: rtl ? start : end
-  };
-}
-function sameEchoBox(a, b) {
-  if (a == null || b == null) return a === b;
-  return a.height === b.height && a.left === b.left && a.right === b.right;
-}
-export { PanelEchoContext, PanelIconEchoBoxContext, PanelTriggerRadiusContext, echoHeaderBox, sameEchoBox, useInPanelEcho, usePanelIconEchoBox, usePanelTriggerRadiusReporter };
+export { PanelEchoContext, PanelSheetContext, PanelTriggerRadiusContext, useInPanelEcho, useInPanelSheet, usePanelTriggerRadiusReporter };
 //# sourceMappingURL=echoContext.mjs.map

package/dist/jsx/FloatingPanel/echoContext.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["createContext","useContext","PanelEchoContext","useInPanelEcho","PanelTriggerRadiusContext","usePanelTriggerRadiusReporter","PanelIconEchoBoxContext","usePanelIconEchoBox","echoHeaderBox","offset","width","height","panelWidth","rtl","atStart","start","Math","max","end","left","right","sameEchoBox","a","b"],"sources":["../../../src/FloatingPanel/echoContext.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,aAAA,EAAeC,UAAA,QAAkB;AAOnC,MAAMC,gBAAA,GAAmBF,aAAA,CAAc,KAAK;AAE5C,SAASG,eAAA,EAA0B;EACxC,OAAOF,UAAA,CAAWC,gBAAgB;AACpC;AAMO,MAAME,yBAAA,GAA4BJ,aAAA,CAAiD,IAAI;AAEvF,SAASK,8BAAA,EAAmE;EACjF,OAAOJ,UAAA,CAAWG,yBAAyB;AAC7C;AAaO,MAAME,uBAAA,GAA0BN,aAAA,CAAuC,IAAI;AAE3E,SAASO,oBAAA,EAA+C;EAC7D,OAAON,UAAA,CAAWK,uBAAuB;AAC3C;AAMO,SAASE,cAAc;EAC5BC,MAAA;EACAC,KAAA;EACAC,MAAA;EACAC,UAAA;EACAC,GAAA,GAAM;AACR,GAMqB;EACnB,MAAMC,OAAA,GAAUL,MAAA,GAASC,KAAA,GAAQ,IAAIE,UAAA,GAAa;EAClD,MAAMG,KAAA,GAAQD,OAAA,GAAUE,IAAA,CAAKC,GAAA,CAAI,GAAGR,MAAA,GAASC,KAAK,IAAI;EACtD,MAAMQ,GAAA,GAAMJ,OAAA,GAAU,IAAIE,IAAA,CAAKC,GAAA,CAAI,GAAGL,UAAA,GAAaH,MAAM;EACzD,OAAO;IAAEE,MAAA;IAAQQ,IAAA,EAAMN,GAAA,GAAMK,GAAA,GAAMH,KAAA;IAAOK,KAAA,EAAOP,GAAA,GAAME,KAAA,GAAQG;EAAI;AACrE;AAEO,SAASG,YAAYC,CAAA,EAA4BC,CAAA,EAAqC;EAC3F,IAAID,CAAA,IAAK,QAAQC,CAAA,IAAK,MAAM,OAAOD,CAAA,KAAMC,CAAA;EACzC,OAAOD,CAAA,CAAEX,MAAA,KAAWY,CAAA,CAAEZ,MAAA,IAAUW,CAAA,CAAEH,IAAA,KAASI,CAAA,CAAEJ,IAAA,IAAQG,CAAA,CAAEF,KAAA,KAAUG,CAAA,CAAEH,KAAA;AACrE","ignoreList":[]}
+{"version":3,"names":["createContext","useContext","PanelEchoContext","useInPanelEcho","PanelTriggerRadiusContext","usePanelTriggerRadiusReporter","PanelSheetContext","useInPanelSheet"],"sources":["../../../src/FloatingPanel/echoContext.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,aAAA,EAAeC,UAAA,QAAkB;AAOnC,MAAMC,gBAAA,GAAmBF,aAAA,CAAc,KAAK;AAE5C,SAASG,eAAA,EAA0B;EACxC,OAAOF,UAAA,CAAWC,gBAAgB;AACpC;AAMO,MAAME,yBAAA,GAA4BJ,aAAA,CAAiD,IAAI;AAEvF,SAASK,8BAAA,EAAmE;EACjF,OAAOJ,UAAA,CAAWG,yBAAyB;AAC7C;AAOO,MAAME,iBAAA,GAAoBN,aAAA,CAAc,KAAK;AAE7C,SAASO,gBAAA,EAA2B;EACzC,OAAON,UAAA,CAAWK,iBAAiB;AACrC","ignoreList":[]}

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

@@ -25,12 +25,10 @@ var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
 var echoContext_exports = {};
 __export(echoContext_exports, {
   PanelEchoContext: () => PanelEchoContext,
-  PanelIconEchoBoxContext: () => PanelIconEchoBoxContext,
+  PanelSheetContext: () => PanelSheetContext,
   PanelTriggerRadiusContext: () => PanelTriggerRadiusContext,
-  echoHeaderBox: () => echoHeaderBox,
-  sameEchoBox: () => sameEchoBox,
   useInPanelEcho: () => useInPanelEcho,
-  usePanelIconEchoBox: () => usePanelIconEchoBox,
+  useInPanelSheet: () => useInPanelSheet,
   usePanelTriggerRadiusReporter: () => usePanelTriggerRadiusReporter
 });
 module.exports = __toCommonJS(echoContext_exports);
@@ -43,29 +41,8 @@ var PanelTriggerRadiusContext = (0, import_react.createContext)(null);
 function usePanelTriggerRadiusReporter() {
   return (0, import_react.useContext)(PanelTriggerRadiusContext);
 }
-var PanelIconEchoBoxContext = (0, import_react.createContext)(null);
-function usePanelIconEchoBox() {
-  return (0, import_react.useContext)(PanelIconEchoBoxContext);
-}
-function echoHeaderBox(param) {
-  var {
-    offset,
-    width,
-    height,
-    panelWidth,
-    rtl = false
-  } = param;
-  var atStart = offset + width / 2 < panelWidth / 2;
-  var start = atStart ? Math.max(0, offset + width) : 0;
-  var end = atStart ? 0 : Math.max(0, panelWidth - offset);
-  return {
-    height,
-    left: rtl ? end : start,
-    right: rtl ? start : end
-  };
-}
-function sameEchoBox(a, b) {
-  if (a == null || b == null) return a === b;
-  return a.height === b.height && a.left === b.left && a.right === b.right;
+var PanelSheetContext = (0, import_react.createContext)(false);
+function useInPanelSheet() {
+  return (0, import_react.useContext)(PanelSheetContext);
 }
 //# sourceMappingURL=echoContext.native.js.map

package/dist/jsx/FloatingPanel/echoContext.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","echoContext_exports","PanelEchoContext","PanelIconEchoBoxContext","PanelTriggerRadiusContext","echoHeaderBox","sameEchoBox","useInPanelEcho","usePanelIconEchoBox","usePanelTriggerRadiusReporter"],"sources":["../../../src/FloatingPanel/echoContext.ts"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AAOF,IAAAA,SAAM,GAAAC,MAAA,CAAAC,cAAmB;AAEzB,IAAAC,gBAAS,GAAAF,MAA0B,CAAAG,wBAAA;AACxC,IAAAC,iBAAkB,GAAAJ,MAAA,CAAAK,mBAAgB;AACpC,IAAAC,YAAA,GAAAN,MAAA,CAAAO,SAAA,CAAAC,cAAA;AAMO,IAAAC,QAAM,GAAAA,CAAAC,MAAA,EAAAC,GAAA;EAEN,SAASC,IAAA,IAAAD,GAAA,EACdZ,SAAO,CAAAW,MAAW,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAyBE,UAAA;EAAA;AAC7C;AAaO,IAAAC,WAAM,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAA0B,EAAAC,IAAA,KAAuC;EAEvE,IAAAF,IAAS,WAAAA,IAAA,aAA+C,WAAAA,IAAA;IAC7D,KAAO,IAAAG,GAAA,IAAWhB,iBAAA,CAAAa,IAAA,CAAuB,EAC3C,KAAAX,YAAA,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EAMOnB,SAAS,CAAAiB,EAAA,EAAAI,GAAc;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EAC5B;EACA,OAAAE,EAAA;AAAA;AACA,IACAM,YAAA,GAAAC,GAAA,IAAAR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAAA,IACAE,mBAAM;AACRhB,QAMqB,CAAAgB,mBAAA;EACnBC,gBAAgB,EAAAA,CAAA,KAAAA,gBAAqB;EACrCC,uBAAc,EAAUA,CAAA,KAAKA,uBAAyB;EACtDC,yBAAsB,EAAIA,CAAA,KAAKA,yBAA0B;EACzDC,aAAS,EAAAA,CAAA,KAAQA,aAAY;EAC/BC,WAAA,EAAAA,CAAA,KAAAA,WAAA;EAEOC,cAAS,EAAAA,CAAA,KAAwCA,cAAqC;EAC3FC,mBAAiB,EAAAA,CAAA,KAAWA,mBAAa;EACzCC,6BAAsB,EAAAA,CAAA,KAAYA;AACpC","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"],"sources":["../../../src/FloatingPanel/echoContext.ts"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AAOF,IAAAA,SAAM,GAAAC,MAAA,CAAAC,cAAmB;AAEzB,IAAAC,gBAAS,GAAAF,MAA0B,CAAAG,wBAAA;AACxC,IAAAC,iBAAkB,GAAAJ,MAAA,CAAAK,mBAAgB;AACpC,IAAAC,YAAA,GAAAN,MAAA,CAAAO,SAAA,CAAAC,cAAA;AAMO,IAAAC,QAAM,GAAAA,CAAAC,MAAA,EAAAC,GAAA;EAEN,SAASC,IAAA,IAAAD,GAAA,EACdZ,SAAO,CAAAW,MAAW,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAyBE,UAAA;EAAA;AAC7C;AAOO,IAAAC,WAAM,GAAAA,CAAAC,EAAA,EAAAC,IAAoB,EAAAC,MAAA,EAAAC,IAAc,KAAK;EAE7C,IAAAF,IAAS,WAAAA,IAAA,KAA2B,mBAAAA,IAAA;IACzC,KAAO,IAAAG,GAAA,IAAWhB,iBAAiB,CAAAa,IAAA,GACrC,KAAAX,YAAA,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,E","ignoreList":[]}

package/dist/jsx/FloatingPanel/index.mjs

@@ -1,6 +1,6 @@
-import { transitionProps } from "@multiplatform.one/theme";
+import { transitionProps, overlayScrim, sheetGrabber, sheetGrabberClearance } 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, SurfaceContext, useResolvedKnobs, wasKeyboardFocus, ensureKeyboardModalityTracking, motionDurationMs } from "@multiplatform.one/theme";
+import { OVERLAY_ANCHOR_GAP, OVERLAY_ATTACH_GAP, OVERLAY_BREAKPOINT, Surface, useResolvedKnobs, wasKeyboardFocus, ensureKeyboardModalityTracking, motionDurationMs } from "@multiplatform.one/theme";
 import { isWeb, Sheet, Theme, View, YStack } from "tamagui";
 import { useClick, useDismiss, useInteractions } from "@floating-ui/react";
 import { ScrollArrow } from "../shared/floatingList.mjs";
@@ -14,9 +14,8 @@ import { OverlayStackProvider, useInsideOverlay, useOverlayZIndex } from "../sha
 import { resolveCompactFace } from "./compactFace.mjs";
 import { isNestedPanelAction } from "./nestedAction.mjs";
 import { PanelPortal } from "./PanelPortal.mjs";
-import { echoHeaderBox, PanelIconEchoBoxContext, sameEchoBox } from "./echoContext.mjs";
-import { iconEchoElement, iconEchoOverlays } from "./iconEcho.mjs";
-import { echoInCover, iconCoverRect } from "./coverRect.mjs";
+import { PanelSheetContext } from "./echoContext.mjs";
+import { iconCoverRect } from "./coverRect.mjs";
 import { groupSurfaceOf, paintedTriggerBox } from "./paintedBox.mjs";
 import { contextMenuPoint, placeOverTrigger, pointOpensUp, pointPanelLeft, referenceCornerPoint } from "./pointAnchor.mjs";
 import { floatingPanelActionProps, isNestedPanelAction as isNestedPanelAction2 } from "./nestedAction.mjs";
@@ -125,7 +124,6 @@ function TriggerEchoRow({
       const stretched = grown > rect.width;
       row.style.width = `${stretched ? grown : 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.position = "sticky";
@@ -133,8 +131,8 @@ function TriggerEchoRow({
       row.style.top = row.style.marginTop;
       row.style.zIndex = "1";
       row.style.backgroundColor = frameStyle?.backgroundColor ?? "";
-      row.style.marginLeft = rtl ? "" : `${-(parseFloat(frameStyle?.borderLeftWidth || "0") || 0)}px`;
-      row.style.marginRight = rtl ? `${-(parseFloat(frameStyle?.borderRightWidth || "0") || 0)}px` : "";
+      row.style.marginLeft = `${-(parseFloat(frameStyle?.borderLeftWidth || "0") || 0)}px`;
+      row.style.marginRight = `${-(parseFloat(frameStyle?.borderRightWidth || "0") || 0)}px`;
       const snapshot = children == null ? source2.cloneNode(true) : visualRef.current;
       if (!snapshot) return;
       const sourceFields = source2.querySelectorAll("input, textarea");
@@ -218,71 +216,6 @@ function placeEchoOverTrigger(panelElement, geometry, {
     }
   }
 }
-function IconEchoRow({
-  children
-}) {
-  return /* @__PURE__ */jsx(View, {
-    "data-fp-icon-echo": "",
-    flexShrink: 0,
-    alignSelf: "stretch",
-    pointerEvents: "box-none",
-    style: {
-      order: -1,
-      position: "sticky",
-      zIndex: 1
-    },
-    children: /* @__PURE__ */jsx(View, {
-      "data-fp-icon-echo-box": "",
-      alignItems: "flex-start",
-      justifyContent: "flex-start",
-      children
-    })
-  });
-}
-function placeIconEcho(panelElement, {
-  offset,
-  width,
-  height,
-  up,
-  overlay,
-  group = null
-}) {
-  const row = panelElement.querySelector("[data-fp-icon-echo]");
-  const box = row?.querySelector("[data-fp-icon-echo-box]");
-  if (!row || !box) return;
-  const frame = getComputedStyle(panelElement);
-  const border = side => parseFloat(frame[`border${side}Width`] || "0") || 0;
-  const rtl = panelElement.dir === "rtl";
-  row.style.order = up ? "1" : "-1";
-  row.style.height = `${height}px`;
-  row.style.backgroundColor = overlay ? "transparent" : frame.backgroundColor;
-  if (up) {
-    row.style.top = "";
-    row.style.marginTop = "";
-    row.style.marginBottom = `${-border("Bottom")}px`;
-    row.style.bottom = row.style.marginBottom;
-  } else {
-    row.style.bottom = "";
-    row.style.marginTop = `${-border("Top")}px`;
-    row.style.marginBottom = overlay ? `${-(height - border("Top"))}px` : "";
-    row.style.top = row.style.marginTop;
-  }
-  row.setAttribute("data-fp-icon-echo", overlay ? "overlay" : "band");
-  if (group) {
-    row.style.height = `${group.height}px`;
-    if (!up && overlay) row.style.marginBottom = `${-(group.height - border("Top"))}px`;
-  }
-  row.style.marginLeft = `${-border("Left")}px`;
-  row.style.marginRight = `${-border("Right")}px`;
-  box.style.width = `${width}px`;
-  box.style.height = `${height}px`;
-  box.style.marginLeft = rtl ? "" : `${offset}px`;
-  box.style.marginRight = rtl ? `${offset}px` : "";
-  box.style.alignSelf = "flex-start";
-  box.style.marginTop = group ? `${group.top}px` : "";
-  box.style.position = "relative";
-  box.style.zIndex = "1";
-}
 function layoutParentOf(element) {
   let parent = element?.parentElement ?? null;
   while (parent && getComputedStyle(parent).display === "contents") parent = parent.parentElement;
@@ -433,14 +366,17 @@ function FloatingPanelSheet({
       ...transitionProps(slideMotion),
       children: [/* @__PURE__ */jsx(Sheet.Overlay, {
         ...transitionProps(scrimMotion),
-        backgroundColor: "$shadow6",
+        backgroundColor: overlayScrim,
         enterStyle: {
           opacity: 0
         },
         exitStyle: {
           opacity: 0
         }
-      }), /* @__PURE__ */jsx(Sheet.Handle, {}), /* @__PURE__ */jsx(Sheet.Frame, {
+      }), /* @__PURE__ */jsx(Sheet.Handle, {
+        ...sheetGrabber,
+        "aria-label": "Resize"
+      }), /* @__PURE__ */jsx(Sheet.Frame, {
         "data-testid": "floating-panel-sheet",
         ...{
           ref: sheetFrameRef,
@@ -449,16 +385,34 @@ function FloatingPanelSheet({
         ...knobProps.elevatedSurface,
         borderBottomLeftRadius: 0,
         borderBottomRightRadius: 0,
+        borderLeftWidth: 0,
+        borderRightWidth: 0,
+        borderBottomWidth: 0,
         ...panelChromeFocus,
         padding: framePadding,
+        ...(contentPadding === "none" ? {
+          paddingTop: sheetGrabberClearance
+        } : null),
         gap: frameGap,
-        children: /* @__PURE__ */jsxs(OverlayStackProvider, {
+        children: /* @__PURE__ */jsx(OverlayStackProvider, {
           zIndex: sheetZIndex,
-          children: [header, scrollable ? /* @__PURE__ */jsx(Sheet.ScrollView, {
-            flex: header ? 1 : void 0,
-            ...scrollViewProps,
-            children
-          }) : children]
+          children: /* @__PURE__ */jsxs(PanelSheetContext.Provider, {
+            value: true,
+            children: [header, scrollable ? /* @__PURE__ */jsx(Sheet.ScrollView, {
+              flex: header ? 1 : void 0,
+              ...scrollViewProps,
+              children
+            }) : children, contentPadding === "none" ?
+            // An edge-to-edge list clears the home indicator (HIG); a padded
+            // frame's own padding already does.
+            /* @__PURE__ */
+            jsx(View, {
+              style: {
+                height: "env(safe-area-inset-bottom)"
+              },
+              flexShrink: 0
+            }) : null]
+          })
         })
       })]
     })]
@@ -480,7 +434,7 @@ function FloatingPanelWeb({
   cover = true,
   triggerEcho = true,
   coverAlign = "start",
-  iconEcho,
+  iconCover,
   triggerRow,
   anchorRect,
   clampCollisions = false,
@@ -491,10 +445,8 @@ function FloatingPanelWeb({
   const isFill = sizing === "fill";
   const isContextMenu = openOn === "contextmenu";
   const pointMenu = isContextMenu && sheetProps.anchorMode !== "cover-trigger";
-  const showIconEcho = cover && !pointMenu && iconEcho != null;
-  const triggerSurface = SurfaceContext.useStyledContext();
-  const iconEchoUpRef = useRef(false);
-  const [echoBox, setEchoBox] = useState(null);
+  const coversIcon = cover && !pointMenu && iconCover === true;
+  const openedUpRef = useRef(false);
   const overlayStyleRef = useRef(null);
   const pinnedTopRef = useRef(0);
   const pinnedHeightRef = useRef(0);
@@ -582,19 +534,19 @@ function FloatingPanelWeb({
       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 groupSurface = showIconEcho ? groupSurfaceOf(trig) : null;
+      const groupSurface = coversIcon ? groupSurfaceOf(trig) : null;
       const groupBox = groupSurface?.getBoundingClientRect() ?? null;
-      if (showIconEcho) dropdownElement.style.minWidth = groupBox ? `${groupBox.width}px` : "";
+      if (coversIcon) dropdownElement.style.minWidth = groupBox ? `${groupBox.width}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 startLeft = rtl ? measured.right - width : measured.left;
       const endLeft = rtl ? measured.left : measured.right - width;
-      const iconCover = coverAlign === "auto";
+      const iconCover2 = coverAlign === "auto";
       const startFree = rtl ? startLeft >= viewportLeft + panelViewportPadding : startLeft + width <= viewportRight - panelViewportPadding;
       const endFree = rtl ? endLeft + width <= viewportRight - panelViewportPadding : endLeft >= viewportLeft + panelViewportPadding;
-      let alignEnd = iconCover && !startFree && endFree;
+      let alignEnd = iconCover2 && !startFree && endFree;
       const slides = slidesAlongScreen(panelWidth);
       const margins = {
         boundsLeft: viewportLeft + panelViewportPadding,
@@ -621,7 +573,7 @@ function FloatingPanelWeb({
       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;
-      const painted = showIconEcho ? paintedTriggerBox(trig, measured) : null;
+      const painted = coversIcon ? paintedTriggerBox(trig, measured) : null;
       const coverRect = painted ? iconCoverRect({
         x: painted.left,
         y: measured.top,
@@ -633,16 +585,10 @@ function FloatingPanelWeb({
         width: groupBox.width,
         height: groupBox.height
       } : null) : null;
-      const echoCover = coverRect ? echoInCover({
-        x: measured.left,
-        y: measured.top,
-        width: measured.width,
-        height: measured.height
-      }, coverRect) : null;
       let placedTop = measured.top;
       let placedLeft = left;
       let placedMaxHeight = null;
-      iconEchoUpRef.current = false;
+      openedUpRef.current = false;
       if (coverRect && measured.width > 0 && measured.height > 0) {
         const placed = placeOverTrigger({
           trigger: coverRect,
@@ -662,9 +608,9 @@ function FloatingPanelWeb({
         if (!slides) placedLeft = placed.left;
         alignEnd = placed.end;
         placedMaxHeight = placed.maxHeight;
-        iconEchoUpRef.current = placed.up;
+        openedUpRef.current = placed.up;
       } else if (measured.width > 0 && measured.height > 0 && (!slides && (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)) {
-        if (!clampCollisions && !iconCover) {
+        if (!clampCollisions && !iconCover2) {
           dropdownElement.style.visibility = "hidden";
           setCollisionSheet(true);
           return;
@@ -692,30 +638,7 @@ function FloatingPanelWeb({
         alignEnd = placed.end;
       }
       coverAlignEndRef.current = alignEnd;
-      const echoStart = echoOffset({
-        triggerLeft: measured.left,
-        triggerRight: measured.right,
-        panelLeft: placedLeft,
-        panelWidth: width,
-        rtl
-      });
-      const echoOverlays = iconEcho != null && iconEchoOverlays(iconEcho, iconEchoUpRef.current);
-      const nextEchoBox = showIconEcho && echoOverlays ? echoHeaderBox({
-        offset: echoStart,
-        width: measured.width,
-        height: echoCover?.height ?? measured.height,
-        panelWidth: width,
-        rtl
-      }) : null;
-      setEchoBox(previous => sameEchoBox(previous, nextEchoBox) ? previous : nextEchoBox);
-      placeIconEcho(dropdownElement, {
-        offset: echoStart,
-        width: measured.width,
-        height: measured.height,
-        up: iconEchoUpRef.current,
-        overlay: echoOverlays,
-        group: echoCover
-      });
+      placedLeft = Math.round(placedLeft);
       placeEchoOverTrigger(dropdownElement, {
         triggerLeft: measured.left,
         triggerRight: measured.right,
@@ -732,7 +655,7 @@ function FloatingPanelWeb({
       dropdownElement.style.left = `${cssLeft2}px`;
       dropdownElement.style.maxHeight = `${maxHeight}px`;
       dropdownElement.dir = rtl ? "rtl" : "ltr";
-      dropdownElement.style.transformOrigin = `${iconEchoUpRef.current ? "bottom" : "top"} ${rtl !== alignEnd ? "right" : "left"}`;
+      dropdownElement.style.transformOrigin = `${openedUpRef.current ? "bottom" : "top"} ${rtl !== alignEnd ? "right" : "left"}`;
       dropdownElement.style.visibility = "visible";
       overlayStyleRef.current = {
         top: top2,
@@ -863,7 +786,7 @@ function FloatingPanelWeb({
         });
       }
     });
-  }, [isFill, isContextMenu, pointMenu, showIconEcho, cover, anchorRect, clampCollisions, sheetProps.scrollable, triggerEcho, coverAlign, panel.placement, panel.refs, panel.triggerRef, panel.updateArrows, panel.panelTransition]);
+  }, [isFill, isContextMenu, pointMenu, coversIcon, cover, anchorRect, clampCollisions, sheetProps.scrollable, triggerEcho, coverAlign, panel.placement, panel.refs, panel.triggerRef, panel.updateArrows, panel.panelTransition]);
   repositionFnRef.current = repositionOverlay;
   const click = useClick(panel.context, {
     event: "mousedown",
@@ -1040,7 +963,7 @@ function FloatingPanelWeb({
               // then positions against this box and is clipped by its scroll.
               transform: panel.visible ? "none" : "scale(0.96)",
               transition: webTransition,
-              transformOrigin: cover && !pointMenu ? `${iconEchoUpRef.current ? "bottom" : "top"} ${isRtl(panel.triggerRef.current) !== coverAlignEndRef.current ? "right" : "left"}` : panelTransformOrigin(pointPlacementRef.current ? `${pointPlacementRef.current.dropup ? "top" : "bottom"}-${pointPlacementRef.current.alignEnd ? "end" : "start"}` : panel.placement)
+              transformOrigin: cover && !pointMenu ? `${openedUpRef.current ? "bottom" : "top"} ${isRtl(panel.triggerRef.current) !== coverAlignEndRef.current ? "right" : "left"}` : panelTransformOrigin(pointPlacementRef.current ? `${pointPlacementRef.current.dropup ? "top" : "bottom"}-${pointPlacementRef.current.alignEnd ? "end" : "start"}` : panel.placement)
             },
             onScroll: handleScroll,
             onTransitionEnd: event => {
@@ -1057,7 +980,7 @@ function FloatingPanelWeb({
           borderRadius: panel.dropdownRadius,
           paddingVertical: 0,
           paddingBottom: panel.coverCornerInset || 0,
-          children: [pointMenu || !cover || !triggerEcho || showIconEcho ? null : /* @__PURE__ */jsx(TriggerEchoRow, {
+          children: [pointMenu || !cover || !triggerEcho || coversIcon ? null : /* @__PURE__ */jsx(TriggerEchoRow, {
             sourceRef: panel.triggerRef,
             source: trigger,
             anchorRect,
@@ -1074,19 +997,14 @@ function FloatingPanelWeb({
             ...(contentPadding !== "none" ? panel.knobProps.gapLg : void 0),
             children: /* @__PURE__ */jsx(OverlayStackProvider, {
               zIndex: panelZIndex,
-              children: /* @__PURE__ */jsx(PanelIconEchoBoxContext.Provider, {
-                value: echoBox,
-                children
-              })
+              children
             })
           }), /* @__PURE__ */jsx(ScrollArrow, {
             direction: "down",
             scrollRef: panel.refs.floating,
             visible: panel.arrowDown,
             arrowScrollDirRef: panel.arrowScrollDirRef
-          }), showIconEcho && iconEcho ? /* @__PURE__ */jsx(IconEchoRow, {
-            children: iconEchoElement(trigger, iconEcho, () => onOpenChange(false), triggerSurface)
-          }) : null]
+          })]
         })
       })
     })]