npm - @stackflow/plugin-basic-ui - Versions diffs - 1.3.4-alpha.0 → 1.3.4-alpha.4 - Mend

@stackflow/plugin-basic-ui 1.3.4-alpha.0 → 1.3.4-alpha.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (17) hide show

package/dist/components/AppBar.css.d.ts +2 -17
package/dist/components/AppBar.d.ts +2 -3
package/dist/components/AppScreen.css.d.ts +2 -11
package/dist/components/AppScreen.d.ts +1 -2
package/dist/hooks/useStyleEffectOffset.d.ts +1 -2
package/dist/index.css +20 -34
package/dist/index.css.map +3 -3
package/dist/index.js +39 -79
package/dist/index.js.map +2 -2
package/dist/index.mjs +39 -79
package/dist/index.mjs.map +2 -2
package/package.json +5 -5
package/src/components/AppBar.css.ts +2 -19
package/src/components/AppBar.tsx +11 -12
package/src/components/AppScreen.css.ts +2 -11
package/src/components/AppScreen.tsx +24 -64
package/src/hooks/useStyleEffectOffset.ts +4 -23

package/dist/components/AppBar.css.d.ts CHANGED Viewed

@@ -4,8 +4,8 @@ export declare const appBar: import("@vanilla-extract/recipes/dist/declarations/
             boxShadow: `inset 0px calc(-1 * var(--${string})) 0 var(--${string})` | `inset 0px calc(-1 * var(--${string})) 0 var(--${string}, ${string})` | `inset 0px calc(-1 * var(--${string})) 0 var(--${string}, ${number})` | `inset 0px calc(-1 * var(--${string}, ${string})) 0 var(--${string})` | `inset 0px calc(-1 * var(--${string}, ${string})) 0 var(--${string}, ${string})` | `inset 0px calc(-1 * var(--${string}, ${string})) 0 var(--${string}, ${number})` | `inset 0px calc(-1 * var(--${string}, ${number})) 0 var(--${string})` | `inset 0px calc(-1 * var(--${string}, ${number})) 0 var(--${string}, ${string})` | `inset 0px calc(-1 * var(--${string}, ${number})) 0 var(--${string}, ${number})`;
         };
     };
