@stackflow/plugin-basic-ui 1.7.0 → 1.8.1

package/dist/index.css.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["vanilla-extract-css-ns:src/basicUIPlugin.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+3X0UrDMBQG4Ps9RcAbBVPaah1k+CQikjan7dnWnJqczqHs3WXD6c1m7SrIMNCLXvRPf8jJB4mekuc7M0/nsXibCCGlZ10syiW9yHbZVWhlrj0WskOZ62JROeqskQUtySlxUZblrCdlsDmQdFWuL+Nr8fFESXbVtxA7bT0ykpWmc3r7okTs+2IFNW3HYE7N67aVuXYyJ2fAHesfT3v7H1rol0p5fAUlknb901wNWNWsxE2UOWiGpcZ2btCe+H8syH6OXpqkSXo7PDq2PsOaTyzxFR297ycdxWPpsW1oBW77gRI1GgN2yCR4XYLUDrRE64ElU6tE3D/JOTFTI30NwPtj4LTBziuR7GZqM4n2tiXBtjO3LY6y4bql0fRveRtYIPgWfBvim3JE/GA06+9oqaGB+6JrwTFaegwUBgoDhYHCf0uhtsYRmgDhuUMY7rsBwYDgoftutrOtJbQMTsIKLHslLFmYTTbvJq/pt/ITAAA=", "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=Ll8xaHQzOGgwMyB7CiAgdHJhbnNpdGlvbjogdmFyKC0tXzFodDM4aDAwKTsKfQouXzFodDM4aDA3IHsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDEwMCUsIDAsIDApOwp9Ci5fMWh0MzhoMGQgewogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXN0YWNrZmxvdy1wbHVnaW4tYmFzaWMtdWktZGltLWJhY2tncm91bmQtY29sb3IpOwogIHotaW5kZXg6IHZhcigtLV8xaHQzOGgwMSk7CiAgb3BhY2l0eTogMDsKfQouXzFodDM4aDA0IC5fMWh0MzhoMGQsIC5fMWh0MzhoMDUgLl8xaHQzOGgwZCB7CiAgb3BhY2l0eTogMTsKfQouXzFodDM4aDA2IC5fMWh0MzhoMGQsIC5fMWh0MzhoMDcgLl8xaHQzOGgwZCB7CiAgb3BhY2l0eTogMDsKfQouXzFodDM4aDBlIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zdGFja2Zsb3ctcGx1Z2luLWJhc2ljLXVpLWJhY2tncm91bmQtY29sb3IpOwogIHdpZHRoOiAxMDAlOwogIGJvcmRlci1yYWRpdXM6IHZhcigtLXN0YWNrZmxvdy1wbHVnaW4tYmFzaWMtdWktYm90dG9tLXNoZWV0LWJvcmRlci1yYWRpdXMpIHZhcigtLXN0YWNrZmxvdy1wbHVnaW4tYmFzaWMtdWktYm90dG9tLXNoZWV0LWJvcmRlci1yYWRpdXMpIDAgMDsKICB3aWxsLWNoYW5nZTogdHJhbnNmb3JtLCBvcGFjaXR5OwogIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoMCwgMTAwJSwgMCk7CiAgb3BhY2l0eTogMDsKfQouXzFodDM4aDA0IC5fMWh0MzhoMGUsIC5fMWh0MzhoMDUgLl8xaHQzOGgwZSB7CiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgwLCAwLCAwKTsKICBvcGFjaXR5OiAxOwp9Ci5fMWh0MzhoMDYgLl8xaHQzOGgwZSwgLl8xaHQzOGgwNyAuXzFodDM4aDBlIHsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDAsIDEwMCUsIDApICFpbXBvcnRhbnQ7CiAgb3BhY2l0eTogMCAhaW1wb3J0YW50Owp9", "vanilla-extract-css-ns:src/components/Modal.css.ts.vanilla.css?source=Ll81b3pnOGMzIHsKICB0cmFuc2l0aW9uOiB2YXIoLS1fNW96ZzhjMCk7Cn0KLl81b3pnOGM3IHsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDEwMCUsIDAsIDApOwp9Ci5fNW96ZzhjZCB7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc3RhY2tmbG93LXBsdWdpbi1iYXNpYy11aS1kaW0tYmFja2dyb3VuZC1jb2xvcik7CiAgei1pbmRleDogdmFyKC0tXzVvemc4YzEpOwogIG9wYWNpdHk6IDA7Cn0KLl81b3pnOGM0IC5fNW96ZzhjZCwgLl81b3pnOGM1IC5fNW96ZzhjZCB7CiAgb3BhY2l0eTogMTsKfQouXzVvemc4YzYgLl81b3pnOGNkLCAuXzVvemc4YzcgLl81b3pnOGNkIHsKICBvcGFjaXR5OiAwOwp9Ci5fNW96ZzhjZSB7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc3RhY2tmbG93LXBsdWdpbi1iYXNpYy11aS1iYWNrZ3JvdW5kLWNvbG9yKTsKICB3aWR0aDogMTAwJTsKICBtYXJnaW46IDAgMi41cmVtOwogIGJveC1zaGFkb3c6IDBweCAwLjYyNXJlbSAyLjM3NXJlbSByZ2JhKDAsIDAsIDAsIDAuMTUpLCAwcHggLjU2MjVyZW0gMi44NzVyZW0gcmdiYSgwLCAwLCAwLCAwLjEyKSwgMHB4IC4zMTI1cmVtIC45Mzc1cmVtIHJnYmEoMCwgMCwgMCwgMC4xKTsKICBib3JkZXItcmFkaXVzOiB2YXIoLS1zdGFja2Zsb3ctcGx1Z2luLWJhc2ljLXVpLWJvdHRvbS1zaGVldC1ib3JkZXItcmFkaXVzKTsKICB3aWxsLWNoYW5nZTogdHJhbnNmb3JtLCBvcGFjaXR5OwogIHRyYW5zZm9ybTogc2NhbGUoMS4xKTsKICBvcGFjaXR5OiAwOwp9Ci5fNW96ZzhjNCAuXzVvemc4Y2UsIC5fNW96ZzhjNSAuXzVvemc4Y2UgewogIHRyYW5zZm9ybTogc2NhbGUoMSk7CiAgb3BhY2l0eTogMTsKfQouXzVvemc4YzYgLl81b3pnOGNlLCAuXzVvemc4YzcgLl81b3pnOGNlIHsKICB0cmFuc2Zvcm06IHNjYWxlKDEuMSk7CiAgb3BhY2l0eTogMDsKfQ=="],
-  "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:root[data-stackflow-plugin-basic-ui-theme=cupertino] {\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:root[data-stackflow-plugin-basic-ui-theme=android] {\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._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) !important;\n  opacity: 0 !important;\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}"],
-  "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;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;;;ACrFF;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;",
+  "sources": ["vanilla-extract-css-ns:src/basicUIPlugin.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+3X0UrDMBQG4Ps9RcAbBVPaah1k+CQikjan7dnWnJqczqHs3WXD6c1m7SrIMNCLXvRPf8jJB4mekuc7M0/nsXibCCGlZ10syiW9yHbZVWhlrj0WskOZ62JROeqskQUtySlxUZblrCdlsDmQdFWuL+Nr8fFESXbVtxA7bT0ykpWmc3r7okTs+2IFNW3HYE7N67aVuXYyJ2fAHesfT3v7H1rol0p5fAUlknb901wNWNWsxE2UOWiGpcZ2btCe+H8syH6OXpqkSXo7PDq2PsOaTyzxFR297ycdxWPpsW1oBW77gRI1GgN2yCR4XYLUDrRE64ElU6tE3D/JOTFTI30NwPtj4LTBziuR7GZqM4n2tiXBtjO3LY6y4bql0fRveRtYIPgWfBvim3JE/GA06+9oqaGB+6JrwTFaegwUBgoDhYHCf0uhtsYRmgDhuUMY7rsBwYDgoftutrOtJbQMTsIKLHslLFmYTTbvJq/pt/ITAAA=", "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=#H4sIAAAAAAAAA9WUwY6bMBCG73mKuVQCFUcm2d3uOpe+STUYh5iATY1JNq323SsMbIAEkl1VqsoJaTyf/5n5PcsfYZxtH9YPT/B7ARAh3ydGVyomXGfaMDig8QgpLfL9NtNHUmRVIhWJsJScVJLEMifjLH+zeFssO/K3T5Lnqc+Oag2qUlqpFWv+t9rkLbk7Sf0AdIFc2tNFZIDkZ2SNaYkZWrGOvZDSLwHQAEZJ0iW1fAZ0swD4RaSKxSsbXRd2mT+f4nSVUhhBdkImO8sgpEbkm0HPGGRSCTQkMRhLoaz3qbkEYJIIPdoUUtfiJC3Afe9yXnrKgnEQe8EmNmhAeA0YzQH5PJAO2p02wYMwruoTg5IbnWV1u8hRRHtpyXu0CUmVMLC64ruZ2ayGU00Z62gNJELjbo5lWWR4YqC0EoNxhjASeZ+R2m64flyAeoNIg9mTvamk3cEZEXRo5QtDpldcPY1yhp0uiN5dEL1dUN9o95bXYPZ/ZWMEkKOpX5rVxc0VhkVBIjSkednkfDeJK4P1j19XcSbe3opDpEvv9gbHjDt7Afkoxp+ycnbDRa2bJ42Uz+U/Xl+pyuUcZWx3DMLl6rFdhxNPdz3M1s2N/7iX38uqKLSxJXj96XKtSovKeiVuBUEjkEhVCltHfd8pH/l16A4n64N64Cvk+Hp3Vi4VuaYuuCHete9tunShDv9l1ZO6u4L/AD5kWy5DCQAA", "vanilla-extract-css-ns:src/components/AppBar.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+1Yy5KjIBTd5yvYdFUyJRbm0Q+zm8XsZjUf0IWKCR0EB0hieqr/fUrUKBrNo1Kz6Ole2XC53Hvu4XCJ++odNjM8XyDwZwRAQjlcE7paax/ssBxDqDQONzETe5iy7YpyGGBFQ7ilEKcpDLCE9ZrJcvQxciuPnvEodkTmyy/3V62wvU2NtwCHm5UUWx7BUDAhL/faXjlZjgB4h5RHJKu8vHoRi+ez+dxMaom5opoK7nf2vXlbWHuF0Vbi/GPigEBkUK1xJPaXexYyInLAawnf78fobfrmgRaSqahyw4ESbKtJ175AI2gvNZvFQiZ+8cmwJrNo7CH04ADkAPQp4HPqPAFSFjiojYhIcUj1wQdo2Y8PcoCHJEk+I0D2+UETp4KkM5MDOQLln41oYfLSANcZtMQNy8rQqoY3XI2Sqg2RmRUicwTLB5QrogFKMxBiFo6hB75di6Ci72QyAegm5HtP8XzoKBqqod36i2pHAjUo5J0k29w5Y9ug27w2Ha5Ck2JDwvpVzYuqeUqBFzef+Y6gBG2v//FNV8DwaGCoOsIEZ+NrukKFYwKxJBgaGYVapBMHhIIrjbken5o2gN53P8J3fVs1Mn2yMr1012Pfa7OgGL7Sy1ATV8T4XHRuOIooX/kAAeQuJElsG58kqT4Yy4iqlOGDD7jgxLJ6MfNXttA0FLzRPDcTrg7tDKFEOeA66td+eyAAYE8jvfbB1J0WCdeVmrpPHQxefBxquiOt3syd9oWN7h9zI5zQxFGmYMvawmR3ZR00yXRPHe5HvGsBqYM6/xhpqLeFTa6reUZvW6VpfICh4Jpw7YOYkSyPQeplfQAgI7H2gVcSIhZcm17LB57rPT9VRGGUk+Ob1nMXR9t9ORYIFi2rto++m6NVamYgsr7+K+x9RTXOXR53PoAZXXFINUmUD0LCNZEn86ynDJxmWXPUxB3jhLKDD3LoGYHqoHT+qPjOKN/8xOEv8/8PwXUn00eE2khVIBkoFwX8p269MVygB0ucb5FIkf67S+SOm527QTqsjppCXfIUubOuUhUSZaFfU/WodcMFSXAGywNULWgJ/4D4nCY3sa+PgIlwY8UdF+1RTtL6Bx7CGE0VVS2OUb4mknbZeBxv+F313XB5mjIvW4EV3mphLzxz7XVK1LNT/rEcffwFqRwZMRcTAAA=", "vanilla-extract-css-ns:src/components/BottomSheet.css.ts.vanilla.css?source=Ll8xaHQzOGgwMyB7CiAgdHJhbnNpdGlvbjogdmFyKC0tXzFodDM4aDAwKTsKfQouXzFodDM4aDA3IHsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDEwMCUsIDAsIDApOwp9Ci5fMWh0MzhoMGQgewogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXN0YWNrZmxvdy1wbHVnaW4tYmFzaWMtdWktZGltLWJhY2tncm91bmQtY29sb3IpOwogIHotaW5kZXg6IHZhcigtLV8xaHQzOGgwMSk7CiAgb3BhY2l0eTogMDsKfQouXzFodDM4aDA0IC5fMWh0MzhoMGQsIC5fMWh0MzhoMDUgLl8xaHQzOGgwZCB7CiAgb3BhY2l0eTogMTsKfQouXzFodDM4aDA2IC5fMWh0MzhoMGQsIC5fMWh0MzhoMDcgLl8xaHQzOGgwZCB7CiAgb3BhY2l0eTogMDsKfQouXzFodDM4aDBlIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zdGFja2Zsb3ctcGx1Z2luLWJhc2ljLXVpLWJhY2tncm91bmQtY29sb3IpOwogIHdpZHRoOiAxMDAlOwogIGJvcmRlci1yYWRpdXM6IHZhcigtLXN0YWNrZmxvdy1wbHVnaW4tYmFzaWMtdWktYm90dG9tLXNoZWV0LWJvcmRlci1yYWRpdXMpIHZhcigtLXN0YWNrZmxvdy1wbHVnaW4tYmFzaWMtdWktYm90dG9tLXNoZWV0LWJvcmRlci1yYWRpdXMpIDAgMDsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDAsIDEwMCUsIDApOwogIG9wYWNpdHk6IDA7Cn0KLl8xaHQzOGgwNCAuXzFodDM4aDBlLCAuXzFodDM4aDA1IC5fMWh0MzhoMGUgewogIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoMCwgMCwgMCk7CiAgb3BhY2l0eTogMTsKfQouXzFodDM4aDA2IC5fMWh0MzhoMGUsIC5fMWh0MzhoMDcgLl8xaHQzOGgwZSB7CiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgwLCAxMDAlLCAwKSAhaW1wb3J0YW50OwogIG9wYWNpdHk6IDAgIWltcG9ydGFudDsKfQ==", "vanilla-extract-css-ns:src/components/Modal.css.ts.vanilla.css?source=Ll81b3pnOGMzIHsKICB0cmFuc2l0aW9uOiB2YXIoLS1fNW96ZzhjMCk7Cn0KLl81b3pnOGM3IHsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDEwMCUsIDAsIDApOwp9Ci5fNW96ZzhjZCB7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc3RhY2tmbG93LXBsdWdpbi1iYXNpYy11aS1kaW0tYmFja2dyb3VuZC1jb2xvcik7CiAgei1pbmRleDogdmFyKC0tXzVvemc4YzEpOwogIG9wYWNpdHk6IDA7Cn0KLl81b3pnOGM0IC5fNW96ZzhjZCwgLl81b3pnOGM1IC5fNW96ZzhjZCB7CiAgb3BhY2l0eTogMTsKfQouXzVvemc4YzYgLl81b3pnOGNkLCAuXzVvemc4YzcgLl81b3pnOGNkIHsKICBvcGFjaXR5OiAwOwp9Ci5fNW96ZzhjZSB7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc3RhY2tmbG93LXBsdWdpbi1iYXNpYy11aS1iYWNrZ3JvdW5kLWNvbG9yKTsKICB3aWR0aDogMTAwJTsKICBtYXJnaW46IDAgMi41cmVtOwogIGJveC1zaGFkb3c6IDBweCAwLjYyNXJlbSAyLjM3NXJlbSByZ2JhKDAsIDAsIDAsIDAuMTUpLCAwcHggLjU2MjVyZW0gMi44NzVyZW0gcmdiYSgwLCAwLCAwLCAwLjEyKSwgMHB4IC4zMTI1cmVtIC45Mzc1cmVtIHJnYmEoMCwgMCwgMCwgMC4xKTsKICBib3JkZXItcmFkaXVzOiB2YXIoLS1zdGFja2Zsb3ctcGx1Z2luLWJhc2ljLXVpLWJvdHRvbS1zaGVldC1ib3JkZXItcmFkaXVzKTsKICB0cmFuc2Zvcm06IHNjYWxlKDEuMSk7CiAgb3BhY2l0eTogMDsKfQouXzVvemc4YzQgLl81b3pnOGNlLCAuXzVvemc4YzUgLl81b3pnOGNlIHsKICB0cmFuc2Zvcm06IHNjYWxlKDEpOwogIG9wYWNpdHk6IDE7Cn0KLl81b3pnOGM2IC5fNW96ZzhjZSwgLl81b3pnOGM3IC5fNW96ZzhjZSB7CiAgdHJhbnNmb3JtOiBzY2FsZSgxLjEpOwogIG9wYWNpdHk6IDA7Cn0="],
+  "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:root[data-stackflow-plugin-basic-ui-theme=cupertino] {\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:root[data-stackflow-plugin-basic-ui-theme=android] {\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._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}\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}\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), margin-top var(--stackflow-plugin-basic-ui-app-bar-height-transition-duration);\n  margin-top: var(--stackflow-plugin-basic-ui-app-bar-height);\n  height: calc(100% - 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 (margin-top: constant(safe-area-inset-top)) {\n  ._1dlf434k {\n    margin-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 (margin-top: env(safe-area-inset-top)) {\n  ._1dlf434k {\n    margin-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  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  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) !important;\n  opacity: 0 !important;\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  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}"],
+  "mappings": "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",
   "names": []
 }

