@tamagui/adapt 2.7.7 → 3.0.0-beta.637.1

package/dist/esm/Adapt.native.js

@@ -2,241 +2,481 @@ import { Fragment, jsx } from "react/jsx-runtime";
 import { isAndroid, isIos, isTouchable, isWeb, useIsomorphicLayoutEffect } from "@tamagui/constants";
 import { createStyledContext, useMedia } from "@tamagui/core";
 import { withStaticProperties } from "@tamagui/helpers";
-import { getPortal } from "@tamagui/native";
-import { PortalHost, PortalItem } from "@tamagui/portal";
 import { StackZIndexContext } from "@tamagui/z-index-stack";
-import React, { createContext, useContext, useId, useMemo } from "react";
-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__ */createContext(null);
-var emptySubscribe = function () {
-  return function () {};
-};
-var emptyGet = function () {
-  return null;
-};
-function TeleportAdaptContents() {
-  var store = useContext(AdaptChildrenStoreContext);
-  var _store_subscribe, _store_get, _store_get1;
-  return /* @__PURE__ */jsx(Fragment, {
-    children: React.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)
-  });
+import React, { createContext, useContext, useId } from "react";
+
+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 = createStyledContext({
-  Contents: null,
-  scopeName: "",
-  portalName: "",
-  platform: null,
-  setPlatform: function (x) {},
-  when: null,
-  setWhen: function () {}
-});
-var LastAdaptContextScope = /* @__PURE__ */createContext("");
-var ProvideAdaptContext = function (param) {
-  var {
-    children,
-    ...context
-  } = param;
-  var scope = context.scopeName || "";
-  var lastScope = useContext(LastAdaptContextScope);
-  return /* @__PURE__ */jsx(LastAdaptContextScope.Provider, {
-    value: lastScope || context.lastScope || "",
-    children: /* @__PURE__ */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__ */ createContext({});
+var LastAdaptContextScope = /* @__PURE__ */ createContext("");
+var ProvideAdaptContext = function(param) {
+	var { children, ...context } = param;
+	var scope = context.scopeName || "";
+	var lastScope = useContext(LastAdaptContextScope);
+	return /* @__PURE__ */ jsx(LastAdaptContextScope.Provider, {
+		value: lastScope || context.lastScope || "",
+		children: /* @__PURE__ */ jsx(AdaptContext.Provider, {
+			scope,
+			lastScope: lastScope || context.lastScope,
+			...context,
+			children
+		})
+	});
 };
-var useAdaptContext = function (scope) {
-  var lastScope = useContext(LastAdaptContextScope);
-  var adaptScope = scope !== null && scope !== void 0 ? scope : lastScope;
-  return AdaptContext.useStyledContext(adaptScope);
+var useAdaptContext = function(scope) {
+	var lastScope = 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 = useId();
-  var portalName = `AdaptPortal${scope}${id}`;
-  var childrenStoreRef = React.useRef(null);
-  if (!childrenStoreRef.current) childrenStoreRef.current = createAdaptChildrenStore();
-  var isTeleport = getPortal().state.type === "teleport";
-  var FinalContents = useMemo(function () {
-    if (Contents) return Contents;
-    if (isTeleport) return TeleportAdaptContents;
-    if (AdaptPortals.has(portalName)) return AdaptPortals.get(portalName);
-    var element = function () {
-      return /* @__PURE__ */jsx(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]);
-  useIsomorphicLayoutEffect(function () {
-    if (!isTeleport) {
-      AdaptPortals.set(portalName, FinalContents);
-      return function () {
-        AdaptPortals.delete(portalName);
-      };
-    }
-  }, [portalName, isTeleport]);
-  var [when, setWhen] = React.useState(null);
-  var [platform, setPlatform] = React.useState(null);
-  return /* @__PURE__ */jsx(AdaptChildrenStoreContext.Provider, {
-    value: childrenStoreRef.current,
-    children: /* @__PURE__ */jsx(LastAdaptContextScope.Provider, {
-      value: scope,
-      children: /* @__PURE__ */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 = useId();
+	var portalName = `AdaptPortal${scope}${id}`;
+	var slotRef = React.useRef(null);
+	if (!slotRef.current) {
+		slotRef.current = createAdaptSlotStore();
+	}
+	var [when, setWhen] = React.useState(null);
+	var [platform, setPlatform] = React.useState(null);
+	var [rawActive, setRawActive] = React.useState(false);
+	var [exiting, setExiting] = React.useState(false);
+	var [present, setPresent] = React.useState(false);
+	var [targetFullyHidden, setTargetFullyHidden] = React.useState(!open);
+	var targetCountRef = React.useRef(0);
+	var contentsCountRef = React.useRef(0);
+	var renderCallbackCountRef = React.useRef(0);
+	var rawActiveRef = React.useRef(false);
+	var openRef = React.useRef(open);
+	var wasTargetHiddenRef = React.useRef(!rawActive);
+	var hasHadActiveTargetRef = React.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 = React.useCallback(function() {
+		setExiting(false);
+		if (!rawActiveRef.current) {
+			setPresent(false);
+		}
+	}, []);
+	useIsomorphicLayoutEffect(function() {
+		if (shouldStartExit) {
+			setExiting(true);
+		}
+	}, [shouldStartExit]);
+	useIsomorphicLayoutEffect(function() {
+		if (open && rawActive) {
+			setTargetFullyHidden(false);
+			return;
+		}
+		if (!open && !active) {
+			setTargetFullyHidden(true);
+		}
+	}, [
+		active,
+		open,
+		rawActive
+	]);
+	useIsomorphicLayoutEffect(function() {
+		if (rawActive) {
+			setPresent(true);
+		} else if (!active) {
+			setPresent(false);
+		}
+		if (rawActive && exiting) {
+			setExiting(false);
+		}
+	}, [
+		active,
+		exiting,
+		rawActive
+	]);
+	var handoff = React.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 = React.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 = React.useCallback(function() {
+		targetCountRef.current = Math.max(0, targetCountRef.current - 1);
+	}, []);
+	var registerContents = React.useCallback(function() {
+		contentsCountRef.current += 1;
+	}, []);
+	var unregisterContents = React.useCallback(function() {
+		contentsCountRef.current = Math.max(0, contentsCountRef.current - 1);
+	}, []);
+	var registerRenderCallback = React.useCallback(function() {
+		renderCallbackCountRef.current += 1;
+	}, []);
+	var unregisterRenderCallback = React.useCallback(function() {
+		renderCallbackCountRef.current = Math.max(0, renderCallbackCountRef.current - 1);
+	}, []);
+	React.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__ */ jsx(LastAdaptContextScope.Provider, {
+		value: scope,
+		children: /* @__PURE__ */ 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__ */React.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.`);
+	}
+	useIsomorphicLayoutEffect(function() {
+		if (!context.active) return;
+		context.registerContents();
+		return function() {
+			context.unregisterContents();
+		};
+	}, [
+		context.active,
+		context.registerContents,
+		context.unregisterContents
+	]);
+	return /* @__PURE__ */ React.createElement(context.Contents, {
+		...rest,
+		scope,
+		key: `stable`
+	});
 };
 AdaptContents.shouldForwardSpace = true;
 var Adapt = withStaticProperties(function Adapt2(props) {
-  var {
-    platform,
-    when,
-    children,
-    scope
-  } = props;
-  var context = useAdaptContext(scope);
-  var enabled = useAdaptIsActiveGiven(props);
-  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]);
-  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__ */jsx(Component, {}) : null);
-  } else output = children;
-  return /* @__PURE__ */jsx(StackZIndexContext, {
-    children: !enabled ? null : output
-  });
-}, {
-  Contents: AdaptContents
-});
-var AdaptPortalContents = function (props) {
-  var isActive = useAdaptIsActive(props.scope);
-  var {
-    portalName
-  } = useAdaptContext(props.scope);
-  var childrenStore = useContext(AdaptChildrenStoreContext);
-  if (!isWeb && getPortal().state.type === "teleport" && childrenStore) return /* @__PURE__ */jsx(AdaptPortalTeleport, {
-    isActive,
-    store: childrenStore,
-    children: props.children
-  });
-  return /* @__PURE__ */jsx(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";
+	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
+	]);
+	useIsomorphicLayoutEffect(function() {
+		if (!enabled || !isRenderCallback) return;
+		context.registerRenderCallback();
+		return function() {
+			context.unregisterRenderCallback();
+		};
+	}, [
+		enabled,
+		isRenderCallback,
+		context.registerRenderCallback,
+		context.unregisterRenderCallback
+	]);
+	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__ */ jsx(Component, {}) : null, getAdaptRenderState(context));
+	} else {
+		output = children;
+	}
+	return /* @__PURE__ */ jsx(StackZIndexContext, { children: !enabled ? null : output });
+}, { Contents: AdaptContents });
+var AdaptPortalContents = function(props) {
+	var isActive = useAdaptIsActive(props.scope);
+	var { slot } = useAdaptContext(props.scope);
+	return /* @__PURE__ */ jsx(AdaptSlotPublisher, {
+		isActive,
+		slot,
+		children: props.children
+	});
+};
+function AdaptSlotContents(param) {
+	var { scope } = param;
+	var { slot } = useAdaptContext(scope);
+	var _slot_subscribe, _slot_getSnapshot, _slot_getSnapshot1;
+	React.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__ */ jsx(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 = React.useRef(false);
+	useIsomorphicLayoutEffect(function() {
+		if (!slot) return;
+		if (isActive) {
+			slot.publish(children);
+			publishedRef.current = true;
+		} else {
+			slot.clear();
+			publishedRef.current = false;
+		}
+		slot.notify();
+	});
+	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__ */ jsx(Fragment, { children });
+}
+var emptySubscribe = function() {
+	return function() {};
+};
+var emptySnapshot = function() {
+	return 0;
+};
+var useAdaptIsActiveGiven = function(param) {
+	var { when, platform } = param;
+	var media = useMedia();
+	if (when == null && platform == null) {
+		return false;
+	}
+	if (when === true) {
+		return true;
+	}
+	var enabled = false;
+	if (platform === "touch") enabled = isTouchable;
+	else if (platform === "native") enabled = !isWeb;
+	else if (platform === "web") enabled = isWeb;
+	else if (platform === "ios") enabled = isIos;
+	else if (platform === "android") enabled = 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;
-  useIsomorphicLayoutEffect(function () {
-    if (isActive) store.set(children);else store.set(null);
-  });
-  useIsomorphicLayoutEffect(function () {
-    return function () {
-      return store.set(null);
-    };
-  }, [store]);
-  return isActive ? null : /* @__PURE__ */jsx(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);
+	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 = useMedia();
-  if (when == null && platform == null) return false;
-  if (when === true) return true;
-  var enabled = false;
-  if (platform === "touch") enabled = isTouchable;else if (platform === "native") enabled = !isWeb;else if (platform === "web") enabled = isWeb;else if (platform === "ios") enabled = isIos;else if (platform === "android") enabled = 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 = useContext(AdaptCapabilitiesContext);
+	var value = React.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__ */ jsx(AdaptCapabilitiesContext.Provider, {
+		value,
+		children
+	});
 };
-var useAdaptIsActive = function (scope) {
-  return useAdaptIsActiveGiven(useAdaptContext(scope));
+var useAdaptedCapabilities = function() {
+	return useContext(AdaptCapabilitiesContext);
 };
-export { Adapt, AdaptContents, AdaptContext, AdaptParent, AdaptPortalContents, ProvideAdaptContext, useAdaptContext, useAdaptIsActive };
+function getAdaptRenderState(context) {
+	return {
+		active: context.active,
+		open: context.open,
+		onOpenChange: context.onOpenChange,
+		state: context.state,
+		handoff: context.handoff
+	};
+}
+
+export { Adapt, AdaptCapabilities, AdaptContents, AdaptContext, AdaptParent, AdaptPortalContents, ProvideAdaptContext, useAdaptContext, useAdaptIsActive, useAdaptTarget, useAdaptedCapabilities };
 //# sourceMappingURL=Adapt.native.js.map