@multiplatform.one/forms 7.80.0 → 7.81.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (221) hide show
  1. package/dist/cjs/AdaptivePopup/index.cjs +2 -1
  2. package/dist/cjs/AdaptivePopup/index.native.js +2 -1
  3. package/dist/cjs/AdaptivePopup/index.native.js.map +1 -1
  4. package/dist/cjs/Button/index.cjs +12 -5
  5. package/dist/cjs/Button/index.native.js +14 -6
  6. package/dist/cjs/Button/index.native.js.map +1 -1
  7. package/dist/cjs/FloatingPanel/PanelHeader.cjs +3 -8
  8. package/dist/cjs/FloatingPanel/PanelHeader.native.js +3 -8
  9. package/dist/cjs/FloatingPanel/PanelHeader.native.js.map +1 -1
  10. package/dist/cjs/FloatingPanel/coverRect.cjs +0 -8
  11. package/dist/cjs/FloatingPanel/coverRect.native.js +0 -8
  12. package/dist/cjs/FloatingPanel/coverRect.native.js.map +1 -1
  13. package/dist/cjs/FloatingPanel/echoContext.cjs +5 -27
  14. package/dist/cjs/FloatingPanel/echoContext.native.js +5 -28
  15. package/dist/cjs/FloatingPanel/echoContext.native.js.map +1 -1
  16. package/dist/cjs/FloatingPanel/index.cjs +49 -131
  17. package/dist/cjs/FloatingPanel/index.native.js +216 -135
  18. package/dist/cjs/FloatingPanel/index.native.js.map +1 -1
  19. package/dist/cjs/fields/Combobox/index.cjs +3 -10
  20. package/dist/cjs/fields/Combobox/index.native.js +3 -10
  21. package/dist/cjs/fields/Combobox/index.native.js.map +1 -1
  22. package/dist/cjs/fields/Select/InlineChoices.cjs +4 -8
  23. package/dist/cjs/fields/Select/InlineChoices.native.js +4 -8
  24. package/dist/cjs/fields/Select/InlineChoices.native.js.map +1 -1
  25. package/dist/cjs/fields/Select/index.cjs +65 -201
  26. package/dist/cjs/fields/Select/index.native.js +74 -209
  27. package/dist/cjs/fields/Select/index.native.js.map +1 -1
  28. package/dist/cjs/fields/nativeDateTime/OsDateTimeSheet.cjs +2 -2
  29. package/dist/cjs/fields/nativeDateTime/OsDateTimeSheet.native.js +2 -2
  30. package/dist/cjs/fields/nativeDateTime/OsDateTimeSheet.native.js.map +1 -1
  31. package/dist/cjs/index.cjs +4 -0
  32. package/dist/cjs/index.native.js +4 -0
  33. package/dist/cjs/index.native.js.map +1 -1
  34. package/dist/cjs/shared/CheckGlyph.cjs +40 -0
  35. package/dist/cjs/shared/CheckGlyph.native.js +44 -0
  36. package/dist/cjs/shared/CheckGlyph.native.js.map +1 -0
  37. package/dist/cjs/shared/checkedOnField.cjs +104 -0
  38. package/dist/cjs/shared/checkedOnField.native.js +117 -0
  39. package/dist/cjs/shared/checkedOnField.native.js.map +1 -0
  40. package/dist/cjs/shared/floatingList.cjs +12 -5
  41. package/dist/cjs/shared/floatingList.native.js +15 -7
  42. package/dist/cjs/shared/floatingList.native.js.map +1 -1
  43. package/dist/esm/AdaptivePopup/index.mjs +3 -2
  44. package/dist/esm/AdaptivePopup/index.mjs.map +1 -1
  45. package/dist/esm/AdaptivePopup/index.native.js +3 -2
  46. package/dist/esm/AdaptivePopup/index.native.js.map +1 -1
  47. package/dist/esm/Button/index.mjs +12 -5
  48. package/dist/esm/Button/index.mjs.map +1 -1
  49. package/dist/esm/Button/index.native.js +14 -6
  50. package/dist/esm/Button/index.native.js.map +1 -1
  51. package/dist/esm/FloatingPanel/PanelHeader.mjs +3 -8
  52. package/dist/esm/FloatingPanel/PanelHeader.mjs.map +1 -1
  53. package/dist/esm/FloatingPanel/PanelHeader.native.js +3 -8
  54. package/dist/esm/FloatingPanel/PanelHeader.native.js.map +1 -1
  55. package/dist/esm/FloatingPanel/coverRect.mjs +1 -8
  56. package/dist/esm/FloatingPanel/coverRect.mjs.map +1 -1
  57. package/dist/esm/FloatingPanel/coverRect.native.js +1 -8
  58. package/dist/esm/FloatingPanel/coverRect.native.js.map +1 -1
  59. package/dist/esm/FloatingPanel/echoContext.mjs +4 -24
  60. package/dist/esm/FloatingPanel/echoContext.mjs.map +1 -1
  61. package/dist/esm/FloatingPanel/echoContext.native.js +4 -25
  62. package/dist/esm/FloatingPanel/echoContext.native.js.map +1 -1
  63. package/dist/esm/FloatingPanel/index.mjs +53 -135
  64. package/dist/esm/FloatingPanel/index.mjs.map +1 -1
  65. package/dist/esm/FloatingPanel/index.native.js +180 -99
  66. package/dist/esm/FloatingPanel/index.native.js.map +1 -1
  67. package/dist/esm/fields/Combobox/index.mjs +4 -11
  68. package/dist/esm/fields/Combobox/index.mjs.map +1 -1
  69. package/dist/esm/fields/Combobox/index.native.js +4 -11
  70. package/dist/esm/fields/Combobox/index.native.js.map +1 -1
  71. package/dist/esm/fields/Select/InlineChoices.mjs +2 -6
  72. package/dist/esm/fields/Select/InlineChoices.mjs.map +1 -1
  73. package/dist/esm/fields/Select/InlineChoices.native.js +2 -6
  74. package/dist/esm/fields/Select/InlineChoices.native.js.map +1 -1
  75. package/dist/esm/fields/Select/index.mjs +68 -204
  76. package/dist/esm/fields/Select/index.mjs.map +1 -1
  77. package/dist/esm/fields/Select/index.native.js +77 -212
  78. package/dist/esm/fields/Select/index.native.js.map +1 -1
  79. package/dist/esm/fields/nativeDateTime/OsDateTimeSheet.mjs +3 -3
  80. package/dist/esm/fields/nativeDateTime/OsDateTimeSheet.mjs.map +1 -1
  81. package/dist/esm/fields/nativeDateTime/OsDateTimeSheet.native.js +3 -3
  82. package/dist/esm/fields/nativeDateTime/OsDateTimeSheet.native.js.map +1 -1
  83. package/dist/esm/index.mjs +3 -1
  84. package/dist/esm/index.mjs.map +1 -1
  85. package/dist/esm/index.native.js +3 -1
  86. package/dist/esm/index.native.js.map +1 -1
  87. package/dist/esm/shared/CheckGlyph.mjs +15 -0
  88. package/dist/esm/shared/CheckGlyph.mjs.map +1 -0
  89. package/dist/esm/shared/CheckGlyph.native.js +16 -0
  90. package/dist/esm/shared/CheckGlyph.native.js.map +1 -0
  91. package/dist/esm/shared/checkedOnField.mjs +76 -0
  92. package/dist/esm/shared/checkedOnField.mjs.map +1 -0
  93. package/dist/esm/shared/checkedOnField.native.js +86 -0
  94. package/dist/esm/shared/checkedOnField.native.js.map +1 -0
  95. package/dist/esm/shared/floatingList.mjs +9 -5
  96. package/dist/esm/shared/floatingList.mjs.map +1 -1
  97. package/dist/esm/shared/floatingList.native.js +12 -7
  98. package/dist/esm/shared/floatingList.native.js.map +1 -1
  99. package/dist/jsx/AdaptivePopup/index.mjs +3 -2
  100. package/dist/jsx/AdaptivePopup/index.mjs.map +1 -1
  101. package/dist/jsx/AdaptivePopup/index.native.js +2 -1
  102. package/dist/jsx/AdaptivePopup/index.native.js.map +1 -1
  103. package/dist/jsx/Button/index.mjs +12 -5
  104. package/dist/jsx/Button/index.mjs.map +1 -1
  105. package/dist/jsx/Button/index.native.js +14 -6
  106. package/dist/jsx/Button/index.native.js.map +1 -1
  107. package/dist/jsx/FloatingPanel/PanelHeader.mjs +3 -8
  108. package/dist/jsx/FloatingPanel/PanelHeader.mjs.map +1 -1
  109. package/dist/jsx/FloatingPanel/PanelHeader.native.js +3 -8
  110. package/dist/jsx/FloatingPanel/PanelHeader.native.js.map +1 -1
  111. package/dist/jsx/FloatingPanel/coverRect.mjs +1 -8
  112. package/dist/jsx/FloatingPanel/coverRect.mjs.map +1 -1
  113. package/dist/jsx/FloatingPanel/coverRect.native.js +0 -8
  114. package/dist/jsx/FloatingPanel/coverRect.native.js.map +1 -1
  115. package/dist/jsx/FloatingPanel/echoContext.mjs +4 -24
  116. package/dist/jsx/FloatingPanel/echoContext.mjs.map +1 -1
  117. package/dist/jsx/FloatingPanel/echoContext.native.js +5 -28
  118. package/dist/jsx/FloatingPanel/echoContext.native.js.map +1 -1
  119. package/dist/jsx/FloatingPanel/index.mjs +53 -135
  120. package/dist/jsx/FloatingPanel/index.mjs.map +1 -1
  121. package/dist/jsx/FloatingPanel/index.native.js +216 -135
  122. package/dist/jsx/FloatingPanel/index.native.js.map +1 -1
  123. package/dist/jsx/fields/Combobox/index.mjs +4 -11
  124. package/dist/jsx/fields/Combobox/index.mjs.map +1 -1
  125. package/dist/jsx/fields/Combobox/index.native.js +3 -10
  126. package/dist/jsx/fields/Combobox/index.native.js.map +1 -1
  127. package/dist/jsx/fields/Select/InlineChoices.mjs +2 -6
  128. package/dist/jsx/fields/Select/InlineChoices.mjs.map +1 -1
  129. package/dist/jsx/fields/Select/InlineChoices.native.js +4 -8
  130. package/dist/jsx/fields/Select/InlineChoices.native.js.map +1 -1
  131. package/dist/jsx/fields/Select/index.mjs +68 -204
  132. package/dist/jsx/fields/Select/index.mjs.map +1 -1
  133. package/dist/jsx/fields/Select/index.native.js +74 -209
  134. package/dist/jsx/fields/Select/index.native.js.map +1 -1
  135. package/dist/jsx/fields/nativeDateTime/OsDateTimeSheet.mjs +3 -3
  136. package/dist/jsx/fields/nativeDateTime/OsDateTimeSheet.mjs.map +1 -1
  137. package/dist/jsx/fields/nativeDateTime/OsDateTimeSheet.native.js +2 -2
  138. package/dist/jsx/fields/nativeDateTime/OsDateTimeSheet.native.js.map +1 -1
  139. package/dist/jsx/index.js +3 -1
  140. package/dist/jsx/index.js.map +1 -1
  141. package/dist/jsx/index.mjs +3 -1
  142. package/dist/jsx/index.mjs.map +1 -1
  143. package/dist/jsx/index.native.js +4 -0
  144. package/dist/jsx/index.native.js.map +1 -1
  145. package/dist/jsx/shared/CheckGlyph.mjs +15 -0
  146. package/dist/jsx/shared/CheckGlyph.mjs.map +1 -0
  147. package/dist/jsx/shared/CheckGlyph.native.js +44 -0
  148. package/dist/jsx/shared/CheckGlyph.native.js.map +1 -0
  149. package/dist/jsx/shared/checkedOnField.mjs +76 -0
  150. package/dist/jsx/shared/checkedOnField.mjs.map +1 -0
  151. package/dist/jsx/shared/checkedOnField.native.js +117 -0
  152. package/dist/jsx/shared/checkedOnField.native.js.map +1 -0
  153. package/dist/jsx/shared/floatingList.mjs +9 -5
  154. package/dist/jsx/shared/floatingList.mjs.map +1 -1
  155. package/dist/jsx/shared/floatingList.native.js +15 -7
  156. package/dist/jsx/shared/floatingList.native.js.map +1 -1
  157. package/package.json +8 -8
  158. package/src/AdaptivePopup/index.tsx +6 -3
  159. package/src/Button/Button.iconButton.spec.tsx +39 -0
  160. package/src/Button/index.tsx +20 -8
  161. package/src/FloatingPanel/FloatingPanel.iconCover.spec.tsx +279 -0
  162. package/src/FloatingPanel/FloatingPanel.menuFace.native.spec.tsx +78 -69
  163. package/src/FloatingPanel/FloatingPanel.seamlessCover.spec.tsx +12 -0
  164. package/src/FloatingPanel/PanelHeader.tsx +4 -12
  165. package/src/FloatingPanel/coverRect.ts +2 -15
  166. package/src/FloatingPanel/echoContext.ts +6 -40
  167. package/src/FloatingPanel/index.native.tsx +209 -144
  168. package/src/FloatingPanel/index.tsx +71 -187
  169. package/src/FloatingPanel/pointAnchor.spec.ts +1 -1
  170. package/src/FloatingPanel/pointAnchor.ts +4 -4
  171. package/src/FloatingPanel/sheetGrabber.spec.tsx +53 -0
  172. package/src/fields/Combobox/index.tsx +4 -9
  173. package/src/fields/Select/InlineChoices.tsx +2 -2
  174. package/src/fields/Select/Select.containingBlock.spec.tsx +131 -130
  175. package/src/fields/Select/Select.popUp.native.spec.tsx +276 -0
  176. package/src/fields/Select/Select.stories.tsx +26 -0
  177. package/src/fields/Select/index.tsx +84 -255
  178. package/src/fields/nativeDateTime/OsDateTimeSheet.tsx +3 -3
  179. package/src/index.ts +2 -1
  180. package/src/shared/CheckGlyph.tsx +12 -0
  181. package/src/shared/checkedOnField.ts +116 -0
  182. package/src/shared/floatingList.spec.tsx +154 -1
  183. package/src/shared/floatingList.tsx +18 -9
  184. package/types/AdaptivePopup/index.d.ts.map +1 -1
  185. package/types/Button/index.d.ts.map +1 -1
  186. package/types/FloatingPanel/PanelHeader.d.ts +1 -6
  187. package/types/FloatingPanel/PanelHeader.d.ts.map +1 -1
  188. package/types/FloatingPanel/coverRect.d.ts +2 -11
  189. package/types/FloatingPanel/coverRect.d.ts.map +1 -1
  190. package/types/FloatingPanel/echoContext.d.ts +5 -22
  191. package/types/FloatingPanel/echoContext.d.ts.map +1 -1
  192. package/types/FloatingPanel/index.d.ts +22 -9
  193. package/types/FloatingPanel/index.d.ts.map +1 -1
  194. package/types/FloatingPanel/index.native.d.ts +8 -1
  195. package/types/FloatingPanel/index.native.d.ts.map +1 -1
  196. package/types/FloatingPanel/pointAnchor.d.ts +4 -4
  197. package/types/fields/Combobox/index.d.ts.map +1 -1
  198. package/types/fields/Select/index.d.ts.map +1 -1
  199. package/types/index.d.ts +2 -1
  200. package/types/index.d.ts.map +1 -1
  201. package/types/shared/CheckGlyph.d.ts +10 -0
  202. package/types/shared/CheckGlyph.d.ts.map +1 -0
  203. package/types/shared/checkedOnField.d.ts +54 -0
  204. package/types/shared/checkedOnField.d.ts.map +1 -0
  205. package/types/shared/floatingList.d.ts +5 -2
  206. package/types/shared/floatingList.d.ts.map +1 -1
  207. package/dist/cjs/FloatingPanel/iconEcho.cjs +0 -106
  208. package/dist/cjs/FloatingPanel/iconEcho.native.js +0 -116
  209. package/dist/cjs/FloatingPanel/iconEcho.native.js.map +0 -1
  210. package/dist/esm/FloatingPanel/iconEcho.mjs +0 -79
  211. package/dist/esm/FloatingPanel/iconEcho.mjs.map +0 -1
  212. package/dist/esm/FloatingPanel/iconEcho.native.js +0 -86
  213. package/dist/esm/FloatingPanel/iconEcho.native.js.map +0 -1
  214. package/dist/jsx/FloatingPanel/iconEcho.mjs +0 -79
  215. package/dist/jsx/FloatingPanel/iconEcho.mjs.map +0 -1
  216. package/dist/jsx/FloatingPanel/iconEcho.native.js +0 -116
  217. package/dist/jsx/FloatingPanel/iconEcho.native.js.map +0 -1
  218. package/src/FloatingPanel/FloatingPanel.iconEcho.spec.tsx +0 -357
  219. package/src/FloatingPanel/iconEcho.tsx +0 -124
  220. package/types/FloatingPanel/iconEcho.d.ts +0 -29
  221. package/types/FloatingPanel/iconEcho.d.ts.map +0 -1
