@stackflow/plugin-basic-ui 0.21.1 → 0.21.2

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 (17) hide show
  1. package/dist/components/AppBar.css.d.ts +13 -0
  2. package/dist/components/AppBar.d.ts +1 -0
  3. package/dist/components/AppScreen.css.d.ts +9 -0
  4. package/dist/components/AppScreen.d.ts +1 -0
  5. package/dist/hooks/useStyleEffectSwipeBack.d.ts +2 -2
  6. package/dist/index.css +51 -42
  7. package/dist/index.css.map +3 -3
  8. package/dist/index.js +32 -20
  9. package/dist/index.js.map +2 -2
  10. package/dist/index.mjs +32 -20
  11. package/dist/index.mjs.map +2 -2
  12. package/package.json +3 -3
  13. package/src/components/AppBar.css.ts +67 -13
  14. package/src/components/AppBar.tsx +24 -2
  15. package/src/components/AppScreen.css.ts +44 -20
  16. package/src/components/AppScreen.tsx +16 -4
  17. package/src/hooks/useStyleEffectSwipeBack.ts +3 -3
package/dist/components/AppBar.css.d.ts CHANGED
@@ -4,6 +4,19 @@ export declare const appBar: import("@vanilla-extract/recipes/dist/declarations/
4
4
  boxShadow: `inset 0px calc(-1 * var(--${string})) 0 var(--${string})` | `inset 0px calc(-1 * var(--${string})) 0 var(--${string}, ${string})` | `inset 0px calc(-1 * var(--${string})) 0 var(--${string}, ${number})` | `inset 0px calc(-1 * var(--${string}, ${string})) 0 var(--${string})` | `inset 0px calc(-1 * var(--${string}, ${string})) 0 var(--${string}, ${string})` | `inset 0px calc(-1 * var(--${string}, ${string})) 0 var(--${string}, ${number})` | `inset 0px calc(-1 * var(--${string}, ${number})) 0 var(--${string})` | `inset 0px calc(-1 * var(--${string}, ${number})) 0 var(--${string}, ${string})` | `inset 0px calc(-1 * var(--${string}, ${number})) 0 var(--${string}, ${number})`;
5
5
  };
6
6
  };
7
+ presentModalFullScreen: {
8
+ true: {
9
+ selectors: {
10
+ [x: string]: {
11
+ transform: "translate3d(0, 100vh, 0)";
12
+ transition: `transform var(--${string}), opacity var(--${string})` | `transform var(--${string}), opacity var(--${string}, ${string})` | `transform var(--${string}), opacity var(--${string}, ${number})` | `transform var(--${string}, ${string}), opacity var(--${string})` | `transform var(--${string}, ${string}), opacity var(--${string}, ${string})` | `transform var(--${string}, ${string}), opacity var(--${string}, ${number})` | `transform var(--${string}, ${number}), opacity var(--${string})` | `transform var(--${string}, ${number}), opacity var(--${string}, ${string})` | `transform var(--${string}, ${number}), opacity var(--${string}, ${number})`;
13
+ } | {
14
+ transform: "translate3d(0, 0, 0)";
15
+ transition?: undefined;
16
+ };
17
+ };
18
+ };
19
+ };
7
20
  }>;
8
21
  export declare const safeArea: string;
9
22
  export declare const container: string;
package/dist/components/AppBar.d.ts CHANGED
@@ -28,6 +28,7 @@ declare const AppBar: React.ForwardRefExoticComponent<Partial<Pick<{
28
28
  } | undefined;
29
29
  closeButtonLocation?: "left" | "right" | undefined;
30
30
  border?: boolean | undefined;
31
+ modalPresentationStyle?: "fullScreen" | undefined;
31
32
  onTopClick?: ((e: React.MouseEvent) => void) | undefined;
32
33
  } & React.RefAttributes<HTMLDivElement>>;
33
34
  export default AppBar;
package/dist/components/AppScreen.css.d.ts CHANGED
@@ -34,6 +34,15 @@ export declare const paper: import("@vanilla-extract/recipes/dist/declarations/s
34
34
  paddingTop: (`calc(var(--${string}) + constant(safe-area-inset-top))` | `calc(var(--${string}) + env(safe-area-inset-top))`)[];
35
35
  })[];
36
36
  };
37
+ presentModalFullScreen: {
38
+ true: {
39
+ selectors: {
40
+ [x: string]: {
41
+ transform: "translate3d(0, 100%, 0)";
42
+ };
43
+ };
44
+ };
45
+ };
37
46
  }>;
