@stackflow/plugin-basic-ui 1.5.0 → 1.5.2-canary.0

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 (12) hide show
  1. package/dist/hooks/index.d.ts +1 -0
  2. package/dist/hooks/useMounted.d.ts +1 -0
  3. package/dist/index.css +3 -3
  4. package/dist/index.css.map +1 -1
  5. package/dist/index.js +46 -35
  6. package/dist/index.js.map +4 -4
  7. package/dist/index.mjs +16 -5
  8. package/dist/index.mjs.map +4 -4
  9. package/package.json +5 -5
  10. package/src/components/AppScreen.tsx +6 -2
  11. package/src/hooks/index.ts +1 -0
  12. package/src/hooks/useMounted.ts +11 -0
package/dist/hooks/index.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  export * from "./useLazy";
2
2
  export * from "./useMaxWidth";
3
+ export * from "./useMounted";
3
4
  export * from "./useNullableActivity";
4
5
  export * from "./useStyleEffect";
5
6
  export * from "./useStyleEffectHide";
package/dist/hooks/useMounted.d.ts ADDED
@@ -0,0 +1 @@
1
+ export declare function useMounted(): boolean;
package/dist/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* vanilla-extract-css-ns:src/basicUIPlugin.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+2U0UrDMBSG7/cUAW8UPKWp1kH2MJI2p222NScmp3Moe3fZcHqzUdsKIhRykYt8yQ/5z5c8y5cns87WqXhfCAEQWZebakuv4LddbR0UOtoSOguFLjd1oM4ZKGlLQYmbqqpWPZSx7QUy1IW+Te/F50pkftd3EQftomVLDkwX9HGjRBr7sJJa3zGasbz2HgodoKBgMFzLny5781+66JdCRfuGSki//ynXoK0bVuIhyQO2w6ipmVvrRr5vS3Jf1ctkJrPH4ejU+Ix7HhniG53876NG8Ro9NQ3tMBwPKNFYY9ANaULUFYIOqMG6iAxMXom0v8kFMVMLsUHk8xgEbWwXlZCnTh0WydltcnbbP3dbmuTD7ZYly7/V28AAs99mv43yW37ymyfrGAPgDh1HJRw5XC0OH4MtmTbiCQAA */
1
+ /* vanilla-extract-css-ns:src/basicUIPlugin.css.ts.vanilla.css?source=#H4sIAAAAAAAAE+2U30rDMBTG7/cUAW8UTGmrdVAfRtLktD1bmxPzZw7FdzcbG95s1LaCCKW9SML55XyQ73zJS/b6pDb5JmUfK8Y4d17Ibd3RGzddaFDzSjiUPGBcyG1jKWjFJXVkS3ZT1/XzAKWwv0DaphK36T07/UlW3A1d5K3QDj2S5ipYcViULHVDmKTeBA9qKi+MiRvLK7IK7DX96XpQ/6WLfkmUw3coWWb2P+VawKb1JXtICgv9OGqu5j4eTuuPMrY8Wy/P4vc4Hp0r38PeTxTxjc5+90mjeI2eq4Z2YA8FJWtRKdBjnOBEDVxYEBy1g2guMrH1sJMr8p567lqI0GkMrFAYXByEo6c+V8k527Il2/55tqVJMT7d8mT9t/E2UsCSb0u+Tcq34phvhlD7WAY70D6WadIQy74Agy2ZNuIJAAA= */
2
2
  ._1q6dj2j0 {
3
3
  --stackflow-plugin-basic-ui-background-color: #fff;
4
4
  --stackflow-plugin-basic-ui-dim-background-color: rgba(0, 0, 0, 0.15);
@@ -105,7 +105,7 @@
105
105
  background: none;
106
106
  }
107
107
 
108
- /* vanilla-extract-css-ns:src/components/AppScreen.css.ts.vanilla.css?source=#H4sIAAAAAAAAA9WUwY6bMBCG73mKuVQCFUcm2d22zqVvUhnbISbGpsYkm1b77hUGkkASSKK9lBPSeD7/M/N75r9irtYvy5c3+DsDSCjbptZUmiNmlLEEdtQGCJWOsu1amT0qVJVKjRJaSoYqibjM0TArXM0+ZvOO/O1J8jj1u6c6S3UpnTSaNP9rY/OW3J3EYQSmoEy6w0Wkh2QnZI1piYo6seRBjPGXCHAEgyTpk1o+AbyaAfxBUnPxTgbXxWEd3EulENtQnQrS5bXE3288W2QYBvCNkOnGEYixFfmq10sCSmpBLUot5VJoFzw1rwhsmtAANwXWNfoiZ9B+R0E/zrRFl2F6Fu6ivfbE17HJOJZNYXFvJFkT3AnrO3AgUDJrlKpbh/Yi2UqHjtEmJHVKwJmKbUbmt7ic39EsfQGEdPc0+IRar4nLslD0QEAbLXpDj2Eg/z4bHnvlu3WBOhtXFk2cPZtddjo6IgX3n8OFebMrL+M2ypt7rCz8QFn4nrLOTXlvkQ1o+ym7J4KCci51ipwpJrchLQqUUIuaZYBOlyNeWVr/eHeeIac3bJ8Z3jKkmnBB68mbRsjH8l+vr1Xtc/aSuw2BeL54bVffjae57Geb5sanenDat4wq5h8coEcxXs7PsioKY10JQW8szOjSUe2Ckq4FolZQJHUpXB0NQy99YLXBXL2wBxXBV8jp+91ZudTomrxoQr1v4MdI8ULv/s+6bwrvSv4HJarFPUsJAAA= */
108
+ /* vanilla-extract-css-ns:src/components/AppScreen.css.ts.vanilla.css?source=#H4sIAAAAAAAAE9WU0bKaMBCG732K3HRGpsQJes5pizd9k05IIgZDQkPQ03bOuzcEUAIK6vSmjhfisl/+3f2zqx8RFbuXzcsb+LMAIMHkkGpVSQqJEkrH4Ij1EsLS2MBOqBMsRJVyCRNccgIrDinP4TAr2C4+FquO/OVJ8jT1q6MajWXJDVcybn7vlM5bcvcmCkKgCky4+TWKeEhyQdaYliiwYRu6jBD6FAJkv34Sd0ktPwZoa59+Qy4pe48Hx0VBHTxxISDZY5myuMtriT/faLbOEBjA94ynexODCGmWb71exkBwybCGqcaUM2mWT80rBDpN8BI1BdY1uiLtUc3nLOhbT1s4DuNeuIt67YmuY5NpLJnDIm8kWRM8Mu06YOMl0UqIunXwxJIDN/AcbUJcpnbcqiL7ifmtx/M7m8UXEMfdOQ0+wdpporwsBLaCpJLMG3oEBvLvs+G5V65bI1RvXFk4825vdtnl1QkpyL8OI/NmV27GbZQz91RZ6IGy0D1l9U15b5EN6PBPdk8ICkypdR40qpjdhrgo7IOGzTKAl8MhrTSufzh39pDzG9ZnBrcMKWZc0HryphHyqfzX62tVupwTp2ZvB7Rav7ar78bV3PjZqjnxqR5c9i3BgrgLB+CjGCfne1kVhdKmBEtvLERJC7K7usQ7BrFm2BZVMlNHg8BJH1htMFcn7EFF4DPI8fvdWbn985q8cEa9a+DHRPFMHv/Pum8K70r+CyWqxT1LCQAA */
109
109
  ._1dlf4346 {
110
110
  background-color: var(--stackflow-plugin-basic-ui-dim-background-color);
111
111
  }
@@ -192,7 +192,7 @@
192
192
  }
193
193
  }
194
194
 
