@seed-design/stackflow 0.0.1-alpha-20250210081704 → 0.0.1-rc.1

package/lib/components/AppBar/AppBar.d.ts

@@ -1,10 +1,10 @@
 import { type PrimitiveProps } from "@seed-design/react-primitive";
-import { type AppBarVariantProps } from "@seed-design/recipe/appBar";
+import { type AppBarVariantProps } from "@seed-design/css/recipes/app-bar";
 import { AppBar as AppBarPrimitive } from "../../primitive";
-import { type AppBarMainVariantProps } from "@seed-design/recipe/appBarMain";
+import { type AppBarMainVariantProps } from "@seed-design/css/recipes/app-bar-main";
 export declare const AppBarPropsProvider: ({ children, value }: {
     children: React.ReactNode;
-    value: Partial<import("@seed-design/recipe/appBar").AppBarVariant>;
+    value: Partial<import("@seed-design/css/recipes/app-bar").AppBarVariant>;
 }) => import("react/jsx-runtime").JSX.Element;
 export interface AppBarProps extends AppBarVariantProps, AppBarPrimitive.RootProps {
 }

package/lib/components/AppScreen/AppScreen.d.ts

@@ -1,8 +1,8 @@
-import { type AppScreenVariantProps } from "@seed-design/recipe/appScreen";
+import { type AppScreenVariantProps } from "@seed-design/css/recipes/app-screen";
 import { AppScreen as AppScreenPrimitive } from "../../primitive";
 export declare const AppScreenPropsProvider: ({ children, value }: {
     children: React.ReactNode;
-    value: Partial<import("@seed-design/recipe/appScreen").AppScreenVariant>;
+    value: Partial<import("@seed-design/css/recipes/app-screen").AppScreenVariant>;
 }) => import("react/jsx-runtime").JSX.Element;
 export interface AppScreenRootProps extends AppScreenVariantProps, AppScreenPrimitive.RootProps {
 }

package/lib/index.js

@@ -49,7 +49,7 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/components/AppScreen/AppScreen.tsx
-var import_appScreen = require("@seed-design/recipe/appScreen");
+var import_app_screen = require("@seed-design/css/recipes/app-screen");
 var import_react15 = require("react");
 
 // src/primitive/index.tsx
