@stackflow/plugin-basic-ui 1.12.0 → 1.13.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (31) hide show
  1. package/dist/basicUIPlugin.css.d.ts +6 -9
  2. package/dist/basicUIPlugin.css.d.ts.map +1 -1
  3. package/dist/components/AppBar.css.d.ts.map +1 -1
  4. package/dist/components/AppBar.d.ts +3 -1
  5. package/dist/components/AppBar.d.ts.map +1 -1
  6. package/dist/components/AppScreen.css.d.ts.map +1 -1
  7. package/dist/components/AppScreen.d.ts +1 -1
  8. package/dist/components/AppScreen.d.ts.map +1 -1
  9. package/dist/components/BottomSheet.css.d.ts.map +1 -1
  10. package/dist/components/BottomSheet.d.ts +1 -1
  11. package/dist/components/BottomSheet.d.ts.map +1 -1
  12. package/dist/components/Modal.css.d.ts.map +1 -1
  13. package/dist/components/Modal.d.ts +1 -1
  14. package/dist/components/Modal.d.ts.map +1 -1
  15. package/dist/index.css +30 -12
  16. package/dist/index.css.map +3 -3
  17. package/dist/index.js +17 -4
  18. package/dist/index.js.map +2 -2
  19. package/dist/index.mjs +18 -4
  20. package/dist/index.mjs.map +2 -2
  21. package/package.json +2 -2
  22. package/src/basicUIPlugin.css.ts +7 -9
  23. package/src/basicUIPlugin.tsx +1 -1
  24. package/src/components/AppBar.css.ts +2 -0
  25. package/src/components/AppBar.tsx +8 -0
  26. package/src/components/AppScreen.css.ts +1 -0
  27. package/src/components/AppScreen.tsx +9 -2
  28. package/src/components/BottomSheet.css.ts +1 -0
  29. package/src/components/BottomSheet.tsx +3 -1
  30. package/src/components/Modal.css.ts +1 -0
  31. package/src/components/Modal.tsx +3 -1
package/dist/basicUIPlugin.css.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  declare const GLOBAL_VARS: {
2
2
  backgroundColor: string;
3
+ backgroundImage: string;
3
4
  dimBackgroundColor: string;
4
5
  transitionDuration: string;
5
6
  computedTransitionDuration: string;
@@ -16,6 +17,8 @@ declare const GLOBAL_VARS: {
16
17
  textColorTransitionDuration: string;
17
18
  backgroundColor: string;
18
19
  backgroundColorTransitionDuration: string;
20
+ backgroundImage: string;
21
+ backgroundImageTransitionDuration: string;
19
22
  overflow: string;
20
23
  minSafeAreaInsetTop: string;
21
24
  };
@@ -29,6 +32,7 @@ declare const GLOBAL_VARS: {
29
32
  };
30
33
  export declare const globalVars: {
31
34
  backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
35
+ backgroundImage: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
32
36
  dimBackgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
33
37
  transitionDuration: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
34
38
  computedTransitionDuration: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -45,6 +49,8 @@ export declare const globalVars: {
45
49
  textColorTransitionDuration: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
46
50
  backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
47
51
  backgroundColorTransitionDuration: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
52
+ backgroundImage: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
53
+ backgroundImageTransitionDuration: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
48
54
  overflow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
49
55
  minSafeAreaInsetTop: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
50
56
  };
@@ -64,15 +70,6 @@ export declare const stackWrapper: import("@vanilla-extract/recipes").RuntimeFn<
64
70
  android: string;
65
71
  cupertino: string;
66
72
  };
67
- globalTransitionState: {
68
- idle: {};
69
- loading: {
70
- pointerEvents: "none";
71
- };
72
- paused: {
73
- pointerEvents: "none";
74
- };
75
- };
76
73
  }>;
77
74
  export {};
78
75
  //# sourceMappingURL=basicUIPlugin.css.d.ts.map
package/dist/basicUIPlugin.css.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"basicUIPlugin.css.d.ts","sourceRoot":"","sources":["../src/basicUIPlugin.css.ts"],"names":[],"mappings":"AAOA,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BhB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGtB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,OAAO,WAAW,CAAC;AA0C5C,eAAO,MAAM,OAAO,QAElB,CAAC;AACH,eAAO,MAAM,SAAS,QAEpB,CAAC;AAaH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;EAiBvB,CAAC"}
1
+ {"version":3,"file":"basicUIPlugin.css.d.ts","sourceRoot":"","sources":["../src/basicUIPlugin.css.ts"],"names":[],"mappings":"AAOA,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiChB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGtB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,OAAO,WAAW,CAAC;AA6C5C,eAAO,MAAM,OAAO,QAElB,CAAC;AACH,eAAO,MAAM,SAAS,QAEpB,CAAC;AAaH,eAAO,MAAM,YAAY;;;;;EAQvB,CAAC"}
package/dist/components/AppBar.css.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"AppBar.css.d.ts","sourceRoot":"","sources":["../../src/components/AppBar.css.ts"],"names":[],"mappings":"AA8BA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6FjB,CAAC;AAEH,eAAO,MAAM,QAAQ,QAKnB,CAAC;AAEH,eAAO,MAAM,SAAS,QAcpB,CAAC;AAEH,eAAO,MAAM,IAAI,QAkBf,CAAC;AAEH,eAAO,MAAM,UAAU,QAqBrB,CAAC;AAEH,eAAO,MAAM,WAAW,QAAsB,CAAC;AAE/C,eAAO,MAAM,MAAM,QAAuD,CAAC;AAE3E,eAAO,MAAM,UAAU,QAkCrB,CAAC;AAEH,eAAO,MAAM,cAAc,QAkBzB,CAAC;AAEH,eAAO,MAAM,UAAU,QASrB,CAAC;AAEH,eAAO,MAAM,KAAK,QAoBhB,CAAC"}
1
+ {"version":3,"file":"AppBar.css.d.ts","sourceRoot":"","sources":["../../src/components/AppBar.css.ts"],"names":[],"mappings":"AA+BA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8FjB,CAAC;AAEH,eAAO,MAAM,QAAQ,QAKnB,CAAC;AAEH,eAAO,MAAM,SAAS,QAcpB,CAAC;AAEH,eAAO,MAAM,IAAI,QAkBf,CAAC;AAEH,eAAO,MAAM,UAAU,QAqBrB,CAAC;AAEH,eAAO,MAAM,WAAW,QAAsB,CAAC;AAE/C,eAAO,MAAM,MAAM,QAAuD,CAAC;AAE3E,eAAO,MAAM,UAAU,QAkCrB,CAAC;AAEH,eAAO,MAAM,cAAc,QAkBzB,CAAC;AAEH,eAAO,MAAM,UAAU,QASrB,CAAC;AAEH,eAAO,MAAM,KAAK,QAoBhB,CAAC"}
package/dist/components/AppBar.d.ts CHANGED
@@ -11,9 +11,11 @@ declare const AppBar: import("react").ForwardRefExoticComponent<Partial<Pick<{
11
11
  textColorTransitionDuration: string;
12
12
  backgroundColor: string;
13
13
  backgroundColorTransitionDuration: string;
14
+ backgroundImage: string;
15
+ backgroundImageTransitionDuration: string;
14
16
  overflow: string;
15
17
  minSafeAreaInsetTop: string;
16
- }, "height" | "backgroundColor" | "borderColor" | "overflow" | "borderColorTransitionDuration" | "borderSize" | "heightTransitionDuration" | "iconColor" | "iconColorTransitionDuration" | "textColor" | "textColorTransitionDuration" | "backgroundColorTransitionDuration">> & {
18
+ }, "height" | "backgroundColor" | "backgroundImage" | "borderColor" | "overflow" | "borderColorTransitionDuration" | "borderSize" | "heightTransitionDuration" | "iconColor" | "iconColorTransitionDuration" | "textColor" | "textColorTransitionDuration" | "backgroundColorTransitionDuration" | "backgroundImageTransitionDuration">> & {
17
19
  title?: React.ReactNode;
18
20
  renderLeft?: () => React.ReactNode;
19
21
  renderRight?: () => React.ReactNode;
package/dist/components/AppBar.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"AppBar.d.ts","sourceRoot":"","sources":["../../src/components/AppBar.tsx"],"names":[],"mappings":"AA6DA,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;YA3BF,KAAK,CAAC,SAAS;iBACV,MAAM,KAAK,CAAC,SAAS;kBACpB,MAAM,KAAK,CAAC,SAAS;iBAE/B;QACE,UAAU,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;QACnC,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;KAC5D,GACD;QACE,MAAM,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;KAChC;kBAED;QACE,UAAU,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;QACnC,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;KAC5D,GACD;QACE,MAAM,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;KAChC;0BACiB,MAAM,GAAG,OAAO;aAC7B,OAAO;6BACS,YAAY;yBAChB,aAAa;iBACrB,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI;kDA+Q3C,CAAC;AAIF,eAAe,MAAM,CAAC"}
1
+ {"version":3,"file":"AppBar.d.ts","sourceRoot":"","sources":["../../src/components/AppBar.tsx"],"names":[],"mappings":"AA+DA,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;YA3BF,KAAK,CAAC,SAAS;iBACV,MAAM,KAAK,CAAC,SAAS;kBACpB,MAAM,KAAK,CAAC,SAAS;iBAE/B;QACE,UAAU,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;QACnC,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;KAC5D,GACD;QACE,MAAM,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;KAChC;kBAED;QACE,UAAU,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;QACnC,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;KAC5D,GACD;QACE,MAAM,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;KAChC;0BACiB,MAAM,GAAG,OAAO;aAC7B,OAAO;6BACS,YAAY;yBAChB,aAAa;iBACrB,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI;kDAqR3C,CAAC;AAIF,eAAe,MAAM,CAAC"}
package/dist/components/AppScreen.css.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"AppScreen.css.d.ts","sourceRoot":"","sources":["../../src/components/AppScreen.css.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,IAAI;;;;;;;;;;;;;;CAcf,CAAC;AAMH,eAAO,MAAM,UAAU,QAErB,CAAC;AAEH,eAAO,MAAM,cAAc,QAEzB,CAAC;AAEH,eAAO,MAAM,WAAW,QAAY,CAAC;AACrC,eAAO,MAAM,SAAS,QAAY,CAAC;AACnC,eAAO,MAAM,UAAU,QAAY,CAAC;AACpC,eAAO,MAAM,QAAQ,QAEnB,CAAC;AAEH,eAAO,MAAM,SAAS;;;;;;;EAUpB,CAAC;AAEH,eAAO,MAAM,GAAG,QA0Bd,CAAC;AAEH,eAAO,MAAM,KAAK;;;;;;;;;YA+CR;;;;;eAKG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsCX,CAAC;AAEH,eAAO,MAAM,IAAI;;;;;;;EAmBf,CAAC"}
1
+ {"version":3,"file":"AppScreen.css.d.ts","sourceRoot":"","sources":["../../src/components/AppScreen.css.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,IAAI;;;;;;;;;;;;;;CAcf,CAAC;AAMH,eAAO,MAAM,UAAU,QAGrB,CAAC;AAEH,eAAO,MAAM,cAAc,QAEzB,CAAC;AAEH,eAAO,MAAM,WAAW,QAAY,CAAC;AACrC,eAAO,MAAM,SAAS,QAAY,CAAC;AACnC,eAAO,MAAM,UAAU,QAAY,CAAC;AACpC,eAAO,MAAM,QAAQ,QAEnB,CAAC;AAEH,eAAO,MAAM,SAAS;;;;;;;EAUpB,CAAC;AAEH,eAAO,MAAM,GAAG,QA0Bd,CAAC;AAEH,eAAO,MAAM,KAAK;;;;;;;;;YA+CR;;;;;eAKG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsCX,CAAC;AAEH,eAAO,MAAM,IAAI;;;;;;;EAmBf,CAAC"}
package/dist/components/AppScreen.d.ts CHANGED
@@ -15,7 +15,7 @@ export type AppScreenContext = {
15
15
  };
16
16
  };
17
17
  export declare function useAppScreen(): AppScreenContext;