195
- /* vanilla-extract-css-ns:src/components/AppBar.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+1YyW7bMBC9+yt4CWAXokB5ySLfeuitp35AQFGUzZgiVZJ27BT590LURkmWNwQ9pPHJpobDmTdvHkf2n4PDZobnCwT+jABImYBrylZrE4IdVmMItcFkk3D5CjO+XTEBI6wZgVsGcZbBCCvY7JksR+8jv/IYWI9yR1W+/XJ/1Y62t6n1FmGyWSm5FTEkkkt1udfuzslyBMAbZCKm+8rLcxDzZD6bz+3DV8Y5JGssVjQERmGhE6lSD8gME2YOuYldZYZJEfZCuzky2HiF8Vbh/MvEA5HcQ73GsXy93LNUMVUnvJYI/76PX6YvAeiAnckqNxxpybeG9u0LwKLu1hquEjmODZ3F4wChOw8gD6DJZ4DPa/IESLfAQV1EStaEAC2H8UEeCJCi6WcEqN1iaFI3Uu9JDuQI1J82poXRkwOvd8YWO7aNaasmwemalIR11GhWqFENWQiY0NQAlO0BwZyMYQC+XYujZm90MgHoJvwHe3l+qiEt4dBu/UU4h0QOjYKjlJt7Z60d0s1d49O1cIl2SmS/anpRTY+p8eLmzu8JS9T1+h/fegUM9xaGaoBM8X58zRCpcUIhVhRDK6bQyGziASKFNliY8bHHFtCPPY+K3dBRTqYPrUwvPbUek9ssKJav9HJqoCtifCymOBzHTKxCgADyF4qmbZuQppk5WMuY6YzjQwiEFLRl9WSfXzlxMyKFM2u7CVdNO0Mo1R64jvqN3wEI8tE9NusQTP1pkXBTqan/0MPgKcTEsB3tzGn+dChs9PExO+EQG0eZQlvWFja7K+tg6N4M1OHjiHctIE1Q519MHPVuYZPrap7Ry1YblhwgkcJQYUKQcLrPY1Bm2TQA5DQxIQhKQiRSGDtxhSDwg8eHiiicCVq/Agf+orZ9LdciyeNlNfyxN9tapWZGcj80hZHBNyqn7/K48wXM2UpAZmiqQ0CoMFQdzbN5ZOG029xVG3eCU8YPIcih5xTqgzb5C8Z3zsTmJya/7O8fUphepvcIdZGqQLJQLgr4j916Y7hAdy1xvkUiZfbvLpEPPOzcDdJjdewKdclT5M/6SlVIVAv9hqq11p0uSIr3sGygakNH+E+Iz3Fy0/b1EXFJNq24k2I8ykna/B9EOWeZZrrDMSbWVLE+G+t1x+9q6IbL01R52Qqs8NbI9sYz116vRAMn5V+Wo/e/W56iAkYTAAA= */
195
+ /* vanilla-extract-css-ns:src/components/AppBar.css.ts.vanilla.css?source=#H4sIAAAAAAAAE+1YyZLbIBC9z1dwSZWdMirkZRb5lkNuOeUDppCEbMYYFIG3SeXfA2hDkuWtXDlMxuWDBd1N9+vXTcveq39YTfB0hsDvBwDWlMMloYulCsAWZwMIpcLRKmFiB1O2WejtEEsawQ2FOE31QwZrneH84c+DV1r0rUWxJZlRv9xeqdG0NrbWQq28yMSGxzASTGSXW21rausAvEPKY7Ivrbz6MUumk+nUbu4oYzBaYr4gAVAZ5jIR2XoERIojqg5GxK5SRQUPOq7d7BmsrcJ4k2HzYzgCodhDucSx2F1uWWQxyU5YLRD+9Ri/jd980AI7FWVsOJSCbRTpyueAhW3VCq4COYYVmcQDH6EvI4D0d/gR4BvVcQIkG+CgNiIFawKA5v34aGR8lJH1RwSoWWJoWBVSZ8cAqYMvP01Mc6EXB97RGVnsyNaijZz4p3NSENbpRpO8G1WQBYBySRRA6R5EmEUD6IOv1+Io6TsZDgG6Cf/eWp6eKkhLOLRdfhLOIZFDI/8o5aajs9IO6aau8OlcuEQ71WQ/c3pRTo9149nNld9pLGHb6n986+UwPFoYygFyjfeDa4ZIiRMCcUYwtM0UKpHqwyLBtTpXg2PbFtD7nkf4tu8oJ9KnRqSXnlqNyU0W5MtXWjk10OU+PudTHI5jyhd68ADIm+nhoikTkHWqy8dIxlSmDOui4IKThtSL3b9y4qY6c86s7QZcFu0EobUcgeuoX9vtgcCM7rFaBmDsjfOA60yNvacOBi8BjhTdktac5o373Eb399lxJ7J+FCE029rMRndlHhTZq5483I941wJSO3X+xcTp3g1sTF81Eb1tpKLJQZvjinCd5ISRvfEhU/O6ACAjid7zC0IkWthOXHrJ85+fSqIwykn1Cux7s0p2V6yFgsXzcvij77a0ip6pl/qmsKj3jcqpO+O3WcCMLjikiqxlACIdEsmOxllvWTitmrtq/U7wmjJt3EDPCJQHqcwLxjcd6OoHjn7a5+9ashPpI0JtpEqQLJSzHP5jt94A6s1Gc76lRYr0310idzzs3A3SYXXsNuqCp8ibdDtV3qIa6NdUrXrd6YToGGFRQKVCq/GfaD7HyU2a10fIRLRq+J3k45Ehaf1/EGGMppLKFscoX5KMdtlYrTt2F303nAkzM2nLscIbJZqKZ669Top6TjI/tMpfW56iAkYTAAA= */
196
196
  ._1yk3a450 {
197
197
  min-height: var(--stackflow-plugin-basic-ui-app-bar-min-height);
198
198
  }