@@ -636,22 +636,22 @@ function createStyleContext(recipe) {
 var import_react_slot = require("@radix-ui/react-slot");
 var import_dom_utils6 = require("@seed-design/dom-utils");
 var import_react_primitive4 = require("@seed-design/react-primitive");
-var import_appBar = require("@seed-design/recipe/appBar");
+var import_app_bar = require("@seed-design/css/recipes/app-bar");
 var import_clsx2 = __toESM(require("clsx"));
 var import_react14 = require("react");
-var import_appBarMain = require("@seed-design/recipe/appBarMain");
+var import_app_bar_main = require("@seed-design/css/recipes/app-bar-main");
 var import_jsx_runtime5 = require("react/jsx-runtime");
-var { PropsProvider, ClassNamesProvider, useProps, withContext, useClassNames } = createStyleContext(import_appBar.appBar);
+var { PropsProvider, ClassNamesProvider, useProps, withContext, useClassNames } = createStyleContext(import_app_bar.appBar);
 var {
   PropsProvider: MainPropsProvider,
   withProvider: withMainProvider,
   withContext: withMainContext
-} = createStyleContext(import_appBarMain.appBarMain);
+} = createStyleContext(import_app_bar_main.appBarMain);
 var AppBarPropsProvider = PropsProvider;
 var AppBarRoot2 = (0, import_react14.forwardRef)((props, ref) => {
   const contextProps = useProps();
-  const [variantProps, otherProps] = import_appBar.appBar.splitVariantProps({ ...contextProps, ...props });
-  const classNames = (0, import_appBar.appBar)(variantProps);
+  const [variantProps, otherProps] = import_app_bar.appBar.splitVariantProps({ ...contextProps, ...props });
+  const classNames = (0, import_app_bar.appBar)(variantProps);
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ClassNamesProvider, { value: classNames, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
     MainPropsProvider,
     {
@@ -712,14 +712,14 @@ AppBarIconButton.displayName = "IconButton";
 // src/components/AppScreen/AppScreen.tsx
 var import_dom_utils7 = require("@seed-design/dom-utils");
 var import_jsx_runtime6 = require("react/jsx-runtime");
-var { ClassNamesProvider: ClassNamesProvider2, PropsProvider: PropsProvider2, withContext: withContext2, useProps: useProps2 } = createStyleContext(import_appScreen.appScreen);
+var { ClassNamesProvider: ClassNamesProvider2, PropsProvider: PropsProvider2, withContext: withContext2, useProps: useProps2 } = createStyleContext(import_app_screen.appScreen);
 var AppScreenPropsProvider = PropsProvider2;
 var AppScreenRoot2 = (0, import_react15.forwardRef)((props, ref) => {
   var _a;
   const contextProps = useProps2();
-  const [variantProps, otherProps] = import_appScreen.appScreen.splitVariantProps({ ...contextProps, ...props });
+  const [variantProps, otherProps] = import_app_screen.appScreen.splitVariantProps({ ...contextProps, ...props });
   const transitionStyle = (_a = variantProps.transitionStyle) != null ? _a : variantProps.theme === "cupertino" ? "slideFromRightIOS" : "fadeFromBottomAndroid";
-  const classNames = (0, import_appScreen.appScreen)({
+  const classNames = (0, import_app_screen.appScreen)({
     ...variantProps,
     transitionStyle
   });

package/lib/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/index.ts", "../src/components/AppScreen/AppScreen.tsx", "../src/primitive/index.tsx", "../src/primitive/AppScreen/AppScreen.tsx", "../src/primitive/AppScreen/useAppScreen.tsx", "../src/primitive/GlobalInteraction/useSwipeBack.ts", "../src/primitive/GlobalInteraction/useGlobalInteractionContext.tsx", "../src/primitive/AppScreen/useAppScreenContext.ts", "../src/primitive/AppScreen/AppScreen.namespace.ts", "../src/primitive/AppBar/AppBar.tsx", "../src/primitive/AppBar/useAppBar.tsx", "../src/primitive/private/useElementOffset.ts", "../src/primitive/AppBar/useAppBarContext.ts", "../src/primitive/AppBar/AppBar.namespace.ts", "../src/primitive/GlobalInteraction/GlobalInteraction.tsx", "../src/primitive/GlobalInteraction/useGlobalInteraction.ts", "../src/primitive/private/useTopActivity.ts", "../src/utils/createStyleContext.tsx", "../src/components/AppBar/AppBar.tsx", "../src/plugin.tsx", "../src/components/AppBar/AppBar.namespace.ts", "../src/components/AppScreen/AppScreen.namespace.ts"],
-  "sourcesContent": ["export { seedPlugin, type SeedPluginOptions } from \"./plugin\";\n\nexport * from \"./components\";\nexport * as Primitive from \"./primitive\";\n", "import { appScreen, type AppScreenVariantProps } from \"@seed-design/recipe/appScreen\";\nimport { forwardRef, useMemo } from \"react\";\nimport { AppScreen as AppScreenPrimitive } from \"../../primitive\";\nimport { createStyleContext } from \"../../utils/createStyleContext\";\nimport { AppBarPropsProvider } from \"../AppBar/AppBar\";\nimport { mergeProps } from \"@seed-design/dom-utils\";\n\nconst { ClassNamesProvider, PropsProvider, withContext, useProps } = createStyleContext(appScreen);\n\nexport const AppScreenPropsProvider = PropsProvider;\n\nexport interface AppScreenRootProps extends AppScreenVariantProps, AppScreenPrimitive.RootProps {}\n\nexport const AppScreenRoot = forwardRef<HTMLDivElement, AppScreenRootProps>((props, ref) => {\n  const contextProps = useProps();\n  const [variantProps, otherProps] = appScreen.splitVariantProps({ ...contextProps, ...props });\n\n  // TODO: we have to implement conditional default in recipe; this is temporal workaround.\n  const transitionStyle =\n    variantProps.transitionStyle ??\n    (variantProps.theme === \"cupertino\" ? \"slideFromRightIOS\" : \"fadeFromBottomAndroid\");\n\n  const classNames = appScreen({\n    ...variantProps,\n    transitionStyle,\n  });\n\n  return (\n    <ClassNamesProvider value={classNames}>\n      <AppBarPropsProvider\n        value={useMemo(\n          () => ({ theme: variantProps.theme, transitionStyle }),\n          [variantProps.theme, transitionStyle],\n        )}\n      >\n        <AppScreenPrimitive.Root\n          ref={ref}\n          {...mergeProps({ className: classNames.root }, otherProps)}\n        />\n      </AppBarPropsProvider>\n    </ClassNamesProvider>\n  );\n});\nAppScreenRoot.displayName = \"AppScreenRoot\";\n\nexport interface AppScreenDimProps extends AppScreenPrimitive.DimProps {}\n\nexport const AppScreenDim = withContext<HTMLDivElement, AppScreenDimProps>(\n  AppScreenPrimitive.Dim,\n  \"dim\",\n);\n\nexport interface AppScreenEdgeProps extends AppScreenPrimitive.EdgeProps {}\n\nexport const AppScreenEdge = withContext<HTMLDivElement, AppScreenEdgeProps>(\n  AppScreenPrimitive.Edge,\n  \"edge\",\n);\n\nexport interface AppScreenLayerProps extends AppScreenPrimitive.LayerProps {}\n\nexport const AppScreenLayer = withContext<HTMLDivElement, AppScreenLayerProps>(\n  AppScreenPrimitive.Layer,\n  \"layer\",\n);\n", "export * from \"./AppScreen\";\nexport * from \"./AppBar\";\nexport * from \"./GlobalInteraction\";\n", "import { mergeProps } from \"@seed-design/dom-utils\";\nimport { Primitive, type PrimitiveProps } from \"@seed-design/react-primitive\";\nimport { forwardRef } from \"react\";\nimport { useAppScreen, type UseAppScreenProps } from \"./useAppScreen\";\nimport { AppScreenProvider, useAppScreenContext } from \"./useAppScreenContext\";\n\nexport interface AppScreenRootProps\n  extends PrimitiveProps,\n    UseAppScreenProps,\n    React.HTMLAttributes<HTMLDivElement> {}\n\nexport const AppScreenRoot = forwardRef<HTMLDivElement, AppScreenRootProps>((props, ref) => {\n  const {\n    swipeBackDisplacementRatioThreshold,\n    swipeBackVelocityThreshold,\n    onSwipeBackEnd,\n    onSwipeBackMove,\n    onSwipeBackStart,\n    ...otherProps\n  } = props;\n  const api = useAppScreen({\n    swipeBackDisplacementRatioThreshold,\n    swipeBackVelocityThreshold,\n    onSwipeBackEnd,\n    onSwipeBackMove,\n    onSwipeBackStart,\n  });\n\n  return (\n    <AppScreenProvider value={api}>\n      <Primitive.div\n        ref={ref}\n        data-stackflow-component-name=\"AppScreen\"\n        {...mergeProps(api.activityProps, otherProps)}\n      />\n    </AppScreenProvider>\n  );\n});\nAppScreenRoot.displayName = \"AppScreenRoot\";\n\nexport interface AppScreenDimProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {}\n\nexport const AppScreenDim = forwardRef<HTMLDivElement, AppScreenDimProps>((props, ref) => {\n  const { dimProps } = useAppScreenContext();\n\n  return <Primitive.div ref={ref} {...mergeProps(dimProps, props)} />;\n});\nAppScreenDim.displayName = \"AppScreenDim\";\n\nexport interface AppScreenEdgeProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {}\n\nexport const AppScreenEdge = forwardRef<HTMLDivElement, AppScreenEdgeProps>((props, ref) => {\n  const { edgeProps } = useAppScreenContext();\n\n  return <Primitive.div ref={ref} {...mergeProps(edgeProps, props)} />;\n});\nAppScreenEdge.displayName = \"AppScreenEdge\";\n\nexport interface AppScreenLayerProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {}\n\nexport const AppScreenLayer = forwardRef<HTMLDivElement, AppScreenLayerProps>((props, ref) => {\n  const { layerProps } = useAppScreenContext();\n\n  return <Primitive.div ref={ref} {...mergeProps(layerProps, props)} />;\n});\nAppScreenLayer.displayName = \"AppScreenLayer\";\n", "import { dataAttr, elementProps } from \"@seed-design/dom-utils\";\nimport { useNullableActivity, useZIndexBase } from \"@stackflow/react-ui-core\";\nimport { useMemo } from \"react\";\nimport { type UseSwipeBackProps, useSwipeBack } from \"../GlobalInteraction/useSwipeBack\";\n\nexport interface UseAppScreenProps extends UseSwipeBackProps {}\n\nexport type UseAppScreenReturn = ReturnType<typeof useAppScreen>;\n\nexport function useAppScreen(props: UseAppScreenProps) {\n  const activity = useNullableActivity();\n\n  const transitionState = activity?.transitionState ?? \"enter-done\";\n\n  const { activityProps, layerProps, edgeProps } = useSwipeBack(props);\n\n  const zIndexBase = useZIndexBase();\n  const zIndexStyle = useMemo(\n    () =>\n      ({\n        \"--z-index-base\": zIndexBase.toString(),\n      }) as React.CSSProperties,\n    [zIndexBase],\n  );\n\n  const stateProps = useMemo(\n    () => ({\n      \"data-activity-is-top\": dataAttr(activity?.isTop),\n      \"data-activity-is-active\": dataAttr(activity?.isActive),\n      \"data-transition-state\": transitionState,\n    }),\n    [transitionState, activity?.isActive, activity?.isTop],\n  ) as React.HTMLAttributes<HTMLElement>;\n\n  return useMemo(\n    () => ({\n      activity,\n      stateProps,\n      activityProps: elementProps({\n        \"data-part\": \"activity\",\n        \"data-activity-type\": \"full-screen\",\n        ...activityProps,\n        ...stateProps,\n        \"data-activity-id\": activity?.id,\n        style: zIndexStyle,\n        // FIXME: @stackflow/react should prevent activity.id hydration mismatch; this is temporal fix.\n        suppressHydrationWarning: true,\n      }),\n      dimProps: elementProps({\n        \"data-part\": \"dim\",\n        ...stateProps,\n      }),\n      layerProps: elementProps({\n        \"data-part\": \"layer\",\n        ...stateProps,\n        ...layerProps,\n      }),\n      edgeProps: elementProps({\n        \"data-part\": \"edge\",\n        \"aria-hidden\": true,\n        tabIndex: -1,\n        ...edgeProps,\n        ...stateProps,\n      }),\n    }),\n    [activity, zIndexStyle, stateProps, activityProps, edgeProps, layerProps],\n  );\n}\n", "import { useEffect, useMemo } from \"react\";\nimport type { SwipeBackProps } from \"./useGlobalInteraction\";\nimport { useGlobalInteractionContext } from \"./useGlobalInteractionContext\";\n\nexport interface UseSwipeBackProps extends SwipeBackProps {}\n\nexport function useSwipeBack(props: UseSwipeBackProps) {\n  const globalInteraction = useGlobalInteractionContext();\n  const events = globalInteraction.getSwipeBackEvents(props);\n\n  useEffect(() => {\n    return () => {\n      events.reset();\n    };\n  }, [events]);\n\n  return useMemo(\n    () => ({\n      activityProps: {\n        \"data-swipe-back\": \"\",\n      } as React.HTMLAttributes<HTMLDivElement>,\n      layerProps: {\n        onTransitionEnd: (e) => {\n          if (e.target === e.currentTarget) {\n            events.reset();\n          }\n        },\n        onAnimationEnd: (e) => {\n          if (e.target === e.currentTarget) {\n            events.reset();\n          }\n        },\n      } as React.HTMLAttributes<HTMLDivElement>,\n      edgeProps: {\n        tabIndex: -1,\n        onTouchStart: (e) => {\n          const x0 = e.touches[0].clientX;\n          const t0 = Date.now();\n          events.startSwipeBack({ x0, t0 });\n        },\n        onTouchMove: (e) => {\n          const x = e.touches[0].clientX;\n          const t = Date.now();\n          events.moveSwipeBack({ x, t });\n        },\n        onTouchEnd: () => {\n          events.endSwipeBack({});\n        },\n        onTouchCancel: () => {\n          events.endSwipeBack({});\n        },\n      } as React.HTMLAttributes<HTMLElement>,\n    }),\n    [events],\n  );\n}\n", "import { createContext, useContext } from \"react\";\nimport type { UseGlobalInteractionReturn } from \"./useGlobalInteraction\";\n\nexport interface UseGlobalInteractionContext extends UseGlobalInteractionReturn {}\n\nconst GlobalInteractionContext = createContext<UseGlobalInteractionContext | null>(null);\n\nexport const GlobalInteractionProvider = GlobalInteractionContext.Provider;\n\nexport function useGlobalInteractionContext<T extends boolean | undefined = true>({\n  strict = true,\n}: { strict?: T } = {}): T extends false\n  ? UseGlobalInteractionContext | null\n  : UseGlobalInteractionContext {\n  const context = useContext(GlobalInteractionContext);\n  if (!context && strict) {\n    throw new Error(\"useGlobalInteractionContext must be used within a GlobalInteractionProvider\");\n  }\n\n  return context as UseGlobalInteractionContext;\n}\n", "import { createContext, useContext } from \"react\";\nimport type { UseAppScreenReturn } from \"./useAppScreen\";\n\nexport interface UseAppScreenContext extends UseAppScreenReturn {}\n\nconst AppScreenContext = createContext<UseAppScreenContext | null>(null);\n\nexport const AppScreenProvider = AppScreenContext.Provider;\n\nexport function useAppScreenContext<T extends boolean | undefined = true>({\n  strict = true,\n}: { strict?: T } = {}): T extends false ? UseAppScreenContext | null : UseAppScreenContext {\n  const context = useContext(AppScreenContext);\n  if (!context && strict) {\n    throw new Error(\"useAppScreenContext must be used within a AppScreen\");\n  }\n\n  return context as UseAppScreenContext;\n}\n", "export {\n  AppScreenDim as Dim,\n  AppScreenEdge as Edge,\n  AppScreenLayer as Layer,\n  AppScreenRoot as Root,\n  type AppScreenDimProps as DimProps,\n  type AppScreenEdgeProps as EdgeProps,\n  type AppScreenLayerProps as LayerProps,\n  type AppScreenRootProps as RootProps,\n} from \"./AppScreen\";\n", "import { Primitive, type PrimitiveProps } from \"@seed-design/react-primitive\";\nimport { forwardRef } from \"react\";\nimport { useAppBar, type UseAppBarProps } from \"./useAppBar\";\nimport { AppBarProvider, useAppBarContext } from \"./useAppBarContext\";\nimport { mergeProps } from \"@seed-design/dom-utils\";\nimport { composeRefs } from \"@radix-ui/react-compose-refs\";\n\nexport interface AppBarRootProps\n  extends PrimitiveProps,\n    UseAppBarProps,\n    React.HTMLAttributes<HTMLDivElement> {}\n\nexport const AppBarRoot = forwardRef<HTMLDivElement, AppBarRootProps>((props, ref) => {\n  const { ...otherProps } = props;\n  const api = useAppBar({});\n\n  return (\n    <AppBarProvider value={api}>\n      <Primitive.div\n        ref={composeRefs(api.refs.root, ref)}\n        {...mergeProps(api.rootProps, otherProps)}\n      />\n    </AppBarProvider>\n  );\n});\nAppBarRoot.displayName = \"AppBarRoot\";\n\nexport interface AppBarLeftProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {}\n\nexport const AppBarLeft = forwardRef<HTMLDivElement, AppBarLeftProps>((props, ref) => {\n  const { refs, stateProps } = useAppBarContext();\n\n  return <Primitive.div ref={composeRefs(refs.left, ref)} {...mergeProps(stateProps, props)} />;\n});\nAppBarLeft.displayName = \"AppBarLeft\";\n\nexport interface AppBarRightProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {}\n\nexport const AppBarRight = forwardRef<HTMLDivElement, AppBarRightProps>((props, ref) => {\n  const { refs, stateProps } = useAppBarContext();\n\n  return <Primitive.div ref={composeRefs(refs.right, ref)} {...mergeProps(stateProps, props)} />;\n});\nAppBarRight.displayName = \"AppBarRight\";\n\nexport interface AppBarMainProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {}\n\nexport const AppBarMain = forwardRef<HTMLDivElement, AppBarMainProps>((props, ref) => {\n  const { stateProps } = useAppBarContext();\n\n  return <Primitive.div ref={ref} {...mergeProps(stateProps, props)} />;\n});\n", "import { elementProps } from \"@seed-design/dom-utils\";\nimport { useMemo, useState } from \"react\";\nimport { useAppScreenContext } from \"../AppScreen\";\nimport { useElementOffset } from \"../private/useElementOffset\";\n\n// biome-ignore lint/suspicious/noEmptyInterface: intentionally empty for future extension\nexport interface UseAppBarProps {}\n\nexport type UseAppBarReturn = ReturnType<typeof useAppBar>;\n\nexport function useAppBar(_props: UseAppBarProps) {\n  const { stateProps } = useAppScreenContext();\n\n  const [root, rootRef] = useState<HTMLElement | null>(null);\n  const [left, leftRef] = useState<HTMLElement | null>(null);\n  const [right, rightRef] = useState<HTMLElement | null>(null);\n\n  const leftOffset = useElementOffset(left);\n  const rightOffset = useElementOffset(right);\n  const centeredTitlePaddingX = root\n    ? `${Math.max(leftOffset?.fromLeft ?? 0, rightOffset?.fromRight ?? 0)}px`\n    : \"initial\";\n\n  return useMemo(\n    () => ({\n      refs: {\n        root: rootRef,\n        left: leftRef,\n        right: rightRef,\n      },\n      stateProps,\n      rootProps: elementProps({\n        \"data-part\": \"appBar\",\n        ...stateProps,\n        style: {\n          \"--centered-title-padding-x\": centeredTitlePaddingX,\n        } as React.CSSProperties,\n      }),\n    }),\n    [stateProps, centeredTitlePaddingX],\n  );\n}\n", "import * as React from \"react\";\n\nconst useLayoutEffect = typeof window !== \"undefined\" ? React.useLayoutEffect : React.useEffect;\n\nexport function useElementOffset(element: HTMLElement | null) {\n  const [offset, setOffset] = React.useState<{ fromLeft: number; fromRight: number } | undefined>(\n    undefined,\n  );\n\n  useLayoutEffect(() => {\n    if (!element) {\n      setOffset(undefined);\n      return;\n    }\n\n    if (element) {\n      // provide as early as possible\n      setOffset({\n        fromLeft: element.offsetLeft + element.offsetWidth,\n        fromRight: (element.offsetParent ?? document.body).clientWidth - element.offsetLeft,\n      });\n\n      const resizeObserver = new ResizeObserver(() => {\n        const fromLeft = element.offsetLeft + element.offsetWidth;\n        const fromRight = (element.offsetParent ?? document.body).clientWidth - element.offsetLeft;\n\n        setOffset({ fromLeft, fromRight });\n      });\n\n      resizeObserver.observe(element);\n\n      return () => resizeObserver.unobserve(element);\n    }\n  }, [element]);\n\n  return offset;\n}\n", "import { createContext, useContext } from \"react\";\nimport type { UseAppBarReturn } from \"./useAppBar\";\n\nexport interface UseAppBarContext extends UseAppBarReturn {}\n\nconst AppBarContext = createContext<UseAppBarContext | null>(null);\n\nexport const AppBarProvider = AppBarContext.Provider;\n\nexport function useAppBarContext<T extends boolean | undefined = true>({\n  strict = true,\n}: { strict?: T } = {}): T extends false ? UseAppBarContext | null : UseAppBarContext {\n  const context = useContext(AppBarContext);\n  if (!context && strict) {\n    throw new Error(\"useAppBarContext must be used within a AppBar\");\n  }\n\n  return context as UseAppBarContext;\n}\n", "export {\n  AppBarRoot as Root,\n  AppBarMain as Main,\n  AppBarLeft as Left,\n  AppBarRight as Right,\n  type AppBarRootProps as RootProps,\n  type AppBarMainProps as MainProps,\n  type AppBarLeftProps as LeftProps,\n  type AppBarRightProps as RightProps,\n} from \"./AppBar\";\n", "import { composeRefs } from \"@radix-ui/react-compose-refs\";\nimport { mergeProps } from \"@seed-design/dom-utils\";\nimport { Primitive, type PrimitiveProps } from \"@seed-design/react-primitive\";\nimport { forwardRef } from \"react\";\nimport { useGlobalInteraction } from \"./useGlobalInteraction\";\nimport { GlobalInteractionProvider } from \"./useGlobalInteractionContext\";\n\nexport interface GlobalInteractionProps\n  extends PrimitiveProps,\n    React.HTMLAttributes<HTMLDivElement> {}\n\nexport const GlobalInteraction = forwardRef<HTMLDivElement, GlobalInteractionProps>(\n  (props, ref) => {\n    const api = useGlobalInteraction();\n    return (\n      <GlobalInteractionProvider value={api}>\n        <Primitive.div\n          ref={composeRefs(api.stackRef, ref)}\n          {...mergeProps(api.stackProps, props)}\n        />\n      </GlobalInteractionProvider>\n    );\n  },\n);\nGlobalInteraction.displayName = \"GlobalInteraction\";\n", "import { useCallbackRef } from \"@radix-ui/react-use-callback-ref\";\nimport { useCallback, useMemo, useRef, useState } from \"react\";\nimport { useTopActivity } from \"../private/useTopActivity\";\n\nexport type SwipeBackState = \"idle\" | \"swiping\" | \"transitioning\";\n\nexport type UseGlobalInteractionReturn = ReturnType<typeof useGlobalInteraction>;\n\nexport interface SwipeBackContext {\n  x0: number;\n  t0: number;\n  displacement: number;\n  displacementRatio: number;\n  velocity: number;\n}\n\nexport interface SwipeBackProps {\n  /**\n   * The threshold to determine whether the swipe back is intentional.\n   * @default 0.4\n   */\n  swipeBackDisplacementRatioThreshold?: number;\n\n  /**\n   * The threshold to determine whether the swipe back is intentional.\n   * @default 1\n   */\n  swipeBackVelocityThreshold?: number;\n\n  onSwipeBackStart?: () => void;\n  onSwipeBackMove?: (props: { displacement: number; displacementRatio: number }) => void;\n  onSwipeBackEnd?: (props: { swiped: boolean }) => void;\n}\n\nexport interface StartSwipeBackProps {\n  x0: number;\n  t0: number;\n}\n\nexport interface MoveSwipeBackProps {\n  x: number;\n  t: number;\n}\n\n// biome-ignore lint/suspicious/noEmptyInterface: intentionally empty for future extension\nexport interface EndSwipeBackProps {}\n\nexport function useGlobalInteraction() {\n  const [swipeBackState, setSwipeBackState] = useState<SwipeBackState>(\"idle\");\n\n  const swipeBackContextRef = useRef<SwipeBackContext>({\n    x0: 0,\n    t0: 0,\n    displacement: 0,\n    displacementRatio: 0,\n    velocity: 0,\n  });\n  const stackRef = useRef<HTMLDivElement>(null);\n\n  const setSwipeBackContext = useCallback((ctx: SwipeBackContext) => {\n    swipeBackContextRef.current = ctx;\n    stackRef.current?.style.setProperty(\n      \"--swipe-back-displacement\",\n      `${ctx.displacement.toString()}px`,\n    );\n    stackRef.current?.style.setProperty(\n      \"--swipe-back-displacement-ratio\",\n      ctx.displacementRatio.toString(),\n    );\n  }, []);\n\n  const getSwipeBackEvents = useCallback(\n    (props: SwipeBackProps) => {\n      const {\n        swipeBackDisplacementRatioThreshold: displacementRatioThreshold = 0.4,\n        swipeBackVelocityThreshold: velocityThreshold = 1,\n      } = props;\n      const onSwipeStart = useCallbackRef(props.onSwipeBackStart);\n      const onSwipeMove = useCallbackRef(props.onSwipeBackMove);\n      const onSwipeEnd = useCallbackRef(props.onSwipeBackEnd);\n\n      const startSwipeBack = useCallback(\n        ({ x0, t0 }: StartSwipeBackProps) => {\n          setSwipeBackContext({\n            x0,\n            t0,\n            displacement: 0,\n            displacementRatio: 0,\n            velocity: 0,\n          });\n          setSwipeBackState(\"swiping\");\n\n          onSwipeStart?.();\n        },\n        [onSwipeStart],\n      );\n\n      const moveSwipeBack = useCallback(\n        ({ x, t }: MoveSwipeBackProps) => {\n          const displacement = x - swipeBackContextRef.current.x0;\n          const displacementRatio = displacement / window.innerWidth;\n          const velocity = displacement / (t - swipeBackContextRef.current.t0);\n          setSwipeBackContext({\n            ...swipeBackContextRef.current,\n            displacement,\n            displacementRatio,\n            velocity,\n          });\n          setSwipeBackState(\"swiping\");\n\n          onSwipeMove?.({ displacement, displacementRatio });\n        },\n        [onSwipeMove],\n      );\n\n      const endSwipeBack = useCallback(\n        (_: EndSwipeBackProps) => {\n          const swiped =\n            swipeBackContextRef.current.displacementRatio > displacementRatioThreshold ||\n            swipeBackContextRef.current.velocity > velocityThreshold;\n\n          // we intentionally do not reset context here, so that the displacement can be used for exit animation\n          setSwipeBackState(\"transitioning\");\n\n          onSwipeEnd?.({ swiped });\n        },\n        [onSwipeEnd, displacementRatioThreshold, velocityThreshold],\n      );\n\n      const reset = useCallback(() => {\n        setSwipeBackContext({\n          x0: 0,\n          t0: 0,\n          displacement: 0,\n          displacementRatio: 0,\n          velocity: 0,\n        });\n        setSwipeBackState(\"idle\");\n      }, []);\n\n      return useMemo(\n        () => ({\n          startSwipeBack,\n          moveSwipeBack,\n          endSwipeBack,\n          reset,\n        }),\n        [startSwipeBack, moveSwipeBack, endSwipeBack, reset],\n      );\n    },\n    [setSwipeBackContext],\n  );\n\n  const topActivity = useTopActivity();\n\n  const stackProps = useMemo(\n    () => ({\n      \"data-swipe-back-state\": swipeBackState,\n      \"data-global-transition-state\": topActivity.transitionState,\n      \"data-top-activity-type\": topActivity.activityType,\n    }),\n    [swipeBackState, topActivity.transitionState, topActivity.activityType],\n  ) as React.HTMLAttributes<HTMLElement>;\n\n  return useMemo(\n    () => ({\n      stackRef,\n      swipeBackContextRef,\n      swipeBackState,\n      setSwipeBackState,\n      setSwipeBackContext,\n      getSwipeBackEvents,\n\n      stackProps,\n    }),\n    [swipeBackState, setSwipeBackContext, getSwipeBackEvents, stackProps],\n  );\n}\n", "import { useStack } from \"@stackflow/react\";\nimport { useEffect, useState } from \"react\";\n\nexport function useTopActivity() {\n  const stack = useStack();\n  if (!stack) {\n    throw new Error(\n      \"useStack is not available in the context. Make sure you are using @stackflow/react >= 1.4.1. (https://github.com/daangn/stackflow/blob/main/integrations/react/CHANGELOG.md#141)\",\n    );\n  }\n\n  const topId = stack.activities.find((activity) => activity.isTop)?.id;\n  const topActivity = stack.activities.find((activity) => activity.isTop);\n  const transitionState = topActivity?.transitionState ?? \"enter-done\";\n\n  // TODO: There should be a better way to handle this. We should not rely on the DOM element to get the activity type.\n  const [topEl, setTopEl] = useState<HTMLElement | null>(null);\n  const activityType = topEl?.dataset[\"activityType\"];\n\n  useEffect(() => {\n    if (!topId) return;\n\n    const el = document.querySelector<HTMLElement>(`[data-activity-id=\"${topId}\"]`);\n    setTopEl(el);\n  }, [topId]);\n\n  return {\n    transitionState,\n    activityType,\n  };\n}\n", "import clsx from \"clsx\";\nimport { createContext, forwardRef, useContext } from \"react\";\n\ntype Recipe<\n  Props extends Record<string, string | boolean | undefined>,\n  Classnames extends Record<string, string>,\n> = ((props?: Props) => Classnames) & {\n  splitVariantProps: <T extends Props>(props: T) => [Props, Omit<T, keyof Props>];\n};\n\nexport function createStyleContext<\n  Props extends Record<string, string | boolean | undefined>,\n  Classnames extends Record<string, string>,\n>(recipe: Recipe<Props, Classnames>) {\n  const ClassNamesContext = createContext<Classnames | null>(null);\n  const PropsContext = createContext<Props | null>(null);\n\n  const ClassNamesProvider = ({\n    children,\n    value,\n  }: { children: React.ReactNode; value: Classnames }) => {\n    return <ClassNamesContext.Provider value={value}>{children}</ClassNamesContext.Provider>;\n  };\n\n  const PropsProvider = ({ children, value }: { children: React.ReactNode; value: Props }) => {\n    return <PropsContext.Provider value={value}>{children}</PropsContext.Provider>;\n  };\n\n  function useClassNames() {\n    const context = useContext(ClassNamesContext);\n    if (context === null) {\n      throw new Error(\n        \"useClassNames must be used within a ClassNamesProvider. Did you forget to wrap your component in a ClassNamesProvider?\",\n      );\n    }\n\n    return context;\n  }\n\n  function useProps() {\n    return useContext(PropsContext);\n  }\n\n  const withRootProvider = <P,>(\n    Component: React.ElementType<any>,\n    options?: {\n      defaultProps?: Partial<P>;\n    },\n  ): React.ForwardRefExoticComponent<React.PropsWithoutRef<P>> => {\n    const { defaultProps } = options ?? {};\n\n    const StyledComponent = (innerProps: any) => {\n      const props = { ...(defaultProps ?? {}), ...useProps(), ...innerProps } as Props &\n        React.HTMLAttributes<HTMLElement>;\n      const [variantProps, otherProps] = recipe.splitVariantProps(props);\n      const classNames = recipe(variantProps); // TODO: should we memoize this?\n\n      return (\n        <ClassNamesProvider value={classNames}>\n          <Component {...otherProps} />\n        </ClassNamesProvider>\n      );\n    };\n\n    // @ts-ignore\n    StyledComponent.displayName = Component.displayName || Component.name;\n\n    return StyledComponent as any;\n  };\n\n  const withProvider = <T, P>(\n    Component: React.ElementType<any>,\n    slot: keyof Classnames,\n    options?: {\n      defaultProps?: Partial<P>;\n    },\n  ): React.ForwardRefExoticComponent<React.PropsWithoutRef<P> & React.RefAttributes<T>> => {\n    const { defaultProps } = options ?? {};\n\n    const StyledComponent = forwardRef<any, any>((innerProps, ref) => {\n      const props = { ...(defaultProps ?? {}), ...useProps(), ...innerProps } as Props &\n        React.HTMLAttributes<HTMLElement>;\n      const [variantProps, otherProps] = recipe.splitVariantProps(props);\n      const classNames = recipe(variantProps); // TODO: should we memoize this?\n      const className = classNames[slot as keyof typeof classNames];\n\n      return (\n        <ClassNamesProvider value={classNames}>\n          <Component ref={ref} {...otherProps} className={clsx(className, props.className)} />\n        </ClassNamesProvider>\n      );\n    });\n\n    // @ts-ignore\n    StyledComponent.displayName = Component.displayName || Component.name;\n\n    return StyledComponent as any;\n  };\n\n  const withContext = <T, P>(\n    Component: React.ElementType<any>,\n    slot?: keyof Classnames,\n  ): React.ForwardRefExoticComponent<React.PropsWithoutRef<P> & React.RefAttributes<T>> => {\n    const StyledComponent = forwardRef<any, React.HTMLAttributes<HTMLElement>>((props, ref) => {\n      const classNames = useClassNames();\n      const className = classNames?.[slot as keyof typeof classNames];\n\n      return <Component ref={ref} {...props} className={clsx(className, props.className)} />;\n    });\n\n    // @ts-ignore\n    StyledComponent.displayName = Component.displayName || Component.name;\n    return StyledComponent as any;\n  };\n\n  return {\n    ClassNamesProvider,\n    PropsProvider,\n    useClassNames,\n    useProps,\n    withRootProvider,\n    withProvider,\n    withContext,\n  };\n}\n", "import { Slot } from \"@radix-ui/react-slot\";\nimport { mergeProps } from \"@seed-design/dom-utils\";\nimport { Primitive, type PrimitiveProps } from \"@seed-design/react-primitive\";\nimport { type AppBarVariantProps, appBar } from \"@seed-design/recipe/appBar\";\nimport clsx from \"clsx\";\nimport { forwardRef } from \"react\";\nimport { AppBar as AppBarPrimitive } from \"../../primitive\";\nimport { useAppBarContext } from \"../../primitive/AppBar/useAppBarContext\";\nimport { createStyleContext } from \"../../utils/createStyleContext\";\nimport { appBarMain, type AppBarMainVariantProps } from \"@seed-design/recipe/appBarMain\";\n\nconst { PropsProvider, ClassNamesProvider, useProps, withContext, useClassNames } =\n  createStyleContext(appBar);\nconst {\n  PropsProvider: MainPropsProvider,\n  withProvider: withMainProvider,\n  withContext: withMainContext,\n} = createStyleContext(appBarMain);\n\nexport const AppBarPropsProvider = PropsProvider;\n\nexport interface AppBarProps extends AppBarVariantProps, AppBarPrimitive.RootProps {}\n\nexport const AppBarRoot = forwardRef<HTMLDivElement, AppBarProps>((props, ref) => {\n  const contextProps = useProps();\n  const [variantProps, otherProps] = appBar.splitVariantProps({ ...contextProps, ...props });\n\n  const classNames = appBar(variantProps);\n\n  return (\n    <ClassNamesProvider value={classNames}>\n      <MainPropsProvider\n        value={{\n          theme: variantProps.theme,\n          transitionStyle: variantProps.transitionStyle,\n          tone: variantProps.tone,\n        }}\n      >\n        <AppBarPrimitive.Root\n          ref={ref}\n          {...mergeProps({ className: classNames.root }, otherProps)}\n        />\n      </MainPropsProvider>\n    </ClassNamesProvider>\n  );\n});\nAppBarRoot.displayName = \"AppBarRoot\";\n\nexport interface AppBarLeftProps extends AppBarPrimitive.LeftProps {}\n\nexport const AppBarLeft = withContext<HTMLDivElement, AppBarLeftProps>(\n  AppBarPrimitive.Left,\n  \"left\",\n);\n\nexport interface AppBarRightProps extends AppBarPrimitive.RightProps {}\n\nexport const AppBarRight = withContext<HTMLDivElement, AppBarRightProps>(\n  AppBarPrimitive.Right,\n  \"right\",\n);\n\nexport interface AppBarMainProps extends AppBarMainVariantProps, AppBarPrimitive.MainProps {}\n\nexport const AppBarMain = withMainProvider<HTMLDivElement, AppBarMainProps>(\n  AppBarPrimitive.Main,\n  \"root\",\n);\n\nexport interface AppBarTitleProps extends PrimitiveProps, React.HTMLAttributes<HTMLSpanElement> {}\n\nexport const AppBarTitle = withMainContext<HTMLSpanElement, AppBarTitleProps>(\n  Primitive.span,\n  \"title\",\n);\n\nexport interface AppBarSubtitleProps\n  extends PrimitiveProps,\n    React.HTMLAttributes<HTMLSpanElement> {}\n\nexport const AppBarSubtitle = withMainContext<HTMLSpanElement, AppBarSubtitleProps>(\n  Primitive.span,\n  \"subtitle\",\n);\n\nexport interface AppBarIconButtonProps\n  extends PrimitiveProps,\n    React.ButtonHTMLAttributes<HTMLButtonElement> {}\n\nexport const AppBarIconButton = forwardRef<HTMLButtonElement, AppBarIconButtonProps>(\n  ({ children, className, ...otherProps }, ref) => {\n    const { stateProps } = useAppBarContext();\n    const classNames = useClassNames();\n\n    return (\n      <Primitive.button\n        ref={ref}\n        type=\"button\"\n        className={clsx(classNames.iconButton, className)}\n        {...mergeProps(stateProps, otherProps)}\n      >\n        <Slot className={classNames.icon} {...stateProps}>\n          {children}\n        </Slot>\n      </Primitive.button>\n    );\n  },\n);\nAppBarIconButton.displayName = \"IconButton\";\n", "import type { StackflowReactPlugin } from \"@stackflow/react\";\nimport { AppScreenPropsProvider } from \"./components/AppScreen/AppScreen\";\nimport { GlobalInteraction } from \"./primitive\";\n\nexport interface SeedPluginOptions {\n  theme: \"android\" | \"cupertino\";\n}\n\nexport const seedPlugin =\n  (options: SeedPluginOptions): StackflowReactPlugin =>\n  () => ({\n    key: \"seed-design\",\n    wrapStack({ stack }) {\n      return (\n        <AppScreenPropsProvider value={options}>\n          <GlobalInteraction>{stack.render()}</GlobalInteraction>\n        </AppScreenPropsProvider>\n      );\n    },\n  });\n", "export {\n  AppBarIconButton as IconButton,\n  AppBarLeft as Left,\n  AppBarMain as Main,\n  AppBarRight as Right,\n  AppBarRoot as Root,\n  AppBarSubtitle as Subtitle,\n  AppBarTitle as Title,\n} from \"./AppBar\";\n\nexport type {\n  AppBarIconButtonProps as IconButtonProps,\n  AppBarLeftProps as LeftProps,\n  AppBarMainProps as MainProps,\n  AppBarRightProps as RightProps,\n  AppBarProps as RootProps,\n  AppBarSubtitleProps as SubtitleProps,\n  AppBarTitleProps as TitleProps,\n} from \"./AppBar\";\n", "export {\n  AppScreenDim as Dim,\n  AppScreenEdge as Edge,\n  AppScreenLayer as Layer,\n  AppScreenRoot as Root,\n} from \"./AppScreen\";\n\nexport type {\n  AppScreenDimProps as DimProps,\n  AppScreenEdgeProps as EdgeProps,\n  AppScreenLayerProps as LayerProps,\n  AppScreenRootProps as RootProps,\n} from \"./AppScreen\";\n"],
-  "mappings": "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",
+  "sourcesContent": ["export { seedPlugin, type SeedPluginOptions } from \"./plugin\";\n\nexport * from \"./components\";\nexport * as Primitive from \"./primitive\";\n", "import { appScreen, type AppScreenVariantProps } from \"@seed-design/css/recipes/app-screen\";\nimport { forwardRef, useMemo } from \"react\";\nimport { AppScreen as AppScreenPrimitive } from \"../../primitive\";\nimport { createStyleContext } from \"../../utils/createStyleContext\";\nimport { AppBarPropsProvider } from \"../AppBar/AppBar\";\nimport { mergeProps } from \"@seed-design/dom-utils\";\n\nconst { ClassNamesProvider, PropsProvider, withContext, useProps } = createStyleContext(appScreen);\n\nexport const AppScreenPropsProvider = PropsProvider;\n\nexport interface AppScreenRootProps extends AppScreenVariantProps, AppScreenPrimitive.RootProps {}\n\nexport const AppScreenRoot = forwardRef<HTMLDivElement, AppScreenRootProps>((props, ref) => {\n  const contextProps = useProps();\n  const [variantProps, otherProps] = appScreen.splitVariantProps({ ...contextProps, ...props });\n\n  // TODO: we have to implement conditional default in recipe; this is temporal workaround.\n  const transitionStyle =\n    variantProps.transitionStyle ??\n    (variantProps.theme === \"cupertino\" ? \"slideFromRightIOS\" : \"fadeFromBottomAndroid\");\n\n  const classNames = appScreen({\n    ...variantProps,\n    transitionStyle,\n  });\n\n  return (\n    <ClassNamesProvider value={classNames}>\n      <AppBarPropsProvider\n        value={useMemo(\n          () => ({ theme: variantProps.theme, transitionStyle }),\n          [variantProps.theme, transitionStyle],\n        )}\n      >\n        <AppScreenPrimitive.Root\n          ref={ref}\n          {...mergeProps({ className: classNames.root }, otherProps)}\n        />\n      </AppBarPropsProvider>\n    </ClassNamesProvider>\n  );\n});\nAppScreenRoot.displayName = \"AppScreenRoot\";\n\nexport interface AppScreenDimProps extends AppScreenPrimitive.DimProps {}\n\nexport const AppScreenDim = withContext<HTMLDivElement, AppScreenDimProps>(\n  AppScreenPrimitive.Dim,\n  \"dim\",\n);\n\nexport interface AppScreenEdgeProps extends AppScreenPrimitive.EdgeProps {}\n\nexport const AppScreenEdge = withContext<HTMLDivElement, AppScreenEdgeProps>(\n  AppScreenPrimitive.Edge,\n  \"edge\",\n);\n\nexport interface AppScreenLayerProps extends AppScreenPrimitive.LayerProps {}\n\nexport const AppScreenLayer = withContext<HTMLDivElement, AppScreenLayerProps>(\n  AppScreenPrimitive.Layer,\n  \"layer\",\n);\n", "export * from \"./AppScreen\";\nexport * from \"./AppBar\";\nexport * from \"./GlobalInteraction\";\n", "import { mergeProps } from \"@seed-design/dom-utils\";\nimport { Primitive, type PrimitiveProps } from \"@seed-design/react-primitive\";\nimport { forwardRef } from \"react\";\nimport { useAppScreen, type UseAppScreenProps } from \"./useAppScreen\";\nimport { AppScreenProvider, useAppScreenContext } from \"./useAppScreenContext\";\n\nexport interface AppScreenRootProps\n  extends PrimitiveProps,\n    UseAppScreenProps,\n    React.HTMLAttributes<HTMLDivElement> {}\n\nexport const AppScreenRoot = forwardRef<HTMLDivElement, AppScreenRootProps>((props, ref) => {\n  const {\n    swipeBackDisplacementRatioThreshold,\n    swipeBackVelocityThreshold,\n    onSwipeBackEnd,\n    onSwipeBackMove,\n    onSwipeBackStart,\n    ...otherProps\n  } = props;\n  const api = useAppScreen({\n    swipeBackDisplacementRatioThreshold,\n    swipeBackVelocityThreshold,\n    onSwipeBackEnd,\n    onSwipeBackMove,\n    onSwipeBackStart,\n  });\n\n  return (\n    <AppScreenProvider value={api}>\n      <Primitive.div\n        ref={ref}\n        data-stackflow-component-name=\"AppScreen\"\n        {...mergeProps(api.activityProps, otherProps)}\n      />\n    </AppScreenProvider>\n  );\n});\nAppScreenRoot.displayName = \"AppScreenRoot\";\n\nexport interface AppScreenDimProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {}\n\nexport const AppScreenDim = forwardRef<HTMLDivElement, AppScreenDimProps>((props, ref) => {\n  const { dimProps } = useAppScreenContext();\n\n  return <Primitive.div ref={ref} {...mergeProps(dimProps, props)} />;\n});\nAppScreenDim.displayName = \"AppScreenDim\";\n\nexport interface AppScreenEdgeProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {}\n\nexport const AppScreenEdge = forwardRef<HTMLDivElement, AppScreenEdgeProps>((props, ref) => {\n  const { edgeProps } = useAppScreenContext();\n\n  return <Primitive.div ref={ref} {...mergeProps(edgeProps, props)} />;\n});\nAppScreenEdge.displayName = \"AppScreenEdge\";\n\nexport interface AppScreenLayerProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {}\n\nexport const AppScreenLayer = forwardRef<HTMLDivElement, AppScreenLayerProps>((props, ref) => {\n  const { layerProps } = useAppScreenContext();\n\n  return <Primitive.div ref={ref} {...mergeProps(layerProps, props)} />;\n});\nAppScreenLayer.displayName = \"AppScreenLayer\";\n", "import { dataAttr, elementProps } from \"@seed-design/dom-utils\";\nimport { useNullableActivity, useZIndexBase } from \"@stackflow/react-ui-core\";\nimport { useMemo } from \"react\";\nimport { type UseSwipeBackProps, useSwipeBack } from \"../GlobalInteraction/useSwipeBack\";\n\nexport interface UseAppScreenProps extends UseSwipeBackProps {}\n\nexport type UseAppScreenReturn = ReturnType<typeof useAppScreen>;\n\nexport function useAppScreen(props: UseAppScreenProps) {\n  const activity = useNullableActivity();\n\n  const transitionState = activity?.transitionState ?? \"enter-done\";\n\n  const { activityProps, layerProps, edgeProps } = useSwipeBack(props);\n\n  const zIndexBase = useZIndexBase();\n  const zIndexStyle = useMemo(\n    () =>\n      ({\n        \"--z-index-base\": zIndexBase.toString(),\n      }) as React.CSSProperties,\n    [zIndexBase],\n  );\n\n  const stateProps = useMemo(\n    () => ({\n      \"data-activity-is-top\": dataAttr(activity?.isTop),\n      \"data-activity-is-active\": dataAttr(activity?.isActive),\n      \"data-transition-state\": transitionState,\n    }),\n    [transitionState, activity?.isActive, activity?.isTop],\n  ) as React.HTMLAttributes<HTMLElement>;\n\n  return useMemo(\n    () => ({\n      activity,\n      stateProps,\n      activityProps: elementProps({\n        \"data-part\": \"activity\",\n        \"data-activity-type\": \"full-screen\",\n        ...activityProps,\n        ...stateProps,\n        \"data-activity-id\": activity?.id,\n        style: zIndexStyle,\n        // FIXME: @stackflow/react should prevent activity.id hydration mismatch; this is temporal fix.\n        suppressHydrationWarning: true,\n      }),\n      dimProps: elementProps({\n        \"data-part\": \"dim\",\n        ...stateProps,\n      }),\n      layerProps: elementProps({\n        \"data-part\": \"layer\",\n        ...stateProps,\n        ...layerProps,\n      }),\n      edgeProps: elementProps({\n        \"data-part\": \"edge\",\n        \"aria-hidden\": true,\n        tabIndex: -1,\n        ...edgeProps,\n        ...stateProps,\n      }),\n    }),\n    [activity, zIndexStyle, stateProps, activityProps, edgeProps, layerProps],\n  );\n}\n", "import { useEffect, useMemo } from \"react\";\nimport type { SwipeBackProps } from \"./useGlobalInteraction\";\nimport { useGlobalInteractionContext } from \"./useGlobalInteractionContext\";\n\nexport interface UseSwipeBackProps extends SwipeBackProps {}\n\nexport function useSwipeBack(props: UseSwipeBackProps) {\n  const globalInteraction = useGlobalInteractionContext();\n  const events = globalInteraction.getSwipeBackEvents(props);\n\n  useEffect(() => {\n    return () => {\n      events.reset();\n    };\n  }, [events]);\n\n  return useMemo(\n    () => ({\n      activityProps: {\n        \"data-swipe-back\": \"\",\n      } as React.HTMLAttributes<HTMLDivElement>,\n      layerProps: {\n        onTransitionEnd: (e) => {\n          if (e.target === e.currentTarget) {\n            events.reset();\n          }\n        },\n        onAnimationEnd: (e) => {\n          if (e.target === e.currentTarget) {\n            events.reset();\n          }\n        },\n      } as React.HTMLAttributes<HTMLDivElement>,\n      edgeProps: {\n        tabIndex: -1,\n        onTouchStart: (e) => {\n          const x0 = e.touches[0].clientX;\n          const t0 = Date.now();\n          events.startSwipeBack({ x0, t0 });\n        },\n        onTouchMove: (e) => {\n          const x = e.touches[0].clientX;\n          const t = Date.now();\n          events.moveSwipeBack({ x, t });\n        },\n        onTouchEnd: () => {\n          events.endSwipeBack({});\n        },\n        onTouchCancel: () => {\n          events.endSwipeBack({});\n        },\n      } as React.HTMLAttributes<HTMLElement>,\n    }),\n    [events],\n  );\n}\n", "import { createContext, useContext } from \"react\";\nimport type { UseGlobalInteractionReturn } from \"./useGlobalInteraction\";\n\nexport interface UseGlobalInteractionContext extends UseGlobalInteractionReturn {}\n\nconst GlobalInteractionContext = createContext<UseGlobalInteractionContext | null>(null);\n\nexport const GlobalInteractionProvider = GlobalInteractionContext.Provider;\n\nexport function useGlobalInteractionContext<T extends boolean | undefined = true>({\n  strict = true,\n}: { strict?: T } = {}): T extends false\n  ? UseGlobalInteractionContext | null\n  : UseGlobalInteractionContext {\n  const context = useContext(GlobalInteractionContext);\n  if (!context && strict) {\n    throw new Error(\"useGlobalInteractionContext must be used within a GlobalInteractionProvider\");\n  }\n\n  return context as UseGlobalInteractionContext;\n}\n", "import { createContext, useContext } from \"react\";\nimport type { UseAppScreenReturn } from \"./useAppScreen\";\n\nexport interface UseAppScreenContext extends UseAppScreenReturn {}\n\nconst AppScreenContext = createContext<UseAppScreenContext | null>(null);\n\nexport const AppScreenProvider = AppScreenContext.Provider;\n\nexport function useAppScreenContext<T extends boolean | undefined = true>({\n  strict = true,\n}: { strict?: T } = {}): T extends false ? UseAppScreenContext | null : UseAppScreenContext {\n  const context = useContext(AppScreenContext);\n  if (!context && strict) {\n    throw new Error(\"useAppScreenContext must be used within a AppScreen\");\n  }\n\n  return context as UseAppScreenContext;\n}\n", "export {\n  AppScreenDim as Dim,\n  AppScreenEdge as Edge,\n  AppScreenLayer as Layer,\n  AppScreenRoot as Root,\n  type AppScreenDimProps as DimProps,\n  type AppScreenEdgeProps as EdgeProps,\n  type AppScreenLayerProps as LayerProps,\n  type AppScreenRootProps as RootProps,\n} from \"./AppScreen\";\n", "import { Primitive, type PrimitiveProps } from \"@seed-design/react-primitive\";\nimport { forwardRef } from \"react\";\nimport { useAppBar, type UseAppBarProps } from \"./useAppBar\";\nimport { AppBarProvider, useAppBarContext } from \"./useAppBarContext\";\nimport { mergeProps } from \"@seed-design/dom-utils\";\nimport { composeRefs } from \"@radix-ui/react-compose-refs\";\n\nexport interface AppBarRootProps\n  extends PrimitiveProps,\n    UseAppBarProps,\n    React.HTMLAttributes<HTMLDivElement> {}\n\nexport const AppBarRoot = forwardRef<HTMLDivElement, AppBarRootProps>((props, ref) => {\n  const { ...otherProps } = props;\n  const api = useAppBar({});\n\n  return (\n    <AppBarProvider value={api}>\n      <Primitive.div\n        ref={composeRefs(api.refs.root, ref)}\n        {...mergeProps(api.rootProps, otherProps)}\n      />\n    </AppBarProvider>\n  );\n});\nAppBarRoot.displayName = \"AppBarRoot\";\n\nexport interface AppBarLeftProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {}\n\nexport const AppBarLeft = forwardRef<HTMLDivElement, AppBarLeftProps>((props, ref) => {\n  const { refs, stateProps } = useAppBarContext();\n\n  return <Primitive.div ref={composeRefs(refs.left, ref)} {...mergeProps(stateProps, props)} />;\n});\nAppBarLeft.displayName = \"AppBarLeft\";\n\nexport interface AppBarRightProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {}\n\nexport const AppBarRight = forwardRef<HTMLDivElement, AppBarRightProps>((props, ref) => {\n  const { refs, stateProps } = useAppBarContext();\n\n  return <Primitive.div ref={composeRefs(refs.right, ref)} {...mergeProps(stateProps, props)} />;\n});\nAppBarRight.displayName = \"AppBarRight\";\n\nexport interface AppBarMainProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {}\n\nexport const AppBarMain = forwardRef<HTMLDivElement, AppBarMainProps>((props, ref) => {\n  const { stateProps } = useAppBarContext();\n\n  return <Primitive.div ref={ref} {...mergeProps(stateProps, props)} />;\n});\n", "import { elementProps } from \"@seed-design/dom-utils\";\nimport { useMemo, useState } from \"react\";\nimport { useAppScreenContext } from \"../AppScreen\";\nimport { useElementOffset } from \"../private/useElementOffset\";\n\n// biome-ignore lint/suspicious/noEmptyInterface: intentionally empty for future extension\nexport interface UseAppBarProps {}\n\nexport type UseAppBarReturn = ReturnType<typeof useAppBar>;\n\nexport function useAppBar(_props: UseAppBarProps) {\n  const { stateProps } = useAppScreenContext();\n\n  const [root, rootRef] = useState<HTMLElement | null>(null);\n  const [left, leftRef] = useState<HTMLElement | null>(null);\n  const [right, rightRef] = useState<HTMLElement | null>(null);\n\n  const leftOffset = useElementOffset(left);\n  const rightOffset = useElementOffset(right);\n  const centeredTitlePaddingX = root\n    ? `${Math.max(leftOffset?.fromLeft ?? 0, rightOffset?.fromRight ?? 0)}px`\n    : \"initial\";\n\n  return useMemo(\n    () => ({\n      refs: {\n        root: rootRef,\n        left: leftRef,\n        right: rightRef,\n      },\n      stateProps,\n      rootProps: elementProps({\n        \"data-part\": \"appBar\",\n        ...stateProps,\n        style: {\n          \"--centered-title-padding-x\": centeredTitlePaddingX,\n        } as React.CSSProperties,\n      }),\n    }),\n    [stateProps, centeredTitlePaddingX],\n  );\n}\n", "import * as React from \"react\";\n\nconst useLayoutEffect = typeof window !== \"undefined\" ? React.useLayoutEffect : React.useEffect;\n\nexport function useElementOffset(element: HTMLElement | null) {\n  const [offset, setOffset] = React.useState<{ fromLeft: number; fromRight: number } | undefined>(\n    undefined,\n  );\n\n  useLayoutEffect(() => {\n    if (!element) {\n      setOffset(undefined);\n      return;\n    }\n\n    if (element) {\n      // provide as early as possible\n      setOffset({\n        fromLeft: element.offsetLeft + element.offsetWidth,\n        fromRight: (element.offsetParent ?? document.body).clientWidth - element.offsetLeft,\n      });\n\n      const resizeObserver = new ResizeObserver(() => {\n        const fromLeft = element.offsetLeft + element.offsetWidth;\n        const fromRight = (element.offsetParent ?? document.body).clientWidth - element.offsetLeft;\n\n        setOffset({ fromLeft, fromRight });\n      });\n\n      resizeObserver.observe(element);\n\n      return () => resizeObserver.unobserve(element);\n    }\n  }, [element]);\n\n  return offset;\n}\n", "import { createContext, useContext } from \"react\";\nimport type { UseAppBarReturn } from \"./useAppBar\";\n\nexport interface UseAppBarContext extends UseAppBarReturn {}\n\nconst AppBarContext = createContext<UseAppBarContext | null>(null);\n\nexport const AppBarProvider = AppBarContext.Provider;\n\nexport function useAppBarContext<T extends boolean | undefined = true>({\n  strict = true,\n}: { strict?: T } = {}): T extends false ? UseAppBarContext | null : UseAppBarContext {\n  const context = useContext(AppBarContext);\n  if (!context && strict) {\n    throw new Error(\"useAppBarContext must be used within a AppBar\");\n  }\n\n  return context as UseAppBarContext;\n}\n", "export {\n  AppBarRoot as Root,\n  AppBarMain as Main,\n  AppBarLeft as Left,\n  AppBarRight as Right,\n  type AppBarRootProps as RootProps,\n  type AppBarMainProps as MainProps,\n  type AppBarLeftProps as LeftProps,\n  type AppBarRightProps as RightProps,\n} from \"./AppBar\";\n", "import { composeRefs } from \"@radix-ui/react-compose-refs\";\nimport { mergeProps } from \"@seed-design/dom-utils\";\nimport { Primitive, type PrimitiveProps } from \"@seed-design/react-primitive\";\nimport { forwardRef } from \"react\";\nimport { useGlobalInteraction } from \"./useGlobalInteraction\";\nimport { GlobalInteractionProvider } from \"./useGlobalInteractionContext\";\n\nexport interface GlobalInteractionProps\n  extends PrimitiveProps,\n    React.HTMLAttributes<HTMLDivElement> {}\n\nexport const GlobalInteraction = forwardRef<HTMLDivElement, GlobalInteractionProps>(\n  (props, ref) => {\n    const api = useGlobalInteraction();\n    return (\n      <GlobalInteractionProvider value={api}>\n        <Primitive.div\n          ref={composeRefs(api.stackRef, ref)}\n          {...mergeProps(api.stackProps, props)}\n        />\n      </GlobalInteractionProvider>\n    );\n  },\n);\nGlobalInteraction.displayName = \"GlobalInteraction\";\n", "import { useCallbackRef } from \"@radix-ui/react-use-callback-ref\";\nimport { useCallback, useMemo, useRef, useState } from \"react\";\nimport { useTopActivity } from \"../private/useTopActivity\";\n\nexport type SwipeBackState = \"idle\" | \"swiping\" | \"transitioning\";\n\nexport type UseGlobalInteractionReturn = ReturnType<typeof useGlobalInteraction>;\n\nexport interface SwipeBackContext {\n  x0: number;\n  t0: number;\n  displacement: number;\n  displacementRatio: number;\n  velocity: number;\n}\n\nexport interface SwipeBackProps {\n  /**\n   * The threshold to determine whether the swipe back is intentional.\n   * @default 0.4\n   */\n  swipeBackDisplacementRatioThreshold?: number;\n\n  /**\n   * The threshold to determine whether the swipe back is intentional.\n   * @default 1\n   */\n  swipeBackVelocityThreshold?: number;\n\n  onSwipeBackStart?: () => void;\n  onSwipeBackMove?: (props: { displacement: number; displacementRatio: number }) => void;\n  onSwipeBackEnd?: (props: { swiped: boolean }) => void;\n}\n\nexport interface StartSwipeBackProps {\n  x0: number;\n  t0: number;\n}\n\nexport interface MoveSwipeBackProps {\n  x: number;\n  t: number;\n}\n\n// biome-ignore lint/suspicious/noEmptyInterface: intentionally empty for future extension\nexport interface EndSwipeBackProps {}\n\nexport function useGlobalInteraction() {\n  const [swipeBackState, setSwipeBackState] = useState<SwipeBackState>(\"idle\");\n\n  const swipeBackContextRef = useRef<SwipeBackContext>({\n    x0: 0,\n    t0: 0,\n    displacement: 0,\n    displacementRatio: 0,\n    velocity: 0,\n  });\n  const stackRef = useRef<HTMLDivElement>(null);\n\n  const setSwipeBackContext = useCallback((ctx: SwipeBackContext) => {\n    swipeBackContextRef.current = ctx;\n    stackRef.current?.style.setProperty(\n      \"--swipe-back-displacement\",\n      `${ctx.displacement.toString()}px`,\n    );\n    stackRef.current?.style.setProperty(\n      \"--swipe-back-displacement-ratio\",\n      ctx.displacementRatio.toString(),\n    );\n  }, []);\n\n  const getSwipeBackEvents = useCallback(\n    (props: SwipeBackProps) => {\n      const {\n        swipeBackDisplacementRatioThreshold: displacementRatioThreshold = 0.4,\n        swipeBackVelocityThreshold: velocityThreshold = 1,\n      } = props;\n      const onSwipeStart = useCallbackRef(props.onSwipeBackStart);\n      const onSwipeMove = useCallbackRef(props.onSwipeBackMove);\n      const onSwipeEnd = useCallbackRef(props.onSwipeBackEnd);\n\n      const startSwipeBack = useCallback(\n        ({ x0, t0 }: StartSwipeBackProps) => {\n          setSwipeBackContext({\n            x0,\n            t0,\n            displacement: 0,\n            displacementRatio: 0,\n            velocity: 0,\n          });\n          setSwipeBackState(\"swiping\");\n\n          onSwipeStart?.();\n        },\n        [onSwipeStart],\n      );\n\n      const moveSwipeBack = useCallback(\n        ({ x, t }: MoveSwipeBackProps) => {\n          const displacement = x - swipeBackContextRef.current.x0;\n          const displacementRatio = displacement / window.innerWidth;\n          const velocity = displacement / (t - swipeBackContextRef.current.t0);\n          setSwipeBackContext({\n            ...swipeBackContextRef.current,\n            displacement,\n            displacementRatio,\n            velocity,\n          });\n          setSwipeBackState(\"swiping\");\n\n          onSwipeMove?.({ displacement, displacementRatio });\n        },\n        [onSwipeMove],\n      );\n\n      const endSwipeBack = useCallback(\n        (_: EndSwipeBackProps) => {\n          const swiped =\n            swipeBackContextRef.current.displacementRatio > displacementRatioThreshold ||\n            swipeBackContextRef.current.velocity > velocityThreshold;\n\n          // we intentionally do not reset context here, so that the displacement can be used for exit animation\n          setSwipeBackState(\"transitioning\");\n\n          onSwipeEnd?.({ swiped });\n        },\n        [onSwipeEnd, displacementRatioThreshold, velocityThreshold],\n      );\n\n      const reset = useCallback(() => {\n        setSwipeBackContext({\n          x0: 0,\n          t0: 0,\n          displacement: 0,\n          displacementRatio: 0,\n          velocity: 0,\n        });\n        setSwipeBackState(\"idle\");\n      }, []);\n\n      return useMemo(\n        () => ({\n          startSwipeBack,\n          moveSwipeBack,\n          endSwipeBack,\n          reset,\n        }),\n        [startSwipeBack, moveSwipeBack, endSwipeBack, reset],\n      );\n    },\n    [setSwipeBackContext],\n  );\n\n  const topActivity = useTopActivity();\n\n  const stackProps = useMemo(\n    () => ({\n      \"data-swipe-back-state\": swipeBackState,\n      \"data-global-transition-state\": topActivity.transitionState,\n      \"data-top-activity-type\": topActivity.activityType,\n    }),\n    [swipeBackState, topActivity.transitionState, topActivity.activityType],\n  ) as React.HTMLAttributes<HTMLElement>;\n\n  return useMemo(\n    () => ({\n      stackRef,\n      swipeBackContextRef,\n      swipeBackState,\n      setSwipeBackState,\n      setSwipeBackContext,\n      getSwipeBackEvents,\n\n      stackProps,\n    }),\n    [swipeBackState, setSwipeBackContext, getSwipeBackEvents, stackProps],\n  );\n}\n", "import { useStack } from \"@stackflow/react\";\nimport { useEffect, useState } from \"react\";\n\nexport function useTopActivity() {\n  const stack = useStack();\n  if (!stack) {\n    throw new Error(\n      \"useStack is not available in the context. Make sure you are using @stackflow/react >= 1.4.1. (https://github.com/daangn/stackflow/blob/main/integrations/react/CHANGELOG.md#141)\",\n    );\n  }\n\n  const topId = stack.activities.find((activity) => activity.isTop)?.id;\n  const topActivity = stack.activities.find((activity) => activity.isTop);\n  const transitionState = topActivity?.transitionState ?? \"enter-done\";\n\n  // TODO: There should be a better way to handle this. We should not rely on the DOM element to get the activity type.\n  const [topEl, setTopEl] = useState<HTMLElement | null>(null);\n  const activityType = topEl?.dataset[\"activityType\"];\n\n  useEffect(() => {\n    if (!topId) return;\n\n    const el = document.querySelector<HTMLElement>(`[data-activity-id=\"${topId}\"]`);\n    setTopEl(el);\n  }, [topId]);\n\n  return {\n    transitionState,\n    activityType,\n  };\n}\n", "import clsx from \"clsx\";\nimport { createContext, forwardRef, useContext } from \"react\";\n\ntype Recipe<\n  Props extends Record<string, string | boolean | undefined>,\n  Classnames extends Record<string, string>,\n> = ((props?: Props) => Classnames) & {\n  splitVariantProps: <T extends Props>(props: T) => [Props, Omit<T, keyof Props>];\n};\n\nexport function createStyleContext<\n  Props extends Record<string, string | boolean | undefined>,\n  Classnames extends Record<string, string>,\n>(recipe: Recipe<Props, Classnames>) {\n  const ClassNamesContext = createContext<Classnames | null>(null);\n  const PropsContext = createContext<Props | null>(null);\n\n  const ClassNamesProvider = ({\n    children,\n    value,\n  }: { children: React.ReactNode; value: Classnames }) => {\n    return <ClassNamesContext.Provider value={value}>{children}</ClassNamesContext.Provider>;\n  };\n\n  const PropsProvider = ({ children, value }: { children: React.ReactNode; value: Props }) => {\n    return <PropsContext.Provider value={value}>{children}</PropsContext.Provider>;\n  };\n\n  function useClassNames() {\n    const context = useContext(ClassNamesContext);\n    if (context === null) {\n      throw new Error(\n        \"useClassNames must be used within a ClassNamesProvider. Did you forget to wrap your component in a ClassNamesProvider?\",\n      );\n    }\n\n    return context;\n  }\n\n  function useProps() {\n    return useContext(PropsContext);\n  }\n\n  const withRootProvider = <P,>(\n    Component: React.ElementType<any>,\n    options?: {\n      defaultProps?: Partial<P>;\n    },\n  ): React.ForwardRefExoticComponent<React.PropsWithoutRef<P>> => {\n    const { defaultProps } = options ?? {};\n\n    const StyledComponent = (innerProps: any) => {\n      const props = { ...(defaultProps ?? {}), ...useProps(), ...innerProps } as Props &\n        React.HTMLAttributes<HTMLElement>;\n      const [variantProps, otherProps] = recipe.splitVariantProps(props);\n      const classNames = recipe(variantProps); // TODO: should we memoize this?\n\n      return (\n        <ClassNamesProvider value={classNames}>\n          <Component {...otherProps} />\n        </ClassNamesProvider>\n      );\n    };\n\n    // @ts-ignore\n    StyledComponent.displayName = Component.displayName || Component.name;\n\n    return StyledComponent as any;\n  };\n\n  const withProvider = <T, P>(\n    Component: React.ElementType<any>,\n    slot: keyof Classnames,\n    options?: {\n      defaultProps?: Partial<P>;\n    },\n  ): React.ForwardRefExoticComponent<React.PropsWithoutRef<P> & React.RefAttributes<T>> => {\n    const { defaultProps } = options ?? {};\n\n    const StyledComponent = forwardRef<any, any>((innerProps, ref) => {\n      const props = { ...(defaultProps ?? {}), ...useProps(), ...innerProps } as Props &\n        React.HTMLAttributes<HTMLElement>;\n      const [variantProps, otherProps] = recipe.splitVariantProps(props);\n      const classNames = recipe(variantProps); // TODO: should we memoize this?\n      const className = classNames[slot as keyof typeof classNames];\n\n      return (\n        <ClassNamesProvider value={classNames}>\n          <Component ref={ref} {...otherProps} className={clsx(className, props.className)} />\n        </ClassNamesProvider>\n      );\n    });\n\n    // @ts-ignore\n    StyledComponent.displayName = Component.displayName || Component.name;\n\n    return StyledComponent as any;\n  };\n\n  const withContext = <T, P>(\n    Component: React.ElementType<any>,\n    slot?: keyof Classnames,\n  ): React.ForwardRefExoticComponent<React.PropsWithoutRef<P> & React.RefAttributes<T>> => {\n    const StyledComponent = forwardRef<any, React.HTMLAttributes<HTMLElement>>((props, ref) => {\n      const classNames = useClassNames();\n      const className = classNames?.[slot as keyof typeof classNames];\n\n      return <Component ref={ref} {...props} className={clsx(className, props.className)} />;\n    });\n\n    // @ts-ignore\n    StyledComponent.displayName = Component.displayName || Component.name;\n    return StyledComponent as any;\n  };\n\n  return {\n    ClassNamesProvider,\n    PropsProvider,\n    useClassNames,\n    useProps,\n    withRootProvider,\n    withProvider,\n    withContext,\n  };\n}\n", "import { Slot } from \"@radix-ui/react-slot\";\nimport { mergeProps } from \"@seed-design/dom-utils\";\nimport { Primitive, type PrimitiveProps } from \"@seed-design/react-primitive\";\nimport { type AppBarVariantProps, appBar } from \"@seed-design/css/recipes/app-bar\";\nimport clsx from \"clsx\";\nimport { forwardRef } from \"react\";\nimport { AppBar as AppBarPrimitive } from \"../../primitive\";\nimport { useAppBarContext } from \"../../primitive/AppBar/useAppBarContext\";\nimport { createStyleContext } from \"../../utils/createStyleContext\";\nimport { appBarMain, type AppBarMainVariantProps } from \"@seed-design/css/recipes/app-bar-main\";\n\nconst { PropsProvider, ClassNamesProvider, useProps, withContext, useClassNames } =\n  createStyleContext(appBar);\nconst {\n  PropsProvider: MainPropsProvider,\n  withProvider: withMainProvider,\n  withContext: withMainContext,\n} = createStyleContext(appBarMain);\n\nexport const AppBarPropsProvider = PropsProvider;\n\nexport interface AppBarProps extends AppBarVariantProps, AppBarPrimitive.RootProps {}\n\nexport const AppBarRoot = forwardRef<HTMLDivElement, AppBarProps>((props, ref) => {\n  const contextProps = useProps();\n  const [variantProps, otherProps] = appBar.splitVariantProps({ ...contextProps, ...props });\n\n  const classNames = appBar(variantProps);\n\n  return (\n    <ClassNamesProvider value={classNames}>\n      <MainPropsProvider\n        value={{\n          theme: variantProps.theme,\n          transitionStyle: variantProps.transitionStyle,\n          tone: variantProps.tone,\n        }}\n      >\n        <AppBarPrimitive.Root\n          ref={ref}\n          {...mergeProps({ className: classNames.root }, otherProps)}\n        />\n      </MainPropsProvider>\n    </ClassNamesProvider>\n  );\n});\nAppBarRoot.displayName = \"AppBarRoot\";\n\nexport interface AppBarLeftProps extends AppBarPrimitive.LeftProps {}\n\nexport const AppBarLeft = withContext<HTMLDivElement, AppBarLeftProps>(\n  AppBarPrimitive.Left,\n  \"left\",\n);\n\nexport interface AppBarRightProps extends AppBarPrimitive.RightProps {}\n\nexport const AppBarRight = withContext<HTMLDivElement, AppBarRightProps>(\n  AppBarPrimitive.Right,\n  \"right\",\n);\n\nexport interface AppBarMainProps extends AppBarMainVariantProps, AppBarPrimitive.MainProps {}\n\nexport const AppBarMain = withMainProvider<HTMLDivElement, AppBarMainProps>(\n  AppBarPrimitive.Main,\n  \"root\",\n);\n\nexport interface AppBarTitleProps extends PrimitiveProps, React.HTMLAttributes<HTMLSpanElement> {}\n\nexport const AppBarTitle = withMainContext<HTMLSpanElement, AppBarTitleProps>(\n  Primitive.span,\n  \"title\",\n);\n\nexport interface AppBarSubtitleProps\n  extends PrimitiveProps,\n    React.HTMLAttributes<HTMLSpanElement> {}\n\nexport const AppBarSubtitle = withMainContext<HTMLSpanElement, AppBarSubtitleProps>(\n  Primitive.span,\n  \"subtitle\",\n);\n\nexport interface AppBarIconButtonProps\n  extends PrimitiveProps,\n    React.ButtonHTMLAttributes<HTMLButtonElement> {}\n\nexport const AppBarIconButton = forwardRef<HTMLButtonElement, AppBarIconButtonProps>(\n  ({ children, className, ...otherProps }, ref) => {\n    const { stateProps } = useAppBarContext();\n    const classNames = useClassNames();\n\n    return (\n      <Primitive.button\n        ref={ref}\n        type=\"button\"\n        className={clsx(classNames.iconButton, className)}\n        {...mergeProps(stateProps, otherProps)}\n      >\n        <Slot className={classNames.icon} {...stateProps}>\n          {children}\n        </Slot>\n      </Primitive.button>\n    );\n  },\n);\nAppBarIconButton.displayName = \"IconButton\";\n", "import type { StackflowReactPlugin } from \"@stackflow/react\";\nimport { AppScreenPropsProvider } from \"./components/AppScreen/AppScreen\";\nimport { GlobalInteraction } from \"./primitive\";\n\nexport interface SeedPluginOptions {\n  theme: \"android\" | \"cupertino\";\n}\n\nexport const seedPlugin =\n  (options: SeedPluginOptions): StackflowReactPlugin =>\n  () => ({\n    key: \"seed-design\",\n    wrapStack({ stack }) {\n      return (\n        <AppScreenPropsProvider value={options}>\n          <GlobalInteraction>{stack.render()}</GlobalInteraction>\n        </AppScreenPropsProvider>\n      );\n    },\n  });\n", "export {\n  AppBarIconButton as IconButton,\n  AppBarLeft as Left,\n  AppBarMain as Main,\n  AppBarRight as Right,\n  AppBarRoot as Root,\n  AppBarSubtitle as Subtitle,\n  AppBarTitle as Title,\n} from \"./AppBar\";\n\nexport type {\n  AppBarIconButtonProps as IconButtonProps,\n  AppBarLeftProps as LeftProps,\n  AppBarMainProps as MainProps,\n  AppBarRightProps as RightProps,\n  AppBarProps as RootProps,\n  AppBarSubtitleProps as SubtitleProps,\n  AppBarTitleProps as TitleProps,\n} from \"./AppBar\";\n", "export {\n  AppScreenDim as Dim,\n  AppScreenEdge as Edge,\n  AppScreenLayer as Layer,\n  AppScreenRoot as Root,\n} from \"./AppScreen\";\n\nexport type {\n  AppScreenDimProps as DimProps,\n  AppScreenEdgeProps as EdgeProps,\n  AppScreenLayerProps as LayerProps,\n  AppScreenRootProps as RootProps,\n} from \"./AppScreen\";\n"],
+  "mappings": "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",
   "names": ["AppBar_namespace_exports", "AppBarLeft", "AppBarMain", "AppBarRight", "AppBarRoot", "AppScreen_namespace_exports", "AppScreenDim", "AppScreenEdge", "AppScreenLayer", "AppScreenRoot", "import_react", "import_dom_utils", "import_react", "import_react", "import_react", "import_react", "import_react_primitive", "import_react", "import_dom_utils", "import_react", "useLayoutEffect", "_a", "import_react", "import_dom_utils", "import_jsx_runtime", "import_react_compose_refs", "import_dom_utils", "import_react_primitive", "import_react", "import_react", "import_react", "import_jsx_runtime", "import_react", "import_jsx_runtime", "ClassNamesProvider", "PropsProvider", "useClassNames", "useProps", "clsx", "withContext", "import_dom_utils", "import_react_primitive", "import_clsx", "import_react", "import_jsx_runtime", "AppBarRoot", "AppBarLeft", "AppBarRight", "AppBarMain", "clsx", "import_dom_utils", "import_jsx_runtime", "ClassNamesProvider", "PropsProvider", "withContext", "useProps", "AppScreenRoot", "AppScreenDim", "AppScreenEdge", "AppScreenLayer", "import_jsx_runtime", "AppBar_namespace_exports", "AppBarLeft", "AppBarMain", "AppBarRight", "AppBarRoot", "AppScreen_namespace_exports", "AppScreenDim", "AppScreenEdge", "AppScreenLayer", "AppScreenRoot"]
 }

package/lib/index.mjs

@@ -5,7 +5,7 @@ var __export = (target, all) => {
 };
 
 // src/components/AppScreen/AppScreen.tsx
-import { appScreen } from "@seed-design/recipe/appScreen";
+import { appScreen } from "@seed-design/css/recipes/app-screen";
 import { forwardRef as forwardRef6, useMemo as useMemo5 } from "react";
 
 // src/primitive/index.tsx
@@ -592,10 +592,10 @@ function createStyleContext(recipe) {
 import { Slot } from "@radix-ui/react-slot";
 import { mergeProps as mergeProps4 } from "@seed-design/dom-utils";
 import { Primitive as Primitive4 } from "@seed-design/react-primitive";
-import { appBar } from "@seed-design/recipe/appBar";
+import { appBar } from "@seed-design/css/recipes/app-bar";
 import clsx2 from "clsx";
 import { forwardRef as forwardRef5 } from "react";
-import { appBarMain } from "@seed-design/recipe/appBarMain";
+import { appBarMain } from "@seed-design/css/recipes/app-bar-main";
 import { jsx as jsx5 } from "react/jsx-runtime";
 var { PropsProvider, ClassNamesProvider, useProps, withContext, useClassNames } = createStyleContext(appBar);
 var {

package/lib/index.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/components/AppScreen/AppScreen.tsx", "../src/primitive/index.tsx", "../src/primitive/AppScreen/AppScreen.tsx", "../src/primitive/AppScreen/useAppScreen.tsx", "../src/primitive/GlobalInteraction/useSwipeBack.ts", "../src/primitive/GlobalInteraction/useGlobalInteractionContext.tsx", "../src/primitive/AppScreen/useAppScreenContext.ts", "../src/primitive/AppScreen/AppScreen.namespace.ts", "../src/primitive/AppBar/AppBar.tsx", "../src/primitive/AppBar/useAppBar.tsx", "../src/primitive/private/useElementOffset.ts", "../src/primitive/AppBar/useAppBarContext.ts", "../src/primitive/AppBar/AppBar.namespace.ts", "../src/primitive/GlobalInteraction/GlobalInteraction.tsx", "../src/primitive/GlobalInteraction/useGlobalInteraction.ts", "../src/primitive/private/useTopActivity.ts", "../src/utils/createStyleContext.tsx", "../src/components/AppBar/AppBar.tsx", "../src/plugin.tsx", "../src/components/AppBar/AppBar.namespace.ts", "../src/components/AppScreen/AppScreen.namespace.ts"],
-  "sourcesContent": ["import { appScreen, type AppScreenVariantProps } from \"@seed-design/recipe/appScreen\";\nimport { forwardRef, useMemo } from \"react\";\nimport { AppScreen as AppScreenPrimitive } from \"../../primitive\";\nimport { createStyleContext } from \"../../utils/createStyleContext\";\nimport { AppBarPropsProvider } from \"../AppBar/AppBar\";\nimport { mergeProps } from \"@seed-design/dom-utils\";\n\nconst { ClassNamesProvider, PropsProvider, withContext, useProps } = createStyleContext(appScreen);\n\nexport const AppScreenPropsProvider = PropsProvider;\n\nexport interface AppScreenRootProps extends AppScreenVariantProps, AppScreenPrimitive.RootProps {}\n\nexport const AppScreenRoot = forwardRef<HTMLDivElement, AppScreenRootProps>((props, ref) => {\n  const contextProps = useProps();\n  const [variantProps, otherProps] = appScreen.splitVariantProps({ ...contextProps, ...props });\n\n  // TODO: we have to implement conditional default in recipe; this is temporal workaround.\n  const transitionStyle =\n    variantProps.transitionStyle ??\n    (variantProps.theme === \"cupertino\" ? \"slideFromRightIOS\" : \"fadeFromBottomAndroid\");\n\n  const classNames = appScreen({\n    ...variantProps,\n    transitionStyle,\n  });\n\n  return (\n    <ClassNamesProvider value={classNames}>\n      <AppBarPropsProvider\n        value={useMemo(\n          () => ({ theme: variantProps.theme, transitionStyle }),\n          [variantProps.theme, transitionStyle],\n        )}\n      >\n        <AppScreenPrimitive.Root\n          ref={ref}\n          {...mergeProps({ className: classNames.root }, otherProps)}\n        />\n      </AppBarPropsProvider>\n    </ClassNamesProvider>\n  );\n});\nAppScreenRoot.displayName = \"AppScreenRoot\";\n\nexport interface AppScreenDimProps extends AppScreenPrimitive.DimProps {}\n\nexport const AppScreenDim = withContext<HTMLDivElement, AppScreenDimProps>(\n  AppScreenPrimitive.Dim,\n  \"dim\",\n);\n\nexport interface AppScreenEdgeProps extends AppScreenPrimitive.EdgeProps {}\n\nexport const AppScreenEdge = withContext<HTMLDivElement, AppScreenEdgeProps>(\n  AppScreenPrimitive.Edge,\n  \"edge\",\n);\n\nexport interface AppScreenLayerProps extends AppScreenPrimitive.LayerProps {}\n\nexport const AppScreenLayer = withContext<HTMLDivElement, AppScreenLayerProps>(\n  AppScreenPrimitive.Layer,\n  \"layer\",\n);\n", "export * from \"./AppScreen\";\nexport * from \"./AppBar\";\nexport * from \"./GlobalInteraction\";\n", "import { mergeProps } from \"@seed-design/dom-utils\";\nimport { Primitive, type PrimitiveProps } from \"@seed-design/react-primitive\";\nimport { forwardRef } from \"react\";\nimport { useAppScreen, type UseAppScreenProps } from \"./useAppScreen\";\nimport { AppScreenProvider, useAppScreenContext } from \"./useAppScreenContext\";\n\nexport interface AppScreenRootProps\n  extends PrimitiveProps,\n    UseAppScreenProps,\n    React.HTMLAttributes<HTMLDivElement> {}\n\nexport const AppScreenRoot = forwardRef<HTMLDivElement, AppScreenRootProps>((props, ref) => {\n  const {\n    swipeBackDisplacementRatioThreshold,\n    swipeBackVelocityThreshold,\n    onSwipeBackEnd,\n    onSwipeBackMove,\n    onSwipeBackStart,\n    ...otherProps\n  } = props;\n  const api = useAppScreen({\n    swipeBackDisplacementRatioThreshold,\n    swipeBackVelocityThreshold,\n    onSwipeBackEnd,\n    onSwipeBackMove,\n    onSwipeBackStart,\n  });\n\n  return (\n    <AppScreenProvider value={api}>\n      <Primitive.div\n        ref={ref}\n        data-stackflow-component-name=\"AppScreen\"\n        {...mergeProps(api.activityProps, otherProps)}\n      />\n    </AppScreenProvider>\n  );\n});\nAppScreenRoot.displayName = \"AppScreenRoot\";\n\nexport interface AppScreenDimProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {}\n\nexport const AppScreenDim = forwardRef<HTMLDivElement, AppScreenDimProps>((props, ref) => {\n  const { dimProps } = useAppScreenContext();\n\n  return <Primitive.div ref={ref} {...mergeProps(dimProps, props)} />;\n});\nAppScreenDim.displayName = \"AppScreenDim\";\n\nexport interface AppScreenEdgeProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {}\n\nexport const AppScreenEdge = forwardRef<HTMLDivElement, AppScreenEdgeProps>((props, ref) => {\n  const { edgeProps } = useAppScreenContext();\n\n  return <Primitive.div ref={ref} {...mergeProps(edgeProps, props)} />;\n});\nAppScreenEdge.displayName = \"AppScreenEdge\";\n\nexport interface AppScreenLayerProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {}\n\nexport const AppScreenLayer = forwardRef<HTMLDivElement, AppScreenLayerProps>((props, ref) => {\n  const { layerProps } = useAppScreenContext();\n\n  return <Primitive.div ref={ref} {...mergeProps(layerProps, props)} />;\n});\nAppScreenLayer.displayName = \"AppScreenLayer\";\n", "import { dataAttr, elementProps } from \"@seed-design/dom-utils\";\nimport { useNullableActivity, useZIndexBase } from \"@stackflow/react-ui-core\";\nimport { useMemo } from \"react\";\nimport { type UseSwipeBackProps, useSwipeBack } from \"../GlobalInteraction/useSwipeBack\";\n\nexport interface UseAppScreenProps extends UseSwipeBackProps {}\n\nexport type UseAppScreenReturn = ReturnType<typeof useAppScreen>;\n\nexport function useAppScreen(props: UseAppScreenProps) {\n  const activity = useNullableActivity();\n\n  const transitionState = activity?.transitionState ?? \"enter-done\";\n\n  const { activityProps, layerProps, edgeProps } = useSwipeBack(props);\n\n  const zIndexBase = useZIndexBase();\n  const zIndexStyle = useMemo(\n    () =>\n      ({\n        \"--z-index-base\": zIndexBase.toString(),\n      }) as React.CSSProperties,\n    [zIndexBase],\n  );\n\n  const stateProps = useMemo(\n    () => ({\n      \"data-activity-is-top\": dataAttr(activity?.isTop),\n      \"data-activity-is-active\": dataAttr(activity?.isActive),\n      \"data-transition-state\": transitionState,\n    }),\n    [transitionState, activity?.isActive, activity?.isTop],\n  ) as React.HTMLAttributes<HTMLElement>;\n\n  return useMemo(\n    () => ({\n      activity,\n      stateProps,\n      activityProps: elementProps({\n        \"data-part\": \"activity\",\n        \"data-activity-type\": \"full-screen\",\n        ...activityProps,\n        ...stateProps,\n        \"data-activity-id\": activity?.id,\n        style: zIndexStyle,\n        // FIXME: @stackflow/react should prevent activity.id hydration mismatch; this is temporal fix.\n        suppressHydrationWarning: true,\n      }),\n      dimProps: elementProps({\n        \"data-part\": \"dim\",\n        ...stateProps,\n      }),\n      layerProps: elementProps({\n        \"data-part\": \"layer\",\n        ...stateProps,\n        ...layerProps,\n      }),\n      edgeProps: elementProps({\n        \"data-part\": \"edge\",\n        \"aria-hidden\": true,\n        tabIndex: -1,\n        ...edgeProps,\n        ...stateProps,\n      }),\n    }),\n    [activity, zIndexStyle, stateProps, activityProps, edgeProps, layerProps],\n  );\n}\n", "import { useEffect, useMemo } from \"react\";\nimport type { SwipeBackProps } from \"./useGlobalInteraction\";\nimport { useGlobalInteractionContext } from \"./useGlobalInteractionContext\";\n\nexport interface UseSwipeBackProps extends SwipeBackProps {}\n\nexport function useSwipeBack(props: UseSwipeBackProps) {\n  const globalInteraction = useGlobalInteractionContext();\n  const events = globalInteraction.getSwipeBackEvents(props);\n\n  useEffect(() => {\n    return () => {\n      events.reset();\n    };\n  }, [events]);\n\n  return useMemo(\n    () => ({\n      activityProps: {\n        \"data-swipe-back\": \"\",\n      } as React.HTMLAttributes<HTMLDivElement>,\n      layerProps: {\n        onTransitionEnd: (e) => {\n          if (e.target === e.currentTarget) {\n            events.reset();\n          }\n        },\n        onAnimationEnd: (e) => {\n          if (e.target === e.currentTarget) {\n            events.reset();\n          }\n        },\n      } as React.HTMLAttributes<HTMLDivElement>,\n      edgeProps: {\n        tabIndex: -1,\n        onTouchStart: (e) => {\n          const x0 = e.touches[0].clientX;\n          const t0 = Date.now();\n          events.startSwipeBack({ x0, t0 });\n        },\n        onTouchMove: (e) => {\n          const x = e.touches[0].clientX;\n          const t = Date.now();\n          events.moveSwipeBack({ x, t });\n        },\n        onTouchEnd: () => {\n          events.endSwipeBack({});\n        },\n        onTouchCancel: () => {\n          events.endSwipeBack({});\n        },\n      } as React.HTMLAttributes<HTMLElement>,\n    }),\n    [events],\n  );\n}\n", "import { createContext, useContext } from \"react\";\nimport type { UseGlobalInteractionReturn } from \"./useGlobalInteraction\";\n\nexport interface UseGlobalInteractionContext extends UseGlobalInteractionReturn {}\n\nconst GlobalInteractionContext = createContext<UseGlobalInteractionContext | null>(null);\n\nexport const GlobalInteractionProvider = GlobalInteractionContext.Provider;\n\nexport function useGlobalInteractionContext<T extends boolean | undefined = true>({\n  strict = true,\n}: { strict?: T } = {}): T extends false\n  ? UseGlobalInteractionContext | null\n  : UseGlobalInteractionContext {\n  const context = useContext(GlobalInteractionContext);\n  if (!context && strict) {\n    throw new Error(\"useGlobalInteractionContext must be used within a GlobalInteractionProvider\");\n  }\n\n  return context as UseGlobalInteractionContext;\n}\n", "import { createContext, useContext } from \"react\";\nimport type { UseAppScreenReturn } from \"./useAppScreen\";\n\nexport interface UseAppScreenContext extends UseAppScreenReturn {}\n\nconst AppScreenContext = createContext<UseAppScreenContext | null>(null);\n\nexport const AppScreenProvider = AppScreenContext.Provider;\n\nexport function useAppScreenContext<T extends boolean | undefined = true>({\n  strict = true,\n}: { strict?: T } = {}): T extends false ? UseAppScreenContext | null : UseAppScreenContext {\n  const context = useContext(AppScreenContext);\n  if (!context && strict) {\n    throw new Error(\"useAppScreenContext must be used within a AppScreen\");\n  }\n\n  return context as UseAppScreenContext;\n}\n", "export {\n  AppScreenDim as Dim,\n  AppScreenEdge as Edge,\n  AppScreenLayer as Layer,\n  AppScreenRoot as Root,\n  type AppScreenDimProps as DimProps,\n  type AppScreenEdgeProps as EdgeProps,\n  type AppScreenLayerProps as LayerProps,\n  type AppScreenRootProps as RootProps,\n} from \"./AppScreen\";\n", "import { Primitive, type PrimitiveProps } from \"@seed-design/react-primitive\";\nimport { forwardRef } from \"react\";\nimport { useAppBar, type UseAppBarProps } from \"./useAppBar\";\nimport { AppBarProvider, useAppBarContext } from \"./useAppBarContext\";\nimport { mergeProps } from \"@seed-design/dom-utils\";\nimport { composeRefs } from \"@radix-ui/react-compose-refs\";\n\nexport interface AppBarRootProps\n  extends PrimitiveProps,\n    UseAppBarProps,\n    React.HTMLAttributes<HTMLDivElement> {}\n\nexport const AppBarRoot = forwardRef<HTMLDivElement, AppBarRootProps>((props, ref) => {\n  const { ...otherProps } = props;\n  const api = useAppBar({});\n\n  return (\n    <AppBarProvider value={api}>\n      <Primitive.div\n        ref={composeRefs(api.refs.root, ref)}\n        {...mergeProps(api.rootProps, otherProps)}\n      />\n    </AppBarProvider>\n  );\n});\nAppBarRoot.displayName = \"AppBarRoot\";\n\nexport interface AppBarLeftProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {}\n\nexport const AppBarLeft = forwardRef<HTMLDivElement, AppBarLeftProps>((props, ref) => {\n  const { refs, stateProps } = useAppBarContext();\n\n  return <Primitive.div ref={composeRefs(refs.left, ref)} {...mergeProps(stateProps, props)} />;\n});\nAppBarLeft.displayName = \"AppBarLeft\";\n\nexport interface AppBarRightProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {}\n\nexport const AppBarRight = forwardRef<HTMLDivElement, AppBarRightProps>((props, ref) => {\n  const { refs, stateProps } = useAppBarContext();\n\n  return <Primitive.div ref={composeRefs(refs.right, ref)} {...mergeProps(stateProps, props)} />;\n});\nAppBarRight.displayName = \"AppBarRight\";\n\nexport interface AppBarMainProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {}\n\nexport const AppBarMain = forwardRef<HTMLDivElement, AppBarMainProps>((props, ref) => {\n  const { stateProps } = useAppBarContext();\n\n  return <Primitive.div ref={ref} {...mergeProps(stateProps, props)} />;\n});\n", "import { elementProps } from \"@seed-design/dom-utils\";\nimport { useMemo, useState } from \"react\";\nimport { useAppScreenContext } from \"../AppScreen\";\nimport { useElementOffset } from \"../private/useElementOffset\";\n\n// biome-ignore lint/suspicious/noEmptyInterface: intentionally empty for future extension\nexport interface UseAppBarProps {}\n\nexport type UseAppBarReturn = ReturnType<typeof useAppBar>;\n\nexport function useAppBar(_props: UseAppBarProps) {\n  const { stateProps } = useAppScreenContext();\n\n  const [root, rootRef] = useState<HTMLElement | null>(null);\n  const [left, leftRef] = useState<HTMLElement | null>(null);\n  const [right, rightRef] = useState<HTMLElement | null>(null);\n\n  const leftOffset = useElementOffset(left);\n  const rightOffset = useElementOffset(right);\n  const centeredTitlePaddingX = root\n    ? `${Math.max(leftOffset?.fromLeft ?? 0, rightOffset?.fromRight ?? 0)}px`\n    : \"initial\";\n\n  return useMemo(\n    () => ({\n      refs: {\n        root: rootRef,\n        left: leftRef,\n        right: rightRef,\n      },\n      stateProps,\n      rootProps: elementProps({\n        \"data-part\": \"appBar\",\n        ...stateProps,\n        style: {\n          \"--centered-title-padding-x\": centeredTitlePaddingX,\n        } as React.CSSProperties,\n      }),\n    }),\n    [stateProps, centeredTitlePaddingX],\n  );\n}\n", "import * as React from \"react\";\n\nconst useLayoutEffect = typeof window !== \"undefined\" ? React.useLayoutEffect : React.useEffect;\n\nexport function useElementOffset(element: HTMLElement | null) {\n  const [offset, setOffset] = React.useState<{ fromLeft: number; fromRight: number } | undefined>(\n    undefined,\n  );\n\n  useLayoutEffect(() => {\n    if (!element) {\n      setOffset(undefined);\n      return;\n    }\n\n    if (element) {\n      // provide as early as possible\n      setOffset({\n        fromLeft: element.offsetLeft + element.offsetWidth,\n        fromRight: (element.offsetParent ?? document.body).clientWidth - element.offsetLeft,\n      });\n\n      const resizeObserver = new ResizeObserver(() => {\n        const fromLeft = element.offsetLeft + element.offsetWidth;\n        const fromRight = (element.offsetParent ?? document.body).clientWidth - element.offsetLeft;\n\n        setOffset({ fromLeft, fromRight });\n      });\n\n      resizeObserver.observe(element);\n\n      return () => resizeObserver.unobserve(element);\n    }\n  }, [element]);\n\n  return offset;\n}\n", "import { createContext, useContext } from \"react\";\nimport type { UseAppBarReturn } from \"./useAppBar\";\n\nexport interface UseAppBarContext extends UseAppBarReturn {}\n\nconst AppBarContext = createContext<UseAppBarContext | null>(null);\n\nexport const AppBarProvider = AppBarContext.Provider;\n\nexport function useAppBarContext<T extends boolean | undefined = true>({\n  strict = true,\n}: { strict?: T } = {}): T extends false ? UseAppBarContext | null : UseAppBarContext {\n  const context = useContext(AppBarContext);\n  if (!context && strict) {\n    throw new Error(\"useAppBarContext must be used within a AppBar\");\n  }\n\n  return context as UseAppBarContext;\n}\n", "export {\n  AppBarRoot as Root,\n  AppBarMain as Main,\n  AppBarLeft as Left,\n  AppBarRight as Right,\n  type AppBarRootProps as RootProps,\n  type AppBarMainProps as MainProps,\n  type AppBarLeftProps as LeftProps,\n  type AppBarRightProps as RightProps,\n} from \"./AppBar\";\n", "import { composeRefs } from \"@radix-ui/react-compose-refs\";\nimport { mergeProps } from \"@seed-design/dom-utils\";\nimport { Primitive, type PrimitiveProps } from \"@seed-design/react-primitive\";\nimport { forwardRef } from \"react\";\nimport { useGlobalInteraction } from \"./useGlobalInteraction\";\nimport { GlobalInteractionProvider } from \"./useGlobalInteractionContext\";\n\nexport interface GlobalInteractionProps\n  extends PrimitiveProps,\n    React.HTMLAttributes<HTMLDivElement> {}\n\nexport const GlobalInteraction = forwardRef<HTMLDivElement, GlobalInteractionProps>(\n  (props, ref) => {\n    const api = useGlobalInteraction();\n    return (\n      <GlobalInteractionProvider value={api}>\n        <Primitive.div\n          ref={composeRefs(api.stackRef, ref)}\n          {...mergeProps(api.stackProps, props)}\n        />\n      </GlobalInteractionProvider>\n    );\n  },\n);\nGlobalInteraction.displayName = \"GlobalInteraction\";\n", "import { useCallbackRef } from \"@radix-ui/react-use-callback-ref\";\nimport { useCallback, useMemo, useRef, useState } from \"react\";\nimport { useTopActivity } from \"../private/useTopActivity\";\n\nexport type SwipeBackState = \"idle\" | \"swiping\" | \"transitioning\";\n\nexport type UseGlobalInteractionReturn = ReturnType<typeof useGlobalInteraction>;\n\nexport interface SwipeBackContext {\n  x0: number;\n  t0: number;\n  displacement: number;\n  displacementRatio: number;\n  velocity: number;\n}\n\nexport interface SwipeBackProps {\n  /**\n   * The threshold to determine whether the swipe back is intentional.\n   * @default 0.4\n   */\n  swipeBackDisplacementRatioThreshold?: number;\n\n  /**\n   * The threshold to determine whether the swipe back is intentional.\n   * @default 1\n   */\n  swipeBackVelocityThreshold?: number;\n\n  onSwipeBackStart?: () => void;\n  onSwipeBackMove?: (props: { displacement: number; displacementRatio: number }) => void;\n  onSwipeBackEnd?: (props: { swiped: boolean }) => void;\n}\n\nexport interface StartSwipeBackProps {\n  x0: number;\n  t0: number;\n}\n\nexport interface MoveSwipeBackProps {\n  x: number;\n  t: number;\n}\n\n// biome-ignore lint/suspicious/noEmptyInterface: intentionally empty for future extension\nexport interface EndSwipeBackProps {}\n\nexport function useGlobalInteraction() {\n  const [swipeBackState, setSwipeBackState] = useState<SwipeBackState>(\"idle\");\n\n  const swipeBackContextRef = useRef<SwipeBackContext>({\n    x0: 0,\n    t0: 0,\n    displacement: 0,\n    displacementRatio: 0,\n    velocity: 0,\n  });\n  const stackRef = useRef<HTMLDivElement>(null);\n\n  const setSwipeBackContext = useCallback((ctx: SwipeBackContext) => {\n    swipeBackContextRef.current = ctx;\n    stackRef.current?.style.setProperty(\n      \"--swipe-back-displacement\",\n      `${ctx.displacement.toString()}px`,\n    );\n    stackRef.current?.style.setProperty(\n      \"--swipe-back-displacement-ratio\",\n      ctx.displacementRatio.toString(),\n    );\n  }, []);\n\n  const getSwipeBackEvents = useCallback(\n    (props: SwipeBackProps) => {\n      const {\n        swipeBackDisplacementRatioThreshold: displacementRatioThreshold = 0.4,\n        swipeBackVelocityThreshold: velocityThreshold = 1,\n      } = props;\n      const onSwipeStart = useCallbackRef(props.onSwipeBackStart);\n      const onSwipeMove = useCallbackRef(props.onSwipeBackMove);\n      const onSwipeEnd = useCallbackRef(props.onSwipeBackEnd);\n\n      const startSwipeBack = useCallback(\n        ({ x0, t0 }: StartSwipeBackProps) => {\n          setSwipeBackContext({\n            x0,\n            t0,\n            displacement: 0,\n            displacementRatio: 0,\n            velocity: 0,\n          });\n          setSwipeBackState(\"swiping\");\n\n          onSwipeStart?.();\n        },\n        [onSwipeStart],\n      );\n\n      const moveSwipeBack = useCallback(\n        ({ x, t }: MoveSwipeBackProps) => {\n          const displacement = x - swipeBackContextRef.current.x0;\n          const displacementRatio = displacement / window.innerWidth;\n          const velocity = displacement / (t - swipeBackContextRef.current.t0);\n          setSwipeBackContext({\n            ...swipeBackContextRef.current,\n            displacement,\n            displacementRatio,\n            velocity,\n          });\n          setSwipeBackState(\"swiping\");\n\n          onSwipeMove?.({ displacement, displacementRatio });\n        },\n        [onSwipeMove],\n      );\n\n      const endSwipeBack = useCallback(\n        (_: EndSwipeBackProps) => {\n          const swiped =\n            swipeBackContextRef.current.displacementRatio > displacementRatioThreshold ||\n            swipeBackContextRef.current.velocity > velocityThreshold;\n\n          // we intentionally do not reset context here, so that the displacement can be used for exit animation\n          setSwipeBackState(\"transitioning\");\n\n          onSwipeEnd?.({ swiped });\n        },\n        [onSwipeEnd, displacementRatioThreshold, velocityThreshold],\n      );\n\n      const reset = useCallback(() => {\n        setSwipeBackContext({\n          x0: 0,\n          t0: 0,\n          displacement: 0,\n          displacementRatio: 0,\n          velocity: 0,\n        });\n        setSwipeBackState(\"idle\");\n      }, []);\n\n      return useMemo(\n        () => ({\n          startSwipeBack,\n          moveSwipeBack,\n          endSwipeBack,\n          reset,\n        }),\n        [startSwipeBack, moveSwipeBack, endSwipeBack, reset],\n      );\n    },\n    [setSwipeBackContext],\n  );\n\n  const topActivity = useTopActivity();\n\n  const stackProps = useMemo(\n    () => ({\n      \"data-swipe-back-state\": swipeBackState,\n      \"data-global-transition-state\": topActivity.transitionState,\n      \"data-top-activity-type\": topActivity.activityType,\n    }),\n    [swipeBackState, topActivity.transitionState, topActivity.activityType],\n  ) as React.HTMLAttributes<HTMLElement>;\n\n  return useMemo(\n    () => ({\n      stackRef,\n      swipeBackContextRef,\n      swipeBackState,\n      setSwipeBackState,\n      setSwipeBackContext,\n      getSwipeBackEvents,\n\n      stackProps,\n    }),\n    [swipeBackState, setSwipeBackContext, getSwipeBackEvents, stackProps],\n  );\n}\n", "import { useStack } from \"@stackflow/react\";\nimport { useEffect, useState } from \"react\";\n\nexport function useTopActivity() {\n  const stack = useStack();\n  if (!stack) {\n    throw new Error(\n      \"useStack is not available in the context. Make sure you are using @stackflow/react >= 1.4.1. (https://github.com/daangn/stackflow/blob/main/integrations/react/CHANGELOG.md#141)\",\n    );\n  }\n\n  const topId = stack.activities.find((activity) => activity.isTop)?.id;\n  const topActivity = stack.activities.find((activity) => activity.isTop);\n  const transitionState = topActivity?.transitionState ?? \"enter-done\";\n\n  // TODO: There should be a better way to handle this. We should not rely on the DOM element to get the activity type.\n  const [topEl, setTopEl] = useState<HTMLElement | null>(null);\n  const activityType = topEl?.dataset[\"activityType\"];\n\n  useEffect(() => {\n    if (!topId) return;\n\n    const el = document.querySelector<HTMLElement>(`[data-activity-id=\"${topId}\"]`);\n    setTopEl(el);\n  }, [topId]);\n\n  return {\n    transitionState,\n    activityType,\n  };\n}\n", "import clsx from \"clsx\";\nimport { createContext, forwardRef, useContext } from \"react\";\n\ntype Recipe<\n  Props extends Record<string, string | boolean | undefined>,\n  Classnames extends Record<string, string>,\n> = ((props?: Props) => Classnames) & {\n  splitVariantProps: <T extends Props>(props: T) => [Props, Omit<T, keyof Props>];\n};\n\nexport function createStyleContext<\n  Props extends Record<string, string | boolean | undefined>,\n  Classnames extends Record<string, string>,\n>(recipe: Recipe<Props, Classnames>) {\n  const ClassNamesContext = createContext<Classnames | null>(null);\n  const PropsContext = createContext<Props | null>(null);\n\n  const ClassNamesProvider = ({\n    children,\n    value,\n  }: { children: React.ReactNode; value: Classnames }) => {\n    return <ClassNamesContext.Provider value={value}>{children}</ClassNamesContext.Provider>;\n  };\n\n  const PropsProvider = ({ children, value }: { children: React.ReactNode; value: Props }) => {\n    return <PropsContext.Provider value={value}>{children}</PropsContext.Provider>;\n  };\n\n  function useClassNames() {\n    const context = useContext(ClassNamesContext);\n    if (context === null) {\n      throw new Error(\n        \"useClassNames must be used within a ClassNamesProvider. Did you forget to wrap your component in a ClassNamesProvider?\",\n      );\n    }\n\n    return context;\n  }\n\n  function useProps() {\n    return useContext(PropsContext);\n  }\n\n  const withRootProvider = <P,>(\n    Component: React.ElementType<any>,\n    options?: {\n      defaultProps?: Partial<P>;\n    },\n  ): React.ForwardRefExoticComponent<React.PropsWithoutRef<P>> => {\n    const { defaultProps } = options ?? {};\n\n    const StyledComponent = (innerProps: any) => {\n      const props = { ...(defaultProps ?? {}), ...useProps(), ...innerProps } as Props &\n        React.HTMLAttributes<HTMLElement>;\n      const [variantProps, otherProps] = recipe.splitVariantProps(props);\n      const classNames = recipe(variantProps); // TODO: should we memoize this?\n\n      return (\n        <ClassNamesProvider value={classNames}>\n          <Component {...otherProps} />\n        </ClassNamesProvider>\n      );\n    };\n\n    // @ts-ignore\n    StyledComponent.displayName = Component.displayName || Component.name;\n\n    return StyledComponent as any;\n  };\n\n  const withProvider = <T, P>(\n    Component: React.ElementType<any>,\n    slot: keyof Classnames,\n    options?: {\n      defaultProps?: Partial<P>;\n    },\n  ): React.ForwardRefExoticComponent<React.PropsWithoutRef<P> & React.RefAttributes<T>> => {\n    const { defaultProps } = options ?? {};\n\n    const StyledComponent = forwardRef<any, any>((innerProps, ref) => {\n      const props = { ...(defaultProps ?? {}), ...useProps(), ...innerProps } as Props &\n        React.HTMLAttributes<HTMLElement>;\n      const [variantProps, otherProps] = recipe.splitVariantProps(props);\n      const classNames = recipe(variantProps); // TODO: should we memoize this?\n      const className = classNames[slot as keyof typeof classNames];\n\n      return (\n        <ClassNamesProvider value={classNames}>\n          <Component ref={ref} {...otherProps} className={clsx(className, props.className)} />\n        </ClassNamesProvider>\n      );\n    });\n\n    // @ts-ignore\n    StyledComponent.displayName = Component.displayName || Component.name;\n\n    return StyledComponent as any;\n  };\n\n  const withContext = <T, P>(\n    Component: React.ElementType<any>,\n    slot?: keyof Classnames,\n  ): React.ForwardRefExoticComponent<React.PropsWithoutRef<P> & React.RefAttributes<T>> => {\n    const StyledComponent = forwardRef<any, React.HTMLAttributes<HTMLElement>>((props, ref) => {\n      const classNames = useClassNames();\n      const className = classNames?.[slot as keyof typeof classNames];\n\n      return <Component ref={ref} {...props} className={clsx(className, props.className)} />;\n    });\n\n    // @ts-ignore\n    StyledComponent.displayName = Component.displayName || Component.name;\n    return StyledComponent as any;\n  };\n\n  return {\n    ClassNamesProvider,\n    PropsProvider,\n    useClassNames,\n    useProps,\n    withRootProvider,\n    withProvider,\n    withContext,\n  };\n}\n", "import { Slot } from \"@radix-ui/react-slot\";\nimport { mergeProps } from \"@seed-design/dom-utils\";\nimport { Primitive, type PrimitiveProps } from \"@seed-design/react-primitive\";\nimport { type AppBarVariantProps, appBar } from \"@seed-design/recipe/appBar\";\nimport clsx from \"clsx\";\nimport { forwardRef } from \"react\";\nimport { AppBar as AppBarPrimitive } from \"../../primitive\";\nimport { useAppBarContext } from \"../../primitive/AppBar/useAppBarContext\";\nimport { createStyleContext } from \"../../utils/createStyleContext\";\nimport { appBarMain, type AppBarMainVariantProps } from \"@seed-design/recipe/appBarMain\";\n\nconst { PropsProvider, ClassNamesProvider, useProps, withContext, useClassNames } =\n  createStyleContext(appBar);\nconst {\n  PropsProvider: MainPropsProvider,\n  withProvider: withMainProvider,\n  withContext: withMainContext,\n} = createStyleContext(appBarMain);\n\nexport const AppBarPropsProvider = PropsProvider;\n\nexport interface AppBarProps extends AppBarVariantProps, AppBarPrimitive.RootProps {}\n\nexport const AppBarRoot = forwardRef<HTMLDivElement, AppBarProps>((props, ref) => {\n  const contextProps = useProps();\n  const [variantProps, otherProps] = appBar.splitVariantProps({ ...contextProps, ...props });\n\n  const classNames = appBar(variantProps);\n\n  return (\n    <ClassNamesProvider value={classNames}>\n      <MainPropsProvider\n        value={{\n          theme: variantProps.theme,\n          transitionStyle: variantProps.transitionStyle,\n          tone: variantProps.tone,\n        }}\n      >\n        <AppBarPrimitive.Root\n          ref={ref}\n          {...mergeProps({ className: classNames.root }, otherProps)}\n        />\n      </MainPropsProvider>\n    </ClassNamesProvider>\n  );\n});\nAppBarRoot.displayName = \"AppBarRoot\";\n\nexport interface AppBarLeftProps extends AppBarPrimitive.LeftProps {}\n\nexport const AppBarLeft = withContext<HTMLDivElement, AppBarLeftProps>(\n  AppBarPrimitive.Left,\n  \"left\",\n);\n\nexport interface AppBarRightProps extends AppBarPrimitive.RightProps {}\n\nexport const AppBarRight = withContext<HTMLDivElement, AppBarRightProps>(\n  AppBarPrimitive.Right,\n  \"right\",\n);\n\nexport interface AppBarMainProps extends AppBarMainVariantProps, AppBarPrimitive.MainProps {}\n\nexport const AppBarMain = withMainProvider<HTMLDivElement, AppBarMainProps>(\n  AppBarPrimitive.Main,\n  \"root\",\n);\n\nexport interface AppBarTitleProps extends PrimitiveProps, React.HTMLAttributes<HTMLSpanElement> {}\n\nexport const AppBarTitle = withMainContext<HTMLSpanElement, AppBarTitleProps>(\n  Primitive.span,\n  \"title\",\n);\n\nexport interface AppBarSubtitleProps\n  extends PrimitiveProps,\n    React.HTMLAttributes<HTMLSpanElement> {}\n\nexport const AppBarSubtitle = withMainContext<HTMLSpanElement, AppBarSubtitleProps>(\n  Primitive.span,\n  \"subtitle\",\n);\n\nexport interface AppBarIconButtonProps\n  extends PrimitiveProps,\n    React.ButtonHTMLAttributes<HTMLButtonElement> {}\n\nexport const AppBarIconButton = forwardRef<HTMLButtonElement, AppBarIconButtonProps>(\n  ({ children, className, ...otherProps }, ref) => {\n    const { stateProps } = useAppBarContext();\n    const classNames = useClassNames();\n\n    return (\n      <Primitive.button\n        ref={ref}\n        type=\"button\"\n        className={clsx(classNames.iconButton, className)}\n        {...mergeProps(stateProps, otherProps)}\n      >\n        <Slot className={classNames.icon} {...stateProps}>\n          {children}\n        </Slot>\n      </Primitive.button>\n    );\n  },\n);\nAppBarIconButton.displayName = \"IconButton\";\n", "import type { StackflowReactPlugin } from \"@stackflow/react\";\nimport { AppScreenPropsProvider } from \"./components/AppScreen/AppScreen\";\nimport { GlobalInteraction } from \"./primitive\";\n\nexport interface SeedPluginOptions {\n  theme: \"android\" | \"cupertino\";\n}\n\nexport const seedPlugin =\n  (options: SeedPluginOptions): StackflowReactPlugin =>\n  () => ({\n    key: \"seed-design\",\n    wrapStack({ stack }) {\n      return (\n        <AppScreenPropsProvider value={options}>\n          <GlobalInteraction>{stack.render()}</GlobalInteraction>\n        </AppScreenPropsProvider>\n      );\n    },\n  });\n", "export {\n  AppBarIconButton as IconButton,\n  AppBarLeft as Left,\n  AppBarMain as Main,\n  AppBarRight as Right,\n  AppBarRoot as Root,\n  AppBarSubtitle as Subtitle,\n  AppBarTitle as Title,\n} from \"./AppBar\";\n\nexport type {\n  AppBarIconButtonProps as IconButtonProps,\n  AppBarLeftProps as LeftProps,\n  AppBarMainProps as MainProps,\n  AppBarRightProps as RightProps,\n  AppBarProps as RootProps,\n  AppBarSubtitleProps as SubtitleProps,\n  AppBarTitleProps as TitleProps,\n} from \"./AppBar\";\n", "export {\n  AppScreenDim as Dim,\n  AppScreenEdge as Edge,\n  AppScreenLayer as Layer,\n  AppScreenRoot as Root,\n} from \"./AppScreen\";\n\nexport type {\n  AppScreenDimProps as DimProps,\n  AppScreenEdgeProps as EdgeProps,\n  AppScreenLayerProps as LayerProps,\n  AppScreenRootProps as RootProps,\n} from \"./AppScreen\";\n"],
+  "sourcesContent": ["import { appScreen, type AppScreenVariantProps } from \"@seed-design/css/recipes/app-screen\";\nimport { forwardRef, useMemo } from \"react\";\nimport { AppScreen as AppScreenPrimitive } from \"../../primitive\";\nimport { createStyleContext } from \"../../utils/createStyleContext\";\nimport { AppBarPropsProvider } from \"../AppBar/AppBar\";\nimport { mergeProps } from \"@seed-design/dom-utils\";\n\nconst { ClassNamesProvider, PropsProvider, withContext, useProps } = createStyleContext(appScreen);\n\nexport const AppScreenPropsProvider = PropsProvider;\n\nexport interface AppScreenRootProps extends AppScreenVariantProps, AppScreenPrimitive.RootProps {}\n\nexport const AppScreenRoot = forwardRef<HTMLDivElement, AppScreenRootProps>((props, ref) => {\n  const contextProps = useProps();\n  const [variantProps, otherProps] = appScreen.splitVariantProps({ ...contextProps, ...props });\n\n  // TODO: we have to implement conditional default in recipe; this is temporal workaround.\n  const transitionStyle =\n    variantProps.transitionStyle ??\n    (variantProps.theme === \"cupertino\" ? \"slideFromRightIOS\" : \"fadeFromBottomAndroid\");\n\n  const classNames = appScreen({\n    ...variantProps,\n    transitionStyle,\n  });\n\n  return (\n    <ClassNamesProvider value={classNames}>\n      <AppBarPropsProvider\n        value={useMemo(\n          () => ({ theme: variantProps.theme, transitionStyle }),\n          [variantProps.theme, transitionStyle],\n        )}\n      >\n        <AppScreenPrimitive.Root\n          ref={ref}\n          {...mergeProps({ className: classNames.root }, otherProps)}\n        />\n      </AppBarPropsProvider>\n    </ClassNamesProvider>\n  );\n});\nAppScreenRoot.displayName = \"AppScreenRoot\";\n\nexport interface AppScreenDimProps extends AppScreenPrimitive.DimProps {}\n\nexport const AppScreenDim = withContext<HTMLDivElement, AppScreenDimProps>(\n  AppScreenPrimitive.Dim,\n  \"dim\",\n);\n\nexport interface AppScreenEdgeProps extends AppScreenPrimitive.EdgeProps {}\n\nexport const AppScreenEdge = withContext<HTMLDivElement, AppScreenEdgeProps>(\n  AppScreenPrimitive.Edge,\n  \"edge\",\n);\n\nexport interface AppScreenLayerProps extends AppScreenPrimitive.LayerProps {}\n\nexport const AppScreenLayer = withContext<HTMLDivElement, AppScreenLayerProps>(\n  AppScreenPrimitive.Layer,\n  \"layer\",\n);\n", "export * from \"./AppScreen\";\nexport * from \"./AppBar\";\nexport * from \"./GlobalInteraction\";\n", "import { mergeProps } from \"@seed-design/dom-utils\";\nimport { Primitive, type PrimitiveProps } from \"@seed-design/react-primitive\";\nimport { forwardRef } from \"react\";\nimport { useAppScreen, type UseAppScreenProps } from \"./useAppScreen\";\nimport { AppScreenProvider, useAppScreenContext } from \"./useAppScreenContext\";\n\nexport interface AppScreenRootProps\n  extends PrimitiveProps,\n    UseAppScreenProps,\n    React.HTMLAttributes<HTMLDivElement> {}\n\nexport const AppScreenRoot = forwardRef<HTMLDivElement, AppScreenRootProps>((props, ref) => {\n  const {\n    swipeBackDisplacementRatioThreshold,\n    swipeBackVelocityThreshold,\n    onSwipeBackEnd,\n    onSwipeBackMove,\n    onSwipeBackStart,\n    ...otherProps\n  } = props;\n  const api = useAppScreen({\n    swipeBackDisplacementRatioThreshold,\n    swipeBackVelocityThreshold,\n    onSwipeBackEnd,\n    onSwipeBackMove,\n    onSwipeBackStart,\n  });\n\n  return (\n    <AppScreenProvider value={api}>\n      <Primitive.div\n        ref={ref}\n        data-stackflow-component-name=\"AppScreen\"\n        {...mergeProps(api.activityProps, otherProps)}\n      />\n    </AppScreenProvider>\n  );\n});\nAppScreenRoot.displayName = \"AppScreenRoot\";\n\nexport interface AppScreenDimProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {}\n\nexport const AppScreenDim = forwardRef<HTMLDivElement, AppScreenDimProps>((props, ref) => {\n  const { dimProps } = useAppScreenContext();\n\n  return <Primitive.div ref={ref} {...mergeProps(dimProps, props)} />;\n});\nAppScreenDim.displayName = \"AppScreenDim\";\n\nexport interface AppScreenEdgeProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {}\n\nexport const AppScreenEdge = forwardRef<HTMLDivElement, AppScreenEdgeProps>((props, ref) => {\n  const { edgeProps } = useAppScreenContext();\n\n  return <Primitive.div ref={ref} {...mergeProps(edgeProps, props)} />;\n});\nAppScreenEdge.displayName = \"AppScreenEdge\";\n\nexport interface AppScreenLayerProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {}\n\nexport const AppScreenLayer = forwardRef<HTMLDivElement, AppScreenLayerProps>((props, ref) => {\n  const { layerProps } = useAppScreenContext();\n\n  return <Primitive.div ref={ref} {...mergeProps(layerProps, props)} />;\n});\nAppScreenLayer.displayName = \"AppScreenLayer\";\n", "import { dataAttr, elementProps } from \"@seed-design/dom-utils\";\nimport { useNullableActivity, useZIndexBase } from \"@stackflow/react-ui-core\";\nimport { useMemo } from \"react\";\nimport { type UseSwipeBackProps, useSwipeBack } from \"../GlobalInteraction/useSwipeBack\";\n\nexport interface UseAppScreenProps extends UseSwipeBackProps {}\n\nexport type UseAppScreenReturn = ReturnType<typeof useAppScreen>;\n\nexport function useAppScreen(props: UseAppScreenProps) {\n  const activity = useNullableActivity();\n\n  const transitionState = activity?.transitionState ?? \"enter-done\";\n\n  const { activityProps, layerProps, edgeProps } = useSwipeBack(props);\n\n  const zIndexBase = useZIndexBase();\n  const zIndexStyle = useMemo(\n    () =>\n      ({\n        \"--z-index-base\": zIndexBase.toString(),\n      }) as React.CSSProperties,\n    [zIndexBase],\n  );\n\n  const stateProps = useMemo(\n    () => ({\n      \"data-activity-is-top\": dataAttr(activity?.isTop),\n      \"data-activity-is-active\": dataAttr(activity?.isActive),\n      \"data-transition-state\": transitionState,\n    }),\n    [transitionState, activity?.isActive, activity?.isTop],\n  ) as React.HTMLAttributes<HTMLElement>;\n\n  return useMemo(\n    () => ({\n      activity,\n      stateProps,\n      activityProps: elementProps({\n        \"data-part\": \"activity\",\n        \"data-activity-type\": \"full-screen\",\n        ...activityProps,\n        ...stateProps,\n        \"data-activity-id\": activity?.id,\n        style: zIndexStyle,\n        // FIXME: @stackflow/react should prevent activity.id hydration mismatch; this is temporal fix.\n        suppressHydrationWarning: true,\n      }),\n      dimProps: elementProps({\n        \"data-part\": \"dim\",\n        ...stateProps,\n      }),\n      layerProps: elementProps({\n        \"data-part\": \"layer\",\n        ...stateProps,\n        ...layerProps,\n      }),\n      edgeProps: elementProps({\n        \"data-part\": \"edge\",\n        \"aria-hidden\": true,\n        tabIndex: -1,\n        ...edgeProps,\n        ...stateProps,\n      }),\n    }),\n    [activity, zIndexStyle, stateProps, activityProps, edgeProps, layerProps],\n  );\n}\n", "import { useEffect, useMemo } from \"react\";\nimport type { SwipeBackProps } from \"./useGlobalInteraction\";\nimport { useGlobalInteractionContext } from \"./useGlobalInteractionContext\";\n\nexport interface UseSwipeBackProps extends SwipeBackProps {}\n\nexport function useSwipeBack(props: UseSwipeBackProps) {\n  const globalInteraction = useGlobalInteractionContext();\n  const events = globalInteraction.getSwipeBackEvents(props);\n\n  useEffect(() => {\n    return () => {\n      events.reset();\n    };\n  }, [events]);\n\n  return useMemo(\n    () => ({\n      activityProps: {\n        \"data-swipe-back\": \"\",\n      } as React.HTMLAttributes<HTMLDivElement>,\n      layerProps: {\n        onTransitionEnd: (e) => {\n          if (e.target === e.currentTarget) {\n            events.reset();\n          }\n        },\n        onAnimationEnd: (e) => {\n          if (e.target === e.currentTarget) {\n            events.reset();\n          }\n        },\n      } as React.HTMLAttributes<HTMLDivElement>,\n      edgeProps: {\n        tabIndex: -1,\n        onTouchStart: (e) => {\n          const x0 = e.touches[0].clientX;\n          const t0 = Date.now();\n          events.startSwipeBack({ x0, t0 });\n        },\n        onTouchMove: (e) => {\n          const x = e.touches[0].clientX;\n          const t = Date.now();\n          events.moveSwipeBack({ x, t });\n        },\n        onTouchEnd: () => {\n          events.endSwipeBack({});\n        },\n        onTouchCancel: () => {\n          events.endSwipeBack({});\n        },\n      } as React.HTMLAttributes<HTMLElement>,\n    }),\n    [events],\n  );\n}\n", "import { createContext, useContext } from \"react\";\nimport type { UseGlobalInteractionReturn } from \"./useGlobalInteraction\";\n\nexport interface UseGlobalInteractionContext extends UseGlobalInteractionReturn {}\n\nconst GlobalInteractionContext = createContext<UseGlobalInteractionContext | null>(null);\n\nexport const GlobalInteractionProvider = GlobalInteractionContext.Provider;\n\nexport function useGlobalInteractionContext<T extends boolean | undefined = true>({\n  strict = true,\n}: { strict?: T } = {}): T extends false\n  ? UseGlobalInteractionContext | null\n  : UseGlobalInteractionContext {\n  const context = useContext(GlobalInteractionContext);\n  if (!context && strict) {\n    throw new Error(\"useGlobalInteractionContext must be used within a GlobalInteractionProvider\");\n  }\n\n  return context as UseGlobalInteractionContext;\n}\n", "import { createContext, useContext } from \"react\";\nimport type { UseAppScreenReturn } from \"./useAppScreen\";\n\nexport interface UseAppScreenContext extends UseAppScreenReturn {}\n\nconst AppScreenContext = createContext<UseAppScreenContext | null>(null);\n\nexport const AppScreenProvider = AppScreenContext.Provider;\n\nexport function useAppScreenContext<T extends boolean | undefined = true>({\n  strict = true,\n}: { strict?: T } = {}): T extends false ? UseAppScreenContext | null : UseAppScreenContext {\n  const context = useContext(AppScreenContext);\n  if (!context && strict) {\n    throw new Error(\"useAppScreenContext must be used within a AppScreen\");\n  }\n\n  return context as UseAppScreenContext;\n}\n", "export {\n  AppScreenDim as Dim,\n  AppScreenEdge as Edge,\n  AppScreenLayer as Layer,\n  AppScreenRoot as Root,\n  type AppScreenDimProps as DimProps,\n  type AppScreenEdgeProps as EdgeProps,\n  type AppScreenLayerProps as LayerProps,\n  type AppScreenRootProps as RootProps,\n} from \"./AppScreen\";\n", "import { Primitive, type PrimitiveProps } from \"@seed-design/react-primitive\";\nimport { forwardRef } from \"react\";\nimport { useAppBar, type UseAppBarProps } from \"./useAppBar\";\nimport { AppBarProvider, useAppBarContext } from \"./useAppBarContext\";\nimport { mergeProps } from \"@seed-design/dom-utils\";\nimport { composeRefs } from \"@radix-ui/react-compose-refs\";\n\nexport interface AppBarRootProps\n  extends PrimitiveProps,\n    UseAppBarProps,\n    React.HTMLAttributes<HTMLDivElement> {}\n\nexport const AppBarRoot = forwardRef<HTMLDivElement, AppBarRootProps>((props, ref) => {\n  const { ...otherProps } = props;\n  const api = useAppBar({});\n\n  return (\n    <AppBarProvider value={api}>\n      <Primitive.div\n        ref={composeRefs(api.refs.root, ref)}\n        {...mergeProps(api.rootProps, otherProps)}\n      />\n    </AppBarProvider>\n  );\n});\nAppBarRoot.displayName = \"AppBarRoot\";\n\nexport interface AppBarLeftProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {}\n\nexport const AppBarLeft = forwardRef<HTMLDivElement, AppBarLeftProps>((props, ref) => {\n  const { refs, stateProps } = useAppBarContext();\n\n  return <Primitive.div ref={composeRefs(refs.left, ref)} {...mergeProps(stateProps, props)} />;\n});\nAppBarLeft.displayName = \"AppBarLeft\";\n\nexport interface AppBarRightProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {}\n\nexport const AppBarRight = forwardRef<HTMLDivElement, AppBarRightProps>((props, ref) => {\n  const { refs, stateProps } = useAppBarContext();\n\n  return <Primitive.div ref={composeRefs(refs.right, ref)} {...mergeProps(stateProps, props)} />;\n});\nAppBarRight.displayName = \"AppBarRight\";\n\nexport interface AppBarMainProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {}\n\nexport const AppBarMain = forwardRef<HTMLDivElement, AppBarMainProps>((props, ref) => {\n  const { stateProps } = useAppBarContext();\n\n  return <Primitive.div ref={ref} {...mergeProps(stateProps, props)} />;\n});\n", "import { elementProps } from \"@seed-design/dom-utils\";\nimport { useMemo, useState } from \"react\";\nimport { useAppScreenContext } from \"../AppScreen\";\nimport { useElementOffset } from \"../private/useElementOffset\";\n\n// biome-ignore lint/suspicious/noEmptyInterface: intentionally empty for future extension\nexport interface UseAppBarProps {}\n\nexport type UseAppBarReturn = ReturnType<typeof useAppBar>;\n\nexport function useAppBar(_props: UseAppBarProps) {\n  const { stateProps } = useAppScreenContext();\n\n  const [root, rootRef] = useState<HTMLElement | null>(null);\n  const [left, leftRef] = useState<HTMLElement | null>(null);\n  const [right, rightRef] = useState<HTMLElement | null>(null);\n\n  const leftOffset = useElementOffset(left);\n  const rightOffset = useElementOffset(right);\n  const centeredTitlePaddingX = root\n    ? `${Math.max(leftOffset?.fromLeft ?? 0, rightOffset?.fromRight ?? 0)}px`\n    : \"initial\";\n\n  return useMemo(\n    () => ({\n      refs: {\n        root: rootRef,\n        left: leftRef,\n        right: rightRef,\n      },\n      stateProps,\n      rootProps: elementProps({\n        \"data-part\": \"appBar\",\n        ...stateProps,\n        style: {\n          \"--centered-title-padding-x\": centeredTitlePaddingX,\n        } as React.CSSProperties,\n      }),\n    }),\n    [stateProps, centeredTitlePaddingX],\n  );\n}\n", "import * as React from \"react\";\n\nconst useLayoutEffect = typeof window !== \"undefined\" ? React.useLayoutEffect : React.useEffect;\n\nexport function useElementOffset(element: HTMLElement | null) {\n  const [offset, setOffset] = React.useState<{ fromLeft: number; fromRight: number } | undefined>(\n    undefined,\n  );\n\n  useLayoutEffect(() => {\n    if (!element) {\n      setOffset(undefined);\n      return;\n    }\n\n    if (element) {\n      // provide as early as possible\n      setOffset({\n        fromLeft: element.offsetLeft + element.offsetWidth,\n        fromRight: (element.offsetParent ?? document.body).clientWidth - element.offsetLeft,\n      });\n\n      const resizeObserver = new ResizeObserver(() => {\n        const fromLeft = element.offsetLeft + element.offsetWidth;\n        const fromRight = (element.offsetParent ?? document.body).clientWidth - element.offsetLeft;\n\n        setOffset({ fromLeft, fromRight });\n      });\n\n      resizeObserver.observe(element);\n\n      return () => resizeObserver.unobserve(element);\n    }\n  }, [element]);\n\n  return offset;\n}\n", "import { createContext, useContext } from \"react\";\nimport type { UseAppBarReturn } from \"./useAppBar\";\n\nexport interface UseAppBarContext extends UseAppBarReturn {}\n\nconst AppBarContext = createContext<UseAppBarContext | null>(null);\n\nexport const AppBarProvider = AppBarContext.Provider;\n\nexport function useAppBarContext<T extends boolean | undefined = true>({\n  strict = true,\n}: { strict?: T } = {}): T extends false ? UseAppBarContext | null : UseAppBarContext {\n  const context = useContext(AppBarContext);\n  if (!context && strict) {\n    throw new Error(\"useAppBarContext must be used within a AppBar\");\n  }\n\n  return context as UseAppBarContext;\n}\n", "export {\n  AppBarRoot as Root,\n  AppBarMain as Main,\n  AppBarLeft as Left,\n  AppBarRight as Right,\n  type AppBarRootProps as RootProps,\n  type AppBarMainProps as MainProps,\n  type AppBarLeftProps as LeftProps,\n  type AppBarRightProps as RightProps,\n} from \"./AppBar\";\n", "import { composeRefs } from \"@radix-ui/react-compose-refs\";\nimport { mergeProps } from \"@seed-design/dom-utils\";\nimport { Primitive, type PrimitiveProps } from \"@seed-design/react-primitive\";\nimport { forwardRef } from \"react\";\nimport { useGlobalInteraction } from \"./useGlobalInteraction\";\nimport { GlobalInteractionProvider } from \"./useGlobalInteractionContext\";\n\nexport interface GlobalInteractionProps\n  extends PrimitiveProps,\n    React.HTMLAttributes<HTMLDivElement> {}\n\nexport const GlobalInteraction = forwardRef<HTMLDivElement, GlobalInteractionProps>(\n  (props, ref) => {\n    const api = useGlobalInteraction();\n    return (\n      <GlobalInteractionProvider value={api}>\n        <Primitive.div\n          ref={composeRefs(api.stackRef, ref)}\n          {...mergeProps(api.stackProps, props)}\n        />\n      </GlobalInteractionProvider>\n    );\n  },\n);\nGlobalInteraction.displayName = \"GlobalInteraction\";\n", "import { useCallbackRef } from \"@radix-ui/react-use-callback-ref\";\nimport { useCallback, useMemo, useRef, useState } from \"react\";\nimport { useTopActivity } from \"../private/useTopActivity\";\n\nexport type SwipeBackState = \"idle\" | \"swiping\" | \"transitioning\";\n\nexport type UseGlobalInteractionReturn = ReturnType<typeof useGlobalInteraction>;\n\nexport interface SwipeBackContext {\n  x0: number;\n  t0: number;\n  displacement: number;\n  displacementRatio: number;\n  velocity: number;\n}\n\nexport interface SwipeBackProps {\n  /**\n   * The threshold to determine whether the swipe back is intentional.\n   * @default 0.4\n   */\n  swipeBackDisplacementRatioThreshold?: number;\n\n  /**\n   * The threshold to determine whether the swipe back is intentional.\n   * @default 1\n   */\n  swipeBackVelocityThreshold?: number;\n\n  onSwipeBackStart?: () => void;\n  onSwipeBackMove?: (props: { displacement: number; displacementRatio: number }) => void;\n  onSwipeBackEnd?: (props: { swiped: boolean }) => void;\n}\n\nexport interface StartSwipeBackProps {\n  x0: number;\n  t0: number;\n}\n\nexport interface MoveSwipeBackProps {\n  x: number;\n  t: number;\n}\n\n// biome-ignore lint/suspicious/noEmptyInterface: intentionally empty for future extension\nexport interface EndSwipeBackProps {}\n\nexport function useGlobalInteraction() {\n  const [swipeBackState, setSwipeBackState] = useState<SwipeBackState>(\"idle\");\n\n  const swipeBackContextRef = useRef<SwipeBackContext>({\n    x0: 0,\n    t0: 0,\n    displacement: 0,\n    displacementRatio: 0,\n    velocity: 0,\n  });\n  const stackRef = useRef<HTMLDivElement>(null);\n\n  const setSwipeBackContext = useCallback((ctx: SwipeBackContext) => {\n    swipeBackContextRef.current = ctx;\n    stackRef.current?.style.setProperty(\n      \"--swipe-back-displacement\",\n      `${ctx.displacement.toString()}px`,\n    );\n    stackRef.current?.style.setProperty(\n      \"--swipe-back-displacement-ratio\",\n      ctx.displacementRatio.toString(),\n    );\n  }, []);\n\n  const getSwipeBackEvents = useCallback(\n    (props: SwipeBackProps) => {\n      const {\n        swipeBackDisplacementRatioThreshold: displacementRatioThreshold = 0.4,\n        swipeBackVelocityThreshold: velocityThreshold = 1,\n      } = props;\n      const onSwipeStart = useCallbackRef(props.onSwipeBackStart);\n      const onSwipeMove = useCallbackRef(props.onSwipeBackMove);\n      const onSwipeEnd = useCallbackRef(props.onSwipeBackEnd);\n\n      const startSwipeBack = useCallback(\n        ({ x0, t0 }: StartSwipeBackProps) => {\n          setSwipeBackContext({\n            x0,\n            t0,\n            displacement: 0,\n            displacementRatio: 0,\n            velocity: 0,\n          });\n          setSwipeBackState(\"swiping\");\n\n          onSwipeStart?.();\n        },\n        [onSwipeStart],\n      );\n\n      const moveSwipeBack = useCallback(\n        ({ x, t }: MoveSwipeBackProps) => {\n          const displacement = x - swipeBackContextRef.current.x0;\n          const displacementRatio = displacement / window.innerWidth;\n          const velocity = displacement / (t - swipeBackContextRef.current.t0);\n          setSwipeBackContext({\n            ...swipeBackContextRef.current,\n            displacement,\n            displacementRatio,\n            velocity,\n          });\n          setSwipeBackState(\"swiping\");\n\n          onSwipeMove?.({ displacement, displacementRatio });\n        },\n        [onSwipeMove],\n      );\n\n      const endSwipeBack = useCallback(\n        (_: EndSwipeBackProps) => {\n          const swiped =\n            swipeBackContextRef.current.displacementRatio > displacementRatioThreshold ||\n            swipeBackContextRef.current.velocity > velocityThreshold;\n\n          // we intentionally do not reset context here, so that the displacement can be used for exit animation\n          setSwipeBackState(\"transitioning\");\n\n          onSwipeEnd?.({ swiped });\n        },\n        [onSwipeEnd, displacementRatioThreshold, velocityThreshold],\n      );\n\n      const reset = useCallback(() => {\n        setSwipeBackContext({\n          x0: 0,\n          t0: 0,\n          displacement: 0,\n          displacementRatio: 0,\n          velocity: 0,\n        });\n        setSwipeBackState(\"idle\");\n      }, []);\n\n      return useMemo(\n        () => ({\n          startSwipeBack,\n          moveSwipeBack,\n          endSwipeBack,\n          reset,\n        }),\n        [startSwipeBack, moveSwipeBack, endSwipeBack, reset],\n      );\n    },\n    [setSwipeBackContext],\n  );\n\n  const topActivity = useTopActivity();\n\n  const stackProps = useMemo(\n    () => ({\n      \"data-swipe-back-state\": swipeBackState,\n      \"data-global-transition-state\": topActivity.transitionState,\n      \"data-top-activity-type\": topActivity.activityType,\n    }),\n    [swipeBackState, topActivity.transitionState, topActivity.activityType],\n  ) as React.HTMLAttributes<HTMLElement>;\n\n  return useMemo(\n    () => ({\n      stackRef,\n      swipeBackContextRef,\n      swipeBackState,\n      setSwipeBackState,\n      setSwipeBackContext,\n      getSwipeBackEvents,\n\n      stackProps,\n    }),\n    [swipeBackState, setSwipeBackContext, getSwipeBackEvents, stackProps],\n  );\n}\n", "import { useStack } from \"@stackflow/react\";\nimport { useEffect, useState } from \"react\";\n\nexport function useTopActivity() {\n  const stack = useStack();\n  if (!stack) {\n    throw new Error(\n      \"useStack is not available in the context. Make sure you are using @stackflow/react >= 1.4.1. (https://github.com/daangn/stackflow/blob/main/integrations/react/CHANGELOG.md#141)\",\n    );\n  }\n\n  const topId = stack.activities.find((activity) => activity.isTop)?.id;\n  const topActivity = stack.activities.find((activity) => activity.isTop);\n  const transitionState = topActivity?.transitionState ?? \"enter-done\";\n\n  // TODO: There should be a better way to handle this. We should not rely on the DOM element to get the activity type.\n  const [topEl, setTopEl] = useState<HTMLElement | null>(null);\n  const activityType = topEl?.dataset[\"activityType\"];\n\n  useEffect(() => {\n    if (!topId) return;\n\n    const el = document.querySelector<HTMLElement>(`[data-activity-id=\"${topId}\"]`);\n    setTopEl(el);\n  }, [topId]);\n\n  return {\n    transitionState,\n    activityType,\n  };\n}\n", "import clsx from \"clsx\";\nimport { createContext, forwardRef, useContext } from \"react\";\n\ntype Recipe<\n  Props extends Record<string, string | boolean | undefined>,\n  Classnames extends Record<string, string>,\n> = ((props?: Props) => Classnames) & {\n  splitVariantProps: <T extends Props>(props: T) => [Props, Omit<T, keyof Props>];\n};\n\nexport function createStyleContext<\n  Props extends Record<string, string | boolean | undefined>,\n  Classnames extends Record<string, string>,\n>(recipe: Recipe<Props, Classnames>) {\n  const ClassNamesContext = createContext<Classnames | null>(null);\n  const PropsContext = createContext<Props | null>(null);\n\n  const ClassNamesProvider = ({\n    children,\n    value,\n  }: { children: React.ReactNode; value: Classnames }) => {\n    return <ClassNamesContext.Provider value={value}>{children}</ClassNamesContext.Provider>;\n  };\n\n  const PropsProvider = ({ children, value }: { children: React.ReactNode; value: Props }) => {\n    return <PropsContext.Provider value={value}>{children}</PropsContext.Provider>;\n  };\n\n  function useClassNames() {\n    const context = useContext(ClassNamesContext);\n    if (context === null) {\n      throw new Error(\n        \"useClassNames must be used within a ClassNamesProvider. Did you forget to wrap your component in a ClassNamesProvider?\",\n      );\n    }\n\n    return context;\n  }\n\n  function useProps() {\n    return useContext(PropsContext);\n  }\n\n  const withRootProvider = <P,>(\n    Component: React.ElementType<any>,\n    options?: {\n      defaultProps?: Partial<P>;\n    },\n  ): React.ForwardRefExoticComponent<React.PropsWithoutRef<P>> => {\n    const { defaultProps } = options ?? {};\n\n    const StyledComponent = (innerProps: any) => {\n      const props = { ...(defaultProps ?? {}), ...useProps(), ...innerProps } as Props &\n        React.HTMLAttributes<HTMLElement>;\n      const [variantProps, otherProps] = recipe.splitVariantProps(props);\n      const classNames = recipe(variantProps); // TODO: should we memoize this?\n\n      return (\n        <ClassNamesProvider value={classNames}>\n          <Component {...otherProps} />\n        </ClassNamesProvider>\n      );\n    };\n\n    // @ts-ignore\n    StyledComponent.displayName = Component.displayName || Component.name;\n\n    return StyledComponent as any;\n  };\n\n  const withProvider = <T, P>(\n    Component: React.ElementType<any>,\n    slot: keyof Classnames,\n    options?: {\n      defaultProps?: Partial<P>;\n    },\n  ): React.ForwardRefExoticComponent<React.PropsWithoutRef<P> & React.RefAttributes<T>> => {\n    const { defaultProps } = options ?? {};\n\n    const StyledComponent = forwardRef<any, any>((innerProps, ref) => {\n      const props = { ...(defaultProps ?? {}), ...useProps(), ...innerProps } as Props &\n        React.HTMLAttributes<HTMLElement>;\n      const [variantProps, otherProps] = recipe.splitVariantProps(props);\n      const classNames = recipe(variantProps); // TODO: should we memoize this?\n      const className = classNames[slot as keyof typeof classNames];\n\n      return (\n        <ClassNamesProvider value={classNames}>\n          <Component ref={ref} {...otherProps} className={clsx(className, props.className)} />\n        </ClassNamesProvider>\n      );\n    });\n\n    // @ts-ignore\n    StyledComponent.displayName = Component.displayName || Component.name;\n\n    return StyledComponent as any;\n  };\n\n  const withContext = <T, P>(\n    Component: React.ElementType<any>,\n    slot?: keyof Classnames,\n  ): React.ForwardRefExoticComponent<React.PropsWithoutRef<P> & React.RefAttributes<T>> => {\n    const StyledComponent = forwardRef<any, React.HTMLAttributes<HTMLElement>>((props, ref) => {\n      const classNames = useClassNames();\n      const className = classNames?.[slot as keyof typeof classNames];\n\n      return <Component ref={ref} {...props} className={clsx(className, props.className)} />;\n    });\n\n    // @ts-ignore\n    StyledComponent.displayName = Component.displayName || Component.name;\n    return StyledComponent as any;\n  };\n\n  return {\n    ClassNamesProvider,\n    PropsProvider,\n    useClassNames,\n    useProps,\n    withRootProvider,\n    withProvider,\n    withContext,\n  };\n}\n", "import { Slot } from \"@radix-ui/react-slot\";\nimport { mergeProps } from \"@seed-design/dom-utils\";\nimport { Primitive, type PrimitiveProps } from \"@seed-design/react-primitive\";\nimport { type AppBarVariantProps, appBar } from \"@seed-design/css/recipes/app-bar\";\nimport clsx from \"clsx\";\nimport { forwardRef } from \"react\";\nimport { AppBar as AppBarPrimitive } from \"../../primitive\";\nimport { useAppBarContext } from \"../../primitive/AppBar/useAppBarContext\";\nimport { createStyleContext } from \"../../utils/createStyleContext\";\nimport { appBarMain, type AppBarMainVariantProps } from \"@seed-design/css/recipes/app-bar-main\";\n\nconst { PropsProvider, ClassNamesProvider, useProps, withContext, useClassNames } =\n  createStyleContext(appBar);\nconst {\n  PropsProvider: MainPropsProvider,\n  withProvider: withMainProvider,\n  withContext: withMainContext,\n} = createStyleContext(appBarMain);\n\nexport const AppBarPropsProvider = PropsProvider;\n\nexport interface AppBarProps extends AppBarVariantProps, AppBarPrimitive.RootProps {}\n\nexport const AppBarRoot = forwardRef<HTMLDivElement, AppBarProps>((props, ref) => {\n  const contextProps = useProps();\n  const [variantProps, otherProps] = appBar.splitVariantProps({ ...contextProps, ...props });\n\n  const classNames = appBar(variantProps);\n\n  return (\n    <ClassNamesProvider value={classNames}>\n      <MainPropsProvider\n        value={{\n          theme: variantProps.theme,\n          transitionStyle: variantProps.transitionStyle,\n          tone: variantProps.tone,\n        }}\n      >\n        <AppBarPrimitive.Root\n          ref={ref}\n          {...mergeProps({ className: classNames.root }, otherProps)}\n        />\n      </MainPropsProvider>\n    </ClassNamesProvider>\n  );\n});\nAppBarRoot.displayName = \"AppBarRoot\";\n\nexport interface AppBarLeftProps extends AppBarPrimitive.LeftProps {}\n\nexport const AppBarLeft = withContext<HTMLDivElement, AppBarLeftProps>(\n  AppBarPrimitive.Left,\n  \"left\",\n);\n\nexport interface AppBarRightProps extends AppBarPrimitive.RightProps {}\n\nexport const AppBarRight = withContext<HTMLDivElement, AppBarRightProps>(\n  AppBarPrimitive.Right,\n  \"right\",\n);\n\nexport interface AppBarMainProps extends AppBarMainVariantProps, AppBarPrimitive.MainProps {}\n\nexport const AppBarMain = withMainProvider<HTMLDivElement, AppBarMainProps>(\n  AppBarPrimitive.Main,\n  \"root\",\n);\n\nexport interface AppBarTitleProps extends PrimitiveProps, React.HTMLAttributes<HTMLSpanElement> {}\n\nexport const AppBarTitle = withMainContext<HTMLSpanElement, AppBarTitleProps>(\n  Primitive.span,\n  \"title\",\n);\n\nexport interface AppBarSubtitleProps\n  extends PrimitiveProps,\n    React.HTMLAttributes<HTMLSpanElement> {}\n\nexport const AppBarSubtitle = withMainContext<HTMLSpanElement, AppBarSubtitleProps>(\n  Primitive.span,\n  \"subtitle\",\n);\n\nexport interface AppBarIconButtonProps\n  extends PrimitiveProps,\n    React.ButtonHTMLAttributes<HTMLButtonElement> {}\n\nexport const AppBarIconButton = forwardRef<HTMLButtonElement, AppBarIconButtonProps>(\n  ({ children, className, ...otherProps }, ref) => {\n    const { stateProps } = useAppBarContext();\n    const classNames = useClassNames();\n\n    return (\n      <Primitive.button\n        ref={ref}\n        type=\"button\"\n        className={clsx(classNames.iconButton, className)}\n        {...mergeProps(stateProps, otherProps)}\n      >\n        <Slot className={classNames.icon} {...stateProps}>\n          {children}\n        </Slot>\n      </Primitive.button>\n    );\n  },\n);\nAppBarIconButton.displayName = \"IconButton\";\n", "import type { StackflowReactPlugin } from \"@stackflow/react\";\nimport { AppScreenPropsProvider } from \"./components/AppScreen/AppScreen\";\nimport { GlobalInteraction } from \"./primitive\";\n\nexport interface SeedPluginOptions {\n  theme: \"android\" | \"cupertino\";\n}\n\nexport const seedPlugin =\n  (options: SeedPluginOptions): StackflowReactPlugin =>\n  () => ({\n    key: \"seed-design\",\n    wrapStack({ stack }) {\n      return (\n        <AppScreenPropsProvider value={options}>\n          <GlobalInteraction>{stack.render()}</GlobalInteraction>\n        </AppScreenPropsProvider>\n      );\n    },\n  });\n", "export {\n  AppBarIconButton as IconButton,\n  AppBarLeft as Left,\n  AppBarMain as Main,\n  AppBarRight as Right,\n  AppBarRoot as Root,\n  AppBarSubtitle as Subtitle,\n  AppBarTitle as Title,\n} from \"./AppBar\";\n\nexport type {\n  AppBarIconButtonProps as IconButtonProps,\n  AppBarLeftProps as LeftProps,\n  AppBarMainProps as MainProps,\n  AppBarRightProps as RightProps,\n  AppBarProps as RootProps,\n  AppBarSubtitleProps as SubtitleProps,\n  AppBarTitleProps as TitleProps,\n} from \"./AppBar\";\n", "export {\n  AppScreenDim as Dim,\n  AppScreenEdge as Edge,\n  AppScreenLayer as Layer,\n  AppScreenRoot as Root,\n} from \"./AppScreen\";\n\nexport type {\n  AppScreenDimProps as DimProps,\n  AppScreenEdgeProps as EdgeProps,\n  AppScreenLayerProps as LayerProps,\n  AppScreenRootProps as RootProps,\n} from \"./AppScreen\";\n"],
   "mappings": "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",
   "names": ["forwardRef", "useMemo", "useMemo", "useMemo", "createContext", "useContext", "Primitive", "forwardRef", "elementProps", "useMemo", "useState", "useLayoutEffect", "_a", "useState", "useMemo", "elementProps", "createContext", "useContext", "mergeProps", "jsx", "forwardRef", "Primitive", "composeRefs", "mergeProps", "Primitive", "forwardRef", "useMemo", "useState", "useEffect", "useState", "useState", "useMemo", "jsx", "forwardRef", "Primitive", "composeRefs", "mergeProps", "createContext", "forwardRef", "useContext", "jsx", "ClassNamesProvider", "PropsProvider", "useClassNames", "useProps", "withContext", "mergeProps", "Primitive", "clsx", "forwardRef", "jsx", "AppBarRoot", "forwardRef", "mergeProps", "AppBarLeft", "AppBarRight", "AppBarMain", "Primitive", "clsx", "mergeProps", "jsx", "ClassNamesProvider", "PropsProvider", "withContext", "useProps", "AppScreenRoot", "forwardRef", "useMemo", "AppScreenDim", "AppScreenEdge", "AppScreenLayer", "jsx", "AppBar_namespace_exports", "AppBarLeft", "AppBarMain", "AppBarRight", "AppBarRoot", "AppScreen_namespace_exports", "AppScreenDim", "AppScreenEdge", "AppScreenLayer", "AppScreenRoot"]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seed-design/stackflow",
-  "version": "0.0.1-alpha-20250210081704",
+  "version": "0.0.1-rc.1",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/daangn/seed-design.git",
@@ -21,7 +21,6 @@
     "src"
   ],
   "scripts": {
-    "prepack": "bun run build",
     "clean": "rm -rf lib",
     "build": "bun build.mjs && tsc"
   },
@@ -29,8 +28,8 @@
     "@radix-ui/react-compose-refs": "^1.1.1",
     "@radix-ui/react-slot": "^1.1.1",
     "@radix-ui/react-use-callback-ref": "^1.1.0",
-    "@seed-design/dom-utils": "0.0.0-alpha-20250210081704",
-    "@seed-design/react-primitive": "0.0.1-alpha-20250210081704",
+    "@seed-design/dom-utils": "0.0.1-rc.0",
+    "@seed-design/react-primitive": "0.0.1-rc.0",
     "clsx": "^2.1.1"
   },
   "devDependencies": {
@@ -38,7 +37,7 @@
     "esbuild": "^0.25.0"
   },
   "peerDependencies": {
-    "@seed-design/recipe": "0.0.0-alpha-20250210081704",
+    "@seed-design/css": "0.0.1-rc.1",
     "@stackflow/react": ">=1.4.1",
     "@stackflow/react-ui-core": ">=1.2.1",
     "react": ">=18.0.0",

package/src/components/AppBar/AppBar.tsx

@@ -1,13 +1,13 @@
 import { Slot } from "@radix-ui/react-slot";
 import { mergeProps } from "@seed-design/dom-utils";
 import { Primitive, type PrimitiveProps } from "@seed-design/react-primitive";
-import { type AppBarVariantProps, appBar } from "@seed-design/recipe/appBar";
+import { type AppBarVariantProps, appBar } from "@seed-design/css/recipes/app-bar";
 import clsx from "clsx";
 import { forwardRef } from "react";
 import { AppBar as AppBarPrimitive } from "../../primitive";
 import { useAppBarContext } from "../../primitive/AppBar/useAppBarContext";
 import { createStyleContext } from "../../utils/createStyleContext";
-import { appBarMain, type AppBarMainVariantProps } from "@seed-design/recipe/appBarMain";
+import { appBarMain, type AppBarMainVariantProps } from "@seed-design/css/recipes/app-bar-main";
 
 const { PropsProvider, ClassNamesProvider, useProps, withContext, useClassNames } =
   createStyleContext(appBar);

package/src/components/AppScreen/AppScreen.tsx

@@ -1,4 +1,4 @@
-import { appScreen, type AppScreenVariantProps } from "@seed-design/recipe/appScreen";
+import { appScreen, type AppScreenVariantProps } from "@seed-design/css/recipes/app-screen";
 import { forwardRef, useMemo } from "react";
 import { AppScreen as AppScreenPrimitive } from "../../primitive";
 import { createStyleContext } from "../../utils/createStyleContext";