18
- export type AppScreenProps = Partial<Pick<GlobalVars, "backgroundColor" | "dimBackgroundColor">> & {
18
+ export type AppScreenProps = Partial<Pick<GlobalVars, "backgroundColor" | "backgroundImage" | "dimBackgroundColor">> & {
19
19
  appBar?: Omit<PropOf<typeof AppBar>, "theme" | "modalPresentationStyle" | "ref" | "key">;
20
20
  preventSwipeBack?: boolean;
21
21
  CUPERTINO_ONLY_modalPresentationStyle?: "fullScreen";
package/dist/components/AppScreen.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"AppScreen.d.ts","sourceRoot":"","sources":["../../src/components/AppScreen.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAEvD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAEvC,OAAO,MAAM,MAAM,UAAU,CAAC;AAG9B,eAAO,MAAM,iBAAiB,KAAK,CAAC;AACpC,eAAO,MAAM,mBAAmB,KAAK,CAAC;AAEtC,MAAM,MAAM,gBAAgB,GAAG;IAC7B,MAAM,EAAE,CAAC,IAAI,EAAE;QAAE,GAAG,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACxC,QAAQ,EAAE;QACR,GAAG,EAAE,MAAM,CAAC;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;CACH,CAAC;AAGF,wBAAgB,YAAY,qBAE3B;AAED,MAAM,MAAM,cAAc,GAAG,OAAO,CAClC,IAAI,CAAC,UAAU,EAAE,iBAAiB,GAAG,oBAAoB,CAAC,CAC3D,GAAG;IACF,MAAM,CAAC,EAAE,IAAI,CACX,MAAM,CAAC,OAAO,MAAM,CAAC,EACrB,OAAO,GAAG,wBAAwB,GAAG,KAAK,GAAG,KAAK,CACnD,CAAC;IACF,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,qCAAqC,CAAC,EAAE,YAAY,CAAC;IACrD,+BAA+B,CAAC,EAAE,aAAa,CAAC;IAChD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AACF,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA4OvC,CAAC;AAEF,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"AppScreen.d.ts","sourceRoot":"","sources":["../../src/components/AppScreen.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAEvD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAEvC,OAAO,MAAM,MAAM,UAAU,CAAC;AAG9B,eAAO,MAAM,iBAAiB,KAAK,CAAC;AACpC,eAAO,MAAM,mBAAmB,KAAK,CAAC;AAEtC,MAAM,MAAM,gBAAgB,GAAG;IAC7B,MAAM,EAAE,CAAC,IAAI,EAAE;QAAE,GAAG,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACxC,QAAQ,EAAE;QACR,GAAG,EAAE,MAAM,CAAC;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;CACH,CAAC;AAGF,wBAAgB,YAAY,qBAE3B;AAED,MAAM,MAAM,cAAc,GAAG,OAAO,CAClC,IAAI,CAAC,UAAU,EAAE,iBAAiB,GAAG,iBAAiB,GAAG,oBAAoB,CAAC,CAC/E,GAAG;IACF,MAAM,CAAC,EAAE,IAAI,CACX,MAAM,CAAC,OAAO,MAAM,CAAC,EACrB,OAAO,GAAG,wBAAwB,GAAG,KAAK,GAAG,KAAK,CACnD,CAAC;IACF,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,qCAAqC,CAAC,EAAE,YAAY,CAAC;IACrD,+BAA+B,CAAC,EAAE,aAAa,CAAC;IAChD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AACF,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAkPvC,CAAC;AAEF,eAAe,SAAS,CAAC"}
package/dist/components/BottomSheet.css.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"BottomSheet.css.d.ts","sourceRoot":"","sources":["../../src/components/BottomSheet.css.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,IAAI;;;;;;CAMf,CAAC;AAMH,eAAO,MAAM,WAAW,QAAY,CAAC;AACrC,eAAO,MAAM,SAAS,QAAY,CAAC;AACnC,eAAO,MAAM,UAAU,QAAY,CAAC;AACpC,eAAO,MAAM,QAAQ,QAEnB,CAAC;AAEH,eAAO,MAAM,SAAS;;;;;;;EAUpB,CAAC;AAEH,eAAO,MAAM,GAAG,QAkBd,CAAC;AAEH,eAAO,MAAM,KAAK,QAoBhB,CAAC"}
1
+ {"version":3,"file":"BottomSheet.css.d.ts","sourceRoot":"","sources":["../../src/components/BottomSheet.css.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,IAAI;;;;;;CAMf,CAAC;AAMH,eAAO,MAAM,WAAW,QAAY,CAAC;AACrC,eAAO,MAAM,SAAS,QAAY,CAAC;AACnC,eAAO,MAAM,UAAU,QAAY,CAAC;AACpC,eAAO,MAAM,QAAQ,QAEnB,CAAC;AAEH,eAAO,MAAM,SAAS;;;;;;;EAUpB,CAAC;AAEH,eAAO,MAAM,GAAG,QAkBd,CAAC;AAEH,eAAO,MAAM,KAAK,QAqBhB,CAAC"}
package/dist/components/BottomSheet.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import type { GlobalVars } from "../basicUIPlugin.css";
2
- export type BottomSheetProps = Partial<Pick<GlobalVars, "backgroundColor" | "dimBackgroundColor">> & Partial<GlobalVars["bottomSheet"]> & {
2
+ export type BottomSheetProps = Partial<Pick<GlobalVars, "backgroundColor" | "backgroundImage" | "dimBackgroundColor">> & Partial<GlobalVars["bottomSheet"]> & {
3
3
  paperRef?: React.Ref<HTMLDivElement>;
4
4
  onOutsideClick?: React.MouseEventHandler;
5
5
  children: React.ReactNode;
package/dist/components/BottomSheet.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"BottomSheet.d.ts","sourceRoot":"","sources":["../../src/components/BottomSheet.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAKvD,MAAM,MAAM,gBAAgB,GAAG,OAAO,CACpC,IAAI,CAAC,UAAU,EAAE,iBAAiB,GAAG,oBAAoB,CAAC,CAC3D,GACC,OAAO,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC,GAAG;IACnC,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IACrC,cAAc,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IACzC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AACJ,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAkF3C,CAAC;AAIF,eAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"BottomSheet.d.ts","sourceRoot":"","sources":["../../src/components/BottomSheet.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAKvD,MAAM,MAAM,gBAAgB,GAAG,OAAO,CACpC,IAAI,CAAC,UAAU,EAAE,iBAAiB,GAAG,iBAAiB,GAAG,oBAAoB,CAAC,CAC/E,GACC,OAAO,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC,GAAG;IACnC,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IACrC,cAAc,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IACzC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AACJ,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAoF3C,CAAC;AAIF,eAAe,WAAW,CAAC"}
package/dist/components/Modal.css.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Modal.css.d.ts","sourceRoot":"","sources":["../../src/components/Modal.css.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,IAAI;;;;;;CAMf,CAAC;AAMH,eAAO,MAAM,WAAW,QAAY,CAAC;AACrC,eAAO,MAAM,SAAS,QAAY,CAAC;AACnC,eAAO,MAAM,UAAU,QAAY,CAAC;AACpC,eAAO,MAAM,QAAQ,QAEnB,CAAC;AAEH,eAAO,MAAM,SAAS;;;;;;;EAUpB,CAAC;AAEH,eAAO,MAAM,GAAG,QAmBd,CAAC;AAEH,eAAO,MAAM,KAAK,QAwBhB,CAAC"}
1
+ {"version":3,"file":"Modal.css.d.ts","sourceRoot":"","sources":["../../src/components/Modal.css.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,IAAI;;;;;;CAMf,CAAC;AAMH,eAAO,MAAM,WAAW,QAAY,CAAC;AACrC,eAAO,MAAM,SAAS,QAAY,CAAC;AACnC,eAAO,MAAM,UAAU,QAAY,CAAC;AACpC,eAAO,MAAM,QAAQ,QAEnB,CAAC;AAEH,eAAO,MAAM,SAAS;;;;;;;EAUpB,CAAC;AAEH,eAAO,MAAM,GAAG,QAmBd,CAAC;AAEH,eAAO,MAAM,KAAK,QAyBhB,CAAC"}
package/dist/components/Modal.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import type { GlobalVars } from "../basicUIPlugin.css";
2
- export type ModalProps = Partial<Pick<GlobalVars, "backgroundColor" | "dimBackgroundColor">> & Partial<GlobalVars["modal"]> & {
2
+ export type ModalProps = Partial<Pick<GlobalVars, "backgroundColor" | "backgroundImage" | "dimBackgroundColor">> & Partial<GlobalVars["modal"]> & {
3
3
  onOutsideClick?: React.MouseEventHandler;
4
4
  children: React.ReactNode;
5
5
  };
package/dist/components/Modal.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../src/components/Modal.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAKvD,MAAM,MAAM,UAAU,GAAG,OAAO,CAC9B,IAAI,CAAC,UAAU,EAAE,iBAAiB,GAAG,oBAAoB,CAAC,CAC3D,GACC,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,GAAG;IAC7B,cAAc,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IACzC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AACJ,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAmF/B,CAAC;AAIF,eAAe,KAAK,CAAC"}
1
+ {"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../src/components/Modal.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAKvD,MAAM,MAAM,UAAU,GAAG,OAAO,CAC9B,IAAI,CAAC,UAAU,EAAE,iBAAiB,GAAG,iBAAiB,GAAG,oBAAoB,CAAC,CAC/E,GACC,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,GAAG;IAC7B,cAAc,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IACzC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AACJ,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAqF/B,CAAC;AAIF,eAAe,KAAK,CAAC"}
package/dist/index.css CHANGED
@@ -1,6 +1,7 @@
1
- /* vanilla-extract-css-ns:src/basicUIPlugin.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+3Y20rEMBAG4Pt9ioAICqa01XUh4pOIyLSZbmd3m6nJVBfFdxfFA8KutV3xAIFe9CJ/+kMn30WSq+z61C7yRaruJ0ppHQTKZbXiW92uujk5XUCgUnekCyiXc8+ds7rkFXuj9qqqOutJWWo2JP28gIP0SL08STY97NtIPLhAQuy07Tw8vRiVhr5YyU3bCdqxeWhbXYDXBXuLflv/dNbbf9NG31Qq0B0albXrr+ZqpHktRh0nU4/NsNSunRtyI79PJbu30cuzPMtPhkd3rS+4lpEl3qM7//dRR3Fbetc2fIP+aYFRNVmLbsgkBKhQg0fQ5AKKFm6NSvsnuWARbnSoEeX1GHiw1AWjsi/MVMMWVuODDaz1LVmpjcrSdP9s8jBJXiXNoqT/XNI0mQ63NE9mv4vpwAJR06jp39XUeGa5sCDwGWQ1Nnhedi16IceXEd4Ib4Q3whvh/RF4wVnPZCO7/53deHMQyY3k/v7NwemzpC2TE/Qab9BJMMqxww/LZp8tewTCqJ/J0RUAAA== */
1
+ /* vanilla-extract-css-ns:src/basicUIPlugin.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+3YXUvDMBQG4Pv9ioAICqa01TmI+EtE5LQ5bc+25NQk1aH432Xix81mPyZ4sUAvetE3eUuTPNDkIXu81st8mYrXmRBS+gDlqlrzs2zXXU1WFuCplB3JAspV7bizWpa8ZqfESVVVN8NTZKBGJTrrMfTFNJkdE7q6gLP0QnxeSTY/7xsoOLCeArGVunOwvVEi9X2xkk3bBdRT89C2sgAnC3Ya3b7+6aK3/66B/qiUpxdUIms3Q3MNUt0EJS6TuUMzLnVoZ0N24vxUsv1esXmWZ/nV+Oih9QNuwsQSP9GDv/ukHbwv/YdtxpwM++KH1uEndNsHlGhIa7RjFqaHCiU4BEnbV5CBWyXS/o1VcAhspG8Qw9eudKCp80pkA5a4YQ3r6UEDG/lMOjRKZGl6ejN7myVfHmTRg+P0IE3m40XIk8X/kjCyQDQhmhBNGGiCcszhTkOA387VBg3ell2LLpDl+8hH5CPyEfmIfEQ+BvMBVjsmHfE4Ujziv6gIR4QjwvEBxzugpz2hmxgAAA== */
2
2
  ._1q6dj2j0 {
3
3
  --stackflow-plugin-basic-ui-background-color: #fff;
4
+ --stackflow-plugin-basic-ui-background-image: unset;
4
5
  --stackflow-plugin-basic-ui-dim-background-color: rgba(0, 0, 0, 0.15);
5
6
  --stackflow-plugin-basic-ui-transition-duration: 0s;
6
7
  --stackflow-plugin-basic-ui-computed-transition-duration: 0s;
@@ -16,6 +17,8 @@
16
17
  --stackflow-plugin-basic-ui-app-bar-text-color-transition-duration: 0s;
17
18
  --stackflow-plugin-basic-ui-app-bar-background-color: #fff;
18
19
  --stackflow-plugin-basic-ui-app-bar-background-color-transition-duration: 0s;
20
+ --stackflow-plugin-basic-ui-app-bar-background-image: unset;
21
+ --stackflow-plugin-basic-ui-app-bar-background-image-transition-duration: 0s;
19
22
  --stackflow-plugin-basic-ui-app-bar-overflow: hidden;
20
23
  --stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top: 0px;
21
24
  --stackflow-plugin-basic-ui-bottom-sheet-border-radius: 1rem;
@@ -24,6 +27,7 @@
24
27
  }
25
28
  ._1q6dj2j1 {
26
29
  --stackflow-plugin-basic-ui-background-color: #fff;
30
+ --stackflow-plugin-basic-ui-background-image: unset;
27
31
  --stackflow-plugin-basic-ui-dim-background-color: rgba(0, 0, 0, 0.15);
28
32
  --stackflow-plugin-basic-ui-transition-duration: 0s;
29
33
  --stackflow-plugin-basic-ui-computed-transition-duration: 0s;
@@ -39,6 +43,8 @@
39
43
  --stackflow-plugin-basic-ui-app-bar-text-color-transition-duration: 0s;
40
44
  --stackflow-plugin-basic-ui-app-bar-background-color: #fff;
41
45
  --stackflow-plugin-basic-ui-app-bar-background-color-transition-duration: 0s;
46
+ --stackflow-plugin-basic-ui-app-bar-background-image: unset;
47
+ --stackflow-plugin-basic-ui-app-bar-background-image-transition-duration: 0s;
42
48
  --stackflow-plugin-basic-ui-app-bar-overflow: hidden;
43
49
  --stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top: 0px;
44
50
  --stackflow-plugin-basic-ui-bottom-sheet-border-radius: 1rem;
@@ -47,6 +53,7 @@
47
53
  }
48
54
  :root[data-stackflow-plugin-basic-ui-theme=cupertino] {
49
55
  --stackflow-plugin-basic-ui-background-color: #fff;
56
+ --stackflow-plugin-basic-ui-background-image: unset;
50
57
  --stackflow-plugin-basic-ui-dim-background-color: rgba(0, 0, 0, 0.15);
51
58
  --stackflow-plugin-basic-ui-transition-duration: 0s;
52
59
  --stackflow-plugin-basic-ui-computed-transition-duration: 0s;
@@ -62,6 +69,8 @@
62
69
  --stackflow-plugin-basic-ui-app-bar-text-color-transition-duration: 0s;
63
70
  --stackflow-plugin-basic-ui-app-bar-background-color: #fff;
64
71
  --stackflow-plugin-basic-ui-app-bar-background-color-transition-duration: 0s;
72
+ --stackflow-plugin-basic-ui-app-bar-background-image: unset;
73
+ --stackflow-plugin-basic-ui-app-bar-background-image-transition-duration: 0s;
65
74
  --stackflow-plugin-basic-ui-app-bar-overflow: hidden;
66
75
  --stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top: 0px;
67
76
  --stackflow-plugin-basic-ui-bottom-sheet-border-radius: 1rem;
@@ -70,6 +79,7 @@
70
79
  }
71
80
  :root[data-stackflow-plugin-basic-ui-theme=android] {
72
81
  --stackflow-plugin-basic-ui-background-color: #fff;
82
+ --stackflow-plugin-basic-ui-background-image: unset;
73
83
  --stackflow-plugin-basic-ui-dim-background-color: rgba(0, 0, 0, 0.15);
74
84
  --stackflow-plugin-basic-ui-transition-duration: 0s;
75
85
  --stackflow-plugin-basic-ui-computed-transition-duration: 0s;
@@ -85,18 +95,14 @@
85
95
  --stackflow-plugin-basic-ui-app-bar-text-color-transition-duration: 0s;
86
96
  --stackflow-plugin-basic-ui-app-bar-background-color: #fff;
87
97
  --stackflow-plugin-basic-ui-app-bar-background-color-transition-duration: 0s;
98
+ --stackflow-plugin-basic-ui-app-bar-background-image: unset;
99
+ --stackflow-plugin-basic-ui-app-bar-background-image-transition-duration: 0s;
88
100
  --stackflow-plugin-basic-ui-app-bar-overflow: hidden;
89
101
  --stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top: 0px;
90
102
  --stackflow-plugin-basic-ui-bottom-sheet-border-radius: 1rem;
91
103
  --stackflow-plugin-basic-ui-modal-border-radius: 1rem;
92
104
  --stackflow-plugin-basic-ui-modal-max-width: 100%;
93
105
  }
94
- ._1q6dj2j6 {
95
- pointer-events: none;
96
- }
97
- ._1q6dj2j7 {
98
- pointer-events: none;
99
- }
100
106
 
101
107
  /* vanilla-extract-css-ns:src/styles/f.css.ts.vanilla.css?source=LmRodGh4cTAgewogIHdpZHRoOiAxMDAlOwp9Ci5kaHRoeHExIHsKICBoZWlnaHQ6IDEwMCU7Cn0KLmRodGh4cTIgewogIHRvcDogMDsKfQouZGh0aHhxMyB7CiAgbGVmdDogMDsKfQouZGh0aHhxNCB7CiAgcG9zaXRpb246IGFic29sdXRlOwp9Ci5kaHRoeHE1IHsKICBwb3NpdGlvbjogcmVsYXRpdmU7Cn0KLmRodGh4cTcgewogIGRpc3BsYXk6IGZsZXg7Cn0KLmRodGh4cTggewogIGZsZXg6IDE7Cn0KLmRodGh4cTkgewogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0KLmRodGh4cWEgewogIGFsaWduLWl0ZW1zOiBmbGV4LWVuZDsKfQouZGh0aHhxYiB7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7Cn0KLmRodGh4cWMgewogIG92ZXJmbG93OiBoaWRkZW47Cn0KLmRodGh4cWQgewogIHdoaXRlLXNwYWNlOiBub3dyYXA7Cn0KLmRodGh4cWUgewogIHRleHQtYWxpZ246IGNlbnRlcjsKfQouZGh0aHhxZiB7CiAgY3Vyc29yOiBwb2ludGVyOwogIC13ZWJraXQtdGFwLWhpZ2hsaWdodC1jb2xvcjogdHJhbnNwYXJlbnQ7Cn0KLmRodGh4cWcgewogIGJveC1zaXppbmc6IGJvcmRlci1ib3g7Cn0KLmRodGh4cWggewogIGJveC1zaXppbmc6IGNvbnRlbnQtYm94Owp9Ci5kaHRoeHFpIHsKICBhcHBlYXJhbmNlOiBub25lOwogIGJvcmRlcjogMDsKICBwYWRkaW5nOiAwOwogIGJhY2tncm91bmQ6IG5vbmU7Cn0= */
102
108
  .dhthxq0 {
@@ -158,12 +164,13 @@
158
164
  background: none;
159
165
  }
160
166
 
161
- /* vanilla-extract-css-ns:src/components/AppScreen.css.ts.vanilla.css?source=#H4sIAAAAAAAAA9VUy5KbMBC8+yvmkiqoIJfwrvOQL/mT1IBkLAMSEcKPpPbfUwhYAzbY3solnFSMpqenpzXLnyHPtq8vr1/hzwIgwjhNjK4UJ7HOtGFwQOMRUlqM022mj6TIqkQqEmEpY1JJwmVOxln+ZvG2WHbI3z6IPI/63aFag6qUVmrFmvNWm7xF7m5SPwBdYCzt+SoygOQXyBqmRczQihfuhZR+CoAGMErau6QWnwHdLAB+E6m4OLFRubDL/PWF71d7CiOQnZDJzjIIqRH5ZqAZg0wqgYYkBrkUynofmksAJonQo00jdS+O0gLc904He8yCcTDqBZvYQIDwFmA8B8jnAelA7rQJHoRxXZ8ZlLHRWVbLRY4iSqUl79EmJFXCwOoq3s3MZjWcaspYh9aARGhcZS7LIsMzA6WVGIwzhBHJx4zUquH0uALqDSINZm/2ppJ2F2dI0KGVrwyZ3nD1NJQz7HRD9OGG6P2G+kZ7tL0GJnP5l5Gv768gLAoSoSHNy/Q3/2DjBJCjqYtYXTxZn1xqE14ZrA+O0wVxbOu1i3eLJcYsdv4DcnXPnzJzfsdHrZ8nraTm8te3l6p2OUfJ7Y5BuFyt24U48XhfhtlFU/GixlMDnhbrYRhH50dZFYU2tgSvQM7dFsrx5NHi5PuAivf+x1qVFpX1StwKgkYgkaoUth6p77t2RjYeGdmRfZIlfHZ8Hs3KpSK36AV32DtR354URKjD/6nFJPFOhr+BifjQcQkAAA== */
167
+ /* vanilla-extract-css-ns:src/components/AppScreen.css.ts.vanilla.css?source=#H4sIAAAAAAAAA9VUy5KbMBC8+yvmkiqoIJew13loL/mT1IBkLAMSEcKPpPbfUwhYAzbY3solnFSMpqenpzXLnyHPti/rl6/wZwEQYZwmRleKk1hn2jA4oPEIKS3G6TbTR1JkVSIVibCUMakk4TIn4yz/dfG2WHbI3z6IfAN1ACNzTMRTMC5jSO67I2cNqlJaqRVrzltt8ha5u0n9AHSBsbTnq8gAkl8ga5gWMUMr1twLKf0UAA1glLR3SS0+A1r3+ptIxcWJjcqFXeavL3y/2lMYgeyETHaWQUiNyIeaMcikEmhIYpBLoaz3ofEGYJIIPdo0UvfiKC3Afe90sMcsGAejXrCJDQQIbwHGc4B8HpAO5E6b4EEY1/WZQRkbnWW1XOQoolRa8h5tQlIlDKyu4t3MbFbDqaaMdWgNSITGVeayLDI8M1BaicE4QxiRfMxIrRpOjyug3iDSYPZmbyppd3GGBB1a+cqQ6Q1XT0M5w043RB9uiN5vqG+0R9trYDKXfxn55v4KwqIgERrSvEz/9R9snAByNHURq4sn65NLbcIrg/XBcbogjm29cfFuscSYxc5/QK7u+VNmzu/4qPXzpJXUXP7m9lLVLucoud0xCJerTbsQJx7vephdNBUvajw14GmxHoZxdH6UVVFoY0vwCuTcbaEcTx4tTr4PqHjvf6xVaVFZr8StIGgEEqlKYeuR+r5rZ2TjkZEd2SdZwmfH59GsXCpyi15wh70T9e1JQYQ6/J9aTBLvZPgLutOlrbgJAAA= */
162
168
  ._1dlf4347 {
163
169
  background-color: var(--stackflow-plugin-basic-ui-dim-background-color);
164
170
  }
165
171
  ._1dlf4348 {
166
172
  background-color: var(--stackflow-plugin-basic-ui-background-color);
173
+ background-image: var(--stackflow-plugin-basic-ui-background-image);
167
174
  }
168
175
  ._1dlf4349 {
169
176
  transition: transform var(--_1dlf4340), opacity var(--_1dlf4340);
@@ -245,7 +252,7 @@
245
252
  }
246
253
  }
247
254
 
248
- /* vanilla-extract-css-ns:src/components/AppBar.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+1YTY/aMBC98yt8qQRVjJwFtttw66G3nvoDVo7jgBfHTm0DYav+9yrOlxNIliDUw3Y5BXvmeeb5ecbJ/Nk/7RZ4uULg9wSAhAm4pWyzNQE4YDWFUBtMdjGXR5jy/YYJGGLNCNwziNMUhljBxme2nvyZzCtE3yLKA1W5+/V4lUcb7cGihZjsNkruRQSJ5FJdj9r1nK0nALxCJiKaVSjPfsTj5WK5tJNGYaGZYVIEZ+vevCxsUGG0Vzh/mHkglBnUWxzJ4/XIUkVUDaCW9P16jF4eXnzQYTKVVW441JLvDT23L9ggXVe7WCxVEhSPHBu6iKY+Qp88gDyA3gV9XpMnQLpFDuoyIlNMmDkFAK37+UEe8JGiyXskqH1+0MyrKDmbyYmcgPLXZrQwwQ653qBl6FhWhq3d8Id3o5SqU2QWRZGpyQoAE5oagNIMEMzJFPrg81gGNXulsxlANzHfe4qXQ0fRSg0dth9SqwXkSMi/KLal94atI7dlYzq8C67Ehgrrx25etZuXKvDq5jN/VlBIF/U/7nQFDY+WhupGmOBsOuZWqHFMIVYUQ1tGoZHpzANECm2wMNNL05bQ+65HxaFvKSfTL61Mr121vve2VVAMj0R5+xLnqL4IN8VRxMQmAAj4iiathJ4CmqTmZO0iplOOTwEQUtA+yCcXEqqCCAf2rAW1HTiNa/shmML3q/UdeYdnRArn9u4yXlWNBUKJ9sC4s9fg9uyBw/R8VWaYYLVhIgCwHHGTCzAx7EA7d8P5Q1/U6P4hO+EQG8eRRWbbfdN5tMmN3AZDM9OzDfcT/lhCmqBGnaMWN3ldzzN62WvD4hMkUhgqTABiTrM8BmXy6VgKY291AfDn/kMlCM4ErV+e/fmqNj2WY6Hk0bq6X7JXK6eyOIcy6ztlpPd1zTnXeYD5AOZsIyAzNNEBIFQYqi4m1ExZ3qybO2rjjnHC+CkAOcecQn3SJn97+caZ2P3A5Kf9/10K05tpH1O2VKwKsi/12ClcoU+tVnBLQZbpv2tZd1zsun4VWVm0mGy0VzM9TG6CM1hKv3LodIqBsnFZrVG734Rckl0r7qIoWtU1n4Yo5yzVTHc0w8SWKnYur3rcwY2L71e2KJe9CO+NbNuMbYlxb4e7nH2/fV9H/As7BDgUgBMAAA== */
255
+ /* vanilla-extract-css-ns:src/components/AppBar.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+1YTY+bMBC951f4UimpcGTysd2SWw+99dQfsDLGJN4Ym9pOQrbqf68wEAwJbIjSVQ/ZU9bMPGbePM/YTF/843aOF0sEfo8ASJiAG8rWGxOAPVZjCLXBZBtzeYAp362ZgCHWjMAdgzhNYYgVrH0mq9Gf0bRC9C2i3FOVu1+PV3k00WYWLcRku1ZyJyJIJJfqetS252TVhGMJXtOb4KynhXuDTEQ0q1Be/IjHi/liYR8ahYVmhkkRnKVxcxawRoXRTuH8x8Q7y+vmtLrwZQb1BkfycD2yVBFVPVGX1f71FL3OXn3QKnwqK+5wqCXfGXpuX7BN2q72ZbFUSVD85NjQeTT2EfrkAeQB9CjPFeXxah4B0g3yUZtxmWLCzDEAaNXNP/KAjxRNHgUYXoBmf0ETr6L87EleqBEo/5oVK0ywUzyv1zJ0LCvDRrX9/mqXW83p6fOip5/ICgATmhqA0gwQzMkY+uDzUAY1e6OTCUA3Md/ZhRZ9rcRKGe03Dyl/mJQdifoXxbzw3rF15LyoTfur7Eq4b/A81PJfqOXShFre3LPOGiJpoz5OGv/spFHQ/GRpri4oCc7GQy4pGscUYkUxtGMGGplOPECk0AYLM7702Bbsvu+jYt/1KifTL41Mr33r6RrWVFmxPBDl/UO6s6uKcFMcRUysA4CAr2jSSOg5oElqjtYuYjrl+BgAIQXtgnx2IaEqiHBgz0Z004HT+GTfB1P4frW+A6+UjEjhXCZdxquuNEco0R4Ytrdr3I4aOExPl2WGCVZrJgIAyxU3uQATw/a0dTafzrqiRvcP2QmH2DgOLDKb9k35ySY3sAyGZqajDPcT/lBC6qAG7aMGN/ncyDN63WnD4iMkUhgqTABiTrM8BmXyx7EUxp56A+BP/VklCM4EPX3L8afLk+mhXAslj1bV+Zu9WTmVzTmUWdcuI53XcWdf5wHmC5iztYDM0EQHgFBhqLqYUP3I8mbd3FUbd4wTxo8ByDnmFOqjNvnt8RtnYvsDk5/2/+9SmM5Mu5iyrWJZkH1pho/hEn1qjIJbGrJMP25k3fFl182ryMqiwWStvRPT/eQmOIOl9CuH1qToaRuX1Ro1503IJdk24i6aolVd/aWScs5SzXRLM0xsqGLn8jqtO7hx8TnVNuVyFuGdkU2boSMx7pxwl7Pvtu+aiH8Bnn3L5Q8WAAA= */
249
256
  ._1yk3a450 {
250
257
  min-height: var(--stackflow-plugin-basic-ui-app-bar-min-height);
251
258
  }
@@ -254,8 +261,12 @@
254
261
  }
255
262
  ._1yk3a452 {
256
263
  background-color: var(--stackflow-plugin-basic-ui-app-bar-background-color);
264
+ background-image: var(--stackflow-plugin-basic-ui-app-bar-background-image);
257
265
  z-index: var(--_1dlf4344);
258
- transition: background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration), box-shadow var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration);
266
+ transition:
267
+ background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration),
268
+ background-image var(--stackflow-plugin-basic-ui-app-bar-background-image-transition-duration),
269
+ box-shadow var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration);
259
270
  }
260
271
  ._1q6dj2j1 ._1yk3a452 {
261
272
  position: absolute;
@@ -264,6 +275,7 @@
264
275
  transform: translate3d(100%, 0, 0);
265
276
  transition:
266
277
  background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration),
278
+ background-image var(--stackflow-plugin-basic-ui-app-bar-background-image-transition-duration),
267
279
  box-shadow var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration),
268
280
  transform 0s;
269
281
  }
@@ -272,6 +284,7 @@
272
284
  transform: translate3d(0, 10rem, 0);
273
285
  transition:
274
286
  background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration),
