@stackflow/plugin-basic-ui 0.21.0 → 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 (19) 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/useStyleEffect.d.ts +2 -1
  6. package/dist/hooks/useStyleEffectSwipeBack.d.ts +2 -1
  7. package/dist/index.css +51 -42
  8. package/dist/index.css.map +3 -3
  9. package/dist/index.js +36 -20
  10. package/dist/index.js.map +2 -2
  11. package/dist/index.mjs +36 -20
  12. package/dist/index.mjs.map +2 -2
  13. package/package.json +4 -4
  14. package/src/components/AppBar.css.ts +67 -13
  15. package/src/components/AppBar.tsx +24 -2
  16. package/src/components/AppScreen.css.ts +44 -20
  17. package/src/components/AppScreen.tsx +16 -3
  18. package/src/hooks/useStyleEffect.ts +3 -1
  19. package/src/hooks/useStyleEffectSwipeBack.ts +3 -0
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/useStyleEffect.d.ts CHANGED
@@ -1,10 +1,11 @@
1
1
  import type { ActivityTransitionState } from "@stackflow/core";
2
2
  import type React from "react";
3
- export declare function useStyleEffect({ styleName, refs, effect, }: {
3
+ export declare function useStyleEffect({ styleName, refs, effect, effectDeps, }: {
4
4
  styleName: string;
5
5
  refs: Array<React.RefObject<any>>;
6
6
  effect?: (params: {
7
7
  activityTransitionState: ActivityTransitionState;
8
8
  refs: Array<React.RefObject<HTMLElement>>;
9
9
  }) => (() => void) | void;
10
+ effectDeps?: any[];
10
11
  }): void;
package/dist/hooks/useStyleEffectSwipeBack.d.ts CHANGED
@@ -1,9 +1,10 @@
1
1
  /// <reference types="react" />
2
- export declare function useStyleEffectSwipeBack({ theme, dimRef, edgeRef, paperRef, hasEffect, 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
+ prevented?: boolean;
8
9
  onSwiped?: () => void;
9
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
@@ -210,7 +210,8 @@ var connections = {};
210
210
  function useStyleEffect({
211
211
  styleName,
212
212
  refs,
213
- effect
213
+ effect,
214
+ effectDeps
214
215
  }) {
215
216
  const activity = useNullableActivity();
216
217
  (0, import_react5.useEffect)(() => {
@@ -258,7 +259,7 @@ function useStyleEffect({
258
259
  return () => {
259
260
  cleanup == null ? void 0 : cleanup();
260
261
  };
261
- }, [activity == null ? void 0 : activity.transitionState]);
262
+ }, [activity == null ? void 0 : activity.transitionState, ...effectDeps != null ? effectDeps : []]);
262
263
  }
263
264
 
264
265
  // src/hooks/useStyleEffectHide.ts
@@ -374,6 +375,7 @@ function useStyleEffectSwipeBack({
374
375
  edgeRef,
375
376
  paperRef,
376
377
  hasEffect,
378
+ prevented,
377
379
  onSwiped
378
380
  }) {
379
381
  useStyleEffect({
@@ -530,7 +532,8 @@ function useStyleEffectSwipeBack({
530
532
  $edge.removeEventListener("touchend", onTouchEnd);
531
533
  $edge.removeEventListener("touchcancel", onTouchEnd);
532
534
  };
533
- } : void 0
535
+ } : void 0,
536
+ effectDeps: [prevented]
534
537
  });
535
538
  }
536
539
 
@@ -574,24 +577,24 @@ var IconClose_default = IconClose;
574
577
 
575
578
  // src/components/AppBar.css.ts
576
579
  var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
577
- 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: [] });
578
- 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";
579
582
  var center = "f__dhthxq9 f__dhthxq7 f__dhthxq8 AppBar__1yk3a450";
580
- var centerMain = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "AppBar__1yk3a459", variantClassNames: { hasLeft: { true: "AppBar_hasLeft_true__1yk3a45a" } }, defaultVariants: {}, compoundVariants: [] });
581
- var centerMainEdge = "AppBar__1yk3a45b f__dhthxqi f__dhthxq4 f__dhthxq2 f__dhthxqf";
582
- var centerText = "AppBar__1yk3a45c f__dhthxqc f__dhthxqd f__dhthxq0";
583
- var closeButton = "AppBar__1yk3a456 f__dhthxq9 f__dhthxq7 f__dhthxqb f__dhthxqf f__dhthxqi";
584
- var container = "AppBar__1yk3a454 f__dhthxqa f__dhthxq7 f__dhthxqc";
585
- var left = "AppBar__1yk3a455 f__dhthxq9 f__dhthxq7 f__dhthxq1 AppBar__1yk3a450";
586
- var right = "AppBar__1yk3a45d f__dhthxq9 f__dhthxq7 f__dhthxq1 f__dhthxq5 AppBar__1yk3a450";
587
- 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";
588
591
 
589
592
  // src/components/AppScreen.css.ts
