@stackflow/plugin-basic-ui 0.14.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2022 Danggeun Market Inc.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,61 @@
+# @stackflow/plugin-basic-ui
+
+Render the UI within the activity using the global stack state. It provides `cupertino` and `android` themes by default.
+
+- [Documentation](https://stackflow.so)
+
+## Usage
+
+```typescript
+/**
+ * stackflow.ts
+ */
+import { stackflow } from "@stackflow/react";
+import { basicUIPlugin } from "@stackflow/plugin-basic-ui";
+
+const { Stack, useFlow } = stackflow({
+  // ...
+  plugins: [
+    // ...
+    basicUIPlugin({
+      theme: "cupertino",
+    }),
+  ],
+});
+```
+
+```tsx
+import { AppScreen } from "@stackflow/plugin-basic-ui";
+
+const Something: React.FC = () => {
+  return (
+    <AppScreen appBar={{ title: "Home" }}>
+      <div>Hello, World</div>
+    </AppScreen>
+  );
+};
+```
+
+```tsx
+import { Modal } from "@stackflow/plugin-basic-ui";
+
+const Something: React.FC = () => {
+  return (
+    <Modal>
+      <div>Hello, World</div>
+    </Modal>
+  );
+};
+```
+
+```tsx
+import { BottomSheet } from "@stackflow/plugin-basic-ui";
+
+const Something: React.FC = () => {
+  return (
+    <BottomSheet>
+      <div>Hello, World</div>
+    </BottomSheet>
+  );
+};
+```

package/dist/assets/IconBack.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+declare const IconBack: React.FC<{
+    className?: string;
+}>;
+export default IconBack;

package/dist/assets/IconClose.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+declare const IconClose: React.FC<{
+    className?: string;
+}>;
+export default IconClose;

package/dist/assets/index.d.ts

@@ -0,0 +1,2 @@
+export { default as IconBack } from "./IconBack";
+export { default as IconClose } from "./IconClose";

package/dist/basicUIPlugin.d.ts

@@ -0,0 +1,10 @@
+import type { StackflowReactPlugin } from "@stackflow/react";
+import * as theme from "./theme.css";
+declare type RPartial<K> = {
+    [attr in keyof K]?: K[attr] extends object ? RPartial<K[attr]> : K[attr];
+};
+declare type BasicUIPluginOptions = RPartial<theme.GlobalVars> & {
+    theme: "android" | "cupertino";
+};
+export declare const basicUIPlugin: (options: BasicUIPluginOptions) => StackflowReactPlugin;
+export {};

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

@@ -0,0 +1,24 @@
+export declare const appBar: import("@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<{
+    border: {
+        true: {
+            boxShadow: `inset 0px ${string} 0 var(--${string})` | `inset 0px ${string} 0 var(--${string}, ${string})` | `inset 0px ${string} 0 var(--${string}, ${number})`;
+        };
+    };
+}>;
+export declare const left: string;
+export declare const backButton: string;
+export declare const closeButton: string;
+export declare const center: string;
+export declare const centerMain: import("@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<{
+    hasLeft: {
+        true: {
+            selectors: {
+                [x: string]: {
+                    paddingLeft: "0.375rem";
+                };
+            };
+        };
+    };
+}>;
+export declare const centerText: string;
+export declare const right: string;

package/dist/components/AppBar.d.ts

@@ -0,0 +1,27 @@
+import React from "react";
+declare const AppBar: React.ForwardRefExoticComponent<Partial<Pick<{
+    borderColor: string;
+    borderSize: string;
+    height: string;
+    iconColor: string;
+    textColor: string;
+}, "height" | "borderColor" | "borderSize" | "iconColor" | "textColor">> & {
+    title?: React.ReactNode;
+    appendLeft?: (() => React.ReactNode) | undefined;
+    appendRight?: (() => React.ReactNode) | undefined;
+    backButton?: {
+        renderIcon?: (() => React.ReactNode) | undefined;
+        onClick?: ((e: React.MouseEvent<HTMLButtonElement>) => void) | undefined;
+    } | {
+        render?: (() => React.ReactNode) | undefined;
+    } | undefined;
+    closeButton?: {
+        renderIcon?: (() => React.ReactNode) | undefined;
+        onClick: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    } | {
+        render?: (() => React.ReactNode) | undefined;
+    } | undefined;
+    closeButtonLocation?: "left" | "right" | undefined;
+    border?: boolean | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+export default AppBar;

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

@@ -0,0 +1,44 @@
+export declare const vars: import("@vanilla-extract/private").MapLeafNodes<{
+    transitionDuration: null;
+    zIndexes: {
+        dim: null;
+        paper: null;
+        edge: null;
+        appBar: null;
+    };
+    appBar: {
+        center: {
+            mainWidth: null;
+        };
+    };
+}, import("@vanilla-extract/private").CSSVarFunction>;
+export declare const background: string;
+export declare const allTransitions: string;
+export declare const enterActive: string;
+export declare const enterDone: string;
+export declare const exitActive: string;
+export declare const exitDone: string;
+export declare const appScreen: import("@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<{
+    transitionState: {
+        "enter-active": string;
+        "enter-done": string;
+        "exit-active": string;
+        "exit-done": string;
+    };
+}>;
+export declare const dim: string;
+export declare const paper: import("@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<{
+    hasAppBar: {
+        true: (string | {
+            paddingTop: (`calc(var(--${string}) + constant(safe-area-inset-top))` | `calc(var(--${string}) + env(safe-area-inset-top))`)[];
+        })[];
+    };
+}>;
+export declare const edge: import("@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<{
+    hasAppBar: {
+        true: {
+            top: import("@vanilla-extract/private").CSSVarFunction;
+            height: string;
+        };
+    };
+}>;

package/dist/components/AppScreen.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import type { GlobalVars } from "../theme.css";
+import type { PropOf } from "../utils";
+import AppBar from "./AppBar";
+declare type AppScreenProps = Partial<Pick<GlobalVars, "backgroundColor" | "dimBackgroundColor">> & {
+    appBar?: Omit<PropOf<typeof AppBar>, "theme" | "ref" | "key">;
+    children: React.ReactNode;
+};
+declare const AppScreen: React.FC<AppScreenProps>;
+export default AppScreen;

package/dist/components/BottomSheet.css.d.ts

@@ -0,0 +1,21 @@
+export declare const vars: import("@vanilla-extract/private").MapLeafNodes<{
+    transitionDuration: null;
+    zIndexes: {
+        dim: null;
+        paper: null;
+    };
+}, import("@vanilla-extract/private").CSSVarFunction>;
+export declare const enterActive: string;
+export declare const enterDone: string;
+export declare const exitActive: string;
+export declare const exitDone: string;
+export declare const container: import("@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<{
+    transitionState: {
+        "enter-active": string;
+        "enter-done": string;
+        "exit-active": string;
+        "exit-done": string;
+    };
+}>;
+export declare const dim: string;
+export declare const paper: string;

package/dist/components/BottomSheet.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import type { GlobalVars } from "../theme.css";
+declare type BottomSheetProps = Partial<Pick<GlobalVars, "backgroundColor" | "dimBackgroundColor">> & Partial<GlobalVars["bottomSheet"]> & {
+    children: React.ReactNode;
+};
+declare const BottomSheet: React.FC<BottomSheetProps>;
+export default BottomSheet;

package/dist/components/Modal.css.d.ts

@@ -0,0 +1,21 @@
+export declare const vars: import("@vanilla-extract/private").MapLeafNodes<{
+    transitionDuration: null;
+    zIndexes: {
+        dim: null;
+        paper: null;
+    };
+}, import("@vanilla-extract/private").CSSVarFunction>;
+export declare const enterActive: string;
+export declare const enterDone: string;
+export declare const exitActive: string;
+export declare const exitDone: string;
+export declare const container: import("@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<{
+    transitionState: {
+        "enter-active": string;
+        "enter-done": string;
+        "exit-active": string;
+        "exit-done": string;
+    };
+}>;
+export declare const dim: string;
+export declare const paper: string;

package/dist/components/Modal.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import type { GlobalVars } from "../theme.css";
+declare type ModalProps = Partial<Pick<GlobalVars, "backgroundColor" | "dimBackgroundColor">> & Partial<GlobalVars["modal"]> & {
+    children: React.ReactNode;
+};
+declare const Modal: React.FC<ModalProps>;
+export default Modal;

package/dist/hooks/index.d.ts

@@ -0,0 +1,7 @@
+export * from "./useLazy";
+export * from "./useMaxWidth";
+export * from "./useStyleEffect";
+export * from "./useStyleEffectHide";
+export * from "./useStyleEffectOffset";
+export * from "./useStyleEffectSwipeBack";
+export * from "./useTheme";

package/dist/hooks/useLazy.d.ts

@@ -0,0 +1 @@
+export declare function useLazy<T>(value: T): T | undefined;

package/dist/hooks/useMaxWidth.d.ts

@@ -0,0 +1,8 @@
+import type React from "react";
+export declare function useMaxWidth({ outerRef, innerRef, enable, }: {
+    outerRef: React.ForwardedRef<any>;
+    innerRef: React.MutableRefObject<any>;
+    enable: boolean;
+}): {
+    maxWidth: number | undefined;
+};

package/dist/hooks/useStyleEffect.d.ts

@@ -0,0 +1,10 @@
+import type { ActivityTransitionState } from "@stackflow/core";
+import type React from "react";
+export declare function useStyleEffect({ styleName, refs, effect, }: {
+    styleName: string;
+    refs: Array<React.RefObject<any>>;
+    effect?: (params: {
+        activityTransitionState: ActivityTransitionState;
+        refs: Array<React.RefObject<any>>;
+    }) => (() => void) | void;
+}): void;

package/dist/hooks/useStyleEffectHide.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare function useStyleEffectHide({ refs, hasEffect, }: {
+    refs: Array<React.RefObject<any>>;
+    hasEffect?: boolean;
+}): void;

package/dist/hooks/useStyleEffectOffset.d.ts

@@ -0,0 +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, hasEffect, }: {
+    refs: Array<React.RefObject<any>>;
+    theme: "android" | "cupertino";
+    hasEffect?: boolean;
+}): void;

