@stackflow/plugin-basic-ui 1.1.0 → 1.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/dist/basicUIPlugin.css.d.ts +0 -2
  2. package/dist/basicUIPlugin.d.ts +3 -1
  3. package/dist/index.css +21 -76
  4. package/dist/index.css.map +3 -3
  5. package/dist/index.js +13 -12
  6. package/dist/index.js.map +2 -2
  7. package/dist/index.mjs +13 -12
  8. package/dist/index.mjs.map +2 -2
  9. package/package.json +3 -3
  10. package/src/basicUIPlugin.css.ts +0 -13
  11. package/src/basicUIPlugin.tsx +18 -13
  12. package/src/components/AppBar.css.ts +13 -53
  13. package/src/components/AppScreen.css.ts +7 -29
package/dist/basicUIPlugin.css.d.ts CHANGED
@@ -24,8 +24,6 @@ export declare const globalVars: MapLeafNodes<{
24
24
  }, import("@vanilla-extract/private").CSSVarFunction>;
25
25
  declare type InferVars<T> = T extends MapLeafNodes<infer U, any> ? U : never;
26
26
  export declare type GlobalVars = InferVars<typeof globalVars>;
27
- export declare const rootAndroid = ":root[data-stackflow-plugin-basic-ui-theme=android]";
28
- export declare const rootCupertino = ":root[data-stackflow-plugin-basic-ui-theme=cupertino]";
29
27
  export declare const android: string;
30
28
  export declare const cupertino: string;
31
29
  export declare const stackWrapper: import("@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<{
package/dist/basicUIPlugin.d.ts CHANGED
@@ -23,5 +23,7 @@ declare type BasicUIPluginOptions = RecursivePartial<css.GlobalVars> & {
23
23
  };
24
24
  export declare const GlobalOptionsProvider: import("react").Provider<BasicUIPluginOptions>;
25
25
  export declare function useGlobalOptions(): BasicUIPluginOptions;
26
- export declare const basicUIPlugin: (options: BasicUIPluginOptions) => StackflowReactPlugin;
26
+ export declare const basicUIPlugin: (options: BasicUIPluginOptions | ((args: {
27
+ initialContext?: any;
28
+ }) => BasicUIPluginOptions)) => StackflowReactPlugin;
27
29
  export {};
package/dist/index.css CHANGED
@@ -1,37 +1,4 @@
1
- /* vanilla-extract-css-ns:src/basicUIPlugin.css.ts.vanilla.css?source=#H4sIAAAAAAAAE+2V0U7DIBSG730KEm80GU07rUtqfBJjDC2nLXNwEA5z0fjusulujNq1JtsNKUkp/P8pB/hyKodIM1ZtX/dSkOCeRPPUrvCF21XolOG18KrhQXHqQcOdMNKhkg/s7Ywx/oe8jhOdw2Akb3CFrmLnbdveDrik0j84XVeLi3zGvlpWlJdDgcgJ4xUpNFwGJ7adiuXaD/ka1DYQyMkBhLXxw/EanQT3Wwb5YjCDb4G8eoWKFXZzqK8H1fVUsausdKDHuf6dvY6D0xagmvjP/Y2ZF/G5PtRKsKGJ1mm3de/GNbitoGK9khLMkK9GItTc9wC0P18npAo+nvBur97PRjDZBAuOlMFE5WmozLNyPJfzbHFiMEeuIJH5SWb2WDzfyOV8mSfcUhFMRfAYqBUJtVTZUmU7Fm7lDjeLylCUwRoMRZlBA1H2AdhLdKk1DgAA */
2
- :root,
3
- :root[data-stackflow-plugin-basic-ui-theme=android] {
4
- --stackflow-plugin-basic-ui-background-color: #fff;
5
- --stackflow-plugin-basic-ui-dim-background-color: rgba(0, 0, 0, 0.15);
6
- --stackflow-plugin-basic-ui-transition-duration: 0ms;
7
- --stackflow-plugin-basic-ui-computed-transition-duration: 0ms;
8
- --stackflow-plugin-basic-ui-app-bar-border-color: rgba(0, 0, 0, 0.07);
9
- --stackflow-plugin-basic-ui-app-bar-border-size: 1px;
10
- --stackflow-plugin-basic-ui-app-bar-height: 3.5rem;
11
- --stackflow-plugin-basic-ui-app-bar-height-transition-duration: 0ms;
12
- --stackflow-plugin-basic-ui-app-bar-min-height: 3.5rem;
13
- --stackflow-plugin-basic-ui-app-bar-icon-color: #212124;
14
- --stackflow-plugin-basic-ui-app-bar-text-color: #212124;
15
- --stackflow-plugin-basic-ui-app-bar-background-color: #fff;
16
- --stackflow-plugin-basic-ui-app-bar-overflow: hidden;
17
- --stackflow-plugin-basic-ui-bottom-sheet-border-radius: 1rem;
18
- }
19
- :root[data-stackflow-plugin-basic-ui-theme=cupertino] {
20
- --stackflow-plugin-basic-ui-background-color: #fff;
21
- --stackflow-plugin-basic-ui-dim-background-color: rgba(0, 0, 0, 0.15);
22
- --stackflow-plugin-basic-ui-transition-duration: 0ms;
23
- --stackflow-plugin-basic-ui-computed-transition-duration: 0ms;
24
- --stackflow-plugin-basic-ui-app-bar-border-color: rgba(0, 0, 0, 0.07);
25
- --stackflow-plugin-basic-ui-app-bar-border-size: 0.5px;
26
- --stackflow-plugin-basic-ui-app-bar-height: 2.75rem;
27
- --stackflow-plugin-basic-ui-app-bar-height-transition-duration: 0ms;
28
- --stackflow-plugin-basic-ui-app-bar-min-height: 2.75rem;
29
- --stackflow-plugin-basic-ui-app-bar-icon-color: #212124;
30
- --stackflow-plugin-basic-ui-app-bar-text-color: #212124;
31
- --stackflow-plugin-basic-ui-app-bar-background-color: #fff;
32
- --stackflow-plugin-basic-ui-app-bar-overflow: hidden;
33
- --stackflow-plugin-basic-ui-bottom-sheet-border-radius: 1rem;
34
- }
1
+ /* vanilla-extract-css-ns:src/basicUIPlugin.css.ts.vanilla.css?source=#H4sIAAAAAAAAE+2TzU7DMAzH73uKSFxAIlFbKJPKw6C0cVtvzccSZ0wg3p1sopcJ1LUcdpmSgxP559ix/+It372oTbHJ2OeKMc4DyWbbDvaduyF2aHgtAzY8YjKabedtNIo3drC+Yndt275OUAr1L6TvanmfPbKfLfLyYSoQeWkCElrDVfTyaFQs02GKa6x2kUAtDiCdSwfPa+sV+L8qyNaTFZwFCvgBFcvd4VKuB+x6qtiTKD3oedS/q9fpclkC2KQ3x4kp8rSeL0UJDrQQXTatI2334I8OFetRKTBTXG2JrOahB6Cxv14qjCF1+PRXXysxSi2/Se0qUstEOV9shVhfWW0zM7jJ7Uxu5UluzqKh5AZ7MJTcjDWQ3L4B0oZuBQAHAAA= */
35
2
  ._1q6dj2j0 {
36
3
  --stackflow-plugin-basic-ui-background-color: #fff;
37
4
  --stackflow-plugin-basic-ui-dim-background-color: rgba(0, 0, 0, 0.15);
@@ -128,7 +95,7 @@
128
95
  background: none;
129
96
  }
130
97
 
131
- /* vanilla-extract-css-ns:src/components/AppScreen.css.ts.vanilla.css?source=#H4sIAAAAAAAAE7WW3bKaMBDH732K3HRGpsQJenrag9Mn6XQ6SxIhGhMagvZj+u4NoEhERM/xMFyAm/z2n91l19mPiMnV0+LpGf2dIJQA3aRGl4phqqU2MdqBmWJcWGdYSb3HuSxToXAChaC4FJiJLT7fFSwn/yazI/nzK8nXqV9qqjWgCmGFVnHzvNJmeyAfV5IgRDoHKuzvnsVD0hOywhyIEixfsGlEyIcQEXf7m0S96cCPEVm6tz9YKMZ/xWfuoqAy7oWUmGagUh4f91VEZ2ouh/75zNbzNUEnL2Frjo3W9hsDC1diZzO+5V9BMaMF+97hHDGV6IyLNLMxiojh26WXoxhJoTgYnBpggis7fVUdhMikCUxJE7gqdsH5URtdLxeP2v4GAydowx5dxibXsXQMS7xUrxvjjps6As5eUKOlrEKH9zzZCItba2MSKnVlpEuaXamLeb8u2iL0BcTx0U+DT8DUmpgocglOkNKKe6HolFN0Ou067Cy4o6BomXNjhdKdklqfULd/PiP6Xt5H6hD2kgR4Hwlwb+DISNTI23X228SZNL+7DQutG8mNYh+Q4r7u0QSThya4L2A4vd1WdVOyW9DmIZMuRDkw5voRtjofnb2Q5+7F4GZE4JNzzEoD1UPdszrIGFGQdHRM+OAAfURUK7fcTZgCVhyD4eC6ZMFtBQ0e5oWr3ZADr1QvNwMZekve2ANkF3b90z+0Tb8gtvWmvWA2c+U0m386jO+B8bLwd6vGZRXLO8O47PxnqNNQqUP4Xkwl5z+l8Vc0dwoAAA== */
98
+ /* vanilla-extract-css-ns:src/components/AppScreen.css.ts.vanilla.css?source=#H4sIAAAAAAAAE62U3Y6jIBSA7/sU3GxSs9JgOzu7Qx9mg0AVS8FBbPcn++6LqK3UVtvJGC8gh/Od/7P6mTC5e9m8vIK/CwBSQveZ0bVikGqpDQZHYpYQVtYJdlKfYCnrTCiYkkpQWAvIxAFea0Xbxb/Fqid//yB5mvrDU60hqhJWaIXb806bQ0fuX6IoBrokVNjfI0mApBdkg+mIkli+YcsEoS8xQO4PlYRX6vgYoK27/YFCMf4LX5lLokZ4ElJCmhOVcdzrdcT3V1asCwSu4DkXWW4xSJDhh22QSwykUJwYmBnCBFd2+aF6xcBkKVmiNsAmRh+kM9V+Z4feBr7FYzEZiHtpkJ7kNjadxtI5LApKUrTCIzc+A05eUaOlbFIHTzzdCwvP0lYkVObKrWuaT9RvPa7fuVlCBzDu7bT4lBjvExNVKYlzSGnFg6In4Mr9x9rwnCufrRFqUK4innk7qF1xeTrhCgrHYdS8xY3JuI/yzT0VFnoiLPRIWMOmfDTIFrT/lN0Tg5Iw5joPWl3ObkNSlu5iYLsM4MU4ZLUhzcF35wCJASWSzi6EEByBr4Bq5Z67XVKRHYfEcOLmoeK2gUafZoWr4z0Dt+dCzjRjNxphqQ5e6SSYzV2hV+tv3Qq9M+KbUFu1JpsonwxwO9jbPkGNdwA+i2nc+Q8mrUFDowcAAA== */
132
99
  ._1dlf4346 {
133
100
  background-color: var(--stackflow-plugin-basic-ui-dim-background-color);
134
101
  }
@@ -146,8 +113,7 @@
146
113
  z-index: var(--_1dlf4341);
147
114
  will-change: opacity;
148
115
  }