package/dist/index.css.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["vanilla-extract-css-ns:src/basicUIPlugin.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+2U0UrDMBSG7/cUAW8UPKWp1kH2MJI2p222NScmp3Moe3fZcHqzUdsKIhRykYt8yQ/5z5c8y5cns87WqXhfCAEQWZebakuv4LddbR0UOtoSOguFLjd1oM4ZKGlLQYmbqqpWPZSx7QUy1IW+Te/F50pkftd3EQftomVLDkwX9HGjRBr7sJJa3zGasbz2HgodoKBgMFzLny5781+66JdCRfuGSki//ynXoK0bVuIhyQO2w6ipmVvrRr5vS3Jf1ctkJrPH4ejU+Ix7HhniG53876NG8Ro9NQ3tMBwPKNFYY9ANaULUFYIOqMG6iAxMXom0v8kFMVMLsUHk8xgEbWwXlZCnTh0WydltcnbbP3dbmuTD7ZYly7/V28AAs99mv43yW37ymyfrGAPgDh1HJRw5XC0OH4MtmTbiCQAA", "vanilla-extract-css-ns:src/styles/f.css.ts.vanilla.css?source=LmRodGh4cTAgewogIHdpZHRoOiAxMDAlOwp9Ci5kaHRoeHExIHsKICBoZWlnaHQ6IDEwMCU7Cn0KLmRodGh4cTIgewogIHRvcDogMDsKfQouZGh0aHhxMyB7CiAgbGVmdDogMDsKfQouZGh0aHhxNCB7CiAgcG9zaXRpb246IGFic29sdXRlOwp9Ci5kaHRoeHE1IHsKICBwb3NpdGlvbjogcmVsYXRpdmU7Cn0KLmRodGh4cTcgewogIGRpc3BsYXk6IGZsZXg7Cn0KLmRodGh4cTggewogIGZsZXg6IDE7Cn0KLmRodGh4cTkgewogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0KLmRodGh4cWEgewogIGFsaWduLWl0ZW1zOiBmbGV4LWVuZDsKfQouZGh0aHhxYiB7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7Cn0KLmRodGh4cWMgewogIG92ZXJmbG93OiBoaWRkZW47Cn0KLmRodGh4cWQgewogIHdoaXRlLXNwYWNlOiBub3dyYXA7Cn0KLmRodGh4cWUgewogIHRleHQtYWxpZ246IGNlbnRlcjsKfQouZGh0aHhxZiB7CiAgY3Vyc29yOiBwb2ludGVyOwogIC13ZWJraXQtdGFwLWhpZ2hsaWdodC1jb2xvcjogdHJhbnNwYXJlbnQ7Cn0KLmRodGh4cWcgewogIGJveC1zaXppbmc6IGJvcmRlci1ib3g7Cn0KLmRodGh4cWggewogIGJveC1zaXppbmc6IGNvbnRlbnQtYm94Owp9Ci5kaHRoeHFpIHsKICBhcHBlYXJhbmNlOiBub25lOwogIGJvcmRlcjogMDsKICBwYWRkaW5nOiAwOwogIGJhY2tncm91bmQ6IG5vbmU7Cn0=", "vanilla-extract-css-ns:src/components/AppScreen.css.ts.vanilla.css?source=#H4sIAAAAAAAAA9WUwY6bMBCG73mKuVQCFUcm2d22zqVvUhnbISbGpsYkm1b77hUGkkASSKK9lBPSeD7/M/N75r9irtYvy5c3+DsDSCjbptZUmiNmlLEEdtQGCJWOsu1amT0qVJVKjRJaSoYqibjM0TArXM0+ZvOO/O1J8jj1u6c6S3UpnTSaNP9rY/OW3J3EYQSmoEy6w0Wkh2QnZI1piYo6seRBjPGXCHAEgyTpk1o+AbyaAfxBUnPxTgbXxWEd3EulENtQnQrS5bXE3288W2QYBvCNkOnGEYixFfmq10sCSmpBLUot5VJoFzw1rwhsmtAANwXWNfoiZ9B+R0E/zrRFl2F6Fu6ivfbE17HJOJZNYXFvJFkT3AnrO3AgUDJrlKpbh/Yi2UqHjtEmJHVKwJmKbUbmt7ic39EsfQGEdPc0+IRar4nLslD0QEAbLXpDj2Eg/z4bHnvlu3WBOhtXFk2cPZtddjo6IgX3n8OFebMrL+M2ypt7rCz8QFn4nrLOTXlvkQ1o+ym7J4KCci51ipwpJrchLQqUUIuaZYBOlyNeWVr/eHeeIac3bJ8Z3jKkmnBB68mbRsjH8l+vr1Xtc/aSuw2BeL54bVffjae57Geb5sanenDat4wq5h8coEcxXs7PsioKY10JQW8szOjSUe2Ckq4FolZQJHUpXB0NQy99YLXBXL2wBxXBV8jp+91ZudTomrxoQr1v4MdI8ULv/s+6bwrvSv4HJarFPUsJAAA=", "vanilla-extract-css-ns:src/components/AppBar.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+1YyW7bMBC9+yt4CWAXokB5ySLfeuitp35AQFGUzZgiVZJ27BT590LURkmWNwQ9pPHJpobDmTdvHkf2n4PDZobnCwT+jABImYBrylZrE4IdVmMItcFkk3D5CjO+XTEBI6wZgVsGcZbBCCvY7JksR+8jv/IYWI9yR1W+/XJ/1Y62t6n1FmGyWSm5FTEkkkt1udfuzslyBMAbZCKm+8rLcxDzZD6bz+3DV8Y5JGssVjQERmGhE6lSD8gME2YOuYldZYZJEfZCuzky2HiF8Vbh/MvEA5HcQ73GsXy93LNUMVUnvJYI/76PX6YvAeiAnckqNxxpybeG9u0LwKLu1hquEjmODZ3F4wChOw8gD6DJZ4DPa/IESLfAQV1EStaEAC2H8UEeCJCi6WcEqN1iaFI3Uu9JDuQI1J82poXRkwOvd8YWO7aNaasmwemalIR11GhWqFENWQiY0NQAlO0BwZyMYQC+XYujZm90MgHoJvwHe3l+qiEt4dBu/UU4h0QOjYKjlJt7Z60d0s1d49O1cIl2SmS/anpRTY+p8eLmzu8JS9T1+h/fegUM9xaGaoBM8X58zRCpcUIhVhRDK6bQyGziASKFNliY8bHHFtCPPY+K3dBRTqYPrUwvPbUek9ssKJav9HJqoCtifCymOBzHTKxCgADyF4qmbZuQppk5WMuY6YzjQwiEFLRl9WSfXzlxMyKFM2u7CVdNO0Mo1R64jvqN3wEI8tE9NusQTP1pkXBTqan/0MPgKcTEsB3tzGn+dChs9PExO+EQG0eZQlvWFja7K+tg6N4M1OHjiHctIE1Q519MHPVuYZPrap7Ry1YblhwgkcJQYUKQcLrPY1Bm2TQA5DQxIQhKQiRSGDtxhSDwg8eHiiicCVq/Agf+orZ9LdciyeNlNfyxN9tapWZGcj80hZHBNyqn7/K48wXM2UpAZmiqQ0CoMFQdzbN5ZOG029xVG3eCU8YPIcih5xTqgzb5C8Z3zsTmJya/7O8fUphepvcIdZGqQLJQLgr4j916Y7hAdy1xvkUiZfbvLpEPPOzcDdJjdewKdclT5M/6SlVIVAv9hqq11p0uSIr3sGygakNH+E+Iz3Fy0/b1EXFJNq24k2I8ykna/B9EOWeZZrrDMSbWVLE+G+t1x+9q6IbL01R52Qqs8NbI9sYz116vRAMn5V+Wo/e/W56iAkYTAAA=", "vanilla-extract-css-ns:src/components/BottomSheet.css.ts.vanilla.css?source=Ll8xaHQzOGgwMyB7CiAgdHJhbnNpdGlvbjogdmFyKC0tXzFodDM4aDAwKTsKfQouXzFodDM4aDA3IHsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDEwMCUsIDAsIDApOwp9Ci5fMWh0MzhoMGQgewogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXN0YWNrZmxvdy1wbHVnaW4tYmFzaWMtdWktZGltLWJhY2tncm91bmQtY29sb3IpOwogIHotaW5kZXg6IHZhcigtLV8xaHQzOGgwMSk7CiAgb3BhY2l0eTogMDsKfQouXzFodDM4aDA0IC5fMWh0MzhoMGQsIC5fMWh0MzhoMDUgLl8xaHQzOGgwZCB7CiAgb3BhY2l0eTogMTsKfQouXzFodDM4aDA2IC5fMWh0MzhoMGQsIC5fMWh0MzhoMDcgLl8xaHQzOGgwZCB7CiAgb3BhY2l0eTogMDsKfQouXzFodDM4aDBlIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zdGFja2Zsb3ctcGx1Z2luLWJhc2ljLXVpLWJhY2tncm91bmQtY29sb3IpOwogIHdpZHRoOiAxMDAlOwogIGJvcmRlci1yYWRpdXM6IHZhcigtLXN0YWNrZmxvdy1wbHVnaW4tYmFzaWMtdWktYm90dG9tLXNoZWV0LWJvcmRlci1yYWRpdXMpIHZhcigtLXN0YWNrZmxvdy1wbHVnaW4tYmFzaWMtdWktYm90dG9tLXNoZWV0LWJvcmRlci1yYWRpdXMpIDAgMDsKICB3aWxsLWNoYW5nZTogdHJhbnNmb3JtLCBvcGFjaXR5OwogIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoMCwgMTAwJSwgMCk7CiAgb3BhY2l0eTogMDsKfQouXzFodDM4aDA0IC5fMWh0MzhoMGUsIC5fMWh0MzhoMDUgLl8xaHQzOGgwZSB7CiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgwLCAwLCAwKTsKICBvcGFjaXR5OiAxOwp9Ci5fMWh0MzhoMDYgLl8xaHQzOGgwZSwgLl8xaHQzOGgwNyAuXzFodDM4aDBlIHsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDAsIDEwMCUsIDApOwogIG9wYWNpdHk6IDA7Cn0=", "vanilla-extract-css-ns:src/components/Modal.css.ts.vanilla.css?source=Ll81b3pnOGMzIHsKICB0cmFuc2l0aW9uOiB2YXIoLS1fNW96ZzhjMCk7Cn0KLl81b3pnOGM3IHsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDEwMCUsIDAsIDApOwp9Ci5fNW96ZzhjZCB7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc3RhY2tmbG93LXBsdWdpbi1iYXNpYy11aS1kaW0tYmFja2dyb3VuZC1jb2xvcik7CiAgei1pbmRleDogdmFyKC0tXzVvemc4YzEpOwogIG9wYWNpdHk6IDA7Cn0KLl81b3pnOGM0IC5fNW96ZzhjZCwgLl81b3pnOGM1IC5fNW96ZzhjZCB7CiAgb3BhY2l0eTogMTsKfQouXzVvemc4YzYgLl81b3pnOGNkLCAuXzVvemc4YzcgLl81b3pnOGNkIHsKICBvcGFjaXR5OiAwOwp9Ci5fNW96ZzhjZSB7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc3RhY2tmbG93LXBsdWdpbi1iYXNpYy11aS1iYWNrZ3JvdW5kLWNvbG9yKTsKICB3aWR0aDogMTAwJTsKICBtYXJnaW46IDAgMi41cmVtOwogIGJveC1zaGFkb3c6IDBweCAwLjYyNXJlbSAyLjM3NXJlbSByZ2JhKDAsIDAsIDAsIDAuMTUpLCAwcHggLjU2MjVyZW0gMi44NzVyZW0gcmdiYSgwLCAwLCAwLCAwLjEyKSwgMHB4IC4zMTI1cmVtIC45Mzc1cmVtIHJnYmEoMCwgMCwgMCwgMC4xKTsKICBib3JkZXItcmFkaXVzOiB2YXIoLS1zdGFja2Zsb3ctcGx1Z2luLWJhc2ljLXVpLWJvdHRvbS1zaGVldC1ib3JkZXItcmFkaXVzKTsKICB3aWxsLWNoYW5nZTogdHJhbnNmb3JtLCBvcGFjaXR5OwogIHRyYW5zZm9ybTogc2NhbGUoMS4xKTsKICBvcGFjaXR5OiAwOwp9Ci5fNW96ZzhjNCAuXzVvemc4Y2UsIC5fNW96ZzhjNSAuXzVvemc4Y2UgewogIHRyYW5zZm9ybTogc2NhbGUoMSk7CiAgb3BhY2l0eTogMTsKfQouXzVvemc4YzYgLl81b3pnOGNlLCAuXzVvemc4YzcgLl81b3pnOGNlIHsKICB0cmFuc2Zvcm06IHNjYWxlKDEuMSk7CiAgb3BhY2l0eTogMDsKfQ=="],
3
+ "sources": ["vanilla-extract-css-ns:src/basicUIPlugin.css.ts.vanilla.css?source=#H4sIAAAAAAAAE+2U30rDMBTG7/cUAW8UTGmrdVAfRtLktD1bmxPzZw7FdzcbG95s1LaCCKW9SML55XyQ73zJS/b6pDb5JmUfK8Y4d17Ibd3RGzddaFDzSjiUPGBcyG1jKWjFJXVkS3ZT1/XzAKWwv0DaphK36T07/UlW3A1d5K3QDj2S5ipYcViULHVDmKTeBA9qKi+MiRvLK7IK7DX96XpQ/6WLfkmUw3coWWb2P+VawKb1JXtICgv9OGqu5j4eTuuPMrY8Wy/P4vc4Hp0r38PeTxTxjc5+90mjeI2eq4Z2YA8FJWtRKdBjnOBEDVxYEBy1g2guMrH1sJMr8p567lqI0GkMrFAYXByEo6c+V8k527Il2/55tqVJMT7d8mT9t/E2UsCSb0u+Tcq34phvhlD7WAY70D6WadIQy74Agy2ZNuIJAAA=", "vanilla-extract-css-ns:src/styles/f.css.ts.vanilla.css?source=LmRodGh4cTAgewogIHdpZHRoOiAxMDAlOwp9Ci5kaHRoeHExIHsKICBoZWlnaHQ6IDEwMCU7Cn0KLmRodGh4cTIgewogIHRvcDogMDsKfQouZGh0aHhxMyB7CiAgbGVmdDogMDsKfQouZGh0aHhxNCB7CiAgcG9zaXRpb246IGFic29sdXRlOwp9Ci5kaHRoeHE1IHsKICBwb3NpdGlvbjogcmVsYXRpdmU7Cn0KLmRodGh4cTcgewogIGRpc3BsYXk6IGZsZXg7Cn0KLmRodGh4cTggewogIGZsZXg6IDE7Cn0KLmRodGh4cTkgewogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0KLmRodGh4cWEgewogIGFsaWduLWl0ZW1zOiBmbGV4LWVuZDsKfQouZGh0aHhxYiB7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7Cn0KLmRodGh4cWMgewogIG92ZXJmbG93OiBoaWRkZW47Cn0KLmRodGh4cWQgewogIHdoaXRlLXNwYWNlOiBub3dyYXA7Cn0KLmRodGh4cWUgewogIHRleHQtYWxpZ246IGNlbnRlcjsKfQouZGh0aHhxZiB7CiAgY3Vyc29yOiBwb2ludGVyOwogIC13ZWJraXQtdGFwLWhpZ2hsaWdodC1jb2xvcjogdHJhbnNwYXJlbnQ7Cn0KLmRodGh4cWcgewogIGJveC1zaXppbmc6IGJvcmRlci1ib3g7Cn0KLmRodGh4cWggewogIGJveC1zaXppbmc6IGNvbnRlbnQtYm94Owp9Ci5kaHRoeHFpIHsKICBhcHBlYXJhbmNlOiBub25lOwogIGJvcmRlcjogMDsKICBwYWRkaW5nOiAwOwogIGJhY2tncm91bmQ6IG5vbmU7Cn0=", "vanilla-extract-css-ns:src/components/AppScreen.css.ts.vanilla.css?source=#H4sIAAAAAAAAE9WU0bKaMBCG732K3HRGpsQJes5pizd9k05IIgZDQkPQ03bOuzcEUAIK6vSmjhfisl/+3f2zqx8RFbuXzcsb+LMAIMHkkGpVSQqJEkrH4Ij1EsLS2MBOqBMsRJVyCRNccgIrDinP4TAr2C4+FquO/OVJ8jT1q6MajWXJDVcybn7vlM5bcvcmCkKgCky4+TWKeEhyQdaYliiwYRu6jBD6FAJkv34Sd0ktPwZoa59+Qy4pe48Hx0VBHTxxISDZY5myuMtriT/faLbOEBjA94ynexODCGmWb71exkBwybCGqcaUM2mWT80rBDpN8BI1BdY1uiLtUc3nLOhbT1s4DuNeuIt67YmuY5NpLJnDIm8kWRM8Mu06YOMl0UqIunXwxJIDN/AcbUJcpnbcqiL7ifmtx/M7m8UXEMfdOQ0+wdpporwsBLaCpJLMG3oEBvLvs+G5V65bI1RvXFk4825vdtnl1QkpyL8OI/NmV27GbZQz91RZ6IGy0D1l9U15b5EN6PBPdk8ICkypdR40qpjdhrgo7IOGzTKAl8MhrTSufzh39pDzG9ZnBrcMKWZc0HryphHyqfzX62tVupwTp2ZvB7Rav7ar78bV3PjZqjnxqR5c9i3BgrgLB+CjGCfne1kVhdKmBEtvLERJC7K7usQ7BrFm2BZVMlNHg8BJH1htMFcn7EFF4DPI8fvdWbn985q8cEa9a+DHRPFMHv/Pum8K70r+CyWqxT1LCQAA", "vanilla-extract-css-ns:src/components/AppBar.css.ts.vanilla.css?source=#H4sIAAAAAAAAE+1YyZLbIBC9z1dwSZWdMirkZRb5lkNuOeUDppCEbMYYFIG3SeXfA2hDkuWtXDlMxuWDBd1N9+vXTcveq39YTfB0hsDvBwDWlMMloYulCsAWZwMIpcLRKmFiB1O2WejtEEsawQ2FOE31QwZrneH84c+DV1r0rUWxJZlRv9xeqdG0NrbWQq28yMSGxzASTGSXW21rausAvEPKY7Ivrbz6MUumk+nUbu4oYzBaYr4gAVAZ5jIR2XoERIojqg5GxK5SRQUPOq7d7BmsrcJ4k2HzYzgCodhDucSx2F1uWWQxyU5YLRD+9Ri/jd980AI7FWVsOJSCbRTpyueAhW3VCq4COYYVmcQDH6EvI4D0d/gR4BvVcQIkG+CgNiIFawKA5v34aGR8lJH1RwSoWWJoWBVSZ8cAqYMvP01Mc6EXB97RGVnsyNaijZz4p3NSENbpRpO8G1WQBYBySRRA6R5EmEUD6IOv1+Io6TsZDgG6Cf/eWp6eKkhLOLRdfhLOIZFDI/8o5aajs9IO6aau8OlcuEQ71WQ/c3pRTo9149nNld9pLGHb6n986+UwPFoYygFyjfeDa4ZIiRMCcUYwtM0UKpHqwyLBtTpXg2PbFtD7nkf4tu8oJ9KnRqSXnlqNyU0W5MtXWjk10OU+PudTHI5jyhd68ADIm+nhoikTkHWqy8dIxlSmDOui4IKThtSL3b9y4qY6c86s7QZcFu0EobUcgeuoX9vtgcCM7rFaBmDsjfOA60yNvacOBi8BjhTdktac5o373Eb399lxJ7J+FCE029rMRndlHhTZq5483I941wJSO3X+xcTp3g1sTF81Eb1tpKLJQZvjinCd5ISRvfEhU/O6ACAjid7zC0IkWthOXHrJ85+fSqIwykn1Cux7s0p2V6yFgsXzcvij77a0ip6pl/qmsKj3jcqpO+O3WcCMLjikiqxlACIdEsmOxllvWTitmrtq/U7wmjJt3EDPCJQHqcwLxjcd6OoHjn7a5+9ashPpI0JtpEqQLJSzHP5jt94A6s1Gc76lRYr0310idzzs3A3SYXXsNuqCp8ibdDtV3qIa6NdUrXrd6YToGGFRQKVCq/GfaD7HyU2a10fIRLRq+J3k45Ehaf1/EGGMppLKFscoX5KMdtlYrTt2F303nAkzM2nLscIbJZqKZ669Top6TjI/tMpfW56iAkYTAAA=", "vanilla-extract-css-ns:src/components/BottomSheet.css.ts.vanilla.css?source=Ll8xaHQzOGgwMyB7CiAgdHJhbnNpdGlvbjogdmFyKC0tXzFodDM4aDAwKTsKfQouXzFodDM4aDA3IHsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDEwMCUsIDAsIDApOwp9Ci5fMWh0MzhoMGQgewogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXN0YWNrZmxvdy1wbHVnaW4tYmFzaWMtdWktZGltLWJhY2tncm91bmQtY29sb3IpOwogIHotaW5kZXg6IHZhcigtLV8xaHQzOGgwMSk7CiAgb3BhY2l0eTogMDsKfQouXzFodDM4aDA0IC5fMWh0MzhoMGQsIC5fMWh0MzhoMDUgLl8xaHQzOGgwZCB7CiAgb3BhY2l0eTogMTsKfQouXzFodDM4aDA2IC5fMWh0MzhoMGQsIC5fMWh0MzhoMDcgLl8xaHQzOGgwZCB7CiAgb3BhY2l0eTogMDsKfQouXzFodDM4aDBlIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zdGFja2Zsb3ctcGx1Z2luLWJhc2ljLXVpLWJhY2tncm91bmQtY29sb3IpOwogIHdpZHRoOiAxMDAlOwogIGJvcmRlci1yYWRpdXM6IHZhcigtLXN0YWNrZmxvdy1wbHVnaW4tYmFzaWMtdWktYm90dG9tLXNoZWV0LWJvcmRlci1yYWRpdXMpIHZhcigtLXN0YWNrZmxvdy1wbHVnaW4tYmFzaWMtdWktYm90dG9tLXNoZWV0LWJvcmRlci1yYWRpdXMpIDAgMDsKICB3aWxsLWNoYW5nZTogdHJhbnNmb3JtLCBvcGFjaXR5OwogIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoMCwgMTAwJSwgMCk7CiAgb3BhY2l0eTogMDsKfQouXzFodDM4aDA0IC5fMWh0MzhoMGUsIC5fMWh0MzhoMDUgLl8xaHQzOGgwZSB7CiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgwLCAwLCAwKTsKICBvcGFjaXR5OiAxOwp9Ci5fMWh0MzhoMDYgLl8xaHQzOGgwZSwgLl8xaHQzOGgwNyAuXzFodDM4aDBlIHsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDAsIDEwMCUsIDApOwogIG9wYWNpdHk6IDA7Cn0=", "vanilla-extract-css-ns:src/components/Modal.css.ts.vanilla.css?source=Ll81b3pnOGMzIHsKICB0cmFuc2l0aW9uOiB2YXIoLS1fNW96ZzhjMCk7Cn0KLl81b3pnOGM3IHsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDEwMCUsIDAsIDApOwp9Ci5fNW96ZzhjZCB7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc3RhY2tmbG93LXBsdWdpbi1iYXNpYy11aS1kaW0tYmFja2dyb3VuZC1jb2xvcik7CiAgei1pbmRleDogdmFyKC0tXzVvemc4YzEpOwogIG9wYWNpdHk6IDA7Cn0KLl81b3pnOGM0IC5fNW96ZzhjZCwgLl81b3pnOGM1IC5fNW96ZzhjZCB7CiAgb3BhY2l0eTogMTsKfQouXzVvemc4YzYgLl81b3pnOGNkLCAuXzVvemc4YzcgLl81b3pnOGNkIHsKICBvcGFjaXR5OiAwOwp9Ci5fNW96ZzhjZSB7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc3RhY2tmbG93LXBsdWdpbi1iYXNpYy11aS1iYWNrZ3JvdW5kLWNvbG9yKTsKICB3aWR0aDogMTAwJTsKICBtYXJnaW46IDAgMi41cmVtOwogIGJveC1zaGFkb3c6IDBweCAwLjYyNXJlbSAyLjM3NXJlbSByZ2JhKDAsIDAsIDAsIDAuMTUpLCAwcHggLjU2MjVyZW0gMi44NzVyZW0gcmdiYSgwLCAwLCAwLCAwLjEyKSwgMHB4IC4zMTI1cmVtIC45Mzc1cmVtIHJnYmEoMCwgMCwgMCwgMC4xKTsKICBib3JkZXItcmFkaXVzOiB2YXIoLS1zdGFja2Zsb3ctcGx1Z2luLWJhc2ljLXVpLWJvdHRvbS1zaGVldC1ib3JkZXItcmFkaXVzKTsKICB3aWxsLWNoYW5nZTogdHJhbnNmb3JtLCBvcGFjaXR5OwogIHRyYW5zZm9ybTogc2NhbGUoMS4xKTsKICBvcGFjaXR5OiAwOwp9Ci5fNW96ZzhjNCAuXzVvemc4Y2UsIC5fNW96ZzhjNSAuXzVvemc4Y2UgewogIHRyYW5zZm9ybTogc2NhbGUoMSk7CiAgb3BhY2l0eTogMTsKfQouXzVvemc4YzYgLl81b3pnOGNlLCAuXzVvemc4YzcgLl81b3pnOGNlIHsKICB0cmFuc2Zvcm06IHNjYWxlKDEuMSk7CiAgb3BhY2l0eTogMDsKfQ=="],
4
4
  "sourcesContent": ["._1q6dj2j0 {\n --stackflow-plugin-basic-ui-background-color: #fff;\n --stackflow-plugin-basic-ui-dim-background-color: rgba(0, 0, 0, 0.15);\n --stackflow-plugin-basic-ui-transition-duration: 0s;\n --stackflow-plugin-basic-ui-computed-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-border-color: rgba(0, 0, 0, 0.07);\n --stackflow-plugin-basic-ui-app-bar-border-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-border-size: 1px;\n --stackflow-plugin-basic-ui-app-bar-height: 3.5rem;\n --stackflow-plugin-basic-ui-app-bar-height-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-min-height: 3.5rem;\n --stackflow-plugin-basic-ui-app-bar-icon-color: #212124;\n --stackflow-plugin-basic-ui-app-bar-icon-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-text-color: #212124;\n --stackflow-plugin-basic-ui-app-bar-text-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-background-color: #fff;\n --stackflow-plugin-basic-ui-app-bar-background-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-overflow: hidden;\n --stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top: 0px;\n --stackflow-plugin-basic-ui-bottom-sheet-border-radius: 1rem;\n}\n._1q6dj2j1 {\n --stackflow-plugin-basic-ui-background-color: #fff;\n --stackflow-plugin-basic-ui-dim-background-color: rgba(0, 0, 0, 0.15);\n --stackflow-plugin-basic-ui-transition-duration: 0s;\n --stackflow-plugin-basic-ui-computed-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-border-color: rgba(0, 0, 0, 0.07);\n --stackflow-plugin-basic-ui-app-bar-border-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-border-size: 0.5px;\n --stackflow-plugin-basic-ui-app-bar-height: 2.75rem;\n --stackflow-plugin-basic-ui-app-bar-height-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-min-height: 2.75rem;\n --stackflow-plugin-basic-ui-app-bar-icon-color: #212124;\n --stackflow-plugin-basic-ui-app-bar-icon-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-text-color: #212124;\n --stackflow-plugin-basic-ui-app-bar-text-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-background-color: #fff;\n --stackflow-plugin-basic-ui-app-bar-background-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-overflow: hidden;\n --stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top: 0px;\n --stackflow-plugin-basic-ui-bottom-sheet-border-radius: 1rem;\n}\n._1q6dj2j5 {\n pointer-events: none;\n}", ".dhthxq0 {\n width: 100%;\n}\n.dhthxq1 {\n height: 100%;\n}\n.dhthxq2 {\n top: 0;\n}\n.dhthxq3 {\n left: 0;\n}\n.dhthxq4 {\n position: absolute;\n}\n.dhthxq5 {\n position: relative;\n}\n.dhthxq7 {\n display: flex;\n}\n.dhthxq8 {\n flex: 1;\n}\n.dhthxq9 {\n align-items: center;\n}\n.dhthxqa {\n align-items: flex-end;\n}\n.dhthxqb {\n justify-content: center;\n}\n.dhthxqc {\n overflow: hidden;\n}\n.dhthxqd {\n white-space: nowrap;\n}\n.dhthxqe {\n text-align: center;\n}\n.dhthxqf {\n cursor: pointer;\n -webkit-tap-highlight-color: transparent;\n}\n.dhthxqg {\n box-sizing: border-box;\n}\n.dhthxqh {\n box-sizing: content-box;\n}\n.dhthxqi {\n appearance: none;\n border: 0;\n padding: 0;\n background: none;\n}", "._1dlf4346 {\n background-color: var(--stackflow-plugin-basic-ui-dim-background-color);\n}\n._1dlf4347 {\n background-color: var(--stackflow-plugin-basic-ui-background-color);\n}\n._1dlf4348 {\n transition: transform var(--_1dlf4340), opacity var(--_1dlf4340);\n}\n._1dlf434c {\n transform: translate3d(100%, 0, 0);\n}\n._1dlf434i {\n opacity: 0;\n z-index: var(--_1dlf4341);\n will-change: opacity;\n}\n._1q6dj2j0 ._1dlf434i {\n height: 10rem;\n background: linear-gradient(var(--stackflow-plugin-basic-ui-dim-background-color), rgba(0, 0, 0, 0));\n}\n\n ._1dlf4349 ._1dlf434i,\n ._1dlf434a ._1dlf434i\n {\n opacity: 1;\n}\n\n ._1dlf434b ._1dlf434i,\n ._1dlf434c ._1dlf434i\n {\n opacity: 0;\n}\n._1dlf434j {\n overflow-y: scroll;\n -webkit-overflow-scrolling: touch;\n z-index: var(--_1dlf4342);\n will-change: transform;\n}\n._1dlf434j::-webkit-scrollbar {\n display: none;\n}\n._1q6dj2j1 ._1dlf434j {\n transform: translate3d(100%, 0, 0);\n}\n\n ._1q6dj2j1 ._1dlf4349 ._1dlf434j,\n ._1q6dj2j1 ._1dlf434a ._1dlf434j\n {\n transform: translate3d(0, 0, 0);\n}\n._1q6dj2j0 ._1dlf434j {\n opacity: 0;\n transform: translate3d(0, 10rem, 0);\n}\n\n ._1q6dj2j0 ._1dlf4349 ._1dlf434j,\n ._1q6dj2j0 ._1dlf434a ._1dlf434j\n {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n}\n._1dlf434k {\n transition: transform var(--_1dlf4340), opacity var(--_1dlf4340), padding-top var(--stackflow-plugin-basic-ui-app-bar-height-transition-duration);\n padding-top: var(--stackflow-plugin-basic-ui-app-bar-height);\n}\n._1q6dj2j1 ._1dlf434l {\n transform: translate3d(0, 100%, 0);\n}\n._1q6dj2j0 ._1dlf434m {\n transform: translate3d(50%, 0, 0);\n}\n._1dlf434n {\n width: 1.25rem;\n z-index: var(--_1dlf4343);\n}\n._1dlf434o {\n top: var(--stackflow-plugin-basic-ui-app-bar-height);\n height: calc(100% - var(--stackflow-plugin-basic-ui-app-bar-height));\n}\n@supports (padding-top: constant(safe-area-inset-top)) {\n ._1dlf434k {\n padding-top: calc(var(--stackflow-plugin-basic-ui-app-bar-height) + max(var(--stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top), constant(safe-area-inset-top)));\n }\n}\n@supports (padding-top: env(safe-area-inset-top)) {\n ._1dlf434k {\n padding-top: calc(var(--stackflow-plugin-basic-ui-app-bar-height) + max(var(--stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top), env(safe-area-inset-top)));\n }\n}", "._1yk3a450 {\n min-height: var(--stackflow-plugin-basic-ui-app-bar-min-height);\n}\n._1yk3a451 {\n overflow: var(--stackflow-plugin-basic-ui-app-bar-overflow);\n}\n._1yk3a452 {\n background-color: var(--stackflow-plugin-basic-ui-app-bar-background-color);\n z-index: var(--_1dlf4344);\n will-change: transform, opacity;\n transition: background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration), box-shadow var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration);\n}\n._1q6dj2j1 ._1yk3a452 {\n position: absolute;\n}\n._1q6dj2j1 ._1dlf434b ._1yk3a452 {\n transform: translate3d(100%, 0, 0);\n transition: background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration), box-shadow var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration), transform 0s;\n}\n._1q6dj2j0 ._1yk3a452 {\n opacity: 0;\n transform: translate3d(0, 10rem, 0);\n transition: background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration), box-shadow var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration), transform var(--_1dlf4340), opacity var(--_1dlf4340);\n}\n\n ._1q6dj2j0 ._1dlf4349 ._1yk3a452,\n ._1q6dj2j0 ._1dlf434a ._1yk3a452\n {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n}\n._1yk3a453 {\n box-shadow: inset 0px calc(-1 * var(--stackflow-plugin-basic-ui-app-bar-border-size)) 0 var(--stackflow-plugin-basic-ui-app-bar-border-color);\n}\n._1q6dj2j1 ._1yk3a454 {\n transform: translate3d(0, 100vh, 0);\n transition: background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration), box-shadow var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration), transform var(--_1dlf4340), opacity var(--_1dlf4340);\n}\n\n ._1q6dj2j1 ._1dlf4349 ._1yk3a454,\n ._1q6dj2j1 ._1dlf434a ._1yk3a454\n {\n transform: translate3d(0, 0, 0);\n}\n._1q6dj2j1 ._1dlf434b ._1yk3a454 {\n transform: translate3d(0, 100vh, 0);\n transition: background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration), box-shadow var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration), transform var(--_1dlf4340), opacity var(--_1dlf4340);\n}\n._1q6dj2j0 ._1yk3a455 {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n}\n._1q6dj2j0 ._1dlf434b ._1yk3a455 {\n transform: translate3d(100%, 0, 0);\n transition: background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration), box-shadow var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration), transform 0s;\n}\n._1yk3a456 {\n height: max(var(--stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top), constant(safe-area-inset-top));\n height: max(var(--stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top), env(safe-area-inset-top));\n}\n._1yk3a457 {\n height: var(--stackflow-plugin-basic-ui-app-bar-height);\n transition: height var(--stackflow-plugin-basic-ui-app-bar-height-transition-duration);\n}\n._1yk3a458 {\n padding: 0 0.5rem;\n}\n._1yk3a458:empty {\n display: none;\n}\n._1yk3a459 {\n color: var(--stackflow-plugin-basic-ui-app-bar-icon-color);\n transition: opacity 300ms, color var(--stackflow-plugin-basic-ui-app-bar-icon-color-transition-duration);\n width: 2.25rem;\n height: 2.75rem;\n}\n._1yk3a459:active {\n opacity: 0.2;\n transition: opacity 0s, color var(--stackflow-plugin-basic-ui-app-bar-icon-color-transition-duration);\n}\n._1yk3a45c {\n width: var(--_1dlf4345);\n color: var(--stackflow-plugin-basic-ui-app-bar-text-color);\n transition: height var(--stackflow-plugin-basic-ui-app-bar-height-transition-duration), color var(--stackflow-plugin-basic-ui-app-bar-text-color-transition-duration);\n}\n._1q6dj2j0 ._1yk3a45c {\n width: 100%;\n justify-content: flex-start;\n padding-left: 1rem;\n font-size: 1.1875rem;\n line-height: 1.5;\n font-weight: bold;\n box-sizing: border-box;\n}\n._1q6dj2j1 ._1yk3a45c {\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n font-family: -apple-system, BlinkMacSystemFont;\n font-weight: 600;\n font-size: 1rem;\n left: 50%;\n transform: translate(-50%);\n height: var(--stackflow-plugin-basic-ui-app-bar-height);\n top: max(var(--stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top), constant(safe-area-inset-top));\n top: max(var(--stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top), env(safe-area-inset-top));\n}\n._1q6dj2j0 ._1yk3a45d {\n padding-left: 0.375rem;\n}\n._1yk3a45e {\n left: 50%;\n height: 1.25rem;\n transform: translate(-50%);\n max-width: 5rem;\n display: none;\n width: var(--_1dlf4345);\n}\n._1q6dj2j1 ._1yk3a45e {\n display: block;\n}\n._1yk3a45f {\n text-overflow: ellipsis;\n font-size: inherit;\n font-weight: inherit;\n}\n._1yk3a45g {\n padding: 0 0.5rem;\n margin-left: auto;\n}\n._1yk3a45g:empty {\n display: none;\n}\n._1q6dj2j0 ._1yk3a45g {\n padding: 0 0.5rem 0 0;\n}", "._1ht38h03 {\n transition: var(--_1ht38h00);\n}\n._1ht38h07 {\n transform: translate3d(100%, 0, 0);\n}\n._1ht38h0d {\n background-color: var(--stackflow-plugin-basic-ui-dim-background-color);\n z-index: var(--_1ht38h01);\n opacity: 0;\n}\n._1ht38h04 ._1ht38h0d, ._1ht38h05 ._1ht38h0d {\n opacity: 1;\n}\n._1ht38h06 ._1ht38h0d, ._1ht38h07 ._1ht38h0d {\n opacity: 0;\n}\n._1ht38h0e {\n background-color: var(--stackflow-plugin-basic-ui-background-color);\n width: 100%;\n border-radius: var(--stackflow-plugin-basic-ui-bottom-sheet-border-radius) var(--stackflow-plugin-basic-ui-bottom-sheet-border-radius) 0 0;\n will-change: transform, opacity;\n transform: translate3d(0, 100%, 0);\n opacity: 0;\n}\n._1ht38h04 ._1ht38h0e, ._1ht38h05 ._1ht38h0e {\n transform: translate3d(0, 0, 0);\n opacity: 1;\n}\n._1ht38h06 ._1ht38h0e, ._1ht38h07 ._1ht38h0e {\n transform: translate3d(0, 100%, 0);\n opacity: 0;\n}", "._5ozg8c3 {\n transition: var(--_5ozg8c0);\n}\n._5ozg8c7 {\n transform: translate3d(100%, 0, 0);\n}\n._5ozg8cd {\n background-color: var(--stackflow-plugin-basic-ui-dim-background-color);\n z-index: var(--_5ozg8c1);\n opacity: 0;\n}\n._5ozg8c4 ._5ozg8cd, ._5ozg8c5 ._5ozg8cd {\n opacity: 1;\n}\n._5ozg8c6 ._5ozg8cd, ._5ozg8c7 ._5ozg8cd {\n opacity: 0;\n}\n._5ozg8ce {\n background-color: var(--stackflow-plugin-basic-ui-background-color);\n width: 100%;\n margin: 0 2.5rem;\n box-shadow: 0px 0.625rem 2.375rem rgba(0, 0, 0, 0.15), 0px .5625rem 2.875rem rgba(0, 0, 0, 0.12), 0px .3125rem .9375rem rgba(0, 0, 0, 0.1);\n border-radius: var(--stackflow-plugin-basic-ui-bottom-sheet-border-radius);\n will-change: transform, opacity;\n transform: scale(1.1);\n opacity: 0;\n}\n._5ozg8c4 ._5ozg8ce, ._5ozg8c5 ._5ozg8ce {\n transform: scale(1);\n opacity: 1;\n}\n._5ozg8c6 ._5ozg8ce, ._5ozg8c7 ._5ozg8ce {\n transform: scale(1.1);\n opacity: 0;\n}"],