287
+ background-image var(--stackflow-plugin-basic-ui-app-bar-background-image-transition-duration),
275
288
  box-shadow var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration),
276
289
  transform var(--_1dlf4340),
277
290
  opacity var(--_1dlf4340);
@@ -288,6 +301,7 @@
288
301
  transform: translate3d(0, 100vh, 0);
289
302
  transition:
290
303
  background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration),
304
+ background-image var(--stackflow-plugin-basic-ui-app-bar-background-image-transition-duration),
291
305
  box-shadow var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration),
292
306
  transform var(--_1dlf4340),
293
307
  opacity var(--_1dlf4340);
@@ -300,6 +314,7 @@
300
314
  transform: translate3d(0, 100vh, 0);
301
315
  transition:
302
316
  background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration),
317
+ background-image var(--stackflow-plugin-basic-ui-app-bar-background-image-transition-duration),
303
318
  box-shadow var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration),
304
319
  transform var(--_1dlf4340),
305
320
  opacity var(--_1dlf4340);
@@ -312,6 +327,7 @@
312
327
  transform: translate3d(100%, 0, 0);
313
328
  transition:
314
329
  background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration),
330
+ background-image var(--stackflow-plugin-basic-ui-app-bar-background-image-transition-duration),
315
331
  box-shadow var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration),
316
332
  transform 0s;
317
333
  }
@@ -404,7 +420,7 @@
404
420
  padding-right: 1rem;
405
421
  }
406
422
 
