@stackflow/plugin-basic-ui 0.19.1 → 0.19.2-alpha.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/AppBar.d.ts +1 -0
- package/dist/components/AppScreen.css.d.ts +1 -0
- package/dist/components/AppScreen.d.ts +2 -0
- package/dist/index.css +1 -1
- package/dist/index.css.map +3 -3
- package/dist/index.js +1 -1
- package/dist/index.js.map +3 -3
- package/dist/index.mjs +1 -1
- package/dist/index.mjs.map +3 -3
- package/dist/theme.css.d.ts +1 -0
- package/package.json +2 -2
- package/src/components/AppBar.css.ts +4 -1
- package/src/components/AppScreen.css.ts +2 -1
- package/src/components/AppScreen.tsx +7 -1
- package/src/components/BottomSheet.css.ts +3 -3
- package/src/components/Modal.css.ts +3 -3
- package/src/theme.css.ts +2 -0
|
@@ -6,6 +6,7 @@ declare const AppBar: React.ForwardRefExoticComponent<Partial<Pick<{
|
|
|
6
6
|
iconColor: string;
|
|
7
7
|
textColor: string;
|
|
8
8
|
backgroundColor: string;
|
|
9
|
+
showTransitionDuration: string;
|
|
9
10
|
}, "height" | "backgroundColor" | "borderColor" | "borderSize" | "iconColor" | "textColor">> & {
|
|
10
11
|
title?: React.ReactNode;
|
|
11
12
|
appendLeft?: (() => React.ReactNode) | undefined;
|
|
@@ -30,6 +30,7 @@ export declare const dim: string;
|
|
|
30
30
|
export declare const paper: import("@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<{
|
|
31
31
|
hasAppBar: {
|
|
32
32
|
true: (string | {
|
|
33
|
+
transition: `transform var(--${string}), opacity var(--${string}), height var(--${string})` | `transform var(--${string}), opacity var(--${string}), height var(--${string}, ${string})` | `transform var(--${string}), opacity var(--${string}), height var(--${string}, ${number})` | `transform var(--${string}), opacity var(--${string}, ${string}), height var(--${string})` | `transform var(--${string}), opacity var(--${string}, ${string}), height var(--${string}, ${string})` | `transform var(--${string}), opacity var(--${string}, ${string}), height var(--${string}, ${number})` | `transform var(--${string}), opacity var(--${string}, ${number}), height var(--${string})` | `transform var(--${string}), opacity var(--${string}, ${number}), height var(--${string}, ${string})` | `transform var(--${string}), opacity var(--${string}, ${number}), height var(--${string}, ${number})` | `transform var(--${string}, ${string}), opacity var(--${string}), height var(--${string})` | `transform var(--${string}, ${string}), opacity var(--${string}), height var(--${string}, ${string})` | `transform var(--${string}, ${string}), opacity var(--${string}), height var(--${string}, ${number})` | `transform var(--${string}, ${string}), opacity var(--${string}, ${string}), height var(--${string})` | `transform var(--${string}, ${string}), opacity var(--${string}, ${string}), height var(--${string}, ${string})` | `transform var(--${string}, ${string}), opacity var(--${string}, ${string}), height var(--${string}, ${number})` | `transform var(--${string}, ${string}), opacity var(--${string}, ${number}), height var(--${string})` | `transform var(--${string}, ${string}), opacity var(--${string}, ${number}), height var(--${string}, ${string})` | `transform var(--${string}, ${string}), opacity var(--${string}, ${number}), height var(--${string}, ${number})` | `transform var(--${string}, ${number}), opacity var(--${string}), height var(--${string})` | `transform var(--${string}, ${number}), opacity var(--${string}), height var(--${string}, ${string})` | `transform var(--${string}, ${number}), opacity var(--${string}), height var(--${string}, ${number})` | `transform var(--${string}, ${number}), opacity var(--${string}, ${string}), height var(--${string})` | `transform var(--${string}, ${number}), opacity var(--${string}, ${string}), height var(--${string}, ${string})` | `transform var(--${string}, ${number}), opacity var(--${string}, ${string}), height var(--${string}, ${number})` | `transform var(--${string}, ${number}), opacity var(--${string}, ${number}), height var(--${string})` | `transform var(--${string}, ${number}), opacity var(--${string}, ${number}), height var(--${string}, ${string})` | `transform var(--${string}, ${number}), opacity var(--${string}, ${number}), height var(--${string}, ${number})`;
|
|
33
34
|
paddingTop: (`calc(var(--${string}) + constant(safe-area-inset-top))` | `calc(var(--${string}) + env(safe-area-inset-top))`)[];
|
|
34
35
|
})[];
|
|
35
36
|
};
|
|
@@ -4,6 +4,8 @@ import type { PropOf } from "../utils";
|
|
|
4
4
|
import AppBar from "./AppBar";
|
|
5
5
|
declare type AppScreenProps = Partial<Pick<GlobalVars, "backgroundColor" | "dimBackgroundColor">> & {
|
|
6
6
|
appBar?: Omit<PropOf<typeof AppBar>, "theme" | "ref" | "key">;
|
|
7
|
+
showAppBar?: boolean;
|
|
8
|
+
showAppBarTransitionDuration?: string;
|
|
7
9
|
preventSwipeBack?: boolean;
|
|
8
10
|
children: React.ReactNode;
|
|
9
11
|
};
|
package/dist/index.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
:root,:root[data-stackflow-plugin-basic-ui-theme=android]{--stackflow-plugin-basic-ui-background-color: #fff;--stackflow-plugin-basic-ui-dim-background-color: rgba(0, 0, 0, .15);--stackflow-plugin-basic-ui-app-bar-border-color: rgba(0, 0, 0, .07);--stackflow-plugin-basic-ui-app-bar-border-size: 1px;--stackflow-plugin-basic-ui-app-bar-height: 3.5rem;--stackflow-plugin-basic-ui-app-bar-icon-color: #212124;--stackflow-plugin-basic-ui-app-bar-text-color: #212124;--stackflow-plugin-basic-ui-app-bar-background-color: #fff;--stackflow-plugin-basic-ui-bottom-sheet-border-radius: 1rem}:root[data-stackflow-plugin-basic-ui-theme=cupertino]{--stackflow-plugin-basic-ui-background-color: #fff;--stackflow-plugin-basic-ui-dim-background-color: rgba(0, 0, 0, .15);--stackflow-plugin-basic-ui-app-bar-border-color: rgba(0, 0, 0, .07);--stackflow-plugin-basic-ui-app-bar-border-size: .5px;--stackflow-plugin-basic-ui-app-bar-height: 2.75rem;--stackflow-plugin-basic-ui-app-bar-icon-color: #212124;--stackflow-plugin-basic-ui-app-bar-text-color: #212124;--stackflow-plugin-basic-ui-app-bar-background-color: #fff;--stackflow-plugin-basic-ui-bottom-sheet-border-radius: 1rem}._1coppmz0{--stackflow-plugin-basic-ui-background-color: #fff;--stackflow-plugin-basic-ui-dim-background-color: rgba(0, 0, 0, .15);--stackflow-plugin-basic-ui-app-bar-border-color: rgba(0, 0, 0, .07);--stackflow-plugin-basic-ui-app-bar-border-size: 1px;--stackflow-plugin-basic-ui-app-bar-height: 3.5rem;--stackflow-plugin-basic-ui-app-bar-icon-color: #212124;--stackflow-plugin-basic-ui-app-bar-text-color: #212124;--stackflow-plugin-basic-ui-app-bar-background-color: #fff;--stackflow-plugin-basic-ui-bottom-sheet-border-radius: 1rem}._1coppmz1{--stackflow-plugin-basic-ui-background-color: #fff;--stackflow-plugin-basic-ui-dim-background-color: rgba(0, 0, 0, .15);--stackflow-plugin-basic-ui-app-bar-border-color: rgba(0, 0, 0, .07);--stackflow-plugin-basic-ui-app-bar-border-size: .5px;--stackflow-plugin-basic-ui-app-bar-height: 2.75rem;--stackflow-plugin-basic-ui-app-bar-icon-color: #212124;--stackflow-plugin-basic-ui-app-bar-text-color: #212124;--stackflow-plugin-basic-ui-app-bar-background-color: #fff;--stackflow-plugin-basic-ui-bottom-sheet-border-radius: 1rem}.dhthxq0{width:100%}.dhthxq1{height:100%}.dhthxq2{top:0}.dhthxq3{left:0}.dhthxq4{position:absolute}.dhthxq5{position:relative}.dhthxq7{display:flex}.dhthxq8{align-items:center}.dhthxq9{align-items:flex-end}.dhthxqa{justify-content:center}.dhthxqb{overflow:hidden}.dhthxqc{white-space:nowrap}.dhthxqd{text-align:center}.dhthxqe{cursor:pointer;-webkit-tap-highlight-color:transparent}.dhthxqf{box-sizing:border-box}.dhthxqg{box-sizing:content-box}.dhthxqh{appearance:none;border:0;padding:0;background:none}._1dlf4346{background-color:var(--stackflow-plugin-basic-ui-dim-background-color)}._1dlf4347{background-color:var(--stackflow-plugin-basic-ui-background-color)}._1dlf4348{transition:var(--_1dlf4340)}._1dlf434c{transform:translate(100%)}._1dlf434i{opacity:0;z-index:var(--_1dlf4341)}._1coppmz0 ._1dlf434i,:root[data-stackflow-plugin-basic-ui-theme=android] ._1dlf434i{height:10rem;background:linear-gradient(var(--stackflow-plugin-basic-ui-dim-background-color),rgba(0,0,0,0))}._1dlf4349 ._1dlf434i,._1dlf434a ._1dlf434i{opacity:1}._1dlf434b ._1dlf434i,._1dlf434c ._1dlf434i{opacity:0}._1dlf434j{overflow-y:scroll;-webkit-overflow-scrolling:touch;z-index:var(--_1dlf4342)}._1dlf434j::-webkit-scrollbar{display:none}._1coppmz1 ._1dlf434j,:root[data-stackflow-plugin-basic-ui-theme=cupertino] ._1dlf434j{transform:translate(100%)}._1coppmz1 ._1dlf4349 ._1dlf434j,:root[data-stackflow-plugin-basic-ui-theme=cupertino] ._1dlf4349 ._1dlf434j{transform:translate(0)}._1coppmz1 ._1dlf434a ._1dlf434j,:root[data-stackflow-plugin-basic-ui-theme=cupertino] ._1dlf434a ._1dlf434j{transform:translate(0)}._1coppmz0 ._1dlf434j,:root[data-stackflow-plugin-basic-ui-theme=android] ._1dlf434j{opacity:0;transform:translateY(10rem)}._1coppmz0 ._1dlf4349 ._1dlf434j,:root[data-stackflow-plugin-basic-ui-theme=android] ._1dlf4349 ._1dlf434j{opacity:1;transform:translateY(0)}._1coppmz0 ._1dlf434a ._1dlf434j,:root[data-stackflow-plugin-basic-ui-theme=android] ._1dlf434a ._1dlf434j{opacity:1;transform:translateY(0)}._1dlf434k{padding-top:calc(var(--stackflow-plugin-basic-ui-app-bar-height) + constant(safe-area-inset-top));padding-top:calc(var(--stackflow-plugin-basic-ui-app-bar-height) + env(safe-area-inset-top))}._1dlf434l{width:1.25rem;z-index:var(--_1dlf4343)}._1dlf434m{top:var(--stackflow-plugin-basic-ui-app-bar-height);height:calc(100% - var(--stackflow-plugin-basic-ui-app-bar-height))}._1yk3a450{background-color:var(--stackflow-plugin-basic-ui-app-bar-background-color);height:var(--stackflow-plugin-basic-ui-app-bar-height);padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top);z-index:var(--_1dlf4344)}._1coppmz1 ._1yk3a450,:root[data-stackflow-plugin-basic-ui-theme=cupertino] ._1yk3a450{position:absolute}._1coppmz1 ._1dlf434b ._1yk3a450,:root[data-stackflow-plugin-basic-ui-theme=cupertino] ._1dlf434b ._1yk3a450{transform:translate(100%)}._1coppmz0 ._1yk3a450,:root[data-stackflow-plugin-basic-ui-theme=android] ._1yk3a450{opacity:0;transform:translateY(10rem);transition:var(--_1dlf4340)}._1coppmz0 ._1dlf4349 ._1yk3a450,:root[data-stackflow-plugin-basic-ui-theme=android] ._1dlf4349 ._1yk3a450{opacity:1;transform:translateY(0)}._1coppmz0 ._1dlf434a ._1yk3a450,:root[data-stackflow-plugin-basic-ui-theme=android] ._1dlf434a ._1yk3a450{opacity:1;transform:translateY(0)}._1yk3a451{box-shadow:inset 0 calc(var(--stackflow-plugin-basic-ui-app-bar-border-size) * -1) 0 var(--stackflow-plugin-basic-ui-app-bar-border-color)}._1yk3a452{padding:0 .5rem}._1yk3a452:empty{display:none}._1yk3a453{color:var(--stackflow-plugin-basic-ui-app-bar-icon-color);transition:opacity .3s;width:2.25rem;height:2.75rem}._1yk3a453:active{opacity:.2;transition:opacity 0s}._1yk3a455{flex:1}._1yk3a456{width:var(--_1dlf4345);color:var(--stackflow-plugin-basic-ui-app-bar-text-color)}._1coppmz0 ._1yk3a456,:root[data-stackflow-plugin-basic-ui-theme=android] ._1yk3a456{width:100%;justify-content:flex-start;padding-left:1rem;font-size:1.1875rem;line-height:1.5;font-weight:700;box-sizing:border-box}._1coppmz1 ._1yk3a456,:root[data-stackflow-plugin-basic-ui-theme=cupertino] ._1yk3a456{position:absolute;display:flex;align-items:center;justify-content:center;text-align:center;font-family:-apple-system,BlinkMacSystemFont;font-weight:600;font-size:1rem;left:50%;transform:translate(-50%);height:var(--stackflow-plugin-basic-ui-app-bar-height);top:constant(safe-area-inset-top);top:env(safe-area-inset-top)}._1coppmz0 ._1yk3a457,:root[data-stackflow-plugin-basic-ui-theme=android] ._1yk3a457{padding-left:.375rem}._1yk3a458{left:50%;height:1.25rem;transform:translate(-50%);max-width:5rem;display:none;width:var(--_1dlf4345)}._1coppmz1 ._1yk3a458,:root[data-stackflow-plugin-basic-ui-theme=cupertino] ._1yk3a458{display:block}._1yk3a459{text-overflow:ellipsis;font-size:inherit;font-weight:inherit}._1yk3a45a{padding:0 .5rem;margin-left:auto}._1yk3a45a:empty{display:none}._1coppmz0 ._1yk3a45a,:root[data-stackflow-plugin-basic-ui-theme=android] ._1yk3a45a{padding:0 .5rem 0 0}._1ht38h03{transition:var(--_1ht38h00)}._1ht38h07{transform:translate(100%)}._1ht38h0d{background-color:var(--stackflow-plugin-basic-ui-dim-background-color);z-index:var(--_1ht38h01);opacity:0}._1ht38h04 ._1ht38h0d,._1ht38h05 ._1ht38h0d{opacity:1}._1ht38h06 ._1ht38h0d,._1ht38h07 ._1ht38h0d{opacity:0}._1ht38h0e{background-color:var(--stackflow-plugin-basic-ui-background-color);width:100%;border-radius:var(--stackflow-plugin-basic-ui-bottom-sheet-border-radius) var(--stackflow-plugin-basic-ui-bottom-sheet-border-radius) 0 0;transform:translateY(100%);opacity:0}._1ht38h04 ._1ht38h0e,._1ht38h05 ._1ht38h0e{transform:translateY(0);opacity:1}._1ht38h06 ._1ht38h0e,._1ht38h07 ._1ht38h0e{transform:translateY(100%);opacity:0}._5ozg8c3{transition:var(--_5ozg8c0)}._5ozg8c7{transform:translate(100%)}._5ozg8cd{background-color:var(--stackflow-plugin-basic-ui-dim-background-color);z-index:var(--_5ozg8c1);opacity:0}._5ozg8c4 ._5ozg8cd,._5ozg8c5 ._5ozg8cd{opacity:1}._5ozg8c6 ._5ozg8cd,._5ozg8c7 ._5ozg8cd{opacity:0}._5ozg8ce{background-color:var(--stackflow-plugin-basic-ui-background-color);width:100%;margin:0 2.5rem;box-shadow:0 .625rem 2.375rem #00000026,0 .5625rem 2.875rem #0000001f,0 .3125rem .9375rem #0000001a;border-radius:var(--stackflow-plugin-basic-ui-bottom-sheet-border-radius);transform:scale(1.1);opacity:0}._5ozg8c4 ._5ozg8ce,._5ozg8c5 ._5ozg8ce{transform:scale(1);opacity:1}._5ozg8c6 ._5ozg8ce,._5ozg8c7 ._5ozg8ce{transform:scale(1.1);opacity:0}
|
|
1
|
+
:root,:root[data-stackflow-plugin-basic-ui-theme=android]{--stackflow-plugin-basic-ui-background-color: #fff;--stackflow-plugin-basic-ui-dim-background-color: rgba(0, 0, 0, .15);--stackflow-plugin-basic-ui-app-bar-border-color: rgba(0, 0, 0, .07);--stackflow-plugin-basic-ui-app-bar-border-size: 1px;--stackflow-plugin-basic-ui-app-bar-height: 3.5rem;--stackflow-plugin-basic-ui-app-bar-icon-color: #212124;--stackflow-plugin-basic-ui-app-bar-text-color: #212124;--stackflow-plugin-basic-ui-app-bar-background-color: #fff;--stackflow-plugin-basic-ui-app-bar-show-transition-duration: 275ms;--stackflow-plugin-basic-ui-bottom-sheet-border-radius: 1rem}:root[data-stackflow-plugin-basic-ui-theme=cupertino]{--stackflow-plugin-basic-ui-background-color: #fff;--stackflow-plugin-basic-ui-dim-background-color: rgba(0, 0, 0, .15);--stackflow-plugin-basic-ui-app-bar-border-color: rgba(0, 0, 0, .07);--stackflow-plugin-basic-ui-app-bar-border-size: .5px;--stackflow-plugin-basic-ui-app-bar-height: 2.75rem;--stackflow-plugin-basic-ui-app-bar-icon-color: #212124;--stackflow-plugin-basic-ui-app-bar-text-color: #212124;--stackflow-plugin-basic-ui-app-bar-background-color: #fff;--stackflow-plugin-basic-ui-app-bar-show-transition-duration: 275ms;--stackflow-plugin-basic-ui-bottom-sheet-border-radius: 1rem}._1coppmz0{--stackflow-plugin-basic-ui-background-color: #fff;--stackflow-plugin-basic-ui-dim-background-color: rgba(0, 0, 0, .15);--stackflow-plugin-basic-ui-app-bar-border-color: rgba(0, 0, 0, .07);--stackflow-plugin-basic-ui-app-bar-border-size: 1px;--stackflow-plugin-basic-ui-app-bar-height: 3.5rem;--stackflow-plugin-basic-ui-app-bar-icon-color: #212124;--stackflow-plugin-basic-ui-app-bar-text-color: #212124;--stackflow-plugin-basic-ui-app-bar-background-color: #fff;--stackflow-plugin-basic-ui-app-bar-show-transition-duration: 275ms;--stackflow-plugin-basic-ui-bottom-sheet-border-radius: 1rem}._1coppmz1{--stackflow-plugin-basic-ui-background-color: #fff;--stackflow-plugin-basic-ui-dim-background-color: rgba(0, 0, 0, .15);--stackflow-plugin-basic-ui-app-bar-border-color: rgba(0, 0, 0, .07);--stackflow-plugin-basic-ui-app-bar-border-size: .5px;--stackflow-plugin-basic-ui-app-bar-height: 2.75rem;--stackflow-plugin-basic-ui-app-bar-icon-color: #212124;--stackflow-plugin-basic-ui-app-bar-text-color: #212124;--stackflow-plugin-basic-ui-app-bar-background-color: #fff;--stackflow-plugin-basic-ui-app-bar-show-transition-duration: 275ms;--stackflow-plugin-basic-ui-bottom-sheet-border-radius: 1rem}.dhthxq0{width:100%}.dhthxq1{height:100%}.dhthxq2{top:0}.dhthxq3{left:0}.dhthxq4{position:absolute}.dhthxq5{position:relative}.dhthxq7{display:flex}.dhthxq8{align-items:center}.dhthxq9{align-items:flex-end}.dhthxqa{justify-content:center}.dhthxqb{overflow:hidden}.dhthxqc{white-space:nowrap}.dhthxqd{text-align:center}.dhthxqe{cursor:pointer;-webkit-tap-highlight-color:transparent}.dhthxqf{box-sizing:border-box}.dhthxqg{box-sizing:content-box}.dhthxqh{appearance:none;border:0;padding:0;background:none}._1dlf4346{background-color:var(--stackflow-plugin-basic-ui-dim-background-color)}._1dlf4347{background-color:var(--stackflow-plugin-basic-ui-background-color)}._1dlf4348{transition:transform var(--_1dlf4340),opacity var(--_1dlf4340)}._1dlf434c{transform:translate(100%)}._1dlf434i{opacity:0;z-index:var(--_1dlf4341)}._1coppmz0 ._1dlf434i,:root[data-stackflow-plugin-basic-ui-theme=android] ._1dlf434i{height:10rem;background:linear-gradient(var(--stackflow-plugin-basic-ui-dim-background-color),rgba(0,0,0,0))}._1dlf4349 ._1dlf434i,._1dlf434a ._1dlf434i{opacity:1}._1dlf434b ._1dlf434i,._1dlf434c ._1dlf434i{opacity:0}._1dlf434j{overflow-y:scroll;-webkit-overflow-scrolling:touch;z-index:var(--_1dlf4342)}._1dlf434j::-webkit-scrollbar{display:none}._1coppmz1 ._1dlf434j,:root[data-stackflow-plugin-basic-ui-theme=cupertino] ._1dlf434j{transform:translate(100%)}._1coppmz1 ._1dlf4349 ._1dlf434j,:root[data-stackflow-plugin-basic-ui-theme=cupertino] ._1dlf4349 ._1dlf434j{transform:translate(0)}._1coppmz1 ._1dlf434a ._1dlf434j,:root[data-stackflow-plugin-basic-ui-theme=cupertino] ._1dlf434a ._1dlf434j{transform:translate(0)}._1coppmz0 ._1dlf434j,:root[data-stackflow-plugin-basic-ui-theme=android] ._1dlf434j{opacity:0;transform:translateY(10rem)}._1coppmz0 ._1dlf4349 ._1dlf434j,:root[data-stackflow-plugin-basic-ui-theme=android] ._1dlf4349 ._1dlf434j{opacity:1;transform:translateY(0)}._1coppmz0 ._1dlf434a ._1dlf434j,:root[data-stackflow-plugin-basic-ui-theme=android] ._1dlf434a ._1dlf434j{opacity:1;transform:translateY(0)}._1dlf434k{transition:transform var(--_1dlf4340),opacity var(--_1dlf4340),height var(--stackflow-plugin-basic-ui-app-bar-show-transition-duration);padding-top:calc(var(--stackflow-plugin-basic-ui-app-bar-height) + constant(safe-area-inset-top));padding-top:calc(var(--stackflow-plugin-basic-ui-app-bar-height) + env(safe-area-inset-top))}._1dlf434l{width:1.25rem;z-index:var(--_1dlf4343)}._1dlf434m{top:var(--stackflow-plugin-basic-ui-app-bar-height);height:calc(100% - var(--stackflow-plugin-basic-ui-app-bar-height))}._1yk3a450{background-color:var(--stackflow-plugin-basic-ui-app-bar-background-color);height:var(--stackflow-plugin-basic-ui-app-bar-height);overflow:hidden;transition:height var(--stackflow-plugin-basic-ui-app-bar-show-transition-duration);padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top);z-index:var(--_1dlf4344)}._1coppmz1 ._1yk3a450,:root[data-stackflow-plugin-basic-ui-theme=cupertino] ._1yk3a450{position:absolute}._1coppmz1 ._1dlf434b ._1yk3a450,:root[data-stackflow-plugin-basic-ui-theme=cupertino] ._1dlf434b ._1yk3a450{transform:translate(100%)}._1coppmz0 ._1yk3a450,:root[data-stackflow-plugin-basic-ui-theme=android] ._1yk3a450{opacity:0;transform:translateY(10rem);transition:transform var(--_1dlf4340),opacity var(--_1dlf4340),height var(--stackflow-plugin-basic-ui-app-bar-show-transition-duration)}._1coppmz0 ._1dlf4349 ._1yk3a450,:root[data-stackflow-plugin-basic-ui-theme=android] ._1dlf4349 ._1yk3a450{opacity:1;transform:translateY(0)}._1coppmz0 ._1dlf434a ._1yk3a450,:root[data-stackflow-plugin-basic-ui-theme=android] ._1dlf434a ._1yk3a450{opacity:1;transform:translateY(0)}._1yk3a451{box-shadow:inset 0 calc(var(--stackflow-plugin-basic-ui-app-bar-border-size) * -1) 0 var(--stackflow-plugin-basic-ui-app-bar-border-color)}._1yk3a452{padding:0 .5rem}._1yk3a452:empty{display:none}._1yk3a453{color:var(--stackflow-plugin-basic-ui-app-bar-icon-color);transition:opacity .3s;width:2.25rem;height:2.75rem}._1yk3a453:active{opacity:.2;transition:opacity 0s}._1yk3a455{flex:1}._1yk3a456{width:var(--_1dlf4345);color:var(--stackflow-plugin-basic-ui-app-bar-text-color);transition:height var(--stackflow-plugin-basic-ui-app-bar-show-transition-duration)}._1coppmz0 ._1yk3a456,:root[data-stackflow-plugin-basic-ui-theme=android] ._1yk3a456{width:100%;justify-content:flex-start;padding-left:1rem;font-size:1.1875rem;line-height:1.5;font-weight:700;box-sizing:border-box}._1coppmz1 ._1yk3a456,:root[data-stackflow-plugin-basic-ui-theme=cupertino] ._1yk3a456{position:absolute;display:flex;align-items:center;justify-content:center;text-align:center;font-family:-apple-system,BlinkMacSystemFont;font-weight:600;font-size:1rem;left:50%;transform:translate(-50%);height:var(--stackflow-plugin-basic-ui-app-bar-height);top:constant(safe-area-inset-top);top:env(safe-area-inset-top)}._1coppmz0 ._1yk3a457,:root[data-stackflow-plugin-basic-ui-theme=android] ._1yk3a457{padding-left:.375rem}._1yk3a458{left:50%;height:1.25rem;transform:translate(-50%);max-width:5rem;display:none;width:var(--_1dlf4345)}._1coppmz1 ._1yk3a458,:root[data-stackflow-plugin-basic-ui-theme=cupertino] ._1yk3a458{display:block}._1yk3a459{text-overflow:ellipsis;font-size:inherit;font-weight:inherit}._1yk3a45a{padding:0 .5rem;margin-left:auto}._1yk3a45a:empty{display:none}._1coppmz0 ._1yk3a45a,:root[data-stackflow-plugin-basic-ui-theme=android] ._1yk3a45a{padding:0 .5rem 0 0}._1ht38h03{transition:var(--_1ht38h00)}._1ht38h07{transform:translate(100%)}._1ht38h0d{background-color:var(--stackflow-plugin-basic-ui-dim-background-color);z-index:var(--_1ht38h01);opacity:0}._1ht38h04 ._1ht38h0d,._1ht38h05 ._1ht38h0d{opacity:1}._1ht38h06 ._1ht38h0d,._1ht38h07 ._1ht38h0d{opacity:0}._1ht38h0e{background-color:var(--stackflow-plugin-basic-ui-background-color);width:100%;border-radius:var(--stackflow-plugin-basic-ui-bottom-sheet-border-radius) var(--stackflow-plugin-basic-ui-bottom-sheet-border-radius) 0 0;transform:translateY(100%);opacity:0}._1ht38h04 ._1ht38h0e,._1ht38h05 ._1ht38h0e{transform:translateY(0);opacity:1}._1ht38h06 ._1ht38h0e,._1ht38h07 ._1ht38h0e{transform:translateY(100%);opacity:0}._5ozg8c3{transition:var(--_5ozg8c0)}._5ozg8c7{transform:translate(100%)}._5ozg8cd{background-color:var(--stackflow-plugin-basic-ui-dim-background-color);z-index:var(--_5ozg8c1);opacity:0}._5ozg8c4 ._5ozg8cd,._5ozg8c5 ._5ozg8cd{opacity:1}._5ozg8c6 ._5ozg8cd,._5ozg8c7 ._5ozg8cd{opacity:0}._5ozg8ce{background-color:var(--stackflow-plugin-basic-ui-background-color);width:100%;margin:0 2.5rem;box-shadow:0 .625rem 2.375rem #00000026,0 .5625rem 2.875rem #0000001f,0 .3125rem .9375rem #0000001a;border-radius:var(--stackflow-plugin-basic-ui-bottom-sheet-border-radius);transform:scale(1.1);opacity:0}._5ozg8c4 ._5ozg8ce,._5ozg8c5 ._5ozg8ce{transform:scale(1);opacity:1}._5ozg8c6 ._5ozg8ce,._5ozg8c7 ._5ozg8ce{transform:scale(1.1);opacity:0}
|
|
2
2
|
/*# sourceMappingURL=index.css.map */
|
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+
|
|
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-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-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._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-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._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-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}", ".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 align-items: center;\n}\n.dhthxq9 {\n align-items: flex-end;\n}\n.dhthxqa {\n justify-content: center;\n}\n.dhthxqb {\n overflow: hidden;\n}\n.dhthxqc {\n white-space: nowrap;\n}\n.dhthxqd {\n text-align: center;\n}\n.dhthxqe {\n cursor: pointer;\n -webkit-tap-highlight-color: transparent;\n}\n.dhthxqf {\n box-sizing: border-box;\n}\n.dhthxqg {\n box-sizing: content-box;\n}\n.dhthxqh {\n appearance: none;\n border: 0;\n padding: 0;\n background: none;\n}", "._1dlf4346 {\n background-color: var(--stackflow-plugin-basic-ui-dim-background-color);\n}\n._1dlf4347 {\n background-color: var(--stackflow-plugin-basic-ui-background-color);\n}\n._1dlf4348 {\n transition: var(--_1dlf4340);\n}\n._1dlf434c {\n transform: translateX(100%);\n}\n._1dlf434i {\n opacity: 0;\n z-index: var(--_1dlf4341);\n}\n._1coppmz0 ._1dlf434i, :root[data-stackflow-plugin-basic-ui-theme=android] ._1dlf434i {\n height: 10rem;\n background: linear-gradient(var(--stackflow-plugin-basic-ui-dim-background-color), rgba(0, 0, 0, 0));\n}\n._1dlf4349 ._1dlf434i {\n opacity: 1;\n}\n._1dlf434a ._1dlf434i {\n opacity: 1;\n}\n._1dlf434b ._1dlf434i {\n opacity: 0;\n}\n._1dlf434c ._1dlf434i {\n opacity: 0;\n}\n._1dlf434j {\n overflow-y: scroll;\n -webkit-overflow-scrolling: touch;\n z-index: var(--_1dlf4342);\n}\n._1dlf434j::-webkit-scrollbar {\n display: none;\n}\n._1coppmz1 ._1dlf434j, :root[data-stackflow-plugin-basic-ui-theme=cupertino] ._1dlf434j {\n transform: translateX(100%);\n}\n._1coppmz1 ._1dlf4349 ._1dlf434j, :root[data-stackflow-plugin-basic-ui-theme=cupertino] ._1dlf4349 ._1dlf434j {\n transform: translateX(0);\n}\n._1coppmz1 ._1dlf434a ._1dlf434j, :root[data-stackflow-plugin-basic-ui-theme=cupertino] ._1dlf434a ._1dlf434j {\n transform: translateX(0);\n}\n._1coppmz0 ._1dlf434j, :root[data-stackflow-plugin-basic-ui-theme=android] ._1dlf434j {\n opacity: 0;\n transform: translateY(10rem);\n}\n._1coppmz0 ._1dlf4349 ._1dlf434j, :root[data-stackflow-plugin-basic-ui-theme=android] ._1dlf4349 ._1dlf434j {\n opacity: 1;\n transform: translateY(0);\n}\n._1coppmz0 ._1dlf434a ._1dlf434j, :root[data-stackflow-plugin-basic-ui-theme=android] ._1dlf434a ._1dlf434j {\n opacity: 1;\n transform: translateY(0);\n}\n._1dlf434k {\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._1dlf434l {\n width: 1.25rem;\n z-index: var(--_1dlf4343);\n}\n._1dlf434m {\n top: var(--stackflow-plugin-basic-ui-app-bar-height);\n height: calc(100% - var(--stackflow-plugin-basic-ui-app-bar-height));\n}", "._1yk3a450 {\n background-color: var(--stackflow-plugin-basic-ui-app-bar-background-color);\n height: var(--stackflow-plugin-basic-ui-app-bar-height);\n padding-top: constant(safe-area-inset-top);\n padding-top: env(safe-area-inset-top);\n z-index: var(--_1dlf4344);\n}\n._1coppmz1 ._1yk3a450, :root[data-stackflow-plugin-basic-ui-theme=cupertino] ._1yk3a450 {\n position: absolute;\n}\n._1coppmz1 ._1dlf434b ._1yk3a450, :root[data-stackflow-plugin-basic-ui-theme=cupertino] ._1dlf434b ._1yk3a450 {\n transform: translateX(100%);\n}\n._1coppmz0 ._1yk3a450, :root[data-stackflow-plugin-basic-ui-theme=android] ._1yk3a450 {\n opacity: 0;\n transform: translateY(10rem);\n transition: var(--_1dlf4340);\n}\n._1coppmz0 ._1dlf4349 ._1yk3a450, :root[data-stackflow-plugin-basic-ui-theme=android] ._1dlf4349 ._1yk3a450 {\n opacity: 1;\n transform: translateY(0);\n}\n._1coppmz0 ._1dlf434a ._1yk3a450, :root[data-stackflow-plugin-basic-ui-theme=android] ._1dlf434a ._1yk3a450 {\n opacity: 1;\n transform: translateY(0);\n}\n._1yk3a451 {\n box-shadow: inset 0px calc(var(--stackflow-plugin-basic-ui-app-bar-border-size) * -1) 0 var(--stackflow-plugin-basic-ui-app-bar-border-color);\n}\n._1yk3a452 {\n padding: 0 0.5rem;\n}\n._1yk3a452:empty {\n display: none;\n}\n._1yk3a453 {\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._1yk3a453:active {\n opacity: 0.2;\n transition: opacity 0s;\n}\n._1yk3a455 {\n flex: 1;\n}\n._1yk3a456 {\n width: var(--_1dlf4345);\n color: var(--stackflow-plugin-basic-ui-app-bar-text-color);\n}\n._1coppmz0 ._1yk3a456, :root[data-stackflow-plugin-basic-ui-theme=android] ._1yk3a456 {\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._1coppmz1 ._1yk3a456, :root[data-stackflow-plugin-basic-ui-theme=cupertino] ._1yk3a456 {\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._1coppmz0 ._1yk3a457, :root[data-stackflow-plugin-basic-ui-theme=android] ._1yk3a457 {\n padding-left: 0.375rem;\n}\n._1yk3a458 {\n left: 50%;\n height: 1.25rem;\n transform: translate(-50%);\n max-width: 5rem;\n display: none;\n width: var(--_1dlf4345);\n}\n._1coppmz1 ._1yk3a458, :root[data-stackflow-plugin-basic-ui-theme=cupertino] ._1yk3a458 {\n display: block;\n}\n._1yk3a459 {\n text-overflow: ellipsis;\n font-size: inherit;\n font-weight: inherit;\n}\n._1yk3a45a {\n padding: 0 0.5rem;\n margin-left: auto;\n}\n._1yk3a45a:empty {\n display: none;\n}\n._1coppmz0 ._1yk3a45a, :root[data-stackflow-plugin-basic-ui-theme=android] ._1yk3a45a {\n padding: 0 0.5rem 0 0;\n}", "._1ht38h03 {\n transition: var(--_1ht38h00);\n}\n._1ht38h07 {\n transform: translateX(100%);\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: translateY(100%);\n opacity: 0;\n}\n._1ht38h04 ._1ht38h0e, ._1ht38h05 ._1ht38h0e {\n transform: translateY(0);\n opacity: 1;\n}\n._1ht38h06 ._1ht38h0e, ._1ht38h07 ._1ht38h0e {\n transform: translateY(100%);\n opacity: 0;\n}", "._5ozg8c3 {\n transition: var(--_5ozg8c0);\n}\n._5ozg8c7 {\n transform: translateX(100%);\n}\n._5ozg8cd {\n background-color: var(--stackflow-plugin-basic-ui-dim-background-color);\n z-index: var(--_5ozg8c1);\n opacity: 0;\n}\n._5ozg8c4 ._5ozg8cd, ._5ozg8c5 ._5ozg8cd {\n opacity: 1;\n}\n._5ozg8c6 ._5ozg8cd, ._5ozg8c7 ._5ozg8cd {\n opacity: 0;\n}\n._5ozg8ce {\n background-color: var(--stackflow-plugin-basic-ui-background-color);\n width: 100%;\n margin: 0 2.5rem;\n box-shadow: 0px 0.625rem 2.375rem rgba(0, 0, 0, 0.15), 0px .5625rem 2.875rem rgba(0, 0, 0, 0.12), 0px .3125rem .9375rem rgba(0, 0, 0, 0.1);\n border-radius: var(--stackflow-plugin-basic-ui-bottom-sheet-border-radius);\n transform: scale(1.1);\n opacity: 0;\n}\n._5ozg8c4 ._5ozg8ce, ._5ozg8c5 ._5ozg8ce {\n transform: scale(1);\n opacity: 1;\n}\n._5ozg8c6 ._5ozg8ce, ._5ozg8c7 ._5ozg8ce {\n transform: scale(1.1);\n opacity: 0;\n}"],
|
|
5
|
-
"mappings": "AAAA,0DACE,mDACA,qEACA,qEACA,qDACA,mDACA,wDACA,wDACA,2DACA,6DAEF,sDACE,mDACA,qEACA,qEACA,sDACA,oDACA,wDACA,wDACA,2DACA,6DAEF,WACE,mDACA,qEACA,qEACA,qDACA,mDACA,wDACA,wDACA,2DACA,6DAEF,WACE,mDACA,qEACA,qEACA,sDACA,oDACA,wDACA,wDACA,2DACA,
|
|
3
|
+
"sources": ["vanilla-extract-css-ns:src/theme.css.ts.vanilla.css?source=#H4sIAAAAAAAAE+2UwUrEMBCG7/sUAS8Km9JWS6Hik4hImqRtsMmEyQSXFd/drLie1LbrYQ9bEkjC5P8Jfz6mQQDasuawPCpBggcS8qUb4ZX7MfbG8VYEI3k0nAZt9YNwCsGoJ/a2YYz/cb1NhR4hOsUljIANu+q67n5CpYz9QYl9K67zLfuaWVHdTBkJ79MBeQuoNP5mlNdLjYLZ64YVfjdXN2jTD9Sw26xCbeeqjAT3nVtZpHE3V0p6RydKT/uzozoMqUgoXDBk0vNVRHHYNKysKxumbFogAptctKZj2iiUiSHl/Rnd+2YBqDJ6jWQcXDiqeVYth7XM6pXWf9OaPRcSvLf7/LIRXLvlmfkrLpu/tQWeC8EPWtPMuWAKAAA=", "vanilla-extract-css-ns:src/styles/f.css.ts.vanilla.css?source=LmRodGh4cTAgewogIHdpZHRoOiAxMDAlOwp9Ci5kaHRoeHExIHsKICBoZWlnaHQ6IDEwMCU7Cn0KLmRodGh4cTIgewogIHRvcDogMDsKfQouZGh0aHhxMyB7CiAgbGVmdDogMDsKfQouZGh0aHhxNCB7CiAgcG9zaXRpb246IGFic29sdXRlOwp9Ci5kaHRoeHE1IHsKICBwb3NpdGlvbjogcmVsYXRpdmU7Cn0KLmRodGh4cTcgewogIGRpc3BsYXk6IGZsZXg7Cn0KLmRodGh4cTggewogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0KLmRodGh4cTkgewogIGFsaWduLWl0ZW1zOiBmbGV4LWVuZDsKfQouZGh0aHhxYSB7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7Cn0KLmRodGh4cWIgewogIG92ZXJmbG93OiBoaWRkZW47Cn0KLmRodGh4cWMgewogIHdoaXRlLXNwYWNlOiBub3dyYXA7Cn0KLmRodGh4cWQgewogIHRleHQtYWxpZ246IGNlbnRlcjsKfQouZGh0aHhxZSB7CiAgY3Vyc29yOiBwb2ludGVyOwogIC13ZWJraXQtdGFwLWhpZ2hsaWdodC1jb2xvcjogdHJhbnNwYXJlbnQ7Cn0KLmRodGh4cWYgewogIGJveC1zaXppbmc6IGJvcmRlci1ib3g7Cn0KLmRodGh4cWcgewogIGJveC1zaXppbmc6IGNvbnRlbnQtYm94Owp9Ci5kaHRoeHFoIHsKICBhcHBlYXJhbmNlOiBub25lOwogIGJvcmRlcjogMDsKICBwYWRkaW5nOiAwOwogIGJhY2tncm91bmQ6IG5vbmU7Cn0=", "vanilla-extract-css-ns:src/components/AppScreen.css.ts.vanilla.css?source=#H4sIAAAAAAAAE62V246bMBCG7/MUvqkEKo5gd7ttHPU9WlVVNdgOmBgbGZO0W/Xda06bAEs2QZG4MJrxP59nxuP1r4jJ3dPj0zP6u0IoBrpPjK4Uw1RLbQg6gPEwLq0z7KQ+4kJWiVA4hlJQXAnMRI7Hu/zt6t9q3St/Xqh8WfVLo2oNqFJYoRVp1ztt8k659wz9AOkCqLB/JpaBJD1J1jKdogTLv3lRGH4YeovGuxMmKNy6vxcsFOO/yShO1O+kuijylxCdRAJEjNb2BwMLF3JhU57zr6CY0YL9RCOIlIsktQRFoeH5dpBsgqRQHAxODDDBlfUWFTRAJonBCwPUff4wGZsx0mteooEfXOkXz/qFo5Jd55e1xgM3zZmdvaRGS1knCx95vBcWv1pbk1CJ6wBd0fRCZR+GacgI6dVakRhME5mJspDgwiqt+KAZotMJspuagVYFN1YofdYO2ZUdPAm9uSfF5jqgcJYG7kkDi2jCpQjTO5q9MSjeYvjuNfd3lmNxjaZIkwqdX8M5uvkMLa7XlGxSrZvI2o37uzwNQTdW332noCjcj8Fl6oynqJhVBuqFX4MXwJibKNjqgiAKkr47h3vZlsJHHxHVyrm7EV7CjmMwHNxQKrmtRf27ReHqMBfgLMeyyfFRMJu60qwfPnUvz8ycfBzuztsK1ZQ3Am7PnrvmgPVYQ/hWmRrnP7J8FI77CAAA", "vanilla-extract-css-ns:src/components/AppBar.css.ts.vanilla.css?source=#H4sIAAAAAAAAE7VWy47bIBTd9yvYVEqqwcJ5TDIeddNFd11106qqRsTgmAaDBTiTpOq/F7Cd+BHPZJp0Z3Mf3Hvu4UDwFO43UzybI/D7HQArHG/WShaCwFhyqSKwxWoEoTbWkHD5DHNerJmAK6xZDAsGcZ7bHwW7keNHmy6lbJ2ay5OU/j5UbqlyvhFIGSFUuDWjsNDMMCmiKvXFmXVqjad4SAqF3YffK8eEMLGGRuYRiKWw6YQZaZxQiBXFkAlNjbP2vanYDjoe7D+hu7r9p5DwZDadzazxz7vgKYxlnmeHEATHGdyBSElpfhBs8AtNmZRm9GNc5FQZJuTPRgY/xVzWKOGVlrwwtL9jWcvqNpv3k/k6PN6JVFlUfnJs6LdRiND7NgToX6vAgijJSA8AmeOYmX0E0ONAGd9tGYpm4y6tjr6doaHxXZ31jOV2ZOyiUu7xcAuA+qnaWIXDWKHByvDtKsNXVVYGhqWKyZ3FGBOnHv5IApTvQIx5PLpYzqQi1E6KHegYfAAwHAN0uRaWwbUONuqblOezVBBLT4CCuaVh2yeiWW5p5jwJ0znHFgIhBW15Tb39jSLNrLg15LlJ/JrcU4Qy7YzPjJg0ApNgUlZ4UvNJsOgVPY1wbNiWdo5fMBnaB+lW/NwHJtzJZdiy3HtLVU376M19F2/EwNCdGcDg/x3jqpUrxa0FhZNR18CvQhuW7G1LwlBhx+NAdMmVad5WnCbWFlajTKyzJ7ddCsLloh4xZ4LCes5hMD/6PldrK8nJY33E2MGzuKK7XRq62N7W+LmL7X7wYmscEte5W8CcrQVkhmba3ucWFKrOInUyeVL4sOaq7zzBGeM2uRs7p1Dvtc17Bz5ZqDZfcPzV/3+2nj2s7hHqYl3D7IcxLwd4TthGcO4vyaueUJc9Z155xpxn8uJKJi+aOlhxEwXTvq4svWMLrxM9j8r0MoQZ3sHq0NQBHV19QV/OE3p5NaGXbX1fcRlvWp0/lE8oR8zTW5hyznLNdIdXTKRUsT4Dj+uNvHjoCnJAKVd9iTYujGwHvnIv9UiCryTJQKXuw275F88Qvlq6DAAA", "vanilla-extract-css-ns:src/components/BottomSheet.css.ts.vanilla.css?source=Ll8xaHQzOGgwMyB7CiAgdHJhbnNpdGlvbjogdmFyKC0tXzFodDM4aDAwKTsKfQouXzFodDM4aDA3IHsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMTAwJSk7Cn0KLl8xaHQzOGgwZCB7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc3RhY2tmbG93LXBsdWdpbi1iYXNpYy11aS1kaW0tYmFja2dyb3VuZC1jb2xvcik7CiAgei1pbmRleDogdmFyKC0tXzFodDM4aDAxKTsKICBvcGFjaXR5OiAwOwp9Ci5fMWh0MzhoMDQgLl8xaHQzOGgwZCwgLl8xaHQzOGgwNSAuXzFodDM4aDBkIHsKICBvcGFjaXR5OiAxOwp9Ci5fMWh0MzhoMDYgLl8xaHQzOGgwZCwgLl8xaHQzOGgwNyAuXzFodDM4aDBkIHsKICBvcGFjaXR5OiAwOwp9Ci5fMWh0MzhoMGUgewogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXN0YWNrZmxvdy1wbHVnaW4tYmFzaWMtdWktYmFja2dyb3VuZC1jb2xvcik7CiAgd2lkdGg6IDEwMCU7CiAgYm9yZGVyLXJhZGl1czogdmFyKC0tc3RhY2tmbG93LXBsdWdpbi1iYXNpYy11aS1ib3R0b20tc2hlZXQtYm9yZGVyLXJhZGl1cykgdmFyKC0tc3RhY2tmbG93LXBsdWdpbi1iYXNpYy11aS1ib3R0b20tc2hlZXQtYm9yZGVyLXJhZGl1cykgMCAwOwogIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDAlKTsKICBvcGFjaXR5OiAwOwp9Ci5fMWh0MzhoMDQgLl8xaHQzOGgwZSwgLl8xaHQzOGgwNSAuXzFodDM4aDBlIHsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCk7CiAgb3BhY2l0eTogMTsKfQouXzFodDM4aDA2IC5fMWh0MzhoMGUsIC5fMWh0MzhoMDcgLl8xaHQzOGgwZSB7CiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMCUpOwogIG9wYWNpdHk6IDA7Cn0=", "vanilla-extract-css-ns:src/components/Modal.css.ts.vanilla.css?source=Ll81b3pnOGMzIHsKICB0cmFuc2l0aW9uOiB2YXIoLS1fNW96ZzhjMCk7Cn0KLl81b3pnOGM3IHsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMTAwJSk7Cn0KLl81b3pnOGNkIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zdGFja2Zsb3ctcGx1Z2luLWJhc2ljLXVpLWRpbS1iYWNrZ3JvdW5kLWNvbG9yKTsKICB6LWluZGV4OiB2YXIoLS1fNW96ZzhjMSk7CiAgb3BhY2l0eTogMDsKfQouXzVvemc4YzQgLl81b3pnOGNkLCAuXzVvemc4YzUgLl81b3pnOGNkIHsKICBvcGFjaXR5OiAxOwp9Ci5fNW96ZzhjNiAuXzVvemc4Y2QsIC5fNW96ZzhjNyAuXzVvemc4Y2QgewogIG9wYWNpdHk6IDA7Cn0KLl81b3pnOGNlIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zdGFja2Zsb3ctcGx1Z2luLWJhc2ljLXVpLWJhY2tncm91bmQtY29sb3IpOwogIHdpZHRoOiAxMDAlOwogIG1hcmdpbjogMCAyLjVyZW07CiAgYm94LXNoYWRvdzogMHB4IDAuNjI1cmVtIDIuMzc1cmVtIHJnYmEoMCwgMCwgMCwgMC4xNSksIDBweCAuNTYyNXJlbSAyLjg3NXJlbSByZ2JhKDAsIDAsIDAsIDAuMTIpLCAwcHggLjMxMjVyZW0gLjkzNzVyZW0gcmdiYSgwLCAwLCAwLCAwLjEpOwogIGJvcmRlci1yYWRpdXM6IHZhcigtLXN0YWNrZmxvdy1wbHVnaW4tYmFzaWMtdWktYm90dG9tLXNoZWV0LWJvcmRlci1yYWRpdXMpOwogIHRyYW5zZm9ybTogc2NhbGUoMS4xKTsKICBvcGFjaXR5OiAwOwp9Ci5fNW96ZzhjNCAuXzVvemc4Y2UsIC5fNW96ZzhjNSAuXzVvemc4Y2UgewogIHRyYW5zZm9ybTogc2NhbGUoMSk7CiAgb3BhY2l0eTogMTsKfQouXzVvemc4YzYgLl81b3pnOGNlLCAuXzVvemc4YzcgLl81b3pnOGNlIHsKICB0cmFuc2Zvcm06IHNjYWxlKDEuMSk7CiAgb3BhY2l0eTogMDsKfQ=="],
|
|
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-icon-color: #212124;\n --stackflow-plugin-basic-ui-app-bar-text-color: #212124;\n --stackflow-plugin-basic-ui-app-bar-background-color: #fff;\n --stackflow-plugin-basic-ui-app-bar-show-transition-duration: 275ms;\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-icon-color: #212124;\n --stackflow-plugin-basic-ui-app-bar-text-color: #212124;\n --stackflow-plugin-basic-ui-app-bar-background-color: #fff;\n --stackflow-plugin-basic-ui-app-bar-show-transition-duration: 275ms;\n --stackflow-plugin-basic-ui-bottom-sheet-border-radius: 1rem;\n}\n._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-icon-color: #212124;\n --stackflow-plugin-basic-ui-app-bar-text-color: #212124;\n --stackflow-plugin-basic-ui-app-bar-background-color: #fff;\n --stackflow-plugin-basic-ui-app-bar-show-transition-duration: 275ms;\n --stackflow-plugin-basic-ui-bottom-sheet-border-radius: 1rem;\n}\n._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-icon-color: #212124;\n --stackflow-plugin-basic-ui-app-bar-text-color: #212124;\n --stackflow-plugin-basic-ui-app-bar-background-color: #fff;\n --stackflow-plugin-basic-ui-app-bar-show-transition-duration: 275ms;\n --stackflow-plugin-basic-ui-bottom-sheet-border-radius: 1rem;\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 align-items: center;\n}\n.dhthxq9 {\n align-items: flex-end;\n}\n.dhthxqa {\n justify-content: center;\n}\n.dhthxqb {\n overflow: hidden;\n}\n.dhthxqc {\n white-space: nowrap;\n}\n.dhthxqd {\n text-align: center;\n}\n.dhthxqe {\n cursor: pointer;\n -webkit-tap-highlight-color: transparent;\n}\n.dhthxqf {\n box-sizing: border-box;\n}\n.dhthxqg {\n box-sizing: content-box;\n}\n.dhthxqh {\n appearance: none;\n border: 0;\n padding: 0;\n background: none;\n}", "._1dlf4346 {\n background-color: var(--stackflow-plugin-basic-ui-dim-background-color);\n}\n._1dlf4347 {\n background-color: var(--stackflow-plugin-basic-ui-background-color);\n}\n._1dlf4348 {\n transition: transform var(--_1dlf4340), opacity var(--_1dlf4340);\n}\n._1dlf434c {\n transform: translateX(100%);\n}\n._1dlf434i {\n opacity: 0;\n z-index: var(--_1dlf4341);\n}\n._1coppmz0 ._1dlf434i, :root[data-stackflow-plugin-basic-ui-theme=android] ._1dlf434i {\n height: 10rem;\n background: linear-gradient(var(--stackflow-plugin-basic-ui-dim-background-color), rgba(0, 0, 0, 0));\n}\n._1dlf4349 ._1dlf434i {\n opacity: 1;\n}\n._1dlf434a ._1dlf434i {\n opacity: 1;\n}\n._1dlf434b ._1dlf434i {\n opacity: 0;\n}\n._1dlf434c ._1dlf434i {\n opacity: 0;\n}\n._1dlf434j {\n overflow-y: scroll;\n -webkit-overflow-scrolling: touch;\n z-index: var(--_1dlf4342);\n}\n._1dlf434j::-webkit-scrollbar {\n display: none;\n}\n._1coppmz1 ._1dlf434j, :root[data-stackflow-plugin-basic-ui-theme=cupertino] ._1dlf434j {\n transform: translateX(100%);\n}\n._1coppmz1 ._1dlf4349 ._1dlf434j, :root[data-stackflow-plugin-basic-ui-theme=cupertino] ._1dlf4349 ._1dlf434j {\n transform: translateX(0);\n}\n._1coppmz1 ._1dlf434a ._1dlf434j, :root[data-stackflow-plugin-basic-ui-theme=cupertino] ._1dlf434a ._1dlf434j {\n transform: translateX(0);\n}\n._1coppmz0 ._1dlf434j, :root[data-stackflow-plugin-basic-ui-theme=android] ._1dlf434j {\n opacity: 0;\n transform: translateY(10rem);\n}\n._1coppmz0 ._1dlf4349 ._1dlf434j, :root[data-stackflow-plugin-basic-ui-theme=android] ._1dlf4349 ._1dlf434j {\n opacity: 1;\n transform: translateY(0);\n}\n._1coppmz0 ._1dlf434a ._1dlf434j, :root[data-stackflow-plugin-basic-ui-theme=android] ._1dlf434a ._1dlf434j {\n opacity: 1;\n transform: translateY(0);\n}\n._1dlf434k {\n transition: transform var(--_1dlf4340), opacity var(--_1dlf4340), height var(--stackflow-plugin-basic-ui-app-bar-show-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._1dlf434l {\n width: 1.25rem;\n z-index: var(--_1dlf4343);\n}\n._1dlf434m {\n top: var(--stackflow-plugin-basic-ui-app-bar-height);\n height: calc(100% - var(--stackflow-plugin-basic-ui-app-bar-height));\n}", "._1yk3a450 {\n background-color: var(--stackflow-plugin-basic-ui-app-bar-background-color);\n height: var(--stackflow-plugin-basic-ui-app-bar-height);\n overflow: hidden;\n transition: height var(--stackflow-plugin-basic-ui-app-bar-show-transition-duration);\n padding-top: constant(safe-area-inset-top);\n padding-top: env(safe-area-inset-top);\n z-index: var(--_1dlf4344);\n}\n._1coppmz1 ._1yk3a450, :root[data-stackflow-plugin-basic-ui-theme=cupertino] ._1yk3a450 {\n position: absolute;\n}\n._1coppmz1 ._1dlf434b ._1yk3a450, :root[data-stackflow-plugin-basic-ui-theme=cupertino] ._1dlf434b ._1yk3a450 {\n transform: translateX(100%);\n}\n._1coppmz0 ._1yk3a450, :root[data-stackflow-plugin-basic-ui-theme=android] ._1yk3a450 {\n opacity: 0;\n transform: translateY(10rem);\n transition: transform var(--_1dlf4340), opacity var(--_1dlf4340), height var(--stackflow-plugin-basic-ui-app-bar-show-transition-duration);\n}\n._1coppmz0 ._1dlf4349 ._1yk3a450, :root[data-stackflow-plugin-basic-ui-theme=android] ._1dlf4349 ._1yk3a450 {\n opacity: 1;\n transform: translateY(0);\n}\n._1coppmz0 ._1dlf434a ._1yk3a450, :root[data-stackflow-plugin-basic-ui-theme=android] ._1dlf434a ._1yk3a450 {\n opacity: 1;\n transform: translateY(0);\n}\n._1yk3a451 {\n box-shadow: inset 0px calc(var(--stackflow-plugin-basic-ui-app-bar-border-size) * -1) 0 var(--stackflow-plugin-basic-ui-app-bar-border-color);\n}\n._1yk3a452 {\n padding: 0 0.5rem;\n}\n._1yk3a452:empty {\n display: none;\n}\n._1yk3a453 {\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._1yk3a453:active {\n opacity: 0.2;\n transition: opacity 0s;\n}\n._1yk3a455 {\n flex: 1;\n}\n._1yk3a456 {\n width: var(--_1dlf4345);\n color: var(--stackflow-plugin-basic-ui-app-bar-text-color);\n transition: height var(--stackflow-plugin-basic-ui-app-bar-show-transition-duration);\n}\n._1coppmz0 ._1yk3a456, :root[data-stackflow-plugin-basic-ui-theme=android] ._1yk3a456 {\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._1coppmz1 ._1yk3a456, :root[data-stackflow-plugin-basic-ui-theme=cupertino] ._1yk3a456 {\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._1coppmz0 ._1yk3a457, :root[data-stackflow-plugin-basic-ui-theme=android] ._1yk3a457 {\n padding-left: 0.375rem;\n}\n._1yk3a458 {\n left: 50%;\n height: 1.25rem;\n transform: translate(-50%);\n max-width: 5rem;\n display: none;\n width: var(--_1dlf4345);\n}\n._1coppmz1 ._1yk3a458, :root[data-stackflow-plugin-basic-ui-theme=cupertino] ._1yk3a458 {\n display: block;\n}\n._1yk3a459 {\n text-overflow: ellipsis;\n font-size: inherit;\n font-weight: inherit;\n}\n._1yk3a45a {\n padding: 0 0.5rem;\n margin-left: auto;\n}\n._1yk3a45a:empty {\n display: none;\n}\n._1coppmz0 ._1yk3a45a, :root[data-stackflow-plugin-basic-ui-theme=android] ._1yk3a45a {\n padding: 0 0.5rem 0 0;\n}", "._1ht38h03 {\n transition: var(--_1ht38h00);\n}\n._1ht38h07 {\n transform: translateX(100%);\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: translateY(100%);\n opacity: 0;\n}\n._1ht38h04 ._1ht38h0e, ._1ht38h05 ._1ht38h0e {\n transform: translateY(0);\n opacity: 1;\n}\n._1ht38h06 ._1ht38h0e, ._1ht38h07 ._1ht38h0e {\n transform: translateY(100%);\n opacity: 0;\n}", "._5ozg8c3 {\n transition: var(--_5ozg8c0);\n}\n._5ozg8c7 {\n transform: translateX(100%);\n}\n._5ozg8cd {\n background-color: var(--stackflow-plugin-basic-ui-dim-background-color);\n z-index: var(--_5ozg8c1);\n opacity: 0;\n}\n._5ozg8c4 ._5ozg8cd, ._5ozg8c5 ._5ozg8cd {\n opacity: 1;\n}\n._5ozg8c6 ._5ozg8cd, ._5ozg8c7 ._5ozg8cd {\n opacity: 0;\n}\n._5ozg8ce {\n background-color: var(--stackflow-plugin-basic-ui-background-color);\n width: 100%;\n margin: 0 2.5rem;\n box-shadow: 0px 0.625rem 2.375rem rgba(0, 0, 0, 0.15), 0px .5625rem 2.875rem rgba(0, 0, 0, 0.12), 0px .3125rem .9375rem rgba(0, 0, 0, 0.1);\n border-radius: var(--stackflow-plugin-basic-ui-bottom-sheet-border-radius);\n transform: scale(1.1);\n opacity: 0;\n}\n._5ozg8c4 ._5ozg8ce, ._5ozg8c5 ._5ozg8ce {\n transform: scale(1);\n opacity: 1;\n}\n._5ozg8c6 ._5ozg8ce, ._5ozg8c7 ._5ozg8ce {\n transform: scale(1.1);\n opacity: 0;\n}"],
|
|
5
|
+
"mappings": "AAAA,0DACE,mDACA,qEACA,qEACA,qDACA,mDACA,wDACA,wDACA,2DACA,oEACA,6DAEF,sDACE,mDACA,qEACA,qEACA,sDACA,oDACA,wDACA,wDACA,2DACA,oEACA,6DAEF,WACE,mDACA,qEACA,qEACA,qDACA,mDACA,wDACA,wDACA,2DACA,oEACA,6DAEF,WACE,mDACA,qEACA,qEACA,sDACA,oDACA,wDACA,wDACA,2DACA,oEACA,6DC9CF,SACE,WAEF,SACE,YAEF,SACE,MAEF,SACE,OAEF,SACE,kBAEF,SACE,kBAEF,SACE,aAEF,SACE,mBAEF,SACE,qBAEF,SACE,uBAEF,SACE,gBAEF,SACE,mBAEF,SACE,kBAEF,SACE,eACA,wCAEF,SACE,sBAEF,SACE,uBAEF,SACE,gBACA,SAnDF,UAqDE,gBCrDF,WACE,uEAEF,WACE,mEAEF,WACE,+DAEF,WACE,0BAEF,WACE,UACA,yBAEF,qFACE,aACA,gGAEF,4CACE,UAKF,4CACE,UAKF,WACE,kBACA,iCACA,yBAEF,8BACE,aAEF,uFACE,0BAEF,6GACE,uBAEF,6GACE,uBAEF,qFACE,UACA,4BAEF,2GACE,UACA,wBAEF,2GACE,UACA,wBAEF,WACE,wIACA,kGACA,6FAEF,WACE,cACA,yBAEF,WACE,oDACA,oECxEF,WACE,2EACA,uDACA,gBACA,oFACA,0CACA,qCACA,yBAEF,uFACE,kBAEF,6GACE,0BAEF,qFACE,UACA,4BACA,wIAEF,2GACE,UACA,wBAEF,2GACE,UACA,wBAEF,WACE,2IAEF,WA/BA,gBAkCA,iBACE,aAEF,WACE,0DACA,uBACA,cACA,eAEF,kBACE,WACA,sBAEF,WACE,OAEF,WACE,uBACA,0DACA,oFAEF,qFACE,WACA,2BACA,kBACA,oBACA,gBACA,gBACA,sBAEF,uFACE,kBACA,aACA,mBACA,uBACA,kBACA,6CACA,gBACA,eACA,SACA,0BACA,uDACA,kCACA,6BAEF,qFACE,qBAEF,WACE,SACA,eACA,0BACA,eACA,aACA,uBAEF,uFACE,cAEF,WACE,uBACA,kBACA,oBAEF,WAlGA,gBAoGE,iBAEF,iBACE,aAEF,qFAzGA,oBCAA,WACE,4BAEF,WACE,0BAEF,WACE,uEACA,yBACA,UAEF,4CACE,UAEF,4CACE,UAEF,WACE,mEACA,WACA,0IACA,2BACA,UAEF,4CACE,wBACA,UAEF,4CACE,2BACA,UC9BF,UACE,2BAEF,UACE,0BAEF,UACE,uEACA,wBACA,UAEF,wCACE,UAEF,wCACE,UAEF,UACE,mEACA,WAnBF,gBAqBE,oGACA,0EACA,qBACA,UAEF,wCACE,mBACA,UAEF,wCACE,qBACA",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var tt=Object.create;var A=Object.defineProperty,rt=Object.defineProperties,ot=Object.getOwnPropertyDescriptor,at=Object.getOwnPropertyDescriptors,nt=Object.getOwnPropertyNames,ce=Object.getOwnPropertySymbols,st=Object.getPrototypeOf,de=Object.prototype.hasOwnProperty,it=Object.prototype.propertyIsEnumerable;var le=(e,r,t)=>r in e?A(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,pe=(e,r)=>{for(var t in r||(r={}))de.call(r,t)&&le(e,t,r[t]);if(ce)for(var t of ce(r))it.call(r,t)&&le(e,t,r[t]);return e},me=(e,r)=>rt(e,at(r));var fe=(e,r)=>{for(var t in r)A(e,t,{get:r[t],enumerable:!0})},ue=(e,r,t,o)=>{if(r&&typeof r=="object"||typeof r=="function")for(let a of nt(r))!de.call(e,a)&&a!==t&&A(e,a,{get:()=>r[a],enumerable:!(o=ot(r,a))||o.enumerable});return e};var w=(e,r,t)=>(t=e!=null?tt(st(e)):{},ue(r||!e||!e.__esModule?A(t,"default",{value:e,enumerable:!0}):t,e)),ct=e=>ue(A({},"__esModule",{value:!0}),e);var qt={};fe(qt,{AppScreen:()=>Oe,BottomSheet:()=>Xe,Modal:()=>Qe,basicUIPlugin:()=>be,cssVars:()=>c});module.exports=ct(qt);var ve=require("@vanilla-extract/dynamic"),T=w(require("react"));var ee={};fe(ee,{android:()=>lt,cupertino:()=>dt,globalVars:()=>c,rootAndroid:()=>pt,rootCupertino:()=>mt});var lt="_1coppmz0",dt="_1coppmz1",c={backgroundColor:"var(--stackflow-plugin-basic-ui-background-color)",dimBackgroundColor:"var(--stackflow-plugin-basic-ui-dim-background-color)",appBar:{borderColor:"var(--stackflow-plugin-basic-ui-app-bar-border-color)",borderSize:"var(--stackflow-plugin-basic-ui-app-bar-border-size)",height:"var(--stackflow-plugin-basic-ui-app-bar-height)",iconColor:"var(--stackflow-plugin-basic-ui-app-bar-icon-color)",textColor:"var(--stackflow-plugin-basic-ui-app-bar-text-color)",backgroundColor:"var(--stackflow-plugin-basic-ui-app-bar-background-color)"},bottomSheet:{borderRadius:"var(--stackflow-plugin-basic-ui-bottom-sheet-border-radius)"},modal:{borderRadius:"var(--stackflow-plugin-basic-ui-bottom-sheet-border-radius)"}},pt=":root[data-stackflow-plugin-basic-ui-theme=android]",mt=":root[data-stackflow-plugin-basic-ui-theme=cupertino]";function _(e){return Object.entries(e).reduce((r,[t,o])=>(o!=null&&(r[t]=o),r),{})}function D(e,r,t){let o=()=>{e.removeEventListener(r,o),t()};e.addEventListener(r,o)}var he=e=>(e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)});var xe=()=>{};function H(e){requestAnimationFrame(()=>{requestAnimationFrame(()=>{e()})})}var ye=(0,T.createContext)({theme:"android"}),ft=ye.Provider;function O(){return(0,T.useContext)(ye)}var be=e=>()=>({key:"basic-ui",wrapStack({stack:r}){var t,o,a,n,s,d,i;return T.default.createElement(ft,{value:e},T.default.createElement("div",{className:typeof window!="undefined"?ee[e.theme]:void 0,style:(0,ve.assignInlineVars)(_({[c.backgroundColor]:e.backgroundColor,[c.dimBackgroundColor]:e.dimBackgroundColor,[c.appBar.borderColor]:(t=e.appBar)==null?void 0:t.borderColor,[c.appBar.borderSize]:(o=e.appBar)==null?void 0:o.borderSize,[c.appBar.height]:(a=e.appBar)==null?void 0:a.height,[c.appBar.iconColor]:(n=e.appBar)==null?void 0:n.iconColor,[c.appBar.textColor]:(s=e.appBar)==null?void 0:s.textColor,[c.bottomSheet.borderRadius]:(d=e.bottomSheet)==null?void 0:d.borderRadius,[c.modal.borderRadius]:(i=e.modal)==null?void 0:i.borderRadius}))},r.render()))}});var Y=require("@stackflow/react"),He=require("@vanilla-extract/dynamic"),q=w(require("react"));var F=require("react");function V(e){let[r,t]=(0,F.useState)(void 0);return(0,F.useEffect)(()=>{H(()=>{t(e)})},[e]),r}var $=require("react");function ge({outerRef:e,innerRef:r,enable:t}){let[o,a]=(0,$.useState)(void 0);return(0,$.useEffect)(()=>{let n=e&&"current"in e&&e.current,s=r.current;return!t||!n||!s?xe:he(()=>{let i=n.clientWidth,p=s.offsetLeft,f=s.clientWidth,g=i-p-f,h=Math.max(p,g);a(i-2*h)})},[]),{maxWidth:o}}var Ce=require("@stackflow/react"),te=require("react"),B={};function C({styleName:e,refs:r,effect:t}){let o=(0,Ce.useActivity)();(0,te.useEffect)(()=>(B[e]||(B[e]=new Map),B[e].set(o.zIndex,{refs:r,hasEffect:!!t}),()=>{B[e].delete(o.zIndex)}),[o.id,r,t]),(0,te.useEffect)(()=>{if(!t)return()=>{};let a=(()=>{let s=[];for(let d=1;d<=o.zIndex;d+=1){let i=B[e].get(o.zIndex-d);if(i!=null&&i.refs&&(s=[...s,...i.refs]),i!=null&&i.hasEffect)break}return s})(),n=t({activityTransitionState:o.transitionState,refs:a});return()=>{n==null||n()}},[o.transitionState])}function ke({refs:e,hasEffect:r}){C({styleName:"hide",refs:e,effect:r?({activityTransitionState:t,refs:o})=>{switch(t){case"enter-done":{o.forEach(a=>{!a.current||(a.current.style.display="none")});break}default:{o.forEach(a=>{!a.current||(a.current.style.display="")});break}}}:void 0})}var ut=32,G=80;function Ee({refs:e,theme:r,hasEffect:t}){C({styleName:"offset",refs:e,effect:t?({activityTransitionState:o,refs:a})=>{let n=r==="cupertino"?`translateX(-${G/16}rem)`:`translateY(-${ut/16}rem)`;switch(o){case"enter-active":case"enter-done":{a.forEach(s=>{!s.current||(s.current.style.transition="var(--stackflow-transition-duration)",s.current.style.transform=n)});break}case"exit-active":case"exit-done":{H(()=>{a.forEach(s=>{if(!s.current)return;let d=s.current;d.style.transform="",D(d,"transitionend",()=>{d.style.transition=""})})});break}default:break}}:void 0})}function qe({theme:e,dimRef:r,edgeRef:t,paperRef:o,hasEffect:a,onSwiped:n}){C({styleName:"swipe-back",refs:[o],effect:a?({refs:s})=>{if(e!=="cupertino")return()=>{};if(!r.current||!t.current||!o.current)return()=>{};let d=r.current,i=t.current,p=o.current,f=null,g=null,h=null,k=[],m=()=>{f=null,g=null,h=null,k=[]},I=!1;function P(v){I||(I=!0,requestAnimationFrame(()=>{let l=v/p.clientWidth;d.style.opacity=`${1-l}`,d.style.transition="0s",p.style.overflowY="hidden",p.style.transform=`translateX(${v}px)`,p.style.transition="0s",s.forEach(y=>{var u;!y.current||(y.current.style.transform=`translateX(${-1*(1-l)*G}px)`,y.current.style.transition="0s",((u=y.current.parentElement)==null?void 0:u.style.display)==="none"&&(y.current.parentElement.style.display="block"))}),I=!1}))}function L({swiped:v}){requestAnimationFrame(()=>{d.style.opacity=`${v?0:1}`,d.style.transition="var(--stackflow-transition-duration)",p.style.overflowY="hidden",p.style.transform=`translateX(${v?"100%":"0"})`,p.style.transition="var(--stackflow-transition-duration)",s.forEach(l=>{!l.current||(l.current.style.transition="var(--stackflow-transition-duration)",l.current.style.transform=`translateX(${v?"0":`-${G/16}rem`})`)}),D(p,"transitionend",()=>{d.style.opacity="",p.style.overflowY="",p.style.transform="",s.forEach((l,y)=>{if(!l.current)return;let u=k[y];v?(l.current.style.transition="",l.current.style.transform="",l.current.parentElement&&(l.current.parentElement.style.display="")):u&&(l.current.style.transition=u.style.transition,l.current.style.transform=u.style.transform,l.current.parentElement&&u.parentElement&&(l.current.parentElement.style.display=u.parentElement.style.display))})})})}let x=v=>{var y;let{activeElement:l}=document;(y=l==null?void 0:l.blur)==null||y.call(l),f=h=v.touches[0].clientX,g=Date.now(),k=s.map(u=>u.current?{style:{transform:u.current.style.transform,transition:u.current.style.transition},parentElement:u.current.parentElement?{style:{display:u.current.parentElement.style.display}}:void 0}:{style:{transform:"",transition:""}})},R=v=>{if(!f){m();return}h=v.touches[0].clientX,P(h-f)},S=()=>{if(!f||!g||!h){m();return}let v=Date.now(),y=(h-f)/(v-g)>1||h/p.clientWidth>.4;y&&(n==null||n()),m(),L({swiped:y})};return i.addEventListener("touchstart",x,{passive:!0}),i.addEventListener("touchmove",R,{passive:!0}),i.addEventListener("touchend",S,{passive:!0}),i.addEventListener("touchcancel",S,{passive:!0}),()=>{i.removeEventListener("touchstart",x),i.removeEventListener("touchmove",R),i.removeEventListener("touchend",S),i.removeEventListener("touchcancel",S)}}:void 0})}var U=require("@stackflow/react"),Be=require("@vanilla-extract/dynamic"),b=w(require("react"));var re=w(require("react")),ht=e=>re.default.createElement("svg",{className:e.className,width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},re.default.createElement("path",{d:"M11.5659 5.56564C11.8783 5.25322 11.8783 4.74669 11.5659 4.43427C11.2535 4.12185 10.7469 4.12185 10.4345 4.43427L3.43451 11.4343C3.12209 11.7467 3.12209 12.2532 3.43451 12.5656L10.4345 19.5656C10.7469 19.8781 11.2535 19.8781 11.5659 19.5656C11.8783 19.2532 11.8783 18.7467 11.5659 18.4343L5.93157 12.8H20.0002C20.442 12.8 20.8002 12.4418 20.8002 12C20.8002 11.5581 20.442 11.2 20.0002 11.2H5.93157L11.5659 5.56564Z",fill:"currentColor"})),W=ht;var j=w(require("react")),xt=e=>j.default.createElement("svg",{className:e.className,width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},j.default.createElement("path",{d:"M6.56588 5.43433C6.25346 5.12191 5.74693 5.12191 5.43451 5.43433C5.12209 5.74675 5.12209 6.25328 5.43451 6.5657L10.8688 12L5.43451 17.4343C5.12209 17.7467 5.12209 18.2533 5.43451 18.5657C5.74693 18.8781 6.25346 18.8781 6.56588 18.5657L12.0002 13.1314L17.4345 18.5657C17.7469 18.8781 18.2535 18.8781 18.5659 18.5657C18.8783 18.2533 18.8783 17.7467 18.5659 17.4343L13.1316 12L18.5659 6.5657C18.8783 6.25328 18.8783 5.74675 18.5659 5.43433C18.2535 5.12191 17.7469 5.12191 17.4345 5.43433L12.0002 10.8686L6.56588 5.43433Z",fill:"currentColor"}),j.default.createElement("path",{d:"M6.56588 5.43433C6.25346 5.12191 5.74693 5.12191 5.43451 5.43433C5.12209 5.74675 5.12209 6.25328 5.43451 6.5657L10.8688 12L5.43451 17.4343C5.12209 17.7467 5.12209 18.2533 5.43451 18.5657C5.74693 18.8781 6.25346 18.8781 6.56588 18.5657L12.0002 13.1314L17.4345 18.5657C17.7469 18.8781 18.2535 18.8781 18.5659 18.5657C18.8783 18.2533 18.8783 17.7467 18.5659 17.4343L13.1316 12L18.5659 6.5657C18.8783 6.25328 18.8783 5.74675 18.5659 5.43433C18.2535 5.12191 17.7469 5.12191 17.4345 5.43433L12.0002 10.8686L6.56588 5.43433Z",fill:"currentColor"})),oe=xt;var ae=require("@vanilla-extract/recipes/createRuntimeFn"),Re=(0,ae.createRuntimeFn)({defaultClassName:"_1yk3a450 dhthxq4 dhthxq8 dhthxq7 dhthxq0 dhthxqg _1dlf4347",variantClassNames:{border:{true:"_1yk3a451"}},defaultVariants:{},compoundVariants:[]}),ne="_1yk3a453 dhthxq8 dhthxq7 dhthxqa dhthxqe dhthxqh",_e="_1yk3a455 dhthxq8 dhthxq7",Se=(0,ae.createRuntimeFn)({defaultClassName:"_1yk3a456",variantClassNames:{hasLeft:{true:"_1yk3a457"}},defaultVariants:{},compoundVariants:[]}),Ne="_1yk3a458 dhthxqh dhthxq4 dhthxq2 dhthxqe",ze="_1yk3a459 dhthxqb dhthxqc dhthxq0",Me="_1yk3a453 dhthxq8 dhthxq7 dhthxqa dhthxqe dhthxqh",Ie="_1yk3a452 dhthxq8 dhthxq7 dhthxq1",Le="_1yk3a45a dhthxq8 dhthxq7 dhthxq1 dhthxq5";var X=require("@vanilla-extract/recipes/createRuntimeFn");var we=(0,X.createRuntimeFn)({defaultClassName:"dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 dhthxqb",variantClassNames:{transitionState:{"enter-active":"_1dlf4349","enter-done":"_1dlf434a","exit-active":"_1dlf434b","exit-done":"_1dlf434c"}},defaultVariants:{},compoundVariants:[]});var Te="_1dlf434i dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 _1dlf4346 _1dlf4348",Pe=(0,X.createRuntimeFn)({defaultClassName:"_1dlf434l dhthxq4 dhthxq2 dhthxq3 dhthxq1",variantClassNames:{hasAppBar:{true:"_1dlf434m"}},defaultVariants:{},compoundVariants:[]});var Ve=(0,X.createRuntimeFn)({defaultClassName:"_1dlf434j dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 _1dlf4347 _1dlf4348",variantClassNames:{hasAppBar:{true:"_1dlf434k dhthxqf"}},defaultVariants:{},compoundVariants:[]}),N={transitionDuration:"var(--_1dlf4340)",zIndexes:{dim:"var(--_1dlf4341)",paper:"var(--_1dlf4342)",edge:"var(--_1dlf4343)",appBar:"var(--_1dlf4344)"},appBar:{center:{mainWidth:"var(--_1dlf4345)"}}};var yt=b.default.forwardRef(({title:e,appendLeft:r,appendRight:t,backButton:o,closeButton:a,closeButtonLocation:n="left",border:s=!0,iconColor:d,textColor:i,borderColor:p,borderSize:f,height:g,backgroundColor:h,onTopClick:k},m)=>{var se;let I=(0,U.useActions)(),P=(0,U.useActivity)(),L=O(),x=(se=L.appBar)==null?void 0:se.closeButton,R=(0,b.useRef)(null),{maxWidth:S}=ge({outerRef:m,innerRef:R,enable:L.theme==="cupertino"}),v=E=>{o&&"onClick"in o&&o.onClick&&o.onClick(E),E.defaultPrevented||I.pop()},l=()=>{var E;return P.isRoot?null:o?"render"in o&&o.render?(E=o.render)==null?void 0:E.call(o):b.default.createElement("button",{type:"button",className:ne,onClick:v},"renderIcon"in o&&o.renderIcon?o.renderIcon():b.default.createElement(W,null)):b.default.createElement("button",{type:"button",className:ne,onClick:v},b.default.createElement(W,null))},y=E=>{var ie;a&&"onClick"in a&&a.onClick&&a.onClick(E),!E.defaultPrevented&&x&&"onClick"in x&&((ie=x.onClick)==null||ie.call(x,E))},u=()=>{var E;return!a&&!((E=L.appBar)!=null&&E.closeButton)||!P.isRoot?null:a&&"render"in a&&a.render?a.render():x&&"render"in x&&x.render?x.render():b.default.createElement("button",{type:"button",className:Me,onClick:y},(()=>a&&"renderIcon"in a&&a.renderIcon?a.renderIcon():x&&"renderIcon"in x&&x.renderIcon?x.renderIcon():b.default.createElement(oe,null))())},et=!!(n==="left"&&a||o||r);return b.default.createElement("div",{ref:m,className:Re({border:s}),style:(0,Be.assignInlineVars)(_({[c.appBar.iconColor]:d,[c.appBar.textColor]:i,[c.appBar.borderColor]:p,[c.appBar.borderSize]:f,[c.appBar.height]:g,[c.appBar.backgroundColor]:h||c.backgroundColor,[N.appBar.center.mainWidth]:`${S}px`}))},b.default.createElement("div",{className:Ie},n==="left"&&u(),l(),r==null?void 0:r()),b.default.createElement("div",{ref:R,className:_e},b.default.createElement("div",{className:Se({hasLeft:et})},typeof e=="string"?b.default.createElement("div",{className:ze},e):e,b.default.createElement("button",{className:Ne,type:"button","aria-hidden":"true",onClick:k}))),b.default.createElement("div",{className:Le},t==null?void 0:t(),n==="right"&&u()))}),De=yt;var bt=({backgroundColor:e,dimBackgroundColor:r,appBar:t,preventSwipeBack:o,children:a})=>{let n=O(),s=(0,Y.useActivity)(),{pop:d}=(0,Y.useActions)(),i=(0,q.useRef)(null),p=(0,q.useRef)(null),f=(0,q.useRef)(null),g=(0,q.useRef)(null),h=(0,q.useRef)(null);ke({refs:[i],hasEffect:!0}),Ee({theme:n.theme,refs:n.theme==="cupertino"?[f]:[f,h],hasEffect:!0}),qe({theme:n.theme,dimRef:p,edgeRef:g,paperRef:f,hasEffect:!0,onSwiped(){d()}});let k=!!t,m=s.zIndex*5,I=m,P=m+(n.theme==="cupertino"&&k?1:3),L=m+4,x=m+7,{transitionState:R}=s,S=V(R),v=l=>{var y,u;(y=t==null?void 0:t.onTopClick)==null||y.call(t,l),l.defaultPrevented||(u=f.current)==null||u.scroll({top:0,behavior:"smooth"})};return q.default.createElement("div",{ref:i,className:we({transitionState:R==="enter-done"||R==="exit-done"?R:S}),style:(0,He.assignInlineVars)(_({[c.backgroundColor]:e,[c.dimBackgroundColor]:r,[c.appBar.height]:t==null?void 0:t.height,[N.zIndexes.dim]:`${I}`,[N.zIndexes.paper]:`${P}`,[N.zIndexes.edge]:`${L}`,[N.zIndexes.appBar]:`${x}`,[N.transitionDuration]:s.transitionState==="enter-active"||s.transitionState==="exit-active"?"var(--stackflow-transition-duration)":"0ms"}))},q.default.createElement("div",{className:Te,ref:p}),q.default.createElement("div",{key:s.id,className:Ve({hasAppBar:k}),ref:f},a),!s.isRoot&&n.theme==="cupertino"&&!o&&q.default.createElement("div",{className:Pe({hasAppBar:k}),ref:g}),t&&q.default.createElement(De,me(pe({},t),{ref:h,onTopClick:v})))},Oe=bt;var J=require("@stackflow/react"),je=require("@vanilla-extract/dynamic"),z=w(require("react"));var Fe=require("@vanilla-extract/recipes/createRuntimeFn"),$e=(0,Fe.createRuntimeFn)({defaultClassName:"dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 dhthxqb",variantClassNames:{transitionState:{"enter-active":"_1ht38h04","enter-done":"_1ht38h05","exit-active":"_1ht38h06","exit-done":"_1ht38h07"}},defaultVariants:{},compoundVariants:[]}),Ge="_1ht38h0d dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 dhthxqb dhthxq9 dhthxq7 _1ht38h03";var We="_1ht38h0e dhthxqb _1ht38h03",Z={transitionDuration:"var(--_1ht38h00)",zIndexes:{dim:"var(--_1ht38h01)",paper:"var(--_1ht38h02)"}};var Ct=({borderRadius:e="1rem",backgroundColor:r,dimBackgroundColor:t,onOutsideClick:o,children:a})=>{let n=(0,J.useActivity)(),{pop:s}=(0,J.useActions)(),d=(0,z.useRef)(null),i=(0,z.useRef)(null);C({styleName:"hide",refs:[d]}),C({styleName:"offset",refs:[i]}),C({styleName:"swipe-back",refs:[i]});let p=(0,z.useRef)(!1),f=m=>{o==null||o(m),!m.defaultPrevented&&(p.current||(p.current=!0,s()))},g=m=>{m.stopPropagation()},h=n.zIndex*5+3,k=n.zIndex*5+4;return z.default.createElement("div",{className:$e({transitionState:V(n.transitionState)}),ref:d,style:(0,je.assignInlineVars)(_({[c.bottomSheet.borderRadius]:e,[c.backgroundColor]:r,[c.dimBackgroundColor]:t,[Z.zIndexes.dim]:`${h}`,[Z.zIndexes.paper]:`${k}`,[Z.transitionDuration]:n.transitionState==="enter-active"||n.transitionState==="exit-active"?"var(--stackflow-transition-duration)":"0ms"}))},z.default.createElement("div",{className:Ge,ref:i,onClick:f},z.default.createElement("div",{className:We,onClick:g},a)))},Xe=Ct;var Q=require("@stackflow/react"),Ke=require("@vanilla-extract/dynamic"),M=w(require("react"));var Ue=require("@vanilla-extract/recipes/createRuntimeFn"),Ye=(0,Ue.createRuntimeFn)({defaultClassName:"dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 dhthxqb",variantClassNames:{transitionState:{"enter-active":"_5ozg8c4","enter-done":"_5ozg8c5","exit-active":"_5ozg8c6","exit-done":"_5ozg8c7"}},defaultVariants:{},compoundVariants:[]}),Ze="_5ozg8cd dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 dhthxqb dhthxq8 dhthxq7 dhthxqa _5ozg8c3";var Je="_5ozg8ce dhthxqb _5ozg8c3",K={transitionDuration:"var(--_5ozg8c0)",zIndexes:{dim:"var(--_5ozg8c1)",paper:"var(--_5ozg8c2)"}};var Et=({backgroundColor:e,dimBackgroundColor:r,borderRadius:t="1rem",onOutsideClick:o,children:a})=>{let n=(0,Q.useActivity)(),{pop:s}=(0,Q.useActions)(),d=(0,M.useRef)(null),i=(0,M.useRef)(null);C({styleName:"hide",refs:[d]}),C({styleName:"offset",refs:[i]}),C({styleName:"swipe-back",refs:[i]});let p=(0,M.useRef)(!1),f=m=>{o==null||o(m),!m.defaultPrevented&&(p.current||(p.current=!0,s()))},g=m=>{m.stopPropagation()},h=n.zIndex*5+3,k=n.zIndex*5+4;return M.default.createElement("div",{className:Ye({transitionState:V(n.transitionState)}),ref:d,style:(0,Ke.assignInlineVars)(_({[c.bottomSheet.borderRadius]:t,[c.backgroundColor]:e,[c.dimBackgroundColor]:r,[K.zIndexes.dim]:`${h}`,[K.zIndexes.paper]:`${k}`,[K.transitionDuration]:n.transitionState==="enter-active"||n.transitionState==="exit-active"?"var(--stackflow-transition-duration)":"0ms"}))},M.default.createElement("div",{className:Ze,ref:i,onClick:f},M.default.createElement("div",{className:Je,onClick:g},a)))},Qe=Et;
|
|
1
|
+
"use strict";var ee=Object.create;var B=Object.defineProperty,re=Object.defineProperties,oe=Object.getOwnPropertyDescriptor,ae=Object.getOwnPropertyDescriptors,ne=Object.getOwnPropertyNames,lt=Object.getOwnPropertySymbols,se=Object.getPrototypeOf,pt=Object.prototype.hasOwnProperty,ie=Object.prototype.propertyIsEnumerable;var dt=(t,r,e)=>r in t?B(t,r,{enumerable:!0,configurable:!0,writable:!0,value:e}):t[r]=e,mt=(t,r)=>{for(var e in r||(r={}))pt.call(r,e)&&dt(t,e,r[e]);if(lt)for(var e of lt(r))ie.call(r,e)&&dt(t,e,r[e]);return t},ut=(t,r)=>re(t,ae(r));var ft=(t,r)=>{for(var e in r)B(t,e,{get:r[e],enumerable:!0})},ht=(t,r,e,o)=>{if(r&&typeof r=="object"||typeof r=="function")for(let a of ne(r))!pt.call(t,a)&&a!==e&&B(t,a,{get:()=>r[a],enumerable:!(o=oe(r,a))||o.enumerable});return t};var T=(t,r,e)=>(e=t!=null?ee(se(t)):{},ht(r||!t||!t.__esModule?B(e,"default",{value:t,enumerable:!0}):e,t)),ce=t=>ht(B({},"__esModule",{value:!0}),t);var qe={};ft(qe,{AppScreen:()=>Ft,BottomSheet:()=>Ut,Modal:()=>te,basicUIPlugin:()=>gt,cssVars:()=>s});module.exports=ce(qe);var bt=require("@vanilla-extract/dynamic"),P=T(require("react"));var rt={};ft(rt,{android:()=>le,cupertino:()=>de,globalVars:()=>s,rootAndroid:()=>pe,rootCupertino:()=>me});var le="_1coppmz0",de="_1coppmz1",s={backgroundColor:"var(--stackflow-plugin-basic-ui-background-color)",dimBackgroundColor:"var(--stackflow-plugin-basic-ui-dim-background-color)",appBar:{borderColor:"var(--stackflow-plugin-basic-ui-app-bar-border-color)",borderSize:"var(--stackflow-plugin-basic-ui-app-bar-border-size)",height:"var(--stackflow-plugin-basic-ui-app-bar-height)",iconColor:"var(--stackflow-plugin-basic-ui-app-bar-icon-color)",textColor:"var(--stackflow-plugin-basic-ui-app-bar-text-color)",backgroundColor:"var(--stackflow-plugin-basic-ui-app-bar-background-color)",showTransitionDuration:"var(--stackflow-plugin-basic-ui-app-bar-show-transition-duration)"},bottomSheet:{borderRadius:"var(--stackflow-plugin-basic-ui-bottom-sheet-border-radius)"},modal:{borderRadius:"var(--stackflow-plugin-basic-ui-bottom-sheet-border-radius)"}},pe=":root[data-stackflow-plugin-basic-ui-theme=android]",me=":root[data-stackflow-plugin-basic-ui-theme=cupertino]";function R(t){return Object.entries(t).reduce((r,[e,o])=>(o!=null&&(r[e]=o),r),{})}function O(t,r,e){let o=()=>{t.removeEventListener(r,o),e()};t.addEventListener(r,o)}var xt=t=>(t(),window.addEventListener("resize",t),()=>{window.removeEventListener("resize",t)});var vt=()=>{};function F(t){requestAnimationFrame(()=>{requestAnimationFrame(()=>{t()})})}var yt=(0,P.createContext)({theme:"android"}),ue=yt.Provider;function $(){return(0,P.useContext)(yt)}var gt=t=>()=>({key:"basic-ui",wrapStack({stack:r}){var e,o,a,i,l,c,n;return P.default.createElement(ue,{value:t},P.default.createElement("div",{className:typeof window!="undefined"?rt[t.theme]:void 0,style:(0,bt.assignInlineVars)(R({[s.backgroundColor]:t.backgroundColor,[s.dimBackgroundColor]:t.dimBackgroundColor,[s.appBar.borderColor]:(e=t.appBar)==null?void 0:e.borderColor,[s.appBar.borderSize]:(o=t.appBar)==null?void 0:o.borderSize,[s.appBar.height]:(a=t.appBar)==null?void 0:a.height,[s.appBar.iconColor]:(i=t.appBar)==null?void 0:i.iconColor,[s.appBar.textColor]:(l=t.appBar)==null?void 0:l.textColor,[s.bottomSheet.borderRadius]:(c=t.bottomSheet)==null?void 0:c.borderRadius,[s.modal.borderRadius]:(n=t.modal)==null?void 0:n.borderRadius}))},r.render()))}});var J=require("@stackflow/react"),Ot=require("@vanilla-extract/dynamic"),q=T(require("react"));var G=require("react");function A(t){let[r,e]=(0,G.useState)(void 0);return(0,G.useEffect)(()=>{F(()=>{e(t)})},[t]),r}var W=require("react");function Ct({outerRef:t,innerRef:r,enable:e}){let[o,a]=(0,W.useState)(void 0);return(0,W.useEffect)(()=>{let i=t&&"current"in t&&t.current,l=r.current;return!e||!i||!l?vt:xt(()=>{let n=i.clientWidth,p=l.offsetLeft,v=l.clientWidth,g=n-p-v,m=Math.max(p,g);a(n-2*m)})},[]),{maxWidth:o}}var kt=require("@stackflow/react"),ot=require("react"),D={};function C({styleName:t,refs:r,effect:e}){let o=(0,kt.useActivity)();(0,ot.useEffect)(()=>(D[t]||(D[t]=new Map),D[t].set(o.zIndex,{refs:r,hasEffect:!!e}),()=>{D[t].delete(o.zIndex)}),[o.id,r,e]),(0,ot.useEffect)(()=>{if(!e)return()=>{};let a=(()=>{let l=[];for(let c=1;c<=o.zIndex;c+=1){let n=D[t].get(o.zIndex-c);if(n!=null&&n.refs&&(l=[...l,...n.refs]),n!=null&&n.hasEffect)break}return l})(),i=e({activityTransitionState:o.transitionState,refs:a});return()=>{i==null||i()}},[o.transitionState])}function Et({refs:t,hasEffect:r}){C({styleName:"hide",refs:t,effect:r?({activityTransitionState:e,refs:o})=>{switch(e){case"enter-done":{o.forEach(a=>{!a.current||(a.current.style.display="none")});break}default:{o.forEach(a=>{!a.current||(a.current.style.display="")});break}}}:void 0})}var fe=32,j=80;function qt({refs:t,theme:r,hasEffect:e}){C({styleName:"offset",refs:t,effect:e?({activityTransitionState:o,refs:a})=>{let i=r==="cupertino"?`translateX(-${j/16}rem)`:`translateY(-${fe/16}rem)`;switch(o){case"enter-active":case"enter-done":{a.forEach(l=>{!l.current||(l.current.style.transition="var(--stackflow-transition-duration)",l.current.style.transform=i)});break}case"exit-active":case"exit-done":{F(()=>{a.forEach(l=>{if(!l.current)return;let c=l.current;c.style.transform="",O(c,"transitionend",()=>{c.style.transition=""})})});break}default:break}}:void 0})}function Rt({theme:t,dimRef:r,edgeRef:e,paperRef:o,hasEffect:a,onSwiped:i}){C({styleName:"swipe-back",refs:[o],effect:a?({refs:l})=>{if(t!=="cupertino")return()=>{};if(!r.current||!e.current||!o.current)return()=>{};let c=r.current,n=e.current,p=o.current,v=null,g=null,m=null,k=[],h=()=>{v=null,g=null,m=null,k=[]},_=!1;function S(u){_||(_=!0,requestAnimationFrame(()=>{let d=u/p.clientWidth;c.style.opacity=`${1-d}`,c.style.transition="0s",p.style.overflowY="hidden",p.style.transform=`translateX(${u}px)`,p.style.transition="0s",l.forEach(b=>{var f;!b.current||(b.current.style.transform=`translateX(${-1*(1-d)*j}px)`,b.current.style.transition="0s",((f=b.current.parentElement)==null?void 0:f.style.display)==="none"&&(b.current.parentElement.style.display="block"))}),_=!1}))}function I({swiped:u}){requestAnimationFrame(()=>{c.style.opacity=`${u?0:1}`,c.style.transition="var(--stackflow-transition-duration)",p.style.overflowY="hidden",p.style.transform=`translateX(${u?"100%":"0"})`,p.style.transition="var(--stackflow-transition-duration)",l.forEach(d=>{!d.current||(d.current.style.transition="var(--stackflow-transition-duration)",d.current.style.transform=`translateX(${u?"0":`-${j/16}rem`})`)}),O(p,"transitionend",()=>{c.style.opacity="",p.style.overflowY="",p.style.transform="",l.forEach((d,b)=>{if(!d.current)return;let f=k[b];u?(d.current.style.transition="",d.current.style.transform="",d.current.parentElement&&(d.current.parentElement.style.display="")):f&&(d.current.style.transition=f.style.transition,d.current.style.transform=f.style.transform,d.current.parentElement&&f.parentElement&&(d.current.parentElement.style.display=f.parentElement.style.display))})})})}let x=u=>{var b;let{activeElement:d}=document;(b=d==null?void 0:d.blur)==null||b.call(d),v=m=u.touches[0].clientX,g=Date.now(),k=l.map(f=>f.current?{style:{transform:f.current.style.transform,transition:f.current.style.transition},parentElement:f.current.parentElement?{style:{display:f.current.parentElement.style.display}}:void 0}:{style:{transform:"",transition:""}})},L=u=>{if(!v){h();return}m=u.touches[0].clientX,S(m-v)},N=()=>{if(!v||!g||!m){h();return}let u=Date.now(),b=(m-v)/(u-g)>1||m/p.clientWidth>.4;b&&(i==null||i()),h(),I({swiped:b})};return n.addEventListener("touchstart",x,{passive:!0}),n.addEventListener("touchmove",L,{passive:!0}),n.addEventListener("touchend",N,{passive:!0}),n.addEventListener("touchcancel",N,{passive:!0}),()=>{n.removeEventListener("touchstart",x),n.removeEventListener("touchmove",L),n.removeEventListener("touchend",N),n.removeEventListener("touchcancel",N)}}:void 0})}var Z=require("@stackflow/react"),Dt=require("@vanilla-extract/dynamic"),y=T(require("react"));var at=T(require("react")),he=t=>at.default.createElement("svg",{className:t.className,width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},at.default.createElement("path",{d:"M11.5659 5.56564C11.8783 5.25322 11.8783 4.74669 11.5659 4.43427C11.2535 4.12185 10.7469 4.12185 10.4345 4.43427L3.43451 11.4343C3.12209 11.7467 3.12209 12.2532 3.43451 12.5656L10.4345 19.5656C10.7469 19.8781 11.2535 19.8781 11.5659 19.5656C11.8783 19.2532 11.8783 18.7467 11.5659 18.4343L5.93157 12.8H20.0002C20.442 12.8 20.8002 12.4418 20.8002 12C20.8002 11.5581 20.442 11.2 20.0002 11.2H5.93157L11.5659 5.56564Z",fill:"currentColor"})),X=he;var U=T(require("react")),xe=t=>U.default.createElement("svg",{className:t.className,width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},U.default.createElement("path",{d:"M6.56588 5.43433C6.25346 5.12191 5.74693 5.12191 5.43451 5.43433C5.12209 5.74675 5.12209 6.25328 5.43451 6.5657L10.8688 12L5.43451 17.4343C5.12209 17.7467 5.12209 18.2533 5.43451 18.5657C5.74693 18.8781 6.25346 18.8781 6.56588 18.5657L12.0002 13.1314L17.4345 18.5657C17.7469 18.8781 18.2535 18.8781 18.5659 18.5657C18.8783 18.2533 18.8783 17.7467 18.5659 17.4343L13.1316 12L18.5659 6.5657C18.8783 6.25328 18.8783 5.74675 18.5659 5.43433C18.2535 5.12191 17.7469 5.12191 17.4345 5.43433L12.0002 10.8686L6.56588 5.43433Z",fill:"currentColor"}),U.default.createElement("path",{d:"M6.56588 5.43433C6.25346 5.12191 5.74693 5.12191 5.43451 5.43433C5.12209 5.74675 5.12209 6.25328 5.43451 6.5657L10.8688 12L5.43451 17.4343C5.12209 17.7467 5.12209 18.2533 5.43451 18.5657C5.74693 18.8781 6.25346 18.8781 6.56588 18.5657L12.0002 13.1314L17.4345 18.5657C17.7469 18.8781 18.2535 18.8781 18.5659 18.5657C18.8783 18.2533 18.8783 17.7467 18.5659 17.4343L13.1316 12L18.5659 6.5657C18.8783 6.25328 18.8783 5.74675 18.5659 5.43433C18.2535 5.12191 17.7469 5.12191 17.4345 5.43433L12.0002 10.8686L6.56588 5.43433Z",fill:"currentColor"})),nt=xe;var st=require("@vanilla-extract/recipes/createRuntimeFn"),_t=(0,st.createRuntimeFn)({defaultClassName:"_1yk3a450 dhthxq4 dhthxq8 dhthxq7 dhthxq0 dhthxqg _1dlf4347",variantClassNames:{border:{true:"_1yk3a451"}},defaultVariants:{},compoundVariants:[]}),it="_1yk3a453 dhthxq8 dhthxq7 dhthxqa dhthxqe dhthxqh",St="_1yk3a455 dhthxq8 dhthxq7",Nt=(0,st.createRuntimeFn)({defaultClassName:"_1yk3a456",variantClassNames:{hasLeft:{true:"_1yk3a457"}},defaultVariants:{},compoundVariants:[]}),wt="_1yk3a458 dhthxqh dhthxq4 dhthxq2 dhthxqe",zt="_1yk3a459 dhthxqb dhthxqc dhthxq0",Mt="_1yk3a453 dhthxq8 dhthxq7 dhthxqa dhthxqe dhthxqh",It="_1yk3a452 dhthxq8 dhthxq7 dhthxq1",Lt="_1yk3a45a dhthxq8 dhthxq7 dhthxq1 dhthxq5";var Y=require("@vanilla-extract/recipes/createRuntimeFn");var Tt=(0,Y.createRuntimeFn)({defaultClassName:"dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 dhthxqb",variantClassNames:{transitionState:{"enter-active":"_1dlf4349","enter-done":"_1dlf434a","exit-active":"_1dlf434b","exit-done":"_1dlf434c"}},defaultVariants:{},compoundVariants:[]});var Pt="_1dlf434i dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 _1dlf4346 _1dlf4348",At=(0,Y.createRuntimeFn)({defaultClassName:"_1dlf434l dhthxq4 dhthxq2 dhthxq3 dhthxq1",variantClassNames:{hasAppBar:{true:"_1dlf434m"}},defaultVariants:{},compoundVariants:[]});var Vt=(0,Y.createRuntimeFn)({defaultClassName:"_1dlf434j dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 _1dlf4347 _1dlf4348",variantClassNames:{hasAppBar:{true:"_1dlf434k dhthxqf"}},defaultVariants:{},compoundVariants:[]}),w={transitionDuration:"var(--_1dlf4340)",zIndexes:{dim:"var(--_1dlf4341)",paper:"var(--_1dlf4342)",edge:"var(--_1dlf4343)",appBar:"var(--_1dlf4344)"},appBar:{center:{mainWidth:"var(--_1dlf4345)"}}};var be=y.default.forwardRef(({title:t,appendLeft:r,appendRight:e,backButton:o,closeButton:a,closeButtonLocation:i="left",border:l=!0,iconColor:c,textColor:n,borderColor:p,borderSize:v,height:g,backgroundColor:m,onTopClick:k},h)=>{var V;let _=(0,Z.useActions)(),S=(0,Z.useActivity)(),I=$(),x=(V=I.appBar)==null?void 0:V.closeButton,L=(0,y.useRef)(null),{maxWidth:N}=Ct({outerRef:h,innerRef:L,enable:I.theme==="cupertino"}),u=E=>{o&&"onClick"in o&&o.onClick&&o.onClick(E),E.defaultPrevented||_.pop()},d=()=>{var E;return S.isRoot?null:o?"render"in o&&o.render?(E=o.render)==null?void 0:E.call(o):y.default.createElement("button",{type:"button",className:it,onClick:u},"renderIcon"in o&&o.renderIcon?o.renderIcon():y.default.createElement(X,null)):y.default.createElement("button",{type:"button",className:it,onClick:u},y.default.createElement(X,null))},b=E=>{var ct;a&&"onClick"in a&&a.onClick&&a.onClick(E),!E.defaultPrevented&&x&&"onClick"in x&&((ct=x.onClick)==null||ct.call(x,E))},f=()=>{var E;return!a&&!((E=I.appBar)!=null&&E.closeButton)||!S.isRoot?null:a&&"render"in a&&a.render?a.render():x&&"render"in x&&x.render?x.render():y.default.createElement("button",{type:"button",className:Mt,onClick:b},(()=>a&&"renderIcon"in a&&a.renderIcon?a.renderIcon():x&&"renderIcon"in x&&x.renderIcon?x.renderIcon():y.default.createElement(nt,null))())},H=!!(i==="left"&&a||o||r);return y.default.createElement("div",{ref:h,className:_t({border:l}),style:(0,Dt.assignInlineVars)(R({[s.appBar.iconColor]:c,[s.appBar.textColor]:n,[s.appBar.borderColor]:p,[s.appBar.borderSize]:v,[s.appBar.height]:g,[s.appBar.backgroundColor]:m||s.backgroundColor,[w.appBar.center.mainWidth]:`${N}px`}))},y.default.createElement("div",{className:It},i==="left"&&f(),d(),r==null?void 0:r()),y.default.createElement("div",{ref:L,className:St},y.default.createElement("div",{className:Nt({hasLeft:H})},typeof t=="string"?y.default.createElement("div",{className:zt},t):t,y.default.createElement("button",{className:wt,type:"button","aria-hidden":"true",onClick:k}))),y.default.createElement("div",{className:Lt},e==null?void 0:e(),i==="right"&&f()))}),Ht=be;var ye=({backgroundColor:t,dimBackgroundColor:r,appBar:e,showAppBar:o=!!e,showAppBarTransitionDuration:a,preventSwipeBack:i,children:l})=>{let c=$(),n=(0,J.useActivity)(),{pop:p}=(0,J.useActions)(),v=(0,q.useRef)(null),g=(0,q.useRef)(null),m=(0,q.useRef)(null),k=(0,q.useRef)(null),h=(0,q.useRef)(null);Et({refs:[v],hasEffect:!0}),qt({theme:c.theme,refs:c.theme==="cupertino"?[m]:[m,h],hasEffect:!0}),Rt({theme:c.theme,dimRef:g,edgeRef:k,paperRef:m,hasEffect:!0,onSwiped(){p()}});let _=!!e,S=n.zIndex*5,I=S,x=S+(c.theme==="cupertino"&&_?1:3),L=S+4,N=S+7,{transitionState:u}=n,d=A(u),b=f=>{var H,V;(H=e==null?void 0:e.onTopClick)==null||H.call(e,f),f.defaultPrevented||(V=m.current)==null||V.scroll({top:0,behavior:"smooth"})};return q.default.createElement("div",{ref:v,className:Tt({transitionState:u==="enter-done"||u==="exit-done"?u:d}),style:(0,Ot.assignInlineVars)(R({[s.backgroundColor]:t,[s.dimBackgroundColor]:r,[s.appBar.height]:o?e==null?void 0:e.height:"0",[s.appBar.showTransitionDuration]:a,[w.zIndexes.dim]:`${I}`,[w.zIndexes.paper]:`${x}`,[w.zIndexes.edge]:`${L}`,[w.zIndexes.appBar]:`${N}`,[w.transitionDuration]:n.transitionState==="enter-active"||n.transitionState==="exit-active"?"var(--stackflow-transition-duration)":"0ms"}))},q.default.createElement("div",{className:Pt,ref:g}),q.default.createElement("div",{key:n.id,className:Vt({hasAppBar:_}),ref:m},l),!n.isRoot&&c.theme==="cupertino"&&!i&&q.default.createElement("div",{className:At({hasAppBar:_}),ref:k}),e&&q.default.createElement(Ht,ut(mt({},e),{ref:h,onTopClick:b})))},Ft=ye;var Q=require("@stackflow/react"),Xt=require("@vanilla-extract/dynamic"),z=T(require("react"));var $t=require("@vanilla-extract/recipes/createRuntimeFn"),Gt=(0,$t.createRuntimeFn)({defaultClassName:"dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 dhthxqb",variantClassNames:{transitionState:{"enter-active":"_1ht38h04","enter-done":"_1ht38h05","exit-active":"_1ht38h06","exit-done":"_1ht38h07"}},defaultVariants:{},compoundVariants:[]}),Wt="_1ht38h0d dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 dhthxqb dhthxq9 dhthxq7 _1ht38h03";var jt="_1ht38h0e dhthxqb _1ht38h03",K={transitionDuration:"var(--_1ht38h00)",zIndexes:{dim:"var(--_1ht38h01)",paper:"var(--_1ht38h02)"}};var Ce=({borderRadius:t="1rem",backgroundColor:r,dimBackgroundColor:e,onOutsideClick:o,children:a})=>{let i=(0,Q.useActivity)(),{pop:l}=(0,Q.useActions)(),c=(0,z.useRef)(null),n=(0,z.useRef)(null);C({styleName:"hide",refs:[c]}),C({styleName:"offset",refs:[n]}),C({styleName:"swipe-back",refs:[n]});let p=(0,z.useRef)(!1),v=h=>{o==null||o(h),!h.defaultPrevented&&(p.current||(p.current=!0,l()))},g=h=>{h.stopPropagation()},m=i.zIndex*5+3,k=i.zIndex*5+4;return z.default.createElement("div",{className:Gt({transitionState:A(i.transitionState)}),ref:c,style:(0,Xt.assignInlineVars)(R({[s.bottomSheet.borderRadius]:t,[s.backgroundColor]:r,[s.dimBackgroundColor]:e,[K.zIndexes.dim]:`${m}`,[K.zIndexes.paper]:`${k}`,[K.transitionDuration]:i.transitionState==="enter-active"||i.transitionState==="exit-active"?"var(--stackflow-transition-duration)":"0ms"}))},z.default.createElement("div",{className:Wt,ref:n,onClick:v},z.default.createElement("div",{className:jt,onClick:g},a)))},Ut=Ce;var et=require("@stackflow/react"),Qt=require("@vanilla-extract/dynamic"),M=T(require("react"));var Yt=require("@vanilla-extract/recipes/createRuntimeFn"),Zt=(0,Yt.createRuntimeFn)({defaultClassName:"dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 dhthxqb",variantClassNames:{transitionState:{"enter-active":"_5ozg8c4","enter-done":"_5ozg8c5","exit-active":"_5ozg8c6","exit-done":"_5ozg8c7"}},defaultVariants:{},compoundVariants:[]}),Jt="_5ozg8cd dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 dhthxqb dhthxq8 dhthxq7 dhthxqa _5ozg8c3";var Kt="_5ozg8ce dhthxqb _5ozg8c3",tt={transitionDuration:"var(--_5ozg8c0)",zIndexes:{dim:"var(--_5ozg8c1)",paper:"var(--_5ozg8c2)"}};var Ee=({backgroundColor:t,dimBackgroundColor:r,borderRadius:e="1rem",onOutsideClick:o,children:a})=>{let i=(0,et.useActivity)(),{pop:l}=(0,et.useActions)(),c=(0,M.useRef)(null),n=(0,M.useRef)(null);C({styleName:"hide",refs:[c]}),C({styleName:"offset",refs:[n]}),C({styleName:"swipe-back",refs:[n]});let p=(0,M.useRef)(!1),v=h=>{o==null||o(h),!h.defaultPrevented&&(p.current||(p.current=!0,l()))},g=h=>{h.stopPropagation()},m=i.zIndex*5+3,k=i.zIndex*5+4;return M.default.createElement("div",{className:Zt({transitionState:A(i.transitionState)}),ref:c,style:(0,Qt.assignInlineVars)(R({[s.bottomSheet.borderRadius]:e,[s.backgroundColor]:t,[s.dimBackgroundColor]:r,[tt.zIndexes.dim]:`${m}`,[tt.zIndexes.paper]:`${k}`,[tt.transitionDuration]:i.transitionState==="enter-active"||i.transitionState==="exit-active"?"var(--stackflow-transition-duration)":"0ms"}))},M.default.createElement("div",{className:Jt,ref:n,onClick:v},M.default.createElement("div",{className:Kt,onClick:g},a)))},te=Ee;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|