149
- ._1q6dj2j0 ._1dlf434i,
150
- :root[data-stackflow-plugin-basic-ui-theme=android] ._1dlf434i {
116
+ ._1q6dj2j0 ._1dlf434i {
151
117
  height: 10rem;
152
118
  background: linear-gradient(var(--stackflow-plugin-basic-ui-dim-background-color), rgba(0, 0, 0, 0));
153
119
  }
@@ -168,25 +134,19 @@
168
134
  ._1dlf434j::-webkit-scrollbar {
169
135
  display: none;
170
136
  }
171
- ._1q6dj2j1 ._1dlf434j,
172
- :root[data-stackflow-plugin-basic-ui-theme=cupertino] ._1dlf434j {
137
+ ._1q6dj2j1 ._1dlf434j {
173
138
  transform: translate3d(100%, 0, 0);
174
139
  }
175
140
  ._1q6dj2j1 ._1dlf4349 ._1dlf434j,
176
- :root[data-stackflow-plugin-basic-ui-theme=cupertino] ._1dlf4349 ._1dlf434j,
177
- ._1q6dj2j1 ._1dlf434a ._1dlf434j,
178
- :root[data-stackflow-plugin-basic-ui-theme=cupertino] ._1dlf434a ._1dlf434j {
141
+ ._1q6dj2j1 ._1dlf434a ._1dlf434j {
179
142
  transform: translate3d(0, 0, 0);
180
143
  }
181
- ._1q6dj2j0 ._1dlf434j,
182
- :root[data-stackflow-plugin-basic-ui-theme=android] ._1dlf434j {
144
+ ._1q6dj2j0 ._1dlf434j {
183
145
  opacity: 0;
184
146
  transform: translate3d(0, 10rem, 0);
185
147
  }
186
148
  ._1q6dj2j0 ._1dlf4349 ._1dlf434j,
187
- :root[data-stackflow-plugin-basic-ui-theme=android] ._1dlf4349 ._1dlf434j,
188
- ._1q6dj2j0 ._1dlf434a ._1dlf434j,
189
- :root[data-stackflow-plugin-basic-ui-theme=android] ._1dlf434a ._1dlf434j {
149
+ ._1q6dj2j0 ._1dlf434a ._1dlf434j {
190
150
  opacity: 1;
191
151
  transform: translate3d(0, 0, 0);
192
152
  }
@@ -198,8 +158,7 @@
198
158
  padding-top: calc(var(--stackflow-plugin-basic-ui-app-bar-height) + constant(safe-area-inset-top));
199
159
  padding-top: calc(var(--stackflow-plugin-basic-ui-app-bar-height) + env(safe-area-inset-top));
200
160
  }
201
- ._1q6dj2j1 ._1dlf434l,
202
- :root[data-stackflow-plugin-basic-ui-theme=cupertino] ._1dlf434l {
161
+ ._1q6dj2j1 ._1dlf434l {
203
162
  transform: translate3d(0, 100%, 0);
204
163
  }
205
164
  ._1dlf434m {
@@ -211,7 +170,7 @@
211
170
  height: calc(100% - var(--stackflow-plugin-basic-ui-app-bar-height));
212
171
  }
213
172
 
214
- /* vanilla-extract-css-ns:src/components/AppBar.css.ts.vanilla.css?source=#H4sIAAAAAAAAE81XS28aMRC+8yt8qQQVXnl55AHqpYfeeuqxqiLv2gtOvPbWNgRS9b/X630aloUkRGqUA9gz429e3wzBQ7h/muLZHIE/AwBSJuCastXaLMAWqyGE2uD4KeHyGWZ8s7LXEdYshhsGcZbZLwo2OqPl4O8gqCyGzqLcUpWrX26v0vCtTZy1yCqvlNwIAmPJpbrc6qGmtQ7AC2SC0F1l5SEkPJlNZzN3+cw4h/EaixVdAKOw0IlU6RjIDMfM7HN0Vqr6s0B/35DHyWMIGszjlsBCSWl+EmxwD1qzpin9Em8yqgwT8lfLVmMqD0QmNTNMigXAkZZ8Y2gvnsKv6NrQjs36KOuolQHk2NApGYYIfRoDZP9doN1V6Q3Sp/xA7wePBVGSkdNRLVNrYSxPo7e4Q6Ro2gW/VjmoKDSq6+boptfhQuj+ur73G+0CgD8CAD6fh7A/D2UJtWhiWtCE3EG9xiSnHSY0NQBlOxBjHg9hCD5fThpSEaqgZi90NALotXoV0Xj57aaK2dgTeSdZzNrGehrRlTLarj+olLtZ6P76Xp8z3AUDfxQM/KY81KV8Fnj0UcCj/6OAahBz93K1jsRSWKeEGWqcUIgVxdC1NjQyc29XglRsT8i0bN94ti/t63rN8T0tjl9pBTYWINkonH/wMd4Wkx4TwsTKziSAgrmdO77MgqaZDWQuSZjOOLasKaSgntSdu3/lxsRsxFu7UtvhKn1ThFJd7ErErBdgEkwKhE1oJ8HtEei7BY4N29KDmRtMTr1TbAW1fuQUyzf9Epo7rK/01NCdOeHpdVM7OOrr1lYTNc38rp0mGrT6tgxSvnHlrj1utGHJ3jorDBU2PQmnu/wNZZZNrUFOE3sXlqlMrLCbgfYoCO9uqxRzJmj9ayEM5rXsc3kWSU6W1ThmL66Ky9Foj7oDEr43IF3z0AtJ1+rcap48IvkB5mwlIDM01ZZ8bLCo6oxgc+XKyKm1T11EEpwybo3nhcIp1Htt8gXyqw3h03cc/3Dfv1nJoxjeIHSYgyr8LknzIrFd/DyE9tKjxrfwnMwu4F4n1Ue83VOtVf3xm0fZcQfEh9PLr2sUTI85iThBL6ZNades1h/mFO9g2XCVwgEn97DWmWYgV2sG0m6GGl/EZfzkRaSgZ1fUzY94yjnLNNMHNcnEmip2XL31ectucmqs5QFUuRNFFvDGSF+xb9b1UmtyJWpNPB459CD/YKH8A4KdXslTEQAA */
173
+ /* vanilla-extract-css-ns:src/components/AppBar.css.ts.vanilla.css?source=#H4sIAAAAAAAAE71Wy3LbIBTd5yvYdMbuBA3yI0ntXRfdddUP6CCBbGIEKmDHTqf/XkBPJMuPTluPFxLce+7rcFD0PT7t5nixRODnAwA5E3BL2WZrVuCA1QRCbXC6y7h8gwXfb+x2gjVL4Z5BXBT2RcHWZ7p++PUQ1YixR5QHqpz77Xi1R4g282iJdd4ouRcEppJLdTtq39OiA/AOmSD0WKN8jwnPFvPFwm++Mc5husViQ1fAKCx0JlX+CGSBU2ZOVXY/nsjr7DUGvUQLqZlhUqwATrTke0OH9mWwpO/ahKqicmzonExihD48AmT/Pju/VYVAOgBHfcQqY2u4Hse3yDFSND8XoHHpNQpNm3YMdlxKFqb+hdmVRp86iT5escUd29Y0qC6+XF3Vug6n5iWn5BHqLSaOo0xoagAqjiDFPJ3AGHy8nWFSEaqgZu90OgXoXr+aledZtbhEDT86dNj+o9F1BhKfHd7i8ap1Z3yLrvHlqroju3Rw/nt3mshLH7mWzFQKO29hJhpnFGJFMfSMgkYWPnZtSMVhxKaD/RRg30qnRorDSsvlO1FgiwDJXmH3EOb4XKodJoSJjRUYgKKlFZHQZkXzwjbSWRKmC47tYRVS0MDqxe/fqerMdryj592C6/HNEcp1qefEbFdgFs3KDNvWzqLnQdIvK5wadqA9AY1mY3EaES79E+9YxQwptPS53lmpoUczUulfH+3gGgmKcReRS+F1rw3LTjYpYaiwbcw4Pbr4yqxbTkBOM7sXVy3PrLGXSLsUxS/P9Sg4E7T58oijZWP7Vq0lkpN1rdbs3bOtUk67NCabyehl3KGiy9stYM42AjJDc22Psi2JqrN1tlt+KN6tu+rzznDOuAV3becU6pM27m79bAvdfcXpN//+xVoOKn1CqN+pukm+lcuy/efUbgLtZiA0f6IasrhBybzVFRkb8CjtqkXFDBTNh6ePeMOg3pYczfm93IIcH2FF2dqhpz4Xzud5OpFQwxIu012QdykXnhbthy/lnBWa6d5UmdhSxYbzb9Y7uNmYzLoylZto2Su8NzJ0vKK9gxGNRHIP1uU3glzurS8MAAA= */
215
174
  ._1yk3a450 {
216
175
  min-height: var(--stackflow-plugin-basic-ui-app-bar-min-height);
217
176
  }
@@ -223,44 +182,35 @@
223
182
  z-index: var(--_1dlf4344);
224
183
  will-change: transform, opacity;
225
184
  }
226
- ._1q6dj2j1 ._1yk3a452,
227
- :root[data-stackflow-plugin-basic-ui-theme=cupertino] ._1yk3a452 {
185
+ ._1q6dj2j1 ._1yk3a452 {
228
186
  position: absolute;
229
187
  }
230
- ._1q6dj2j1 ._1dlf434b ._1yk3a452,
231
- :root[data-stackflow-plugin-basic-ui-theme=cupertino] ._1dlf434b ._1yk3a452 {
188
+ ._1q6dj2j1 ._1dlf434b ._1yk3a452 {
232
189
  transform: translate3d(100%, 0, 0);
233
190
  transition: 0s;
234
191
  }
235
- ._1q6dj2j0 ._1yk3a452,
236
- :root[data-stackflow-plugin-basic-ui-theme=android] ._1yk3a452 {
192
+ ._1q6dj2j0 ._1yk3a452 {
237
193
  opacity: 0;
238
194
  transform: translate3d(0, 10rem, 0);
239
195
  transition: transform var(--_1dlf4340), opacity var(--_1dlf4340);
240
196
  }
241
197
  ._1q6dj2j0 ._1dlf4349 ._1yk3a452,
242
- :root[data-stackflow-plugin-basic-ui-theme=android] ._1dlf4349 ._1yk3a452,
243
- ._1q6dj2j0 ._1dlf434a ._1yk3a452,
244
- :root[data-stackflow-plugin-basic-ui-theme=android] ._1dlf434a ._1yk3a452 {
198
+ ._1q6dj2j0 ._1dlf434a ._1yk3a452 {
245
199
  opacity: 1;
246
200
  transform: translate3d(0, 0, 0);
247
201
  }
248
202
  ._1yk3a453 {
249
203
  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);
250
204
  }
251
- ._1q6dj2j1 ._1yk3a454,
252
- :root[data-stackflow-plugin-basic-ui-theme=cupertino] ._1yk3a454 {
205
+ ._1q6dj2j1 ._1yk3a454 {
253
206
  transform: translate3d(0, 100vh, 0);
254
207
  transition: transform var(--_1dlf4340), opacity var(--_1dlf4340);
255
208
  }
256
209
  ._1q6dj2j1 ._1dlf4349 ._1yk3a454,
257
- :root[data-stackflow-plugin-basic-ui-theme=cupertino] ._1dlf4349 ._1yk3a454,
258
- ._1q6dj2j1 ._1dlf434a ._1yk3a454,
259
- :root[data-stackflow-plugin-basic-ui-theme=cupertino] ._1dlf434a ._1yk3a454 {
210
+ ._1q6dj2j1 ._1dlf434a ._1yk3a454 {
260
211
  transform: translate3d(0, 0, 0);
261
212
  }
262
- ._1q6dj2j1 ._1dlf434b ._1yk3a454,
263
- :root[data-stackflow-plugin-basic-ui-theme=cupertino] ._1dlf434b ._1yk3a454 {
213
+ ._1q6dj2j1 ._1dlf434b ._1yk3a454 {
264
214
  transform: translate3d(0, 100vh, 0);
265
215
  transition: transform var(--_1dlf4340), opacity var(--_1dlf4340);
266
216
  }
@@ -293,8 +243,7 @@
293
243
  color: var(--stackflow-plugin-basic-ui-app-bar-text-color);
294
244
  transition: height var(--stackflow-plugin-basic-ui-app-bar-height-transition-duration);
295
245
  }
296
- ._1q6dj2j0 ._1yk3a45b,
297
- :root[data-stackflow-plugin-basic-ui-theme=android] ._1yk3a45b {
246
+ ._1q6dj2j0 ._1yk3a45b {
298
247
  width: 100%;
299
248
  justify-content: flex-start;
300
249
  padding-left: 1rem;
@@ -303,8 +252,7 @@
303
252
  font-weight: bold;
304
253
  box-sizing: border-box;
305
254
  }
306
- ._1q6dj2j1 ._1yk3a45b,
307
- :root[data-stackflow-plugin-basic-ui-theme=cupertino] ._1yk3a45b {
255
+ ._1q6dj2j1 ._1yk3a45b {
308
256
  position: absolute;
309
257
  display: flex;
310
258
  align-items: center;
@@ -319,8 +267,7 @@
319
267
  top: constant(safe-area-inset-top);
320
268
  top: env(safe-area-inset-top);
321
269
  }
322
- ._1q6dj2j0 ._1yk3a45c,
323
- :root[data-stackflow-plugin-basic-ui-theme=android] ._1yk3a45c {
270
+ ._1q6dj2j0 ._1yk3a45c {
324
271
  padding-left: 0.375rem;
325
272
  }
326
273
  ._1yk3a45d {
@@ -331,8 +278,7 @@
331
278
  display: none;
332
279
  width: var(--_1dlf4345);
333
280
  }
334
- ._1q6dj2j1 ._1yk3a45d,
335
- :root[data-stackflow-plugin-basic-ui-theme=cupertino] ._1yk3a45d {
281
+ ._1q6dj2j1 ._1yk3a45d {
336
282
  display: block;
337
283
  }
338
284
  ._1yk3a45e {
@@ -347,8 +293,7 @@
347
293
  ._1yk3a45f:empty {
348
294
  display: none;
349
295
  }
350
- ._1q6dj2j0 ._1yk3a45f,
351
- :root[data-stackflow-plugin-basic-ui-theme=android] ._1yk3a45f {
296
+ ._1q6dj2j0 ._1yk3a45f {
352
297
  padding: 0 0.5rem 0 0;
353
298
  }
354
299
 
package/dist/index.css.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["vanilla-extract-css-ns:src/basicUIPlugin.css.ts.vanilla.css?source=#H4sIAAAAAAAAE+2V0U7DIBSG730KEm80GU07rUtqfBJjDC2nLXNwEA5z0fjusulujNq1JtsNKUkp/P8pB/hyKodIM1ZtX/dSkOCeRPPUrvCF21XolOG18KrhQXHqQcOdMNKhkg/s7Ywx/oe8jhOdw2Akb3CFrmLnbdveDrik0j84XVeLi3zGvlpWlJdDgcgJ4xUpNFwGJ7adiuXaD/ka1DYQyMkBhLXxw/EanQT3Wwb5YjCDb4G8eoWKFXZzqK8H1fVUsausdKDHuf6dvY6D0xagmvjP/Y2ZF/G5PtRKsKGJ1mm3de/GNbitoGK9khLMkK9GItTc9wC0P18npAo+nvBur97PRjDZBAuOlMFE5WmozLNyPJfzbHFiMEeuIJH5SWb2WDzfyOV8mSfcUhFMRfAYqBUJtVTZUmU7Fm7lDjeLylCUwRoMRZlBA1H2AdhLdKk1DgAA", "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=#H4sIAAAAAAAAE7WW3bKaMBDH732K3HRGpsQJenrag9Mn6XQ6SxIhGhMagvZj+u4NoEhERM/xMFyAm/z2n91l19mPiMnV0+LpGf2dIJQA3aRGl4phqqU2MdqBmWJcWGdYSb3HuSxToXAChaC4FJiJLT7fFSwn/yazI/nzK8nXqV9qqjWgCmGFVnHzvNJmeyAfV5IgRDoHKuzvnsVD0hOywhyIEixfsGlEyIcQEXf7m0S96cCPEVm6tz9YKMZ/xWfuoqAy7oWUmGagUh4f91VEZ2ouh/75zNbzNUEnL2Frjo3W9hsDC1diZzO+5V9BMaMF+97hHDGV6IyLNLMxiojh26WXoxhJoTgYnBpggis7fVUdhMikCUxJE7gqdsH5URtdLxeP2v4GAydowx5dxibXsXQMS7xUrxvjjps6As5eUKOlrEKH9zzZCItba2MSKnVlpEuaXamLeb8u2iL0BcTx0U+DT8DUmpgocglOkNKKe6HolFN0Ou067Cy4o6BomXNjhdKdklqfULd/PiP6Xt5H6hD2kgR4Hwlwb+DISNTI23X228SZNL+7DQutG8mNYh+Q4r7u0QSThya4L2A4vd1WdVOyW9DmIZMuRDkw5voRtjofnb2Q5+7F4GZE4JNzzEoD1UPdszrIGFGQdHRM+OAAfURUK7fcTZgCVhyD4eC6ZMFtBQ0e5oWr3ZADr1QvNwMZekve2ANkF3b90z+0Tb8gtvWmvWA2c+U0m386jO+B8bLwd6vGZRXLO8O47PxnqNNQqUP4Xkwl5z+l8Vc0dwoAAA==", "vanilla-extract-css-ns:src/components/AppBar.css.ts.vanilla.css?source=#H4sIAAAAAAAAE81XS28aMRC+8yt8qQQVXnl55AHqpYfeeuqxqiLv2gtOvPbWNgRS9b/X630aloUkRGqUA9gz429e3wzBQ7h/muLZHIE/AwBSJuCastXaLMAWqyGE2uD4KeHyGWZ8s7LXEdYshhsGcZbZLwo2OqPl4O8gqCyGzqLcUpWrX26v0vCtTZy1yCqvlNwIAmPJpbrc6qGmtQ7AC2SC0F1l5SEkPJlNZzN3+cw4h/EaixVdAKOw0IlU6RjIDMfM7HN0Vqr6s0B/35DHyWMIGszjlsBCSWl+EmxwD1qzpin9Em8yqgwT8lfLVmMqD0QmNTNMigXAkZZ8Y2gvnsKv6NrQjs36KOuolQHk2NApGYYIfRoDZP9doN1V6Q3Sp/xA7wePBVGSkdNRLVNrYSxPo7e4Q6Ro2gW/VjmoKDSq6+boptfhQuj+ur73G+0CgD8CAD6fh7A/D2UJtWhiWtCE3EG9xiSnHSY0NQBlOxBjHg9hCD5fThpSEaqgZi90NALotXoV0Xj57aaK2dgTeSdZzNrGehrRlTLarj+olLtZ6P76Xp8z3AUDfxQM/KY81KV8Fnj0UcCj/6OAahBz93K1jsRSWKeEGWqcUIgVxdC1NjQyc29XglRsT8i0bN94ti/t63rN8T0tjl9pBTYWINkonH/wMd4Wkx4TwsTKziSAgrmdO77MgqaZDWQuSZjOOLasKaSgntSdu3/lxsRsxFu7UtvhKn1ThFJd7ErErBdgEkwKhE1oJ8HtEei7BY4N29KDmRtMTr1TbAW1fuQUyzf9Epo7rK/01NCdOeHpdVM7OOrr1lYTNc38rp0mGrT6tgxSvnHlrj1utGHJ3jorDBU2PQmnu/wNZZZNrUFOE3sXlqlMrLCbgfYoCO9uqxRzJmj9ayEM5rXsc3kWSU6W1ThmL66Ky9Foj7oDEr43IF3z0AtJ1+rcap48IvkB5mwlIDM01ZZ8bLCo6oxgc+XKyKm1T11EEpwybo3nhcIp1Htt8gXyqw3h03cc/3Dfv1nJoxjeIHSYgyr8LknzIrFd/DyE9tKjxrfwnMwu4F4n1Ue83VOtVf3xm0fZcQfEh9PLr2sUTI85iThBL6ZNades1h/mFO9g2XCVwgEn97DWmWYgV2sG0m6GGl/EZfzkRaSgZ1fUzY94yjnLNNMHNcnEmip2XL31ectucmqs5QFUuRNFFvDGSF+xb9b1UmtyJWpNPB459CD/YKH8A4KdXslTEQAA", "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
- "sourcesContent": [":root, :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: 0ms;\n --stackflow-plugin-basic-ui-computed-transition-duration: 0ms;\n --stackflow-plugin-basic-ui-app-bar-border-color: rgba(0, 0, 0, 0.07);\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: 0ms;\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-text-color: #212124;\n --stackflow-plugin-basic-ui-app-bar-background-color: #fff;\n --stackflow-plugin-basic-ui-app-bar-overflow: hidden;\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: 0ms;\n --stackflow-plugin-basic-ui-computed-transition-duration: 0ms;\n --stackflow-plugin-basic-ui-app-bar-border-color: rgba(0, 0, 0, 0.07);\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: 0ms;\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-text-color: #212124;\n --stackflow-plugin-basic-ui-app-bar-background-color: #fff;\n --stackflow-plugin-basic-ui-app-bar-overflow: hidden;\n --stackflow-plugin-basic-ui-bottom-sheet-border-radius: 1rem;\n}\n._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: 0ms;\n --stackflow-plugin-basic-ui-computed-transition-duration: 0ms;\n --stackflow-plugin-basic-ui-app-bar-border-color: rgba(0, 0, 0, 0.07);\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: 0ms;\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-text-color: #212124;\n --stackflow-plugin-basic-ui-app-bar-background-color: #fff;\n --stackflow-plugin-basic-ui-app-bar-overflow: hidden;\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: 0ms;\n --stackflow-plugin-basic-ui-computed-transition-duration: 0ms;\n --stackflow-plugin-basic-ui-app-bar-border-color: rgba(0, 0, 0, 0.07);\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: 0ms;\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-text-color: #212124;\n --stackflow-plugin-basic-ui-app-bar-background-color: #fff;\n --stackflow-plugin-basic-ui-app-bar-overflow: hidden;\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\n ._1q6dj2j0 ._1dlf434i,\n :root[data-stackflow-plugin-basic-ui-theme=android] ._1dlf434i\n {\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\n ._1q6dj2j1 ._1dlf434j,\n :root[data-stackflow-plugin-basic-ui-theme=cupertino] ._1dlf434j\n {\n transform: translate3d(100%, 0, 0);\n}\n\n ._1q6dj2j1 ._1dlf4349 ._1dlf434j,\n :root[data-stackflow-plugin-basic-ui-theme=cupertino] ._1dlf4349 ._1dlf434j,\n ._1q6dj2j1 ._1dlf434a ._1dlf434j,\n :root[data-stackflow-plugin-basic-ui-theme=cupertino] ._1dlf434a ._1dlf434j\n {\n transform: translate3d(0, 0, 0);\n}\n\n ._1q6dj2j0 ._1dlf434j,\n :root[data-stackflow-plugin-basic-ui-theme=android] ._1dlf434j\n {\n opacity: 0;\n transform: translate3d(0, 10rem, 0);\n}\n\n ._1q6dj2j0 ._1dlf4349 ._1dlf434j,\n :root[data-stackflow-plugin-basic-ui-theme=android] ._1dlf4349 ._1dlf434j,\n ._1q6dj2j0 ._1dlf434a ._1dlf434j,\n :root[data-stackflow-plugin-basic-ui-theme=android] ._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: calc(var(--stackflow-plugin-basic-ui-app-bar-height) + constant(safe-area-inset-top));\n padding-top: calc(var(--stackflow-plugin-basic-ui-app-bar-height) + env(safe-area-inset-top));\n}\n\n ._1q6dj2j1 ._1dlf434l,\n :root[data-stackflow-plugin-basic-ui-theme=cupertino] ._1dlf434l\n {\n transform: translate3d(0, 100%, 0);\n}\n._1dlf434m {\n width: 1.25rem;\n z-index: var(--_1dlf4343);\n}\n._1dlf434n {\n top: var(--stackflow-plugin-basic-ui-app-bar-height);\n height: calc(100% - var(--stackflow-plugin-basic-ui-app-bar-height));\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}\n\n ._1q6dj2j1 ._1yk3a452,\n :root[data-stackflow-plugin-basic-ui-theme=cupertino] ._1yk3a452\n {\n position: absolute;\n}\n\n ._1q6dj2j1 ._1dlf434b ._1yk3a452,\n :root[data-stackflow-plugin-basic-ui-theme=cupertino] ._1dlf434b ._1yk3a452\n {\n transform: translate3d(100%, 0, 0);\n transition: 0s;\n}\n\n ._1q6dj2j0 ._1yk3a452,\n :root[data-stackflow-plugin-basic-ui-theme=android] ._1yk3a452\n {\n opacity: 0;\n transform: translate3d(0, 10rem, 0);\n transition: transform var(--_1dlf4340), opacity var(--_1dlf4340);\n}\n\n ._1q6dj2j0 ._1dlf4349 ._1yk3a452,\n :root[data-stackflow-plugin-basic-ui-theme=android] ._1dlf4349 ._1yk3a452,\n ._1q6dj2j0 ._1dlf434a ._1yk3a452,\n :root[data-stackflow-plugin-basic-ui-theme=android] ._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\n ._1q6dj2j1 ._1yk3a454,\n :root[data-stackflow-plugin-basic-ui-theme=cupertino] ._1yk3a454\n {\n transform: translate3d(0, 100vh, 0);\n transition: transform var(--_1dlf4340), opacity var(--_1dlf4340);\n}\n\n ._1q6dj2j1 ._1dlf4349 ._1yk3a454,\n :root[data-stackflow-plugin-basic-ui-theme=cupertino] ._1dlf4349 ._1yk3a454,\n ._1q6dj2j1 ._1dlf434a ._1yk3a454,\n :root[data-stackflow-plugin-basic-ui-theme=cupertino] ._1dlf434a ._1yk3a454\n {\n transform: translate3d(0, 0, 0);\n}\n\n ._1q6dj2j1 ._1dlf434b ._1yk3a454,\n :root[data-stackflow-plugin-basic-ui-theme=cupertino] ._1dlf434b ._1yk3a454\n {\n transform: translate3d(0, 100vh, 0);\n transition: transform var(--_1dlf4340), opacity var(--_1dlf4340);\n}\n._1yk3a455 {\n height: constant(safe-area-inset-top);\n height: env(safe-area-inset-top);\n}\n._1yk3a456 {\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._1yk3a457 {\n padding: 0 0.5rem;\n}\n._1yk3a457:empty {\n display: none;\n}\n._1yk3a458 {\n color: var(--stackflow-plugin-basic-ui-app-bar-icon-color);\n transition: opacity 300ms;\n width: 2.25rem;\n height: 2.75rem;\n}\n._1yk3a458:active {\n opacity: 0.2;\n transition: opacity 0s;\n}\n._1yk3a45b {\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);\n}\n\n ._1q6dj2j0 ._1yk3a45b,\n :root[data-stackflow-plugin-basic-ui-theme=android] ._1yk3a45b\n {\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\n ._1q6dj2j1 ._1yk3a45b,\n :root[data-stackflow-plugin-basic-ui-theme=cupertino] ._1yk3a45b\n {\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: constant(safe-area-inset-top);\n top: env(safe-area-inset-top);\n}\n\n ._1q6dj2j0 ._1yk3a45c,\n :root[data-stackflow-plugin-basic-ui-theme=android] ._1yk3a45c\n {\n padding-left: 0.375rem;\n}\n._1yk3a45d {\n left: 50%;\n height: 1.25rem;\n transform: translate(-50%);\n max-width: 5rem;\n display: none;\n width: var(--_1dlf4345);\n}\n\n ._1q6dj2j1 ._1yk3a45d,\n :root[data-stackflow-plugin-basic-ui-theme=cupertino] ._1yk3a45d\n {\n display: block;\n}\n._1yk3a45e {\n text-overflow: ellipsis;\n font-size: inherit;\n font-weight: inherit;\n}\n._1yk3a45f {\n padding: 0 0.5rem;\n margin-left: auto;\n}\n._1yk3a45f:empty {\n display: none;\n}\n\n ._1q6dj2j0 ._1yk3a45f,\n :root[data-stackflow-plugin-basic-ui-theme=android] ._1yk3a45f\n {\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
- "mappings": ";AAAA;AAAA;AACE;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;AAAA;AAEF;AACE;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;AAAA;AAEF;AACE;AAAA;;;ACjEF;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;AAGM;AAAA;AAGN;AACA;AAAA;AAGM;AAAA;AAGN;AAAA;AAGM;AAAA;AAGN;AAAA;AAEF;AACE;AACA;AACA;AACA;AAAA;AAEF;AACE;AAAA;AAGQ;AAAA;AAGR;AAAA;AAGQ;AAAA;AAAA;AAAA;AAKR;AAAA;AAGQ;AAAA;AAGR;AACA;AAAA;AAGQ;AAAA;AAAA;AAAA;AAKR;AACA;AAAA;AAEF;AACE;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAGU;AAAA;AAGV;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AACA;AAAA;;;AC5FF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AACA;AAAA;AAGQ;AAAA;AAGR;AAAA;AAGQ;AAAA;AAGR;AACA;AAAA;AAGQ;AAAA;AAGR;AACA;AACA;AAAA;AAGQ;AAAA;AAAA;AAAA;AAKR;AACA;AAAA;AAEF;AACE;AAAA;AAGU;AAAA;AAGV;AACA;AAAA;AAGU;AAAA;AAAA;AAAA;AAKV;AAAA;AAGU;AAAA;AAGV;AACA;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;AAGM;AAAA;AAGN;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGM;AAAA;AAGN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGU;AAAA;AAGV;AAAA;AAEF;AACE;AACA;AACA;AACA;AACA;AACA;AAAA;AAGM;AAAA;AAGN;AAAA;AAEF;AACE;AACA;AACA;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AAAA;AAGM;AAAA;AAGN;AAAA;;;ACjKF;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;",
3
+ "sources": ["vanilla-extract-css-ns:src/basicUIPlugin.css.ts.vanilla.css?source=#H4sIAAAAAAAAE+2TzU7DMAzH73uKSFxAIlFbKJPKw6C0cVtvzccSZ0wg3p1sopcJ1LUcdpmSgxP559ix/+It372oTbHJ2OeKMc4DyWbbDvaduyF2aHgtAzY8YjKabedtNIo3drC+Yndt275OUAr1L6TvanmfPbKfLfLyYSoQeWkCElrDVfTyaFQs02GKa6x2kUAtDiCdSwfPa+sV+L8qyNaTFZwFCvgBFcvd4VKuB+x6qtiTKD3oedS/q9fpclkC2KQ3x4kp8rSeL0UJDrQQXTatI2334I8OFetRKTBTXG2JrOahB6Cxv14qjCF1+PRXXysxSi2/Se0qUstEOV9shVhfWW0zM7jJ7Uxu5UluzqKh5AZ7MJTcjDWQ3L4B0oZuBQAHAAA=", "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=#H4sIAAAAAAAAE62U3Y6jIBSA7/sU3GxSs9JgOzu7Qx9mg0AVS8FBbPcn++6LqK3UVtvJGC8gh/Od/7P6mTC5e9m8vIK/CwBSQveZ0bVikGqpDQZHYpYQVtYJdlKfYCnrTCiYkkpQWAvIxAFea0Xbxb/Fqid//yB5mvrDU60hqhJWaIXb806bQ0fuX6IoBrokVNjfI0mApBdkg+mIkli+YcsEoS8xQO4PlYRX6vgYoK27/YFCMf4LX5lLokZ4ElJCmhOVcdzrdcT3V1asCwSu4DkXWW4xSJDhh22QSwykUJwYmBnCBFd2+aF6xcBkKVmiNsAmRh+kM9V+Z4feBr7FYzEZiHtpkJ7kNjadxtI5LApKUrTCIzc+A05eUaOlbFIHTzzdCwvP0lYkVObKrWuaT9RvPa7fuVlCBzDu7bT4lBjvExNVKYlzSGnFg6In4Mr9x9rwnCufrRFqUK4innk7qF1xeTrhCgrHYdS8xY3JuI/yzT0VFnoiLPRIWMOmfDTIFrT/lN0Tg5Iw5joPWl3ObkNSlu5iYLsM4MU4ZLUhzcF35wCJASWSzi6EEByBr4Bq5Z67XVKRHYfEcOLmoeK2gUafZoWr4z0Dt+dCzjRjNxphqQ5e6SSYzV2hV+tv3Qq9M+KbUFu1JpsonwxwO9jbPkGNdwA+i2nc+Q8mrUFDowcAAA==", "vanilla-extract-css-ns:src/components/AppBar.css.ts.vanilla.css?source=#H4sIAAAAAAAAE71Wy3LbIBTd5yvYdMbuBA3yI0ntXRfdddUP6CCBbGIEKmDHTqf/XkBPJMuPTluPFxLce+7rcFD0PT7t5nixRODnAwA5E3BL2WZrVuCA1QRCbXC6y7h8gwXfb+x2gjVL4Z5BXBT2RcHWZ7p++PUQ1YixR5QHqpz77Xi1R4g282iJdd4ouRcEppJLdTtq39OiA/AOmSD0WKN8jwnPFvPFwm++Mc5husViQ1fAKCx0JlX+CGSBU2ZOVXY/nsjr7DUGvUQLqZlhUqwATrTke0OH9mWwpO/ahKqicmzonExihD48AmT/Pju/VYVAOgBHfcQqY2u4Hse3yDFSND8XoHHpNQpNm3YMdlxKFqb+hdmVRp86iT5escUd29Y0qC6+XF3Vug6n5iWn5BHqLSaOo0xoagAqjiDFPJ3AGHy8nWFSEaqgZu90OgXoXr+aledZtbhEDT86dNj+o9F1BhKfHd7i8ap1Z3yLrvHlqroju3Rw/nt3mshLH7mWzFQKO29hJhpnFGJFMfSMgkYWPnZtSMVhxKaD/RRg30qnRorDSsvlO1FgiwDJXmH3EOb4XKodJoSJjRUYgKKlFZHQZkXzwjbSWRKmC47tYRVS0MDqxe/fqerMdryj592C6/HNEcp1qefEbFdgFs3KDNvWzqLnQdIvK5wadqA9AY1mY3EaES79E+9YxQwptPS53lmpoUczUulfH+3gGgmKcReRS+F1rw3LTjYpYaiwbcw4Pbr4yqxbTkBOM7sXVy3PrLGXSLsUxS/P9Sg4E7T58oijZWP7Vq0lkpN1rdbs3bOtUk67NCabyehl3KGiy9stYM42AjJDc22Psi2JqrN1tlt+KN6tu+rzznDOuAV3becU6pM27m79bAvdfcXpN//+xVoOKn1CqN+pukm+lcuy/efUbgLtZiA0f6IasrhBybzVFRkb8CjtqkXFDBTNh6ePeMOg3pYczfm93IIcH2FF2dqhpz4Xzud5OpFQwxIu012QdykXnhbthy/lnBWa6d5UmdhSxYbzb9Y7uNmYzLoylZto2Su8NzJ0vKK9gxGNRHIP1uU3glzurS8MAAA=", "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
+ "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: 0ms;\n --stackflow-plugin-basic-ui-computed-transition-duration: 0ms;\n --stackflow-plugin-basic-ui-app-bar-border-color: rgba(0, 0, 0, 0.07);\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: 0ms;\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-text-color: #212124;\n --stackflow-plugin-basic-ui-app-bar-background-color: #fff;\n --stackflow-plugin-basic-ui-app-bar-overflow: hidden;\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: 0ms;\n --stackflow-plugin-basic-ui-computed-transition-duration: 0ms;\n --stackflow-plugin-basic-ui-app-bar-border-color: rgba(0, 0, 0, 0.07);\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: 0ms;\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-text-color: #212124;\n --stackflow-plugin-basic-ui-app-bar-background-color: #fff;\n --stackflow-plugin-basic-ui-app-bar-overflow: hidden;\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: calc(var(--stackflow-plugin-basic-ui-app-bar-height) + constant(safe-area-inset-top));\n padding-top: calc(var(--stackflow-plugin-basic-ui-app-bar-height) + env(safe-area-inset-top));\n}\n._1q6dj2j1 ._1dlf434l {\n transform: translate3d(0, 100%, 0);\n}\n._1dlf434m {\n width: 1.25rem;\n z-index: var(--_1dlf4343);\n}\n._1dlf434n {\n top: var(--stackflow-plugin-basic-ui-app-bar-height);\n height: calc(100% - var(--stackflow-plugin-basic-ui-app-bar-height));\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}\n._1q6dj2j1 ._1yk3a452 {\n position: absolute;\n}\n._1q6dj2j1 ._1dlf434b ._1yk3a452 {\n transform: translate3d(100%, 0, 0);\n transition: 0s;\n}\n._1q6dj2j0 ._1yk3a452 {\n opacity: 0;\n transform: translate3d(0, 10rem, 0);\n transition: 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: 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: transform var(--_1dlf4340), opacity var(--_1dlf4340);\n}\n._1yk3a455 {\n height: constant(safe-area-inset-top);\n height: env(safe-area-inset-top);\n}\n._1yk3a456 {\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._1yk3a457 {\n padding: 0 0.5rem;\n}\n._1yk3a457:empty {\n display: none;\n}\n._1yk3a458 {\n color: var(--stackflow-plugin-basic-ui-app-bar-icon-color);\n transition: opacity 300ms;\n width: 2.25rem;\n height: 2.75rem;\n}\n._1yk3a458:active {\n opacity: 0.2;\n transition: opacity 0s;\n}\n._1yk3a45b {\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);\n}\n._1q6dj2j0 ._1yk3a45b {\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 ._1yk3a45b {\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: constant(safe-area-inset-top);\n top: env(safe-area-inset-top);\n}\n._1q6dj2j0 ._1yk3a45c {\n padding-left: 0.375rem;\n}\n._1yk3a45d {\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 ._1yk3a45d {\n display: block;\n}\n._1yk3a45e {\n text-overflow: ellipsis;\n font-size: inherit;\n font-weight: inherit;\n}\n._1yk3a45f {\n padding: 0 0.5rem;\n margin-left: auto;\n}\n._1yk3a45f:empty {\n display: none;\n}\n._1q6dj2j0 ._1yk3a45f {\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
+ "mappings": ";AAAA;AACE;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;AAAA;AAEF;AACE;AAAA;;;ACjCF;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;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AACA;AAAA;;;AC5EF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AACA;AACA;AAAA;AAGQ;AAAA;AAGR;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AAAA;AAGU;AAAA;AAGV;AAAA;AAEF;AACE;AACA;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;;;AC/HF;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": []
7
7
  }
package/dist/index.js CHANGED
@@ -171,35 +171,36 @@ var basicUIPlugin = (options) => () => ({
171
171
  key: "basic-ui",
172
172
  wrapStack({ stack, initialContext }) {
173
173
  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
174
+ const _options = typeof options === "function" ? options({ initialContext }) : options;
174
175
  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
175
176
  GlobalOptionsProvider,
176
177
  {
177
178
  value: __spreadProps(__spreadValues({}, options), {
178
- theme: (_a = initialContext == null ? void 0 : initialContext.theme) != null ? _a : options.theme
179
+ theme: (_a = initialContext == null ? void 0 : initialContext.theme) != null ? _a : _options.theme
179
180
  }),
180
181
  children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
181
182
  "div",
182
183
  {
183
184
  className: compact([
184
185
  stackWrapper({
185
- theme: (_b = initialContext == null ? void 0 : initialContext.theme) != null ? _b : options.theme,
186
+ theme: (_b = initialContext == null ? void 0 : initialContext.theme) != null ? _b : _options.theme,
186
187
  loading: stack.globalTransitionState === "loading"
187
188
  }),
188
- options.rootClassName
189
+ _options.rootClassName
189
190
  ]).join(" "),
190
191
  style: (0, import_dynamic.assignInlineVars)(
191
192
  compactMap({
192
- [globalVars.backgroundColor]: options.backgroundColor,
193
- [globalVars.dimBackgroundColor]: options.dimBackgroundColor,
193
+ [globalVars.backgroundColor]: _options.backgroundColor,
194
+ [globalVars.dimBackgroundColor]: _options.dimBackgroundColor,
194
195
  [globalVars.transitionDuration]: `${stack.transitionDuration}ms`,
195
196
  [globalVars.computedTransitionDuration]: stack.globalTransitionState === "loading" ? `${stack.transitionDuration}ms` : "0ms",
196
- [globalVars.appBar.borderColor]: (_c = options.appBar) == null ? void 0 : _c.borderColor,
197
- [globalVars.appBar.borderSize]: (_d = options.appBar) == null ? void 0 : _d.borderSize,
198
- [globalVars.appBar.height]: (_e = options.appBar) == null ? void 0 : _e.height,
199
- [globalVars.appBar.iconColor]: (_f = options.appBar) == null ? void 0 : _f.iconColor,
200
- [globalVars.appBar.textColor]: (_g = options.appBar) == null ? void 0 : _g.textColor,
201
- [globalVars.bottomSheet.borderRadius]: (_h = options.bottomSheet) == null ? void 0 : _h.borderRadius,
202
- [globalVars.modal.borderRadius]: (_i = options.modal) == null ? void 0 : _i.borderRadius
197
+ [globalVars.appBar.borderColor]: (_c = _options.appBar) == null ? void 0 : _c.borderColor,
198
+ [globalVars.appBar.borderSize]: (_d = _options.appBar) == null ? void 0 : _d.borderSize,
199
+ [globalVars.appBar.height]: (_e = _options.appBar) == null ? void 0 : _e.height,
200
+ [globalVars.appBar.iconColor]: (_f = _options.appBar) == null ? void 0 : _f.iconColor,
201
+ [globalVars.appBar.textColor]: (_g = _options.appBar) == null ? void 0 : _g.textColor,
202
+ [globalVars.bottomSheet.borderRadius]: (_h = _options.bottomSheet) == null ? void 0 : _h.borderRadius,
203
+ [globalVars.modal.borderRadius]: (_i = _options.modal) == null ? void 0 : _i.borderRadius
203
204
  })
204
205
  ),
205
206
  children: stack.render()