5
5
  "mappings": ";AAAA;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AACE;AAAA;;;AC3CF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AACA;AACA;AAAA;;;ACxDF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AACA;AAAA;AAEF;AACE;AACA;AAAA;AAGM;AAAA;AAGN;AAAA;AAGM;AAAA;AAGN;AAAA;AAEF;AACE;AACA;AACA;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAGQ;AAAA;AAGR;AAAA;AAEF;AACE;AACA;AAAA;AAGQ;AAAA;AAGR;AACA;AAAA;AAEF;AACE;AAAA;AAAA;AAAA;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AACE;AAAA;AAAA;AAGJ;AACE;AACE;AAAA;AAAA;;;ACvFJ;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AACA;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AAAA;AAAA;AAAA;AAAA;AAEF;AACE;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGQ;AAAA;AAGR;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGU;AAAA;AAGV;AAAA;AAEF;AACE;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AACA;AAAA;AAAA;AAAA;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AACA;AACA;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AACA;AACA;AAAA;AAEF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AACA;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;;;ACxIF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AACA;AAAA;AAEF;AAAA;AACE;AAAA;AAEF;AAAA;AACE;AAAA;AAEF;AACE;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AAAA;AACE;AACA;AAAA;AAEF;AAAA;AACE;AACA;AAAA;;;AC/BF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AACA;AAAA;AAEF;AAAA;AACE;AAAA;AAEF;AAAA;AACE;AAAA;AAEF;AACE;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAAA;AAEF;AAAA;AACE;AACA;AAAA;AAEF;AAAA;AACE;AACA;AAAA;",