package/dist/hooks/useStyleEffectSwipeBack.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export declare function useStyleEffectSwipeBack({ theme, dimRef, edgeRef, paperRef, hasEffect, onSwiped, }: {
+    theme: "android" | "cupertino";
+    dimRef: React.RefObject<HTMLDivElement>;
+    edgeRef: React.RefObject<HTMLDivElement>;
+    paperRef: React.RefObject<HTMLDivElement>;
+    hasEffect?: boolean;
+    onSwiped?: () => void;
+}): void;

package/dist/hooks/useTheme.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const ThemeProvider: import("react").Provider<"android" | "cupertino">;
+export declare function useTheme(): "android" | "cupertino";

package/dist/index.css

@@ -0,0 +1,2 @@
+: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}
+/*# sourceMappingURL=index.css.map */

package/dist/index.css.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["vanilla-extract-css-ns:src/theme.css.ts.vanilla.css?source=#H4sIAAAAAAAAE+WT3UrEMBCF7/cpAt4obEKzWhYiPomI5GfaBjedMJnisuK7W0X3akvrpZUEQsI5h5l8jCFE3grzeTwGy1YWtv6lOeCrdLZEL4couYMED7YPhDE8ibeNEPKSzo0vLeHQB+nxgGTEVdM091PyENMFC7XOXldb8b2Vrm8mE2zO44WkQwpAUwnVfnFCiScwQufjrKGD2HZsxK2qCdKsPHrsz5+y0+O6m/UwHHmpxyEzJlk6AP5phmyIQxnb+SrwfbMEsh8yEMce/wHmStW/AL1T+z9DWj1rjzmnU7V+iisd1jNCvX6Eqx3ED1vu8AteBwAA", "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=#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==", "vanilla-extract-css-ns: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=", "vanilla-extract-css-ns:src/components/BottomSheet.css.ts.vanilla.css?source=Ll8xaHQzOGgwMyB7CiAgdHJhbnNpdGlvbjogdmFyKC0tXzFodDM4aDAwKTsKfQouXzFodDM4aDA3IHsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMTAwJSk7Cn0KLl8xaHQzOGgwZCB7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc3RhY2tmbG93LWJhc2ljLXVpLWRpbS1iYWNrZ3JvdW5kLWNvbG9yKTsKICB6LWluZGV4OiB2YXIoLS1fMWh0MzhoMDEpOwogIG9wYWNpdHk6IDA7Cn0KLl8xaHQzOGgwNCAuXzFodDM4aDBkLCAuXzFodDM4aDA1IC5fMWh0MzhoMGQgewogIG9wYWNpdHk6IDE7Cn0KLl8xaHQzOGgwNiAuXzFodDM4aDBkLCAuXzFodDM4aDA3IC5fMWh0MzhoMGQgewogIG9wYWNpdHk6IDA7Cn0KLl8xaHQzOGgwZSB7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc3RhY2tmbG93LWJhc2ljLXVpLWJhY2tncm91bmQtY29sb3IpOwogIHdpZHRoOiAxMDAlOwogIGJvcmRlci1yYWRpdXM6IHZhcigtLXN0YWNrZmxvdy1iYXNpYy11aS1ib3R0b20tc2hlZXQtYm9yZGVyLXJhZGl1cykgdmFyKC0tc3RhY2tmbG93LWJhc2ljLXVpLWJvdHRvbS1zaGVldC1ib3JkZXItcmFkaXVzKSAwIDA7CiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMCUpOwogIG9wYWNpdHk6IDA7Cn0KLl8xaHQzOGgwNCAuXzFodDM4aDBlLCAuXzFodDM4aDA1IC5fMWh0MzhoMGUgewogIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwKTsKICBvcGFjaXR5OiAxOwp9Ci5fMWh0MzhoMDYgLl8xaHQzOGgwZSwgLl8xaHQzOGgwNyAuXzFodDM4aDBlIHsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwJSk7CiAgb3BhY2l0eTogMDsKfQ==", "vanilla-extract-css-ns:src/components/Modal.css.ts.vanilla.css?source=Ll81b3pnOGMzIHsKICB0cmFuc2l0aW9uOiB2YXIoLS1fNW96ZzhjMCk7Cn0KLl81b3pnOGM3IHsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMTAwJSk7Cn0KLl81b3pnOGNkIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zdGFja2Zsb3ctYmFzaWMtdWktZGltLWJhY2tncm91bmQtY29sb3IpOwogIHotaW5kZXg6IHZhcigtLV81b3pnOGMxKTsKICBvcGFjaXR5OiAwOwp9Ci5fNW96ZzhjNCAuXzVvemc4Y2QsIC5fNW96ZzhjNSAuXzVvemc4Y2QgewogIG9wYWNpdHk6IDE7Cn0KLl81b3pnOGM2IC5fNW96ZzhjZCwgLl81b3pnOGM3IC5fNW96ZzhjZCB7CiAgb3BhY2l0eTogMDsKfQouXzVvemc4Y2UgewogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXN0YWNrZmxvdy1iYXNpYy11aS1iYWNrZ3JvdW5kLWNvbG9yKTsKICB3aWR0aDogMTAwJTsKICBtYXJnaW46IDAgMi41cmVtOwogIGJveC1zaGFkb3c6IDBweCAwLjYyNXJlbSAyLjM3NXJlbSByZ2JhKDAsIDAsIDAsIDAuMTUpLCAwcHggLjU2MjVyZW0gMi44NzVyZW0gcmdiYSgwLCAwLCAwLCAwLjEyKSwgMHB4IC4zMTI1cmVtIC45Mzc1cmVtIHJnYmEoMCwgMCwgMCwgMC4xKTsKICBib3JkZXItcmFkaXVzOiB2YXIoLS1zdGFja2Zsb3ctYmFzaWMtdWktYm90dG9tLXNoZWV0LWJvcmRlci1yYWRpdXMpOwogIHRyYW5zZm9ybTogc2NhbGUoMS4xKTsKICBvcGFjaXR5OiAwOwp9Ci5fNW96ZzhjNCAuXzVvemc4Y2UsIC5fNW96ZzhjNSAuXzVvemc4Y2UgewogIHRyYW5zZm9ybTogc2NhbGUoMSk7CiAgb3BhY2l0eTogMTsKfQouXzVvemc4YzYgLl81b3pnOGNlLCAuXzVvemc4YzcgLl81b3pnOGNlIHsKICB0cmFuc2Zvcm06IHNjYWxlKDEuMSk7CiAgb3BhY2l0eTogMDsKfQ=="],
+  "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}"],
+  "mappings": "AAAA,mDACE,4CACA,8DACA,8DACA,8CACA,4CACA,iDACA,iDACA,sDAEF,+CACE,4CACA,8DACA,8DACA,+CACA,6CACA,iDACA,iDACA,sDAEF,WACE,4CACA,8DACA,8DACA,8CACA,4CACA,iDACA,iDACA,sDAEF,WACE,4CACA,8DACA,8DACA,+CACA,6CACA,iDACA,iDACA,sDCtCF,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,gEAEF,WACE,4DAEF,WACE,4BAEF,WACE,0BAEF,WACE,UACA,yBAEF,8EACE,aACA,yFAEF,4CACE,UAKF,4CACE,UAKF,WACE,kBACA,iCACA,yBAEF,8BACE,aAEF,gFACE,0BAEF,sGACE,uBAEF,sGACE,uBAEF,8EACE,UACA,4BAEF,oGACE,UACA,wBAEF,oGACE,UACA,wBAEF,WACE,2FACA,sFAEF,WACE,cACA,yBAEF,WACE,6CACA,6DCvEF,WACE,gDACA,0CACA,qCACA,yBAEF,gFACE,kBAEF,sGACE,0BAEF,8EACE,UACA,4BACA,4BAEF,oGACE,UACA,wBAEF,oGACE,UACA,wBAEF,WACE,6HAEF,WA5BA,gBA+BA,iBACE,aAEF,WACE,mDACA,uBACA,cACA,eAEF,kBACE,WACA,sBAEF,WACE,OAEF,WACE,uBACA,mDAEF,8EACE,WACA,2BACA,kBACA,oBACA,gBACA,gBACA,sBAEF,gFACE,kBACA,aACA,mBACA,uBACA,kBACA,6CACA,gBACA,eACA,SACA,0BACA,gDACA,kCACA,6BAEF,8EACE,qBAEF,WACE,uBACA,kBACA,oBAEF,WAnFA,gBAqFE,iBAEF,iBACE,aAEF,8EA1FA,oBCAA,WACE,4BAEF,WACE,0BAEF,WACE,gEACA,yBACA,UAEF,4CACE,UAEF,4CACE,UAEF,WACE,4DACA,WACA,4HACA,2BACA,UAEF,4CACE,wBACA,UAEF,4CACE,2BACA,UC9BF,UACE,2BAEF,UACE,0BAEF,UACE,gEACA,wBACA,UAEF,wCACE,UAEF,wCACE,UAEF,UACE,4DACA,WAnBF,gBAqBE,oGACA,mEACA,qBACA,UAEF,wCACE,mBACA,UAEF,wCACE,qBACA",
+  "names": []
+}

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+export { basicUIPlugin } from "./basicUIPlugin";
+export { default as AppScreen } from "./components/AppScreen";
+export { default as BottomSheet } from "./components/BottomSheet";
+export { default as Modal } from "./components/Modal";
+export { globalVars as cssVars } from "./theme.css";

