@tamagui/adapt 2.7.7 → 3.0.0-beta.637.1

package/dist/cjs/Adapt.native.js

@@ -1,5 +1,6 @@
 "use strict";
 
+
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -7,283 +8,517 @@ var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
 };
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-// If the importer is in node compatibility mode or this is not an ESM
-// file that has been converted to a CommonJS file using a Babel-
-// compatible transform (i.e. "__esModule" has not been set), then set
-// "default" to the CommonJS "module.exports" for node compatibility.
-isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-  value: mod,
-  enumerable: true
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
 }) : target, mod));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var Adapt_exports = {};
 __export(Adapt_exports, {
-  Adapt: () => Adapt,
-  AdaptContents: () => AdaptContents,
-  AdaptContext: () => AdaptContext,
-  AdaptParent: () => AdaptParent,
-  AdaptPortalContents: () => AdaptPortalContents,
-  ProvideAdaptContext: () => ProvideAdaptContext,
-  useAdaptContext: () => useAdaptContext,
-  useAdaptIsActive: () => useAdaptIsActive
+	Adapt: () => Adapt,
+	AdaptCapabilities: () => AdaptCapabilities,
+	AdaptContents: () => AdaptContents,
+	AdaptContext: () => AdaptContext,
+	AdaptParent: () => AdaptParent,
+	AdaptPortalContents: () => AdaptPortalContents,
+	ProvideAdaptContext: () => ProvideAdaptContext,
+	useAdaptContext: () => useAdaptContext,
+	useAdaptIsActive: () => useAdaptIsActive,
+	useAdaptTarget: () => useAdaptTarget,
+	useAdaptedCapabilities: () => useAdaptedCapabilities
 });
 module.exports = __toCommonJS(Adapt_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_constants = require("@tamagui/constants");
 var import_core = require("@tamagui/core");
 var import_helpers = require("@tamagui/helpers");
-var import_native = require("@tamagui/native");
-var import_portal = require("@tamagui/portal");
 var import_z_index_stack = require("@tamagui/z-index-stack");
 var import_react = __toESM(require("react"), 1);
-function createAdaptChildrenStore() {
-  var children = null;
-  var listeners = /* @__PURE__ */new Set();
-  return {
-    set(c) {
-      children = c;
-      var _iteratorNormalCompletion = true,
-        _didIteratorError = false,
-        _iteratorError = void 0;
-      try {
-        for (var _iterator = listeners[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
-          var l = _step.value;
-          l();
-        }
-      } catch (err) {
-        _didIteratorError = true;
-        _iteratorError = err;
-      } finally {
-        try {
-          if (!_iteratorNormalCompletion && _iterator.return != null) _iterator.return();
-        } finally {
-          if (_didIteratorError) throw _iteratorError;
-        }
-      }
-    },
-    get: function () {
-      return children;
-    },
-    subscribe(callback) {
-      listeners.add(callback);
-      return function () {
-        return listeners.delete(callback);
-      };
-    }
-  };
-}
-var AdaptChildrenStoreContext = /* @__PURE__ */(0, import_react.createContext)(null);
-var emptySubscribe = function () {
-  return function () {};
-};
-var emptyGet = function () {
-  return null;
-};
-function TeleportAdaptContents() {
-  var store = (0, import_react.useContext)(AdaptChildrenStoreContext);
-  var _store_subscribe, _store_get, _store_get1;
-  var children = import_react.default.useSyncExternalStore((_store_subscribe = store === null || store === void 0 ? void 0 : store.subscribe) !== null && _store_subscribe !== void 0 ? _store_subscribe : emptySubscribe, (_store_get = store === null || store === void 0 ? void 0 : store.get) !== null && _store_get !== void 0 ? _store_get : emptyGet, (_store_get1 = store === null || store === void 0 ? void 0 : store.get) !== null && _store_get1 !== void 0 ? _store_get1 : emptyGet);
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
-    children
-  });
+function createAdaptSlotStore() {
+	var listeners = /* @__PURE__ */ new Set();
+	var store = {
+		element: null,
+		version: 0,
+		publish(element) {
+			store.element = element;
+		},
+		clear() {
+			store.element = null;
+		},
+		notify() {
+			store.version += 1;
+			var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
+			try {
+				for (var _iterator = listeners[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+					var listener = _step.value;
+					listener();
+				}
+			} catch (err) {
+				_didIteratorError = true;
+				_iteratorError = err;
+			} finally {
+				try {
+					if (!_iteratorNormalCompletion && _iterator.return != null) {
+						_iterator.return();
+					}
+				} finally {
+					if (_didIteratorError) {
+						throw _iteratorError;
+					}
+				}
+			}
+		},
+		getSnapshot() {
+			return store.version;
+		},
+		subscribe(callback) {
+			listeners.add(callback);
+			return function() {
+				listeners.delete(callback);
+			};
+		}
+	};
+	return store;
 }
+var adaptContextKeys = [
+	"Contents",
+	"scopeName",
+	"portalName",
+	"platform",
+	"setPlatform",
+	"when",
+	"setWhen",
+	"active",
+	"rawActive",
+	"setRawActive",
+	"slot",
+	"handoff",
+	"targetFullyHidden",
+	"registerTarget",
+	"unregisterTarget",
+	"registerContents",
+	"unregisterContents",
+	"registerRenderCallback",
+	"unregisterRenderCallback"
+];
 var AdaptContext = (0, import_core.createStyledContext)({
-  Contents: null,
-  scopeName: "",
-  portalName: "",
-  platform: null,
-  setPlatform: function (x) {},
-  when: null,
-  setWhen: function () {}
-});
-var LastAdaptContextScope = /* @__PURE__ */(0, import_react.createContext)("");
-var ProvideAdaptContext = function (param) {
-  var {
-    children,
-    ...context
-  } = param;
-  var scope = context.scopeName || "";
-  var lastScope = (0, import_react.useContext)(LastAdaptContextScope);
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(LastAdaptContextScope.Provider, {
-    value: lastScope || context.lastScope || "",
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(AdaptContext.Provider, {
-      scope,
-      lastScope: lastScope || context.lastScope,
-      ...context,
-      children
-    })
-  });
+	Contents: null,
+	scopeName: "",
+	portalName: "",
+	platform: null,
+	setPlatform: function(x) {},
+	when: null,
+	setWhen: function() {},
+	active: false,
+	rawActive: false,
+	setRawActive: function() {},
+	slot: null,
+	handoff: {
+		hidden: true,
+		onTransition: function() {}
+	},
+	targetFullyHidden: true,
+	registerTarget: function() {},
+	unregisterTarget: function() {},
+	registerContents: function() {},
+	unregisterContents: function() {},
+	registerRenderCallback: function() {},
+	unregisterRenderCallback: function() {}
+}, { keys: adaptContextKeys });
+var AdaptCapabilitiesContext = /* @__PURE__ */ (0, import_react.createContext)({});
+var LastAdaptContextScope = /* @__PURE__ */ (0, import_react.createContext)("");
+var ProvideAdaptContext = function(param) {
+	var { children, ...context } = param;
+	var scope = context.scopeName || "";
+	var lastScope = (0, import_react.useContext)(LastAdaptContextScope);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LastAdaptContextScope.Provider, {
+		value: lastScope || context.lastScope || "",
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AdaptContext.Provider, {
+			scope,
+			lastScope: lastScope || context.lastScope,
+			...context,
+			children
+		})
+	});
 };
