@stackflow/plugin-basic-ui 0.15.5-alpha.14 → 0.16.1-alpha.20
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 +2 -1
- 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 +17 -5
- package/src/components/AppBar.css.ts +1 -0
- package/src/components/AppBar.tsx +9 -1
- package/src/theme.css.ts +2 -0
|
@@ -5,7 +5,8 @@ declare const AppBar: React.ForwardRefExoticComponent<Partial<Pick<{
|
|
|
5
5
|
height: string;
|
|
6
6
|
iconColor: string;
|
|
7
7
|
textColor: string;
|
|
8
|
-
|
|
8
|
+
backgroundColor: string;
|
|
9
|
+
}, "height" | "backgroundColor" | "borderColor" | "borderSize" | "iconColor" | "textColor">> & {
|
|
9
10
|
title?: React.ReactNode;
|
|
10
11
|
appendLeft?: (() => React.ReactNode) | undefined;
|
|
11
12
|
appendRight?: (() => React.ReactNode) | undefined;
|
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-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-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-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-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{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{text-overflow:ellipsis;font-size:inherit;font-weight:inherit}._1yk3a459{padding:0 .5rem;margin-left:auto}._1yk3a459:empty{display:none}._1coppmz0 ._1yk3a459,:root[data-stackflow-plugin-basic-ui-theme=android] ._1yk3a459{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-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{text-overflow:ellipsis;font-size:inherit;font-weight:inherit}._1yk3a459{padding:0 .5rem;margin-left:auto}._1yk3a459:empty{display:none}._1coppmz0 ._1yk3a459,:root[data-stackflow-plugin-basic-ui-theme=android] ._1yk3a459{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-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-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-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-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 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 text-overflow: ellipsis;\n font-size: inherit;\n font-weight: inherit;\n}\n._1yk3a459 {\n padding: 0 0.5rem;\n margin-left: auto;\n}\n._1yk3a459:empty {\n display: none;\n}\n._1coppmz0 ._1yk3a459, :root[data-stackflow-plugin-basic-ui-theme=android] ._1yk3a459 {\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,6DAEF,sDACE,mDACA,qEACA,qEACA,sDACA,oDACA,wDACA,wDACA,6DAEF,WACE,mDACA,qEACA,qEACA,qDACA,mDACA,wDACA,wDACA,6DAEF,WACE,mDACA,qEACA,qEACA,sDACA,oDACA,wDACA,wDACA,
|
|
3
|
+
"sources": ["vanilla-extract-css-ns:src/theme.css.ts.vanilla.css?source=#H4sIAAAAAAAAE+2U3UrEMBBG7/cpAt4obEKzWha6+CQikr+2wSYTJhNcVnx3q6hX6ra97ZJACMn5IJPDNAhAW9Z8LA9WkeKZlHluB3jhaSidj1yr7A0vnlPvgrtX0SJ4+8heN4zxf67r8aBDKNFyAwNgw67atj2coawPv5DYaXVdbdnXFLK+ORekUho3yDWgdfhXULWfG5T9yTVMpuNUrne+66lht6JGF6ZS3kD8qdtOjuNuKkruSAvRZX+mgQgCz71z9F0mVNaXPBbq881vmxmGmZIcko+wcscqUc+3bCf2a9ZMPEkDKYVTtW53Lv1pqThy3eJcms5sd94BLE4WS0QJAAA=", "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=#H4sIAAAAAAAAE61V246bMBB9z1f4pRJR48jsbi9x1P9oVVXVYDtgYmzLmKTdqv9eA8smwJImKBIPoDlz5syV9c+Yq93T49NH9GeBUAJsnzpTaY6ZUcZRdAAXYVz6YNgpc8RWVanUOIFSMlxJzGWBh17L7eLvYt0xf5rJfJn1c8PqHehSeml0x9fZSR/OTvCdcQVtXxV48TWKCXnXR8sGbSww6X9TRLbh6xlLzcWvYZy482TG2uKZoBPJClFnjP/OwcOFPH0mCvEFNHdG8h9oICITMs08RTFxotj2CkmRklqAw6kDLoX20axmrZBLE4jICr08y34xNkNJr3WJezi4EpdM4sigZdfh8tZ4EK7JOdhL5oxSdbHwUSR76fGrtTVJnYYJMBXLLnT2oV+GnNKOrSVJwDWRuSytghBWGy16wxCfMshvGgZWWeG81OZsHPIrJ3gUenNPFZvrBJFJNXBPNTBLDZkrYbyj+RuH4i0N36Jmfyd1zO7RWNKoQ+drOKVuukKz+zVWNurWTcpax33jaIHzsMPYG0sRA8X+e/nA2vDhcHtOl+g9YkYHeDiaJewEBicgnIFS+Jq0voD3iSL0YSrAWVaqyeoouc9CMdYPH15u/cRleux7F+3o1ypvFLg9+8E0CdaHBOFbaWo5/wBUmwz0SQgAAA==", "vanilla-extract-css-ns:src/components/AppBar.css.ts.vanilla.css?source=#H4sIAAAAAAAAE61Wy3LbIBTd5yvYdMbuBA3yM1Gmmy6666qbdjqdzLWEbBoEDCC/Ov33ApIdybISp85O4j44nHvvgegx3j2NYTIl6M8NQgtIn5ZaliLDqeRSJ2gNeoCxsc6Qc7nBipdLJvACDEtxyTAo5X40Po0cPrh0K8qWK3t5kso/hCrIMiaW2EqVoFQKFyzswEBOMWgKmAlDrbd2valY9zru3X9GtwdIj3HG88l4MnHGvzfRY5xKpYp9jKIjL7co0VLanxlYeOEIdkUL+iktFdWWCfmrkSEwq6RhlkmRIFgYyUtLuztWWBbvs3k3WcBhNQiTS10k1ScHS78PYkI+tCkg/4sCRKYlyzoESAUps7sEkYceGD8cDE2L4dFeE9YuFTmDs7Lcvwfkbqo2+rgffT8yeD9kcBWyKjCuZl1usVlBJjcJCkOCiNqiFHg6uHjopc6oxobt6RB9RDgeInK5YlTBB7Vo4BtVE1PNtGsYRKKpa4y2T0ILZXfBM2NGcXAUCCloy2sc7G+UMubkpiFizVasyUZjQgrjjRuW2VWCRtGoQviseaNo3gE9TiC1bE1PBiIa9e1DTCt+GgJz7gUsbllmwVKjaQ/MNJzijRxYurXt0nRkYXalLLQgewHyMH+XxrJ857YWlgpHoz+sT65tU+c5zZ0trinPnXNoQrcUxXfzQyk4ExQf6hFH06Pvpl5bSJ49HEaB7UO31W3plvquhLcd/NyVMOu9EhrN7E/uF4CzpcDM0sK4m9CRQvVZpp5NoXghrLkaTp5DwbhL7gvNKTY74/Leos+OqqevkH4L/1+cZ4erGSGnXB9oDsWYVgU8J0ADPA3Xy1UPgsseAq88AM538vzKTp439aruTRKNu/N/V13BvjxyTbXfxKHlnCnDzAm7TKyoZt06HNcbee/7BBOhArQ/QwUKSivbga+oaIeq+yup6kHqP9yW/wDsb3cFjgoAAA==", "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-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 text-overflow: ellipsis;\n font-size: inherit;\n font-weight: inherit;\n}\n._1yk3a459 {\n padding: 0 0.5rem;\n margin-left: auto;\n}\n._1yk3a459:empty {\n display: none;\n}\n._1coppmz0 ._1yk3a459, :root[data-stackflow-plugin-basic-ui-theme=android] ._1yk3a459 {\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,6DC1CF,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,4BAEF,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,kGACA,6FAEF,WACE,cACA,yBAEF,WACE,oDACA,oECvEF,WACE,2EACA,uDACA,0CACA,qCACA,yBAEF,uFACE,kBAEF,6GACE,0BAEF,qFACE,UACA,4BACA,4BAEF,2GACE,UACA,wBAEF,2GACE,UACA,wBAEF,WACE,2IAEF,WA7BA,gBAgCA,iBACE,aAEF,WACE,0DACA,uBACA,cACA,eAEF,kBACE,WACA,sBAEF,WACE,OAEF,WACE,uBACA,0DAEF,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,uBACA,kBACA,oBAEF,WApFA,gBAsFE,iBAEF,iBACE,aAEF,qFA3FA,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 Qe=Object.create;var V=Object.defineProperty,et=Object.defineProperties,tt=Object.getOwnPropertyDescriptor,rt=Object.getOwnPropertyDescriptors,ot=Object.getOwnPropertyNames,ce=Object.getOwnPropertySymbols,at=Object.getPrototypeOf,de=Object.prototype.hasOwnProperty,nt=Object.prototype.propertyIsEnumerable;var le=(e,t,r)=>t in e?V(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,pe=(e,t)=>{for(var r in t||(t={}))de.call(t,r)&&le(e,r,t[r]);if(ce)for(var r of ce(t))nt.call(t,r)&&le(e,r,t[r]);return e},me=(e,t)=>et(e,rt(t));var fe=(e,t)=>{for(var r in t)V(e,r,{get:t[r],enumerable:!0})},ue=(e,t,r,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of ot(t))!de.call(e,a)&&a!==r&&V(e,a,{get:()=>t[a],enumerable:!(o=tt(t,a))||o.enumerable});return e};var M=(e,t,r)=>(r=e!=null?Qe(at(e)):{},ue(t||!e||!e.__esModule?V(r,"default",{value:e,enumerable:!0}):r,e)),st=e=>ue(V({},"__esModule",{value:!0}),e);var kt={};fe(kt,{AppScreen:()=>He,BottomSheet:()=>je,Modal:()=>Ke,basicUIPlugin:()=>be,cssVars:()=>i});module.exports=st(kt);var ve=require("@vanilla-extract/dynamic"),w=M(require("react"));var ee={};fe(ee,{android:()=>it,cupertino:()=>ct,globalVars:()=>i,rootAndroid:()=>lt,rootCupertino:()=>dt});var it="_1coppmz0",ct="_1coppmz1",i={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)"},bottomSheet:{borderRadius:"var(--stackflow-plugin-basic-ui-bottom-sheet-border-radius)"},modal:{borderRadius:"var(--stackflow-plugin-basic-ui-bottom-sheet-border-radius)"}},lt=":root[data-stackflow-plugin-basic-ui-theme=android]",dt=":root[data-stackflow-plugin-basic-ui-theme=cupertino]";function _(e){return Object.entries(e).reduce((t,[r,o])=>(o!=null&&(t[r]=o),t),{})}function D(e,t,r){let o=()=>{e.removeEventListener(t,o),r()};e.addEventListener(t,o)}var he=e=>(e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)});var xe=()=>{};function H(e){requestAnimationFrame(()=>{requestAnimationFrame(()=>{e()})})}var ye=(0,w.createContext)({theme:"android"}),pt=ye.Provider;function O(){return(0,w.useContext)(ye)}var be=e=>()=>({key:"basic-ui",wrapStack({stack:t}){var r,o,a,n,c,l,s;return w.default.createElement(pt,{value:e},w.default.createElement("div",{className:typeof window!="undefined"?ee[e.theme]:void 0,style:(0,ve.assignInlineVars)(_({[i.backgroundColor]:e.backgroundColor,[i.dimBackgroundColor]:e.dimBackgroundColor,[i.appBar.borderColor]:(r=e.appBar)==null?void 0:r.borderColor,[i.appBar.borderSize]:(o=e.appBar)==null?void 0:o.borderSize,[i.appBar.height]:(a=e.appBar)==null?void 0:a.height,[i.appBar.iconColor]:(n=e.appBar)==null?void 0:n.iconColor,[i.appBar.textColor]:(c=e.appBar)==null?void 0:c.textColor,[i.bottomSheet.borderRadius]:(l=e.bottomSheet)==null?void 0:l.borderRadius,[i.modal.borderRadius]:(s=e.modal)==null?void 0:s.borderRadius}))},t.render()))}});var Y=require("@stackflow/react"),De=require("@vanilla-extract/dynamic"),q=M(require("react"));var F=require("react");function B(e){let[t,r]=(0,F.useState)(void 0);return(0,F.useEffect)(()=>{H(()=>{r(e)})},[e]),t}var $=require("react");function ge({outerRef:e,innerRef:t,enable:r}){let[o,a]=(0,$.useState)(void 0);return(0,$.useEffect)(()=>{let n=e&&"current"in e&&e.current,c=t.current;return!r||!n||!c?xe:he(()=>{let s=n.clientWidth,d=c.offsetLeft,u=c.clientWidth,b=s-d-u,f=Math.max(d,b);a(s-2*f)})},[]),{maxWidth:o}}var Ce=require("@stackflow/react"),te=require("react"),A={};function C({styleName:e,refs:t,effect:r}){let o=(0,Ce.useActivity)();(0,te.useEffect)(()=>(A[e]||(A[e]=new Map),A[e].set(o.zIndex,{refs:t,hasEffect:!!r}),()=>{A[e].delete(o.zIndex)}),[o.id,t,r]),(0,te.useEffect)(()=>{if(!r)return()=>{};let a=(()=>{let c=[];for(let l=1;l<=o.zIndex;l+=1){let s=A[e].get(o.zIndex-l);if(s!=null&&s.refs&&(c=[...c,...s.refs]),s!=null&&s.hasEffect)break}return c})(),n=r({activityTransitionState:o.transitionState,refs:a});return()=>{n==null||n()}},[o.transitionState])}function ke({refs:e,hasEffect:t}){C({styleName:"hide",refs:e,effect:t?({activityTransitionState:r,refs:o})=>{switch(r){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 mt=32,G=80;function Ee({refs:e,theme:t,hasEffect:r}){C({styleName:"offset",refs:e,effect:r?({activityTransitionState:o,refs:a})=>{let n=t==="cupertino"?`translateX(-${G/16}rem)`:`translateY(-${mt/16}rem)`;switch(o){case"enter-active":case"enter-done":{a.forEach(c=>{!c.current||(c.current.style.transition="var(--stackflow-transition-duration)",c.current.style.transform=n)});break}case"exit-active":case"exit-done":{H(()=>{a.forEach(c=>{if(!c.current)return;let l=c.current;l.style.transform="",D(l,"transitionend",()=>{l.style.transition=""})})});break}default:break}}:void 0})}function qe({theme:e,dimRef:t,edgeRef:r,paperRef:o,hasEffect:a,onSwiped:n}){C({styleName:"swipe-back",refs:[o],effect:a?({refs:c})=>{if(e!=="cupertino")return()=>{};if(!t.current||!r.current||!o.current)return()=>{};let l=t.current,s=r.current,d=o.current,u=null,b=null,f=null,k=[],m=()=>{u=null,b=null,f=null,k=[]},S=!1;function h(g){S||(S=!0,requestAnimationFrame(()=>{let p=g/d.clientWidth;l.style.opacity=`${1-p}`,l.style.transition="0s",d.style.overflowY="hidden",d.style.transform=`translateX(${g}px)`,d.style.transition="0s",c.forEach(x=>{var v;!x.current||(x.current.style.transform=`translateX(${-1*(1-p)*G}px)`,x.current.style.transition="0s",((v=x.current.parentElement)==null?void 0:v.style.display)==="none"&&(x.current.parentElement.style.display="block"))}),S=!1}))}function P({swiped:g}){requestAnimationFrame(()=>{l.style.opacity=`${g?0:1}`,l.style.transition="var(--stackflow-transition-duration)",d.style.overflowY="hidden",d.style.transform=`translateX(${g?"100%":"0"})`,d.style.transition="var(--stackflow-transition-duration)",c.forEach(p=>{!p.current||(p.current.style.transition="var(--stackflow-transition-duration)",p.current.style.transform=`translateX(${g?"0":`-${G/16}rem`})`)}),D(d,"transitionend",()=>{l.style.opacity="",d.style.overflowY="",d.style.transform="",c.forEach((p,x)=>{if(!p.current)return;let v=k[x];g?(p.current.style.transition="",p.current.style.transform="",p.current.parentElement&&(p.current.parentElement.style.display="")):v&&(p.current.style.transition=v.style.transition,p.current.style.transform=v.style.transform,p.current.parentElement&&v.parentElement&&(p.current.parentElement.style.display=v.parentElement.style.display))})})})}let T=g=>{var x;let{activeElement:p}=document;(x=p==null?void 0:p.blur)==null||x.call(p),u=f=g.touches[0].clientX,b=Date.now(),k=c.map(v=>v.current?{style:{transform:v.current.style.transform,transition:v.current.style.transition},parentElement:v.current.parentElement?{style:{display:v.current.parentElement.style.display}}:void 0}:{style:{transform:"",transition:""}})},R=g=>{if(!u){m();return}f=g.touches[0].clientX,h(f-u)},N=()=>{if(!u||!b||!f){m();return}let g=Date.now(),x=(f-u)/(g-b)>1||f/d.clientWidth>.4;x&&(n==null||n()),m(),P({swiped:x})};return s.addEventListener("touchstart",T,{passive:!0}),s.addEventListener("touchmove",R,{passive:!0}),s.addEventListener("touchend",N,{passive:!0}),s.addEventListener("touchcancel",N,{passive:!0}),()=>{s.removeEventListener("touchstart",T),s.removeEventListener("touchmove",R),s.removeEventListener("touchend",N),s.removeEventListener("touchcancel",N)}}:void 0})}var U=require("@stackflow/react"),Ve=require("@vanilla-extract/dynamic"),y=M(require("react"));var re=M(require("react")),ft=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=ft;var j=M(require("react")),ut=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=ut;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 dhthxqb dhthxqc dhthxq0",ze="_1yk3a453 dhthxq8 dhthxq7 dhthxqa dhthxqe dhthxqh",Ie="_1yk3a452 dhthxq8 dhthxq7 dhthxq1",Le="_1yk3a459 dhthxq8 dhthxq7 dhthxq1 dhthxq5";var X=require("@vanilla-extract/recipes/createRuntimeFn");var Me=(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 we="_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 Te=(0,X.createRuntimeFn)({defaultClassName:"_1dlf434j dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 _1dlf4347 _1dlf4348",variantClassNames:{hasAppBar:{true:"_1dlf434k dhthxqf"}},defaultVariants:{},compoundVariants:[]}),z={transitionDuration:"var(--_1dlf4340)",zIndexes:{dim:"var(--_1dlf4341)",paper:"var(--_1dlf4342)",edge:"var(--_1dlf4343)",appBar:"var(--_1dlf4344)"},appBar:{center:{mainWidth:"var(--_1dlf4345)"}}};var xt=y.default.forwardRef(({title:e,appendLeft:t,appendRight:r,backButton:o,closeButton:a,closeButtonLocation:n="left",border:c=!0,iconColor:l,textColor:s,borderColor:d,borderSize:u,height:b},f)=>{var se;let k=(0,U.useActions)(),m=(0,U.useActivity)(),S=O(),h=(se=S.appBar)==null?void 0:se.closeButton,P=(0,y.useRef)(null),{maxWidth:T}=ge({outerRef:f,innerRef:P,enable:S.theme==="cupertino"}),R=E=>{o&&"onClick"in o&&o.onClick&&o.onClick(E),E.defaultPrevented||k.pop()},N=m.zIndex===0||m.zIndex===1&&m.transitionState==="enter-active"&&m.pushedBy.name==="Replaced",g=()=>{var E;return N?null:o?"render"in o&&o.render?(E=o.render)==null?void 0:E.call(o):y.default.createElement("button",{type:"button",className:ne,onClick:R},"renderIcon"in o&&o.renderIcon?o.renderIcon():y.default.createElement(W,null)):y.default.createElement("button",{type:"button",className:ne,onClick:R},y.default.createElement(W,null))},p=E=>{var ie;a&&"onClick"in a&&a.onClick&&a.onClick(E),!E.defaultPrevented&&h&&"onClick"in h&&((ie=h.onClick)==null||ie.call(h,E))},x=()=>{var E;return!a&&!((E=S.appBar)!=null&&E.closeButton)||!N?null:a&&"render"in a&&a.render?a.render():h&&"render"in h&&h.render?h.render():y.default.createElement("button",{type:"button",className:ze,onClick:p},(()=>a&&"renderIcon"in a&&a.renderIcon?a.renderIcon():h&&"renderIcon"in h&&h.renderIcon?h.renderIcon():y.default.createElement(oe,null))())},v=!!(n==="left"&&a||o||t);return y.default.createElement("div",{ref:f,className:Re({border:c}),style:(0,Ve.assignInlineVars)(_({[i.appBar.iconColor]:l,[i.appBar.textColor]:s,[i.appBar.borderColor]:d,[i.appBar.borderSize]:u,[i.appBar.height]:b,[z.appBar.center.mainWidth]:`${T}px`}))},y.default.createElement("div",{className:Ie},n==="left"&&x(),g(),t==null?void 0:t()),y.default.createElement("div",{ref:P,className:_e},y.default.createElement("div",{className:Se({hasLeft:v})},typeof e=="string"?y.default.createElement("div",{className:Ne},e):e)),y.default.createElement("div",{className:Le},r==null?void 0:r(),n==="right"&&x()))}),Ae=xt;var vt=({backgroundColor:e,dimBackgroundColor:t,appBar:r,children:o})=>{let a=O(),n=(0,Y.useActivity)(),{pop:c}=(0,Y.useActions)(),l=(0,q.useRef)(null),s=(0,q.useRef)(null),d=(0,q.useRef)(null),u=(0,q.useRef)(null),b=(0,q.useRef)(null);ke({refs:[l],hasEffect:!0}),Ee({theme:a.theme,refs:a.theme==="cupertino"?[d]:[d,b],hasEffect:!0}),qe({theme:a.theme,dimRef:s,edgeRef:u,paperRef:d,hasEffect:!0,onSwiped(){c()}});let f=n.zIndex===0,k=!!r,m=n.zIndex*5,S=m,h=m+(a.theme==="cupertino"&&k?1:3),P=m+4,T=m+7,{transitionState:R}=n,N=B(R);return q.default.createElement("div",{ref:l,className:Me({transitionState:R==="enter-done"||R==="exit-done"?R:N}),style:(0,De.assignInlineVars)(_({[i.backgroundColor]:e,[i.dimBackgroundColor]:t,[i.appBar.height]:r==null?void 0:r.height,[z.zIndexes.dim]:`${S}`,[z.zIndexes.paper]:`${h}`,[z.zIndexes.edge]:`${P}`,[z.zIndexes.appBar]:`${T}`,[z.transitionDuration]:n.transitionState==="enter-active"||n.transitionState==="exit-active"?"var(--stackflow-transition-duration)":"0ms"}))},q.default.createElement("div",{className:we,ref:s}),q.default.createElement("div",{key:n.id,className:Te({hasAppBar:k}),ref:d},o),!f&&a.theme==="cupertino"&&q.default.createElement("div",{className:Pe({hasAppBar:k}),ref:u}),r&&q.default.createElement(Ae,me(pe({},r),{ref:b})))},He=vt;var J=require("@stackflow/react"),We=require("@vanilla-extract/dynamic"),I=M(require("react"));var Oe=require("@vanilla-extract/recipes/createRuntimeFn"),Fe=(0,Oe.createRuntimeFn)({defaultClassName:"dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 dhthxqb",variantClassNames:{transitionState:{"enter-active":"_1ht38h04","enter-done":"_1ht38h05","exit-active":"_1ht38h06","exit-done":"_1ht38h07"}},defaultVariants:{},compoundVariants:[]}),$e="_1ht38h0d dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 dhthxqb dhthxq9 dhthxq7 _1ht38h03";var Ge="_1ht38h0e dhthxqb _1ht38h03",Z={transitionDuration:"var(--_1ht38h00)",zIndexes:{dim:"var(--_1ht38h01)",paper:"var(--_1ht38h02)"}};var bt=({borderRadius:e="1rem",backgroundColor:t,dimBackgroundColor:r,onOutsideClick:o,children:a})=>{let n=(0,J.useActivity)(),{pop:c}=(0,J.useActions)(),l=(0,I.useRef)(null),s=(0,I.useRef)(null);C({styleName:"hide",refs:[l]}),C({styleName:"offset",refs:[s]}),C({styleName:"swipe-back",refs:[s]});let d=(0,I.useRef)(!1),u=m=>{o==null||o(m),!m.defaultPrevented&&(d.current||(d.current=!0,c()))},b=m=>{m.stopPropagation()},f=n.zIndex*5+3,k=n.zIndex*5+4;return I.default.createElement("div",{className:Fe({transitionState:B(n.transitionState)}),ref:l,style:(0,We.assignInlineVars)(_({[i.bottomSheet.borderRadius]:e,[i.backgroundColor]:t,[i.dimBackgroundColor]:r,[Z.zIndexes.dim]:`${f}`,[Z.zIndexes.paper]:`${k}`,[Z.transitionDuration]:n.transitionState==="enter-active"||n.transitionState==="exit-active"?"var(--stackflow-transition-duration)":"0ms"}))},I.default.createElement("div",{className:$e,ref:s,onClick:u},I.default.createElement("div",{className:Ge,onClick:b},a)))},je=bt;var Q=require("@stackflow/react"),Je=require("@vanilla-extract/dynamic"),L=M(require("react"));var Xe=require("@vanilla-extract/recipes/createRuntimeFn"),Ue=(0,Xe.createRuntimeFn)({defaultClassName:"dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 dhthxqb",variantClassNames:{transitionState:{"enter-active":"_5ozg8c4","enter-done":"_5ozg8c5","exit-active":"_5ozg8c6","exit-done":"_5ozg8c7"}},defaultVariants:{},compoundVariants:[]}),Ye="_5ozg8cd dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 dhthxqb dhthxq8 dhthxq7 dhthxqa _5ozg8c3";var Ze="_5ozg8ce dhthxqb _5ozg8c3",K={transitionDuration:"var(--_5ozg8c0)",zIndexes:{dim:"var(--_5ozg8c1)",paper:"var(--_5ozg8c2)"}};var Ct=({backgroundColor:e,dimBackgroundColor:t,borderRadius:r="1rem",onOutsideClick:o,children:a})=>{let n=(0,Q.useActivity)(),{pop:c}=(0,Q.useActions)(),l=(0,L.useRef)(null),s=(0,L.useRef)(null);C({styleName:"hide",refs:[l]}),C({styleName:"offset",refs:[s]}),C({styleName:"swipe-back",refs:[s]});let d=(0,L.useRef)(!1),u=m=>{o==null||o(m),!m.defaultPrevented&&(d.current||(d.current=!0,c()))},b=m=>{m.stopPropagation()},f=n.zIndex*5+3,k=n.zIndex*5+4;return L.default.createElement("div",{className:Ue({transitionState:B(n.transitionState)}),ref:l,style:(0,Je.assignInlineVars)(_({[i.bottomSheet.borderRadius]:r,[i.backgroundColor]:e,[i.dimBackgroundColor]:t,[K.zIndexes.dim]:`${f}`,[K.zIndexes.paper]:`${k}`,[K.transitionDuration]:n.transitionState==="enter-active"||n.transitionState==="exit-active"?"var(--stackflow-transition-duration)":"0ms"}))},L.default.createElement("div",{className:Ye,ref:s,onClick:u},L.default.createElement("div",{className:Ze,onClick:b},a)))},Ke=Ct;
|
|
1
|
+
"use strict";var et=Object.create;var V=Object.defineProperty,tt=Object.defineProperties,rt=Object.getOwnPropertyDescriptor,ot=Object.getOwnPropertyDescriptors,at=Object.getOwnPropertyNames,ce=Object.getOwnPropertySymbols,nt=Object.getPrototypeOf,de=Object.prototype.hasOwnProperty,st=Object.prototype.propertyIsEnumerable;var le=(e,t,r)=>t in e?V(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,pe=(e,t)=>{for(var r in t||(t={}))de.call(t,r)&&le(e,r,t[r]);if(ce)for(var r of ce(t))st.call(t,r)&&le(e,r,t[r]);return e},me=(e,t)=>tt(e,ot(t));var fe=(e,t)=>{for(var r in t)V(e,r,{get:t[r],enumerable:!0})},ue=(e,t,r,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of at(t))!de.call(e,a)&&a!==r&&V(e,a,{get:()=>t[a],enumerable:!(o=rt(t,a))||o.enumerable});return e};var P=(e,t,r)=>(r=e!=null?et(nt(e)):{},ue(t||!e||!e.__esModule?V(r,"default",{value:e,enumerable:!0}):r,e)),it=e=>ue(V({},"__esModule",{value:!0}),e);var Et={};fe(Et,{AppScreen:()=>He,BottomSheet:()=>je,Modal:()=>Ke,basicUIPlugin:()=>be,cssVars:()=>i});module.exports=it(Et);var ve=require("@vanilla-extract/dynamic"),T=P(require("react"));var ee={};fe(ee,{android:()=>ct,cupertino:()=>lt,globalVars:()=>i,rootAndroid:()=>dt,rootCupertino:()=>pt});var ct="_1coppmz0",lt="_1coppmz1",i={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)"}},dt=":root[data-stackflow-plugin-basic-ui-theme=android]",pt=":root[data-stackflow-plugin-basic-ui-theme=cupertino]";function _(e){return Object.entries(e).reduce((t,[r,o])=>(o!=null&&(t[r]=o),t),{})}function D(e,t,r){let o=()=>{e.removeEventListener(t,o),r()};e.addEventListener(t,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"}),mt=ye.Provider;function O(){return(0,T.useContext)(ye)}var be=e=>()=>({key:"basic-ui",wrapStack({stack:t}){var r,o,a,n,c,l,s;return T.default.createElement(mt,{value:e},T.default.createElement("div",{className:typeof window!="undefined"?ee[e.theme]:void 0,style:(0,ve.assignInlineVars)(_({[i.backgroundColor]:e.backgroundColor,[i.dimBackgroundColor]:e.dimBackgroundColor,[i.appBar.borderColor]:(r=e.appBar)==null?void 0:r.borderColor,[i.appBar.borderSize]:(o=e.appBar)==null?void 0:o.borderSize,[i.appBar.height]:(a=e.appBar)==null?void 0:a.height,[i.appBar.iconColor]:(n=e.appBar)==null?void 0:n.iconColor,[i.appBar.textColor]:(c=e.appBar)==null?void 0:c.textColor,[i.bottomSheet.borderRadius]:(l=e.bottomSheet)==null?void 0:l.borderRadius,[i.modal.borderRadius]:(s=e.modal)==null?void 0:s.borderRadius}))},t.render()))}});var Y=require("@stackflow/react"),De=require("@vanilla-extract/dynamic"),q=P(require("react"));var F=require("react");function B(e){let[t,r]=(0,F.useState)(void 0);return(0,F.useEffect)(()=>{H(()=>{r(e)})},[e]),t}var $=require("react");function ge({outerRef:e,innerRef:t,enable:r}){let[o,a]=(0,$.useState)(void 0);return(0,$.useEffect)(()=>{let n=e&&"current"in e&&e.current,c=t.current;return!r||!n||!c?xe:he(()=>{let s=n.clientWidth,d=c.offsetLeft,f=c.clientWidth,b=s-d-f,u=Math.max(d,b);a(s-2*u)})},[]),{maxWidth:o}}var Ce=require("@stackflow/react"),te=require("react"),A={};function k({styleName:e,refs:t,effect:r}){let o=(0,Ce.useActivity)();(0,te.useEffect)(()=>(A[e]||(A[e]=new Map),A[e].set(o.zIndex,{refs:t,hasEffect:!!r}),()=>{A[e].delete(o.zIndex)}),[o.id,t,r]),(0,te.useEffect)(()=>{if(!r)return()=>{};let a=(()=>{let c=[];for(let l=1;l<=o.zIndex;l+=1){let s=A[e].get(o.zIndex-l);if(s!=null&&s.refs&&(c=[...c,...s.refs]),s!=null&&s.hasEffect)break}return c})(),n=r({activityTransitionState:o.transitionState,refs:a});return()=>{n==null||n()}},[o.transitionState])}function ke({refs:e,hasEffect:t}){k({styleName:"hide",refs:e,effect:t?({activityTransitionState:r,refs:o})=>{switch(r){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 ft=32,G=80;function Ee({refs:e,theme:t,hasEffect:r}){k({styleName:"offset",refs:e,effect:r?({activityTransitionState:o,refs:a})=>{let n=t==="cupertino"?`translateX(-${G/16}rem)`:`translateY(-${ft/16}rem)`;switch(o){case"enter-active":case"enter-done":{a.forEach(c=>{!c.current||(c.current.style.transition="var(--stackflow-transition-duration)",c.current.style.transform=n)});break}case"exit-active":case"exit-done":{H(()=>{a.forEach(c=>{if(!c.current)return;let l=c.current;l.style.transform="",D(l,"transitionend",()=>{l.style.transition=""})})});break}default:break}}:void 0})}function qe({theme:e,dimRef:t,edgeRef:r,paperRef:o,hasEffect:a,onSwiped:n}){k({styleName:"swipe-back",refs:[o],effect:a?({refs:c})=>{if(e!=="cupertino")return()=>{};if(!t.current||!r.current||!o.current)return()=>{};let l=t.current,s=r.current,d=o.current,f=null,b=null,u=null,C=[],m=()=>{f=null,b=null,u=null,C=[]},R=!1;function M(v){R||(R=!0,requestAnimationFrame(()=>{let p=v/d.clientWidth;l.style.opacity=`${1-p}`,l.style.transition="0s",d.style.overflowY="hidden",d.style.transform=`translateX(${v}px)`,d.style.transition="0s",c.forEach(g=>{var x;!g.current||(g.current.style.transform=`translateX(${-1*(1-p)*G}px)`,g.current.style.transition="0s",((x=g.current.parentElement)==null?void 0:x.style.display)==="none"&&(g.current.parentElement.style.display="block"))}),R=!1}))}function h({swiped:v}){requestAnimationFrame(()=>{l.style.opacity=`${v?0:1}`,l.style.transition="var(--stackflow-transition-duration)",d.style.overflowY="hidden",d.style.transform=`translateX(${v?"100%":"0"})`,d.style.transition="var(--stackflow-transition-duration)",c.forEach(p=>{!p.current||(p.current.style.transition="var(--stackflow-transition-duration)",p.current.style.transform=`translateX(${v?"0":`-${G/16}rem`})`)}),D(d,"transitionend",()=>{l.style.opacity="",d.style.overflowY="",d.style.transform="",c.forEach((p,g)=>{if(!p.current)return;let x=C[g];v?(p.current.style.transition="",p.current.style.transform="",p.current.parentElement&&(p.current.parentElement.style.display="")):x&&(p.current.style.transition=x.style.transition,p.current.style.transform=x.style.transform,p.current.parentElement&&x.parentElement&&(p.current.parentElement.style.display=x.parentElement.style.display))})})})}let w=v=>{var g;let{activeElement:p}=document;(g=p==null?void 0:p.blur)==null||g.call(p),f=u=v.touches[0].clientX,b=Date.now(),C=c.map(x=>x.current?{style:{transform:x.current.style.transform,transition:x.current.style.transition},parentElement:x.current.parentElement?{style:{display:x.current.parentElement.style.display}}:void 0}:{style:{transform:"",transition:""}})},S=v=>{if(!f){m();return}u=v.touches[0].clientX,M(u-f)},N=()=>{if(!f||!b||!u){m();return}let v=Date.now(),g=(u-f)/(v-b)>1||u/d.clientWidth>.4;g&&(n==null||n()),m(),h({swiped:g})};return s.addEventListener("touchstart",w,{passive:!0}),s.addEventListener("touchmove",S,{passive:!0}),s.addEventListener("touchend",N,{passive:!0}),s.addEventListener("touchcancel",N,{passive:!0}),()=>{s.removeEventListener("touchstart",w),s.removeEventListener("touchmove",S),s.removeEventListener("touchend",N),s.removeEventListener("touchcancel",N)}}:void 0})}var U=require("@stackflow/react"),Ve=require("@vanilla-extract/dynamic"),y=P(require("react"));var re=P(require("react")),ut=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=ut;var j=P(require("react")),ht=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=ht;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 dhthxqb dhthxqc dhthxq0",ze="_1yk3a453 dhthxq8 dhthxq7 dhthxqa dhthxqe dhthxqh",Ie="_1yk3a452 dhthxq8 dhthxq7 dhthxq1",Le="_1yk3a459 dhthxq8 dhthxq7 dhthxq1 dhthxq5";var X=require("@vanilla-extract/recipes/createRuntimeFn");var Me=(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 we="_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 Te=(0,X.createRuntimeFn)({defaultClassName:"_1dlf434j dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 _1dlf4347 _1dlf4348",variantClassNames:{hasAppBar:{true:"_1dlf434k dhthxqf"}},defaultVariants:{},compoundVariants:[]}),z={transitionDuration:"var(--_1dlf4340)",zIndexes:{dim:"var(--_1dlf4341)",paper:"var(--_1dlf4342)",edge:"var(--_1dlf4343)",appBar:"var(--_1dlf4344)"},appBar:{center:{mainWidth:"var(--_1dlf4345)"}}};var vt=y.default.forwardRef(({title:e,appendLeft:t,appendRight:r,backButton:o,closeButton:a,closeButtonLocation:n="left",border:c=!0,iconColor:l,textColor:s,borderColor:d,borderSize:f,height:b,backgroundColor:u},C)=>{var se;let m=(0,U.useActions)(),R=(0,U.useActivity)(),M=O(),h=(se=M.appBar)==null?void 0:se.closeButton,w=(0,y.useRef)(null),{maxWidth:S}=ge({outerRef:C,innerRef:w,enable:M.theme==="cupertino"}),N=E=>{o&&"onClick"in o&&o.onClick&&o.onClick(E),E.defaultPrevented||m.pop()},v=R.zIndex===0||R.zIndex===1&&R.transitionState==="enter-active"&&R.pushedBy.name==="Replaced",p=()=>{var E;return v?null:o?"render"in o&&o.render?(E=o.render)==null?void 0:E.call(o):y.default.createElement("button",{type:"button",className:ne,onClick:N},"renderIcon"in o&&o.renderIcon?o.renderIcon():y.default.createElement(W,null)):y.default.createElement("button",{type:"button",className:ne,onClick:N},y.default.createElement(W,null))},g=E=>{var ie;a&&"onClick"in a&&a.onClick&&a.onClick(E),!E.defaultPrevented&&h&&"onClick"in h&&((ie=h.onClick)==null||ie.call(h,E))},x=()=>{var E;return!a&&!((E=M.appBar)!=null&&E.closeButton)||!v?null:a&&"render"in a&&a.render?a.render():h&&"render"in h&&h.render?h.render():y.default.createElement("button",{type:"button",className:ze,onClick:g},(()=>a&&"renderIcon"in a&&a.renderIcon?a.renderIcon():h&&"renderIcon"in h&&h.renderIcon?h.renderIcon():y.default.createElement(oe,null))())},Qe=!!(n==="left"&&a||o||t);return y.default.createElement("div",{ref:C,className:Re({border:c}),style:(0,Ve.assignInlineVars)(_({[i.appBar.iconColor]:l,[i.appBar.textColor]:s,[i.appBar.borderColor]:d,[i.appBar.borderSize]:f,[i.appBar.height]:b,[i.appBar.backgroundColor]:u||i.backgroundColor,[z.appBar.center.mainWidth]:`${S}px`}))},y.default.createElement("div",{className:Ie},n==="left"&&x(),p(),t==null?void 0:t()),y.default.createElement("div",{ref:w,className:_e},y.default.createElement("div",{className:Se({hasLeft:Qe})},typeof e=="string"?y.default.createElement("div",{className:Ne},e):e)),y.default.createElement("div",{className:Le},r==null?void 0:r(),n==="right"&&x()))}),Ae=vt;var yt=({backgroundColor:e,dimBackgroundColor:t,appBar:r,children:o})=>{let a=O(),n=(0,Y.useActivity)(),{pop:c}=(0,Y.useActions)(),l=(0,q.useRef)(null),s=(0,q.useRef)(null),d=(0,q.useRef)(null),f=(0,q.useRef)(null),b=(0,q.useRef)(null);ke({refs:[l],hasEffect:!0}),Ee({theme:a.theme,refs:a.theme==="cupertino"?[d]:[d,b],hasEffect:!0}),qe({theme:a.theme,dimRef:s,edgeRef:f,paperRef:d,hasEffect:!0,onSwiped(){c()}});let u=n.zIndex===0,C=!!r,m=n.zIndex*5,R=m,M=m+(a.theme==="cupertino"&&C?1:3),h=m+4,w=m+7,{transitionState:S}=n,N=B(S);return q.default.createElement("div",{ref:l,className:Me({transitionState:S==="enter-done"||S==="exit-done"?S:N}),style:(0,De.assignInlineVars)(_({[i.backgroundColor]:e,[i.dimBackgroundColor]:t,[i.appBar.height]:r==null?void 0:r.height,[z.zIndexes.dim]:`${R}`,[z.zIndexes.paper]:`${M}`,[z.zIndexes.edge]:`${h}`,[z.zIndexes.appBar]:`${w}`,[z.transitionDuration]:n.transitionState==="enter-active"||n.transitionState==="exit-active"?"var(--stackflow-transition-duration)":"0ms"}))},q.default.createElement("div",{className:we,ref:s}),q.default.createElement("div",{key:n.id,className:Te({hasAppBar:C}),ref:d},o),!u&&a.theme==="cupertino"&&q.default.createElement("div",{className:Pe({hasAppBar:C}),ref:f}),r&&q.default.createElement(Ae,me(pe({},r),{ref:b})))},He=yt;var J=require("@stackflow/react"),We=require("@vanilla-extract/dynamic"),I=P(require("react"));var Oe=require("@vanilla-extract/recipes/createRuntimeFn"),Fe=(0,Oe.createRuntimeFn)({defaultClassName:"dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 dhthxqb",variantClassNames:{transitionState:{"enter-active":"_1ht38h04","enter-done":"_1ht38h05","exit-active":"_1ht38h06","exit-done":"_1ht38h07"}},defaultVariants:{},compoundVariants:[]}),$e="_1ht38h0d dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 dhthxqb dhthxq9 dhthxq7 _1ht38h03";var Ge="_1ht38h0e dhthxqb _1ht38h03",Z={transitionDuration:"var(--_1ht38h00)",zIndexes:{dim:"var(--_1ht38h01)",paper:"var(--_1ht38h02)"}};var gt=({borderRadius:e="1rem",backgroundColor:t,dimBackgroundColor:r,onOutsideClick:o,children:a})=>{let n=(0,J.useActivity)(),{pop:c}=(0,J.useActions)(),l=(0,I.useRef)(null),s=(0,I.useRef)(null);k({styleName:"hide",refs:[l]}),k({styleName:"offset",refs:[s]}),k({styleName:"swipe-back",refs:[s]});let d=(0,I.useRef)(!1),f=m=>{o==null||o(m),!m.defaultPrevented&&(d.current||(d.current=!0,c()))},b=m=>{m.stopPropagation()},u=n.zIndex*5+3,C=n.zIndex*5+4;return I.default.createElement("div",{className:Fe({transitionState:B(n.transitionState)}),ref:l,style:(0,We.assignInlineVars)(_({[i.bottomSheet.borderRadius]:e,[i.backgroundColor]:t,[i.dimBackgroundColor]:r,[Z.zIndexes.dim]:`${u}`,[Z.zIndexes.paper]:`${C}`,[Z.transitionDuration]:n.transitionState==="enter-active"||n.transitionState==="exit-active"?"var(--stackflow-transition-duration)":"0ms"}))},I.default.createElement("div",{className:$e,ref:s,onClick:f},I.default.createElement("div",{className:Ge,onClick:b},a)))},je=gt;var Q=require("@stackflow/react"),Je=require("@vanilla-extract/dynamic"),L=P(require("react"));var Xe=require("@vanilla-extract/recipes/createRuntimeFn"),Ue=(0,Xe.createRuntimeFn)({defaultClassName:"dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 dhthxqb",variantClassNames:{transitionState:{"enter-active":"_5ozg8c4","enter-done":"_5ozg8c5","exit-active":"_5ozg8c6","exit-done":"_5ozg8c7"}},defaultVariants:{},compoundVariants:[]}),Ye="_5ozg8cd dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 dhthxqb dhthxq8 dhthxq7 dhthxqa _5ozg8c3";var Ze="_5ozg8ce dhthxqb _5ozg8c3",K={transitionDuration:"var(--_5ozg8c0)",zIndexes:{dim:"var(--_5ozg8c1)",paper:"var(--_5ozg8c2)"}};var kt=({backgroundColor:e,dimBackgroundColor:t,borderRadius:r="1rem",onOutsideClick:o,children:a})=>{let n=(0,Q.useActivity)(),{pop:c}=(0,Q.useActions)(),l=(0,L.useRef)(null),s=(0,L.useRef)(null);k({styleName:"hide",refs:[l]}),k({styleName:"offset",refs:[s]}),k({styleName:"swipe-back",refs:[s]});let d=(0,L.useRef)(!1),f=m=>{o==null||o(m),!m.defaultPrevented&&(d.current||(d.current=!0,c()))},b=m=>{m.stopPropagation()},u=n.zIndex*5+3,C=n.zIndex*5+4;return L.default.createElement("div",{className:Ue({transitionState:B(n.transitionState)}),ref:l,style:(0,Je.assignInlineVars)(_({[i.bottomSheet.borderRadius]:r,[i.backgroundColor]:e,[i.dimBackgroundColor]:t,[K.zIndexes.dim]:`${u}`,[K.zIndexes.paper]:`${C}`,[K.transitionDuration]:n.transitionState==="enter-active"||n.transitionState==="exit-active"?"var(--stackflow-transition-duration)":"0ms"}))},L.default.createElement("div",{className:Ye,ref:s,onClick:f},L.default.createElement("div",{className:Ze,onClick:b},a)))},Ke=kt;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|