38
47
  export declare const edge: import("@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<{
39
48
  hasAppBar: {
package/dist/components/AppScreen.d.ts CHANGED
@@ -11,6 +11,7 @@ export declare function useAppScreen(): AppScreenContext;
11
11
  export declare type AppScreenProps = Partial<Pick<GlobalVars, "backgroundColor" | "dimBackgroundColor">> & {
12
12
  appBar?: Omit<PropOf<typeof AppBar>, "theme" | "ref" | "key">;
13
13
  preventSwipeBack?: boolean;
14
+ modalPresentationStyle?: "fullScreen";
14
15
  children: React.ReactNode;
15
16
  };
16
17
  declare const AppScreen: React.FC<AppScreenProps>;
package/dist/hooks/useStyleEffectSwipeBack.d.ts CHANGED
@@ -1,10 +1,10 @@
1
1
  /// <reference types="react" />
2
- export declare function useStyleEffectSwipeBack({ theme, dimRef, edgeRef, paperRef, hasEffect, preventSwipeBack, onSwiped, }: {
2
+ export declare function useStyleEffectSwipeBack({ theme, dimRef, edgeRef, paperRef, hasEffect, prevented, onSwiped, }: {
3
3
  theme: "android" | "cupertino";
4
4
  dimRef: React.RefObject<HTMLDivElement>;
5
5
  edgeRef: React.RefObject<HTMLDivElement>;
6
6
  paperRef: React.RefObject<HTMLDivElement>;
7
7
  hasEffect?: boolean;
8
- preventSwipeBack?: boolean;
8
+ prevented?: boolean;
9
9
  onSwiped?: () => void;
10
10
  }): void;
package/dist/index.css CHANGED
@@ -113,7 +113,7 @@
113
113
  background: none;
114
114
  }
115
115
 
116
- /* vanilla-extract-css-ns:src/components/AppScreen.css.ts.vanilla.css?source=#H4sIAAAAAAAAE71WwY7aMBC98xW+VAIVo2TZbtugHlr10nOPVbWa2CYxOLblONBS9d9rJxDYrpMlNKqEBJZn3ryZecx48VHrr8QwJh8fYyrW98v7B/RrglAKZJsZVUmKiRLKJGgHZopxad3FWqg91qLKuMQplJzgimPKC/y312w1+T1ZPI/x9sYY1+K/q/GtAVlyy5VMmt9rZYpjjPPd58qA/26do9kcKQ2E25/XGHdQIGcKPuyRgQDLlnQaR9GrOYrcp8ud1+5HGgmKVu50wFxS9uNUpsMXf2Klr3zrF8+85Z4LgUkOMmPJCaQOZHNWMGdMlNbFIUKhyHOUGKXsNwoWenpRQ30ASY3i9HsQqc4hZzzLbYLiyLBi9aTtCRJcMjA4M0A5k3Z6k8jmyGQpTKOmor6oXVV9302zLXXc4Qv/4Jte4Rt1Cul2301jtmOmrqazLIlRQvg24D1Lt9zi9ra54jJzWlUVyfskp0Ez04a5ey66VvhdzJLkRKCJm4KpyVJeagGOqVSSBTQbh8qxGaRZUjnylksVVO1myB/3Cm5BzY1JOBygL4toYApB6Y+ZQjjAjSkEp9owtn1TbROYzN0k66k3hOgIculj3yOWyyk2Wt1HkE5fOj3CGZ7OGSmH0h0+gXm0pmIt8PY/PivmSAOlbhpjq/SLDyPQ2h0MbpbtBTKmR+h6RF9AJoiAIC8u3KfAM/QaESWdudvVJawZBsPA7YiSWQ86Gy0Kk7uuAMF9IurW7Dm1uev44u7N8bHRtcAYzc59XV7Z/6Lpv09rYEari4dQXRG/SBAeCuN5/gG9kduZswsAAA== */
116
+ /* vanilla-extract-css-ns:src/components/AppScreen.css.ts.vanilla.css?source=#H4sIAAAAAAAAE71WTY/aMBC98yt8qQRqjMKy/QrqoVVVqYeeeqyq1WCbxGBsy3Ggpep/r52EkCxJCHS3K6TF2DPvzczzjKcftP5GDGPy4WFGxep+fv8a/R4htASyiY3KJMVECWUitAMzxji1bmMl1B5rkcVc4iWknOCMY8q3+LHVZDH6M5qeY7y5EWOo/7e5f2tAptxyJaPi+0qZbYlx2vuUGfD/K+NwEiClgXD7a8jhDgrkRMHDlgwEWDan41kYvghQ6D5d5jw3L2lEKFy41QFzSdnPY5oOX/yKpT7zld1s4k/uuRCYJCBjFh2deCC3VfxNbcK2zFkRpfX2EKI2CkF1PDJK2e8ULPQUJ3f5HiQ1itMfrR6PDn1sCeNxYiM0Cw3bLhpyiJDgkoHBsQHKmbTjm8QXIBMvYRwWmfbJnjSTcM7w3YVEtOzCxUirKs4uwS+vhyfD4cMOra2LYztm8ty6kykxSghfFLxnyw23uNottriMnaJVRpI+YWrQzFQwd+fSrK5HF7MoOhIocJdgcrKUp1qAYyqVZI2snml71pagdVAzuELdJHMRWS5Vq77XJ6fDL/+VzFsV+jzhXIYaQrj1fjwP4XaoQUUJB1WktU/eGktfp3xEujkHukPIe+mNYTypsPpiu1pWrXSfVFZ9dIeIqt7hB0ms5jKB1C0+gnmwJmMVwuY/PmECpIFS19OxVfriIwy0dguDiwFe84xp6Tpv9DWXESIgyMUh3nQ8QS8RUdIdd/M/hRXDYBi4SZMy651OngyFyV0XQOMW9fc7bVjqnipfFQXxOROi/LlRVBE03P1z4xuEWYfs74DlZOp6k25z8z2nNnFKn969Kh9uXeOf0fhEYz5Q97Lg6Mt5ZSUXtUdlrgQfDsLXuvE8/wIwJxtwFw0AAA== */
117
117
  .AppScreen__1dlf4346 {
118
118
  background-color: var(--stackflow-plugin-basic-ui-dim-background-color);
119
119
  }
@@ -136,15 +136,11 @@
136
136
  height: 10rem;
137
137
  background: linear-gradient(var(--stackflow-plugin-basic-ui-dim-background-color), rgba(0, 0, 0, 0));
138
138
  }
139
- .AppScreen__1dlf4349 .AppScreen__1dlf434i {
140
- opacity: 1;
141
- }
139
+ .AppScreen__1dlf4349 .AppScreen__1dlf434i,
142
140
  .AppScreen__1dlf434a .AppScreen__1dlf434i {
143
141
  opacity: 1;
144
142
  }
145
- .AppScreen__1dlf434b .AppScreen__1dlf434i {
146
- opacity: 0;
147
- }
143
+ .AppScreen__1dlf434b .AppScreen__1dlf434i,
148
144
  .AppScreen__1dlf434c .AppScreen__1dlf434i {
149
145
  opacity: 0;
150
146
  }
@@ -162,9 +158,7 @@
162
158
  transform: translate3d(100%, 0, 0);
163
159
  }
164
160
  .theme__1coppmz1 .AppScreen__1dlf4349 .AppScreen__1dlf434j,
165
- :root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppScreen__1dlf4349 .AppScreen__1dlf434j {
166
- transform: translate3d(0, 0, 0);
167
- }
161
+ :root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppScreen__1dlf4349 .AppScreen__1dlf434j,
168
162
  .theme__1coppmz1 .AppScreen__1dlf434a .AppScreen__1dlf434j,
169
163
  :root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppScreen__1dlf434a .AppScreen__1dlf434j {
170
164
  transform: translate3d(0, 0, 0);
@@ -175,10 +169,7 @@
175
169
  transform: translate3d(0, 10rem, 0);
176
170
  }
177
171
  .theme__1coppmz0 .AppScreen__1dlf4349 .AppScreen__1dlf434j,
178
- :root[data-stackflow-plugin-basic-ui-theme=android] .AppScreen__1dlf4349 .AppScreen__1dlf434j {
179
- opacity: 1;
180
- transform: translate3d(0, 0, 0);
181
- }
172
+ :root[data-stackflow-plugin-basic-ui-theme=android] .AppScreen__1dlf4349 .AppScreen__1dlf434j,
182
173
  .theme__1coppmz0 .AppScreen__1dlf434a .AppScreen__1dlf434j,
183
174
  :root[data-stackflow-plugin-basic-ui-theme=android] .AppScreen__1dlf434a .AppScreen__1dlf434j {
184
175
  opacity: 1;
@@ -192,16 +183,20 @@
192
183
  padding-top: calc(var(--stackflow-plugin-basic-ui-app-bar-height) + constant(safe-area-inset-top));
193
184
  padding-top: calc(var(--stackflow-plugin-basic-ui-app-bar-height) + env(safe-area-inset-top));
194
185
  }
195
- .AppScreen__1dlf434l {
186
+ .theme__1coppmz1 .AppScreen_presentModalFullScreen_true__1dlf434l,
187
+ :root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppScreen_presentModalFullScreen_true__1dlf434l {
188
+ transform: translate3d(0, 100%, 0);
189
+ }
190
+ .AppScreen__1dlf434m {
196
191
  width: 1.25rem;
197
192
  z-index: var(--zIndexes-edge__1dlf4343);
198
193
  }
199
- .AppScreen_hasAppBar_true__1dlf434m {
194
+ .AppScreen_hasAppBar_true__1dlf434n {
200
195
  top: var(--stackflow-plugin-basic-ui-app-bar-height);
201
196
  height: calc(100% - var(--stackflow-plugin-basic-ui-app-bar-height));
202
197
  }
203
198
 
204
- /* vanilla-extract-css-ns:src/components/AppBar.css.ts.vanilla.css?source=#H4sIAAAAAAAAE7VWyW7bMBC95yt4KWAXoUB5SRoFPTQoChRoTzn0UBQBJVI2G4oUSCpeiv57SWqxLUteEhcI4IicGc48vnnD4FOeP2D19BSunsd4MkXgzxUAGRNwTtlsbiLwgtUAQm1w8pxyuYA5L2Z2O8aaJbBgEOe5/VBw4zO8v/p7FbQChz5wbKPMlCwEgYnkUp0evu1pDwFgDZkgdFlHWX91X1Q7p/JswtPJeDLxxgvGOUzmWMxoBIzCQqdSZddA5jhhZuWTNnOaUeuXyDzP1iHYq+IaREpK85Nggw9k7eN8TIqcKsOE/LUfyMORS80MkyICONaSF4b2ZvGYKEpFU1J82dSOR/f5NqhVAHJs6JgMQoTeXQNk/4Yd+aM3pooFUZKRPgyr64sAuu/P0OYWIkWzMsXKrIK+calYtNn7XCjsfhtc0LChyynGvWC04L67JELHY+/CFh6G7fCttg7D/7GQjtivLKQKE0tFqHoyqqBNyFGpUnIJ9RwTuYgAE5oagPIlSDBPBjAE70/XLH8C1GxNh0OAzvWrdW5fTMc+zVqhEylsTGEGGqcUYkUx9FlDI3PP9tqQipcem/0jJjtHnJp5MwB2W6xcPjPKVm9BUjVXZ6rTUksxIUzMrA4AFExtr3eaRjTLbfM6B8J0zrEljpCCdhnfeLMz5xSzt7E1obZRqJVjjFCmy4lEzDwCo2BU5rvBexTc9pVwE+HEsBfaEr9g1Hcc0l1h7rx/lUFZXDk1YUKFsezLMBM/3HbTgVNf0Zl4GLo0PXhcmBXHps7dZabODnBu8rmyfhfasHRlC7XYCXuBKadLd4Yy9xtuQk5TuxdWl51aYy8OdikIP9zWJOBM0Ob5FQbTxnZRrcWSk/tap9jas77SDLt00kPmPDAOPGTueh8yWx3m0HALmLOZgMzQTFvZ8jzrRG+z5enj3bZXPRopzhi3wR1BOIV6pY0b8A8WvufvOHn031+s5R5+Nwi18a+h9xc0LS+1a5YMoN3cEdXXSKPMT1Btb3VQsvsYP8f6my1kd7Tht9G/O+a28lbsRsG4V7tib78D8obnjQgexj3DS1h1X+3QUvJXyNoJHRNfqmPi3ekTc5k8d4GVlE9u1wDyhSp3mOUD5yzXTLf4y8ScKrbP9GZ9Pzzpm5oOYuVKKu8JF0Z2+h8cpcfEmFxGjHuKcP/YNP4BuwZEPN0OAAA= */
199
+ /* vanilla-extract-css-ns:src/components/AppBar.css.ts.vanilla.css?source=#H4sIAAAAAAAAE81XS2/cNhC+76/gpcC6MAVpH3GyRg4NigAFmlMOPQSBQUnUijFFCiS1Xm/R/16Sej8juZvGhgFb5HAe38x8HDq/pekHJB4evOfHLdrtXfD3CoCEMBhjcozVAZyQWEMoFQoeI8qfYEqzo972kSQBzAhEaao/BKzP3Nyv/lk5HcWeVexrLUfBMxbCgFMu5qvvntRGALhAwkJ8LrVc/jBfWJpDue2QRrvtbmeFnwilMIgRO+IDUAIxGXGR3AKeooCoZ+O0lip/HBXjBGsVAU/T5OKBXkC3DemD4Fx9CZFCE6FYje+DLMVCEca/9lXWGg1YKZdEEc4OAPmS00zhOT5+DgTGrIrd/1GOf99OO5oK8QJ8ihTehmvPdX+5Ba7+tUmyW0XUrpyO171aaIiFgpPwuxkpSkW7dj8ekY7FcwVOhkKqjhQVW+/9nglk/laAujdVac4RngNVJ2Xvfgx+y6zMcRT9L44OWBnJvjed/aKYaw70uQixeFAiw5XuTc6H/AxljEL+dACESayAm55BgGiwhh74dT47WgtQkgu+uQHu0nMlo7ZKaIIDU4ElZuoTDxH9mFFaINkKcHvb0vXfGHKWwaa9Ccax/eme4p/an/PI+93PQfyaXswJE72KMBd6Mb/aKj5YDIz/KoBZ6MWrb8Muze+sm+W8G3Cm4WJqLVGEIRIYQcvMUPHUOloKYnYakemb2LdMzGXnapxuo5MvL9TSgAWGBS6Drr7JZ08UhoQd9aQDXGevp5lB0QNOUo27ORASmVKkL0fGGR4SvrNiC6d+orPRmPebKJRJ37puIvP5PlTxAWycTe5vjffGuRsL4e6AAkVOuDPeOZsxc/lQ2lWD7PnCgzy4/A0CA90v+oZNEGF/me2qFvc2ooV4KHxWI3hctypWIzTVn7lRzTrXmLjRqkEdBaDmjWDC/ZZJRaJnDYDGlOnERhSfjSmh7uuahRRHes8riiDSwnYw0kuO9/auLA5KGK4euZ6zr2SfijWf0/C+nNHIxXZDMS/ppSmQ+o/Fl4E08VRswTT0UGx0pEHJLCBKjgwShROpac7W5SCq9ZYtN3usuWpRilBCqFZuCopiKJ+lMk+eDxrWx08o+Gy/P2rJHq5vXLeblzIlNnH7PNlD18Ya6s0WCb+ESnk6g+Wt1BTFT13mdZfESP6po2pfkf6LL+pe2wzr717B7c5wne0oHwZWvpWIukcqYp3OTYLOsOjc8kDndngBVS7ptuDa3RY0u62Kxac8eBwCMcznHtM8/ISFsalriVKSSiI7tU9YjAXpd0m13lePx25oA70wkeX5Q5nig+enru35xI+vS/y4xWjd4Mw/2r1/ARbbknuvFAAA */
205
200
  .AppBar__1yk3a450 {
206
201
  min-height: var(--stackflow-plugin-basic-ui-app-bar-min-height);
207
202
  }
@@ -217,6 +212,7 @@
217
212
  .theme__1coppmz1 .AppScreen__1dlf434b .AppBar__1yk3a451,
218
213
  :root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppScreen__1dlf434b .AppBar__1yk3a451 {
219
214
  transform: translate3d(100%, 0, 0);
215
+ transition: 0s;
220
216
  }
221
217
  .theme__1coppmz0 .AppBar__1yk3a451,
222
218
  :root[data-stackflow-plugin-basic-ui-theme=android] .AppBar__1yk3a451 {
@@ -225,10 +221,7 @@
225
221
  transition: transform var(--transitionDuration__1dlf4340), opacity var(--transitionDuration__1dlf4340);
226
222
  }
227
223
  .theme__1coppmz0 .AppScreen__1dlf4349 .AppBar__1yk3a451,
228
- :root[data-stackflow-plugin-basic-ui-theme=android] .AppScreen__1dlf4349 .AppBar__1yk3a451 {
229
- opacity: 1;
230
- transform: translate3d(0, 0, 0);
231
- }
224
+ :root[data-stackflow-plugin-basic-ui-theme=android] .AppScreen__1dlf4349 .AppBar__1yk3a451,
232
225
  .theme__1coppmz0 .AppScreen__1dlf434a .AppBar__1yk3a451,
233
226
  :root[data-stackflow-plugin-basic-ui-theme=android] .AppScreen__1dlf434a .AppBar__1yk3a451 {
234
227
  opacity: 1;
@@ -237,37 +230,53 @@
237
230
  .AppBar_border_true__1yk3a452 {
238
231
  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);
239
232
  }
240
- .AppBar__1yk3a453 {
233
+ .theme__1coppmz1 .AppBar_presentModalFullScreen_true__1yk3a453,
234
+ :root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppBar_presentModalFullScreen_true__1yk3a453 {
235
+ transform: translate3d(0, 100vh, 0);
236
+ transition: transform var(--transitionDuration__1dlf4340), opacity var(--transitionDuration__1dlf4340);
237
+ }
238
+ .theme__1coppmz1 .AppScreen__1dlf4349 .AppBar_presentModalFullScreen_true__1yk3a453,
239
+ :root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppScreen__1dlf4349 .AppBar_presentModalFullScreen_true__1yk3a453,
240
+ .theme__1coppmz1 .AppScreen__1dlf434a .AppBar_presentModalFullScreen_true__1yk3a453,
241
+ :root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppScreen__1dlf434a .AppBar_presentModalFullScreen_true__1yk3a453 {
242
+ transform: translate3d(0, 0, 0);
243
+ }
244
+ .theme__1coppmz1 .AppScreen__1dlf434b .AppBar_presentModalFullScreen_true__1yk3a453,
245
+ :root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppScreen__1dlf434b .AppBar_presentModalFullScreen_true__1yk3a453 {
246
+ transform: translate3d(0, 100vh, 0);
247
+ transition: transform var(--transitionDuration__1dlf4340), opacity var(--transitionDuration__1dlf4340);
248
+ }
249
+ .AppBar__1yk3a454 {
241
250
  height: constant(safe-area-inset-top);
242
251
  height: env(safe-area-inset-top);
243
252
  }
244
- .AppBar__1yk3a454 {
253
+ .AppBar__1yk3a455 {
245
254
  height: var(--stackflow-plugin-basic-ui-app-bar-height);
246
255
  transition: height var(--stackflow-plugin-basic-ui-app-bar-height-transition-duration);
247
256
  }
248
- .AppBar__1yk3a455 {
257
+ .AppBar__1yk3a456 {
249
258
  padding: 0 0.5rem;
250
259
  }
251
- .AppBar__1yk3a455:empty {
260
+ .AppBar__1yk3a456:empty {
252
261
  display: none;
253
262
  }
254
- .AppBar__1yk3a456 {
263
+ .AppBar__1yk3a457 {
255
264
  color: var(--stackflow-plugin-basic-ui-app-bar-icon-color);
256
265
  transition: opacity 300ms;
257
266
  width: 2.25rem;
258
267
  height: 2.75rem;
259
268
  }
260
- .AppBar__1yk3a456:active {
269
+ .AppBar__1yk3a457:active {
261
270
  opacity: 0.2;
262
271
  transition: opacity 0s;
263
272
  }
264
- .AppBar__1yk3a459 {
273
+ .AppBar__1yk3a45a {
265
274
  width: var(--appBar-center-mainWidth__1dlf4345);
266
275
  color: var(--stackflow-plugin-basic-ui-app-bar-text-color);
267
276
  transition: height var(--stackflow-plugin-basic-ui-app-bar-height-transition-duration);
268
277
  }
269
- .theme__1coppmz0 .AppBar__1yk3a459,
270
- :root[data-stackflow-plugin-basic-ui-theme=android] .AppBar__1yk3a459 {
278
+ .theme__1coppmz0 .AppBar__1yk3a45a,
279
+ :root[data-stackflow-plugin-basic-ui-theme=android] .AppBar__1yk3a45a {
271
280
  width: 100%;
272
281
  justify-content: flex-start;
273
282
  padding-left: 1rem;
@@ -276,8 +285,8 @@
276
285
  font-weight: bold;
277
286
  box-sizing: border-box;
278
287
  }
279
- .theme__1coppmz1 .AppBar__1yk3a459,
280
- :root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppBar__1yk3a459 {
288
+ .theme__1coppmz1 .AppBar__1yk3a45a,
289
+ :root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppBar__1yk3a45a {
281
290
  position: absolute;
282
291
  display: flex;
283
292
  align-items: center;
@@ -292,11 +301,11 @@
292
301
  top: constant(safe-area-inset-top);
293
302
  top: env(safe-area-inset-top);
294
303
  }
295
- .theme__1coppmz0 .AppBar_hasLeft_true__1yk3a45a,
296
- :root[data-stackflow-plugin-basic-ui-theme=android] .AppBar_hasLeft_true__1yk3a45a {
304
+ .theme__1coppmz0 .AppBar_hasLeft_true__1yk3a45b,
305
+ :root[data-stackflow-plugin-basic-ui-theme=android] .AppBar_hasLeft_true__1yk3a45b {
297
306
  padding-left: 0.375rem;
298
307
  }
299
- .AppBar__1yk3a45b {
308
+ .AppBar__1yk3a45c {
300
309
  left: 50%;
301
310
  height: 1.25rem;
302
311
  transform: translate(-50%);
@@ -304,24 +313,24 @@
304
313
  display: none;
305
314
  width: var(--appBar-center-mainWidth__1dlf4345);
306
315
  }
307
- .theme__1coppmz1 .AppBar__1yk3a45b,
308
- :root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppBar__1yk3a45b {
316
+ .theme__1coppmz1 .AppBar__1yk3a45c,
317
+ :root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppBar__1yk3a45c {
309
318
  display: block;
310
319
  }
311
- .AppBar__1yk3a45c {
320
+ .AppBar__1yk3a45d {
312
321
  text-overflow: ellipsis;
313
322
  font-size: inherit;
314
323
  font-weight: inherit;
315
324
  }
316
- .AppBar__1yk3a45d {
325
+ .AppBar__1yk3a45e {
317
326
  padding: 0 0.5rem;
318
327
  margin-left: auto;
319
328
  }
320
- .AppBar__1yk3a45d:empty {
329
+ .AppBar__1yk3a45e:empty {
321
330
  display: none;
322
331
  }
323
- .theme__1coppmz0 .AppBar__1yk3a45d,
324
- :root[data-stackflow-plugin-basic-ui-theme=android] .AppBar__1yk3a45d {
332
+ .theme__1coppmz0 .AppBar__1yk3a45e,
333
+ :root[data-stackflow-plugin-basic-ui-theme=android] .AppBar__1yk3a45e {
325
334
  padding: 0 0.5rem 0 0;
326
335
  }
327
336
 
package/dist/index.css.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["vanilla-extract-css-ns:src/theme.css.ts.vanilla.css?source=#H4sIAAAAAAAAE+2U30rDMBTG7/cUAW8UltJWyyDik4iMNEnbYJMTTk5xTHx3s+Hu1LW9kdmRQP5+X044P45AAFozcRietSTJI0n12vTwxkM/tNbzWkar+GA5dcaZJ+k1gtUv7H3FGP/lep0OWoTBa66gBxTspmmaxzMqbd03SmxreZuv2VfPiurunJEMIS2Q14Da4E9G+WaqUbR7I1gRdmN1nbFtR4LdZxUaN03FCaWPlix4rgeUh4lg5aZycayRS5vzQrAqvXpKXVmk9jBWSmZHM6XzsKmBCByPnTF0yhRKbYeYcnX888dqAuRqCAbJelg45nlWTQe9zDZ/TvrEGP4b6tkR4+22UBCC2+fLpvharC+e4GLZBF/r8EVS/AmYPn1EXgsAAA==", "vanilla-extract-css-ns:src/styles/f.css.ts.vanilla.css?source=LmZfX2RodGh4cTAgewogIHdpZHRoOiAxMDAlOwp9Ci5mX19kaHRoeHExIHsKICBoZWlnaHQ6IDEwMCU7Cn0KLmZfX2RodGh4cTIgewogIHRvcDogMDsKfQouZl9fZGh0aHhxMyB7CiAgbGVmdDogMDsKfQouZl9fZGh0aHhxNCB7CiAgcG9zaXRpb246IGFic29sdXRlOwp9Ci5mX19kaHRoeHE1IHsKICBwb3NpdGlvbjogcmVsYXRpdmU7Cn0KLmZfX2RodGh4cTcgewogIGRpc3BsYXk6IGZsZXg7Cn0KLmZfX2RodGh4cTggewogIGZsZXg6IDE7Cn0KLmZfX2RodGh4cTkgewogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0KLmZfX2RodGh4cWEgewogIGFsaWduLWl0ZW1zOiBmbGV4LWVuZDsKfQouZl9fZGh0aHhxYiB7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7Cn0KLmZfX2RodGh4cWMgewogIG92ZXJmbG93OiBoaWRkZW47Cn0KLmZfX2RodGh4cWQgewogIHdoaXRlLXNwYWNlOiBub3dyYXA7Cn0KLmZfX2RodGh4cWUgewogIHRleHQtYWxpZ246IGNlbnRlcjsKfQouZl9fZGh0aHhxZiB7CiAgY3Vyc29yOiBwb2ludGVyOwogIC13ZWJraXQtdGFwLWhpZ2hsaWdodC1jb2xvcjogdHJhbnNwYXJlbnQ7Cn0KLmZfX2RodGh4cWcgewogIGJveC1zaXppbmc6IGJvcmRlci1ib3g7Cn0KLmZfX2RodGh4cWggewogIGJveC1zaXppbmc6IGNvbnRlbnQtYm94Owp9Ci5mX19kaHRoeHFpIHsKICBhcHBlYXJhbmNlOiBub25lOwogIGJvcmRlcjogMDsKICBwYWRkaW5nOiAwOwogIGJhY2tncm91bmQ6IG5vbmU7Cn0=", "vanilla-extract-css-ns:src/components/AppScreen.css.ts.vanilla.css?source=#H4sIAAAAAAAAE71WwY7aMBC98xW+VAIVo2TZbtugHlr10nOPVbWa2CYxOLblONBS9d9rJxDYrpMlNKqEBJZn3ryZecx48VHrr8QwJh8fYyrW98v7B/RrglAKZJsZVUmKiRLKJGgHZopxad3FWqg91qLKuMQplJzgimPKC/y312w1+T1ZPI/x9sYY1+K/q/GtAVlyy5VMmt9rZYpjjPPd58qA/26do9kcKQ2E25/XGHdQIGcKPuyRgQDLlnQaR9GrOYrcp8ud1+5HGgmKVu50wFxS9uNUpsMXf2Klr3zrF8+85Z4LgUkOMmPJCaQOZHNWMGdMlNbFIUKhyHOUGKXsNwoWenpRQ30ASY3i9HsQqc4hZzzLbYLiyLBi9aTtCRJcMjA4M0A5k3Z6k8jmyGQpTKOmor6oXVV9302zLXXc4Qv/4Jte4Rt1Cul2301jtmOmrqazLIlRQvg24D1Lt9zi9ra54jJzWlUVyfskp0Ez04a5ey66VvhdzJLkRKCJm4KpyVJeagGOqVSSBTQbh8qxGaRZUjnylksVVO1myB/3Cm5BzY1JOBygL4toYApB6Y+ZQjjAjSkEp9owtn1TbROYzN0k66k3hOgIculj3yOWyyk2Wt1HkE5fOj3CGZ7OGSmH0h0+gXm0pmIt8PY/PivmSAOlbhpjq/SLDyPQ2h0MbpbtBTKmR+h6RF9AJoiAIC8u3KfAM/QaESWdudvVJawZBsPA7YiSWQ86Gy0Kk7uuAMF9IurW7Dm1uev44u7N8bHRtcAYzc59XV7Z/6Lpv09rYEari4dQXRG/SBAeCuN5/gG9kduZswsAAA==", "vanilla-extract-css-ns:src/components/AppBar.css.ts.vanilla.css?source=#H4sIAAAAAAAAE7VWyW7bMBC95yt4KWAXoUB5SRoFPTQoChRoTzn0UBQBJVI2G4oUSCpeiv57SWqxLUteEhcI4IicGc48vnnD4FOeP2D19BSunsd4MkXgzxUAGRNwTtlsbiLwgtUAQm1w8pxyuYA5L2Z2O8aaJbBgEOe5/VBw4zO8v/p7FbQChz5wbKPMlCwEgYnkUp0evu1pDwFgDZkgdFlHWX91X1Q7p/JswtPJeDLxxgvGOUzmWMxoBIzCQqdSZddA5jhhZuWTNnOaUeuXyDzP1iHYq+IaREpK85Nggw9k7eN8TIqcKsOE/LUfyMORS80MkyICONaSF4b2ZvGYKEpFU1J82dSOR/f5NqhVAHJs6JgMQoTeXQNk/4Yd+aM3pooFUZKRPgyr64sAuu/P0OYWIkWzMsXKrIK+calYtNn7XCjsfhtc0LChyynGvWC04L67JELHY+/CFh6G7fCttg7D/7GQjtivLKQKE0tFqHoyqqBNyFGpUnIJ9RwTuYgAE5oagPIlSDBPBjAE70/XLH8C1GxNh0OAzvWrdW5fTMc+zVqhEylsTGEGGqcUYkUx9FlDI3PP9tqQipcem/0jJjtHnJp5MwB2W6xcPjPKVm9BUjVXZ6rTUksxIUzMrA4AFExtr3eaRjTLbfM6B8J0zrEljpCCdhnfeLMz5xSzt7E1obZRqJVjjFCmy4lEzDwCo2BU5rvBexTc9pVwE+HEsBfaEr9g1Hcc0l1h7rx/lUFZXDk1YUKFsezLMBM/3HbTgVNf0Zl4GLo0PXhcmBXHps7dZabODnBu8rmyfhfasHRlC7XYCXuBKadLd4Yy9xtuQk5TuxdWl51aYy8OdikIP9zWJOBM0Ob5FQbTxnZRrcWSk/tap9jas77SDLt00kPmPDAOPGTueh8yWx3m0HALmLOZgMzQTFvZ8jzrRG+z5enj3bZXPRopzhi3wR1BOIV6pY0b8A8WvufvOHn031+s5R5+Nwi18a+h9xc0LS+1a5YMoN3cEdXXSKPMT1Btb3VQsvsYP8f6my1kd7Tht9G/O+a28lbsRsG4V7tib78D8obnjQgexj3DS1h1X+3QUvJXyNoJHRNfqmPi3ekTc5k8d4GVlE9u1wDyhSp3mOUD5yzXTLf4y8ScKrbP9GZ9Pzzpm5oOYuVKKu8JF0Z2+h8cpcfEmFxGjHuKcP/YNP4BuwZEPN0OAAA=", "vanilla-extract-css-ns:src/components/BottomSheet.css.ts.vanilla.css?source=#H4sIAAAAAAAAE6VT3U7DIBS+71NwY7IlPQtN1ZnuznjjtQ+wUGAtkcIC1OmM7y5U20ZT3GaTJpSf7+ccPlb32jndPNWcu+02q11+V+McvScIOUOUFU5oVaAXYhYA48pDa0gYBwhebpKPZDXFth7Zdto0xdevJI7nbJFhfJUi7L84AesISkKfK6NbxYBqqU1vyjq/sZP6AHvZVkJBSayg0ApgooHfKK+C0BGEYvy1Zzg+hhm3ATCIZt1JvSdUuLcC4ai7azRtOp1ev4kc72oc5LKo3O1lcuuz5OLV8X/2frLvB8Fc7Yvzdx6mpTaMGzCEidaeQdnZAxv8wQ/schYWh/KDOSmB1kRVvBjTmvZN2sQz7NP7HeOZmeGXZYb/9bDw8KrmxCrmKBKrU46ibfoES/9iF4cEAAA=", "vanilla-extract-css-ns:src/components/Modal.css.ts.vanilla.css?source=#H4sIAAAAAAAAE51T0W6CMBR99yv6sgQT2hQZ0+HrXvawbzCXtmKzQk1bpnPZv6+AaECcbkkT2ttzzj339kLeNAe1WiX6kC9YjL4mCDkDpZVO6jJFH2ACjM+Rl8pA/e0YdLqcfE9IT2V+VllrU6TtVoETMQ8iSh9CRP0aYfKGmQF7z42uSo6ZVtp0LqzzF2uld3irqlyWOAMrGa4k5rLAQ5aXR+iAZcnFvlM4vNYnYWtClzNqgHoLTLrPFNFLV49o4DIcBJIhoCnjJBldSj7dkpz/LjniUvyzd6N920nuNt65f6z6WIDxHJ8WzUhiRFHHMr3HdgNc73x8u0eUPM3qOw+J583G5BkEtH1sv0iUTMMGSpITdHEFOuugcdRCyfM11WnrxnBhsAEuK3tH0do5XXj/Qjjc4x7LVwqzDZS5SM+DHHb9X/bH2zJQIojI3ydJ3JokMfyVjrn6me4YsItMwwG7lmmsqh+//tn1NQQAAA=="],
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-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: 275ms;\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-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-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: 275ms;\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-bottom-sheet-border-radius: 1rem;\n}\n.theme__1coppmz0 {\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-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: 275ms;\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-bottom-sheet-border-radius: 1rem;\n}\n.theme__1coppmz1 {\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-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: 275ms;\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-bottom-sheet-border-radius: 1rem;\n}", ".f__dhthxq0 {\n width: 100%;\n}\n.f__dhthxq1 {\n height: 100%;\n}\n.f__dhthxq2 {\n top: 0;\n}\n.f__dhthxq3 {\n left: 0;\n}\n.f__dhthxq4 {\n position: absolute;\n}\n.f__dhthxq5 {\n position: relative;\n}\n.f__dhthxq7 {\n display: flex;\n}\n.f__dhthxq8 {\n flex: 1;\n}\n.f__dhthxq9 {\n align-items: center;\n}\n.f__dhthxqa {\n align-items: flex-end;\n}\n.f__dhthxqb {\n justify-content: center;\n}\n.f__dhthxqc {\n overflow: hidden;\n}\n.f__dhthxqd {\n white-space: nowrap;\n}\n.f__dhthxqe {\n text-align: center;\n}\n.f__dhthxqf {\n cursor: pointer;\n -webkit-tap-highlight-color: transparent;\n}\n.f__dhthxqg {\n box-sizing: border-box;\n}\n.f__dhthxqh {\n box-sizing: content-box;\n}\n.f__dhthxqi {\n appearance: none;\n border: 0;\n padding: 0;\n background: none;\n}", ".AppScreen__1dlf4346 {\n background-color: var(--stackflow-plugin-basic-ui-dim-background-color);\n}\n.AppScreen__1dlf4347 {\n background-color: var(--stackflow-plugin-basic-ui-background-color);\n}\n.AppScreen__1dlf4348 {\n transition: transform var(--transitionDuration__1dlf4340), opacity var(--transitionDuration__1dlf4340);\n}\n.AppScreen__1dlf434c {\n transform: translate3d(100%, 0, 0);\n}\n.AppScreen__1dlf434i {\n opacity: 0;\n z-index: var(--zIndexes-dim__1dlf4341);\n will-change: opacity;\n}\n.theme__1coppmz0 .AppScreen__1dlf434i, :root[data-stackflow-plugin-basic-ui-theme=android] .AppScreen__1dlf434i {\n height: 10rem;\n background: linear-gradient(var(--stackflow-plugin-basic-ui-dim-background-color), rgba(0, 0, 0, 0));\n}\n.AppScreen__1dlf4349 .AppScreen__1dlf434i {\n opacity: 1;\n}\n.AppScreen__1dlf434a .AppScreen__1dlf434i {\n opacity: 1;\n}\n.AppScreen__1dlf434b .AppScreen__1dlf434i {\n opacity: 0;\n}\n.AppScreen__1dlf434c .AppScreen__1dlf434i {\n opacity: 0;\n}\n.AppScreen__1dlf434j {\n overflow-y: scroll;\n -webkit-overflow-scrolling: touch;\n z-index: var(--zIndexes-paper__1dlf4342);\n will-change: transform;\n}\n.AppScreen__1dlf434j::-webkit-scrollbar {\n display: none;\n}\n.theme__1coppmz1 .AppScreen__1dlf434j, :root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppScreen__1dlf434j {\n transform: translate3d(100%, 0, 0);\n}\n.theme__1coppmz1 .AppScreen__1dlf4349 .AppScreen__1dlf434j, :root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppScreen__1dlf4349 .AppScreen__1dlf434j {\n transform: translate3d(0, 0, 0);\n}\n.theme__1coppmz1 .AppScreen__1dlf434a .AppScreen__1dlf434j, :root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppScreen__1dlf434a .AppScreen__1dlf434j {\n transform: translate3d(0, 0, 0);\n}\n.theme__1coppmz0 .AppScreen__1dlf434j, :root[data-stackflow-plugin-basic-ui-theme=android] .AppScreen__1dlf434j {\n opacity: 0;\n transform: translate3d(0, 10rem, 0);\n}\n.theme__1coppmz0 .AppScreen__1dlf4349 .AppScreen__1dlf434j, :root[data-stackflow-plugin-basic-ui-theme=android] .AppScreen__1dlf4349 .AppScreen__1dlf434j {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n}\n.theme__1coppmz0 .AppScreen__1dlf434a .AppScreen__1dlf434j, :root[data-stackflow-plugin-basic-ui-theme=android] .AppScreen__1dlf434a .AppScreen__1dlf434j {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n}\n.AppScreen_hasAppBar_true__1dlf434k {\n transition: transform var(--transitionDuration__1dlf4340), opacity var(--transitionDuration__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.AppScreen__1dlf434l {\n width: 1.25rem;\n z-index: var(--zIndexes-edge__1dlf4343);\n}\n.AppScreen_hasAppBar_true__1dlf434m {\n top: var(--stackflow-plugin-basic-ui-app-bar-height);\n height: calc(100% - var(--stackflow-plugin-basic-ui-app-bar-height));\n}", ".AppBar__1yk3a450 {\n min-height: var(--stackflow-plugin-basic-ui-app-bar-min-height);\n}\n.AppBar__1yk3a451 {\n background-color: var(--stackflow-plugin-basic-ui-app-bar-background-color);\n z-index: var(--zIndexes-appBar__1dlf4344);\n will-change: transform, opacity;\n}\n.theme__1coppmz1 .AppBar__1yk3a451, :root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppBar__1yk3a451 {\n position: absolute;\n}\n.theme__1coppmz1 .AppScreen__1dlf434b .AppBar__1yk3a451, :root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppScreen__1dlf434b .AppBar__1yk3a451 {\n transform: translate3d(100%, 0, 0);\n}\n.theme__1coppmz0 .AppBar__1yk3a451, :root[data-stackflow-plugin-basic-ui-theme=android] .AppBar__1yk3a451 {\n opacity: 0;\n transform: translate3d(0, 10rem, 0);\n transition: transform var(--transitionDuration__1dlf4340), opacity var(--transitionDuration__1dlf4340);\n}\n.theme__1coppmz0 .AppScreen__1dlf4349 .AppBar__1yk3a451, :root[data-stackflow-plugin-basic-ui-theme=android] .AppScreen__1dlf4349 .AppBar__1yk3a451 {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n}\n.theme__1coppmz0 .AppScreen__1dlf434a .AppBar__1yk3a451, :root[data-stackflow-plugin-basic-ui-theme=android] .AppScreen__1dlf434a .AppBar__1yk3a451 {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n}\n.AppBar_border_true__1yk3a452 {\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.AppBar__1yk3a453 {\n height: constant(safe-area-inset-top);\n height: env(safe-area-inset-top);\n}\n.AppBar__1yk3a454 {\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.AppBar__1yk3a455 {\n padding: 0 0.5rem;\n}\n.AppBar__1yk3a455:empty {\n display: none;\n}\n.AppBar__1yk3a456 {\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.AppBar__1yk3a456:active {\n opacity: 0.2;\n transition: opacity 0s;\n}\n.AppBar__1yk3a459 {\n width: var(--appBar-center-mainWidth__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.theme__1coppmz0 .AppBar__1yk3a459, :root[data-stackflow-plugin-basic-ui-theme=android] .AppBar__1yk3a459 {\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.theme__1coppmz1 .AppBar__1yk3a459, :root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppBar__1yk3a459 {\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.theme__1coppmz0 .AppBar_hasLeft_true__1yk3a45a, :root[data-stackflow-plugin-basic-ui-theme=android] .AppBar_hasLeft_true__1yk3a45a {\n padding-left: 0.375rem;\n}\n.AppBar__1yk3a45b {\n left: 50%;\n height: 1.25rem;\n transform: translate(-50%);\n max-width: 5rem;\n display: none;\n width: var(--appBar-center-mainWidth__1dlf4345);\n}\n.theme__1coppmz1 .AppBar__1yk3a45b, :root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppBar__1yk3a45b {\n display: block;\n}\n.AppBar__1yk3a45c {\n text-overflow: ellipsis;\n font-size: inherit;\n font-weight: inherit;\n}\n.AppBar__1yk3a45d {\n padding: 0 0.5rem;\n margin-left: auto;\n}\n.AppBar__1yk3a45d:empty {\n display: none;\n}\n.theme__1coppmz0 .AppBar__1yk3a45d, :root[data-stackflow-plugin-basic-ui-theme=android] .AppBar__1yk3a45d {\n padding: 0 0.5rem 0 0;\n}", ".BottomSheet__1ht38h03 {\n transition: var(--transitionDuration__1ht38h00);\n}\n.BottomSheet__1ht38h07 {\n transform: translate3d(100%, 0, 0);\n}\n.BottomSheet__1ht38h0d {\n background-color: var(--stackflow-plugin-basic-ui-dim-background-color);\n z-index: var(--zIndexes-dim__1ht38h01);\n opacity: 0;\n}\n.BottomSheet__1ht38h04 .BottomSheet__1ht38h0d, .BottomSheet__1ht38h05 .BottomSheet__1ht38h0d {\n opacity: 1;\n}\n.BottomSheet__1ht38h06 .BottomSheet__1ht38h0d, .BottomSheet__1ht38h07 .BottomSheet__1ht38h0d {\n opacity: 0;\n}\n.BottomSheet__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.BottomSheet__1ht38h04 .BottomSheet__1ht38h0e, .BottomSheet__1ht38h05 .BottomSheet__1ht38h0e {\n transform: translate3d(0, 0, 0);\n opacity: 1;\n}\n.BottomSheet__1ht38h06 .BottomSheet__1ht38h0e, .BottomSheet__1ht38h07 .BottomSheet__1ht38h0e {\n transform: translate3d(0, 100%, 0);\n opacity: 0;\n}", ".Modal__5ozg8c3 {\n transition: var(--transitionDuration__5ozg8c0);\n}\n.Modal__5ozg8c7 {\n transform: translate3d(100%, 0, 0);\n}\n.Modal__5ozg8cd {\n background-color: var(--stackflow-plugin-basic-ui-dim-background-color);\n z-index: var(--zIndexes-dim__5ozg8c1);\n opacity: 0;\n}\n.Modal__5ozg8c4 .Modal__5ozg8cd, .Modal__5ozg8c5 .Modal__5ozg8cd {\n opacity: 1;\n}\n.Modal__5ozg8c6 .Modal__5ozg8cd, .Modal__5ozg8c7 .Modal__5ozg8cd {\n opacity: 0;\n}\n.Modal__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.Modal__5ozg8c4 .Modal__5ozg8ce, .Modal__5ozg8c5 .Modal__5ozg8ce {\n transform: scale(1);\n opacity: 1;\n}\n.Modal__5ozg8c6 .Modal__5ozg8ce, .Modal__5ozg8c7 .Modal__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;AAAA;AAEF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;;;AClDF;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;AAAA;AACE;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AACA;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AAAA;AACE;AAAA;AAEF;AAAA;AACE;AAAA;AAEF;AAAA;AACE;AAAA;AAEF;AAAA;AACE;AACA;AAAA;AAEF;AAAA;AACE;AACA;AAAA;AAEF;AAAA;AACE;AACA;AAAA;AAEF;AACE;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AACA;AAAA;;;AC1EF;AACE;AAAA;AAEF;AACE;AACA;AACA;AAAA;AAEF;AAAA;AACE;AAAA;AAEF;AAAA;AACE;AAAA;AAEF;AAAA;AACE;AACA;AACA;AAAA;AAEF;AAAA;AACE;AACA;AAAA;AAEF;AAAA;AACE;AACA;AAAA;AAEF;AACE;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;AAAA;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AAAA;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AAAA;AACE;AAAA;AAEF;AACE;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AAAA;AACE;AAAA;AAEF;AACE;AACA;AACA;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AAAA;AACE;AAAA;;;AC9GF;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/theme.css.ts.vanilla.css?source=#H4sIAAAAAAAAE+2U30rDMBTG7/cUAW8UltJWyyDik4iMNEnbYJMTTk5xTHx3s+Hu1LW9kdmRQP5+X044P45AAFozcRietSTJI0n12vTwxkM/tNbzWkar+GA5dcaZJ+k1gtUv7H3FGP/lep0OWoTBa66gBxTspmmaxzMqbd03SmxreZuv2VfPiurunJEMIS2Q14Da4E9G+WaqUbR7I1gRdmN1nbFtR4LdZxUaN03FCaWPlix4rgeUh4lg5aZycayRS5vzQrAqvXpKXVmk9jBWSmZHM6XzsKmBCByPnTF0yhRKbYeYcnX888dqAuRqCAbJelg45nlWTQe9zDZ/TvrEGP4b6tkR4+22UBCC2+fLpvharC+e4GLZBF/r8EVS/AmYPn1EXgsAAA==", "vanilla-extract-css-ns:src/styles/f.css.ts.vanilla.css?source=LmZfX2RodGh4cTAgewogIHdpZHRoOiAxMDAlOwp9Ci5mX19kaHRoeHExIHsKICBoZWlnaHQ6IDEwMCU7Cn0KLmZfX2RodGh4cTIgewogIHRvcDogMDsKfQouZl9fZGh0aHhxMyB7CiAgbGVmdDogMDsKfQouZl9fZGh0aHhxNCB7CiAgcG9zaXRpb246IGFic29sdXRlOwp9Ci5mX19kaHRoeHE1IHsKICBwb3NpdGlvbjogcmVsYXRpdmU7Cn0KLmZfX2RodGh4cTcgewogIGRpc3BsYXk6IGZsZXg7Cn0KLmZfX2RodGh4cTggewogIGZsZXg6IDE7Cn0KLmZfX2RodGh4cTkgewogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0KLmZfX2RodGh4cWEgewogIGFsaWduLWl0ZW1zOiBmbGV4LWVuZDsKfQouZl9fZGh0aHhxYiB7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7Cn0KLmZfX2RodGh4cWMgewogIG92ZXJmbG93OiBoaWRkZW47Cn0KLmZfX2RodGh4cWQgewogIHdoaXRlLXNwYWNlOiBub3dyYXA7Cn0KLmZfX2RodGh4cWUgewogIHRleHQtYWxpZ246IGNlbnRlcjsKfQouZl9fZGh0aHhxZiB7CiAgY3Vyc29yOiBwb2ludGVyOwogIC13ZWJraXQtdGFwLWhpZ2hsaWdodC1jb2xvcjogdHJhbnNwYXJlbnQ7Cn0KLmZfX2RodGh4cWcgewogIGJveC1zaXppbmc6IGJvcmRlci1ib3g7Cn0KLmZfX2RodGh4cWggewogIGJveC1zaXppbmc6IGNvbnRlbnQtYm94Owp9Ci5mX19kaHRoeHFpIHsKICBhcHBlYXJhbmNlOiBub25lOwogIGJvcmRlcjogMDsKICBwYWRkaW5nOiAwOwogIGJhY2tncm91bmQ6IG5vbmU7Cn0=", "vanilla-extract-css-ns:src/components/AppScreen.css.ts.vanilla.css?source=#H4sIAAAAAAAAE71WTY/aMBC98yt8qQRqjMKy/QrqoVVVqYeeeqyq1WCbxGBsy3Ggpep/r52EkCxJCHS3K6TF2DPvzczzjKcftP5GDGPy4WFGxep+fv8a/R4htASyiY3KJMVECWUitAMzxji1bmMl1B5rkcVc4iWknOCMY8q3+LHVZDH6M5qeY7y5EWOo/7e5f2tAptxyJaPi+0qZbYlx2vuUGfD/K+NwEiClgXD7a8jhDgrkRMHDlgwEWDan41kYvghQ6D5d5jw3L2lEKFy41QFzSdnPY5oOX/yKpT7zld1s4k/uuRCYJCBjFh2deCC3VfxNbcK2zFkRpfX2EKI2CkF1PDJK2e8ULPQUJ3f5HiQ1itMfrR6PDn1sCeNxYiM0Cw3bLhpyiJDgkoHBsQHKmbTjm8QXIBMvYRwWmfbJnjSTcM7w3YVEtOzCxUirKs4uwS+vhyfD4cMOra2LYztm8ty6kykxSghfFLxnyw23uNottriMnaJVRpI+YWrQzFQwd+fSrK5HF7MoOhIocJdgcrKUp1qAYyqVZI2snml71pagdVAzuELdJHMRWS5Vq77XJ6fDL/+VzFsV+jzhXIYaQrj1fjwP4XaoQUUJB1WktU/eGktfp3xEujkHukPIe+mNYTypsPpiu1pWrXSfVFZ9dIeIqt7hB0ms5jKB1C0+gnmwJmMVwuY/PmECpIFS19OxVfriIwy0dguDiwFe84xp6Tpv9DWXESIgyMUh3nQ8QS8RUdIdd/M/hRXDYBi4SZMy651OngyFyV0XQOMW9fc7bVjqnipfFQXxOROi/LlRVBE03P1z4xuEWYfs74DlZOp6k25z8z2nNnFKn969Kh9uXeOf0fhEYz5Q97Lg6Mt5ZSUXtUdlrgQfDsLXuvE8/wIwJxtwFw0AAA==", "vanilla-extract-css-ns:src/components/AppBar.css.ts.vanilla.css?source=#H4sIAAAAAAAAE81XS2/cNhC+76/gpcC6MAVpH3GyRg4NigAFmlMOPQSBQUnUijFFCiS1Xm/R/16Sej8juZvGhgFb5HAe38x8HDq/pekHJB4evOfHLdrtXfD3CoCEMBhjcozVAZyQWEMoFQoeI8qfYEqzo972kSQBzAhEaao/BKzP3Nyv/lk5HcWeVexrLUfBMxbCgFMu5qvvntRGALhAwkJ8LrVc/jBfWJpDue2QRrvtbmeFnwilMIgRO+IDUAIxGXGR3AKeooCoZ+O0lip/HBXjBGsVAU/T5OKBXkC3DemD4Fx9CZFCE6FYje+DLMVCEca/9lXWGg1YKZdEEc4OAPmS00zhOT5+DgTGrIrd/1GOf99OO5oK8QJ8ihTehmvPdX+5Ba7+tUmyW0XUrpyO171aaIiFgpPwuxkpSkW7dj8ekY7FcwVOhkKqjhQVW+/9nglk/laAujdVac4RngNVJ2Xvfgx+y6zMcRT9L44OWBnJvjed/aKYaw70uQixeFAiw5XuTc6H/AxljEL+dACESayAm55BgGiwhh74dT47WgtQkgu+uQHu0nMlo7ZKaIIDU4ElZuoTDxH9mFFaINkKcHvb0vXfGHKWwaa9Ccax/eme4p/an/PI+93PQfyaXswJE72KMBd6Mb/aKj5YDIz/KoBZ6MWrb8Muze+sm+W8G3Cm4WJqLVGEIRIYQcvMUPHUOloKYnYakemb2LdMzGXnapxuo5MvL9TSgAWGBS6Drr7JZ08UhoQd9aQDXGevp5lB0QNOUo27ORASmVKkL0fGGR4SvrNiC6d+orPRmPebKJRJ37puIvP5PlTxAWycTe5vjffGuRsL4e6AAkVOuDPeOZsxc/lQ2lWD7PnCgzy4/A0CA90v+oZNEGF/me2qFvc2ooV4KHxWI3hctypWIzTVn7lRzTrXmLjRqkEdBaDmjWDC/ZZJRaJnDYDGlOnERhSfjSmh7uuahRRHes8riiDSwnYw0kuO9/auLA5KGK4euZ6zr2SfijWf0/C+nNHIxXZDMS/ppSmQ+o/Fl4E08VRswTT0UGx0pEHJLCBKjgwShROpac7W5SCq9ZYtN3usuWpRilBCqFZuCopiKJ+lMk+eDxrWx08o+Gy/P2rJHq5vXLeblzIlNnH7PNlD18Ya6s0WCb+ESnk6g+Wt1BTFT13mdZfESP6po2pfkf6LL+pe2wzr717B7c5wne0oHwZWvpWIukcqYp3OTYLOsOjc8kDndngBVS7ptuDa3RY0u62Kxac8eBwCMcznHtM8/ISFsalriVKSSiI7tU9YjAXpd0m13lePx25oA70wkeX5Q5nig+enru35xI+vS/y4xWjd4Mw/2r1/ARbbknuvFAAA", "vanilla-extract-css-ns:src/components/BottomSheet.css.ts.vanilla.css?source=#H4sIAAAAAAAAE6VT3U7DIBS+71NwY7IlPQtN1ZnuznjjtQ+wUGAtkcIC1OmM7y5U20ZT3GaTJpSf7+ccPlb32jndPNWcu+02q11+V+McvScIOUOUFU5oVaAXYhYA48pDa0gYBwhebpKPZDXFth7Zdto0xdevJI7nbJFhfJUi7L84AesISkKfK6NbxYBqqU1vyjq/sZP6AHvZVkJBSayg0ApgooHfKK+C0BGEYvy1Zzg+hhm3ATCIZt1JvSdUuLcC4ai7azRtOp1ev4kc72oc5LKo3O1lcuuz5OLV8X/2frLvB8Fc7Yvzdx6mpTaMGzCEidaeQdnZAxv8wQ/schYWh/KDOSmB1kRVvBjTmvZN2sQz7NP7HeOZmeGXZYb/9bDw8KrmxCrmKBKrU46ibfoES/9iF4cEAAA=", "vanilla-extract-css-ns:src/components/Modal.css.ts.vanilla.css?source=#H4sIAAAAAAAAE51T0W6CMBR99yv6sgQT2hQZ0+HrXvawbzCXtmKzQk1bpnPZv6+AaECcbkkT2ttzzj339kLeNAe1WiX6kC9YjL4mCDkDpZVO6jJFH2ACjM+Rl8pA/e0YdLqcfE9IT2V+VllrU6TtVoETMQ8iSh9CRP0aYfKGmQF7z42uSo6ZVtp0LqzzF2uld3irqlyWOAMrGa4k5rLAQ5aXR+iAZcnFvlM4vNYnYWtClzNqgHoLTLrPFNFLV49o4DIcBJIhoCnjJBldSj7dkpz/LjniUvyzd6N920nuNt65f6z6WIDxHJ8WzUhiRFHHMr3HdgNc73x8u0eUPM3qOw+J583G5BkEtH1sv0iUTMMGSpITdHEFOuugcdRCyfM11WnrxnBhsAEuK3tH0do5XXj/Qjjc4x7LVwqzDZS5SM+DHHb9X/bH2zJQIojI3ydJ3JokMfyVjrn6me4YsItMwwG7lmmsqh+//tn1NQQAAA=="],
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-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: 275ms;\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-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-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: 275ms;\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-bottom-sheet-border-radius: 1rem;\n}\n.theme__1coppmz0 {\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-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: 275ms;\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-bottom-sheet-border-radius: 1rem;\n}\n.theme__1coppmz1 {\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-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: 275ms;\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-bottom-sheet-border-radius: 1rem;\n}", ".f__dhthxq0 {\n width: 100%;\n}\n.f__dhthxq1 {\n height: 100%;\n}\n.f__dhthxq2 {\n top: 0;\n}\n.f__dhthxq3 {\n left: 0;\n}\n.f__dhthxq4 {\n position: absolute;\n}\n.f__dhthxq5 {\n position: relative;\n}\n.f__dhthxq7 {\n display: flex;\n}\n.f__dhthxq8 {\n flex: 1;\n}\n.f__dhthxq9 {\n align-items: center;\n}\n.f__dhthxqa {\n align-items: flex-end;\n}\n.f__dhthxqb {\n justify-content: center;\n}\n.f__dhthxqc {\n overflow: hidden;\n}\n.f__dhthxqd {\n white-space: nowrap;\n}\n.f__dhthxqe {\n text-align: center;\n}\n.f__dhthxqf {\n cursor: pointer;\n -webkit-tap-highlight-color: transparent;\n}\n.f__dhthxqg {\n box-sizing: border-box;\n}\n.f__dhthxqh {\n box-sizing: content-box;\n}\n.f__dhthxqi {\n appearance: none;\n border: 0;\n padding: 0;\n background: none;\n}", ".AppScreen__1dlf4346 {\n background-color: var(--stackflow-plugin-basic-ui-dim-background-color);\n}\n.AppScreen__1dlf4347 {\n background-color: var(--stackflow-plugin-basic-ui-background-color);\n}\n.AppScreen__1dlf4348 {\n transition: transform var(--transitionDuration__1dlf4340), opacity var(--transitionDuration__1dlf4340);\n}\n.AppScreen__1dlf434c {\n transform: translate3d(100%, 0, 0);\n}\n.AppScreen__1dlf434i {\n opacity: 0;\n z-index: var(--zIndexes-dim__1dlf4341);\n will-change: opacity;\n}\n\n .theme__1coppmz0 .AppScreen__1dlf434i,\n :root[data-stackflow-plugin-basic-ui-theme=android] .AppScreen__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 .AppScreen__1dlf4349 .AppScreen__1dlf434i,\n .AppScreen__1dlf434a .AppScreen__1dlf434i\n {\n opacity: 1;\n}\n\n .AppScreen__1dlf434b .AppScreen__1dlf434i,\n .AppScreen__1dlf434c .AppScreen__1dlf434i\n {\n opacity: 0;\n}\n.AppScreen__1dlf434j {\n overflow-y: scroll;\n -webkit-overflow-scrolling: touch;\n z-index: var(--zIndexes-paper__1dlf4342);\n will-change: transform;\n}\n.AppScreen__1dlf434j::-webkit-scrollbar {\n display: none;\n}\n\n .theme__1coppmz1 .AppScreen__1dlf434j,\n :root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppScreen__1dlf434j\n {\n transform: translate3d(100%, 0, 0);\n}\n\n .theme__1coppmz1 .AppScreen__1dlf4349 .AppScreen__1dlf434j,\n :root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppScreen__1dlf4349 .AppScreen__1dlf434j,\n .theme__1coppmz1 .AppScreen__1dlf434a .AppScreen__1dlf434j,\n :root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppScreen__1dlf434a .AppScreen__1dlf434j\n {\n transform: translate3d(0, 0, 0);\n}\n\n .theme__1coppmz0 .AppScreen__1dlf434j,\n :root[data-stackflow-plugin-basic-ui-theme=android] .AppScreen__1dlf434j\n {\n opacity: 0;\n transform: translate3d(0, 10rem, 0);\n}\n\n .theme__1coppmz0 .AppScreen__1dlf4349 .AppScreen__1dlf434j,\n :root[data-stackflow-plugin-basic-ui-theme=android] .AppScreen__1dlf4349 .AppScreen__1dlf434j,\n .theme__1coppmz0 .AppScreen__1dlf434a .AppScreen__1dlf434j,\n :root[data-stackflow-plugin-basic-ui-theme=android] .AppScreen__1dlf434a .AppScreen__1dlf434j\n {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n}\n.AppScreen_hasAppBar_true__1dlf434k {\n transition: transform var(--transitionDuration__1dlf4340), opacity var(--transitionDuration__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 .theme__1coppmz1 .AppScreen_presentModalFullScreen_true__1dlf434l,\n :root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppScreen_presentModalFullScreen_true__1dlf434l\n {\n transform: translate3d(0, 100%, 0);\n}\n.AppScreen__1dlf434m {\n width: 1.25rem;\n z-index: var(--zIndexes-edge__1dlf4343);\n}\n.AppScreen_hasAppBar_true__1dlf434n {\n top: var(--stackflow-plugin-basic-ui-app-bar-height);\n height: calc(100% - var(--stackflow-plugin-basic-ui-app-bar-height));\n}", ".AppBar__1yk3a450 {\n min-height: var(--stackflow-plugin-basic-ui-app-bar-min-height);\n}\n.AppBar__1yk3a451 {\n background-color: var(--stackflow-plugin-basic-ui-app-bar-background-color);\n z-index: var(--zIndexes-appBar__1dlf4344);\n will-change: transform, opacity;\n}\n\n .theme__1coppmz1 .AppBar__1yk3a451,\n :root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppBar__1yk3a451\n {\n position: absolute;\n}\n\n .theme__1coppmz1 .AppScreen__1dlf434b .AppBar__1yk3a451,\n :root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppScreen__1dlf434b .AppBar__1yk3a451\n {\n transform: translate3d(100%, 0, 0);\n transition: 0s;\n}\n\n .theme__1coppmz0 .AppBar__1yk3a451,\n :root[data-stackflow-plugin-basic-ui-theme=android] .AppBar__1yk3a451\n {\n opacity: 0;\n transform: translate3d(0, 10rem, 0);\n transition: transform var(--transitionDuration__1dlf4340), opacity var(--transitionDuration__1dlf4340);\n}\n\n .theme__1coppmz0 .AppScreen__1dlf4349 .AppBar__1yk3a451,\n :root[data-stackflow-plugin-basic-ui-theme=android] .AppScreen__1dlf4349 .AppBar__1yk3a451,\n .theme__1coppmz0 .AppScreen__1dlf434a .AppBar__1yk3a451,\n :root[data-stackflow-plugin-basic-ui-theme=android] .AppScreen__1dlf434a .AppBar__1yk3a451\n {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n}\n.AppBar_border_true__1yk3a452 {\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 .theme__1coppmz1 .AppBar_presentModalFullScreen_true__1yk3a453,\n :root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppBar_presentModalFullScreen_true__1yk3a453\n {\n transform: translate3d(0, 100vh, 0);\n transition: transform var(--transitionDuration__1dlf4340), opacity var(--transitionDuration__1dlf4340);\n}\n\n .theme__1coppmz1 .AppScreen__1dlf4349 .AppBar_presentModalFullScreen_true__1yk3a453,\n :root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppScreen__1dlf4349 .AppBar_presentModalFullScreen_true__1yk3a453,\n .theme__1coppmz1 .AppScreen__1dlf434a .AppBar_presentModalFullScreen_true__1yk3a453,\n :root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppScreen__1dlf434a .AppBar_presentModalFullScreen_true__1yk3a453\n {\n transform: translate3d(0, 0, 0);\n}\n\n .theme__1coppmz1 .AppScreen__1dlf434b .AppBar_presentModalFullScreen_true__1yk3a453,\n :root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppScreen__1dlf434b .AppBar_presentModalFullScreen_true__1yk3a453\n {\n transform: translate3d(0, 100vh, 0);\n transition: transform var(--transitionDuration__1dlf4340), opacity var(--transitionDuration__1dlf4340);\n}\n.AppBar__1yk3a454 {\n height: constant(safe-area-inset-top);\n height: env(safe-area-inset-top);\n}\n.AppBar__1yk3a455 {\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.AppBar__1yk3a456 {\n padding: 0 0.5rem;\n}\n.AppBar__1yk3a456:empty {\n display: none;\n}\n.AppBar__1yk3a457 {\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.AppBar__1yk3a457:active {\n opacity: 0.2;\n transition: opacity 0s;\n}\n.AppBar__1yk3a45a {\n width: var(--appBar-center-mainWidth__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 .theme__1coppmz0 .AppBar__1yk3a45a,\n :root[data-stackflow-plugin-basic-ui-theme=android] .AppBar__1yk3a45a\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 .theme__1coppmz1 .AppBar__1yk3a45a,\n :root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppBar__1yk3a45a\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 .theme__1coppmz0 .AppBar_hasLeft_true__1yk3a45b,\n :root[data-stackflow-plugin-basic-ui-theme=android] .AppBar_hasLeft_true__1yk3a45b\n {\n padding-left: 0.375rem;\n}\n.AppBar__1yk3a45c {\n left: 50%;\n height: 1.25rem;\n transform: translate(-50%);\n max-width: 5rem;\n display: none;\n width: var(--appBar-center-mainWidth__1dlf4345);\n}\n\n .theme__1coppmz1 .AppBar__1yk3a45c,\n :root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppBar__1yk3a45c\n {\n display: block;\n}\n.AppBar__1yk3a45d {\n text-overflow: ellipsis;\n font-size: inherit;\n font-weight: inherit;\n}\n.AppBar__1yk3a45e {\n padding: 0 0.5rem;\n margin-left: auto;\n}\n.AppBar__1yk3a45e:empty {\n display: none;\n}\n\n .theme__1coppmz0 .AppBar__1yk3a45e,\n :root[data-stackflow-plugin-basic-ui-theme=android] .AppBar__1yk3a45e\n {\n padding: 0 0.5rem 0 0;\n}", ".BottomSheet__1ht38h03 {\n transition: var(--transitionDuration__1ht38h00);\n}\n.BottomSheet__1ht38h07 {\n transform: translate3d(100%, 0, 0);\n}\n.BottomSheet__1ht38h0d {\n background-color: var(--stackflow-plugin-basic-ui-dim-background-color);\n z-index: var(--zIndexes-dim__1ht38h01);\n opacity: 0;\n}\n.BottomSheet__1ht38h04 .BottomSheet__1ht38h0d, .BottomSheet__1ht38h05 .BottomSheet__1ht38h0d {\n opacity: 1;\n}\n.BottomSheet__1ht38h06 .BottomSheet__1ht38h0d, .BottomSheet__1ht38h07 .BottomSheet__1ht38h0d {\n opacity: 0;\n}\n.BottomSheet__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.BottomSheet__1ht38h04 .BottomSheet__1ht38h0e, .BottomSheet__1ht38h05 .BottomSheet__1ht38h0e {\n transform: translate3d(0, 0, 0);\n opacity: 1;\n}\n.BottomSheet__1ht38h06 .BottomSheet__1ht38h0e, .BottomSheet__1ht38h07 .BottomSheet__1ht38h0e {\n transform: translate3d(0, 100%, 0);\n opacity: 0;\n}", ".Modal__5ozg8c3 {\n transition: var(--transitionDuration__5ozg8c0);\n}\n.Modal__5ozg8c7 {\n transform: translate3d(100%, 0, 0);\n}\n.Modal__5ozg8cd {\n background-color: var(--stackflow-plugin-basic-ui-dim-background-color);\n z-index: var(--zIndexes-dim__5ozg8c1);\n opacity: 0;\n}\n.Modal__5ozg8c4 .Modal__5ozg8cd, .Modal__5ozg8c5 .Modal__5ozg8cd {\n opacity: 1;\n}\n.Modal__5ozg8c6 .Modal__5ozg8cd, .Modal__5ozg8c7 .Modal__5ozg8cd {\n opacity: 0;\n}\n.Modal__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.Modal__5ozg8c4 .Modal__5ozg8ce, .Modal__5ozg8c5 .Modal__5ozg8ce {\n transform: scale(1);\n opacity: 1;\n}\n.Modal__5ozg8c6 .Modal__5ozg8ce, .Modal__5ozg8c7 .Modal__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;AAAA;AAEF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;;;AClDF;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;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;;;AC9JF;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
@@ -375,7 +375,7 @@ function useStyleEffectSwipeBack({
375
375
  edgeRef,
376
376
  paperRef,
377
377
  hasEffect,
378
- preventSwipeBack,
378
+ prevented,
379
379
  onSwiped
380
380
  }) {
381
381
  useStyleEffect({
@@ -533,7 +533,7 @@ function useStyleEffectSwipeBack({
533
533
  $edge.removeEventListener("touchcancel", onTouchEnd);
534
534
  };
535
535
  } : void 0,
536
- effectDeps: [preventSwipeBack]
536
+ effectDeps: [prevented]
537
537
  });
538
538
  }
539
539
 
@@ -577,24 +577,24 @@ var IconClose_default = IconClose;
577
577
 
578
578
  // src/components/AppBar.css.ts
579
579
  var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
580
- var appBar = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "AppBar__1yk3a451 f__dhthxq4 f__dhthxq0 f__dhthxqh f__dhthxqc AppScreen__1dlf4347", variantClassNames: { border: { true: "AppBar_border_true__1yk3a452" } }, defaultVariants: {}, compoundVariants: [] });
581
- var backButton = "AppBar__1yk3a456 f__dhthxq9 f__dhthxq7 f__dhthxqb f__dhthxqf f__dhthxqi";
580
+ var appBar = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "AppBar__1yk3a451 f__dhthxq4 f__dhthxq0 f__dhthxqh f__dhthxqc AppScreen__1dlf4347", variantClassNames: { border: { true: "AppBar_border_true__1yk3a452" }, presentModalFullScreen: { true: "AppBar_presentModalFullScreen_true__1yk3a453" } }, defaultVariants: {}, compoundVariants: [] });
581
+ var backButton = "AppBar__1yk3a457 f__dhthxq9 f__dhthxq7 f__dhthxqb f__dhthxqf f__dhthxqi";
582
582
  var center = "f__dhthxq9 f__dhthxq7 f__dhthxq8 AppBar__1yk3a450";
583
- var centerMain = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "AppBar__1yk3a459", variantClassNames: { hasLeft: { true: "AppBar_hasLeft_true__1yk3a45a" } }, defaultVariants: {}, compoundVariants: [] });
584
- var centerMainEdge = "AppBar__1yk3a45b f__dhthxqi f__dhthxq4 f__dhthxq2 f__dhthxqf";
585
- var centerText = "AppBar__1yk3a45c f__dhthxqc f__dhthxqd f__dhthxq0";
586
- var closeButton = "AppBar__1yk3a456 f__dhthxq9 f__dhthxq7 f__dhthxqb f__dhthxqf f__dhthxqi";
587
- var container = "AppBar__1yk3a454 f__dhthxqa f__dhthxq7 f__dhthxqc";
588
- var left = "AppBar__1yk3a455 f__dhthxq9 f__dhthxq7 f__dhthxq1 AppBar__1yk3a450";
589
- var right = "AppBar__1yk3a45d f__dhthxq9 f__dhthxq7 f__dhthxq1 f__dhthxq5 AppBar__1yk3a450";
590
- var safeArea = "AppBar__1yk3a453";
583
+ var centerMain = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "AppBar__1yk3a45a", variantClassNames: { hasLeft: { true: "AppBar_hasLeft_true__1yk3a45b" } }, defaultVariants: {}, compoundVariants: [] });
584
+ var centerMainEdge = "AppBar__1yk3a45c f__dhthxqi f__dhthxq4 f__dhthxq2 f__dhthxqf";
585
+ var centerText = "AppBar__1yk3a45d f__dhthxqc f__dhthxqd f__dhthxq0";
586
+ var closeButton = "AppBar__1yk3a457 f__dhthxq9 f__dhthxq7 f__dhthxqb f__dhthxqf f__dhthxqi";
587
+ var container = "AppBar__1yk3a455 f__dhthxqa f__dhthxq7 f__dhthxqc";
588
+ var left = "AppBar__1yk3a456 f__dhthxq9 f__dhthxq7 f__dhthxq1 AppBar__1yk3a450";
589
+ var right = "AppBar__1yk3a45e f__dhthxq9 f__dhthxq7 f__dhthxq1 f__dhthxq5 AppBar__1yk3a450";
590
+ var safeArea = "AppBar__1yk3a454";
591
591
 
592
592
  // src/components/AppScreen.css.ts
593
593
  var import_createRuntimeFn2 = require("@vanilla-extract/recipes/createRuntimeFn");
594
594
  var appScreen = (0, import_createRuntimeFn2.createRuntimeFn)({ defaultClassName: "f__dhthxq4 f__dhthxq0 f__dhthxq1 f__dhthxq2 f__dhthxq3 f__dhthxqc", variantClassNames: { transitionState: { "enter-active": "AppScreen__1dlf4349", "enter-done": "AppScreen__1dlf434a", "exit-active": "AppScreen__1dlf434b", "exit-done": "AppScreen__1dlf434c" } }, defaultVariants: {}, compoundVariants: [] });
595
595
  var dim = "AppScreen__1dlf434i f__dhthxq4 f__dhthxq0 f__dhthxq1 f__dhthxq2 f__dhthxq3 AppScreen__1dlf4346 AppScreen__1dlf4348";
596
- var edge = (0, import_createRuntimeFn2.createRuntimeFn)({ defaultClassName: "AppScreen__1dlf434l f__dhthxq4 f__dhthxq2 f__dhthxq3 f__dhthxq1", variantClassNames: { hasAppBar: { true: "AppScreen_hasAppBar_true__1dlf434m" } }, defaultVariants: {}, compoundVariants: [] });
597
- var paper = (0, import_createRuntimeFn2.createRuntimeFn)({ defaultClassName: "AppScreen__1dlf434j f__dhthxq4 f__dhthxq0 f__dhthxq1 f__dhthxq2 f__dhthxq3 AppScreen__1dlf4347 AppScreen__1dlf4348", variantClassNames: { hasAppBar: { true: "AppScreen_hasAppBar_true__1dlf434k f__dhthxqg" } }, defaultVariants: {}, compoundVariants: [] });
596
+ var edge = (0, import_createRuntimeFn2.createRuntimeFn)({ defaultClassName: "AppScreen__1dlf434m f__dhthxq4 f__dhthxq2 f__dhthxq3 f__dhthxq1", variantClassNames: { hasAppBar: { true: "AppScreen_hasAppBar_true__1dlf434n" } }, defaultVariants: {}, compoundVariants: [] });
597
+ var paper = (0, import_createRuntimeFn2.createRuntimeFn)({ defaultClassName: "AppScreen__1dlf434j f__dhthxq4 f__dhthxq0 f__dhthxq1 f__dhthxq2 f__dhthxq3 AppScreen__1dlf4347 AppScreen__1dlf4348", variantClassNames: { hasAppBar: { true: "AppScreen_hasAppBar_true__1dlf434k f__dhthxqg" }, presentModalFullScreen: { true: "AppScreen_presentModalFullScreen_true__1dlf434l" } }, defaultVariants: {}, compoundVariants: [] });
598
598
  var vars = { transitionDuration: "var(--transitionDuration__1dlf4340)", zIndexes: { dim: "var(--zIndexes-dim__1dlf4341)", paper: "var(--zIndexes-paper__1dlf4342)", edge: "var(--zIndexes-edge__1dlf4343)", appBar: "var(--zIndexes-appBar__1dlf4344)" }, appBar: { center: { mainWidth: "var(--appBar-center-mainWidth__1dlf4345)" } } };
599
599
 
600
600
  // src/components/AppBar.tsx
@@ -607,6 +607,7 @@ var AppBar = import_react9.default.forwardRef(
607
607
  closeButton: closeButton2,
608
608
  closeButtonLocation = "left",
609
609
  border = true,
610
+ modalPresentationStyle,
610
611
  iconColor,
611
612
  textColor,
612
613
  borderColor,
@@ -627,6 +628,7 @@ var AppBar = import_react9.default.forwardRef(
627
628
  innerRef: centerRef,
628
629
  enable: globalOptions.theme === "cupertino"
629
630
  });
631
+ const presentModalFullScreen = modalPresentationStyle === "fullScreen";
630
632
  const onBackClick = (e) => {
631
633
  if (backButton2 && "onClick" in backButton2 && backButton2.onClick) {
632
634
  backButton2.onClick(e);
@@ -668,6 +670,9 @@ var AppBar = import_react9.default.forwardRef(
668
670
  if (globalBackButton && "renderIcon" in globalBackButton && globalBackButton.renderIcon) {
669
671
  return globalBackButton.renderIcon();
670
672
  }
673
+ if (presentModalFullScreen) {
674
+ return /* @__PURE__ */ import_react9.default.createElement(IconClose_default, null);
675
+ }
671
676
  return /* @__PURE__ */ import_react9.default.createElement(IconBack_default, null);
672
677
  })());
673
678
  };
@@ -683,7 +688,8 @@ var AppBar = import_react9.default.forwardRef(
683
688
  const renderCloseButton = () => {
684
689
  var _a2;
685
690
  const isRoot = !activity || activity.isRoot;
686
- if (!closeButton2 && !((_a2 = globalOptions.appBar) == null ? void 0 : _a2.closeButton) || !isRoot) {
691
+ const showCloseButton = (closeButton3) => closeButton3 && "render" in closeButton3 && closeButton3.render || closeButton3 && "renderIcon" in closeButton3 && closeButton3.renderIcon || closeButton3 && "onClick" in closeButton3 && closeButton3.onClick;
692
+ if (!(showCloseButton(closeButton2) || showCloseButton((_a2 = globalOptions.appBar) == null ? void 0 : _a2.closeButton)) || !isRoot) {
687
693
  return null;
688
694
  }
689
695
  if (closeButton2 && "render" in closeButton2 && closeButton2.render) {
@@ -711,7 +717,8 @@ var AppBar = import_react9.default.forwardRef(
711
717
  return /* @__PURE__ */ import_react9.default.createElement("div", {
712
718
  ref,
713
719
  className: appBar({
714
- border
720
+ border,
721
+ presentModalFullScreen
715
722
  }),
716
723
  style: (0, import_dynamic2.assignInlineVars)(
717
724
  compactMap({
@@ -762,6 +769,7 @@ var AppScreen = ({
762
769
  dimBackgroundColor,
763
770
  appBar: appBar2,
764
771
  preventSwipeBack,
772
+ modalPresentationStyle,
765
773
  children
766
774
  }) => {
767
775
  var _a, _b;
@@ -773,6 +781,8 @@ var AppScreen = ({
773
781
  const paperRef = (0, import_react11.useRef)(null);
774
782
  const edgeRef = (0, import_react11.useRef)(null);
775
783
  const appBarRef = (0, import_react11.useRef)(null);
784
+ const presentModalFullScreen = modalPresentationStyle === "fullScreen";
785
+ const swipeBackPrevented = preventSwipeBack || presentModalFullScreen;
776
786
  useStyleEffectHide({
777
787
  refs: [appScreenRef],
778
788
  hasEffect: true
@@ -780,7 +790,7 @@ var AppScreen = ({
780
790
  useStyleEffectOffset({
781
791
  theme: globalOptions.theme,
782
792
  refs: globalOptions.theme === "cupertino" ? [paperRef] : [paperRef, appBarRef],
783
- hasEffect: true
793
+ hasEffect: !presentModalFullScreen
784
794
  });
785
795
  useStyleEffectSwipeBack({
786
796
  theme: globalOptions.theme,
@@ -788,7 +798,7 @@ var AppScreen = ({
788
798
  edgeRef,
789
799
  paperRef,
790
800
  hasEffect: true,
791
- preventSwipeBack,
801
+ prevented: swipeBackPrevented,
792
802
  onSwiped() {
793
803
  pop();
794
804
  }
@@ -847,14 +857,16 @@ var AppScreen = ({
847
857
  ref: dimRef
848
858
  }), appBar2 && /* @__PURE__ */ import_react11.default.createElement(AppBar_default, __spreadProps(__spreadValues({}, appBar2), {
849
859
  ref: appBarRef,
860
+ modalPresentationStyle,
850
861
  onTopClick: onAppBarTopClick
851
862
  })), /* @__PURE__ */ import_react11.default.createElement("div", {
852
863
  key: activity == null ? void 0 : activity.id,
853
864
  className: paper({
854
- hasAppBar
865
+ hasAppBar,
866
+ presentModalFullScreen
855
867
  }),
856
868
  ref: paperRef
857
- }, children), !(activity == null ? void 0 : activity.isRoot) && globalOptions.theme === "cupertino" && !preventSwipeBack && /* @__PURE__ */ import_react11.default.createElement("div", {
869
+ }, children), !(activity == null ? void 0 : activity.isRoot) && globalOptions.theme === "cupertino" && !swipeBackPrevented && /* @__PURE__ */ import_react11.default.createElement("div", {
858
870
  className: edge({ hasAppBar }),
859
871
  ref: edgeRef
860
872
  })));