-var useAdaptContext = function (scope) {
-  var lastScope = (0, import_react.useContext)(LastAdaptContextScope);
-  var adaptScope = scope !== null && scope !== void 0 ? scope : lastScope;
-  return AdaptContext.useStyledContext(adaptScope);
+var useAdaptContext = function(scope) {
+	var lastScope = (0, import_react.useContext)(LastAdaptContextScope);
+	var adaptScope = scope !== null && scope !== void 0 ? scope : lastScope;
+	return AdaptContext.useStyledContext(adaptScope);
 };
-var AdaptPortals = /* @__PURE__ */new Map();
-var AdaptParent = function (param) {
-  var {
-    children,
-    Contents,
-    scope,
-    portal
-  } = param;
-  var id = (0, import_react.useId)();
-  var portalName = `AdaptPortal${scope}${id}`;
-  var childrenStoreRef = import_react.default.useRef(null);
-  if (!childrenStoreRef.current) childrenStoreRef.current = createAdaptChildrenStore();
-  var isTeleport = (0, import_native.getPortal)().state.type === "teleport";
-  var FinalContents = (0, import_react.useMemo)(function () {
-    if (Contents) return Contents;
-    if (isTeleport) return TeleportAdaptContents;
-    if (AdaptPortals.has(portalName)) return AdaptPortals.get(portalName);
-    var element = function () {
-      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_portal.PortalHost, {
-        name: portalName,
-        forwardProps: typeof portal === "boolean" ? void 0 : portal === null || portal === void 0 ? void 0 : portal.forwardProps
-      }, id);
-    };
-    AdaptPortals.set(portalName, element);
-    return element;
-  }, [portalName, Contents, isTeleport]);
-  (0, import_constants.useIsomorphicLayoutEffect)(function () {
-    if (!isTeleport) {
-      AdaptPortals.set(portalName, FinalContents);
-      return function () {
-        AdaptPortals.delete(portalName);
-      };
-    }
-  }, [portalName, isTeleport]);
-  var [when, setWhen] = import_react.default.useState(null);
-  var [platform, setPlatform] = import_react.default.useState(null);
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(AdaptChildrenStoreContext.Provider, {
-    value: childrenStoreRef.current,
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(LastAdaptContextScope.Provider, {
-      value: scope,
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ProvideAdaptContext, {
-        Contents: FinalContents,
-        when,
-        platform,
-        setPlatform,
-        setWhen,
-        portalName,
-        scopeName: scope,
-        children
-      })
-    })
-  });
+var AdaptParent = function(param) {
+	var { children, Contents, scope, open, onOpenChange, state } = param;
+	var id = (0, import_react.useId)();
+	var portalName = `AdaptPortal${scope}${id}`;
+	var slotRef = import_react.default.useRef(null);
+	if (!slotRef.current) {
+		slotRef.current = createAdaptSlotStore();
+	}
+	var [when, setWhen] = import_react.default.useState(null);
+	var [platform, setPlatform] = import_react.default.useState(null);
+	var [rawActive, setRawActive] = import_react.default.useState(false);
+	var [exiting, setExiting] = import_react.default.useState(false);
+	var [present, setPresent] = import_react.default.useState(false);
+	var [targetFullyHidden, setTargetFullyHidden] = import_react.default.useState(!open);
+	var targetCountRef = import_react.default.useRef(0);
+	var contentsCountRef = import_react.default.useRef(0);
+	var renderCallbackCountRef = import_react.default.useRef(0);
+	var rawActiveRef = import_react.default.useRef(false);
+	var openRef = import_react.default.useRef(open);
+	var wasTargetHiddenRef = import_react.default.useRef(!rawActive);
+	var hasHadActiveTargetRef = import_react.default.useRef(false);
+	var shouldStartExit = !rawActive && present && Boolean(open);
+	var active = rawActive || exiting || shouldStartExit;
+	var targetHidden = !rawActive;
+	var skipNextAnimation = Boolean(rawActive && wasTargetHiddenRef.current && hasHadActiveTargetRef.current && open);
+	rawActiveRef.current = rawActive;
+	openRef.current = open;
+	if (rawActive) {
+		hasHadActiveTargetRef.current = true;
+	}
+	wasTargetHiddenRef.current = targetHidden;
+	var releasePresenceLatch = import_react.default.useCallback(function() {
+		setExiting(false);
+		if (!rawActiveRef.current) {
+			setPresent(false);
+		}
+	}, []);
+	(0, import_constants.useIsomorphicLayoutEffect)(function() {
+		if (shouldStartExit) {
+			setExiting(true);
+		}
+	}, [shouldStartExit]);
+	(0, import_constants.useIsomorphicLayoutEffect)(function() {
+		if (open && rawActive) {
+			setTargetFullyHidden(false);
+			return;
+		}
+		if (!open && !active) {
+			setTargetFullyHidden(true);
+		}
+	}, [
+		active,
+		open,
+		rawActive
+	]);
+	(0, import_constants.useIsomorphicLayoutEffect)(function() {
+		if (rawActive) {
+			setPresent(true);
+		} else if (!active) {
+			setPresent(false);
+		}
+		if (rawActive && exiting) {
+			setExiting(false);
+		}
+	}, [
+		active,
+		exiting,
+		rawActive
+	]);
+	var handoff = import_react.default.useMemo(function() {
+		return {
+			hidden: targetHidden,
+			skipNextAnimation,
+			onTransition(e) {
+				if (e.phase !== "end" || e.finished === false) return;
+				if (e.cause !== "close") {
+					setTargetFullyHidden(false);
+					return;
+				}
+				if (openRef.current && rawActiveRef.current) {
+					setTargetFullyHidden(false);
+					return;
+				}
+				setTargetFullyHidden(true);
+				releasePresenceLatch();
+			}
+		};
+	}, [
+		releasePresenceLatch,
+		skipNextAnimation,
+		targetHidden
+	]);
+	var registerTarget = import_react.default.useCallback(function() {
+		targetCountRef.current += 1;
+		if (process.env.NODE_ENV === "development" && targetCountRef.current > 1) {
+			console.error(`Adapt expected exactly one target in scope "${scope}", but ${targetCountRef.current} targets registered.`);
+		}
+	}, [scope]);
+	var unregisterTarget = import_react.default.useCallback(function() {
+		targetCountRef.current = Math.max(0, targetCountRef.current - 1);
+	}, []);
+	var registerContents = import_react.default.useCallback(function() {
+		contentsCountRef.current += 1;
+	}, []);
+	var unregisterContents = import_react.default.useCallback(function() {
+		contentsCountRef.current = Math.max(0, contentsCountRef.current - 1);
+	}, []);
+	var registerRenderCallback = import_react.default.useCallback(function() {
+		renderCallbackCountRef.current += 1;
+	}, []);
+	var unregisterRenderCallback = import_react.default.useCallback(function() {
+		renderCallbackCountRef.current = Math.max(0, renderCallbackCountRef.current - 1);
+	}, []);
+	import_react.default.useEffect(function() {
+		if (process.env.NODE_ENV !== "development") return;
+		if (!active) return;
+		var timer = setTimeout(function() {
+			if (rawActiveRef.current && targetCountRef.current === 0 && contentsCountRef.current === 0 && renderCallbackCountRef.current === 0) {
+				console.error(`Adapt is active in scope "${scope}" but no target registered with useAdaptTarget(), Adapt.Contents marker, or render callback consumed it.`);
+			}
+		});
+		return function() {
+			return clearTimeout(timer);
+		};
+	}, [active, scope]);
+	var FinalContents = Contents || AdaptSlotContents;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LastAdaptContextScope.Provider, {
+		value: scope,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ProvideAdaptContext, {
+			Contents: FinalContents,
+			when,
+			platform,
+			setPlatform,
+			setWhen,
+			active,
+			rawActive,
+			setRawActive,
+			portalName,
+			scopeName: scope,
+			slot: slotRef.current,
+			open,
+			onOpenChange,
+			state,
+			handoff,
+			targetFullyHidden,
+			registerTarget,
+			unregisterTarget,
+			registerContents,
+			unregisterContents,
+			registerRenderCallback,
+			unregisterRenderCallback,
+			children
+		})
+	});
 };