-    modalPresentationStyle: {
-        fullScreen: {
+    presentModalFullScreen: {
+        true: {
             selectors: {
                 [x: string]: {
                     transform: "translate3d(0, 100vh, 0)";
@@ -17,21 +17,6 @@ export declare const appBar: import("@vanilla-extract/recipes/dist/declarations/
             };
         };
     };
-    activityEnterStyle: {
-        slideInLeft: {
-            selectors: {
-                [x: string]: {
-                    opacity: number;
-                    transform: "translate3d(0, 0, 0)";
-                    transition?: undefined;
-                } | {
-                    transform: "translate3d(100%, 0, 0)";
-                    transition: string;
-                    opacity?: undefined;
-                };
-            };
-        };
-    };
 }>;
 export declare const safeArea: string;
 export declare const container: string;

package/dist/components/AppBar.d.ts CHANGED Viewed

@@ -16,8 +16,8 @@ declare const AppBar: import("react").ForwardRefExoticComponent<Partial<Pick<{
     minSafeAreaInsetTop: string;
 }, "height" | "backgroundColor" | "borderColor" | "overflow" | "borderColorTransitionDuration" | "borderSize" | "heightTransitionDuration" | "iconColor" | "iconColorTransitionDuration" | "textColor" | "textColorTransitionDuration" | "backgroundColorTransitionDuration">> & {
     title?: React.ReactNode;
-    appendLeft?: (() => React.ReactNode) | undefined;
-    appendRight?: (() => React.ReactNode) | undefined;
+    renderLeft?: (() => React.ReactNode) | undefined;
+    renderRight?: (() => React.ReactNode) | undefined;
     backButton?: {
         renderIcon?: (() => React.ReactNode) | undefined;
         ariaLabel?: string | undefined;
@@ -35,7 +35,6 @@ declare const AppBar: import("react").ForwardRefExoticComponent<Partial<Pick<{
     closeButtonLocation?: "left" | "right" | undefined;
     border?: boolean | undefined;
     modalPresentationStyle?: "fullScreen" | undefined;
-    activityEnterStyle?: "slideInLeft" | undefined;
     onTopClick?: ((e: React.MouseEvent) => void) | undefined;
 } & import("react").RefAttributes<HTMLDivElement>>;
 export default AppBar;

package/dist/components/AppScreen.css.d.ts CHANGED Viewed

@@ -42,8 +42,8 @@ export declare const paper: import("@vanilla-extract/recipes/dist/declarations/s
             };
         })[];
     };
-    modalPresentationStyle: {
-        fullScreen: {
+    presentModalFullScreen: {
+        true: {
             selectors: {
                 [x: string]: {
                     transform: "translate3d(0, 100%, 0)";
@@ -51,15 +51,6 @@ export declare const paper: import("@vanilla-extract/recipes/dist/declarations/s
             };
         };
     };
-    activityEnterStyle: {
-        slideInLeft: {
-            selectors: {
-                [x: string]: {
-                    transform: "translate3d(50%, 0, 0)";
-                };
-            };
-        };
-    };
 }>;
 export declare const edge: import("@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<{
     hasAppBar: {

package/dist/components/AppScreen.d.ts CHANGED Viewed

@@ -11,8 +11,7 @@ export declare function useAppScreen(): AppScreenContext;
 export declare type AppScreenProps = Partial<Pick<GlobalVars, "backgroundColor" | "dimBackgroundColor">> & {
     appBar?: Omit<PropOf<typeof AppBar>, "theme" | "modalPresentationStyle" | "ref" | "key">;
     preventSwipeBack?: boolean;
-    CUPERTINO_ONLY_modalPresentationStyle?: "fullScreen";
-    ANDROID_ONLY_activityEnterStyle?: "slideInLeft";
+    modalPresentationStyle?: "fullScreen";
     children: React.ReactNode;
 };
 declare const AppScreen: React.FC<AppScreenProps>;

package/dist/hooks/useStyleEffectOffset.d.ts CHANGED Viewed

@@ -1,9 +1,8 @@
 /// <reference types="react" />
 export declare const OFFSET_PX_ANDROID = 32;
 export declare const OFFSET_PX_CUPERTINO = 80;
-export declare function useStyleEffectOffset({ refs, theme, activityEnterStyle, hasEffect, }: {
+export declare function useStyleEffectOffset({ refs, theme, hasEffect, }: {
     refs: Array<React.RefObject<any>>;
     theme: "android" | "cupertino";
-    activityEnterStyle?: "slideInLeft";
     hasEffect?: boolean;
 }): void;

package/dist/index.css CHANGED Viewed

@@ -105,7 +105,7 @@
   background: none;
 }
-/* vanilla-extract-css-ns:src/components/AppScreen.css.ts.vanilla.css?source=#H4sIAAAAAAAAE9WU0bKaMBCG732K3HRGpsQJes5pizd9k05IIgZDQkPQ03bOuzcEUAIK6vSmjhfisl/+3f2zqx8RFbuXzcsb+LMAIMHkkGpVSQqJEkrH4Ij1EsLS2MBOqBMsRJVyCRNccgIrDinP4TAr2C4+FquO/OVJ8jT1q6MajWXJDVcybn7vlM5bcvcmCkKgCky4+TWKeEhyQdaYliiwYRu6jBD6FAJkv34Sd0ktPwZoa59+Qy4pe48Hx0VBHTxxISDZY5myuMtriT/faLbOEBjA94ynexODCGmWb71exkBwybCGqcaUM2mWT80rBDpN8BI1BdY1uiLtUc3nLOhbT1s4DuNeuIt67YmuY5NpLJnDIm8kWRM8Mu06YOMl0UqIunXwxJIDN/AcbUJcpnbcqiL7ifmtx/M7m8UXEMfdOQ0+wdpporwsBLaCpJLMG3oEBvLvs+G5V65bI1RvXFk4825vdtnl1QkpyL8OI/NmV27GbZQz91RZ6IGy0D1l9U15b5EN6PBPdk8ICkypdR40qpjdhrgo7IOGzTKAl8MhrTSufzh39pDzG9ZnBrcMKWZc0HryphHyqfzX62tVupwTp2ZvB7Rav7ar78bV3PjZqjnxqR5c9i3BgrgLB+CjGCfne1kVhdKmBEtvLERJC7K7usQ7BrFm2BZVMlNHg8BJH1htMFcn7EFF4DPI8fvdWbn985q8cEa9a+DHRPFMHv/Pum8K70r+CyWqxT1LCQAA */
+/* vanilla-extract-css-ns:src/components/AppScreen.css.ts.vanilla.css?source=#H4sIAAAAAAAAE9WU0bKaMBCG732K3HRGpsQJenpOizd9k05IIgZDQkPQ03bOuzcEUAIK6vSmjhfisl/+f3ezqx8RFbuXzcsr+LMAIMHkkGpVSQqJEkrH4Ij1EsLS2MBOqBMsRJVyCRNccgIrDinP4TAr2C4+FquO/PYkeZr61VGNxrLkhisZN793SuctuXsTBSFQBSbc/BpFPCS5IGtMSxTYsA1dRgh9CgGyXz+Ju6SWHwO0tU+/IZeUvceD46KgDp64EJDssUxZ3OW1xJ+vNFtnCAzge8bTvYlBhDTLt14tYyC4ZFjDVGPKmTTLp/oVAp0meIkag7VHZ9Ie1XzOgr71tIXjMO6Fu6hXnug6NpnGkjks8lqSNcEj064CNl4SrYSoSwdPLDlwA8/RJsRlatutKrKf6N963L/zsPgC4rg7p8EnWDtNlJeFwFaQVJJ5TY/AQP59Y3iulavWCNVrVxbOvNvrXXZ5dUIK8q/DaHizKzfjNsoN95Qt9IAtdI+t/lDea7IBHf7J7glBgSm1kweNKma3IS4K+6Bhswzg5XBIK43rH246e8j5Deszg1sDKWamoJ1Jv0a5Szpxava2wqv1l3Z33bhbGz9bNkc+ZeKyMAkWxN0YAB/FODnfy6oolDYlWHp1JUpakF22Jd4xiDXD1lTJTB0NAid9MCuDxjhhDyoCn0GO3+/Oyu2f1+SFM+pdAT8mzDN5/D993xTeWf4LpNp3kwwJAAA= */
 ._1dlf4346 {
   background-color: var(--stackflow-plugin-basic-ui-dim-background-color);
 }
@@ -170,14 +170,11 @@
 ._1q6dj2j1 ._1dlf434l {
   transform: translate3d(0, 100%, 0);
 }
-._1q6dj2j0 ._1dlf434m {
-  transform: translate3d(50%, 0, 0);
-}
-._1dlf434n {
+._1dlf434m {
   width: 1.25rem;
   z-index: var(--_1dlf4343);
 }
-._1dlf434o {
+._1dlf434n {
   top: var(--stackflow-plugin-basic-ui-app-bar-height);
   height: calc(100% - var(--stackflow-plugin-basic-ui-app-bar-height));
 }
@@ -192,7 +189,7 @@
   }
 }
-/* vanilla-extract-css-ns:src/components/AppBar.css.ts.vanilla.css?source=#H4sIAAAAAAAAE+1YyZLbIBC9z1dwSZWdMirkZRb5lkNuOeUDppCEbMYYFIG3SeXfA2hDkuWtXDlMxuWDBd1N9+vXTcveq39YTfB0hsDvBwDWlMMloYulCsAWZwMIpcLRKmFiB1O2WejtEEsawQ2FOE31QwZrneH84c+DV1r0rUWxJZlRv9xeqdG0NrbWQq28yMSGxzASTGSXW21rausAvEPKY7Ivrbz6MUumk+nUbu4oYzBaYr4gAVAZ5jIR2XoERIojqg5GxK5SRQUPOq7d7BmsrcJ4k2HzYzgCodhDucSx2F1uWWQxyU5YLRD+9Ri/jd980AI7FWVsOJSCbRTpyueAhW3VCq4COYYVmcQDH6EvI4D0d/gR4BvVcQIkG+CgNiIFawKA5v34aGR8lJH1RwSoWWJoWBVSZ8cAqYMvP01Mc6EXB97RGVnsyNaijZz4p3NSENbpRpO8G1WQBYBySRRA6R5EmEUD6IOv1+Io6TsZDgG6Cf/eWp6eKkhLOLRdfhLOIZFDI/8o5aajs9IO6aau8OlcuEQ71WQ/c3pRTo9149nNld9pLGHb6n986+UwPFoYygFyjfeDa4ZIiRMCcUYwtM0UKpHqwyLBtTpXg2PbFtD7nkf4tu8oJ9KnRqSXnlqNyU0W5MtXWjk10OU+PudTHI5jyhd68ADIm+nhoikTkHWqy8dIxlSmDOui4IKThtSL3b9y4qY6c86s7QZcFu0EobUcgeuoX9vtgcCM7rFaBmDsjfOA60yNvacOBi8BjhTdktac5o373Eb399lxJ7J+FCE029rMRndlHhTZq5483I941wJSO3X+xcTp3g1sTF81Eb1tpKLJQZvjinCd5ISRvfEhU/O6ACAjid7zC0IkWthOXHrJ85+fSqIwykn1Cux7s0p2V6yFgsXzcvij77a0ip6pl/qmsKj3jcqpO+O3WcCMLjikiqxlACIdEsmOxllvWTitmrtq/U7wmjJt3EDPCJQHqcwLxjcd6OoHjn7a5+9ashPpI0JtpEqQLJSzHP5jt94A6s1Gc76lRYr0310idzzs3A3SYXXsNuqCp8ibdDtV3qIa6NdUrXrd6YToGGFRQKVCq/GfaD7HyU2a10fIRLRq+J3k45Ehaf1/EGGMppLKFscoX5KMdtlYrTt2F303nAkzM2nLscIbJZqKZ669Top6TjI/tMpfW56iAkYTAAA= */
+/* vanilla-extract-css-ns:src/components/AppBar.css.ts.vanilla.css?source=#H4sIAAAAAAAAE+1YS2/bMAy+91foMiAZIkPOo+2c2w677bQfUMi2nKhRJM9SXh323yfJL9mOnaQIdiga5GBLJEV+/Egx8V7802aG5wsE/jwAsKUcrgldrVUA9jgbQSgVjjYJEweYst1Kb4dY0gjuKMRpql8yWOuMlw9/H7zSom8tij3JjPr19kqNprWptRZq5VUmdjyGkWAiu95qW1NbB+ANUh6TY2nlxY9ZMp/N53bzQBmD0RrzFQmAyjCXici2EyBSHFF1MiJ2lSoqeNBx7d2ewdoqjHcZNg/jCQjFEco1jsXhessii0k2YLVA+Pdj/Dp99UEL7FSUseFQCrZTpCufAxa2VSu4CuQYVmQWj3yEvkwA0t/xR4BvUscJkGyAg9qIFKwJAFr246OR8VFGth8RoGaJoXFVSJ0dA6QOvvw0Mc2FvjnwTi7IYke2Fm3kxB/OSUFYpxvN8m5UQRYAyiVRAKVHEGEWjaAPvt6Ko6RvZDwG6F3499byfKggLeHQfv1JOIdEDo38s5SbTy5KO6Sbu8LDuXCJNtRkP3N6VU4rvBYWr3Kw2eLj6JbhRuKEQJwRDG2RQyVSfXAkuFbnanRu2wJ/3/MI3/cd5UT62Ij02lOr8a3Jlnz5RitDg0bu41M+XeA4pnylL0SAvIW+9JoyAdmmOq1GMqYyZVi3aS44aUg92/0bJ0GqM+fMgG7AJZlmCG3lBNxWIrXdHgjMSBmrdQCm3jQPuM7U1HvqYPAc4EjRPWnND960z210f58dd0LrRxFCs9wWNrob86DIUfXk4X7EuxWQ2qnLA7Mz4zWwMVOuieh1JxVNTtocV4TrJCeMHI0PmVrWBQAZSfSeXxAi0cJ2EtBLnv/8VBKFUU6qn2a+t6hkD8VaKFi8LIcS+mZLq+iteqlvOgh7J32n7ozfZgEzuuKQKrKVAYh0SCQ7G2e9ZeG0au6q9TvBW8q0cQM9I1CepDKD73cd6OYnjn7Z9x9ashPpI0JtpEqQLJSLHP5z1+MI6s1Gc35PixTp/7tE7njYpRukw+rIbdQFT5E363aq2Ao20K+pWvW64YToGGFRQKVCq/EPNJ/z5I6b10fIRLRp+J23VkvS+n8KwhhNJZUtjlG+JhntsrFad+wmfTecCTMzacuxwjslmooXrr1OinpOMg9a5R/4yDzf3hEAAA== */
 ._1yk3a450 {
   min-height: var(--stackflow-plugin-basic-ui-app-bar-min-height);
 }
@@ -252,47 +249,36 @@
     transform var(--_1dlf4340),
     opacity var(--_1dlf4340);
 }
-._1q6dj2j0 ._1yk3a455 {
-  opacity: 1;
-  transform: translate3d(0, 0, 0);
-}
-._1q6dj2j0 ._1dlf434b ._1yk3a455 {
-  transform: translate3d(100%, 0, 0);
-  transition:
-    background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration),
-    box-shadow var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration),
-    transform 0s;
-}
-._1yk3a456 {
+._1yk3a455 {
   height: max(var(--stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top), constant(safe-area-inset-top));
   height: max(var(--stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top), env(safe-area-inset-top));
 }
-._1yk3a457 {
+._1yk3a456 {
   height: var(--stackflow-plugin-basic-ui-app-bar-height);
   transition: height var(--stackflow-plugin-basic-ui-app-bar-height-transition-duration);
 }
-._1yk3a458 {
+._1yk3a457 {
   padding: 0 0.5rem;
 }
-._1yk3a458:empty {
+._1yk3a457:empty {
   display: none;
 }
-._1yk3a459 {
+._1yk3a458 {
   color: var(--stackflow-plugin-basic-ui-app-bar-icon-color);
   transition: opacity 300ms, color var(--stackflow-plugin-basic-ui-app-bar-icon-color-transition-duration);
   width: 2.25rem;
   height: 2.75rem;
 }
-._1yk3a459:active {
+._1yk3a458:active {
   opacity: 0.2;
   transition: opacity 0s, color var(--stackflow-plugin-basic-ui-app-bar-icon-color-transition-duration);
 }
-._1yk3a45c {
+._1yk3a45b {
   width: var(--_1dlf4345);
   color: var(--stackflow-plugin-basic-ui-app-bar-text-color);
   transition: height var(--stackflow-plugin-basic-ui-app-bar-height-transition-duration), color var(--stackflow-plugin-basic-ui-app-bar-text-color-transition-duration);
 }
-._1q6dj2j0 ._1yk3a45c {
+._1q6dj2j0 ._1yk3a45b {
   width: 100%;
   justify-content: flex-start;
   padding-left: 1rem;
@@ -301,7 +287,7 @@
   font-weight: bold;
   box-sizing: border-box;
 }
-._1q6dj2j1 ._1yk3a45c {
+._1q6dj2j1 ._1yk3a45b {
   position: absolute;
   display: flex;
   align-items: center;
@@ -316,10 +302,10 @@
   top: max(var(--stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top), constant(safe-area-inset-top));
   top: max(var(--stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top), env(safe-area-inset-top));
 }
-._1q6dj2j0 ._1yk3a45d {
+._1q6dj2j0 ._1yk3a45c {
   padding-left: 0.375rem;
 }
-._1yk3a45e {
+._1yk3a45d {
   left: 50%;
   height: 1.25rem;
   transform: translate(-50%);
@@ -327,22 +313,22 @@
   display: none;
   width: var(--_1dlf4345);
 }
-._1q6dj2j1 ._1yk3a45e {
+._1q6dj2j1 ._1yk3a45d {
   display: block;
 }
-._1yk3a45f {
+._1yk3a45e {
   text-overflow: ellipsis;
   font-size: inherit;
   font-weight: inherit;
 }
-._1yk3a45g {
+._1yk3a45f {
   padding: 0 0.5rem;
   margin-left: auto;
 }
-._1yk3a45g:empty {
+._1yk3a45f:empty {
   display: none;
 }
-._1q6dj2j0 ._1yk3a45g {
+._1q6dj2j0 ._1yk3a45f {
   padding: 0 0.5rem 0 0;
 }

package/dist/index.css.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["vanilla-extract-css-ns:src/basicUIPlugin.css.ts.vanilla.css?source=#H4sIAAAAAAAAE+2U30rDMBTG7/cUAW8UTGmrdVAfRtLktD1bmxPzZw7FdzcbG95s1LaCCKW9SML55XyQ73zJS/b6pDb5JmUfK8Y4d17Ibd3RGzddaFDzSjiUPGBcyG1jKWjFJXVkS3ZT1/XzAKWwv0DaphK36T07/UlW3A1d5K3QDj2S5ipYcViULHVDmKTeBA9qKi+MiRvLK7IK7DX96XpQ/6WLfkmUw3coWWb2P+VawKb1JXtICgv9OGqu5j4eTuuPMrY8Wy/P4vc4Hp0r38PeTxTxjc5+90mjeI2eq4Z2YA8FJWtRKdBjnOBEDVxYEBy1g2guMrH1sJMr8p567lqI0GkMrFAYXByEo6c+V8k527Il2/55tqVJMT7d8mT9t/E2UsCSb0u+Tcq34phvhlD7WAY70D6WadIQy74Agy2ZNuIJAAA=", "vanilla-extract-css-ns:src/styles/f.css.ts.vanilla.css?source=LmRodGh4cTAgewogIHdpZHRoOiAxMDAlOwp9Ci5kaHRoeHExIHsKICBoZWlnaHQ6IDEwMCU7Cn0KLmRodGh4cTIgewogIHRvcDogMDsKfQouZGh0aHhxMyB7CiAgbGVmdDogMDsKfQouZGh0aHhxNCB7CiAgcG9zaXRpb246IGFic29sdXRlOwp9Ci5kaHRoeHE1IHsKICBwb3NpdGlvbjogcmVsYXRpdmU7Cn0KLmRodGh4cTcgewogIGRpc3BsYXk6IGZsZXg7Cn0KLmRodGh4cTggewogIGZsZXg6IDE7Cn0KLmRodGh4cTkgewogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0KLmRodGh4cWEgewogIGFsaWduLWl0ZW1zOiBmbGV4LWVuZDsKfQouZGh0aHhxYiB7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7Cn0KLmRodGh4cWMgewogIG92ZXJmbG93OiBoaWRkZW47Cn0KLmRodGh4cWQgewogIHdoaXRlLXNwYWNlOiBub3dyYXA7Cn0KLmRodGh4cWUgewogIHRleHQtYWxpZ246IGNlbnRlcjsKfQouZGh0aHhxZiB7CiAgY3Vyc29yOiBwb2ludGVyOwogIC13ZWJraXQtdGFwLWhpZ2hsaWdodC1jb2xvcjogdHJhbnNwYXJlbnQ7Cn0KLmRodGh4cWcgewogIGJveC1zaXppbmc6IGJvcmRlci1ib3g7Cn0KLmRodGh4cWggewogIGJveC1zaXppbmc6IGNvbnRlbnQtYm94Owp9Ci5kaHRoeHFpIHsKICBhcHBlYXJhbmNlOiBub25lOwogIGJvcmRlcjogMDsKICBwYWRkaW5nOiAwOwogIGJhY2tncm91bmQ6IG5vbmU7Cn0=", "vanilla-extract-css-ns:src/components/AppScreen.css.ts.vanilla.css?source=#H4sIAAAAAAAAE9WU0bKaMBCG732K3HRGpsQJes5pizd9k05IIgZDQkPQ03bOuzcEUAIK6vSmjhfisl/+3f2zqx8RFbuXzcsb+LMAIMHkkGpVSQqJEkrH4Ij1EsLS2MBOqBMsRJVyCRNccgIrDinP4TAr2C4+FquO/OVJ8jT1q6MajWXJDVcybn7vlM5bcvcmCkKgCky4+TWKeEhyQdaYliiwYRu6jBD6FAJkv34Sd0ktPwZoa59+Qy4pe48Hx0VBHTxxISDZY5myuMtriT/faLbOEBjA94ynexODCGmWb71exkBwybCGqcaUM2mWT80rBDpN8BI1BdY1uiLtUc3nLOhbT1s4DuNeuIt67YmuY5NpLJnDIm8kWRM8Mu06YOMl0UqIunXwxJIDN/AcbUJcpnbcqiL7ifmtx/M7m8UXEMfdOQ0+wdpporwsBLaCpJLMG3oEBvLvs+G5V65bI1RvXFk4825vdtnl1QkpyL8OI/NmV27GbZQz91RZ6IGy0D1l9U15b5EN6PBPdk8ICkypdR40qpjdhrgo7IOGzTKAl8MhrTSufzh39pDzG9ZnBrcMKWZc0HryphHyqfzX62tVupwTp2ZvB7Rav7ar78bV3PjZqjnxqR5c9i3BgrgLB+CjGCfne1kVhdKmBEtvLERJC7K7usQ7BrFm2BZVMlNHg8BJH1htMFcn7EFF4DPI8fvdWbn985q8cEa9a+DHRPFMHv/Pum8K70r+CyWqxT1LCQAA", "vanilla-extract-css-ns:src/components/AppBar.css.ts.vanilla.css?source=#H4sIAAAAAAAAE+1YyZLbIBC9z1dwSZWdMirkZRb5lkNuOeUDppCEbMYYFIG3SeXfA2hDkuWtXDlMxuWDBd1N9+vXTcveq39YTfB0hsDvBwDWlMMloYulCsAWZwMIpcLRKmFiB1O2WejtEEsawQ2FOE31QwZrneH84c+DV1r0rUWxJZlRv9xeqdG0NrbWQq28yMSGxzASTGSXW21rausAvEPKY7Ivrbz6MUumk+nUbu4oYzBaYr4gAVAZ5jIR2XoERIojqg5GxK5SRQUPOq7d7BmsrcJ4k2HzYzgCodhDucSx2F1uWWQxyU5YLRD+9Ri/jd980AI7FWVsOJSCbRTpyueAhW3VCq4COYYVmcQDH6EvI4D0d/gR4BvVcQIkG+CgNiIFawKA5v34aGR8lJH1RwSoWWJoWBVSZ8cAqYMvP01Mc6EXB97RGVnsyNaijZz4p3NSENbpRpO8G1WQBYBySRRA6R5EmEUD6IOv1+Io6TsZDgG6Cf/eWp6eKkhLOLRdfhLOIZFDI/8o5aajs9IO6aau8OlcuEQ71WQ/c3pRTo9149nNld9pLGHb6n986+UwPFoYygFyjfeDa4ZIiRMCcUYwtM0UKpHqwyLBtTpXg2PbFtD7nkf4tu8oJ9KnRqSXnlqNyU0W5MtXWjk10OU+PudTHI5jyhd68ADIm+nhoikTkHWqy8dIxlSmDOui4IKThtSL3b9y4qY6c86s7QZcFu0EobUcgeuoX9vtgcCM7rFaBmDsjfOA60yNvacOBi8BjhTdktac5o373Eb399lxJ7J+FCE029rMRndlHhTZq5483I941wJSO3X+xcTp3g1sTF81Eb1tpKLJQZvjinCd5ISRvfEhU/O6ACAjid7zC0IkWthOXHrJ85+fSqIwykn1Cux7s0p2V6yFgsXzcvij77a0ip6pl/qmsKj3jcqpO+O3WcCMLjikiqxlACIdEsmOxllvWTitmrtq/U7wmjJt3EDPCJQHqcwLxjcd6OoHjn7a5+9ashPpI0JtpEqQLJSzHP5jt94A6s1Gc76lRYr0310idzzs3A3SYXXsNuqCp8ibdDtV3qIa6NdUrXrd6YToGGFRQKVCq/GfaD7HyU2a10fIRLRq+J3k45Ehaf1/EGGMppLKFscoX5KMdtlYrTt2F303nAkzM2nLscIbJZqKZ669Top6TjI/tMpfW56iAkYTAAA=", "vanilla-extract-css-ns:src/components/BottomSheet.css.ts.vanilla.css?source=Ll8xaHQzOGgwMyB7CiAgdHJhbnNpdGlvbjogdmFyKC0tXzFodDM4aDAwKTsKfQouXzFodDM4aDA3IHsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDEwMCUsIDAsIDApOwp9Ci5fMWh0MzhoMGQgewogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXN0YWNrZmxvdy1wbHVnaW4tYmFzaWMtdWktZGltLWJhY2tncm91bmQtY29sb3IpOwogIHotaW5kZXg6IHZhcigtLV8xaHQzOGgwMSk7CiAgb3BhY2l0eTogMDsKfQouXzFodDM4aDA0IC5fMWh0MzhoMGQsIC5fMWh0MzhoMDUgLl8xaHQzOGgwZCB7CiAgb3BhY2l0eTogMTsKfQouXzFodDM4aDA2IC5fMWh0MzhoMGQsIC5fMWh0MzhoMDcgLl8xaHQzOGgwZCB7CiAgb3BhY2l0eTogMDsKfQouXzFodDM4aDBlIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zdGFja2Zsb3ctcGx1Z2luLWJhc2ljLXVpLWJhY2tncm91bmQtY29sb3IpOwogIHdpZHRoOiAxMDAlOwogIGJvcmRlci1yYWRpdXM6IHZhcigtLXN0YWNrZmxvdy1wbHVnaW4tYmFzaWMtdWktYm90dG9tLXNoZWV0LWJvcmRlci1yYWRpdXMpIHZhcigtLXN0YWNrZmxvdy1wbHVnaW4tYmFzaWMtdWktYm90dG9tLXNoZWV0LWJvcmRlci1yYWRpdXMpIDAgMDsKICB3aWxsLWNoYW5nZTogdHJhbnNmb3JtLCBvcGFjaXR5OwogIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoMCwgMTAwJSwgMCk7CiAgb3BhY2l0eTogMDsKfQouXzFodDM4aDA0IC5fMWh0MzhoMGUsIC5fMWh0MzhoMDUgLl8xaHQzOGgwZSB7CiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgwLCAwLCAwKTsKICBvcGFjaXR5OiAxOwp9Ci5fMWh0MzhoMDYgLl8xaHQzOGgwZSwgLl8xaHQzOGgwNyAuXzFodDM4aDBlIHsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDAsIDEwMCUsIDApOwogIG9wYWNpdHk6IDA7Cn0=", "vanilla-extract-css-ns:src/components/Modal.css.ts.vanilla.css?source=Ll81b3pnOGMzIHsKICB0cmFuc2l0aW9uOiB2YXIoLS1fNW96ZzhjMCk7Cn0KLl81b3pnOGM3IHsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDEwMCUsIDAsIDApOwp9Ci5fNW96ZzhjZCB7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc3RhY2tmbG93LXBsdWdpbi1iYXNpYy11aS1kaW0tYmFja2dyb3VuZC1jb2xvcik7CiAgei1pbmRleDogdmFyKC0tXzVvemc4YzEpOwogIG9wYWNpdHk6IDA7Cn0KLl81b3pnOGM0IC5fNW96ZzhjZCwgLl81b3pnOGM1IC5fNW96ZzhjZCB7CiAgb3BhY2l0eTogMTsKfQouXzVvemc4YzYgLl81b3pnOGNkLCAuXzVvemc4YzcgLl81b3pnOGNkIHsKICBvcGFjaXR5OiAwOwp9Ci5fNW96ZzhjZSB7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc3RhY2tmbG93LXBsdWdpbi1iYXNpYy11aS1iYWNrZ3JvdW5kLWNvbG9yKTsKICB3aWR0aDogMTAwJTsKICBtYXJnaW46IDAgMi41cmVtOwogIGJveC1zaGFkb3c6IDBweCAwLjYyNXJlbSAyLjM3NXJlbSByZ2JhKDAsIDAsIDAsIDAuMTUpLCAwcHggLjU2MjVyZW0gMi44NzVyZW0gcmdiYSgwLCAwLCAwLCAwLjEyKSwgMHB4IC4zMTI1cmVtIC45Mzc1cmVtIHJnYmEoMCwgMCwgMCwgMC4xKTsKICBib3JkZXItcmFkaXVzOiB2YXIoLS1zdGFja2Zsb3ctcGx1Z2luLWJhc2ljLXVpLWJvdHRvbS1zaGVldC1ib3JkZXItcmFkaXVzKTsKICB3aWxsLWNoYW5nZTogdHJhbnNmb3JtLCBvcGFjaXR5OwogIHRyYW5zZm9ybTogc2NhbGUoMS4xKTsKICBvcGFjaXR5OiAwOwp9Ci5fNW96ZzhjNCAuXzVvemc4Y2UsIC5fNW96ZzhjNSAuXzVvemc4Y2UgewogIHRyYW5zZm9ybTogc2NhbGUoMSk7CiAgb3BhY2l0eTogMTsKfQouXzVvemc4YzYgLl81b3pnOGNlLCAuXzVvemc4YzcgLl81b3pnOGNlIHsKICB0cmFuc2Zvcm06IHNjYWxlKDEuMSk7CiAgb3BhY2l0eTogMDsKfQ=="],
-  "sourcesContent": ["._1q6dj2j0 {\n  --stackflow-plugin-basic-ui-background-color: #fff;\n  --stackflow-plugin-basic-ui-dim-background-color: rgba(0, 0, 0, 0.15);\n  --stackflow-plugin-basic-ui-transition-duration: 0s;\n  --stackflow-plugin-basic-ui-computed-transition-duration: 0s;\n  --stackflow-plugin-basic-ui-app-bar-border-color: rgba(0, 0, 0, 0.07);\n  --stackflow-plugin-basic-ui-app-bar-border-color-transition-duration: 0s;\n  --stackflow-plugin-basic-ui-app-bar-border-size: 1px;\n  --stackflow-plugin-basic-ui-app-bar-height: 3.5rem;\n  --stackflow-plugin-basic-ui-app-bar-height-transition-duration: 0s;\n  --stackflow-plugin-basic-ui-app-bar-min-height: 3.5rem;\n  --stackflow-plugin-basic-ui-app-bar-icon-color: #212124;\n  --stackflow-plugin-basic-ui-app-bar-icon-color-transition-duration: 0s;\n  --stackflow-plugin-basic-ui-app-bar-text-color: #212124;\n  --stackflow-plugin-basic-ui-app-bar-text-color-transition-duration: 0s;\n  --stackflow-plugin-basic-ui-app-bar-background-color: #fff;\n  --stackflow-plugin-basic-ui-app-bar-background-color-transition-duration: 0s;\n  --stackflow-plugin-basic-ui-app-bar-overflow: hidden;\n  --stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top: 0px;\n  --stackflow-plugin-basic-ui-bottom-sheet-border-radius: 1rem;\n}\n._1q6dj2j1 {\n  --stackflow-plugin-basic-ui-background-color: #fff;\n  --stackflow-plugin-basic-ui-dim-background-color: rgba(0, 0, 0, 0.15);\n  --stackflow-plugin-basic-ui-transition-duration: 0s;\n  --stackflow-plugin-basic-ui-computed-transition-duration: 0s;\n  --stackflow-plugin-basic-ui-app-bar-border-color: rgba(0, 0, 0, 0.07);\n  --stackflow-plugin-basic-ui-app-bar-border-color-transition-duration: 0s;\n  --stackflow-plugin-basic-ui-app-bar-border-size: 0.5px;\n  --stackflow-plugin-basic-ui-app-bar-height: 2.75rem;\n  --stackflow-plugin-basic-ui-app-bar-height-transition-duration: 0s;\n  --stackflow-plugin-basic-ui-app-bar-min-height: 2.75rem;\n  --stackflow-plugin-basic-ui-app-bar-icon-color: #212124;\n  --stackflow-plugin-basic-ui-app-bar-icon-color-transition-duration: 0s;\n  --stackflow-plugin-basic-ui-app-bar-text-color: #212124;\n  --stackflow-plugin-basic-ui-app-bar-text-color-transition-duration: 0s;\n  --stackflow-plugin-basic-ui-app-bar-background-color: #fff;\n  --stackflow-plugin-basic-ui-app-bar-background-color-transition-duration: 0s;\n  --stackflow-plugin-basic-ui-app-bar-overflow: hidden;\n  --stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top: 0px;\n  --stackflow-plugin-basic-ui-bottom-sheet-border-radius: 1rem;\n}\n._1q6dj2j5 {\n  pointer-events: none;\n}", ".dhthxq0 {\n  width: 100%;\n}\n.dhthxq1 {\n  height: 100%;\n}\n.dhthxq2 {\n  top: 0;\n}\n.dhthxq3 {\n  left: 0;\n}\n.dhthxq4 {\n  position: absolute;\n}\n.dhthxq5 {\n  position: relative;\n}\n.dhthxq7 {\n  display: flex;\n}\n.dhthxq8 {\n  flex: 1;\n}\n.dhthxq9 {\n  align-items: center;\n}\n.dhthxqa {\n  align-items: flex-end;\n}\n.dhthxqb {\n  justify-content: center;\n}\n.dhthxqc {\n  overflow: hidden;\n}\n.dhthxqd {\n  white-space: nowrap;\n}\n.dhthxqe {\n  text-align: center;\n}\n.dhthxqf {\n  cursor: pointer;\n  -webkit-tap-highlight-color: transparent;\n}\n.dhthxqg {\n  box-sizing: border-box;\n}\n.dhthxqh {\n  box-sizing: content-box;\n}\n.dhthxqi {\n  appearance: none;\n  border: 0;\n  padding: 0;\n  background: none;\n}", "._1dlf4346 {\n  background-color: var(--stackflow-plugin-basic-ui-dim-background-color);\n}\n._1dlf4347 {\n  background-color: var(--stackflow-plugin-basic-ui-background-color);\n}\n._1dlf4348 {\n  transition: transform var(--_1dlf4340), opacity var(--_1dlf4340);\n}\n._1dlf434c {\n  transform: translate3d(100%, 0, 0);\n}\n._1dlf434i {\n  opacity: 0;\n  z-index: var(--_1dlf4341);\n  will-change: opacity;\n}\n._1q6dj2j0 ._1dlf434i {\n  height: 10rem;\n  background: linear-gradient(var(--stackflow-plugin-basic-ui-dim-background-color), rgba(0, 0, 0, 0));\n}\n\n        ._1dlf4349 ._1dlf434i,\n        ._1dlf434a ._1dlf434i\n       {\n  opacity: 1;\n}\n\n        ._1dlf434b ._1dlf434i,\n        ._1dlf434c ._1dlf434i\n       {\n  opacity: 0;\n}\n._1dlf434j {\n  overflow-y: scroll;\n  -webkit-overflow-scrolling: touch;\n  z-index: var(--_1dlf4342);\n  will-change: transform;\n}\n._1dlf434j::-webkit-scrollbar {\n  display: none;\n}\n._1q6dj2j1 ._1dlf434j {\n  transform: translate3d(100%, 0, 0);\n}\n\n          ._1q6dj2j1 ._1dlf4349 ._1dlf434j,\n          ._1q6dj2j1 ._1dlf434a ._1dlf434j\n         {\n  transform: translate3d(0, 0, 0);\n}\n._1q6dj2j0 ._1dlf434j {\n  opacity: 0;\n  transform: translate3d(0, 10rem, 0);\n}\n\n          ._1q6dj2j0 ._1dlf4349 ._1dlf434j,\n          ._1q6dj2j0 ._1dlf434a ._1dlf434j\n         {\n  opacity: 1;\n  transform: translate3d(0, 0, 0);\n}\n._1dlf434k {\n  transition: transform var(--_1dlf4340), opacity var(--_1dlf4340), padding-top var(--stackflow-plugin-basic-ui-app-bar-height-transition-duration);\n  padding-top: var(--stackflow-plugin-basic-ui-app-bar-height);\n}\n._1q6dj2j1 ._1dlf434l {\n  transform: translate3d(0, 100%, 0);\n}\n._1q6dj2j0 ._1dlf434m {\n  transform: translate3d(50%, 0, 0);\n}\n._1dlf434n {\n  width: 1.25rem;\n  z-index: var(--_1dlf4343);\n}\n._1dlf434o {\n  top: var(--stackflow-plugin-basic-ui-app-bar-height);\n  height: calc(100% - var(--stackflow-plugin-basic-ui-app-bar-height));\n}\n@supports (padding-top: constant(safe-area-inset-top)) {\n  ._1dlf434k {\n    padding-top: calc(var(--stackflow-plugin-basic-ui-app-bar-height) + max(var(--stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top), constant(safe-area-inset-top)));\n  }\n}\n@supports (padding-top: env(safe-area-inset-top)) {\n  ._1dlf434k {\n    padding-top: calc(var(--stackflow-plugin-basic-ui-app-bar-height) + max(var(--stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top), env(safe-area-inset-top)));\n  }\n}", "._1yk3a450 {\n  min-height: var(--stackflow-plugin-basic-ui-app-bar-min-height);\n}\n._1yk3a451 {\n  overflow: var(--stackflow-plugin-basic-ui-app-bar-overflow);\n}\n._1yk3a452 {\n  background-color: var(--stackflow-plugin-basic-ui-app-bar-background-color);\n  z-index: var(--_1dlf4344);\n  will-change: transform, opacity;\n  transition: background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration), box-shadow var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration);\n}\n._1q6dj2j1 ._1yk3a452 {\n  position: absolute;\n}\n._1q6dj2j1 ._1dlf434b ._1yk3a452 {\n  transform: translate3d(100%, 0, 0);\n  transition: background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration), box-shadow var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration), transform 0s;\n}\n._1q6dj2j0 ._1yk3a452 {\n  opacity: 0;\n  transform: translate3d(0, 10rem, 0);\n  transition: background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration), box-shadow var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration), transform var(--_1dlf4340), opacity var(--_1dlf4340);\n}\n\n          ._1q6dj2j0 ._1dlf4349 ._1yk3a452,\n          ._1q6dj2j0 ._1dlf434a ._1yk3a452\n         {\n  opacity: 1;\n  transform: translate3d(0, 0, 0);\n}\n._1yk3a453 {\n  box-shadow: inset 0px calc(-1 * var(--stackflow-plugin-basic-ui-app-bar-border-size)) 0 var(--stackflow-plugin-basic-ui-app-bar-border-color);\n}\n._1q6dj2j1 ._1yk3a454 {\n  transform: translate3d(0, 100vh, 0);\n  transition: background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration), box-shadow var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration), transform var(--_1dlf4340), opacity var(--_1dlf4340);\n}\n\n            ._1q6dj2j1 ._1dlf4349 ._1yk3a454,\n            ._1q6dj2j1 ._1dlf434a ._1yk3a454\n           {\n  transform: translate3d(0, 0, 0);\n}\n._1q6dj2j1 ._1dlf434b ._1yk3a454 {\n  transform: translate3d(0, 100vh, 0);\n  transition: background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration), box-shadow var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration), transform var(--_1dlf4340), opacity var(--_1dlf4340);\n}\n._1q6dj2j0 ._1yk3a455 {\n  opacity: 1;\n  transform: translate3d(0, 0, 0);\n}\n._1q6dj2j0 ._1dlf434b ._1yk3a455 {\n  transform: translate3d(100%, 0, 0);\n  transition: background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration), box-shadow var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration), transform 0s;\n}\n._1yk3a456 {\n  height: max(var(--stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top), constant(safe-area-inset-top));\n  height: max(var(--stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top), env(safe-area-inset-top));\n}\n._1yk3a457 {\n  height: var(--stackflow-plugin-basic-ui-app-bar-height);\n  transition: height var(--stackflow-plugin-basic-ui-app-bar-height-transition-duration);\n}\n._1yk3a458 {\n  padding: 0 0.5rem;\n}\n._1yk3a458:empty {\n  display: none;\n}\n._1yk3a459 {\n  color: var(--stackflow-plugin-basic-ui-app-bar-icon-color);\n  transition: opacity 300ms, color var(--stackflow-plugin-basic-ui-app-bar-icon-color-transition-duration);\n  width: 2.25rem;\n  height: 2.75rem;\n}\n._1yk3a459:active {\n  opacity: 0.2;\n  transition: opacity 0s, color var(--stackflow-plugin-basic-ui-app-bar-icon-color-transition-duration);\n}\n._1yk3a45c {\n  width: var(--_1dlf4345);\n  color: var(--stackflow-plugin-basic-ui-app-bar-text-color);\n  transition: height var(--stackflow-plugin-basic-ui-app-bar-height-transition-duration), color var(--stackflow-plugin-basic-ui-app-bar-text-color-transition-duration);\n}\n._1q6dj2j0 ._1yk3a45c {\n  width: 100%;\n  justify-content: flex-start;\n  padding-left: 1rem;\n  font-size: 1.1875rem;\n  line-height: 1.5;\n  font-weight: bold;\n  box-sizing: border-box;\n}\n._1q6dj2j1 ._1yk3a45c {\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  font-family: -apple-system, BlinkMacSystemFont;\n  font-weight: 600;\n  font-size: 1rem;\n  left: 50%;\n  transform: translate(-50%);\n  height: var(--stackflow-plugin-basic-ui-app-bar-height);\n  top: max(var(--stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top), constant(safe-area-inset-top));\n  top: max(var(--stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top), env(safe-area-inset-top));\n}\n._1q6dj2j0 ._1yk3a45d {\n  padding-left: 0.375rem;\n}\n._1yk3a45e {\n  left: 50%;\n  height: 1.25rem;\n  transform: translate(-50%);\n  max-width: 5rem;\n  display: none;\n  width: var(--_1dlf4345);\n}\n._1q6dj2j1 ._1yk3a45e {\n  display: block;\n}\n._1yk3a45f {\n  text-overflow: ellipsis;\n  font-size: inherit;\n  font-weight: inherit;\n}\n._1yk3a45g {\n  padding: 0 0.5rem;\n  margin-left: auto;\n}\n._1yk3a45g:empty {\n  display: none;\n}\n._1q6dj2j0 ._1yk3a45g {\n  padding: 0 0.5rem 0 0;\n}", "._1ht38h03 {\n  transition: var(--_1ht38h00);\n}\n._1ht38h07 {\n  transform: translate3d(100%, 0, 0);\n}\n._1ht38h0d {\n  background-color: var(--stackflow-plugin-basic-ui-dim-background-color);\n  z-index: var(--_1ht38h01);\n  opacity: 0;\n}\n._1ht38h04 ._1ht38h0d, ._1ht38h05 ._1ht38h0d {\n  opacity: 1;\n}\n._1ht38h06 ._1ht38h0d, ._1ht38h07 ._1ht38h0d {\n  opacity: 0;\n}\n._1ht38h0e {\n  background-color: var(--stackflow-plugin-basic-ui-background-color);\n  width: 100%;\n  border-radius: var(--stackflow-plugin-basic-ui-bottom-sheet-border-radius) var(--stackflow-plugin-basic-ui-bottom-sheet-border-radius) 0 0;\n  will-change: transform, opacity;\n  transform: translate3d(0, 100%, 0);\n  opacity: 0;\n}\n._1ht38h04 ._1ht38h0e, ._1ht38h05 ._1ht38h0e {\n  transform: translate3d(0, 0, 0);\n  opacity: 1;\n}\n._1ht38h06 ._1ht38h0e, ._1ht38h07 ._1ht38h0e {\n  transform: translate3d(0, 100%, 0);\n  opacity: 0;\n}", "._5ozg8c3 {\n  transition: var(--_5ozg8c0);\n}\n._5ozg8c7 {\n  transform: translate3d(100%, 0, 0);\n}\n._5ozg8cd {\n  background-color: var(--stackflow-plugin-basic-ui-dim-background-color);\n  z-index: var(--_5ozg8c1);\n  opacity: 0;\n}\n._5ozg8c4 ._5ozg8cd, ._5ozg8c5 ._5ozg8cd {\n  opacity: 1;\n}\n._5ozg8c6 ._5ozg8cd, ._5ozg8c7 ._5ozg8cd {\n  opacity: 0;\n}\n._5ozg8ce {\n  background-color: var(--stackflow-plugin-basic-ui-background-color);\n  width: 100%;\n  margin: 0 2.5rem;\n  box-shadow: 0px 0.625rem 2.375rem rgba(0, 0, 0, 0.15), 0px .5625rem 2.875rem rgba(0, 0, 0, 0.12), 0px .3125rem .9375rem rgba(0, 0, 0, 0.1);\n  border-radius: var(--stackflow-plugin-basic-ui-bottom-sheet-border-radius);\n  will-change: transform, opacity;\n  transform: scale(1.1);\n  opacity: 0;\n}\n._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}"],
-  "mappings": ";AAAA;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AACE;AAAA;;;AC3CF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AACA;AACA;AAAA;;;ACxDF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AACA;AAAA;AAEF;AACE;AACA;AAAA;AAGM;AAAA;AAGN;AAAA;AAGM;AAAA;AAGN;AAAA;AAEF;AACE;AACA;AACA;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAGQ;AAAA;AAGR;AAAA;AAEF;AACE;AACA;AAAA;AAGQ;AAAA;AAGR;AACA;AAAA;AAEF;AACE;AAAA;AAAA;AAAA;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AACE;AAAA;AAAA;AAGJ;AACE;AACE;AAAA;AAAA;;;ACvFJ;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AACA;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AAAA;AAAA;AAAA;AAAA;AAEF;AACE;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGQ;AAAA;AAGR;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGU;AAAA;AAGV;AAAA;AAEF;AACE;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AACA;AAAA;AAAA;AAAA;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AACA;AACA;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AACA;AACA;AAAA;AAEF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AACA;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;;;ACxIF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AACA;AAAA;AAEF;AAAA;AACE;AAAA;AAEF;AAAA;AACE;AAAA;AAEF;AACE;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AAAA;AACE;AACA;AAAA;AAEF;AAAA;AACE;AACA;AAAA;;;AC/BF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AACA;AAAA;AAEF;AAAA;AACE;AAAA;AAEF;AAAA;AACE;AAAA;AAEF;AACE;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAAA;AAEF;AAAA;AACE;AACA;AAAA;AAEF;AAAA;AACE;AACA;AAAA;",
+  "sources": ["vanilla-extract-css-ns:src/basicUIPlugin.css.ts.vanilla.css?source=#H4sIAAAAAAAAE+2U30rDMBTG7/cUAW8UTGmrdVAfRtLktD1bmxPzZw7FdzcbG95s1LaCCKW9SML55XyQ73zJS/b6pDb5JmUfK8Y4d17Ibd3RGzddaFDzSjiUPGBcyG1jKWjFJXVkS3ZT1/XzAKWwv0DaphK36T07/UlW3A1d5K3QDj2S5ipYcViULHVDmKTeBA9qKi+MiRvLK7IK7DX96XpQ/6WLfkmUw3coWWb2P+VawKb1JXtICgv9OGqu5j4eTuuPMrY8Wy/P4vc4Hp0r38PeTxTxjc5+90mjeI2eq4Z2YA8FJWtRKdBjnOBEDVxYEBy1g2guMrH1sJMr8p567lqI0GkMrFAYXByEo6c+V8k527Il2/55tqVJMT7d8mT9t/E2UsCSb0u+Tcq34phvhlD7WAY70D6WadIQy74Agy2ZNuIJAAA=", "vanilla-extract-css-ns:src/styles/f.css.ts.vanilla.css?source=LmRodGh4cTAgewogIHdpZHRoOiAxMDAlOwp9Ci5kaHRoeHExIHsKICBoZWlnaHQ6IDEwMCU7Cn0KLmRodGh4cTIgewogIHRvcDogMDsKfQouZGh0aHhxMyB7CiAgbGVmdDogMDsKfQouZGh0aHhxNCB7CiAgcG9zaXRpb246IGFic29sdXRlOwp9Ci5kaHRoeHE1IHsKICBwb3NpdGlvbjogcmVsYXRpdmU7Cn0KLmRodGh4cTcgewogIGRpc3BsYXk6IGZsZXg7Cn0KLmRodGh4cTggewogIGZsZXg6IDE7Cn0KLmRodGh4cTkgewogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0KLmRodGh4cWEgewogIGFsaWduLWl0ZW1zOiBmbGV4LWVuZDsKfQouZGh0aHhxYiB7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7Cn0KLmRodGh4cWMgewogIG92ZXJmbG93OiBoaWRkZW47Cn0KLmRodGh4cWQgewogIHdoaXRlLXNwYWNlOiBub3dyYXA7Cn0KLmRodGh4cWUgewogIHRleHQtYWxpZ246IGNlbnRlcjsKfQouZGh0aHhxZiB7CiAgY3Vyc29yOiBwb2ludGVyOwogIC13ZWJraXQtdGFwLWhpZ2hsaWdodC1jb2xvcjogdHJhbnNwYXJlbnQ7Cn0KLmRodGh4cWcgewogIGJveC1zaXppbmc6IGJvcmRlci1ib3g7Cn0KLmRodGh4cWggewogIGJveC1zaXppbmc6IGNvbnRlbnQtYm94Owp9Ci5kaHRoeHFpIHsKICBhcHBlYXJhbmNlOiBub25lOwogIGJvcmRlcjogMDsKICBwYWRkaW5nOiAwOwogIGJhY2tncm91bmQ6IG5vbmU7Cn0=", "vanilla-extract-css-ns:src/components/AppScreen.css.ts.vanilla.css?source=#H4sIAAAAAAAAE9WU0bKaMBCG732K3HRGpsQJenpOizd9k05IIgZDQkPQ03bOuzcEUAIK6vSmjhfisl/+f3ezqx8RFbuXzcsr+LMAIMHkkGpVSQqJEkrH4Ij1EsLS2MBOqBMsRJVyCRNccgIrDinP4TAr2C4+FquO/PYkeZr61VGNxrLkhisZN793SuctuXsTBSFQBSbc/BpFPCS5IGtMSxTYsA1dRgh9CgGyXz+Ju6SWHwO0tU+/IZeUvceD46KgDp64EJDssUxZ3OW1xJ+vNFtnCAzge8bTvYlBhDTLt14tYyC4ZFjDVGPKmTTLp/oVAp0meIkag7VHZ9Ie1XzOgr71tIXjMO6Fu6hXnug6NpnGkjks8lqSNcEj064CNl4SrYSoSwdPLDlwA8/RJsRlatutKrKf6N963L/zsPgC4rg7p8EnWDtNlJeFwFaQVJJ5TY/AQP59Y3iulavWCNVrVxbOvNvrXXZ5dUIK8q/DaHizKzfjNsoN95Qt9IAtdI+t/lDea7IBHf7J7glBgSm1kweNKma3IS4K+6Bhswzg5XBIK43rH246e8j5Deszg1sDKWamoJ1Jv0a5Szpxava2wqv1l3Z33bhbGz9bNkc+ZeKyMAkWxN0YAB/FODnfy6oolDYlWHp1JUpakF22Jd4xiDXD1lTJTB0NAid9MCuDxjhhDyoCn0GO3+/Oyu2f1+SFM+pdAT8mzDN5/D993xTeWf4LpNp3kwwJAAA=", "vanilla-extract-css-ns:src/components/AppBar.css.ts.vanilla.css?source=#H4sIAAAAAAAAE+1YS2/bMAy+91foMiAZIkPOo+2c2w677bQfUMi2nKhRJM9SXh323yfJL9mOnaQIdiga5GBLJEV+/Egx8V7802aG5wsE/jwAsKUcrgldrVUA9jgbQSgVjjYJEweYst1Kb4dY0gjuKMRpql8yWOuMlw9/H7zSom8tij3JjPr19kqNprWptRZq5VUmdjyGkWAiu95qW1NbB+ANUh6TY2nlxY9ZMp/N53bzQBmD0RrzFQmAyjCXici2EyBSHFF1MiJ2lSoqeNBx7d2ewdoqjHcZNg/jCQjFEco1jsXhessii0k2YLVA+Pdj/Dp99UEL7FSUseFQCrZTpCufAxa2VSu4CuQYVmQWj3yEvkwA0t/xR4BvUscJkGyAg9qIFKwJAFr246OR8VFGth8RoGaJoXFVSJ0dA6QOvvw0Mc2FvjnwTi7IYke2Fm3kxB/OSUFYpxvN8m5UQRYAyiVRAKVHEGEWjaAPvt6Ko6RvZDwG6F3499byfKggLeHQfv1JOIdEDo38s5SbTy5KO6Sbu8LDuXCJNtRkP3N6VU4rvBYWr3Kw2eLj6JbhRuKEQJwRDG2RQyVSfXAkuFbnanRu2wJ/3/MI3/cd5UT62Ij02lOr8a3Jlnz5RitDg0bu41M+XeA4pnylL0SAvIW+9JoyAdmmOq1GMqYyZVi3aS44aUg92/0bJ0GqM+fMgG7AJZlmCG3lBNxWIrXdHgjMSBmrdQCm3jQPuM7U1HvqYPAc4EjRPWnND960z210f58dd0LrRxFCs9wWNrob86DIUfXk4X7EuxWQ2qnLA7Mz4zWwMVOuieh1JxVNTtocV4TrJCeMHI0PmVrWBQAZSfSeXxAi0cJ2EtBLnv/8VBKFUU6qn2a+t6hkD8VaKFi8LIcS+mZLq+iteqlvOgh7J32n7ozfZgEzuuKQKrKVAYh0SCQ7G2e9ZeG0au6q9TvBW8q0cQM9I1CepDKD73cd6OYnjn7Z9x9ashPpI0JtpEqQLJSLHP5z1+MI6s1Gc35PixTp/7tE7njYpRukw+rIbdQFT5E363aq2Ao20K+pWvW64YToGGFRQKVCq/EPNJ/z5I6b10fIRLRp+J23VkvS+n8KwhhNJZUtjlG+JhntsrFad+wmfTecCTMzacuxwjslmooXrr1OinpOMg9a5R/4yDzf3hEAAA==", "vanilla-extract-css-ns:src/components/BottomSheet.css.ts.vanilla.css?source=Ll8xaHQzOGgwMyB7CiAgdHJhbnNpdGlvbjogdmFyKC0tXzFodDM4aDAwKTsKfQouXzFodDM4aDA3IHsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDEwMCUsIDAsIDApOwp9Ci5fMWh0MzhoMGQgewogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXN0YWNrZmxvdy1wbHVnaW4tYmFzaWMtdWktZGltLWJhY2tncm91bmQtY29sb3IpOwogIHotaW5kZXg6IHZhcigtLV8xaHQzOGgwMSk7CiAgb3BhY2l0eTogMDsKfQouXzFodDM4aDA0IC5fMWh0MzhoMGQsIC5fMWh0MzhoMDUgLl8xaHQzOGgwZCB7CiAgb3BhY2l0eTogMTsKfQouXzFodDM4aDA2IC5fMWh0MzhoMGQsIC5fMWh0MzhoMDcgLl8xaHQzOGgwZCB7CiAgb3BhY2l0eTogMDsKfQouXzFodDM4aDBlIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zdGFja2Zsb3ctcGx1Z2luLWJhc2ljLXVpLWJhY2tncm91bmQtY29sb3IpOwogIHdpZHRoOiAxMDAlOwogIGJvcmRlci1yYWRpdXM6IHZhcigtLXN0YWNrZmxvdy1wbHVnaW4tYmFzaWMtdWktYm90dG9tLXNoZWV0LWJvcmRlci1yYWRpdXMpIHZhcigtLXN0YWNrZmxvdy1wbHVnaW4tYmFzaWMtdWktYm90dG9tLXNoZWV0LWJvcmRlci1yYWRpdXMpIDAgMDsKICB3aWxsLWNoYW5nZTogdHJhbnNmb3JtLCBvcGFjaXR5OwogIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoMCwgMTAwJSwgMCk7CiAgb3BhY2l0eTogMDsKfQouXzFodDM4aDA0IC5fMWh0MzhoMGUsIC5fMWh0MzhoMDUgLl8xaHQzOGgwZSB7CiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgwLCAwLCAwKTsKICBvcGFjaXR5OiAxOwp9Ci5fMWh0MzhoMDYgLl8xaHQzOGgwZSwgLl8xaHQzOGgwNyAuXzFodDM4aDBlIHsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDAsIDEwMCUsIDApOwogIG9wYWNpdHk6IDA7Cn0=", "vanilla-extract-css-ns:src/components/Modal.css.ts.vanilla.css?source=Ll81b3pnOGMzIHsKICB0cmFuc2l0aW9uOiB2YXIoLS1fNW96ZzhjMCk7Cn0KLl81b3pnOGM3IHsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDEwMCUsIDAsIDApOwp9Ci5fNW96ZzhjZCB7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc3RhY2tmbG93LXBsdWdpbi1iYXNpYy11aS1kaW0tYmFja2dyb3VuZC1jb2xvcik7CiAgei1pbmRleDogdmFyKC0tXzVvemc4YzEpOwogIG9wYWNpdHk6IDA7Cn0KLl81b3pnOGM0IC5fNW96ZzhjZCwgLl81b3pnOGM1IC5fNW96ZzhjZCB7CiAgb3BhY2l0eTogMTsKfQouXzVvemc4YzYgLl81b3pnOGNkLCAuXzVvemc4YzcgLl81b3pnOGNkIHsKICBvcGFjaXR5OiAwOwp9Ci5fNW96ZzhjZSB7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc3RhY2tmbG93LXBsdWdpbi1iYXNpYy11aS1iYWNrZ3JvdW5kLWNvbG9yKTsKICB3aWR0aDogMTAwJTsKICBtYXJnaW46IDAgMi41cmVtOwogIGJveC1zaGFkb3c6IDBweCAwLjYyNXJlbSAyLjM3NXJlbSByZ2JhKDAsIDAsIDAsIDAuMTUpLCAwcHggLjU2MjVyZW0gMi44NzVyZW0gcmdiYSgwLCAwLCAwLCAwLjEyKSwgMHB4IC4zMTI1cmVtIC45Mzc1cmVtIHJnYmEoMCwgMCwgMCwgMC4xKTsKICBib3JkZXItcmFkaXVzOiB2YXIoLS1zdGFja2Zsb3ctcGx1Z2luLWJhc2ljLXVpLWJvdHRvbS1zaGVldC1ib3JkZXItcmFkaXVzKTsKICB3aWxsLWNoYW5nZTogdHJhbnNmb3JtLCBvcGFjaXR5OwogIHRyYW5zZm9ybTogc2NhbGUoMS4xKTsKICBvcGFjaXR5OiAwOwp9Ci5fNW96ZzhjNCAuXzVvemc4Y2UsIC5fNW96ZzhjNSAuXzVvemc4Y2UgewogIHRyYW5zZm9ybTogc2NhbGUoMSk7CiAgb3BhY2l0eTogMTsKfQouXzVvemc4YzYgLl81b3pnOGNlLCAuXzVvemc4YzcgLl81b3pnOGNlIHsKICB0cmFuc2Zvcm06IHNjYWxlKDEuMSk7CiAgb3BhY2l0eTogMDsKfQ=="],
+  "sourcesContent": ["._1q6dj2j0 {\n  --stackflow-plugin-basic-ui-background-color: #fff;\n  --stackflow-plugin-basic-ui-dim-background-color: rgba(0, 0, 0, 0.15);\n  --stackflow-plugin-basic-ui-transition-duration: 0s;\n  --stackflow-plugin-basic-ui-computed-transition-duration: 0s;\n  --stackflow-plugin-basic-ui-app-bar-border-color: rgba(0, 0, 0, 0.07);\n  --stackflow-plugin-basic-ui-app-bar-border-color-transition-duration: 0s;\n  --stackflow-plugin-basic-ui-app-bar-border-size: 1px;\n  --stackflow-plugin-basic-ui-app-bar-height: 3.5rem;\n  --stackflow-plugin-basic-ui-app-bar-height-transition-duration: 0s;\n  --stackflow-plugin-basic-ui-app-bar-min-height: 3.5rem;\n  --stackflow-plugin-basic-ui-app-bar-icon-color: #212124;\n  --stackflow-plugin-basic-ui-app-bar-icon-color-transition-duration: 0s;\n  --stackflow-plugin-basic-ui-app-bar-text-color: #212124;\n  --stackflow-plugin-basic-ui-app-bar-text-color-transition-duration: 0s;\n  --stackflow-plugin-basic-ui-app-bar-background-color: #fff;\n  --stackflow-plugin-basic-ui-app-bar-background-color-transition-duration: 0s;\n  --stackflow-plugin-basic-ui-app-bar-overflow: hidden;\n  --stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top: 0px;\n  --stackflow-plugin-basic-ui-bottom-sheet-border-radius: 1rem;\n}\n._1q6dj2j1 {\n  --stackflow-plugin-basic-ui-background-color: #fff;\n  --stackflow-plugin-basic-ui-dim-background-color: rgba(0, 0, 0, 0.15);\n  --stackflow-plugin-basic-ui-transition-duration: 0s;\n  --stackflow-plugin-basic-ui-computed-transition-duration: 0s;\n  --stackflow-plugin-basic-ui-app-bar-border-color: rgba(0, 0, 0, 0.07);\n  --stackflow-plugin-basic-ui-app-bar-border-color-transition-duration: 0s;\n  --stackflow-plugin-basic-ui-app-bar-border-size: 0.5px;\n  --stackflow-plugin-basic-ui-app-bar-height: 2.75rem;\n  --stackflow-plugin-basic-ui-app-bar-height-transition-duration: 0s;\n  --stackflow-plugin-basic-ui-app-bar-min-height: 2.75rem;\n  --stackflow-plugin-basic-ui-app-bar-icon-color: #212124;\n  --stackflow-plugin-basic-ui-app-bar-icon-color-transition-duration: 0s;\n  --stackflow-plugin-basic-ui-app-bar-text-color: #212124;\n  --stackflow-plugin-basic-ui-app-bar-text-color-transition-duration: 0s;\n  --stackflow-plugin-basic-ui-app-bar-background-color: #fff;\n  --stackflow-plugin-basic-ui-app-bar-background-color-transition-duration: 0s;\n  --stackflow-plugin-basic-ui-app-bar-overflow: hidden;\n  --stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top: 0px;\n  --stackflow-plugin-basic-ui-bottom-sheet-border-radius: 1rem;\n}\n._1q6dj2j5 {\n  pointer-events: none;\n}", ".dhthxq0 {\n  width: 100%;\n}\n.dhthxq1 {\n  height: 100%;\n}\n.dhthxq2 {\n  top: 0;\n}\n.dhthxq3 {\n  left: 0;\n}\n.dhthxq4 {\n  position: absolute;\n}\n.dhthxq5 {\n  position: relative;\n}\n.dhthxq7 {\n  display: flex;\n}\n.dhthxq8 {\n  flex: 1;\n}\n.dhthxq9 {\n  align-items: center;\n}\n.dhthxqa {\n  align-items: flex-end;\n}\n.dhthxqb {\n  justify-content: center;\n}\n.dhthxqc {\n  overflow: hidden;\n}\n.dhthxqd {\n  white-space: nowrap;\n}\n.dhthxqe {\n  text-align: center;\n}\n.dhthxqf {\n  cursor: pointer;\n  -webkit-tap-highlight-color: transparent;\n}\n.dhthxqg {\n  box-sizing: border-box;\n}\n.dhthxqh {\n  box-sizing: content-box;\n}\n.dhthxqi {\n  appearance: none;\n  border: 0;\n  padding: 0;\n  background: none;\n}", "._1dlf4346 {\n  background-color: var(--stackflow-plugin-basic-ui-dim-background-color);\n}\n._1dlf4347 {\n  background-color: var(--stackflow-plugin-basic-ui-background-color);\n}\n._1dlf4348 {\n  transition: transform var(--_1dlf4340), opacity var(--_1dlf4340);\n}\n._1dlf434c {\n  transform: translate3d(100%, 0, 0);\n}\n._1dlf434i {\n  opacity: 0;\n  z-index: var(--_1dlf4341);\n  will-change: opacity;\n}\n._1q6dj2j0 ._1dlf434i {\n  height: 10rem;\n  background: linear-gradient(var(--stackflow-plugin-basic-ui-dim-background-color), rgba(0, 0, 0, 0));\n}\n\n        ._1dlf4349 ._1dlf434i,\n        ._1dlf434a ._1dlf434i\n       {\n  opacity: 1;\n}\n\n        ._1dlf434b ._1dlf434i,\n        ._1dlf434c ._1dlf434i\n       {\n  opacity: 0;\n}\n._1dlf434j {\n  overflow-y: scroll;\n  -webkit-overflow-scrolling: touch;\n  z-index: var(--_1dlf4342);\n  will-change: transform;\n}\n._1dlf434j::-webkit-scrollbar {\n  display: none;\n}\n._1q6dj2j1 ._1dlf434j {\n  transform: translate3d(100%, 0, 0);\n}\n\n          ._1q6dj2j1 ._1dlf4349 ._1dlf434j,\n          ._1q6dj2j1 ._1dlf434a ._1dlf434j\n         {\n  transform: translate3d(0, 0, 0);\n}\n._1q6dj2j0 ._1dlf434j {\n  opacity: 0;\n  transform: translate3d(0, 10rem, 0);\n}\n\n          ._1q6dj2j0 ._1dlf4349 ._1dlf434j,\n          ._1q6dj2j0 ._1dlf434a ._1dlf434j\n         {\n  opacity: 1;\n  transform: translate3d(0, 0, 0);\n}\n._1dlf434k {\n  transition: transform var(--_1dlf4340), opacity var(--_1dlf4340), padding-top var(--stackflow-plugin-basic-ui-app-bar-height-transition-duration);\n  padding-top: var(--stackflow-plugin-basic-ui-app-bar-height);\n}\n._1q6dj2j1 ._1dlf434l {\n  transform: translate3d(0, 100%, 0);\n}\n._1dlf434m {\n  width: 1.25rem;\n  z-index: var(--_1dlf4343);\n}\n._1dlf434n {\n  top: var(--stackflow-plugin-basic-ui-app-bar-height);\n  height: calc(100% - var(--stackflow-plugin-basic-ui-app-bar-height));\n}\n@supports (padding-top: constant(safe-area-inset-top)) {\n  ._1dlf434k {\n    padding-top: calc(var(--stackflow-plugin-basic-ui-app-bar-height) + max(var(--stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top), constant(safe-area-inset-top)));\n  }\n}\n@supports (padding-top: env(safe-area-inset-top)) {\n  ._1dlf434k {\n    padding-top: calc(var(--stackflow-plugin-basic-ui-app-bar-height) + max(var(--stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top), env(safe-area-inset-top)));\n  }\n}", "._1yk3a450 {\n  min-height: var(--stackflow-plugin-basic-ui-app-bar-min-height);\n}\n._1yk3a451 {\n  overflow: var(--stackflow-plugin-basic-ui-app-bar-overflow);\n}\n._1yk3a452 {\n  background-color: var(--stackflow-plugin-basic-ui-app-bar-background-color);\n  z-index: var(--_1dlf4344);\n  will-change: transform, opacity;\n  transition: background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration), box-shadow var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration);\n}\n._1q6dj2j1 ._1yk3a452 {\n  position: absolute;\n}\n._1q6dj2j1 ._1dlf434b ._1yk3a452 {\n  transform: translate3d(100%, 0, 0);\n  transition: background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration), box-shadow var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration), transform 0s;\n}\n._1q6dj2j0 ._1yk3a452 {\n  opacity: 0;\n  transform: translate3d(0, 10rem, 0);\n  transition: background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration), box-shadow var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration), transform var(--_1dlf4340), opacity var(--_1dlf4340);\n}\n\n          ._1q6dj2j0 ._1dlf4349 ._1yk3a452,\n          ._1q6dj2j0 ._1dlf434a ._1yk3a452\n         {\n  opacity: 1;\n  transform: translate3d(0, 0, 0);\n}\n._1yk3a453 {\n  box-shadow: inset 0px calc(-1 * var(--stackflow-plugin-basic-ui-app-bar-border-size)) 0 var(--stackflow-plugin-basic-ui-app-bar-border-color);\n}\n._1q6dj2j1 ._1yk3a454 {\n  transform: translate3d(0, 100vh, 0);\n  transition: background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration), box-shadow var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration), transform var(--_1dlf4340), opacity var(--_1dlf4340);\n}\n\n            ._1q6dj2j1 ._1dlf4349 ._1yk3a454,\n            ._1q6dj2j1 ._1dlf434a ._1yk3a454\n           {\n  transform: translate3d(0, 0, 0);\n}\n._1q6dj2j1 ._1dlf434b ._1yk3a454 {\n  transform: translate3d(0, 100vh, 0);\n  transition: background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration), box-shadow var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration), transform var(--_1dlf4340), opacity var(--_1dlf4340);\n}\n._1yk3a455 {\n  height: max(var(--stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top), constant(safe-area-inset-top));\n  height: max(var(--stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top), env(safe-area-inset-top));\n}\n._1yk3a456 {\n  height: var(--stackflow-plugin-basic-ui-app-bar-height);\n  transition: height var(--stackflow-plugin-basic-ui-app-bar-height-transition-duration);\n}\n._1yk3a457 {\n  padding: 0 0.5rem;\n}\n._1yk3a457:empty {\n  display: none;\n}\n._1yk3a458 {\n  color: var(--stackflow-plugin-basic-ui-app-bar-icon-color);\n  transition: opacity 300ms, color var(--stackflow-plugin-basic-ui-app-bar-icon-color-transition-duration);\n  width: 2.25rem;\n  height: 2.75rem;\n}\n._1yk3a458:active {\n  opacity: 0.2;\n  transition: opacity 0s, color var(--stackflow-plugin-basic-ui-app-bar-icon-color-transition-duration);\n}\n._1yk3a45b {\n  width: var(--_1dlf4345);\n  color: var(--stackflow-plugin-basic-ui-app-bar-text-color);\n  transition: height var(--stackflow-plugin-basic-ui-app-bar-height-transition-duration), color var(--stackflow-plugin-basic-ui-app-bar-text-color-transition-duration);\n}\n._1q6dj2j0 ._1yk3a45b {\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._1q6dj2j1 ._1yk3a45b {\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: max(var(--stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top), constant(safe-area-inset-top));\n  top: max(var(--stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top), env(safe-area-inset-top));\n}\n._1q6dj2j0 ._1yk3a45c {\n  padding-left: 0.375rem;\n}\n._1yk3a45d {\n  left: 50%;\n  height: 1.25rem;\n  transform: translate(-50%);\n  max-width: 5rem;\n  display: none;\n  width: var(--_1dlf4345);\n}\n._1q6dj2j1 ._1yk3a45d {\n  display: block;\n}\n._1yk3a45e {\n  text-overflow: ellipsis;\n  font-size: inherit;\n  font-weight: inherit;\n}\n._1yk3a45f {\n  padding: 0 0.5rem;\n  margin-left: auto;\n}\n._1yk3a45f:empty {\n  display: none;\n}\n._1q6dj2j0 ._1yk3a45f {\n  padding: 0 0.5rem 0 0;\n}", "._1ht38h03 {\n  transition: var(--_1ht38h00);\n}\n._1ht38h07 {\n  transform: translate3d(100%, 0, 0);\n}\n._1ht38h0d {\n  background-color: var(--stackflow-plugin-basic-ui-dim-background-color);\n  z-index: var(--_1ht38h01);\n  opacity: 0;\n}\n._1ht38h04 ._1ht38h0d, ._1ht38h05 ._1ht38h0d {\n  opacity: 1;\n}\n._1ht38h06 ._1ht38h0d, ._1ht38h07 ._1ht38h0d {\n  opacity: 0;\n}\n._1ht38h0e {\n  background-color: var(--stackflow-plugin-basic-ui-background-color);\n  width: 100%;\n  border-radius: var(--stackflow-plugin-basic-ui-bottom-sheet-border-radius) var(--stackflow-plugin-basic-ui-bottom-sheet-border-radius) 0 0;\n  will-change: transform, opacity;\n  transform: translate3d(0, 100%, 0);\n  opacity: 0;\n}\n._1ht38h04 ._1ht38h0e, ._1ht38h05 ._1ht38h0e {\n  transform: translate3d(0, 0, 0);\n  opacity: 1;\n}\n._1ht38h06 ._1ht38h0e, ._1ht38h07 ._1ht38h0e {\n  transform: translate3d(0, 100%, 0);\n  opacity: 0;\n}", "._5ozg8c3 {\n  transition: var(--_5ozg8c0);\n}\n._5ozg8c7 {\n  transform: translate3d(100%, 0, 0);\n}\n._5ozg8cd {\n  background-color: var(--stackflow-plugin-basic-ui-dim-background-color);\n  z-index: var(--_5ozg8c1);\n  opacity: 0;\n}\n._5ozg8c4 ._5ozg8cd, ._5ozg8c5 ._5ozg8cd {\n  opacity: 1;\n}\n._5ozg8c6 ._5ozg8cd, ._5ozg8c7 ._5ozg8cd {\n  opacity: 0;\n}\n._5ozg8ce {\n  background-color: var(--stackflow-plugin-basic-ui-background-color);\n  width: 100%;\n  margin: 0 2.5rem;\n  box-shadow: 0px 0.625rem 2.375rem rgba(0, 0, 0, 0.15), 0px .5625rem 2.875rem rgba(0, 0, 0, 0.12), 0px .3125rem .9375rem rgba(0, 0, 0, 0.1);\n  border-radius: var(--stackflow-plugin-basic-ui-bottom-sheet-border-radius);\n  will-change: transform, opacity;\n  transform: scale(1.1);\n  opacity: 0;\n}\n._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}"],
+  "mappings": ";AAAA;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AACE;AAAA;;;AC3CF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AACA;AACA;AAAA;;;ACxDF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AACA;AAAA;AAEF;AACE;AACA;AAAA;AAGM;AAAA;AAGN;AAAA;AAGM;AAAA;AAGN;AAAA;AAEF;AACE;AACA;AACA;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAGQ;AAAA;AAGR;AAAA;AAEF;AACE;AACA;AAAA;AAGQ;AAAA;AAGR;AACA;AAAA;AAEF;AACE;AAAA;AAAA;AAAA;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AACE;AAAA;AAAA;AAGJ;AACE;AACE;AAAA;AAAA;;;ACpFJ;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AACA;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AAAA;AAAA;AAAA;AAAA;AAEF;AACE;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGQ;AAAA;AAGR;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGU;AAAA;AAGV;AAAA;AAEF;AACE;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AACA;AACA;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AACA;AACA;AAAA;AAEF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AACA;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;;;AChIF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AACA;AAAA;AAEF;AAAA;AACE;AAAA;AAEF;AAAA;AACE;AAAA;AAEF;AACE;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AAAA;AACE;AACA;AAAA;AAEF;AAAA;AACE;AACA;AAAA;;;AC/BF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AACA;AAAA;AAEF;AAAA;AACE;AAAA;AAEF;AAAA;AACE;AAAA;AAEF;AACE;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAAA;AAEF;AAAA;AACE;AACA;AAAA;AAEF;AAAA;AACE;AACA;AAAA;",
   "names": []
 }

package/dist/index.js CHANGED Viewed

@@ -365,28 +365,13 @@ var OFFSET_PX_CUPERTINO = 80;
 function useStyleEffectOffset({
   refs,
   theme,
-  activityEnterStyle,
   hasEffect
 }) {
   useStyleEffect({
     styleName: "offset",
     refs,
     effect: hasEffect ? ({ activityTransitionState, refs: refs2 }) => {
-      let transform;
-      let opacity;
-      switch (theme) {
-        case "cupertino": {
-          transform = `translate3d(-${OFFSET_PX_CUPERTINO / 16}rem, 0, 0)`;
-          opacity = "1";
-          break;
-        }
-        case "android":
-        default: {
-          transform = activityEnterStyle === "slideInLeft" ? `translate3d(-50%, 0, 0)` : `translate3d(0, -${OFFSET_PX_ANDROID / 16}rem, 0)`;
-          opacity = activityEnterStyle === "slideInLeft" ? "0" : "1";
-          break;
-        }
-      }
+      const transform = theme === "cupertino" ? `translate3d(-${OFFSET_PX_CUPERTINO / 16}rem, 0, 0)` : `translate3d(0, -${OFFSET_PX_ANDROID / 16}rem, 0)`;
       const cleanup = () => {
         requestNextFrame(() => {
           refs2.forEach((ref) => {
@@ -395,7 +380,6 @@ function useStyleEffectOffset({
             }
             const $el = ref.current;
             $el.style.transform = "";
-            $el.style.opacity = "";
             listenOnce($el, "transitionend", () => {
               $el.style.transition = "";
             });
@@ -411,7 +395,6 @@ function useStyleEffectOffset({
             }
             ref.current.style.transition = globalVars.computedTransitionDuration;
             ref.current.style.transform = transform;
-            ref.current.style.opacity = opacity;
           });
           switch (activityTransitionState) {
             case "enter-done":
@@ -442,10 +425,10 @@ function useStyleEffectOffset({
 var import_createRuntimeFn2 = require("@vanilla-extract/recipes/createRuntimeFn");
 var appScreen = (0, import_createRuntimeFn2.createRuntimeFn)({ defaultClassName: "dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 dhthxqc", variantClassNames: { transitionState: { "enter-active": "_1dlf4349", "enter-done": "_1dlf434a", "exit-active": "_1dlf434b", "exit-done": "_1dlf434c" } }, defaultVariants: {}, compoundVariants: [] });
 var dim = "_1dlf434i dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 _1dlf4346 _1dlf4348";
-var edge = (0, import_createRuntimeFn2.createRuntimeFn)({ defaultClassName: "_1dlf434n dhthxq4 dhthxq2 dhthxq3 dhthxq1", variantClassNames: { hasAppBar: { true: "_1dlf434o" } }, defaultVariants: {}, compoundVariants: [] });
+var edge = (0, import_createRuntimeFn2.createRuntimeFn)({ defaultClassName: "_1dlf434m dhthxq4 dhthxq2 dhthxq3 dhthxq1", variantClassNames: { hasAppBar: { true: "_1dlf434n" } }, defaultVariants: {}, compoundVariants: [] });
 var exitActive = "_1dlf434b";
 var exitDone = "_1dlf434c";
-var paper = (0, import_createRuntimeFn2.createRuntimeFn)({ defaultClassName: "_1dlf434j dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 _1dlf4347 _1dlf4348", variantClassNames: { hasAppBar: { true: "_1dlf434k dhthxqg" }, modalPresentationStyle: { fullScreen: "_1dlf434l" }, activityEnterStyle: { slideInLeft: "_1dlf434m" } }, defaultVariants: {}, compoundVariants: [] });
+var paper = (0, import_createRuntimeFn2.createRuntimeFn)({ defaultClassName: "_1dlf434j dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 _1dlf4347 _1dlf4348", variantClassNames: { hasAppBar: { true: "_1dlf434k dhthxqg" }, presentModalFullScreen: { true: "_1dlf434l" } }, defaultVariants: {}, compoundVariants: [] });
 var vars = { transitionDuration: "var(--_1dlf4340)", zIndexes: { dim: "var(--_1dlf4341)", paper: "var(--_1dlf4342)", edge: "var(--_1dlf4343)", appBar: "var(--_1dlf4344)" }, appBar: { center: { mainWidth: "var(--_1dlf4345)" } } };
 // src/hooks/useStyleEffectSwipeBack.ts
@@ -628,31 +611,30 @@ var import_react7 = require("react");
 // src/components/AppBar.css.ts
 var import_createRuntimeFn3 = require("@vanilla-extract/recipes/createRuntimeFn");
-var appBar = (0, import_createRuntimeFn3.createRuntimeFn)({ defaultClassName: "_1yk3a452 dhthxq4 dhthxq0 dhthxqh _1dlf4347 _1yk3a451", variantClassNames: { border: { true: "_1yk3a453" }, modalPresentationStyle: { fullScreen: "_1yk3a454" }, activityEnterStyle: { slideInLeft: "_1yk3a455" } }, defaultVariants: {}, compoundVariants: [] });
-var backButton = "_1yk3a459 dhthxq9 dhthxq7 dhthxqb dhthxqf dhthxqi";
+var appBar = (0, import_createRuntimeFn3.createRuntimeFn)({ defaultClassName: "_1yk3a452 dhthxq4 dhthxq0 dhthxqh _1dlf4347 _1yk3a451", variantClassNames: { border: { true: "_1yk3a453" }, presentModalFullScreen: { true: "_1yk3a454" } }, defaultVariants: {}, compoundVariants: [] });
+var backButton = "_1yk3a458 dhthxq9 dhthxq7 dhthxqb dhthxqf dhthxqi";
 var center = "dhthxq9 dhthxq7 dhthxq8 _1yk3a450";
-var centerMain = (0, import_createRuntimeFn3.createRuntimeFn)({ defaultClassName: "_1yk3a45c", variantClassNames: { hasLeft: { true: "_1yk3a45d" } }, defaultVariants: {}, compoundVariants: [] });
-var centerMainEdge = "_1yk3a45e dhthxqi dhthxq4 dhthxq2 dhthxqf";
-var centerText = "_1yk3a45f dhthxqc dhthxqd dhthxq0";
-var closeButton = "_1yk3a459 dhthxq9 dhthxq7 dhthxqb dhthxqf dhthxqi";
-var container = "_1yk3a457 dhthxqa dhthxq7 _1yk3a451";
-var left = "_1yk3a458 dhthxq9 dhthxq7 dhthxq1 _1yk3a450";
-var right = "_1yk3a45g dhthxq9 dhthxq7 dhthxq1 dhthxq5 _1yk3a450";
-var safeArea = "_1yk3a456";
+var centerMain = (0, import_createRuntimeFn3.createRuntimeFn)({ defaultClassName: "_1yk3a45b", variantClassNames: { hasLeft: { true: "_1yk3a45c" } }, defaultVariants: {}, compoundVariants: [] });
+var centerMainEdge = "_1yk3a45d dhthxqi dhthxq4 dhthxq2 dhthxqf";
+var centerText = "_1yk3a45e dhthxqc dhthxqd dhthxq0";
+var closeButton = "_1yk3a458 dhthxq9 dhthxq7 dhthxqb dhthxqf dhthxqi";
+var container = "_1yk3a456 dhthxqa dhthxq7 _1yk3a451";
+var left = "_1yk3a457 dhthxq9 dhthxq7 dhthxq1 _1yk3a450";
+var right = "_1yk3a45f dhthxq9 dhthxq7 dhthxq1 dhthxq5 _1yk3a450";
+var safeArea = "_1yk3a455";
 // src/components/AppBar.tsx
 var import_jsx_runtime4 = require("react/jsx-runtime");
 var AppBar = (0, import_react7.forwardRef)(
   ({
     title,
-    appendLeft,
-    appendRight,
+    renderLeft,
+    renderRight,
     backButton: backButton2,
     closeButton: closeButton2,
     closeButtonLocation = "left",
     border = true,
     modalPresentationStyle,
-    activityEnterStyle,
     iconColor,
     iconColorTransitionDuration,
     textColor,
@@ -679,6 +661,7 @@ var AppBar = (0, import_react7.forwardRef)(
       innerRef: centerRef,
       enable: globalOptions.theme === "cupertino"
     });
+    const presentModalFullScreen = modalPresentationStyle === "fullScreen";
     const onBackClick = (e) => {
       if (backButton2 && "onClick" in backButton2 && backButton2.onClick) {
         backButton2.onClick(e);
@@ -726,7 +709,7 @@ var AppBar = (0, import_react7.forwardRef)(
             if (globalBackButton && "renderIcon" in globalBackButton && globalBackButton.renderIcon) {
               return globalBackButton.renderIcon();
             }
-            if (modalPresentationStyle === "fullScreen") {
+            if (presentModalFullScreen) {
               return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(IconClose_default, {});
             }
             return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(IconBack_default, {});
@@ -775,15 +758,14 @@ var AppBar = (0, import_react7.forwardRef)(
         }
       );
     };
-    const hasLeft = !!(closeButtonLocation === "left" && closeButton2 || backButton2 || appendLeft);
+    const hasLeft = !!(closeButtonLocation === "left" && closeButton2 || backButton2 || renderLeft);
     return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
       "div",
       {
         ref,
         className: appBar({
           border,
-          modalPresentationStyle,
-          activityEnterStyle
+          presentModalFullScreen
         }),
         style: (0, import_dynamic2.assignInlineVars)(
           compactMap({
@@ -808,7 +790,7 @@ var AppBar = (0, import_react7.forwardRef)(
             /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: left, children: [
               closeButtonLocation === "left" && renderCloseButton(),
               renderBackButton(),
-              appendLeft == null ? void 0 : appendLeft()
+              renderLeft == null ? void 0 : renderLeft()
             ] }),
             /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { ref: centerRef, className: center, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
               "div",
@@ -831,7 +813,7 @@ var AppBar = (0, import_react7.forwardRef)(
               }
             ) }),
             /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: right, children: [
-              appendRight == null ? void 0 : appendRight(),
+              renderRight == null ? void 0 : renderRight(),
               closeButtonLocation === "right" && renderCloseButton()
             ] })
           ] })
@@ -854,8 +836,7 @@ var AppScreen = ({
   dimBackgroundColor,
   appBar: appBar2,
   preventSwipeBack,
-  CUPERTINO_ONLY_modalPresentationStyle,
-  ANDROID_ONLY_activityEnterStyle,
+  modalPresentationStyle,
   children
 }) => {
   var _a, _b;
@@ -867,55 +848,36 @@ var AppScreen = ({
   const paperRef = (0, import_react9.useRef)(null);
   const edgeRef = (0, import_react9.useRef)(null);
   const appBarRef = (0, import_react9.useRef)(null);
-  const modalPresentationStyle = globalOptions.theme === "cupertino" ? CUPERTINO_ONLY_modalPresentationStyle : void 0;
-  const activityEnterStyle = globalOptions.theme === "android" ? ANDROID_ONLY_activityEnterStyle : void 0;
-  const swipeBackPrevented = preventSwipeBack || modalPresentationStyle === "fullScreen";
-  const hasAppBar = !!appBar2;
-  const zIndexBase = ((_a = activity == null ? void 0 : activity.zIndex) != null ? _a : 0) * 5;
-  let zIndexDim;
-  let zIndexPaper;
-  let zIndexEdge;
-  let zIndexAppBar;
-  switch (globalOptions.theme) {
-    case "cupertino": {
-      zIndexDim = zIndexBase + (modalPresentationStyle === "fullScreen" ? 2 : 0);
-      zIndexPaper = zIndexBase + (hasAppBar && modalPresentationStyle !== "fullScreen" ? 1 : 3);
-      zIndexEdge = zIndexBase + 4;
-      zIndexAppBar = zIndexBase + 7;
-      break;
-    }
-    case "android":
-    default: {
-      zIndexDim = zIndexBase;
-      zIndexPaper = zIndexBase + (activityEnterStyle === "slideInLeft" ? 1 : 3);
-      zIndexEdge = zIndexBase + 4;
-      zIndexAppBar = zIndexBase + (activityEnterStyle === "slideInLeft" ? 7 : 4);
-      break;
-    }
-  }
-  const transitionState = (_b = activity == null ? void 0 : activity.transitionState) != null ? _b : "enter-done";
-  const lazyTransitionState = useLazy(transitionState);
+  const presentModalFullScreen = modalPresentationStyle === "fullScreen";
+  const swipeBackPrevented = preventSwipeBack || presentModalFullScreen;
   useStyleEffectHide({
     refs: [appScreenRef],
     hasEffect: true
   });
   useStyleEffectOffset({
-    refs: globalOptions.theme === "cupertino" || activityEnterStyle === "slideInLeft" ? [paperRef] : [paperRef, appBarRef],
     theme: globalOptions.theme,
-    activityEnterStyle,
-    hasEffect: modalPresentationStyle !== "fullScreen"
+    refs: globalOptions.theme === "cupertino" ? [paperRef] : [paperRef, appBarRef],
+    hasEffect: !presentModalFullScreen
   });
   useStyleEffectSwipeBack({
+    theme: globalOptions.theme,
     dimRef,
     edgeRef,
     paperRef,
-    theme: globalOptions.theme,
+    hasEffect: true,
     prevented: swipeBackPrevented,
     onSwiped() {
       pop();
-    },
-    hasEffect: true
+    }
   });
+  const hasAppBar = !!appBar2;
+  const zIndexBase = ((_a = activity == null ? void 0 : activity.zIndex) != null ? _a : 0) * 5;
+  const zIndexDim = zIndexBase;
+  const zIndexPaper = zIndexBase + (globalOptions.theme === "cupertino" && hasAppBar ? 1 : 3);
+  const zIndexEdge = zIndexBase + 4;
+  const zIndexAppBar = globalOptions.theme === "cupertino" ? zIndexBase + 7 : zIndexBase + 4;
+  const transitionState = (_b = activity == null ? void 0 : activity.transitionState) != null ? _b : "enter-done";
+  const lazyTransitionState = useLazy(transitionState);
   const onAppBarTopClick = (e) => {
     var _a2, _b2;
     (_a2 = appBar2 == null ? void 0 : appBar2.onTopClick) == null ? void 0 : _a2.call(appBar2, e);
@@ -962,13 +924,12 @@ var AppScreen = ({
             })
           ),
           children: [
-            activityEnterStyle !== "slideInLeft" && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: dim, ref: dimRef }),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: dim, ref: dimRef }),
             appBar2 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
               AppBar_default,
               __spreadProps(__spreadValues({}, appBar2), {
                 ref: appBarRef,
                 modalPresentationStyle,
-                activityEnterStyle,
                 onTopClick: onAppBarTopClick
               })
             ),
@@ -977,8 +938,7 @@ var AppScreen = ({
               {
                 className: paper({
                   hasAppBar,
-                  modalPresentationStyle,
-                  activityEnterStyle
+                  presentModalFullScreen
                 }),
                 ref: paperRef,
                 children