407
- /* vanilla-extract-css-ns:src/components/BottomSheet.css.ts.vanilla.css?source=Ll8xaHQzOGgwMyB7CiAgdHJhbnNpdGlvbjogdmFyKC0tXzFodDM4aDAwKTsKfQouXzFodDM4aDA3IHsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDEwMCUsIDAsIDApOwp9Ci5fMWh0MzhoMGQgewogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXN0YWNrZmxvdy1wbHVnaW4tYmFzaWMtdWktZGltLWJhY2tncm91bmQtY29sb3IpOwogIHotaW5kZXg6IHZhcigtLV8xaHQzOGgwMSk7CiAgb3BhY2l0eTogMDsKfQouXzFodDM4aDA0IC5fMWh0MzhoMGQsIC5fMWh0MzhoMDUgLl8xaHQzOGgwZCB7CiAgb3BhY2l0eTogMTsKfQouXzFodDM4aDA2IC5fMWh0MzhoMGQsIC5fMWh0MzhoMDcgLl8xaHQzOGgwZCB7CiAgb3BhY2l0eTogMDsKfQouXzFodDM4aDBlIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zdGFja2Zsb3ctcGx1Z2luLWJhc2ljLXVpLWJhY2tncm91bmQtY29sb3IpOwogIHdpZHRoOiAxMDAlOwogIGJvcmRlci1yYWRpdXM6IHZhcigtLXN0YWNrZmxvdy1wbHVnaW4tYmFzaWMtdWktYm90dG9tLXNoZWV0LWJvcmRlci1yYWRpdXMpIHZhcigtLXN0YWNrZmxvdy1wbHVnaW4tYmFzaWMtdWktYm90dG9tLXNoZWV0LWJvcmRlci1yYWRpdXMpIDAgMDsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDAsIDEwMCUsIDApOwogIG9wYWNpdHk6IDA7Cn0KLl8xaHQzOGgwNCAuXzFodDM4aDBlLCAuXzFodDM4aDA1IC5fMWh0MzhoMGUgewogIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoMCwgMCwgMCk7CiAgb3BhY2l0eTogMTsKfQouXzFodDM4aDA2IC5fMWh0MzhoMGUsIC5fMWh0MzhoMDcgLl8xaHQzOGgwZSB7CiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgwLCAxMDAlLCAwKSAhaW1wb3J0YW50OwogIG9wYWNpdHk6IDAgIWltcG9ydGFudDsKfQ== */
423
+ /* vanilla-extract-css-ns:src/components/BottomSheet.css.ts.vanilla.css?source=Ll8xaHQzOGgwMyB7CiAgdHJhbnNpdGlvbjogdmFyKC0tXzFodDM4aDAwKTsKfQouXzFodDM4aDA3IHsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDEwMCUsIDAsIDApOwp9Ci5fMWh0MzhoMGQgewogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXN0YWNrZmxvdy1wbHVnaW4tYmFzaWMtdWktZGltLWJhY2tncm91bmQtY29sb3IpOwogIHotaW5kZXg6IHZhcigtLV8xaHQzOGgwMSk7CiAgb3BhY2l0eTogMDsKfQouXzFodDM4aDA0IC5fMWh0MzhoMGQsIC5fMWh0MzhoMDUgLl8xaHQzOGgwZCB7CiAgb3BhY2l0eTogMTsKfQouXzFodDM4aDA2IC5fMWh0MzhoMGQsIC5fMWh0MzhoMDcgLl8xaHQzOGgwZCB7CiAgb3BhY2l0eTogMDsKfQouXzFodDM4aDBlIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zdGFja2Zsb3ctcGx1Z2luLWJhc2ljLXVpLWJhY2tncm91bmQtY29sb3IpOwogIGJhY2tncm91bmQtaW1hZ2U6IHZhcigtLXN0YWNrZmxvdy1wbHVnaW4tYmFzaWMtdWktYmFja2dyb3VuZC1pbWFnZSk7CiAgd2lkdGg6IDEwMCU7CiAgYm9yZGVyLXJhZGl1czogdmFyKC0tc3RhY2tmbG93LXBsdWdpbi1iYXNpYy11aS1ib3R0b20tc2hlZXQtYm9yZGVyLXJhZGl1cykgdmFyKC0tc3RhY2tmbG93LXBsdWdpbi1iYXNpYy11aS1ib3R0b20tc2hlZXQtYm9yZGVyLXJhZGl1cykgMCAwOwogIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoMCwgMTAwJSwgMCk7CiAgb3BhY2l0eTogMDsKfQouXzFodDM4aDA0IC5fMWh0MzhoMGUsIC5fMWh0MzhoMDUgLl8xaHQzOGgwZSB7CiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgwLCAwLCAwKTsKICBvcGFjaXR5OiAxOwp9Ci5fMWh0MzhoMDYgLl8xaHQzOGgwZSwgLl8xaHQzOGgwNyAuXzFodDM4aDBlIHsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDAsIDEwMCUsIDApICFpbXBvcnRhbnQ7CiAgb3BhY2l0eTogMCAhaW1wb3J0YW50Owp9 */
408
424
  ._1ht38h03 {
409
425
  transition: var(--_1ht38h00);
410
426
  }
@@ -426,6 +442,7 @@
426
442
  }
427
443
  ._1ht38h0e {
428
444
  background-color: var(--stackflow-plugin-basic-ui-background-color);
445
+ background-image: var(--stackflow-plugin-basic-ui-background-image);
429
446
  width: 100%;
430
447
  border-radius: var(--stackflow-plugin-basic-ui-bottom-sheet-border-radius) var(--stackflow-plugin-basic-ui-bottom-sheet-border-radius) 0 0;
431
448
  transform: translate3d(0, 100%, 0);
@@ -442,7 +459,7 @@
442
459
  opacity: 0 !important;
443
460
  }
444
461
 
445
- /* vanilla-extract-css-ns:src/components/Modal.css.ts.vanilla.css?source=Ll81b3pnOGMzIHsKICB0cmFuc2l0aW9uOiB2YXIoLS1fNW96ZzhjMCk7Cn0KLl81b3pnOGM3IHsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDEwMCUsIDAsIDApOwp9Ci5fNW96ZzhjZCB7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc3RhY2tmbG93LXBsdWdpbi1iYXNpYy11aS1kaW0tYmFja2dyb3VuZC1jb2xvcik7CiAgei1pbmRleDogdmFyKC0tXzVvemc4YzEpOwogIG9wYWNpdHk6IDA7Cn0KLl81b3pnOGM0IC5fNW96ZzhjZCwgLl81b3pnOGM1IC5fNW96ZzhjZCB7CiAgb3BhY2l0eTogMTsKfQouXzVvemc4YzYgLl81b3pnOGNkLCAuXzVvemc4YzcgLl81b3pnOGNkIHsKICBvcGFjaXR5OiAwOwp9Ci5fNW96ZzhjZSB7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc3RhY2tmbG93LXBsdWdpbi1iYXNpYy11aS1iYWNrZ3JvdW5kLWNvbG9yKTsKICB3aWR0aDogMTAwJTsKICBtYXgtd2lkdGg6IHZhcigtLXN0YWNrZmxvdy1wbHVnaW4tYmFzaWMtdWktbW9kYWwtbWF4LXdpZHRoKTsKICBtYXJnaW46IDAgMi41cmVtOwogIGJveC1zaGFkb3c6IDBweCAwLjYyNXJlbSAyLjM3NXJlbSByZ2JhKDAsIDAsIDAsIDAuMTUpLCAwcHggLjU2MjVyZW0gMi44NzVyZW0gcmdiYSgwLCAwLCAwLCAwLjEyKSwgMHB4IC4zMTI1cmVtIC45Mzc1cmVtIHJnYmEoMCwgMCwgMCwgMC4xKTsKICBib3JkZXItcmFkaXVzOiB2YXIoLS1zdGFja2Zsb3ctcGx1Z2luLWJhc2ljLXVpLW1vZGFsLWJvcmRlci1yYWRpdXMpOwogIHRyYW5zZm9ybTogc2NhbGUoMS4xKTsKICBvcGFjaXR5OiAwOwp9Ci5fNW96ZzhjNCAuXzVvemc4Y2UsIC5fNW96ZzhjNSAuXzVvemc4Y2UgewogIHRyYW5zZm9ybTogc2NhbGUoMSk7CiAgb3BhY2l0eTogMTsKfQouXzVvemc4YzYgLl81b3pnOGNlLCAuXzVvemc4YzcgLl81b3pnOGNlIHsKICB0cmFuc2Zvcm06IHNjYWxlKDEuMSk7CiAgb3BhY2l0eTogMDsKfQ== */
462
+ /* vanilla-extract-css-ns:src/components/Modal.css.ts.vanilla.css?source=#H4sIAAAAAAAAA51TQW6DMBC884q9VAIJWwZKkpLHVIvtECuAIwOFpurfqxhCIQI1zW3tnRnP2mP6HutLtuMRfDkAtcGyUrXSZQIfaFxChjbz9s63Q4fV9hd80KZI+jLHWkbCDRh78YH5MOcIy0mRnzKjm1IQrnNtbsdUNfLTIdctOedNpkqSYqU4aRQRqiD3LG/vAFyIKoXs7owGtqfPyFX9mQCbWniF0Yw/ljHMHY7UYErdLFG3a9TZqfLJwReHnmyqAjP5LxnLsDKtEvUxgetTXZcFdmTY+kuu0AJzMhK8nm4yVSbAIKSxkYU1qjtSHVHoNgF27oDRTXjtQUijrS1MlqLL+qT4wGgQe76F0niE7lag4Q0aBT2Uvq2p9temjZCGGBSqqR4dckayMpPEVxxz6Qb0sbzJpbzJ+180aM4VV2Iol2K4prjk8gfbkIMO+QMAAA== */
446
463
  ._5ozg8c3 {
447
464
  transition: var(--_5ozg8c0);
448
465
  }
@@ -464,6 +481,7 @@
464
481
  }