@@ -1 +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":[]}
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"],"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":[]}
@@ -12,12 +12,5 @@ function pressTargetRect(trigger, min = MIN_PRESS_TARGET) {
12
12
  function iconCoverRect(trigger, group) {
13
13
  return group ?? pressTargetRect(trigger);
14
14
  }
15
- function echoInCover(trigger, cover) {
16
- if (cover.y === trigger.y && cover.height === trigger.height) return null;
17
- return {
18
- top: trigger.y - cover.y,
19
- height: cover.height
20
- };
21
- }
22
- export { echoInCover, iconCoverRect, pressTargetRect };
15
+ export { iconCoverRect, pressTargetRect };
23
16
  //# sourceMappingURL=coverRect.mjs.map
@@ -1 +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":[]}
1
+ {"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":[]}
@@ -24,7 +24,6 @@ var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
24
24
  }), mod);
25
25
  var coverRect_exports = {};
26
26
  __export(coverRect_exports, {
27
- echoInCover: () => echoInCover,
28
27
  iconCoverRect: () => iconCoverRect,
29
28
  pressTargetRect: () => pressTargetRect
30
29
  });
@@ -44,11 +43,4 @@ function pressTargetRect(trigger) {
44
43
  function iconCoverRect(trigger, group) {
45
44
  return group !== null && group !== void 0 ? group : pressTargetRect(trigger);
46
45
  }
47
- function echoInCover(trigger, cover) {
48
- if (cover.y === trigger.y && cover.height === trigger.height) return null;
49
- return {
50
- top: trigger.y - cover.y,
51
- height: cover.height
52
- };
53
- }
54
46
  //# sourceMappingURL=coverRect.native.js.map
@@ -1 +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":[]}
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"],"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":[]}
@@ -7,29 +7,9 @@ const PanelTriggerRadiusContext = createContext(null);
7
7
  function usePanelTriggerRadiusReporter() {
8
8
  return useContext(PanelTriggerRadiusContext);
9
9
  }
10
- const PanelIconEchoBoxContext = createContext(null);
11
- function usePanelIconEchoBox() {
12
- return useContext(PanelIconEchoBoxContext);
10
+ const PanelSheetContext = createContext(false);
11
+ function useInPanelSheet() {
12
+ return useContext(PanelSheetContext);
13
13
  }
14
- function echoHeaderBox({
15
- offset,
16
- width,
17
- height,
18
- panelWidth,
19
- rtl = false
20
- }) {
21
- const atStart = offset + width / 2 < panelWidth / 2;
22
- const start = atStart ? Math.max(0, offset + width) : 0;
23
- const end = atStart ? 0 : Math.max(0, panelWidth - offset);
24
- return {
25
- height,
26
- left: rtl ? end : start,
27
- right: rtl ? start : end
28
- };
29
- }
30
- function sameEchoBox(a, b) {
31
- if (a == null || b == null) return a === b;
32
- return a.height === b.height && a.left === b.left && a.right === b.right;
33
- }
34
- export { PanelEchoContext, PanelIconEchoBoxContext, PanelTriggerRadiusContext, echoHeaderBox, sameEchoBox, useInPanelEcho, usePanelIconEchoBox, usePanelTriggerRadiusReporter };
14
+ export { PanelEchoContext, PanelSheetContext, PanelTriggerRadiusContext, useInPanelEcho, useInPanelSheet, usePanelTriggerRadiusReporter };
35
15
  //# sourceMappingURL=echoContext.mjs.map
@@ -1 +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":[]}
1
+ {"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":[]}
@@ -25,12 +25,10 @@ var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
25
25
  var echoContext_exports = {};
26
26
  __export(echoContext_exports, {
27
27
  PanelEchoContext: () => PanelEchoContext,
28
- PanelIconEchoBoxContext: () => PanelIconEchoBoxContext,
28
+ PanelSheetContext: () => PanelSheetContext,
29
29
  PanelTriggerRadiusContext: () => PanelTriggerRadiusContext,
30
- echoHeaderBox: () => echoHeaderBox,
31
- sameEchoBox: () => sameEchoBox,
32
30
  useInPanelEcho: () => useInPanelEcho,
33
- usePanelIconEchoBox: () => usePanelIconEchoBox,
31
+ useInPanelSheet: () => useInPanelSheet,
34
32
  usePanelTriggerRadiusReporter: () => usePanelTriggerRadiusReporter
35
33
  });
36
34
  module.exports = __toCommonJS(echoContext_exports);
@@ -43,29 +41,8 @@ var PanelTriggerRadiusContext = (0, import_react.createContext)(null);
43
41
  function usePanelTriggerRadiusReporter() {
44
42
  return (0, import_react.useContext)(PanelTriggerRadiusContext);
45
43
  }
46
- var PanelIconEchoBoxContext = (0, import_react.createContext)(null);
47
- function usePanelIconEchoBox() {
48
- return (0, import_react.useContext)(PanelIconEchoBoxContext);
49
- }
50
- function echoHeaderBox(param) {
51
- var {
52
- offset,
53
- width,
54
- height,
55
- panelWidth,
56
- rtl = false
57
- } = param;
58
- var atStart = offset + width / 2 < panelWidth / 2;
59
- var start = atStart ? Math.max(0, offset + width) : 0;
60
- var end = atStart ? 0 : Math.max(0, panelWidth - offset);
61
- return {
62
- height,
63
- left: rtl ? end : start,
64
- right: rtl ? start : end
65
- };
66
- }
67
- function sameEchoBox(a, b) {
68
- if (a == null || b == null) return a === b;
69
- return a.height === b.height && a.left === b.left && a.right === b.right;
44
+ var PanelSheetContext = (0, import_react.createContext)(false);
45
+ function useInPanelSheet() {
46
+ return (0, import_react.useContext)(PanelSheetContext);
70
47
  }
71
48
  //# sourceMappingURL=echoContext.native.js.map
@@ -1 +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":[]}
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"],"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":[]}
@@ -1,6 +1,6 @@
1
- import { transitionProps } from "@multiplatform.one/theme";
1
+ import { transitionProps, overlayScrim, sheetGrabber, sheetGrabberClearance } from "@multiplatform.one/theme";
2
2
  import { cloneElement, isValidElement, useCallback, useEffect, useLayoutEffect, useRef, useState, useSyncExternalStore } from "react";
3
- import { OVERLAY_ANCHOR_GAP, OVERLAY_ATTACH_GAP, OVERLAY_BREAKPOINT, Surface, SurfaceContext, useResolvedKnobs, wasKeyboardFocus, ensureKeyboardModalityTracking, motionDurationMs } from "@multiplatform.one/theme";
3
+ import { OVERLAY_ANCHOR_GAP, OVERLAY_ATTACH_GAP, OVERLAY_BREAKPOINT, Surface, useResolvedKnobs, wasKeyboardFocus, ensureKeyboardModalityTracking, motionDurationMs } from "@multiplatform.one/theme";
4
4
  import { isWeb, Sheet, Theme, View, YStack } from "tamagui";
5
5
  import { useClick, useDismiss, useInteractions } from "@floating-ui/react";
6
6
  import { ScrollArrow } from "../shared/floatingList.mjs";
@@ -14,9 +14,8 @@ import { OverlayStackProvider, useInsideOverlay, useOverlayZIndex } from "../sha
14
14
  import { resolveCompactFace } from "./compactFace.mjs";
15
15
  import { isNestedPanelAction } from "./nestedAction.mjs";
16
16
  import { PanelPortal } from "./PanelPortal.mjs";
17
- import { echoHeaderBox, PanelIconEchoBoxContext, sameEchoBox } from "./echoContext.mjs";
18
- import { iconEchoElement, iconEchoOverlays } from "./iconEcho.mjs";
19
- import { echoInCover, iconCoverRect } from "./coverRect.mjs";
17
+ import { PanelSheetContext } from "./echoContext.mjs";
18
+ import { iconCoverRect } from "./coverRect.mjs";
20
19
  import { groupSurfaceOf, paintedTriggerBox } from "./paintedBox.mjs";
21
20
  import { contextMenuPoint, placeOverTrigger, pointOpensUp, pointPanelLeft, referenceCornerPoint } from "./pointAnchor.mjs";
22
21
  import { floatingPanelActionProps, isNestedPanelAction as isNestedPanelAction2 } from "./nestedAction.mjs";
@@ -125,7 +124,6 @@ function TriggerEchoRow({
125
124
  const stretched = grown > rect.width;
126
125
  row.style.width = `${stretched ? grown : rect.width}px`;
127
126
  row.style.height = `${rect.height}px`;
128
- const rtl = isRtl(source2);
129
127
  row.style.alignSelf = "flex-start";
130
128
  const frameStyle = row.parentElement ? getComputedStyle(row.parentElement) : null;
131
129
  row.style.position = "sticky";
@@ -133,8 +131,8 @@ function TriggerEchoRow({
133
131
  row.style.top = row.style.marginTop;
134
132
  row.style.zIndex = "1";
135
133
  row.style.backgroundColor = frameStyle?.backgroundColor ?? "";
136
- row.style.marginLeft = rtl ? "" : `${-(parseFloat(frameStyle?.borderLeftWidth || "0") || 0)}px`;
137
- row.style.marginRight = rtl ? `${-(parseFloat(frameStyle?.borderRightWidth || "0") || 0)}px` : "";
134
+ row.style.marginLeft = `${-(parseFloat(frameStyle?.borderLeftWidth || "0") || 0)}px`;
135
+ row.style.marginRight = `${-(parseFloat(frameStyle?.borderRightWidth || "0") || 0)}px`;
138
136
  const snapshot = children == null ? source2.cloneNode(true) : visualRef.current;
139
137
  if (!snapshot) return;
140
138
  const sourceFields = source2.querySelectorAll("input, textarea");
@@ -218,71 +216,6 @@ function placeEchoOverTrigger(panelElement, geometry, {
218
216
  }
219
217
  }
220
218
  }
221
- function IconEchoRow({
222
- children
223
- }) {
224
- return /* @__PURE__ */jsx(View, {
225
- "data-fp-icon-echo": "",
226
- flexShrink: 0,
227
- alignSelf: "stretch",
228
- pointerEvents: "box-none",
229
- style: {
230
- order: -1,
231
- position: "sticky",
232
- zIndex: 1
233
- },
234
- children: /* @__PURE__ */jsx(View, {
235
- "data-fp-icon-echo-box": "",
236
- alignItems: "flex-start",
237
- justifyContent: "flex-start",
238
- children
239
- })
240
- });
241
- }
242
- function placeIconEcho(panelElement, {
243
- offset,
244
- width,
245
- height,
246
- up,
247
- overlay,
248
- group = null
249
- }) {
250
- const row = panelElement.querySelector("[data-fp-icon-echo]");
251
- const box = row?.querySelector("[data-fp-icon-echo-box]");
252
- if (!row || !box) return;
253
- const frame = getComputedStyle(panelElement);
254
- const border = side => parseFloat(frame[`border${side}Width`] || "0") || 0;
255
- const rtl = panelElement.dir === "rtl";
256
- row.style.order = up ? "1" : "-1";
257
- row.style.height = `${height}px`;
258
- row.style.backgroundColor = overlay ? "transparent" : frame.backgroundColor;
259
- if (up) {
260
- row.style.top = "";
261
- row.style.marginTop = "";
262
- row.style.marginBottom = `${-border("Bottom")}px`;
263
- row.style.bottom = row.style.marginBottom;
264
- } else {
265
- row.style.bottom = "";
266
- row.style.marginTop = `${-border("Top")}px`;
267
- row.style.marginBottom = overlay ? `${-(height - border("Top"))}px` : "";
268
- row.style.top = row.style.marginTop;
269
- }
270
- row.setAttribute("data-fp-icon-echo", overlay ? "overlay" : "band");
271
- if (group) {
272
- row.style.height = `${group.height}px`;
273
- if (!up && overlay) row.style.marginBottom = `${-(group.height - border("Top"))}px`;
274
- }
275
- row.style.marginLeft = `${-border("Left")}px`;
276
- row.style.marginRight = `${-border("Right")}px`;
277
- box.style.width = `${width}px`;
278
- box.style.height = `${height}px`;
279
- box.style.marginLeft = rtl ? "" : `${offset}px`;
280
- box.style.marginRight = rtl ? `${offset}px` : "";
281
- box.style.alignSelf = "flex-start";
282
- box.style.marginTop = group ? `${group.top}px` : "";
283
- box.style.position = "relative";
284
- box.style.zIndex = "1";
285
- }
286
219
  function layoutParentOf(element) {
287
220
  let parent = element?.parentElement ?? null;
288
221
  while (parent && getComputedStyle(parent).display === "contents") parent = parent.parentElement;
@@ -433,14 +366,17 @@ function FloatingPanelSheet({
433
366
  ...transitionProps(slideMotion),
434
367
  children: [/* @__PURE__ */jsx(Sheet.Overlay, {
435
368
  ...transitionProps(scrimMotion),
436
- backgroundColor: "$shadow6",
369
+ backgroundColor: overlayScrim,
437
370
  enterStyle: {
438
371
  opacity: 0
439
372
  },
440
373
  exitStyle: {
441
374
  opacity: 0
442
375
  }
443
- }), /* @__PURE__ */jsx(Sheet.Handle, {}), /* @__PURE__ */jsx(Sheet.Frame, {
376
+ }), /* @__PURE__ */jsx(Sheet.Handle, {
377
+ ...sheetGrabber,
378
+ "aria-label": "Resize"
379
+ }), /* @__PURE__ */jsx(Sheet.Frame, {
444
380
  "data-testid": "floating-panel-sheet",
445
381
  ...{
446
382
  ref: sheetFrameRef,
@@ -449,16 +385,34 @@ function FloatingPanelSheet({
449
385
  ...knobProps.elevatedSurface,
450
386
  borderBottomLeftRadius: 0,
451
387
  borderBottomRightRadius: 0,
388
+ borderLeftWidth: 0,
389
+ borderRightWidth: 0,
390
+ borderBottomWidth: 0,
452
391
  ...panelChromeFocus,
453
392
  padding: framePadding,
393
+ ...(contentPadding === "none" ? {
394
+ paddingTop: sheetGrabberClearance
395
+ } : null),
454
396
  gap: frameGap,
455
- children: /* @__PURE__ */jsxs(OverlayStackProvider, {
397
+ children: /* @__PURE__ */jsx(OverlayStackProvider, {
456
398
  zIndex: sheetZIndex,
457
- children: [header, scrollable ? /* @__PURE__ */jsx(Sheet.ScrollView, {
458
- flex: header ? 1 : void 0,
459
- ...scrollViewProps,
460
- children
461
- }) : children]
399
+ children: /* @__PURE__ */jsxs(PanelSheetContext.Provider, {
400
+ value: true,
401
+ children: [header, scrollable ? /* @__PURE__ */jsx(Sheet.ScrollView, {
402
+ flex: header ? 1 : void 0,
403
+ ...scrollViewProps,
404
+ children
405
+ }) : children, contentPadding === "none" ?
406
+ // An edge-to-edge list clears the home indicator (HIG); a padded
407
+ // frame's own padding already does.
408
+ /* @__PURE__ */
409
+ jsx(View, {
410
+ style: {
411
+ height: "env(safe-area-inset-bottom)"
412
+ },
413
+ flexShrink: 0
414
+ }) : null]
415
+ })
462
416
  })
463
417
  })]
464
418
  })]
@@ -480,7 +434,7 @@ function FloatingPanelWeb({
480
434
  cover = true,
481
435
  triggerEcho = true,
482
436
  coverAlign = "start",
483
- iconEcho,
437
+ iconCover,
484
438
  triggerRow,
485
439
  anchorRect,
486
440
  clampCollisions = false,
@@ -491,10 +445,8 @@ function FloatingPanelWeb({
491
445
  const isFill = sizing === "fill";
492
446
  const isContextMenu = openOn === "contextmenu";
493
447
  const pointMenu = isContextMenu && sheetProps.anchorMode !== "cover-trigger";
494
- const showIconEcho = cover && !pointMenu && iconEcho != null;
495
- const triggerSurface = SurfaceContext.useStyledContext();
496
- const iconEchoUpRef = useRef(false);
497
- const [echoBox, setEchoBox] = useState(null);
448
+ const coversIcon = cover && !pointMenu && iconCover === true;
449
+ const openedUpRef = useRef(false);
498
450
  const overlayStyleRef = useRef(null);
499
451
  const pinnedTopRef = useRef(0);
500
452
  const pinnedHeightRef = useRef(0);
@@ -582,19 +534,19 @@ function FloatingPanelWeb({
582
534
  const viewportRight = viewportLeft + (viewport?.width ?? (document.documentElement.clientWidth || window.innerWidth));
583
535
  const viewportBottom = viewportTop + (viewport?.height ?? window.innerHeight);
584
536
  dropdownElement.style.left = `${viewportLeft - containingBlock.left}px`;
585
- const groupSurface = showIconEcho ? groupSurfaceOf(trig) : null;
537
+ const groupSurface = coversIcon ? groupSurfaceOf(trig) : null;
586
538
  const groupBox = groupSurface?.getBoundingClientRect() ?? null;
587
- if (showIconEcho) dropdownElement.style.minWidth = groupBox ? `${groupBox.width}px` : "";
539
+ if (coversIcon) dropdownElement.style.minWidth = groupBox ? `${groupBox.width}px` : "";
588
540
  const layoutStyle = getComputedStyle(dropdownElement);
589
541
  const scale = layoutStyle.transform && layoutStyle.transform !== "none" && typeof DOMMatrixReadOnly !== "undefined" ? Math.abs(new DOMMatrixReadOnly(layoutStyle.transform).a) : 1;
590
542
  const layoutWidth = dropdownElement.getBoundingClientRect().width / (scale || 1);
591
543
  const width = Math.max(layoutWidth || dropdownElement.offsetWidth, measured.width);
592
544
  const startLeft = rtl ? measured.right - width : measured.left;
593
545
  const endLeft = rtl ? measured.left : measured.right - width;
594
- const iconCover = coverAlign === "auto";
546
+ const iconCover2 = coverAlign === "auto";
595
547
  const startFree = rtl ? startLeft >= viewportLeft + panelViewportPadding : startLeft + width <= viewportRight - panelViewportPadding;
596
548
  const endFree = rtl ? endLeft + width <= viewportRight - panelViewportPadding : endLeft >= viewportLeft + panelViewportPadding;
597
- let alignEnd = iconCover && !startFree && endFree;
549
+ let alignEnd = iconCover2 && !startFree && endFree;
598
550
  const slides = slidesAlongScreen(panelWidth);
599
551
  const margins = {
600
552
  boundsLeft: viewportLeft + panelViewportPadding,
@@ -621,7 +573,7 @@ function FloatingPanelWeb({
621
573
  const bodyStyle = contentRef.current ? getComputedStyle(contentRef.current) : null;
622
574
  const bodyPadding = (parseFloat(bodyStyle?.paddingTop || "0") || 0) + (parseFloat(bodyStyle?.paddingBottom || "0") || 0);
623
575
  const neededHeight = sheetProps.scrollable ? Math.min(totalContentHeight, measured.height + firstActionHeight + bodyPadding + totalBorderWidth) : totalContentHeight;
624
- const painted = showIconEcho ? paintedTriggerBox(trig, measured) : null;
576
+ const painted = coversIcon ? paintedTriggerBox(trig, measured) : null;
625
577
  const coverRect = painted ? iconCoverRect({
626
578
  x: painted.left,
627
579
  y: measured.top,
@@ -633,16 +585,10 @@ function FloatingPanelWeb({
633
585
  width: groupBox.width,
634
586
  height: groupBox.height
635
587
  } : null) : null;
636
- const echoCover = coverRect ? echoInCover({
637
- x: measured.left,
638
- y: measured.top,
639
- width: measured.width,
640
- height: measured.height
641
- }, coverRect) : null;
642
588
  let placedTop = measured.top;
643
589
  let placedLeft = left;
644
590
  let placedMaxHeight = null;
645
- iconEchoUpRef.current = false;
591
+ openedUpRef.current = false;
646
592
  if (coverRect && measured.width > 0 && measured.height > 0) {
647
593
  const placed = placeOverTrigger({
648
594
  trigger: coverRect,
@@ -662,9 +608,9 @@ function FloatingPanelWeb({
662
608
  if (!slides) placedLeft = placed.left;
663
609
  alignEnd = placed.end;
664
610
  placedMaxHeight = placed.maxHeight;
665
- iconEchoUpRef.current = placed.up;
611
+ openedUpRef.current = placed.up;
666
612
  } 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)) {
667
- if (!clampCollisions && !iconCover) {
613
+ if (!clampCollisions && !iconCover2) {
668
614
  dropdownElement.style.visibility = "hidden";
669
615
  setCollisionSheet(true);
670
616
  return;
@@ -692,30 +638,7 @@ function FloatingPanelWeb({
692
638
  alignEnd = placed.end;
693
639
  }
694
640
  coverAlignEndRef.current = alignEnd;
695
- const echoStart = echoOffset({
696
- triggerLeft: measured.left,
697
- triggerRight: measured.right,
698
- panelLeft: placedLeft,
699
- panelWidth: width,
700
- rtl
701
- });
702
- const echoOverlays = iconEcho != null && iconEchoOverlays(iconEcho, iconEchoUpRef.current);
703
- const nextEchoBox = showIconEcho && echoOverlays ? echoHeaderBox({
704
- offset: echoStart,
705
- width: measured.width,
706
- height: echoCover?.height ?? measured.height,
707
- panelWidth: width,
708
- rtl
709
- }) : null;
710
- setEchoBox(previous => sameEchoBox(previous, nextEchoBox) ? previous : nextEchoBox);
711
- placeIconEcho(dropdownElement, {
712
- offset: echoStart,
713
- width: measured.width,
714
- height: measured.height,
715
- up: iconEchoUpRef.current,
716
- overlay: echoOverlays,
717
- group: echoCover
718
- });
641
+ placedLeft = Math.round(placedLeft);
719
642
  placeEchoOverTrigger(dropdownElement, {
720
643
  triggerLeft: measured.left,
721
644
  triggerRight: measured.right,
@@ -732,7 +655,7 @@ function FloatingPanelWeb({
732
655
  dropdownElement.style.left = `${cssLeft2}px`;
733
656
  dropdownElement.style.maxHeight = `${maxHeight}px`;
734
657
  dropdownElement.dir = rtl ? "rtl" : "ltr";
735
- dropdownElement.style.transformOrigin = `${iconEchoUpRef.current ? "bottom" : "top"} ${rtl !== alignEnd ? "right" : "left"}`;
658
+ dropdownElement.style.transformOrigin = `${openedUpRef.current ? "bottom" : "top"} ${rtl !== alignEnd ? "right" : "left"}`;
736
659
  dropdownElement.style.visibility = "visible";
737
660
  overlayStyleRef.current = {
738
661
  top: top2,
@@ -863,7 +786,7 @@ function FloatingPanelWeb({
863
786
  });
864
787
  }
865
788
  });
866
- }, [isFill, isContextMenu, pointMenu, showIconEcho, cover, anchorRect, clampCollisions, sheetProps.scrollable, triggerEcho, coverAlign, panel.placement, panel.refs, panel.triggerRef, panel.updateArrows, panel.panelTransition]);
789
+ }, [isFill, isContextMenu, pointMenu, coversIcon, cover, anchorRect, clampCollisions, sheetProps.scrollable, triggerEcho, coverAlign, panel.placement, panel.refs, panel.triggerRef, panel.updateArrows, panel.panelTransition]);
867
790
  repositionFnRef.current = repositionOverlay;
868
791
  const click = useClick(panel.context, {
869
792
  event: "mousedown",
@@ -1040,7 +963,7 @@ function FloatingPanelWeb({
1040
963
  // then positions against this box and is clipped by its scroll.
1041
964
  transform: panel.visible ? "none" : "scale(0.96)",
1042
965
  transition: webTransition,
1043
- 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)
966
+ 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)
1044
967
  },
1045
968
  onScroll: handleScroll,
1046
969
  onTransitionEnd: event => {
@@ -1057,7 +980,7 @@ function FloatingPanelWeb({
1057
980
  borderRadius: panel.dropdownRadius,
1058
981
  paddingVertical: 0,
1059
982
  paddingBottom: panel.coverCornerInset || 0,
1060
- children: [pointMenu || !cover || !triggerEcho || showIconEcho ? null : /* @__PURE__ */jsx(TriggerEchoRow, {
983
+ children: [pointMenu || !cover || !triggerEcho || coversIcon ? null : /* @__PURE__ */jsx(TriggerEchoRow, {
1061
984
  sourceRef: panel.triggerRef,
1062
985
  source: trigger,
1063
986
  anchorRect,
@@ -1074,19 +997,14 @@ function FloatingPanelWeb({
1074
997
  ...(contentPadding !== "none" ? panel.knobProps.gapLg : void 0),
1075
998
  children: /* @__PURE__ */jsx(OverlayStackProvider, {
1076
999
  zIndex: panelZIndex,
1077
- children: /* @__PURE__ */jsx(PanelIconEchoBoxContext.Provider, {
1078
- value: echoBox,
1079
- children
1080
- })
1000
+ children
1081
1001
  })
1082
1002
  }), /* @__PURE__ */jsx(ScrollArrow, {
1083
1003
  direction: "down",
1084
1004
  scrollRef: panel.refs.floating,
1085
1005
  visible: panel.arrowDown,
1086
1006
  arrowScrollDirRef: panel.arrowScrollDirRef
1087
- }), showIconEcho && iconEcho ? /* @__PURE__ */jsx(IconEchoRow, {
1088
- children: iconEchoElement(trigger, iconEcho, () => onOpenChange(false), triggerSurface)
1089
- }) : null]
1007
+ })]
1090
1008
  })
1091
1009
  })
1092
1010
  })]