@stackflow/plugin-basic-ui 1.7.0 → 1.8.0

package/dist/index.mjs

@@ -360,9 +360,8 @@ function useStyleEffectOffset({
           opacity = "1";
           break;
         }
-        case "android":
         default: {
-          transform = activityEnterStyle === "slideInLeft" ? `translate3d(-50%, 0, 0)` : `translate3d(0, -${OFFSET_PX_ANDROID / 16}rem, 0)`;
+          transform = activityEnterStyle === "slideInLeft" ? "translate3d(-50%, 0, 0)" : `translate3d(0, -${OFFSET_PX_ANDROID / 16}rem, 0)`;
           opacity = activityEnterStyle === "slideInLeft" ? "0" : "1";
           break;
         }
@@ -398,7 +397,6 @@ function useStyleEffectOffset({
               return () => {
                 cleanup();
               };
-            case "enter-active":
             default:
               return noop;
           }
@@ -601,6 +599,13 @@ function useStyleEffectSwipeBack({
   });
 }
 
+// src/hooks/useZIndexBase.ts
+function useZIndexBase() {
+  var _a;
+  const activity = useNullableActivity();
+  return ((_a = activity == null ? void 0 : activity.zIndex) != null ? _a : 0) * 5;
+}
+
 // src/components/AppBar.tsx
 import { useActions } from "@stackflow/react";
 import { assignInlineVars as assignInlineVars2 } from "@vanilla-extract/dynamic";
@@ -680,6 +685,7 @@ var AppBar = forwardRef(
           "button",
           {
             type: "button",
+            "aria-label": "Go Back",
             className: backButton,
             onClick: onBackClick,
             children: /* @__PURE__ */ jsx4(IconBack_default, {})
@@ -803,7 +809,6 @@ var AppBar = forwardRef(
                     {
                       className: centerMainEdge,
                       type: "button",
-                      "aria-hidden": "true",
                       onClick: onTopClick
                     }
                   )
@@ -838,7 +843,7 @@ var AppScreen = ({
   ANDROID_ONLY_activityEnterStyle,
   children
 }) => {
-  var _a, _b;
+  var _a;
   const globalOptions = useGlobalOptions();
   const activity = useNullableActivity();
   const mounted = useMounted();
@@ -852,7 +857,7 @@ var AppScreen = ({
   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;
+  const zIndexBase = useZIndexBase();
   let zIndexDim;
   let zIndexPaper;
   let zIndexEdge;
@@ -865,7 +870,6 @@ var AppScreen = ({
       zIndexAppBar = zIndexBase + 7;
       break;
     }
-    case "android":
     default: {
       zIndexDim = zIndexBase;
       zIndexPaper = zIndexBase + (activityEnterStyle === "slideInLeft" ? 1 : 3);
@@ -874,7 +878,7 @@ var AppScreen = ({
       break;
     }
   }
-  const transitionState = (_b = activity == null ? void 0 : activity.transitionState) != null ? _b : "enter-done";
+  const transitionState = (_a = activity == null ? void 0 : activity.transitionState) != null ? _a : "enter-done";
   const lazyTransitionState = useLazy(transitionState);
   useStyleEffectHide({
     refs: [appScreenRef],
@@ -898,10 +902,10 @@ var AppScreen = ({
     hasEffect: true
   });
   const onAppBarTopClick = (e) => {
-    var _a2, _b2;
+    var _a2, _b;
     (_a2 = appBar2 == null ? void 0 : appBar2.onTopClick) == null ? void 0 : _a2.call(appBar2, e);
     if (!e.defaultPrevented) {
-      (_b2 = paperRef.current) == null ? void 0 : _b2.scroll({
+      (_b = paperRef.current) == null ? void 0 : _b.scroll({
         top: 0,
         behavior: "smooth"
       });
@@ -1001,7 +1005,7 @@ var BottomSheet = ({
   onOutsideClick,
   children
 }) => {
-  var _a, _b, _c;
+  var _a;
   const activity = useNullableActivity();
   const { pop } = useActions3();
   const containerRef = useRef3(null);
@@ -1033,9 +1037,9 @@ var BottomSheet = ({
   const onPaperClick = (e) => {
     e.stopPropagation();
   };
-  const zIndexBase = ((_a = activity == null ? void 0 : activity.zIndex) != null ? _a : 0) * 5 + 3;
-  const zIndexPaper = ((_b = activity == null ? void 0 : activity.zIndex) != null ? _b : 0) * 5 + 4;
-  const transitionState = (_c = activity == null ? void 0 : activity.transitionState) != null ? _c : "enter-done";
+  const zIndexBase = useZIndexBase() + 3;
+  const zIndexPaper = useZIndexBase() + 4;
+  const transitionState = (_a = activity == null ? void 0 : activity.transitionState) != null ? _a : "enter-done";
   return /* @__PURE__ */ jsx6(
     "div",
     {
@@ -1084,7 +1088,7 @@ var Modal = ({
   onOutsideClick,
   children
 }) => {
-  var _a, _b, _c;
+  var _a;
   const activity = useNullableActivity();
   const { pop } = useActions4();
   const containerRef = useRef4(null);
@@ -1116,9 +1120,9 @@ var Modal = ({
   const onPaperClick = (e) => {
     e.stopPropagation();
   };
-  const zIndexBase = ((_a = activity == null ? void 0 : activity.zIndex) != null ? _a : 0) * 5 + 3;
-  const zIndexPaper = ((_b = activity == null ? void 0 : activity.zIndex) != null ? _b : 0) * 5 + 4;
-  const transitionState = (_c = activity == null ? void 0 : activity.transitionState) != null ? _c : "enter-done";
+  const zIndexBase = useZIndexBase() + 3;
+  const zIndexPaper = useZIndexBase() + 4;
+  const transitionState = (_a = activity == null ? void 0 : activity.transitionState) != null ? _a : "enter-done";
   return /* @__PURE__ */ jsx7(
     "div",
     {
@@ -1156,6 +1160,8 @@ export {
   vars2 as bottomSheetVars,
   globalVars as cssVars,
   vars3 as modalVars,
-  useAppScreen
+  useAppScreen,
+  useStyleEffect,
+  useZIndexBase
 };
 //# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../src/assets/IconBack.tsx", "../src/assets/IconClose.tsx", "../src/basicUIPlugin.tsx", "../src/basicUIPlugin.css.ts", "../src/utils/compact.ts", "../src/utils/compactMap.ts", "../src/utils/listenOnce.ts", "../src/utils/listenResize.ts", "../src/utils/noop.ts", "../src/utils/requestNextFrame.tsx", "../src/components/AppScreen.tsx", "../src/hooks/useLazy.tsx", "../src/hooks/useMaxWidth.ts", "../src/hooks/useMounted.ts", "../src/hooks/useNullableActivity.ts", "../src/hooks/useStyleEffect.ts", "../src/hooks/useStyleEffectHide.ts", "../src/hooks/useStyleEffectOffset.ts", "../src/components/AppScreen.css.ts", "../src/hooks/useStyleEffectSwipeBack.ts", "../src/components/AppBar.tsx", "../src/components/AppBar.css.ts", "../src/components/BottomSheet.tsx", "../src/components/BottomSheet.css.ts", "../src/components/Modal.tsx", "../src/components/Modal.css.ts"],
-  "sourcesContent": ["const IconBack: React.FC<{\n  className?: string;\n}> = (props) => (\n  <svg\n    className={props.className}\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      d=\"M16.66 3.23C16.96 3.53 16.96 4.02 16.66 4.32L8.97999 12L16.66 19.68C16.96 19.98 16.96 20.47 16.66 20.77C16.36 21.07 15.87 21.07 15.57 20.77L7.33999 12.55C7.03999 12.25 7.03999 11.76 7.33999 11.46L15.56 3.23C15.86 2.93 16.35 2.93 16.65 3.23H16.66Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n);\n\nexport default IconBack;\n", "const IconClose: React.FC<{\n  className?: string;\n}> = (props) => (\n  <svg\n    className={props.className}\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      d=\"M6.56588 5.43433C6.25346 5.12191 5.74693 5.12191 5.43451 5.43433C5.12209 5.74675 5.12209 6.25328 5.43451 6.5657L10.8688 12L5.43451 17.4343C5.12209 17.7467 5.12209 18.2533 5.43451 18.5657C5.74693 18.8781 6.25346 18.8781 6.56588 18.5657L12.0002 13.1314L17.4345 18.5657C17.7469 18.8781 18.2535 18.8781 18.5659 18.5657C18.8783 18.2533 18.8783 17.7467 18.5659 17.4343L13.1316 12L18.5659 6.5657C18.8783 6.25328 18.8783 5.74675 18.5659 5.43433C18.2535 5.12191 17.7469 5.12191 17.4345 5.43433L12.0002 10.8686L6.56588 5.43433Z\"\n      fill=\"currentColor\"\n    />\n    <path\n      d=\"M6.56588 5.43433C6.25346 5.12191 5.74693 5.12191 5.43451 5.43433C5.12209 5.74675 5.12209 6.25328 5.43451 6.5657L10.8688 12L5.43451 17.4343C5.12209 17.7467 5.12209 18.2533 5.43451 18.5657C5.74693 18.8781 6.25346 18.8781 6.56588 18.5657L12.0002 13.1314L17.4345 18.5657C17.7469 18.8781 18.2535 18.8781 18.5659 18.5657C18.8783 18.2533 18.8783 17.7467 18.5659 17.4343L13.1316 12L18.5659 6.5657C18.8783 6.25328 18.8783 5.74675 18.5659 5.43433C18.2535 5.12191 17.7469 5.12191 17.4345 5.43433L12.0002 10.8686L6.56588 5.43433Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n);\n\nexport default IconClose;\n", "import type { StackflowReactPlugin } from \"@stackflow/react\";\nimport { assignInlineVars } from \"@vanilla-extract/dynamic\";\nimport { createContext, useContext } from \"react\";\n\nimport * as css from \"./basicUIPlugin.css\";\nimport type { RecursivePartial } from \"./utils\";\nimport { compact, compactMap, isBrowser } from \"./utils\";\n\ntype BasicUIPluginOptions = RecursivePartial<css.GlobalVars> & {\n  theme: \"android\" | \"cupertino\";\n  rootClassName?: string;\n  appBar?: {\n    backButton?:\n      | {\n          renderIcon?: () => React.ReactNode;\n          ariaLabel?: string;\n        }\n      | {\n          render?: () => React.ReactNode;\n        };\n    closeButton?:\n      | {\n          renderIcon?: () => React.ReactNode;\n          ariaLabel?: string;\n          onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;\n        }\n      | {\n          render?: () => React.ReactNode;\n        };\n  };\n};\n\nconst GlobalOptionsContext = createContext<BasicUIPluginOptions>({\n  theme: \"android\",\n});\n\nexport const GlobalOptionsProvider = GlobalOptionsContext.Provider;\n\nexport function useGlobalOptions() {\n  return useContext(GlobalOptionsContext);\n}\n\nexport const basicUIPlugin: (\n  options:\n    | BasicUIPluginOptions\n    | ((args: { initialContext?: any }) => BasicUIPluginOptions),\n) => StackflowReactPlugin = (options) => () => ({\n  key: \"basic-ui\",\n  wrapStack({ stack, initialContext }) {\n    const _options =\n      typeof options === \"function\" ? options({ initialContext }) : options;\n\n    return (\n      <GlobalOptionsProvider\n        value={{\n          ...options,\n          theme: initialContext?.theme ?? _options.theme,\n        }}\n      >\n        <div\n          className={compact([\n            css.stackWrapper({\n              theme: initialContext?.theme ?? _options.theme,\n              loading: stack.globalTransitionState === \"loading\",\n            }),\n            _options.rootClassName,\n          ]).join(\" \")}\n          style={assignInlineVars(\n            compactMap({\n              [css.globalVars.backgroundColor]: _options.backgroundColor,\n              [css.globalVars.dimBackgroundColor]: _options.dimBackgroundColor,\n              [css.globalVars\n                .transitionDuration]: `${stack.transitionDuration}ms`,\n              [css.globalVars.computedTransitionDuration]:\n                stack.globalTransitionState === \"loading\"\n                  ? `${stack.transitionDuration}ms`\n                  : \"0ms\",\n              [css.globalVars.appBar.borderColor]: _options.appBar?.borderColor,\n              [css.globalVars.appBar.borderSize]: _options.appBar?.borderSize,\n              [css.globalVars.appBar.height]: _options.appBar?.height,\n              [css.globalVars.appBar.iconColor]: _options.appBar?.iconColor,\n              [css.globalVars.appBar.textColor]: _options.appBar?.textColor,\n              [css.globalVars.appBar.minSafeAreaInsetTop]:\n                _options.appBar?.minSafeAreaInsetTop,\n              [css.globalVars.bottomSheet.borderRadius]:\n                _options.bottomSheet?.borderRadius,\n              [css.globalVars.modal.borderRadius]: _options.modal?.borderRadius,\n            }),\n          )}\n        >\n          {stack.render()}\n        </div>\n      </GlobalOptionsProvider>\n    );\n  },\n});\n", "import 'src/basicUIPlugin.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+3X0UrDMBQG4Ps9RcAbBVPaah1k+CQikjan7dnWnJqczqHs3WXD6c1m7SrIMNCLXvRPf8jJB4mekuc7M0/nsXibCCGlZ10syiW9yHbZVWhlrj0WskOZ62JROeqskQUtySlxUZblrCdlsDmQdFWuL+Nr8fFESXbVtxA7bT0ykpWmc3r7okTs+2IFNW3HYE7N67aVuXYyJ2fAHesfT3v7H1rol0p5fAUlknb901wNWNWsxE2UOWiGpcZ2btCe+H8syH6OXpqkSXo7PDq2PsOaTyzxFR297ycdxWPpsW1oBW77gRI1GgN2yCR4XYLUDrRE64ElU6tE3D/JOTFTI30NwPtj4LTBziuR7GZqM4n2tiXBtjO3LY6y4bql0fRveRtYIPgWfBvim3JE/GA06+9oqaGB+6JrwTFaegwUBgoDhYHCf0uhtsYRmgDhuUMY7rsBwYDgoftutrOtJbQMTsIKLHslLFmYTTbvJq/pt/ITAAA=';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var android = '_1q6dj2j0';\nexport var cupertino = '_1q6dj2j1';\nexport var globalVars = {backgroundColor:'var(--stackflow-plugin-basic-ui-background-color)',dimBackgroundColor:'var(--stackflow-plugin-basic-ui-dim-background-color)',transitionDuration:'var(--stackflow-plugin-basic-ui-transition-duration)',computedTransitionDuration:'var(--stackflow-plugin-basic-ui-computed-transition-duration)',appBar:{borderColor:'var(--stackflow-plugin-basic-ui-app-bar-border-color)',borderColorTransitionDuration:'var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration)',borderSize:'var(--stackflow-plugin-basic-ui-app-bar-border-size)',height:'var(--stackflow-plugin-basic-ui-app-bar-height)',heightTransitionDuration:'var(--stackflow-plugin-basic-ui-app-bar-height-transition-duration)',minHeight:'var(--stackflow-plugin-basic-ui-app-bar-min-height)',iconColor:'var(--stackflow-plugin-basic-ui-app-bar-icon-color)',iconColorTransitionDuration:'var(--stackflow-plugin-basic-ui-app-bar-icon-color-transition-duration)',textColor:'var(--stackflow-plugin-basic-ui-app-bar-text-color)',textColorTransitionDuration:'var(--stackflow-plugin-basic-ui-app-bar-text-color-transition-duration)',backgroundColor:'var(--stackflow-plugin-basic-ui-app-bar-background-color)',backgroundColorTransitionDuration:'var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration)',overflow:'var(--stackflow-plugin-basic-ui-app-bar-overflow)',minSafeAreaInsetTop:'var(--stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top)'},bottomSheet:{borderRadius:'var(--stackflow-plugin-basic-ui-bottom-sheet-border-radius)'},modal:{borderRadius:'var(--stackflow-plugin-basic-ui-bottom-sheet-border-radius)'}};\nexport var stackWrapper = _7a468({defaultClassName:'_1q6dj2j2',variantClassNames:{theme:{android:'_1q6dj2j0',cupertino:'_1q6dj2j1'},loading:{true:'_1q6dj2j5'}},defaultVariants:{},compoundVariants:[]});", "export function compact<T>(arr: Array<T>): Array<NonNullable<T>> {\n  return arr.filter(\n    (item): item is NonNullable<typeof item> =>\n      item !== undefined && item !== null,\n  );\n}\n", "export function compactMap<T extends {}>(\n  obj: T,\n): {\n  [key in keyof T]: NonNullable<T[key]>;\n} {\n  return Object.entries(obj).reduce<any>((acc, [key, value]) => {\n    if (value !== null && value !== undefined) {\n      acc[key] = value;\n    }\n\n    return acc;\n  }, {});\n}\n", "export function listenOnce<T extends HTMLElement>(\n  el: T,\n  type: keyof HTMLElementEventMap,\n  cb: () => void,\n) {\n  const listener = () => {\n    el.removeEventListener(type, listener);\n    cb();\n  };\n\n  el.addEventListener(type, listener);\n}\n", "export const listenResize = (cb: () => void) => {\n  cb();\n  window.addEventListener(\"resize\", cb);\n\n  return () => {\n    window.removeEventListener(\"resize\", cb);\n  };\n};\n", "export const noop = () => {};\n", "// https://github.com/MingruiZhang/react-animate-mount/blob/32300c04a4fdfa97724b70aaaf0c0f403d6da247/src/Animate.js#L171-L179\nexport function requestNextFrame(cb: () => void) {\n  requestAnimationFrame(() => {\n    requestAnimationFrame(() => {\n      cb();\n    });\n  });\n}\n", "import { useActions } from \"@stackflow/react\";\nimport { assignInlineVars } from \"@vanilla-extract/dynamic\";\nimport { createContext, useContext, useMemo, useRef } from \"react\";\n\nimport { useGlobalOptions } from \"../basicUIPlugin\";\nimport type { GlobalVars } from \"../basicUIPlugin.css\";\nimport { globalVars } from \"../basicUIPlugin.css\";\nimport {\n  useLazy,\n  useMounted,\n  useNullableActivity,\n  useStyleEffectHide,\n  useStyleEffectOffset,\n  useStyleEffectSwipeBack,\n} from \"../hooks\";\nimport type { PropOf } from \"../utils\";\nimport { compactMap } from \"../utils\";\nimport AppBar from \"./AppBar\";\nimport * as css from \"./AppScreen.css\";\n\nexport type AppScreenContext = {\n  scroll: (args: { top: number }) => void;\n};\nconst Context = createContext<AppScreenContext>(null as any);\n\nexport function useAppScreen() {\n  return useContext(Context);\n}\n\nexport type AppScreenProps = Partial<\n  Pick<GlobalVars, \"backgroundColor\" | \"dimBackgroundColor\">\n> & {\n  appBar?: Omit<\n    PropOf<typeof AppBar>,\n    \"theme\" | \"modalPresentationStyle\" | \"ref\" | \"key\"\n  >;\n  preventSwipeBack?: boolean;\n  CUPERTINO_ONLY_modalPresentationStyle?: \"fullScreen\";\n  ANDROID_ONLY_activityEnterStyle?: \"slideInLeft\";\n  children: React.ReactNode;\n};\nconst AppScreen: React.FC<AppScreenProps> = ({\n  backgroundColor,\n  dimBackgroundColor,\n  appBar,\n  preventSwipeBack,\n  CUPERTINO_ONLY_modalPresentationStyle,\n  ANDROID_ONLY_activityEnterStyle,\n  children,\n}) => {\n  const globalOptions = useGlobalOptions();\n  const activity = useNullableActivity();\n  const mounted = useMounted();\n\n  const { pop } = useActions();\n\n  const appScreenRef = useRef<HTMLDivElement>(null);\n  const dimRef = useRef<HTMLDivElement>(null);\n  const paperRef = useRef<HTMLDivElement>(null);\n  const edgeRef = useRef<HTMLDivElement>(null);\n  const appBarRef = useRef<HTMLDivElement>(null);\n\n  const modalPresentationStyle =\n    globalOptions.theme === \"cupertino\"\n      ? CUPERTINO_ONLY_modalPresentationStyle\n      : undefined;\n  const activityEnterStyle =\n    globalOptions.theme === \"android\"\n      ? ANDROID_ONLY_activityEnterStyle\n      : undefined;\n\n  const swipeBackPrevented =\n    preventSwipeBack || modalPresentationStyle === \"fullScreen\";\n\n  const hasAppBar = !!appBar;\n\n  const zIndexBase = (activity?.zIndex ?? 0) * 5;\n\n  let zIndexDim: number;\n  let zIndexPaper: number;\n  let zIndexEdge: number;\n  let zIndexAppBar: number;\n\n  switch (globalOptions.theme) {\n    case \"cupertino\": {\n      zIndexDim =\n        zIndexBase + (modalPresentationStyle === \"fullScreen\" ? 2 : 0);\n      zIndexPaper =\n        zIndexBase +\n        (hasAppBar && modalPresentationStyle !== \"fullScreen\" ? 1 : 3);\n      zIndexEdge = zIndexBase + 4;\n      zIndexAppBar = zIndexBase + 7;\n      break;\n    }\n    case \"android\":\n    default: {\n      zIndexDim = zIndexBase;\n      zIndexPaper = zIndexBase + (activityEnterStyle === \"slideInLeft\" ? 1 : 3);\n      zIndexEdge = zIndexBase + 4;\n      zIndexAppBar =\n        zIndexBase + (activityEnterStyle === \"slideInLeft\" ? 7 : 4);\n      break;\n    }\n  }\n\n  const transitionState = activity?.transitionState ?? \"enter-done\";\n  const lazyTransitionState = useLazy(transitionState);\n\n  useStyleEffectHide({\n    refs: [appScreenRef],\n    hasEffect: true,\n  });\n  useStyleEffectOffset({\n    refs:\n      globalOptions.theme === \"cupertino\" ||\n      activityEnterStyle === \"slideInLeft\"\n        ? [paperRef]\n        : [paperRef, appBarRef],\n    theme: globalOptions.theme,\n    activityEnterStyle,\n    hasEffect: modalPresentationStyle !== \"fullScreen\",\n  });\n  useStyleEffectSwipeBack({\n    dimRef,\n    edgeRef,\n    paperRef,\n    theme: globalOptions.theme,\n    prevented: swipeBackPrevented,\n    onSwiped() {\n      pop();\n    },\n    hasEffect: true,\n  });\n\n  const onAppBarTopClick: React.MouseEventHandler = (e) => {\n    appBar?.onTopClick?.(e);\n\n    if (!e.defaultPrevented) {\n      paperRef.current?.scroll({\n        top: 0,\n        behavior: \"smooth\",\n      });\n    }\n  };\n\n  return (\n    <Context.Provider\n      value={useMemo(\n        () => ({\n          scroll({ top }) {\n            paperRef?.current?.scroll({\n              top,\n              behavior: \"smooth\",\n            });\n          },\n        }),\n        [paperRef],\n      )}\n    >\n      <div\n        ref={appScreenRef}\n        className={css.appScreen({\n          transitionState:\n            transitionState === \"enter-done\" || transitionState === \"exit-done\"\n              ? transitionState\n              : lazyTransitionState,\n        })}\n        style={assignInlineVars(\n          compactMap({\n            [globalVars.backgroundColor]: backgroundColor,\n            [globalVars.dimBackgroundColor]: dimBackgroundColor,\n            [globalVars.appBar.height]: appBar?.height,\n            [globalVars.appBar.heightTransitionDuration]:\n              appBar?.heightTransitionDuration,\n            [css.vars.zIndexes.dim]: `${zIndexDim}`,\n            [css.vars.zIndexes.paper]: `${zIndexPaper}`,\n            [css.vars.zIndexes.edge]: `${zIndexEdge}`,\n            [css.vars.zIndexes.appBar]: `${zIndexAppBar}`,\n            [css.vars.transitionDuration]:\n              transitionState === \"enter-active\" ||\n              transitionState === \"exit-active\"\n                ? globalVars.computedTransitionDuration\n                : \"0ms\",\n          }),\n        )}\n        data-stackflow-component-name=\"AppScreen\"\n        data-stackflow-activity-id={mounted ? activity?.id : undefined}\n        data-stackflow-activity-is-active={\n          mounted ? activity?.isActive : undefined\n        }\n      >\n        {activityEnterStyle !== \"slideInLeft\" && (\n          <div className={css.dim} ref={dimRef} />\n        )}\n        {appBar && (\n          <AppBar\n            {...appBar}\n            ref={appBarRef}\n            modalPresentationStyle={modalPresentationStyle}\n            activityEnterStyle={activityEnterStyle}\n            onTopClick={onAppBarTopClick}\n          />\n        )}\n        <div\n          key={activity?.id}\n          className={css.paper({\n            hasAppBar,\n            modalPresentationStyle,\n            activityEnterStyle,\n          })}\n          ref={paperRef}\n        >\n          {children}\n        </div>\n        {!activity?.isRoot &&\n          globalOptions.theme === \"cupertino\" &&\n          !swipeBackPrevented && (\n            <div className={css.edge({ hasAppBar })} ref={edgeRef} />\n          )}\n      </div>\n    </Context.Provider>\n  );\n};\n\nAppScreen.displayName = \"AppScreen\";\n\nexport default AppScreen;\n", "import { useEffect, useState } from \"react\";\n\nimport { requestNextFrame } from \"../utils\";\n\nexport function useLazy<T>(value: T) {\n  const [state, setState] = useState<T | undefined>(undefined);\n\n  useEffect(() => {\n    requestNextFrame(() => {\n      setState(value);\n    });\n  }, [value]);\n\n  return state;\n}\n", "import { useEffect, useState } from \"react\";\n\nimport { listenResize, noop } from \"../utils\";\n\nexport function useMaxWidth({\n  outerRef,\n  innerRef,\n  enable,\n}: {\n  outerRef: React.ForwardedRef<any>;\n  innerRef: React.MutableRefObject<any>;\n  enable: boolean;\n}) {\n  const [maxWidth, setMaxWidth] = useState<number | undefined>(undefined);\n\n  useEffect(() => {\n    const $outer = outerRef && \"current\" in outerRef && outerRef.current;\n    const $inner = innerRef.current;\n\n    if (!enable || !$outer || !$inner) {\n      return noop;\n    }\n\n    const dispose = listenResize(() => {\n      const screenWidth = $outer.clientWidth;\n\n      const leftWidth = $inner.offsetLeft;\n      const centerWidth = $inner.clientWidth;\n      const rightWidth = screenWidth - leftWidth - centerWidth;\n\n      const sideMargin = Math.max(leftWidth, rightWidth);\n\n      setMaxWidth(screenWidth - 2 * sideMargin);\n    });\n\n    return dispose;\n  });\n\n  return {\n    maxWidth,\n  };\n}\n", "import { useEffect, useReducer, useState } from \"react\";\n\nexport function useMounted() {\n  const [mounted, mount] = useReducer(() => true, false);\n\n  useEffect(() => {\n    mount();\n  }, []);\n\n  return mounted;\n}\n", "import type { Activity } from \"@stackflow/core\";\nimport { useActivity } from \"@stackflow/react\";\n\nexport function useNullableActivity() {\n  return useActivity() as Activity | null;\n}\n", "import type { ActivityTransitionState } from \"@stackflow/core\";\nimport { useEffect } from \"react\";\n\nimport { noop } from \"../utils\";\nimport { useNullableActivity } from \"./useNullableActivity\";\n\nconst connections: {\n  [styleName: string]: Map<\n    number,\n    {\n      refs: Array<React.RefObject<any>>;\n      hasEffect: boolean;\n    }\n  >;\n} = {};\n\nexport function useStyleEffect<T extends HTMLElement>({\n  styleName,\n  refs,\n  effect,\n  effectDeps,\n}: {\n  styleName: string;\n  refs: Array<React.RefObject<T>>;\n  effect?: (params: {\n    activityTransitionState: ActivityTransitionState;\n    refs: Array<React.RefObject<T>>;\n  }) => (() => void) | void;\n  effectDeps?: any[];\n}) {\n  const activity = useNullableActivity();\n\n  useEffect(() => {\n    if (!activity) {\n      return noop;\n    }\n    if (!connections[styleName]) {\n      connections[styleName] = new Map();\n    }\n\n    connections[styleName].set(activity.zIndex, {\n      refs,\n      hasEffect: !!effect,\n    });\n\n    return () => {\n      connections[styleName].delete(activity.zIndex);\n    };\n  }, [activity?.id, refs, effect]);\n\n  useEffect(() => {\n    if (!activity) {\n      return noop;\n    }\n    if (!effect) {\n      return noop;\n    }\n\n    const refs = (() => {\n      let arr: Array<React.RefObject<T>> = [];\n\n      for (let i = 1; i <= activity.zIndex; i += 1) {\n        const connection = connections[styleName].get(activity.zIndex - i);\n\n        if (connection?.refs) {\n          arr = [...arr, ...connection.refs];\n        }\n        if (connection?.hasEffect) {\n          break;\n        }\n      }\n\n      return arr;\n    })();\n\n    const cleanup = effect({\n      activityTransitionState: activity.transitionState,\n      refs,\n    });\n\n    return () => {\n      cleanup?.();\n    };\n  }, [activity?.transitionState, ...(effectDeps ?? [])]);\n}\n", "/* eslint-disable no-param-reassign */\n\nimport { noop } from \"../utils\";\nimport { useStyleEffect } from \"./useStyleEffect\";\n\nexport function useStyleEffectHide({\n  refs,\n  hasEffect,\n}: {\n  refs: Array<React.RefObject<any>>;\n  hasEffect?: boolean;\n}) {\n  useStyleEffect({\n    styleName: \"hide\",\n    refs,\n    effect: hasEffect\n      ? ({ activityTransitionState, refs }) => {\n          const cleanup = () => {\n            refs.forEach((ref) => {\n              if (!ref.current) {\n                return;\n              }\n              const $ref = ref.current;\n\n              $ref.style.display = \"\";\n            });\n          };\n\n          switch (activityTransitionState) {\n            case \"enter-done\": {\n              refs.forEach((ref) => {\n                if (!ref.current) {\n                  return;\n                }\n                const $ref = ref.current;\n\n                $ref.style.display = \"none\";\n              });\n\n              return () => {\n                cleanup();\n              };\n            }\n            default: {\n              cleanup();\n\n              return noop;\n            }\n          }\n        }\n      : undefined,\n  });\n}\n", "/* eslint-disable no-param-reassign */\n\nimport { globalVars } from \"../basicUIPlugin.css\";\nimport { listenOnce, noop, requestNextFrame } from \"../utils\";\nimport { useStyleEffect } from \"./useStyleEffect\";\n\nexport const OFFSET_PX_ANDROID = 32;\nexport const OFFSET_PX_CUPERTINO = 80;\n\nexport function useStyleEffectOffset({\n  refs,\n  theme,\n  activityEnterStyle,\n  hasEffect = false,\n}: {\n  refs: Array<React.RefObject<any>>;\n  theme: \"android\" | \"cupertino\";\n  activityEnterStyle?: \"slideInLeft\";\n  hasEffect?: boolean;\n}) {\n  useStyleEffect({\n    styleName: \"offset\",\n    refs,\n    effect: hasEffect\n      ? ({ activityTransitionState, refs }) => {\n          let transform: string;\n          let opacity: string;\n\n          switch (theme) {\n            case \"cupertino\": {\n              transform = `translate3d(-${OFFSET_PX_CUPERTINO / 16}rem, 0, 0)`;\n              opacity = \"1\";\n              break;\n            }\n            case \"android\":\n            default: {\n              transform =\n                activityEnterStyle === \"slideInLeft\"\n                  ? `translate3d(-50%, 0, 0)`\n                  : `translate3d(0, -${OFFSET_PX_ANDROID / 16}rem, 0)`;\n              opacity = activityEnterStyle === \"slideInLeft\" ? \"0\" : \"1\";\n              break;\n            }\n          }\n\n          const cleanup = () => {\n            requestNextFrame(() => {\n              refs.forEach((ref) => {\n                if (!ref.current) {\n                  return;\n                }\n\n                const $el = ref.current;\n\n                $el.style.transform = \"\";\n                $el.style.opacity = \"\";\n\n                listenOnce($el, \"transitionend\", () => {\n                  $el.style.transition = \"\";\n                });\n              });\n            });\n          };\n\n          switch (activityTransitionState) {\n            case \"enter-active\":\n            case \"enter-done\": {\n              refs.forEach((ref) => {\n                if (!ref.current) {\n                  return;\n                }\n\n                ref.current.style.transition =\n                  globalVars.computedTransitionDuration;\n                ref.current.style.transform = transform;\n                ref.current.style.opacity = opacity;\n              });\n\n              switch (activityTransitionState) {\n                case \"enter-done\":\n                  return () => {\n                    cleanup();\n                  };\n                case \"enter-active\":\n                default:\n                  return noop;\n              }\n            }\n            case \"exit-active\":\n            case \"exit-done\": {\n              requestNextFrame(() => {\n                cleanup();\n              });\n\n              return noop;\n            }\n            default: {\n              return noop;\n            }\n          }\n        }\n      : undefined,\n  });\n}\n", "import 'src/basicUIPlugin.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+3X0UrDMBQG4Ps9RcAbBVPaah1k+CQikjan7dnWnJqczqHs3WXD6c1m7SrIMNCLXvRPf8jJB4mekuc7M0/nsXibCCGlZ10syiW9yHbZVWhlrj0WskOZ62JROeqskQUtySlxUZblrCdlsDmQdFWuL+Nr8fFESXbVtxA7bT0ykpWmc3r7okTs+2IFNW3HYE7N67aVuXYyJ2fAHesfT3v7H1rol0p5fAUlknb901wNWNWsxE2UOWiGpcZ2btCe+H8syH6OXpqkSXo7PDq2PsOaTyzxFR297ycdxWPpsW1oBW77gRI1GgN2yCR4XYLUDrRE64ElU6tE3D/JOTFTI30NwPtj4LTBziuR7GZqM4n2tiXBtjO3LY6y4bql0fRveRtYIPgWfBvim3JE/GA06+9oqaGB+6JrwTFaegwUBgoDhYHCf0uhtsYRmgDhuUMY7rsBwYDgoftutrOtJbQMTsIKLHslLFmYTTbvJq/pt/ITAAA=';\nimport 'src/styles/f.css.ts.vanilla.css?source=LmRodGh4cTAgewogIHdpZHRoOiAxMDAlOwp9Ci5kaHRoeHExIHsKICBoZWlnaHQ6IDEwMCU7Cn0KLmRodGh4cTIgewogIHRvcDogMDsKfQouZGh0aHhxMyB7CiAgbGVmdDogMDsKfQouZGh0aHhxNCB7CiAgcG9zaXRpb246IGFic29sdXRlOwp9Ci5kaHRoeHE1IHsKICBwb3NpdGlvbjogcmVsYXRpdmU7Cn0KLmRodGh4cTcgewogIGRpc3BsYXk6IGZsZXg7Cn0KLmRodGh4cTggewogIGZsZXg6IDE7Cn0KLmRodGh4cTkgewogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0KLmRodGh4cWEgewogIGFsaWduLWl0ZW1zOiBmbGV4LWVuZDsKfQouZGh0aHhxYiB7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7Cn0KLmRodGh4cWMgewogIG92ZXJmbG93OiBoaWRkZW47Cn0KLmRodGh4cWQgewogIHdoaXRlLXNwYWNlOiBub3dyYXA7Cn0KLmRodGh4cWUgewogIHRleHQtYWxpZ246IGNlbnRlcjsKfQouZGh0aHhxZiB7CiAgY3Vyc29yOiBwb2ludGVyOwogIC13ZWJraXQtdGFwLWhpZ2hsaWdodC1jb2xvcjogdHJhbnNwYXJlbnQ7Cn0KLmRodGh4cWcgewogIGJveC1zaXppbmc6IGJvcmRlci1ib3g7Cn0KLmRodGh4cWggewogIGJveC1zaXppbmc6IGNvbnRlbnQtYm94Owp9Ci5kaHRoeHFpIHsKICBhcHBlYXJhbmNlOiBub25lOwogIGJvcmRlcjogMDsKICBwYWRkaW5nOiAwOwogIGJhY2tncm91bmQ6IG5vbmU7Cn0=';\nimport 'src/components/AppScreen.css.ts.vanilla.css?source=#H4sIAAAAAAAAA9WUwY6bMBCG73mKuVQCFUcm2d22zqVvUhnbISbGpsYkm1b77hUGkkASSKK9lBPSeD7/M/N75r9irtYvy5c3+DsDSCjbptZUmiNmlLEEdtQGCJWOsu1amT0qVJVKjRJaSoYqibjM0TArXM0+ZvOO/O1J8jj1u6c6S3UpnTSaNP9rY/OW3J3EYQSmoEy6w0Wkh2QnZI1piYo6seRBjPGXCHAEgyTpk1o+AbyaAfxBUnPxTgbXxWEd3EulENtQnQrS5bXE3288W2QYBvCNkOnGEYixFfmq10sCSmpBLUot5VJoFzw1rwhsmtAANwXWNfoiZ9B+R0E/zrRFl2F6Fu6ivfbE17HJOJZNYXFvJFkT3AnrO3AgUDJrlKpbh/Yi2UqHjtEmJHVKwJmKbUbmt7ic39EsfQGEdPc0+IRar4nLslD0QEAbLXpDj2Eg/z4bHnvlu3WBOhtXFk2cPZtddjo6IgX3n8OFebMrL+M2ypt7rCz8QFn4nrLOTXlvkQ1o+ym7J4KCci51ipwpJrchLQqUUIuaZYBOlyNeWVr/eHeeIac3bJ8Z3jKkmnBB68mbRsjH8l+vr1Xtc/aSuw2BeL54bVffjae57Geb5sanenDat4wq5h8coEcxXs7PsioKY10JQW8szOjSUe2Ckq4FolZQJHUpXB0NQy99YLXBXL2wBxXBV8jp+91ZudTomrxoQr1v4MdI8ULv/s+6bwrvSv4HJarFPUsJAAA=';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var allTransitions = '_1dlf4348';\nexport var appScreen = _7a468({defaultClassName:'dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 dhthxqc',variantClassNames:{transitionState:{'enter-active':'_1dlf4349','enter-done':'_1dlf434a','exit-active':'_1dlf434b','exit-done':'_1dlf434c'}},defaultVariants:{},compoundVariants:[]});\nexport var background = '_1dlf4347';\nexport var dim = '_1dlf434i dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 _1dlf4346 _1dlf4348';\nexport var edge = _7a468({defaultClassName:'_1dlf434n dhthxq4 dhthxq2 dhthxq3 dhthxq1',variantClassNames:{hasAppBar:{true:'_1dlf434o'}},defaultVariants:{},compoundVariants:[]});\nexport var enterActive = '_1dlf4349';\nexport var enterDone = '_1dlf434a';\nexport var exitActive = '_1dlf434b';\nexport var exitDone = '_1dlf434c';\nexport var paper = _7a468({defaultClassName:'_1dlf434j dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 _1dlf4347 _1dlf4348',variantClassNames:{hasAppBar:{true:'_1dlf434k dhthxqg'},modalPresentationStyle:{fullScreen:'_1dlf434l'},activityEnterStyle:{slideInLeft:'_1dlf434m'}},defaultVariants:{},compoundVariants:[]});\nexport var vars = {transitionDuration:'var(--_1dlf4340)',zIndexes:{dim:'var(--_1dlf4341)',paper:'var(--_1dlf4342)',edge:'var(--_1dlf4343)',appBar:'var(--_1dlf4344)'},appBar:{center:{mainWidth:'var(--_1dlf4345)'}}};", "/* eslint-disable no-param-reassign */\n\nimport { globalVars } from \"../basicUIPlugin.css\";\nimport * as appScreenCss from \"../components/AppScreen.css\";\nimport { listenOnce, noop } from \"../utils\";\nimport { useStyleEffect } from \"./useStyleEffect\";\nimport { OFFSET_PX_CUPERTINO } from \"./useStyleEffectOffset\";\n\nexport function useStyleEffectSwipeBack({\n  theme,\n  dimRef,\n  edgeRef,\n  paperRef,\n  hasEffect,\n  prevented,\n  onSwiped,\n}: {\n  theme: \"android\" | \"cupertino\";\n  dimRef: React.RefObject<HTMLDivElement>;\n  edgeRef: React.RefObject<HTMLDivElement>;\n  paperRef: React.RefObject<HTMLDivElement>;\n  hasEffect?: boolean;\n  prevented?: boolean;\n  onSwiped?: () => void;\n}) {\n  useStyleEffect({\n    styleName: \"swipe-back\",\n    refs: [paperRef],\n    effect: hasEffect\n      ? ({ refs }) => {\n          if (theme !== \"cupertino\") {\n            return noop;\n          }\n\n          if (!dimRef.current || !edgeRef.current || !paperRef.current) {\n            return noop;\n          }\n\n          const $dim = dimRef.current;\n          const $edge = edgeRef.current;\n          const $paper = paperRef.current;\n\n          let x0: number | null = null;\n          let t0: number | null = null;\n          let x: number | null = null;\n\n          let cachedRefs: Array<{\n            style: {\n              transform: string;\n              transition: string;\n            };\n            parentElement?: {\n              style: {\n                display: string;\n              };\n            };\n          }> = [];\n\n          const resetState = () => {\n            x0 = null;\n            t0 = null;\n            x = null;\n            cachedRefs = [];\n          };\n\n          let _rAFLock = false;\n\n          function movePaper(dx: number) {\n            if (!_rAFLock) {\n              _rAFLock = true;\n\n              requestAnimationFrame(() => {\n                const p = dx / $paper.clientWidth;\n\n                $dim.style.opacity = `${1 - p}`;\n                $dim.style.transition = \"0s\";\n\n                $paper.style.overflowY = \"hidden\";\n                $paper.style.transform = `translate3d(${dx}px, 0, 0)`;\n                $paper.style.transition = \"0s\";\n\n                refs.forEach((ref) => {\n                  if (!ref.current) {\n                    return;\n                  }\n\n                  ref.current.style.transform = `translate3d(${\n                    -1 * (1 - p) * OFFSET_PX_CUPERTINO\n                  }px, 0, 0)`;\n                  ref.current.style.transition = \"0s\";\n\n                  if (ref.current.parentElement?.style.display === \"none\") {\n                    ref.current.parentElement.style.display = \"block\";\n                  }\n                });\n\n                _rAFLock = false;\n              });\n            }\n          }\n\n          function resetPaper({ swiped }: { swiped: boolean }): Promise<void> {\n            return new Promise((resolve) => {\n              requestAnimationFrame(() => {\n                $dim.style.opacity = `${swiped ? 0 : 1}`;\n                $dim.style.transition = globalVars.transitionDuration;\n\n                $paper.style.overflowY = \"hidden\";\n                $paper.style.transform = `translateX(${swiped ? \"100%\" : \"0\"})`;\n                $paper.style.transition = globalVars.transitionDuration;\n\n                refs.forEach((ref) => {\n                  if (!ref.current) {\n                    return;\n                  }\n\n                  ref.current.style.transition = globalVars.transitionDuration;\n                  ref.current.style.transform = `translate3d(${\n                    swiped ? \"0\" : `-${OFFSET_PX_CUPERTINO / 16}rem`\n                  }, 0, 0)`;\n                });\n\n                const _cachedRefs = [...cachedRefs];\n\n                resolve();\n\n                listenOnce($paper, \"transitionend\", () => {\n                  const _swiped =\n                    swiped ||\n                    $paper.parentElement?.classList.contains(\n                      appScreenCss.exitActive,\n                    ) ||\n                    $paper.parentElement?.classList.contains(\n                      appScreenCss.exitDone,\n                    );\n\n                  $dim.style.opacity = \"\";\n                  $paper.style.overflowY = \"\";\n                  $paper.style.transform = \"\";\n\n                  refs.forEach((ref, i) => {\n                    if (!ref.current) {\n                      return;\n                    }\n\n                    const _cachedRef = _cachedRefs[i];\n\n                    if (_swiped) {\n                      ref.current.style.transition = \"\";\n                      ref.current.style.transform = \"\";\n\n                      if (ref.current.parentElement) {\n                        ref.current.parentElement.style.display = \"\";\n                      }\n                    } else if (_cachedRef) {\n                      ref.current.style.transition =\n                        _cachedRef.style.transition;\n                      ref.current.style.transform = _cachedRef.style.transform;\n\n                      if (\n                        ref.current.parentElement &&\n                        _cachedRef.parentElement\n                      ) {\n                        ref.current.parentElement.style.display =\n                          _cachedRef.parentElement.style.display;\n                      }\n                    }\n                  });\n                });\n              });\n            });\n          }\n\n          const onTouchStart = (e: TouchEvent) => {\n            const { activeElement } = document as any;\n\n            activeElement?.blur?.();\n            // eslint-disable-next-line no-multi-assign\n            x0 = x = e.touches[0].clientX;\n            t0 = Date.now();\n\n            cachedRefs = refs.map((ref) => {\n              if (!ref.current) {\n                return {\n                  style: {\n                    transform: \"\",\n                    transition: \"\",\n                  },\n                };\n              }\n\n              return {\n                style: {\n                  transform: ref.current.style.transform,\n                  transition: ref.current.style.transition,\n                },\n                parentElement: ref.current.parentElement\n                  ? {\n                      style: {\n                        display: ref.current.parentElement.style.display,\n                      },\n                    }\n                  : undefined,\n              };\n            });\n          };\n\n          const onTouchMove = (e: TouchEvent) => {\n            if (!x0) {\n              resetState();\n              return;\n            }\n\n            x = e.touches[0].clientX;\n\n            movePaper(x - x0);\n          };\n\n          const onTouchEnd = () => {\n            if (!x0 || !t0 || !x) {\n              resetState();\n              return;\n            }\n\n            const t = Date.now();\n            const v = (x - x0) / (t - t0);\n            const swiped = v > 1 || x / $paper.clientWidth > 0.4;\n\n            if (swiped) {\n              onSwiped?.();\n            }\n\n            Promise.resolve()\n              .then(() => resetPaper({ swiped }))\n              .then(() => resetState());\n          };\n\n          $edge.addEventListener(\"touchstart\", onTouchStart, { passive: true });\n          $edge.addEventListener(\"touchmove\", onTouchMove, { passive: true });\n          $edge.addEventListener(\"touchend\", onTouchEnd, { passive: true });\n          $edge.addEventListener(\"touchcancel\", onTouchEnd, { passive: true });\n\n          return () => {\n            $edge.removeEventListener(\"touchstart\", onTouchStart);\n            $edge.removeEventListener(\"touchmove\", onTouchMove);\n            $edge.removeEventListener(\"touchend\", onTouchEnd);\n            $edge.removeEventListener(\"touchcancel\", onTouchEnd);\n          };\n        }\n      : undefined,\n    effectDeps: [prevented],\n  });\n}\n", "import { useActions } from \"@stackflow/react\";\nimport { assignInlineVars } from \"@vanilla-extract/dynamic\";\nimport { forwardRef, useRef } from \"react\";\n\nimport { IconBack, IconClose } from \"../assets\";\nimport { useGlobalOptions } from \"../basicUIPlugin\";\nimport type { GlobalVars } from \"../basicUIPlugin.css\";\nimport { globalVars } from \"../basicUIPlugin.css\";\nimport { useMaxWidth, useNullableActivity } from \"../hooks\";\nimport { compactMap } from \"../utils\";\nimport * as css from \"./AppBar.css\";\nimport * as appScreenCss from \"./AppScreen.css\";\n\ntype AppBarProps = Partial<\n  Pick<\n    GlobalVars[\"appBar\"],\n    | \"borderColor\"\n    | \"borderColorTransitionDuration\"\n    | \"borderSize\"\n    | \"height\"\n    | \"heightTransitionDuration\"\n    | \"overflow\"\n    | \"iconColor\"\n    | \"iconColorTransitionDuration\"\n    | \"textColor\"\n    | \"textColorTransitionDuration\"\n    | \"backgroundColor\"\n    | \"backgroundColorTransitionDuration\"\n  >\n> & {\n  title?: React.ReactNode;\n  renderLeft?: () => React.ReactNode;\n  renderRight?: () => React.ReactNode;\n  backButton?:\n    | {\n        renderIcon?: () => React.ReactNode;\n        ariaLabel?: string;\n        onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;\n      }\n    | {\n        render?: () => React.ReactNode;\n      };\n  closeButton?:\n    | {\n        renderIcon?: () => React.ReactNode;\n        ariaLabel?: string;\n        onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;\n      }\n    | {\n        render?: () => React.ReactNode;\n      };\n  closeButtonLocation?: \"left\" | \"right\";\n  border?: boolean;\n  modalPresentationStyle?: \"fullScreen\";\n  activityEnterStyle?: \"slideInLeft\";\n  onTopClick?: (e: React.MouseEvent) => void;\n};\nconst AppBar = forwardRef<HTMLDivElement, AppBarProps>(\n  (\n    {\n      title,\n      renderLeft,\n      renderRight,\n      backButton,\n      closeButton,\n      closeButtonLocation = \"left\",\n      border = true,\n      modalPresentationStyle,\n      activityEnterStyle,\n      iconColor,\n      iconColorTransitionDuration,\n      textColor,\n      textColorTransitionDuration,\n      borderColor,\n      borderColorTransitionDuration,\n      borderSize,\n      height,\n      heightTransitionDuration,\n      overflow,\n      backgroundColor,\n      backgroundColorTransitionDuration,\n      onTopClick,\n    },\n    ref,\n  ) => {\n    const actions = useActions();\n    const activity = useNullableActivity();\n\n    const globalOptions = useGlobalOptions();\n    const globalCloseButton = globalOptions.appBar?.closeButton;\n    const globalBackButton = globalOptions.appBar?.backButton;\n\n    const centerRef = useRef<any>(null);\n\n    const { maxWidth } = useMaxWidth({\n      outerRef: ref,\n      innerRef: centerRef,\n      enable: globalOptions.theme === \"cupertino\",\n    });\n\n    const onBackClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n      if (backButton && \"onClick\" in backButton && backButton.onClick) {\n        backButton.onClick(e);\n      }\n\n      if (!e.defaultPrevented) {\n        actions.pop();\n      }\n    };\n\n    const renderBackButton = () => {\n      if (!activity) {\n        return null;\n      }\n      if (activity.isRoot) {\n        return null;\n      }\n\n      if (!backButton && !globalBackButton) {\n        return (\n          <button\n            type=\"button\"\n            className={css.backButton}\n            onClick={onBackClick}\n          >\n            <IconBack />\n          </button>\n        );\n      }\n\n      if (backButton && \"render\" in backButton && backButton.render) {\n        return backButton.render?.();\n      }\n      if (\n        globalBackButton &&\n        \"render\" in globalBackButton &&\n        globalBackButton.render\n      ) {\n        return globalBackButton.render?.();\n      }\n\n      return (\n        <button\n          type=\"button\"\n          className={css.backButton}\n          aria-label={\n            backButton && \"ariaLabel\" in backButton\n              ? backButton.ariaLabel\n              : globalBackButton && \"ariaLabel\" in globalBackButton\n              ? globalBackButton.ariaLabel\n              : undefined\n          }\n          onClick={onBackClick}\n        >\n          {(() => {\n            if (\n              backButton &&\n              \"renderIcon\" in backButton &&\n              backButton.renderIcon\n            ) {\n              return backButton.renderIcon();\n            }\n            if (\n              globalBackButton &&\n              \"renderIcon\" in globalBackButton &&\n              globalBackButton.renderIcon\n            ) {\n              return globalBackButton.renderIcon();\n            }\n\n            if (modalPresentationStyle === \"fullScreen\") {\n              return <IconClose />;\n            }\n\n            return <IconBack />;\n          })()}\n        </button>\n      );\n    };\n\n    const onCloseClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n      if (closeButton && \"onClick\" in closeButton && closeButton.onClick) {\n        closeButton.onClick(e);\n      }\n\n      if (\n        !e.defaultPrevented &&\n        globalCloseButton &&\n        \"onClick\" in globalCloseButton\n      ) {\n        globalCloseButton.onClick?.(e);\n      }\n    };\n\n    const renderCloseButton = () => {\n      const isRoot = !activity || activity.isRoot;\n\n      const showCloseButton = (closeButton: AppBarProps[\"closeButton\"]) =>\n        (closeButton && \"render\" in closeButton && closeButton.render) ||\n        (closeButton &&\n          \"renderIcon\" in closeButton &&\n          closeButton.renderIcon) ||\n        (closeButton && \"onClick\" in closeButton && closeButton.onClick);\n\n      if (\n        !(\n          showCloseButton(closeButton) ||\n          showCloseButton(globalOptions.appBar?.closeButton)\n        ) ||\n        !isRoot\n      ) {\n        return null;\n      }\n      if (closeButton && \"render\" in closeButton && closeButton.render) {\n        return closeButton.render();\n      }\n      if (\n        globalCloseButton &&\n        \"render\" in globalCloseButton &&\n        globalCloseButton.render\n      ) {\n        return globalCloseButton.render();\n      }\n\n      return (\n        <button\n          type=\"button\"\n          className={css.closeButton}\n          aria-label={\n            closeButton && \"ariaLabel\" in closeButton\n              ? closeButton.ariaLabel\n              : globalCloseButton && \"ariaLabel\" in globalCloseButton\n              ? globalCloseButton.ariaLabel\n              : undefined\n          }\n          onClick={onCloseClick}\n        >\n          {(() => {\n            if (\n              closeButton &&\n              \"renderIcon\" in closeButton &&\n              closeButton.renderIcon\n            ) {\n              return closeButton.renderIcon();\n            }\n            if (\n              globalCloseButton &&\n              \"renderIcon\" in globalCloseButton &&\n              globalCloseButton.renderIcon\n            ) {\n              return globalCloseButton.renderIcon();\n            }\n\n            return <IconClose />;\n          })()}\n        </button>\n      );\n    };\n\n    const hasLeft = !!(\n      (closeButtonLocation === \"left\" && closeButton) ||\n      backButton ||\n      renderLeft\n    );\n\n    return (\n      <div\n        ref={ref}\n        className={css.appBar({\n          border,\n          modalPresentationStyle,\n          activityEnterStyle,\n        })}\n        style={assignInlineVars(\n          compactMap({\n            [globalVars.appBar.iconColor]: iconColor,\n            [globalVars.appBar.iconColorTransitionDuration]:\n              iconColorTransitionDuration,\n            [globalVars.appBar.textColor]: textColor,\n            [globalVars.appBar.textColorTransitionDuration]:\n              textColorTransitionDuration,\n            [globalVars.appBar.borderColor]: borderColor,\n            [globalVars.appBar.borderColorTransitionDuration]:\n              borderColorTransitionDuration,\n            [globalVars.appBar.borderSize]: borderSize,\n            [globalVars.appBar.height]: height,\n            [globalVars.appBar.heightTransitionDuration]:\n              heightTransitionDuration,\n            [globalVars.appBar.overflow]: overflow,\n            [globalVars.appBar.backgroundColor]:\n              backgroundColor || globalVars.backgroundColor,\n            [globalVars.appBar.backgroundColorTransitionDuration]:\n              backgroundColorTransitionDuration,\n            [appScreenCss.vars.appBar.center.mainWidth]: `${maxWidth}px`,\n          }),\n        )}\n      >\n        <div className={css.safeArea} />\n        <div className={css.container}>\n          <div className={css.left}>\n            {closeButtonLocation === \"left\" && renderCloseButton()}\n            {renderBackButton()}\n            {renderLeft?.()}\n          </div>\n          <div ref={centerRef} className={css.center}>\n            <div\n              className={css.centerMain({\n                hasLeft,\n              })}\n            >\n              {typeof title === \"string\" ? (\n                <div className={css.centerText}>{title}</div>\n              ) : (\n                title\n              )}\n              <button\n                className={css.centerMainEdge}\n                type=\"button\"\n                aria-hidden=\"true\"\n                onClick={onTopClick}\n              />\n            </div>\n          </div>\n          <div className={css.right}>\n            {renderRight?.()}\n            {closeButtonLocation === \"right\" && renderCloseButton()}\n          </div>\n        </div>\n      </div>\n    );\n  },\n);\n\nAppBar.displayName = \"AppBar\";\n\nexport default AppBar;\n", "import 'src/basicUIPlugin.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+3X0UrDMBQG4Ps9RcAbBVPaah1k+CQikjan7dnWnJqczqHs3WXD6c1m7SrIMNCLXvRPf8jJB4mekuc7M0/nsXibCCGlZ10syiW9yHbZVWhlrj0WskOZ62JROeqskQUtySlxUZblrCdlsDmQdFWuL+Nr8fFESXbVtxA7bT0ykpWmc3r7okTs+2IFNW3HYE7N67aVuXYyJ2fAHesfT3v7H1rol0p5fAUlknb901wNWNWsxE2UOWiGpcZ2btCe+H8syH6OXpqkSXo7PDq2PsOaTyzxFR297ycdxWPpsW1oBW77gRI1GgN2yCR4XYLUDrRE64ElU6tE3D/JOTFTI30NwPtj4LTBziuR7GZqM4n2tiXBtjO3LY6y4bql0fRveRtYIPgWfBvim3JE/GA06+9oqaGB+6JrwTFaegwUBgoDhYHCf0uhtsYRmgDhuUMY7rsBwYDgoftutrOtJbQMTsIKLHslLFmYTTbvJq/pt/ITAAA=';\nimport 'src/styles/f.css.ts.vanilla.css?source=LmRodGh4cTAgewogIHdpZHRoOiAxMDAlOwp9Ci5kaHRoeHExIHsKICBoZWlnaHQ6IDEwMCU7Cn0KLmRodGh4cTIgewogIHRvcDogMDsKfQouZGh0aHhxMyB7CiAgbGVmdDogMDsKfQouZGh0aHhxNCB7CiAgcG9zaXRpb246IGFic29sdXRlOwp9Ci5kaHRoeHE1IHsKICBwb3NpdGlvbjogcmVsYXRpdmU7Cn0KLmRodGh4cTcgewogIGRpc3BsYXk6IGZsZXg7Cn0KLmRodGh4cTggewogIGZsZXg6IDE7Cn0KLmRodGh4cTkgewogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0KLmRodGh4cWEgewogIGFsaWduLWl0ZW1zOiBmbGV4LWVuZDsKfQouZGh0aHhxYiB7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7Cn0KLmRodGh4cWMgewogIG92ZXJmbG93OiBoaWRkZW47Cn0KLmRodGh4cWQgewogIHdoaXRlLXNwYWNlOiBub3dyYXA7Cn0KLmRodGh4cWUgewogIHRleHQtYWxpZ246IGNlbnRlcjsKfQouZGh0aHhxZiB7CiAgY3Vyc29yOiBwb2ludGVyOwogIC13ZWJraXQtdGFwLWhpZ2hsaWdodC1jb2xvcjogdHJhbnNwYXJlbnQ7Cn0KLmRodGh4cWcgewogIGJveC1zaXppbmc6IGJvcmRlci1ib3g7Cn0KLmRodGh4cWggewogIGJveC1zaXppbmc6IGNvbnRlbnQtYm94Owp9Ci5kaHRoeHFpIHsKICBhcHBlYXJhbmNlOiBub25lOwogIGJvcmRlcjogMDsKICBwYWRkaW5nOiAwOwogIGJhY2tncm91bmQ6IG5vbmU7Cn0=';\nimport 'src/components/AppScreen.css.ts.vanilla.css?source=#H4sIAAAAAAAAA9WUwY6bMBCG73mKuVQCFUcm2d22zqVvUhnbISbGpsYkm1b77hUGkkASSKK9lBPSeD7/M/N75r9irtYvy5c3+DsDSCjbptZUmiNmlLEEdtQGCJWOsu1amT0qVJVKjRJaSoYqibjM0TArXM0+ZvOO/O1J8jj1u6c6S3UpnTSaNP9rY/OW3J3EYQSmoEy6w0Wkh2QnZI1piYo6seRBjPGXCHAEgyTpk1o+AbyaAfxBUnPxTgbXxWEd3EulENtQnQrS5bXE3288W2QYBvCNkOnGEYixFfmq10sCSmpBLUot5VJoFzw1rwhsmtAANwXWNfoiZ9B+R0E/zrRFl2F6Fu6ivfbE17HJOJZNYXFvJFkT3AnrO3AgUDJrlKpbh/Yi2UqHjtEmJHVKwJmKbUbmt7ic39EsfQGEdPc0+IRar4nLslD0QEAbLXpDj2Eg/z4bHnvlu3WBOhtXFk2cPZtddjo6IgX3n8OFebMrL+M2ypt7rCz8QFn4nrLOTXlvkQ1o+ym7J4KCci51ipwpJrchLQqUUIuaZYBOlyNeWVr/eHeeIac3bJ8Z3jKkmnBB68mbRsjH8l+vr1Xtc/aSuw2BeL54bVffjae57Geb5sanenDat4wq5h8coEcxXs7PsioKY10JQW8szOjSUe2Ckq4FolZQJHUpXB0NQy99YLXBXL2wBxXBV8jp+91ZudTomrxoQr1v4MdI8ULv/s+6bwrvSv4HJarFPUsJAAA=';\nimport 'src/components/AppBar.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+1YyW7bMBC9+yt4CWAXokB5ySLfeuitp35AQFGUzZgiVZJ27BT590LURkmWNwQ9pPHJpobDmTdvHkf2n4PDZobnCwT+jABImYBrylZrE4IdVmMItcFkk3D5CjO+XTEBI6wZgVsGcZbBCCvY7JksR+8jv/IYWI9yR1W+/XJ/1Y62t6n1FmGyWSm5FTEkkkt1udfuzslyBMAbZCKm+8rLcxDzZD6bz+3DV8Y5JGssVjQERmGhE6lSD8gME2YOuYldZYZJEfZCuzky2HiF8Vbh/MvEA5HcQ73GsXy93LNUMVUnvJYI/76PX6YvAeiAnckqNxxpybeG9u0LwKLu1hquEjmODZ3F4wChOw8gD6DJZ4DPa/IESLfAQV1EStaEAC2H8UEeCJCi6WcEqN1iaFI3Uu9JDuQI1J82poXRkwOvd8YWO7aNaasmwemalIR11GhWqFENWQiY0NQAlO0BwZyMYQC+XYujZm90MgHoJvwHe3l+qiEt4dBu/UU4h0QOjYKjlJt7Z60d0s1d49O1cIl2SmS/anpRTY+p8eLmzu8JS9T1+h/fegUM9xaGaoBM8X58zRCpcUIhVhRDK6bQyGziASKFNliY8bHHFtCPPY+K3dBRTqYPrUwvPbUek9ssKJav9HJqoCtifCymOBzHTKxCgADyF4qmbZuQppk5WMuY6YzjQwiEFLRl9WSfXzlxMyKFM2u7CVdNO0Mo1R64jvqN3wEI8tE9NusQTP1pkXBTqan/0MPgKcTEsB3tzGn+dChs9PExO+EQG0eZQlvWFja7K+tg6N4M1OHjiHctIE1Q519MHPVuYZPrap7Ry1YblhwgkcJQYUKQcLrPY1Bm2TQA5DQxIQhKQiRSGDtxhSDwg8eHiiicCVq/Agf+orZ9LdciyeNlNfyxN9tapWZGcj80hZHBNyqn7/K48wXM2UpAZmiqQ0CoMFQdzbN5ZOG029xVG3eCU8YPIcih5xTqgzb5C8Z3zsTmJya/7O8fUphepvcIdZGqQLJQLgr4j916Y7hAdy1xvkUiZfbvLpEPPOzcDdJjdewKdclT5M/6SlVIVAv9hqq11p0uSIr3sGygakNH+E+Iz3Fy0/b1EXFJNq24k2I8ykna/B9EOWeZZrrDMSbWVLE+G+t1x+9q6IbL01R52Qqs8NbI9sYz116vRAMn5V+Wo/e/W56iAkYTAAA=';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var appBar = _7a468({defaultClassName:'_1yk3a452 dhthxq4 dhthxq0 dhthxqh _1dlf4347 _1yk3a451',variantClassNames:{border:{true:'_1yk3a453'},modalPresentationStyle:{fullScreen:'_1yk3a454'},activityEnterStyle:{slideInLeft:'_1yk3a455'}},defaultVariants:{},compoundVariants:[]});\nexport var backButton = '_1yk3a459 dhthxq9 dhthxq7 dhthxqb dhthxqf dhthxqi';\nexport var center = 'dhthxq9 dhthxq7 dhthxq8 _1yk3a450';\nexport var centerMain = _7a468({defaultClassName:'_1yk3a45c',variantClassNames:{hasLeft:{true:'_1yk3a45d'}},defaultVariants:{},compoundVariants:[]});\nexport var centerMainEdge = '_1yk3a45e dhthxqi dhthxq4 dhthxq2 dhthxqf';\nexport var centerText = '_1yk3a45f dhthxqc dhthxqd dhthxq0';\nexport var closeButton = '_1yk3a459 dhthxq9 dhthxq7 dhthxqb dhthxqf dhthxqi';\nexport var container = '_1yk3a457 dhthxqa dhthxq7 _1yk3a451';\nexport var left = '_1yk3a458 dhthxq9 dhthxq7 dhthxq1 _1yk3a450';\nexport var right = '_1yk3a45g dhthxq9 dhthxq7 dhthxq1 dhthxq5 _1yk3a450';\nexport var safeArea = '_1yk3a456';", "/* eslint-disable jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events */\n\nimport { useActions } from \"@stackflow/react\";\nimport { assignInlineVars } from \"@vanilla-extract/dynamic\";\nimport { useRef } from \"react\";\n\nimport type { GlobalVars } from \"../basicUIPlugin.css\";\nimport { globalVars } from \"../basicUIPlugin.css\";\nimport { useLazy, useNullableActivity, useStyleEffect } from \"../hooks\";\nimport { compactMap } from \"../utils\";\nimport * as css from \"./BottomSheet.css\";\n\nexport type BottomSheetProps = Partial<\n  Pick<GlobalVars, \"backgroundColor\" | \"dimBackgroundColor\">\n> &\n  Partial<GlobalVars[\"bottomSheet\"]> & {\n    paperRef?: React.Ref<HTMLDivElement>;\n    onOutsideClick?: React.MouseEventHandler;\n    children: React.ReactNode;\n  };\nconst BottomSheet: React.FC<BottomSheetProps> = ({\n  borderRadius = \"1rem\",\n  backgroundColor,\n  dimBackgroundColor,\n  paperRef,\n  onOutsideClick,\n  children,\n}) => {\n  const activity = useNullableActivity();\n  const { pop } = useActions();\n\n  const containerRef = useRef<HTMLDivElement>(null);\n  const dimRef = useRef<HTMLDivElement>(null);\n\n  useStyleEffect({\n    styleName: \"hide\",\n    refs: [containerRef],\n  });\n  useStyleEffect({\n    styleName: \"offset\",\n    refs: [dimRef],\n  });\n  useStyleEffect({\n    styleName: \"swipe-back\",\n    refs: [dimRef],\n  });\n\n  const popLock = useRef(false);\n\n  const onDimClick: React.MouseEventHandler = (e) => {\n    onOutsideClick?.(e);\n\n    if (e.defaultPrevented) {\n      return;\n    }\n\n    if (popLock.current) {\n      return;\n    }\n    popLock.current = true;\n\n    pop();\n  };\n  const onPaperClick: React.MouseEventHandler = (e) => {\n    e.stopPropagation();\n  };\n\n  const zIndexBase = (activity?.zIndex ?? 0) * 5 + 3;\n  const zIndexPaper = (activity?.zIndex ?? 0) * 5 + 4;\n  const transitionState = activity?.transitionState ?? \"enter-done\";\n\n  return (\n    <div\n      className={css.container({\n        transitionState: useLazy(transitionState),\n      })}\n      ref={containerRef}\n      style={assignInlineVars(\n        compactMap({\n          [globalVars.bottomSheet.borderRadius]: borderRadius,\n          [globalVars.backgroundColor]: backgroundColor,\n          [globalVars.dimBackgroundColor]: dimBackgroundColor,\n          [css.vars.zIndexes.dim]: `${zIndexBase}`,\n          [css.vars.zIndexes.paper]: `${zIndexPaper}`,\n          [css.vars.transitionDuration]:\n            transitionState === \"enter-active\" ||\n            transitionState === \"exit-active\"\n              ? globalVars.computedTransitionDuration\n              : \"0ms\",\n        }),\n      )}\n      data-stackflow-component-name=\"BottomSheet\"\n      data-stackflow-activity-id={activity?.id}\n      data-stackflow-activity-is-active={activity?.isActive}\n    >\n      <div className={css.dim} ref={dimRef} onClick={onDimClick}>\n        <div className={css.paper} ref={paperRef} onClick={onPaperClick}>\n          {children}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nBottomSheet.displayName = \"BottomSheet\";\n\nexport default BottomSheet;\n", "import 'src/basicUIPlugin.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+3X0UrDMBQG4Ps9RcAbBVPaah1k+CQikjan7dnWnJqczqHs3WXD6c1m7SrIMNCLXvRPf8jJB4mekuc7M0/nsXibCCGlZ10syiW9yHbZVWhlrj0WskOZ62JROeqskQUtySlxUZblrCdlsDmQdFWuL+Nr8fFESXbVtxA7bT0ykpWmc3r7okTs+2IFNW3HYE7N67aVuXYyJ2fAHesfT3v7H1rol0p5fAUlknb901wNWNWsxE2UOWiGpcZ2btCe+H8syH6OXpqkSXo7PDq2PsOaTyzxFR297ycdxWPpsW1oBW77gRI1GgN2yCR4XYLUDrRE64ElU6tE3D/JOTFTI30NwPtj4LTBziuR7GZqM4n2tiXBtjO3LY6y4bql0fRveRtYIPgWfBvim3JE/GA06+9oqaGB+6JrwTFaegwUBgoDhYHCf0uhtsYRmgDhuUMY7rsBwYDgoftutrOtJbQMTsIKLHslLFmYTTbvJq/pt/ITAAA=';\nimport 'src/styles/f.css.ts.vanilla.css?source=LmRodGh4cTAgewogIHdpZHRoOiAxMDAlOwp9Ci5kaHRoeHExIHsKICBoZWlnaHQ6IDEwMCU7Cn0KLmRodGh4cTIgewogIHRvcDogMDsKfQouZGh0aHhxMyB7CiAgbGVmdDogMDsKfQouZGh0aHhxNCB7CiAgcG9zaXRpb246IGFic29sdXRlOwp9Ci5kaHRoeHE1IHsKICBwb3NpdGlvbjogcmVsYXRpdmU7Cn0KLmRodGh4cTcgewogIGRpc3BsYXk6IGZsZXg7Cn0KLmRodGh4cTggewogIGZsZXg6IDE7Cn0KLmRodGh4cTkgewogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0KLmRodGh4cWEgewogIGFsaWduLWl0ZW1zOiBmbGV4LWVuZDsKfQouZGh0aHhxYiB7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7Cn0KLmRodGh4cWMgewogIG92ZXJmbG93OiBoaWRkZW47Cn0KLmRodGh4cWQgewogIHdoaXRlLXNwYWNlOiBub3dyYXA7Cn0KLmRodGh4cWUgewogIHRleHQtYWxpZ246IGNlbnRlcjsKfQouZGh0aHhxZiB7CiAgY3Vyc29yOiBwb2ludGVyOwogIC13ZWJraXQtdGFwLWhpZ2hsaWdodC1jb2xvcjogdHJhbnNwYXJlbnQ7Cn0KLmRodGh4cWcgewogIGJveC1zaXppbmc6IGJvcmRlci1ib3g7Cn0KLmRodGh4cWggewogIGJveC1zaXppbmc6IGNvbnRlbnQtYm94Owp9Ci5kaHRoeHFpIHsKICBhcHBlYXJhbmNlOiBub25lOwogIGJvcmRlcjogMDsKICBwYWRkaW5nOiAwOwogIGJhY2tncm91bmQ6IG5vbmU7Cn0=';\nimport 'src/components/BottomSheet.css.ts.vanilla.css?source=Ll8xaHQzOGgwMyB7CiAgdHJhbnNpdGlvbjogdmFyKC0tXzFodDM4aDAwKTsKfQouXzFodDM4aDA3IHsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDEwMCUsIDAsIDApOwp9Ci5fMWh0MzhoMGQgewogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXN0YWNrZmxvdy1wbHVnaW4tYmFzaWMtdWktZGltLWJhY2tncm91bmQtY29sb3IpOwogIHotaW5kZXg6IHZhcigtLV8xaHQzOGgwMSk7CiAgb3BhY2l0eTogMDsKfQouXzFodDM4aDA0IC5fMWh0MzhoMGQsIC5fMWh0MzhoMDUgLl8xaHQzOGgwZCB7CiAgb3BhY2l0eTogMTsKfQouXzFodDM4aDA2IC5fMWh0MzhoMGQsIC5fMWh0MzhoMDcgLl8xaHQzOGgwZCB7CiAgb3BhY2l0eTogMDsKfQouXzFodDM4aDBlIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zdGFja2Zsb3ctcGx1Z2luLWJhc2ljLXVpLWJhY2tncm91bmQtY29sb3IpOwogIHdpZHRoOiAxMDAlOwogIGJvcmRlci1yYWRpdXM6IHZhcigtLXN0YWNrZmxvdy1wbHVnaW4tYmFzaWMtdWktYm90dG9tLXNoZWV0LWJvcmRlci1yYWRpdXMpIHZhcigtLXN0YWNrZmxvdy1wbHVnaW4tYmFzaWMtdWktYm90dG9tLXNoZWV0LWJvcmRlci1yYWRpdXMpIDAgMDsKICB3aWxsLWNoYW5nZTogdHJhbnNmb3JtLCBvcGFjaXR5OwogIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoMCwgMTAwJSwgMCk7CiAgb3BhY2l0eTogMDsKfQouXzFodDM4aDA0IC5fMWh0MzhoMGUsIC5fMWh0MzhoMDUgLl8xaHQzOGgwZSB7CiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgwLCAwLCAwKTsKICBvcGFjaXR5OiAxOwp9Ci5fMWh0MzhoMDYgLl8xaHQzOGgwZSwgLl8xaHQzOGgwNyAuXzFodDM4aDBlIHsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDAsIDEwMCUsIDApICFpbXBvcnRhbnQ7CiAgb3BhY2l0eTogMCAhaW1wb3J0YW50Owp9';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var container = _7a468({defaultClassName:'dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 dhthxqc',variantClassNames:{transitionState:{'enter-active':'_1ht38h04','enter-done':'_1ht38h05','exit-active':'_1ht38h06','exit-done':'_1ht38h07'}},defaultVariants:{},compoundVariants:[]});\nexport var dim = '_1ht38h0d dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 dhthxqc dhthxqa dhthxq7 _1ht38h03';\nexport var enterActive = '_1ht38h04';\nexport var enterDone = '_1ht38h05';\nexport var exitActive = '_1ht38h06';\nexport var exitDone = '_1ht38h07';\nexport var paper = '_1ht38h0e dhthxqc _1ht38h03';\nexport var vars = {transitionDuration:'var(--_1ht38h00)',zIndexes:{dim:'var(--_1ht38h01)',paper:'var(--_1ht38h02)'}};", "/* eslint-disable jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events */\n\nimport { useActions } from \"@stackflow/react\";\nimport { assignInlineVars } from \"@vanilla-extract/dynamic\";\nimport { useRef } from \"react\";\n\nimport type { GlobalVars } from \"../basicUIPlugin.css\";\nimport { globalVars } from \"../basicUIPlugin.css\";\nimport { useLazy, useNullableActivity, useStyleEffect } from \"../hooks\";\nimport { compactMap } from \"../utils\";\nimport * as css from \"./Modal.css\";\n\nexport type ModalProps = Partial<\n  Pick<GlobalVars, \"backgroundColor\" | \"dimBackgroundColor\">\n> &\n  Partial<GlobalVars[\"modal\"]> & {\n    onOutsideClick?: React.MouseEventHandler;\n    children: React.ReactNode;\n  };\nconst Modal: React.FC<ModalProps> = ({\n  backgroundColor,\n  dimBackgroundColor,\n  borderRadius = \"1rem\",\n  onOutsideClick,\n  children,\n}) => {\n  const activity = useNullableActivity();\n  const { pop } = useActions();\n\n  const containerRef = useRef<HTMLDivElement>(null);\n  const paperRef = useRef<HTMLDivElement>(null);\n\n  useStyleEffect({\n    styleName: \"hide\",\n    refs: [containerRef],\n  });\n  useStyleEffect({\n    styleName: \"offset\",\n    refs: [paperRef],\n  });\n  useStyleEffect({\n    styleName: \"swipe-back\",\n    refs: [paperRef],\n  });\n\n  const popLock = useRef(false);\n\n  const onDimClick: React.MouseEventHandler = (e) => {\n    onOutsideClick?.(e);\n\n    if (e.defaultPrevented) {\n      return;\n    }\n\n    if (popLock.current) {\n      return;\n    }\n    popLock.current = true;\n\n    pop();\n  };\n  const onPaperClick: React.MouseEventHandler = (e) => {\n    e.stopPropagation();\n  };\n\n  const zIndexBase = (activity?.zIndex ?? 0) * 5 + 3;\n  const zIndexPaper = (activity?.zIndex ?? 0) * 5 + 4;\n  const transitionState = activity?.transitionState ?? \"enter-done\";\n\n  return (\n    <div\n      className={css.container({\n        transitionState: useLazy(transitionState),\n      })}\n      ref={containerRef}\n      style={assignInlineVars(\n        compactMap({\n          [globalVars.bottomSheet.borderRadius]: borderRadius,\n          [globalVars.backgroundColor]: backgroundColor,\n          [globalVars.dimBackgroundColor]: dimBackgroundColor,\n          [css.vars.zIndexes.dim]: `${zIndexBase}`,\n          [css.vars.zIndexes.paper]: `${zIndexPaper}`,\n          [css.vars.transitionDuration]:\n            transitionState === \"enter-active\" ||\n            transitionState === \"exit-active\"\n              ? globalVars.computedTransitionDuration\n              : \"0ms\",\n        }),\n      )}\n      data-stackflow-component-name=\"Modal\"\n      data-stackflow-activity-id={activity?.id}\n      data-stackflow-activity-is-active={activity?.isActive}\n    >\n      <div className={css.dim} ref={paperRef} onClick={onDimClick}>\n        <div className={css.paper} onClick={onPaperClick}>\n          {children}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nModal.displayName = \"Modal\";\n\nexport default Modal;\n", "import 'src/basicUIPlugin.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+3X0UrDMBQG4Ps9RcAbBVPaah1k+CQikjan7dnWnJqczqHs3WXD6c1m7SrIMNCLXvRPf8jJB4mekuc7M0/nsXibCCGlZ10syiW9yHbZVWhlrj0WskOZ62JROeqskQUtySlxUZblrCdlsDmQdFWuL+Nr8fFESXbVtxA7bT0ykpWmc3r7okTs+2IFNW3HYE7N67aVuXYyJ2fAHesfT3v7H1rol0p5fAUlknb901wNWNWsxE2UOWiGpcZ2btCe+H8syH6OXpqkSXo7PDq2PsOaTyzxFR297ycdxWPpsW1oBW77gRI1GgN2yCR4XYLUDrRE64ElU6tE3D/JOTFTI30NwPtj4LTBziuR7GZqM4n2tiXBtjO3LY6y4bql0fRveRtYIPgWfBvim3JE/GA06+9oqaGB+6JrwTFaegwUBgoDhYHCf0uhtsYRmgDhuUMY7rsBwYDgoftutrOtJbQMTsIKLHslLFmYTTbvJq/pt/ITAAA=';\nimport 'src/styles/f.css.ts.vanilla.css?source=LmRodGh4cTAgewogIHdpZHRoOiAxMDAlOwp9Ci5kaHRoeHExIHsKICBoZWlnaHQ6IDEwMCU7Cn0KLmRodGh4cTIgewogIHRvcDogMDsKfQouZGh0aHhxMyB7CiAgbGVmdDogMDsKfQouZGh0aHhxNCB7CiAgcG9zaXRpb246IGFic29sdXRlOwp9Ci5kaHRoeHE1IHsKICBwb3NpdGlvbjogcmVsYXRpdmU7Cn0KLmRodGh4cTcgewogIGRpc3BsYXk6IGZsZXg7Cn0KLmRodGh4cTggewogIGZsZXg6IDE7Cn0KLmRodGh4cTkgewogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0KLmRodGh4cWEgewogIGFsaWduLWl0ZW1zOiBmbGV4LWVuZDsKfQouZGh0aHhxYiB7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7Cn0KLmRodGh4cWMgewogIG92ZXJmbG93OiBoaWRkZW47Cn0KLmRodGh4cWQgewogIHdoaXRlLXNwYWNlOiBub3dyYXA7Cn0KLmRodGh4cWUgewogIHRleHQtYWxpZ246IGNlbnRlcjsKfQouZGh0aHhxZiB7CiAgY3Vyc29yOiBwb2ludGVyOwogIC13ZWJraXQtdGFwLWhpZ2hsaWdodC1jb2xvcjogdHJhbnNwYXJlbnQ7Cn0KLmRodGh4cWcgewogIGJveC1zaXppbmc6IGJvcmRlci1ib3g7Cn0KLmRodGh4cWggewogIGJveC1zaXppbmc6IGNvbnRlbnQtYm94Owp9Ci5kaHRoeHFpIHsKICBhcHBlYXJhbmNlOiBub25lOwogIGJvcmRlcjogMDsKICBwYWRkaW5nOiAwOwogIGJhY2tncm91bmQ6IG5vbmU7Cn0=';\nimport 'src/components/Modal.css.ts.vanilla.css?source=Ll81b3pnOGMzIHsKICB0cmFuc2l0aW9uOiB2YXIoLS1fNW96ZzhjMCk7Cn0KLl81b3pnOGM3IHsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDEwMCUsIDAsIDApOwp9Ci5fNW96ZzhjZCB7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc3RhY2tmbG93LXBsdWdpbi1iYXNpYy11aS1kaW0tYmFja2dyb3VuZC1jb2xvcik7CiAgei1pbmRleDogdmFyKC0tXzVvemc4YzEpOwogIG9wYWNpdHk6IDA7Cn0KLl81b3pnOGM0IC5fNW96ZzhjZCwgLl81b3pnOGM1IC5fNW96ZzhjZCB7CiAgb3BhY2l0eTogMTsKfQouXzVvemc4YzYgLl81b3pnOGNkLCAuXzVvemc4YzcgLl81b3pnOGNkIHsKICBvcGFjaXR5OiAwOwp9Ci5fNW96ZzhjZSB7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc3RhY2tmbG93LXBsdWdpbi1iYXNpYy11aS1iYWNrZ3JvdW5kLWNvbG9yKTsKICB3aWR0aDogMTAwJTsKICBtYXJnaW46IDAgMi41cmVtOwogIGJveC1zaGFkb3c6IDBweCAwLjYyNXJlbSAyLjM3NXJlbSByZ2JhKDAsIDAsIDAsIDAuMTUpLCAwcHggLjU2MjVyZW0gMi44NzVyZW0gcmdiYSgwLCAwLCAwLCAwLjEyKSwgMHB4IC4zMTI1cmVtIC45Mzc1cmVtIHJnYmEoMCwgMCwgMCwgMC4xKTsKICBib3JkZXItcmFkaXVzOiB2YXIoLS1zdGFja2Zsb3ctcGx1Z2luLWJhc2ljLXVpLWJvdHRvbS1zaGVldC1ib3JkZXItcmFkaXVzKTsKICB3aWxsLWNoYW5nZTogdHJhbnNmb3JtLCBvcGFjaXR5OwogIHRyYW5zZm9ybTogc2NhbGUoMS4xKTsKICBvcGFjaXR5OiAwOwp9Ci5fNW96ZzhjNCAuXzVvemc4Y2UsIC5fNW96ZzhjNSAuXzVvemc4Y2UgewogIHRyYW5zZm9ybTogc2NhbGUoMSk7CiAgb3BhY2l0eTogMTsKfQouXzVvemc4YzYgLl81b3pnOGNlLCAuXzVvemc4YzcgLl81b3pnOGNlIHsKICB0cmFuc2Zvcm06IHNjYWxlKDEuMSk7CiAgb3BhY2l0eTogMDsKfQ==';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var container = _7a468({defaultClassName:'dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 dhthxqc',variantClassNames:{transitionState:{'enter-active':'_5ozg8c4','enter-done':'_5ozg8c5','exit-active':'_5ozg8c6','exit-done':'_5ozg8c7'}},defaultVariants:{},compoundVariants:[]});\nexport var dim = '_5ozg8cd dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 dhthxqc dhthxq9 dhthxq7 dhthxqb _5ozg8c3';\nexport var enterActive = '_5ozg8c4';\nexport var enterDone = '_5ozg8c5';\nexport var exitActive = '_5ozg8c6';\nexport var exitDone = '_5ozg8c7';\nexport var paper = '_5ozg8ce dhthxqc _5ozg8c3';\nexport var vars = {transitionDuration:'var(--_5ozg8c0)',zIndexes:{dim:'var(--_5ozg8c1)',paper:'var(--_5ozg8c2)'}};"],
-  "mappings": "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",
-  "names": ["jsx", "jsx", "useActions", "assignInlineVars", "createContext", "useContext", "useRef", "useEffect", "useState", "useState", "useEffect", "useEffect", "useEffect", "useEffect", "refs", "refs", "refs", "_7a468", "_7a468", "_7a468", "_7a468", "assignInlineVars", "_7a468", "jsx", "jsxs", "backButton", "closeButton", "_a", "_b", "assignInlineVars", "jsx", "jsxs", "createContext", "useContext", "appBar", "useActions", "useRef", "_a", "_b", "assignInlineVars", "useActions", "assignInlineVars", "useRef", "_7a468", "container", "dim", "paper", "vars", "jsx", "useActions", "useRef", "container", "assignInlineVars", "vars", "dim", "paper", "useActions", "assignInlineVars", "useRef", "_7a468", "container", "dim", "paper", "vars", "jsx", "useActions", "useRef", "container", "assignInlineVars", "vars", "dim", "paper"]
+  "sources": ["../src/assets/IconBack.tsx", "../src/assets/IconClose.tsx", "../src/basicUIPlugin.tsx", "../src/basicUIPlugin.css.ts", "../src/utils/compact.ts", "../src/utils/compactMap.ts", "../src/utils/listenOnce.ts", "../src/utils/listenResize.ts", "../src/utils/noop.ts", "../src/utils/requestNextFrame.tsx", "../src/components/AppScreen.tsx", "../src/hooks/useLazy.tsx", "../src/hooks/useMaxWidth.ts", "../src/hooks/useMounted.ts", "../src/hooks/useNullableActivity.ts", "../src/hooks/useStyleEffect.ts", "../src/hooks/useStyleEffectHide.ts", "../src/hooks/useStyleEffectOffset.ts", "../src/components/AppScreen.css.ts", "../src/hooks/useStyleEffectSwipeBack.ts", "../src/hooks/useZIndexBase.ts", "../src/components/AppBar.tsx", "../src/components/AppBar.css.ts", "../src/components/BottomSheet.tsx", "../src/components/BottomSheet.css.ts", "../src/components/Modal.tsx", "../src/components/Modal.css.ts"],
+  "sourcesContent": ["const IconBack: React.FC<{\n  className?: string;\n}> = (props) => (\n  <svg\n    className={props.className}\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      d=\"M16.66 3.23C16.96 3.53 16.96 4.02 16.66 4.32L8.97999 12L16.66 19.68C16.96 19.98 16.96 20.47 16.66 20.77C16.36 21.07 15.87 21.07 15.57 20.77L7.33999 12.55C7.03999 12.25 7.03999 11.76 7.33999 11.46L15.56 3.23C15.86 2.93 16.35 2.93 16.65 3.23H16.66Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n);\n\nexport default IconBack;\n", "const IconClose: React.FC<{\n  className?: string;\n}> = (props) => (\n  <svg\n    className={props.className}\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      d=\"M6.56588 5.43433C6.25346 5.12191 5.74693 5.12191 5.43451 5.43433C5.12209 5.74675 5.12209 6.25328 5.43451 6.5657L10.8688 12L5.43451 17.4343C5.12209 17.7467 5.12209 18.2533 5.43451 18.5657C5.74693 18.8781 6.25346 18.8781 6.56588 18.5657L12.0002 13.1314L17.4345 18.5657C17.7469 18.8781 18.2535 18.8781 18.5659 18.5657C18.8783 18.2533 18.8783 17.7467 18.5659 17.4343L13.1316 12L18.5659 6.5657C18.8783 6.25328 18.8783 5.74675 18.5659 5.43433C18.2535 5.12191 17.7469 5.12191 17.4345 5.43433L12.0002 10.8686L6.56588 5.43433Z\"\n      fill=\"currentColor\"\n    />\n    <path\n      d=\"M6.56588 5.43433C6.25346 5.12191 5.74693 5.12191 5.43451 5.43433C5.12209 5.74675 5.12209 6.25328 5.43451 6.5657L10.8688 12L5.43451 17.4343C5.12209 17.7467 5.12209 18.2533 5.43451 18.5657C5.74693 18.8781 6.25346 18.8781 6.56588 18.5657L12.0002 13.1314L17.4345 18.5657C17.7469 18.8781 18.2535 18.8781 18.5659 18.5657C18.8783 18.2533 18.8783 17.7467 18.5659 17.4343L13.1316 12L18.5659 6.5657C18.8783 6.25328 18.8783 5.74675 18.5659 5.43433C18.2535 5.12191 17.7469 5.12191 17.4345 5.43433L12.0002 10.8686L6.56588 5.43433Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n);\n\nexport default IconClose;\n", "import type { StackflowReactPlugin } from \"@stackflow/react\";\nimport { assignInlineVars } from \"@vanilla-extract/dynamic\";\nimport { createContext, useContext } from \"react\";\n\nimport * as css from \"./basicUIPlugin.css\";\nimport type { RecursivePartial } from \"./utils\";\nimport { compact, compactMap, isBrowser } from \"./utils\";\n\ntype BasicUIPluginOptions = RecursivePartial<css.GlobalVars> & {\n  theme: \"android\" | \"cupertino\";\n  rootClassName?: string;\n  appBar?: {\n    backButton?:\n      | {\n          renderIcon?: () => React.ReactNode;\n          ariaLabel?: string;\n        }\n      | {\n          render?: () => React.ReactNode;\n        };\n    closeButton?:\n      | {\n          renderIcon?: () => React.ReactNode;\n          ariaLabel?: string;\n          onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;\n        }\n      | {\n          render?: () => React.ReactNode;\n        };\n  };\n};\n\nconst GlobalOptionsContext = createContext<BasicUIPluginOptions>({\n  theme: \"android\",\n});\n\nexport const GlobalOptionsProvider = GlobalOptionsContext.Provider;\n\nexport function useGlobalOptions() {\n  return useContext(GlobalOptionsContext);\n}\n\nexport const basicUIPlugin: (\n  options:\n    | BasicUIPluginOptions\n    | ((args: { initialContext?: any }) => BasicUIPluginOptions),\n) => StackflowReactPlugin = (options) => () => ({\n  key: \"basic-ui\",\n  wrapStack({ stack, initialContext }) {\n    const _options =\n      typeof options === \"function\" ? options({ initialContext }) : options;\n\n    return (\n      <GlobalOptionsProvider\n        value={{\n          ...options,\n          theme: initialContext?.theme ?? _options.theme,\n        }}\n      >\n        <div\n          className={compact([\n            css.stackWrapper({\n              theme: initialContext?.theme ?? _options.theme,\n              loading: stack.globalTransitionState === \"loading\",\n            }),\n            _options.rootClassName,\n          ]).join(\" \")}\n          style={assignInlineVars(\n            compactMap({\n              [css.globalVars.backgroundColor]: _options.backgroundColor,\n              [css.globalVars.dimBackgroundColor]: _options.dimBackgroundColor,\n              [css.globalVars.transitionDuration]:\n                `${stack.transitionDuration}ms`,\n              [css.globalVars.computedTransitionDuration]:\n                stack.globalTransitionState === \"loading\"\n                  ? `${stack.transitionDuration}ms`\n                  : \"0ms\",\n              [css.globalVars.appBar.borderColor]: _options.appBar?.borderColor,\n              [css.globalVars.appBar.borderSize]: _options.appBar?.borderSize,\n              [css.globalVars.appBar.height]: _options.appBar?.height,\n              [css.globalVars.appBar.iconColor]: _options.appBar?.iconColor,\n              [css.globalVars.appBar.textColor]: _options.appBar?.textColor,\n              [css.globalVars.appBar.minSafeAreaInsetTop]:\n                _options.appBar?.minSafeAreaInsetTop,\n              [css.globalVars.bottomSheet.borderRadius]:\n                _options.bottomSheet?.borderRadius,\n              [css.globalVars.modal.borderRadius]: _options.modal?.borderRadius,\n            }),\n          )}\n        >\n          {stack.render()}\n        </div>\n      </GlobalOptionsProvider>\n    );\n  },\n});\n", "import 'src/basicUIPlugin.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+3X0UrDMBQG4Ps9RcAbBVPaah1k+CQikjan7dnWnJqczqHs3WXD6c1m7SrIMNCLXvRPf8jJB4mekuc7M0/nsXibCCGlZ10syiW9yHbZVWhlrj0WskOZ62JROeqskQUtySlxUZblrCdlsDmQdFWuL+Nr8fFESXbVtxA7bT0ykpWmc3r7okTs+2IFNW3HYE7N67aVuXYyJ2fAHesfT3v7H1rol0p5fAUlknb901wNWNWsxE2UOWiGpcZ2btCe+H8syH6OXpqkSXo7PDq2PsOaTyzxFR297ycdxWPpsW1oBW77gRI1GgN2yCR4XYLUDrRE64ElU6tE3D/JOTFTI30NwPtj4LTBziuR7GZqM4n2tiXBtjO3LY6y4bql0fRveRtYIPgWfBvim3JE/GA06+9oqaGB+6JrwTFaegwUBgoDhYHCf0uhtsYRmgDhuUMY7rsBwYDgoftutrOtJbQMTsIKLHslLFmYTTbvJq/pt/ITAAA=';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var android = '_1q6dj2j0';\nexport var cupertino = '_1q6dj2j1';\nexport var globalVars = {backgroundColor:'var(--stackflow-plugin-basic-ui-background-color)',dimBackgroundColor:'var(--stackflow-plugin-basic-ui-dim-background-color)',transitionDuration:'var(--stackflow-plugin-basic-ui-transition-duration)',computedTransitionDuration:'var(--stackflow-plugin-basic-ui-computed-transition-duration)',appBar:{borderColor:'var(--stackflow-plugin-basic-ui-app-bar-border-color)',borderColorTransitionDuration:'var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration)',borderSize:'var(--stackflow-plugin-basic-ui-app-bar-border-size)',height:'var(--stackflow-plugin-basic-ui-app-bar-height)',heightTransitionDuration:'var(--stackflow-plugin-basic-ui-app-bar-height-transition-duration)',minHeight:'var(--stackflow-plugin-basic-ui-app-bar-min-height)',iconColor:'var(--stackflow-plugin-basic-ui-app-bar-icon-color)',iconColorTransitionDuration:'var(--stackflow-plugin-basic-ui-app-bar-icon-color-transition-duration)',textColor:'var(--stackflow-plugin-basic-ui-app-bar-text-color)',textColorTransitionDuration:'var(--stackflow-plugin-basic-ui-app-bar-text-color-transition-duration)',backgroundColor:'var(--stackflow-plugin-basic-ui-app-bar-background-color)',backgroundColorTransitionDuration:'var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration)',overflow:'var(--stackflow-plugin-basic-ui-app-bar-overflow)',minSafeAreaInsetTop:'var(--stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top)'},bottomSheet:{borderRadius:'var(--stackflow-plugin-basic-ui-bottom-sheet-border-radius)'},modal:{borderRadius:'var(--stackflow-plugin-basic-ui-bottom-sheet-border-radius)'}};\nexport var stackWrapper = _7a468({defaultClassName:'_1q6dj2j2',variantClassNames:{theme:{android:'_1q6dj2j0',cupertino:'_1q6dj2j1'},loading:{true:'_1q6dj2j5'}},defaultVariants:{},compoundVariants:[]});", "export function compact<T>(arr: Array<T>): Array<NonNullable<T>> {\n  return arr.filter(\n    (item): item is NonNullable<typeof item> =>\n      item !== undefined && item !== null,\n  );\n}\n", "export function compactMap<T extends {}>(\n  obj: T,\n): {\n  [key in keyof T]: NonNullable<T[key]>;\n} {\n  return Object.entries(obj).reduce<any>((acc, [key, value]) => {\n    if (value !== null && value !== undefined) {\n      acc[key] = value;\n    }\n\n    return acc;\n  }, {});\n}\n", "export function listenOnce<T extends HTMLElement>(\n  el: T,\n  type: keyof HTMLElementEventMap,\n  cb: () => void,\n) {\n  const listener = () => {\n    el.removeEventListener(type, listener);\n    cb();\n  };\n\n  el.addEventListener(type, listener);\n}\n", "export const listenResize = (cb: () => void) => {\n  cb();\n  window.addEventListener(\"resize\", cb);\n\n  return () => {\n    window.removeEventListener(\"resize\", cb);\n  };\n};\n", "export const noop = () => {};\n", "// https://github.com/MingruiZhang/react-animate-mount/blob/32300c04a4fdfa97724b70aaaf0c0f403d6da247/src/Animate.js#L171-L179\nexport function requestNextFrame(cb: () => void) {\n  requestAnimationFrame(() => {\n    requestAnimationFrame(() => {\n      cb();\n    });\n  });\n}\n", "import { useActions } from \"@stackflow/react\";\nimport { assignInlineVars } from \"@vanilla-extract/dynamic\";\nimport { createContext, useContext, useMemo, useRef } from \"react\";\n\nimport { useGlobalOptions } from \"../basicUIPlugin\";\nimport type { GlobalVars } from \"../basicUIPlugin.css\";\nimport { globalVars } from \"../basicUIPlugin.css\";\nimport {\n  useLazy,\n  useMounted,\n  useNullableActivity,\n  useStyleEffectHide,\n  useStyleEffectOffset,\n  useStyleEffectSwipeBack,\n  useZIndexBase,\n} from \"../hooks\";\nimport type { PropOf } from \"../utils\";\nimport { compactMap } from \"../utils\";\nimport AppBar from \"./AppBar\";\nimport * as css from \"./AppScreen.css\";\n\nexport type AppScreenContext = {\n  scroll: (args: { top: number }) => void;\n};\nconst Context = createContext<AppScreenContext>(null as any);\n\nexport function useAppScreen() {\n  return useContext(Context);\n}\n\nexport type AppScreenProps = Partial<\n  Pick<GlobalVars, \"backgroundColor\" | \"dimBackgroundColor\">\n> & {\n  appBar?: Omit<\n    PropOf<typeof AppBar>,\n    \"theme\" | \"modalPresentationStyle\" | \"ref\" | \"key\"\n  >;\n  preventSwipeBack?: boolean;\n  CUPERTINO_ONLY_modalPresentationStyle?: \"fullScreen\";\n  ANDROID_ONLY_activityEnterStyle?: \"slideInLeft\";\n  children: React.ReactNode;\n};\nconst AppScreen: React.FC<AppScreenProps> = ({\n  backgroundColor,\n  dimBackgroundColor,\n  appBar,\n  preventSwipeBack,\n  CUPERTINO_ONLY_modalPresentationStyle,\n  ANDROID_ONLY_activityEnterStyle,\n  children,\n}) => {\n  const globalOptions = useGlobalOptions();\n  const activity = useNullableActivity();\n  const mounted = useMounted();\n\n  const { pop } = useActions();\n\n  const appScreenRef = useRef<HTMLDivElement>(null);\n  const dimRef = useRef<HTMLDivElement>(null);\n  const paperRef = useRef<HTMLDivElement>(null);\n  const edgeRef = useRef<HTMLDivElement>(null);\n  const appBarRef = useRef<HTMLDivElement>(null);\n\n  const modalPresentationStyle =\n    globalOptions.theme === \"cupertino\"\n      ? CUPERTINO_ONLY_modalPresentationStyle\n      : undefined;\n  const activityEnterStyle =\n    globalOptions.theme === \"android\"\n      ? ANDROID_ONLY_activityEnterStyle\n      : undefined;\n\n  const swipeBackPrevented =\n    preventSwipeBack || modalPresentationStyle === \"fullScreen\";\n\n  const hasAppBar = !!appBar;\n\n  const zIndexBase = useZIndexBase();\n\n  let zIndexDim: number;\n  let zIndexPaper: number;\n  let zIndexEdge: number;\n  let zIndexAppBar: number;\n\n  switch (globalOptions.theme) {\n    case \"cupertino\": {\n      zIndexDim =\n        zIndexBase + (modalPresentationStyle === \"fullScreen\" ? 2 : 0);\n      zIndexPaper =\n        zIndexBase +\n        (hasAppBar && modalPresentationStyle !== \"fullScreen\" ? 1 : 3);\n      zIndexEdge = zIndexBase + 4;\n      zIndexAppBar = zIndexBase + 7;\n      break;\n    }\n    default: {\n      zIndexDim = zIndexBase;\n      zIndexPaper = zIndexBase + (activityEnterStyle === \"slideInLeft\" ? 1 : 3);\n      zIndexEdge = zIndexBase + 4;\n      zIndexAppBar =\n        zIndexBase + (activityEnterStyle === \"slideInLeft\" ? 7 : 4);\n      break;\n    }\n  }\n\n  const transitionState = activity?.transitionState ?? \"enter-done\";\n  const lazyTransitionState = useLazy(transitionState);\n\n  useStyleEffectHide({\n    refs: [appScreenRef],\n    hasEffect: true,\n  });\n  useStyleEffectOffset({\n    refs:\n      globalOptions.theme === \"cupertino\" ||\n      activityEnterStyle === \"slideInLeft\"\n        ? [paperRef]\n        : [paperRef, appBarRef],\n    theme: globalOptions.theme,\n    activityEnterStyle,\n    hasEffect: modalPresentationStyle !== \"fullScreen\",\n  });\n  useStyleEffectSwipeBack({\n    dimRef,\n    edgeRef,\n    paperRef,\n    theme: globalOptions.theme,\n    prevented: swipeBackPrevented,\n    onSwiped() {\n      pop();\n    },\n    hasEffect: true,\n  });\n\n  const onAppBarTopClick: React.MouseEventHandler = (e) => {\n    appBar?.onTopClick?.(e);\n\n    if (!e.defaultPrevented) {\n      paperRef.current?.scroll({\n        top: 0,\n        behavior: \"smooth\",\n      });\n    }\n  };\n\n  return (\n    <Context.Provider\n      value={useMemo(\n        () => ({\n          scroll({ top }) {\n            paperRef?.current?.scroll({\n              top,\n              behavior: \"smooth\",\n            });\n          },\n        }),\n        [paperRef],\n      )}\n    >\n      <div\n        ref={appScreenRef}\n        className={css.appScreen({\n          transitionState:\n            transitionState === \"enter-done\" || transitionState === \"exit-done\"\n              ? transitionState\n              : lazyTransitionState,\n        })}\n        style={assignInlineVars(\n          compactMap({\n            [globalVars.backgroundColor]: backgroundColor,\n            [globalVars.dimBackgroundColor]: dimBackgroundColor,\n            [globalVars.appBar.height]: appBar?.height,\n            [globalVars.appBar.heightTransitionDuration]:\n              appBar?.heightTransitionDuration,\n            [css.vars.zIndexes.dim]: `${zIndexDim}`,\n            [css.vars.zIndexes.paper]: `${zIndexPaper}`,\n            [css.vars.zIndexes.edge]: `${zIndexEdge}`,\n            [css.vars.zIndexes.appBar]: `${zIndexAppBar}`,\n            [css.vars.transitionDuration]:\n              transitionState === \"enter-active\" ||\n              transitionState === \"exit-active\"\n                ? globalVars.computedTransitionDuration\n                : \"0ms\",\n          }),\n        )}\n        data-stackflow-component-name=\"AppScreen\"\n        data-stackflow-activity-id={mounted ? activity?.id : undefined}\n        data-stackflow-activity-is-active={\n          mounted ? activity?.isActive : undefined\n        }\n      >\n        {activityEnterStyle !== \"slideInLeft\" && (\n          <div className={css.dim} ref={dimRef} />\n        )}\n        {appBar && (\n          <AppBar\n            {...appBar}\n            ref={appBarRef}\n            modalPresentationStyle={modalPresentationStyle}\n            activityEnterStyle={activityEnterStyle}\n            onTopClick={onAppBarTopClick}\n          />\n        )}\n        <div\n          key={activity?.id}\n          className={css.paper({\n            hasAppBar,\n            modalPresentationStyle,\n            activityEnterStyle,\n          })}\n          ref={paperRef}\n        >\n          {children}\n        </div>\n        {!activity?.isRoot &&\n          globalOptions.theme === \"cupertino\" &&\n          !swipeBackPrevented && (\n            <div className={css.edge({ hasAppBar })} ref={edgeRef} />\n          )}\n      </div>\n    </Context.Provider>\n  );\n};\n\nAppScreen.displayName = \"AppScreen\";\n\nexport default AppScreen;\n", "import { useEffect, useState } from \"react\";\n\nimport { requestNextFrame } from \"../utils\";\n\nexport function useLazy<T>(value: T) {\n  const [state, setState] = useState<T | undefined>(undefined);\n\n  useEffect(() => {\n    requestNextFrame(() => {\n      setState(value);\n    });\n  }, [value]);\n\n  return state;\n}\n", "import { useEffect, useState } from \"react\";\n\nimport { listenResize, noop } from \"../utils\";\n\nexport function useMaxWidth({\n  outerRef,\n  innerRef,\n  enable,\n}: {\n  outerRef: React.ForwardedRef<any>;\n  innerRef: React.MutableRefObject<any>;\n  enable: boolean;\n}) {\n  const [maxWidth, setMaxWidth] = useState<number | undefined>(undefined);\n\n  useEffect(() => {\n    const $outer = outerRef && \"current\" in outerRef && outerRef.current;\n    const $inner = innerRef.current;\n\n    if (!enable || !$outer || !$inner) {\n      return noop;\n    }\n\n    const dispose = listenResize(() => {\n      const screenWidth = $outer.clientWidth;\n\n      const leftWidth = $inner.offsetLeft;\n      const centerWidth = $inner.clientWidth;\n      const rightWidth = screenWidth - leftWidth - centerWidth;\n\n      const sideMargin = Math.max(leftWidth, rightWidth);\n\n      setMaxWidth(screenWidth - 2 * sideMargin);\n    });\n\n    return dispose;\n  });\n\n  return {\n    maxWidth,\n  };\n}\n", "import { useEffect, useReducer, useState } from \"react\";\n\nexport function useMounted() {\n  const [mounted, mount] = useReducer(() => true, false);\n\n  useEffect(() => {\n    mount();\n  }, []);\n\n  return mounted;\n}\n", "import type { Activity } from \"@stackflow/core\";\nimport { useActivity } from \"@stackflow/react\";\n\nexport function useNullableActivity() {\n  return useActivity() as Activity | null;\n}\n", "import type { ActivityTransitionState } from \"@stackflow/core\";\nimport { useEffect } from \"react\";\n\nimport { noop } from \"../utils\";\nimport { useNullableActivity } from \"./useNullableActivity\";\n\nconst connections: {\n  [styleName: string]: Map<\n    number,\n    {\n      refs: Array<React.RefObject<any>>;\n      hasEffect: boolean;\n    }\n  >;\n} = {};\n\nexport function useStyleEffect<T extends HTMLElement>({\n  styleName,\n  refs,\n  effect,\n  effectDeps,\n}: {\n  styleName: string;\n  refs: Array<React.RefObject<T>>;\n  effect?: (params: {\n    activityTransitionState: ActivityTransitionState;\n    refs: Array<React.RefObject<T>>;\n  }) => (() => void) | undefined;\n  effectDeps?: any[];\n}) {\n  const activity = useNullableActivity();\n\n  useEffect(() => {\n    if (!activity) {\n      return noop;\n    }\n    if (!connections[styleName]) {\n      connections[styleName] = new Map();\n    }\n\n    connections[styleName].set(activity.zIndex, {\n      refs,\n      hasEffect: !!effect,\n    });\n\n    return () => {\n      connections[styleName].delete(activity.zIndex);\n    };\n  }, [activity?.id, refs, effect]);\n\n  useEffect(() => {\n    if (!activity) {\n      return noop;\n    }\n    if (!effect) {\n      return noop;\n    }\n\n    const refs = (() => {\n      let arr: Array<React.RefObject<T>> = [];\n\n      for (let i = 1; i <= activity.zIndex; i += 1) {\n        const connection = connections[styleName].get(activity.zIndex - i);\n\n        if (connection?.refs) {\n          arr = [...arr, ...connection.refs];\n        }\n        if (connection?.hasEffect) {\n          break;\n        }\n      }\n\n      return arr;\n    })();\n\n    const cleanup = effect({\n      activityTransitionState: activity.transitionState,\n      refs,\n    });\n\n    return () => {\n      cleanup?.();\n    };\n  }, [activity?.transitionState, ...(effectDeps ?? [])]);\n}\n", "import { noop } from \"../utils\";\nimport { useStyleEffect } from \"./useStyleEffect\";\n\nexport function useStyleEffectHide({\n  refs,\n  hasEffect,\n}: {\n  refs: Array<React.RefObject<any>>;\n  hasEffect?: boolean;\n}) {\n  useStyleEffect({\n    styleName: \"hide\",\n    refs,\n    effect: hasEffect\n      ? ({ activityTransitionState, refs }) => {\n          const cleanup = () => {\n            refs.forEach((ref) => {\n              if (!ref.current) {\n                return;\n              }\n              const $ref = ref.current;\n\n              $ref.style.display = \"\";\n            });\n          };\n\n          switch (activityTransitionState) {\n            case \"enter-done\": {\n              refs.forEach((ref) => {\n                if (!ref.current) {\n                  return;\n                }\n                const $ref = ref.current;\n\n                $ref.style.display = \"none\";\n              });\n\n              return () => {\n                cleanup();\n              };\n            }\n            default: {\n              cleanup();\n\n              return noop;\n            }\n          }\n        }\n      : undefined,\n  });\n}\n", "import { globalVars } from \"../basicUIPlugin.css\";\nimport { listenOnce, noop, requestNextFrame } from \"../utils\";\nimport { useStyleEffect } from \"./useStyleEffect\";\n\nexport const OFFSET_PX_ANDROID = 32;\nexport const OFFSET_PX_CUPERTINO = 80;\n\nexport function useStyleEffectOffset({\n  refs,\n  theme,\n  activityEnterStyle,\n  hasEffect = false,\n}: {\n  refs: Array<React.RefObject<any>>;\n  theme: \"android\" | \"cupertino\";\n  activityEnterStyle?: \"slideInLeft\";\n  hasEffect?: boolean;\n}) {\n  useStyleEffect({\n    styleName: \"offset\",\n    refs,\n    effect: hasEffect\n      ? ({ activityTransitionState, refs }) => {\n          let transform: string;\n          let opacity: string;\n\n          switch (theme) {\n            case \"cupertino\": {\n              transform = `translate3d(-${OFFSET_PX_CUPERTINO / 16}rem, 0, 0)`;\n              opacity = \"1\";\n              break;\n            }\n            default: {\n              transform =\n                activityEnterStyle === \"slideInLeft\"\n                  ? \"translate3d(-50%, 0, 0)\"\n                  : `translate3d(0, -${OFFSET_PX_ANDROID / 16}rem, 0)`;\n              opacity = activityEnterStyle === \"slideInLeft\" ? \"0\" : \"1\";\n              break;\n            }\n          }\n\n          const cleanup = () => {\n            requestNextFrame(() => {\n              refs.forEach((ref) => {\n                if (!ref.current) {\n                  return;\n                }\n\n                const $el = ref.current;\n\n                $el.style.transform = \"\";\n                $el.style.opacity = \"\";\n\n                listenOnce($el, \"transitionend\", () => {\n                  $el.style.transition = \"\";\n                });\n              });\n            });\n          };\n\n          switch (activityTransitionState) {\n            case \"enter-active\":\n            case \"enter-done\": {\n              refs.forEach((ref) => {\n                if (!ref.current) {\n                  return;\n                }\n\n                ref.current.style.transition =\n                  globalVars.computedTransitionDuration;\n                ref.current.style.transform = transform;\n                ref.current.style.opacity = opacity;\n              });\n\n              switch (activityTransitionState) {\n                case \"enter-done\":\n                  return () => {\n                    cleanup();\n                  };\n                default:\n                  return noop;\n              }\n            }\n            case \"exit-active\":\n            case \"exit-done\": {\n              requestNextFrame(() => {\n                cleanup();\n              });\n\n              return noop;\n            }\n            default: {\n              return noop;\n            }\n          }\n        }\n      : undefined,\n  });\n}\n", "import 'src/basicUIPlugin.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+3X0UrDMBQG4Ps9RcAbBVPaah1k+CQikjan7dnWnJqczqHs3WXD6c1m7SrIMNCLXvRPf8jJB4mekuc7M0/nsXibCCGlZ10syiW9yHbZVWhlrj0WskOZ62JROeqskQUtySlxUZblrCdlsDmQdFWuL+Nr8fFESXbVtxA7bT0ykpWmc3r7okTs+2IFNW3HYE7N67aVuXYyJ2fAHesfT3v7H1rol0p5fAUlknb901wNWNWsxE2UOWiGpcZ2btCe+H8syH6OXpqkSXo7PDq2PsOaTyzxFR297ycdxWPpsW1oBW77gRI1GgN2yCR4XYLUDrRE64ElU6tE3D/JOTFTI30NwPtj4LTBziuR7GZqM4n2tiXBtjO3LY6y4bql0fRveRtYIPgWfBvim3JE/GA06+9oqaGB+6JrwTFaegwUBgoDhYHCf0uhtsYRmgDhuUMY7rsBwYDgoftutrOtJbQMTsIKLHslLFmYTTbvJq/pt/ITAAA=';\nimport 'src/styles/f.css.ts.vanilla.css?source=LmRodGh4cTAgewogIHdpZHRoOiAxMDAlOwp9Ci5kaHRoeHExIHsKICBoZWlnaHQ6IDEwMCU7Cn0KLmRodGh4cTIgewogIHRvcDogMDsKfQouZGh0aHhxMyB7CiAgbGVmdDogMDsKfQouZGh0aHhxNCB7CiAgcG9zaXRpb246IGFic29sdXRlOwp9Ci5kaHRoeHE1IHsKICBwb3NpdGlvbjogcmVsYXRpdmU7Cn0KLmRodGh4cTcgewogIGRpc3BsYXk6IGZsZXg7Cn0KLmRodGh4cTggewogIGZsZXg6IDE7Cn0KLmRodGh4cTkgewogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0KLmRodGh4cWEgewogIGFsaWduLWl0ZW1zOiBmbGV4LWVuZDsKfQouZGh0aHhxYiB7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7Cn0KLmRodGh4cWMgewogIG92ZXJmbG93OiBoaWRkZW47Cn0KLmRodGh4cWQgewogIHdoaXRlLXNwYWNlOiBub3dyYXA7Cn0KLmRodGh4cWUgewogIHRleHQtYWxpZ246IGNlbnRlcjsKfQouZGh0aHhxZiB7CiAgY3Vyc29yOiBwb2ludGVyOwogIC13ZWJraXQtdGFwLWhpZ2hsaWdodC1jb2xvcjogdHJhbnNwYXJlbnQ7Cn0KLmRodGh4cWcgewogIGJveC1zaXppbmc6IGJvcmRlci1ib3g7Cn0KLmRodGh4cWggewogIGJveC1zaXppbmc6IGNvbnRlbnQtYm94Owp9Ci5kaHRoeHFpIHsKICBhcHBlYXJhbmNlOiBub25lOwogIGJvcmRlcjogMDsKICBwYWRkaW5nOiAwOwogIGJhY2tncm91bmQ6IG5vbmU7Cn0=';\nimport 'src/components/AppScreen.css.ts.vanilla.css?source=#H4sIAAAAAAAAA9WUwY6bMBCG73mKuVQCFUeQ7G5b59I3qQbjEBNjU2OSTat99woDCZBAsqtKVTkhjefzPzO/Z/kjSuT2af30Ar8XADGyfWp0pRLCtNSGwgGNR0hpke23Uh9JIatUKBJjKRipBElETsZZ/mbxtlh25C8fJM9TvzqqNahKYYVWtPnfapO35O5k6AegC2TCnq4iAyS7IGtMS5Ro+TrxojD8FEAYwChJuKSWTyHcLAB+EaES/kpH10V+HTwKKQnboUo57fJa4s+XJFtlIYzgOy7SnaUQhYbnm0EvKUihOBqSGkwEV9b70LwCMGmMXtgUWNfoilyA+85yvvWUBeMg9oJNbNCY6BYwngOyeWA4GEPWBA/cuKpPFEpmtJR1u8iRx3thyTnahIRKKVhdsd3MzFbXMzsbZCiA0u6eBh+jcZoSURYSTxSUVnww6AhG8h+zXtsn16krUG9EWTB7sjevrDs4IyIcmv/KqtmNdzCNclaeLih8uKDwfkF9Cz5aXoPZ/5UdE0COpn6DVhd3lx4WBYnRkObNk8vdJKkM1j/OkBfi/T06RLr0bqMwlMzZC8h7Mf6UleUdF7VunjRSPpf/fHsJK5dzFIndUYiWq+d2UU486vUwWzc3/uNefi+rotDGluD1p8u0Ki0q65W45QQNRyJUyW0d9X2nfOTXoTucrHfqgc+Q4+vDWblQ5Ja64I5417636dK5OvyXVU/q7gr+Aw6qAIx1CQAA';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var allTransitions = '_1dlf4348';\nexport var appScreen = _7a468({defaultClassName:'dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 dhthxqc',variantClassNames:{transitionState:{'enter-active':'_1dlf4349','enter-done':'_1dlf434a','exit-active':'_1dlf434b','exit-done':'_1dlf434c'}},defaultVariants:{},compoundVariants:[]});\nexport var background = '_1dlf4347';\nexport var dim = '_1dlf434i dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 _1dlf4346 _1dlf4348';\nexport var edge = _7a468({defaultClassName:'_1dlf434n dhthxq4 dhthxq2 dhthxq3 dhthxq1',variantClassNames:{hasAppBar:{true:'_1dlf434o'}},defaultVariants:{},compoundVariants:[]});\nexport var enterActive = '_1dlf4349';\nexport var enterDone = '_1dlf434a';\nexport var exitActive = '_1dlf434b';\nexport var exitDone = '_1dlf434c';\nexport var paper = _7a468({defaultClassName:'_1dlf434j dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 _1dlf4347 _1dlf4348',variantClassNames:{hasAppBar:{true:'_1dlf434k dhthxqg'},modalPresentationStyle:{fullScreen:'_1dlf434l'},activityEnterStyle:{slideInLeft:'_1dlf434m'}},defaultVariants:{},compoundVariants:[]});\nexport var vars = {transitionDuration:'var(--_1dlf4340)',zIndexes:{dim:'var(--_1dlf4341)',paper:'var(--_1dlf4342)',edge:'var(--_1dlf4343)',appBar:'var(--_1dlf4344)'},appBar:{center:{mainWidth:'var(--_1dlf4345)'}}};", "import { globalVars } from \"../basicUIPlugin.css\";\nimport * as appScreenCss from \"../components/AppScreen.css\";\nimport { listenOnce, noop } from \"../utils\";\nimport { useStyleEffect } from \"./useStyleEffect\";\nimport { OFFSET_PX_CUPERTINO } from \"./useStyleEffectOffset\";\n\nexport function useStyleEffectSwipeBack({\n  theme,\n  dimRef,\n  edgeRef,\n  paperRef,\n  hasEffect,\n  prevented,\n  onSwiped,\n}: {\n  theme: \"android\" | \"cupertino\";\n  dimRef: React.RefObject<HTMLDivElement>;\n  edgeRef: React.RefObject<HTMLDivElement>;\n  paperRef: React.RefObject<HTMLDivElement>;\n  hasEffect?: boolean;\n  prevented?: boolean;\n  onSwiped?: () => void;\n}) {\n  useStyleEffect({\n    styleName: \"swipe-back\",\n    refs: [paperRef],\n    effect: hasEffect\n      ? ({ refs }) => {\n          if (theme !== \"cupertino\") {\n            return noop;\n          }\n\n          if (!dimRef.current || !edgeRef.current || !paperRef.current) {\n            return noop;\n          }\n\n          const $dim = dimRef.current;\n          const $edge = edgeRef.current;\n          const $paper = paperRef.current;\n\n          let x0: number | null = null;\n          let t0: number | null = null;\n          let x: number | null = null;\n\n          let cachedRefs: Array<{\n            style: {\n              transform: string;\n              transition: string;\n            };\n            parentElement?: {\n              style: {\n                display: string;\n              };\n            };\n          }> = [];\n\n          const resetState = () => {\n            x0 = null;\n            t0 = null;\n            x = null;\n            cachedRefs = [];\n          };\n\n          let _rAFLock = false;\n\n          function movePaper(dx: number) {\n            if (!_rAFLock) {\n              _rAFLock = true;\n\n              requestAnimationFrame(() => {\n                const p = dx / $paper.clientWidth;\n\n                $dim.style.opacity = `${1 - p}`;\n                $dim.style.transition = \"0s\";\n\n                $paper.style.overflowY = \"hidden\";\n                $paper.style.transform = `translate3d(${dx}px, 0, 0)`;\n                $paper.style.transition = \"0s\";\n\n                refs.forEach((ref) => {\n                  if (!ref.current) {\n                    return;\n                  }\n\n                  ref.current.style.transform = `translate3d(${\n                    -1 * (1 - p) * OFFSET_PX_CUPERTINO\n                  }px, 0, 0)`;\n                  ref.current.style.transition = \"0s\";\n\n                  if (ref.current.parentElement?.style.display === \"none\") {\n                    ref.current.parentElement.style.display = \"block\";\n                  }\n                });\n\n                _rAFLock = false;\n              });\n            }\n          }\n\n          function resetPaper({ swiped }: { swiped: boolean }): Promise<void> {\n            return new Promise((resolve) => {\n              requestAnimationFrame(() => {\n                $dim.style.opacity = `${swiped ? 0 : 1}`;\n                $dim.style.transition = globalVars.transitionDuration;\n\n                $paper.style.overflowY = \"hidden\";\n                $paper.style.transform = `translateX(${swiped ? \"100%\" : \"0\"})`;\n                $paper.style.transition = globalVars.transitionDuration;\n\n                refs.forEach((ref) => {\n                  if (!ref.current) {\n                    return;\n                  }\n\n                  ref.current.style.transition = globalVars.transitionDuration;\n                  ref.current.style.transform = `translate3d(${\n                    swiped ? \"0\" : `-${OFFSET_PX_CUPERTINO / 16}rem`\n                  }, 0, 0)`;\n                });\n\n                const _cachedRefs = [...cachedRefs];\n\n                resolve();\n\n                listenOnce($paper, \"transitionend\", () => {\n                  const _swiped =\n                    swiped ||\n                    $paper.parentElement?.classList.contains(\n                      appScreenCss.exitActive,\n                    ) ||\n                    $paper.parentElement?.classList.contains(\n                      appScreenCss.exitDone,\n                    );\n\n                  $dim.style.opacity = \"\";\n                  $paper.style.overflowY = \"\";\n                  $paper.style.transform = \"\";\n\n                  refs.forEach((ref, i) => {\n                    if (!ref.current) {\n                      return;\n                    }\n\n                    const _cachedRef = _cachedRefs[i];\n\n                    if (_swiped) {\n                      ref.current.style.transition = \"\";\n                      ref.current.style.transform = \"\";\n\n                      if (ref.current.parentElement) {\n                        ref.current.parentElement.style.display = \"\";\n                      }\n                    } else if (_cachedRef) {\n                      ref.current.style.transition =\n                        _cachedRef.style.transition;\n                      ref.current.style.transform = _cachedRef.style.transform;\n\n                      if (\n                        ref.current.parentElement &&\n                        _cachedRef.parentElement\n                      ) {\n                        ref.current.parentElement.style.display =\n                          _cachedRef.parentElement.style.display;\n                      }\n                    }\n                  });\n                });\n              });\n            });\n          }\n\n          const onTouchStart = (e: TouchEvent) => {\n            const { activeElement } = document as any;\n\n            activeElement?.blur?.();\n\n            x0 = x = e.touches[0].clientX;\n            t0 = Date.now();\n\n            cachedRefs = refs.map((ref) => {\n              if (!ref.current) {\n                return {\n                  style: {\n                    transform: \"\",\n                    transition: \"\",\n                  },\n                };\n              }\n\n              return {\n                style: {\n                  transform: ref.current.style.transform,\n                  transition: ref.current.style.transition,\n                },\n                parentElement: ref.current.parentElement\n                  ? {\n                      style: {\n                        display: ref.current.parentElement.style.display,\n                      },\n                    }\n                  : undefined,\n              };\n            });\n          };\n\n          const onTouchMove = (e: TouchEvent) => {\n            if (!x0) {\n              resetState();\n              return;\n            }\n\n            x = e.touches[0].clientX;\n\n            movePaper(x - x0);\n          };\n\n          const onTouchEnd = () => {\n            if (!x0 || !t0 || !x) {\n              resetState();\n              return;\n            }\n\n            const t = Date.now();\n            const v = (x - x0) / (t - t0);\n            const swiped = v > 1 || x / $paper.clientWidth > 0.4;\n\n            if (swiped) {\n              onSwiped?.();\n            }\n\n            Promise.resolve()\n              .then(() => resetPaper({ swiped }))\n              .then(() => resetState());\n          };\n\n          $edge.addEventListener(\"touchstart\", onTouchStart, { passive: true });\n          $edge.addEventListener(\"touchmove\", onTouchMove, { passive: true });\n          $edge.addEventListener(\"touchend\", onTouchEnd, { passive: true });\n          $edge.addEventListener(\"touchcancel\", onTouchEnd, { passive: true });\n\n          return () => {\n            $edge.removeEventListener(\"touchstart\", onTouchStart);\n            $edge.removeEventListener(\"touchmove\", onTouchMove);\n            $edge.removeEventListener(\"touchend\", onTouchEnd);\n            $edge.removeEventListener(\"touchcancel\", onTouchEnd);\n          };\n        }\n      : undefined,\n    effectDeps: [prevented],\n  });\n}\n", "import { useNullableActivity } from \"./useNullableActivity\";\n\nexport function useZIndexBase() {\n  const activity = useNullableActivity();\n  return (activity?.zIndex ?? 0) * 5;\n}\n", "import { useActions } from \"@stackflow/react\";\nimport { assignInlineVars } from \"@vanilla-extract/dynamic\";\nimport { forwardRef, useRef } from \"react\";\n\nimport { IconBack, IconClose } from \"../assets\";\nimport { useGlobalOptions } from \"../basicUIPlugin\";\nimport type { GlobalVars } from \"../basicUIPlugin.css\";\nimport { globalVars } from \"../basicUIPlugin.css\";\nimport { useMaxWidth, useNullableActivity } from \"../hooks\";\nimport { compactMap } from \"../utils\";\nimport * as css from \"./AppBar.css\";\nimport * as appScreenCss from \"./AppScreen.css\";\n\ntype AppBarProps = Partial<\n  Pick<\n    GlobalVars[\"appBar\"],\n    | \"borderColor\"\n    | \"borderColorTransitionDuration\"\n    | \"borderSize\"\n    | \"height\"\n    | \"heightTransitionDuration\"\n    | \"overflow\"\n    | \"iconColor\"\n    | \"iconColorTransitionDuration\"\n    | \"textColor\"\n    | \"textColorTransitionDuration\"\n    | \"backgroundColor\"\n    | \"backgroundColorTransitionDuration\"\n  >\n> & {\n  title?: React.ReactNode;\n  renderLeft?: () => React.ReactNode;\n  renderRight?: () => React.ReactNode;\n  backButton?:\n    | {\n        renderIcon?: () => React.ReactNode;\n        ariaLabel?: string;\n        onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;\n      }\n    | {\n        render?: () => React.ReactNode;\n      };\n  closeButton?:\n    | {\n        renderIcon?: () => React.ReactNode;\n        ariaLabel?: string;\n        onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;\n      }\n    | {\n        render?: () => React.ReactNode;\n      };\n  closeButtonLocation?: \"left\" | \"right\";\n  border?: boolean;\n  modalPresentationStyle?: \"fullScreen\";\n  activityEnterStyle?: \"slideInLeft\";\n  onTopClick?: (e: React.MouseEvent) => void;\n};\nconst AppBar = forwardRef<HTMLDivElement, AppBarProps>(\n  (\n    {\n      title,\n      renderLeft,\n      renderRight,\n      backButton,\n      closeButton,\n      closeButtonLocation = \"left\",\n      border = true,\n      modalPresentationStyle,\n      activityEnterStyle,\n      iconColor,\n      iconColorTransitionDuration,\n      textColor,\n      textColorTransitionDuration,\n      borderColor,\n      borderColorTransitionDuration,\n      borderSize,\n      height,\n      heightTransitionDuration,\n      overflow,\n      backgroundColor,\n      backgroundColorTransitionDuration,\n      onTopClick,\n    },\n    ref,\n  ) => {\n    const actions = useActions();\n    const activity = useNullableActivity();\n\n    const globalOptions = useGlobalOptions();\n    const globalCloseButton = globalOptions.appBar?.closeButton;\n    const globalBackButton = globalOptions.appBar?.backButton;\n\n    const centerRef = useRef<any>(null);\n\n    const { maxWidth } = useMaxWidth({\n      outerRef: ref,\n      innerRef: centerRef,\n      enable: globalOptions.theme === \"cupertino\",\n    });\n\n    const onBackClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n      if (backButton && \"onClick\" in backButton && backButton.onClick) {\n        backButton.onClick(e);\n      }\n\n      if (!e.defaultPrevented) {\n        actions.pop();\n      }\n    };\n\n    const renderBackButton = () => {\n      if (!activity) {\n        return null;\n      }\n      if (activity.isRoot) {\n        return null;\n      }\n\n      if (!backButton && !globalBackButton) {\n        return (\n          <button\n            type=\"button\"\n            aria-label=\"Go Back\"\n            className={css.backButton}\n            onClick={onBackClick}\n          >\n            <IconBack />\n          </button>\n        );\n      }\n\n      if (backButton && \"render\" in backButton && backButton.render) {\n        return backButton.render?.();\n      }\n      if (\n        globalBackButton &&\n        \"render\" in globalBackButton &&\n        globalBackButton.render\n      ) {\n        return globalBackButton.render?.();\n      }\n\n      return (\n        <button\n          type=\"button\"\n          className={css.backButton}\n          aria-label={\n            backButton && \"ariaLabel\" in backButton\n              ? backButton.ariaLabel\n              : globalBackButton && \"ariaLabel\" in globalBackButton\n                ? globalBackButton.ariaLabel\n                : undefined\n          }\n          onClick={onBackClick}\n        >\n          {(() => {\n            if (\n              backButton &&\n              \"renderIcon\" in backButton &&\n              backButton.renderIcon\n            ) {\n              return backButton.renderIcon();\n            }\n            if (\n              globalBackButton &&\n              \"renderIcon\" in globalBackButton &&\n              globalBackButton.renderIcon\n            ) {\n              return globalBackButton.renderIcon();\n            }\n\n            if (modalPresentationStyle === \"fullScreen\") {\n              return <IconClose />;\n            }\n\n            return <IconBack />;\n          })()}\n        </button>\n      );\n    };\n\n    const onCloseClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n      if (closeButton && \"onClick\" in closeButton && closeButton.onClick) {\n        closeButton.onClick(e);\n      }\n\n      if (\n        !e.defaultPrevented &&\n        globalCloseButton &&\n        \"onClick\" in globalCloseButton\n      ) {\n        globalCloseButton.onClick?.(e);\n      }\n    };\n\n    const renderCloseButton = () => {\n      const isRoot = !activity || activity.isRoot;\n\n      const showCloseButton = (closeButton: AppBarProps[\"closeButton\"]) =>\n        (closeButton && \"render\" in closeButton && closeButton.render) ||\n        (closeButton &&\n          \"renderIcon\" in closeButton &&\n          closeButton.renderIcon) ||\n        (closeButton && \"onClick\" in closeButton && closeButton.onClick);\n\n      if (\n        !(\n          showCloseButton(closeButton) ||\n          showCloseButton(globalOptions.appBar?.closeButton)\n        ) ||\n        !isRoot\n      ) {\n        return null;\n      }\n      if (closeButton && \"render\" in closeButton && closeButton.render) {\n        return closeButton.render();\n      }\n      if (\n        globalCloseButton &&\n        \"render\" in globalCloseButton &&\n        globalCloseButton.render\n      ) {\n        return globalCloseButton.render();\n      }\n\n      return (\n        <button\n          type=\"button\"\n          className={css.closeButton}\n          aria-label={\n            closeButton && \"ariaLabel\" in closeButton\n              ? closeButton.ariaLabel\n              : globalCloseButton && \"ariaLabel\" in globalCloseButton\n                ? globalCloseButton.ariaLabel\n                : undefined\n          }\n          onClick={onCloseClick}\n        >\n          {(() => {\n            if (\n              closeButton &&\n              \"renderIcon\" in closeButton &&\n              closeButton.renderIcon\n            ) {\n              return closeButton.renderIcon();\n            }\n            if (\n              globalCloseButton &&\n              \"renderIcon\" in globalCloseButton &&\n              globalCloseButton.renderIcon\n            ) {\n              return globalCloseButton.renderIcon();\n            }\n\n            return <IconClose />;\n          })()}\n        </button>\n      );\n    };\n\n    const hasLeft = !!(\n      (closeButtonLocation === \"left\" && closeButton) ||\n      backButton ||\n      renderLeft\n    );\n\n    return (\n      <div\n        ref={ref}\n        className={css.appBar({\n          border,\n          modalPresentationStyle,\n          activityEnterStyle,\n        })}\n        style={assignInlineVars(\n          compactMap({\n            [globalVars.appBar.iconColor]: iconColor,\n            [globalVars.appBar.iconColorTransitionDuration]:\n              iconColorTransitionDuration,\n            [globalVars.appBar.textColor]: textColor,\n            [globalVars.appBar.textColorTransitionDuration]:\n              textColorTransitionDuration,\n            [globalVars.appBar.borderColor]: borderColor,\n            [globalVars.appBar.borderColorTransitionDuration]:\n              borderColorTransitionDuration,\n            [globalVars.appBar.borderSize]: borderSize,\n            [globalVars.appBar.height]: height,\n            [globalVars.appBar.heightTransitionDuration]:\n              heightTransitionDuration,\n            [globalVars.appBar.overflow]: overflow,\n            [globalVars.appBar.backgroundColor]:\n              backgroundColor || globalVars.backgroundColor,\n            [globalVars.appBar.backgroundColorTransitionDuration]:\n              backgroundColorTransitionDuration,\n            [appScreenCss.vars.appBar.center.mainWidth]: `${maxWidth}px`,\n          }),\n        )}\n      >\n        <div className={css.safeArea} />\n        <div className={css.container}>\n          <div className={css.left}>\n            {closeButtonLocation === \"left\" && renderCloseButton()}\n            {renderBackButton()}\n            {renderLeft?.()}\n          </div>\n          <div ref={centerRef} className={css.center}>\n            <div\n              className={css.centerMain({\n                hasLeft,\n              })}\n            >\n              {typeof title === \"string\" ? (\n                <div className={css.centerText}>{title}</div>\n              ) : (\n                title\n              )}\n              <button\n                className={css.centerMainEdge}\n                type=\"button\"\n                onClick={onTopClick}\n              />\n            </div>\n          </div>\n          <div className={css.right}>\n            {renderRight?.()}\n            {closeButtonLocation === \"right\" && renderCloseButton()}\n          </div>\n        </div>\n      </div>\n    );\n  },\n);\n\nAppBar.displayName = \"AppBar\";\n\nexport default AppBar;\n", "import 'src/basicUIPlugin.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+3X0UrDMBQG4Ps9RcAbBVPaah1k+CQikjan7dnWnJqczqHs3WXD6c1m7SrIMNCLXvRPf8jJB4mekuc7M0/nsXibCCGlZ10syiW9yHbZVWhlrj0WskOZ62JROeqskQUtySlxUZblrCdlsDmQdFWuL+Nr8fFESXbVtxA7bT0ykpWmc3r7okTs+2IFNW3HYE7N67aVuXYyJ2fAHesfT3v7H1rol0p5fAUlknb901wNWNWsxE2UOWiGpcZ2btCe+H8syH6OXpqkSXo7PDq2PsOaTyzxFR297ycdxWPpsW1oBW77gRI1GgN2yCR4XYLUDrRE64ElU6tE3D/JOTFTI30NwPtj4LTBziuR7GZqM4n2tiXBtjO3LY6y4bql0fRveRtYIPgWfBvim3JE/GA06+9oqaGB+6JrwTFaegwUBgoDhYHCf0uhtsYRmgDhuUMY7rsBwYDgoftutrOtJbQMTsIKLHslLFmYTTbvJq/pt/ITAAA=';\nimport 'src/styles/f.css.ts.vanilla.css?source=LmRodGh4cTAgewogIHdpZHRoOiAxMDAlOwp9Ci5kaHRoeHExIHsKICBoZWlnaHQ6IDEwMCU7Cn0KLmRodGh4cTIgewogIHRvcDogMDsKfQouZGh0aHhxMyB7CiAgbGVmdDogMDsKfQouZGh0aHhxNCB7CiAgcG9zaXRpb246IGFic29sdXRlOwp9Ci5kaHRoeHE1IHsKICBwb3NpdGlvbjogcmVsYXRpdmU7Cn0KLmRodGh4cTcgewogIGRpc3BsYXk6IGZsZXg7Cn0KLmRodGh4cTggewogIGZsZXg6IDE7Cn0KLmRodGh4cTkgewogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0KLmRodGh4cWEgewogIGFsaWduLWl0ZW1zOiBmbGV4LWVuZDsKfQouZGh0aHhxYiB7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7Cn0KLmRodGh4cWMgewogIG92ZXJmbG93OiBoaWRkZW47Cn0KLmRodGh4cWQgewogIHdoaXRlLXNwYWNlOiBub3dyYXA7Cn0KLmRodGh4cWUgewogIHRleHQtYWxpZ246IGNlbnRlcjsKfQouZGh0aHhxZiB7CiAgY3Vyc29yOiBwb2ludGVyOwogIC13ZWJraXQtdGFwLWhpZ2hsaWdodC1jb2xvcjogdHJhbnNwYXJlbnQ7Cn0KLmRodGh4cWcgewogIGJveC1zaXppbmc6IGJvcmRlci1ib3g7Cn0KLmRodGh4cWggewogIGJveC1zaXppbmc6IGNvbnRlbnQtYm94Owp9Ci5kaHRoeHFpIHsKICBhcHBlYXJhbmNlOiBub25lOwogIGJvcmRlcjogMDsKICBwYWRkaW5nOiAwOwogIGJhY2tncm91bmQ6IG5vbmU7Cn0=';\nimport 'src/components/AppScreen.css.ts.vanilla.css?source=#H4sIAAAAAAAAA9WUwY6bMBCG73mKuVQCFUeQ7G5b59I3qQbjEBNjU2OSTat99woDCZBAsqtKVTkhjefzPzO/Z/kjSuT2af30Ar8XADGyfWp0pRLCtNSGwgGNR0hpke23Uh9JIatUKBJjKRipBElETsZZ/mbxtlh25C8fJM9TvzqqNahKYYVWtPnfapO35O5k6AegC2TCnq4iAyS7IGtMS5Ro+TrxojD8FEAYwChJuKSWTyHcLAB+EaES/kpH10V+HTwKKQnboUo57fJa4s+XJFtlIYzgOy7SnaUQhYbnm0EvKUihOBqSGkwEV9b70LwCMGmMXtgUWNfoilyA+85yvvWUBeMg9oJNbNCY6BYwngOyeWA4GEPWBA/cuKpPFEpmtJR1u8iRx3thyTnahIRKKVhdsd3MzFbXMzsbZCiA0u6eBh+jcZoSURYSTxSUVnww6AhG8h+zXtsn16krUG9EWTB7sjevrDs4IyIcmv/KqtmNdzCNclaeLih8uKDwfkF9Cz5aXoPZ/5UdE0COpn6DVhd3lx4WBYnRkObNk8vdJKkM1j/OkBfi/T06RLr0bqMwlMzZC8h7Mf6UleUdF7VunjRSPpf/fHsJK5dzFIndUYiWq+d2UU486vUwWzc3/uNefi+rotDGluD1p8u0Ki0q65W45QQNRyJUyW0d9X2nfOTXoTucrHfqgc+Q4+vDWblQ5Ja64I5417636dK5OvyXVU/q7gr+Aw6qAIx1CQAA';\nimport 'src/components/AppBar.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+1YyZLbIBC9+yu4TJWdEirkZRb5lkNuOeUDphBCNmMECuBtUvPvKaFdsuSlXDlMxicbNU3369ePlt1X77iZ4fkCgT8jAGIm4Jqy1dr4YIfVGEJtMNlEXO5hwrcrJmCANSNwyyBOEhhgBas9k+XoY+QWHj3rUe6oSrdf7q/Y0fQ2td4CTDYrJbcihERyqS732t45WY4AeIdMhPRQeHn1Qh7NZ/O5fbhnnEOyxmJFfWAUFjqSKnaATDBh5pia2FVmmBR+J7SbI4OVVxhuFU6/TBwQyAPUaxzK/eWepQqpGvCaI/z7MXybvnmgBXYii9xwoCXfGtq1zwAL2ltLuHLkODZ0Fo49hB4cgByAJp8BPqfKEyDdAAe1EclZ4wO07McHOcBDisafEaBmi6FJ2UidJymQI5B/mohmJi81cJ1BS1yzLAwb1fCGq5FTtaZDs0yHSrB8wISmBqDkAAjmZAw98O1aBDV7p5MJQDch39vF86FWtFRDu/UX1UoC1SjknSTb3DljW6PbvDIdrkKdYkPC+lXNi6p5SoEXN/d8R1CCttf/+KbLYHi0MBRDY4wP42sGR40jCrGiGFoZhUYmEwcQKbTBwoxPPbaA3vc8KnZ9R9UyfWpkeump5WjcZEG2fKWXoSEui/E5m9xwGDKx8gECyF0oGjdtfBon5mgtQ6YTjo8+EFLQhtWLfX7llM2IFLX5up5w0bQzhGLtgOuoX/ntgSAd10Oz9sHUnWYJV5Wauk8dDF58TAzb0dZs5k77wkb3j7kWDrFx5Ck0ZW1hs7uyDoYeTE8d7ke8awGpgjr/MlJT7wY2qa6mGb1ttWHRERIpDBXGBxGnhzQGZZZVA0BOI+MDLydEJIWxs5YPPNd7fiqIwpmg5Wuv5y5K232+FkgeLouxj73b1so1M5CHvvmL9L5F1foujTtdwJytBGSGxtoHhApD1ck8q0cWTrutvmrjjnDM+NEHKfScQn3UJn2p+M6Z2PzE5Jf9/UMK08n0EaE2UgVIFspFBv+pW28MF+ihIc63SKRM/t0lcsfDzt0gHVaHdaHOeYrcWVepMolqoF9RtdS64YLE+ADzBio2tIR/QHxOk5s2r4+AS7JpxB1l41FK0uo/IMo5SzTTLY4xsaaKddlYrtf8rvpuuDRNlZYtwwpvjWxuPHPtdUrUc1L6ZTn6+Aug9GYkOhMAAA==';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var appBar = _7a468({defaultClassName:'_1yk3a452 dhthxq4 dhthxq0 dhthxqh _1dlf4347 _1yk3a451',variantClassNames:{border:{true:'_1yk3a453'},modalPresentationStyle:{fullScreen:'_1yk3a454'},activityEnterStyle:{slideInLeft:'_1yk3a455'}},defaultVariants:{},compoundVariants:[]});\nexport var backButton = '_1yk3a459 dhthxq9 dhthxq7 dhthxqb dhthxqf dhthxqi';\nexport var center = 'dhthxq9 dhthxq7 dhthxq8 _1yk3a450';\nexport var centerMain = _7a468({defaultClassName:'_1yk3a45c',variantClassNames:{hasLeft:{true:'_1yk3a45d'}},defaultVariants:{},compoundVariants:[]});\nexport var centerMainEdge = '_1yk3a45e dhthxqi dhthxq4 dhthxq2 dhthxqf';\nexport var centerText = '_1yk3a45f dhthxqc dhthxqd dhthxq0';\nexport var closeButton = '_1yk3a459 dhthxq9 dhthxq7 dhthxqb dhthxqf dhthxqi';\nexport var container = '_1yk3a457 dhthxqa dhthxq7 _1yk3a451';\nexport var left = '_1yk3a458 dhthxq9 dhthxq7 dhthxq1 _1yk3a450';\nexport var right = '_1yk3a45g dhthxq9 dhthxq7 dhthxq1 dhthxq5 _1yk3a450';\nexport var safeArea = '_1yk3a456';", "import { useActions } from \"@stackflow/react\";\nimport { assignInlineVars } from \"@vanilla-extract/dynamic\";\nimport { useRef } from \"react\";\n\nimport type { GlobalVars } from \"../basicUIPlugin.css\";\nimport { globalVars } from \"../basicUIPlugin.css\";\nimport {\n  useLazy,\n  useNullableActivity,\n  useStyleEffect,\n  useZIndexBase,\n} from \"../hooks\";\nimport { compactMap } from \"../utils\";\nimport * as css from \"./BottomSheet.css\";\n\nexport type BottomSheetProps = Partial<\n  Pick<GlobalVars, \"backgroundColor\" | \"dimBackgroundColor\">\n> &\n  Partial<GlobalVars[\"bottomSheet\"]> & {\n    paperRef?: React.Ref<HTMLDivElement>;\n    onOutsideClick?: React.MouseEventHandler;\n    children: React.ReactNode;\n  };\nconst BottomSheet: React.FC<BottomSheetProps> = ({\n  borderRadius = \"1rem\",\n  backgroundColor,\n  dimBackgroundColor,\n  paperRef,\n  onOutsideClick,\n  children,\n}) => {\n  const activity = useNullableActivity();\n  const { pop } = useActions();\n\n  const containerRef = useRef<HTMLDivElement>(null);\n  const dimRef = useRef<HTMLDivElement>(null);\n\n  useStyleEffect({\n    styleName: \"hide\",\n    refs: [containerRef],\n  });\n  useStyleEffect({\n    styleName: \"offset\",\n    refs: [dimRef],\n  });\n  useStyleEffect({\n    styleName: \"swipe-back\",\n    refs: [dimRef],\n  });\n\n  const popLock = useRef(false);\n\n  const onDimClick: React.MouseEventHandler = (e) => {\n    onOutsideClick?.(e);\n\n    if (e.defaultPrevented) {\n      return;\n    }\n\n    if (popLock.current) {\n      return;\n    }\n    popLock.current = true;\n\n    pop();\n  };\n  const onPaperClick: React.MouseEventHandler = (e) => {\n    e.stopPropagation();\n  };\n\n  const zIndexBase = useZIndexBase() + 3;\n  const zIndexPaper = useZIndexBase() + 4;\n  const transitionState = activity?.transitionState ?? \"enter-done\";\n\n  return (\n    <div\n      className={css.container({\n        transitionState: useLazy(transitionState),\n      })}\n      ref={containerRef}\n      style={assignInlineVars(\n        compactMap({\n          [globalVars.bottomSheet.borderRadius]: borderRadius,\n          [globalVars.backgroundColor]: backgroundColor,\n          [globalVars.dimBackgroundColor]: dimBackgroundColor,\n          [css.vars.zIndexes.dim]: `${zIndexBase}`,\n          [css.vars.zIndexes.paper]: `${zIndexPaper}`,\n          [css.vars.transitionDuration]:\n            transitionState === \"enter-active\" ||\n            transitionState === \"exit-active\"\n              ? globalVars.computedTransitionDuration\n              : \"0ms\",\n        }),\n      )}\n      data-stackflow-component-name=\"BottomSheet\"\n      data-stackflow-activity-id={activity?.id}\n      data-stackflow-activity-is-active={activity?.isActive}\n    >\n      <div className={css.dim} ref={dimRef} onClick={onDimClick}>\n        <div className={css.paper} ref={paperRef} onClick={onPaperClick}>\n          {children}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nBottomSheet.displayName = \"BottomSheet\";\n\nexport default BottomSheet;\n", "import 'src/basicUIPlugin.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+3X0UrDMBQG4Ps9RcAbBVPaah1k+CQikjan7dnWnJqczqHs3WXD6c1m7SrIMNCLXvRPf8jJB4mekuc7M0/nsXibCCGlZ10syiW9yHbZVWhlrj0WskOZ62JROeqskQUtySlxUZblrCdlsDmQdFWuL+Nr8fFESXbVtxA7bT0ykpWmc3r7okTs+2IFNW3HYE7N67aVuXYyJ2fAHesfT3v7H1rol0p5fAUlknb901wNWNWsxE2UOWiGpcZ2btCe+H8syH6OXpqkSXo7PDq2PsOaTyzxFR297ycdxWPpsW1oBW77gRI1GgN2yCR4XYLUDrRE64ElU6tE3D/JOTFTI30NwPtj4LTBziuR7GZqM4n2tiXBtjO3LY6y4bql0fRveRtYIPgWfBvim3JE/GA06+9oqaGB+6JrwTFaegwUBgoDhYHCf0uhtsYRmgDhuUMY7rsBwYDgoftutrOtJbQMTsIKLHslLFmYTTbvJq/pt/ITAAA=';\nimport 'src/styles/f.css.ts.vanilla.css?source=LmRodGh4cTAgewogIHdpZHRoOiAxMDAlOwp9Ci5kaHRoeHExIHsKICBoZWlnaHQ6IDEwMCU7Cn0KLmRodGh4cTIgewogIHRvcDogMDsKfQouZGh0aHhxMyB7CiAgbGVmdDogMDsKfQouZGh0aHhxNCB7CiAgcG9zaXRpb246IGFic29sdXRlOwp9Ci5kaHRoeHE1IHsKICBwb3NpdGlvbjogcmVsYXRpdmU7Cn0KLmRodGh4cTcgewogIGRpc3BsYXk6IGZsZXg7Cn0KLmRodGh4cTggewogIGZsZXg6IDE7Cn0KLmRodGh4cTkgewogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0KLmRodGh4cWEgewogIGFsaWduLWl0ZW1zOiBmbGV4LWVuZDsKfQouZGh0aHhxYiB7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7Cn0KLmRodGh4cWMgewogIG92ZXJmbG93OiBoaWRkZW47Cn0KLmRodGh4cWQgewogIHdoaXRlLXNwYWNlOiBub3dyYXA7Cn0KLmRodGh4cWUgewogIHRleHQtYWxpZ246IGNlbnRlcjsKfQouZGh0aHhxZiB7CiAgY3Vyc29yOiBwb2ludGVyOwogIC13ZWJraXQtdGFwLWhpZ2hsaWdodC1jb2xvcjogdHJhbnNwYXJlbnQ7Cn0KLmRodGh4cWcgewogIGJveC1zaXppbmc6IGJvcmRlci1ib3g7Cn0KLmRodGh4cWggewogIGJveC1zaXppbmc6IGNvbnRlbnQtYm94Owp9Ci5kaHRoeHFpIHsKICBhcHBlYXJhbmNlOiBub25lOwogIGJvcmRlcjogMDsKICBwYWRkaW5nOiAwOwogIGJhY2tncm91bmQ6IG5vbmU7Cn0=';\nimport 'src/components/BottomSheet.css.ts.vanilla.css?source=Ll8xaHQzOGgwMyB7CiAgdHJhbnNpdGlvbjogdmFyKC0tXzFodDM4aDAwKTsKfQouXzFodDM4aDA3IHsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDEwMCUsIDAsIDApOwp9Ci5fMWh0MzhoMGQgewogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXN0YWNrZmxvdy1wbHVnaW4tYmFzaWMtdWktZGltLWJhY2tncm91bmQtY29sb3IpOwogIHotaW5kZXg6IHZhcigtLV8xaHQzOGgwMSk7CiAgb3BhY2l0eTogMDsKfQouXzFodDM4aDA0IC5fMWh0MzhoMGQsIC5fMWh0MzhoMDUgLl8xaHQzOGgwZCB7CiAgb3BhY2l0eTogMTsKfQouXzFodDM4aDA2IC5fMWh0MzhoMGQsIC5fMWh0MzhoMDcgLl8xaHQzOGgwZCB7CiAgb3BhY2l0eTogMDsKfQouXzFodDM4aDBlIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zdGFja2Zsb3ctcGx1Z2luLWJhc2ljLXVpLWJhY2tncm91bmQtY29sb3IpOwogIHdpZHRoOiAxMDAlOwogIGJvcmRlci1yYWRpdXM6IHZhcigtLXN0YWNrZmxvdy1wbHVnaW4tYmFzaWMtdWktYm90dG9tLXNoZWV0LWJvcmRlci1yYWRpdXMpIHZhcigtLXN0YWNrZmxvdy1wbHVnaW4tYmFzaWMtdWktYm90dG9tLXNoZWV0LWJvcmRlci1yYWRpdXMpIDAgMDsKICB3aWxsLWNoYW5nZTogdHJhbnNmb3JtLCBvcGFjaXR5OwogIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoMCwgMTAwJSwgMCk7CiAgb3BhY2l0eTogMDsKfQouXzFodDM4aDA0IC5fMWh0MzhoMGUsIC5fMWh0MzhoMDUgLl8xaHQzOGgwZSB7CiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgwLCAwLCAwKTsKICBvcGFjaXR5OiAxOwp9Ci5fMWh0MzhoMDYgLl8xaHQzOGgwZSwgLl8xaHQzOGgwNyAuXzFodDM4aDBlIHsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDAsIDEwMCUsIDApICFpbXBvcnRhbnQ7CiAgb3BhY2l0eTogMCAhaW1wb3J0YW50Owp9';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var container = _7a468({defaultClassName:'dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 dhthxqc',variantClassNames:{transitionState:{'enter-active':'_1ht38h04','enter-done':'_1ht38h05','exit-active':'_1ht38h06','exit-done':'_1ht38h07'}},defaultVariants:{},compoundVariants:[]});\nexport var dim = '_1ht38h0d dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 dhthxqc dhthxqa dhthxq7 _1ht38h03';\nexport var enterActive = '_1ht38h04';\nexport var enterDone = '_1ht38h05';\nexport var exitActive = '_1ht38h06';\nexport var exitDone = '_1ht38h07';\nexport var paper = '_1ht38h0e dhthxqc _1ht38h03';\nexport var vars = {transitionDuration:'var(--_1ht38h00)',zIndexes:{dim:'var(--_1ht38h01)',paper:'var(--_1ht38h02)'}};", "import { useActions } from \"@stackflow/react\";\nimport { assignInlineVars } from \"@vanilla-extract/dynamic\";\nimport { useRef } from \"react\";\n\nimport type { GlobalVars } from \"../basicUIPlugin.css\";\nimport { globalVars } from \"../basicUIPlugin.css\";\nimport {\n  useLazy,\n  useNullableActivity,\n  useStyleEffect,\n  useZIndexBase,\n} from \"../hooks\";\nimport { compactMap } from \"../utils\";\nimport * as css from \"./Modal.css\";\n\nexport type ModalProps = Partial<\n  Pick<GlobalVars, \"backgroundColor\" | \"dimBackgroundColor\">\n> &\n  Partial<GlobalVars[\"modal\"]> & {\n    onOutsideClick?: React.MouseEventHandler;\n    children: React.ReactNode;\n  };\nconst Modal: React.FC<ModalProps> = ({\n  backgroundColor,\n  dimBackgroundColor,\n  borderRadius = \"1rem\",\n  onOutsideClick,\n  children,\n}) => {\n  const activity = useNullableActivity();\n  const { pop } = useActions();\n\n  const containerRef = useRef<HTMLDivElement>(null);\n  const paperRef = useRef<HTMLDivElement>(null);\n\n  useStyleEffect({\n    styleName: \"hide\",\n    refs: [containerRef],\n  });\n  useStyleEffect({\n    styleName: \"offset\",\n    refs: [paperRef],\n  });\n  useStyleEffect({\n    styleName: \"swipe-back\",\n    refs: [paperRef],\n  });\n\n  const popLock = useRef(false);\n\n  const onDimClick: React.MouseEventHandler = (e) => {\n    onOutsideClick?.(e);\n\n    if (e.defaultPrevented) {\n      return;\n    }\n\n    if (popLock.current) {\n      return;\n    }\n    popLock.current = true;\n\n    pop();\n  };\n  const onPaperClick: React.MouseEventHandler = (e) => {\n    e.stopPropagation();\n  };\n\n  const zIndexBase = useZIndexBase() + 3;\n  const zIndexPaper = useZIndexBase() + 4;\n  const transitionState = activity?.transitionState ?? \"enter-done\";\n\n  return (\n    <div\n      className={css.container({\n        transitionState: useLazy(transitionState),\n      })}\n      ref={containerRef}\n      style={assignInlineVars(\n        compactMap({\n          [globalVars.bottomSheet.borderRadius]: borderRadius,\n          [globalVars.backgroundColor]: backgroundColor,\n          [globalVars.dimBackgroundColor]: dimBackgroundColor,\n          [css.vars.zIndexes.dim]: `${zIndexBase}`,\n          [css.vars.zIndexes.paper]: `${zIndexPaper}`,\n          [css.vars.transitionDuration]:\n            transitionState === \"enter-active\" ||\n            transitionState === \"exit-active\"\n              ? globalVars.computedTransitionDuration\n              : \"0ms\",\n        }),\n      )}\n      data-stackflow-component-name=\"Modal\"\n      data-stackflow-activity-id={activity?.id}\n      data-stackflow-activity-is-active={activity?.isActive}\n    >\n      <div className={css.dim} ref={paperRef} onClick={onDimClick}>\n        <div className={css.paper} onClick={onPaperClick}>\n          {children}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nModal.displayName = \"Modal\";\n\nexport default Modal;\n", "import 'src/basicUIPlugin.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+3X0UrDMBQG4Ps9RcAbBVPaah1k+CQikjan7dnWnJqczqHs3WXD6c1m7SrIMNCLXvRPf8jJB4mekuc7M0/nsXibCCGlZ10syiW9yHbZVWhlrj0WskOZ62JROeqskQUtySlxUZblrCdlsDmQdFWuL+Nr8fFESXbVtxA7bT0ykpWmc3r7okTs+2IFNW3HYE7N67aVuXYyJ2fAHesfT3v7H1rol0p5fAUlknb901wNWNWsxE2UOWiGpcZ2btCe+H8syH6OXpqkSXo7PDq2PsOaTyzxFR297ycdxWPpsW1oBW77gRI1GgN2yCR4XYLUDrRE64ElU6tE3D/JOTFTI30NwPtj4LTBziuR7GZqM4n2tiXBtjO3LY6y4bql0fRveRtYIPgWfBvim3JE/GA06+9oqaGB+6JrwTFaegwUBgoDhYHCf0uhtsYRmgDhuUMY7rsBwYDgoftutrOtJbQMTsIKLHslLFmYTTbvJq/pt/ITAAA=';\nimport 'src/styles/f.css.ts.vanilla.css?source=LmRodGh4cTAgewogIHdpZHRoOiAxMDAlOwp9Ci5kaHRoeHExIHsKICBoZWlnaHQ6IDEwMCU7Cn0KLmRodGh4cTIgewogIHRvcDogMDsKfQouZGh0aHhxMyB7CiAgbGVmdDogMDsKfQouZGh0aHhxNCB7CiAgcG9zaXRpb246IGFic29sdXRlOwp9Ci5kaHRoeHE1IHsKICBwb3NpdGlvbjogcmVsYXRpdmU7Cn0KLmRodGh4cTcgewogIGRpc3BsYXk6IGZsZXg7Cn0KLmRodGh4cTggewogIGZsZXg6IDE7Cn0KLmRodGh4cTkgewogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0KLmRodGh4cWEgewogIGFsaWduLWl0ZW1zOiBmbGV4LWVuZDsKfQouZGh0aHhxYiB7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7Cn0KLmRodGh4cWMgewogIG92ZXJmbG93OiBoaWRkZW47Cn0KLmRodGh4cWQgewogIHdoaXRlLXNwYWNlOiBub3dyYXA7Cn0KLmRodGh4cWUgewogIHRleHQtYWxpZ246IGNlbnRlcjsKfQouZGh0aHhxZiB7CiAgY3Vyc29yOiBwb2ludGVyOwogIC13ZWJraXQtdGFwLWhpZ2hsaWdodC1jb2xvcjogdHJhbnNwYXJlbnQ7Cn0KLmRodGh4cWcgewogIGJveC1zaXppbmc6IGJvcmRlci1ib3g7Cn0KLmRodGh4cWggewogIGJveC1zaXppbmc6IGNvbnRlbnQtYm94Owp9Ci5kaHRoeHFpIHsKICBhcHBlYXJhbmNlOiBub25lOwogIGJvcmRlcjogMDsKICBwYWRkaW5nOiAwOwogIGJhY2tncm91bmQ6IG5vbmU7Cn0=';\nimport 'src/components/Modal.css.ts.vanilla.css?source=Ll81b3pnOGMzIHsKICB0cmFuc2l0aW9uOiB2YXIoLS1fNW96ZzhjMCk7Cn0KLl81b3pnOGM3IHsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDEwMCUsIDAsIDApOwp9Ci5fNW96ZzhjZCB7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc3RhY2tmbG93LXBsdWdpbi1iYXNpYy11aS1kaW0tYmFja2dyb3VuZC1jb2xvcik7CiAgei1pbmRleDogdmFyKC0tXzVvemc4YzEpOwogIG9wYWNpdHk6IDA7Cn0KLl81b3pnOGM0IC5fNW96ZzhjZCwgLl81b3pnOGM1IC5fNW96ZzhjZCB7CiAgb3BhY2l0eTogMTsKfQouXzVvemc4YzYgLl81b3pnOGNkLCAuXzVvemc4YzcgLl81b3pnOGNkIHsKICBvcGFjaXR5OiAwOwp9Ci5fNW96ZzhjZSB7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc3RhY2tmbG93LXBsdWdpbi1iYXNpYy11aS1iYWNrZ3JvdW5kLWNvbG9yKTsKICB3aWR0aDogMTAwJTsKICBtYXJnaW46IDAgMi41cmVtOwogIGJveC1zaGFkb3c6IDBweCAwLjYyNXJlbSAyLjM3NXJlbSByZ2JhKDAsIDAsIDAsIDAuMTUpLCAwcHggLjU2MjVyZW0gMi44NzVyZW0gcmdiYSgwLCAwLCAwLCAwLjEyKSwgMHB4IC4zMTI1cmVtIC45Mzc1cmVtIHJnYmEoMCwgMCwgMCwgMC4xKTsKICBib3JkZXItcmFkaXVzOiB2YXIoLS1zdGFja2Zsb3ctcGx1Z2luLWJhc2ljLXVpLWJvdHRvbS1zaGVldC1ib3JkZXItcmFkaXVzKTsKICB3aWxsLWNoYW5nZTogdHJhbnNmb3JtLCBvcGFjaXR5OwogIHRyYW5zZm9ybTogc2NhbGUoMS4xKTsKICBvcGFjaXR5OiAwOwp9Ci5fNW96ZzhjNCAuXzVvemc4Y2UsIC5fNW96ZzhjNSAuXzVvemc4Y2UgewogIHRyYW5zZm9ybTogc2NhbGUoMSk7CiAgb3BhY2l0eTogMTsKfQouXzVvemc4YzYgLl81b3pnOGNlLCAuXzVvemc4YzcgLl81b3pnOGNlIHsKICB0cmFuc2Zvcm06IHNjYWxlKDEuMSk7CiAgb3BhY2l0eTogMDsKfQ==';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var container = _7a468({defaultClassName:'dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 dhthxqc',variantClassNames:{transitionState:{'enter-active':'_5ozg8c4','enter-done':'_5ozg8c5','exit-active':'_5ozg8c6','exit-done':'_5ozg8c7'}},defaultVariants:{},compoundVariants:[]});\nexport var dim = '_5ozg8cd dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 dhthxqc dhthxq9 dhthxq7 dhthxqb _5ozg8c3';\nexport var enterActive = '_5ozg8c4';\nexport var enterDone = '_5ozg8c5';\nexport var exitActive = '_5ozg8c6';\nexport var exitDone = '_5ozg8c7';\nexport var paper = '_5ozg8ce dhthxqc _5ozg8c3';\nexport var vars = {transitionDuration:'var(--_5ozg8c0)',zIndexes:{dim:'var(--_5ozg8c1)',paper:'var(--_5ozg8c2)'}};"],
+  "mappings": "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",
+  "names": ["jsx", "jsx", "useActions", "assignInlineVars", "createContext", "useContext", "useRef", "useEffect", "useState", "useState", "useEffect", "useEffect", "useEffect", "useEffect", "refs", "refs", "refs", "_7a468", "_7a468", "_7a468", "_7a468", "assignInlineVars", "_7a468", "jsx", "jsxs", "backButton", "closeButton", "_a", "_b", "assignInlineVars", "jsx", "jsxs", "createContext", "useContext", "appBar", "useActions", "useRef", "_a", "assignInlineVars", "useActions", "assignInlineVars", "useRef", "_7a468", "container", "dim", "paper", "vars", "jsx", "useActions", "useRef", "container", "assignInlineVars", "vars", "dim", "paper", "useActions", "assignInlineVars", "useRef", "_7a468", "container", "dim", "paper", "vars", "jsx", "useActions", "useRef", "container", "assignInlineVars", "vars", "dim", "paper"]
 }

package/dist/utils/PropOf.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare type PropOf<T> = T extends React.ComponentType<infer U> ? U : never;
+export type PropOf<T> = T extends React.ComponentType<infer U> ? U : never;

package/dist/utils/RecursivePartial.d.ts

@@ -1,3 +1,3 @@
-export declare type RecursivePartial<K> = {
+export type RecursivePartial<K> = {
     [attr in keyof K]?: K[attr] extends object ? RecursivePartial<K[attr]> : K[attr];
 };

package/dist/utils/last.d.ts

@@ -1 +1 @@
-export declare const last: <T extends unknown>(arr: T[]) => T;
+export declare const last: <T>(arr: T[]) => T;