465
482
  ._5ozg8ce {
466
483
  background-color: var(--stackflow-plugin-basic-ui-background-color);
484
+ background-image: var(--stackflow-plugin-basic-ui-background-image);
467
485
  width: 100%;
468
486
  max-width: var(--stackflow-plugin-basic-ui-modal-max-width);
469
487
  margin: 0 2.5rem;
package/dist/index.css.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["vanilla-extract-css-ns:src/basicUIPlugin.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+3Y20rEMBAG4Pt9ioAICqa01XUh4pOIyLSZbmd3m6nJVBfFdxfFA8KutV3xAIFe9CJ/+kMn30WSq+z61C7yRaruJ0ppHQTKZbXiW92uujk5XUCgUnekCyiXc8+ds7rkFXuj9qqqOutJWWo2JP28gIP0SL08STY97NtIPLhAQuy07Tw8vRiVhr5YyU3bCdqxeWhbXYDXBXuLflv/dNbbf9NG31Qq0B0albXrr+ZqpHktRh0nU4/NsNSunRtyI79PJbu30cuzPMtPhkd3rS+4lpEl3qM7//dRR3Fbetc2fIP+aYFRNVmLbsgkBKhQg0fQ5AKKFm6NSvsnuWARbnSoEeX1GHiw1AWjsi/MVMMWVuODDaz1LVmpjcrSdP9s8jBJXiXNoqT/XNI0mQ63NE9mv4vpwAJR06jp39XUeGa5sCDwGWQ1Nnhedi16IceXEd4Ib4Q3whvh/RF4wVnPZCO7/53deHMQyY3k/v7NwemzpC2TE/Qab9BJMMqxww/LZp8tewTCqJ/J0RUAAA==", "vanilla-extract-css-ns:src/styles/f.css.ts.vanilla.css?source=LmRodGh4cTAgewogIHdpZHRoOiAxMDAlOwp9Ci5kaHRoeHExIHsKICBoZWlnaHQ6IDEwMCU7Cn0KLmRodGh4cTIgewogIHRvcDogMDsKfQouZGh0aHhxMyB7CiAgbGVmdDogMDsKfQouZGh0aHhxNCB7CiAgcG9zaXRpb246IGFic29sdXRlOwp9Ci5kaHRoeHE1IHsKICBwb3NpdGlvbjogcmVsYXRpdmU7Cn0KLmRodGh4cTcgewogIGRpc3BsYXk6IGZsZXg7Cn0KLmRodGh4cTggewogIGZsZXg6IDE7Cn0KLmRodGh4cTkgewogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0KLmRodGh4cWEgewogIGFsaWduLWl0ZW1zOiBmbGV4LWVuZDsKfQouZGh0aHhxYiB7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7Cn0KLmRodGh4cWMgewogIG92ZXJmbG93OiBoaWRkZW47Cn0KLmRodGh4cWQgewogIHdoaXRlLXNwYWNlOiBub3dyYXA7Cn0KLmRodGh4cWUgewogIHRleHQtYWxpZ246IGNlbnRlcjsKfQouZGh0aHhxZiB7CiAgY3Vyc29yOiBwb2ludGVyOwogIC13ZWJraXQtdGFwLWhpZ2hsaWdodC1jb2xvcjogdHJhbnNwYXJlbnQ7Cn0KLmRodGh4cWcgewogIGJveC1zaXppbmc6IGJvcmRlci1ib3g7Cn0KLmRodGh4cWggewogIGJveC1zaXppbmc6IGNvbnRlbnQtYm94Owp9Ci5kaHRoeHFpIHsKICBhcHBlYXJhbmNlOiBub25lOwogIGJvcmRlcjogMDsKICBwYWRkaW5nOiAwOwogIGJhY2tncm91bmQ6IG5vbmU7Cn0=", "vanilla-extract-css-ns:src/components/AppScreen.css.ts.vanilla.css?source=#H4sIAAAAAAAAA9VUy5KbMBC8+yvmkiqoIJfwrvOQL/mT1IBkLAMSEcKPpPbfUwhYAzbY3solnFSMpqenpzXLnyHPtq8vr1/hzwIgwjhNjK4UJ7HOtGFwQOMRUlqM022mj6TIqkQqEmEpY1JJwmVOxln+ZvG2WHbI3z6IPI/63aFag6qUVmrFmvNWm7xF7m5SPwBdYCzt+SoygOQXyBqmRczQihfuhZR+CoAGMErau6QWnwHdLAB+E6m4OLFRubDL/PWF71d7CiOQnZDJzjIIqRH5ZqAZg0wqgYYkBrkUynofmksAJonQo00jdS+O0gLc904He8yCcTDqBZvYQIDwFmA8B8jnAelA7rQJHoRxXZ8ZlLHRWVbLRY4iSqUl79EmJFXCwOoq3s3MZjWcaspYh9aARGhcZS7LIsMzA6WVGIwzhBHJx4zUquH0uALqDSINZm/2ppJ2F2dI0KGVrwyZ3nD1NJQz7HRD9OGG6P2G+kZ7tL0GJnP5l5Gv768gLAoSoSHNy/Q3/2DjBJCjqYtYXTxZn1xqE14ZrA+O0wVxbOu1i3eLJcYsdv4DcnXPnzJzfsdHrZ8nraTm8te3l6p2OUfJ7Y5BuFyt24U48XhfhtlFU/GixlMDnhbrYRhH50dZFYU2tgSvQM7dFsrx5NHi5PuAivf+x1qVFpX1StwKgkYgkaoUth6p77t2RjYeGdmRfZIlfHZ8Hs3KpSK36AV32DtR354URKjD/6nFJPFOhr+BifjQcQkAAA==", "vanilla-extract-css-ns:src/components/AppBar.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+1YTY/aMBC98yt8qQRVjJwFtttw66G3nvoDVo7jgBfHTm0DYav+9yrOlxNIliDUw3Y5BXvmeeb5ecbJ/Nk/7RZ4uULg9wSAhAm4pWyzNQE4YDWFUBtMdjGXR5jy/YYJGGLNCNwziNMUhljBxme2nvyZzCtE3yLKA1W5+/V4lUcb7cGihZjsNkruRQSJ5FJdj9r1nK0nALxCJiKaVSjPfsTj5WK5tJNGYaGZYVIEZ+vevCxsUGG0Vzh/mHkglBnUWxzJ4/XIUkVUDaCW9P16jF4eXnzQYTKVVW441JLvDT23L9ggXVe7WCxVEhSPHBu6iKY+Qp88gDyA3gV9XpMnQLpFDuoyIlNMmDkFAK37+UEe8JGiyXskqH1+0MyrKDmbyYmcgPLXZrQwwQ653qBl6FhWhq3d8Id3o5SqU2QWRZGpyQoAE5oagNIMEMzJFPrg81gGNXulsxlANzHfe4qXQ0fRSg0dth9SqwXkSMi/KLal94atI7dlYzq8C67Ehgrrx25etZuXKvDq5jN/VlBIF/U/7nQFDY+WhupGmOBsOuZWqHFMIVYUQ1tGoZHpzANECm2wMNNL05bQ+65HxaFvKSfTL61Mr121vve2VVAMj0R5+xLnqL4IN8VRxMQmAAj4iiathJ4CmqTmZO0iplOOTwEQUtA+yCcXEqqCCAf2rAW1HTiNa/shmML3q/UdeYdnRArn9u4yXlWNBUKJ9sC4s9fg9uyBw/R8VWaYYLVhIgCwHHGTCzAx7EA7d8P5Q1/U6P4hO+EQG8eRRWbbfdN5tMmN3AZDM9OzDfcT/lhCmqBGnaMWN3ldzzN62WvD4hMkUhgqTABiTrM8BmXy6VgKY291AfDn/kMlCM4ErV+e/fmqNj2WY6Hk0bq6X7JXK6eyOIcy6ztlpPd1zTnXeYD5AOZsIyAzNNEBIFQYqi4m1ExZ3qybO2rjjnHC+CkAOcecQn3SJn97+caZ2P3A5Kf9/10K05tpH1O2VKwKsi/12ClcoU+tVnBLQZbpv2tZd1zsun4VWVm0mGy0VzM9TG6CM1hKv3LodIqBsnFZrVG734Rckl0r7qIoWtU1n4Yo5yzVTHc0w8SWKnYur3rcwY2L71e2KJe9CO+NbNuMbYlxb4e7nH2/fV9H/As7BDgUgBMAAA==", "vanilla-extract-css-ns:src/components/BottomSheet.css.ts.vanilla.css?source=Ll8xaHQzOGgwMyB7CiAgdHJhbnNpdGlvbjogdmFyKC0tXzFodDM4aDAwKTsKfQouXzFodDM4aDA3IHsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDEwMCUsIDAsIDApOwp9Ci5fMWh0MzhoMGQgewogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXN0YWNrZmxvdy1wbHVnaW4tYmFzaWMtdWktZGltLWJhY2tncm91bmQtY29sb3IpOwogIHotaW5kZXg6IHZhcigtLV8xaHQzOGgwMSk7CiAgb3BhY2l0eTogMDsKfQouXzFodDM4aDA0IC5fMWh0MzhoMGQsIC5fMWh0MzhoMDUgLl8xaHQzOGgwZCB7CiAgb3BhY2l0eTogMTsKfQouXzFodDM4aDA2IC5fMWh0MzhoMGQsIC5fMWh0MzhoMDcgLl8xaHQzOGgwZCB7CiAgb3BhY2l0eTogMDsKfQouXzFodDM4aDBlIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zdGFja2Zsb3ctcGx1Z2luLWJhc2ljLXVpLWJhY2tncm91bmQtY29sb3IpOwogIHdpZHRoOiAxMDAlOwogIGJvcmRlci1yYWRpdXM6IHZhcigtLXN0YWNrZmxvdy1wbHVnaW4tYmFzaWMtdWktYm90dG9tLXNoZWV0LWJvcmRlci1yYWRpdXMpIHZhcigtLXN0YWNrZmxvdy1wbHVnaW4tYmFzaWMtdWktYm90dG9tLXNoZWV0LWJvcmRlci1yYWRpdXMpIDAgMDsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDAsIDEwMCUsIDApOwogIG9wYWNpdHk6IDA7Cn0KLl8xaHQzOGgwNCAuXzFodDM4aDBlLCAuXzFodDM4aDA1IC5fMWh0MzhoMGUgewogIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoMCwgMCwgMCk7CiAgb3BhY2l0eTogMTsKfQouXzFodDM4aDA2IC5fMWh0MzhoMGUsIC5fMWh0MzhoMDcgLl8xaHQzOGgwZSB7CiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgwLCAxMDAlLCAwKSAhaW1wb3J0YW50OwogIG9wYWNpdHk6IDAgIWltcG9ydGFudDsKfQ==", "vanilla-extract-css-ns:src/components/Modal.css.ts.vanilla.css?source=Ll81b3pnOGMzIHsKICB0cmFuc2l0aW9uOiB2YXIoLS1fNW96ZzhjMCk7Cn0KLl81b3pnOGM3IHsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDEwMCUsIDAsIDApOwp9Ci5fNW96ZzhjZCB7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc3RhY2tmbG93LXBsdWdpbi1iYXNpYy11aS1kaW0tYmFja2dyb3VuZC1jb2xvcik7CiAgei1pbmRleDogdmFyKC0tXzVvemc4YzEpOwogIG9wYWNpdHk6IDA7Cn0KLl81b3pnOGM0IC5fNW96ZzhjZCwgLl81b3pnOGM1IC5fNW96ZzhjZCB7CiAgb3BhY2l0eTogMTsKfQouXzVvemc4YzYgLl81b3pnOGNkLCAuXzVvemc4YzcgLl81b3pnOGNkIHsKICBvcGFjaXR5OiAwOwp9Ci5fNW96ZzhjZSB7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc3RhY2tmbG93LXBsdWdpbi1iYXNpYy11aS1iYWNrZ3JvdW5kLWNvbG9yKTsKICB3aWR0aDogMTAwJTsKICBtYXgtd2lkdGg6IHZhcigtLXN0YWNrZmxvdy1wbHVnaW4tYmFzaWMtdWktbW9kYWwtbWF4LXdpZHRoKTsKICBtYXJnaW46IDAgMi41cmVtOwogIGJveC1zaGFkb3c6IDBweCAwLjYyNXJlbSAyLjM3NXJlbSByZ2JhKDAsIDAsIDAsIDAuMTUpLCAwcHggLjU2MjVyZW0gMi44NzVyZW0gcmdiYSgwLCAwLCAwLCAwLjEyKSwgMHB4IC4zMTI1cmVtIC45Mzc1cmVtIHJnYmEoMCwgMCwgMCwgMC4xKTsKICBib3JkZXItcmFkaXVzOiB2YXIoLS1zdGFja2Zsb3ctcGx1Z2luLWJhc2ljLXVpLW1vZGFsLWJvcmRlci1yYWRpdXMpOwogIHRyYW5zZm9ybTogc2NhbGUoMS4xKTsKICBvcGFjaXR5OiAwOwp9Ci5fNW96ZzhjNCAuXzVvemc4Y2UsIC5fNW96ZzhjNSAuXzVvemc4Y2UgewogIHRyYW5zZm9ybTogc2NhbGUoMSk7CiAgb3BhY2l0eTogMTsKfQouXzVvemc4YzYgLl81b3pnOGNlLCAuXzVvemc4YzcgLl81b3pnOGNlIHsKICB0cmFuc2Zvcm06IHNjYWxlKDEuMSk7CiAgb3BhY2l0eTogMDsKfQ=="],
4
- "sourcesContent": ["._1q6dj2j0 {\n --stackflow-plugin-basic-ui-background-color: #fff;\n --stackflow-plugin-basic-ui-dim-background-color: rgba(0, 0, 0, 0.15);\n --stackflow-plugin-basic-ui-transition-duration: 0s;\n --stackflow-plugin-basic-ui-computed-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-border-color: rgba(0, 0, 0, 0.07);\n --stackflow-plugin-basic-ui-app-bar-border-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-border-size: 1px;\n --stackflow-plugin-basic-ui-app-bar-height: 3.5rem;\n --stackflow-plugin-basic-ui-app-bar-height-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-min-height: 3.5rem;\n --stackflow-plugin-basic-ui-app-bar-icon-color: #212124;\n --stackflow-plugin-basic-ui-app-bar-icon-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-text-color: #212124;\n --stackflow-plugin-basic-ui-app-bar-text-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-background-color: #fff;\n --stackflow-plugin-basic-ui-app-bar-background-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-overflow: hidden;\n --stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top: 0px;\n --stackflow-plugin-basic-ui-bottom-sheet-border-radius: 1rem;\n --stackflow-plugin-basic-ui-modal-border-radius: 1rem;\n --stackflow-plugin-basic-ui-modal-max-width: 100%;\n}\n._1q6dj2j1 {\n --stackflow-plugin-basic-ui-background-color: #fff;\n --stackflow-plugin-basic-ui-dim-background-color: rgba(0, 0, 0, 0.15);\n --stackflow-plugin-basic-ui-transition-duration: 0s;\n --stackflow-plugin-basic-ui-computed-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-border-color: rgba(0, 0, 0, 0.07);\n --stackflow-plugin-basic-ui-app-bar-border-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-border-size: 0.5px;\n --stackflow-plugin-basic-ui-app-bar-height: 2.75rem;\n --stackflow-plugin-basic-ui-app-bar-height-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-min-height: 2.75rem;\n --stackflow-plugin-basic-ui-app-bar-icon-color: #212124;\n --stackflow-plugin-basic-ui-app-bar-icon-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-text-color: #212124;\n --stackflow-plugin-basic-ui-app-bar-text-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-background-color: #fff;\n --stackflow-plugin-basic-ui-app-bar-background-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-overflow: hidden;\n --stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top: 0px;\n --stackflow-plugin-basic-ui-bottom-sheet-border-radius: 1rem;\n --stackflow-plugin-basic-ui-modal-border-radius: 1rem;\n --stackflow-plugin-basic-ui-modal-max-width: 100%;\n}\n:root[data-stackflow-plugin-basic-ui-theme=cupertino] {\n --stackflow-plugin-basic-ui-background-color: #fff;\n --stackflow-plugin-basic-ui-dim-background-color: rgba(0, 0, 0, 0.15);\n --stackflow-plugin-basic-ui-transition-duration: 0s;\n --stackflow-plugin-basic-ui-computed-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-border-color: rgba(0, 0, 0, 0.07);\n --stackflow-plugin-basic-ui-app-bar-border-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-border-size: 0.5px;\n --stackflow-plugin-basic-ui-app-bar-height: 2.75rem;\n --stackflow-plugin-basic-ui-app-bar-height-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-min-height: 2.75rem;\n --stackflow-plugin-basic-ui-app-bar-icon-color: #212124;\n --stackflow-plugin-basic-ui-app-bar-icon-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-text-color: #212124;\n --stackflow-plugin-basic-ui-app-bar-text-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-background-color: #fff;\n --stackflow-plugin-basic-ui-app-bar-background-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-overflow: hidden;\n --stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top: 0px;\n --stackflow-plugin-basic-ui-bottom-sheet-border-radius: 1rem;\n --stackflow-plugin-basic-ui-modal-border-radius: 1rem;\n --stackflow-plugin-basic-ui-modal-max-width: 100%;\n}\n:root[data-stackflow-plugin-basic-ui-theme=android] {\n --stackflow-plugin-basic-ui-background-color: #fff;\n --stackflow-plugin-basic-ui-dim-background-color: rgba(0, 0, 0, 0.15);\n --stackflow-plugin-basic-ui-transition-duration: 0s;\n --stackflow-plugin-basic-ui-computed-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-border-color: rgba(0, 0, 0, 0.07);\n --stackflow-plugin-basic-ui-app-bar-border-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-border-size: 1px;\n --stackflow-plugin-basic-ui-app-bar-height: 3.5rem;\n --stackflow-plugin-basic-ui-app-bar-height-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-min-height: 3.5rem;\n --stackflow-plugin-basic-ui-app-bar-icon-color: #212124;\n --stackflow-plugin-basic-ui-app-bar-icon-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-text-color: #212124;\n --stackflow-plugin-basic-ui-app-bar-text-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-background-color: #fff;\n --stackflow-plugin-basic-ui-app-bar-background-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-overflow: hidden;\n --stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top: 0px;\n --stackflow-plugin-basic-ui-bottom-sheet-border-radius: 1rem;\n --stackflow-plugin-basic-ui-modal-border-radius: 1rem;\n --stackflow-plugin-basic-ui-modal-max-width: 100%;\n}\n._1q6dj2j6 {\n pointer-events: none;\n}\n._1q6dj2j7 {\n pointer-events: none;\n}", ".dhthxq0 {\n width: 100%;\n}\n.dhthxq1 {\n height: 100%;\n}\n.dhthxq2 {\n top: 0;\n}\n.dhthxq3 {\n left: 0;\n}\n.dhthxq4 {\n position: absolute;\n}\n.dhthxq5 {\n position: relative;\n}\n.dhthxq7 {\n display: flex;\n}\n.dhthxq8 {\n flex: 1;\n}\n.dhthxq9 {\n align-items: center;\n}\n.dhthxqa {\n align-items: flex-end;\n}\n.dhthxqb {\n justify-content: center;\n}\n.dhthxqc {\n overflow: hidden;\n}\n.dhthxqd {\n white-space: nowrap;\n}\n.dhthxqe {\n text-align: center;\n}\n.dhthxqf {\n cursor: pointer;\n -webkit-tap-highlight-color: transparent;\n}\n.dhthxqg {\n box-sizing: border-box;\n}\n.dhthxqh {\n box-sizing: content-box;\n}\n.dhthxqi {\n appearance: none;\n border: 0;\n padding: 0;\n background: none;\n}", "._1dlf4347 {\n background-color: var(--stackflow-plugin-basic-ui-dim-background-color);\n}\n._1dlf4348 {\n background-color: var(--stackflow-plugin-basic-ui-background-color);\n}\n._1dlf4349 {\n transition: transform var(--_1dlf4340), opacity var(--_1dlf4340);\n}\n._1dlf434d {\n transform: translate3d(100%, 0, 0);\n}\n._1dlf434j {\n opacity: 0;\n z-index: var(--_1dlf4341);\n}\n._1q6dj2j0 ._1dlf434j {\n height: 10rem;\n background: linear-gradient(var(--stackflow-plugin-basic-ui-dim-background-color), rgba(0, 0, 0, 0));\n}\n\n ._1dlf434a ._1dlf434j,\n ._1dlf434b ._1dlf434j\n {\n opacity: 1;\n}\n\n ._1dlf434c ._1dlf434j,\n ._1dlf434d ._1dlf434j\n {\n opacity: 0;\n}\n._1dlf434k {\n overflow-y: scroll;\n -webkit-overflow-scrolling: touch;\n z-index: var(--_1dlf4342);\n}\n._1dlf434k::-webkit-scrollbar {\n display: none;\n}\n._1q6dj2j1 ._1dlf434k {\n transform: translate3d(100%, 0, 0);\n}\n\n ._1q6dj2j1 ._1dlf434a ._1dlf434k,\n ._1q6dj2j1 ._1dlf434b ._1dlf434k\n {\n transform: translate3d(0, 0, 0);\n}\n._1q6dj2j0 ._1dlf434k {\n opacity: 0;\n transform: translate3d(0, 10rem, 0);\n}\n\n ._1q6dj2j0 ._1dlf434a ._1dlf434k,\n ._1q6dj2j0 ._1dlf434b ._1dlf434k\n {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n}\n._1dlf434l {\n --_1dlf4345: var(--stackflow-plugin-basic-ui-app-bar-height);\n transition: transform var(--_1dlf4340), opacity var(--_1dlf4340), margin-top var(--stackflow-plugin-basic-ui-app-bar-height-transition-duration);\n margin-top: var(--_1dlf4345);\n height: calc(100% - var(--_1dlf4345));\n}\n._1q6dj2j1 ._1dlf434m {\n transform: translate3d(0, 100%, 0);\n}\n._1q6dj2j0 ._1dlf434n {\n transform: translate3d(50%, 0, 0);\n}\n._1dlf434o {\n width: 1.25rem;\n z-index: var(--_1dlf4343);\n}\n._1dlf434p {\n top: var(--stackflow-plugin-basic-ui-app-bar-height);\n height: calc(100% - var(--stackflow-plugin-basic-ui-app-bar-height));\n}\n@supports (padding: max(0px)) and (padding: constant(safe-area-inset-top)) {\n ._1dlf434l {\n --_1dlf4345: calc(var(--stackflow-plugin-basic-ui-app-bar-height) + max(var(--stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top), constant(safe-area-inset-top)));\n }\n}\n@supports (padding: max(0px)) and (padding: env(safe-area-inset-top)) {\n ._1dlf434l {\n --_1dlf4345: calc(var(--stackflow-plugin-basic-ui-app-bar-height) + max(var(--stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top), env(safe-area-inset-top)));\n }\n}", "._1yk3a450 {\n min-height: var(--stackflow-plugin-basic-ui-app-bar-min-height);\n}\n._1yk3a451 {\n overflow: var(--stackflow-plugin-basic-ui-app-bar-overflow);\n}\n._1yk3a452 {\n background-color: var(--stackflow-plugin-basic-ui-app-bar-background-color);\n z-index: var(--_1dlf4344);\n transition: background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration), box-shadow var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration);\n}\n._1q6dj2j1 ._1yk3a452 {\n position: absolute;\n}\n._1q6dj2j1 ._1dlf434c ._1yk3a452 {\n transform: translate3d(100%, 0, 0);\n transition: background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration), box-shadow var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration), transform 0s;\n}\n._1q6dj2j0 ._1yk3a452 {\n opacity: 0;\n transform: translate3d(0, 10rem, 0);\n transition: background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration), box-shadow var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration), transform var(--_1dlf4340), opacity var(--_1dlf4340);\n}\n\n ._1q6dj2j0 ._1dlf434a ._1yk3a452,\n ._1q6dj2j0 ._1dlf434b ._1yk3a452\n {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n}\n._1yk3a453 {\n box-shadow: inset 0px calc(-1 * var(--stackflow-plugin-basic-ui-app-bar-border-size)) 0 var(--stackflow-plugin-basic-ui-app-bar-border-color);\n}\n._1q6dj2j1 ._1yk3a454 {\n transform: translate3d(0, 100vh, 0);\n transition: background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration), box-shadow var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration), transform var(--_1dlf4340), opacity var(--_1dlf4340);\n}\n\n ._1q6dj2j1 ._1dlf434a ._1yk3a454,\n ._1q6dj2j1 ._1dlf434b ._1yk3a454\n {\n transform: translate3d(0, 0, 0);\n}\n._1q6dj2j1 ._1dlf434c ._1yk3a454 {\n transform: translate3d(0, 100vh, 0);\n transition: background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration), box-shadow var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration), transform var(--_1dlf4340), opacity var(--_1dlf4340);\n}\n._1q6dj2j0 ._1yk3a455 {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n}\n._1q6dj2j0 ._1dlf434c ._1yk3a455 {\n transform: translate3d(100%, 0, 0);\n transition: background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration), box-shadow var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration), transform 0s;\n}\n._1yk3a456 {\n height: max(var(--stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top), constant(safe-area-inset-top));\n height: max(var(--stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top), env(safe-area-inset-top));\n}\n._1yk3a457 {\n height: var(--stackflow-plugin-basic-ui-app-bar-height);\n transition: height var(--stackflow-plugin-basic-ui-app-bar-height-transition-duration);\n}\n._1q6dj2j0 ._1yk3a457 {\n padding: 0 1rem;\n}\n._1yk3a458:empty {\n display: none;\n}\n._1q6dj2j0 ._1yk3a458 {\n padding-right: 1rem;\n}\n._1q6dj2j1 ._1yk3a458 {\n padding-left: 1rem;\n padding-right: 1rem;\n}\n._1yk3a459 {\n color: var(--stackflow-plugin-basic-ui-app-bar-icon-color);\n transition: opacity 300ms, color var(--stackflow-plugin-basic-ui-app-bar-icon-color-transition-duration);\n padding: .5rem;\n margin: -.5rem;\n}\n._1yk3a459:active {\n opacity: 0.2;\n transition: opacity 0s, color var(--stackflow-plugin-basic-ui-app-bar-icon-color-transition-duration);\n}\n._1yk3a45c {\n width: var(--_1dlf4346);\n color: var(--stackflow-plugin-basic-ui-app-bar-text-color);\n transition: height var(--stackflow-plugin-basic-ui-app-bar-height-transition-duration), color var(--stackflow-plugin-basic-ui-app-bar-text-color-transition-duration);\n}\n._1q6dj2j0 ._1yk3a45c {\n width: 100%;\n justify-content: flex-start;\n font-size: 1.125rem;\n line-height: 1.5;\n font-weight: bold;\n box-sizing: border-box;\n}\n._1q6dj2j1 ._1yk3a45c {\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n font-family: -apple-system, BlinkMacSystemFont;\n font-weight: bold;\n font-size: 1.125rem;\n left: 50%;\n transform: translate(-50%);\n height: var(--stackflow-plugin-basic-ui-app-bar-height);\n top: max(var(--stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top), constant(safe-area-inset-top));\n top: max(var(--stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top), env(safe-area-inset-top));\n}\n._1yk3a45d {\n left: 50%;\n height: 1.25rem;\n transform: translate(-50%);\n max-width: 5rem;\n display: none;\n width: var(--_1dlf4346);\n}\n._1q6dj2j1 ._1yk3a45d {\n display: block;\n}\n._1yk3a45e {\n text-overflow: ellipsis;\n font-size: inherit;\n font-weight: inherit;\n}\n._1yk3a45f {\n margin-left: auto;\n}\n._1yk3a45f:empty {\n display: none;\n}\n._1q6dj2j0 ._1yk3a45f {\n padding-left: 1rem;\n}\n._1q6dj2j1 ._1yk3a45f {\n padding-left: 1rem;\n padding-right: 1rem;\n}", "._1ht38h03 {\n transition: var(--_1ht38h00);\n}\n._1ht38h07 {\n transform: translate3d(100%, 0, 0);\n}\n._1ht38h0d {\n background-color: var(--stackflow-plugin-basic-ui-dim-background-color);\n z-index: var(--_1ht38h01);\n opacity: 0;\n}\n._1ht38h04 ._1ht38h0d, ._1ht38h05 ._1ht38h0d {\n opacity: 1;\n}\n._1ht38h06 ._1ht38h0d, ._1ht38h07 ._1ht38h0d {\n opacity: 0;\n}\n._1ht38h0e {\n background-color: var(--stackflow-plugin-basic-ui-background-color);\n width: 100%;\n border-radius: var(--stackflow-plugin-basic-ui-bottom-sheet-border-radius) var(--stackflow-plugin-basic-ui-bottom-sheet-border-radius) 0 0;\n transform: translate3d(0, 100%, 0);\n opacity: 0;\n}\n._1ht38h04 ._1ht38h0e, ._1ht38h05 ._1ht38h0e {\n transform: translate3d(0, 0, 0);\n opacity: 1;\n}\n._1ht38h06 ._1ht38h0e, ._1ht38h07 ._1ht38h0e {\n transform: translate3d(0, 100%, 0) !important;\n opacity: 0 !important;\n}", "._5ozg8c3 {\n transition: var(--_5ozg8c0);\n}\n._5ozg8c7 {\n transform: translate3d(100%, 0, 0);\n}\n._5ozg8cd {\n background-color: var(--stackflow-plugin-basic-ui-dim-background-color);\n z-index: var(--_5ozg8c1);\n opacity: 0;\n}\n._5ozg8c4 ._5ozg8cd, ._5ozg8c5 ._5ozg8cd {\n opacity: 1;\n}\n._5ozg8c6 ._5ozg8cd, ._5ozg8c7 ._5ozg8cd {\n opacity: 0;\n}\n._5ozg8ce {\n background-color: var(--stackflow-plugin-basic-ui-background-color);\n width: 100%;\n max-width: var(--stackflow-plugin-basic-ui-modal-max-width);\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-modal-border-radius);\n transform: scale(1.1);\n opacity: 0;\n}\n._5ozg8c4 ._5ozg8ce, ._5ozg8c5 ._5ozg8ce {\n transform: scale(1);\n opacity: 1;\n}\n._5ozg8c6 ._5ozg8ce, ._5ozg8c7 ._5ozg8ce {\n transform: scale(1.1);\n opacity: 0;\n}"],
5
- "mappings": "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",
3
+ "sources": ["vanilla-extract-css-ns:src/basicUIPlugin.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+3YXUvDMBQG4Pv9ioAICqa01TmI+EtE5LQ5bc+25NQk1aH432Xix81mPyZ4sUAvetE3eUuTPNDkIXu81st8mYrXmRBS+gDlqlrzs2zXXU1WFuCplB3JAspV7bizWpa8ZqfESVVVN8NTZKBGJTrrMfTFNJkdE7q6gLP0QnxeSTY/7xsoOLCeArGVunOwvVEi9X2xkk3bBdRT89C2sgAnC3Ya3b7+6aK3/66B/qiUpxdUIms3Q3MNUt0EJS6TuUMzLnVoZ0N24vxUsv1esXmWZ/nV+Oih9QNuwsQSP9GDv/ukHbwv/YdtxpwM++KH1uEndNsHlGhIa7RjFqaHCiU4BEnbV5CBWyXS/o1VcAhspG8Qw9eudKCp80pkA5a4YQ3r6UEDG/lMOjRKZGl6ejN7myVfHmTRg+P0IE3m40XIk8X/kjCyQDQhmhBNGGiCcszhTkOA387VBg3ell2LLpDl+8hH5CPyEfmIfEQ+BvMBVjsmHfE4Ujziv6gIR4QjwvEBxzugpz2hmxgAAA==", "vanilla-extract-css-ns:src/styles/f.css.ts.vanilla.css?source=LmRodGh4cTAgewogIHdpZHRoOiAxMDAlOwp9Ci5kaHRoeHExIHsKICBoZWlnaHQ6IDEwMCU7Cn0KLmRodGh4cTIgewogIHRvcDogMDsKfQouZGh0aHhxMyB7CiAgbGVmdDogMDsKfQouZGh0aHhxNCB7CiAgcG9zaXRpb246IGFic29sdXRlOwp9Ci5kaHRoeHE1IHsKICBwb3NpdGlvbjogcmVsYXRpdmU7Cn0KLmRodGh4cTcgewogIGRpc3BsYXk6IGZsZXg7Cn0KLmRodGh4cTggewogIGZsZXg6IDE7Cn0KLmRodGh4cTkgewogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0KLmRodGh4cWEgewogIGFsaWduLWl0ZW1zOiBmbGV4LWVuZDsKfQouZGh0aHhxYiB7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7Cn0KLmRodGh4cWMgewogIG92ZXJmbG93OiBoaWRkZW47Cn0KLmRodGh4cWQgewogIHdoaXRlLXNwYWNlOiBub3dyYXA7Cn0KLmRodGh4cWUgewogIHRleHQtYWxpZ246IGNlbnRlcjsKfQouZGh0aHhxZiB7CiAgY3Vyc29yOiBwb2ludGVyOwogIC13ZWJraXQtdGFwLWhpZ2hsaWdodC1jb2xvcjogdHJhbnNwYXJlbnQ7Cn0KLmRodGh4cWcgewogIGJveC1zaXppbmc6IGJvcmRlci1ib3g7Cn0KLmRodGh4cWggewogIGJveC1zaXppbmc6IGNvbnRlbnQtYm94Owp9Ci5kaHRoeHFpIHsKICBhcHBlYXJhbmNlOiBub25lOwogIGJvcmRlcjogMDsKICBwYWRkaW5nOiAwOwogIGJhY2tncm91bmQ6IG5vbmU7Cn0=", "vanilla-extract-css-ns:src/components/AppScreen.css.ts.vanilla.css?source=#H4sIAAAAAAAAA9VUy5KbMBC8+yvmkiqoIJew13loL/mT1IBkLAMSEcKPpPbfUwhYAzbY3solnFSMpqenpzXLnyHPti/rl6/wZwEQYZwmRleKk1hn2jA4oPEIKS3G6TbTR1JkVSIVibCUMakk4TIn4yz/dfG2WHbI3z6IfAN1ACNzTMRTMC5jSO67I2cNqlJaqRVrzltt8ha5u0n9AHSBsbTnq8gAkl8ga5gWMUMr1twLKf0UAA1glLR3SS0+A1r3+ptIxcWJjcqFXeavL3y/2lMYgeyETHaWQUiNyIeaMcikEmhIYpBLoaz3ofEGYJIIPdo0UvfiKC3Afe90sMcsGAejXrCJDQQIbwHGc4B8HpAO5E6b4EEY1/WZQRkbnWW1XOQoolRa8h5tQlIlDKyu4t3MbFbDqaaMdWgNSITGVeayLDI8M1BaicE4QxiRfMxIrRpOjyug3iDSYPZmbyppd3GGBB1a+cqQ6Q1XT0M5w043RB9uiN5vqG+0R9trYDKXfxn55v4KwqIgERrSvEz/9R9snAByNHURq4sn65NLbcIrg/XBcbogjm29cfFuscSYxc5/QK7u+VNmzu/4qPXzpJXUXP7m9lLVLucoud0xCJerTbsQJx7vephdNBUvajw14GmxHoZxdH6UVVFoY0vwCuTcbaEcTx4tTr4PqHjvf6xVaVFZr8StIGgEEqlKYeuR+r5rZ2TjkZEd2SdZwmfH59GsXCpyi15wh70T9e1JQYQ6/J9aTBLvZPgLutOlrbgJAAA=", "vanilla-extract-css-ns:src/components/AppBar.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+1YTY+bMBC951f4UimpcGTysd2SWw+99dQfsDLGJN4Ym9pOQrbqf68wEAwJbIjSVQ/ZU9bMPGbePM/YTF/843aOF0sEfo8ASJiAG8rWGxOAPVZjCLXBZBtzeYAp362ZgCHWjMAdgzhNYYgVrH0mq9Gf0bRC9C2i3FOVu1+PV3k00WYWLcRku1ZyJyJIJJfqetS252TVhGMJXtOb4KynhXuDTEQ0q1Be/IjHi/liYR8ahYVmhkkRnKVxcxawRoXRTuH8x8Q7y+vmtLrwZQb1BkfycD2yVBFVPVGX1f71FL3OXn3QKnwqK+5wqCXfGXpuX7BN2q72ZbFUSVD85NjQeTT2EfrkAeQB9CjPFeXxah4B0g3yUZtxmWLCzDEAaNXNP/KAjxRNHgUYXoBmf0ETr6L87EleqBEo/5oVK0ywUzyv1zJ0LCvDRrX9/mqXW83p6fOip5/ICgATmhqA0gwQzMkY+uDzUAY1e6OTCUA3Md/ZhRZ9rcRKGe03Dyl/mJQdifoXxbzw3rF15LyoTfur7Eq4b/A81PJfqOXShFre3LPOGiJpoz5OGv/spFHQ/GRpri4oCc7GQy4pGscUYkUxtGMGGplOPECk0AYLM7702Bbsvu+jYt/1KifTL41Mr33r6RrWVFmxPBDl/UO6s6uKcFMcRUysA4CAr2jSSOg5oElqjtYuYjrl+BgAIQXtgnx2IaEqiHBgz0Z004HT+GTfB1P4frW+A6+UjEjhXCZdxquuNEco0R4Ytrdr3I4aOExPl2WGCVZrJgIAyxU3uQATw/a0dTafzrqiRvcP2QmH2DgOLDKb9k35ySY3sAyGZqajDPcT/lBC6qAG7aMGN/ncyDN63WnD4iMkUhgqTABiTrM8BmXyx7EUxp56A+BP/VklCM4EPX3L8afLk+mhXAslj1bV+Zu9WTmVzTmUWdcuI53XcWdf5wHmC5iztYDM0EQHgFBhqLqYUP3I8mbd3FUbd4wTxo8ByDnmFOqjNvnt8RtnYvsDk5/2/+9SmM5Mu5iyrWJZkH1pho/hEn1qjIJbGrJMP25k3fFl182ryMqiwWStvRPT/eQmOIOl9CuH1qToaRuX1Ro1503IJdk24i6aolVd/aWScs5SzXRLM0xsqGLn8jqtO7hx8TnVNuVyFuGdkU2boSMx7pxwl7Pvtu+aiH8Bnn3L5Q8WAAA=", "vanilla-extract-css-ns:src/components/BottomSheet.css.ts.vanilla.css?source=Ll8xaHQzOGgwMyB7CiAgdHJhbnNpdGlvbjogdmFyKC0tXzFodDM4aDAwKTsKfQouXzFodDM4aDA3IHsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDEwMCUsIDAsIDApOwp9Ci5fMWh0MzhoMGQgewogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXN0YWNrZmxvdy1wbHVnaW4tYmFzaWMtdWktZGltLWJhY2tncm91bmQtY29sb3IpOwogIHotaW5kZXg6IHZhcigtLV8xaHQzOGgwMSk7CiAgb3BhY2l0eTogMDsKfQouXzFodDM4aDA0IC5fMWh0MzhoMGQsIC5fMWh0MzhoMDUgLl8xaHQzOGgwZCB7CiAgb3BhY2l0eTogMTsKfQouXzFodDM4aDA2IC5fMWh0MzhoMGQsIC5fMWh0MzhoMDcgLl8xaHQzOGgwZCB7CiAgb3BhY2l0eTogMDsKfQouXzFodDM4aDBlIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zdGFja2Zsb3ctcGx1Z2luLWJhc2ljLXVpLWJhY2tncm91bmQtY29sb3IpOwogIGJhY2tncm91bmQtaW1hZ2U6IHZhcigtLXN0YWNrZmxvdy1wbHVnaW4tYmFzaWMtdWktYmFja2dyb3VuZC1pbWFnZSk7CiAgd2lkdGg6IDEwMCU7CiAgYm9yZGVyLXJhZGl1czogdmFyKC0tc3RhY2tmbG93LXBsdWdpbi1iYXNpYy11aS1ib3R0b20tc2hlZXQtYm9yZGVyLXJhZGl1cykgdmFyKC0tc3RhY2tmbG93LXBsdWdpbi1iYXNpYy11aS1ib3R0b20tc2hlZXQtYm9yZGVyLXJhZGl1cykgMCAwOwogIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoMCwgMTAwJSwgMCk7CiAgb3BhY2l0eTogMDsKfQouXzFodDM4aDA0IC5fMWh0MzhoMGUsIC5fMWh0MzhoMDUgLl8xaHQzOGgwZSB7CiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgwLCAwLCAwKTsKICBvcGFjaXR5OiAxOwp9Ci5fMWh0MzhoMDYgLl8xaHQzOGgwZSwgLl8xaHQzOGgwNyAuXzFodDM4aDBlIHsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDAsIDEwMCUsIDApICFpbXBvcnRhbnQ7CiAgb3BhY2l0eTogMCAhaW1wb3J0YW50Owp9", "vanilla-extract-css-ns:src/components/Modal.css.ts.vanilla.css?source=#H4sIAAAAAAAAA51TQW6DMBC884q9VAIJWwZKkpLHVIvtECuAIwOFpurfqxhCIQI1zW3tnRnP2mP6HutLtuMRfDkAtcGyUrXSZQIfaFxChjbz9s63Q4fV9hd80KZI+jLHWkbCDRh78YH5MOcIy0mRnzKjm1IQrnNtbsdUNfLTIdctOedNpkqSYqU4aRQRqiD3LG/vAFyIKoXs7owGtqfPyFX9mQCbWniF0Yw/ljHMHY7UYErdLFG3a9TZqfLJwReHnmyqAjP5LxnLsDKtEvUxgetTXZcFdmTY+kuu0AJzMhK8nm4yVSbAIKSxkYU1qjtSHVHoNgF27oDRTXjtQUijrS1MlqLL+qT4wGgQe76F0niE7lag4Q0aBT2Uvq2p9temjZCGGBSqqR4dckayMpPEVxxz6Qb0sbzJpbzJ+180aM4VV2Iol2K4prjk8gfbkIMO+QMAAA=="],
4
+ "sourcesContent": ["._1q6dj2j0 {\n --stackflow-plugin-basic-ui-background-color: #fff;\n --stackflow-plugin-basic-ui-background-image: unset;\n --stackflow-plugin-basic-ui-dim-background-color: rgba(0, 0, 0, 0.15);\n --stackflow-plugin-basic-ui-transition-duration: 0s;\n --stackflow-plugin-basic-ui-computed-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-border-color: rgba(0, 0, 0, 0.07);\n --stackflow-plugin-basic-ui-app-bar-border-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-border-size: 1px;\n --stackflow-plugin-basic-ui-app-bar-height: 3.5rem;\n --stackflow-plugin-basic-ui-app-bar-height-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-min-height: 3.5rem;\n --stackflow-plugin-basic-ui-app-bar-icon-color: #212124;\n --stackflow-plugin-basic-ui-app-bar-icon-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-text-color: #212124;\n --stackflow-plugin-basic-ui-app-bar-text-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-background-color: #fff;\n --stackflow-plugin-basic-ui-app-bar-background-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-background-image: unset;\n --stackflow-plugin-basic-ui-app-bar-background-image-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-overflow: hidden;\n --stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top: 0px;\n --stackflow-plugin-basic-ui-bottom-sheet-border-radius: 1rem;\n --stackflow-plugin-basic-ui-modal-border-radius: 1rem;\n --stackflow-plugin-basic-ui-modal-max-width: 100%;\n}\n._1q6dj2j1 {\n --stackflow-plugin-basic-ui-background-color: #fff;\n --stackflow-plugin-basic-ui-background-image: unset;\n --stackflow-plugin-basic-ui-dim-background-color: rgba(0, 0, 0, 0.15);\n --stackflow-plugin-basic-ui-transition-duration: 0s;\n --stackflow-plugin-basic-ui-computed-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-border-color: rgba(0, 0, 0, 0.07);\n --stackflow-plugin-basic-ui-app-bar-border-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-border-size: 0.5px;\n --stackflow-plugin-basic-ui-app-bar-height: 2.75rem;\n --stackflow-plugin-basic-ui-app-bar-height-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-min-height: 2.75rem;\n --stackflow-plugin-basic-ui-app-bar-icon-color: #212124;\n --stackflow-plugin-basic-ui-app-bar-icon-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-text-color: #212124;\n --stackflow-plugin-basic-ui-app-bar-text-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-background-color: #fff;\n --stackflow-plugin-basic-ui-app-bar-background-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-background-image: unset;\n --stackflow-plugin-basic-ui-app-bar-background-image-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-overflow: hidden;\n --stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top: 0px;\n --stackflow-plugin-basic-ui-bottom-sheet-border-radius: 1rem;\n --stackflow-plugin-basic-ui-modal-border-radius: 1rem;\n --stackflow-plugin-basic-ui-modal-max-width: 100%;\n}\n:root[data-stackflow-plugin-basic-ui-theme=cupertino] {\n --stackflow-plugin-basic-ui-background-color: #fff;\n --stackflow-plugin-basic-ui-background-image: unset;\n --stackflow-plugin-basic-ui-dim-background-color: rgba(0, 0, 0, 0.15);\n --stackflow-plugin-basic-ui-transition-duration: 0s;\n --stackflow-plugin-basic-ui-computed-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-border-color: rgba(0, 0, 0, 0.07);\n --stackflow-plugin-basic-ui-app-bar-border-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-border-size: 0.5px;\n --stackflow-plugin-basic-ui-app-bar-height: 2.75rem;\n --stackflow-plugin-basic-ui-app-bar-height-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-min-height: 2.75rem;\n --stackflow-plugin-basic-ui-app-bar-icon-color: #212124;\n --stackflow-plugin-basic-ui-app-bar-icon-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-text-color: #212124;\n --stackflow-plugin-basic-ui-app-bar-text-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-background-color: #fff;\n --stackflow-plugin-basic-ui-app-bar-background-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-background-image: unset;\n --stackflow-plugin-basic-ui-app-bar-background-image-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-overflow: hidden;\n --stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top: 0px;\n --stackflow-plugin-basic-ui-bottom-sheet-border-radius: 1rem;\n --stackflow-plugin-basic-ui-modal-border-radius: 1rem;\n --stackflow-plugin-basic-ui-modal-max-width: 100%;\n}\n:root[data-stackflow-plugin-basic-ui-theme=android] {\n --stackflow-plugin-basic-ui-background-color: #fff;\n --stackflow-plugin-basic-ui-background-image: unset;\n --stackflow-plugin-basic-ui-dim-background-color: rgba(0, 0, 0, 0.15);\n --stackflow-plugin-basic-ui-transition-duration: 0s;\n --stackflow-plugin-basic-ui-computed-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-border-color: rgba(0, 0, 0, 0.07);\n --stackflow-plugin-basic-ui-app-bar-border-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-border-size: 1px;\n --stackflow-plugin-basic-ui-app-bar-height: 3.5rem;\n --stackflow-plugin-basic-ui-app-bar-height-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-min-height: 3.5rem;\n --stackflow-plugin-basic-ui-app-bar-icon-color: #212124;\n --stackflow-plugin-basic-ui-app-bar-icon-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-text-color: #212124;\n --stackflow-plugin-basic-ui-app-bar-text-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-background-color: #fff;\n --stackflow-plugin-basic-ui-app-bar-background-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-background-image: unset;\n --stackflow-plugin-basic-ui-app-bar-background-image-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-overflow: hidden;\n --stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top: 0px;\n --stackflow-plugin-basic-ui-bottom-sheet-border-radius: 1rem;\n --stackflow-plugin-basic-ui-modal-border-radius: 1rem;\n --stackflow-plugin-basic-ui-modal-max-width: 100%;\n}", ".dhthxq0 {\n width: 100%;\n}\n.dhthxq1 {\n height: 100%;\n}\n.dhthxq2 {\n top: 0;\n}\n.dhthxq3 {\n left: 0;\n}\n.dhthxq4 {\n position: absolute;\n}\n.dhthxq5 {\n position: relative;\n}\n.dhthxq7 {\n display: flex;\n}\n.dhthxq8 {\n flex: 1;\n}\n.dhthxq9 {\n align-items: center;\n}\n.dhthxqa {\n align-items: flex-end;\n}\n.dhthxqb {\n justify-content: center;\n}\n.dhthxqc {\n overflow: hidden;\n}\n.dhthxqd {\n white-space: nowrap;\n}\n.dhthxqe {\n text-align: center;\n}\n.dhthxqf {\n cursor: pointer;\n -webkit-tap-highlight-color: transparent;\n}\n.dhthxqg {\n box-sizing: border-box;\n}\n.dhthxqh {\n box-sizing: content-box;\n}\n.dhthxqi {\n appearance: none;\n border: 0;\n padding: 0;\n background: none;\n}", "._1dlf4347 {\n background-color: var(--stackflow-plugin-basic-ui-dim-background-color);\n}\n._1dlf4348 {\n background-color: var(--stackflow-plugin-basic-ui-background-color);\n background-image: var(--stackflow-plugin-basic-ui-background-image);\n}\n._1dlf4349 {\n transition: transform var(--_1dlf4340), opacity var(--_1dlf4340);\n}\n._1dlf434d {\n transform: translate3d(100%, 0, 0);\n}\n._1dlf434j {\n opacity: 0;\n z-index: var(--_1dlf4341);\n}\n._1q6dj2j0 ._1dlf434j {\n height: 10rem;\n background: linear-gradient(var(--stackflow-plugin-basic-ui-dim-background-color), rgba(0, 0, 0, 0));\n}\n\n ._1dlf434a ._1dlf434j,\n ._1dlf434b ._1dlf434j\n {\n opacity: 1;\n}\n\n ._1dlf434c ._1dlf434j,\n ._1dlf434d ._1dlf434j\n {\n opacity: 0;\n}\n._1dlf434k {\n overflow-y: scroll;\n -webkit-overflow-scrolling: touch;\n z-index: var(--_1dlf4342);\n}\n._1dlf434k::-webkit-scrollbar {\n display: none;\n}\n._1q6dj2j1 ._1dlf434k {\n transform: translate3d(100%, 0, 0);\n}\n\n ._1q6dj2j1 ._1dlf434a ._1dlf434k,\n ._1q6dj2j1 ._1dlf434b ._1dlf434k\n {\n transform: translate3d(0, 0, 0);\n}\n._1q6dj2j0 ._1dlf434k {\n opacity: 0;\n transform: translate3d(0, 10rem, 0);\n}\n\n ._1q6dj2j0 ._1dlf434a ._1dlf434k,\n ._1q6dj2j0 ._1dlf434b ._1dlf434k\n {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n}\n._1dlf434l {\n --_1dlf4345: var(--stackflow-plugin-basic-ui-app-bar-height);\n transition: transform var(--_1dlf4340), opacity var(--_1dlf4340), margin-top var(--stackflow-plugin-basic-ui-app-bar-height-transition-duration);\n margin-top: var(--_1dlf4345);\n height: calc(100% - var(--_1dlf4345));\n}\n._1q6dj2j1 ._1dlf434m {\n transform: translate3d(0, 100%, 0);\n}\n._1q6dj2j0 ._1dlf434n {\n transform: translate3d(50%, 0, 0);\n}\n._1dlf434o {\n width: 1.25rem;\n z-index: var(--_1dlf4343);\n}\n._1dlf434p {\n top: var(--stackflow-plugin-basic-ui-app-bar-height);\n height: calc(100% - var(--stackflow-plugin-basic-ui-app-bar-height));\n}\n@supports (padding: max(0px)) and (padding: constant(safe-area-inset-top)) {\n ._1dlf434l {\n --_1dlf4345: calc(var(--stackflow-plugin-basic-ui-app-bar-height) + max(var(--stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top), constant(safe-area-inset-top)));\n }\n}\n@supports (padding: max(0px)) and (padding: env(safe-area-inset-top)) {\n ._1dlf434l {\n --_1dlf4345: calc(var(--stackflow-plugin-basic-ui-app-bar-height) + max(var(--stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top), env(safe-area-inset-top)));\n }\n}", "._1yk3a450 {\n min-height: var(--stackflow-plugin-basic-ui-app-bar-min-height);\n}\n._1yk3a451 {\n overflow: var(--stackflow-plugin-basic-ui-app-bar-overflow);\n}\n._1yk3a452 {\n background-color: var(--stackflow-plugin-basic-ui-app-bar-background-color);\n background-image: var(--stackflow-plugin-basic-ui-app-bar-background-image);\n z-index: var(--_1dlf4344);\n transition: background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration), background-image var(--stackflow-plugin-basic-ui-app-bar-background-image-transition-duration), box-shadow var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration);\n}\n._1q6dj2j1 ._1yk3a452 {\n position: absolute;\n}\n._1q6dj2j1 ._1dlf434c ._1yk3a452 {\n transform: translate3d(100%, 0, 0);\n transition: background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration), background-image var(--stackflow-plugin-basic-ui-app-bar-background-image-transition-duration), box-shadow var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration), transform 0s;\n}\n._1q6dj2j0 ._1yk3a452 {\n opacity: 0;\n transform: translate3d(0, 10rem, 0);\n transition: background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration), background-image var(--stackflow-plugin-basic-ui-app-bar-background-image-transition-duration), box-shadow var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration), transform var(--_1dlf4340), opacity var(--_1dlf4340);\n}\n\n ._1q6dj2j0 ._1dlf434a ._1yk3a452,\n ._1q6dj2j0 ._1dlf434b ._1yk3a452\n {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n}\n._1yk3a453 {\n box-shadow: inset 0px calc(-1 * var(--stackflow-plugin-basic-ui-app-bar-border-size)) 0 var(--stackflow-plugin-basic-ui-app-bar-border-color);\n}\n._1q6dj2j1 ._1yk3a454 {\n transform: translate3d(0, 100vh, 0);\n transition: background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration), background-image var(--stackflow-plugin-basic-ui-app-bar-background-image-transition-duration), box-shadow var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration), transform var(--_1dlf4340), opacity var(--_1dlf4340);\n}\n\n ._1q6dj2j1 ._1dlf434a ._1yk3a454,\n ._1q6dj2j1 ._1dlf434b ._1yk3a454\n {\n transform: translate3d(0, 0, 0);\n}\n._1q6dj2j1 ._1dlf434c ._1yk3a454 {\n transform: translate3d(0, 100vh, 0);\n transition: background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration), background-image var(--stackflow-plugin-basic-ui-app-bar-background-image-transition-duration), box-shadow var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration), transform var(--_1dlf4340), opacity var(--_1dlf4340);\n}\n._1q6dj2j0 ._1yk3a455 {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n}\n._1q6dj2j0 ._1dlf434c ._1yk3a455 {\n transform: translate3d(100%, 0, 0);\n transition: background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration), background-image var(--stackflow-plugin-basic-ui-app-bar-background-image-transition-duration), box-shadow var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration), transform 0s;\n}\n._1yk3a456 {\n height: max(var(--stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top), constant(safe-area-inset-top));\n height: max(var(--stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top), env(safe-area-inset-top));\n}\n._1yk3a457 {\n height: var(--stackflow-plugin-basic-ui-app-bar-height);\n transition: height var(--stackflow-plugin-basic-ui-app-bar-height-transition-duration);\n}\n._1q6dj2j0 ._1yk3a457 {\n padding: 0 1rem;\n}\n._1yk3a458:empty {\n display: none;\n}\n._1q6dj2j0 ._1yk3a458 {\n padding-right: 1rem;\n}\n._1q6dj2j1 ._1yk3a458 {\n padding-left: 1rem;\n padding-right: 1rem;\n}\n._1yk3a459 {\n color: var(--stackflow-plugin-basic-ui-app-bar-icon-color);\n transition: opacity 300ms, color var(--stackflow-plugin-basic-ui-app-bar-icon-color-transition-duration);\n padding: .5rem;\n margin: -.5rem;\n}\n._1yk3a459:active {\n opacity: 0.2;\n transition: opacity 0s, color var(--stackflow-plugin-basic-ui-app-bar-icon-color-transition-duration);\n}\n._1yk3a45c {\n width: var(--_1dlf4346);\n color: var(--stackflow-plugin-basic-ui-app-bar-text-color);\n transition: height var(--stackflow-plugin-basic-ui-app-bar-height-transition-duration), color var(--stackflow-plugin-basic-ui-app-bar-text-color-transition-duration);\n}\n._1q6dj2j0 ._1yk3a45c {\n width: 100%;\n justify-content: flex-start;\n font-size: 1.125rem;\n line-height: 1.5;\n font-weight: bold;\n box-sizing: border-box;\n}\n._1q6dj2j1 ._1yk3a45c {\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n font-family: -apple-system, BlinkMacSystemFont;\n font-weight: bold;\n font-size: 1.125rem;\n left: 50%;\n transform: translate(-50%);\n height: var(--stackflow-plugin-basic-ui-app-bar-height);\n top: max(var(--stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top), constant(safe-area-inset-top));\n top: max(var(--stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top), env(safe-area-inset-top));\n}\n._1yk3a45d {\n left: 50%;\n height: 1.25rem;\n transform: translate(-50%);\n max-width: 5rem;\n display: none;\n width: var(--_1dlf4346);\n}\n._1q6dj2j1 ._1yk3a45d {\n display: block;\n}\n._1yk3a45e {\n text-overflow: ellipsis;\n font-size: inherit;\n font-weight: inherit;\n}\n._1yk3a45f {\n margin-left: auto;\n}\n._1yk3a45f:empty {\n display: none;\n}\n._1q6dj2j0 ._1yk3a45f {\n padding-left: 1rem;\n}\n._1q6dj2j1 ._1yk3a45f {\n padding-left: 1rem;\n padding-right: 1rem;\n}", "._1ht38h03 {\n transition: var(--_1ht38h00);\n}\n._1ht38h07 {\n transform: translate3d(100%, 0, 0);\n}\n._1ht38h0d {\n background-color: var(--stackflow-plugin-basic-ui-dim-background-color);\n z-index: var(--_1ht38h01);\n opacity: 0;\n}\n._1ht38h04 ._1ht38h0d, ._1ht38h05 ._1ht38h0d {\n opacity: 1;\n}\n._1ht38h06 ._1ht38h0d, ._1ht38h07 ._1ht38h0d {\n opacity: 0;\n}\n._1ht38h0e {\n background-color: var(--stackflow-plugin-basic-ui-background-color);\n background-image: var(--stackflow-plugin-basic-ui-background-image);\n width: 100%;\n border-radius: var(--stackflow-plugin-basic-ui-bottom-sheet-border-radius) var(--stackflow-plugin-basic-ui-bottom-sheet-border-radius) 0 0;\n transform: translate3d(0, 100%, 0);\n opacity: 0;\n}\n._1ht38h04 ._1ht38h0e, ._1ht38h05 ._1ht38h0e {\n transform: translate3d(0, 0, 0);\n opacity: 1;\n}\n._1ht38h06 ._1ht38h0e, ._1ht38h07 ._1ht38h0e {\n transform: translate3d(0, 100%, 0) !important;\n opacity: 0 !important;\n}", "._5ozg8c3 {\n transition: var(--_5ozg8c0);\n}\n._5ozg8c7 {\n transform: translate3d(100%, 0, 0);\n}\n._5ozg8cd {\n background-color: var(--stackflow-plugin-basic-ui-dim-background-color);\n z-index: var(--_5ozg8c1);\n opacity: 0;\n}\n._5ozg8c4 ._5ozg8cd, ._5ozg8c5 ._5ozg8cd {\n opacity: 1;\n}\n._5ozg8c6 ._5ozg8cd, ._5ozg8c7 ._5ozg8cd {\n opacity: 0;\n}\n._5ozg8ce {\n background-color: var(--stackflow-plugin-basic-ui-background-color);\n background-image: var(--stackflow-plugin-basic-ui-background-image);\n width: 100%;\n max-width: var(--stackflow-plugin-basic-ui-modal-max-width);\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-modal-border-radius);\n transform: scale(1.1);\n opacity: 0;\n}\n._5ozg8c4 ._5ozg8ce, ._5ozg8c5 ._5ozg8ce {\n transform: scale(1);\n opacity: 1;\n}\n._5ozg8c6 ._5ozg8ce, ._5ozg8c7 ._5ozg8ce {\n transform: scale(1.1);\n opacity: 0;\n}"],
5
+ "mappings": "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",
6
6
  "names": []
7
7
  }