6
6
  "names": []
package/dist/index.js CHANGED
@@ -216,9 +216,9 @@ var basicUIPlugin = (options) => () => ({
216
216
  });
217
217
 
218
218
  // src/components/AppScreen.tsx
219
- var import_react8 = require("@stackflow/react");
219
+ var import_react9 = require("@stackflow/react");
220
220
  var import_dynamic3 = require("@vanilla-extract/dynamic");
221
- var import_react9 = require("react");
221
+ var import_react10 = require("react");
222
222
 
223
223
  // src/hooks/useLazy.tsx
224
224
  var import_react2 = require("react");
@@ -261,14 +261,24 @@ function useMaxWidth({
261
261
  };
262
262
  }
263
263
 
264
+ // src/hooks/useMounted.ts
265
+ var import_react4 = require("react");
266
+ function useMounted() {
267
+ const [mounted, mount] = (0, import_react4.useReducer)(() => true, false);
268
+ (0, import_react4.useEffect)(() => {
269
+ mount();
270
+ }, []);
271
+ return mounted;
272
+ }
273
+
264
274
  // src/hooks/useNullableActivity.ts
265
- var import_react4 = require("@stackflow/react");
275
+ var import_react5 = require("@stackflow/react");
266
276
  function useNullableActivity() {
267
- return (0, import_react4.useActivity)();
277
+ return (0, import_react5.useActivity)();
268
278
  }
