@seed-design/stackflow 1.1.20 → 1.1.21

package/lib/primitive/AppBar/AppBar.cjs

@@ -1,43 +1,51 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const jsxRuntime = require('react/jsx-runtime');
-const reactComposeRefs = require('@radix-ui/react-compose-refs');
-const domUtils = require('@seed-design/dom-utils');
-const reactPrimitive = require('@seed-design/react-primitive');
-const React = require('react');
-const useAppBar = require('./useAppBar.cjs');
-const useAppBarContext = require('./useAppBarContext.cjs');
-
-const AppBarRoot = React.forwardRef((props, ref) => {
-  const { ...otherProps } = props;
-  const api = useAppBar.useAppBar();
-  return /* @__PURE__ */ jsxRuntime.jsx(useAppBarContext.AppBarProvider, { value: api, children: /* @__PURE__ */ jsxRuntime.jsx(
-    reactPrimitive.Primitive.div,
-    {
-      ref: reactComposeRefs.composeRefs(api.refs.root, ref),
-      ...domUtils.mergeProps(api.rootProps, otherProps)
-    }
-  ) });
+"use client";
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_anatomy = require("./anatomy.cjs");
+const require_useAppBar = require("./useAppBar.cjs");
+const require_useAppBarContext = require("./useAppBarContext.cjs");
+let _seed_design_dom_utils = require("@seed-design/dom-utils");
+let _seed_design_react_primitive = require("@seed-design/react-primitive");
+let react = require("react");
+let _radix_ui_react_compose_refs = require("@radix-ui/react-compose-refs");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/primitive/AppBar/AppBar.tsx
+var AppBarRoot = (0, react.forwardRef)((props, ref) => {
+	const { ...otherProps } = props;
+	const api = require_useAppBar.useAppBar({});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_useAppBarContext.AppBarProvider, {
+		value: api,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_primitive.Primitive.div, {
+			ref: (0, _radix_ui_react_compose_refs.composeRefs)(api.refs.root, ref),
+			...(0, _seed_design_dom_utils.mergeProps)(api.rootProps, otherProps)
+		})
+	});
 });
 AppBarRoot.displayName = "AppBarRoot";