package/dist/index.js CHANGED
@@ -103,8 +103,8 @@ var import_react = require("react");
103
103
 
104
104
  // src/basicUIPlugin.css.ts
105
105
  var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
106
- var globalVars = { backgroundColor: "var(--stackflow-plugin-basic-ui-background-color)", dimBackgroundColor: "var(--stackflow-plugin-basic-ui-dim-background-color)", transitionDuration: "var(--stackflow-plugin-basic-ui-transition-duration)", computedTransitionDuration: "var(--stackflow-plugin-basic-ui-computed-transition-duration)", appBar: { borderColor: "var(--stackflow-plugin-basic-ui-app-bar-border-color)", borderColorTransitionDuration: "var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration)", borderSize: "var(--stackflow-plugin-basic-ui-app-bar-border-size)", height: "var(--stackflow-plugin-basic-ui-app-bar-height)", heightTransitionDuration: "var(--stackflow-plugin-basic-ui-app-bar-height-transition-duration)", minHeight: "var(--stackflow-plugin-basic-ui-app-bar-min-height)", iconColor: "var(--stackflow-plugin-basic-ui-app-bar-icon-color)", iconColorTransitionDuration: "var(--stackflow-plugin-basic-ui-app-bar-icon-color-transition-duration)", textColor: "var(--stackflow-plugin-basic-ui-app-bar-text-color)", textColorTransitionDuration: "var(--stackflow-plugin-basic-ui-app-bar-text-color-transition-duration)", backgroundColor: "var(--stackflow-plugin-basic-ui-app-bar-background-color)", backgroundColorTransitionDuration: "var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration)", overflow: "var(--stackflow-plugin-basic-ui-app-bar-overflow)", minSafeAreaInsetTop: "var(--stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top)" }, bottomSheet: { borderRadius: "var(--stackflow-plugin-basic-ui-bottom-sheet-border-radius)" }, modal: { borderRadius: "var(--stackflow-plugin-basic-ui-modal-border-radius)", maxWidth: "var(--stackflow-plugin-basic-ui-modal-max-width)" } };
107
- var stackWrapper = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_1q6dj2j2", variantClassNames: { theme: { android: "_1q6dj2j0", cupertino: "_1q6dj2j1" }, globalTransitionState: { idle: "_1q6dj2j5", loading: "_1q6dj2j6", paused: "_1q6dj2j7" } }, defaultVariants: {}, compoundVariants: [] });
106
+ var globalVars = { backgroundColor: "var(--stackflow-plugin-basic-ui-background-color)", backgroundImage: "var(--stackflow-plugin-basic-ui-background-image)", dimBackgroundColor: "var(--stackflow-plugin-basic-ui-dim-background-color)", transitionDuration: "var(--stackflow-plugin-basic-ui-transition-duration)", computedTransitionDuration: "var(--stackflow-plugin-basic-ui-computed-transition-duration)", appBar: { borderColor: "var(--stackflow-plugin-basic-ui-app-bar-border-color)", borderColorTransitionDuration: "var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration)", borderSize: "var(--stackflow-plugin-basic-ui-app-bar-border-size)", height: "var(--stackflow-plugin-basic-ui-app-bar-height)", heightTransitionDuration: "var(--stackflow-plugin-basic-ui-app-bar-height-transition-duration)", minHeight: "var(--stackflow-plugin-basic-ui-app-bar-min-height)", iconColor: "var(--stackflow-plugin-basic-ui-app-bar-icon-color)", iconColorTransitionDuration: "var(--stackflow-plugin-basic-ui-app-bar-icon-color-transition-duration)", textColor: "var(--stackflow-plugin-basic-ui-app-bar-text-color)", textColorTransitionDuration: "var(--stackflow-plugin-basic-ui-app-bar-text-color-transition-duration)", backgroundColor: "var(--stackflow-plugin-basic-ui-app-bar-background-color)", backgroundColorTransitionDuration: "var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration)", backgroundImage: "var(--stackflow-plugin-basic-ui-app-bar-background-image)", backgroundImageTransitionDuration: "var(--stackflow-plugin-basic-ui-app-bar-background-image-transition-duration)", overflow: "var(--stackflow-plugin-basic-ui-app-bar-overflow)", minSafeAreaInsetTop: "var(--stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top)" }, bottomSheet: { borderRadius: "var(--stackflow-plugin-basic-ui-bottom-sheet-border-radius)" }, modal: { borderRadius: "var(--stackflow-plugin-basic-ui-modal-border-radius)", maxWidth: "var(--stackflow-plugin-basic-ui-modal-max-width)" } };
107
+ var stackWrapper = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_1q6dj2j2", variantClassNames: { theme: { android: "_1q6dj2j0", cupertino: "_1q6dj2j1" } }, defaultVariants: {}, compoundVariants: [] });
108
108
 