269
279
 
270
280
  // src/hooks/useStyleEffect.ts
271
- var import_react5 = require("react");
281
+ var import_react6 = require("react");
272
282
  var connections = {};
273
283
  function useStyleEffect({
274
284
  styleName,
@@ -277,7 +287,7 @@ function useStyleEffect({
277
287
  effectDeps
278
288
  }) {
279
289
  const activity = useNullableActivity();
280
- (0, import_react5.useEffect)(() => {
290
+ (0, import_react6.useEffect)(() => {
281
291
  if (!activity) {
282
292
  return noop;
283
293
  }
@@ -292,7 +302,7 @@ function useStyleEffect({
292
302
  connections[styleName].delete(activity.zIndex);
293
303
  };
294
304
  }, [activity == null ? void 0 : activity.id, refs, effect]);
295
- (0, import_react5.useEffect)(() => {
305
+ (0, import_react6.useEffect)(() => {
296
306
  if (!activity) {
297
307
  return noop;
298
308
  }
@@ -625,9 +635,9 @@ function useStyleEffectSwipeBack({
625
635
  }
626
636
 
627
637
  // src/components/AppBar.tsx
628
- var import_react6 = require("@stackflow/react");
638
+ var import_react7 = require("@stackflow/react");
629
639
  var import_dynamic2 = require("@vanilla-extract/dynamic");
630
- var import_react7 = require("react");
640
+ var import_react8 = require("react");
631
641
 
632
642
  // src/components/AppBar.css.ts
633
643
  var import_createRuntimeFn3 = require("@vanilla-extract/recipes/createRuntimeFn");
@@ -645,7 +655,7 @@ var safeArea = "_1yk3a456";
645
655
 
646
656
  // src/components/AppBar.tsx
647
657
  var import_jsx_runtime4 = require("react/jsx-runtime");
648
- var AppBar = (0, import_react7.forwardRef)(
658
+ var AppBar = (0, import_react8.forwardRef)(
649
659
  ({
650
660
  title,
651
661
  renderLeft,
@@ -671,12 +681,12 @@ var AppBar = (0, import_react7.forwardRef)(
671
681
  onTopClick
672
682
  }, ref) => {
673
683
  var _a, _b;
674
- const actions = (0, import_react6.useActions)();
684
+ const actions = (0, import_react7.useActions)();
675
685
  const activity = useNullableActivity();
676
686
  const globalOptions = useGlobalOptions();
677
687
  const globalCloseButton = (_a = globalOptions.appBar) == null ? void 0 : _a.closeButton;
678
688
  const globalBackButton = (_b = globalOptions.appBar) == null ? void 0 : _b.backButton;
679
- const centerRef = (0, import_react7.useRef)(null);
689
+ const centerRef = (0, import_react8.useRef)(null);
680
690
  const { maxWidth } = useMaxWidth({
681
691
  outerRef: ref,
682
692
  innerRef: centerRef,
@@ -848,9 +858,9 @@ var AppBar_default = AppBar;
848
858
 
849
859
  // src/components/AppScreen.tsx
850
860
  var import_jsx_runtime5 = require("react/jsx-runtime");
851
- var Context = (0, import_react9.createContext)(null);
861
+ var Context = (0, import_react10.createContext)(null);
852
862
  function useAppScreen() {
853
- return (0, import_react9.useContext)(Context);
863
+ return (0, import_react10.useContext)(Context);
854
864
  }
855
865
  var AppScreen = ({
856
866
  backgroundColor,
@@ -864,12 +874,13 @@ var AppScreen = ({
864
874
  var _a, _b;
865
875
  const globalOptions = useGlobalOptions();
866
876
  const activity = useNullableActivity();
867
- const { pop } = (0, import_react8.useActions)();
868
- const appScreenRef = (0, import_react9.useRef)(null);
869
- const dimRef = (0, import_react9.useRef)(null);
870
- const paperRef = (0, import_react9.useRef)(null);
871
- const edgeRef = (0, import_react9.useRef)(null);
872
- const appBarRef = (0, import_react9.useRef)(null);
877
+ const mounted = useMounted();
878
+ const { pop } = (0, import_react9.useActions)();
879
+ const appScreenRef = (0, import_react10.useRef)(null);
880
+ const dimRef = (0, import_react10.useRef)(null);
881
+ const paperRef = (0, import_react10.useRef)(null);
882
+ const edgeRef = (0, import_react10.useRef)(null);
883
+ const appBarRef = (0, import_react10.useRef)(null);
873
884
  const modalPresentationStyle = globalOptions.theme === "cupertino" ? CUPERTINO_ONLY_modalPresentationStyle : void 0;
874
885
  const activityEnterStyle = globalOptions.theme === "android" ? ANDROID_ONLY_activityEnterStyle : void 0;
875
886
  const swipeBackPrevented = preventSwipeBack || modalPresentationStyle === "fullScreen";
@@ -932,7 +943,7 @@ var AppScreen = ({
932
943
  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
933
944
  Context.Provider,
934
945
  {
935
- value: (0, import_react9.useMemo)(
946
+ value: (0, import_react10.useMemo)(
936
947
  () => ({
937
948
  scroll({ top }) {
938
949
  var _a2;
@@ -965,8 +976,8 @@ var AppScreen = ({
965
976
  })
966
977
  ),
967
978
  "data-stackflow-component-name": "AppScreen",
968
- "data-stackflow-activity-id": activity == null ? void 0 : activity.id,
969
- "data-stackflow-activity-is-active": activity == null ? void 0 : activity.isActive,
979
+ "data-stackflow-activity-id": mounted ? activity == null ? void 0 : activity.id : void 0,
980
+ "data-stackflow-activity-is-active": mounted ? activity == null ? void 0 : activity.isActive : void 0,
970
981
  children: [
971
982
  activityEnterStyle !== "slideInLeft" && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: dim, ref: dimRef }),
972
983
  appBar2 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
@@ -1002,9 +1013,9 @@ AppScreen.displayName = "AppScreen";
1002
1013
  var AppScreen_default = AppScreen;
1003
1014
 
1004
1015
  // src/components/BottomSheet.tsx
1005
- var import_react10 = require("@stackflow/react");
1016
+ var import_react11 = require("@stackflow/react");
1006
1017
  var import_dynamic4 = require("@vanilla-extract/dynamic");
1007
- var import_react11 = require("react");
1018
+ var import_react12 = require("react");
1008
1019
 
1009
1020
  // src/components/BottomSheet.css.ts
1010
1021
  var import_createRuntimeFn4 = require("@vanilla-extract/recipes/createRuntimeFn");
@@ -1024,9 +1035,9 @@ var BottomSheet = ({
1024
1035
  }) => {
1025
1036
  var _a, _b, _c;
1026
1037
  const activity = useNullableActivity();
1027
- const { pop } = (0, import_react10.useActions)();
1028
- const containerRef = (0, import_react11.useRef)(null);
1029
- const paperRef = (0, import_react11.useRef)(null);
1038
+ const { pop } = (0, import_react11.useActions)();
1039
+ const containerRef = (0, import_react12.useRef)(null);
1040
+ const paperRef = (0, import_react12.useRef)(null);
1030
1041
  useStyleEffect({
1031
1042
  styleName: "hide",
1032
1043
  refs: [containerRef]
@@ -1039,7 +1050,7 @@ var BottomSheet = ({
1039
1050
  styleName: "swipe-back",
1040
1051
  refs: [paperRef]
1041
1052
  });
1042
- const popLock = (0, import_react11.useRef)(false);
1053
+ const popLock = (0, import_react12.useRef)(false);
1043
1054
  const onDimClick = (e) => {
1044
1055
  onOutsideClick == null ? void 0 : onOutsideClick(e);
1045
1056
  if (e.defaultPrevented) {
@@ -1085,9 +1096,9 @@ BottomSheet.displayName = "BottomSheet";
1085
1096
  var BottomSheet_default = BottomSheet;
1086
1097
 
1087
1098
  // src/components/Modal.tsx
1088
- var import_react12 = require("@stackflow/react");
1099
+ var import_react13 = require("@stackflow/react");
1089
1100
  var import_dynamic5 = require("@vanilla-extract/dynamic");
1090
- var import_react13 = require("react");
1101
+ var import_react14 = require("react");
1091
1102
 
1092
1103
  // src/components/Modal.css.ts
1093
1104
  var import_createRuntimeFn5 = require("@vanilla-extract/recipes/createRuntimeFn");
@@ -1107,9 +1118,9 @@ var Modal = ({
1107
1118
  }) => {
1108
1119
  var _a, _b, _c;
1109
1120
  const activity = useNullableActivity();
1110
- const { pop } = (0, import_react12.useActions)();
1111
- const containerRef = (0, import_react13.useRef)(null);
1112
- const paperRef = (0, import_react13.useRef)(null);
1121
+ const { pop } = (0, import_react13.useActions)();
1122
+ const containerRef = (0, import_react14.useRef)(null);
1123
+ const paperRef = (0, import_react14.useRef)(null);
1113
1124
  useStyleEffect({
1114
1125
  styleName: "hide",
1115
1126
  refs: [containerRef]
@@ -1122,7 +1133,7 @@ var Modal = ({
1122
1133
  styleName: "swipe-back",
1123
1134
  refs: [paperRef]
1124
1135
  });
1125
- const popLock = (0, import_react13.useRef)(false);
1136
+ const popLock = (0, import_react14.useRef)(false);
1126
1137
  const onDimClick = (e) => {
1127
1138
  onOutsideClick == null ? void 0 : onOutsideClick(e);
1128
1139
  if (e.defaultPrevented) {