package/dist/index.d.ts

@@ -7,3 +7,4 @@ export { default as BottomSheet, BottomSheetProps, } from "./components/BottomSh
 export { vars as bottomSheetVars } from "./components/BottomSheet.css";
 export { default as Modal, ModalProps } from "./components/Modal";
 export { vars as modalVars } from "./components/Modal.css";
+export { useStyleEffect, useZIndexBase } from "./hooks";

package/dist/index.js

@@ -47,7 +47,9 @@ __export(src_exports, {
   bottomSheetVars: () => vars2,
   cssVars: () => globalVars,
   modalVars: () => vars3,
-  useAppScreen: () => useAppScreen
+  useAppScreen: () => useAppScreen,
+  useStyleEffect: () => useStyleEffect,
+  useZIndexBase: () => useZIndexBase
 });
 module.exports = __toCommonJS(src_exports);
 
@@ -393,9 +395,8 @@ function useStyleEffectOffset({
           opacity = "1";
           break;
         }
-        case "android":
         default: {
-          transform = activityEnterStyle === "slideInLeft" ? `translate3d(-50%, 0, 0)` : `translate3d(0, -${OFFSET_PX_ANDROID / 16}rem, 0)`;
+          transform = activityEnterStyle === "slideInLeft" ? "translate3d(-50%, 0, 0)" : `translate3d(0, -${OFFSET_PX_ANDROID / 16}rem, 0)`;
           opacity = activityEnterStyle === "slideInLeft" ? "0" : "1";
           break;
         }
@@ -431,7 +432,6 @@ function useStyleEffectOffset({
               return () => {
                 cleanup();
               };
-            case "enter-active":
             default:
               return noop;
           }
@@ -634,6 +634,13 @@ function useStyleEffectSwipeBack({
   });
 }
 
+// src/hooks/useZIndexBase.ts
+function useZIndexBase() {
+  var _a;
+  const activity = useNullableActivity();
+  return ((_a = activity == null ? void 0 : activity.zIndex) != null ? _a : 0) * 5;
+}
+
 // src/components/AppBar.tsx
 var import_react7 = require("@stackflow/react");
 var import_dynamic2 = require("@vanilla-extract/dynamic");
@@ -713,6 +720,7 @@ var AppBar = (0, import_react8.forwardRef)(
           "button",
           {
             type: "button",
+            "aria-label": "Go Back",
             className: backButton,
             onClick: onBackClick,
             children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(IconBack_default, {})
@@ -836,7 +844,6 @@ var AppBar = (0, import_react8.forwardRef)(
                     {
                       className: centerMainEdge,
                       type: "button",
-                      "aria-hidden": "true",
                       onClick: onTopClick
                     }
                   )
@@ -871,7 +878,7 @@ var AppScreen = ({
   ANDROID_ONLY_activityEnterStyle,
   children
 }) => {
-  var _a, _b;
+  var _a;
   const globalOptions = useGlobalOptions();
   const activity = useNullableActivity();
   const mounted = useMounted();
@@ -885,7 +892,7 @@ var AppScreen = ({
   const activityEnterStyle = globalOptions.theme === "android" ? ANDROID_ONLY_activityEnterStyle : void 0;
   const swipeBackPrevented = preventSwipeBack || modalPresentationStyle === "fullScreen";
   const hasAppBar = !!appBar2;
-  const zIndexBase = ((_a = activity == null ? void 0 : activity.zIndex) != null ? _a : 0) * 5;
+  const zIndexBase = useZIndexBase();
   let zIndexDim;
   let zIndexPaper;
   let zIndexEdge;
@@ -898,7 +905,6 @@ var AppScreen = ({
       zIndexAppBar = zIndexBase + 7;
       break;
     }
-    case "android":
     default: {
       zIndexDim = zIndexBase;
       zIndexPaper = zIndexBase + (activityEnterStyle === "slideInLeft" ? 1 : 3);
@@ -907,7 +913,7 @@ var AppScreen = ({
       break;
     }
   }
-  const transitionState = (_b = activity == null ? void 0 : activity.transitionState) != null ? _b : "enter-done";
+  const transitionState = (_a = activity == null ? void 0 : activity.transitionState) != null ? _a : "enter-done";
   const lazyTransitionState = useLazy(transitionState);
   useStyleEffectHide({
     refs: [appScreenRef],
@@ -931,10 +937,10 @@ var AppScreen = ({
     hasEffect: true
   });
   const onAppBarTopClick = (e) => {
-    var _a2, _b2;
+    var _a2, _b;
     (_a2 = appBar2 == null ? void 0 : appBar2.onTopClick) == null ? void 0 : _a2.call(appBar2, e);
     if (!e.defaultPrevented) {
-      (_b2 = paperRef.current) == null ? void 0 : _b2.scroll({
+      (_b = paperRef.current) == null ? void 0 : _b.scroll({
         top: 0,
         behavior: "smooth"
       });
@@ -1034,7 +1040,7 @@ var BottomSheet = ({
   onOutsideClick,
   children
 }) => {
-  var _a, _b, _c;
+  var _a;
   const activity = useNullableActivity();
   const { pop } = (0, import_react11.useActions)();
   const containerRef = (0, import_react12.useRef)(null);
@@ -1066,9 +1072,9 @@ var BottomSheet = ({
   const onPaperClick = (e) => {
     e.stopPropagation();
   };
-  const zIndexBase = ((_a = activity == null ? void 0 : activity.zIndex) != null ? _a : 0) * 5 + 3;
-  const zIndexPaper = ((_b = activity == null ? void 0 : activity.zIndex) != null ? _b : 0) * 5 + 4;
-  const transitionState = (_c = activity == null ? void 0 : activity.transitionState) != null ? _c : "enter-done";
+  const zIndexBase = useZIndexBase() + 3;
+  const zIndexPaper = useZIndexBase() + 4;
+  const transitionState = (_a = activity == null ? void 0 : activity.transitionState) != null ? _a : "enter-done";
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     "div",
     {
@@ -1117,7 +1123,7 @@ var Modal = ({
   onOutsideClick,
   children
 }) => {
-  var _a, _b, _c;
+  var _a;
   const activity = useNullableActivity();
   const { pop } = (0, import_react13.useActions)();
   const containerRef = (0, import_react14.useRef)(null);
@@ -1149,9 +1155,9 @@ var Modal = ({
   const onPaperClick = (e) => {
     e.stopPropagation();
   };
-  const zIndexBase = ((_a = activity == null ? void 0 : activity.zIndex) != null ? _a : 0) * 5 + 3;
-  const zIndexPaper = ((_b = activity == null ? void 0 : activity.zIndex) != null ? _b : 0) * 5 + 4;
-  const transitionState = (_c = activity == null ? void 0 : activity.transitionState) != null ? _c : "enter-done";
+  const zIndexBase = useZIndexBase() + 3;
+  const zIndexPaper = useZIndexBase() + 4;
+  const transitionState = (_a = activity == null ? void 0 : activity.transitionState) != null ? _a : "enter-done";
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     "div",
     {