-const AppBarLeft = React.forwardRef((props, ref) => {
-  const { refs, stateProps } = useAppBarContext.useAppBarContext();
-  return /* @__PURE__ */ jsxRuntime.jsx(reactPrimitive.Primitive.div, { ref: reactComposeRefs.composeRefs(refs.left, ref), ...domUtils.mergeProps(stateProps, props) });
+var AppBarLeft = (0, react.forwardRef)((props, ref) => {
+	const { refs, stateProps } = require_useAppBarContext.useAppBarContext();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_primitive.Primitive.div, {
+		ref: (0, _radix_ui_react_compose_refs.composeRefs)(refs.left, ref),
+		...(0, _seed_design_dom_utils.mergeProps)(stateProps, props)
+	});
 });
 AppBarLeft.displayName = "AppBarLeft";
-const AppBarRight = React.forwardRef((props, ref) => {
-  const { refs, stateProps } = useAppBarContext.useAppBarContext();
-  return /* @__PURE__ */ jsxRuntime.jsx(reactPrimitive.Primitive.div, { ref: reactComposeRefs.composeRefs(refs.right, ref), ...domUtils.mergeProps(stateProps, props) });
+var AppBarRight = (0, react.forwardRef)((props, ref) => {
+	const { refs, stateProps } = require_useAppBarContext.useAppBarContext();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_primitive.Primitive.div, {
+		ref: (0, _radix_ui_react_compose_refs.composeRefs)(refs.right, ref),
+		...(0, _seed_design_dom_utils.mergeProps)(stateProps, props)
+	});
 });
 AppBarRight.displayName = "AppBarRight";
-const AppBarMain = React.forwardRef((props, ref) => {
-  const { stateProps } = useAppBarContext.useAppBarContext();
-  return /* @__PURE__ */ jsxRuntime.jsx(reactPrimitive.Primitive.div, { ref, ...domUtils.mergeProps(stateProps, props) });
+var AppBarMain = (0, react.forwardRef)((props, ref) => {
+	const { stateProps } = require_useAppBarContext.useAppBarContext();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_primitive.Primitive.div, {
+		ref,
+		"data-part": require_anatomy.appBarAnatomy.main,
+		...(0, _seed_design_dom_utils.mergeProps)(stateProps, props)
+	});
 });
-
+//#endregion
 exports.AppBarLeft = AppBarLeft;
 exports.AppBarMain = AppBarMain;
 exports.AppBarRight = AppBarRight;

package/lib/primitive/AppBar/AppBar.js

@@ -1,37 +1,48 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { composeRefs } from '@radix-ui/react-compose-refs';
-import { mergeProps } from '@seed-design/dom-utils';
-import { Primitive } from '@seed-design/react-primitive';
-import { forwardRef } from 'react';
-import { useAppBar } from './useAppBar.js';
-import { useAppBarContext, AppBarProvider } from './useAppBarContext.js';
-
-const AppBarRoot = forwardRef((props, ref) => {
-  const { ...otherProps } = props;
-  const api = useAppBar();
-  return /* @__PURE__ */ jsx(AppBarProvider, { value: api, children: /* @__PURE__ */ jsx(
-    Primitive.div,
-    {
-      ref: composeRefs(api.refs.root, ref),
-      ...mergeProps(api.rootProps, otherProps)
-    }
-  ) });
+"use client";
+import { appBarAnatomy } from "./anatomy.js";
+import { useAppBar } from "./useAppBar.js";
+import { AppBarProvider, useAppBarContext } from "./useAppBarContext.js";
+import { mergeProps } from "@seed-design/dom-utils";
+import { Primitive } from "@seed-design/react-primitive";
+import { forwardRef } from "react";
+import { composeRefs } from "@radix-ui/react-compose-refs";
+import { jsx } from "react/jsx-runtime";
+//#region src/primitive/AppBar/AppBar.tsx
+var AppBarRoot = forwardRef((props, ref) => {
+	const { ...otherProps } = props;
+	const api = useAppBar({});
+	return /* @__PURE__ */ jsx(AppBarProvider, {
+		value: api,
+		children: /* @__PURE__ */ jsx(Primitive.div, {
+			ref: composeRefs(api.refs.root, ref),
+			...mergeProps(api.rootProps, otherProps)
+		})
+	});
 });
 AppBarRoot.displayName = "AppBarRoot";
-const AppBarLeft = forwardRef((props, ref) => {
-  const { refs, stateProps } = useAppBarContext();
-  return /* @__PURE__ */ jsx(Primitive.div, { ref: composeRefs(refs.left, ref), ...mergeProps(stateProps, props) });
+var AppBarLeft = forwardRef((props, ref) => {
+	const { refs, stateProps } = useAppBarContext();
+	return /* @__PURE__ */ jsx(Primitive.div, {
+		ref: composeRefs(refs.left, ref),
+		...mergeProps(stateProps, props)
+	});
 });
 AppBarLeft.displayName = "AppBarLeft";
-const AppBarRight = forwardRef((props, ref) => {
-  const { refs, stateProps } = useAppBarContext();
-  return /* @__PURE__ */ jsx(Primitive.div, { ref: composeRefs(refs.right, ref), ...mergeProps(stateProps, props) });
+var AppBarRight = forwardRef((props, ref) => {
+	const { refs, stateProps } = useAppBarContext();
+	return /* @__PURE__ */ jsx(Primitive.div, {
+		ref: composeRefs(refs.right, ref),
+		...mergeProps(stateProps, props)
+	});
 });
 AppBarRight.displayName = "AppBarRight";
-const AppBarMain = forwardRef((props, ref) => {
-  const { stateProps } = useAppBarContext();
-  return /* @__PURE__ */ jsx(Primitive.div, { ref, ...mergeProps(stateProps, props) });
+var AppBarMain = forwardRef((props, ref) => {
+	const { stateProps } = useAppBarContext();
+	return /* @__PURE__ */ jsx(Primitive.div, {
+		ref,
+		"data-part": appBarAnatomy.main,
+		...mergeProps(stateProps, props)
+	});
 });
-
+//#endregion
 export { AppBarLeft, AppBarMain, AppBarRight, AppBarRoot };

package/lib/primitive/AppBar/AppBar.namespace.cjs

@@ -1,12 +1,16 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const AppBar = require('./AppBar.cjs');
-
-
-
-exports.Left = AppBar.AppBarLeft;
-exports.Main = AppBar.AppBarMain;
-exports.Right = AppBar.AppBarRight;
-exports.Root = AppBar.AppBarRoot;
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_AppBar = require("./AppBar.cjs");
+//#region src/primitive/AppBar/AppBar.namespace.ts
+var AppBar_namespace_exports = /* @__PURE__ */ require_runtime.__exportAll({
+	Left: () => require_AppBar.AppBarLeft,
+	Main: () => require_AppBar.AppBarMain,
+	Right: () => require_AppBar.AppBarRight,
+	Root: () => require_AppBar.AppBarRoot
+});
+//#endregion
+Object.defineProperty(exports, "AppBar_namespace_exports", {
+	enumerable: true,
+	get: function() {
+		return AppBar_namespace_exports;
+	}
+});

package/lib/primitive/AppBar/AppBar.namespace.js

@@ -1 +1,11 @@
-export { AppBarLeft as Left, AppBarMain as Main, AppBarRight as Right, AppBarRoot as Root } from './AppBar.js';
+import { __exportAll } from "../../_virtual/_rolldown/runtime.js";
+import { AppBarLeft, AppBarMain, AppBarRight, AppBarRoot } from "./AppBar.js";
+//#region src/primitive/AppBar/AppBar.namespace.ts
+var AppBar_namespace_exports = /* @__PURE__ */ __exportAll({
+	Left: () => AppBarLeft,
+	Main: () => AppBarMain,
+	Right: () => AppBarRight,
+	Root: () => AppBarRoot
+});
+//#endregion
+export { AppBar_namespace_exports };

package/lib/primitive/AppBar/anatomy.cjs

@@ -0,0 +1,18 @@
+"use client";
+//#region src/primitive/AppBar/anatomy.ts
+/**
+* Parts of the AppBar anatomy.
+*
+* Each value is the literal `data-part` attribute placed on the rendered DOM.
+* Consumers in the styled layer and in GlobalInteraction/dom.ts import from
+* here to keep markup and DOM queries in sync.
+*/
+var appBarAnatomy = {
+	root: "appBar",
+	background: "appBarBackground",
+	main: "appBarMain",
+	icon: "appBarIcon",
+	custom: "appBarCustom"
+};
+//#endregion
+exports.appBarAnatomy = appBarAnatomy;

package/lib/primitive/AppBar/anatomy.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Parts of the AppBar anatomy.
+ *
+ * Each value is the literal `data-part` attribute placed on the rendered DOM.
+ * Consumers in the styled layer and in GlobalInteraction/dom.ts import from
+ * here to keep markup and DOM queries in sync.
+ */
+export declare const appBarAnatomy: {
+    readonly root: "appBar";
+    readonly background: "appBarBackground";
+    readonly main: "appBarMain";
+    readonly icon: "appBarIcon";
+    readonly custom: "appBarCustom";
+};
+export type AppBarPart = (typeof appBarAnatomy)[keyof typeof appBarAnatomy];

package/lib/primitive/AppBar/anatomy.js

@@ -0,0 +1,18 @@
+"use client";
+//#region src/primitive/AppBar/anatomy.ts
+/**
+* Parts of the AppBar anatomy.
+*
+* Each value is the literal `data-part` attribute placed on the rendered DOM.
+* Consumers in the styled layer and in GlobalInteraction/dom.ts import from
+* here to keep markup and DOM queries in sync.
+*/
+var appBarAnatomy = {
+	root: "appBar",
+	background: "appBarBackground",
+	main: "appBarMain",
+	icon: "appBarIcon",
+	custom: "appBarCustom"
+};
+//#endregion
+export { appBarAnatomy };

package/lib/primitive/AppBar/index.cjs

@@ -1,14 +1,13 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const AppBar = require('./AppBar.cjs');
-const AppBar_namespace = require('./AppBar.namespace.cjs');
-
-
-
-exports.AppBarLeft = AppBar.AppBarLeft;
-exports.AppBarMain = AppBar.AppBarMain;
-exports.AppBarRight = AppBar.AppBarRight;
-exports.AppBarRoot = AppBar.AppBarRoot;
-exports.AppBar = AppBar_namespace;
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_AppBar = require("./AppBar.cjs");
+const require_AppBar_namespace = require("./AppBar.namespace.cjs");
+Object.defineProperty(exports, "AppBar", {
+	enumerable: true,
+	get: function() {
+		return require_AppBar_namespace.AppBar_namespace_exports;
+	}
+});
+exports.AppBarLeft = require_AppBar.AppBarLeft;
+exports.AppBarMain = require_AppBar.AppBarMain;
+exports.AppBarRight = require_AppBar.AppBarRight;
+exports.AppBarRoot = require_AppBar.AppBarRoot;

package/lib/primitive/AppBar/index.js

@@ -1,3 +1,3 @@
-export { AppBarLeft, AppBarMain, AppBarRight, AppBarRoot } from './AppBar.js';
-import * as AppBar_namespace from './AppBar.namespace.js';
-export { AppBar_namespace as AppBar };
+import { AppBarLeft, AppBarMain, AppBarRight, AppBarRoot } from "./AppBar.js";
+import { AppBar_namespace_exports } from "./AppBar.namespace.js";
+export { AppBar_namespace_exports as AppBar, AppBarLeft, AppBarMain, AppBarRight, AppBarRoot };

package/lib/primitive/AppBar/useAppBar.cjs

@@ -1,39 +1,32 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const domUtils = require('@seed-design/dom-utils');
-const React = require('react');
-const useAppScreenContext = require('../AppScreen/useAppScreenContext.cjs');
-const useElementOffset = require('../private/useElementOffset.cjs');
-
+"use client";
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_useAppScreenContext = require("../AppScreen/useAppScreenContext.cjs");
+const require_anatomy = require("./anatomy.cjs");
+const require_useElementOffset = require("../private/useElementOffset.cjs");
+let _seed_design_dom_utils = require("@seed-design/dom-utils");
+let react = require("react");
+//#region src/primitive/AppBar/useAppBar.tsx
 function useAppBar(_props) {
-  const { stateProps } = useAppScreenContext.useAppScreenContext();
-  const [root, rootRef] = React.useState(null);
-  const [left, leftRef] = React.useState(null);
-  const [right, rightRef] = React.useState(null);
-  const leftOffset = useElementOffset.useElementOffset(left);
-  const rightOffset = useElementOffset.useElementOffset(right);
-  const centeredTitlePaddingX = root ? `${Math.max(leftOffset?.fromLeft ?? 0, rightOffset?.fromRight ?? 0)}px` : "initial";
-  return React.useMemo(
-    () => ({
-      refs: {
-        root: rootRef,
-        left: leftRef,
-        right: rightRef
-      },
-      stateProps,
-      rootProps: domUtils.elementProps({
-        "data-part": "appBar",
-        ...stateProps,
-        style: {
-          "--centered-title-padding-x": centeredTitlePaddingX
-        }
-      })
-    }),
-    [stateProps, centeredTitlePaddingX]
-  );
+	const { stateProps } = require_useAppScreenContext.useAppScreenContext();
+	const [root, rootRef] = (0, react.useState)(null);
+	const [left, leftRef] = (0, react.useState)(null);
+	const [right, rightRef] = (0, react.useState)(null);
+	const leftOffset = require_useElementOffset.useElementOffset(left);
+	const rightOffset = require_useElementOffset.useElementOffset(right);
+	const centeredTitlePaddingX = root ? `${Math.max(leftOffset?.fromLeft ?? 0, rightOffset?.fromRight ?? 0)}px` : "initial";
+	return (0, react.useMemo)(() => ({
+		refs: {
+			root: rootRef,
+			left: leftRef,
+			right: rightRef
+		},
+		stateProps,
+		rootProps: (0, _seed_design_dom_utils.elementProps)({
+			"data-part": require_anatomy.appBarAnatomy.root,
+			...stateProps,
+			style: { "--centered-title-padding-x": centeredTitlePaddingX }
+		})
+	}), [stateProps, centeredTitlePaddingX]);
 }
-
+//#endregion
 exports.useAppBar = useAppBar;

package/lib/primitive/AppBar/useAppBar.js

@@ -1,35 +1,31 @@
-'use client';
-import { elementProps } from '@seed-design/dom-utils';
-import { useState, useMemo } from 'react';
-import { useAppScreenContext } from '../AppScreen/useAppScreenContext.js';
-import { useElementOffset } from '../private/useElementOffset.js';
-
+"use client";
+import { useAppScreenContext } from "../AppScreen/useAppScreenContext.js";
+import { appBarAnatomy } from "./anatomy.js";
+import { useElementOffset } from "../private/useElementOffset.js";
+import { elementProps } from "@seed-design/dom-utils";
+import { useMemo, useState } from "react";
+//#region src/primitive/AppBar/useAppBar.tsx
 function useAppBar(_props) {
-  const { stateProps } = useAppScreenContext();
-  const [root, rootRef] = useState(null);
-  const [left, leftRef] = useState(null);
-  const [right, rightRef] = useState(null);
-  const leftOffset = useElementOffset(left);
-  const rightOffset = useElementOffset(right);
-  const centeredTitlePaddingX = root ? `${Math.max(leftOffset?.fromLeft ?? 0, rightOffset?.fromRight ?? 0)}px` : "initial";
-  return useMemo(
-    () => ({
-      refs: {
-        root: rootRef,
-        left: leftRef,
-        right: rightRef
-      },
-      stateProps,
-      rootProps: elementProps({
-        "data-part": "appBar",
-        ...stateProps,
-        style: {
-          "--centered-title-padding-x": centeredTitlePaddingX
-        }
-      })
-    }),
-    [stateProps, centeredTitlePaddingX]
-  );
+	const { stateProps } = useAppScreenContext();
+	const [root, rootRef] = useState(null);
+	const [left, leftRef] = useState(null);
+	const [right, rightRef] = useState(null);
+	const leftOffset = useElementOffset(left);
+	const rightOffset = useElementOffset(right);
+	const centeredTitlePaddingX = root ? `${Math.max(leftOffset?.fromLeft ?? 0, rightOffset?.fromRight ?? 0)}px` : "initial";
+	return useMemo(() => ({
+		refs: {
+			root: rootRef,
+			left: leftRef,
+			right: rightRef
+		},
+		stateProps,
+		rootProps: elementProps({
+			"data-part": appBarAnatomy.root,
+			...stateProps,
+			style: { "--centered-title-padding-x": centeredTitlePaddingX }
+		})
+	}), [stateProps, centeredTitlePaddingX]);
 }
-
+//#endregion
 export { useAppBar };

package/lib/primitive/AppBar/useAppBarContext.cjs

@@ -1,21 +1,14 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const React = require('react');
-
-const AppBarContext = React.createContext(null);
-const AppBarProvider = AppBarContext.Provider;
-function useAppBarContext({
-  strict = true
-} = {}) {
-  const context = React.useContext(AppBarContext);
-  if (!context && strict) {
-    throw new Error("useAppBarContext must be used within a AppBar");
-  }
-  return context;
+"use client";
+require("../../_virtual/_rolldown/runtime.cjs");
+let react = require("react");
+//#region src/primitive/AppBar/useAppBarContext.ts
+var AppBarContext = (0, react.createContext)(null);
+var AppBarProvider = AppBarContext.Provider;
+function useAppBarContext({ strict = true } = {}) {
+	const context = (0, react.useContext)(AppBarContext);
+	if (!context && strict) throw new Error("useAppBarContext must be used within a AppBar");
+	return context;
 }
-
+//#endregion
 exports.AppBarProvider = AppBarProvider;
 exports.useAppBarContext = useAppBarContext;

package/lib/primitive/AppBar/useAppBarContext.js

@@ -1,16 +1,12 @@
-'use client';
-import { createContext, useContext } from 'react';
-
-const AppBarContext = createContext(null);
-const AppBarProvider = AppBarContext.Provider;
-function useAppBarContext({
-  strict = true
-} = {}) {
-  const context = useContext(AppBarContext);
-  if (!context && strict) {
-    throw new Error("useAppBarContext must be used within a AppBar");
-  }
-  return context;
+"use client";
+import { createContext, useContext } from "react";
+//#region src/primitive/AppBar/useAppBarContext.ts
+var AppBarContext = createContext(null);
+var AppBarProvider = AppBarContext.Provider;
+function useAppBarContext({ strict = true } = {}) {
+	const context = useContext(AppBarContext);
+	if (!context && strict) throw new Error("useAppBarContext must be used within a AppBar");
+	return context;
 }
-
+//#endregion
 export { AppBarProvider, useAppBarContext };

package/lib/primitive/AppScreen/AppScreen.cjs

@@ -1,63 +1,60 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const jsxRuntime = require('react/jsx-runtime');
-const reactComposeRefs = require('@radix-ui/react-compose-refs');
-const domUtils = require('@seed-design/dom-utils');
-const reactPrimitive = require('@seed-design/react-primitive');
-const reactUiCore = require('@stackflow/react-ui-core');
-const React = require('react');
-const useAppScreen = require('./useAppScreen.cjs');
-const useAppScreenContext = require('./useAppScreenContext.cjs');
-
-const AppScreenRoot = React.forwardRef((props, ref) => {
-  const {
-    swipeBackDisplacementRatioThreshold,
-    swipeBackVelocityThreshold,
-    onSwipeBackEnd,
-    onSwipeBackMove,
-    onSwipeBackStart,
-    ...otherProps
-  } = props;
-  const innerRef = React.useRef(null);
-  const api = useAppScreen.useAppScreen({
-    swipeBackDisplacementRatioThreshold,
-    swipeBackVelocityThreshold,
-    onSwipeBackEnd,
-    onSwipeBackMove,
-    onSwipeBackStart
-  });
-  reactUiCore.usePreventTouchDuringTransition({
-    ref: innerRef
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx(useAppScreenContext.AppScreenProvider, { value: api, children: /* @__PURE__ */ jsxRuntime.jsx(
-    reactPrimitive.Primitive.div,
-    {
-      ref: reactComposeRefs.composeRefs(innerRef, ref),
-      "data-stackflow-component-name": "AppScreen",
-      ...domUtils.mergeProps(api.activityProps, otherProps)
-    }
-  ) });
+"use client";
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_useAppScreen = require("./useAppScreen.cjs");
+const require_useAppScreenContext = require("./useAppScreenContext.cjs");
+let _seed_design_dom_utils = require("@seed-design/dom-utils");
+let _seed_design_react_primitive = require("@seed-design/react-primitive");
+let react = require("react");
+let _radix_ui_react_compose_refs = require("@radix-ui/react-compose-refs");
+let _stackflow_react_ui_core = require("@stackflow/react-ui-core");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/primitive/AppScreen/AppScreen.tsx
+var AppScreenRoot = (0, react.forwardRef)((props, ref) => {
+	const { swipeBackDisplacementRatioThreshold, swipeBackVelocityThreshold, onSwipeBackEnd, onSwipeBackMove, onSwipeBackStart, ...otherProps } = props;
+	const innerRef = (0, react.useRef)(null);
+	const api = require_useAppScreen.useAppScreen({
+		swipeBackDisplacementRatioThreshold,
+		swipeBackVelocityThreshold,
+		onSwipeBackEnd,
+		onSwipeBackMove,
+		onSwipeBackStart
+	});
+	(0, _stackflow_react_ui_core.usePreventTouchDuringTransition)({ ref: innerRef });
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_useAppScreenContext.AppScreenProvider, {
+		value: api,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_primitive.Primitive.div, {
+			ref: (0, _radix_ui_react_compose_refs.composeRefs)(innerRef, ref),
+			"data-stackflow-component-name": "AppScreen",
+			...(0, _seed_design_dom_utils.mergeProps)(api.activityProps, otherProps)
+		})
+	});
 });
 AppScreenRoot.displayName = "AppScreenRoot";
-const AppScreenDim = React.forwardRef((props, ref) => {
-  const { dimProps } = useAppScreenContext.useAppScreenContext();
-  return /* @__PURE__ */ jsxRuntime.jsx(reactPrimitive.Primitive.div, { ref, ...domUtils.mergeProps(dimProps, props) });
+var AppScreenDim = (0, react.forwardRef)((props, ref) => {
+	const { dimProps } = require_useAppScreenContext.useAppScreenContext();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_primitive.Primitive.div, {
+		ref,
+		...(0, _seed_design_dom_utils.mergeProps)(dimProps, props)
+	});
 });
 AppScreenDim.displayName = "AppScreenDim";
-const AppScreenEdge = React.forwardRef((props, ref) => {
-  const { edgeProps } = useAppScreenContext.useAppScreenContext();
-  return /* @__PURE__ */ jsxRuntime.jsx(reactPrimitive.Primitive.div, { ref, ...domUtils.mergeProps(edgeProps, props) });
+var AppScreenEdge = (0, react.forwardRef)((props, ref) => {
+	const { edgeProps } = require_useAppScreenContext.useAppScreenContext();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_primitive.Primitive.div, {
+		ref,
+		...(0, _seed_design_dom_utils.mergeProps)(edgeProps, props)
+	});
 });
 AppScreenEdge.displayName = "AppScreenEdge";
-const AppScreenLayer = React.forwardRef((props, ref) => {
-  const { layerProps } = useAppScreenContext.useAppScreenContext();
-  return /* @__PURE__ */ jsxRuntime.jsx(reactPrimitive.Primitive.div, { ref, ...domUtils.mergeProps(layerProps, props) });
+var AppScreenLayer = (0, react.forwardRef)((props, ref) => {
+	const { layerProps } = require_useAppScreenContext.useAppScreenContext();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_primitive.Primitive.div, {
+		ref,
+		...(0, _seed_design_dom_utils.mergeProps)(layerProps, props)
+	});
 });
 AppScreenLayer.displayName = "AppScreenLayer";
-
+//#endregion
 exports.AppScreenDim = AppScreenDim;
 exports.AppScreenEdge = AppScreenEdge;
 exports.AppScreenLayer = AppScreenLayer;