package/dist/index.js

@@ -0,0 +1,2 @@
+"use strict";var Jt=Object.create;var M=Object.defineProperty,Qt=Object.defineProperties,te=Object.getOwnPropertyDescriptor,ee=Object.getOwnPropertyDescriptors,re=Object.getOwnPropertyNames,it=Object.getOwnPropertySymbols,oe=Object.getPrototypeOf,lt=Object.prototype.hasOwnProperty,ae=Object.prototype.propertyIsEnumerable;var ct=(t,e,o)=>e in t?M(t,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):t[e]=o,dt=(t,e)=>{for(var o in e||(e={}))lt.call(e,o)&&ct(t,o,e[o]);if(it)for(var o of it(e))ae.call(e,o)&&ct(t,o,e[o]);return t},mt=(t,e)=>Qt(t,ee(e));var pt=(t,e)=>{for(var o in e)M(t,o,{get:e[o],enumerable:!0})},ft=(t,e,o,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of re(e))!lt.call(t,a)&&a!==o&&M(t,a,{get:()=>e[a],enumerable:!(r=te(e,a))||r.enumerable});return t};var N=(t,e,o)=>(o=t!=null?Jt(oe(t)):{},ft(e||!t||!t.__esModule?M(o,"default",{value:t,enumerable:!0}):o,t)),ne=t=>ft(M({},"__esModule",{value:!0}),t);var Ce={};pt(Ce,{AppScreen:()=>Dt,BottomSheet:()=>Wt,Modal:()=>Zt,basicUIPlugin:()=>Et,cssVars:()=>i});module.exports=ne(Ce);var kt=require("@vanilla-extract/dynamic"),rt=N(require("react"));var D=require("react");function E(t){return Object.entries(t).reduce((e,[o,r])=>(r!=null&&(e[o]=r),e),{})}function V(t,e,o){let r=()=>{t.removeEventListener(e,r),o()};t.addEventListener(e,r)}var ht=t=>(t(),window.addEventListener("resize",t),()=>{window.removeEventListener("resize",t)});var A=()=>{};function B(t){requestAnimationFrame(()=>{requestAnimationFrame(()=>{t()})})}function L(t){let[e,o]=(0,D.useState)(void 0);return(0,D.useEffect)(()=>{B(()=>{o(t)})},[t]),e}var O=require("react");function ut({outerRef:t,innerRef:e,enable:o}){let[r,a]=(0,O.useState)(void 0);return(0,O.useEffect)(()=>{let l=t&&"current"in t&&t.current,n=e.current;return!o||!l||!n?A:ht(()=>{let s=l.clientWidth,m=n.offsetLeft,h=n.clientWidth,u=s-m-h,p=Math.max(m,u);a(s-2*p)})},[]),{maxWidth:r}}var xt=require("@stackflow/react"),tt=require("react"),P={};function b({styleName:t,refs:e,effect:o}){let r=(0,xt.useActivity)();(0,tt.useEffect)(()=>(P[t]||(P[t]=new Map),P[t].set(r.zIndex,{refs:e,hasEffect:!!o}),()=>{P[t].delete(r.zIndex)}),[r.id,e,o]),(0,tt.useEffect)(()=>{if(!o)return()=>{};let a=(()=>{let n=[];for(let c=1;c<=r.zIndex;c+=1){let s=P[t].get(r.zIndex-c);if(s!=null&&s.refs&&(n=[...n,...s.refs]),s!=null&&s.hasEffect)break}return n})(),l=o({activityTransitionState:r.transitionState,refs:a});return()=>{l==null||l()}},[r.transitionState])}function vt({refs:t,hasEffect:e}){b({styleName:"hide",refs:t,effect:e?({activityTransitionState:o,refs:r})=>{switch(o){case"enter-done":{r.forEach(a=>{a.current.style.display="none"});break}default:{r.forEach(a=>{a.current.style.display=""});break}}}:void 0})}var se=32,H=80;function yt({refs:t,theme:e,hasEffect:o}){b({styleName:"offset",refs:t,effect:o?({activityTransitionState:r,refs:a})=>{let l=e==="cupertino"?`translateX(-${H/16}rem)`:`translateY(-${se/16}rem)`;switch(r){case"enter-active":case"enter-done":{a.forEach(n=>{n.current.style.transition="var(--stackflow-transition-duration)",n.current.style.transform=l});break}case"exit-active":case"exit-done":{B(()=>{a.forEach(n=>{n.current.style.transform="",V(n.current,"transitionend",()=>{n.current.style.transition=""})})});break}default:break}}:void 0})}function bt({theme:t,dimRef:e,edgeRef:o,paperRef:r,hasEffect:a,onSwiped:l}){b({styleName:"swipe-back",refs:[r],effect:a?({refs:n})=>{if(t!=="cupertino")return()=>{};if(!e.current||!o.current||!r.current)return()=>{};let c=e.current,s=o.current,m=r.current,h=null,u=null,p=null,g=[],k=()=>{h=null,u=null,p=null,g=[]},S=!1;function z(x){S||(S=!0,requestAnimationFrame(()=>{let d=x/m.clientWidth;c.style.opacity=`${1-d}`,c.style.transition="0s",m.style.overflowY="hidden",m.style.transform=`translateX(${x}px)`,m.style.transition="0s",n.forEach(f=>{var y;!f.current||(f.current.style.transform=`translateX(${-1*(1-d)*H}px)`,f.current.style.transition="0s",((y=f.current.parentElement)==null?void 0:y.style.display)==="none"&&(f.current.parentElement.style.display="block"))}),S=!1}))}function Q({swiped:x}){requestAnimationFrame(()=>{c.style.opacity=`${x?0:1}`,c.style.transition="var(--stackflow-transition-duration)",m.style.overflowY="hidden",m.style.transform=`translateX(${x?"100%":"0"})`,m.style.transition="var(--stackflow-transition-duration)",n.forEach(d=>{!d.current||(d.current.style.transition="var(--stackflow-transition-duration)",d.current.style.transform=`translateX(${x?"0":`-${H/16}rem`})`)}),V(m,"transitionend",()=>{c.style.opacity="",m.style.overflowY="",m.style.transform="",n.forEach((d,f)=>{if(!d.current)return;let y=g[f];x?(d.current.style.transition="",d.current.style.transform="",d.current.parentElement&&(d.current.parentElement.style.display="")):y&&(d.current.style.transition=y.style.transition,d.current.style.transform=y.style.transform,d.current.parentElement&&y.parentElement&&(d.current.parentElement.style.display=y.parentElement.style.display))})})})}let T=x=>{var f;let{activeElement:d}=document;(f=d==null?void 0:d.blur)==null||f.call(d),h=p=x.touches[0].clientX,u=Date.now(),g=n.map(y=>y.current?{style:{transform:y.current.style.transform,transition:y.current.style.transition},parentElement:y.current.parentElement?{style:{display:y.current.parentElement.style.display}}:void 0}:{style:{transform:"",transition:""}})},w=x=>{if(!h){k();return}p=x.touches[0].clientX,z(p-h)},I=()=>{if(!h||!u||!p){k();return}let x=Date.now(),f=(p-h)/(x-u)>1||p/m.clientWidth>.4;f&&(l==null||l()),k(),Q({swiped:f})};return s.addEventListener("touchstart",T,{passive:!0}),s.addEventListener("touchmove",w,{passive:!0}),s.addEventListener("touchend",I,{passive:!0}),s.addEventListener("touchcancel",I,{passive:!0}),()=>{s.removeEventListener("touchstart",T),s.removeEventListener("touchmove",w),s.removeEventListener("touchend",I),s.removeEventListener("touchcancel",I)}}:void 0})}var F=require("react"),Ct=(0,F.createContext)("android"),gt=Ct.Provider;function $(){return(0,F.useContext)(Ct)}var et={};pt(et,{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]";var Et=t=>()=>({key:"basic-ui",wrapStack({stack:e}){var o,r,a,l,n,c,s;return rt.default.createElement(gt,{value:t.theme},rt.default.createElement("div",{className:et[t.theme],style:(0,kt.assignInlineVars)(E({[i.backgroundColor]:t.backgroundColor,[i.dimBackgroundColor]:t.dimBackgroundColor,[i.appBar.borderColor]:(o=t.appBar)==null?void 0:o.borderColor,[i.appBar.borderSize]:(r=t.appBar)==null?void 0:r.borderSize,[i.appBar.height]:(a=t.appBar)==null?void 0:a.height,[i.appBar.iconColor]:(l=t.appBar)==null?void 0:l.iconColor,[i.appBar.textColor]:(n=t.appBar)==null?void 0:n.textColor,[i.bottomSheet.borderRadius]:(c=t.bottomSheet)==null?void 0:c.borderRadius,[i.modal.borderRadius]:(s=t.modal)==null?void 0:s.borderRadius}))},e.render()))}});var U=require("@stackflow/react"),Bt=require("@vanilla-extract/dynamic"),C=N(require("react"));var X=require("@stackflow/react"),Vt=require("@vanilla-extract/dynamic"),v=N(require("react"));var ot=N(require("react")),me=t=>ot.default.createElement("svg",{className:t.className,width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},ot.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"})),j=me;var W=N(require("react")),pe=t=>W.default.createElement("svg",{className:t.className,width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},W.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"}),W.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"})),at=pe;var nt=require("@vanilla-extract/recipes/createRuntimeFn"),qt=(0,nt.createRuntimeFn)({defaultClassName:"_1yk3a450 dhthxq4 dhthxq8 dhthxq7 dhthxq0 dhthxqg _1dlf4347",variantClassNames:{border:{true:"_1yk3a451"}},defaultVariants:{},compoundVariants:[]}),st="_1yk3a453 dhthxq8 dhthxq7 dhthxqa dhthxqe dhthxqh",_t="_1yk3a455 dhthxq8 dhthxq7",Rt=(0,nt.createRuntimeFn)({defaultClassName:"_1yk3a456",variantClassNames:{hasLeft:{true:"_1yk3a457"}},defaultVariants:{},compoundVariants:[]}),St="_1yk3a458 dhthxqb dhthxqc dhthxq0",Nt="_1yk3a453 dhthxq8 dhthxq7 dhthxqa dhthxqe dhthxqh",zt="_1yk3a452 dhthxq8 dhthxq7 dhthxq1",It="_1yk3a459 dhthxq8 dhthxq7 dhthxq1 dhthxq5";var G=require("@vanilla-extract/recipes/createRuntimeFn");var Lt=(0,G.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 Tt="_1dlf434i dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 _1dlf4346 _1dlf4348",wt=(0,G.createRuntimeFn)({defaultClassName:"_1dlf434l dhthxq4 dhthxq2 dhthxq3 dhthxq1",variantClassNames:{hasAppBar:{true:"_1dlf434m"}},defaultVariants:{},compoundVariants:[]});var Mt=(0,G.createRuntimeFn)({defaultClassName:"_1dlf434j dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 _1dlf4347 _1dlf4348",variantClassNames:{hasAppBar:{true:"_1dlf434k dhthxqf"}},defaultVariants:{},compoundVariants:[]}),q={transitionDuration:"var(--_1dlf4340)",zIndexes:{dim:"var(--_1dlf4341)",paper:"var(--_1dlf4342)",edge:"var(--_1dlf4343)",appBar:"var(--_1dlf4344)"},appBar:{center:{mainWidth:"var(--_1dlf4345)"}}};var he=v.default.forwardRef(({title:t,appendLeft:e,appendRight:o,backButton:r,closeButton:a,closeButtonLocation:l="left",border:n=!0,iconColor:c,textColor:s,borderColor:m,borderSize:h,height:u},p)=>{let g=(0,X.useActions)(),k=(0,X.useActivity)(),S=$(),z=(0,v.useRef)(null),{maxWidth:Q}=ut({outerRef:p,innerRef:z,enable:S==="cupertino"}),T=f=>{r&&"onClick"in r&&r.onClick&&r.onClick(f),f.defaultPrevented||g.pop()},w=k.zIndex===0||k.zIndex===1&&k.transitionState==="enter-active"&&k.pushedBy.name==="Replaced",I=()=>{var f;return w?null:r?"render"in r&&r.render?(f=r.render)==null?void 0:f.call(r):v.default.createElement("button",{type:"button",className:st,onClick:T},"renderIcon"in r&&r.renderIcon?r.renderIcon():v.default.createElement(j,null)):v.default.createElement("button",{type:"button",className:st,onClick:T},v.default.createElement(j,null))},x=()=>!a||!w?null:"render"in a&&a.render?a.render():v.default.createElement("button",{type:"button",className:Nt,onClick:"onClick"in a?a.onClick:A},"renderIcon"in a&&a.renderIcon?a.renderIcon():v.default.createElement(at,null)),d=!!(l==="left"&&a||r||e);return v.default.createElement("div",{ref:p,className:qt({border:n}),style:(0,Vt.assignInlineVars)(E({[i.appBar.iconColor]:c,[i.appBar.textColor]:s,[i.appBar.borderColor]:m,[i.appBar.borderSize]:h,[i.appBar.height]:u,[q.appBar.center.mainWidth]:`${Q}px`}))},v.default.createElement("div",{className:zt},l==="left"&&x(),I(),e==null?void 0:e()),v.default.createElement("div",{ref:z,className:_t},v.default.createElement("div",{className:Rt({hasLeft:d})},typeof t=="string"?v.default.createElement("div",{className:St},t):t)),v.default.createElement("div",{className:It},o==null?void 0:o(),l==="right"&&x()))}),At=he;var ue=({appBar:t,children:e})=>{let o=$(),r=(0,U.useActivity)(),{pop:a}=(0,U.useActions)(),l=(0,C.useRef)(null),n=(0,C.useRef)(null),c=(0,C.useRef)(null),s=(0,C.useRef)(null),m=(0,C.useRef)(null);vt({refs:[l],hasEffect:!0}),yt({theme:o,refs:o==="cupertino"?[c]:[c,m],hasEffect:!0}),bt({theme:o,dimRef:n,edgeRef:s,paperRef:c,hasEffect:!0,onSwiped(){a()}});let h=r.zIndex===0,u=!!t,p=r.zIndex*5,g=p,k=p+(o==="cupertino"&&u?1:3),S=p+4,z=p+7;return C.default.createElement("div",{ref:l,className:Lt({transitionState:L(r.transitionState)}),style:(0,Bt.assignInlineVars)(E({[i.appBar.height]:t==null?void 0:t.height,[q.zIndexes.dim]:`${g}`,[q.zIndexes.paper]:`${k}`,[q.zIndexes.edge]:`${S}`,[q.zIndexes.appBar]:`${z}`,[q.transitionDuration]:r.transitionState==="enter-active"||r.transitionState==="exit-active"?"var(--stackflow-transition-duration)":"0ms"}))},C.default.createElement("div",{className:Tt,ref:n}),C.default.createElement("div",{key:r.id,className:Mt({hasAppBar:u}),ref:c},e),!h&&o==="cupertino"&&C.default.createElement("div",{className:wt({hasAppBar:u}),ref:s}),t&&C.default.createElement(At,mt(dt({},t),{ref:m})))},Dt=ue;var Y=require("@stackflow/react"),jt=require("@vanilla-extract/dynamic"),_=N(require("react"));var Ot=require("@vanilla-extract/recipes/createRuntimeFn"),Ht=(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:[]}),Ft="_1ht38h0d dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 dhthxqb dhthxq9 dhthxq7 _1ht38h03";var $t="_1ht38h0e dhthxqb _1ht38h03",K={transitionDuration:"var(--_1ht38h00)",zIndexes:{dim:"var(--_1ht38h01)",paper:"var(--_1ht38h02)"}};var ve=({borderRadius:t="1rem",backgroundColor:e,dimBackgroundColor:o,children:r})=>{let a=(0,Y.useActivity)(),{pop:l}=(0,Y.useActions)(),n=(0,_.useRef)(null),c=(0,_.useRef)(null);b({styleName:"hide",refs:[n]}),b({styleName:"offset",refs:[c]}),b({styleName:"swipe-back",refs:[c]});let s=(0,_.useRef)(!1),m=()=>{s.current||(l(),s.current=!0)},h=g=>{g.stopPropagation()},u=a.zIndex*5+3,p=a.zIndex*5+4;return _.default.createElement("div",{className:Ht({transitionState:L(a.transitionState)}),ref:n,style:(0,jt.assignInlineVars)(E({[i.bottomSheet.borderRadius]:t,[i.backgroundColor]:e,[i.dimBackgroundColor]:o,[K.zIndexes.dim]:`${u}`,[K.zIndexes.paper]:`${p}`,[K.transitionDuration]:a.transitionState==="enter-active"||a.transitionState==="exit-active"?"var(--stackflow-transition-duration)":"0ms"}))},_.default.createElement("div",{className:Ft,ref:c,onClick:m},_.default.createElement("div",{className:$t,onClick:h},r)))},Wt=ve;var J=require("@stackflow/react"),Yt=require("@vanilla-extract/dynamic"),R=N(require("react"));var Gt=require("@vanilla-extract/recipes/createRuntimeFn"),Xt=(0,Gt.createRuntimeFn)({defaultClassName:"dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 dhthxqb",variantClassNames:{transitionState:{"enter-active":"_5ozg8c4","enter-done":"_5ozg8c5","exit-active":"_5ozg8c6","exit-done":"_5ozg8c7"}},defaultVariants:{},compoundVariants:[]}),Ut="_5ozg8cd dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 dhthxqb dhthxq8 dhthxq7 dhthxqa _5ozg8c3";var Kt="_5ozg8ce dhthxqb _5ozg8c3",Z={transitionDuration:"var(--_5ozg8c0)",zIndexes:{dim:"var(--_5ozg8c1)",paper:"var(--_5ozg8c2)"}};var be=({backgroundColor:t,dimBackgroundColor:e,borderRadius:o="1rem",children:r})=>{let a=(0,J.useActivity)(),{pop:l}=(0,J.useActions)(),n=(0,R.useRef)(null),c=(0,R.useRef)(null);b({styleName:"hide",refs:[n]}),b({styleName:"offset",refs:[c]}),b({styleName:"swipe-back",refs:[c]});let s=(0,R.useRef)(!1),m=()=>{s.current||(l(),s.current=!0)},h=g=>{g.stopPropagation()},u=a.zIndex*5+3,p=a.zIndex*5+4;return R.default.createElement("div",{className:Xt({transitionState:L(a.transitionState)}),ref:n,style:(0,Yt.assignInlineVars)(E({[i.bottomSheet.borderRadius]:o,[i.backgroundColor]:t,[i.dimBackgroundColor]:e,[Z.zIndexes.dim]:`${u}`,[Z.zIndexes.paper]:`${p}`,[Z.transitionDuration]:a.transitionState==="enter-active"||a.transitionState==="exit-active"?"var(--stackflow-transition-duration)":"0ms"}))},R.default.createElement("div",{className:Ut,ref:c,onClick:m},R.default.createElement("div",{className:Kt,onClick:h},r)))},Zt=be;
+//# sourceMappingURL=index.js.map