590
593
  var import_createRuntimeFn2 = require("@vanilla-extract/recipes/createRuntimeFn");
591
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: [] });
592
595
  var dim = "AppScreen__1dlf434i f__dhthxq4 f__dhthxq0 f__dhthxq1 f__dhthxq2 f__dhthxq3 AppScreen__1dlf4346 AppScreen__1dlf4348";
593
- 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: [] });
594
- 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: [] });
595
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)" } } };
596
599
 
597
600
  // src/components/AppBar.tsx
@@ -604,6 +607,7 @@ var AppBar = import_react9.default.forwardRef(
604
607
  closeButton: closeButton2,
605
608
  closeButtonLocation = "left",
606
609
  border = true,
610
+ modalPresentationStyle,
607
611
  iconColor,
608
612
  textColor,
609
613
  borderColor,
@@ -624,6 +628,7 @@ var AppBar = import_react9.default.forwardRef(
624
628
  innerRef: centerRef,
625
629
  enable: globalOptions.theme === "cupertino"
626
630
  });
631
+ const presentModalFullScreen = modalPresentationStyle === "fullScreen";
627
632
  const onBackClick = (e) => {
628
633
  if (backButton2 && "onClick" in backButton2 && backButton2.onClick) {
629
634
  backButton2.onClick(e);
@@ -665,6 +670,9 @@ var AppBar = import_react9.default.forwardRef(
665
670
  if (globalBackButton && "renderIcon" in globalBackButton && globalBackButton.renderIcon) {
666
671
  return globalBackButton.renderIcon();
667
672
  }
673
+ if (presentModalFullScreen) {
674
+ return /* @__PURE__ */ import_react9.default.createElement(IconClose_default, null);
675
+ }
668
676
  return /* @__PURE__ */ import_react9.default.createElement(IconBack_default, null);
669
677
  })());
670
678
  };
@@ -680,7 +688,8 @@ var AppBar = import_react9.default.forwardRef(
680
688
  const renderCloseButton = () => {
681
689
  var _a2;
682
690
  const isRoot = !activity || activity.isRoot;
683
- 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) {
684
693
  return null;
685
694
  }
686
695
  if (closeButton2 && "render" in closeButton2 && closeButton2.render) {
@@ -708,7 +717,8 @@ var AppBar = import_react9.default.forwardRef(
708
717
  return /* @__PURE__ */ import_react9.default.createElement("div", {
709
718
  ref,
710
719
  className: appBar({
711
- border
720
+ border,
721
+ presentModalFullScreen
712
722
  }),
713
723
  style: (0, import_dynamic2.assignInlineVars)(
714
724
  compactMap({
@@ -759,6 +769,7 @@ var AppScreen = ({
759
769
  dimBackgroundColor,
760
770
  appBar: appBar2,
761
771
  preventSwipeBack,
772
+ modalPresentationStyle,
762
773
  children
763
774
  }) => {
764
775
  var _a, _b;
@@ -770,6 +781,8 @@ var AppScreen = ({
770
781
  const paperRef = (0, import_react11.useRef)(null);
771
782
  const edgeRef = (0, import_react11.useRef)(null);
772
783
  const appBarRef = (0, import_react11.useRef)(null);
784
+ const presentModalFullScreen = modalPresentationStyle === "fullScreen";
785
+ const swipeBackPrevented = preventSwipeBack || presentModalFullScreen;
773
786
  useStyleEffectHide({
774
787
  refs: [appScreenRef],
775
788
  hasEffect: true
@@ -777,7 +790,7 @@ var AppScreen = ({
777
790
  useStyleEffectOffset({
778
791
  theme: globalOptions.theme,
779
792
  refs: globalOptions.theme === "cupertino" ? [paperRef] : [paperRef, appBarRef],
780
- hasEffect: true
793
+ hasEffect: !presentModalFullScreen
781
794
  });
782
795
  useStyleEffectSwipeBack({
783
796
  theme: globalOptions.theme,
@@ -785,6 +798,7 @@ var AppScreen = ({
785
798
  edgeRef,
786
799
  paperRef,
787
800
  hasEffect: true,
801
+ prevented: swipeBackPrevented,
788
802
  onSwiped() {
789
803
  pop();
790
804
  }
@@ -843,14 +857,16 @@ var AppScreen = ({
843
857
  ref: dimRef
844
858
  }), appBar2 && /* @__PURE__ */ import_react11.default.createElement(AppBar_default, __spreadProps(__spreadValues({}, appBar2), {
845
859
  ref: appBarRef,
860
+ modalPresentationStyle,
846
861
  onTopClick: onAppBarTopClick
847
862
  })), /* @__PURE__ */ import_react11.default.createElement("div", {
848
863
  key: activity == null ? void 0 : activity.id,
849
864
  className: paper({
850
- hasAppBar
865
+ hasAppBar,
866
+ presentModalFullScreen
851
867
  }),
852
868
  ref: paperRef
853
- }, 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", {
854
870
  className: edge({ hasAppBar }),
855
871
  ref: edgeRef
856
872
  })));