@seed-design/stackflow 1.1.20 → 1.1.21

package/lib/primitive/AppScreen/AppScreen.js

@@ -1,57 +1,57 @@
-'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 { usePreventTouchDuringTransition } from '@stackflow/react-ui-core';
-import { forwardRef, useRef } from 'react';
-import { useAppScreen } from './useAppScreen.js';
-import { useAppScreenContext, AppScreenProvider } from './useAppScreenContext.js';
-
-const AppScreenRoot = forwardRef((props, ref) => {
-  const {
-    swipeBackDisplacementRatioThreshold,
-    swipeBackVelocityThreshold,
-    onSwipeBackEnd,
-    onSwipeBackMove,
-    onSwipeBackStart,
-    ...otherProps
-  } = props;
-  const innerRef = useRef(null);
-  const api = useAppScreen({
-    swipeBackDisplacementRatioThreshold,
-    swipeBackVelocityThreshold,
-    onSwipeBackEnd,
-    onSwipeBackMove,
-    onSwipeBackStart
-  });
-  usePreventTouchDuringTransition({
-    ref: innerRef
-  });
-  return /* @__PURE__ */ jsx(AppScreenProvider, { value: api, children: /* @__PURE__ */ jsx(
-    Primitive.div,
-    {
-      ref: composeRefs(innerRef, ref),
-      "data-stackflow-component-name": "AppScreen",
-      ...mergeProps(api.activityProps, otherProps)
-    }
-  ) });
+"use client";
+import { useAppScreen } from "./useAppScreen.js";
+import { AppScreenProvider, useAppScreenContext } from "./useAppScreenContext.js";
+import { mergeProps } from "@seed-design/dom-utils";
+import { Primitive } from "@seed-design/react-primitive";
+import { forwardRef, useRef } from "react";
+import { composeRefs } from "@radix-ui/react-compose-refs";
+import { usePreventTouchDuringTransition } from "@stackflow/react-ui-core";
+import { jsx } from "react/jsx-runtime";
+//#region src/primitive/AppScreen/AppScreen.tsx
+var AppScreenRoot = forwardRef((props, ref) => {
+	const { swipeBackDisplacementRatioThreshold, swipeBackVelocityThreshold, onSwipeBackEnd, onSwipeBackMove, onSwipeBackStart, ...otherProps } = props;
+	const innerRef = useRef(null);
+	const api = useAppScreen({
+		swipeBackDisplacementRatioThreshold,
+		swipeBackVelocityThreshold,
+		onSwipeBackEnd,
+		onSwipeBackMove,
+		onSwipeBackStart
+	});
+	usePreventTouchDuringTransition({ ref: innerRef });
+	return /* @__PURE__ */ jsx(AppScreenProvider, {
+		value: api,
+		children: /* @__PURE__ */ jsx(Primitive.div, {
+			ref: composeRefs(innerRef, ref),
+			"data-stackflow-component-name": "AppScreen",
+			...mergeProps(api.activityProps, otherProps)
+		})
+	});
 });
 AppScreenRoot.displayName = "AppScreenRoot";
-const AppScreenDim = forwardRef((props, ref) => {
-  const { dimProps } = useAppScreenContext();
-  return /* @__PURE__ */ jsx(Primitive.div, { ref, ...mergeProps(dimProps, props) });
+var AppScreenDim = forwardRef((props, ref) => {
+	const { dimProps } = useAppScreenContext();
+	return /* @__PURE__ */ jsx(Primitive.div, {
+		ref,
+		...mergeProps(dimProps, props)
+	});
 });
 AppScreenDim.displayName = "AppScreenDim";
-const AppScreenEdge = forwardRef((props, ref) => {
-  const { edgeProps } = useAppScreenContext();
-  return /* @__PURE__ */ jsx(Primitive.div, { ref, ...mergeProps(edgeProps, props) });
+var AppScreenEdge = forwardRef((props, ref) => {
+	const { edgeProps } = useAppScreenContext();
+	return /* @__PURE__ */ jsx(Primitive.div, {
+		ref,
+		...mergeProps(edgeProps, props)
+	});
 });
 AppScreenEdge.displayName = "AppScreenEdge";
-const AppScreenLayer = forwardRef((props, ref) => {
-  const { layerProps } = useAppScreenContext();
-  return /* @__PURE__ */ jsx(Primitive.div, { ref, ...mergeProps(layerProps, props) });
+var AppScreenLayer = forwardRef((props, ref) => {
+	const { layerProps } = useAppScreenContext();
+	return /* @__PURE__ */ jsx(Primitive.div, {
+		ref,
+		...mergeProps(layerProps, props)
+	});
 });
 AppScreenLayer.displayName = "AppScreenLayer";
-
+//#endregion
 export { AppScreenDim, AppScreenEdge, AppScreenLayer, AppScreenRoot };

package/lib/primitive/AppScreen/AppScreen.namespace.cjs

@@ -1,12 +1,16 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const AppScreen = require('./AppScreen.cjs');
-
-
-
-exports.Dim = AppScreen.AppScreenDim;
-exports.Edge = AppScreen.AppScreenEdge;
-exports.Layer = AppScreen.AppScreenLayer;
-exports.Root = AppScreen.AppScreenRoot;
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_AppScreen = require("./AppScreen.cjs");
+//#region src/primitive/AppScreen/AppScreen.namespace.ts
+var AppScreen_namespace_exports = /* @__PURE__ */ require_runtime.__exportAll({
+	Dim: () => require_AppScreen.AppScreenDim,
+	Edge: () => require_AppScreen.AppScreenEdge,
+	Layer: () => require_AppScreen.AppScreenLayer,
+	Root: () => require_AppScreen.AppScreenRoot
+});
+//#endregion
+Object.defineProperty(exports, "AppScreen_namespace_exports", {
+	enumerable: true,
+	get: function() {
+		return AppScreen_namespace_exports;
+	}
+});

package/lib/primitive/AppScreen/AppScreen.namespace.js

@@ -1 +1,11 @@
-export { AppScreenDim as Dim, AppScreenEdge as Edge, AppScreenLayer as Layer, AppScreenRoot as Root } from './AppScreen.js';
+import { __exportAll } from "../../_virtual/_rolldown/runtime.js";
+import { AppScreenDim, AppScreenEdge, AppScreenLayer, AppScreenRoot } from "./AppScreen.js";
+//#region src/primitive/AppScreen/AppScreen.namespace.ts
+var AppScreen_namespace_exports = /* @__PURE__ */ __exportAll({
+	Dim: () => AppScreenDim,
+	Edge: () => AppScreenEdge,
+	Layer: () => AppScreenLayer,
+	Root: () => AppScreenRoot
+});
+//#endregion
+export { AppScreen_namespace_exports };

package/lib/primitive/AppScreen/anatomy.cjs

@@ -0,0 +1,17 @@
+"use client";
+//#region src/primitive/AppScreen/anatomy.ts
+/**
+* Parts of the AppScreen anatomy.
+*
+* Each value is the literal `data-part` attribute placed on the rendered DOM.
+* Consumers in GlobalInteraction/dom.ts import from here to keep markup and
+* DOM queries in sync.
+*/
+var appScreenAnatomy = {
+	activity: "activity",
+	dim: "dim",
+	layer: "layer",
+	edge: "edge"
+};
+//#endregion
+exports.appScreenAnatomy = appScreenAnatomy;

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

@@ -0,0 +1,14 @@
+/**
+ * Parts of the AppScreen anatomy.
+ *
+ * Each value is the literal `data-part` attribute placed on the rendered DOM.
+ * Consumers in GlobalInteraction/dom.ts import from here to keep markup and
+ * DOM queries in sync.
+ */
+export declare const appScreenAnatomy: {
+    readonly activity: "activity";
+    readonly dim: "dim";
+    readonly layer: "layer";
+    readonly edge: "edge";
+};
+export type AppScreenPart = (typeof appScreenAnatomy)[keyof typeof appScreenAnatomy];

package/lib/primitive/AppScreen/anatomy.js

@@ -0,0 +1,17 @@
+"use client";
+//#region src/primitive/AppScreen/anatomy.ts
+/**
+* Parts of the AppScreen anatomy.
+*
+* Each value is the literal `data-part` attribute placed on the rendered DOM.
+* Consumers in GlobalInteraction/dom.ts import from here to keep markup and
+* DOM queries in sync.
+*/
+var appScreenAnatomy = {
+	activity: "activity",
+	dim: "dim",
+	layer: "layer",
+	edge: "edge"
+};
+//#endregion
+export { appScreenAnatomy };

package/lib/primitive/AppScreen/index.cjs

@@ -1,16 +1,15 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const AppScreen = require('./AppScreen.cjs');
-const AppScreen_namespace = require('./AppScreen.namespace.cjs');
-const useAppScreenContext = require('./useAppScreenContext.cjs');
-
-
-
-exports.AppScreenDim = AppScreen.AppScreenDim;
-exports.AppScreenEdge = AppScreen.AppScreenEdge;
-exports.AppScreenLayer = AppScreen.AppScreenLayer;
-exports.AppScreenRoot = AppScreen.AppScreenRoot;
-exports.AppScreen = AppScreen_namespace;
-exports.useAppScreenContext = useAppScreenContext.useAppScreenContext;
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_useAppScreenContext = require("./useAppScreenContext.cjs");
+const require_AppScreen = require("./AppScreen.cjs");
+const require_AppScreen_namespace = require("./AppScreen.namespace.cjs");
+Object.defineProperty(exports, "AppScreen", {
+	enumerable: true,
+	get: function() {
+		return require_AppScreen_namespace.AppScreen_namespace_exports;
+	}
+});
+exports.AppScreenDim = require_AppScreen.AppScreenDim;
+exports.AppScreenEdge = require_AppScreen.AppScreenEdge;
+exports.AppScreenLayer = require_AppScreen.AppScreenLayer;
+exports.AppScreenRoot = require_AppScreen.AppScreenRoot;
+exports.useAppScreenContext = require_useAppScreenContext.useAppScreenContext;

package/lib/primitive/AppScreen/index.js

@@ -1,4 +1,4 @@
-export { AppScreenDim, AppScreenEdge, AppScreenLayer, AppScreenRoot } from './AppScreen.js';
-import * as AppScreen_namespace from './AppScreen.namespace.js';
-export { AppScreen_namespace as AppScreen };
-export { useAppScreenContext } from './useAppScreenContext.js';
+import { useAppScreenContext } from "./useAppScreenContext.js";
+import { AppScreenDim, AppScreenEdge, AppScreenLayer, AppScreenRoot } from "./AppScreen.js";
+import { AppScreen_namespace_exports } from "./AppScreen.namespace.js";
+export { AppScreen_namespace_exports as AppScreen, AppScreenDim, AppScreenEdge, AppScreenLayer, AppScreenRoot, useAppScreenContext };

package/lib/primitive/AppScreen/useAppScreen.cjs

@@ -1,66 +1,63 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const domUtils = require('@seed-design/dom-utils');
-const reactUiCore = require('@stackflow/react-ui-core');
-const React = require('react');
-const useSwipeBack = require('../GlobalInteraction/useSwipeBack.cjs');
-const useActivityZIndexBase = require('../../hooks/useActivityZIndexBase.cjs');
-
+"use client";
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_useSwipeBack = require("../GlobalInteraction/useSwipeBack.cjs");
+const require_useActivityZIndexBase = require("../../hooks/useActivityZIndexBase.cjs");
+const require_anatomy = require("./anatomy.cjs");
+let _seed_design_dom_utils = require("@seed-design/dom-utils");
+let react = require("react");
+let _stackflow_react_ui_core = require("@stackflow/react-ui-core");
+//#region src/primitive/AppScreen/useAppScreen.tsx
 function useAppScreen(props) {
-  const activity = reactUiCore.useNullableActivity();
-  const transitionState = activity?.transitionState ?? "enter-done";
-  const { activityProps, layerProps, edgeProps } = useSwipeBack.useSwipeBack(props);
-  const zIndexBase = useActivityZIndexBase.useActivityZIndexBase();
-  const zIndexStyle = React.useMemo(
-    () => ({
-      "--z-index-base": zIndexBase.toString()
-    }),
-    [zIndexBase]
-  );
-  const stateProps = React.useMemo(
-    () => ({
-      "data-activity-is-top": domUtils.dataAttr(activity?.isTop),
-      "data-activity-is-active": domUtils.dataAttr(activity?.isActive),
-      "data-transition-state": transitionState
-    }),
-    [transitionState, activity?.isActive, activity?.isTop]
-  );
-  return React.useMemo(
-    () => ({
-      activity,
-      stateProps,
-      activityProps: domUtils.elementProps({
-        "data-part": "activity",
-        "data-activity-type": "full-screen",
-        ...activityProps,
-        ...stateProps,
-        "data-activity-id": activity?.id,
-        style: zIndexStyle,
-        // FIXME: @stackflow/react should prevent activity.id hydration mismatch; this is temporal fix.
-        suppressHydrationWarning: true
-      }),
-      dimProps: domUtils.elementProps({
-        "data-part": "dim",
-        ...stateProps
-      }),
-      layerProps: domUtils.elementProps({
-        "data-part": "layer",
-        ...stateProps,
-        ...layerProps
-      }),
-      edgeProps: domUtils.elementProps({
-        "data-part": "edge",
-        "aria-hidden": true,
-        tabIndex: -1,
-        ...edgeProps,
-        ...stateProps
-      })
-    }),
-    [activity, zIndexStyle, stateProps, activityProps, edgeProps, layerProps]
-  );
+	const activity = (0, _stackflow_react_ui_core.useNullableActivity)();
+	const transitionState = activity?.transitionState ?? "enter-done";
+	const { activityProps, layerProps, edgeProps } = require_useSwipeBack.useSwipeBack(props);
+	const zIndexBase = require_useActivityZIndexBase.useActivityZIndexBase();
+	const zIndexStyle = (0, react.useMemo)(() => ({ "--z-index-base": zIndexBase.toString() }), [zIndexBase]);
+	const stateProps = (0, react.useMemo)(() => ({
+		"data-activity-is-top": (0, _seed_design_dom_utils.dataAttr)(activity?.isTop),
+		"data-activity-is-active": (0, _seed_design_dom_utils.dataAttr)(activity?.isActive),
+		"data-transition-state": transitionState
+	}), [
+		transitionState,
+		activity?.isActive,
+		activity?.isTop
+	]);
+	return (0, react.useMemo)(() => ({
+		activity,
+		stateProps,
+		activityProps: (0, _seed_design_dom_utils.elementProps)({
+			"data-part": require_anatomy.appScreenAnatomy.activity,
+			"data-activity-type": "full-screen",
+			...activityProps,
+			...stateProps,
+			"data-activity-id": activity?.id,
+			style: zIndexStyle,
+			suppressHydrationWarning: true
+		}),
+		dimProps: (0, _seed_design_dom_utils.elementProps)({
+			"data-part": require_anatomy.appScreenAnatomy.dim,
+			...stateProps
+		}),
+		layerProps: (0, _seed_design_dom_utils.elementProps)({
+			"data-part": require_anatomy.appScreenAnatomy.layer,
+			...stateProps,
+			...layerProps
+		}),
+		edgeProps: (0, _seed_design_dom_utils.elementProps)({
+			"data-part": require_anatomy.appScreenAnatomy.edge,
+			"aria-hidden": true,
+			tabIndex: -1,
+			...edgeProps,
+			...stateProps
+		})
+	}), [
+		activity,
+		zIndexStyle,
+		stateProps,
+		activityProps,
+		edgeProps,
+		layerProps
+	]);
 }
-
+//#endregion
 exports.useAppScreen = useAppScreen;

package/lib/primitive/AppScreen/useAppScreen.js

@@ -1,62 +1,62 @@
-'use client';
-import { dataAttr, elementProps } from '@seed-design/dom-utils';
-import { useNullableActivity } from '@stackflow/react-ui-core';
-import { useMemo } from 'react';
-import { useSwipeBack } from '../GlobalInteraction/useSwipeBack.js';
-import { useActivityZIndexBase } from '../../hooks/useActivityZIndexBase.js';
-
+"use client";
+import { useSwipeBack } from "../GlobalInteraction/useSwipeBack.js";
+import { useActivityZIndexBase } from "../../hooks/useActivityZIndexBase.js";
+import { appScreenAnatomy } from "./anatomy.js";
+import { dataAttr, elementProps } from "@seed-design/dom-utils";
+import { useMemo } from "react";
+import { useNullableActivity } from "@stackflow/react-ui-core";
+//#region src/primitive/AppScreen/useAppScreen.tsx
 function useAppScreen(props) {
-  const activity = useNullableActivity();
-  const transitionState = activity?.transitionState ?? "enter-done";
-  const { activityProps, layerProps, edgeProps } = useSwipeBack(props);
-  const zIndexBase = useActivityZIndexBase();
-  const zIndexStyle = useMemo(
-    () => ({
-      "--z-index-base": zIndexBase.toString()
-    }),
-    [zIndexBase]
-  );
-  const stateProps = useMemo(
-    () => ({
-      "data-activity-is-top": dataAttr(activity?.isTop),
-      "data-activity-is-active": dataAttr(activity?.isActive),
-      "data-transition-state": transitionState
-    }),
-    [transitionState, activity?.isActive, activity?.isTop]
-  );
-  return useMemo(
-    () => ({
-      activity,
-      stateProps,
-      activityProps: elementProps({
-        "data-part": "activity",
-        "data-activity-type": "full-screen",
-        ...activityProps,
-        ...stateProps,
-        "data-activity-id": 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]
-  );
+	const activity = useNullableActivity();
+	const transitionState = activity?.transitionState ?? "enter-done";
+	const { activityProps, layerProps, edgeProps } = useSwipeBack(props);
+	const zIndexBase = useActivityZIndexBase();
+	const zIndexStyle = useMemo(() => ({ "--z-index-base": zIndexBase.toString() }), [zIndexBase]);
+	const stateProps = useMemo(() => ({
+		"data-activity-is-top": dataAttr(activity?.isTop),
+		"data-activity-is-active": dataAttr(activity?.isActive),
+		"data-transition-state": transitionState
+	}), [
+		transitionState,
+		activity?.isActive,
+		activity?.isTop
+	]);
+	return useMemo(() => ({
+		activity,
+		stateProps,
+		activityProps: elementProps({
+			"data-part": appScreenAnatomy.activity,
+			"data-activity-type": "full-screen",
+			...activityProps,
+			...stateProps,
+			"data-activity-id": activity?.id,
+			style: zIndexStyle,
+			suppressHydrationWarning: true
+		}),
+		dimProps: elementProps({
+			"data-part": appScreenAnatomy.dim,
+			...stateProps
+		}),
+		layerProps: elementProps({
+			"data-part": appScreenAnatomy.layer,
+			...stateProps,
+			...layerProps
+		}),
+		edgeProps: elementProps({
+			"data-part": appScreenAnatomy.edge,
+			"aria-hidden": true,
+			tabIndex: -1,
+			...edgeProps,
+			...stateProps
+		})
+	}), [
+		activity,
+		zIndexStyle,
+		stateProps,
+		activityProps,
+		edgeProps,
+		layerProps
+	]);
 }
-
+//#endregion
 export { useAppScreen };

package/lib/primitive/AppScreen/useAppScreenContext.cjs

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

package/lib/primitive/AppScreen/useAppScreenContext.js

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

package/lib/primitive/GlobalInteraction/GlobalInteraction.cjs

@@ -1,28 +1,23 @@
-'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 useGlobalInteraction = require('./useGlobalInteraction.cjs');
-const useGlobalInteractionContext = require('./useGlobalInteractionContext.cjs');
-
-const GlobalInteraction = React.forwardRef(
-  (props, ref) => {
-    const api = useGlobalInteraction.useGlobalInteraction();
-    return /* @__PURE__ */ jsxRuntime.jsx(useGlobalInteractionContext.GlobalInteractionProvider, { value: api, children: /* @__PURE__ */ jsxRuntime.jsx(
-      reactPrimitive.Primitive.div,
-      {
-        ref: reactComposeRefs.composeRefs(api.stackRef, ref),
-        ...domUtils.mergeProps(api.stackProps, props)
-      }
-    ) });
-  }
-);
+"use client";
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_useGlobalInteractionContext = require("./useGlobalInteractionContext.cjs");
+const require_useGlobalInteraction = require("./useGlobalInteraction.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/GlobalInteraction/GlobalInteraction.tsx
+var GlobalInteraction = (0, react.forwardRef)((props, ref) => {
+	const api = require_useGlobalInteraction.useGlobalInteraction();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_useGlobalInteractionContext.GlobalInteractionProvider, {
+		value: api,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_primitive.Primitive.div, {
+			ref: (0, _radix_ui_react_compose_refs.composeRefs)(api.stackRef, ref),
+			...(0, _seed_design_dom_utils.mergeProps)(api.stackProps, props)
+		})
+	});
+});
 GlobalInteraction.displayName = "GlobalInteraction";
-
+//#endregion
 exports.GlobalInteraction = GlobalInteraction;