109
109
  // src/utils/compact.ts
110
110
  function compact(arr) {
@@ -148,14 +148,14 @@ var basicUIPlugin = (options) => () => ({
148
148
  {
149
149
  className: compact([
150
150
  stackWrapper({
151
- theme: (_b = initialContext == null ? void 0 : initialContext.theme) != null ? _b : _options.theme,
152
- globalTransitionState: stack.globalTransitionState
151
+ theme: (_b = initialContext == null ? void 0 : initialContext.theme) != null ? _b : _options.theme
153
152
  }),
154
153
  _options.rootClassName
155
154
  ]).join(" "),
156
155
  style: (0, import_dynamic.assignInlineVars)(
157
156
  compactMap({
158
157
  [globalVars.backgroundColor]: _options.backgroundColor,
158
+ [globalVars.backgroundImage]: _options.backgroundImage,
159
159
  [globalVars.dimBackgroundColor]: _options.dimBackgroundColor,
160
160
  [globalVars.transitionDuration]: `${stack.transitionDuration}ms`,
161
161
  [globalVars.computedTransitionDuration]: stack.globalTransitionState === "loading" ? `${stack.transitionDuration}ms` : "0ms",
@@ -240,6 +240,8 @@ var AppBar = (0, import_react3.forwardRef)(
240
240
  overflow,
241
241
  backgroundColor,
242
242
  backgroundColorTransitionDuration,
243
+ backgroundImage,
244
+ backgroundImageTransitionDuration,
243
245
  onTopClick
244
246
  }, ref) => {
245
247
  var _a, _b;
@@ -376,6 +378,8 @@ var AppBar = (0, import_react3.forwardRef)(
376
378
  [globalVars.appBar.overflow]: overflow,
377
379
  [globalVars.appBar.backgroundColor]: backgroundColor || globalVars.backgroundColor,
378
380
  [globalVars.appBar.backgroundColorTransitionDuration]: backgroundColorTransitionDuration,
381
+ [globalVars.appBar.backgroundImage]: backgroundImage || globalVars.backgroundImage,
382
+ [globalVars.appBar.backgroundImageTransitionDuration]: backgroundImageTransitionDuration,
379
383
  [vars.appBar.center.mainWidth]: `${maxWidth}px`
380
384
  })
381
385
  ),
@@ -423,6 +427,7 @@ function useAppScreen() {
423
427
  }
424
428
  var AppScreen = ({
425
429
  backgroundColor,
430
+ backgroundImage,
426
431
  dimBackgroundColor,
427
432
  appBar: appBar2,
428
433
  preventSwipeBack,
@@ -530,6 +535,9 @@ var AppScreen = ({
530
535
  });
531
536
  }
532
537
  };
538
+ (0, import_react_ui_core2.usePreventTouchDuringTransition)({
539
+ appScreenRef
540
+ });
533
541
  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
534
542
  Context.Provider,
535
543
  {
@@ -561,6 +569,7 @@ var AppScreen = ({
561
569
  style: (0, import_dynamic3.assignInlineVars)(
562
570
  compactMap({
563
571
  [globalVars.backgroundColor]: backgroundColor,
572
+ [globalVars.backgroundImage]: backgroundImage,
564
573
  [globalVars.dimBackgroundColor]: dimBackgroundColor,
565
574
  [globalVars.appBar.height]: appBar2 == null ? void 0 : appBar2.height,
566
575
  [globalVars.appBar.heightTransitionDuration]: appBar2 == null ? void 0 : appBar2.heightTransitionDuration,
@@ -640,6 +649,7 @@ var import_jsx_runtime6 = require("react/jsx-runtime");
640
649
  var BottomSheet = ({
641
650
  borderRadius = "1rem",
642
651
  backgroundColor,
652
+ backgroundImage,
643
653
  dimBackgroundColor,
644
654
  paperRef,
645
655
  onOutsideClick,
@@ -691,6 +701,7 @@ var BottomSheet = ({
691
701
  compactMap({
692
702
  [globalVars.bottomSheet.borderRadius]: borderRadius,
693
703
  [globalVars.backgroundColor]: backgroundColor,
704
+ [globalVars.backgroundImage]: backgroundImage,
694
705
  [globalVars.dimBackgroundColor]: dimBackgroundColor,
695
706
  [vars2.zIndexes.dim]: `${zIndexBase}`,
696
707
  [vars2.zIndexes.paper]: `${zIndexPaper}`,
@@ -724,6 +735,7 @@ var vars3 = { transitionDuration: "var(--_5ozg8c0)", zIndexes: { dim: "var(--_5o
724
735
  var import_jsx_runtime7 = require("react/jsx-runtime");
725
736
  var Modal = ({
726
737
  backgroundColor,
738
+ backgroundImage,
727
739
  dimBackgroundColor,
728
740
  borderRadius = "1rem",
729
741
  maxWidth,
@@ -775,6 +787,7 @@ var Modal = ({
775
787
  style: (0, import_dynamic5.assignInlineVars)(
776
788
  compactMap({
777
789
  [globalVars.backgroundColor]: backgroundColor,
790
+ [globalVars.backgroundImage]: backgroundImage,
778
791
  [globalVars.dimBackgroundColor]: dimBackgroundColor,
779
792
  [globalVars.modal.borderRadius]: borderRadius,
780
793
  [globalVars.modal.maxWidth]: maxWidth,