@stackflow/plugin-basic-ui 0.15.2 → 0.15.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/index.css +1 -1
- package/dist/index.css.map +3 -3
- package/dist/index.js +1 -1
- package/dist/index.js.map +2 -2
- package/dist/index.mjs +1 -1
- package/dist/index.mjs.map +2 -2
- package/dist/theme.css.d.ts +2 -2
- package/package.json +3 -3
- package/src/theme.css.ts +5 -3
package/dist/index.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
:root,:root[data-stackflow-basic-ui-theme=android]{--stackflow-basic-ui-background-color: #fff;--stackflow-basic-ui-dim-background-color: rgba(0, 0, 0, .15);--stackflow-basic-ui-app-bar-border-color: rgba(0, 0, 0, .07);--stackflow-basic-ui-app-bar-border-size: 1px;--stackflow-basic-ui-app-bar-height: 3.5rem;--stackflow-basic-ui-app-bar-icon-color: #212124;--stackflow-basic-ui-app-bar-text-color: #212124;--stackflow-basic-ui-bottom-sheet-border-radius: 1rem}:root[data-stackflow-basic-ui-theme=cupertino]{--stackflow-basic-ui-background-color: #fff;--stackflow-basic-ui-dim-background-color: rgba(0, 0, 0, .15);--stackflow-basic-ui-app-bar-border-color: rgba(0, 0, 0, .07);--stackflow-basic-ui-app-bar-border-size: .5px;--stackflow-basic-ui-app-bar-height: 2.75rem;--stackflow-basic-ui-app-bar-icon-color: #212124;--stackflow-basic-ui-app-bar-text-color: #212124;--stackflow-basic-ui-bottom-sheet-border-radius: 1rem}._1coppmz0{--stackflow-basic-ui-background-color: #fff;--stackflow-basic-ui-dim-background-color: rgba(0, 0, 0, .15);--stackflow-basic-ui-app-bar-border-color: rgba(0, 0, 0, .07);--stackflow-basic-ui-app-bar-border-size: 1px;--stackflow-basic-ui-app-bar-height: 3.5rem;--stackflow-basic-ui-app-bar-icon-color: #212124;--stackflow-basic-ui-app-bar-text-color: #212124;--stackflow-basic-ui-bottom-sheet-border-radius: 1rem}._1coppmz1{--stackflow-basic-ui-background-color: #fff;--stackflow-basic-ui-dim-background-color: rgba(0, 0, 0, .15);--stackflow-basic-ui-app-bar-border-color: rgba(0, 0, 0, .07);--stackflow-basic-ui-app-bar-border-size: .5px;--stackflow-basic-ui-app-bar-height: 2.75rem;--stackflow-basic-ui-app-bar-icon-color: #212124;--stackflow-basic-ui-app-bar-text-color: #212124;--stackflow-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-basic-ui-dim-background-color)}._1dlf4347{background-color:var(--stackflow-basic-ui-background-color)}._1dlf4348{transition:var(--_1dlf4340)}._1dlf434c{transform:translate(100%)}._1dlf434i{opacity:0;z-index:var(--_1dlf4341)}._1coppmz0 ._1dlf434i,:root[data-stackflow-basic-ui-theme=android] ._1dlf434i{height:10rem;background:linear-gradient(var(--stackflow-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-basic-ui-theme=cupertino] ._1dlf434j{transform:translate(100%)}._1coppmz1 ._1dlf4349 ._1dlf434j,:root[data-stackflow-basic-ui-theme=cupertino] ._1dlf4349 ._1dlf434j{transform:translate(0)}._1coppmz1 ._1dlf434a ._1dlf434j,:root[data-stackflow-basic-ui-theme=cupertino] ._1dlf434a ._1dlf434j{transform:translate(0)}._1coppmz0 ._1dlf434j,:root[data-stackflow-basic-ui-theme=android] ._1dlf434j{opacity:0;transform:translateY(10rem)}._1coppmz0 ._1dlf4349 ._1dlf434j,:root[data-stackflow-basic-ui-theme=android] ._1dlf4349 ._1dlf434j{opacity:1;transform:translateY(0)}._1coppmz0 ._1dlf434a ._1dlf434j,:root[data-stackflow-basic-ui-theme=android] ._1dlf434a ._1dlf434j{opacity:1;transform:translateY(0)}._1dlf434k{padding-top:calc(var(--stackflow-basic-ui-app-bar-height) + constant(safe-area-inset-top));padding-top:calc(var(--stackflow-basic-ui-app-bar-height) + env(safe-area-inset-top))}._1dlf434l{width:1.25rem;z-index:var(--_1dlf4343)}._1dlf434m{top:var(--stackflow-basic-ui-app-bar-height);height:calc(100% - var(--stackflow-basic-ui-app-bar-height))}._1yk3a450{height:var(--stackflow-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-basic-ui-theme=cupertino] ._1yk3a450{position:absolute}._1coppmz1 ._1dlf434b ._1yk3a450,:root[data-stackflow-basic-ui-theme=cupertino] ._1dlf434b ._1yk3a450{transform:translate(100%)}._1coppmz0 ._1yk3a450,:root[data-stackflow-basic-ui-theme=android] ._1yk3a450{opacity:0;transform:translateY(10rem);transition:var(--_1dlf4340)}._1coppmz0 ._1dlf4349 ._1yk3a450,:root[data-stackflow-basic-ui-theme=android] ._1dlf4349 ._1yk3a450{opacity:1;transform:translateY(0)}._1coppmz0 ._1dlf434a ._1yk3a450,:root[data-stackflow-basic-ui-theme=android] ._1dlf434a ._1yk3a450{opacity:1;transform:translateY(0)}._1yk3a451{box-shadow:inset 0 calc(var(--stackflow-basic-ui-app-bar-border-size) * -1) 0 var(--stackflow-basic-ui-app-bar-border-color)}._1yk3a452{padding:0 .5rem}._1yk3a452:empty{display:none}._1yk3a453{color:var(--stackflow-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-basic-ui-app-bar-text-color)}._1coppmz0 ._1yk3a456,:root[data-stackflow-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-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-basic-ui-app-bar-height);top:constant(safe-area-inset-top);top:env(safe-area-inset-top)}._1coppmz0 ._1yk3a457,:root[data-stackflow-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-basic-ui-theme=android] ._1yk3a459{padding:0 .5rem 0 0}._1ht38h03{transition:var(--_1ht38h00)}._1ht38h07{transform:translate(100%)}._1ht38h0d{background-color:var(--stackflow-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-basic-ui-background-color);width:100%;border-radius:var(--stackflow-basic-ui-bottom-sheet-border-radius) var(--stackflow-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-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-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-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-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}
|
|
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-basic-ui-theme=android] {\n --stackflow-basic-ui-background-color: #fff;\n --stackflow-basic-ui-dim-background-color: rgba(0, 0, 0, 0.15);\n --stackflow-basic-ui-app-bar-border-color: rgba(0, 0, 0, 0.07);\n --stackflow-basic-ui-app-bar-border-size: 1px;\n --stackflow-basic-ui-app-bar-height: 3.5rem;\n --stackflow-basic-ui-app-bar-icon-color: #212124;\n --stackflow-basic-ui-app-bar-text-color: #212124;\n --stackflow-basic-ui-bottom-sheet-border-radius: 1rem;\n}\n:root[data-stackflow-basic-ui-theme=cupertino] {\n --stackflow-basic-ui-background-color: #fff;\n --stackflow-basic-ui-dim-background-color: rgba(0, 0, 0, 0.15);\n --stackflow-basic-ui-app-bar-border-color: rgba(0, 0, 0, 0.07);\n --stackflow-basic-ui-app-bar-border-size: 0.5px;\n --stackflow-basic-ui-app-bar-height: 2.75rem;\n --stackflow-basic-ui-app-bar-icon-color: #212124;\n --stackflow-basic-ui-app-bar-text-color: #212124;\n --stackflow-basic-ui-bottom-sheet-border-radius: 1rem;\n}\n._1coppmz0 {\n --stackflow-basic-ui-background-color: #fff;\n --stackflow-basic-ui-dim-background-color: rgba(0, 0, 0, 0.15);\n --stackflow-basic-ui-app-bar-border-color: rgba(0, 0, 0, 0.07);\n --stackflow-basic-ui-app-bar-border-size: 1px;\n --stackflow-basic-ui-app-bar-height: 3.5rem;\n --stackflow-basic-ui-app-bar-icon-color: #212124;\n --stackflow-basic-ui-app-bar-text-color: #212124;\n --stackflow-basic-ui-bottom-sheet-border-radius: 1rem;\n}\n._1coppmz1 {\n --stackflow-basic-ui-background-color: #fff;\n --stackflow-basic-ui-dim-background-color: rgba(0, 0, 0, 0.15);\n --stackflow-basic-ui-app-bar-border-color: rgba(0, 0, 0, 0.07);\n --stackflow-basic-ui-app-bar-border-size: 0.5px;\n --stackflow-basic-ui-app-bar-height: 2.75rem;\n --stackflow-basic-ui-app-bar-icon-color: #212124;\n --stackflow-basic-ui-app-bar-text-color: #212124;\n --stackflow-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-basic-ui-dim-background-color);\n}\n._1dlf4347 {\n background-color: var(--stackflow-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-basic-ui-theme=android] ._1dlf434i {\n height: 10rem;\n background: linear-gradient(var(--stackflow-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-basic-ui-theme=cupertino] ._1dlf434j {\n transform: translateX(100%);\n}\n._1coppmz1 ._1dlf4349 ._1dlf434j, :root[data-stackflow-basic-ui-theme=cupertino] ._1dlf4349 ._1dlf434j {\n transform: translateX(0);\n}\n._1coppmz1 ._1dlf434a ._1dlf434j, :root[data-stackflow-basic-ui-theme=cupertino] ._1dlf434a ._1dlf434j {\n transform: translateX(0);\n}\n._1coppmz0 ._1dlf434j, :root[data-stackflow-basic-ui-theme=android] ._1dlf434j {\n opacity: 0;\n transform: translateY(10rem);\n}\n._1coppmz0 ._1dlf4349 ._1dlf434j, :root[data-stackflow-basic-ui-theme=android] ._1dlf4349 ._1dlf434j {\n opacity: 1;\n transform: translateY(0);\n}\n._1coppmz0 ._1dlf434a ._1dlf434j, :root[data-stackflow-basic-ui-theme=android] ._1dlf434a ._1dlf434j {\n opacity: 1;\n transform: translateY(0);\n}\n._1dlf434k {\n padding-top: calc(var(--stackflow-basic-ui-app-bar-height) + constant(safe-area-inset-top));\n padding-top: calc(var(--stackflow-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-basic-ui-app-bar-height);\n height: calc(100% - var(--stackflow-basic-ui-app-bar-height));\n}", "._1yk3a450 {\n height: var(--stackflow-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-basic-ui-theme=cupertino] ._1yk3a450 {\n position: absolute;\n}\n._1coppmz1 ._1dlf434b ._1yk3a450, :root[data-stackflow-basic-ui-theme=cupertino] ._1dlf434b ._1yk3a450 {\n transform: translateX(100%);\n}\n._1coppmz0 ._1yk3a450, :root[data-stackflow-basic-ui-theme=android] ._1yk3a450 {\n opacity: 0;\n transform: translateY(10rem);\n transition: var(--_1dlf4340);\n}\n._1coppmz0 ._1dlf4349 ._1yk3a450, :root[data-stackflow-basic-ui-theme=android] ._1dlf4349 ._1yk3a450 {\n opacity: 1;\n transform: translateY(0);\n}\n._1coppmz0 ._1dlf434a ._1yk3a450, :root[data-stackflow-basic-ui-theme=android] ._1dlf434a ._1yk3a450 {\n opacity: 1;\n transform: translateY(0);\n}\n._1yk3a451 {\n box-shadow: inset 0px calc(var(--stackflow-basic-ui-app-bar-border-size) * -1) 0 var(--stackflow-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-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-basic-ui-app-bar-text-color);\n}\n._1coppmz0 ._1yk3a456, :root[data-stackflow-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-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-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-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-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-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-basic-ui-background-color);\n width: 100%;\n border-radius: var(--stackflow-basic-ui-bottom-sheet-border-radius) var(--stackflow-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-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-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-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,
|
|
3
|
+
"sources": ["vanilla-extract-css-ns:src/theme.css.ts.vanilla.css?source=#H4sIAAAAAAAAE+WU30oEIRTG7/cphG4KVhm3hoVZepKI8N/MSKNHjkdaNnr3pqi9qnbmMkRBRH8fHr9POwSgLes+hgerSPFMyjz3E7zwNJXBR65V9oYXz2l0wd2raBG8fWSvG8b4H9v1vDAglGi5gQmwY1d93x8uUNaHH0gctLputuyrC9neXBJSKc0T5BrQOvxNqNmvFcr+5Dom03EpNzo/jNSxW9GiC0spbyCe720n53a3FCV3pJWoBiIIPI/O0XehqKwveS7189RvmxUZMSU5JB+h8pQ0ol2fk53Y/++giCdpIKVwaup2v8I/4my9rNv6Kh/+O7b/8bJMCAAA", "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=#H4sIAAAAAAAAE61Wu27bMBTd8xVcCthFKVC2ZScKunTo1qlLi6IIriXKZkORBEk/i/57SUp2zMhqnDqbxPs699wHmTyku8cxTDKCft8gtKRssbQ5WoMeYGwsFI8Vlxus+GrBBJ6DYQVeMQxKuR+NG/3hvTNVUJZMLLCVKkeFFM5Y2IGBimLQFDAThlov7WpTse5V3Lv/km4PkB7SkleT8WTihH9ukoe0kErV+xQlx0Q+oFxLaX+UYOEfKdglrenHYqWotkzInyceAhVKGmaZFDmCuZF8ZWk3YoNl/jbBu84CDqtBmErqOm8+OVj6bZAS8i6mgPwvChCllqzsECAVFMzuckTue2B8dzA0rYdHeUtYXCpyBmcjuXsLyF1XMfq0H30/Mng7ZHAVssYwDYZzucVmCaXc5CgMCSJqiwrgxeDSeZ1LXVKNDdvTIXqPcDpE5OJhb40LyaWO8Y2aiWlm2jUMIknmGiPWyWmt7C5olswoDo4CIQWNtMZBHkJcvoWYWzdHWHErtmSjMSG18cINK+0yR6Nk1CB82nmjZNYBPc6hsGxNnw1EMuqLQ0xknwXDivsFlkaSaZC0aOKByUIWr+TA0q2NS9NZC9Mr10IE2S8gD/PXylhW7VxoYalwNPpkvXNtT/c8p5WTpS3llVMOTeiOkvR2digFZ4LiQz3SJDvqbtqzueTl/WEU2D50W9uW7qjvSnhd4ueuhGnvlXDSzD5zfwCcLQRmltbG3YSOFKrPMvUkCsULZqenIfMKasadc19oTrHZGef3A/rkqHr8AsXX8P/ZaXa4mhLynOsDzaEYWVPAcwtogLNwvVz1ILjsIfDCA+B8J8+u7OTZ6b5qe5Mk4+783zZXsC+PXFPtgzi0nDNlmHnGLhNLqlm3DsfzE793fQsToRq0z6EBBSsrY8MXtmiHqrsrqepB6j9cyL/ztaNIPwoAAA==", "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-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,6DCtCF,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,uDACA,0CACA,qCACA,yBAEF,uFACE,kBAEF,6GACE,0BAEF,qFACE,UACA,4BACA,4BAEF,2GACE,UACA,wBAEF,2GACE,UACA,wBAEF,WACE,2IAEF,WA5BA,gBA+BA,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,WAnFA,gBAqFE,iBAEF,iBACE,aAEF,qFA1FA,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 Qt=Object.create;var B=Object.defineProperty,te=Object.defineProperties,ee=Object.getOwnPropertyDescriptor,re=Object.getOwnPropertyDescriptors,oe=Object.getOwnPropertyNames,ct=Object.getOwnPropertySymbols,ae=Object.getPrototypeOf,dt=Object.prototype.hasOwnProperty,ne=Object.prototype.propertyIsEnumerable;var lt=(t,e,r)=>e in t?B(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,pt=(t,e)=>{for(var r in e||(e={}))dt.call(e,r)&<(t,r,e[r]);if(ct)for(var r of ct(e))ne.call(e,r)&<(t,r,e[r]);return t},mt=(t,e)=>te(t,re(e));var ft=(t,e)=>{for(var r in e)B(t,r,{get:e[r],enumerable:!0})},ut=(t,e,r,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of oe(e))!dt.call(t,a)&&a!==r&&B(t,a,{get:()=>e[a],enumerable:!(o=ee(e,a))||o.enumerable});return t};var L=(t,e,r)=>(r=t!=null?Qt(ae(t)):{},ut(e||!t||!t.__esModule?B(r,"default",{value:t,enumerable:!0}):r,t)),se=t=>ut(B({},"__esModule",{value:!0}),t);var Ee={};ft(Ee,{AppScreen:()=>Ht,BottomSheet:()=>jt,Modal:()=>Kt,basicUIPlugin:()=>bt,cssVars:()=>i});module.exports=se(Ee);var vt=require("@vanilla-extract/dynamic"),M=L(require("react"));var tt={};ft(tt,{android:()=>ie,cupertino:()=>ce,globalVars:()=>i,rootAndroid:()=>le,rootCupertino:()=>de});var ie="_1coppmz0",ce="_1coppmz1",i={backgroundColor:"var(--stackflow-basic-ui-background-color)",dimBackgroundColor:"var(--stackflow-basic-ui-dim-background-color)",appBar:{borderColor:"var(--stackflow-basic-ui-app-bar-border-color)",borderSize:"var(--stackflow-basic-ui-app-bar-border-size)",height:"var(--stackflow-basic-ui-app-bar-height)",iconColor:"var(--stackflow-basic-ui-app-bar-icon-color)",textColor:"var(--stackflow-basic-ui-app-bar-text-color)"},bottomSheet:{borderRadius:"var(--stackflow-basic-ui-bottom-sheet-border-radius)"},modal:{borderRadius:"var(--stackflow-basic-ui-bottom-sheet-border-radius)"}},le=":root[data-stackflow-basic-ui-theme=android]",de=":root[data-stackflow-basic-ui-theme=cupertino]";function q(t){return Object.entries(t).reduce((e,[r,o])=>(o!=null&&(e[r]=o),e),{})}function D(t,e,r){let o=()=>{t.removeEventListener(e,o),r()};t.addEventListener(e,o)}var ht=t=>(t(),window.addEventListener("resize",t),()=>{window.removeEventListener("resize",t)});var xt=()=>{};function H(t){requestAnimationFrame(()=>{requestAnimationFrame(()=>{t()})})}var yt=(0,M.createContext)({theme:"android"}),pe=yt.Provider;function O(){return(0,M.useContext)(yt)}var bt=t=>()=>({key:"basic-ui",wrapStack({stack:e}){var r,o,a,n,c,l,s;return M.default.createElement(pe,{value:t},M.default.createElement("div",{className:typeof window!="undefined"?tt[t.theme]:void 0,style:(0,vt.assignInlineVars)(q({[i.backgroundColor]:t.backgroundColor,[i.dimBackgroundColor]:t.dimBackgroundColor,[i.appBar.borderColor]:(r=t.appBar)==null?void 0:r.borderColor,[i.appBar.borderSize]:(o=t.appBar)==null?void 0:o.borderSize,[i.appBar.height]:(a=t.appBar)==null?void 0:a.height,[i.appBar.iconColor]:(n=t.appBar)==null?void 0:n.iconColor,[i.appBar.textColor]:(c=t.appBar)==null?void 0:c.textColor,[i.bottomSheet.borderRadius]:(l=t.bottomSheet)==null?void 0:l.borderRadius,[i.modal.borderRadius]:(s=t.modal)==null?void 0:s.borderRadius}))},e.render()))}});var Y=require("@stackflow/react"),Dt=require("@vanilla-extract/dynamic"),E=L(require("react"));var F=require("react");function P(t){let[e,r]=(0,F.useState)(void 0);return(0,F.useEffect)(()=>{H(()=>{r(t)})},[t]),e}var $=require("react");function Ct({outerRef:t,innerRef:e,enable:r}){let[o,a]=(0,$.useState)(void 0);return(0,$.useEffect)(()=>{let n=t&&"current"in t&&t.current,c=e.current;return!r||!n||!c?xt:ht(()=>{let s=n.clientWidth,d=c.offsetLeft,h=c.clientWidth,v=s-d-h,u=Math.max(d,v);a(s-2*u)})},[]),{maxWidth:o}}var gt=require("@stackflow/react"),et=require("react"),V={};function C({styleName:t,refs:e,effect:r}){let o=(0,gt.useActivity)();(0,et.useEffect)(()=>(V[t]||(V[t]=new Map),V[t].set(o.zIndex,{refs:e,hasEffect:!!r}),()=>{V[t].delete(o.zIndex)}),[o.id,e,r]),(0,et.useEffect)(()=>{if(!r)return()=>{};let a=(()=>{let c=[];for(let l=1;l<=o.zIndex;l+=1){let s=V[t].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 Et({refs:t,hasEffect:e}){C({styleName:"hide",refs:t,effect:e?({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 me=32,G=80;function kt({refs:t,theme:e,hasEffect:r}){C({styleName:"offset",refs:t,effect:r?({activityTransitionState:o,refs:a})=>{let n=e==="cupertino"?`translateX(-${G/16}rem)`:`translateY(-${me/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 qt({theme:t,dimRef:e,edgeRef:r,paperRef:o,hasEffect:a,onSwiped:n}){C({styleName:"swipe-back",refs:[o],effect:a?({refs:c})=>{if(t!=="cupertino")return()=>{};if(!e.current||!r.current||!o.current)return()=>{};let l=e.current,s=r.current,d=o.current,h=null,v=null,u=null,g=[],f=()=>{h=null,v=null,u=null,g=[]},_=!1;function w(y){_||(_=!0,requestAnimationFrame(()=>{let m=y/d.clientWidth;l.style.opacity=`${1-m}`,l.style.transition="0s",d.style.overflowY="hidden",d.style.transform=`translateX(${y}px)`,d.style.transition="0s",c.forEach(b=>{var p;!b.current||(b.current.style.transform=`translateX(${-1*(1-m)*G}px)`,b.current.style.transition="0s",((p=b.current.parentElement)==null?void 0:p.style.display)==="none"&&(b.current.parentElement.style.display="block"))}),_=!1}))}function T({swiped:y}){requestAnimationFrame(()=>{l.style.opacity=`${y?0:1}`,l.style.transition="var(--stackflow-transition-duration)",d.style.overflowY="hidden",d.style.transform=`translateX(${y?"100%":"0"})`,d.style.transition="var(--stackflow-transition-duration)",c.forEach(m=>{!m.current||(m.current.style.transition="var(--stackflow-transition-duration)",m.current.style.transform=`translateX(${y?"0":`-${G/16}rem`})`)}),D(d,"transitionend",()=>{l.style.opacity="",d.style.overflowY="",d.style.transform="",c.forEach((m,b)=>{if(!m.current)return;let p=g[b];y?(m.current.style.transition="",m.current.style.transform="",m.current.parentElement&&(m.current.parentElement.style.display="")):p&&(m.current.style.transition=p.style.transition,m.current.style.transform=p.style.transform,m.current.parentElement&&p.parentElement&&(m.current.parentElement.style.display=p.parentElement.style.display))})})})}let I=y=>{var b;let{activeElement:m}=document;(b=m==null?void 0:m.blur)==null||b.call(m),h=u=y.touches[0].clientX,v=Date.now(),g=c.map(p=>p.current?{style:{transform:p.current.style.transform,transition:p.current.style.transition},parentElement:p.current.parentElement?{style:{display:p.current.parentElement.style.display}}:void 0}:{style:{transform:"",transition:""}})},k=y=>{if(!h){f();return}u=y.touches[0].clientX,w(u-h)},R=()=>{if(!h||!v||!u){f();return}let y=Date.now(),b=(u-h)/(y-v)>1||u/d.clientWidth>.4;b&&(n==null||n()),f(),T({swiped:b})};return s.addEventListener("touchstart",I,{passive:!0}),s.addEventListener("touchmove",k,{passive:!0}),s.addEventListener("touchend",R,{passive:!0}),s.addEventListener("touchcancel",R,{passive:!0}),()=>{s.removeEventListener("touchstart",I),s.removeEventListener("touchmove",k),s.removeEventListener("touchend",R),s.removeEventListener("touchcancel",R)}}:void 0})}var U=require("@stackflow/react"),Vt=require("@vanilla-extract/dynamic"),x=L(require("react"));var rt=L(require("react")),fe=t=>rt.default.createElement("svg",{className:t.className,width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},rt.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=fe;var j=L(require("react")),ue=t=>j.default.createElement("svg",{className:t.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"})),ot=ue;var at=require("@vanilla-extract/recipes/createRuntimeFn"),_t=(0,at.createRuntimeFn)({defaultClassName:"_1yk3a450 dhthxq4 dhthxq8 dhthxq7 dhthxq0 dhthxqg _1dlf4347",variantClassNames:{border:{true:"_1yk3a451"}},defaultVariants:{},compoundVariants:[]}),nt="_1yk3a453 dhthxq8 dhthxq7 dhthxqa dhthxqe dhthxqh",Rt="_1yk3a455 dhthxq8 dhthxq7",St=(0,at.createRuntimeFn)({defaultClassName:"_1yk3a456",variantClassNames:{hasLeft:{true:"_1yk3a457"}},defaultVariants:{},compoundVariants:[]}),Nt="_1yk3a458 dhthxqb dhthxqc dhthxq0",zt="_1yk3a453 dhthxq8 dhthxq7 dhthxqa dhthxqe dhthxqh",It="_1yk3a452 dhthxq8 dhthxq7 dhthxq1",Lt="_1yk3a459 dhthxq8 dhthxq7 dhthxq1 dhthxq5";var X=require("@vanilla-extract/recipes/createRuntimeFn");var Mt=(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 wt="_1dlf434i dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 _1dlf4346 _1dlf4348",Pt=(0,X.createRuntimeFn)({defaultClassName:"_1dlf434l dhthxq4 dhthxq2 dhthxq3 dhthxq1",variantClassNames:{hasAppBar:{true:"_1dlf434m"}},defaultVariants:{},compoundVariants:[]});var Tt=(0,X.createRuntimeFn)({defaultClassName:"_1dlf434j dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 _1dlf4347 _1dlf4348",variantClassNames:{hasAppBar:{true:"_1dlf434k dhthxqf"}},defaultVariants:{},compoundVariants:[]}),S={transitionDuration:"var(--_1dlf4340)",zIndexes:{dim:"var(--_1dlf4341)",paper:"var(--_1dlf4342)",edge:"var(--_1dlf4343)",appBar:"var(--_1dlf4344)"},appBar:{center:{mainWidth:"var(--_1dlf4345)"}}};var xe=x.default.forwardRef(({title:t,appendLeft:e,appendRight:r,backButton:o,closeButton:a,closeButtonLocation:n="left",border:c=!0,iconColor:l,textColor:s,borderColor:d,borderSize:h,height:v},u)=>{let g=(0,U.useActions)(),f=(0,U.useActivity)(),_=O(),w=(0,x.useRef)(null),{maxWidth:T}=Ct({outerRef:u,innerRef:w,enable:_.theme==="cupertino"}),I=p=>{o&&"onClick"in o&&o.onClick&&o.onClick(p),p.defaultPrevented||g.pop()},k=f.zIndex===0||f.zIndex===1&&f.transitionState==="enter-active"&&f.pushedBy.name==="Replaced",R=()=>{var p;return k?null:o?"render"in o&&o.render?(p=o.render)==null?void 0:p.call(o):x.default.createElement("button",{type:"button",className:nt,onClick:I},"renderIcon"in o&&o.renderIcon?o.renderIcon():x.default.createElement(W,null)):x.default.createElement("button",{type:"button",className:nt,onClick:I},x.default.createElement(W,null))},y=p=>{var st,A,it;a&&"onClick"in a&&a.onClick&&a.onClick(p),p.defaultPrevented||(it=(A=(st=_.appBar)==null?void 0:st.closeButton)==null?void 0:A.onClick)==null||it.call(A,p)},m=()=>{var p;return!a&&!((p=_.appBar)!=null&&p.closeButton)||!k?null:a&&"render"in a&&a.render?a.render():x.default.createElement("button",{type:"button",className:zt,onClick:y},a&&"renderIcon"in a&&a.renderIcon?a.renderIcon():x.default.createElement(ot,null))},b=!!(n==="left"&&a||o||e);return x.default.createElement("div",{ref:u,className:_t({border:c}),style:(0,Vt.assignInlineVars)(q({[i.appBar.iconColor]:l,[i.appBar.textColor]:s,[i.appBar.borderColor]:d,[i.appBar.borderSize]:h,[i.appBar.height]:v,[S.appBar.center.mainWidth]:`${T}px`}))},x.default.createElement("div",{className:It},n==="left"&&m(),R(),e==null?void 0:e()),x.default.createElement("div",{ref:w,className:Rt},x.default.createElement("div",{className:St({hasLeft:b})},typeof t=="string"?x.default.createElement("div",{className:Nt},t):t)),x.default.createElement("div",{className:Lt},r==null?void 0:r(),n==="right"&&m()))}),At=xe;var ve=({backgroundColor:t,dimBackgroundColor:e,appBar:r,children:o})=>{let a=O(),n=(0,Y.useActivity)(),{pop:c}=(0,Y.useActions)(),l=(0,E.useRef)(null),s=(0,E.useRef)(null),d=(0,E.useRef)(null),h=(0,E.useRef)(null),v=(0,E.useRef)(null);Et({refs:[l],hasEffect:!0}),kt({theme:a.theme,refs:a.theme==="cupertino"?[d]:[d,v],hasEffect:!0}),qt({theme:a.theme,dimRef:s,edgeRef:h,paperRef:d,hasEffect:!0,onSwiped(){c()}});let u=n.zIndex===0,g=!!r,f=n.zIndex*5,_=f,w=f+(a.theme==="cupertino"&&g?1:3),T=f+4,I=f+7,{transitionState:k}=n,R=P(k);return E.default.createElement("div",{ref:l,className:Mt({transitionState:k==="enter-done"||k==="exit-done"?k:R}),style:(0,Dt.assignInlineVars)(q({[i.backgroundColor]:t,[i.dimBackgroundColor]:e,[i.appBar.height]:r==null?void 0:r.height,[S.zIndexes.dim]:`${_}`,[S.zIndexes.paper]:`${w}`,[S.zIndexes.edge]:`${T}`,[S.zIndexes.appBar]:`${I}`,[S.transitionDuration]:n.transitionState==="enter-active"||n.transitionState==="exit-active"?"var(--stackflow-transition-duration)":"0ms"}))},E.default.createElement("div",{className:wt,ref:s}),E.default.createElement("div",{key:n.id,className:Tt({hasAppBar:g}),ref:d},o),!u&&a.theme==="cupertino"&&E.default.createElement("div",{className:Pt({hasAppBar:g}),ref:h}),r&&E.default.createElement(At,mt(pt({},r),{ref:v})))},Ht=ve;var J=require("@stackflow/react"),Wt=require("@vanilla-extract/dynamic"),N=L(require("react"));var Ot=require("@vanilla-extract/recipes/createRuntimeFn"),Ft=(0,Ot.createRuntimeFn)({defaultClassName:"dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 dhthxqb",variantClassNames:{transitionState:{"enter-active":"_1ht38h04","enter-done":"_1ht38h05","exit-active":"_1ht38h06","exit-done":"_1ht38h07"}},defaultVariants:{},compoundVariants:[]}),$t="_1ht38h0d dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 dhthxqb dhthxq9 dhthxq7 _1ht38h03";var Gt="_1ht38h0e dhthxqb _1ht38h03",Z={transitionDuration:"var(--_1ht38h00)",zIndexes:{dim:"var(--_1ht38h01)",paper:"var(--_1ht38h02)"}};var be=({borderRadius:t="1rem",backgroundColor:e,dimBackgroundColor:r,onOutsideClick:o,children:a})=>{let n=(0,J.useActivity)(),{pop:c}=(0,J.useActions)(),l=(0,N.useRef)(null),s=(0,N.useRef)(null);C({styleName:"hide",refs:[l]}),C({styleName:"offset",refs:[s]}),C({styleName:"swipe-back",refs:[s]});let d=(0,N.useRef)(!1),h=f=>{o==null||o(f),!f.defaultPrevented&&(d.current||(d.current=!0,c()))},v=f=>{f.stopPropagation()},u=n.zIndex*5+3,g=n.zIndex*5+4;return N.default.createElement("div",{className:Ft({transitionState:P(n.transitionState)}),ref:l,style:(0,Wt.assignInlineVars)(q({[i.bottomSheet.borderRadius]:t,[i.backgroundColor]:e,[i.dimBackgroundColor]:r,[Z.zIndexes.dim]:`${u}`,[Z.zIndexes.paper]:`${g}`,[Z.transitionDuration]:n.transitionState==="enter-active"||n.transitionState==="exit-active"?"var(--stackflow-transition-duration)":"0ms"}))},N.default.createElement("div",{className:$t,ref:s,onClick:h},N.default.createElement("div",{className:Gt,onClick:v},a)))},jt=be;var Q=require("@stackflow/react"),Jt=require("@vanilla-extract/dynamic"),z=L(require("react"));var Xt=require("@vanilla-extract/recipes/createRuntimeFn"),Ut=(0,Xt.createRuntimeFn)({defaultClassName:"dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 dhthxqb",variantClassNames:{transitionState:{"enter-active":"_5ozg8c4","enter-done":"_5ozg8c5","exit-active":"_5ozg8c6","exit-done":"_5ozg8c7"}},defaultVariants:{},compoundVariants:[]}),Yt="_5ozg8cd dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 dhthxqb dhthxq8 dhthxq7 dhthxqa _5ozg8c3";var Zt="_5ozg8ce dhthxqb _5ozg8c3",K={transitionDuration:"var(--_5ozg8c0)",zIndexes:{dim:"var(--_5ozg8c1)",paper:"var(--_5ozg8c2)"}};var ge=({backgroundColor:t,dimBackgroundColor:e,borderRadius:r="1rem",onOutsideClick:o,children:a})=>{let n=(0,Q.useActivity)(),{pop:c}=(0,Q.useActions)(),l=(0,z.useRef)(null),s=(0,z.useRef)(null);C({styleName:"hide",refs:[l]}),C({styleName:"offset",refs:[s]}),C({styleName:"swipe-back",refs:[s]});let d=(0,z.useRef)(!1),h=f=>{o==null||o(f),!f.defaultPrevented&&(d.current||(d.current=!0,c()))},v=f=>{f.stopPropagation()},u=n.zIndex*5+3,g=n.zIndex*5+4;return z.default.createElement("div",{className:Ut({transitionState:P(n.transitionState)}),ref:l,style:(0,Jt.assignInlineVars)(q({[i.bottomSheet.borderRadius]:r,[i.backgroundColor]:t,[i.dimBackgroundColor]:e,[K.zIndexes.dim]:`${u}`,[K.zIndexes.paper]:`${g}`,[K.transitionDuration]:n.transitionState==="enter-active"||n.transitionState==="exit-active"?"var(--stackflow-transition-duration)":"0ms"}))},z.default.createElement("div",{className:Yt,ref:s,onClick:h},z.default.createElement("div",{className:Zt,onClick:v},a)))},Kt=ge;
|
|
1
|
+
"use strict";var Qt=Object.create;var B=Object.defineProperty,te=Object.defineProperties,ee=Object.getOwnPropertyDescriptor,re=Object.getOwnPropertyDescriptors,oe=Object.getOwnPropertyNames,ct=Object.getOwnPropertySymbols,ae=Object.getPrototypeOf,dt=Object.prototype.hasOwnProperty,ne=Object.prototype.propertyIsEnumerable;var lt=(t,e,r)=>e in t?B(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,pt=(t,e)=>{for(var r in e||(e={}))dt.call(e,r)&<(t,r,e[r]);if(ct)for(var r of ct(e))ne.call(e,r)&<(t,r,e[r]);return t},mt=(t,e)=>te(t,re(e));var ft=(t,e)=>{for(var r in e)B(t,r,{get:e[r],enumerable:!0})},ut=(t,e,r,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of oe(e))!dt.call(t,a)&&a!==r&&B(t,a,{get:()=>e[a],enumerable:!(o=ee(e,a))||o.enumerable});return t};var L=(t,e,r)=>(r=t!=null?Qt(ae(t)):{},ut(e||!t||!t.__esModule?B(r,"default",{value:t,enumerable:!0}):r,t)),se=t=>ut(B({},"__esModule",{value:!0}),t);var Ee={};ft(Ee,{AppScreen:()=>Ht,BottomSheet:()=>jt,Modal:()=>Kt,basicUIPlugin:()=>bt,cssVars:()=>i});module.exports=se(Ee);var vt=require("@vanilla-extract/dynamic"),M=L(require("react"));var tt={};ft(tt,{android:()=>ie,cupertino:()=>ce,globalVars:()=>i,rootAndroid:()=>le,rootCupertino:()=>de});var ie="_1coppmz0",ce="_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)"}},le=":root[data-stackflow-plugin-basic-ui-theme=android]",de=":root[data-stackflow-plugin-basic-ui-theme=cupertino]";function q(t){return Object.entries(t).reduce((e,[r,o])=>(o!=null&&(e[r]=o),e),{})}function D(t,e,r){let o=()=>{t.removeEventListener(e,o),r()};t.addEventListener(e,o)}var ht=t=>(t(),window.addEventListener("resize",t),()=>{window.removeEventListener("resize",t)});var xt=()=>{};function H(t){requestAnimationFrame(()=>{requestAnimationFrame(()=>{t()})})}var yt=(0,M.createContext)({theme:"android"}),pe=yt.Provider;function O(){return(0,M.useContext)(yt)}var bt=t=>()=>({key:"basic-ui",wrapStack({stack:e}){var r,o,a,n,c,l,s;return M.default.createElement(pe,{value:t},M.default.createElement("div",{className:typeof window!="undefined"?tt[t.theme]:void 0,style:(0,vt.assignInlineVars)(q({[i.backgroundColor]:t.backgroundColor,[i.dimBackgroundColor]:t.dimBackgroundColor,[i.appBar.borderColor]:(r=t.appBar)==null?void 0:r.borderColor,[i.appBar.borderSize]:(o=t.appBar)==null?void 0:o.borderSize,[i.appBar.height]:(a=t.appBar)==null?void 0:a.height,[i.appBar.iconColor]:(n=t.appBar)==null?void 0:n.iconColor,[i.appBar.textColor]:(c=t.appBar)==null?void 0:c.textColor,[i.bottomSheet.borderRadius]:(l=t.bottomSheet)==null?void 0:l.borderRadius,[i.modal.borderRadius]:(s=t.modal)==null?void 0:s.borderRadius}))},e.render()))}});var Y=require("@stackflow/react"),Dt=require("@vanilla-extract/dynamic"),E=L(require("react"));var F=require("react");function P(t){let[e,r]=(0,F.useState)(void 0);return(0,F.useEffect)(()=>{H(()=>{r(t)})},[t]),e}var $=require("react");function gt({outerRef:t,innerRef:e,enable:r}){let[o,a]=(0,$.useState)(void 0);return(0,$.useEffect)(()=>{let n=t&&"current"in t&&t.current,c=e.current;return!r||!n||!c?xt:ht(()=>{let s=n.clientWidth,d=c.offsetLeft,h=c.clientWidth,v=s-d-h,u=Math.max(d,v);a(s-2*u)})},[]),{maxWidth:o}}var Ct=require("@stackflow/react"),et=require("react"),V={};function g({styleName:t,refs:e,effect:r}){let o=(0,Ct.useActivity)();(0,et.useEffect)(()=>(V[t]||(V[t]=new Map),V[t].set(o.zIndex,{refs:e,hasEffect:!!r}),()=>{V[t].delete(o.zIndex)}),[o.id,e,r]),(0,et.useEffect)(()=>{if(!r)return()=>{};let a=(()=>{let c=[];for(let l=1;l<=o.zIndex;l+=1){let s=V[t].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 Et({refs:t,hasEffect:e}){g({styleName:"hide",refs:t,effect:e?({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 me=32,G=80;function kt({refs:t,theme:e,hasEffect:r}){g({styleName:"offset",refs:t,effect:r?({activityTransitionState:o,refs:a})=>{let n=e==="cupertino"?`translateX(-${G/16}rem)`:`translateY(-${me/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 qt({theme:t,dimRef:e,edgeRef:r,paperRef:o,hasEffect:a,onSwiped:n}){g({styleName:"swipe-back",refs:[o],effect:a?({refs:c})=>{if(t!=="cupertino")return()=>{};if(!e.current||!r.current||!o.current)return()=>{};let l=e.current,s=r.current,d=o.current,h=null,v=null,u=null,C=[],f=()=>{h=null,v=null,u=null,C=[]},_=!1;function w(y){_||(_=!0,requestAnimationFrame(()=>{let m=y/d.clientWidth;l.style.opacity=`${1-m}`,l.style.transition="0s",d.style.overflowY="hidden",d.style.transform=`translateX(${y}px)`,d.style.transition="0s",c.forEach(b=>{var p;!b.current||(b.current.style.transform=`translateX(${-1*(1-m)*G}px)`,b.current.style.transition="0s",((p=b.current.parentElement)==null?void 0:p.style.display)==="none"&&(b.current.parentElement.style.display="block"))}),_=!1}))}function T({swiped:y}){requestAnimationFrame(()=>{l.style.opacity=`${y?0:1}`,l.style.transition="var(--stackflow-transition-duration)",d.style.overflowY="hidden",d.style.transform=`translateX(${y?"100%":"0"})`,d.style.transition="var(--stackflow-transition-duration)",c.forEach(m=>{!m.current||(m.current.style.transition="var(--stackflow-transition-duration)",m.current.style.transform=`translateX(${y?"0":`-${G/16}rem`})`)}),D(d,"transitionend",()=>{l.style.opacity="",d.style.overflowY="",d.style.transform="",c.forEach((m,b)=>{if(!m.current)return;let p=C[b];y?(m.current.style.transition="",m.current.style.transform="",m.current.parentElement&&(m.current.parentElement.style.display="")):p&&(m.current.style.transition=p.style.transition,m.current.style.transform=p.style.transform,m.current.parentElement&&p.parentElement&&(m.current.parentElement.style.display=p.parentElement.style.display))})})})}let I=y=>{var b;let{activeElement:m}=document;(b=m==null?void 0:m.blur)==null||b.call(m),h=u=y.touches[0].clientX,v=Date.now(),C=c.map(p=>p.current?{style:{transform:p.current.style.transform,transition:p.current.style.transition},parentElement:p.current.parentElement?{style:{display:p.current.parentElement.style.display}}:void 0}:{style:{transform:"",transition:""}})},k=y=>{if(!h){f();return}u=y.touches[0].clientX,w(u-h)},R=()=>{if(!h||!v||!u){f();return}let y=Date.now(),b=(u-h)/(y-v)>1||u/d.clientWidth>.4;b&&(n==null||n()),f(),T({swiped:b})};return s.addEventListener("touchstart",I,{passive:!0}),s.addEventListener("touchmove",k,{passive:!0}),s.addEventListener("touchend",R,{passive:!0}),s.addEventListener("touchcancel",R,{passive:!0}),()=>{s.removeEventListener("touchstart",I),s.removeEventListener("touchmove",k),s.removeEventListener("touchend",R),s.removeEventListener("touchcancel",R)}}:void 0})}var U=require("@stackflow/react"),Vt=require("@vanilla-extract/dynamic"),x=L(require("react"));var rt=L(require("react")),fe=t=>rt.default.createElement("svg",{className:t.className,width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},rt.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=fe;var j=L(require("react")),ue=t=>j.default.createElement("svg",{className:t.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"})),ot=ue;var at=require("@vanilla-extract/recipes/createRuntimeFn"),_t=(0,at.createRuntimeFn)({defaultClassName:"_1yk3a450 dhthxq4 dhthxq8 dhthxq7 dhthxq0 dhthxqg _1dlf4347",variantClassNames:{border:{true:"_1yk3a451"}},defaultVariants:{},compoundVariants:[]}),nt="_1yk3a453 dhthxq8 dhthxq7 dhthxqa dhthxqe dhthxqh",Rt="_1yk3a455 dhthxq8 dhthxq7",St=(0,at.createRuntimeFn)({defaultClassName:"_1yk3a456",variantClassNames:{hasLeft:{true:"_1yk3a457"}},defaultVariants:{},compoundVariants:[]}),Nt="_1yk3a458 dhthxqb dhthxqc dhthxq0",zt="_1yk3a453 dhthxq8 dhthxq7 dhthxqa dhthxqe dhthxqh",It="_1yk3a452 dhthxq8 dhthxq7 dhthxq1",Lt="_1yk3a459 dhthxq8 dhthxq7 dhthxq1 dhthxq5";var X=require("@vanilla-extract/recipes/createRuntimeFn");var Mt=(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 wt="_1dlf434i dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 _1dlf4346 _1dlf4348",Pt=(0,X.createRuntimeFn)({defaultClassName:"_1dlf434l dhthxq4 dhthxq2 dhthxq3 dhthxq1",variantClassNames:{hasAppBar:{true:"_1dlf434m"}},defaultVariants:{},compoundVariants:[]});var Tt=(0,X.createRuntimeFn)({defaultClassName:"_1dlf434j dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 _1dlf4347 _1dlf4348",variantClassNames:{hasAppBar:{true:"_1dlf434k dhthxqf"}},defaultVariants:{},compoundVariants:[]}),S={transitionDuration:"var(--_1dlf4340)",zIndexes:{dim:"var(--_1dlf4341)",paper:"var(--_1dlf4342)",edge:"var(--_1dlf4343)",appBar:"var(--_1dlf4344)"},appBar:{center:{mainWidth:"var(--_1dlf4345)"}}};var xe=x.default.forwardRef(({title:t,appendLeft:e,appendRight:r,backButton:o,closeButton:a,closeButtonLocation:n="left",border:c=!0,iconColor:l,textColor:s,borderColor:d,borderSize:h,height:v},u)=>{let C=(0,U.useActions)(),f=(0,U.useActivity)(),_=O(),w=(0,x.useRef)(null),{maxWidth:T}=gt({outerRef:u,innerRef:w,enable:_.theme==="cupertino"}),I=p=>{o&&"onClick"in o&&o.onClick&&o.onClick(p),p.defaultPrevented||C.pop()},k=f.zIndex===0||f.zIndex===1&&f.transitionState==="enter-active"&&f.pushedBy.name==="Replaced",R=()=>{var p;return k?null:o?"render"in o&&o.render?(p=o.render)==null?void 0:p.call(o):x.default.createElement("button",{type:"button",className:nt,onClick:I},"renderIcon"in o&&o.renderIcon?o.renderIcon():x.default.createElement(W,null)):x.default.createElement("button",{type:"button",className:nt,onClick:I},x.default.createElement(W,null))},y=p=>{var st,A,it;a&&"onClick"in a&&a.onClick&&a.onClick(p),p.defaultPrevented||(it=(A=(st=_.appBar)==null?void 0:st.closeButton)==null?void 0:A.onClick)==null||it.call(A,p)},m=()=>{var p;return!a&&!((p=_.appBar)!=null&&p.closeButton)||!k?null:a&&"render"in a&&a.render?a.render():x.default.createElement("button",{type:"button",className:zt,onClick:y},a&&"renderIcon"in a&&a.renderIcon?a.renderIcon():x.default.createElement(ot,null))},b=!!(n==="left"&&a||o||e);return x.default.createElement("div",{ref:u,className:_t({border:c}),style:(0,Vt.assignInlineVars)(q({[i.appBar.iconColor]:l,[i.appBar.textColor]:s,[i.appBar.borderColor]:d,[i.appBar.borderSize]:h,[i.appBar.height]:v,[S.appBar.center.mainWidth]:`${T}px`}))},x.default.createElement("div",{className:It},n==="left"&&m(),R(),e==null?void 0:e()),x.default.createElement("div",{ref:w,className:Rt},x.default.createElement("div",{className:St({hasLeft:b})},typeof t=="string"?x.default.createElement("div",{className:Nt},t):t)),x.default.createElement("div",{className:Lt},r==null?void 0:r(),n==="right"&&m()))}),At=xe;var ve=({backgroundColor:t,dimBackgroundColor:e,appBar:r,children:o})=>{let a=O(),n=(0,Y.useActivity)(),{pop:c}=(0,Y.useActions)(),l=(0,E.useRef)(null),s=(0,E.useRef)(null),d=(0,E.useRef)(null),h=(0,E.useRef)(null),v=(0,E.useRef)(null);Et({refs:[l],hasEffect:!0}),kt({theme:a.theme,refs:a.theme==="cupertino"?[d]:[d,v],hasEffect:!0}),qt({theme:a.theme,dimRef:s,edgeRef:h,paperRef:d,hasEffect:!0,onSwiped(){c()}});let u=n.zIndex===0,C=!!r,f=n.zIndex*5,_=f,w=f+(a.theme==="cupertino"&&C?1:3),T=f+4,I=f+7,{transitionState:k}=n,R=P(k);return E.default.createElement("div",{ref:l,className:Mt({transitionState:k==="enter-done"||k==="exit-done"?k:R}),style:(0,Dt.assignInlineVars)(q({[i.backgroundColor]:t,[i.dimBackgroundColor]:e,[i.appBar.height]:r==null?void 0:r.height,[S.zIndexes.dim]:`${_}`,[S.zIndexes.paper]:`${w}`,[S.zIndexes.edge]:`${T}`,[S.zIndexes.appBar]:`${I}`,[S.transitionDuration]:n.transitionState==="enter-active"||n.transitionState==="exit-active"?"var(--stackflow-transition-duration)":"0ms"}))},E.default.createElement("div",{className:wt,ref:s}),E.default.createElement("div",{key:n.id,className:Tt({hasAppBar:C}),ref:d},o),!u&&a.theme==="cupertino"&&E.default.createElement("div",{className:Pt({hasAppBar:C}),ref:h}),r&&E.default.createElement(At,mt(pt({},r),{ref:v})))},Ht=ve;var J=require("@stackflow/react"),Wt=require("@vanilla-extract/dynamic"),N=L(require("react"));var Ot=require("@vanilla-extract/recipes/createRuntimeFn"),Ft=(0,Ot.createRuntimeFn)({defaultClassName:"dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 dhthxqb",variantClassNames:{transitionState:{"enter-active":"_1ht38h04","enter-done":"_1ht38h05","exit-active":"_1ht38h06","exit-done":"_1ht38h07"}},defaultVariants:{},compoundVariants:[]}),$t="_1ht38h0d dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 dhthxqb dhthxq9 dhthxq7 _1ht38h03";var Gt="_1ht38h0e dhthxqb _1ht38h03",Z={transitionDuration:"var(--_1ht38h00)",zIndexes:{dim:"var(--_1ht38h01)",paper:"var(--_1ht38h02)"}};var be=({borderRadius:t="1rem",backgroundColor:e,dimBackgroundColor:r,onOutsideClick:o,children:a})=>{let n=(0,J.useActivity)(),{pop:c}=(0,J.useActions)(),l=(0,N.useRef)(null),s=(0,N.useRef)(null);g({styleName:"hide",refs:[l]}),g({styleName:"offset",refs:[s]}),g({styleName:"swipe-back",refs:[s]});let d=(0,N.useRef)(!1),h=f=>{o==null||o(f),!f.defaultPrevented&&(d.current||(d.current=!0,c()))},v=f=>{f.stopPropagation()},u=n.zIndex*5+3,C=n.zIndex*5+4;return N.default.createElement("div",{className:Ft({transitionState:P(n.transitionState)}),ref:l,style:(0,Wt.assignInlineVars)(q({[i.bottomSheet.borderRadius]:t,[i.backgroundColor]:e,[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"}))},N.default.createElement("div",{className:$t,ref:s,onClick:h},N.default.createElement("div",{className:Gt,onClick:v},a)))},jt=be;var Q=require("@stackflow/react"),Jt=require("@vanilla-extract/dynamic"),z=L(require("react"));var Xt=require("@vanilla-extract/recipes/createRuntimeFn"),Ut=(0,Xt.createRuntimeFn)({defaultClassName:"dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 dhthxqb",variantClassNames:{transitionState:{"enter-active":"_5ozg8c4","enter-done":"_5ozg8c5","exit-active":"_5ozg8c6","exit-done":"_5ozg8c7"}},defaultVariants:{},compoundVariants:[]}),Yt="_5ozg8cd dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 dhthxqb dhthxq8 dhthxq7 dhthxqa _5ozg8c3";var Zt="_5ozg8ce dhthxqb _5ozg8c3",K={transitionDuration:"var(--_5ozg8c0)",zIndexes:{dim:"var(--_5ozg8c1)",paper:"var(--_5ozg8c2)"}};var Ce=({backgroundColor:t,dimBackgroundColor:e,borderRadius:r="1rem",onOutsideClick:o,children:a})=>{let n=(0,Q.useActivity)(),{pop:c}=(0,Q.useActions)(),l=(0,z.useRef)(null),s=(0,z.useRef)(null);g({styleName:"hide",refs:[l]}),g({styleName:"offset",refs:[s]}),g({styleName:"swipe-back",refs:[s]});let d=(0,z.useRef)(!1),h=f=>{o==null||o(f),!f.defaultPrevented&&(d.current||(d.current=!0,c()))},v=f=>{f.stopPropagation()},u=n.zIndex*5+3,C=n.zIndex*5+4;return z.default.createElement("div",{className:Ut({transitionState:P(n.transitionState)}),ref:l,style:(0,Jt.assignInlineVars)(q({[i.bottomSheet.borderRadius]:r,[i.backgroundColor]:t,[i.dimBackgroundColor]:e,[K.zIndexes.dim]:`${u}`,[K.zIndexes.paper]:`${C}`,[K.transitionDuration]:n.transitionState==="enter-active"||n.transitionState==="exit-active"?"var(--stackflow-transition-duration)":"0ms"}))},z.default.createElement("div",{className:Yt,ref:s,onClick:h},z.default.createElement("div",{className:Zt,onClick:v},a)))},Kt=Ce;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../src/index.ts", "../src/basicUIPlugin.tsx", "../src/theme.css.ts", "../src/utils/compactMap.ts", "../src/utils/listenOnce.ts", "../src/utils/listenResize.ts", "../src/utils/noop.ts", "../src/utils/requestNextFrame.tsx", "../src/components/AppScreen.tsx", "../src/hooks/useLazy.tsx", "../src/hooks/useMaxWidth.ts", "../src/hooks/useStyleEffect.ts", "../src/hooks/useStyleEffectHide.ts", "../src/hooks/useStyleEffectOffset.ts", "../src/hooks/useStyleEffectSwipeBack.ts", "../src/components/AppBar.tsx", "../src/assets/IconBack.tsx", "../src/assets/IconClose.tsx", "../src/components/AppBar.css.ts", "../src/components/AppScreen.css.ts", "../src/components/BottomSheet.tsx", "../src/components/BottomSheet.css.ts", "../src/components/Modal.tsx", "../src/components/Modal.css.ts"],
|
|
4
|
-
"sourcesContent": ["export { basicUIPlugin } from \"./basicUIPlugin\";\nexport { default as AppScreen } from \"./components/AppScreen\";\nexport { default as BottomSheet } from \"./components/BottomSheet\";\nexport { default as Modal } from \"./components/Modal\";\nexport { globalVars as cssVars } from \"./theme.css\";\n", "import type { StackflowReactPlugin } from \"@stackflow/react\";\nimport { assignInlineVars } from \"@vanilla-extract/dynamic\";\nimport React, { createContext, useContext } from \"react\";\n\nimport * as theme from \"./theme.css\";\nimport type { RecursivePartial } from \"./utils\";\nimport { compactMap } from \"./utils\";\n\ntype BasicUIPluginOptions = RecursivePartial<theme.GlobalVars> & {\n theme: \"android\" | \"cupertino\";\n appBar?: {\n closeButton?: {\n onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;\n };\n };\n};\n\nconst GlobalOptionsContext = createContext<BasicUIPluginOptions>({\n theme: \"android\",\n});\n\nexport const GlobalOptionsProvider = GlobalOptionsContext.Provider;\n\nexport function useGlobalOptions() {\n return useContext(GlobalOptionsContext);\n}\n\nexport const basicUIPlugin: (\n options: BasicUIPluginOptions,\n) => StackflowReactPlugin = (options) => () => ({\n key: \"basic-ui\",\n wrapStack({ stack }) {\n return (\n <GlobalOptionsProvider value={options}>\n <div\n className={\n typeof window !== \"undefined\" ? theme[options.theme] : undefined\n }\n style={assignInlineVars(\n compactMap({\n [theme.globalVars.backgroundColor]: options.backgroundColor,\n [theme.globalVars.dimBackgroundColor]: options.dimBackgroundColor,\n [theme.globalVars.appBar.borderColor]:\n options.appBar?.borderColor,\n [theme.globalVars.appBar.borderSize]: options.appBar?.borderSize,\n [theme.globalVars.appBar.height]: options.appBar?.height,\n [theme.globalVars.appBar.iconColor]: options.appBar?.iconColor,\n [theme.globalVars.appBar.textColor]: options.appBar?.textColor,\n [theme.globalVars.bottomSheet.borderRadius]:\n options.bottomSheet?.borderRadius,\n [theme.globalVars.modal.borderRadius]:\n options.modal?.borderRadius,\n }),\n )}\n >\n {stack.render()}\n </div>\n </GlobalOptionsProvider>\n );\n },\n});\n", "import 'src/theme.css.ts.vanilla.css?source=#H4sIAAAAAAAAE+WT3UrEMBCF7/cpAt4obEKzWhYiPomI5GfaBjedMJnisuK7W0X3akvrpZUEQsI5h5l8jCFE3grzeTwGy1YWtv6lOeCrdLZEL4couYMED7YPhDE8ibeNEPKSzo0vLeHQB+nxgGTEVdM091PyENMFC7XOXldb8b2Vrm8mE2zO44WkQwpAUwnVfnFCiScwQufjrKGD2HZsxK2qCdKsPHrsz5+y0+O6m/UwHHmpxyEzJlk6AP5phmyIQxnb+SrwfbMEsh8yEMce/wHmStW/AL1T+z9DWj1rjzmnU7V+iisd1jNCvX6Eqx3ED1vu8AteBwAA';\nexport var android = '_1coppmz0';\nexport var cupertino = '_1coppmz1';\nexport var globalVars = {backgroundColor:'var(--stackflow-basic-ui-background-color)',dimBackgroundColor:'var(--stackflow-basic-ui-dim-background-color)',appBar:{borderColor:'var(--stackflow-basic-ui-app-bar-border-color)',borderSize:'var(--stackflow-basic-ui-app-bar-border-size)',height:'var(--stackflow-basic-ui-app-bar-height)',iconColor:'var(--stackflow-basic-ui-app-bar-icon-color)',textColor:'var(--stackflow-basic-ui-app-bar-text-color)'},bottomSheet:{borderRadius:'var(--stackflow-basic-ui-bottom-sheet-border-radius)'},modal:{borderRadius:'var(--stackflow-basic-ui-bottom-sheet-border-radius)'}};\nexport var rootAndroid = ':root[data-stackflow-basic-ui-theme=android]';\nexport var rootCupertino = ':root[data-stackflow-basic-ui-theme=cupertino]';", "export function compactMap<T extends {}>(\n obj: T,\n): {\n [key in keyof T]: NonNullable<T[key]>;\n} {\n return Object.entries(obj).reduce<any>((acc, [key, value]) => {\n if (value !== null && value !== undefined) {\n acc[key] = value;\n }\n\n return acc;\n }, {});\n}\n", "export function listenOnce<T extends HTMLElement>(\n el: T,\n type: keyof HTMLElementEventMap,\n cb: () => void,\n) {\n const listener = () => {\n el.removeEventListener(type, listener);\n cb();\n };\n\n el.addEventListener(type, listener);\n}\n", "export const listenResize = (cb: () => void) => {\n cb();\n window.addEventListener(\"resize\", cb);\n\n return () => {\n window.removeEventListener(\"resize\", cb);\n };\n};\n", "export const noop = () => {};\n", "// https://github.com/MingruiZhang/react-animate-mount/blob/32300c04a4fdfa97724b70aaaf0c0f403d6da247/src/Animate.js#L171-L179\nexport function requestNextFrame(cb: () => void) {\n requestAnimationFrame(() => {\n requestAnimationFrame(() => {\n cb();\n });\n });\n}\n", "/* eslint-disable no-param-reassign */\n\nimport { useActions, useActivity } from \"@stackflow/react\";\nimport { assignInlineVars } from \"@vanilla-extract/dynamic\";\nimport React, { useRef } from \"react\";\n\nimport { useGlobalOptions } from \"../basicUIPlugin\";\nimport {\n useLazy,\n useStyleEffectHide,\n useStyleEffectOffset,\n useStyleEffectSwipeBack,\n} from \"../hooks\";\nimport type { GlobalVars } from \"../theme.css\";\nimport { globalVars } from \"../theme.css\";\nimport type { PropOf } from \"../utils\";\nimport { compactMap } from \"../utils\";\nimport AppBar from \"./AppBar\";\nimport * as css from \"./AppScreen.css\";\n\ntype AppScreenProps = Partial<\n Pick<GlobalVars, \"backgroundColor\" | \"dimBackgroundColor\">\n> & {\n appBar?: Omit<PropOf<typeof AppBar>, \"theme\" | \"ref\" | \"key\">;\n children: React.ReactNode;\n};\nconst AppScreen: React.FC<AppScreenProps> = ({\n backgroundColor,\n dimBackgroundColor,\n appBar,\n children,\n}) => {\n const globalOptions = useGlobalOptions();\n const activity = useActivity();\n const { pop } = useActions();\n\n const appScreenRef = useRef<HTMLDivElement>(null);\n const dimRef = useRef<HTMLDivElement>(null);\n const paperRef = useRef<HTMLDivElement>(null);\n const edgeRef = useRef<HTMLDivElement>(null);\n const appBarRef = useRef<HTMLDivElement>(null);\n\n useStyleEffectHide({\n refs: [appScreenRef],\n hasEffect: true,\n });\n useStyleEffectOffset({\n theme: globalOptions.theme,\n refs:\n globalOptions.theme === \"cupertino\" ? [paperRef] : [paperRef, appBarRef],\n hasEffect: true,\n });\n useStyleEffectSwipeBack({\n theme: globalOptions.theme,\n dimRef,\n edgeRef,\n paperRef,\n hasEffect: true,\n onSwiped() {\n pop();\n },\n });\n\n const isRoot = activity.zIndex === 0;\n const hasAppBar = !!appBar;\n\n const zIndexBase = activity.zIndex * 5;\n const zIndexDim = zIndexBase;\n const zIndexPaper =\n zIndexBase + (globalOptions.theme === \"cupertino\" && hasAppBar ? 1 : 3);\n const zIndexEdge = zIndexBase + 4;\n const zIndexAppBar = zIndexBase + 7;\n\n const { transitionState } = activity;\n const lazyTransitionState = useLazy(transitionState);\n\n return (\n <div\n ref={appScreenRef}\n className={css.appScreen({\n transitionState:\n transitionState === \"enter-done\" || transitionState === \"exit-done\"\n ? transitionState\n : lazyTransitionState,\n })}\n style={assignInlineVars(\n compactMap({\n [globalVars.backgroundColor]: backgroundColor,\n [globalVars.dimBackgroundColor]: dimBackgroundColor,\n [globalVars.appBar.height]: appBar?.height,\n [css.vars.zIndexes.dim]: `${zIndexDim}`,\n [css.vars.zIndexes.paper]: `${zIndexPaper}`,\n [css.vars.zIndexes.edge]: `${zIndexEdge}`,\n [css.vars.zIndexes.appBar]: `${zIndexAppBar}`,\n [css.vars.transitionDuration]:\n activity.transitionState === \"enter-active\" ||\n activity.transitionState === \"exit-active\"\n ? `var(--stackflow-transition-duration)`\n : \"0ms\",\n }),\n )}\n >\n <div className={css.dim} ref={dimRef} />\n <div\n key={activity.id}\n className={css.paper({\n hasAppBar,\n })}\n ref={paperRef}\n >\n {children}\n </div>\n {!isRoot && globalOptions.theme === \"cupertino\" && (\n <div className={css.edge({ hasAppBar })} ref={edgeRef} />\n )}\n {appBar && <AppBar {...appBar} ref={appBarRef} />}\n </div>\n );\n};\n\nexport default AppScreen;\n", "import { useEffect, useState } from \"react\";\n\nimport { requestNextFrame } from \"../utils\";\n\nexport function useLazy<T>(value: T) {\n const [state, setState] = useState<T | undefined>(undefined);\n\n useEffect(() => {\n requestNextFrame(() => {\n setState(value);\n });\n }, [value]);\n\n return state;\n}\n", "import type React from \"react\";\nimport { useEffect, useState } from \"react\";\n\nimport { listenResize, noop } from \"../utils\";\n\nexport function useMaxWidth({\n outerRef,\n innerRef,\n enable,\n}: {\n outerRef: React.ForwardedRef<any>;\n innerRef: React.MutableRefObject<any>;\n enable: boolean;\n}) {\n const [maxWidth, setMaxWidth] = useState<number | undefined>(undefined);\n\n useEffect(() => {\n const $outer = outerRef && \"current\" in outerRef && outerRef.current;\n const $inner = innerRef.current;\n\n if (!enable || !$outer || !$inner) {\n return noop;\n }\n\n const dispose = listenResize(() => {\n const screenWidth = $outer.clientWidth;\n\n const leftWidth = $inner.offsetLeft;\n const centerWidth = $inner.clientWidth;\n const rightWidth = screenWidth - leftWidth - centerWidth;\n\n const sideMargin = Math.max(leftWidth, rightWidth);\n\n setMaxWidth(screenWidth - 2 * sideMargin);\n });\n\n return dispose;\n }, []);\n\n return {\n maxWidth,\n };\n}\n", "import type { ActivityTransitionState } from \"@stackflow/core\";\nimport { useActivity } from \"@stackflow/react\";\nimport type React from \"react\";\nimport { useEffect } from \"react\";\n\nconst connections: {\n [styleName: string]: Map<\n number,\n {\n refs: Array<React.RefObject<any>>;\n hasEffect: boolean;\n }\n >;\n} = {};\n\nexport function useStyleEffect({\n styleName,\n refs,\n effect,\n}: {\n styleName: string;\n refs: Array<React.RefObject<any>>;\n effect?: (params: {\n activityTransitionState: ActivityTransitionState;\n refs: Array<React.RefObject<HTMLElement>>;\n }) => (() => void) | void;\n}) {\n const activity = useActivity();\n\n useEffect(() => {\n if (!connections[styleName]) {\n connections[styleName] = new Map();\n }\n\n connections[styleName].set(activity.zIndex, {\n refs,\n hasEffect: !!effect,\n });\n\n return () => {\n connections[styleName].delete(activity.zIndex);\n };\n }, [activity.id, refs, effect]);\n\n useEffect(() => {\n if (!effect) {\n return () => {};\n }\n\n const refs = (() => {\n let arr: Array<React.RefObject<any>> = [];\n\n for (let i = 1; i <= activity.zIndex; i += 1) {\n const connection = connections[styleName].get(activity.zIndex - i);\n\n if (connection?.refs) {\n arr = [...arr, ...connection.refs];\n }\n if (connection?.hasEffect) {\n break;\n }\n }\n\n return arr;\n })();\n\n const cleanup = effect({\n activityTransitionState: activity.transitionState,\n refs,\n });\n\n return () => {\n cleanup?.();\n };\n }, [activity.transitionState]);\n}\n", "/* eslint-disable no-param-reassign */\n\nimport type React from \"react\";\n\nimport { useStyleEffect } from \"./useStyleEffect\";\n\nexport function useStyleEffectHide({\n refs,\n hasEffect,\n}: {\n refs: Array<React.RefObject<any>>;\n hasEffect?: boolean;\n}) {\n useStyleEffect({\n styleName: \"hide\",\n refs,\n effect: hasEffect\n ? ({ activityTransitionState, refs }) => {\n switch (activityTransitionState) {\n case \"enter-done\": {\n refs.forEach((ref) => {\n if (!ref.current) {\n return;\n }\n\n ref.current.style.display = \"none\";\n });\n break;\n }\n default: {\n refs.forEach((ref) => {\n if (!ref.current) {\n return;\n }\n\n ref.current.style.display = \"\";\n });\n break;\n }\n }\n }\n : undefined,\n });\n}\n", "/* eslint-disable no-param-reassign */\n\nimport { listenOnce, requestNextFrame } from \"../utils\";\nimport { useStyleEffect } from \"./useStyleEffect\";\n\nexport const OFFSET_PX_ANDROID = 32;\nexport const OFFSET_PX_CUPERTINO = 80;\n\nexport function useStyleEffectOffset({\n refs,\n theme,\n hasEffect,\n}: {\n refs: Array<React.RefObject<any>>;\n theme: \"android\" | \"cupertino\";\n hasEffect?: boolean;\n}) {\n useStyleEffect({\n styleName: \"offset\",\n refs,\n effect: hasEffect\n ? ({ activityTransitionState, refs }) => {\n const transform =\n theme === \"cupertino\"\n ? `translateX(-${OFFSET_PX_CUPERTINO / 16}rem)`\n : `translateY(-${OFFSET_PX_ANDROID / 16}rem)`;\n\n switch (activityTransitionState) {\n case \"enter-active\":\n case \"enter-done\": {\n refs.forEach((ref) => {\n if (!ref.current) {\n return;\n }\n\n ref.current.style.transition = `var(--stackflow-transition-duration)`;\n ref.current.style.transform = transform;\n });\n break;\n }\n case \"exit-active\":\n case \"exit-done\": {\n requestNextFrame(() => {\n refs.forEach((ref) => {\n if (!ref.current) {\n return;\n }\n\n const $el = ref.current;\n\n $el.style.transform = \"\";\n\n listenOnce($el, \"transitionend\", () => {\n $el.style.transition = \"\";\n });\n });\n });\n break;\n }\n default: {\n break;\n }\n }\n }\n : undefined,\n });\n}\n", "/* eslint-disable no-param-reassign */\n\nimport { listenOnce } from \"../utils\";\nimport { useStyleEffect } from \"./useStyleEffect\";\nimport { OFFSET_PX_CUPERTINO } from \"./useStyleEffectOffset\";\n\nexport function useStyleEffectSwipeBack({\n theme,\n dimRef,\n edgeRef,\n paperRef,\n hasEffect,\n onSwiped,\n}: {\n theme: \"android\" | \"cupertino\";\n dimRef: React.RefObject<HTMLDivElement>;\n edgeRef: React.RefObject<HTMLDivElement>;\n paperRef: React.RefObject<HTMLDivElement>;\n hasEffect?: boolean;\n onSwiped?: () => void;\n}) {\n useStyleEffect({\n styleName: \"swipe-back\",\n refs: [paperRef],\n effect: hasEffect\n ? ({ refs }) => {\n if (theme !== \"cupertino\") {\n return () => {};\n }\n\n if (!dimRef.current || !edgeRef.current || !paperRef.current) {\n return () => {};\n }\n\n const $dim = dimRef.current;\n const $edge = edgeRef.current;\n const $paper = paperRef.current;\n\n let x0: number | null = null;\n let t0: number | null = null;\n let x: number | null = null;\n\n let cachedRefs: Array<{\n style: {\n transform: string;\n transition: string;\n };\n parentElement?: {\n style: {\n display: string;\n };\n };\n }> = [];\n\n const resetState = () => {\n x0 = null;\n t0 = null;\n x = null;\n cachedRefs = [];\n };\n\n let _rAFLock = false;\n\n function movePaper(dx: number) {\n if (!_rAFLock) {\n _rAFLock = true;\n\n requestAnimationFrame(() => {\n const p = dx / $paper.clientWidth;\n\n $dim.style.opacity = `${1 - p}`;\n $dim.style.transition = \"0s\";\n\n $paper.style.overflowY = \"hidden\";\n $paper.style.transform = `translateX(${dx}px)`;\n $paper.style.transition = \"0s\";\n\n refs.forEach((ref) => {\n if (!ref.current) {\n return;\n }\n\n ref.current.style.transform = `translateX(${\n -1 * (1 - p) * OFFSET_PX_CUPERTINO\n }px)`;\n ref.current.style.transition = \"0s\";\n\n if (ref.current.parentElement?.style.display === \"none\") {\n ref.current.parentElement.style.display = \"block\";\n }\n });\n\n _rAFLock = false;\n });\n }\n }\n\n function resetPaper({ swiped }: { swiped: boolean }) {\n requestAnimationFrame(() => {\n $dim.style.opacity = `${swiped ? 0 : 1}`;\n $dim.style.transition = \"var(--stackflow-transition-duration)\";\n\n $paper.style.overflowY = \"hidden\";\n $paper.style.transform = `translateX(${swiped ? \"100%\" : \"0\"})`;\n $paper.style.transition = \"var(--stackflow-transition-duration)\";\n\n refs.forEach((ref) => {\n if (!ref.current) {\n return;\n }\n\n ref.current.style.transition = `var(--stackflow-transition-duration)`;\n ref.current.style.transform = `translateX(${\n swiped ? \"0\" : `-${OFFSET_PX_CUPERTINO / 16}rem`\n })`;\n });\n\n listenOnce($paper, \"transitionend\", () => {\n $dim.style.opacity = \"\";\n $paper.style.overflowY = \"\";\n $paper.style.transform = \"\";\n\n refs.forEach((ref, i) => {\n if (!ref.current) {\n return;\n }\n\n const cachedRef = cachedRefs[i];\n\n if (swiped) {\n ref.current.style.transition = \"\";\n ref.current.style.transform = \"\";\n\n if (ref.current.parentElement) {\n ref.current.parentElement.style.display = \"\";\n }\n } else if (cachedRef) {\n ref.current.style.transition = cachedRef.style.transition;\n ref.current.style.transform = cachedRef.style.transform;\n\n if (ref.current.parentElement && cachedRef.parentElement) {\n ref.current.parentElement.style.display =\n cachedRef.parentElement.style.display;\n }\n }\n });\n });\n });\n }\n\n const onTouchStart = (e: TouchEvent) => {\n const { activeElement } = document as any;\n\n activeElement?.blur?.();\n // eslint-disable-next-line no-multi-assign\n x0 = x = e.touches[0].clientX;\n t0 = Date.now();\n\n cachedRefs = refs.map((ref) => {\n if (!ref.current) {\n return {\n style: {\n transform: \"\",\n transition: \"\",\n },\n };\n }\n\n return {\n style: {\n transform: ref.current.style.transform,\n transition: ref.current.style.transition,\n },\n parentElement: ref.current.parentElement\n ? {\n style: {\n display: ref.current.parentElement.style.display,\n },\n }\n : undefined,\n };\n });\n };\n\n const onTouchMove = (e: TouchEvent) => {\n if (!x0) {\n resetState();\n return;\n }\n\n x = e.touches[0].clientX;\n\n movePaper(x - x0);\n };\n\n const onTouchEnd = () => {\n if (!x0 || !t0 || !x) {\n resetState();\n return;\n }\n\n const t = Date.now();\n const v = (x - x0) / (t - t0);\n const swiped = v > 1 || x / $paper.clientWidth > 0.4;\n\n if (swiped) {\n onSwiped?.();\n }\n\n resetState();\n resetPaper({ swiped });\n };\n\n $edge.addEventListener(\"touchstart\", onTouchStart, { passive: true });\n $edge.addEventListener(\"touchmove\", onTouchMove, { passive: true });\n $edge.addEventListener(\"touchend\", onTouchEnd, { passive: true });\n $edge.addEventListener(\"touchcancel\", onTouchEnd, { passive: true });\n\n return () => {\n $edge.removeEventListener(\"touchstart\", onTouchStart);\n $edge.removeEventListener(\"touchmove\", onTouchMove);\n $edge.removeEventListener(\"touchend\", onTouchEnd);\n $edge.removeEventListener(\"touchcancel\", onTouchEnd);\n };\n }\n : undefined,\n });\n}\n", "import { useActions, useActivity } from \"@stackflow/react\";\nimport { assignInlineVars } from \"@vanilla-extract/dynamic\";\nimport React, { useRef } from \"react\";\n\nimport { IconBack, IconClose } from \"../assets\";\nimport { useGlobalOptions } from \"../basicUIPlugin\";\nimport { useMaxWidth } from \"../hooks\";\nimport type { GlobalVars } from \"../theme.css\";\nimport { globalVars } from \"../theme.css\";\nimport { compactMap, noop } from \"../utils\";\nimport * as css from \"./AppBar.css\";\nimport * as appScreenCss from \"./AppScreen.css\";\n\ntype AppBarProps = Partial<\n Pick<\n GlobalVars[\"appBar\"],\n \"borderColor\" | \"borderSize\" | \"height\" | \"iconColor\" | \"textColor\"\n >\n> & {\n title?: React.ReactNode;\n appendLeft?: () => React.ReactNode;\n appendRight?: () => React.ReactNode;\n backButton?:\n | {\n renderIcon?: () => React.ReactNode;\n onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;\n }\n | {\n render?: () => React.ReactNode;\n };\n closeButton?:\n | {\n renderIcon?: () => React.ReactNode;\n onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;\n }\n | {\n render?: () => React.ReactNode;\n };\n closeButtonLocation?: \"left\" | \"right\";\n border?: boolean;\n};\nconst AppBar = React.forwardRef<HTMLDivElement, AppBarProps>(\n (\n {\n title,\n appendLeft,\n appendRight,\n backButton,\n closeButton,\n closeButtonLocation = \"left\",\n border = true,\n iconColor,\n textColor,\n borderColor,\n borderSize,\n height,\n },\n ref,\n ) => {\n const actions = useActions();\n const activity = useActivity();\n\n const globalOptions = useGlobalOptions();\n\n const centerRef = useRef<any>(null);\n\n const { maxWidth } = useMaxWidth({\n outerRef: ref,\n innerRef: centerRef,\n enable: globalOptions.theme === \"cupertino\",\n });\n\n const onBackClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n if (backButton && \"onClick\" in backButton && backButton.onClick) {\n backButton.onClick(e);\n }\n\n if (!e.defaultPrevented) {\n actions.pop();\n }\n };\n\n const isRoot =\n activity.zIndex === 0 ||\n (activity.zIndex === 1 &&\n activity.transitionState === \"enter-active\" &&\n activity.pushedBy.name === \"Replaced\");\n\n const renderBackButton = () => {\n if (isRoot) {\n return null;\n }\n\n if (!backButton) {\n return (\n <button\n type=\"button\"\n className={css.backButton}\n onClick={onBackClick}\n >\n <IconBack />\n </button>\n );\n }\n\n if (\"render\" in backButton && backButton.render) {\n return backButton.render?.();\n }\n\n return (\n <button type=\"button\" className={css.backButton} onClick={onBackClick}>\n {\"renderIcon\" in backButton && backButton.renderIcon ? (\n backButton.renderIcon()\n ) : (\n <IconBack />\n )}\n </button>\n );\n };\n\n const onCloseClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n if (closeButton && \"onClick\" in closeButton && closeButton.onClick) {\n closeButton.onClick(e);\n }\n\n if (!e.defaultPrevented) {\n globalOptions.appBar?.closeButton?.onClick?.(e);\n }\n };\n\n const renderCloseButton = () => {\n if ((!closeButton && !globalOptions.appBar?.closeButton) || !isRoot) {\n return null;\n }\n if (closeButton && \"render\" in closeButton && closeButton.render) {\n return closeButton.render();\n }\n\n return (\n <button\n type=\"button\"\n className={css.closeButton}\n onClick={onCloseClick}\n >\n {closeButton &&\n \"renderIcon\" in closeButton &&\n closeButton.renderIcon ? (\n closeButton.renderIcon()\n ) : (\n <IconClose />\n )}\n </button>\n );\n };\n\n const hasLeft = !!(\n (closeButtonLocation === \"left\" && closeButton) ||\n backButton ||\n appendLeft\n );\n\n return (\n <div\n ref={ref}\n className={css.appBar({\n border,\n })}\n style={assignInlineVars(\n compactMap({\n [globalVars.appBar.iconColor]: iconColor,\n [globalVars.appBar.textColor]: textColor,\n [globalVars.appBar.borderColor]: borderColor,\n [globalVars.appBar.borderSize]: borderSize,\n [globalVars.appBar.height]: height,\n [appScreenCss.vars.appBar.center.mainWidth]: `${maxWidth}px`,\n }),\n )}\n >\n <div className={css.left}>\n {closeButtonLocation === \"left\" && renderCloseButton()}\n {renderBackButton()}\n {appendLeft?.()}\n </div>\n <div ref={centerRef} className={css.center}>\n <div\n className={css.centerMain({\n hasLeft,\n })}\n >\n {typeof title === \"string\" ? (\n <div className={css.centerText}>{title}</div>\n ) : (\n title\n )}\n </div>\n </div>\n <div className={css.right}>\n {appendRight?.()}\n {closeButtonLocation === \"right\" && renderCloseButton()}\n </div>\n </div>\n );\n },\n);\n\nexport default AppBar;\n", "import React from \"react\";\n\nconst IconBack: React.FC<{\n className?: string;\n}> = (props) => (\n <svg\n className={props.className}\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n 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\"\n fill=\"currentColor\"\n />\n </svg>\n);\n\nexport default IconBack;\n", "import React from \"react\";\n\nconst IconClose: React.FC<{\n className?: string;\n}> = (props) => (\n <svg\n className={props.className}\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n 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\"\n fill=\"currentColor\"\n />\n <path\n 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\"\n fill=\"currentColor\"\n />\n </svg>\n);\n\nexport default IconClose;\n", "import 'src/styles/f.css.ts.vanilla.css?source=LmRodGh4cTAgewogIHdpZHRoOiAxMDAlOwp9Ci5kaHRoeHExIHsKICBoZWlnaHQ6IDEwMCU7Cn0KLmRodGh4cTIgewogIHRvcDogMDsKfQouZGh0aHhxMyB7CiAgbGVmdDogMDsKfQouZGh0aHhxNCB7CiAgcG9zaXRpb246IGFic29sdXRlOwp9Ci5kaHRoeHE1IHsKICBwb3NpdGlvbjogcmVsYXRpdmU7Cn0KLmRodGh4cTcgewogIGRpc3BsYXk6IGZsZXg7Cn0KLmRodGh4cTggewogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0KLmRodGh4cTkgewogIGFsaWduLWl0ZW1zOiBmbGV4LWVuZDsKfQouZGh0aHhxYSB7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7Cn0KLmRodGh4cWIgewogIG92ZXJmbG93OiBoaWRkZW47Cn0KLmRodGh4cWMgewogIHdoaXRlLXNwYWNlOiBub3dyYXA7Cn0KLmRodGh4cWQgewogIHRleHQtYWxpZ246IGNlbnRlcjsKfQouZGh0aHhxZSB7CiAgY3Vyc29yOiBwb2ludGVyOwogIC13ZWJraXQtdGFwLWhpZ2hsaWdodC1jb2xvcjogdHJhbnNwYXJlbnQ7Cn0KLmRodGh4cWYgewogIGJveC1zaXppbmc6IGJvcmRlci1ib3g7Cn0KLmRodGh4cWcgewogIGJveC1zaXppbmc6IGNvbnRlbnQtYm94Owp9Ci5kaHRoeHFoIHsKICBhcHBlYXJhbmNlOiBub25lOwogIGJvcmRlcjogMDsKICBwYWRkaW5nOiAwOwogIGJhY2tncm91bmQ6IG5vbmU7Cn0=';\nimport 'src/theme.css.ts.vanilla.css?source=#H4sIAAAAAAAAE+WT3UrEMBCF7/cpAt4obEKzWhYiPomI5GfaBjedMJnisuK7W0X3akvrpZUEQsI5h5l8jCFE3grzeTwGy1YWtv6lOeCrdLZEL4couYMED7YPhDE8ibeNEPKSzo0vLeHQB+nxgGTEVdM091PyENMFC7XOXldb8b2Vrm8mE2zO44WkQwpAUwnVfnFCiScwQufjrKGD2HZsxK2qCdKsPHrsz5+y0+O6m/UwHHmpxyEzJlk6AP5phmyIQxnb+SrwfbMEsh8yEMce/wHmStW/AL1T+z9DWj1rjzmnU7V+iisd1jNCvX6Eqx3ED1vu8AteBwAA';\nimport 'src/components/AppScreen.css.ts.vanilla.css?source=#H4sIAAAAAAAAE61VYW+bMBD9nl/hL5OIFkem7brF0f7HpqmaDtsBE2Nbxkm2Vv3vNVCaAKGCrRIfQPf87t0937H+HXO1u7u9u0dPC4QSYPvUmYPmmBllHEVHcBHGpQ+BnTInnEApGT5IzGWB+/DldvG8WLeUX+dSvk/3rabzDnQpvTS6JWrjpAtnZ/jOuII2rwq8+BHFhHzqomWNNhaY9H8pItvw9Yil5uJPP0/cnmTG2uKRoDPJClFnjP/FwcO1An0mCvEdNHdG8gfUy54JmWaeopg4UWw7raNISS3A4dQBl0L7aJ4vK+TSBCKyQq/Pslv+pq/lrRNxBwcTcckojvRMmobLm+BRuLrYEC+ZM0pVXcInkeylx2/RJiR1Gjw3B5a94+VNtw05pS1bQ5KAqzNzWVoFIa02WnTsj88V5NPsZwcrnJfaXFyAfOJlHeTcfEj6zTQlZFQGfIgM+CcZZHbu4QDmV8b/WvKfUT2cowLm2zHUMjDjcsbGZI33ZL41Q0kDY2ZJag7u64MWOA+Tib2xFDFQbHyRgbXhw+FmLS7RZ8SMDriw/ErYCQxOQJjqUviKrVpo/0kv9HGM+aIOVddxktxnofz1zZfXZT2yYW67p4vmXlfypirbXvwa6pKqhYDw5POVgBfwQmEH5wcAAA==';\nimport 'src/components/AppBar.css.ts.vanilla.css?source=#H4sIAAAAAAAAE61Vy47aMBTdz1d4UwmqOnKAwExG3XTRXVfdtKqq0SVxwB3HtmzzrPrvtZ3A4AkRlOku8X2de+4reUp3z2OYZAT9vkNoSdliaXO0Bj3A2FgonisuN3gOhhV4xTAo5X40bhSHj85GQVkyscBWqhwVUjgrYQcGKopBU8BMGGq9tKtNxbpXce/+S7o9YHlKS15NxpOJE/65S57SQipV71OUHDP4gHItpf1RgoVz2O2S1vRjsVJUWybkzxPTkLyShlkmRY5gbiRfWdoN1YCYvzFq10sAYDUIU0ld580nB0u/DVJC3sVJk38OD6LUkpWdlKWCgtldjshjT/zvLr6m9fAobymKq0LOAGwkD2/C2vURw077YfdDgv8ACd4EqTFMg+FcbrFZQik3OQoTgIjaogJ4Mbg4hXOpS6qxYXs6RO8RToeIXJ7d1qqQXOoY0aiZg2ZEXVMgkmSu+LFOTmtld0GzZEZxcEkLKWikNQ7yEOKKbcLc2jjiifus5RWNCamNF25YaZc5GiWjBtrL0holsw7acQ6FZWv6qtuTUV8cYiL7LBhW3C+iNJJMg6RFE09DFrK4NnlLtzYuRmfKp7dOeQTSLxIP7NfKWFbtXExhqXDE+fS8V21PNzSnlZOlLcmVUw6N5p6S9H52IJ8zQfGhAmmSHXU37dtc8vLx0OdsHxqr7UD31LfMr8z43DKf9i7zk4b1KfsH4GwhMLO0Nu54OTaoPkvRiyiUK5idvoaUK6gZd859aTnFZmec3w/ok+Po+QsUX8P/Z6fZIWlKyGuSD/yGKmRN5c6tlQHOwn247Xhfd7QvHOvzTTu7tWlnp1uobUOSjLvDfd9cTV8Quabae3cwOWfKMPOKTyaWVLMu88f3E78PfWsQoRr0gokWFKysjA0v7MYORw+3ctQD0X+4WH8BFY3tFtYJAAA=';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var appBar = _7a468({defaultClassName:'_1yk3a450 dhthxq4 dhthxq8 dhthxq7 dhthxq0 dhthxqg _1dlf4347',variantClassNames:{border:{true:'_1yk3a451'}},defaultVariants:{},compoundVariants:[]});\nexport var backButton = '_1yk3a453 dhthxq8 dhthxq7 dhthxqa dhthxqe dhthxqh';\nexport var center = '_1yk3a455 dhthxq8 dhthxq7';\nexport var centerMain = _7a468({defaultClassName:'_1yk3a456',variantClassNames:{hasLeft:{true:'_1yk3a457'}},defaultVariants:{},compoundVariants:[]});\nexport var centerText = '_1yk3a458 dhthxqb dhthxqc dhthxq0';\nexport var closeButton = '_1yk3a453 dhthxq8 dhthxq7 dhthxqa dhthxqe dhthxqh';\nexport var left = '_1yk3a452 dhthxq8 dhthxq7 dhthxq1';\nexport var right = '_1yk3a459 dhthxq8 dhthxq7 dhthxq1 dhthxq5';", "import 'src/styles/f.css.ts.vanilla.css?source=LmRodGh4cTAgewogIHdpZHRoOiAxMDAlOwp9Ci5kaHRoeHExIHsKICBoZWlnaHQ6IDEwMCU7Cn0KLmRodGh4cTIgewogIHRvcDogMDsKfQouZGh0aHhxMyB7CiAgbGVmdDogMDsKfQouZGh0aHhxNCB7CiAgcG9zaXRpb246IGFic29sdXRlOwp9Ci5kaHRoeHE1IHsKICBwb3NpdGlvbjogcmVsYXRpdmU7Cn0KLmRodGh4cTcgewogIGRpc3BsYXk6IGZsZXg7Cn0KLmRodGh4cTggewogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0KLmRodGh4cTkgewogIGFsaWduLWl0ZW1zOiBmbGV4LWVuZDsKfQouZGh0aHhxYSB7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7Cn0KLmRodGh4cWIgewogIG92ZXJmbG93OiBoaWRkZW47Cn0KLmRodGh4cWMgewogIHdoaXRlLXNwYWNlOiBub3dyYXA7Cn0KLmRodGh4cWQgewogIHRleHQtYWxpZ246IGNlbnRlcjsKfQouZGh0aHhxZSB7CiAgY3Vyc29yOiBwb2ludGVyOwogIC13ZWJraXQtdGFwLWhpZ2hsaWdodC1jb2xvcjogdHJhbnNwYXJlbnQ7Cn0KLmRodGh4cWYgewogIGJveC1zaXppbmc6IGJvcmRlci1ib3g7Cn0KLmRodGh4cWcgewogIGJveC1zaXppbmc6IGNvbnRlbnQtYm94Owp9Ci5kaHRoeHFoIHsKICBhcHBlYXJhbmNlOiBub25lOwogIGJvcmRlcjogMDsKICBwYWRkaW5nOiAwOwogIGJhY2tncm91bmQ6IG5vbmU7Cn0=';\nimport 'src/theme.css.ts.vanilla.css?source=#H4sIAAAAAAAAE+WT3UrEMBCF7/cpAt4obEKzWhYiPomI5GfaBjedMJnisuK7W0X3akvrpZUEQsI5h5l8jCFE3grzeTwGy1YWtv6lOeCrdLZEL4couYMED7YPhDE8ibeNEPKSzo0vLeHQB+nxgGTEVdM091PyENMFC7XOXldb8b2Vrm8mE2zO44WkQwpAUwnVfnFCiScwQufjrKGD2HZsxK2qCdKsPHrsz5+y0+O6m/UwHHmpxyEzJlk6AP5phmyIQxnb+SrwfbMEsh8yEMce/wHmStW/AL1T+z9DWj1rjzmnU7V+iisd1jNCvX6Eqx3ED1vu8AteBwAA';\nimport 'src/components/AppScreen.css.ts.vanilla.css?source=#H4sIAAAAAAAAE61VYW+bMBD9nl/hL5OIFkem7brF0f7HpqmaDtsBE2Nbxkm2Vv3vNVCaAKGCrRIfQPf87t0937H+HXO1u7u9u0dPC4QSYPvUmYPmmBllHEVHcBHGpQ+BnTInnEApGT5IzGWB+/DldvG8WLeUX+dSvk/3rabzDnQpvTS6JWrjpAtnZ/jOuII2rwq8+BHFhHzqomWNNhaY9H8pItvw9Yil5uJPP0/cnmTG2uKRoDPJClFnjP/FwcO1An0mCvEdNHdG8gfUy54JmWaeopg4UWw7raNISS3A4dQBl0L7aJ4vK+TSBCKyQq/Pslv+pq/lrRNxBwcTcckojvRMmobLm+BRuLrYEC+ZM0pVXcInkeylx2/RJiR1Gjw3B5a94+VNtw05pS1bQ5KAqzNzWVoFIa02WnTsj88V5NPsZwcrnJfaXFyAfOJlHeTcfEj6zTQlZFQGfIgM+CcZZHbu4QDmV8b/WvKfUT2cowLm2zHUMjDjcsbGZI33ZL41Q0kDY2ZJag7u64MWOA+Tib2xFDFQbHyRgbXhw+FmLS7RZ8SMDriw/ErYCQxOQJjqUviKrVpo/0kv9HGM+aIOVddxktxnofz1zZfXZT2yYW67p4vmXlfypirbXvwa6pKqhYDw5POVgBfwQmEH5wcAAA==';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var allTransitions = '_1dlf4348';\nexport var appScreen = _7a468({defaultClassName:'dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 dhthxqb',variantClassNames:{transitionState:{'enter-active':'_1dlf4349','enter-done':'_1dlf434a','exit-active':'_1dlf434b','exit-done':'_1dlf434c'}},defaultVariants:{},compoundVariants:[]});\nexport var background = '_1dlf4347';\nexport var dim = '_1dlf434i dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 _1dlf4346 _1dlf4348';\nexport var edge = _7a468({defaultClassName:'_1dlf434l dhthxq4 dhthxq2 dhthxq3 dhthxq1',variantClassNames:{hasAppBar:{true:'_1dlf434m'}},defaultVariants:{},compoundVariants:[]});\nexport var enterActive = '_1dlf4349';\nexport var enterDone = '_1dlf434a';\nexport var exitActive = '_1dlf434b';\nexport var exitDone = '_1dlf434c';\nexport var paper = _7a468({defaultClassName:'_1dlf434j dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 _1dlf4347 _1dlf4348',variantClassNames:{hasAppBar:{true:'_1dlf434k dhthxqf'}},defaultVariants:{},compoundVariants:[]});\nexport var vars = {transitionDuration:'var(--_1dlf4340)',zIndexes:{dim:'var(--_1dlf4341)',paper:'var(--_1dlf4342)',edge:'var(--_1dlf4343)',appBar:'var(--_1dlf4344)'},appBar:{center:{mainWidth:'var(--_1dlf4345)'}}};", "/* eslint-disable jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events */\n\nimport { useActions, useActivity } from \"@stackflow/react\";\nimport { assignInlineVars } from \"@vanilla-extract/dynamic\";\nimport React, { useRef } from \"react\";\n\nimport { useLazy, useStyleEffect } from \"../hooks\";\nimport type { GlobalVars } from \"../theme.css\";\nimport { globalVars } from \"../theme.css\";\nimport { compactMap } from \"../utils\";\nimport * as css from \"./BottomSheet.css\";\n\ntype BottomSheetProps = Partial<\n Pick<GlobalVars, \"backgroundColor\" | \"dimBackgroundColor\">\n> &\n Partial<GlobalVars[\"bottomSheet\"]> & {\n onOutsideClick?: React.MouseEventHandler;\n children: React.ReactNode;\n };\nconst BottomSheet: React.FC<BottomSheetProps> = ({\n borderRadius = \"1rem\",\n backgroundColor,\n dimBackgroundColor,\n onOutsideClick,\n children,\n}) => {\n const activity = useActivity();\n const { pop } = useActions();\n\n const containerRef = useRef<HTMLDivElement>(null);\n const paperRef = useRef<HTMLDivElement>(null);\n\n useStyleEffect({\n styleName: \"hide\",\n refs: [containerRef],\n });\n useStyleEffect({\n styleName: \"offset\",\n refs: [paperRef],\n });\n useStyleEffect({\n styleName: \"swipe-back\",\n refs: [paperRef],\n });\n\n const popLock = useRef(false);\n\n const onDimClick: React.MouseEventHandler = (e) => {\n onOutsideClick?.(e);\n\n if (e.defaultPrevented) {\n return;\n }\n\n if (popLock.current) {\n return;\n }\n popLock.current = true;\n\n pop();\n };\n const onPaperClick: React.MouseEventHandler = (e) => {\n e.stopPropagation();\n };\n\n const zIndexBase = activity.zIndex * 5 + 3;\n const zIndexPaper = activity.zIndex * 5 + 4;\n\n return (\n <div\n className={css.container({\n transitionState: useLazy(activity.transitionState),\n })}\n ref={containerRef}\n style={assignInlineVars(\n compactMap({\n [globalVars.bottomSheet.borderRadius]: borderRadius,\n [globalVars.backgroundColor]: backgroundColor,\n [globalVars.dimBackgroundColor]: dimBackgroundColor,\n [css.vars.zIndexes.dim]: `${zIndexBase}`,\n [css.vars.zIndexes.paper]: `${zIndexPaper}`,\n [css.vars.transitionDuration]:\n activity.transitionState === \"enter-active\" ||\n activity.transitionState === \"exit-active\"\n ? `var(--stackflow-transition-duration)`\n : \"0ms\",\n }),\n )}\n >\n <div className={css.dim} ref={paperRef} onClick={onDimClick}>\n <div className={css.paper} onClick={onPaperClick}>\n {children}\n </div>\n </div>\n </div>\n );\n};\n\nexport default BottomSheet;\n", "import 'src/styles/f.css.ts.vanilla.css?source=LmRodGh4cTAgewogIHdpZHRoOiAxMDAlOwp9Ci5kaHRoeHExIHsKICBoZWlnaHQ6IDEwMCU7Cn0KLmRodGh4cTIgewogIHRvcDogMDsKfQouZGh0aHhxMyB7CiAgbGVmdDogMDsKfQouZGh0aHhxNCB7CiAgcG9zaXRpb246IGFic29sdXRlOwp9Ci5kaHRoeHE1IHsKICBwb3NpdGlvbjogcmVsYXRpdmU7Cn0KLmRodGh4cTcgewogIGRpc3BsYXk6IGZsZXg7Cn0KLmRodGh4cTggewogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0KLmRodGh4cTkgewogIGFsaWduLWl0ZW1zOiBmbGV4LWVuZDsKfQouZGh0aHhxYSB7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7Cn0KLmRodGh4cWIgewogIG92ZXJmbG93OiBoaWRkZW47Cn0KLmRodGh4cWMgewogIHdoaXRlLXNwYWNlOiBub3dyYXA7Cn0KLmRodGh4cWQgewogIHRleHQtYWxpZ246IGNlbnRlcjsKfQouZGh0aHhxZSB7CiAgY3Vyc29yOiBwb2ludGVyOwogIC13ZWJraXQtdGFwLWhpZ2hsaWdodC1jb2xvcjogdHJhbnNwYXJlbnQ7Cn0KLmRodGh4cWYgewogIGJveC1zaXppbmc6IGJvcmRlci1ib3g7Cn0KLmRodGh4cWcgewogIGJveC1zaXppbmc6IGNvbnRlbnQtYm94Owp9Ci5kaHRoeHFoIHsKICBhcHBlYXJhbmNlOiBub25lOwogIGJvcmRlcjogMDsKICBwYWRkaW5nOiAwOwogIGJhY2tncm91bmQ6IG5vbmU7Cn0=';\nimport 'src/theme.css.ts.vanilla.css?source=#H4sIAAAAAAAAE+WT3UrEMBCF7/cpAt4obEKzWhYiPomI5GfaBjedMJnisuK7W0X3akvrpZUEQsI5h5l8jCFE3grzeTwGy1YWtv6lOeCrdLZEL4couYMED7YPhDE8ibeNEPKSzo0vLeHQB+nxgGTEVdM091PyENMFC7XOXldb8b2Vrm8mE2zO44WkQwpAUwnVfnFCiScwQufjrKGD2HZsxK2qCdKsPHrsz5+y0+O6m/UwHHmpxyEzJlk6AP5phmyIQxnb+SrwfbMEsh8yEMce/wHmStW/AL1T+z9DWj1rjzmnU7V+iisd1jNCvX6Eqx3ED1vu8AteBwAA';\nimport 'src/components/BottomSheet.css.ts.vanilla.css?source=Ll8xaHQzOGgwMyB7CiAgdHJhbnNpdGlvbjogdmFyKC0tXzFodDM4aDAwKTsKfQouXzFodDM4aDA3IHsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMTAwJSk7Cn0KLl8xaHQzOGgwZCB7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc3RhY2tmbG93LWJhc2ljLXVpLWRpbS1iYWNrZ3JvdW5kLWNvbG9yKTsKICB6LWluZGV4OiB2YXIoLS1fMWh0MzhoMDEpOwogIG9wYWNpdHk6IDA7Cn0KLl8xaHQzOGgwNCAuXzFodDM4aDBkLCAuXzFodDM4aDA1IC5fMWh0MzhoMGQgewogIG9wYWNpdHk6IDE7Cn0KLl8xaHQzOGgwNiAuXzFodDM4aDBkLCAuXzFodDM4aDA3IC5fMWh0MzhoMGQgewogIG9wYWNpdHk6IDA7Cn0KLl8xaHQzOGgwZSB7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc3RhY2tmbG93LWJhc2ljLXVpLWJhY2tncm91bmQtY29sb3IpOwogIHdpZHRoOiAxMDAlOwogIGJvcmRlci1yYWRpdXM6IHZhcigtLXN0YWNrZmxvdy1iYXNpYy11aS1ib3R0b20tc2hlZXQtYm9yZGVyLXJhZGl1cykgdmFyKC0tc3RhY2tmbG93LWJhc2ljLXVpLWJvdHRvbS1zaGVldC1ib3JkZXItcmFkaXVzKSAwIDA7CiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMCUpOwogIG9wYWNpdHk6IDA7Cn0KLl8xaHQzOGgwNCAuXzFodDM4aDBlLCAuXzFodDM4aDA1IC5fMWh0MzhoMGUgewogIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwKTsKICBvcGFjaXR5OiAxOwp9Ci5fMWh0MzhoMDYgLl8xaHQzOGgwZSwgLl8xaHQzOGgwNyAuXzFodDM4aDBlIHsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwJSk7CiAgb3BhY2l0eTogMDsKfQ==';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var container = _7a468({defaultClassName:'dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 dhthxqb',variantClassNames:{transitionState:{'enter-active':'_1ht38h04','enter-done':'_1ht38h05','exit-active':'_1ht38h06','exit-done':'_1ht38h07'}},defaultVariants:{},compoundVariants:[]});\nexport var dim = '_1ht38h0d dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 dhthxqb dhthxq9 dhthxq7 _1ht38h03';\nexport var enterActive = '_1ht38h04';\nexport var enterDone = '_1ht38h05';\nexport var exitActive = '_1ht38h06';\nexport var exitDone = '_1ht38h07';\nexport var paper = '_1ht38h0e dhthxqb _1ht38h03';\nexport var vars = {transitionDuration:'var(--_1ht38h00)',zIndexes:{dim:'var(--_1ht38h01)',paper:'var(--_1ht38h02)'}};", "/* eslint-disable jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events */\n\nimport { useActions, useActivity } from \"@stackflow/react\";\nimport { assignInlineVars } from \"@vanilla-extract/dynamic\";\nimport React, { useRef } from \"react\";\n\nimport { useLazy, useStyleEffect } from \"../hooks\";\nimport type { GlobalVars } from \"../theme.css\";\nimport { globalVars } from \"../theme.css\";\nimport { compactMap } from \"../utils\";\nimport * as css from \"./Modal.css\";\n\ntype ModalProps = Partial<\n Pick<GlobalVars, \"backgroundColor\" | \"dimBackgroundColor\">\n> &\n Partial<GlobalVars[\"modal\"]> & {\n onOutsideClick?: React.MouseEventHandler;\n children: React.ReactNode;\n };\nconst Modal: React.FC<ModalProps> = ({\n backgroundColor,\n dimBackgroundColor,\n borderRadius = \"1rem\",\n onOutsideClick,\n children,\n}) => {\n const activity = useActivity();\n const { pop } = useActions();\n\n const containerRef = useRef<HTMLDivElement>(null);\n const paperRef = useRef<HTMLDivElement>(null);\n\n useStyleEffect({\n styleName: \"hide\",\n refs: [containerRef],\n });\n useStyleEffect({\n styleName: \"offset\",\n refs: [paperRef],\n });\n useStyleEffect({\n styleName: \"swipe-back\",\n refs: [paperRef],\n });\n\n const popLock = useRef(false);\n\n const onDimClick: React.MouseEventHandler = (e) => {\n onOutsideClick?.(e);\n\n if (e.defaultPrevented) {\n return;\n }\n\n if (popLock.current) {\n return;\n }\n popLock.current = true;\n\n pop();\n };\n const onPaperClick: React.MouseEventHandler = (e) => {\n e.stopPropagation();\n };\n\n const zIndexBase = activity.zIndex * 5 + 3;\n const zIndexPaper = activity.zIndex * 5 + 4;\n\n return (\n <div\n className={css.container({\n transitionState: useLazy(activity.transitionState),\n })}\n ref={containerRef}\n style={assignInlineVars(\n compactMap({\n [globalVars.bottomSheet.borderRadius]: borderRadius,\n [globalVars.backgroundColor]: backgroundColor,\n [globalVars.dimBackgroundColor]: dimBackgroundColor,\n [css.vars.zIndexes.dim]: `${zIndexBase}`,\n [css.vars.zIndexes.paper]: `${zIndexPaper}`,\n [css.vars.transitionDuration]:\n activity.transitionState === \"enter-active\" ||\n activity.transitionState === \"exit-active\"\n ? `var(--stackflow-transition-duration)`\n : \"0ms\",\n }),\n )}\n >\n <div className={css.dim} ref={paperRef} onClick={onDimClick}>\n <div className={css.paper} onClick={onPaperClick}>\n {children}\n </div>\n </div>\n </div>\n );\n};\n\nexport default Modal;\n", "import 'src/styles/f.css.ts.vanilla.css?source=LmRodGh4cTAgewogIHdpZHRoOiAxMDAlOwp9Ci5kaHRoeHExIHsKICBoZWlnaHQ6IDEwMCU7Cn0KLmRodGh4cTIgewogIHRvcDogMDsKfQouZGh0aHhxMyB7CiAgbGVmdDogMDsKfQouZGh0aHhxNCB7CiAgcG9zaXRpb246IGFic29sdXRlOwp9Ci5kaHRoeHE1IHsKICBwb3NpdGlvbjogcmVsYXRpdmU7Cn0KLmRodGh4cTcgewogIGRpc3BsYXk6IGZsZXg7Cn0KLmRodGh4cTggewogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0KLmRodGh4cTkgewogIGFsaWduLWl0ZW1zOiBmbGV4LWVuZDsKfQouZGh0aHhxYSB7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7Cn0KLmRodGh4cWIgewogIG92ZXJmbG93OiBoaWRkZW47Cn0KLmRodGh4cWMgewogIHdoaXRlLXNwYWNlOiBub3dyYXA7Cn0KLmRodGh4cWQgewogIHRleHQtYWxpZ246IGNlbnRlcjsKfQouZGh0aHhxZSB7CiAgY3Vyc29yOiBwb2ludGVyOwogIC13ZWJraXQtdGFwLWhpZ2hsaWdodC1jb2xvcjogdHJhbnNwYXJlbnQ7Cn0KLmRodGh4cWYgewogIGJveC1zaXppbmc6IGJvcmRlci1ib3g7Cn0KLmRodGh4cWcgewogIGJveC1zaXppbmc6IGNvbnRlbnQtYm94Owp9Ci5kaHRoeHFoIHsKICBhcHBlYXJhbmNlOiBub25lOwogIGJvcmRlcjogMDsKICBwYWRkaW5nOiAwOwogIGJhY2tncm91bmQ6IG5vbmU7Cn0=';\nimport 'src/theme.css.ts.vanilla.css?source=#H4sIAAAAAAAAE+WT3UrEMBCF7/cpAt4obEKzWhYiPomI5GfaBjedMJnisuK7W0X3akvrpZUEQsI5h5l8jCFE3grzeTwGy1YWtv6lOeCrdLZEL4couYMED7YPhDE8ibeNEPKSzo0vLeHQB+nxgGTEVdM091PyENMFC7XOXldb8b2Vrm8mE2zO44WkQwpAUwnVfnFCiScwQufjrKGD2HZsxK2qCdKsPHrsz5+y0+O6m/UwHHmpxyEzJlk6AP5phmyIQxnb+SrwfbMEsh8yEMce/wHmStW/AL1T+z9DWj1rjzmnU7V+iisd1jNCvX6Eqx3ED1vu8AteBwAA';\nimport 'src/components/Modal.css.ts.vanilla.css?source=Ll81b3pnOGMzIHsKICB0cmFuc2l0aW9uOiB2YXIoLS1fNW96ZzhjMCk7Cn0KLl81b3pnOGM3IHsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMTAwJSk7Cn0KLl81b3pnOGNkIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zdGFja2Zsb3ctYmFzaWMtdWktZGltLWJhY2tncm91bmQtY29sb3IpOwogIHotaW5kZXg6IHZhcigtLV81b3pnOGMxKTsKICBvcGFjaXR5OiAwOwp9Ci5fNW96ZzhjNCAuXzVvemc4Y2QsIC5fNW96ZzhjNSAuXzVvemc4Y2QgewogIG9wYWNpdHk6IDE7Cn0KLl81b3pnOGM2IC5fNW96ZzhjZCwgLl81b3pnOGM3IC5fNW96ZzhjZCB7CiAgb3BhY2l0eTogMDsKfQouXzVvemc4Y2UgewogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXN0YWNrZmxvdy1iYXNpYy11aS1iYWNrZ3JvdW5kLWNvbG9yKTsKICB3aWR0aDogMTAwJTsKICBtYXJnaW46IDAgMi41cmVtOwogIGJveC1zaGFkb3c6IDBweCAwLjYyNXJlbSAyLjM3NXJlbSByZ2JhKDAsIDAsIDAsIDAuMTUpLCAwcHggLjU2MjVyZW0gMi44NzVyZW0gcmdiYSgwLCAwLCAwLCAwLjEyKSwgMHB4IC4zMTI1cmVtIC45Mzc1cmVtIHJnYmEoMCwgMCwgMCwgMC4xKTsKICBib3JkZXItcmFkaXVzOiB2YXIoLS1zdGFja2Zsb3ctYmFzaWMtdWktYm90dG9tLXNoZWV0LWJvcmRlci1yYWRpdXMpOwogIHRyYW5zZm9ybTogc2NhbGUoMS4xKTsKICBvcGFjaXR5OiAwOwp9Ci5fNW96ZzhjNCAuXzVvemc4Y2UsIC5fNW96ZzhjNSAuXzVvemc4Y2UgewogIHRyYW5zZm9ybTogc2NhbGUoMSk7CiAgb3BhY2l0eTogMTsKfQouXzVvemc4YzYgLl81b3pnOGNlLCAuXzVvemc4YzcgLl81b3pnOGNlIHsKICB0cmFuc2Zvcm06IHNjYWxlKDEuMSk7CiAgb3BhY2l0eTogMDsKfQ==';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var container = _7a468({defaultClassName:'dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 dhthxqb',variantClassNames:{transitionState:{'enter-active':'_5ozg8c4','enter-done':'_5ozg8c5','exit-active':'_5ozg8c6','exit-done':'_5ozg8c7'}},defaultVariants:{},compoundVariants:[]});\nexport var dim = '_5ozg8cd dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 dhthxqb dhthxq8 dhthxq7 dhthxqa _5ozg8c3';\nexport var enterActive = '_5ozg8c4';\nexport var enterDone = '_5ozg8c5';\nexport var exitActive = '_5ozg8c6';\nexport var exitDone = '_5ozg8c7';\nexport var paper = '_5ozg8ce dhthxqb _5ozg8c3';\nexport var vars = {transitionDuration:'var(--_5ozg8c0)',zIndexes:{dim:'var(--_5ozg8c1)',paper:'var(--_5ozg8c2)'}};"],
|
|
5
|
-
"mappings": "+6BAAA,IAAAA,GAAA,GAAAC,GAAAD,GAAA,eAAAE,GAAA,gBAAAC,GAAA,UAAAC,GAAA,kBAAAC,GAAA,YAAAC,IAAA,eAAAC,GAAAP,ICCA,IAAAQ,GAAiC,oCACjCC,EAAiD,oBCFjD,IAAAC,GAAA,GAAAC,GAAAD,GAAA,aAAAE,GAAA,cAAAC,GAAA,eAAAC,EAAA,gBAAAC,GAAA,kBAAAC,KACO,IAAIC,GAAU,YACVC,GAAY,YACZC,EAAa,CAAC,gBAAgB,6CAA6C,mBAAmB,iDAAiD,OAAO,CAAC,YAAY,iDAAiD,WAAW,gDAAgD,OAAO,2CAA2C,UAAU,+CAA+C,UAAU,8CAA8C,EAAE,YAAY,CAAC,aAAa,sDAAsD,EAAE,MAAM,CAAC,aAAa,sDAAsD,CAAC,EACjlBC,GAAc,+CACdC,GAAgB,iDCLpB,SAASC,EACdC,EAGA,CACA,OAAO,OAAO,QAAQA,CAAG,EAAE,OAAY,CAACC,EAAK,CAACC,EAAKC,CAAK,KAClDA,GAAU,OACZF,EAAIC,GAAOC,GAGNF,GACN,CAAC,CAAC,CACP,CCZO,SAASG,EACdC,EACAC,EACAC,EACA,CACA,IAAMC,EAAW,IAAM,CACrBH,EAAG,oBAAoBC,EAAME,CAAQ,EACrCD,EAAG,CACL,EAEAF,EAAG,iBAAiBC,EAAME,CAAQ,CACpC,CCXO,IAAMC,GAAgBC,IAC3BA,EAAG,EACH,OAAO,iBAAiB,SAAUA,CAAE,EAE7B,IAAM,CACX,OAAO,oBAAoB,SAAUA,CAAE,CACzC,GCNK,IAAMC,GAAO,IAAM,CAAC,ECCpB,SAASC,EAAiBC,EAAgB,CAC/C,sBAAsB,IAAM,CAC1B,sBAAsB,IAAM,CAC1BA,EAAG,CACL,CAAC,CACH,CAAC,CACH,CNUA,IAAMC,MAAuB,iBAAoC,CAC/D,MAAO,SACT,CAAC,EAEYC,GAAwBD,GAAqB,SAEnD,SAASE,GAAmB,CACjC,SAAO,cAAWF,EAAoB,CACxC,CAEO,IAAMG,GAEgBC,GAAY,KAAO,CAC9C,IAAK,WACL,UAAU,CAAE,MAAAC,CAAM,EAAG,CA/BvB,IAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAgCI,OACE,EAAAC,QAAA,cAACZ,GAAA,CAAsB,MAAOG,GAC5B,EAAAS,QAAA,cAAC,OACC,UACE,OAAO,QAAW,YAAcC,GAAMV,EAAQ,OAAS,OAEzD,SAAO,qBACLW,EAAW,CACT,CAAOC,EAAW,iBAAkBZ,EAAQ,gBAC5C,CAAOY,EAAW,oBAAqBZ,EAAQ,mBAC/C,CAAOY,EAAW,OAAO,cACvBV,EAAAF,EAAQ,SAAR,YAAAE,EAAgB,YAClB,CAAOU,EAAW,OAAO,aAAaT,EAAAH,EAAQ,SAAR,YAAAG,EAAgB,WACtD,CAAOS,EAAW,OAAO,SAASR,EAAAJ,EAAQ,SAAR,YAAAI,EAAgB,OAClD,CAAOQ,EAAW,OAAO,YAAYP,EAAAL,EAAQ,SAAR,YAAAK,EAAgB,UACrD,CAAOO,EAAW,OAAO,YAAYN,EAAAN,EAAQ,SAAR,YAAAM,EAAgB,UACrD,CAAOM,EAAW,YAAY,eAC5BL,EAAAP,EAAQ,cAAR,YAAAO,EAAqB,aACvB,CAAOK,EAAW,MAAM,eACtBJ,EAAAR,EAAQ,QAAR,YAAAQ,EAAe,YACnB,CAAC,CACH,GAECP,EAAM,OAAO,CAChB,CACF,CAEJ,CACF,GO1DA,IAAAY,EAAwC,4BACxCC,GAAiC,oCACjCD,EAA8B,oBCJ9B,IAAAE,EAAoC,iBAI7B,SAASC,EAAWC,EAAU,CACnC,GAAM,CAACC,EAAOC,CAAQ,KAAI,YAAwB,MAAS,EAE3D,sBAAU,IAAM,CACdC,EAAiB,IAAM,CACrBD,EAASF,CAAK,CAChB,CAAC,CACH,EAAG,CAACA,CAAK,CAAC,EAEHC,CACT,CCbA,IAAAG,EAAoC,iBAI7B,SAASC,GAAY,CAC1B,SAAAC,EACA,SAAAC,EACA,OAAAC,CACF,EAIG,CACD,GAAM,CAACC,EAAUC,CAAW,KAAI,YAA6B,MAAS,EAEtE,sBAAU,IAAM,CACd,IAAMC,EAASL,GAAY,YAAaA,GAAYA,EAAS,QACvDM,EAASL,EAAS,QAExB,MAAI,CAACC,GAAU,CAACG,GAAU,CAACC,EAClBC,GAGOC,GAAa,IAAM,CACjC,IAAMC,EAAcJ,EAAO,YAErBK,EAAYJ,EAAO,WACnBK,EAAcL,EAAO,YACrBM,EAAaH,EAAcC,EAAYC,EAEvCE,EAAa,KAAK,IAAIH,EAAWE,CAAU,EAEjDR,EAAYK,EAAc,EAAII,CAAU,CAC1C,CAAC,CAGH,EAAG,CAAC,CAAC,EAEE,CACL,SAAAV,CACF,CACF,CCzCA,IAAAW,GAA4B,4BAE5BA,GAA0B,iBAEpBC,EAQF,CAAC,EAEE,SAASC,EAAe,CAC7B,UAAAC,EACA,KAAAC,EACA,OAAAC,CACF,EAOG,CACD,IAAMC,KAAW,gBAAY,KAE7B,cAAU,KACHL,EAAYE,KACfF,EAAYE,GAAa,IAAI,KAG/BF,EAAYE,GAAW,IAAIG,EAAS,OAAQ,CAC1C,KAAAF,EACA,UAAW,CAAC,CAACC,CACf,CAAC,EAEM,IAAM,CACXJ,EAAYE,GAAW,OAAOG,EAAS,MAAM,CAC/C,GACC,CAACA,EAAS,GAAIF,EAAMC,CAAM,CAAC,KAE9B,cAAU,IAAM,CACd,GAAI,CAACA,EACH,MAAO,IAAM,CAAC,EAGhB,IAAMD,GAAQ,IAAM,CAClB,IAAIG,EAAmC,CAAC,EAExC,QAASC,EAAI,EAAGA,GAAKF,EAAS,OAAQE,GAAK,EAAG,CAC5C,IAAMC,EAAaR,EAAYE,GAAW,IAAIG,EAAS,OAASE,CAAC,EAKjE,GAHIC,GAAA,MAAAA,EAAY,OACdF,EAAM,CAAC,GAAGA,EAAK,GAAGE,EAAW,IAAI,GAE/BA,GAAA,MAAAA,EAAY,UACd,KAEJ,CAEA,OAAOF,CACT,GAAG,EAEGG,EAAUL,EAAO,CACrB,wBAAyBC,EAAS,gBAClC,KAAAF,CACF,CAAC,EAED,MAAO,IAAM,CACXM,GAAA,MAAAA,GACF,CACF,EAAG,CAACJ,EAAS,eAAe,CAAC,CAC/B,CCrEO,SAASK,GAAmB,CACjC,KAAAC,EACA,UAAAC,CACF,EAGG,CACDC,EAAe,CACb,UAAW,OACX,KAAAF,EACA,OAAQC,EACJ,CAAC,CAAE,wBAAAE,EAAyB,KAAAH,CAAK,IAAM,CACrC,OAAQG,OACD,aAAc,CACjBH,EAAK,QAASI,GAAQ,CAChB,CAACA,EAAI,UAITA,EAAI,QAAQ,MAAM,QAAU,OAC9B,CAAC,EACD,KACF,SACS,CACPJ,EAAK,QAASI,GAAQ,CAChB,CAACA,EAAI,UAITA,EAAI,QAAQ,MAAM,QAAU,GAC9B,CAAC,EACD,KACF,EAEJ,EACA,MACN,CAAC,CACH,CCtCO,IAAMC,GAAoB,GACpBC,EAAsB,GAE5B,SAASC,GAAqB,CACnC,KAAAC,EACA,MAAAC,EACA,UAAAC,CACF,EAIG,CACDC,EAAe,CACb,UAAW,SACX,KAAAH,EACA,OAAQE,EACJ,CAAC,CAAE,wBAAAE,EAAyB,KAAAJ,CAAK,IAAM,CACrC,IAAMK,EACJJ,IAAU,YACN,eAAeH,EAAsB,SACrC,eAAeD,GAAoB,SAEzC,OAAQO,OACD,mBACA,aAAc,CACjBJ,EAAK,QAASM,GAAQ,CAChB,CAACA,EAAI,UAITA,EAAI,QAAQ,MAAM,WAAa,uCAC/BA,EAAI,QAAQ,MAAM,UAAYD,EAChC,CAAC,EACD,KACF,KACK,kBACA,YAAa,CAChBE,EAAiB,IAAM,CACrBP,EAAK,QAASM,GAAQ,CACpB,GAAI,CAACA,EAAI,QACP,OAGF,IAAME,EAAMF,EAAI,QAEhBE,EAAI,MAAM,UAAY,GAEtBC,EAAWD,EAAK,gBAAiB,IAAM,CACrCA,EAAI,MAAM,WAAa,EACzB,CAAC,CACH,CAAC,CACH,CAAC,EACD,KACF,SAEE,MAGN,EACA,MACN,CAAC,CACH,CC5DO,SAASE,GAAwB,CACtC,MAAAC,EACA,OAAAC,EACA,QAAAC,EACA,SAAAC,EACA,UAAAC,EACA,SAAAC,CACF,EAOG,CACDC,EAAe,CACb,UAAW,aACX,KAAM,CAACH,CAAQ,EACf,OAAQC,EACJ,CAAC,CAAE,KAAAG,CAAK,IAAM,CACZ,GAAIP,IAAU,YACZ,MAAO,IAAM,CAAC,EAGhB,GAAI,CAACC,EAAO,SAAW,CAACC,EAAQ,SAAW,CAACC,EAAS,QACnD,MAAO,IAAM,CAAC,EAGhB,IAAMK,EAAOP,EAAO,QACdQ,EAAQP,EAAQ,QAChBQ,EAASP,EAAS,QAEpBQ,EAAoB,KACpBC,EAAoB,KACpBC,EAAmB,KAEnBC,EAUC,CAAC,EAEAC,EAAa,IAAM,CACvBJ,EAAK,KACLC,EAAK,KACLC,EAAI,KACJC,EAAa,CAAC,CAChB,EAEIE,EAAW,GAEf,SAASC,EAAUC,EAAY,CACxBF,IACHA,EAAW,GAEX,sBAAsB,IAAM,CAC1B,IAAMG,EAAID,EAAKR,EAAO,YAEtBF,EAAK,MAAM,QAAU,GAAG,EAAIW,IAC5BX,EAAK,MAAM,WAAa,KAExBE,EAAO,MAAM,UAAY,SACzBA,EAAO,MAAM,UAAY,cAAcQ,OACvCR,EAAO,MAAM,WAAa,KAE1BH,EAAK,QAASa,GAAQ,CA7EtC,IAAAC,EA8EsB,CAACD,EAAI,UAITA,EAAI,QAAQ,MAAM,UAAY,cAC5B,IAAM,EAAID,GAAKG,OAEjBF,EAAI,QAAQ,MAAM,WAAa,OAE3BC,EAAAD,EAAI,QAAQ,gBAAZ,YAAAC,EAA2B,MAAM,WAAY,SAC/CD,EAAI,QAAQ,cAAc,MAAM,QAAU,SAE9C,CAAC,EAEDJ,EAAW,EACb,CAAC,EAEL,CAEA,SAASO,EAAW,CAAE,OAAAC,CAAO,EAAwB,CACnD,sBAAsB,IAAM,CAC1BhB,EAAK,MAAM,QAAU,GAAGgB,EAAS,EAAI,IACrChB,EAAK,MAAM,WAAa,uCAExBE,EAAO,MAAM,UAAY,SACzBA,EAAO,MAAM,UAAY,cAAcc,EAAS,OAAS,OACzDd,EAAO,MAAM,WAAa,uCAE1BH,EAAK,QAASa,GAAQ,CAChB,CAACA,EAAI,UAITA,EAAI,QAAQ,MAAM,WAAa,uCAC/BA,EAAI,QAAQ,MAAM,UAAY,cAC5BI,EAAS,IAAM,IAAIF,EAAsB,WAE7C,CAAC,EAEDG,EAAWf,EAAQ,gBAAiB,IAAM,CACxCF,EAAK,MAAM,QAAU,GACrBE,EAAO,MAAM,UAAY,GACzBA,EAAO,MAAM,UAAY,GAEzBH,EAAK,QAAQ,CAACa,EAAKM,IAAM,CACvB,GAAI,CAACN,EAAI,QACP,OAGF,IAAMO,EAAYb,EAAWY,GAEzBF,GACFJ,EAAI,QAAQ,MAAM,WAAa,GAC/BA,EAAI,QAAQ,MAAM,UAAY,GAE1BA,EAAI,QAAQ,gBACdA,EAAI,QAAQ,cAAc,MAAM,QAAU,KAEnCO,IACTP,EAAI,QAAQ,MAAM,WAAaO,EAAU,MAAM,WAC/CP,EAAI,QAAQ,MAAM,UAAYO,EAAU,MAAM,UAE1CP,EAAI,QAAQ,eAAiBO,EAAU,gBACzCP,EAAI,QAAQ,cAAc,MAAM,QAC9BO,EAAU,cAAc,MAAM,SAGtC,CAAC,CACH,CAAC,CACH,CAAC,CACH,CAEA,IAAMC,EAAgBC,GAAkB,CAtJlD,IAAAR,EAuJY,GAAM,CAAE,cAAAS,CAAc,EAAI,UAE1BT,EAAAS,GAAA,YAAAA,EAAe,OAAf,MAAAT,EAAA,KAAAS,GAEAnB,EAAKE,EAAIgB,EAAE,QAAQ,GAAG,QACtBjB,EAAK,KAAK,IAAI,EAEdE,EAAaP,EAAK,IAAKa,GAChBA,EAAI,QASF,CACL,MAAO,CACL,UAAWA,EAAI,QAAQ,MAAM,UAC7B,WAAYA,EAAI,QAAQ,MAAM,UAChC,EACA,cAAeA,EAAI,QAAQ,cACvB,CACE,MAAO,CACL,QAASA,EAAI,QAAQ,cAAc,MAAM,OAC3C,CACF,EACA,MACN,EApBS,CACL,MAAO,CACL,UAAW,GACX,WAAY,EACd,CACF,CAgBH,CACH,EAEMW,EAAeF,GAAkB,CACrC,GAAI,CAAClB,EAAI,CACPI,EAAW,EACX,MACF,CAEAF,EAAIgB,EAAE,QAAQ,GAAG,QAEjBZ,EAAUJ,EAAIF,CAAE,CAClB,EAEMqB,EAAa,IAAM,CACvB,GAAI,CAACrB,GAAM,CAACC,GAAM,CAACC,EAAG,CACpBE,EAAW,EACX,MACF,CAEA,IAAMkB,EAAI,KAAK,IAAI,EAEbT,GADKX,EAAIF,IAAOsB,EAAIrB,GACP,GAAKC,EAAIH,EAAO,YAAc,GAE7Cc,IACFnB,GAAA,MAAAA,KAGFU,EAAW,EACXQ,EAAW,CAAE,OAAAC,CAAO,CAAC,CACvB,EAEA,OAAAf,EAAM,iBAAiB,aAAcmB,EAAc,CAAE,QAAS,EAAK,CAAC,EACpEnB,EAAM,iBAAiB,YAAasB,EAAa,CAAE,QAAS,EAAK,CAAC,EAClEtB,EAAM,iBAAiB,WAAYuB,EAAY,CAAE,QAAS,EAAK,CAAC,EAChEvB,EAAM,iBAAiB,cAAeuB,EAAY,CAAE,QAAS,EAAK,CAAC,EAE5D,IAAM,CACXvB,EAAM,oBAAoB,aAAcmB,CAAY,EACpDnB,EAAM,oBAAoB,YAAasB,CAAW,EAClDtB,EAAM,oBAAoB,WAAYuB,CAAU,EAChDvB,EAAM,oBAAoB,cAAeuB,CAAU,CACrD,CACF,EACA,MACN,CAAC,CACH,CCnOA,IAAAE,EAAwC,4BACxCC,GAAiC,oCACjCD,EAA8B,oBCF9B,IAAAE,GAAkB,oBAEZC,GAEAC,GACJ,GAAAC,QAAA,cAAC,OACC,UAAWD,EAAM,UACjB,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,OACL,MAAM,8BAEN,GAAAC,QAAA,cAAC,QACC,EAAE,iaACF,KAAK,eACP,CACF,EAGKC,EAAQH,GCpBf,IAAAI,EAAkB,oBAEZC,GAEAC,GACJ,EAAAC,QAAA,cAAC,OACC,UAAWD,EAAM,UACjB,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,OACL,MAAM,8BAEN,EAAAC,QAAA,cAAC,QACC,EAAE,wgBACF,KAAK,eACP,EACA,EAAAA,QAAA,cAAC,QACC,EAAE,wgBACF,KAAK,eACP,CACF,EAGKC,GAAQH,GCpBf,IAAAI,GAA0C,oDAC/BC,MAAS,GAAAC,iBAAO,CAAC,iBAAiB,8DAA8D,kBAAkB,CAAC,OAAO,CAAC,KAAK,WAAW,CAAC,EAAE,gBAAgB,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,EACrLC,GAAa,oDACbC,GAAS,4BACTC,MAAa,GAAAH,iBAAO,CAAC,iBAAiB,YAAY,kBAAkB,CAAC,QAAQ,CAAC,KAAK,WAAW,CAAC,EAAE,gBAAgB,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,EACxII,GAAa,oCACbC,GAAc,oDACdC,GAAO,oCACPC,GAAQ,4CCTnB,IAAAC,EAA0C,oDAEnC,IAAIC,MAAY,EAAAC,iBAAO,CAAC,iBAAiB,kDAAkD,kBAAkB,CAAC,gBAAgB,CAAC,eAAe,YAAY,aAAa,YAAY,cAAc,YAAY,YAAY,WAAW,CAAC,EAAE,gBAAgB,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,EAE9Q,IAAIC,GAAM,wEACNC,MAAO,EAAAC,iBAAO,CAAC,iBAAiB,4CAA4C,kBAAkB,CAAC,UAAU,CAAC,KAAK,WAAW,CAAC,EAAE,gBAAgB,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,EAKxK,IAAIC,MAAQ,EAAAC,iBAAO,CAAC,iBAAiB,wEAAwE,kBAAkB,CAAC,UAAU,CAAC,KAAK,mBAAmB,CAAC,EAAE,gBAAgB,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,EACzMC,EAAO,CAAC,mBAAmB,mBAAmB,SAAS,CAAC,IAAI,mBAAmB,MAAM,mBAAmB,KAAK,mBAAmB,OAAO,kBAAkB,EAAE,OAAO,CAAC,OAAO,CAAC,UAAU,kBAAkB,CAAC,CAAC,EJ2BpN,IAAMC,GAAS,EAAAC,QAAM,WACnB,CACE,CACE,MAAAC,EACA,WAAAC,EACA,YAAAC,EACA,WAAAC,EACA,YAAAC,EACA,oBAAAC,EAAsB,OACtB,OAAAC,EAAS,GACT,UAAAC,EACA,UAAAC,EACA,YAAAC,EACA,WAAAC,EACA,OAAAC,CACF,EACAC,IACG,CACH,IAAMC,KAAU,cAAW,EACrBC,KAAW,eAAY,EAEvBC,EAAgBC,EAAiB,EAEjCC,KAAY,UAAY,IAAI,EAE5B,CAAE,SAAAC,CAAS,EAAIC,GAAY,CAC/B,SAAUP,EACV,SAAUK,EACV,OAAQF,EAAc,QAAU,WAClC,CAAC,EAEKK,EAAeC,GAA2C,CAC1DlB,GAAc,YAAaA,GAAcA,EAAW,SACtDA,EAAW,QAAQkB,CAAC,EAGjBA,EAAE,kBACLR,EAAQ,IAAI,CAEhB,EAEMS,EACJR,EAAS,SAAW,GACnBA,EAAS,SAAW,GACnBA,EAAS,kBAAoB,gBAC7BA,EAAS,SAAS,OAAS,WAEzBS,EAAmB,IAAM,CAxFnC,IAAAC,EAyFM,OAAIF,EACK,KAGJnB,EAYD,WAAYA,GAAcA,EAAW,QAChCqB,EAAArB,EAAW,SAAX,YAAAqB,EAAA,KAAArB,GAIP,EAAAJ,QAAA,cAAC,UAAO,KAAK,SAAS,UAAeI,GAAY,QAASiB,GACvD,eAAgBjB,GAAcA,EAAW,WACxCA,EAAW,WAAW,EAEtB,EAAAJ,QAAA,cAAC0B,EAAA,IAAS,CAEd,EArBE,EAAA1B,QAAA,cAAC,UACC,KAAK,SACL,UAAeI,GACf,QAASiB,GAET,EAAArB,QAAA,cAAC0B,EAAA,IAAS,CACZ,CAiBN,EAEMC,EAAgBL,GAA2C,CAxHrE,IAAAG,GAAAG,EAAAC,GAyHUxB,GAAe,YAAaA,GAAeA,EAAY,SACzDA,EAAY,QAAQiB,CAAC,EAGlBA,EAAE,mBACLO,IAAAD,GAAAH,GAAAT,EAAc,SAAd,YAAAS,GAAsB,cAAtB,YAAAG,EAAmC,UAAnC,MAAAC,GAAA,KAAAD,EAA6CN,EAEjD,EAEMQ,EAAoB,IAAM,CAlIpC,IAAAL,EAmIM,MAAK,CAACpB,GAAe,GAACoB,EAAAT,EAAc,SAAd,MAAAS,EAAsB,cAAgB,CAACF,EACpD,KAELlB,GAAe,WAAYA,GAAeA,EAAY,OACjDA,EAAY,OAAO,EAI1B,EAAAL,QAAA,cAAC,UACC,KAAK,SACL,UAAeK,GACf,QAASsB,GAERtB,GACD,eAAgBA,GAChBA,EAAY,WACVA,EAAY,WAAW,EAEvB,EAAAL,QAAA,cAAC+B,GAAA,IAAU,CAEf,CAEJ,EAEMC,EAAU,CAAC,EACd1B,IAAwB,QAAUD,GACnCD,GACAF,GAGF,OACE,EAAAF,QAAA,cAAC,OACC,IAAKa,EACL,UAAeoB,GAAO,CACpB,OAAA1B,CACF,CAAC,EACD,SAAO,qBACL2B,EAAW,CACT,CAACC,EAAW,OAAO,WAAY3B,EAC/B,CAAC2B,EAAW,OAAO,WAAY1B,EAC/B,CAAC0B,EAAW,OAAO,aAAczB,EACjC,CAACyB,EAAW,OAAO,YAAaxB,EAChC,CAACwB,EAAW,OAAO,QAASvB,EAC5B,CAAcwB,EAAK,OAAO,OAAO,WAAY,GAAGjB,KAClD,CAAC,CACH,GAEA,EAAAnB,QAAA,cAAC,OAAI,UAAeqC,IACjB/B,IAAwB,QAAUwB,EAAkB,EACpDN,EAAiB,EACjBtB,GAAA,YAAAA,GACH,EACA,EAAAF,QAAA,cAAC,OAAI,IAAKkB,EAAW,UAAeoB,IAClC,EAAAtC,QAAA,cAAC,OACC,UAAeuC,GAAW,CACxB,QAAAP,CACF,CAAC,GAEA,OAAO/B,GAAU,SAChB,EAAAD,QAAA,cAAC,OAAI,UAAewC,IAAavC,CAAM,EAEvCA,CAEJ,CACF,EACA,EAAAD,QAAA,cAAC,OAAI,UAAeyC,IACjBtC,GAAA,YAAAA,IACAG,IAAwB,SAAWwB,EAAkB,CACxD,CACF,CAEJ,CACF,EAEOY,GAAQ3C,GPnLf,IAAM4C,GAAsC,CAAC,CAC3C,gBAAAC,EACA,mBAAAC,EACA,OAAAC,EACA,SAAAC,CACF,IAAM,CACJ,IAAMC,EAAgBC,EAAiB,EACjCC,KAAW,eAAY,EACvB,CAAE,IAAAC,CAAI,KAAI,cAAW,EAErBC,KAAe,UAAuB,IAAI,EAC1CC,KAAS,UAAuB,IAAI,EACpCC,KAAW,UAAuB,IAAI,EACtCC,KAAU,UAAuB,IAAI,EACrCC,KAAY,UAAuB,IAAI,EAE7CC,GAAmB,CACjB,KAAM,CAACL,CAAY,EACnB,UAAW,EACb,CAAC,EACDM,GAAqB,CACnB,MAAOV,EAAc,MACrB,KACEA,EAAc,QAAU,YAAc,CAACM,CAAQ,EAAI,CAACA,EAAUE,CAAS,EACzE,UAAW,EACb,CAAC,EACDG,GAAwB,CACtB,MAAOX,EAAc,MACrB,OAAAK,EACA,QAAAE,EACA,SAAAD,EACA,UAAW,GACX,UAAW,CACTH,EAAI,CACN,CACF,CAAC,EAED,IAAMS,EAASV,EAAS,SAAW,EAC7BW,EAAY,CAAC,CAACf,EAEdgB,EAAaZ,EAAS,OAAS,EAC/Ba,EAAYD,EACZE,EACJF,GAAcd,EAAc,QAAU,aAAea,EAAY,EAAI,GACjEI,EAAaH,EAAa,EAC1BI,EAAeJ,EAAa,EAE5B,CAAE,gBAAAK,CAAgB,EAAIjB,EACtBkB,EAAsBC,EAAQF,CAAe,EAEnD,OACE,EAAAG,QAAA,cAAC,OACC,IAAKlB,EACL,UAAemB,GAAU,CACvB,gBACEJ,IAAoB,cAAgBA,IAAoB,YACpDA,EACAC,CACR,CAAC,EACD,SAAO,qBACLI,EAAW,CACT,CAACC,EAAW,iBAAkB7B,EAC9B,CAAC6B,EAAW,oBAAqB5B,EACjC,CAAC4B,EAAW,OAAO,QAAS3B,GAAA,YAAAA,EAAQ,OACpC,CAAK4B,EAAK,SAAS,KAAM,GAAGX,IAC5B,CAAKW,EAAK,SAAS,OAAQ,GAAGV,IAC9B,CAAKU,EAAK,SAAS,MAAO,GAAGT,IAC7B,CAAKS,EAAK,SAAS,QAAS,GAAGR,IAC/B,CAAKQ,EAAK,oBACRxB,EAAS,kBAAoB,gBAC7BA,EAAS,kBAAoB,cACzB,uCACA,KACR,CAAC,CACH,GAEA,EAAAoB,QAAA,cAAC,OAAI,UAAeK,GAAK,IAAKtB,EAAQ,EACtC,EAAAiB,QAAA,cAAC,OACC,IAAKpB,EAAS,GACd,UAAe0B,GAAM,CACnB,UAAAf,CACF,CAAC,EACD,IAAKP,GAEJP,CACH,EACC,CAACa,GAAUZ,EAAc,QAAU,aAClC,EAAAsB,QAAA,cAAC,OAAI,UAAeO,GAAK,CAAE,UAAAhB,CAAU,CAAC,EAAG,IAAKN,EAAS,EAExDT,GAAU,EAAAwB,QAAA,cAACQ,GAAAC,GAAAC,GAAA,GAAWlC,GAAX,CAAmB,IAAKU,GAAW,CACjD,CAEJ,EAEOyB,GAAQtC,GYtHf,IAAAuC,EAAwC,4BACxCC,GAAiC,oCACjCD,EAA8B,oBCD9B,IAAAE,GAA0C,oDAC/BC,MAAY,GAAAC,iBAAO,CAAC,iBAAiB,kDAAkD,kBAAkB,CAAC,gBAAgB,CAAC,eAAe,YAAY,aAAa,YAAY,cAAc,YAAY,YAAY,WAAW,CAAC,EAAE,gBAAgB,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,EAC1QC,GAAM,sFAKV,IAAIC,GAAQ,8BACRC,EAAO,CAAC,mBAAmB,mBAAmB,SAAS,CAAC,IAAI,mBAAmB,MAAM,kBAAkB,CAAC,EDQnH,IAAMC,GAA0C,CAAC,CAC/C,aAAAC,EAAe,OACf,gBAAAC,EACA,mBAAAC,EACA,eAAAC,EACA,SAAAC,CACF,IAAM,CACJ,IAAMC,KAAW,eAAY,EACvB,CAAE,IAAAC,CAAI,KAAI,cAAW,EAErBC,KAAe,UAAuB,IAAI,EAC1CC,KAAW,UAAuB,IAAI,EAE5CC,EAAe,CACb,UAAW,OACX,KAAM,CAACF,CAAY,CACrB,CAAC,EACDE,EAAe,CACb,UAAW,SACX,KAAM,CAACD,CAAQ,CACjB,CAAC,EACDC,EAAe,CACb,UAAW,aACX,KAAM,CAACD,CAAQ,CACjB,CAAC,EAED,IAAME,KAAU,UAAO,EAAK,EAEtBC,EAAuCC,GAAM,CACjDT,GAAA,MAAAA,EAAiBS,GAEb,CAAAA,EAAE,mBAIFF,EAAQ,UAGZA,EAAQ,QAAU,GAElBJ,EAAI,GACN,EACMO,EAAyCD,GAAM,CACnDA,EAAE,gBAAgB,CACpB,EAEME,EAAaT,EAAS,OAAS,EAAI,EACnCU,EAAcV,EAAS,OAAS,EAAI,EAE1C,OACE,EAAAW,QAAA,cAAC,OACC,UAAeC,GAAU,CACvB,gBAAiBC,EAAQb,EAAS,eAAe,CACnD,CAAC,EACD,IAAKE,EACL,SAAO,qBACLY,EAAW,CACT,CAACC,EAAW,YAAY,cAAepB,EACvC,CAACoB,EAAW,iBAAkBnB,EAC9B,CAACmB,EAAW,oBAAqBlB,EACjC,CAAKmB,EAAK,SAAS,KAAM,GAAGP,IAC5B,CAAKO,EAAK,SAAS,OAAQ,GAAGN,IAC9B,CAAKM,EAAK,oBACRhB,EAAS,kBAAoB,gBAC7BA,EAAS,kBAAoB,cACzB,uCACA,KACR,CAAC,CACH,GAEA,EAAAW,QAAA,cAAC,OAAI,UAAeM,GAAK,IAAKd,EAAU,QAASG,GAC/C,EAAAK,QAAA,cAAC,OAAI,UAAeO,GAAO,QAASV,GACjCT,CACH,CACF,CACF,CAEJ,EAEOoB,GAAQzB,GEhGf,IAAA0B,EAAwC,4BACxCC,GAAiC,oCACjCD,EAA8B,oBCD9B,IAAAE,GAA0C,oDAC/BC,MAAY,GAAAC,iBAAO,CAAC,iBAAiB,kDAAkD,kBAAkB,CAAC,gBAAgB,CAAC,eAAe,WAAW,aAAa,WAAW,cAAc,WAAW,YAAY,UAAU,CAAC,EAAE,gBAAgB,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,EACtQC,GAAM,4FAKV,IAAIC,GAAQ,4BACRC,EAAO,CAAC,mBAAmB,kBAAkB,SAAS,CAAC,IAAI,kBAAkB,MAAM,iBAAiB,CAAC,EDQhH,IAAMC,GAA8B,CAAC,CACnC,gBAAAC,EACA,mBAAAC,EACA,aAAAC,EAAe,OACf,eAAAC,EACA,SAAAC,CACF,IAAM,CACJ,IAAMC,KAAW,eAAY,EACvB,CAAE,IAAAC,CAAI,KAAI,cAAW,EAErBC,KAAe,UAAuB,IAAI,EAC1CC,KAAW,UAAuB,IAAI,EAE5CC,EAAe,CACb,UAAW,OACX,KAAM,CAACF,CAAY,CACrB,CAAC,EACDE,EAAe,CACb,UAAW,SACX,KAAM,CAACD,CAAQ,CACjB,CAAC,EACDC,EAAe,CACb,UAAW,aACX,KAAM,CAACD,CAAQ,CACjB,CAAC,EAED,IAAME,KAAU,UAAO,EAAK,EAEtBC,EAAuCC,GAAM,CACjDT,GAAA,MAAAA,EAAiBS,GAEb,CAAAA,EAAE,mBAIFF,EAAQ,UAGZA,EAAQ,QAAU,GAElBJ,EAAI,GACN,EACMO,EAAyCD,GAAM,CACnDA,EAAE,gBAAgB,CACpB,EAEME,EAAaT,EAAS,OAAS,EAAI,EACnCU,EAAcV,EAAS,OAAS,EAAI,EAE1C,OACE,EAAAW,QAAA,cAAC,OACC,UAAeC,GAAU,CACvB,gBAAiBC,EAAQb,EAAS,eAAe,CACnD,CAAC,EACD,IAAKE,EACL,SAAO,qBACLY,EAAW,CACT,CAACC,EAAW,YAAY,cAAelB,EACvC,CAACkB,EAAW,iBAAkBpB,EAC9B,CAACoB,EAAW,oBAAqBnB,EACjC,CAAKoB,EAAK,SAAS,KAAM,GAAGP,IAC5B,CAAKO,EAAK,SAAS,OAAQ,GAAGN,IAC9B,CAAKM,EAAK,oBACRhB,EAAS,kBAAoB,gBAC7BA,EAAS,kBAAoB,cACzB,uCACA,KACR,CAAC,CACH,GAEA,EAAAW,QAAA,cAAC,OAAI,UAAeM,GAAK,IAAKd,EAAU,QAASG,GAC/C,EAAAK,QAAA,cAAC,OAAI,UAAeO,GAAO,QAASV,GACjCT,CACH,CACF,CACF,CAEJ,EAEOoB,GAAQzB",
|
|
4
|
+
"sourcesContent": ["export { basicUIPlugin } from \"./basicUIPlugin\";\nexport { default as AppScreen } from \"./components/AppScreen\";\nexport { default as BottomSheet } from \"./components/BottomSheet\";\nexport { default as Modal } from \"./components/Modal\";\nexport { globalVars as cssVars } from \"./theme.css\";\n", "import type { StackflowReactPlugin } from \"@stackflow/react\";\nimport { assignInlineVars } from \"@vanilla-extract/dynamic\";\nimport React, { createContext, useContext } from \"react\";\n\nimport * as theme from \"./theme.css\";\nimport type { RecursivePartial } from \"./utils\";\nimport { compactMap } from \"./utils\";\n\ntype BasicUIPluginOptions = RecursivePartial<theme.GlobalVars> & {\n theme: \"android\" | \"cupertino\";\n appBar?: {\n closeButton?: {\n onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;\n };\n };\n};\n\nconst GlobalOptionsContext = createContext<BasicUIPluginOptions>({\n theme: \"android\",\n});\n\nexport const GlobalOptionsProvider = GlobalOptionsContext.Provider;\n\nexport function useGlobalOptions() {\n return useContext(GlobalOptionsContext);\n}\n\nexport const basicUIPlugin: (\n options: BasicUIPluginOptions,\n) => StackflowReactPlugin = (options) => () => ({\n key: \"basic-ui\",\n wrapStack({ stack }) {\n return (\n <GlobalOptionsProvider value={options}>\n <div\n className={\n typeof window !== \"undefined\" ? theme[options.theme] : undefined\n }\n style={assignInlineVars(\n compactMap({\n [theme.globalVars.backgroundColor]: options.backgroundColor,\n [theme.globalVars.dimBackgroundColor]: options.dimBackgroundColor,\n [theme.globalVars.appBar.borderColor]:\n options.appBar?.borderColor,\n [theme.globalVars.appBar.borderSize]: options.appBar?.borderSize,\n [theme.globalVars.appBar.height]: options.appBar?.height,\n [theme.globalVars.appBar.iconColor]: options.appBar?.iconColor,\n [theme.globalVars.appBar.textColor]: options.appBar?.textColor,\n [theme.globalVars.bottomSheet.borderRadius]:\n options.bottomSheet?.borderRadius,\n [theme.globalVars.modal.borderRadius]:\n options.modal?.borderRadius,\n }),\n )}\n >\n {stack.render()}\n </div>\n </GlobalOptionsProvider>\n );\n },\n});\n", "import 'src/theme.css.ts.vanilla.css?source=#H4sIAAAAAAAAE+WU30oEIRTG7/cphG4KVhm3hoVZepKI8N/MSKNHjkdaNnr3pqi9qnbmMkRBRH8fHr9POwSgLes+hgerSPFMyjz3E7zwNJXBR65V9oYXz2l0wd2raBG8fWSvG8b4H9v1vDAglGi5gQmwY1d93x8uUNaHH0gctLputuyrC9neXBJSKc0T5BrQOvxNqNmvFcr+5Dom03EpNzo/jNSxW9GiC0spbyCe720n53a3FCV3pJWoBiIIPI/O0XehqKwveS7189RvmxUZMSU5JB+h8pQ0ol2fk53Y/++giCdpIKVwaup2v8I/4my9rNv6Kh/+O7b/8bJMCAAA';\nexport var android = '_1coppmz0';\nexport var cupertino = '_1coppmz1';\nexport var globalVars = {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)'}};\nexport var rootAndroid = ':root[data-stackflow-plugin-basic-ui-theme=android]';\nexport var rootCupertino = ':root[data-stackflow-plugin-basic-ui-theme=cupertino]';", "export function compactMap<T extends {}>(\n obj: T,\n): {\n [key in keyof T]: NonNullable<T[key]>;\n} {\n return Object.entries(obj).reduce<any>((acc, [key, value]) => {\n if (value !== null && value !== undefined) {\n acc[key] = value;\n }\n\n return acc;\n }, {});\n}\n", "export function listenOnce<T extends HTMLElement>(\n el: T,\n type: keyof HTMLElementEventMap,\n cb: () => void,\n) {\n const listener = () => {\n el.removeEventListener(type, listener);\n cb();\n };\n\n el.addEventListener(type, listener);\n}\n", "export const listenResize = (cb: () => void) => {\n cb();\n window.addEventListener(\"resize\", cb);\n\n return () => {\n window.removeEventListener(\"resize\", cb);\n };\n};\n", "export const noop = () => {};\n", "// https://github.com/MingruiZhang/react-animate-mount/blob/32300c04a4fdfa97724b70aaaf0c0f403d6da247/src/Animate.js#L171-L179\nexport function requestNextFrame(cb: () => void) {\n requestAnimationFrame(() => {\n requestAnimationFrame(() => {\n cb();\n });\n });\n}\n", "/* eslint-disable no-param-reassign */\n\nimport { useActions, useActivity } from \"@stackflow/react\";\nimport { assignInlineVars } from \"@vanilla-extract/dynamic\";\nimport React, { useRef } from \"react\";\n\nimport { useGlobalOptions } from \"../basicUIPlugin\";\nimport {\n useLazy,\n useStyleEffectHide,\n useStyleEffectOffset,\n useStyleEffectSwipeBack,\n} from \"../hooks\";\nimport type { GlobalVars } from \"../theme.css\";\nimport { globalVars } from \"../theme.css\";\nimport type { PropOf } from \"../utils\";\nimport { compactMap } from \"../utils\";\nimport AppBar from \"./AppBar\";\nimport * as css from \"./AppScreen.css\";\n\ntype AppScreenProps = Partial<\n Pick<GlobalVars, \"backgroundColor\" | \"dimBackgroundColor\">\n> & {\n appBar?: Omit<PropOf<typeof AppBar>, \"theme\" | \"ref\" | \"key\">;\n children: React.ReactNode;\n};\nconst AppScreen: React.FC<AppScreenProps> = ({\n backgroundColor,\n dimBackgroundColor,\n appBar,\n children,\n}) => {\n const globalOptions = useGlobalOptions();\n const activity = useActivity();\n const { pop } = useActions();\n\n const appScreenRef = useRef<HTMLDivElement>(null);\n const dimRef = useRef<HTMLDivElement>(null);\n const paperRef = useRef<HTMLDivElement>(null);\n const edgeRef = useRef<HTMLDivElement>(null);\n const appBarRef = useRef<HTMLDivElement>(null);\n\n useStyleEffectHide({\n refs: [appScreenRef],\n hasEffect: true,\n });\n useStyleEffectOffset({\n theme: globalOptions.theme,\n refs:\n globalOptions.theme === \"cupertino\" ? [paperRef] : [paperRef, appBarRef],\n hasEffect: true,\n });\n useStyleEffectSwipeBack({\n theme: globalOptions.theme,\n dimRef,\n edgeRef,\n paperRef,\n hasEffect: true,\n onSwiped() {\n pop();\n },\n });\n\n const isRoot = activity.zIndex === 0;\n const hasAppBar = !!appBar;\n\n const zIndexBase = activity.zIndex * 5;\n const zIndexDim = zIndexBase;\n const zIndexPaper =\n zIndexBase + (globalOptions.theme === \"cupertino\" && hasAppBar ? 1 : 3);\n const zIndexEdge = zIndexBase + 4;\n const zIndexAppBar = zIndexBase + 7;\n\n const { transitionState } = activity;\n const lazyTransitionState = useLazy(transitionState);\n\n return (\n <div\n ref={appScreenRef}\n className={css.appScreen({\n transitionState:\n transitionState === \"enter-done\" || transitionState === \"exit-done\"\n ? transitionState\n : lazyTransitionState,\n })}\n style={assignInlineVars(\n compactMap({\n [globalVars.backgroundColor]: backgroundColor,\n [globalVars.dimBackgroundColor]: dimBackgroundColor,\n [globalVars.appBar.height]: appBar?.height,\n [css.vars.zIndexes.dim]: `${zIndexDim}`,\n [css.vars.zIndexes.paper]: `${zIndexPaper}`,\n [css.vars.zIndexes.edge]: `${zIndexEdge}`,\n [css.vars.zIndexes.appBar]: `${zIndexAppBar}`,\n [css.vars.transitionDuration]:\n activity.transitionState === \"enter-active\" ||\n activity.transitionState === \"exit-active\"\n ? `var(--stackflow-transition-duration)`\n : \"0ms\",\n }),\n )}\n >\n <div className={css.dim} ref={dimRef} />\n <div\n key={activity.id}\n className={css.paper({\n hasAppBar,\n })}\n ref={paperRef}\n >\n {children}\n </div>\n {!isRoot && globalOptions.theme === \"cupertino\" && (\n <div className={css.edge({ hasAppBar })} ref={edgeRef} />\n )}\n {appBar && <AppBar {...appBar} ref={appBarRef} />}\n </div>\n );\n};\n\nexport default AppScreen;\n", "import { useEffect, useState } from \"react\";\n\nimport { requestNextFrame } from \"../utils\";\n\nexport function useLazy<T>(value: T) {\n const [state, setState] = useState<T | undefined>(undefined);\n\n useEffect(() => {\n requestNextFrame(() => {\n setState(value);\n });\n }, [value]);\n\n return state;\n}\n", "import type React from \"react\";\nimport { useEffect, useState } from \"react\";\n\nimport { listenResize, noop } from \"../utils\";\n\nexport function useMaxWidth({\n outerRef,\n innerRef,\n enable,\n}: {\n outerRef: React.ForwardedRef<any>;\n innerRef: React.MutableRefObject<any>;\n enable: boolean;\n}) {\n const [maxWidth, setMaxWidth] = useState<number | undefined>(undefined);\n\n useEffect(() => {\n const $outer = outerRef && \"current\" in outerRef && outerRef.current;\n const $inner = innerRef.current;\n\n if (!enable || !$outer || !$inner) {\n return noop;\n }\n\n const dispose = listenResize(() => {\n const screenWidth = $outer.clientWidth;\n\n const leftWidth = $inner.offsetLeft;\n const centerWidth = $inner.clientWidth;\n const rightWidth = screenWidth - leftWidth - centerWidth;\n\n const sideMargin = Math.max(leftWidth, rightWidth);\n\n setMaxWidth(screenWidth - 2 * sideMargin);\n });\n\n return dispose;\n }, []);\n\n return {\n maxWidth,\n };\n}\n", "import type { ActivityTransitionState } from \"@stackflow/core\";\nimport { useActivity } from \"@stackflow/react\";\nimport type React from \"react\";\nimport { useEffect } from \"react\";\n\nconst connections: {\n [styleName: string]: Map<\n number,\n {\n refs: Array<React.RefObject<any>>;\n hasEffect: boolean;\n }\n >;\n} = {};\n\nexport function useStyleEffect({\n styleName,\n refs,\n effect,\n}: {\n styleName: string;\n refs: Array<React.RefObject<any>>;\n effect?: (params: {\n activityTransitionState: ActivityTransitionState;\n refs: Array<React.RefObject<HTMLElement>>;\n }) => (() => void) | void;\n}) {\n const activity = useActivity();\n\n useEffect(() => {\n if (!connections[styleName]) {\n connections[styleName] = new Map();\n }\n\n connections[styleName].set(activity.zIndex, {\n refs,\n hasEffect: !!effect,\n });\n\n return () => {\n connections[styleName].delete(activity.zIndex);\n };\n }, [activity.id, refs, effect]);\n\n useEffect(() => {\n if (!effect) {\n return () => {};\n }\n\n const refs = (() => {\n let arr: Array<React.RefObject<any>> = [];\n\n for (let i = 1; i <= activity.zIndex; i += 1) {\n const connection = connections[styleName].get(activity.zIndex - i);\n\n if (connection?.refs) {\n arr = [...arr, ...connection.refs];\n }\n if (connection?.hasEffect) {\n break;\n }\n }\n\n return arr;\n })();\n\n const cleanup = effect({\n activityTransitionState: activity.transitionState,\n refs,\n });\n\n return () => {\n cleanup?.();\n };\n }, [activity.transitionState]);\n}\n", "/* eslint-disable no-param-reassign */\n\nimport type React from \"react\";\n\nimport { useStyleEffect } from \"./useStyleEffect\";\n\nexport function useStyleEffectHide({\n refs,\n hasEffect,\n}: {\n refs: Array<React.RefObject<any>>;\n hasEffect?: boolean;\n}) {\n useStyleEffect({\n styleName: \"hide\",\n refs,\n effect: hasEffect\n ? ({ activityTransitionState, refs }) => {\n switch (activityTransitionState) {\n case \"enter-done\": {\n refs.forEach((ref) => {\n if (!ref.current) {\n return;\n }\n\n ref.current.style.display = \"none\";\n });\n break;\n }\n default: {\n refs.forEach((ref) => {\n if (!ref.current) {\n return;\n }\n\n ref.current.style.display = \"\";\n });\n break;\n }\n }\n }\n : undefined,\n });\n}\n", "/* eslint-disable no-param-reassign */\n\nimport { listenOnce, requestNextFrame } from \"../utils\";\nimport { useStyleEffect } from \"./useStyleEffect\";\n\nexport const OFFSET_PX_ANDROID = 32;\nexport const OFFSET_PX_CUPERTINO = 80;\n\nexport function useStyleEffectOffset({\n refs,\n theme,\n hasEffect,\n}: {\n refs: Array<React.RefObject<any>>;\n theme: \"android\" | \"cupertino\";\n hasEffect?: boolean;\n}) {\n useStyleEffect({\n styleName: \"offset\",\n refs,\n effect: hasEffect\n ? ({ activityTransitionState, refs }) => {\n const transform =\n theme === \"cupertino\"\n ? `translateX(-${OFFSET_PX_CUPERTINO / 16}rem)`\n : `translateY(-${OFFSET_PX_ANDROID / 16}rem)`;\n\n switch (activityTransitionState) {\n case \"enter-active\":\n case \"enter-done\": {\n refs.forEach((ref) => {\n if (!ref.current) {\n return;\n }\n\n ref.current.style.transition = `var(--stackflow-transition-duration)`;\n ref.current.style.transform = transform;\n });\n break;\n }\n case \"exit-active\":\n case \"exit-done\": {\n requestNextFrame(() => {\n refs.forEach((ref) => {\n if (!ref.current) {\n return;\n }\n\n const $el = ref.current;\n\n $el.style.transform = \"\";\n\n listenOnce($el, \"transitionend\", () => {\n $el.style.transition = \"\";\n });\n });\n });\n break;\n }\n default: {\n break;\n }\n }\n }\n : undefined,\n });\n}\n", "/* eslint-disable no-param-reassign */\n\nimport { listenOnce } from \"../utils\";\nimport { useStyleEffect } from \"./useStyleEffect\";\nimport { OFFSET_PX_CUPERTINO } from \"./useStyleEffectOffset\";\n\nexport function useStyleEffectSwipeBack({\n theme,\n dimRef,\n edgeRef,\n paperRef,\n hasEffect,\n onSwiped,\n}: {\n theme: \"android\" | \"cupertino\";\n dimRef: React.RefObject<HTMLDivElement>;\n edgeRef: React.RefObject<HTMLDivElement>;\n paperRef: React.RefObject<HTMLDivElement>;\n hasEffect?: boolean;\n onSwiped?: () => void;\n}) {\n useStyleEffect({\n styleName: \"swipe-back\",\n refs: [paperRef],\n effect: hasEffect\n ? ({ refs }) => {\n if (theme !== \"cupertino\") {\n return () => {};\n }\n\n if (!dimRef.current || !edgeRef.current || !paperRef.current) {\n return () => {};\n }\n\n const $dim = dimRef.current;\n const $edge = edgeRef.current;\n const $paper = paperRef.current;\n\n let x0: number | null = null;\n let t0: number | null = null;\n let x: number | null = null;\n\n let cachedRefs: Array<{\n style: {\n transform: string;\n transition: string;\n };\n parentElement?: {\n style: {\n display: string;\n };\n };\n }> = [];\n\n const resetState = () => {\n x0 = null;\n t0 = null;\n x = null;\n cachedRefs = [];\n };\n\n let _rAFLock = false;\n\n function movePaper(dx: number) {\n if (!_rAFLock) {\n _rAFLock = true;\n\n requestAnimationFrame(() => {\n const p = dx / $paper.clientWidth;\n\n $dim.style.opacity = `${1 - p}`;\n $dim.style.transition = \"0s\";\n\n $paper.style.overflowY = \"hidden\";\n $paper.style.transform = `translateX(${dx}px)`;\n $paper.style.transition = \"0s\";\n\n refs.forEach((ref) => {\n if (!ref.current) {\n return;\n }\n\n ref.current.style.transform = `translateX(${\n -1 * (1 - p) * OFFSET_PX_CUPERTINO\n }px)`;\n ref.current.style.transition = \"0s\";\n\n if (ref.current.parentElement?.style.display === \"none\") {\n ref.current.parentElement.style.display = \"block\";\n }\n });\n\n _rAFLock = false;\n });\n }\n }\n\n function resetPaper({ swiped }: { swiped: boolean }) {\n requestAnimationFrame(() => {\n $dim.style.opacity = `${swiped ? 0 : 1}`;\n $dim.style.transition = \"var(--stackflow-transition-duration)\";\n\n $paper.style.overflowY = \"hidden\";\n $paper.style.transform = `translateX(${swiped ? \"100%\" : \"0\"})`;\n $paper.style.transition = \"var(--stackflow-transition-duration)\";\n\n refs.forEach((ref) => {\n if (!ref.current) {\n return;\n }\n\n ref.current.style.transition = `var(--stackflow-transition-duration)`;\n ref.current.style.transform = `translateX(${\n swiped ? \"0\" : `-${OFFSET_PX_CUPERTINO / 16}rem`\n })`;\n });\n\n listenOnce($paper, \"transitionend\", () => {\n $dim.style.opacity = \"\";\n $paper.style.overflowY = \"\";\n $paper.style.transform = \"\";\n\n refs.forEach((ref, i) => {\n if (!ref.current) {\n return;\n }\n\n const cachedRef = cachedRefs[i];\n\n if (swiped) {\n ref.current.style.transition = \"\";\n ref.current.style.transform = \"\";\n\n if (ref.current.parentElement) {\n ref.current.parentElement.style.display = \"\";\n }\n } else if (cachedRef) {\n ref.current.style.transition = cachedRef.style.transition;\n ref.current.style.transform = cachedRef.style.transform;\n\n if (ref.current.parentElement && cachedRef.parentElement) {\n ref.current.parentElement.style.display =\n cachedRef.parentElement.style.display;\n }\n }\n });\n });\n });\n }\n\n const onTouchStart = (e: TouchEvent) => {\n const { activeElement } = document as any;\n\n activeElement?.blur?.();\n // eslint-disable-next-line no-multi-assign\n x0 = x = e.touches[0].clientX;\n t0 = Date.now();\n\n cachedRefs = refs.map((ref) => {\n if (!ref.current) {\n return {\n style: {\n transform: \"\",\n transition: \"\",\n },\n };\n }\n\n return {\n style: {\n transform: ref.current.style.transform,\n transition: ref.current.style.transition,\n },\n parentElement: ref.current.parentElement\n ? {\n style: {\n display: ref.current.parentElement.style.display,\n },\n }\n : undefined,\n };\n });\n };\n\n const onTouchMove = (e: TouchEvent) => {\n if (!x0) {\n resetState();\n return;\n }\n\n x = e.touches[0].clientX;\n\n movePaper(x - x0);\n };\n\n const onTouchEnd = () => {\n if (!x0 || !t0 || !x) {\n resetState();\n return;\n }\n\n const t = Date.now();\n const v = (x - x0) / (t - t0);\n const swiped = v > 1 || x / $paper.clientWidth > 0.4;\n\n if (swiped) {\n onSwiped?.();\n }\n\n resetState();\n resetPaper({ swiped });\n };\n\n $edge.addEventListener(\"touchstart\", onTouchStart, { passive: true });\n $edge.addEventListener(\"touchmove\", onTouchMove, { passive: true });\n $edge.addEventListener(\"touchend\", onTouchEnd, { passive: true });\n $edge.addEventListener(\"touchcancel\", onTouchEnd, { passive: true });\n\n return () => {\n $edge.removeEventListener(\"touchstart\", onTouchStart);\n $edge.removeEventListener(\"touchmove\", onTouchMove);\n $edge.removeEventListener(\"touchend\", onTouchEnd);\n $edge.removeEventListener(\"touchcancel\", onTouchEnd);\n };\n }\n : undefined,\n });\n}\n", "import { useActions, useActivity } from \"@stackflow/react\";\nimport { assignInlineVars } from \"@vanilla-extract/dynamic\";\nimport React, { useRef } from \"react\";\n\nimport { IconBack, IconClose } from \"../assets\";\nimport { useGlobalOptions } from \"../basicUIPlugin\";\nimport { useMaxWidth } from \"../hooks\";\nimport type { GlobalVars } from \"../theme.css\";\nimport { globalVars } from \"../theme.css\";\nimport { compactMap, noop } from \"../utils\";\nimport * as css from \"./AppBar.css\";\nimport * as appScreenCss from \"./AppScreen.css\";\n\ntype AppBarProps = Partial<\n Pick<\n GlobalVars[\"appBar\"],\n \"borderColor\" | \"borderSize\" | \"height\" | \"iconColor\" | \"textColor\"\n >\n> & {\n title?: React.ReactNode;\n appendLeft?: () => React.ReactNode;\n appendRight?: () => React.ReactNode;\n backButton?:\n | {\n renderIcon?: () => React.ReactNode;\n onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;\n }\n | {\n render?: () => React.ReactNode;\n };\n closeButton?:\n | {\n renderIcon?: () => React.ReactNode;\n onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;\n }\n | {\n render?: () => React.ReactNode;\n };\n closeButtonLocation?: \"left\" | \"right\";\n border?: boolean;\n};\nconst AppBar = React.forwardRef<HTMLDivElement, AppBarProps>(\n (\n {\n title,\n appendLeft,\n appendRight,\n backButton,\n closeButton,\n closeButtonLocation = \"left\",\n border = true,\n iconColor,\n textColor,\n borderColor,\n borderSize,\n height,\n },\n ref,\n ) => {\n const actions = useActions();\n const activity = useActivity();\n\n const globalOptions = useGlobalOptions();\n\n const centerRef = useRef<any>(null);\n\n const { maxWidth } = useMaxWidth({\n outerRef: ref,\n innerRef: centerRef,\n enable: globalOptions.theme === \"cupertino\",\n });\n\n const onBackClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n if (backButton && \"onClick\" in backButton && backButton.onClick) {\n backButton.onClick(e);\n }\n\n if (!e.defaultPrevented) {\n actions.pop();\n }\n };\n\n const isRoot =\n activity.zIndex === 0 ||\n (activity.zIndex === 1 &&\n activity.transitionState === \"enter-active\" &&\n activity.pushedBy.name === \"Replaced\");\n\n const renderBackButton = () => {\n if (isRoot) {\n return null;\n }\n\n if (!backButton) {\n return (\n <button\n type=\"button\"\n className={css.backButton}\n onClick={onBackClick}\n >\n <IconBack />\n </button>\n );\n }\n\n if (\"render\" in backButton && backButton.render) {\n return backButton.render?.();\n }\n\n return (\n <button type=\"button\" className={css.backButton} onClick={onBackClick}>\n {\"renderIcon\" in backButton && backButton.renderIcon ? (\n backButton.renderIcon()\n ) : (\n <IconBack />\n )}\n </button>\n );\n };\n\n const onCloseClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n if (closeButton && \"onClick\" in closeButton && closeButton.onClick) {\n closeButton.onClick(e);\n }\n\n if (!e.defaultPrevented) {\n globalOptions.appBar?.closeButton?.onClick?.(e);\n }\n };\n\n const renderCloseButton = () => {\n if ((!closeButton && !globalOptions.appBar?.closeButton) || !isRoot) {\n return null;\n }\n if (closeButton && \"render\" in closeButton && closeButton.render) {\n return closeButton.render();\n }\n\n return (\n <button\n type=\"button\"\n className={css.closeButton}\n onClick={onCloseClick}\n >\n {closeButton &&\n \"renderIcon\" in closeButton &&\n closeButton.renderIcon ? (\n closeButton.renderIcon()\n ) : (\n <IconClose />\n )}\n </button>\n );\n };\n\n const hasLeft = !!(\n (closeButtonLocation === \"left\" && closeButton) ||\n backButton ||\n appendLeft\n );\n\n return (\n <div\n ref={ref}\n className={css.appBar({\n border,\n })}\n style={assignInlineVars(\n compactMap({\n [globalVars.appBar.iconColor]: iconColor,\n [globalVars.appBar.textColor]: textColor,\n [globalVars.appBar.borderColor]: borderColor,\n [globalVars.appBar.borderSize]: borderSize,\n [globalVars.appBar.height]: height,\n [appScreenCss.vars.appBar.center.mainWidth]: `${maxWidth}px`,\n }),\n )}\n >\n <div className={css.left}>\n {closeButtonLocation === \"left\" && renderCloseButton()}\n {renderBackButton()}\n {appendLeft?.()}\n </div>\n <div ref={centerRef} className={css.center}>\n <div\n className={css.centerMain({\n hasLeft,\n })}\n >\n {typeof title === \"string\" ? (\n <div className={css.centerText}>{title}</div>\n ) : (\n title\n )}\n </div>\n </div>\n <div className={css.right}>\n {appendRight?.()}\n {closeButtonLocation === \"right\" && renderCloseButton()}\n </div>\n </div>\n );\n },\n);\n\nexport default AppBar;\n", "import React from \"react\";\n\nconst IconBack: React.FC<{\n className?: string;\n}> = (props) => (\n <svg\n className={props.className}\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n 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\"\n fill=\"currentColor\"\n />\n </svg>\n);\n\nexport default IconBack;\n", "import React from \"react\";\n\nconst IconClose: React.FC<{\n className?: string;\n}> = (props) => (\n <svg\n className={props.className}\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n 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\"\n fill=\"currentColor\"\n />\n <path\n 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\"\n fill=\"currentColor\"\n />\n </svg>\n);\n\nexport default IconClose;\n", "import 'src/styles/f.css.ts.vanilla.css?source=LmRodGh4cTAgewogIHdpZHRoOiAxMDAlOwp9Ci5kaHRoeHExIHsKICBoZWlnaHQ6IDEwMCU7Cn0KLmRodGh4cTIgewogIHRvcDogMDsKfQouZGh0aHhxMyB7CiAgbGVmdDogMDsKfQouZGh0aHhxNCB7CiAgcG9zaXRpb246IGFic29sdXRlOwp9Ci5kaHRoeHE1IHsKICBwb3NpdGlvbjogcmVsYXRpdmU7Cn0KLmRodGh4cTcgewogIGRpc3BsYXk6IGZsZXg7Cn0KLmRodGh4cTggewogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0KLmRodGh4cTkgewogIGFsaWduLWl0ZW1zOiBmbGV4LWVuZDsKfQouZGh0aHhxYSB7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7Cn0KLmRodGh4cWIgewogIG92ZXJmbG93OiBoaWRkZW47Cn0KLmRodGh4cWMgewogIHdoaXRlLXNwYWNlOiBub3dyYXA7Cn0KLmRodGh4cWQgewogIHRleHQtYWxpZ246IGNlbnRlcjsKfQouZGh0aHhxZSB7CiAgY3Vyc29yOiBwb2ludGVyOwogIC13ZWJraXQtdGFwLWhpZ2hsaWdodC1jb2xvcjogdHJhbnNwYXJlbnQ7Cn0KLmRodGh4cWYgewogIGJveC1zaXppbmc6IGJvcmRlci1ib3g7Cn0KLmRodGh4cWcgewogIGJveC1zaXppbmc6IGNvbnRlbnQtYm94Owp9Ci5kaHRoeHFoIHsKICBhcHBlYXJhbmNlOiBub25lOwogIGJvcmRlcjogMDsKICBwYWRkaW5nOiAwOwogIGJhY2tncm91bmQ6IG5vbmU7Cn0=';\nimport 'src/theme.css.ts.vanilla.css?source=#H4sIAAAAAAAAE+WU30oEIRTG7/cphG4KVhm3hoVZepKI8N/MSKNHjkdaNnr3pqi9qnbmMkRBRH8fHr9POwSgLes+hgerSPFMyjz3E7zwNJXBR65V9oYXz2l0wd2raBG8fWSvG8b4H9v1vDAglGi5gQmwY1d93x8uUNaHH0gctLputuyrC9neXBJSKc0T5BrQOvxNqNmvFcr+5Dom03EpNzo/jNSxW9GiC0spbyCe720n53a3FCV3pJWoBiIIPI/O0XehqKwveS7189RvmxUZMSU5JB+h8pQ0ol2fk53Y/++giCdpIKVwaup2v8I/4my9rNv6Kh/+O7b/8bJMCAAA';\nimport 'src/components/AppScreen.css.ts.vanilla.css?source=#H4sIAAAAAAAAE61V246bMBB9z1f4pRJR48jsbi9x1P9oVVXVYDtgYmzLmKTdqv9eA8smwJImKBIPoDlz5syV9c+Yq93T49NH9GeBUAJsnzpTaY6ZUcZRdAAXYVz6YNgpc8RWVanUOIFSMlxJzGWBh17L7eLvYt0xf5rJfJn1c8PqHehSeml0x9fZSR/OTvCdcQVtXxV48TWKCXnXR8sGbSww6X9TRLbh6xlLzcWvYZy482TG2uKZoBPJClFnjP/OwcOFPH0mCvEFNHdG8h9oICITMs08RTFxotj2CkmRklqAw6kDLoX20axmrZBLE4jICr08y34xNkNJr3WJezi4EpdM4sigZdfh8tZ4EK7JOdhL5oxSdbHwUSR76fGrtTVJnYYJMBXLLnT2oV+GnNKOrSVJwDWRuSytghBWGy16wxCfMshvGgZWWeG81OZsHPIrJ3gUenNPFZvrBJFJNXBPNTBLDZkrYbyj+RuH4i0N36Jmfyd1zO7RWNKoQ+drOKVuukKz+zVWNurWTcpax33jaIHzsMPYG0sRA8X+e/nA2vDhcHtOl+g9YkYHeDiaJewEBicgnIFS+Jq0voD3iSL0YSrAWVaqyeoouc9CMdYPH15u/cRleux7F+3o1ypvFLg9+8E0CdaHBOFbaWo5/wBUmwz0SQgAAA==';\nimport 'src/components/AppBar.css.ts.vanilla.css?source=#H4sIAAAAAAAAE61Wu27bMBTd8xVcCthFKVC2ZScKunTo1qlLi6IIriXKZkORBEk/i/57SUp2zMhqnDqbxPs699wHmTyku8cxTDKCft8gtKRssbQ5WoMeYGwsFI8Vlxus+GrBBJ6DYQVeMQxKuR+NG/3hvTNVUJZMLLCVKkeFFM5Y2IGBimLQFDAThlov7WpTse5V3Lv/km4PkB7SkleT8WTihH9ukoe0kErV+xQlx0Q+oFxLaX+UYOEfKdglrenHYqWotkzInyceAhVKGmaZFDmCuZF8ZWk3YoNl/jbBu84CDqtBmErqOm8+OVj6bZAS8i6mgPwvChCllqzsECAVFMzuckTue2B8dzA0rYdHeUtYXCpyBmcjuXsLyF1XMfq0H30/Mng7ZHAVssYwDYZzucVmCaXc5CgMCSJqiwrgxeDSeZ1LXVKNDdvTIXqPcDpE5OJhb40LyaWO8Y2aiWlm2jUMIknmGiPWyWmt7C5olswoDo4CIQWNtMZBHkJcvoWYWzdHWHErtmSjMSG18cINK+0yR6Nk1CB82nmjZNYBPc6hsGxNnw1EMuqLQ0xknwXDivsFlkaSaZC0aOKByUIWr+TA0q2NS9NZC9Mr10IE2S8gD/PXylhW7VxoYalwNPpkvXNtT/c8p5WTpS3llVMOTeiOkvR2digFZ4LiQz3SJDvqbtqzueTl/WEU2D50W9uW7qjvSnhd4ueuhGnvlXDSzD5zfwCcLQRmltbG3YSOFKrPMvUkCsULZqenIfMKasadc19oTrHZGef3A/rkqHr8AsXX8P/ZaXa4mhLynOsDzaEYWVPAcwtogLNwvVz1ILjsIfDCA+B8J8+u7OTZ6b5qe5Mk4+783zZXsC+PXFPtgzi0nDNlmHnGLhNLqlm3DsfzE793fQsToRq0z6EBBSsrY8MXtmiHqrsrqepB6j9cyL/ztaNIPwoAAA==';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var appBar = _7a468({defaultClassName:'_1yk3a450 dhthxq4 dhthxq8 dhthxq7 dhthxq0 dhthxqg _1dlf4347',variantClassNames:{border:{true:'_1yk3a451'}},defaultVariants:{},compoundVariants:[]});\nexport var backButton = '_1yk3a453 dhthxq8 dhthxq7 dhthxqa dhthxqe dhthxqh';\nexport var center = '_1yk3a455 dhthxq8 dhthxq7';\nexport var centerMain = _7a468({defaultClassName:'_1yk3a456',variantClassNames:{hasLeft:{true:'_1yk3a457'}},defaultVariants:{},compoundVariants:[]});\nexport var centerText = '_1yk3a458 dhthxqb dhthxqc dhthxq0';\nexport var closeButton = '_1yk3a453 dhthxq8 dhthxq7 dhthxqa dhthxqe dhthxqh';\nexport var left = '_1yk3a452 dhthxq8 dhthxq7 dhthxq1';\nexport var right = '_1yk3a459 dhthxq8 dhthxq7 dhthxq1 dhthxq5';", "import 'src/styles/f.css.ts.vanilla.css?source=LmRodGh4cTAgewogIHdpZHRoOiAxMDAlOwp9Ci5kaHRoeHExIHsKICBoZWlnaHQ6IDEwMCU7Cn0KLmRodGh4cTIgewogIHRvcDogMDsKfQouZGh0aHhxMyB7CiAgbGVmdDogMDsKfQouZGh0aHhxNCB7CiAgcG9zaXRpb246IGFic29sdXRlOwp9Ci5kaHRoeHE1IHsKICBwb3NpdGlvbjogcmVsYXRpdmU7Cn0KLmRodGh4cTcgewogIGRpc3BsYXk6IGZsZXg7Cn0KLmRodGh4cTggewogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0KLmRodGh4cTkgewogIGFsaWduLWl0ZW1zOiBmbGV4LWVuZDsKfQouZGh0aHhxYSB7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7Cn0KLmRodGh4cWIgewogIG92ZXJmbG93OiBoaWRkZW47Cn0KLmRodGh4cWMgewogIHdoaXRlLXNwYWNlOiBub3dyYXA7Cn0KLmRodGh4cWQgewogIHRleHQtYWxpZ246IGNlbnRlcjsKfQouZGh0aHhxZSB7CiAgY3Vyc29yOiBwb2ludGVyOwogIC13ZWJraXQtdGFwLWhpZ2hsaWdodC1jb2xvcjogdHJhbnNwYXJlbnQ7Cn0KLmRodGh4cWYgewogIGJveC1zaXppbmc6IGJvcmRlci1ib3g7Cn0KLmRodGh4cWcgewogIGJveC1zaXppbmc6IGNvbnRlbnQtYm94Owp9Ci5kaHRoeHFoIHsKICBhcHBlYXJhbmNlOiBub25lOwogIGJvcmRlcjogMDsKICBwYWRkaW5nOiAwOwogIGJhY2tncm91bmQ6IG5vbmU7Cn0=';\nimport 'src/theme.css.ts.vanilla.css?source=#H4sIAAAAAAAAE+WU30oEIRTG7/cphG4KVhm3hoVZepKI8N/MSKNHjkdaNnr3pqi9qnbmMkRBRH8fHr9POwSgLes+hgerSPFMyjz3E7zwNJXBR65V9oYXz2l0wd2raBG8fWSvG8b4H9v1vDAglGi5gQmwY1d93x8uUNaHH0gctLputuyrC9neXBJSKc0T5BrQOvxNqNmvFcr+5Dom03EpNzo/jNSxW9GiC0spbyCe720n53a3FCV3pJWoBiIIPI/O0XehqKwveS7189RvmxUZMSU5JB+h8pQ0ol2fk53Y/++giCdpIKVwaup2v8I/4my9rNv6Kh/+O7b/8bJMCAAA';\nimport 'src/components/AppScreen.css.ts.vanilla.css?source=#H4sIAAAAAAAAE61V246bMBB9z1f4pRJR48jsbi9x1P9oVVXVYDtgYmzLmKTdqv9eA8smwJImKBIPoDlz5syV9c+Yq93T49NH9GeBUAJsnzpTaY6ZUcZRdAAXYVz6YNgpc8RWVanUOIFSMlxJzGWBh17L7eLvYt0xf5rJfJn1c8PqHehSeml0x9fZSR/OTvCdcQVtXxV48TWKCXnXR8sGbSww6X9TRLbh6xlLzcWvYZy482TG2uKZoBPJClFnjP/OwcOFPH0mCvEFNHdG8h9oICITMs08RTFxotj2CkmRklqAw6kDLoX20axmrZBLE4jICr08y34xNkNJr3WJezi4EpdM4sigZdfh8tZ4EK7JOdhL5oxSdbHwUSR76fGrtTVJnYYJMBXLLnT2oV+GnNKOrSVJwDWRuSytghBWGy16wxCfMshvGgZWWeG81OZsHPIrJ3gUenNPFZvrBJFJNXBPNTBLDZkrYbyj+RuH4i0N36Jmfyd1zO7RWNKoQ+drOKVuukKz+zVWNurWTcpax33jaIHzsMPYG0sRA8X+e/nA2vDhcHtOl+g9YkYHeDiaJewEBicgnIFS+Jq0voD3iSL0YSrAWVaqyeoouc9CMdYPH15u/cRleux7F+3o1ypvFLg9+8E0CdaHBOFbaWo5/wBUmwz0SQgAAA==';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var allTransitions = '_1dlf4348';\nexport var appScreen = _7a468({defaultClassName:'dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 dhthxqb',variantClassNames:{transitionState:{'enter-active':'_1dlf4349','enter-done':'_1dlf434a','exit-active':'_1dlf434b','exit-done':'_1dlf434c'}},defaultVariants:{},compoundVariants:[]});\nexport var background = '_1dlf4347';\nexport var dim = '_1dlf434i dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 _1dlf4346 _1dlf4348';\nexport var edge = _7a468({defaultClassName:'_1dlf434l dhthxq4 dhthxq2 dhthxq3 dhthxq1',variantClassNames:{hasAppBar:{true:'_1dlf434m'}},defaultVariants:{},compoundVariants:[]});\nexport var enterActive = '_1dlf4349';\nexport var enterDone = '_1dlf434a';\nexport var exitActive = '_1dlf434b';\nexport var exitDone = '_1dlf434c';\nexport var paper = _7a468({defaultClassName:'_1dlf434j dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 _1dlf4347 _1dlf4348',variantClassNames:{hasAppBar:{true:'_1dlf434k dhthxqf'}},defaultVariants:{},compoundVariants:[]});\nexport var vars = {transitionDuration:'var(--_1dlf4340)',zIndexes:{dim:'var(--_1dlf4341)',paper:'var(--_1dlf4342)',edge:'var(--_1dlf4343)',appBar:'var(--_1dlf4344)'},appBar:{center:{mainWidth:'var(--_1dlf4345)'}}};", "/* eslint-disable jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events */\n\nimport { useActions, useActivity } from \"@stackflow/react\";\nimport { assignInlineVars } from \"@vanilla-extract/dynamic\";\nimport React, { useRef } from \"react\";\n\nimport { useLazy, useStyleEffect } from \"../hooks\";\nimport type { GlobalVars } from \"../theme.css\";\nimport { globalVars } from \"../theme.css\";\nimport { compactMap } from \"../utils\";\nimport * as css from \"./BottomSheet.css\";\n\ntype BottomSheetProps = Partial<\n Pick<GlobalVars, \"backgroundColor\" | \"dimBackgroundColor\">\n> &\n Partial<GlobalVars[\"bottomSheet\"]> & {\n onOutsideClick?: React.MouseEventHandler;\n children: React.ReactNode;\n };\nconst BottomSheet: React.FC<BottomSheetProps> = ({\n borderRadius = \"1rem\",\n backgroundColor,\n dimBackgroundColor,\n onOutsideClick,\n children,\n}) => {\n const activity = useActivity();\n const { pop } = useActions();\n\n const containerRef = useRef<HTMLDivElement>(null);\n const paperRef = useRef<HTMLDivElement>(null);\n\n useStyleEffect({\n styleName: \"hide\",\n refs: [containerRef],\n });\n useStyleEffect({\n styleName: \"offset\",\n refs: [paperRef],\n });\n useStyleEffect({\n styleName: \"swipe-back\",\n refs: [paperRef],\n });\n\n const popLock = useRef(false);\n\n const onDimClick: React.MouseEventHandler = (e) => {\n onOutsideClick?.(e);\n\n if (e.defaultPrevented) {\n return;\n }\n\n if (popLock.current) {\n return;\n }\n popLock.current = true;\n\n pop();\n };\n const onPaperClick: React.MouseEventHandler = (e) => {\n e.stopPropagation();\n };\n\n const zIndexBase = activity.zIndex * 5 + 3;\n const zIndexPaper = activity.zIndex * 5 + 4;\n\n return (\n <div\n className={css.container({\n transitionState: useLazy(activity.transitionState),\n })}\n ref={containerRef}\n style={assignInlineVars(\n compactMap({\n [globalVars.bottomSheet.borderRadius]: borderRadius,\n [globalVars.backgroundColor]: backgroundColor,\n [globalVars.dimBackgroundColor]: dimBackgroundColor,\n [css.vars.zIndexes.dim]: `${zIndexBase}`,\n [css.vars.zIndexes.paper]: `${zIndexPaper}`,\n [css.vars.transitionDuration]:\n activity.transitionState === \"enter-active\" ||\n activity.transitionState === \"exit-active\"\n ? `var(--stackflow-transition-duration)`\n : \"0ms\",\n }),\n )}\n >\n <div className={css.dim} ref={paperRef} onClick={onDimClick}>\n <div className={css.paper} onClick={onPaperClick}>\n {children}\n </div>\n </div>\n </div>\n );\n};\n\nexport default BottomSheet;\n", "import 'src/styles/f.css.ts.vanilla.css?source=LmRodGh4cTAgewogIHdpZHRoOiAxMDAlOwp9Ci5kaHRoeHExIHsKICBoZWlnaHQ6IDEwMCU7Cn0KLmRodGh4cTIgewogIHRvcDogMDsKfQouZGh0aHhxMyB7CiAgbGVmdDogMDsKfQouZGh0aHhxNCB7CiAgcG9zaXRpb246IGFic29sdXRlOwp9Ci5kaHRoeHE1IHsKICBwb3NpdGlvbjogcmVsYXRpdmU7Cn0KLmRodGh4cTcgewogIGRpc3BsYXk6IGZsZXg7Cn0KLmRodGh4cTggewogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0KLmRodGh4cTkgewogIGFsaWduLWl0ZW1zOiBmbGV4LWVuZDsKfQouZGh0aHhxYSB7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7Cn0KLmRodGh4cWIgewogIG92ZXJmbG93OiBoaWRkZW47Cn0KLmRodGh4cWMgewogIHdoaXRlLXNwYWNlOiBub3dyYXA7Cn0KLmRodGh4cWQgewogIHRleHQtYWxpZ246IGNlbnRlcjsKfQouZGh0aHhxZSB7CiAgY3Vyc29yOiBwb2ludGVyOwogIC13ZWJraXQtdGFwLWhpZ2hsaWdodC1jb2xvcjogdHJhbnNwYXJlbnQ7Cn0KLmRodGh4cWYgewogIGJveC1zaXppbmc6IGJvcmRlci1ib3g7Cn0KLmRodGh4cWcgewogIGJveC1zaXppbmc6IGNvbnRlbnQtYm94Owp9Ci5kaHRoeHFoIHsKICBhcHBlYXJhbmNlOiBub25lOwogIGJvcmRlcjogMDsKICBwYWRkaW5nOiAwOwogIGJhY2tncm91bmQ6IG5vbmU7Cn0=';\nimport 'src/theme.css.ts.vanilla.css?source=#H4sIAAAAAAAAE+WU30oEIRTG7/cphG4KVhm3hoVZepKI8N/MSKNHjkdaNnr3pqi9qnbmMkRBRH8fHr9POwSgLes+hgerSPFMyjz3E7zwNJXBR65V9oYXz2l0wd2raBG8fWSvG8b4H9v1vDAglGi5gQmwY1d93x8uUNaHH0gctLputuyrC9neXBJSKc0T5BrQOvxNqNmvFcr+5Dom03EpNzo/jNSxW9GiC0spbyCe720n53a3FCV3pJWoBiIIPI/O0XehqKwveS7189RvmxUZMSU5JB+h8pQ0ol2fk53Y/++giCdpIKVwaup2v8I/4my9rNv6Kh/+O7b/8bJMCAAA';\nimport 'src/components/BottomSheet.css.ts.vanilla.css?source=Ll8xaHQzOGgwMyB7CiAgdHJhbnNpdGlvbjogdmFyKC0tXzFodDM4aDAwKTsKfQouXzFodDM4aDA3IHsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMTAwJSk7Cn0KLl8xaHQzOGgwZCB7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc3RhY2tmbG93LXBsdWdpbi1iYXNpYy11aS1kaW0tYmFja2dyb3VuZC1jb2xvcik7CiAgei1pbmRleDogdmFyKC0tXzFodDM4aDAxKTsKICBvcGFjaXR5OiAwOwp9Ci5fMWh0MzhoMDQgLl8xaHQzOGgwZCwgLl8xaHQzOGgwNSAuXzFodDM4aDBkIHsKICBvcGFjaXR5OiAxOwp9Ci5fMWh0MzhoMDYgLl8xaHQzOGgwZCwgLl8xaHQzOGgwNyAuXzFodDM4aDBkIHsKICBvcGFjaXR5OiAwOwp9Ci5fMWh0MzhoMGUgewogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXN0YWNrZmxvdy1wbHVnaW4tYmFzaWMtdWktYmFja2dyb3VuZC1jb2xvcik7CiAgd2lkdGg6IDEwMCU7CiAgYm9yZGVyLXJhZGl1czogdmFyKC0tc3RhY2tmbG93LXBsdWdpbi1iYXNpYy11aS1ib3R0b20tc2hlZXQtYm9yZGVyLXJhZGl1cykgdmFyKC0tc3RhY2tmbG93LXBsdWdpbi1iYXNpYy11aS1ib3R0b20tc2hlZXQtYm9yZGVyLXJhZGl1cykgMCAwOwogIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDAlKTsKICBvcGFjaXR5OiAwOwp9Ci5fMWh0MzhoMDQgLl8xaHQzOGgwZSwgLl8xaHQzOGgwNSAuXzFodDM4aDBlIHsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCk7CiAgb3BhY2l0eTogMTsKfQouXzFodDM4aDA2IC5fMWh0MzhoMGUsIC5fMWh0MzhoMDcgLl8xaHQzOGgwZSB7CiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMCUpOwogIG9wYWNpdHk6IDA7Cn0=';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var container = _7a468({defaultClassName:'dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 dhthxqb',variantClassNames:{transitionState:{'enter-active':'_1ht38h04','enter-done':'_1ht38h05','exit-active':'_1ht38h06','exit-done':'_1ht38h07'}},defaultVariants:{},compoundVariants:[]});\nexport var dim = '_1ht38h0d dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 dhthxqb dhthxq9 dhthxq7 _1ht38h03';\nexport var enterActive = '_1ht38h04';\nexport var enterDone = '_1ht38h05';\nexport var exitActive = '_1ht38h06';\nexport var exitDone = '_1ht38h07';\nexport var paper = '_1ht38h0e dhthxqb _1ht38h03';\nexport var vars = {transitionDuration:'var(--_1ht38h00)',zIndexes:{dim:'var(--_1ht38h01)',paper:'var(--_1ht38h02)'}};", "/* eslint-disable jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events */\n\nimport { useActions, useActivity } from \"@stackflow/react\";\nimport { assignInlineVars } from \"@vanilla-extract/dynamic\";\nimport React, { useRef } from \"react\";\n\nimport { useLazy, useStyleEffect } from \"../hooks\";\nimport type { GlobalVars } from \"../theme.css\";\nimport { globalVars } from \"../theme.css\";\nimport { compactMap } from \"../utils\";\nimport * as css from \"./Modal.css\";\n\ntype ModalProps = Partial<\n Pick<GlobalVars, \"backgroundColor\" | \"dimBackgroundColor\">\n> &\n Partial<GlobalVars[\"modal\"]> & {\n onOutsideClick?: React.MouseEventHandler;\n children: React.ReactNode;\n };\nconst Modal: React.FC<ModalProps> = ({\n backgroundColor,\n dimBackgroundColor,\n borderRadius = \"1rem\",\n onOutsideClick,\n children,\n}) => {\n const activity = useActivity();\n const { pop } = useActions();\n\n const containerRef = useRef<HTMLDivElement>(null);\n const paperRef = useRef<HTMLDivElement>(null);\n\n useStyleEffect({\n styleName: \"hide\",\n refs: [containerRef],\n });\n useStyleEffect({\n styleName: \"offset\",\n refs: [paperRef],\n });\n useStyleEffect({\n styleName: \"swipe-back\",\n refs: [paperRef],\n });\n\n const popLock = useRef(false);\n\n const onDimClick: React.MouseEventHandler = (e) => {\n onOutsideClick?.(e);\n\n if (e.defaultPrevented) {\n return;\n }\n\n if (popLock.current) {\n return;\n }\n popLock.current = true;\n\n pop();\n };\n const onPaperClick: React.MouseEventHandler = (e) => {\n e.stopPropagation();\n };\n\n const zIndexBase = activity.zIndex * 5 + 3;\n const zIndexPaper = activity.zIndex * 5 + 4;\n\n return (\n <div\n className={css.container({\n transitionState: useLazy(activity.transitionState),\n })}\n ref={containerRef}\n style={assignInlineVars(\n compactMap({\n [globalVars.bottomSheet.borderRadius]: borderRadius,\n [globalVars.backgroundColor]: backgroundColor,\n [globalVars.dimBackgroundColor]: dimBackgroundColor,\n [css.vars.zIndexes.dim]: `${zIndexBase}`,\n [css.vars.zIndexes.paper]: `${zIndexPaper}`,\n [css.vars.transitionDuration]:\n activity.transitionState === \"enter-active\" ||\n activity.transitionState === \"exit-active\"\n ? `var(--stackflow-transition-duration)`\n : \"0ms\",\n }),\n )}\n >\n <div className={css.dim} ref={paperRef} onClick={onDimClick}>\n <div className={css.paper} onClick={onPaperClick}>\n {children}\n </div>\n </div>\n </div>\n );\n};\n\nexport default Modal;\n", "import 'src/styles/f.css.ts.vanilla.css?source=LmRodGh4cTAgewogIHdpZHRoOiAxMDAlOwp9Ci5kaHRoeHExIHsKICBoZWlnaHQ6IDEwMCU7Cn0KLmRodGh4cTIgewogIHRvcDogMDsKfQouZGh0aHhxMyB7CiAgbGVmdDogMDsKfQouZGh0aHhxNCB7CiAgcG9zaXRpb246IGFic29sdXRlOwp9Ci5kaHRoeHE1IHsKICBwb3NpdGlvbjogcmVsYXRpdmU7Cn0KLmRodGh4cTcgewogIGRpc3BsYXk6IGZsZXg7Cn0KLmRodGh4cTggewogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0KLmRodGh4cTkgewogIGFsaWduLWl0ZW1zOiBmbGV4LWVuZDsKfQouZGh0aHhxYSB7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7Cn0KLmRodGh4cWIgewogIG92ZXJmbG93OiBoaWRkZW47Cn0KLmRodGh4cWMgewogIHdoaXRlLXNwYWNlOiBub3dyYXA7Cn0KLmRodGh4cWQgewogIHRleHQtYWxpZ246IGNlbnRlcjsKfQouZGh0aHhxZSB7CiAgY3Vyc29yOiBwb2ludGVyOwogIC13ZWJraXQtdGFwLWhpZ2hsaWdodC1jb2xvcjogdHJhbnNwYXJlbnQ7Cn0KLmRodGh4cWYgewogIGJveC1zaXppbmc6IGJvcmRlci1ib3g7Cn0KLmRodGh4cWcgewogIGJveC1zaXppbmc6IGNvbnRlbnQtYm94Owp9Ci5kaHRoeHFoIHsKICBhcHBlYXJhbmNlOiBub25lOwogIGJvcmRlcjogMDsKICBwYWRkaW5nOiAwOwogIGJhY2tncm91bmQ6IG5vbmU7Cn0=';\nimport 'src/theme.css.ts.vanilla.css?source=#H4sIAAAAAAAAE+WU30oEIRTG7/cphG4KVhm3hoVZepKI8N/MSKNHjkdaNnr3pqi9qnbmMkRBRH8fHr9POwSgLes+hgerSPFMyjz3E7zwNJXBR65V9oYXz2l0wd2raBG8fWSvG8b4H9v1vDAglGi5gQmwY1d93x8uUNaHH0gctLputuyrC9neXBJSKc0T5BrQOvxNqNmvFcr+5Dom03EpNzo/jNSxW9GiC0spbyCe720n53a3FCV3pJWoBiIIPI/O0XehqKwveS7189RvmxUZMSU5JB+h8pQ0ol2fk53Y/++giCdpIKVwaup2v8I/4my9rNv6Kh/+O7b/8bJMCAAA';\nimport 'src/components/Modal.css.ts.vanilla.css?source=Ll81b3pnOGMzIHsKICB0cmFuc2l0aW9uOiB2YXIoLS1fNW96ZzhjMCk7Cn0KLl81b3pnOGM3IHsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMTAwJSk7Cn0KLl81b3pnOGNkIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zdGFja2Zsb3ctcGx1Z2luLWJhc2ljLXVpLWRpbS1iYWNrZ3JvdW5kLWNvbG9yKTsKICB6LWluZGV4OiB2YXIoLS1fNW96ZzhjMSk7CiAgb3BhY2l0eTogMDsKfQouXzVvemc4YzQgLl81b3pnOGNkLCAuXzVvemc4YzUgLl81b3pnOGNkIHsKICBvcGFjaXR5OiAxOwp9Ci5fNW96ZzhjNiAuXzVvemc4Y2QsIC5fNW96ZzhjNyAuXzVvemc4Y2QgewogIG9wYWNpdHk6IDA7Cn0KLl81b3pnOGNlIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zdGFja2Zsb3ctcGx1Z2luLWJhc2ljLXVpLWJhY2tncm91bmQtY29sb3IpOwogIHdpZHRoOiAxMDAlOwogIG1hcmdpbjogMCAyLjVyZW07CiAgYm94LXNoYWRvdzogMHB4IDAuNjI1cmVtIDIuMzc1cmVtIHJnYmEoMCwgMCwgMCwgMC4xNSksIDBweCAuNTYyNXJlbSAyLjg3NXJlbSByZ2JhKDAsIDAsIDAsIDAuMTIpLCAwcHggLjMxMjVyZW0gLjkzNzVyZW0gcmdiYSgwLCAwLCAwLCAwLjEpOwogIGJvcmRlci1yYWRpdXM6IHZhcigtLXN0YWNrZmxvdy1wbHVnaW4tYmFzaWMtdWktYm90dG9tLXNoZWV0LWJvcmRlci1yYWRpdXMpOwogIHRyYW5zZm9ybTogc2NhbGUoMS4xKTsKICBvcGFjaXR5OiAwOwp9Ci5fNW96ZzhjNCAuXzVvemc4Y2UsIC5fNW96ZzhjNSAuXzVvemc4Y2UgewogIHRyYW5zZm9ybTogc2NhbGUoMSk7CiAgb3BhY2l0eTogMTsKfQouXzVvemc4YzYgLl81b3pnOGNlLCAuXzVvemc4YzcgLl81b3pnOGNlIHsKICB0cmFuc2Zvcm06IHNjYWxlKDEuMSk7CiAgb3BhY2l0eTogMDsKfQ==';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var container = _7a468({defaultClassName:'dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 dhthxqb',variantClassNames:{transitionState:{'enter-active':'_5ozg8c4','enter-done':'_5ozg8c5','exit-active':'_5ozg8c6','exit-done':'_5ozg8c7'}},defaultVariants:{},compoundVariants:[]});\nexport var dim = '_5ozg8cd dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 dhthxqb dhthxq8 dhthxq7 dhthxqa _5ozg8c3';\nexport var enterActive = '_5ozg8c4';\nexport var enterDone = '_5ozg8c5';\nexport var exitActive = '_5ozg8c6';\nexport var exitDone = '_5ozg8c7';\nexport var paper = '_5ozg8ce dhthxqb _5ozg8c3';\nexport var vars = {transitionDuration:'var(--_5ozg8c0)',zIndexes:{dim:'var(--_5ozg8c1)',paper:'var(--_5ozg8c2)'}};"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["src_exports", "__export", "AppScreen_default", "BottomSheet_default", "Modal_default", "basicUIPlugin", "globalVars", "__toCommonJS", "import_dynamic", "import_react", "theme_css_exports", "__export", "android", "cupertino", "globalVars", "rootAndroid", "rootCupertino", "android", "cupertino", "globalVars", "rootAndroid", "rootCupertino", "compactMap", "obj", "acc", "key", "value", "listenOnce", "el", "type", "cb", "listener", "listenResize", "cb", "noop", "requestNextFrame", "cb", "GlobalOptionsContext", "GlobalOptionsProvider", "useGlobalOptions", "basicUIPlugin", "options", "stack", "_a", "_b", "_c", "_d", "_e", "_f", "_g", "React", "theme_css_exports", "compactMap", "globalVars", "import_react", "import_dynamic", "import_react", "useLazy", "value", "state", "setState", "requestNextFrame", "import_react", "useMaxWidth", "outerRef", "innerRef", "enable", "maxWidth", "setMaxWidth", "$outer", "$inner", "noop", "listenResize", "screenWidth", "leftWidth", "centerWidth", "rightWidth", "sideMargin", "import_react", "connections", "useStyleEffect", "styleName", "refs", "effect", "activity", "arr", "i", "connection", "cleanup", "useStyleEffectHide", "refs", "hasEffect", "useStyleEffect", "activityTransitionState", "ref", "OFFSET_PX_ANDROID", "OFFSET_PX_CUPERTINO", "useStyleEffectOffset", "refs", "theme", "hasEffect", "useStyleEffect", "activityTransitionState", "transform", "ref", "requestNextFrame", "$el", "listenOnce", "useStyleEffectSwipeBack", "theme", "dimRef", "edgeRef", "paperRef", "hasEffect", "onSwiped", "useStyleEffect", "refs", "$dim", "$edge", "$paper", "x0", "t0", "x", "cachedRefs", "resetState", "_rAFLock", "movePaper", "dx", "p", "ref", "_a", "OFFSET_PX_CUPERTINO", "resetPaper", "swiped", "listenOnce", "i", "cachedRef", "onTouchStart", "e", "activeElement", "onTouchMove", "onTouchEnd", "t", "import_react", "import_dynamic", "import_react", "IconBack", "props", "React", "IconBack_default", "import_react", "IconClose", "props", "React", "IconClose_default", "import_createRuntimeFn", "appBar", "_7a468", "backButton", "center", "centerMain", "centerText", "closeButton", "left", "right", "import_createRuntimeFn", "appScreen", "_7a468", "dim", "edge", "_7a468", "paper", "_7a468", "vars", "AppBar", "React", "title", "appendLeft", "appendRight", "backButton", "closeButton", "closeButtonLocation", "border", "iconColor", "textColor", "borderColor", "borderSize", "height", "ref", "actions", "activity", "globalOptions", "useGlobalOptions", "centerRef", "maxWidth", "useMaxWidth", "onBackClick", "e", "isRoot", "renderBackButton", "_a", "IconBack_default", "onCloseClick", "_b", "_c", "renderCloseButton", "IconClose_default", "hasLeft", "appBar", "compactMap", "globalVars", "vars", "left", "center", "centerMain", "centerText", "right", "AppBar_default", "AppScreen", "backgroundColor", "dimBackgroundColor", "appBar", "children", "globalOptions", "useGlobalOptions", "activity", "pop", "appScreenRef", "dimRef", "paperRef", "edgeRef", "appBarRef", "useStyleEffectHide", "useStyleEffectOffset", "useStyleEffectSwipeBack", "isRoot", "hasAppBar", "zIndexBase", "zIndexDim", "zIndexPaper", "zIndexEdge", "zIndexAppBar", "transitionState", "lazyTransitionState", "useLazy", "React", "appScreen", "compactMap", "globalVars", "vars", "dim", "paper", "edge", "AppBar_default", "__spreadProps", "__spreadValues", "AppScreen_default", "import_react", "import_dynamic", "import_createRuntimeFn", "container", "_7a468", "dim", "paper", "vars", "BottomSheet", "borderRadius", "backgroundColor", "dimBackgroundColor", "onOutsideClick", "children", "activity", "pop", "containerRef", "paperRef", "useStyleEffect", "popLock", "onDimClick", "e", "onPaperClick", "zIndexBase", "zIndexPaper", "React", "container", "useLazy", "compactMap", "globalVars", "vars", "dim", "paper", "BottomSheet_default", "import_react", "import_dynamic", "import_createRuntimeFn", "container", "_7a468", "dim", "paper", "vars", "Modal", "backgroundColor", "dimBackgroundColor", "borderRadius", "onOutsideClick", "children", "activity", "pop", "containerRef", "paperRef", "useStyleEffect", "popLock", "onDimClick", "e", "onPaperClick", "zIndexBase", "zIndexPaper", "React", "container", "useLazy", "compactMap", "globalVars", "vars", "dim", "paper", "Modal_default"]
|
|
7
7
|
}
|
package/dist/index.mjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var et=Object.defineProperty,Pt=Object.defineProperties;var Tt=Object.getOwnPropertyDescriptors;var Q=Object.getOwnPropertySymbols;var Bt=Object.prototype.hasOwnProperty,Vt=Object.prototype.propertyIsEnumerable;var tt=(t,o,r)=>o in t?et(t,o,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[o]=r,rt=(t,o)=>{for(var r in o||(o={}))Bt.call(o,r)&&tt(t,r,o[r]);if(Q)for(var r of Q(o))Vt.call(o,r)&&tt(t,r,o[r]);return t},ot=(t,o)=>Pt(t,Tt(o));var At=(t,o)=>{for(var r in o)et(t,r,{get:o[r],enumerable:!0})};import{assignInlineVars as $t}from"@vanilla-extract/dynamic";import st,{createContext as Gt,useContext as Wt}from"react";var F={};At(F,{android:()=>Dt,cupertino:()=>Ht,globalVars:()=>c,rootAndroid:()=>Ot,rootCupertino:()=>Ft});var Dt="_1coppmz0",Ht="_1coppmz1",c={backgroundColor:"var(--stackflow-basic-ui-background-color)",dimBackgroundColor:"var(--stackflow-basic-ui-dim-background-color)",appBar:{borderColor:"var(--stackflow-basic-ui-app-bar-border-color)",borderSize:"var(--stackflow-basic-ui-app-bar-border-size)",height:"var(--stackflow-basic-ui-app-bar-height)",iconColor:"var(--stackflow-basic-ui-app-bar-icon-color)",textColor:"var(--stackflow-basic-ui-app-bar-text-color)"},bottomSheet:{borderRadius:"var(--stackflow-basic-ui-bottom-sheet-border-radius)"},modal:{borderRadius:"var(--stackflow-basic-ui-bottom-sheet-border-radius)"}},Ot=":root[data-stackflow-basic-ui-theme=android]",Ft=":root[data-stackflow-basic-ui-theme=cupertino]";function k(t){return Object.entries(t).reduce((o,[r,e])=>(e!=null&&(o[r]=e),o),{})}function T(t,o,r){let e=()=>{t.removeEventListener(o,e),r()};t.addEventListener(o,e)}var at=t=>(t(),window.addEventListener("resize",t),()=>{window.removeEventListener("resize",t)});var nt=()=>{};function B(t){requestAnimationFrame(()=>{requestAnimationFrame(()=>{t()})})}var it=Gt({theme:"android"}),jt=it.Provider;function V(){return Wt(it)}var Xt=t=>()=>({key:"basic-ui",wrapStack({stack:o}){var r,e,a,n,i,l,s;return st.createElement(jt,{value:t},st.createElement("div",{className:typeof window!="undefined"?F[t.theme]:void 0,style:$t(k({[c.backgroundColor]:t.backgroundColor,[c.dimBackgroundColor]:t.dimBackgroundColor,[c.appBar.borderColor]:(r=t.appBar)==null?void 0:r.borderColor,[c.appBar.borderSize]:(e=t.appBar)==null?void 0:e.borderSize,[c.appBar.height]:(a=t.appBar)==null?void 0:a.height,[c.appBar.iconColor]:(n=t.appBar)==null?void 0:n.iconColor,[c.appBar.textColor]:(i=t.appBar)==null?void 0:i.textColor,[c.bottomSheet.borderRadius]:(l=t.bottomSheet)==null?void 0:l.borderRadius,[c.modal.borderRadius]:(s=t.modal)==null?void 0:s.borderRadius}))},o.render()))}});import{useActions as ce,useActivity as le}from"@stackflow/react";import{assignInlineVars as de}from"@vanilla-extract/dynamic";import M,{useRef as w}from"react";import{useEffect as Ut,useState as Yt}from"react";function z(t){let[o,r]=Yt(void 0);return Ut(()=>{B(()=>{r(t)})},[t]),o}import{useEffect as Zt,useState as Jt}from"react";function ct({outerRef:t,innerRef:o,enable:r}){let[e,a]=Jt(void 0);return Zt(()=>{let n=t&&"current"in t&&t.current,i=o.current;return!r||!n||!i?nt:at(()=>{let s=n.clientWidth,d=i.offsetLeft,h=i.clientWidth,x=s-d-h,u=Math.max(d,x);a(s-2*u)})},[]),{maxWidth:e}}import{useActivity as Kt}from"@stackflow/react";import{useEffect as lt}from"react";var L={};function b({styleName:t,refs:o,effect:r}){let e=Kt();lt(()=>(L[t]||(L[t]=new Map),L[t].set(e.zIndex,{refs:o,hasEffect:!!r}),()=>{L[t].delete(e.zIndex)}),[e.id,o,r]),lt(()=>{if(!r)return()=>{};let a=(()=>{let i=[];for(let l=1;l<=e.zIndex;l+=1){let s=L[t].get(e.zIndex-l);if(s!=null&&s.refs&&(i=[...i,...s.refs]),s!=null&&s.hasEffect)break}return i})(),n=r({activityTransitionState:e.transitionState,refs:a});return()=>{n==null||n()}},[e.transitionState])}function dt({refs:t,hasEffect:o}){b({styleName:"hide",refs:t,effect:o?({activityTransitionState:r,refs:e})=>{switch(r){case"enter-done":{e.forEach(a=>{!a.current||(a.current.style.display="none")});break}default:{e.forEach(a=>{!a.current||(a.current.style.display="")});break}}}:void 0})}var Qt=32,A=80;function pt({refs:t,theme:o,hasEffect:r}){b({styleName:"offset",refs:t,effect:r?({activityTransitionState:e,refs:a})=>{let n=o==="cupertino"?`translateX(-${A/16}rem)`:`translateY(-${Qt/16}rem)`;switch(e){case"enter-active":case"enter-done":{a.forEach(i=>{!i.current||(i.current.style.transition="var(--stackflow-transition-duration)",i.current.style.transform=n)});break}case"exit-active":case"exit-done":{B(()=>{a.forEach(i=>{if(!i.current)return;let l=i.current;l.style.transform="",T(l,"transitionend",()=>{l.style.transition=""})})});break}default:break}}:void 0})}function mt({theme:t,dimRef:o,edgeRef:r,paperRef:e,hasEffect:a,onSwiped:n}){b({styleName:"swipe-back",refs:[e],effect:a?({refs:i})=>{if(t!=="cupertino")return()=>{};if(!o.current||!r.current||!e.current)return()=>{};let l=o.current,s=r.current,d=e.current,h=null,x=null,u=null,C=[],f=()=>{h=null,x=null,u=null,C=[]},q=!1;function N(v){q||(q=!0,requestAnimationFrame(()=>{let m=v/d.clientWidth;l.style.opacity=`${1-m}`,l.style.transition="0s",d.style.overflowY="hidden",d.style.transform=`translateX(${v}px)`,d.style.transition="0s",i.forEach(y=>{var p;!y.current||(y.current.style.transform=`translateX(${-1*(1-m)*A}px)`,y.current.style.transition="0s",((p=y.current.parentElement)==null?void 0:p.style.display)==="none"&&(y.current.parentElement.style.display="block"))}),q=!1}))}function I({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)",i.forEach(m=>{!m.current||(m.current.style.transition="var(--stackflow-transition-duration)",m.current.style.transform=`translateX(${v?"0":`-${A/16}rem`})`)}),T(d,"transitionend",()=>{l.style.opacity="",d.style.overflowY="",d.style.transform="",i.forEach((m,y)=>{if(!m.current)return;let p=C[y];v?(m.current.style.transition="",m.current.style.transform="",m.current.parentElement&&(m.current.parentElement.style.display="")):p&&(m.current.style.transition=p.style.transition,m.current.style.transform=p.style.transform,m.current.parentElement&&p.parentElement&&(m.current.parentElement.style.display=p.parentElement.style.display))})})})}let S=v=>{var y;let{activeElement:m}=document;(y=m==null?void 0:m.blur)==null||y.call(m),h=u=v.touches[0].clientX,x=Date.now(),C=i.map(p=>p.current?{style:{transform:p.current.style.transform,transition:p.current.style.transition},parentElement:p.current.parentElement?{style:{display:p.current.parentElement.style.display}}:void 0}:{style:{transform:"",transition:""}})},E=v=>{if(!h){f();return}u=v.touches[0].clientX,N(u-h)},_=()=>{if(!h||!x||!u){f();return}let v=Date.now(),y=(u-h)/(v-x)>1||u/d.clientWidth>.4;y&&(n==null||n()),f(),I({swiped:y})};return s.addEventListener("touchstart",S,{passive:!0}),s.addEventListener("touchmove",E,{passive:!0}),s.addEventListener("touchend",_,{passive:!0}),s.addEventListener("touchcancel",_,{passive:!0}),()=>{s.removeEventListener("touchstart",S),s.removeEventListener("touchmove",E),s.removeEventListener("touchend",_),s.removeEventListener("touchcancel",_)}}:void 0})}import{useActions as oe,useActivity as ae}from"@stackflow/react";import{assignInlineVars as ne}from"@vanilla-extract/dynamic";import g,{useRef as se}from"react";import ft from"react";var te=t=>ft.createElement("svg",{className:t.className,width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},ft.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"})),D=te;import $ from"react";var ee=t=>$.createElement("svg",{className:t.className,width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},$.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"}),$.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"})),G=ee;import{createRuntimeFn as ut}from"@vanilla-extract/recipes/createRuntimeFn";var ht=ut({defaultClassName:"_1yk3a450 dhthxq4 dhthxq8 dhthxq7 dhthxq0 dhthxqg _1dlf4347",variantClassNames:{border:{true:"_1yk3a451"}},defaultVariants:{},compoundVariants:[]}),W="_1yk3a453 dhthxq8 dhthxq7 dhthxqa dhthxqe dhthxqh",xt="_1yk3a455 dhthxq8 dhthxq7",vt=ut({defaultClassName:"_1yk3a456",variantClassNames:{hasLeft:{true:"_1yk3a457"}},defaultVariants:{},compoundVariants:[]}),yt="_1yk3a458 dhthxqb dhthxqc dhthxq0",bt="_1yk3a453 dhthxq8 dhthxq7 dhthxqa dhthxqe dhthxqh",Ct="_1yk3a452 dhthxq8 dhthxq7 dhthxq1",gt="_1yk3a459 dhthxq8 dhthxq7 dhthxq1 dhthxq5";import{createRuntimeFn as j}from"@vanilla-extract/recipes/createRuntimeFn";var Et=j({defaultClassName:"dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 dhthxqb",variantClassNames:{transitionState:{"enter-active":"_1dlf4349","enter-done":"_1dlf434a","exit-active":"_1dlf434b","exit-done":"_1dlf434c"}},defaultVariants:{},compoundVariants:[]});var kt="_1dlf434i dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 _1dlf4346 _1dlf4348",qt=j({defaultClassName:"_1dlf434l dhthxq4 dhthxq2 dhthxq3 dhthxq1",variantClassNames:{hasAppBar:{true:"_1dlf434m"}},defaultVariants:{},compoundVariants:[]});var _t=j({defaultClassName:"_1dlf434j dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 _1dlf4347 _1dlf4348",variantClassNames:{hasAppBar:{true:"_1dlf434k dhthxqf"}},defaultVariants:{},compoundVariants:[]}),R={transitionDuration:"var(--_1dlf4340)",zIndexes:{dim:"var(--_1dlf4341)",paper:"var(--_1dlf4342)",edge:"var(--_1dlf4343)",appBar:"var(--_1dlf4344)"},appBar:{center:{mainWidth:"var(--_1dlf4345)"}}};var ie=g.forwardRef(({title:t,appendLeft:o,appendRight:r,backButton:e,closeButton:a,closeButtonLocation:n="left",border:i=!0,iconColor:l,textColor:s,borderColor:d,borderSize:h,height:x},u)=>{let C=oe(),f=ae(),q=V(),N=se(null),{maxWidth:I}=ct({outerRef:u,innerRef:N,enable:q.theme==="cupertino"}),S=p=>{e&&"onClick"in e&&e.onClick&&e.onClick(p),p.defaultPrevented||C.pop()},E=f.zIndex===0||f.zIndex===1&&f.transitionState==="enter-active"&&f.pushedBy.name==="Replaced",_=()=>{var p;return E?null:e?"render"in e&&e.render?(p=e.render)==null?void 0:p.call(e):g.createElement("button",{type:"button",className:W,onClick:S},"renderIcon"in e&&e.renderIcon?e.renderIcon():g.createElement(D,null)):g.createElement("button",{type:"button",className:W,onClick:S},g.createElement(D,null))},v=p=>{var J,P,K;a&&"onClick"in a&&a.onClick&&a.onClick(p),p.defaultPrevented||(K=(P=(J=q.appBar)==null?void 0:J.closeButton)==null?void 0:P.onClick)==null||K.call(P,p)},m=()=>{var p;return!a&&!((p=q.appBar)!=null&&p.closeButton)||!E?null:a&&"render"in a&&a.render?a.render():g.createElement("button",{type:"button",className:bt,onClick:v},a&&"renderIcon"in a&&a.renderIcon?a.renderIcon():g.createElement(G,null))},y=!!(n==="left"&&a||e||o);return g.createElement("div",{ref:u,className:ht({border:i}),style:ne(k({[c.appBar.iconColor]:l,[c.appBar.textColor]:s,[c.appBar.borderColor]:d,[c.appBar.borderSize]:h,[c.appBar.height]:x,[R.appBar.center.mainWidth]:`${I}px`}))},g.createElement("div",{className:Ct},n==="left"&&m(),_(),o==null?void 0:o()),g.createElement("div",{ref:N,className:xt},g.createElement("div",{className:vt({hasLeft:y})},typeof t=="string"?g.createElement("div",{className:yt},t):t)),g.createElement("div",{className:gt},r==null?void 0:r(),n==="right"&&m()))}),St=ie;var pe=({backgroundColor:t,dimBackgroundColor:o,appBar:r,children:e})=>{let a=V(),n=le(),{pop:i}=ce(),l=w(null),s=w(null),d=w(null),h=w(null),x=w(null);dt({refs:[l],hasEffect:!0}),pt({theme:a.theme,refs:a.theme==="cupertino"?[d]:[d,x],hasEffect:!0}),mt({theme:a.theme,dimRef:s,edgeRef:h,paperRef:d,hasEffect:!0,onSwiped(){i()}});let u=n.zIndex===0,C=!!r,f=n.zIndex*5,q=f,N=f+(a.theme==="cupertino"&&C?1:3),I=f+4,S=f+7,{transitionState:E}=n,_=z(E);return M.createElement("div",{ref:l,className:Et({transitionState:E==="enter-done"||E==="exit-done"?E:_}),style:de(k({[c.backgroundColor]:t,[c.dimBackgroundColor]:o,[c.appBar.height]:r==null?void 0:r.height,[R.zIndexes.dim]:`${q}`,[R.zIndexes.paper]:`${N}`,[R.zIndexes.edge]:`${I}`,[R.zIndexes.appBar]:`${S}`,[R.transitionDuration]:n.transitionState==="enter-active"||n.transitionState==="exit-active"?"var(--stackflow-transition-duration)":"0ms"}))},M.createElement("div",{className:kt,ref:s}),M.createElement("div",{key:n.id,className:_t({hasAppBar:C}),ref:d},e),!u&&a.theme==="cupertino"&&M.createElement("div",{className:qt({hasAppBar:C}),ref:h}),r&&M.createElement(St,ot(rt({},r),{ref:x})))},me=pe;import{useActions as he,useActivity as xe}from"@stackflow/react";import{assignInlineVars as ve}from"@vanilla-extract/dynamic";import X,{useRef as U}from"react";import{createRuntimeFn as fe}from"@vanilla-extract/recipes/createRuntimeFn";var Nt=fe({defaultClassName:"dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 dhthxqb",variantClassNames:{transitionState:{"enter-active":"_1ht38h04","enter-done":"_1ht38h05","exit-active":"_1ht38h06","exit-done":"_1ht38h07"}},defaultVariants:{},compoundVariants:[]}),zt="_1ht38h0d dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 dhthxqb dhthxq9 dhthxq7 _1ht38h03";var It="_1ht38h0e dhthxqb _1ht38h03",H={transitionDuration:"var(--_1ht38h00)",zIndexes:{dim:"var(--_1ht38h01)",paper:"var(--_1ht38h02)"}};var ye=({borderRadius:t="1rem",backgroundColor:o,dimBackgroundColor:r,onOutsideClick:e,children:a})=>{let n=xe(),{pop:i}=he(),l=U(null),s=U(null);b({styleName:"hide",refs:[l]}),b({styleName:"offset",refs:[s]}),b({styleName:"swipe-back",refs:[s]});let d=U(!1),h=f=>{e==null||e(f),!f.defaultPrevented&&(d.current||(d.current=!0,i()))},x=f=>{f.stopPropagation()},u=n.zIndex*5+3,C=n.zIndex*5+4;return X.createElement("div",{className:Nt({transitionState:z(n.transitionState)}),ref:l,style:ve(k({[c.bottomSheet.borderRadius]:t,[c.backgroundColor]:o,[c.dimBackgroundColor]:r,[H.zIndexes.dim]:`${u}`,[H.zIndexes.paper]:`${C}`,[H.transitionDuration]:n.transitionState==="enter-active"||n.transitionState==="exit-active"?"var(--stackflow-transition-duration)":"0ms"}))},X.createElement("div",{className:zt,ref:s,onClick:h},X.createElement("div",{className:It,onClick:x},a)))},be=ye;import{useActions as Ee,useActivity as ke}from"@stackflow/react";import{assignInlineVars as qe}from"@vanilla-extract/dynamic";import Y,{useRef as Z}from"react";import{createRuntimeFn as Ce}from"@vanilla-extract/recipes/createRuntimeFn";var Lt=Ce({defaultClassName:"dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 dhthxqb",variantClassNames:{transitionState:{"enter-active":"_5ozg8c4","enter-done":"_5ozg8c5","exit-active":"_5ozg8c6","exit-done":"_5ozg8c7"}},defaultVariants:{},compoundVariants:[]}),Mt="_5ozg8cd dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 dhthxqb dhthxq8 dhthxq7 dhthxqa _5ozg8c3";var wt="_5ozg8ce dhthxqb _5ozg8c3",O={transitionDuration:"var(--_5ozg8c0)",zIndexes:{dim:"var(--_5ozg8c1)",paper:"var(--_5ozg8c2)"}};var _e=({backgroundColor:t,dimBackgroundColor:o,borderRadius:r="1rem",onOutsideClick:e,children:a})=>{let n=ke(),{pop:i}=Ee(),l=Z(null),s=Z(null);b({styleName:"hide",refs:[l]}),b({styleName:"offset",refs:[s]}),b({styleName:"swipe-back",refs:[s]});let d=Z(!1),h=f=>{e==null||e(f),!f.defaultPrevented&&(d.current||(d.current=!0,i()))},x=f=>{f.stopPropagation()},u=n.zIndex*5+3,C=n.zIndex*5+4;return Y.createElement("div",{className:Lt({transitionState:z(n.transitionState)}),ref:l,style:qe(k({[c.bottomSheet.borderRadius]:r,[c.backgroundColor]:t,[c.dimBackgroundColor]:o,[O.zIndexes.dim]:`${u}`,[O.zIndexes.paper]:`${C}`,[O.transitionDuration]:n.transitionState==="enter-active"||n.transitionState==="exit-active"?"var(--stackflow-transition-duration)":"0ms"}))},Y.createElement("div",{className:Mt,ref:s,onClick:h},Y.createElement("div",{className:wt,onClick:x},a)))},Re=_e;export{me as AppScreen,be as BottomSheet,Re as Modal,Xt as basicUIPlugin,c as cssVars};
|
|
1
|
+
var et=Object.defineProperty,Pt=Object.defineProperties;var Tt=Object.getOwnPropertyDescriptors;var Q=Object.getOwnPropertySymbols;var Bt=Object.prototype.hasOwnProperty,Vt=Object.prototype.propertyIsEnumerable;var tt=(t,o,r)=>o in t?et(t,o,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[o]=r,rt=(t,o)=>{for(var r in o||(o={}))Bt.call(o,r)&&tt(t,r,o[r]);if(Q)for(var r of Q(o))Vt.call(o,r)&&tt(t,r,o[r]);return t},ot=(t,o)=>Pt(t,Tt(o));var At=(t,o)=>{for(var r in o)et(t,r,{get:o[r],enumerable:!0})};import{assignInlineVars as $t}from"@vanilla-extract/dynamic";import st,{createContext as Gt,useContext as Wt}from"react";var F={};At(F,{android:()=>Dt,cupertino:()=>Ht,globalVars:()=>c,rootAndroid:()=>Ot,rootCupertino:()=>Ft});var Dt="_1coppmz0",Ht="_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)"},bottomSheet:{borderRadius:"var(--stackflow-plugin-basic-ui-bottom-sheet-border-radius)"},modal:{borderRadius:"var(--stackflow-plugin-basic-ui-bottom-sheet-border-radius)"}},Ot=":root[data-stackflow-plugin-basic-ui-theme=android]",Ft=":root[data-stackflow-plugin-basic-ui-theme=cupertino]";function k(t){return Object.entries(t).reduce((o,[r,e])=>(e!=null&&(o[r]=e),o),{})}function T(t,o,r){let e=()=>{t.removeEventListener(o,e),r()};t.addEventListener(o,e)}var at=t=>(t(),window.addEventListener("resize",t),()=>{window.removeEventListener("resize",t)});var nt=()=>{};function B(t){requestAnimationFrame(()=>{requestAnimationFrame(()=>{t()})})}var it=Gt({theme:"android"}),jt=it.Provider;function V(){return Wt(it)}var Xt=t=>()=>({key:"basic-ui",wrapStack({stack:o}){var r,e,a,n,i,l,s;return st.createElement(jt,{value:t},st.createElement("div",{className:typeof window!="undefined"?F[t.theme]:void 0,style:$t(k({[c.backgroundColor]:t.backgroundColor,[c.dimBackgroundColor]:t.dimBackgroundColor,[c.appBar.borderColor]:(r=t.appBar)==null?void 0:r.borderColor,[c.appBar.borderSize]:(e=t.appBar)==null?void 0:e.borderSize,[c.appBar.height]:(a=t.appBar)==null?void 0:a.height,[c.appBar.iconColor]:(n=t.appBar)==null?void 0:n.iconColor,[c.appBar.textColor]:(i=t.appBar)==null?void 0:i.textColor,[c.bottomSheet.borderRadius]:(l=t.bottomSheet)==null?void 0:l.borderRadius,[c.modal.borderRadius]:(s=t.modal)==null?void 0:s.borderRadius}))},o.render()))}});import{useActions as ce,useActivity as le}from"@stackflow/react";import{assignInlineVars as de}from"@vanilla-extract/dynamic";import M,{useRef as w}from"react";import{useEffect as Ut,useState as Yt}from"react";function z(t){let[o,r]=Yt(void 0);return Ut(()=>{B(()=>{r(t)})},[t]),o}import{useEffect as Zt,useState as Jt}from"react";function ct({outerRef:t,innerRef:o,enable:r}){let[e,a]=Jt(void 0);return Zt(()=>{let n=t&&"current"in t&&t.current,i=o.current;return!r||!n||!i?nt:at(()=>{let s=n.clientWidth,d=i.offsetLeft,h=i.clientWidth,x=s-d-h,u=Math.max(d,x);a(s-2*u)})},[]),{maxWidth:e}}import{useActivity as Kt}from"@stackflow/react";import{useEffect as lt}from"react";var L={};function b({styleName:t,refs:o,effect:r}){let e=Kt();lt(()=>(L[t]||(L[t]=new Map),L[t].set(e.zIndex,{refs:o,hasEffect:!!r}),()=>{L[t].delete(e.zIndex)}),[e.id,o,r]),lt(()=>{if(!r)return()=>{};let a=(()=>{let i=[];for(let l=1;l<=e.zIndex;l+=1){let s=L[t].get(e.zIndex-l);if(s!=null&&s.refs&&(i=[...i,...s.refs]),s!=null&&s.hasEffect)break}return i})(),n=r({activityTransitionState:e.transitionState,refs:a});return()=>{n==null||n()}},[e.transitionState])}function dt({refs:t,hasEffect:o}){b({styleName:"hide",refs:t,effect:o?({activityTransitionState:r,refs:e})=>{switch(r){case"enter-done":{e.forEach(a=>{!a.current||(a.current.style.display="none")});break}default:{e.forEach(a=>{!a.current||(a.current.style.display="")});break}}}:void 0})}var Qt=32,A=80;function pt({refs:t,theme:o,hasEffect:r}){b({styleName:"offset",refs:t,effect:r?({activityTransitionState:e,refs:a})=>{let n=o==="cupertino"?`translateX(-${A/16}rem)`:`translateY(-${Qt/16}rem)`;switch(e){case"enter-active":case"enter-done":{a.forEach(i=>{!i.current||(i.current.style.transition="var(--stackflow-transition-duration)",i.current.style.transform=n)});break}case"exit-active":case"exit-done":{B(()=>{a.forEach(i=>{if(!i.current)return;let l=i.current;l.style.transform="",T(l,"transitionend",()=>{l.style.transition=""})})});break}default:break}}:void 0})}function mt({theme:t,dimRef:o,edgeRef:r,paperRef:e,hasEffect:a,onSwiped:n}){b({styleName:"swipe-back",refs:[e],effect:a?({refs:i})=>{if(t!=="cupertino")return()=>{};if(!o.current||!r.current||!e.current)return()=>{};let l=o.current,s=r.current,d=e.current,h=null,x=null,u=null,g=[],f=()=>{h=null,x=null,u=null,g=[]},q=!1;function N(v){q||(q=!0,requestAnimationFrame(()=>{let m=v/d.clientWidth;l.style.opacity=`${1-m}`,l.style.transition="0s",d.style.overflowY="hidden",d.style.transform=`translateX(${v}px)`,d.style.transition="0s",i.forEach(y=>{var p;!y.current||(y.current.style.transform=`translateX(${-1*(1-m)*A}px)`,y.current.style.transition="0s",((p=y.current.parentElement)==null?void 0:p.style.display)==="none"&&(y.current.parentElement.style.display="block"))}),q=!1}))}function I({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)",i.forEach(m=>{!m.current||(m.current.style.transition="var(--stackflow-transition-duration)",m.current.style.transform=`translateX(${v?"0":`-${A/16}rem`})`)}),T(d,"transitionend",()=>{l.style.opacity="",d.style.overflowY="",d.style.transform="",i.forEach((m,y)=>{if(!m.current)return;let p=g[y];v?(m.current.style.transition="",m.current.style.transform="",m.current.parentElement&&(m.current.parentElement.style.display="")):p&&(m.current.style.transition=p.style.transition,m.current.style.transform=p.style.transform,m.current.parentElement&&p.parentElement&&(m.current.parentElement.style.display=p.parentElement.style.display))})})})}let S=v=>{var y;let{activeElement:m}=document;(y=m==null?void 0:m.blur)==null||y.call(m),h=u=v.touches[0].clientX,x=Date.now(),g=i.map(p=>p.current?{style:{transform:p.current.style.transform,transition:p.current.style.transition},parentElement:p.current.parentElement?{style:{display:p.current.parentElement.style.display}}:void 0}:{style:{transform:"",transition:""}})},E=v=>{if(!h){f();return}u=v.touches[0].clientX,N(u-h)},_=()=>{if(!h||!x||!u){f();return}let v=Date.now(),y=(u-h)/(v-x)>1||u/d.clientWidth>.4;y&&(n==null||n()),f(),I({swiped:y})};return s.addEventListener("touchstart",S,{passive:!0}),s.addEventListener("touchmove",E,{passive:!0}),s.addEventListener("touchend",_,{passive:!0}),s.addEventListener("touchcancel",_,{passive:!0}),()=>{s.removeEventListener("touchstart",S),s.removeEventListener("touchmove",E),s.removeEventListener("touchend",_),s.removeEventListener("touchcancel",_)}}:void 0})}import{useActions as oe,useActivity as ae}from"@stackflow/react";import{assignInlineVars as ne}from"@vanilla-extract/dynamic";import C,{useRef as se}from"react";import ft from"react";var te=t=>ft.createElement("svg",{className:t.className,width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},ft.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"})),D=te;import $ from"react";var ee=t=>$.createElement("svg",{className:t.className,width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},$.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"}),$.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"})),G=ee;import{createRuntimeFn as ut}from"@vanilla-extract/recipes/createRuntimeFn";var ht=ut({defaultClassName:"_1yk3a450 dhthxq4 dhthxq8 dhthxq7 dhthxq0 dhthxqg _1dlf4347",variantClassNames:{border:{true:"_1yk3a451"}},defaultVariants:{},compoundVariants:[]}),W="_1yk3a453 dhthxq8 dhthxq7 dhthxqa dhthxqe dhthxqh",xt="_1yk3a455 dhthxq8 dhthxq7",vt=ut({defaultClassName:"_1yk3a456",variantClassNames:{hasLeft:{true:"_1yk3a457"}},defaultVariants:{},compoundVariants:[]}),yt="_1yk3a458 dhthxqb dhthxqc dhthxq0",bt="_1yk3a453 dhthxq8 dhthxq7 dhthxqa dhthxqe dhthxqh",gt="_1yk3a452 dhthxq8 dhthxq7 dhthxq1",Ct="_1yk3a459 dhthxq8 dhthxq7 dhthxq1 dhthxq5";import{createRuntimeFn as j}from"@vanilla-extract/recipes/createRuntimeFn";var Et=j({defaultClassName:"dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 dhthxqb",variantClassNames:{transitionState:{"enter-active":"_1dlf4349","enter-done":"_1dlf434a","exit-active":"_1dlf434b","exit-done":"_1dlf434c"}},defaultVariants:{},compoundVariants:[]});var kt="_1dlf434i dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 _1dlf4346 _1dlf4348",qt=j({defaultClassName:"_1dlf434l dhthxq4 dhthxq2 dhthxq3 dhthxq1",variantClassNames:{hasAppBar:{true:"_1dlf434m"}},defaultVariants:{},compoundVariants:[]});var _t=j({defaultClassName:"_1dlf434j dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 _1dlf4347 _1dlf4348",variantClassNames:{hasAppBar:{true:"_1dlf434k dhthxqf"}},defaultVariants:{},compoundVariants:[]}),R={transitionDuration:"var(--_1dlf4340)",zIndexes:{dim:"var(--_1dlf4341)",paper:"var(--_1dlf4342)",edge:"var(--_1dlf4343)",appBar:"var(--_1dlf4344)"},appBar:{center:{mainWidth:"var(--_1dlf4345)"}}};var ie=C.forwardRef(({title:t,appendLeft:o,appendRight:r,backButton:e,closeButton:a,closeButtonLocation:n="left",border:i=!0,iconColor:l,textColor:s,borderColor:d,borderSize:h,height:x},u)=>{let g=oe(),f=ae(),q=V(),N=se(null),{maxWidth:I}=ct({outerRef:u,innerRef:N,enable:q.theme==="cupertino"}),S=p=>{e&&"onClick"in e&&e.onClick&&e.onClick(p),p.defaultPrevented||g.pop()},E=f.zIndex===0||f.zIndex===1&&f.transitionState==="enter-active"&&f.pushedBy.name==="Replaced",_=()=>{var p;return E?null:e?"render"in e&&e.render?(p=e.render)==null?void 0:p.call(e):C.createElement("button",{type:"button",className:W,onClick:S},"renderIcon"in e&&e.renderIcon?e.renderIcon():C.createElement(D,null)):C.createElement("button",{type:"button",className:W,onClick:S},C.createElement(D,null))},v=p=>{var J,P,K;a&&"onClick"in a&&a.onClick&&a.onClick(p),p.defaultPrevented||(K=(P=(J=q.appBar)==null?void 0:J.closeButton)==null?void 0:P.onClick)==null||K.call(P,p)},m=()=>{var p;return!a&&!((p=q.appBar)!=null&&p.closeButton)||!E?null:a&&"render"in a&&a.render?a.render():C.createElement("button",{type:"button",className:bt,onClick:v},a&&"renderIcon"in a&&a.renderIcon?a.renderIcon():C.createElement(G,null))},y=!!(n==="left"&&a||e||o);return C.createElement("div",{ref:u,className:ht({border:i}),style:ne(k({[c.appBar.iconColor]:l,[c.appBar.textColor]:s,[c.appBar.borderColor]:d,[c.appBar.borderSize]:h,[c.appBar.height]:x,[R.appBar.center.mainWidth]:`${I}px`}))},C.createElement("div",{className:gt},n==="left"&&m(),_(),o==null?void 0:o()),C.createElement("div",{ref:N,className:xt},C.createElement("div",{className:vt({hasLeft:y})},typeof t=="string"?C.createElement("div",{className:yt},t):t)),C.createElement("div",{className:Ct},r==null?void 0:r(),n==="right"&&m()))}),St=ie;var pe=({backgroundColor:t,dimBackgroundColor:o,appBar:r,children:e})=>{let a=V(),n=le(),{pop:i}=ce(),l=w(null),s=w(null),d=w(null),h=w(null),x=w(null);dt({refs:[l],hasEffect:!0}),pt({theme:a.theme,refs:a.theme==="cupertino"?[d]:[d,x],hasEffect:!0}),mt({theme:a.theme,dimRef:s,edgeRef:h,paperRef:d,hasEffect:!0,onSwiped(){i()}});let u=n.zIndex===0,g=!!r,f=n.zIndex*5,q=f,N=f+(a.theme==="cupertino"&&g?1:3),I=f+4,S=f+7,{transitionState:E}=n,_=z(E);return M.createElement("div",{ref:l,className:Et({transitionState:E==="enter-done"||E==="exit-done"?E:_}),style:de(k({[c.backgroundColor]:t,[c.dimBackgroundColor]:o,[c.appBar.height]:r==null?void 0:r.height,[R.zIndexes.dim]:`${q}`,[R.zIndexes.paper]:`${N}`,[R.zIndexes.edge]:`${I}`,[R.zIndexes.appBar]:`${S}`,[R.transitionDuration]:n.transitionState==="enter-active"||n.transitionState==="exit-active"?"var(--stackflow-transition-duration)":"0ms"}))},M.createElement("div",{className:kt,ref:s}),M.createElement("div",{key:n.id,className:_t({hasAppBar:g}),ref:d},e),!u&&a.theme==="cupertino"&&M.createElement("div",{className:qt({hasAppBar:g}),ref:h}),r&&M.createElement(St,ot(rt({},r),{ref:x})))},me=pe;import{useActions as he,useActivity as xe}from"@stackflow/react";import{assignInlineVars as ve}from"@vanilla-extract/dynamic";import X,{useRef as U}from"react";import{createRuntimeFn as fe}from"@vanilla-extract/recipes/createRuntimeFn";var Nt=fe({defaultClassName:"dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 dhthxqb",variantClassNames:{transitionState:{"enter-active":"_1ht38h04","enter-done":"_1ht38h05","exit-active":"_1ht38h06","exit-done":"_1ht38h07"}},defaultVariants:{},compoundVariants:[]}),zt="_1ht38h0d dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 dhthxqb dhthxq9 dhthxq7 _1ht38h03";var It="_1ht38h0e dhthxqb _1ht38h03",H={transitionDuration:"var(--_1ht38h00)",zIndexes:{dim:"var(--_1ht38h01)",paper:"var(--_1ht38h02)"}};var ye=({borderRadius:t="1rem",backgroundColor:o,dimBackgroundColor:r,onOutsideClick:e,children:a})=>{let n=xe(),{pop:i}=he(),l=U(null),s=U(null);b({styleName:"hide",refs:[l]}),b({styleName:"offset",refs:[s]}),b({styleName:"swipe-back",refs:[s]});let d=U(!1),h=f=>{e==null||e(f),!f.defaultPrevented&&(d.current||(d.current=!0,i()))},x=f=>{f.stopPropagation()},u=n.zIndex*5+3,g=n.zIndex*5+4;return X.createElement("div",{className:Nt({transitionState:z(n.transitionState)}),ref:l,style:ve(k({[c.bottomSheet.borderRadius]:t,[c.backgroundColor]:o,[c.dimBackgroundColor]:r,[H.zIndexes.dim]:`${u}`,[H.zIndexes.paper]:`${g}`,[H.transitionDuration]:n.transitionState==="enter-active"||n.transitionState==="exit-active"?"var(--stackflow-transition-duration)":"0ms"}))},X.createElement("div",{className:zt,ref:s,onClick:h},X.createElement("div",{className:It,onClick:x},a)))},be=ye;import{useActions as Ee,useActivity as ke}from"@stackflow/react";import{assignInlineVars as qe}from"@vanilla-extract/dynamic";import Y,{useRef as Z}from"react";import{createRuntimeFn as ge}from"@vanilla-extract/recipes/createRuntimeFn";var Lt=ge({defaultClassName:"dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 dhthxqb",variantClassNames:{transitionState:{"enter-active":"_5ozg8c4","enter-done":"_5ozg8c5","exit-active":"_5ozg8c6","exit-done":"_5ozg8c7"}},defaultVariants:{},compoundVariants:[]}),Mt="_5ozg8cd dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 dhthxqb dhthxq8 dhthxq7 dhthxqa _5ozg8c3";var wt="_5ozg8ce dhthxqb _5ozg8c3",O={transitionDuration:"var(--_5ozg8c0)",zIndexes:{dim:"var(--_5ozg8c1)",paper:"var(--_5ozg8c2)"}};var _e=({backgroundColor:t,dimBackgroundColor:o,borderRadius:r="1rem",onOutsideClick:e,children:a})=>{let n=ke(),{pop:i}=Ee(),l=Z(null),s=Z(null);b({styleName:"hide",refs:[l]}),b({styleName:"offset",refs:[s]}),b({styleName:"swipe-back",refs:[s]});let d=Z(!1),h=f=>{e==null||e(f),!f.defaultPrevented&&(d.current||(d.current=!0,i()))},x=f=>{f.stopPropagation()},u=n.zIndex*5+3,g=n.zIndex*5+4;return Y.createElement("div",{className:Lt({transitionState:z(n.transitionState)}),ref:l,style:qe(k({[c.bottomSheet.borderRadius]:r,[c.backgroundColor]:t,[c.dimBackgroundColor]:o,[O.zIndexes.dim]:`${u}`,[O.zIndexes.paper]:`${g}`,[O.transitionDuration]:n.transitionState==="enter-active"||n.transitionState==="exit-active"?"var(--stackflow-transition-duration)":"0ms"}))},Y.createElement("div",{className:Mt,ref:s,onClick:h},Y.createElement("div",{className:wt,onClick:x},a)))},Re=_e;export{me as AppScreen,be as BottomSheet,Re as Modal,Xt as basicUIPlugin,c as cssVars};
|
|
2
2
|
//# sourceMappingURL=index.mjs.map
|
package/dist/index.mjs.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../src/basicUIPlugin.tsx", "../src/theme.css.ts", "../src/utils/compactMap.ts", "../src/utils/listenOnce.ts", "../src/utils/listenResize.ts", "../src/utils/noop.ts", "../src/utils/requestNextFrame.tsx", "../src/components/AppScreen.tsx", "../src/hooks/useLazy.tsx", "../src/hooks/useMaxWidth.ts", "../src/hooks/useStyleEffect.ts", "../src/hooks/useStyleEffectHide.ts", "../src/hooks/useStyleEffectOffset.ts", "../src/hooks/useStyleEffectSwipeBack.ts", "../src/components/AppBar.tsx", "../src/assets/IconBack.tsx", "../src/assets/IconClose.tsx", "../src/components/AppBar.css.ts", "../src/components/AppScreen.css.ts", "../src/components/BottomSheet.tsx", "../src/components/BottomSheet.css.ts", "../src/components/Modal.tsx", "../src/components/Modal.css.ts"],
|
|
4
|
-
"sourcesContent": ["import type { StackflowReactPlugin } from \"@stackflow/react\";\nimport { assignInlineVars } from \"@vanilla-extract/dynamic\";\nimport React, { createContext, useContext } from \"react\";\n\nimport * as theme from \"./theme.css\";\nimport type { RecursivePartial } from \"./utils\";\nimport { compactMap } from \"./utils\";\n\ntype BasicUIPluginOptions = RecursivePartial<theme.GlobalVars> & {\n theme: \"android\" | \"cupertino\";\n appBar?: {\n closeButton?: {\n onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;\n };\n };\n};\n\nconst GlobalOptionsContext = createContext<BasicUIPluginOptions>({\n theme: \"android\",\n});\n\nexport const GlobalOptionsProvider = GlobalOptionsContext.Provider;\n\nexport function useGlobalOptions() {\n return useContext(GlobalOptionsContext);\n}\n\nexport const basicUIPlugin: (\n options: BasicUIPluginOptions,\n) => StackflowReactPlugin = (options) => () => ({\n key: \"basic-ui\",\n wrapStack({ stack }) {\n return (\n <GlobalOptionsProvider value={options}>\n <div\n className={\n typeof window !== \"undefined\" ? theme[options.theme] : undefined\n }\n style={assignInlineVars(\n compactMap({\n [theme.globalVars.backgroundColor]: options.backgroundColor,\n [theme.globalVars.dimBackgroundColor]: options.dimBackgroundColor,\n [theme.globalVars.appBar.borderColor]:\n options.appBar?.borderColor,\n [theme.globalVars.appBar.borderSize]: options.appBar?.borderSize,\n [theme.globalVars.appBar.height]: options.appBar?.height,\n [theme.globalVars.appBar.iconColor]: options.appBar?.iconColor,\n [theme.globalVars.appBar.textColor]: options.appBar?.textColor,\n [theme.globalVars.bottomSheet.borderRadius]:\n options.bottomSheet?.borderRadius,\n [theme.globalVars.modal.borderRadius]:\n options.modal?.borderRadius,\n }),\n )}\n >\n {stack.render()}\n </div>\n </GlobalOptionsProvider>\n );\n },\n});\n", "import 'src/theme.css.ts.vanilla.css?source=#H4sIAAAAAAAAE+WT3UrEMBCF7/cpAt4obEKzWhYiPomI5GfaBjedMJnisuK7W0X3akvrpZUEQsI5h5l8jCFE3grzeTwGy1YWtv6lOeCrdLZEL4couYMED7YPhDE8ibeNEPKSzo0vLeHQB+nxgGTEVdM091PyENMFC7XOXldb8b2Vrm8mE2zO44WkQwpAUwnVfnFCiScwQufjrKGD2HZsxK2qCdKsPHrsz5+y0+O6m/UwHHmpxyEzJlk6AP5phmyIQxnb+SrwfbMEsh8yEMce/wHmStW/AL1T+z9DWj1rjzmnU7V+iisd1jNCvX6Eqx3ED1vu8AteBwAA';\nexport var android = '_1coppmz0';\nexport var cupertino = '_1coppmz1';\nexport var globalVars = {backgroundColor:'var(--stackflow-basic-ui-background-color)',dimBackgroundColor:'var(--stackflow-basic-ui-dim-background-color)',appBar:{borderColor:'var(--stackflow-basic-ui-app-bar-border-color)',borderSize:'var(--stackflow-basic-ui-app-bar-border-size)',height:'var(--stackflow-basic-ui-app-bar-height)',iconColor:'var(--stackflow-basic-ui-app-bar-icon-color)',textColor:'var(--stackflow-basic-ui-app-bar-text-color)'},bottomSheet:{borderRadius:'var(--stackflow-basic-ui-bottom-sheet-border-radius)'},modal:{borderRadius:'var(--stackflow-basic-ui-bottom-sheet-border-radius)'}};\nexport var rootAndroid = ':root[data-stackflow-basic-ui-theme=android]';\nexport var rootCupertino = ':root[data-stackflow-basic-ui-theme=cupertino]';", "export function compactMap<T extends {}>(\n obj: T,\n): {\n [key in keyof T]: NonNullable<T[key]>;\n} {\n return Object.entries(obj).reduce<any>((acc, [key, value]) => {\n if (value !== null && value !== undefined) {\n acc[key] = value;\n }\n\n return acc;\n }, {});\n}\n", "export function listenOnce<T extends HTMLElement>(\n el: T,\n type: keyof HTMLElementEventMap,\n cb: () => void,\n) {\n const listener = () => {\n el.removeEventListener(type, listener);\n cb();\n };\n\n el.addEventListener(type, listener);\n}\n", "export const listenResize = (cb: () => void) => {\n cb();\n window.addEventListener(\"resize\", cb);\n\n return () => {\n window.removeEventListener(\"resize\", cb);\n };\n};\n", "export const noop = () => {};\n", "// https://github.com/MingruiZhang/react-animate-mount/blob/32300c04a4fdfa97724b70aaaf0c0f403d6da247/src/Animate.js#L171-L179\nexport function requestNextFrame(cb: () => void) {\n requestAnimationFrame(() => {\n requestAnimationFrame(() => {\n cb();\n });\n });\n}\n", "/* eslint-disable no-param-reassign */\n\nimport { useActions, useActivity } from \"@stackflow/react\";\nimport { assignInlineVars } from \"@vanilla-extract/dynamic\";\nimport React, { useRef } from \"react\";\n\nimport { useGlobalOptions } from \"../basicUIPlugin\";\nimport {\n useLazy,\n useStyleEffectHide,\n useStyleEffectOffset,\n useStyleEffectSwipeBack,\n} from \"../hooks\";\nimport type { GlobalVars } from \"../theme.css\";\nimport { globalVars } from \"../theme.css\";\nimport type { PropOf } from \"../utils\";\nimport { compactMap } from \"../utils\";\nimport AppBar from \"./AppBar\";\nimport * as css from \"./AppScreen.css\";\n\ntype AppScreenProps = Partial<\n Pick<GlobalVars, \"backgroundColor\" | \"dimBackgroundColor\">\n> & {\n appBar?: Omit<PropOf<typeof AppBar>, \"theme\" | \"ref\" | \"key\">;\n children: React.ReactNode;\n};\nconst AppScreen: React.FC<AppScreenProps> = ({\n backgroundColor,\n dimBackgroundColor,\n appBar,\n children,\n}) => {\n const globalOptions = useGlobalOptions();\n const activity = useActivity();\n const { pop } = useActions();\n\n const appScreenRef = useRef<HTMLDivElement>(null);\n const dimRef = useRef<HTMLDivElement>(null);\n const paperRef = useRef<HTMLDivElement>(null);\n const edgeRef = useRef<HTMLDivElement>(null);\n const appBarRef = useRef<HTMLDivElement>(null);\n\n useStyleEffectHide({\n refs: [appScreenRef],\n hasEffect: true,\n });\n useStyleEffectOffset({\n theme: globalOptions.theme,\n refs:\n globalOptions.theme === \"cupertino\" ? [paperRef] : [paperRef, appBarRef],\n hasEffect: true,\n });\n useStyleEffectSwipeBack({\n theme: globalOptions.theme,\n dimRef,\n edgeRef,\n paperRef,\n hasEffect: true,\n onSwiped() {\n pop();\n },\n });\n\n const isRoot = activity.zIndex === 0;\n const hasAppBar = !!appBar;\n\n const zIndexBase = activity.zIndex * 5;\n const zIndexDim = zIndexBase;\n const zIndexPaper =\n zIndexBase + (globalOptions.theme === \"cupertino\" && hasAppBar ? 1 : 3);\n const zIndexEdge = zIndexBase + 4;\n const zIndexAppBar = zIndexBase + 7;\n\n const { transitionState } = activity;\n const lazyTransitionState = useLazy(transitionState);\n\n return (\n <div\n ref={appScreenRef}\n className={css.appScreen({\n transitionState:\n transitionState === \"enter-done\" || transitionState === \"exit-done\"\n ? transitionState\n : lazyTransitionState,\n })}\n style={assignInlineVars(\n compactMap({\n [globalVars.backgroundColor]: backgroundColor,\n [globalVars.dimBackgroundColor]: dimBackgroundColor,\n [globalVars.appBar.height]: appBar?.height,\n [css.vars.zIndexes.dim]: `${zIndexDim}`,\n [css.vars.zIndexes.paper]: `${zIndexPaper}`,\n [css.vars.zIndexes.edge]: `${zIndexEdge}`,\n [css.vars.zIndexes.appBar]: `${zIndexAppBar}`,\n [css.vars.transitionDuration]:\n activity.transitionState === \"enter-active\" ||\n activity.transitionState === \"exit-active\"\n ? `var(--stackflow-transition-duration)`\n : \"0ms\",\n }),\n )}\n >\n <div className={css.dim} ref={dimRef} />\n <div\n key={activity.id}\n className={css.paper({\n hasAppBar,\n })}\n ref={paperRef}\n >\n {children}\n </div>\n {!isRoot && globalOptions.theme === \"cupertino\" && (\n <div className={css.edge({ hasAppBar })} ref={edgeRef} />\n )}\n {appBar && <AppBar {...appBar} ref={appBarRef} />}\n </div>\n );\n};\n\nexport default AppScreen;\n", "import { useEffect, useState } from \"react\";\n\nimport { requestNextFrame } from \"../utils\";\n\nexport function useLazy<T>(value: T) {\n const [state, setState] = useState<T | undefined>(undefined);\n\n useEffect(() => {\n requestNextFrame(() => {\n setState(value);\n });\n }, [value]);\n\n return state;\n}\n", "import type React from \"react\";\nimport { useEffect, useState } from \"react\";\n\nimport { listenResize, noop } from \"../utils\";\n\nexport function useMaxWidth({\n outerRef,\n innerRef,\n enable,\n}: {\n outerRef: React.ForwardedRef<any>;\n innerRef: React.MutableRefObject<any>;\n enable: boolean;\n}) {\n const [maxWidth, setMaxWidth] = useState<number | undefined>(undefined);\n\n useEffect(() => {\n const $outer = outerRef && \"current\" in outerRef && outerRef.current;\n const $inner = innerRef.current;\n\n if (!enable || !$outer || !$inner) {\n return noop;\n }\n\n const dispose = listenResize(() => {\n const screenWidth = $outer.clientWidth;\n\n const leftWidth = $inner.offsetLeft;\n const centerWidth = $inner.clientWidth;\n const rightWidth = screenWidth - leftWidth - centerWidth;\n\n const sideMargin = Math.max(leftWidth, rightWidth);\n\n setMaxWidth(screenWidth - 2 * sideMargin);\n });\n\n return dispose;\n }, []);\n\n return {\n maxWidth,\n };\n}\n", "import type { ActivityTransitionState } from \"@stackflow/core\";\nimport { useActivity } from \"@stackflow/react\";\nimport type React from \"react\";\nimport { useEffect } from \"react\";\n\nconst connections: {\n [styleName: string]: Map<\n number,\n {\n refs: Array<React.RefObject<any>>;\n hasEffect: boolean;\n }\n >;\n} = {};\n\nexport function useStyleEffect({\n styleName,\n refs,\n effect,\n}: {\n styleName: string;\n refs: Array<React.RefObject<any>>;\n effect?: (params: {\n activityTransitionState: ActivityTransitionState;\n refs: Array<React.RefObject<HTMLElement>>;\n }) => (() => void) | void;\n}) {\n const activity = useActivity();\n\n useEffect(() => {\n if (!connections[styleName]) {\n connections[styleName] = new Map();\n }\n\n connections[styleName].set(activity.zIndex, {\n refs,\n hasEffect: !!effect,\n });\n\n return () => {\n connections[styleName].delete(activity.zIndex);\n };\n }, [activity.id, refs, effect]);\n\n useEffect(() => {\n if (!effect) {\n return () => {};\n }\n\n const refs = (() => {\n let arr: Array<React.RefObject<any>> = [];\n\n for (let i = 1; i <= activity.zIndex; i += 1) {\n const connection = connections[styleName].get(activity.zIndex - i);\n\n if (connection?.refs) {\n arr = [...arr, ...connection.refs];\n }\n if (connection?.hasEffect) {\n break;\n }\n }\n\n return arr;\n })();\n\n const cleanup = effect({\n activityTransitionState: activity.transitionState,\n refs,\n });\n\n return () => {\n cleanup?.();\n };\n }, [activity.transitionState]);\n}\n", "/* eslint-disable no-param-reassign */\n\nimport type React from \"react\";\n\nimport { useStyleEffect } from \"./useStyleEffect\";\n\nexport function useStyleEffectHide({\n refs,\n hasEffect,\n}: {\n refs: Array<React.RefObject<any>>;\n hasEffect?: boolean;\n}) {\n useStyleEffect({\n styleName: \"hide\",\n refs,\n effect: hasEffect\n ? ({ activityTransitionState, refs }) => {\n switch (activityTransitionState) {\n case \"enter-done\": {\n refs.forEach((ref) => {\n if (!ref.current) {\n return;\n }\n\n ref.current.style.display = \"none\";\n });\n break;\n }\n default: {\n refs.forEach((ref) => {\n if (!ref.current) {\n return;\n }\n\n ref.current.style.display = \"\";\n });\n break;\n }\n }\n }\n : undefined,\n });\n}\n", "/* eslint-disable no-param-reassign */\n\nimport { listenOnce, requestNextFrame } from \"../utils\";\nimport { useStyleEffect } from \"./useStyleEffect\";\n\nexport const OFFSET_PX_ANDROID = 32;\nexport const OFFSET_PX_CUPERTINO = 80;\n\nexport function useStyleEffectOffset({\n refs,\n theme,\n hasEffect,\n}: {\n refs: Array<React.RefObject<any>>;\n theme: \"android\" | \"cupertino\";\n hasEffect?: boolean;\n}) {\n useStyleEffect({\n styleName: \"offset\",\n refs,\n effect: hasEffect\n ? ({ activityTransitionState, refs }) => {\n const transform =\n theme === \"cupertino\"\n ? `translateX(-${OFFSET_PX_CUPERTINO / 16}rem)`\n : `translateY(-${OFFSET_PX_ANDROID / 16}rem)`;\n\n switch (activityTransitionState) {\n case \"enter-active\":\n case \"enter-done\": {\n refs.forEach((ref) => {\n if (!ref.current) {\n return;\n }\n\n ref.current.style.transition = `var(--stackflow-transition-duration)`;\n ref.current.style.transform = transform;\n });\n break;\n }\n case \"exit-active\":\n case \"exit-done\": {\n requestNextFrame(() => {\n refs.forEach((ref) => {\n if (!ref.current) {\n return;\n }\n\n const $el = ref.current;\n\n $el.style.transform = \"\";\n\n listenOnce($el, \"transitionend\", () => {\n $el.style.transition = \"\";\n });\n });\n });\n break;\n }\n default: {\n break;\n }\n }\n }\n : undefined,\n });\n}\n", "/* eslint-disable no-param-reassign */\n\nimport { listenOnce } from \"../utils\";\nimport { useStyleEffect } from \"./useStyleEffect\";\nimport { OFFSET_PX_CUPERTINO } from \"./useStyleEffectOffset\";\n\nexport function useStyleEffectSwipeBack({\n theme,\n dimRef,\n edgeRef,\n paperRef,\n hasEffect,\n onSwiped,\n}: {\n theme: \"android\" | \"cupertino\";\n dimRef: React.RefObject<HTMLDivElement>;\n edgeRef: React.RefObject<HTMLDivElement>;\n paperRef: React.RefObject<HTMLDivElement>;\n hasEffect?: boolean;\n onSwiped?: () => void;\n}) {\n useStyleEffect({\n styleName: \"swipe-back\",\n refs: [paperRef],\n effect: hasEffect\n ? ({ refs }) => {\n if (theme !== \"cupertino\") {\n return () => {};\n }\n\n if (!dimRef.current || !edgeRef.current || !paperRef.current) {\n return () => {};\n }\n\n const $dim = dimRef.current;\n const $edge = edgeRef.current;\n const $paper = paperRef.current;\n\n let x0: number | null = null;\n let t0: number | null = null;\n let x: number | null = null;\n\n let cachedRefs: Array<{\n style: {\n transform: string;\n transition: string;\n };\n parentElement?: {\n style: {\n display: string;\n };\n };\n }> = [];\n\n const resetState = () => {\n x0 = null;\n t0 = null;\n x = null;\n cachedRefs = [];\n };\n\n let _rAFLock = false;\n\n function movePaper(dx: number) {\n if (!_rAFLock) {\n _rAFLock = true;\n\n requestAnimationFrame(() => {\n const p = dx / $paper.clientWidth;\n\n $dim.style.opacity = `${1 - p}`;\n $dim.style.transition = \"0s\";\n\n $paper.style.overflowY = \"hidden\";\n $paper.style.transform = `translateX(${dx}px)`;\n $paper.style.transition = \"0s\";\n\n refs.forEach((ref) => {\n if (!ref.current) {\n return;\n }\n\n ref.current.style.transform = `translateX(${\n -1 * (1 - p) * OFFSET_PX_CUPERTINO\n }px)`;\n ref.current.style.transition = \"0s\";\n\n if (ref.current.parentElement?.style.display === \"none\") {\n ref.current.parentElement.style.display = \"block\";\n }\n });\n\n _rAFLock = false;\n });\n }\n }\n\n function resetPaper({ swiped }: { swiped: boolean }) {\n requestAnimationFrame(() => {\n $dim.style.opacity = `${swiped ? 0 : 1}`;\n $dim.style.transition = \"var(--stackflow-transition-duration)\";\n\n $paper.style.overflowY = \"hidden\";\n $paper.style.transform = `translateX(${swiped ? \"100%\" : \"0\"})`;\n $paper.style.transition = \"var(--stackflow-transition-duration)\";\n\n refs.forEach((ref) => {\n if (!ref.current) {\n return;\n }\n\n ref.current.style.transition = `var(--stackflow-transition-duration)`;\n ref.current.style.transform = `translateX(${\n swiped ? \"0\" : `-${OFFSET_PX_CUPERTINO / 16}rem`\n })`;\n });\n\n listenOnce($paper, \"transitionend\", () => {\n $dim.style.opacity = \"\";\n $paper.style.overflowY = \"\";\n $paper.style.transform = \"\";\n\n refs.forEach((ref, i) => {\n if (!ref.current) {\n return;\n }\n\n const cachedRef = cachedRefs[i];\n\n if (swiped) {\n ref.current.style.transition = \"\";\n ref.current.style.transform = \"\";\n\n if (ref.current.parentElement) {\n ref.current.parentElement.style.display = \"\";\n }\n } else if (cachedRef) {\n ref.current.style.transition = cachedRef.style.transition;\n ref.current.style.transform = cachedRef.style.transform;\n\n if (ref.current.parentElement && cachedRef.parentElement) {\n ref.current.parentElement.style.display =\n cachedRef.parentElement.style.display;\n }\n }\n });\n });\n });\n }\n\n const onTouchStart = (e: TouchEvent) => {\n const { activeElement } = document as any;\n\n activeElement?.blur?.();\n // eslint-disable-next-line no-multi-assign\n x0 = x = e.touches[0].clientX;\n t0 = Date.now();\n\n cachedRefs = refs.map((ref) => {\n if (!ref.current) {\n return {\n style: {\n transform: \"\",\n transition: \"\",\n },\n };\n }\n\n return {\n style: {\n transform: ref.current.style.transform,\n transition: ref.current.style.transition,\n },\n parentElement: ref.current.parentElement\n ? {\n style: {\n display: ref.current.parentElement.style.display,\n },\n }\n : undefined,\n };\n });\n };\n\n const onTouchMove = (e: TouchEvent) => {\n if (!x0) {\n resetState();\n return;\n }\n\n x = e.touches[0].clientX;\n\n movePaper(x - x0);\n };\n\n const onTouchEnd = () => {\n if (!x0 || !t0 || !x) {\n resetState();\n return;\n }\n\n const t = Date.now();\n const v = (x - x0) / (t - t0);\n const swiped = v > 1 || x / $paper.clientWidth > 0.4;\n\n if (swiped) {\n onSwiped?.();\n }\n\n resetState();\n resetPaper({ swiped });\n };\n\n $edge.addEventListener(\"touchstart\", onTouchStart, { passive: true });\n $edge.addEventListener(\"touchmove\", onTouchMove, { passive: true });\n $edge.addEventListener(\"touchend\", onTouchEnd, { passive: true });\n $edge.addEventListener(\"touchcancel\", onTouchEnd, { passive: true });\n\n return () => {\n $edge.removeEventListener(\"touchstart\", onTouchStart);\n $edge.removeEventListener(\"touchmove\", onTouchMove);\n $edge.removeEventListener(\"touchend\", onTouchEnd);\n $edge.removeEventListener(\"touchcancel\", onTouchEnd);\n };\n }\n : undefined,\n });\n}\n", "import { useActions, useActivity } from \"@stackflow/react\";\nimport { assignInlineVars } from \"@vanilla-extract/dynamic\";\nimport React, { useRef } from \"react\";\n\nimport { IconBack, IconClose } from \"../assets\";\nimport { useGlobalOptions } from \"../basicUIPlugin\";\nimport { useMaxWidth } from \"../hooks\";\nimport type { GlobalVars } from \"../theme.css\";\nimport { globalVars } from \"../theme.css\";\nimport { compactMap, noop } from \"../utils\";\nimport * as css from \"./AppBar.css\";\nimport * as appScreenCss from \"./AppScreen.css\";\n\ntype AppBarProps = Partial<\n Pick<\n GlobalVars[\"appBar\"],\n \"borderColor\" | \"borderSize\" | \"height\" | \"iconColor\" | \"textColor\"\n >\n> & {\n title?: React.ReactNode;\n appendLeft?: () => React.ReactNode;\n appendRight?: () => React.ReactNode;\n backButton?:\n | {\n renderIcon?: () => React.ReactNode;\n onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;\n }\n | {\n render?: () => React.ReactNode;\n };\n closeButton?:\n | {\n renderIcon?: () => React.ReactNode;\n onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;\n }\n | {\n render?: () => React.ReactNode;\n };\n closeButtonLocation?: \"left\" | \"right\";\n border?: boolean;\n};\nconst AppBar = React.forwardRef<HTMLDivElement, AppBarProps>(\n (\n {\n title,\n appendLeft,\n appendRight,\n backButton,\n closeButton,\n closeButtonLocation = \"left\",\n border = true,\n iconColor,\n textColor,\n borderColor,\n borderSize,\n height,\n },\n ref,\n ) => {\n const actions = useActions();\n const activity = useActivity();\n\n const globalOptions = useGlobalOptions();\n\n const centerRef = useRef<any>(null);\n\n const { maxWidth } = useMaxWidth({\n outerRef: ref,\n innerRef: centerRef,\n enable: globalOptions.theme === \"cupertino\",\n });\n\n const onBackClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n if (backButton && \"onClick\" in backButton && backButton.onClick) {\n backButton.onClick(e);\n }\n\n if (!e.defaultPrevented) {\n actions.pop();\n }\n };\n\n const isRoot =\n activity.zIndex === 0 ||\n (activity.zIndex === 1 &&\n activity.transitionState === \"enter-active\" &&\n activity.pushedBy.name === \"Replaced\");\n\n const renderBackButton = () => {\n if (isRoot) {\n return null;\n }\n\n if (!backButton) {\n return (\n <button\n type=\"button\"\n className={css.backButton}\n onClick={onBackClick}\n >\n <IconBack />\n </button>\n );\n }\n\n if (\"render\" in backButton && backButton.render) {\n return backButton.render?.();\n }\n\n return (\n <button type=\"button\" className={css.backButton} onClick={onBackClick}>\n {\"renderIcon\" in backButton && backButton.renderIcon ? (\n backButton.renderIcon()\n ) : (\n <IconBack />\n )}\n </button>\n );\n };\n\n const onCloseClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n if (closeButton && \"onClick\" in closeButton && closeButton.onClick) {\n closeButton.onClick(e);\n }\n\n if (!e.defaultPrevented) {\n globalOptions.appBar?.closeButton?.onClick?.(e);\n }\n };\n\n const renderCloseButton = () => {\n if ((!closeButton && !globalOptions.appBar?.closeButton) || !isRoot) {\n return null;\n }\n if (closeButton && \"render\" in closeButton && closeButton.render) {\n return closeButton.render();\n }\n\n return (\n <button\n type=\"button\"\n className={css.closeButton}\n onClick={onCloseClick}\n >\n {closeButton &&\n \"renderIcon\" in closeButton &&\n closeButton.renderIcon ? (\n closeButton.renderIcon()\n ) : (\n <IconClose />\n )}\n </button>\n );\n };\n\n const hasLeft = !!(\n (closeButtonLocation === \"left\" && closeButton) ||\n backButton ||\n appendLeft\n );\n\n return (\n <div\n ref={ref}\n className={css.appBar({\n border,\n })}\n style={assignInlineVars(\n compactMap({\n [globalVars.appBar.iconColor]: iconColor,\n [globalVars.appBar.textColor]: textColor,\n [globalVars.appBar.borderColor]: borderColor,\n [globalVars.appBar.borderSize]: borderSize,\n [globalVars.appBar.height]: height,\n [appScreenCss.vars.appBar.center.mainWidth]: `${maxWidth}px`,\n }),\n )}\n >\n <div className={css.left}>\n {closeButtonLocation === \"left\" && renderCloseButton()}\n {renderBackButton()}\n {appendLeft?.()}\n </div>\n <div ref={centerRef} className={css.center}>\n <div\n className={css.centerMain({\n hasLeft,\n })}\n >\n {typeof title === \"string\" ? (\n <div className={css.centerText}>{title}</div>\n ) : (\n title\n )}\n </div>\n </div>\n <div className={css.right}>\n {appendRight?.()}\n {closeButtonLocation === \"right\" && renderCloseButton()}\n </div>\n </div>\n );\n },\n);\n\nexport default AppBar;\n", "import React from \"react\";\n\nconst IconBack: React.FC<{\n className?: string;\n}> = (props) => (\n <svg\n className={props.className}\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n 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\"\n fill=\"currentColor\"\n />\n </svg>\n);\n\nexport default IconBack;\n", "import React from \"react\";\n\nconst IconClose: React.FC<{\n className?: string;\n}> = (props) => (\n <svg\n className={props.className}\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n 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\"\n fill=\"currentColor\"\n />\n <path\n 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\"\n fill=\"currentColor\"\n />\n </svg>\n);\n\nexport default IconClose;\n", "import 'src/styles/f.css.ts.vanilla.css?source=LmRodGh4cTAgewogIHdpZHRoOiAxMDAlOwp9Ci5kaHRoeHExIHsKICBoZWlnaHQ6IDEwMCU7Cn0KLmRodGh4cTIgewogIHRvcDogMDsKfQouZGh0aHhxMyB7CiAgbGVmdDogMDsKfQouZGh0aHhxNCB7CiAgcG9zaXRpb246IGFic29sdXRlOwp9Ci5kaHRoeHE1IHsKICBwb3NpdGlvbjogcmVsYXRpdmU7Cn0KLmRodGh4cTcgewogIGRpc3BsYXk6IGZsZXg7Cn0KLmRodGh4cTggewogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0KLmRodGh4cTkgewogIGFsaWduLWl0ZW1zOiBmbGV4LWVuZDsKfQouZGh0aHhxYSB7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7Cn0KLmRodGh4cWIgewogIG92ZXJmbG93OiBoaWRkZW47Cn0KLmRodGh4cWMgewogIHdoaXRlLXNwYWNlOiBub3dyYXA7Cn0KLmRodGh4cWQgewogIHRleHQtYWxpZ246IGNlbnRlcjsKfQouZGh0aHhxZSB7CiAgY3Vyc29yOiBwb2ludGVyOwogIC13ZWJraXQtdGFwLWhpZ2hsaWdodC1jb2xvcjogdHJhbnNwYXJlbnQ7Cn0KLmRodGh4cWYgewogIGJveC1zaXppbmc6IGJvcmRlci1ib3g7Cn0KLmRodGh4cWcgewogIGJveC1zaXppbmc6IGNvbnRlbnQtYm94Owp9Ci5kaHRoeHFoIHsKICBhcHBlYXJhbmNlOiBub25lOwogIGJvcmRlcjogMDsKICBwYWRkaW5nOiAwOwogIGJhY2tncm91bmQ6IG5vbmU7Cn0=';\nimport 'src/theme.css.ts.vanilla.css?source=#H4sIAAAAAAAAE+WT3UrEMBCF7/cpAt4obEKzWhYiPomI5GfaBjedMJnisuK7W0X3akvrpZUEQsI5h5l8jCFE3grzeTwGy1YWtv6lOeCrdLZEL4couYMED7YPhDE8ibeNEPKSzo0vLeHQB+nxgGTEVdM091PyENMFC7XOXldb8b2Vrm8mE2zO44WkQwpAUwnVfnFCiScwQufjrKGD2HZsxK2qCdKsPHrsz5+y0+O6m/UwHHmpxyEzJlk6AP5phmyIQxnb+SrwfbMEsh8yEMce/wHmStW/AL1T+z9DWj1rjzmnU7V+iisd1jNCvX6Eqx3ED1vu8AteBwAA';\nimport 'src/components/AppScreen.css.ts.vanilla.css?source=#H4sIAAAAAAAAE61VYW+bMBD9nl/hL5OIFkem7brF0f7HpqmaDtsBE2Nbxkm2Vv3vNVCaAKGCrRIfQPf87t0937H+HXO1u7u9u0dPC4QSYPvUmYPmmBllHEVHcBHGpQ+BnTInnEApGT5IzGWB+/DldvG8WLeUX+dSvk/3rabzDnQpvTS6JWrjpAtnZ/jOuII2rwq8+BHFhHzqomWNNhaY9H8pItvw9Yil5uJPP0/cnmTG2uKRoDPJClFnjP/FwcO1An0mCvEdNHdG8gfUy54JmWaeopg4UWw7raNISS3A4dQBl0L7aJ4vK+TSBCKyQq/Pslv+pq/lrRNxBwcTcckojvRMmobLm+BRuLrYEC+ZM0pVXcInkeylx2/RJiR1Gjw3B5a94+VNtw05pS1bQ5KAqzNzWVoFIa02WnTsj88V5NPsZwcrnJfaXFyAfOJlHeTcfEj6zTQlZFQGfIgM+CcZZHbu4QDmV8b/WvKfUT2cowLm2zHUMjDjcsbGZI33ZL41Q0kDY2ZJag7u64MWOA+Tib2xFDFQbHyRgbXhw+FmLS7RZ8SMDriw/ErYCQxOQJjqUviKrVpo/0kv9HGM+aIOVddxktxnofz1zZfXZT2yYW67p4vmXlfypirbXvwa6pKqhYDw5POVgBfwQmEH5wcAAA==';\nimport 'src/components/AppBar.css.ts.vanilla.css?source=#H4sIAAAAAAAAE61Vy47aMBTdz1d4UwmqOnKAwExG3XTRXVfdtKqq0SVxwB3HtmzzrPrvtZ3A4AkRlOku8X2de+4reUp3z2OYZAT9vkNoSdliaXO0Bj3A2FgonisuN3gOhhV4xTAo5X40bhSHj85GQVkyscBWqhwVUjgrYQcGKopBU8BMGGq9tKtNxbpXce/+S7o9YHlKS15NxpOJE/65S57SQipV71OUHDP4gHItpf1RgoVz2O2S1vRjsVJUWybkzxPTkLyShlkmRY5gbiRfWdoN1YCYvzFq10sAYDUIU0ld580nB0u/DVJC3sVJk38OD6LUkpWdlKWCgtldjshjT/zvLr6m9fAobymKq0LOAGwkD2/C2vURw077YfdDgv8ACd4EqTFMg+FcbrFZQik3OQoTgIjaogJ4Mbg4hXOpS6qxYXs6RO8RToeIXJ7d1qqQXOoY0aiZg2ZEXVMgkmSu+LFOTmtld0GzZEZxcEkLKWikNQ7yEOKKbcLc2jjiifus5RWNCamNF25YaZc5GiWjBtrL0holsw7acQ6FZWv6qtuTUV8cYiL7LBhW3C+iNJJMg6RFE09DFrK4NnlLtzYuRmfKp7dOeQTSLxIP7NfKWFbtXExhqXDE+fS8V21PNzSnlZOlLcmVUw6N5p6S9H52IJ8zQfGhAmmSHXU37dtc8vLx0OdsHxqr7UD31LfMr8z43DKf9i7zk4b1KfsH4GwhMLO0Nu54OTaoPkvRiyiUK5idvoaUK6gZd859aTnFZmec3w/ok+Po+QsUX8P/Z6fZIWlKyGuSD/yGKmRN5c6tlQHOwn247Xhfd7QvHOvzTTu7tWlnp1uobUOSjLvDfd9cTV8Quabae3cwOWfKMPOKTyaWVLMu88f3E78PfWsQoRr0gokWFKysjA0v7MYORw+3ctQD0X+4WH8BFY3tFtYJAAA=';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var appBar = _7a468({defaultClassName:'_1yk3a450 dhthxq4 dhthxq8 dhthxq7 dhthxq0 dhthxqg _1dlf4347',variantClassNames:{border:{true:'_1yk3a451'}},defaultVariants:{},compoundVariants:[]});\nexport var backButton = '_1yk3a453 dhthxq8 dhthxq7 dhthxqa dhthxqe dhthxqh';\nexport var center = '_1yk3a455 dhthxq8 dhthxq7';\nexport var centerMain = _7a468({defaultClassName:'_1yk3a456',variantClassNames:{hasLeft:{true:'_1yk3a457'}},defaultVariants:{},compoundVariants:[]});\nexport var centerText = '_1yk3a458 dhthxqb dhthxqc dhthxq0';\nexport var closeButton = '_1yk3a453 dhthxq8 dhthxq7 dhthxqa dhthxqe dhthxqh';\nexport var left = '_1yk3a452 dhthxq8 dhthxq7 dhthxq1';\nexport var right = '_1yk3a459 dhthxq8 dhthxq7 dhthxq1 dhthxq5';", "import 'src/styles/f.css.ts.vanilla.css?source=LmRodGh4cTAgewogIHdpZHRoOiAxMDAlOwp9Ci5kaHRoeHExIHsKICBoZWlnaHQ6IDEwMCU7Cn0KLmRodGh4cTIgewogIHRvcDogMDsKfQouZGh0aHhxMyB7CiAgbGVmdDogMDsKfQouZGh0aHhxNCB7CiAgcG9zaXRpb246IGFic29sdXRlOwp9Ci5kaHRoeHE1IHsKICBwb3NpdGlvbjogcmVsYXRpdmU7Cn0KLmRodGh4cTcgewogIGRpc3BsYXk6IGZsZXg7Cn0KLmRodGh4cTggewogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0KLmRodGh4cTkgewogIGFsaWduLWl0ZW1zOiBmbGV4LWVuZDsKfQouZGh0aHhxYSB7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7Cn0KLmRodGh4cWIgewogIG92ZXJmbG93OiBoaWRkZW47Cn0KLmRodGh4cWMgewogIHdoaXRlLXNwYWNlOiBub3dyYXA7Cn0KLmRodGh4cWQgewogIHRleHQtYWxpZ246IGNlbnRlcjsKfQouZGh0aHhxZSB7CiAgY3Vyc29yOiBwb2ludGVyOwogIC13ZWJraXQtdGFwLWhpZ2hsaWdodC1jb2xvcjogdHJhbnNwYXJlbnQ7Cn0KLmRodGh4cWYgewogIGJveC1zaXppbmc6IGJvcmRlci1ib3g7Cn0KLmRodGh4cWcgewogIGJveC1zaXppbmc6IGNvbnRlbnQtYm94Owp9Ci5kaHRoeHFoIHsKICBhcHBlYXJhbmNlOiBub25lOwogIGJvcmRlcjogMDsKICBwYWRkaW5nOiAwOwogIGJhY2tncm91bmQ6IG5vbmU7Cn0=';\nimport 'src/theme.css.ts.vanilla.css?source=#H4sIAAAAAAAAE+WT3UrEMBCF7/cpAt4obEKzWhYiPomI5GfaBjedMJnisuK7W0X3akvrpZUEQsI5h5l8jCFE3grzeTwGy1YWtv6lOeCrdLZEL4couYMED7YPhDE8ibeNEPKSzo0vLeHQB+nxgGTEVdM091PyENMFC7XOXldb8b2Vrm8mE2zO44WkQwpAUwnVfnFCiScwQufjrKGD2HZsxK2qCdKsPHrsz5+y0+O6m/UwHHmpxyEzJlk6AP5phmyIQxnb+SrwfbMEsh8yEMce/wHmStW/AL1T+z9DWj1rjzmnU7V+iisd1jNCvX6Eqx3ED1vu8AteBwAA';\nimport 'src/components/AppScreen.css.ts.vanilla.css?source=#H4sIAAAAAAAAE61VYW+bMBD9nl/hL5OIFkem7brF0f7HpqmaDtsBE2Nbxkm2Vv3vNVCaAKGCrRIfQPf87t0937H+HXO1u7u9u0dPC4QSYPvUmYPmmBllHEVHcBHGpQ+BnTInnEApGT5IzGWB+/DldvG8WLeUX+dSvk/3rabzDnQpvTS6JWrjpAtnZ/jOuII2rwq8+BHFhHzqomWNNhaY9H8pItvw9Yil5uJPP0/cnmTG2uKRoDPJClFnjP/FwcO1An0mCvEdNHdG8gfUy54JmWaeopg4UWw7raNISS3A4dQBl0L7aJ4vK+TSBCKyQq/Pslv+pq/lrRNxBwcTcckojvRMmobLm+BRuLrYEC+ZM0pVXcInkeylx2/RJiR1Gjw3B5a94+VNtw05pS1bQ5KAqzNzWVoFIa02WnTsj88V5NPsZwcrnJfaXFyAfOJlHeTcfEj6zTQlZFQGfIgM+CcZZHbu4QDmV8b/WvKfUT2cowLm2zHUMjDjcsbGZI33ZL41Q0kDY2ZJag7u64MWOA+Tib2xFDFQbHyRgbXhw+FmLS7RZ8SMDriw/ErYCQxOQJjqUviKrVpo/0kv9HGM+aIOVddxktxnofz1zZfXZT2yYW67p4vmXlfypirbXvwa6pKqhYDw5POVgBfwQmEH5wcAAA==';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var allTransitions = '_1dlf4348';\nexport var appScreen = _7a468({defaultClassName:'dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 dhthxqb',variantClassNames:{transitionState:{'enter-active':'_1dlf4349','enter-done':'_1dlf434a','exit-active':'_1dlf434b','exit-done':'_1dlf434c'}},defaultVariants:{},compoundVariants:[]});\nexport var background = '_1dlf4347';\nexport var dim = '_1dlf434i dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 _1dlf4346 _1dlf4348';\nexport var edge = _7a468({defaultClassName:'_1dlf434l dhthxq4 dhthxq2 dhthxq3 dhthxq1',variantClassNames:{hasAppBar:{true:'_1dlf434m'}},defaultVariants:{},compoundVariants:[]});\nexport var enterActive = '_1dlf4349';\nexport var enterDone = '_1dlf434a';\nexport var exitActive = '_1dlf434b';\nexport var exitDone = '_1dlf434c';\nexport var paper = _7a468({defaultClassName:'_1dlf434j dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 _1dlf4347 _1dlf4348',variantClassNames:{hasAppBar:{true:'_1dlf434k dhthxqf'}},defaultVariants:{},compoundVariants:[]});\nexport var vars = {transitionDuration:'var(--_1dlf4340)',zIndexes:{dim:'var(--_1dlf4341)',paper:'var(--_1dlf4342)',edge:'var(--_1dlf4343)',appBar:'var(--_1dlf4344)'},appBar:{center:{mainWidth:'var(--_1dlf4345)'}}};", "/* eslint-disable jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events */\n\nimport { useActions, useActivity } from \"@stackflow/react\";\nimport { assignInlineVars } from \"@vanilla-extract/dynamic\";\nimport React, { useRef } from \"react\";\n\nimport { useLazy, useStyleEffect } from \"../hooks\";\nimport type { GlobalVars } from \"../theme.css\";\nimport { globalVars } from \"../theme.css\";\nimport { compactMap } from \"../utils\";\nimport * as css from \"./BottomSheet.css\";\n\ntype BottomSheetProps = Partial<\n Pick<GlobalVars, \"backgroundColor\" | \"dimBackgroundColor\">\n> &\n Partial<GlobalVars[\"bottomSheet\"]> & {\n onOutsideClick?: React.MouseEventHandler;\n children: React.ReactNode;\n };\nconst BottomSheet: React.FC<BottomSheetProps> = ({\n borderRadius = \"1rem\",\n backgroundColor,\n dimBackgroundColor,\n onOutsideClick,\n children,\n}) => {\n const activity = useActivity();\n const { pop } = useActions();\n\n const containerRef = useRef<HTMLDivElement>(null);\n const paperRef = useRef<HTMLDivElement>(null);\n\n useStyleEffect({\n styleName: \"hide\",\n refs: [containerRef],\n });\n useStyleEffect({\n styleName: \"offset\",\n refs: [paperRef],\n });\n useStyleEffect({\n styleName: \"swipe-back\",\n refs: [paperRef],\n });\n\n const popLock = useRef(false);\n\n const onDimClick: React.MouseEventHandler = (e) => {\n onOutsideClick?.(e);\n\n if (e.defaultPrevented) {\n return;\n }\n\n if (popLock.current) {\n return;\n }\n popLock.current = true;\n\n pop();\n };\n const onPaperClick: React.MouseEventHandler = (e) => {\n e.stopPropagation();\n };\n\n const zIndexBase = activity.zIndex * 5 + 3;\n const zIndexPaper = activity.zIndex * 5 + 4;\n\n return (\n <div\n className={css.container({\n transitionState: useLazy(activity.transitionState),\n })}\n ref={containerRef}\n style={assignInlineVars(\n compactMap({\n [globalVars.bottomSheet.borderRadius]: borderRadius,\n [globalVars.backgroundColor]: backgroundColor,\n [globalVars.dimBackgroundColor]: dimBackgroundColor,\n [css.vars.zIndexes.dim]: `${zIndexBase}`,\n [css.vars.zIndexes.paper]: `${zIndexPaper}`,\n [css.vars.transitionDuration]:\n activity.transitionState === \"enter-active\" ||\n activity.transitionState === \"exit-active\"\n ? `var(--stackflow-transition-duration)`\n : \"0ms\",\n }),\n )}\n >\n <div className={css.dim} ref={paperRef} onClick={onDimClick}>\n <div className={css.paper} onClick={onPaperClick}>\n {children}\n </div>\n </div>\n </div>\n );\n};\n\nexport default BottomSheet;\n", "import 'src/styles/f.css.ts.vanilla.css?source=LmRodGh4cTAgewogIHdpZHRoOiAxMDAlOwp9Ci5kaHRoeHExIHsKICBoZWlnaHQ6IDEwMCU7Cn0KLmRodGh4cTIgewogIHRvcDogMDsKfQouZGh0aHhxMyB7CiAgbGVmdDogMDsKfQouZGh0aHhxNCB7CiAgcG9zaXRpb246IGFic29sdXRlOwp9Ci5kaHRoeHE1IHsKICBwb3NpdGlvbjogcmVsYXRpdmU7Cn0KLmRodGh4cTcgewogIGRpc3BsYXk6IGZsZXg7Cn0KLmRodGh4cTggewogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0KLmRodGh4cTkgewogIGFsaWduLWl0ZW1zOiBmbGV4LWVuZDsKfQouZGh0aHhxYSB7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7Cn0KLmRodGh4cWIgewogIG92ZXJmbG93OiBoaWRkZW47Cn0KLmRodGh4cWMgewogIHdoaXRlLXNwYWNlOiBub3dyYXA7Cn0KLmRodGh4cWQgewogIHRleHQtYWxpZ246IGNlbnRlcjsKfQouZGh0aHhxZSB7CiAgY3Vyc29yOiBwb2ludGVyOwogIC13ZWJraXQtdGFwLWhpZ2hsaWdodC1jb2xvcjogdHJhbnNwYXJlbnQ7Cn0KLmRodGh4cWYgewogIGJveC1zaXppbmc6IGJvcmRlci1ib3g7Cn0KLmRodGh4cWcgewogIGJveC1zaXppbmc6IGNvbnRlbnQtYm94Owp9Ci5kaHRoeHFoIHsKICBhcHBlYXJhbmNlOiBub25lOwogIGJvcmRlcjogMDsKICBwYWRkaW5nOiAwOwogIGJhY2tncm91bmQ6IG5vbmU7Cn0=';\nimport 'src/theme.css.ts.vanilla.css?source=#H4sIAAAAAAAAE+WT3UrEMBCF7/cpAt4obEKzWhYiPomI5GfaBjedMJnisuK7W0X3akvrpZUEQsI5h5l8jCFE3grzeTwGy1YWtv6lOeCrdLZEL4couYMED7YPhDE8ibeNEPKSzo0vLeHQB+nxgGTEVdM091PyENMFC7XOXldb8b2Vrm8mE2zO44WkQwpAUwnVfnFCiScwQufjrKGD2HZsxK2qCdKsPHrsz5+y0+O6m/UwHHmpxyEzJlk6AP5phmyIQxnb+SrwfbMEsh8yEMce/wHmStW/AL1T+z9DWj1rjzmnU7V+iisd1jNCvX6Eqx3ED1vu8AteBwAA';\nimport 'src/components/BottomSheet.css.ts.vanilla.css?source=Ll8xaHQzOGgwMyB7CiAgdHJhbnNpdGlvbjogdmFyKC0tXzFodDM4aDAwKTsKfQouXzFodDM4aDA3IHsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMTAwJSk7Cn0KLl8xaHQzOGgwZCB7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc3RhY2tmbG93LWJhc2ljLXVpLWRpbS1iYWNrZ3JvdW5kLWNvbG9yKTsKICB6LWluZGV4OiB2YXIoLS1fMWh0MzhoMDEpOwogIG9wYWNpdHk6IDA7Cn0KLl8xaHQzOGgwNCAuXzFodDM4aDBkLCAuXzFodDM4aDA1IC5fMWh0MzhoMGQgewogIG9wYWNpdHk6IDE7Cn0KLl8xaHQzOGgwNiAuXzFodDM4aDBkLCAuXzFodDM4aDA3IC5fMWh0MzhoMGQgewogIG9wYWNpdHk6IDA7Cn0KLl8xaHQzOGgwZSB7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc3RhY2tmbG93LWJhc2ljLXVpLWJhY2tncm91bmQtY29sb3IpOwogIHdpZHRoOiAxMDAlOwogIGJvcmRlci1yYWRpdXM6IHZhcigtLXN0YWNrZmxvdy1iYXNpYy11aS1ib3R0b20tc2hlZXQtYm9yZGVyLXJhZGl1cykgdmFyKC0tc3RhY2tmbG93LWJhc2ljLXVpLWJvdHRvbS1zaGVldC1ib3JkZXItcmFkaXVzKSAwIDA7CiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMCUpOwogIG9wYWNpdHk6IDA7Cn0KLl8xaHQzOGgwNCAuXzFodDM4aDBlLCAuXzFodDM4aDA1IC5fMWh0MzhoMGUgewogIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwKTsKICBvcGFjaXR5OiAxOwp9Ci5fMWh0MzhoMDYgLl8xaHQzOGgwZSwgLl8xaHQzOGgwNyAuXzFodDM4aDBlIHsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwJSk7CiAgb3BhY2l0eTogMDsKfQ==';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var container = _7a468({defaultClassName:'dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 dhthxqb',variantClassNames:{transitionState:{'enter-active':'_1ht38h04','enter-done':'_1ht38h05','exit-active':'_1ht38h06','exit-done':'_1ht38h07'}},defaultVariants:{},compoundVariants:[]});\nexport var dim = '_1ht38h0d dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 dhthxqb dhthxq9 dhthxq7 _1ht38h03';\nexport var enterActive = '_1ht38h04';\nexport var enterDone = '_1ht38h05';\nexport var exitActive = '_1ht38h06';\nexport var exitDone = '_1ht38h07';\nexport var paper = '_1ht38h0e dhthxqb _1ht38h03';\nexport var vars = {transitionDuration:'var(--_1ht38h00)',zIndexes:{dim:'var(--_1ht38h01)',paper:'var(--_1ht38h02)'}};", "/* eslint-disable jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events */\n\nimport { useActions, useActivity } from \"@stackflow/react\";\nimport { assignInlineVars } from \"@vanilla-extract/dynamic\";\nimport React, { useRef } from \"react\";\n\nimport { useLazy, useStyleEffect } from \"../hooks\";\nimport type { GlobalVars } from \"../theme.css\";\nimport { globalVars } from \"../theme.css\";\nimport { compactMap } from \"../utils\";\nimport * as css from \"./Modal.css\";\n\ntype ModalProps = Partial<\n Pick<GlobalVars, \"backgroundColor\" | \"dimBackgroundColor\">\n> &\n Partial<GlobalVars[\"modal\"]> & {\n onOutsideClick?: React.MouseEventHandler;\n children: React.ReactNode;\n };\nconst Modal: React.FC<ModalProps> = ({\n backgroundColor,\n dimBackgroundColor,\n borderRadius = \"1rem\",\n onOutsideClick,\n children,\n}) => {\n const activity = useActivity();\n const { pop } = useActions();\n\n const containerRef = useRef<HTMLDivElement>(null);\n const paperRef = useRef<HTMLDivElement>(null);\n\n useStyleEffect({\n styleName: \"hide\",\n refs: [containerRef],\n });\n useStyleEffect({\n styleName: \"offset\",\n refs: [paperRef],\n });\n useStyleEffect({\n styleName: \"swipe-back\",\n refs: [paperRef],\n });\n\n const popLock = useRef(false);\n\n const onDimClick: React.MouseEventHandler = (e) => {\n onOutsideClick?.(e);\n\n if (e.defaultPrevented) {\n return;\n }\n\n if (popLock.current) {\n return;\n }\n popLock.current = true;\n\n pop();\n };\n const onPaperClick: React.MouseEventHandler = (e) => {\n e.stopPropagation();\n };\n\n const zIndexBase = activity.zIndex * 5 + 3;\n const zIndexPaper = activity.zIndex * 5 + 4;\n\n return (\n <div\n className={css.container({\n transitionState: useLazy(activity.transitionState),\n })}\n ref={containerRef}\n style={assignInlineVars(\n compactMap({\n [globalVars.bottomSheet.borderRadius]: borderRadius,\n [globalVars.backgroundColor]: backgroundColor,\n [globalVars.dimBackgroundColor]: dimBackgroundColor,\n [css.vars.zIndexes.dim]: `${zIndexBase}`,\n [css.vars.zIndexes.paper]: `${zIndexPaper}`,\n [css.vars.transitionDuration]:\n activity.transitionState === \"enter-active\" ||\n activity.transitionState === \"exit-active\"\n ? `var(--stackflow-transition-duration)`\n : \"0ms\",\n }),\n )}\n >\n <div className={css.dim} ref={paperRef} onClick={onDimClick}>\n <div className={css.paper} onClick={onPaperClick}>\n {children}\n </div>\n </div>\n </div>\n );\n};\n\nexport default Modal;\n", "import 'src/styles/f.css.ts.vanilla.css?source=LmRodGh4cTAgewogIHdpZHRoOiAxMDAlOwp9Ci5kaHRoeHExIHsKICBoZWlnaHQ6IDEwMCU7Cn0KLmRodGh4cTIgewogIHRvcDogMDsKfQouZGh0aHhxMyB7CiAgbGVmdDogMDsKfQouZGh0aHhxNCB7CiAgcG9zaXRpb246IGFic29sdXRlOwp9Ci5kaHRoeHE1IHsKICBwb3NpdGlvbjogcmVsYXRpdmU7Cn0KLmRodGh4cTcgewogIGRpc3BsYXk6IGZsZXg7Cn0KLmRodGh4cTggewogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0KLmRodGh4cTkgewogIGFsaWduLWl0ZW1zOiBmbGV4LWVuZDsKfQouZGh0aHhxYSB7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7Cn0KLmRodGh4cWIgewogIG92ZXJmbG93OiBoaWRkZW47Cn0KLmRodGh4cWMgewogIHdoaXRlLXNwYWNlOiBub3dyYXA7Cn0KLmRodGh4cWQgewogIHRleHQtYWxpZ246IGNlbnRlcjsKfQouZGh0aHhxZSB7CiAgY3Vyc29yOiBwb2ludGVyOwogIC13ZWJraXQtdGFwLWhpZ2hsaWdodC1jb2xvcjogdHJhbnNwYXJlbnQ7Cn0KLmRodGh4cWYgewogIGJveC1zaXppbmc6IGJvcmRlci1ib3g7Cn0KLmRodGh4cWcgewogIGJveC1zaXppbmc6IGNvbnRlbnQtYm94Owp9Ci5kaHRoeHFoIHsKICBhcHBlYXJhbmNlOiBub25lOwogIGJvcmRlcjogMDsKICBwYWRkaW5nOiAwOwogIGJhY2tncm91bmQ6IG5vbmU7Cn0=';\nimport 'src/theme.css.ts.vanilla.css?source=#H4sIAAAAAAAAE+WT3UrEMBCF7/cpAt4obEKzWhYiPomI5GfaBjedMJnisuK7W0X3akvrpZUEQsI5h5l8jCFE3grzeTwGy1YWtv6lOeCrdLZEL4couYMED7YPhDE8ibeNEPKSzo0vLeHQB+nxgGTEVdM091PyENMFC7XOXldb8b2Vrm8mE2zO44WkQwpAUwnVfnFCiScwQufjrKGD2HZsxK2qCdKsPHrsz5+y0+O6m/UwHHmpxyEzJlk6AP5phmyIQxnb+SrwfbMEsh8yEMce/wHmStW/AL1T+z9DWj1rjzmnU7V+iisd1jNCvX6Eqx3ED1vu8AteBwAA';\nimport 'src/components/Modal.css.ts.vanilla.css?source=Ll81b3pnOGMzIHsKICB0cmFuc2l0aW9uOiB2YXIoLS1fNW96ZzhjMCk7Cn0KLl81b3pnOGM3IHsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMTAwJSk7Cn0KLl81b3pnOGNkIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zdGFja2Zsb3ctYmFzaWMtdWktZGltLWJhY2tncm91bmQtY29sb3IpOwogIHotaW5kZXg6IHZhcigtLV81b3pnOGMxKTsKICBvcGFjaXR5OiAwOwp9Ci5fNW96ZzhjNCAuXzVvemc4Y2QsIC5fNW96ZzhjNSAuXzVvemc4Y2QgewogIG9wYWNpdHk6IDE7Cn0KLl81b3pnOGM2IC5fNW96ZzhjZCwgLl81b3pnOGM3IC5fNW96ZzhjZCB7CiAgb3BhY2l0eTogMDsKfQouXzVvemc4Y2UgewogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXN0YWNrZmxvdy1iYXNpYy11aS1iYWNrZ3JvdW5kLWNvbG9yKTsKICB3aWR0aDogMTAwJTsKICBtYXJnaW46IDAgMi41cmVtOwogIGJveC1zaGFkb3c6IDBweCAwLjYyNXJlbSAyLjM3NXJlbSByZ2JhKDAsIDAsIDAsIDAuMTUpLCAwcHggLjU2MjVyZW0gMi44NzVyZW0gcmdiYSgwLCAwLCAwLCAwLjEyKSwgMHB4IC4zMTI1cmVtIC45Mzc1cmVtIHJnYmEoMCwgMCwgMCwgMC4xKTsKICBib3JkZXItcmFkaXVzOiB2YXIoLS1zdGFja2Zsb3ctYmFzaWMtdWktYm90dG9tLXNoZWV0LWJvcmRlci1yYWRpdXMpOwogIHRyYW5zZm9ybTogc2NhbGUoMS4xKTsKICBvcGFjaXR5OiAwOwp9Ci5fNW96ZzhjNCAuXzVvemc4Y2UsIC5fNW96ZzhjNSAuXzVvemc4Y2UgewogIHRyYW5zZm9ybTogc2NhbGUoMSk7CiAgb3BhY2l0eTogMTsKfQouXzVvemc4YzYgLl81b3pnOGNlLCAuXzVvemc4YzcgLl81b3pnOGNlIHsKICB0cmFuc2Zvcm06IHNjYWxlKDEuMSk7CiAgb3BhY2l0eTogMDsKfQ==';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var container = _7a468({defaultClassName:'dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 dhthxqb',variantClassNames:{transitionState:{'enter-active':'_5ozg8c4','enter-done':'_5ozg8c5','exit-active':'_5ozg8c6','exit-done':'_5ozg8c7'}},defaultVariants:{},compoundVariants:[]});\nexport var dim = '_5ozg8cd dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 dhthxqb dhthxq8 dhthxq7 dhthxqa _5ozg8c3';\nexport var enterActive = '_5ozg8c4';\nexport var enterDone = '_5ozg8c5';\nexport var exitActive = '_5ozg8c6';\nexport var exitDone = '_5ozg8c7';\nexport var paper = '_5ozg8ce dhthxqb _5ozg8c3';\nexport var vars = {transitionDuration:'var(--_5ozg8c0)',zIndexes:{dim:'var(--_5ozg8c1)',paper:'var(--_5ozg8c2)'}};"],
|
|
5
|
-
"mappings": "4fACA,OAAS,oBAAAA,OAAwB,2BACjC,OAAOC,IAAS,iBAAAC,GAAe,cAAAC,OAAkB,QCFjD,IAAAC,EAAA,GAAAC,GAAAD,EAAA,aAAAE,GAAA,cAAAC,GAAA,eAAAC,EAAA,gBAAAC,GAAA,kBAAAC,KACO,IAAIC,GAAU,YACVC,GAAY,YACZC,EAAa,CAAC,gBAAgB,6CAA6C,mBAAmB,iDAAiD,OAAO,CAAC,YAAY,iDAAiD,WAAW,gDAAgD,OAAO,2CAA2C,UAAU,+CAA+C,UAAU,8CAA8C,EAAE,YAAY,CAAC,aAAa,sDAAsD,EAAE,MAAM,CAAC,aAAa,sDAAsD,CAAC,EACjlBC,GAAc,+CACdC,GAAgB,iDCLpB,SAASC,EACdC,EAGA,CACA,OAAO,OAAO,QAAQA,CAAG,EAAE,OAAY,CAACC,EAAK,CAACC,EAAKC,CAAK,KAClDA,GAAU,OACZF,EAAIC,GAAOC,GAGNF,GACN,CAAC,CAAC,CACP,CCZO,SAASG,EACdC,EACAC,EACAC,EACA,CACA,IAAMC,EAAW,IAAM,CACrBH,EAAG,oBAAoBC,EAAME,CAAQ,EACrCD,EAAG,CACL,EAEAF,EAAG,iBAAiBC,EAAME,CAAQ,CACpC,CCXO,IAAMC,GAAgBC,IAC3BA,EAAG,EACH,OAAO,iBAAiB,SAAUA,CAAE,EAE7B,IAAM,CACX,OAAO,oBAAoB,SAAUA,CAAE,CACzC,GCNK,IAAMC,GAAO,IAAM,CAAC,ECCpB,SAASC,EAAiBC,EAAgB,CAC/C,sBAAsB,IAAM,CAC1B,sBAAsB,IAAM,CAC1BA,EAAG,CACL,CAAC,CACH,CAAC,CACH,CNUA,IAAMC,GAAuBC,GAAoC,CAC/D,MAAO,SACT,CAAC,EAEYC,GAAwBF,GAAqB,SAEnD,SAASG,GAAmB,CACjC,OAAOC,GAAWJ,EAAoB,CACxC,CAEO,IAAMK,GAEgBC,GAAY,KAAO,CAC9C,IAAK,WACL,UAAU,CAAE,MAAAC,CAAM,EAAG,CA/BvB,IAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAgCI,OACEC,GAAA,cAACb,GAAA,CAAsB,MAAOI,GAC5BS,GAAA,cAAC,OACC,UACE,OAAO,QAAW,YAAcC,EAAMV,EAAQ,OAAS,OAEzD,MAAOW,GACLC,EAAW,CACT,CAAOC,EAAW,iBAAkBb,EAAQ,gBAC5C,CAAOa,EAAW,oBAAqBb,EAAQ,mBAC/C,CAAOa,EAAW,OAAO,cACvBX,EAAAF,EAAQ,SAAR,YAAAE,EAAgB,YAClB,CAAOW,EAAW,OAAO,aAAaV,EAAAH,EAAQ,SAAR,YAAAG,EAAgB,WACtD,CAAOU,EAAW,OAAO,SAAST,EAAAJ,EAAQ,SAAR,YAAAI,EAAgB,OAClD,CAAOS,EAAW,OAAO,YAAYR,EAAAL,EAAQ,SAAR,YAAAK,EAAgB,UACrD,CAAOQ,EAAW,OAAO,YAAYP,EAAAN,EAAQ,SAAR,YAAAM,EAAgB,UACrD,CAAOO,EAAW,YAAY,eAC5BN,EAAAP,EAAQ,cAAR,YAAAO,EAAqB,aACvB,CAAOM,EAAW,MAAM,eACtBL,EAAAR,EAAQ,QAAR,YAAAQ,EAAe,YACnB,CAAC,CACH,GAECP,EAAM,OAAO,CAChB,CACF,CAEJ,CACF,GO1DA,OAAS,cAAAa,GAAY,eAAAC,OAAmB,mBACxC,OAAS,oBAAAC,OAAwB,2BACjC,OAAOC,GAAS,UAAAC,MAAc,QCJ9B,OAAS,aAAAC,GAAW,YAAAC,OAAgB,QAI7B,SAASC,EAAWC,EAAU,CACnC,GAAM,CAACC,EAAOC,CAAQ,EAAIC,GAAwB,MAAS,EAE3D,OAAAC,GAAU,IAAM,CACdC,EAAiB,IAAM,CACrBH,EAASF,CAAK,CAChB,CAAC,CACH,EAAG,CAACA,CAAK,CAAC,EAEHC,CACT,CCbA,OAAS,aAAAK,GAAW,YAAAC,OAAgB,QAI7B,SAASC,GAAY,CAC1B,SAAAC,EACA,SAAAC,EACA,OAAAC,CACF,EAIG,CACD,GAAM,CAACC,EAAUC,CAAW,EAAIC,GAA6B,MAAS,EAEtE,OAAAC,GAAU,IAAM,CACd,IAAMC,EAASP,GAAY,YAAaA,GAAYA,EAAS,QACvDQ,EAASP,EAAS,QAExB,MAAI,CAACC,GAAU,CAACK,GAAU,CAACC,EAClBC,GAGOC,GAAa,IAAM,CACjC,IAAMC,EAAcJ,EAAO,YAErBK,EAAYJ,EAAO,WACnBK,EAAcL,EAAO,YACrBM,EAAaH,EAAcC,EAAYC,EAEvCE,EAAa,KAAK,IAAIH,EAAWE,CAAU,EAEjDV,EAAYO,EAAc,EAAII,CAAU,CAC1C,CAAC,CAGH,EAAG,CAAC,CAAC,EAEE,CACL,SAAAZ,CACF,CACF,CCzCA,OAAS,eAAAa,OAAmB,mBAE5B,OAAS,aAAAC,OAAiB,QAE1B,IAAMC,EAQF,CAAC,EAEE,SAASC,EAAe,CAC7B,UAAAC,EACA,KAAAC,EACA,OAAAC,CACF,EAOG,CACD,IAAMC,EAAWP,GAAY,EAE7BC,GAAU,KACHC,EAAYE,KACfF,EAAYE,GAAa,IAAI,KAG/BF,EAAYE,GAAW,IAAIG,EAAS,OAAQ,CAC1C,KAAAF,EACA,UAAW,CAAC,CAACC,CACf,CAAC,EAEM,IAAM,CACXJ,EAAYE,GAAW,OAAOG,EAAS,MAAM,CAC/C,GACC,CAACA,EAAS,GAAIF,EAAMC,CAAM,CAAC,EAE9BL,GAAU,IAAM,CACd,GAAI,CAACK,EACH,MAAO,IAAM,CAAC,EAGhB,IAAMD,GAAQ,IAAM,CAClB,IAAIG,EAAmC,CAAC,EAExC,QAASC,EAAI,EAAGA,GAAKF,EAAS,OAAQE,GAAK,EAAG,CAC5C,IAAMC,EAAaR,EAAYE,GAAW,IAAIG,EAAS,OAASE,CAAC,EAKjE,GAHIC,GAAA,MAAAA,EAAY,OACdF,EAAM,CAAC,GAAGA,EAAK,GAAGE,EAAW,IAAI,GAE/BA,GAAA,MAAAA,EAAY,UACd,KAEJ,CAEA,OAAOF,CACT,GAAG,EAEGG,EAAUL,EAAO,CACrB,wBAAyBC,EAAS,gBAClC,KAAAF,CACF,CAAC,EAED,MAAO,IAAM,CACXM,GAAA,MAAAA,GACF,CACF,EAAG,CAACJ,EAAS,eAAe,CAAC,CAC/B,CCrEO,SAASK,GAAmB,CACjC,KAAAC,EACA,UAAAC,CACF,EAGG,CACDC,EAAe,CACb,UAAW,OACX,KAAAF,EACA,OAAQC,EACJ,CAAC,CAAE,wBAAAE,EAAyB,KAAAH,CAAK,IAAM,CACrC,OAAQG,OACD,aAAc,CACjBH,EAAK,QAASI,GAAQ,CAChB,CAACA,EAAI,UAITA,EAAI,QAAQ,MAAM,QAAU,OAC9B,CAAC,EACD,KACF,SACS,CACPJ,EAAK,QAASI,GAAQ,CAChB,CAACA,EAAI,UAITA,EAAI,QAAQ,MAAM,QAAU,GAC9B,CAAC,EACD,KACF,EAEJ,EACA,MACN,CAAC,CACH,CCtCO,IAAMC,GAAoB,GACpBC,EAAsB,GAE5B,SAASC,GAAqB,CACnC,KAAAC,EACA,MAAAC,EACA,UAAAC,CACF,EAIG,CACDC,EAAe,CACb,UAAW,SACX,KAAAH,EACA,OAAQE,EACJ,CAAC,CAAE,wBAAAE,EAAyB,KAAAJ,CAAK,IAAM,CACrC,IAAMK,EACJJ,IAAU,YACN,eAAeH,EAAsB,SACrC,eAAeD,GAAoB,SAEzC,OAAQO,OACD,mBACA,aAAc,CACjBJ,EAAK,QAASM,GAAQ,CAChB,CAACA,EAAI,UAITA,EAAI,QAAQ,MAAM,WAAa,uCAC/BA,EAAI,QAAQ,MAAM,UAAYD,EAChC,CAAC,EACD,KACF,KACK,kBACA,YAAa,CAChBE,EAAiB,IAAM,CACrBP,EAAK,QAASM,GAAQ,CACpB,GAAI,CAACA,EAAI,QACP,OAGF,IAAME,EAAMF,EAAI,QAEhBE,EAAI,MAAM,UAAY,GAEtBC,EAAWD,EAAK,gBAAiB,IAAM,CACrCA,EAAI,MAAM,WAAa,EACzB,CAAC,CACH,CAAC,CACH,CAAC,EACD,KACF,SAEE,MAGN,EACA,MACN,CAAC,CACH,CC5DO,SAASE,GAAwB,CACtC,MAAAC,EACA,OAAAC,EACA,QAAAC,EACA,SAAAC,EACA,UAAAC,EACA,SAAAC,CACF,EAOG,CACDC,EAAe,CACb,UAAW,aACX,KAAM,CAACH,CAAQ,EACf,OAAQC,EACJ,CAAC,CAAE,KAAAG,CAAK,IAAM,CACZ,GAAIP,IAAU,YACZ,MAAO,IAAM,CAAC,EAGhB,GAAI,CAACC,EAAO,SAAW,CAACC,EAAQ,SAAW,CAACC,EAAS,QACnD,MAAO,IAAM,CAAC,EAGhB,IAAMK,EAAOP,EAAO,QACdQ,EAAQP,EAAQ,QAChBQ,EAASP,EAAS,QAEpBQ,EAAoB,KACpBC,EAAoB,KACpBC,EAAmB,KAEnBC,EAUC,CAAC,EAEAC,EAAa,IAAM,CACvBJ,EAAK,KACLC,EAAK,KACLC,EAAI,KACJC,EAAa,CAAC,CAChB,EAEIE,EAAW,GAEf,SAASC,EAAUC,EAAY,CACxBF,IACHA,EAAW,GAEX,sBAAsB,IAAM,CAC1B,IAAMG,EAAID,EAAKR,EAAO,YAEtBF,EAAK,MAAM,QAAU,GAAG,EAAIW,IAC5BX,EAAK,MAAM,WAAa,KAExBE,EAAO,MAAM,UAAY,SACzBA,EAAO,MAAM,UAAY,cAAcQ,OACvCR,EAAO,MAAM,WAAa,KAE1BH,EAAK,QAASa,GAAQ,CA7EtC,IAAAC,EA8EsB,CAACD,EAAI,UAITA,EAAI,QAAQ,MAAM,UAAY,cAC5B,IAAM,EAAID,GAAKG,OAEjBF,EAAI,QAAQ,MAAM,WAAa,OAE3BC,EAAAD,EAAI,QAAQ,gBAAZ,YAAAC,EAA2B,MAAM,WAAY,SAC/CD,EAAI,QAAQ,cAAc,MAAM,QAAU,SAE9C,CAAC,EAEDJ,EAAW,EACb,CAAC,EAEL,CAEA,SAASO,EAAW,CAAE,OAAAC,CAAO,EAAwB,CACnD,sBAAsB,IAAM,CAC1BhB,EAAK,MAAM,QAAU,GAAGgB,EAAS,EAAI,IACrChB,EAAK,MAAM,WAAa,uCAExBE,EAAO,MAAM,UAAY,SACzBA,EAAO,MAAM,UAAY,cAAcc,EAAS,OAAS,OACzDd,EAAO,MAAM,WAAa,uCAE1BH,EAAK,QAASa,GAAQ,CAChB,CAACA,EAAI,UAITA,EAAI,QAAQ,MAAM,WAAa,uCAC/BA,EAAI,QAAQ,MAAM,UAAY,cAC5BI,EAAS,IAAM,IAAIF,EAAsB,WAE7C,CAAC,EAEDG,EAAWf,EAAQ,gBAAiB,IAAM,CACxCF,EAAK,MAAM,QAAU,GACrBE,EAAO,MAAM,UAAY,GACzBA,EAAO,MAAM,UAAY,GAEzBH,EAAK,QAAQ,CAACa,EAAKM,IAAM,CACvB,GAAI,CAACN,EAAI,QACP,OAGF,IAAMO,EAAYb,EAAWY,GAEzBF,GACFJ,EAAI,QAAQ,MAAM,WAAa,GAC/BA,EAAI,QAAQ,MAAM,UAAY,GAE1BA,EAAI,QAAQ,gBACdA,EAAI,QAAQ,cAAc,MAAM,QAAU,KAEnCO,IACTP,EAAI,QAAQ,MAAM,WAAaO,EAAU,MAAM,WAC/CP,EAAI,QAAQ,MAAM,UAAYO,EAAU,MAAM,UAE1CP,EAAI,QAAQ,eAAiBO,EAAU,gBACzCP,EAAI,QAAQ,cAAc,MAAM,QAC9BO,EAAU,cAAc,MAAM,SAGtC,CAAC,CACH,CAAC,CACH,CAAC,CACH,CAEA,IAAMC,EAAgBC,GAAkB,CAtJlD,IAAAR,EAuJY,GAAM,CAAE,cAAAS,CAAc,EAAI,UAE1BT,EAAAS,GAAA,YAAAA,EAAe,OAAf,MAAAT,EAAA,KAAAS,GAEAnB,EAAKE,EAAIgB,EAAE,QAAQ,GAAG,QACtBjB,EAAK,KAAK,IAAI,EAEdE,EAAaP,EAAK,IAAKa,GAChBA,EAAI,QASF,CACL,MAAO,CACL,UAAWA,EAAI,QAAQ,MAAM,UAC7B,WAAYA,EAAI,QAAQ,MAAM,UAChC,EACA,cAAeA,EAAI,QAAQ,cACvB,CACE,MAAO,CACL,QAASA,EAAI,QAAQ,cAAc,MAAM,OAC3C,CACF,EACA,MACN,EApBS,CACL,MAAO,CACL,UAAW,GACX,WAAY,EACd,CACF,CAgBH,CACH,EAEMW,EAAeF,GAAkB,CACrC,GAAI,CAAClB,EAAI,CACPI,EAAW,EACX,MACF,CAEAF,EAAIgB,EAAE,QAAQ,GAAG,QAEjBZ,EAAUJ,EAAIF,CAAE,CAClB,EAEMqB,EAAa,IAAM,CACvB,GAAI,CAACrB,GAAM,CAACC,GAAM,CAACC,EAAG,CACpBE,EAAW,EACX,MACF,CAEA,IAAMkB,EAAI,KAAK,IAAI,EAEbT,GADKX,EAAIF,IAAOsB,EAAIrB,GACP,GAAKC,EAAIH,EAAO,YAAc,GAE7Cc,IACFnB,GAAA,MAAAA,KAGFU,EAAW,EACXQ,EAAW,CAAE,OAAAC,CAAO,CAAC,CACvB,EAEA,OAAAf,EAAM,iBAAiB,aAAcmB,EAAc,CAAE,QAAS,EAAK,CAAC,EACpEnB,EAAM,iBAAiB,YAAasB,EAAa,CAAE,QAAS,EAAK,CAAC,EAClEtB,EAAM,iBAAiB,WAAYuB,EAAY,CAAE,QAAS,EAAK,CAAC,EAChEvB,EAAM,iBAAiB,cAAeuB,EAAY,CAAE,QAAS,EAAK,CAAC,EAE5D,IAAM,CACXvB,EAAM,oBAAoB,aAAcmB,CAAY,EACpDnB,EAAM,oBAAoB,YAAasB,CAAW,EAClDtB,EAAM,oBAAoB,WAAYuB,CAAU,EAChDvB,EAAM,oBAAoB,cAAeuB,CAAU,CACrD,CACF,EACA,MACN,CAAC,CACH,CCnOA,OAAS,cAAAE,GAAY,eAAAC,OAAmB,mBACxC,OAAS,oBAAAC,OAAwB,2BACjC,OAAOC,GAAS,UAAAC,OAAc,QCF9B,OAAOC,OAAW,QAElB,IAAMC,GAEAC,GACJF,GAAA,cAAC,OACC,UAAWE,EAAM,UACjB,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,OACL,MAAM,8BAENF,GAAA,cAAC,QACC,EAAE,iaACF,KAAK,eACP,CACF,EAGKG,EAAQF,GCpBf,OAAOG,MAAW,QAElB,IAAMC,GAEAC,GACJF,EAAA,cAAC,OACC,UAAWE,EAAM,UACjB,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,OACL,MAAM,8BAENF,EAAA,cAAC,QACC,EAAE,wgBACF,KAAK,eACP,EACAA,EAAA,cAAC,QACC,EAAE,wgBACF,KAAK,eACP,CACF,EAGKG,EAAQF,GCpBf,OAAS,mBAAmBG,OAAc,2CACnC,IAAIC,GAASD,GAAO,CAAC,iBAAiB,8DAA8D,kBAAkB,CAAC,OAAO,CAAC,KAAK,WAAW,CAAC,EAAE,gBAAgB,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,EACrLE,EAAa,oDACbC,GAAS,4BACTC,GAAaJ,GAAO,CAAC,iBAAiB,YAAY,kBAAkB,CAAC,QAAQ,CAAC,KAAK,WAAW,CAAC,EAAE,gBAAgB,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,EACxIK,GAAa,oCACbC,GAAc,oDACdC,GAAO,oCACPC,GAAQ,4CCTnB,OAAS,mBAAmBC,MAAc,2CAEnC,IAAIC,GAAYC,EAAO,CAAC,iBAAiB,kDAAkD,kBAAkB,CAAC,gBAAgB,CAAC,eAAe,YAAY,aAAa,YAAY,cAAc,YAAY,YAAY,WAAW,CAAC,EAAE,gBAAgB,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,EAE9Q,IAAIC,GAAM,wEACNC,GAAOC,EAAO,CAAC,iBAAiB,4CAA4C,kBAAkB,CAAC,UAAU,CAAC,KAAK,WAAW,CAAC,EAAE,gBAAgB,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,EAKxK,IAAIC,GAAQC,EAAO,CAAC,iBAAiB,wEAAwE,kBAAkB,CAAC,UAAU,CAAC,KAAK,mBAAmB,CAAC,EAAE,gBAAgB,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,EACzMC,EAAO,CAAC,mBAAmB,mBAAmB,SAAS,CAAC,IAAI,mBAAmB,MAAM,mBAAmB,KAAK,mBAAmB,OAAO,kBAAkB,EAAE,OAAO,CAAC,OAAO,CAAC,UAAU,kBAAkB,CAAC,CAAC,EJ2BpN,IAAMC,GAASC,EAAM,WACnB,CACE,CACE,MAAAC,EACA,WAAAC,EACA,YAAAC,EACA,WAAAC,EACA,YAAAC,EACA,oBAAAC,EAAsB,OACtB,OAAAC,EAAS,GACT,UAAAC,EACA,UAAAC,EACA,YAAAC,EACA,WAAAC,EACA,OAAAC,CACF,EACAC,IACG,CACH,IAAMC,EAAUC,GAAW,EACrBC,EAAWC,GAAY,EAEvBC,EAAgBC,EAAiB,EAEjCC,EAAYC,GAAY,IAAI,EAE5B,CAAE,SAAAC,CAAS,EAAIC,GAAY,CAC/B,SAAUV,EACV,SAAUO,EACV,OAAQF,EAAc,QAAU,WAClC,CAAC,EAEKM,EAAeC,GAA2C,CAC1DrB,GAAc,YAAaA,GAAcA,EAAW,SACtDA,EAAW,QAAQqB,CAAC,EAGjBA,EAAE,kBACLX,EAAQ,IAAI,CAEhB,EAEMY,EACJV,EAAS,SAAW,GACnBA,EAAS,SAAW,GACnBA,EAAS,kBAAoB,gBAC7BA,EAAS,SAAS,OAAS,WAEzBW,EAAmB,IAAM,CAxFnC,IAAAC,EAyFM,OAAIF,EACK,KAGJtB,EAYD,WAAYA,GAAcA,EAAW,QAChCwB,EAAAxB,EAAW,SAAX,YAAAwB,EAAA,KAAAxB,GAIPJ,EAAA,cAAC,UAAO,KAAK,SAAS,UAAeI,EAAY,QAASoB,GACvD,eAAgBpB,GAAcA,EAAW,WACxCA,EAAW,WAAW,EAEtBJ,EAAA,cAAC6B,EAAA,IAAS,CAEd,EArBE7B,EAAA,cAAC,UACC,KAAK,SACL,UAAeI,EACf,QAASoB,GAETxB,EAAA,cAAC6B,EAAA,IAAS,CACZ,CAiBN,EAEMC,EAAgBL,GAA2C,CAxHrE,IAAAG,EAAAG,EAAAC,EAyHU3B,GAAe,YAAaA,GAAeA,EAAY,SACzDA,EAAY,QAAQoB,CAAC,EAGlBA,EAAE,mBACLO,GAAAD,GAAAH,EAAAV,EAAc,SAAd,YAAAU,EAAsB,cAAtB,YAAAG,EAAmC,UAAnC,MAAAC,EAAA,KAAAD,EAA6CN,EAEjD,EAEMQ,EAAoB,IAAM,CAlIpC,IAAAL,EAmIM,MAAK,CAACvB,GAAe,GAACuB,EAAAV,EAAc,SAAd,MAAAU,EAAsB,cAAgB,CAACF,EACpD,KAELrB,GAAe,WAAYA,GAAeA,EAAY,OACjDA,EAAY,OAAO,EAI1BL,EAAA,cAAC,UACC,KAAK,SACL,UAAeK,GACf,QAASyB,GAERzB,GACD,eAAgBA,GAChBA,EAAY,WACVA,EAAY,WAAW,EAEvBL,EAAA,cAACkC,EAAA,IAAU,CAEf,CAEJ,EAEMC,EAAU,CAAC,EACd7B,IAAwB,QAAUD,GACnCD,GACAF,GAGF,OACEF,EAAA,cAAC,OACC,IAAKa,EACL,UAAeuB,GAAO,CACpB,OAAA7B,CACF,CAAC,EACD,MAAO8B,GACLC,EAAW,CACT,CAACC,EAAW,OAAO,WAAY/B,EAC/B,CAAC+B,EAAW,OAAO,WAAY9B,EAC/B,CAAC8B,EAAW,OAAO,aAAc7B,EACjC,CAAC6B,EAAW,OAAO,YAAa5B,EAChC,CAAC4B,EAAW,OAAO,QAAS3B,EAC5B,CAAc4B,EAAK,OAAO,OAAO,WAAY,GAAGlB,KAClD,CAAC,CACH,GAEAtB,EAAA,cAAC,OAAI,UAAeyC,IACjBnC,IAAwB,QAAU2B,EAAkB,EACpDN,EAAiB,EACjBzB,GAAA,YAAAA,GACH,EACAF,EAAA,cAAC,OAAI,IAAKoB,EAAW,UAAesB,IAClC1C,EAAA,cAAC,OACC,UAAe2C,GAAW,CACxB,QAAAR,CACF,CAAC,GAEA,OAAOlC,GAAU,SAChBD,EAAA,cAAC,OAAI,UAAe4C,IAAa3C,CAAM,EAEvCA,CAEJ,CACF,EACAD,EAAA,cAAC,OAAI,UAAe6C,IACjB1C,GAAA,YAAAA,IACAG,IAAwB,SAAW2B,EAAkB,CACxD,CACF,CAEJ,CACF,EAEOa,GAAQ/C,GPnLf,IAAMgD,GAAsC,CAAC,CAC3C,gBAAAC,EACA,mBAAAC,EACA,OAAAC,EACA,SAAAC,CACF,IAAM,CACJ,IAAMC,EAAgBC,EAAiB,EACjCC,EAAWC,GAAY,EACvB,CAAE,IAAAC,CAAI,EAAIC,GAAW,EAErBC,EAAeC,EAAuB,IAAI,EAC1CC,EAASD,EAAuB,IAAI,EACpCE,EAAWF,EAAuB,IAAI,EACtCG,EAAUH,EAAuB,IAAI,EACrCI,EAAYJ,EAAuB,IAAI,EAE7CK,GAAmB,CACjB,KAAM,CAACN,CAAY,EACnB,UAAW,EACb,CAAC,EACDO,GAAqB,CACnB,MAAOb,EAAc,MACrB,KACEA,EAAc,QAAU,YAAc,CAACS,CAAQ,EAAI,CAACA,EAAUE,CAAS,EACzE,UAAW,EACb,CAAC,EACDG,GAAwB,CACtB,MAAOd,EAAc,MACrB,OAAAQ,EACA,QAAAE,EACA,SAAAD,EACA,UAAW,GACX,UAAW,CACTL,EAAI,CACN,CACF,CAAC,EAED,IAAMW,EAASb,EAAS,SAAW,EAC7Bc,EAAY,CAAC,CAAClB,EAEdmB,EAAaf,EAAS,OAAS,EAC/BgB,EAAYD,EACZE,EACJF,GAAcjB,EAAc,QAAU,aAAegB,EAAY,EAAI,GACjEI,EAAaH,EAAa,EAC1BI,EAAeJ,EAAa,EAE5B,CAAE,gBAAAK,CAAgB,EAAIpB,EACtBqB,EAAsBC,EAAQF,CAAe,EAEnD,OACEG,EAAA,cAAC,OACC,IAAKnB,EACL,UAAeoB,GAAU,CACvB,gBACEJ,IAAoB,cAAgBA,IAAoB,YACpDA,EACAC,CACR,CAAC,EACD,MAAOI,GACLC,EAAW,CACT,CAACC,EAAW,iBAAkBjC,EAC9B,CAACiC,EAAW,oBAAqBhC,EACjC,CAACgC,EAAW,OAAO,QAAS/B,GAAA,YAAAA,EAAQ,OACpC,CAAKgC,EAAK,SAAS,KAAM,GAAGZ,IAC5B,CAAKY,EAAK,SAAS,OAAQ,GAAGX,IAC9B,CAAKW,EAAK,SAAS,MAAO,GAAGV,IAC7B,CAAKU,EAAK,SAAS,QAAS,GAAGT,IAC/B,CAAKS,EAAK,oBACR5B,EAAS,kBAAoB,gBAC7BA,EAAS,kBAAoB,cACzB,uCACA,KACR,CAAC,CACH,GAEAuB,EAAA,cAAC,OAAI,UAAeM,GAAK,IAAKvB,EAAQ,EACtCiB,EAAA,cAAC,OACC,IAAKvB,EAAS,GACd,UAAe8B,GAAM,CACnB,UAAAhB,CACF,CAAC,EACD,IAAKP,GAEJV,CACH,EACC,CAACgB,GAAUf,EAAc,QAAU,aAClCyB,EAAA,cAAC,OAAI,UAAeQ,GAAK,CAAE,UAAAjB,CAAU,CAAC,EAAG,IAAKN,EAAS,EAExDZ,GAAU2B,EAAA,cAACS,GAAAC,GAAAC,GAAA,GAAWtC,GAAX,CAAmB,IAAKa,GAAW,CACjD,CAEJ,EAEO0B,GAAQ1C,GYtHf,OAAS,cAAA2C,GAAY,eAAAC,OAAmB,mBACxC,OAAS,oBAAAC,OAAwB,2BACjC,OAAOC,GAAS,UAAAC,MAAc,QCD9B,OAAS,mBAAmBC,OAAc,2CACnC,IAAIC,GAAYD,GAAO,CAAC,iBAAiB,kDAAkD,kBAAkB,CAAC,gBAAgB,CAAC,eAAe,YAAY,aAAa,YAAY,cAAc,YAAY,YAAY,WAAW,CAAC,EAAE,gBAAgB,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,EAC1QE,GAAM,sFAKV,IAAIC,GAAQ,8BACRC,EAAO,CAAC,mBAAmB,mBAAmB,SAAS,CAAC,IAAI,mBAAmB,MAAM,kBAAkB,CAAC,EDQnH,IAAMC,GAA0C,CAAC,CAC/C,aAAAC,EAAe,OACf,gBAAAC,EACA,mBAAAC,EACA,eAAAC,EACA,SAAAC,CACF,IAAM,CACJ,IAAMC,EAAWC,GAAY,EACvB,CAAE,IAAAC,CAAI,EAAIC,GAAW,EAErBC,EAAeC,EAAuB,IAAI,EAC1CC,EAAWD,EAAuB,IAAI,EAE5CE,EAAe,CACb,UAAW,OACX,KAAM,CAACH,CAAY,CACrB,CAAC,EACDG,EAAe,CACb,UAAW,SACX,KAAM,CAACD,CAAQ,CACjB,CAAC,EACDC,EAAe,CACb,UAAW,aACX,KAAM,CAACD,CAAQ,CACjB,CAAC,EAED,IAAME,EAAUH,EAAO,EAAK,EAEtBI,EAAuCC,GAAM,CACjDZ,GAAA,MAAAA,EAAiBY,GAEb,CAAAA,EAAE,mBAIFF,EAAQ,UAGZA,EAAQ,QAAU,GAElBN,EAAI,GACN,EACMS,EAAyCD,GAAM,CACnDA,EAAE,gBAAgB,CACpB,EAEME,EAAaZ,EAAS,OAAS,EAAI,EACnCa,EAAcb,EAAS,OAAS,EAAI,EAE1C,OACEc,EAAA,cAAC,OACC,UAAeC,GAAU,CACvB,gBAAiBC,EAAQhB,EAAS,eAAe,CACnD,CAAC,EACD,IAAKI,EACL,MAAOa,GACLC,EAAW,CACT,CAACC,EAAW,YAAY,cAAexB,EACvC,CAACwB,EAAW,iBAAkBvB,EAC9B,CAACuB,EAAW,oBAAqBtB,EACjC,CAAKuB,EAAK,SAAS,KAAM,GAAGR,IAC5B,CAAKQ,EAAK,SAAS,OAAQ,GAAGP,IAC9B,CAAKO,EAAK,oBACRpB,EAAS,kBAAoB,gBAC7BA,EAAS,kBAAoB,cACzB,uCACA,KACR,CAAC,CACH,GAEAc,EAAA,cAAC,OAAI,UAAeO,GAAK,IAAKf,EAAU,QAASG,GAC/CK,EAAA,cAAC,OAAI,UAAeQ,GAAO,QAASX,GACjCZ,CACH,CACF,CACF,CAEJ,EAEOwB,GAAQ7B,GEhGf,OAAS,cAAA8B,GAAY,eAAAC,OAAmB,mBACxC,OAAS,oBAAAC,OAAwB,2BACjC,OAAOC,GAAS,UAAAC,MAAc,QCD9B,OAAS,mBAAmBC,OAAc,2CACnC,IAAIC,GAAYD,GAAO,CAAC,iBAAiB,kDAAkD,kBAAkB,CAAC,gBAAgB,CAAC,eAAe,WAAW,aAAa,WAAW,cAAc,WAAW,YAAY,UAAU,CAAC,EAAE,gBAAgB,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,EACtQE,GAAM,4FAKV,IAAIC,GAAQ,4BACRC,EAAO,CAAC,mBAAmB,kBAAkB,SAAS,CAAC,IAAI,kBAAkB,MAAM,iBAAiB,CAAC,EDQhH,IAAMC,GAA8B,CAAC,CACnC,gBAAAC,EACA,mBAAAC,EACA,aAAAC,EAAe,OACf,eAAAC,EACA,SAAAC,CACF,IAAM,CACJ,IAAMC,EAAWC,GAAY,EACvB,CAAE,IAAAC,CAAI,EAAIC,GAAW,EAErBC,EAAeC,EAAuB,IAAI,EAC1CC,EAAWD,EAAuB,IAAI,EAE5CE,EAAe,CACb,UAAW,OACX,KAAM,CAACH,CAAY,CACrB,CAAC,EACDG,EAAe,CACb,UAAW,SACX,KAAM,CAACD,CAAQ,CACjB,CAAC,EACDC,EAAe,CACb,UAAW,aACX,KAAM,CAACD,CAAQ,CACjB,CAAC,EAED,IAAME,EAAUH,EAAO,EAAK,EAEtBI,EAAuCC,GAAM,CACjDZ,GAAA,MAAAA,EAAiBY,GAEb,CAAAA,EAAE,mBAIFF,EAAQ,UAGZA,EAAQ,QAAU,GAElBN,EAAI,GACN,EACMS,EAAyCD,GAAM,CACnDA,EAAE,gBAAgB,CACpB,EAEME,EAAaZ,EAAS,OAAS,EAAI,EACnCa,EAAcb,EAAS,OAAS,EAAI,EAE1C,OACEc,EAAA,cAAC,OACC,UAAeC,GAAU,CACvB,gBAAiBC,EAAQhB,EAAS,eAAe,CACnD,CAAC,EACD,IAAKI,EACL,MAAOa,GACLC,EAAW,CACT,CAACC,EAAW,YAAY,cAAetB,EACvC,CAACsB,EAAW,iBAAkBxB,EAC9B,CAACwB,EAAW,oBAAqBvB,EACjC,CAAKwB,EAAK,SAAS,KAAM,GAAGR,IAC5B,CAAKQ,EAAK,SAAS,OAAQ,GAAGP,IAC9B,CAAKO,EAAK,oBACRpB,EAAS,kBAAoB,gBAC7BA,EAAS,kBAAoB,cACzB,uCACA,KACR,CAAC,CACH,GAEAc,EAAA,cAAC,OAAI,UAAeO,GAAK,IAAKf,EAAU,QAASG,GAC/CK,EAAA,cAAC,OAAI,UAAeQ,GAAO,QAASX,GACjCZ,CACH,CACF,CACF,CAEJ,EAEOwB,GAAQ7B",
|
|
4
|
+
"sourcesContent": ["import type { StackflowReactPlugin } from \"@stackflow/react\";\nimport { assignInlineVars } from \"@vanilla-extract/dynamic\";\nimport React, { createContext, useContext } from \"react\";\n\nimport * as theme from \"./theme.css\";\nimport type { RecursivePartial } from \"./utils\";\nimport { compactMap } from \"./utils\";\n\ntype BasicUIPluginOptions = RecursivePartial<theme.GlobalVars> & {\n theme: \"android\" | \"cupertino\";\n appBar?: {\n closeButton?: {\n onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;\n };\n };\n};\n\nconst GlobalOptionsContext = createContext<BasicUIPluginOptions>({\n theme: \"android\",\n});\n\nexport const GlobalOptionsProvider = GlobalOptionsContext.Provider;\n\nexport function useGlobalOptions() {\n return useContext(GlobalOptionsContext);\n}\n\nexport const basicUIPlugin: (\n options: BasicUIPluginOptions,\n) => StackflowReactPlugin = (options) => () => ({\n key: \"basic-ui\",\n wrapStack({ stack }) {\n return (\n <GlobalOptionsProvider value={options}>\n <div\n className={\n typeof window !== \"undefined\" ? theme[options.theme] : undefined\n }\n style={assignInlineVars(\n compactMap({\n [theme.globalVars.backgroundColor]: options.backgroundColor,\n [theme.globalVars.dimBackgroundColor]: options.dimBackgroundColor,\n [theme.globalVars.appBar.borderColor]:\n options.appBar?.borderColor,\n [theme.globalVars.appBar.borderSize]: options.appBar?.borderSize,\n [theme.globalVars.appBar.height]: options.appBar?.height,\n [theme.globalVars.appBar.iconColor]: options.appBar?.iconColor,\n [theme.globalVars.appBar.textColor]: options.appBar?.textColor,\n [theme.globalVars.bottomSheet.borderRadius]:\n options.bottomSheet?.borderRadius,\n [theme.globalVars.modal.borderRadius]:\n options.modal?.borderRadius,\n }),\n )}\n >\n {stack.render()}\n </div>\n </GlobalOptionsProvider>\n );\n },\n});\n", "import 'src/theme.css.ts.vanilla.css?source=#H4sIAAAAAAAAE+WU30oEIRTG7/cphG4KVhm3hoVZepKI8N/MSKNHjkdaNnr3pqi9qnbmMkRBRH8fHr9POwSgLes+hgerSPFMyjz3E7zwNJXBR65V9oYXz2l0wd2raBG8fWSvG8b4H9v1vDAglGi5gQmwY1d93x8uUNaHH0gctLputuyrC9neXBJSKc0T5BrQOvxNqNmvFcr+5Dom03EpNzo/jNSxW9GiC0spbyCe720n53a3FCV3pJWoBiIIPI/O0XehqKwveS7189RvmxUZMSU5JB+h8pQ0ol2fk53Y/++giCdpIKVwaup2v8I/4my9rNv6Kh/+O7b/8bJMCAAA';\nexport var android = '_1coppmz0';\nexport var cupertino = '_1coppmz1';\nexport var globalVars = {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)'}};\nexport var rootAndroid = ':root[data-stackflow-plugin-basic-ui-theme=android]';\nexport var rootCupertino = ':root[data-stackflow-plugin-basic-ui-theme=cupertino]';", "export function compactMap<T extends {}>(\n obj: T,\n): {\n [key in keyof T]: NonNullable<T[key]>;\n} {\n return Object.entries(obj).reduce<any>((acc, [key, value]) => {\n if (value !== null && value !== undefined) {\n acc[key] = value;\n }\n\n return acc;\n }, {});\n}\n", "export function listenOnce<T extends HTMLElement>(\n el: T,\n type: keyof HTMLElementEventMap,\n cb: () => void,\n) {\n const listener = () => {\n el.removeEventListener(type, listener);\n cb();\n };\n\n el.addEventListener(type, listener);\n}\n", "export const listenResize = (cb: () => void) => {\n cb();\n window.addEventListener(\"resize\", cb);\n\n return () => {\n window.removeEventListener(\"resize\", cb);\n };\n};\n", "export const noop = () => {};\n", "// https://github.com/MingruiZhang/react-animate-mount/blob/32300c04a4fdfa97724b70aaaf0c0f403d6da247/src/Animate.js#L171-L179\nexport function requestNextFrame(cb: () => void) {\n requestAnimationFrame(() => {\n requestAnimationFrame(() => {\n cb();\n });\n });\n}\n", "/* eslint-disable no-param-reassign */\n\nimport { useActions, useActivity } from \"@stackflow/react\";\nimport { assignInlineVars } from \"@vanilla-extract/dynamic\";\nimport React, { useRef } from \"react\";\n\nimport { useGlobalOptions } from \"../basicUIPlugin\";\nimport {\n useLazy,\n useStyleEffectHide,\n useStyleEffectOffset,\n useStyleEffectSwipeBack,\n} from \"../hooks\";\nimport type { GlobalVars } from \"../theme.css\";\nimport { globalVars } from \"../theme.css\";\nimport type { PropOf } from \"../utils\";\nimport { compactMap } from \"../utils\";\nimport AppBar from \"./AppBar\";\nimport * as css from \"./AppScreen.css\";\n\ntype AppScreenProps = Partial<\n Pick<GlobalVars, \"backgroundColor\" | \"dimBackgroundColor\">\n> & {\n appBar?: Omit<PropOf<typeof AppBar>, \"theme\" | \"ref\" | \"key\">;\n children: React.ReactNode;\n};\nconst AppScreen: React.FC<AppScreenProps> = ({\n backgroundColor,\n dimBackgroundColor,\n appBar,\n children,\n}) => {\n const globalOptions = useGlobalOptions();\n const activity = useActivity();\n const { pop } = useActions();\n\n const appScreenRef = useRef<HTMLDivElement>(null);\n const dimRef = useRef<HTMLDivElement>(null);\n const paperRef = useRef<HTMLDivElement>(null);\n const edgeRef = useRef<HTMLDivElement>(null);\n const appBarRef = useRef<HTMLDivElement>(null);\n\n useStyleEffectHide({\n refs: [appScreenRef],\n hasEffect: true,\n });\n useStyleEffectOffset({\n theme: globalOptions.theme,\n refs:\n globalOptions.theme === \"cupertino\" ? [paperRef] : [paperRef, appBarRef],\n hasEffect: true,\n });\n useStyleEffectSwipeBack({\n theme: globalOptions.theme,\n dimRef,\n edgeRef,\n paperRef,\n hasEffect: true,\n onSwiped() {\n pop();\n },\n });\n\n const isRoot = activity.zIndex === 0;\n const hasAppBar = !!appBar;\n\n const zIndexBase = activity.zIndex * 5;\n const zIndexDim = zIndexBase;\n const zIndexPaper =\n zIndexBase + (globalOptions.theme === \"cupertino\" && hasAppBar ? 1 : 3);\n const zIndexEdge = zIndexBase + 4;\n const zIndexAppBar = zIndexBase + 7;\n\n const { transitionState } = activity;\n const lazyTransitionState = useLazy(transitionState);\n\n return (\n <div\n ref={appScreenRef}\n className={css.appScreen({\n transitionState:\n transitionState === \"enter-done\" || transitionState === \"exit-done\"\n ? transitionState\n : lazyTransitionState,\n })}\n style={assignInlineVars(\n compactMap({\n [globalVars.backgroundColor]: backgroundColor,\n [globalVars.dimBackgroundColor]: dimBackgroundColor,\n [globalVars.appBar.height]: appBar?.height,\n [css.vars.zIndexes.dim]: `${zIndexDim}`,\n [css.vars.zIndexes.paper]: `${zIndexPaper}`,\n [css.vars.zIndexes.edge]: `${zIndexEdge}`,\n [css.vars.zIndexes.appBar]: `${zIndexAppBar}`,\n [css.vars.transitionDuration]:\n activity.transitionState === \"enter-active\" ||\n activity.transitionState === \"exit-active\"\n ? `var(--stackflow-transition-duration)`\n : \"0ms\",\n }),\n )}\n >\n <div className={css.dim} ref={dimRef} />\n <div\n key={activity.id}\n className={css.paper({\n hasAppBar,\n })}\n ref={paperRef}\n >\n {children}\n </div>\n {!isRoot && globalOptions.theme === \"cupertino\" && (\n <div className={css.edge({ hasAppBar })} ref={edgeRef} />\n )}\n {appBar && <AppBar {...appBar} ref={appBarRef} />}\n </div>\n );\n};\n\nexport default AppScreen;\n", "import { useEffect, useState } from \"react\";\n\nimport { requestNextFrame } from \"../utils\";\n\nexport function useLazy<T>(value: T) {\n const [state, setState] = useState<T | undefined>(undefined);\n\n useEffect(() => {\n requestNextFrame(() => {\n setState(value);\n });\n }, [value]);\n\n return state;\n}\n", "import type React from \"react\";\nimport { useEffect, useState } from \"react\";\n\nimport { listenResize, noop } from \"../utils\";\n\nexport function useMaxWidth({\n outerRef,\n innerRef,\n enable,\n}: {\n outerRef: React.ForwardedRef<any>;\n innerRef: React.MutableRefObject<any>;\n enable: boolean;\n}) {\n const [maxWidth, setMaxWidth] = useState<number | undefined>(undefined);\n\n useEffect(() => {\n const $outer = outerRef && \"current\" in outerRef && outerRef.current;\n const $inner = innerRef.current;\n\n if (!enable || !$outer || !$inner) {\n return noop;\n }\n\n const dispose = listenResize(() => {\n const screenWidth = $outer.clientWidth;\n\n const leftWidth = $inner.offsetLeft;\n const centerWidth = $inner.clientWidth;\n const rightWidth = screenWidth - leftWidth - centerWidth;\n\n const sideMargin = Math.max(leftWidth, rightWidth);\n\n setMaxWidth(screenWidth - 2 * sideMargin);\n });\n\n return dispose;\n }, []);\n\n return {\n maxWidth,\n };\n}\n", "import type { ActivityTransitionState } from \"@stackflow/core\";\nimport { useActivity } from \"@stackflow/react\";\nimport type React from \"react\";\nimport { useEffect } from \"react\";\n\nconst connections: {\n [styleName: string]: Map<\n number,\n {\n refs: Array<React.RefObject<any>>;\n hasEffect: boolean;\n }\n >;\n} = {};\n\nexport function useStyleEffect({\n styleName,\n refs,\n effect,\n}: {\n styleName: string;\n refs: Array<React.RefObject<any>>;\n effect?: (params: {\n activityTransitionState: ActivityTransitionState;\n refs: Array<React.RefObject<HTMLElement>>;\n }) => (() => void) | void;\n}) {\n const activity = useActivity();\n\n useEffect(() => {\n if (!connections[styleName]) {\n connections[styleName] = new Map();\n }\n\n connections[styleName].set(activity.zIndex, {\n refs,\n hasEffect: !!effect,\n });\n\n return () => {\n connections[styleName].delete(activity.zIndex);\n };\n }, [activity.id, refs, effect]);\n\n useEffect(() => {\n if (!effect) {\n return () => {};\n }\n\n const refs = (() => {\n let arr: Array<React.RefObject<any>> = [];\n\n for (let i = 1; i <= activity.zIndex; i += 1) {\n const connection = connections[styleName].get(activity.zIndex - i);\n\n if (connection?.refs) {\n arr = [...arr, ...connection.refs];\n }\n if (connection?.hasEffect) {\n break;\n }\n }\n\n return arr;\n })();\n\n const cleanup = effect({\n activityTransitionState: activity.transitionState,\n refs,\n });\n\n return () => {\n cleanup?.();\n };\n }, [activity.transitionState]);\n}\n", "/* eslint-disable no-param-reassign */\n\nimport type React from \"react\";\n\nimport { useStyleEffect } from \"./useStyleEffect\";\n\nexport function useStyleEffectHide({\n refs,\n hasEffect,\n}: {\n refs: Array<React.RefObject<any>>;\n hasEffect?: boolean;\n}) {\n useStyleEffect({\n styleName: \"hide\",\n refs,\n effect: hasEffect\n ? ({ activityTransitionState, refs }) => {\n switch (activityTransitionState) {\n case \"enter-done\": {\n refs.forEach((ref) => {\n if (!ref.current) {\n return;\n }\n\n ref.current.style.display = \"none\";\n });\n break;\n }\n default: {\n refs.forEach((ref) => {\n if (!ref.current) {\n return;\n }\n\n ref.current.style.display = \"\";\n });\n break;\n }\n }\n }\n : undefined,\n });\n}\n", "/* eslint-disable no-param-reassign */\n\nimport { listenOnce, requestNextFrame } from \"../utils\";\nimport { useStyleEffect } from \"./useStyleEffect\";\n\nexport const OFFSET_PX_ANDROID = 32;\nexport const OFFSET_PX_CUPERTINO = 80;\n\nexport function useStyleEffectOffset({\n refs,\n theme,\n hasEffect,\n}: {\n refs: Array<React.RefObject<any>>;\n theme: \"android\" | \"cupertino\";\n hasEffect?: boolean;\n}) {\n useStyleEffect({\n styleName: \"offset\",\n refs,\n effect: hasEffect\n ? ({ activityTransitionState, refs }) => {\n const transform =\n theme === \"cupertino\"\n ? `translateX(-${OFFSET_PX_CUPERTINO / 16}rem)`\n : `translateY(-${OFFSET_PX_ANDROID / 16}rem)`;\n\n switch (activityTransitionState) {\n case \"enter-active\":\n case \"enter-done\": {\n refs.forEach((ref) => {\n if (!ref.current) {\n return;\n }\n\n ref.current.style.transition = `var(--stackflow-transition-duration)`;\n ref.current.style.transform = transform;\n });\n break;\n }\n case \"exit-active\":\n case \"exit-done\": {\n requestNextFrame(() => {\n refs.forEach((ref) => {\n if (!ref.current) {\n return;\n }\n\n const $el = ref.current;\n\n $el.style.transform = \"\";\n\n listenOnce($el, \"transitionend\", () => {\n $el.style.transition = \"\";\n });\n });\n });\n break;\n }\n default: {\n break;\n }\n }\n }\n : undefined,\n });\n}\n", "/* eslint-disable no-param-reassign */\n\nimport { listenOnce } from \"../utils\";\nimport { useStyleEffect } from \"./useStyleEffect\";\nimport { OFFSET_PX_CUPERTINO } from \"./useStyleEffectOffset\";\n\nexport function useStyleEffectSwipeBack({\n theme,\n dimRef,\n edgeRef,\n paperRef,\n hasEffect,\n onSwiped,\n}: {\n theme: \"android\" | \"cupertino\";\n dimRef: React.RefObject<HTMLDivElement>;\n edgeRef: React.RefObject<HTMLDivElement>;\n paperRef: React.RefObject<HTMLDivElement>;\n hasEffect?: boolean;\n onSwiped?: () => void;\n}) {\n useStyleEffect({\n styleName: \"swipe-back\",\n refs: [paperRef],\n effect: hasEffect\n ? ({ refs }) => {\n if (theme !== \"cupertino\") {\n return () => {};\n }\n\n if (!dimRef.current || !edgeRef.current || !paperRef.current) {\n return () => {};\n }\n\n const $dim = dimRef.current;\n const $edge = edgeRef.current;\n const $paper = paperRef.current;\n\n let x0: number | null = null;\n let t0: number | null = null;\n let x: number | null = null;\n\n let cachedRefs: Array<{\n style: {\n transform: string;\n transition: string;\n };\n parentElement?: {\n style: {\n display: string;\n };\n };\n }> = [];\n\n const resetState = () => {\n x0 = null;\n t0 = null;\n x = null;\n cachedRefs = [];\n };\n\n let _rAFLock = false;\n\n function movePaper(dx: number) {\n if (!_rAFLock) {\n _rAFLock = true;\n\n requestAnimationFrame(() => {\n const p = dx / $paper.clientWidth;\n\n $dim.style.opacity = `${1 - p}`;\n $dim.style.transition = \"0s\";\n\n $paper.style.overflowY = \"hidden\";\n $paper.style.transform = `translateX(${dx}px)`;\n $paper.style.transition = \"0s\";\n\n refs.forEach((ref) => {\n if (!ref.current) {\n return;\n }\n\n ref.current.style.transform = `translateX(${\n -1 * (1 - p) * OFFSET_PX_CUPERTINO\n }px)`;\n ref.current.style.transition = \"0s\";\n\n if (ref.current.parentElement?.style.display === \"none\") {\n ref.current.parentElement.style.display = \"block\";\n }\n });\n\n _rAFLock = false;\n });\n }\n }\n\n function resetPaper({ swiped }: { swiped: boolean }) {\n requestAnimationFrame(() => {\n $dim.style.opacity = `${swiped ? 0 : 1}`;\n $dim.style.transition = \"var(--stackflow-transition-duration)\";\n\n $paper.style.overflowY = \"hidden\";\n $paper.style.transform = `translateX(${swiped ? \"100%\" : \"0\"})`;\n $paper.style.transition = \"var(--stackflow-transition-duration)\";\n\n refs.forEach((ref) => {\n if (!ref.current) {\n return;\n }\n\n ref.current.style.transition = `var(--stackflow-transition-duration)`;\n ref.current.style.transform = `translateX(${\n swiped ? \"0\" : `-${OFFSET_PX_CUPERTINO / 16}rem`\n })`;\n });\n\n listenOnce($paper, \"transitionend\", () => {\n $dim.style.opacity = \"\";\n $paper.style.overflowY = \"\";\n $paper.style.transform = \"\";\n\n refs.forEach((ref, i) => {\n if (!ref.current) {\n return;\n }\n\n const cachedRef = cachedRefs[i];\n\n if (swiped) {\n ref.current.style.transition = \"\";\n ref.current.style.transform = \"\";\n\n if (ref.current.parentElement) {\n ref.current.parentElement.style.display = \"\";\n }\n } else if (cachedRef) {\n ref.current.style.transition = cachedRef.style.transition;\n ref.current.style.transform = cachedRef.style.transform;\n\n if (ref.current.parentElement && cachedRef.parentElement) {\n ref.current.parentElement.style.display =\n cachedRef.parentElement.style.display;\n }\n }\n });\n });\n });\n }\n\n const onTouchStart = (e: TouchEvent) => {\n const { activeElement } = document as any;\n\n activeElement?.blur?.();\n // eslint-disable-next-line no-multi-assign\n x0 = x = e.touches[0].clientX;\n t0 = Date.now();\n\n cachedRefs = refs.map((ref) => {\n if (!ref.current) {\n return {\n style: {\n transform: \"\",\n transition: \"\",\n },\n };\n }\n\n return {\n style: {\n transform: ref.current.style.transform,\n transition: ref.current.style.transition,\n },\n parentElement: ref.current.parentElement\n ? {\n style: {\n display: ref.current.parentElement.style.display,\n },\n }\n : undefined,\n };\n });\n };\n\n const onTouchMove = (e: TouchEvent) => {\n if (!x0) {\n resetState();\n return;\n }\n\n x = e.touches[0].clientX;\n\n movePaper(x - x0);\n };\n\n const onTouchEnd = () => {\n if (!x0 || !t0 || !x) {\n resetState();\n return;\n }\n\n const t = Date.now();\n const v = (x - x0) / (t - t0);\n const swiped = v > 1 || x / $paper.clientWidth > 0.4;\n\n if (swiped) {\n onSwiped?.();\n }\n\n resetState();\n resetPaper({ swiped });\n };\n\n $edge.addEventListener(\"touchstart\", onTouchStart, { passive: true });\n $edge.addEventListener(\"touchmove\", onTouchMove, { passive: true });\n $edge.addEventListener(\"touchend\", onTouchEnd, { passive: true });\n $edge.addEventListener(\"touchcancel\", onTouchEnd, { passive: true });\n\n return () => {\n $edge.removeEventListener(\"touchstart\", onTouchStart);\n $edge.removeEventListener(\"touchmove\", onTouchMove);\n $edge.removeEventListener(\"touchend\", onTouchEnd);\n $edge.removeEventListener(\"touchcancel\", onTouchEnd);\n };\n }\n : undefined,\n });\n}\n", "import { useActions, useActivity } from \"@stackflow/react\";\nimport { assignInlineVars } from \"@vanilla-extract/dynamic\";\nimport React, { useRef } from \"react\";\n\nimport { IconBack, IconClose } from \"../assets\";\nimport { useGlobalOptions } from \"../basicUIPlugin\";\nimport { useMaxWidth } from \"../hooks\";\nimport type { GlobalVars } from \"../theme.css\";\nimport { globalVars } from \"../theme.css\";\nimport { compactMap, noop } from \"../utils\";\nimport * as css from \"./AppBar.css\";\nimport * as appScreenCss from \"./AppScreen.css\";\n\ntype AppBarProps = Partial<\n Pick<\n GlobalVars[\"appBar\"],\n \"borderColor\" | \"borderSize\" | \"height\" | \"iconColor\" | \"textColor\"\n >\n> & {\n title?: React.ReactNode;\n appendLeft?: () => React.ReactNode;\n appendRight?: () => React.ReactNode;\n backButton?:\n | {\n renderIcon?: () => React.ReactNode;\n onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;\n }\n | {\n render?: () => React.ReactNode;\n };\n closeButton?:\n | {\n renderIcon?: () => React.ReactNode;\n onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;\n }\n | {\n render?: () => React.ReactNode;\n };\n closeButtonLocation?: \"left\" | \"right\";\n border?: boolean;\n};\nconst AppBar = React.forwardRef<HTMLDivElement, AppBarProps>(\n (\n {\n title,\n appendLeft,\n appendRight,\n backButton,\n closeButton,\n closeButtonLocation = \"left\",\n border = true,\n iconColor,\n textColor,\n borderColor,\n borderSize,\n height,\n },\n ref,\n ) => {\n const actions = useActions();\n const activity = useActivity();\n\n const globalOptions = useGlobalOptions();\n\n const centerRef = useRef<any>(null);\n\n const { maxWidth } = useMaxWidth({\n outerRef: ref,\n innerRef: centerRef,\n enable: globalOptions.theme === \"cupertino\",\n });\n\n const onBackClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n if (backButton && \"onClick\" in backButton && backButton.onClick) {\n backButton.onClick(e);\n }\n\n if (!e.defaultPrevented) {\n actions.pop();\n }\n };\n\n const isRoot =\n activity.zIndex === 0 ||\n (activity.zIndex === 1 &&\n activity.transitionState === \"enter-active\" &&\n activity.pushedBy.name === \"Replaced\");\n\n const renderBackButton = () => {\n if (isRoot) {\n return null;\n }\n\n if (!backButton) {\n return (\n <button\n type=\"button\"\n className={css.backButton}\n onClick={onBackClick}\n >\n <IconBack />\n </button>\n );\n }\n\n if (\"render\" in backButton && backButton.render) {\n return backButton.render?.();\n }\n\n return (\n <button type=\"button\" className={css.backButton} onClick={onBackClick}>\n {\"renderIcon\" in backButton && backButton.renderIcon ? (\n backButton.renderIcon()\n ) : (\n <IconBack />\n )}\n </button>\n );\n };\n\n const onCloseClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n if (closeButton && \"onClick\" in closeButton && closeButton.onClick) {\n closeButton.onClick(e);\n }\n\n if (!e.defaultPrevented) {\n globalOptions.appBar?.closeButton?.onClick?.(e);\n }\n };\n\n const renderCloseButton = () => {\n if ((!closeButton && !globalOptions.appBar?.closeButton) || !isRoot) {\n return null;\n }\n if (closeButton && \"render\" in closeButton && closeButton.render) {\n return closeButton.render();\n }\n\n return (\n <button\n type=\"button\"\n className={css.closeButton}\n onClick={onCloseClick}\n >\n {closeButton &&\n \"renderIcon\" in closeButton &&\n closeButton.renderIcon ? (\n closeButton.renderIcon()\n ) : (\n <IconClose />\n )}\n </button>\n );\n };\n\n const hasLeft = !!(\n (closeButtonLocation === \"left\" && closeButton) ||\n backButton ||\n appendLeft\n );\n\n return (\n <div\n ref={ref}\n className={css.appBar({\n border,\n })}\n style={assignInlineVars(\n compactMap({\n [globalVars.appBar.iconColor]: iconColor,\n [globalVars.appBar.textColor]: textColor,\n [globalVars.appBar.borderColor]: borderColor,\n [globalVars.appBar.borderSize]: borderSize,\n [globalVars.appBar.height]: height,\n [appScreenCss.vars.appBar.center.mainWidth]: `${maxWidth}px`,\n }),\n )}\n >\n <div className={css.left}>\n {closeButtonLocation === \"left\" && renderCloseButton()}\n {renderBackButton()}\n {appendLeft?.()}\n </div>\n <div ref={centerRef} className={css.center}>\n <div\n className={css.centerMain({\n hasLeft,\n })}\n >\n {typeof title === \"string\" ? (\n <div className={css.centerText}>{title}</div>\n ) : (\n title\n )}\n </div>\n </div>\n <div className={css.right}>\n {appendRight?.()}\n {closeButtonLocation === \"right\" && renderCloseButton()}\n </div>\n </div>\n );\n },\n);\n\nexport default AppBar;\n", "import React from \"react\";\n\nconst IconBack: React.FC<{\n className?: string;\n}> = (props) => (\n <svg\n className={props.className}\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n 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\"\n fill=\"currentColor\"\n />\n </svg>\n);\n\nexport default IconBack;\n", "import React from \"react\";\n\nconst IconClose: React.FC<{\n className?: string;\n}> = (props) => (\n <svg\n className={props.className}\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n 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\"\n fill=\"currentColor\"\n />\n <path\n 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\"\n fill=\"currentColor\"\n />\n </svg>\n);\n\nexport default IconClose;\n", "import 'src/styles/f.css.ts.vanilla.css?source=LmRodGh4cTAgewogIHdpZHRoOiAxMDAlOwp9Ci5kaHRoeHExIHsKICBoZWlnaHQ6IDEwMCU7Cn0KLmRodGh4cTIgewogIHRvcDogMDsKfQouZGh0aHhxMyB7CiAgbGVmdDogMDsKfQouZGh0aHhxNCB7CiAgcG9zaXRpb246IGFic29sdXRlOwp9Ci5kaHRoeHE1IHsKICBwb3NpdGlvbjogcmVsYXRpdmU7Cn0KLmRodGh4cTcgewogIGRpc3BsYXk6IGZsZXg7Cn0KLmRodGh4cTggewogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0KLmRodGh4cTkgewogIGFsaWduLWl0ZW1zOiBmbGV4LWVuZDsKfQouZGh0aHhxYSB7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7Cn0KLmRodGh4cWIgewogIG92ZXJmbG93OiBoaWRkZW47Cn0KLmRodGh4cWMgewogIHdoaXRlLXNwYWNlOiBub3dyYXA7Cn0KLmRodGh4cWQgewogIHRleHQtYWxpZ246IGNlbnRlcjsKfQouZGh0aHhxZSB7CiAgY3Vyc29yOiBwb2ludGVyOwogIC13ZWJraXQtdGFwLWhpZ2hsaWdodC1jb2xvcjogdHJhbnNwYXJlbnQ7Cn0KLmRodGh4cWYgewogIGJveC1zaXppbmc6IGJvcmRlci1ib3g7Cn0KLmRodGh4cWcgewogIGJveC1zaXppbmc6IGNvbnRlbnQtYm94Owp9Ci5kaHRoeHFoIHsKICBhcHBlYXJhbmNlOiBub25lOwogIGJvcmRlcjogMDsKICBwYWRkaW5nOiAwOwogIGJhY2tncm91bmQ6IG5vbmU7Cn0=';\nimport 'src/theme.css.ts.vanilla.css?source=#H4sIAAAAAAAAE+WU30oEIRTG7/cphG4KVhm3hoVZepKI8N/MSKNHjkdaNnr3pqi9qnbmMkRBRH8fHr9POwSgLes+hgerSPFMyjz3E7zwNJXBR65V9oYXz2l0wd2raBG8fWSvG8b4H9v1vDAglGi5gQmwY1d93x8uUNaHH0gctLputuyrC9neXBJSKc0T5BrQOvxNqNmvFcr+5Dom03EpNzo/jNSxW9GiC0spbyCe720n53a3FCV3pJWoBiIIPI/O0XehqKwveS7189RvmxUZMSU5JB+h8pQ0ol2fk53Y/++giCdpIKVwaup2v8I/4my9rNv6Kh/+O7b/8bJMCAAA';\nimport 'src/components/AppScreen.css.ts.vanilla.css?source=#H4sIAAAAAAAAE61V246bMBB9z1f4pRJR48jsbi9x1P9oVVXVYDtgYmzLmKTdqv9eA8smwJImKBIPoDlz5syV9c+Yq93T49NH9GeBUAJsnzpTaY6ZUcZRdAAXYVz6YNgpc8RWVanUOIFSMlxJzGWBh17L7eLvYt0xf5rJfJn1c8PqHehSeml0x9fZSR/OTvCdcQVtXxV48TWKCXnXR8sGbSww6X9TRLbh6xlLzcWvYZy482TG2uKZoBPJClFnjP/OwcOFPH0mCvEFNHdG8h9oICITMs08RTFxotj2CkmRklqAw6kDLoX20axmrZBLE4jICr08y34xNkNJr3WJezi4EpdM4sigZdfh8tZ4EK7JOdhL5oxSdbHwUSR76fGrtTVJnYYJMBXLLnT2oV+GnNKOrSVJwDWRuSytghBWGy16wxCfMshvGgZWWeG81OZsHPIrJ3gUenNPFZvrBJFJNXBPNTBLDZkrYbyj+RuH4i0N36Jmfyd1zO7RWNKoQ+drOKVuukKz+zVWNurWTcpax33jaIHzsMPYG0sRA8X+e/nA2vDhcHtOl+g9YkYHeDiaJewEBicgnIFS+Jq0voD3iSL0YSrAWVaqyeoouc9CMdYPH15u/cRleux7F+3o1ypvFLg9+8E0CdaHBOFbaWo5/wBUmwz0SQgAAA==';\nimport 'src/components/AppBar.css.ts.vanilla.css?source=#H4sIAAAAAAAAE61Wu27bMBTd8xVcCthFKVC2ZScKunTo1qlLi6IIriXKZkORBEk/i/57SUp2zMhqnDqbxPs699wHmTyku8cxTDKCft8gtKRssbQ5WoMeYGwsFI8Vlxus+GrBBJ6DYQVeMQxKuR+NG/3hvTNVUJZMLLCVKkeFFM5Y2IGBimLQFDAThlov7WpTse5V3Lv/km4PkB7SkleT8WTihH9ukoe0kErV+xQlx0Q+oFxLaX+UYOEfKdglrenHYqWotkzInyceAhVKGmaZFDmCuZF8ZWk3YoNl/jbBu84CDqtBmErqOm8+OVj6bZAS8i6mgPwvChCllqzsECAVFMzuckTue2B8dzA0rYdHeUtYXCpyBmcjuXsLyF1XMfq0H30/Mng7ZHAVssYwDYZzucVmCaXc5CgMCSJqiwrgxeDSeZ1LXVKNDdvTIXqPcDpE5OJhb40LyaWO8Y2aiWlm2jUMIknmGiPWyWmt7C5olswoDo4CIQWNtMZBHkJcvoWYWzdHWHErtmSjMSG18cINK+0yR6Nk1CB82nmjZNYBPc6hsGxNnw1EMuqLQ0xknwXDivsFlkaSaZC0aOKByUIWr+TA0q2NS9NZC9Mr10IE2S8gD/PXylhW7VxoYalwNPpkvXNtT/c8p5WTpS3llVMOTeiOkvR2digFZ4LiQz3SJDvqbtqzueTl/WEU2D50W9uW7qjvSnhd4ueuhGnvlXDSzD5zfwCcLQRmltbG3YSOFKrPMvUkCsULZqenIfMKasadc19oTrHZGef3A/rkqHr8AsXX8P/ZaXa4mhLynOsDzaEYWVPAcwtogLNwvVz1ILjsIfDCA+B8J8+u7OTZ6b5qe5Mk4+783zZXsC+PXFPtgzi0nDNlmHnGLhNLqlm3DsfzE793fQsToRq0z6EBBSsrY8MXtmiHqrsrqepB6j9cyL/ztaNIPwoAAA==';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var appBar = _7a468({defaultClassName:'_1yk3a450 dhthxq4 dhthxq8 dhthxq7 dhthxq0 dhthxqg _1dlf4347',variantClassNames:{border:{true:'_1yk3a451'}},defaultVariants:{},compoundVariants:[]});\nexport var backButton = '_1yk3a453 dhthxq8 dhthxq7 dhthxqa dhthxqe dhthxqh';\nexport var center = '_1yk3a455 dhthxq8 dhthxq7';\nexport var centerMain = _7a468({defaultClassName:'_1yk3a456',variantClassNames:{hasLeft:{true:'_1yk3a457'}},defaultVariants:{},compoundVariants:[]});\nexport var centerText = '_1yk3a458 dhthxqb dhthxqc dhthxq0';\nexport var closeButton = '_1yk3a453 dhthxq8 dhthxq7 dhthxqa dhthxqe dhthxqh';\nexport var left = '_1yk3a452 dhthxq8 dhthxq7 dhthxq1';\nexport var right = '_1yk3a459 dhthxq8 dhthxq7 dhthxq1 dhthxq5';", "import 'src/styles/f.css.ts.vanilla.css?source=LmRodGh4cTAgewogIHdpZHRoOiAxMDAlOwp9Ci5kaHRoeHExIHsKICBoZWlnaHQ6IDEwMCU7Cn0KLmRodGh4cTIgewogIHRvcDogMDsKfQouZGh0aHhxMyB7CiAgbGVmdDogMDsKfQouZGh0aHhxNCB7CiAgcG9zaXRpb246IGFic29sdXRlOwp9Ci5kaHRoeHE1IHsKICBwb3NpdGlvbjogcmVsYXRpdmU7Cn0KLmRodGh4cTcgewogIGRpc3BsYXk6IGZsZXg7Cn0KLmRodGh4cTggewogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0KLmRodGh4cTkgewogIGFsaWduLWl0ZW1zOiBmbGV4LWVuZDsKfQouZGh0aHhxYSB7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7Cn0KLmRodGh4cWIgewogIG92ZXJmbG93OiBoaWRkZW47Cn0KLmRodGh4cWMgewogIHdoaXRlLXNwYWNlOiBub3dyYXA7Cn0KLmRodGh4cWQgewogIHRleHQtYWxpZ246IGNlbnRlcjsKfQouZGh0aHhxZSB7CiAgY3Vyc29yOiBwb2ludGVyOwogIC13ZWJraXQtdGFwLWhpZ2hsaWdodC1jb2xvcjogdHJhbnNwYXJlbnQ7Cn0KLmRodGh4cWYgewogIGJveC1zaXppbmc6IGJvcmRlci1ib3g7Cn0KLmRodGh4cWcgewogIGJveC1zaXppbmc6IGNvbnRlbnQtYm94Owp9Ci5kaHRoeHFoIHsKICBhcHBlYXJhbmNlOiBub25lOwogIGJvcmRlcjogMDsKICBwYWRkaW5nOiAwOwogIGJhY2tncm91bmQ6IG5vbmU7Cn0=';\nimport 'src/theme.css.ts.vanilla.css?source=#H4sIAAAAAAAAE+WU30oEIRTG7/cphG4KVhm3hoVZepKI8N/MSKNHjkdaNnr3pqi9qnbmMkRBRH8fHr9POwSgLes+hgerSPFMyjz3E7zwNJXBR65V9oYXz2l0wd2raBG8fWSvG8b4H9v1vDAglGi5gQmwY1d93x8uUNaHH0gctLputuyrC9neXBJSKc0T5BrQOvxNqNmvFcr+5Dom03EpNzo/jNSxW9GiC0spbyCe720n53a3FCV3pJWoBiIIPI/O0XehqKwveS7189RvmxUZMSU5JB+h8pQ0ol2fk53Y/++giCdpIKVwaup2v8I/4my9rNv6Kh/+O7b/8bJMCAAA';\nimport 'src/components/AppScreen.css.ts.vanilla.css?source=#H4sIAAAAAAAAE61V246bMBB9z1f4pRJR48jsbi9x1P9oVVXVYDtgYmzLmKTdqv9eA8smwJImKBIPoDlz5syV9c+Yq93T49NH9GeBUAJsnzpTaY6ZUcZRdAAXYVz6YNgpc8RWVanUOIFSMlxJzGWBh17L7eLvYt0xf5rJfJn1c8PqHehSeml0x9fZSR/OTvCdcQVtXxV48TWKCXnXR8sGbSww6X9TRLbh6xlLzcWvYZy482TG2uKZoBPJClFnjP/OwcOFPH0mCvEFNHdG8h9oICITMs08RTFxotj2CkmRklqAw6kDLoX20axmrZBLE4jICr08y34xNkNJr3WJezi4EpdM4sigZdfh8tZ4EK7JOdhL5oxSdbHwUSR76fGrtTVJnYYJMBXLLnT2oV+GnNKOrSVJwDWRuSytghBWGy16wxCfMshvGgZWWeG81OZsHPIrJ3gUenNPFZvrBJFJNXBPNTBLDZkrYbyj+RuH4i0N36Jmfyd1zO7RWNKoQ+drOKVuukKz+zVWNurWTcpax33jaIHzsMPYG0sRA8X+e/nA2vDhcHtOl+g9YkYHeDiaJewEBicgnIFS+Jq0voD3iSL0YSrAWVaqyeoouc9CMdYPH15u/cRleux7F+3o1ypvFLg9+8E0CdaHBOFbaWo5/wBUmwz0SQgAAA==';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var allTransitions = '_1dlf4348';\nexport var appScreen = _7a468({defaultClassName:'dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 dhthxqb',variantClassNames:{transitionState:{'enter-active':'_1dlf4349','enter-done':'_1dlf434a','exit-active':'_1dlf434b','exit-done':'_1dlf434c'}},defaultVariants:{},compoundVariants:[]});\nexport var background = '_1dlf4347';\nexport var dim = '_1dlf434i dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 _1dlf4346 _1dlf4348';\nexport var edge = _7a468({defaultClassName:'_1dlf434l dhthxq4 dhthxq2 dhthxq3 dhthxq1',variantClassNames:{hasAppBar:{true:'_1dlf434m'}},defaultVariants:{},compoundVariants:[]});\nexport var enterActive = '_1dlf4349';\nexport var enterDone = '_1dlf434a';\nexport var exitActive = '_1dlf434b';\nexport var exitDone = '_1dlf434c';\nexport var paper = _7a468({defaultClassName:'_1dlf434j dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 _1dlf4347 _1dlf4348',variantClassNames:{hasAppBar:{true:'_1dlf434k dhthxqf'}},defaultVariants:{},compoundVariants:[]});\nexport var vars = {transitionDuration:'var(--_1dlf4340)',zIndexes:{dim:'var(--_1dlf4341)',paper:'var(--_1dlf4342)',edge:'var(--_1dlf4343)',appBar:'var(--_1dlf4344)'},appBar:{center:{mainWidth:'var(--_1dlf4345)'}}};", "/* eslint-disable jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events */\n\nimport { useActions, useActivity } from \"@stackflow/react\";\nimport { assignInlineVars } from \"@vanilla-extract/dynamic\";\nimport React, { useRef } from \"react\";\n\nimport { useLazy, useStyleEffect } from \"../hooks\";\nimport type { GlobalVars } from \"../theme.css\";\nimport { globalVars } from \"../theme.css\";\nimport { compactMap } from \"../utils\";\nimport * as css from \"./BottomSheet.css\";\n\ntype BottomSheetProps = Partial<\n Pick<GlobalVars, \"backgroundColor\" | \"dimBackgroundColor\">\n> &\n Partial<GlobalVars[\"bottomSheet\"]> & {\n onOutsideClick?: React.MouseEventHandler;\n children: React.ReactNode;\n };\nconst BottomSheet: React.FC<BottomSheetProps> = ({\n borderRadius = \"1rem\",\n backgroundColor,\n dimBackgroundColor,\n onOutsideClick,\n children,\n}) => {\n const activity = useActivity();\n const { pop } = useActions();\n\n const containerRef = useRef<HTMLDivElement>(null);\n const paperRef = useRef<HTMLDivElement>(null);\n\n useStyleEffect({\n styleName: \"hide\",\n refs: [containerRef],\n });\n useStyleEffect({\n styleName: \"offset\",\n refs: [paperRef],\n });\n useStyleEffect({\n styleName: \"swipe-back\",\n refs: [paperRef],\n });\n\n const popLock = useRef(false);\n\n const onDimClick: React.MouseEventHandler = (e) => {\n onOutsideClick?.(e);\n\n if (e.defaultPrevented) {\n return;\n }\n\n if (popLock.current) {\n return;\n }\n popLock.current = true;\n\n pop();\n };\n const onPaperClick: React.MouseEventHandler = (e) => {\n e.stopPropagation();\n };\n\n const zIndexBase = activity.zIndex * 5 + 3;\n const zIndexPaper = activity.zIndex * 5 + 4;\n\n return (\n <div\n className={css.container({\n transitionState: useLazy(activity.transitionState),\n })}\n ref={containerRef}\n style={assignInlineVars(\n compactMap({\n [globalVars.bottomSheet.borderRadius]: borderRadius,\n [globalVars.backgroundColor]: backgroundColor,\n [globalVars.dimBackgroundColor]: dimBackgroundColor,\n [css.vars.zIndexes.dim]: `${zIndexBase}`,\n [css.vars.zIndexes.paper]: `${zIndexPaper}`,\n [css.vars.transitionDuration]:\n activity.transitionState === \"enter-active\" ||\n activity.transitionState === \"exit-active\"\n ? `var(--stackflow-transition-duration)`\n : \"0ms\",\n }),\n )}\n >\n <div className={css.dim} ref={paperRef} onClick={onDimClick}>\n <div className={css.paper} onClick={onPaperClick}>\n {children}\n </div>\n </div>\n </div>\n );\n};\n\nexport default BottomSheet;\n", "import 'src/styles/f.css.ts.vanilla.css?source=LmRodGh4cTAgewogIHdpZHRoOiAxMDAlOwp9Ci5kaHRoeHExIHsKICBoZWlnaHQ6IDEwMCU7Cn0KLmRodGh4cTIgewogIHRvcDogMDsKfQouZGh0aHhxMyB7CiAgbGVmdDogMDsKfQouZGh0aHhxNCB7CiAgcG9zaXRpb246IGFic29sdXRlOwp9Ci5kaHRoeHE1IHsKICBwb3NpdGlvbjogcmVsYXRpdmU7Cn0KLmRodGh4cTcgewogIGRpc3BsYXk6IGZsZXg7Cn0KLmRodGh4cTggewogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0KLmRodGh4cTkgewogIGFsaWduLWl0ZW1zOiBmbGV4LWVuZDsKfQouZGh0aHhxYSB7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7Cn0KLmRodGh4cWIgewogIG92ZXJmbG93OiBoaWRkZW47Cn0KLmRodGh4cWMgewogIHdoaXRlLXNwYWNlOiBub3dyYXA7Cn0KLmRodGh4cWQgewogIHRleHQtYWxpZ246IGNlbnRlcjsKfQouZGh0aHhxZSB7CiAgY3Vyc29yOiBwb2ludGVyOwogIC13ZWJraXQtdGFwLWhpZ2hsaWdodC1jb2xvcjogdHJhbnNwYXJlbnQ7Cn0KLmRodGh4cWYgewogIGJveC1zaXppbmc6IGJvcmRlci1ib3g7Cn0KLmRodGh4cWcgewogIGJveC1zaXppbmc6IGNvbnRlbnQtYm94Owp9Ci5kaHRoeHFoIHsKICBhcHBlYXJhbmNlOiBub25lOwogIGJvcmRlcjogMDsKICBwYWRkaW5nOiAwOwogIGJhY2tncm91bmQ6IG5vbmU7Cn0=';\nimport 'src/theme.css.ts.vanilla.css?source=#H4sIAAAAAAAAE+WU30oEIRTG7/cphG4KVhm3hoVZepKI8N/MSKNHjkdaNnr3pqi9qnbmMkRBRH8fHr9POwSgLes+hgerSPFMyjz3E7zwNJXBR65V9oYXz2l0wd2raBG8fWSvG8b4H9v1vDAglGi5gQmwY1d93x8uUNaHH0gctLputuyrC9neXBJSKc0T5BrQOvxNqNmvFcr+5Dom03EpNzo/jNSxW9GiC0spbyCe720n53a3FCV3pJWoBiIIPI/O0XehqKwveS7189RvmxUZMSU5JB+h8pQ0ol2fk53Y/++giCdpIKVwaup2v8I/4my9rNv6Kh/+O7b/8bJMCAAA';\nimport 'src/components/BottomSheet.css.ts.vanilla.css?source=Ll8xaHQzOGgwMyB7CiAgdHJhbnNpdGlvbjogdmFyKC0tXzFodDM4aDAwKTsKfQouXzFodDM4aDA3IHsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMTAwJSk7Cn0KLl8xaHQzOGgwZCB7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc3RhY2tmbG93LXBsdWdpbi1iYXNpYy11aS1kaW0tYmFja2dyb3VuZC1jb2xvcik7CiAgei1pbmRleDogdmFyKC0tXzFodDM4aDAxKTsKICBvcGFjaXR5OiAwOwp9Ci5fMWh0MzhoMDQgLl8xaHQzOGgwZCwgLl8xaHQzOGgwNSAuXzFodDM4aDBkIHsKICBvcGFjaXR5OiAxOwp9Ci5fMWh0MzhoMDYgLl8xaHQzOGgwZCwgLl8xaHQzOGgwNyAuXzFodDM4aDBkIHsKICBvcGFjaXR5OiAwOwp9Ci5fMWh0MzhoMGUgewogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXN0YWNrZmxvdy1wbHVnaW4tYmFzaWMtdWktYmFja2dyb3VuZC1jb2xvcik7CiAgd2lkdGg6IDEwMCU7CiAgYm9yZGVyLXJhZGl1czogdmFyKC0tc3RhY2tmbG93LXBsdWdpbi1iYXNpYy11aS1ib3R0b20tc2hlZXQtYm9yZGVyLXJhZGl1cykgdmFyKC0tc3RhY2tmbG93LXBsdWdpbi1iYXNpYy11aS1ib3R0b20tc2hlZXQtYm9yZGVyLXJhZGl1cykgMCAwOwogIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDAlKTsKICBvcGFjaXR5OiAwOwp9Ci5fMWh0MzhoMDQgLl8xaHQzOGgwZSwgLl8xaHQzOGgwNSAuXzFodDM4aDBlIHsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCk7CiAgb3BhY2l0eTogMTsKfQouXzFodDM4aDA2IC5fMWh0MzhoMGUsIC5fMWh0MzhoMDcgLl8xaHQzOGgwZSB7CiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMCUpOwogIG9wYWNpdHk6IDA7Cn0=';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var container = _7a468({defaultClassName:'dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 dhthxqb',variantClassNames:{transitionState:{'enter-active':'_1ht38h04','enter-done':'_1ht38h05','exit-active':'_1ht38h06','exit-done':'_1ht38h07'}},defaultVariants:{},compoundVariants:[]});\nexport var dim = '_1ht38h0d dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 dhthxqb dhthxq9 dhthxq7 _1ht38h03';\nexport var enterActive = '_1ht38h04';\nexport var enterDone = '_1ht38h05';\nexport var exitActive = '_1ht38h06';\nexport var exitDone = '_1ht38h07';\nexport var paper = '_1ht38h0e dhthxqb _1ht38h03';\nexport var vars = {transitionDuration:'var(--_1ht38h00)',zIndexes:{dim:'var(--_1ht38h01)',paper:'var(--_1ht38h02)'}};", "/* eslint-disable jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events */\n\nimport { useActions, useActivity } from \"@stackflow/react\";\nimport { assignInlineVars } from \"@vanilla-extract/dynamic\";\nimport React, { useRef } from \"react\";\n\nimport { useLazy, useStyleEffect } from \"../hooks\";\nimport type { GlobalVars } from \"../theme.css\";\nimport { globalVars } from \"../theme.css\";\nimport { compactMap } from \"../utils\";\nimport * as css from \"./Modal.css\";\n\ntype ModalProps = Partial<\n Pick<GlobalVars, \"backgroundColor\" | \"dimBackgroundColor\">\n> &\n Partial<GlobalVars[\"modal\"]> & {\n onOutsideClick?: React.MouseEventHandler;\n children: React.ReactNode;\n };\nconst Modal: React.FC<ModalProps> = ({\n backgroundColor,\n dimBackgroundColor,\n borderRadius = \"1rem\",\n onOutsideClick,\n children,\n}) => {\n const activity = useActivity();\n const { pop } = useActions();\n\n const containerRef = useRef<HTMLDivElement>(null);\n const paperRef = useRef<HTMLDivElement>(null);\n\n useStyleEffect({\n styleName: \"hide\",\n refs: [containerRef],\n });\n useStyleEffect({\n styleName: \"offset\",\n refs: [paperRef],\n });\n useStyleEffect({\n styleName: \"swipe-back\",\n refs: [paperRef],\n });\n\n const popLock = useRef(false);\n\n const onDimClick: React.MouseEventHandler = (e) => {\n onOutsideClick?.(e);\n\n if (e.defaultPrevented) {\n return;\n }\n\n if (popLock.current) {\n return;\n }\n popLock.current = true;\n\n pop();\n };\n const onPaperClick: React.MouseEventHandler = (e) => {\n e.stopPropagation();\n };\n\n const zIndexBase = activity.zIndex * 5 + 3;\n const zIndexPaper = activity.zIndex * 5 + 4;\n\n return (\n <div\n className={css.container({\n transitionState: useLazy(activity.transitionState),\n })}\n ref={containerRef}\n style={assignInlineVars(\n compactMap({\n [globalVars.bottomSheet.borderRadius]: borderRadius,\n [globalVars.backgroundColor]: backgroundColor,\n [globalVars.dimBackgroundColor]: dimBackgroundColor,\n [css.vars.zIndexes.dim]: `${zIndexBase}`,\n [css.vars.zIndexes.paper]: `${zIndexPaper}`,\n [css.vars.transitionDuration]:\n activity.transitionState === \"enter-active\" ||\n activity.transitionState === \"exit-active\"\n ? `var(--stackflow-transition-duration)`\n : \"0ms\",\n }),\n )}\n >\n <div className={css.dim} ref={paperRef} onClick={onDimClick}>\n <div className={css.paper} onClick={onPaperClick}>\n {children}\n </div>\n </div>\n </div>\n );\n};\n\nexport default Modal;\n", "import 'src/styles/f.css.ts.vanilla.css?source=LmRodGh4cTAgewogIHdpZHRoOiAxMDAlOwp9Ci5kaHRoeHExIHsKICBoZWlnaHQ6IDEwMCU7Cn0KLmRodGh4cTIgewogIHRvcDogMDsKfQouZGh0aHhxMyB7CiAgbGVmdDogMDsKfQouZGh0aHhxNCB7CiAgcG9zaXRpb246IGFic29sdXRlOwp9Ci5kaHRoeHE1IHsKICBwb3NpdGlvbjogcmVsYXRpdmU7Cn0KLmRodGh4cTcgewogIGRpc3BsYXk6IGZsZXg7Cn0KLmRodGh4cTggewogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0KLmRodGh4cTkgewogIGFsaWduLWl0ZW1zOiBmbGV4LWVuZDsKfQouZGh0aHhxYSB7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7Cn0KLmRodGh4cWIgewogIG92ZXJmbG93OiBoaWRkZW47Cn0KLmRodGh4cWMgewogIHdoaXRlLXNwYWNlOiBub3dyYXA7Cn0KLmRodGh4cWQgewogIHRleHQtYWxpZ246IGNlbnRlcjsKfQouZGh0aHhxZSB7CiAgY3Vyc29yOiBwb2ludGVyOwogIC13ZWJraXQtdGFwLWhpZ2hsaWdodC1jb2xvcjogdHJhbnNwYXJlbnQ7Cn0KLmRodGh4cWYgewogIGJveC1zaXppbmc6IGJvcmRlci1ib3g7Cn0KLmRodGh4cWcgewogIGJveC1zaXppbmc6IGNvbnRlbnQtYm94Owp9Ci5kaHRoeHFoIHsKICBhcHBlYXJhbmNlOiBub25lOwogIGJvcmRlcjogMDsKICBwYWRkaW5nOiAwOwogIGJhY2tncm91bmQ6IG5vbmU7Cn0=';\nimport 'src/theme.css.ts.vanilla.css?source=#H4sIAAAAAAAAE+WU30oEIRTG7/cphG4KVhm3hoVZepKI8N/MSKNHjkdaNnr3pqi9qnbmMkRBRH8fHr9POwSgLes+hgerSPFMyjz3E7zwNJXBR65V9oYXz2l0wd2raBG8fWSvG8b4H9v1vDAglGi5gQmwY1d93x8uUNaHH0gctLputuyrC9neXBJSKc0T5BrQOvxNqNmvFcr+5Dom03EpNzo/jNSxW9GiC0spbyCe720n53a3FCV3pJWoBiIIPI/O0XehqKwveS7189RvmxUZMSU5JB+h8pQ0ol2fk53Y/++giCdpIKVwaup2v8I/4my9rNv6Kh/+O7b/8bJMCAAA';\nimport 'src/components/Modal.css.ts.vanilla.css?source=Ll81b3pnOGMzIHsKICB0cmFuc2l0aW9uOiB2YXIoLS1fNW96ZzhjMCk7Cn0KLl81b3pnOGM3IHsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMTAwJSk7Cn0KLl81b3pnOGNkIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zdGFja2Zsb3ctcGx1Z2luLWJhc2ljLXVpLWRpbS1iYWNrZ3JvdW5kLWNvbG9yKTsKICB6LWluZGV4OiB2YXIoLS1fNW96ZzhjMSk7CiAgb3BhY2l0eTogMDsKfQouXzVvemc4YzQgLl81b3pnOGNkLCAuXzVvemc4YzUgLl81b3pnOGNkIHsKICBvcGFjaXR5OiAxOwp9Ci5fNW96ZzhjNiAuXzVvemc4Y2QsIC5fNW96ZzhjNyAuXzVvemc4Y2QgewogIG9wYWNpdHk6IDA7Cn0KLl81b3pnOGNlIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zdGFja2Zsb3ctcGx1Z2luLWJhc2ljLXVpLWJhY2tncm91bmQtY29sb3IpOwogIHdpZHRoOiAxMDAlOwogIG1hcmdpbjogMCAyLjVyZW07CiAgYm94LXNoYWRvdzogMHB4IDAuNjI1cmVtIDIuMzc1cmVtIHJnYmEoMCwgMCwgMCwgMC4xNSksIDBweCAuNTYyNXJlbSAyLjg3NXJlbSByZ2JhKDAsIDAsIDAsIDAuMTIpLCAwcHggLjMxMjVyZW0gLjkzNzVyZW0gcmdiYSgwLCAwLCAwLCAwLjEpOwogIGJvcmRlci1yYWRpdXM6IHZhcigtLXN0YWNrZmxvdy1wbHVnaW4tYmFzaWMtdWktYm90dG9tLXNoZWV0LWJvcmRlci1yYWRpdXMpOwogIHRyYW5zZm9ybTogc2NhbGUoMS4xKTsKICBvcGFjaXR5OiAwOwp9Ci5fNW96ZzhjNCAuXzVvemc4Y2UsIC5fNW96ZzhjNSAuXzVvemc4Y2UgewogIHRyYW5zZm9ybTogc2NhbGUoMSk7CiAgb3BhY2l0eTogMTsKfQouXzVvemc4YzYgLl81b3pnOGNlLCAuXzVvemc4YzcgLl81b3pnOGNlIHsKICB0cmFuc2Zvcm06IHNjYWxlKDEuMSk7CiAgb3BhY2l0eTogMDsKfQ==';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var container = _7a468({defaultClassName:'dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 dhthxqb',variantClassNames:{transitionState:{'enter-active':'_5ozg8c4','enter-done':'_5ozg8c5','exit-active':'_5ozg8c6','exit-done':'_5ozg8c7'}},defaultVariants:{},compoundVariants:[]});\nexport var dim = '_5ozg8cd dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 dhthxqb dhthxq8 dhthxq7 dhthxqa _5ozg8c3';\nexport var enterActive = '_5ozg8c4';\nexport var enterDone = '_5ozg8c5';\nexport var exitActive = '_5ozg8c6';\nexport var exitDone = '_5ozg8c7';\nexport var paper = '_5ozg8ce dhthxqb _5ozg8c3';\nexport var vars = {transitionDuration:'var(--_5ozg8c0)',zIndexes:{dim:'var(--_5ozg8c1)',paper:'var(--_5ozg8c2)'}};"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["assignInlineVars", "React", "createContext", "useContext", "theme_css_exports", "__export", "android", "cupertino", "globalVars", "rootAndroid", "rootCupertino", "android", "cupertino", "globalVars", "rootAndroid", "rootCupertino", "compactMap", "obj", "acc", "key", "value", "listenOnce", "el", "type", "cb", "listener", "listenResize", "cb", "noop", "requestNextFrame", "cb", "GlobalOptionsContext", "createContext", "GlobalOptionsProvider", "useGlobalOptions", "useContext", "basicUIPlugin", "options", "stack", "_a", "_b", "_c", "_d", "_e", "_f", "_g", "React", "theme_css_exports", "assignInlineVars", "compactMap", "globalVars", "useActions", "useActivity", "assignInlineVars", "React", "useRef", "useEffect", "useState", "useLazy", "value", "state", "setState", "useState", "useEffect", "requestNextFrame", "useEffect", "useState", "useMaxWidth", "outerRef", "innerRef", "enable", "maxWidth", "setMaxWidth", "useState", "useEffect", "$outer", "$inner", "noop", "listenResize", "screenWidth", "leftWidth", "centerWidth", "rightWidth", "sideMargin", "useActivity", "useEffect", "connections", "useStyleEffect", "styleName", "refs", "effect", "activity", "arr", "i", "connection", "cleanup", "useStyleEffectHide", "refs", "hasEffect", "useStyleEffect", "activityTransitionState", "ref", "OFFSET_PX_ANDROID", "OFFSET_PX_CUPERTINO", "useStyleEffectOffset", "refs", "theme", "hasEffect", "useStyleEffect", "activityTransitionState", "transform", "ref", "requestNextFrame", "$el", "listenOnce", "useStyleEffectSwipeBack", "theme", "dimRef", "edgeRef", "paperRef", "hasEffect", "onSwiped", "useStyleEffect", "refs", "$dim", "$edge", "$paper", "x0", "t0", "x", "cachedRefs", "resetState", "_rAFLock", "movePaper", "dx", "p", "ref", "_a", "OFFSET_PX_CUPERTINO", "resetPaper", "swiped", "listenOnce", "i", "cachedRef", "onTouchStart", "e", "activeElement", "onTouchMove", "onTouchEnd", "t", "useActions", "useActivity", "assignInlineVars", "React", "useRef", "React", "IconBack", "props", "IconBack_default", "React", "IconClose", "props", "IconClose_default", "_7a468", "appBar", "backButton", "center", "centerMain", "centerText", "closeButton", "left", "right", "_7a468", "appScreen", "_7a468", "dim", "edge", "_7a468", "paper", "_7a468", "vars", "AppBar", "React", "title", "appendLeft", "appendRight", "backButton", "closeButton", "closeButtonLocation", "border", "iconColor", "textColor", "borderColor", "borderSize", "height", "ref", "actions", "useActions", "activity", "useActivity", "globalOptions", "useGlobalOptions", "centerRef", "useRef", "maxWidth", "useMaxWidth", "onBackClick", "e", "isRoot", "renderBackButton", "_a", "IconBack_default", "onCloseClick", "_b", "_c", "renderCloseButton", "IconClose_default", "hasLeft", "appBar", "assignInlineVars", "compactMap", "globalVars", "vars", "left", "center", "centerMain", "centerText", "right", "AppBar_default", "AppScreen", "backgroundColor", "dimBackgroundColor", "appBar", "children", "globalOptions", "useGlobalOptions", "activity", "useActivity", "pop", "useActions", "appScreenRef", "useRef", "dimRef", "paperRef", "edgeRef", "appBarRef", "useStyleEffectHide", "useStyleEffectOffset", "useStyleEffectSwipeBack", "isRoot", "hasAppBar", "zIndexBase", "zIndexDim", "zIndexPaper", "zIndexEdge", "zIndexAppBar", "transitionState", "lazyTransitionState", "useLazy", "React", "appScreen", "assignInlineVars", "compactMap", "globalVars", "vars", "dim", "paper", "edge", "AppBar_default", "__spreadProps", "__spreadValues", "AppScreen_default", "useActions", "useActivity", "assignInlineVars", "React", "useRef", "_7a468", "container", "dim", "paper", "vars", "BottomSheet", "borderRadius", "backgroundColor", "dimBackgroundColor", "onOutsideClick", "children", "activity", "useActivity", "pop", "useActions", "containerRef", "useRef", "paperRef", "useStyleEffect", "popLock", "onDimClick", "e", "onPaperClick", "zIndexBase", "zIndexPaper", "React", "container", "useLazy", "assignInlineVars", "compactMap", "globalVars", "vars", "dim", "paper", "BottomSheet_default", "useActions", "useActivity", "assignInlineVars", "React", "useRef", "_7a468", "container", "dim", "paper", "vars", "Modal", "backgroundColor", "dimBackgroundColor", "borderRadius", "onOutsideClick", "children", "activity", "useActivity", "pop", "useActions", "containerRef", "useRef", "paperRef", "useStyleEffect", "popLock", "onDimClick", "e", "onPaperClick", "zIndexBase", "zIndexPaper", "React", "container", "useLazy", "assignInlineVars", "compactMap", "globalVars", "vars", "dim", "paper", "Modal_default"]
|
|
7
7
|
}
|
package/dist/theme.css.d.ts
CHANGED
|
@@ -18,8 +18,8 @@ export declare const globalVars: MapLeafNodes<{
|
|
|
18
18
|
}, import("@vanilla-extract/private").CSSVarFunction>;
|
|
19
19
|
declare type InferVars<T> = T extends MapLeafNodes<infer U, any> ? U : never;
|
|
20
20
|
export declare type GlobalVars = InferVars<typeof globalVars>;
|
|
21
|
-
export declare const rootAndroid = ":root[data-stackflow-basic-ui-theme=android]";
|
|
22
|
-
export declare const rootCupertino = ":root[data-stackflow-basic-ui-theme=cupertino]";
|
|
21
|
+
export declare const rootAndroid = ":root[data-stackflow-plugin-basic-ui-theme=android]";
|
|
22
|
+
export declare const rootCupertino = ":root[data-stackflow-plugin-basic-ui-theme=cupertino]";
|
|
23
23
|
export declare const android: string;
|
|
24
24
|
export declare const cupertino: string;
|
|
25
25
|
export {};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@stackflow/plugin-basic-ui",
|
|
3
|
-
"version": "0.15.
|
|
3
|
+
"version": "0.15.3",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"exports": {
|
|
6
6
|
".": {
|
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
"devDependencies": {
|
|
34
34
|
"@stackflow/core": "^0.15.1",
|
|
35
35
|
"@stackflow/esbuild-config": "^0.15.0",
|
|
36
|
-
"@stackflow/react": "^0.15.
|
|
36
|
+
"@stackflow/react": "^0.15.2",
|
|
37
37
|
"@types/react": "^18.0.10",
|
|
38
38
|
"@vanilla-extract/css": "^1.7.2",
|
|
39
39
|
"@vanilla-extract/css-utils": "^0.1.2",
|
|
@@ -57,5 +57,5 @@
|
|
|
57
57
|
"build"
|
|
58
58
|
]
|
|
59
59
|
},
|
|
60
|
-
"gitHead": "
|
|
60
|
+
"gitHead": "1ded1f0617b25287576e499be639c74cab6328cd"
|
|
61
61
|
}
|
package/src/theme.css.ts
CHANGED
|
@@ -23,7 +23,7 @@ export const globalVars = createGlobalThemeContract(
|
|
|
23
23
|
borderRadius: "bottom-sheet-border-radius",
|
|
24
24
|
},
|
|
25
25
|
},
|
|
26
|
-
(value) => `stackflow-basic-ui-${value}`,
|
|
26
|
+
(value) => `stackflow-plugin-basic-ui-${value}`,
|
|
27
27
|
);
|
|
28
28
|
|
|
29
29
|
type InferVars<T> = T extends MapLeafNodes<infer U, any> ? U : never;
|
|
@@ -57,8 +57,10 @@ const cupertinoVars = {
|
|
|
57
57
|
};
|
|
58
58
|
|
|
59
59
|
const root = ":root";
|
|
60
|
-
export const rootAndroid =
|
|
61
|
-
|
|
60
|
+
export const rootAndroid =
|
|
61
|
+
":root[data-stackflow-plugin-basic-ui-theme=android]";
|
|
62
|
+
export const rootCupertino =
|
|
63
|
+
":root[data-stackflow-plugin-basic-ui-theme=cupertino]";
|
|
62
64
|
|
|
63
65
|
createGlobalTheme(`${root}, ${rootAndroid}`, globalVars, {
|
|
64
66
|
...defaultVars,
|