-var AdaptContents = function (param) {
-  var {
-    scope,
-    ...rest
-  } = param;
-  var context = useAdaptContext(scope);
-  if (!(context === null || context === void 0 ? void 0 : context.Contents)) throw new Error(process.env.NODE_ENV === "production" ? `tamagui.dev/docs/intro/errors#warning-002` : `You're rendering a Tamagui <Adapt /> component without nesting it inside a parent that is able to adapt.`);
-  return /* @__PURE__ */import_react.default.createElement(context.Contents, {
-    ...rest,
-    key: `stable`
-  });
+var AdaptContents = function(param) {
+	var { scope, ...rest } = param;
+	var context = useAdaptContext(scope);
+	if (!(context === null || context === void 0 ? void 0 : context.Contents)) {
+		throw new Error(process.env.NODE_ENV === "production" ? `tamagui.dev/docs/intro/errors#warning-002` : `You're rendering a Tamagui <Adapt /> component without nesting it inside a parent that is able to adapt.`);
+	}
+	(0, import_constants.useIsomorphicLayoutEffect)(function() {
+		if (!context.active) return;
+		context.registerContents();
+		return function() {
+			context.unregisterContents();
+		};
+	}, [
+		context.active,
+		context.registerContents,
+		context.unregisterContents
+	]);
+	return /* @__PURE__ */ import_react.default.createElement(context.Contents, {
+		...rest,
+		scope,
+		key: `stable`
+	});
 };
 AdaptContents.shouldForwardSpace = true;
 var Adapt = (0, import_helpers.withStaticProperties)(function Adapt2(props) {
-  var {
-    platform,
-    when,
-    children,
-    scope
-  } = props;
-  var context = useAdaptContext(scope);
-  var enabled = useAdaptIsActiveGiven(props);
-  (0, import_constants.useIsomorphicLayoutEffect)(function () {
-    var _context_setWhen, _context_setPlatform;
-    context === null || context === void 0 || (_context_setWhen = context.setWhen) == null || _context_setWhen.call(context, when || enabled);
-    context === null || context === void 0 || (_context_setPlatform = context.setPlatform) == null || _context_setPlatform.call(context, platform || null);
-  }, [when, platform, enabled, context.setWhen, context.setPlatform]);
-  (0, import_constants.useIsomorphicLayoutEffect)(function () {
-    return function () {
-      var _context_setWhen, _context_setPlatform;
-      context === null || context === void 0 || (_context_setWhen = context.setWhen) == null || _context_setWhen.call(context, null);
-      context === null || context === void 0 || (_context_setPlatform = context.setPlatform) == null || _context_setPlatform.call(context, null);
-    };
-  }, []);
-  var output;
-  if (typeof children === "function") {
-    var Component = context === null || context === void 0 ? void 0 : context.Contents;
-    output = children(Component ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(Component, {}) : null);
-  } else output = children;
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_z_index_stack.StackZIndexContext, {
-    children: !enabled ? null : output
-  });
-}, {
-  Contents: AdaptContents
-});
-var AdaptPortalContents = function (props) {
-  var isActive = useAdaptIsActive(props.scope);
-  var {
-    portalName
-  } = useAdaptContext(props.scope);
-  var childrenStore = (0, import_react.useContext)(AdaptChildrenStoreContext);
-  if (!import_constants.isWeb && (0, import_native.getPortal)().state.type === "teleport" && childrenStore) return /* @__PURE__ */(0, import_jsx_runtime.jsx)(AdaptPortalTeleport, {
-    isActive,
-    store: childrenStore,
-    children: props.children
-  });
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_portal.PortalItem, {
-    passThrough: !isActive,
-    hostName: portalName,
-    children: props.children
-  });
+	var { platform, when, children, scope } = props;
+	var context = useAdaptContext(scope);
+	var rawEnabled = useAdaptIsActiveGiven(props);
+	var enabled = rawEnabled || context.active;
+	var isRenderCallback = typeof children === "function";
+	(0, import_constants.useIsomorphicLayoutEffect)(function() {
+		var _context_setWhen, _context_setPlatform, _context_setRawActive;
+		context === null || context === void 0 ? void 0 : (_context_setWhen = context.setWhen) === null || _context_setWhen === void 0 ? void 0 : _context_setWhen.call(context, when || rawEnabled);
+		context === null || context === void 0 ? void 0 : (_context_setPlatform = context.setPlatform) === null || _context_setPlatform === void 0 ? void 0 : _context_setPlatform.call(context, platform || null);
+		context === null || context === void 0 ? void 0 : (_context_setRawActive = context.setRawActive) === null || _context_setRawActive === void 0 ? void 0 : _context_setRawActive.call(context, rawEnabled);
+	}, [
+		when,
+		platform,
+		rawEnabled,
+		context.setWhen,
+		context.setPlatform,
+		context.setRawActive
+	]);
+	(0, import_constants.useIsomorphicLayoutEffect)(function() {
+		if (!enabled || !isRenderCallback) return;
+		context.registerRenderCallback();
+		return function() {
+			context.unregisterRenderCallback();
+		};
+	}, [
+		enabled,
+		isRenderCallback,
+		context.registerRenderCallback,
+		context.unregisterRenderCallback
+	]);
+	(0, import_constants.useIsomorphicLayoutEffect)(function() {
+		return function() {
+			var _context_setWhen, _context_setPlatform, _context_setRawActive;
+			context === null || context === void 0 ? void 0 : (_context_setWhen = context.setWhen) === null || _context_setWhen === void 0 ? void 0 : _context_setWhen.call(context, null);
+			context === null || context === void 0 ? void 0 : (_context_setPlatform = context.setPlatform) === null || _context_setPlatform === void 0 ? void 0 : _context_setPlatform.call(context, null);
+			context === null || context === void 0 ? void 0 : (_context_setRawActive = context.setRawActive) === null || _context_setRawActive === void 0 ? void 0 : _context_setRawActive.call(context, false);
+		};
+	}, []);
+	var output;
+	if (isRenderCallback) {
+		var Component = context === null || context === void 0 ? void 0 : context.Contents;
+		output = children(Component ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, {}) : null, getAdaptRenderState(context));
+	} else {
+		output = children;
+	}
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_z_index_stack.StackZIndexContext, { children: !enabled ? null : output });
+}, { Contents: AdaptContents });
+var AdaptPortalContents = function(props) {
+	var isActive = useAdaptIsActive(props.scope);
+	var { slot } = useAdaptContext(props.scope);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AdaptSlotPublisher, {
+		isActive,
+		slot,
+		children: props.children
+	});
+};
+function AdaptSlotContents(param) {
+	var { scope } = param;
+	var { slot } = useAdaptContext(scope);
+	var _slot_subscribe, _slot_getSnapshot, _slot_getSnapshot1;
+	import_react.default.useSyncExternalStore((_slot_subscribe = slot === null || slot === void 0 ? void 0 : slot.subscribe) !== null && _slot_subscribe !== void 0 ? _slot_subscribe : emptySubscribe, (_slot_getSnapshot = slot === null || slot === void 0 ? void 0 : slot.getSnapshot) !== null && _slot_getSnapshot !== void 0 ? _slot_getSnapshot : emptySnapshot, (_slot_getSnapshot1 = slot === null || slot === void 0 ? void 0 : slot.getSnapshot) !== null && _slot_getSnapshot1 !== void 0 ? _slot_getSnapshot1 : emptySnapshot);
+	var _slot_element;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: (_slot_element = slot === null || slot === void 0 ? void 0 : slot.element) !== null && _slot_element !== void 0 ? _slot_element : null });
+}
+function AdaptSlotPublisher(param) {
+	var { isActive, slot, children } = param;
+	var publishedRef = import_react.default.useRef(false);
+	(0, import_constants.useIsomorphicLayoutEffect)(function() {
+		if (!slot) return;
+		if (isActive) {
+			slot.publish(children);
+			publishedRef.current = true;
+		} else {
+			slot.clear();
+			publishedRef.current = false;
+		}
+		slot.notify();
+	});
+	(0, import_constants.useIsomorphicLayoutEffect)(function() {
+		return function() {
+			if (publishedRef.current) {
+				slot === null || slot === void 0 ? void 0 : slot.clear();
+				slot === null || slot === void 0 ? void 0 : slot.notify();
+				publishedRef.current = false;
+			}
+		};
+	}, [slot]);
+	return isActive ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children });
+}
+var emptySubscribe = function() {
+	return function() {};
+};
+var emptySnapshot = function() {
+	return 0;
+};
+var useAdaptIsActiveGiven = function(param) {
+	var { when, platform } = param;
+	var media = (0, import_core.useMedia)();
+	if (when == null && platform == null) {
+		return false;
+	}
+	if (when === true) {
+		return true;
+	}
+	var enabled = false;
+	if (platform === "touch") enabled = import_constants.isTouchable;
+	else if (platform === "native") enabled = !import_constants.isWeb;
+	else if (platform === "web") enabled = import_constants.isWeb;
+	else if (platform === "ios") enabled = import_constants.isIos;
+	else if (platform === "android") enabled = import_constants.isAndroid;
+	if (platform && enabled == false) {
+		return false;
+	}
+	if (when && typeof when === "string") {
+		enabled = media[when];
+	}
+	return enabled;
 };
