@seed-design/stackflow 0.0.1-rc.0 → 0.0.1-rc.3

package/lib/primitive/index.js

@@ -0,0 +1,9 @@
+export { AppScreenDim, AppScreenEdge, AppScreenLayer, AppScreenRoot } from './AppScreen/AppScreen.js';
+import * as AppScreen_namespace from './AppScreen/AppScreen.namespace.js';
+export { AppScreen_namespace as AppScreen };
+export { useAppScreenContext } from './AppScreen/useAppScreenContext.js';
+export { AppBarLeft, AppBarMain, AppBarRight, AppBarRoot } from './AppBar/AppBar.js';
+import * as AppBar_namespace from './AppBar/AppBar.namespace.js';
+export { AppBar_namespace as AppBar };
+export { GlobalInteraction } from './GlobalInteraction/GlobalInteraction.js';
+export { useGlobalInteractionContext } from './GlobalInteraction/useGlobalInteractionContext.js';

package/lib/primitive/private/useElementOffset.cjs

@@ -0,0 +1,53 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const React = require('react');
+
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
+  if (e) {
+    for (const k in e) {
+      if (k !== 'default') {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+const React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+const useLayoutEffect = typeof window !== "undefined" ? React__namespace.useLayoutEffect : React__namespace.useEffect;
+function useElementOffset(element) {
+  const [offset, setOffset] = React__namespace.useState(
+    void 0
+  );
+  useLayoutEffect(() => {
+    if (!element) {
+      setOffset(void 0);
+      return;
+    }
+    if (element) {
+      setOffset({
+        fromLeft: element.offsetLeft + element.offsetWidth,
+        fromRight: (element.offsetParent ?? document.body).clientWidth - element.offsetLeft
+      });
+      const resizeObserver = new ResizeObserver(() => {
+        const fromLeft = element.offsetLeft + element.offsetWidth;
+        const fromRight = (element.offsetParent ?? document.body).clientWidth - element.offsetLeft;
+        setOffset({ fromLeft, fromRight });
+      });
+      resizeObserver.observe(element);
+      return () => resizeObserver.unobserve(element);
+    }
+  }, [element]);
+  return offset;
+}
+
+exports.useElementOffset = useElementOffset;

package/lib/primitive/private/useElementOffset.js

@@ -0,0 +1,30 @@
+import * as React from 'react';
+
+const useLayoutEffect = typeof window !== "undefined" ? React.useLayoutEffect : React.useEffect;
+function useElementOffset(element) {
+  const [offset, setOffset] = React.useState(
+    void 0
+  );
+  useLayoutEffect(() => {
+    if (!element) {
+      setOffset(void 0);
+      return;
+    }
+    if (element) {
+      setOffset({
+        fromLeft: element.offsetLeft + element.offsetWidth,
+        fromRight: (element.offsetParent ?? document.body).clientWidth - element.offsetLeft
+      });
+      const resizeObserver = new ResizeObserver(() => {
+        const fromLeft = element.offsetLeft + element.offsetWidth;
+        const fromRight = (element.offsetParent ?? document.body).clientWidth - element.offsetLeft;
+        setOffset({ fromLeft, fromRight });
+      });
+      resizeObserver.observe(element);
+      return () => resizeObserver.unobserve(element);
+    }
+  }, [element]);
+  return offset;
+}
+
+export { useElementOffset };

package/lib/primitive/private/useTopActivity.cjs

@@ -0,0 +1,31 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const react = require('@stackflow/react');
+const React = require('react');
+
+function useTopActivity() {
+  const stack = react.useStack();
+  if (!stack) {
+    throw new Error(
+      "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)"
+    );
+  }
+  const topId = stack.activities.find((activity) => activity.isTop)?.id;
+  const topActivity = stack.activities.find((activity) => activity.isTop);
+  const transitionState = topActivity?.transitionState ?? "enter-done";
+  const [topEl, setTopEl] = React.useState(null);
+  const activityType = topEl?.dataset["activityType"];
+  React.useEffect(() => {
+    if (!topId) return;
+    const el = document.querySelector(`[data-activity-id="${topId}"]`);
+    setTopEl(el);
+  }, [topId]);
+  return {
+    transitionState,
+    activityType
+  };
+}
+
+exports.useTopActivity = useTopActivity;

package/lib/primitive/private/useTopActivity.js

@@ -0,0 +1,27 @@
+import { useStack } from '@stackflow/react';
+import { useState, useEffect } from 'react';
+
+function useTopActivity() {
+  const stack = useStack();
+  if (!stack) {
+    throw new Error(
+      "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)"
+    );
+  }
+  const topId = stack.activities.find((activity) => activity.isTop)?.id;
+  const topActivity = stack.activities.find((activity) => activity.isTop);
+  const transitionState = topActivity?.transitionState ?? "enter-done";
+  const [topEl, setTopEl] = useState(null);
+  const activityType = topEl?.dataset["activityType"];
+  useEffect(() => {
+    if (!topId) return;
+    const el = document.querySelector(`[data-activity-id="${topId}"]`);
+    setTopEl(el);
+  }, [topId]);
+  return {
+    transitionState,
+    activityType
+  };
+}
+
+export { useTopActivity };

package/lib/utils/createStyleContext.cjs

@@ -0,0 +1,76 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const clsx = require('clsx');
+const React = require('react');
+
+function createStyleContext(recipe) {
+  const ClassNamesContext = React.createContext(null);
+  const PropsContext = React.createContext(null);
+  const ClassNamesProvider = ({
+    children,
+    value
+  }) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(ClassNamesContext.Provider, { value, children });
+  };
+  const PropsProvider = ({ children, value }) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(PropsContext.Provider, { value, children });
+  };
+  function useClassNames() {
+    const context = React.useContext(ClassNamesContext);
+    if (context === null) {
+      throw new Error(
+        "useClassNames must be used within a ClassNamesProvider. Did you forget to wrap your component in a ClassNamesProvider?"
+      );
+    }
+    return context;
+  }
+  function useProps() {
+    return React.useContext(PropsContext);
+  }
+  const withRootProvider = (Component, options) => {
+    const { defaultProps } = options ?? {};
+    const StyledComponent = (innerProps) => {
+      const props = { ...defaultProps ?? {}, ...useProps(), ...innerProps };
+      const [variantProps, otherProps] = recipe.splitVariantProps(props);
+      const classNames = recipe(variantProps);
+      return /* @__PURE__ */ jsxRuntime.jsx(ClassNamesProvider, { value: classNames, children: /* @__PURE__ */ jsxRuntime.jsx(Component, { ...otherProps }) });
+    };
+    StyledComponent.displayName = Component.displayName || Component.name;
+    return StyledComponent;
+  };
+  const withProvider = (Component, slot, options) => {
+    const { defaultProps } = options ?? {};
+    const StyledComponent = React.forwardRef((innerProps, ref) => {
+      const props = { ...defaultProps ?? {}, ...useProps(), ...innerProps };
+      const [variantProps, otherProps] = recipe.splitVariantProps(props);
+      const classNames = recipe(variantProps);
+      const className = classNames[slot];
+      return /* @__PURE__ */ jsxRuntime.jsx(ClassNamesProvider, { value: classNames, children: /* @__PURE__ */ jsxRuntime.jsx(Component, { ref, ...otherProps, className: clsx(className, props.className) }) });
+    });
+    StyledComponent.displayName = Component.displayName || Component.name;
+    return StyledComponent;
+  };
+  const withContext = (Component, slot) => {
+    const StyledComponent = React.forwardRef((props, ref) => {
+      const classNames = useClassNames();
+      const className = classNames?.[slot];
+      return /* @__PURE__ */ jsxRuntime.jsx(Component, { ref, ...props, className: clsx(className, props.className) });
+    });
+    StyledComponent.displayName = Component.displayName || Component.name;
+    return StyledComponent;
+  };
+  return {
+    ClassNamesProvider,
+    PropsProvider,
+    useClassNames,
+    useProps,
+    withRootProvider,
+    withProvider,
+    withContext
+  };
+}
+
+exports.createStyleContext = createStyleContext;

package/lib/utils/createStyleContext.js

@@ -0,0 +1,72 @@
+import { jsx } from 'react/jsx-runtime';
+import clsx from 'clsx';
+import { createContext, forwardRef, useContext } from 'react';
+
+function createStyleContext(recipe) {
+  const ClassNamesContext = createContext(null);
+  const PropsContext = createContext(null);
+  const ClassNamesProvider = ({
+    children,
+    value
+  }) => {
+    return /* @__PURE__ */ jsx(ClassNamesContext.Provider, { value, children });
+  };
+  const PropsProvider = ({ children, value }) => {
+    return /* @__PURE__ */ jsx(PropsContext.Provider, { value, children });
+  };
+  function useClassNames() {
+    const context = useContext(ClassNamesContext);
+    if (context === null) {
+      throw new Error(
+        "useClassNames must be used within a ClassNamesProvider. Did you forget to wrap your component in a ClassNamesProvider?"
+      );
+    }
+    return context;
+  }
+  function useProps() {
+    return useContext(PropsContext);
+  }
+  const withRootProvider = (Component, options) => {
+    const { defaultProps } = options ?? {};
+    const StyledComponent = (innerProps) => {
+      const props = { ...defaultProps ?? {}, ...useProps(), ...innerProps };
+      const [variantProps, otherProps] = recipe.splitVariantProps(props);
+      const classNames = recipe(variantProps);
+      return /* @__PURE__ */ jsx(ClassNamesProvider, { value: classNames, children: /* @__PURE__ */ jsx(Component, { ...otherProps }) });
+    };
+    StyledComponent.displayName = Component.displayName || Component.name;
+    return StyledComponent;
+  };
+  const withProvider = (Component, slot, options) => {
+    const { defaultProps } = options ?? {};
+    const StyledComponent = forwardRef((innerProps, ref) => {
+      const props = { ...defaultProps ?? {}, ...useProps(), ...innerProps };
+      const [variantProps, otherProps] = recipe.splitVariantProps(props);
+      const classNames = recipe(variantProps);
+      const className = classNames[slot];
+      return /* @__PURE__ */ jsx(ClassNamesProvider, { value: classNames, children: /* @__PURE__ */ jsx(Component, { ref, ...otherProps, className: clsx(className, props.className) }) });
+    });
+    StyledComponent.displayName = Component.displayName || Component.name;
+    return StyledComponent;
+  };
+  const withContext = (Component, slot) => {
+    const StyledComponent = forwardRef((props, ref) => {
+      const classNames = useClassNames();
+      const className = classNames?.[slot];
+      return /* @__PURE__ */ jsx(Component, { ref, ...props, className: clsx(className, props.className) });
+    });
+    StyledComponent.displayName = Component.displayName || Component.name;
+    return StyledComponent;
+  };
+  return {
+    ClassNamesProvider,
+    PropsProvider,
+    useClassNames,
+    useProps,
+    withRootProvider,
+    withProvider,
+    withContext
+  };
+}
+
+export { createStyleContext };

package/lib/utils/createWithStateProps.d.ts

@@ -1,3 +1,4 @@
+import { ForwardRefExoticComponent, PropsWithoutRef, RefAttributes } from 'react';
 type AtLeastOne<T> = [T, ...T[]];
 export declare function createWithStateProps(useContexts: AtLeastOne<(prop?: {
     strict?: boolean;
@@ -5,5 +6,5 @@ export declare function createWithStateProps(useContexts: AtLeastOne<(prop?: {
     stateProps: React.HTMLAttributes<HTMLElement>;
 } | null>, options?: {
     strict?: boolean;
-}): <P, R>(Component: React.ComponentType<P & React.RefAttributes<R>>) => import("react").ForwardRefExoticComponent<import("react").PropsWithoutRef<P> & import("react").RefAttributes<R>>;
+}): <P, R>(Component: React.ComponentType<P & React.RefAttributes<R>>) => ForwardRefExoticComponent< PropsWithoutRef<P> & RefAttributes<R>>;
 export {};

package/package.json

@@ -1,28 +1,30 @@
 {
   "name": "@seed-design/stackflow",
-  "version": "0.0.1-rc.0",
+  "version": "0.0.1-rc.3",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/daangn/seed-design.git",
     "directory": "packages/stackflow"
   },
   "sideEffects": false,
+  "type": "module",
   "exports": {
     ".": {
       "types": "./lib/index.d.ts",
-      "require": "./lib/index.js",
-      "import": "./lib/index.mjs"
+      "import": "./lib/index.js",
+      "require": "./lib/index.cjs"
     },
     "./package.json": "./package.json"
   },
-  "main": "./lib/index.js",
+  "main": "./lib/index.cjs",
   "files": [
     "lib",
     "src"
   ],
   "scripts": {
     "clean": "rm -rf lib",
-    "build": "bun build.mjs && tsc"
+    "build": "vite build",
+    "lint:publish": "bun publint"
   },
   "dependencies": {
     "@radix-ui/react-compose-refs": "^1.1.1",
@@ -33,11 +35,14 @@
     "clsx": "^2.1.1"
   },
   "devDependencies": {
-    "@stackflow/core": "^1.1.0",
-    "esbuild": "^0.25.0"
+    "@seed-design/css": "0.0.1-rc.3",
+    "globby": "^14.1.0",
+    "vite": "^6.1.1",
+    "vite-plugin-dts": "^4.5.0"
   },
   "peerDependencies": {
-    "@seed-design/css": "0.0.1-rc.0",
+    "@seed-design/css": "0.0.1-rc.3",
+    "@stackflow/core": ">=1.1.0",
     "@stackflow/react": ">=1.4.1",
     "@stackflow/react-ui-core": ">=1.2.1",
     "react": ">=18.0.0",
@@ -45,11 +50,5 @@
   },
   "publishConfig": {
     "access": "public"
-  },
-  "ultra": {
-    "concurrent": [
-      "dev",
-      "build"
-    ]
   }
 }

package/src/components/AppScreen/AppScreen.namespace.ts

@@ -3,6 +3,7 @@ export {
   AppScreenEdge as Edge,
   AppScreenLayer as Layer,
   AppScreenRoot as Root,
+  AppScreenPropsProvider as PropsProvider,
 } from "./AppScreen";
 
 export type {

package/src/components/AppScreen/{index.tsx → index.ts}

@@ -3,6 +3,7 @@ export {
   AppScreenEdge,
   AppScreenLayer,
   AppScreenRoot,
+  AppScreenPropsProvider,
 } from "./AppScreen";
 
 export type {

package/src/plugin.tsx

@@ -1,5 +1,5 @@
 import type { StackflowReactPlugin } from "@stackflow/react";
-import { AppScreenPropsProvider } from "./components/AppScreen/AppScreen";
+import { AppScreenPropsProvider } from "./components";
 import { GlobalInteraction } from "./primitive";
 
 export interface SeedPluginOptions {

package/lib/index.js.map

@@ -1,7 +0,0 @@
-{
-  "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/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"]
-}