@stackflow/plugin-basic-ui 1.0.4 → 1.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/basicUIPlugin.css.d.ts +0 -2
- package/dist/basicUIPlugin.d.ts +3 -1
- package/dist/index.css +21 -76
- package/dist/index.css.map +3 -3
- package/dist/index.js +37 -38
- package/dist/index.js.map +3 -3
- package/dist/index.mjs +37 -38
- package/dist/index.mjs.map +3 -3
- package/package.json +3 -3
- package/src/basicUIPlugin.css.ts +0 -13
- package/src/basicUIPlugin.tsx +24 -14
- package/src/components/AppBar.css.ts +13 -53
- package/src/components/AppScreen.css.ts +7 -29
|
@@ -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
|
|
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+
|
|
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=#
|
|
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
|
-
|
|
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
|
-
|
|
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=#
|
|
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
|
-
|
|
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
|
-
|
|
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+
|
|
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;
|
|
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
|
@@ -127,16 +127,6 @@ function compactMap(obj) {
|
|
|
127
127
|
}, {});
|
|
128
128
|
}
|
|
129
129
|
|
|
130
|
-
// src/utils/isServer.ts
|
|
131
|
-
function isServer() {
|
|
132
|
-
return typeof window === "undefined";
|
|
133
|
-
}
|
|
134
|
-
|
|
135
|
-
// src/utils/isBrowser.ts
|
|
136
|
-
function isBrowser() {
|
|
137
|
-
return !isServer();
|
|
138
|
-
}
|
|
139
|
-
|
|
140
130
|
// src/utils/listenOnce.ts
|
|
141
131
|
function listenOnce(el, type, cb) {
|
|
142
132
|
const listener = () => {
|
|
@@ -179,36 +169,45 @@ function useGlobalOptions() {
|
|
|
179
169
|
}
|
|
180
170
|
var basicUIPlugin = (options) => () => ({
|
|
181
171
|
key: "basic-ui",
|
|
182
|
-
wrapStack({ stack }) {
|
|
183
|
-
var _a, _b, _c, _d, _e, _f, _g;
|
|
184
|
-
|
|
185
|
-
|
|
172
|
+
wrapStack({ stack, initialContext }) {
|
|
173
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _i;
|
|
174
|
+
const _options = typeof options === "function" ? options({ initialContext }) : options;
|
|
175
|
+
return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
|
|
176
|
+
GlobalOptionsProvider,
|
|
186
177
|
{
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
178
|
+
value: __spreadProps(__spreadValues({}, options), {
|
|
179
|
+
theme: (_a = initialContext == null ? void 0 : initialContext.theme) != null ? _a : _options.theme
|
|
180
|
+
}),
|
|
181
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
|
|
182
|
+
"div",
|
|
183
|
+
{
|
|
184
|
+
className: compact([
|
|
185
|
+
stackWrapper({
|
|
186
|
+
theme: (_b = initialContext == null ? void 0 : initialContext.theme) != null ? _b : _options.theme,
|
|
187
|
+
loading: stack.globalTransitionState === "loading"
|
|
188
|
+
}),
|
|
189
|
+
_options.rootClassName
|
|
190
|
+
]).join(" "),
|
|
191
|
+
style: (0, import_dynamic.assignInlineVars)(
|
|
192
|
+
compactMap({
|
|
193
|
+
[globalVars.backgroundColor]: _options.backgroundColor,
|
|
194
|
+
[globalVars.dimBackgroundColor]: _options.dimBackgroundColor,
|
|
195
|
+
[globalVars.transitionDuration]: `${stack.transitionDuration}ms`,
|
|
196
|
+
[globalVars.computedTransitionDuration]: stack.globalTransitionState === "loading" ? `${stack.transitionDuration}ms` : "0ms",
|
|
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
|
|
204
|
+
})
|
|
205
|
+
),
|
|
206
|
+
children: stack.render()
|
|
207
|
+
}
|
|
208
|
+
)
|
|
210
209
|
}
|
|
211
|
-
)
|
|
210
|
+
);
|
|
212
211
|
}
|
|
213
212
|
});
|
|
214
213
|
|