@seed-design/stackflow 0.0.1-rc.1 → 0.0.1-rc.4

package/lib/index.mjs

@@ -1,759 +0,0 @@
-var __defProp = Object.defineProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-
-// src/components/AppScreen/AppScreen.tsx
-import { appScreen } from "@seed-design/css/recipes/app-screen";
-import { forwardRef as forwardRef6, useMemo as useMemo5 } from "react";
-
-// src/primitive/index.tsx
-var primitive_exports = {};
-__export(primitive_exports, {
-  AppBar: () => AppBar_namespace_exports,
-  AppBarLeft: () => AppBarLeft,
-  AppBarMain: () => AppBarMain,
-  AppBarRight: () => AppBarRight,
-  AppBarRoot: () => AppBarRoot,
-  AppScreen: () => AppScreen_namespace_exports,
-  AppScreenDim: () => AppScreenDim,
-  AppScreenEdge: () => AppScreenEdge,
-  AppScreenLayer: () => AppScreenLayer,
-  AppScreenRoot: () => AppScreenRoot,
-  GlobalInteraction: () => GlobalInteraction,
-  useAppScreenContext: () => useAppScreenContext,
-  useGlobalInteractionContext: () => useGlobalInteractionContext
-});
-
-// src/primitive/AppScreen/AppScreen.tsx
-import { mergeProps } from "@seed-design/dom-utils";
-import { Primitive } from "@seed-design/react-primitive";
-import { forwardRef } from "react";
-
-// src/primitive/AppScreen/useAppScreen.tsx
-import { dataAttr, elementProps } from "@seed-design/dom-utils";
-import { useNullableActivity, useZIndexBase } from "@stackflow/react-ui-core";
-import { useMemo as useMemo2 } from "react";
-
-// src/primitive/GlobalInteraction/useSwipeBack.ts
-import { useEffect, useMemo } from "react";
-
-// src/primitive/GlobalInteraction/useGlobalInteractionContext.tsx
-import { createContext, useContext } from "react";
-var GlobalInteractionContext = createContext(null);
-var GlobalInteractionProvider = GlobalInteractionContext.Provider;
-function useGlobalInteractionContext({
-  strict = true
-} = {}) {
-  const context = useContext(GlobalInteractionContext);
-  if (!context && strict) {
-    throw new Error("useGlobalInteractionContext must be used within a GlobalInteractionProvider");
-  }
-  return context;
-}
-
-// src/primitive/GlobalInteraction/useSwipeBack.ts
-function useSwipeBack(props) {
-  const globalInteraction = useGlobalInteractionContext();
-  const events = globalInteraction.getSwipeBackEvents(props);
-  useEffect(() => {
-    return () => {
-      events.reset();
-    };
-  }, [events]);
-  return useMemo(
-    () => ({
-      activityProps: {
-        "data-swipe-back": ""
-      },
-      layerProps: {
-        onTransitionEnd: (e) => {
-          if (e.target === e.currentTarget) {
-            events.reset();
-          }
-        },
-        onAnimationEnd: (e) => {
-          if (e.target === e.currentTarget) {
-            events.reset();
-          }
-        }
-      },
-      edgeProps: {
-        tabIndex: -1,
-        onTouchStart: (e) => {
-          const x0 = e.touches[0].clientX;
-          const t0 = Date.now();
-          events.startSwipeBack({ x0, t0 });
-        },
-        onTouchMove: (e) => {
-          const x = e.touches[0].clientX;
-          const t = Date.now();
-          events.moveSwipeBack({ x, t });
-        },
-        onTouchEnd: () => {
-          events.endSwipeBack({});
-        },
-        onTouchCancel: () => {
-          events.endSwipeBack({});
-        }
-      }
-    }),
-    [events]
-  );
-}
-
-// src/primitive/AppScreen/useAppScreen.tsx
-function useAppScreen(props) {
-  var _a;
-  const activity = useNullableActivity();
-  const transitionState = (_a = activity == null ? void 0 : activity.transitionState) != null ? _a : "enter-done";
-  const { activityProps, layerProps, edgeProps } = useSwipeBack(props);
-  const zIndexBase = useZIndexBase();
-  const zIndexStyle = useMemo2(
-    () => ({
-      "--z-index-base": zIndexBase.toString()
-    }),
-    [zIndexBase]
-  );
-  const stateProps = useMemo2(
-    () => ({
-      "data-activity-is-top": dataAttr(activity == null ? void 0 : activity.isTop),
-      "data-activity-is-active": dataAttr(activity == null ? void 0 : activity.isActive),
-      "data-transition-state": transitionState
-    }),
-    [transitionState, activity == null ? void 0 : activity.isActive, activity == null ? void 0 : activity.isTop]
-  );
-  return useMemo2(
-    () => ({
-      activity,
-      stateProps,
-      activityProps: elementProps({
-        "data-part": "activity",
-        "data-activity-type": "full-screen",
-        ...activityProps,
-        ...stateProps,
-        "data-activity-id": activity == null ? void 0 : activity.id,
-        style: zIndexStyle,
-        // FIXME: @stackflow/react should prevent activity.id hydration mismatch; this is temporal fix.
-        suppressHydrationWarning: true
-      }),
-      dimProps: elementProps({
-        "data-part": "dim",
-        ...stateProps
-      }),
-      layerProps: elementProps({
-        "data-part": "layer",
-        ...stateProps,
-        ...layerProps
-      }),
-      edgeProps: elementProps({
-        "data-part": "edge",
-        "aria-hidden": true,
-        tabIndex: -1,
-        ...edgeProps,
-        ...stateProps
-      })
-    }),
-    [activity, zIndexStyle, stateProps, activityProps, edgeProps, layerProps]
-  );
-}
-
-// src/primitive/AppScreen/useAppScreenContext.ts
-import { createContext as createContext2, useContext as useContext2 } from "react";
-var AppScreenContext = createContext2(null);
-var AppScreenProvider = AppScreenContext.Provider;
-function useAppScreenContext({
-  strict = true
-} = {}) {
-  const context = useContext2(AppScreenContext);
-  if (!context && strict) {
-    throw new Error("useAppScreenContext must be used within a AppScreen");
-  }
-  return context;
-}
-
-// src/primitive/AppScreen/AppScreen.tsx
-import { jsx } from "react/jsx-runtime";
-var AppScreenRoot = forwardRef((props, ref) => {
-  const {
-    swipeBackDisplacementRatioThreshold,
-    swipeBackVelocityThreshold,
-    onSwipeBackEnd,
-    onSwipeBackMove,
-    onSwipeBackStart,
-    ...otherProps
-  } = props;
-  const api = useAppScreen({
-    swipeBackDisplacementRatioThreshold,
-    swipeBackVelocityThreshold,
-    onSwipeBackEnd,
-    onSwipeBackMove,
-    onSwipeBackStart
-  });
-  return /* @__PURE__ */ jsx(AppScreenProvider, { value: api, children: /* @__PURE__ */ jsx(
-    Primitive.div,
-    {
-      ref,
-      "data-stackflow-component-name": "AppScreen",
-      ...mergeProps(api.activityProps, otherProps)
-    }
-  ) });
-});
-AppScreenRoot.displayName = "AppScreenRoot";
-var AppScreenDim = forwardRef((props, ref) => {
-  const { dimProps } = useAppScreenContext();
-  return /* @__PURE__ */ jsx(Primitive.div, { ref, ...mergeProps(dimProps, props) });
-});
-AppScreenDim.displayName = "AppScreenDim";
-var AppScreenEdge = forwardRef((props, ref) => {
-  const { edgeProps } = useAppScreenContext();
-  return /* @__PURE__ */ jsx(Primitive.div, { ref, ...mergeProps(edgeProps, props) });
-});
-AppScreenEdge.displayName = "AppScreenEdge";
-var AppScreenLayer = forwardRef((props, ref) => {
-  const { layerProps } = useAppScreenContext();
-  return /* @__PURE__ */ jsx(Primitive.div, { ref, ...mergeProps(layerProps, props) });
-});
-AppScreenLayer.displayName = "AppScreenLayer";
-
-// src/primitive/AppScreen/AppScreen.namespace.ts
-var AppScreen_namespace_exports = {};
-__export(AppScreen_namespace_exports, {
-  Dim: () => AppScreenDim,
-  Edge: () => AppScreenEdge,
-  Layer: () => AppScreenLayer,
-  Root: () => AppScreenRoot
-});
-
-// src/primitive/AppBar/AppBar.tsx
-import { Primitive as Primitive2 } from "@seed-design/react-primitive";
-import { forwardRef as forwardRef2 } from "react";
-
-// src/primitive/AppBar/useAppBar.tsx
-import { elementProps as elementProps2 } from "@seed-design/dom-utils";
-import { useMemo as useMemo3, useState as useState2 } from "react";
-
-// src/primitive/private/useElementOffset.ts
-import * as React from "react";
-var useLayoutEffect2 = typeof window !== "undefined" ? React.useLayoutEffect : React.useEffect;
-function useElementOffset(element) {
-  const [offset, setOffset] = React.useState(
-    void 0
-  );
-  useLayoutEffect2(() => {
-    var _a;
-    if (!element) {
-      setOffset(void 0);
-      return;
-    }
-    if (element) {
-      setOffset({
-        fromLeft: element.offsetLeft + element.offsetWidth,
-        fromRight: ((_a = element.offsetParent) != null ? _a : document.body).clientWidth - element.offsetLeft
-      });
-      const resizeObserver = new ResizeObserver(() => {
-        var _a2;
-        const fromLeft = element.offsetLeft + element.offsetWidth;
-        const fromRight = ((_a2 = element.offsetParent) != null ? _a2 : document.body).clientWidth - element.offsetLeft;
-        setOffset({ fromLeft, fromRight });
-      });
-      resizeObserver.observe(element);
-      return () => resizeObserver.unobserve(element);
-    }
-  }, [element]);
-  return offset;
-}
-
-// src/primitive/AppBar/useAppBar.tsx
-function useAppBar(_props) {
-  var _a, _b;
-  const { stateProps } = useAppScreenContext();
-  const [root, rootRef] = useState2(null);
-  const [left, leftRef] = useState2(null);
-  const [right, rightRef] = useState2(null);
-  const leftOffset = useElementOffset(left);
-  const rightOffset = useElementOffset(right);
-  const centeredTitlePaddingX = root ? `${Math.max((_a = leftOffset == null ? void 0 : leftOffset.fromLeft) != null ? _a : 0, (_b = rightOffset == null ? void 0 : rightOffset.fromRight) != null ? _b : 0)}px` : "initial";
-  return useMemo3(
-    () => ({
-      refs: {
-        root: rootRef,
-        left: leftRef,
-        right: rightRef
-      },
-      stateProps,
-      rootProps: elementProps2({
-        "data-part": "appBar",
-        ...stateProps,
-        style: {
-          "--centered-title-padding-x": centeredTitlePaddingX
-        }
-      })
-    }),
-    [stateProps, centeredTitlePaddingX]
-  );
-}
-
-// src/primitive/AppBar/useAppBarContext.ts
-import { createContext as createContext3, useContext as useContext3 } from "react";
-var AppBarContext = createContext3(null);
-var AppBarProvider = AppBarContext.Provider;
-function useAppBarContext({
-  strict = true
-} = {}) {
-  const context = useContext3(AppBarContext);
-  if (!context && strict) {
-    throw new Error("useAppBarContext must be used within a AppBar");
-  }
-  return context;
-}
-
-// src/primitive/AppBar/AppBar.tsx
-import { mergeProps as mergeProps2 } from "@seed-design/dom-utils";
-import { composeRefs } from "@radix-ui/react-compose-refs";
-import { jsx as jsx2 } from "react/jsx-runtime";
-var AppBarRoot = forwardRef2((props, ref) => {
-  const { ...otherProps } = props;
-  const api = useAppBar({});
-  return /* @__PURE__ */ jsx2(AppBarProvider, { value: api, children: /* @__PURE__ */ jsx2(
-    Primitive2.div,
-    {
-      ref: composeRefs(api.refs.root, ref),
-      ...mergeProps2(api.rootProps, otherProps)
-    }
-  ) });
-});
-AppBarRoot.displayName = "AppBarRoot";
-var AppBarLeft = forwardRef2((props, ref) => {
-  const { refs, stateProps } = useAppBarContext();
-  return /* @__PURE__ */ jsx2(Primitive2.div, { ref: composeRefs(refs.left, ref), ...mergeProps2(stateProps, props) });
-});
-AppBarLeft.displayName = "AppBarLeft";
-var AppBarRight = forwardRef2((props, ref) => {
-  const { refs, stateProps } = useAppBarContext();
-  return /* @__PURE__ */ jsx2(Primitive2.div, { ref: composeRefs(refs.right, ref), ...mergeProps2(stateProps, props) });
-});
-AppBarRight.displayName = "AppBarRight";
-var AppBarMain = forwardRef2((props, ref) => {
-  const { stateProps } = useAppBarContext();
-  return /* @__PURE__ */ jsx2(Primitive2.div, { ref, ...mergeProps2(stateProps, props) });
-});
-
-// src/primitive/AppBar/AppBar.namespace.ts
-var AppBar_namespace_exports = {};
-__export(AppBar_namespace_exports, {
-  Left: () => AppBarLeft,
-  Main: () => AppBarMain,
-  Right: () => AppBarRight,
-  Root: () => AppBarRoot
-});
-
-// src/primitive/GlobalInteraction/GlobalInteraction.tsx
-import { composeRefs as composeRefs2 } from "@radix-ui/react-compose-refs";
-import { mergeProps as mergeProps3 } from "@seed-design/dom-utils";
-import { Primitive as Primitive3 } from "@seed-design/react-primitive";
-import { forwardRef as forwardRef3 } from "react";
-
-// src/primitive/GlobalInteraction/useGlobalInteraction.ts
-import { useCallbackRef } from "@radix-ui/react-use-callback-ref";
-import { useCallback, useMemo as useMemo4, useRef, useState as useState4 } from "react";
-
-// src/primitive/private/useTopActivity.ts
-import { useStack } from "@stackflow/react";
-import { useEffect as useEffect3, useState as useState3 } from "react";
-function useTopActivity() {
-  var _a, _b;
-  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 = (_a = stack.activities.find((activity) => activity.isTop)) == null ? void 0 : _a.id;
-  const topActivity = stack.activities.find((activity) => activity.isTop);
-  const transitionState = (_b = topActivity == null ? void 0 : topActivity.transitionState) != null ? _b : "enter-done";
-  const [topEl, setTopEl] = useState3(null);
-  const activityType = topEl == null ? void 0 : topEl.dataset["activityType"];
-  useEffect3(() => {
-    if (!topId) return;
-    const el = document.querySelector(`[data-activity-id="${topId}"]`);
-    setTopEl(el);
-  }, [topId]);
-  return {
-    transitionState,
-    activityType
-  };
-}
-
-// src/primitive/GlobalInteraction/useGlobalInteraction.ts
-function useGlobalInteraction() {
-  const [swipeBackState, setSwipeBackState] = useState4("idle");
-  const swipeBackContextRef = useRef({
-    x0: 0,
-    t0: 0,
-    displacement: 0,
-    displacementRatio: 0,
-    velocity: 0
-  });
-  const stackRef = useRef(null);
-  const setSwipeBackContext = useCallback((ctx) => {
-    var _a, _b;
-    swipeBackContextRef.current = ctx;
-    (_a = stackRef.current) == null ? void 0 : _a.style.setProperty(
-      "--swipe-back-displacement",
-      `${ctx.displacement.toString()}px`
-    );
-    (_b = stackRef.current) == null ? void 0 : _b.style.setProperty(
-      "--swipe-back-displacement-ratio",
-      ctx.displacementRatio.toString()
-    );
-  }, []);
-  const getSwipeBackEvents = useCallback(
-    (props) => {
-      const {
-        swipeBackDisplacementRatioThreshold: displacementRatioThreshold = 0.4,
-        swipeBackVelocityThreshold: velocityThreshold = 1
-      } = props;
-      const onSwipeStart = useCallbackRef(props.onSwipeBackStart);
-      const onSwipeMove = useCallbackRef(props.onSwipeBackMove);
-      const onSwipeEnd = useCallbackRef(props.onSwipeBackEnd);
-      const startSwipeBack = useCallback(
-        ({ x0, t0 }) => {
-          setSwipeBackContext({
-            x0,
-            t0,
-            displacement: 0,
-            displacementRatio: 0,
-            velocity: 0
-          });
-          setSwipeBackState("swiping");
-          onSwipeStart == null ? void 0 : onSwipeStart();
-        },
-        [onSwipeStart]
-      );
-      const moveSwipeBack = useCallback(
-        ({ x, t }) => {
-          const displacement = x - swipeBackContextRef.current.x0;
-          const displacementRatio = displacement / window.innerWidth;
-          const velocity = displacement / (t - swipeBackContextRef.current.t0);
-          setSwipeBackContext({
-            ...swipeBackContextRef.current,
-            displacement,
-            displacementRatio,
-            velocity
-          });
-          setSwipeBackState("swiping");
-          onSwipeMove == null ? void 0 : onSwipeMove({ displacement, displacementRatio });
-        },
-        [onSwipeMove]
-      );
-      const endSwipeBack = useCallback(
-        (_) => {
-          const swiped = swipeBackContextRef.current.displacementRatio > displacementRatioThreshold || swipeBackContextRef.current.velocity > velocityThreshold;
-          setSwipeBackState("transitioning");
-          onSwipeEnd == null ? void 0 : onSwipeEnd({ swiped });
-        },
-        [onSwipeEnd, displacementRatioThreshold, velocityThreshold]
-      );
-      const reset = useCallback(() => {
-        setSwipeBackContext({
-          x0: 0,
-          t0: 0,
-          displacement: 0,
-          displacementRatio: 0,
-          velocity: 0
-        });
-        setSwipeBackState("idle");
-      }, []);
-      return useMemo4(
-        () => ({
-          startSwipeBack,
-          moveSwipeBack,
-          endSwipeBack,
-          reset
-        }),
-        [startSwipeBack, moveSwipeBack, endSwipeBack, reset]
-      );
-    },
-    [setSwipeBackContext]
-  );
-  const topActivity = useTopActivity();
-  const stackProps = useMemo4(
-    () => ({
-      "data-swipe-back-state": swipeBackState,
-      "data-global-transition-state": topActivity.transitionState,
-      "data-top-activity-type": topActivity.activityType
-    }),
-    [swipeBackState, topActivity.transitionState, topActivity.activityType]
-  );
-  return useMemo4(
-    () => ({
-      stackRef,
-      swipeBackContextRef,
-      swipeBackState,
-      setSwipeBackState,
-      setSwipeBackContext,
-      getSwipeBackEvents,
-      stackProps
-    }),
-    [swipeBackState, setSwipeBackContext, getSwipeBackEvents, stackProps]
-  );
-}
-
-// src/primitive/GlobalInteraction/GlobalInteraction.tsx
-import { jsx as jsx3 } from "react/jsx-runtime";
-var GlobalInteraction = forwardRef3(
-  (props, ref) => {
-    const api = useGlobalInteraction();
-    return /* @__PURE__ */ jsx3(GlobalInteractionProvider, { value: api, children: /* @__PURE__ */ jsx3(
-      Primitive3.div,
-      {
-        ref: composeRefs2(api.stackRef, ref),
-        ...mergeProps3(api.stackProps, props)
-      }
-    ) });
-  }
-);
-GlobalInteraction.displayName = "GlobalInteraction";
-
-// src/utils/createStyleContext.tsx
-import clsx from "clsx";
-import { createContext as createContext4, forwardRef as forwardRef4, useContext as useContext4 } from "react";
-import { jsx as jsx4 } from "react/jsx-runtime";
-function createStyleContext(recipe) {
-  const ClassNamesContext = createContext4(null);
-  const PropsContext = createContext4(null);
-  const ClassNamesProvider3 = ({
-    children,
-    value
-  }) => {
-    return /* @__PURE__ */ jsx4(ClassNamesContext.Provider, { value, children });
-  };
-  const PropsProvider3 = ({ children, value }) => {
-    return /* @__PURE__ */ jsx4(PropsContext.Provider, { value, children });
-  };
-  function useClassNames2() {
-    const context = useContext4(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 useProps3() {
-    return useContext4(PropsContext);
-  }
-  const withRootProvider = (Component, options) => {
-    const { defaultProps } = options != null ? options : {};
-    const StyledComponent = (innerProps) => {
-      const props = { ...defaultProps != null ? defaultProps : {}, ...useProps3(), ...innerProps };
-      const [variantProps, otherProps] = recipe.splitVariantProps(props);
-      const classNames = recipe(variantProps);
-      return /* @__PURE__ */ jsx4(ClassNamesProvider3, { value: classNames, children: /* @__PURE__ */ jsx4(Component, { ...otherProps }) });
-    };
-    StyledComponent.displayName = Component.displayName || Component.name;
-    return StyledComponent;
-  };
-  const withProvider = (Component, slot, options) => {
-    const { defaultProps } = options != null ? options : {};
-    const StyledComponent = forwardRef4((innerProps, ref) => {
-      const props = { ...defaultProps != null ? defaultProps : {}, ...useProps3(), ...innerProps };
-      const [variantProps, otherProps] = recipe.splitVariantProps(props);
-      const classNames = recipe(variantProps);
-      const className = classNames[slot];
-      return /* @__PURE__ */ jsx4(ClassNamesProvider3, { value: classNames, children: /* @__PURE__ */ jsx4(Component, { ref, ...otherProps, className: clsx(className, props.className) }) });
-    });
-    StyledComponent.displayName = Component.displayName || Component.name;
-    return StyledComponent;
-  };
-  const withContext3 = (Component, slot) => {
-    const StyledComponent = forwardRef4((props, ref) => {
-      const classNames = useClassNames2();
-      const className = classNames == null ? void 0 : classNames[slot];
-      return /* @__PURE__ */ jsx4(Component, { ref, ...props, className: clsx(className, props.className) });
-    });
-    StyledComponent.displayName = Component.displayName || Component.name;
-    return StyledComponent;
-  };
-  return {
-    ClassNamesProvider: ClassNamesProvider3,
-    PropsProvider: PropsProvider3,
-    useClassNames: useClassNames2,
-    useProps: useProps3,
-    withRootProvider,
-    withProvider,
-    withContext: withContext3
-  };
-}
-
-// src/components/AppBar/AppBar.tsx
-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/css/recipes/app-bar";
-import clsx2 from "clsx";
-import { forwardRef as forwardRef5 } from "react";
-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 {
-  PropsProvider: MainPropsProvider,
-  withProvider: withMainProvider,
-  withContext: withMainContext
-} = createStyleContext(appBarMain);
-var AppBarPropsProvider = PropsProvider;
-var AppBarRoot2 = forwardRef5((props, ref) => {
-  const contextProps = useProps();
-  const [variantProps, otherProps] = appBar.splitVariantProps({ ...contextProps, ...props });
-  const classNames = appBar(variantProps);
-  return /* @__PURE__ */ jsx5(ClassNamesProvider, { value: classNames, children: /* @__PURE__ */ jsx5(
-    MainPropsProvider,
-    {
-      value: {
-        theme: variantProps.theme,
-        transitionStyle: variantProps.transitionStyle,
-        tone: variantProps.tone
-      },
-      children: /* @__PURE__ */ jsx5(
-        AppBar_namespace_exports.Root,
-        {
-          ref,
-          ...mergeProps4({ className: classNames.root }, otherProps)
-        }
-      )
-    }
-  ) });
-});
-AppBarRoot2.displayName = "AppBarRoot";
-var AppBarLeft2 = withContext(
-  AppBar_namespace_exports.Left,
-  "left"
-);
-var AppBarRight2 = withContext(
-  AppBar_namespace_exports.Right,
-  "right"
-);
-var AppBarMain2 = withMainProvider(
-  AppBar_namespace_exports.Main,
-  "root"
-);
-var AppBarTitle = withMainContext(
-  Primitive4.span,
-  "title"
-);
-var AppBarSubtitle = withMainContext(
-  Primitive4.span,
-  "subtitle"
-);
-var AppBarIconButton = forwardRef5(
-  ({ children, className, ...otherProps }, ref) => {
-    const { stateProps } = useAppBarContext();
-    const classNames = useClassNames();
-    return /* @__PURE__ */ jsx5(
-      Primitive4.button,
-      {
-        ref,
-        type: "button",
-        className: clsx2(classNames.iconButton, className),
-        ...mergeProps4(stateProps, otherProps),
-        children: /* @__PURE__ */ jsx5(Slot, { className: classNames.icon, ...stateProps, children })
-      }
-    );
-  }
-);
-AppBarIconButton.displayName = "IconButton";
-
-// src/components/AppScreen/AppScreen.tsx
-import { mergeProps as mergeProps5 } from "@seed-design/dom-utils";
-import { jsx as jsx6 } from "react/jsx-runtime";
-var { ClassNamesProvider: ClassNamesProvider2, PropsProvider: PropsProvider2, withContext: withContext2, useProps: useProps2 } = createStyleContext(appScreen);
-var AppScreenPropsProvider = PropsProvider2;
-var AppScreenRoot2 = forwardRef6((props, ref) => {
-  var _a;
-  const contextProps = useProps2();
-  const [variantProps, otherProps] = appScreen.splitVariantProps({ ...contextProps, ...props });
-  const transitionStyle = (_a = variantProps.transitionStyle) != null ? _a : variantProps.theme === "cupertino" ? "slideFromRightIOS" : "fadeFromBottomAndroid";
-  const classNames = appScreen({
-    ...variantProps,
-    transitionStyle
-  });
-  return /* @__PURE__ */ jsx6(ClassNamesProvider2, { value: classNames, children: /* @__PURE__ */ jsx6(
-    AppBarPropsProvider,
-    {
-      value: useMemo5(
-        () => ({ theme: variantProps.theme, transitionStyle }),
-        [variantProps.theme, transitionStyle]
-      ),
-      children: /* @__PURE__ */ jsx6(
-        AppScreen_namespace_exports.Root,
-        {
-          ref,
-          ...mergeProps5({ className: classNames.root }, otherProps)
-        }
-      )
-    }
-  ) });
-});
-AppScreenRoot2.displayName = "AppScreenRoot";
-var AppScreenDim2 = withContext2(
-  AppScreen_namespace_exports.Dim,
-  "dim"
-);
-var AppScreenEdge2 = withContext2(
-  AppScreen_namespace_exports.Edge,
-  "edge"
-);
-var AppScreenLayer2 = withContext2(
-  AppScreen_namespace_exports.Layer,
-  "layer"
-);
-
-// src/plugin.tsx
-import { jsx as jsx7 } from "react/jsx-runtime";
-var seedPlugin = (options) => () => ({
-  key: "seed-design",
-  wrapStack({ stack }) {
-    return /* @__PURE__ */ jsx7(AppScreenPropsProvider, { value: options, children: /* @__PURE__ */ jsx7(GlobalInteraction, { children: stack.render() }) });
-  }
-});
-
-// src/components/AppBar/AppBar.namespace.ts
-var AppBar_namespace_exports2 = {};
-__export(AppBar_namespace_exports2, {
-  IconButton: () => AppBarIconButton,
-  Left: () => AppBarLeft2,
-  Main: () => AppBarMain2,
-  Right: () => AppBarRight2,
-  Root: () => AppBarRoot2,
-  Subtitle: () => AppBarSubtitle,
-  Title: () => AppBarTitle
-});
-
-// src/components/AppScreen/AppScreen.namespace.ts
-var AppScreen_namespace_exports2 = {};
-__export(AppScreen_namespace_exports2, {
-  Dim: () => AppScreenDim2,
-  Edge: () => AppScreenEdge2,
-  Layer: () => AppScreenLayer2,
-  Root: () => AppScreenRoot2
-});
-export {
-  AppBar_namespace_exports2 as AppBar,
-  AppBarIconButton,
-  AppBarLeft2 as AppBarLeft,
-  AppBarMain2 as AppBarMain,
-  AppBarRight2 as AppBarRight,
-  AppBarRoot2 as AppBarRoot,
-  AppBarSubtitle,
-  AppBarTitle,
-  AppScreen_namespace_exports2 as AppScreen,
-  AppScreenDim2 as AppScreenDim,
-  AppScreenEdge2 as AppScreenEdge,
-  AppScreenLayer2 as AppScreenLayer,
-  AppScreenRoot2 as AppScreenRoot,
-  primitive_exports as Primitive,
-  seedPlugin
-};
-//# sourceMappingURL=index.mjs.map