-function AdaptPortalTeleport(param) {
-  var {
-    isActive,
-    store,
-    children
-  } = param;
-  (0, import_constants.useIsomorphicLayoutEffect)(function () {
-    if (isActive) store.set(children);else store.set(null);
-  });
-  (0, import_constants.useIsomorphicLayoutEffect)(function () {
-    return function () {
-      return store.set(null);
-    };
-  }, [store]);
-  return isActive ? null : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
-    children
-  });
+var useAdaptIsActive = function(scope) {
+	var props = useAdaptContext(scope);
+	var isActiveGiven = useAdaptIsActiveGiven(props);
+	return props.active || isActiveGiven;
+};
+function useAdaptTarget(scope) {
+	var context = useAdaptContext(scope);
+	(0, import_constants.useIsomorphicLayoutEffect)(function() {
+		if (!context.active) return;
+		context.registerTarget();
+		return function() {
+			context.unregisterTarget();
+		};
+	}, [
+		context.active,
+		context.registerTarget,
+		context.unregisterTarget
+	]);
+	if (!context.active) {
+		return null;
+	}
+	return {
+		open: context.open,
+		onOpenChange: context.onOpenChange,
+		handoff: context.handoff,
+		state: context.state
+	};
 }
-var useAdaptIsActiveGiven = function (param) {
-  var {
-    when,
-    platform
-  } = param;
-  var media = (0, import_core.useMedia)();
-  if (when == null && platform == null) return false;
-  if (when === true) return true;
-  var enabled = false;
-  if (platform === "touch") enabled = import_constants.isTouchable;else if (platform === "native") enabled = !import_constants.isWeb;else if (platform === "web") enabled = import_constants.isWeb;else if (platform === "ios") enabled = import_constants.isIos;else if (platform === "android") enabled = import_constants.isAndroid;
-  if (platform && enabled == false) return false;
-  if (when && typeof when === "string") enabled = media[when];
-  return enabled;
+var AdaptCapabilities = function(param) {
+	var { children, scroll, overlay, dismiss } = param;
+	var parent = (0, import_react.useContext)(AdaptCapabilitiesContext);
+	var value = import_react.default.useMemo(function() {
+		return {
+			scroll: scroll !== null && scroll !== void 0 ? scroll : parent.scroll,
+			overlay: overlay !== null && overlay !== void 0 ? overlay : parent.overlay,
+			dismiss: dismiss !== null && dismiss !== void 0 ? dismiss : parent.dismiss
+		};
+	}, [
+		dismiss,
+		overlay,
+		parent.dismiss,
+		parent.overlay,
+		parent.scroll,
+		scroll
+	]);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AdaptCapabilitiesContext.Provider, {
+		value,
+		children
+	});
 };
-var useAdaptIsActive = function (scope) {
-  return useAdaptIsActiveGiven(useAdaptContext(scope));
+var useAdaptedCapabilities = function() {
+	return (0, import_react.useContext)(AdaptCapabilitiesContext);
 };
+function getAdaptRenderState(context) {
+	return {
+		active: context.active,
+		open: context.open,
+		onOpenChange: context.onOpenChange,
+		state: context.state,
+		handoff: context.handoff
+	};
+}
+
 //# sourceMappingURL=Adapt.native.js.map