@tamagui/adapt 2.7.7 → 3.0.0-beta.1093.1

package/dist/cjs/Adapt.cjs

@@ -5,235 +5,489 @@ 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_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);
 var import_jsx_runtime = require("react/jsx-runtime");
-function createAdaptChildrenStore() {
-  let children = null;
-  const listeners = /* @__PURE__ */new Set();
-  return {
-    set(c) {
-      children = c;
-      for (const l of listeners) l();
-    },
-    get: () => children,
-    subscribe(callback) {
-      listeners.add(callback);
-      return () => listeners.delete(callback);
-    }
-  };
+function createAdaptSlotStore() {
+	const listeners = /* @__PURE__ */ new Set();
+	const store = {
+		element: null,
+		version: 0,
+		publish(element) {
+			store.element = element;
+		},
+		clear() {
+			store.element = null;
+		},
+		notify() {
+			store.version += 1;
+			for (const listener of listeners) {
+				listener();
+			}
+		},
+		getSnapshot() {
+			return store.version;
+		},
+		subscribe(callback) {
+			listeners.add(callback);
+			return () => {
+				listeners.delete(callback);
+			};
+		}
+	};
+	return store;
 }
-const AdaptChildrenStoreContext = (0, import_react.createContext)(null);
+const adaptContextKeys = [
+	"Contents",
+	"scopeName",
+	"portalName",
+	"active",
+	"setAdaptConfig",
+	"slot",
+	"handoff",
+	"targetFullyHidden",
+	"registerTarget",
+	"unregisterTarget",
+	"registerContents",
+	"unregisterContents",
+	"registerRenderCallback",
+	"unregisterRenderCallback"
+];
 const AdaptContext = (0, import_core.createStyledContext)({
-  Contents: null,
-  scopeName: "",
-  portalName: "",
-  platform: null,
-  setPlatform: x => {},
-  when: null,
-  setWhen: () => {}
-});
+	Contents: null,
+	scopeName: "",
+	portalName: "",
+	active: false,
+	setAdaptConfig: () => {},
+	slot: null,
+	handoff: {
+		hidden: true,
+		onTransition: () => {}
+	},
+	targetFullyHidden: true,
+	registerTarget: () => {},
+	unregisterTarget: () => {},
+	registerContents: () => {},
+	unregisterContents: () => {},
+	registerRenderCallback: () => {},
+	unregisterRenderCallback: () => {}
+}, { keys: adaptContextKeys });
+const AdaptCapabilitiesContext = (0, import_react.createContext)({});
 const LastAdaptContextScope = (0, import_react.createContext)("");
-const ProvideAdaptContext = ({
-  children,
-  ...context
-}) => {
-  const scope = context.scopeName || "";
-  const 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
-    })
-  });
+const ProvideAdaptContext = ({ children, ...context }) => {
+	const scope = context.scopeName || "";
+	const 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
+		})
+	});
 };
-const useAdaptContext = scope => {
-  const lastScope = (0, import_react.useContext)(LastAdaptContextScope);
-  const adaptScope = scope ?? lastScope;
-  return AdaptContext.useStyledContext(adaptScope);
+const useAdaptContext = (scope) => {
+	const lastScope = (0, import_react.useContext)(LastAdaptContextScope);
+	const adaptScope = scope ?? lastScope;
+	return AdaptContext.useStyledContext(adaptScope);
 };
-const AdaptPortals = /* @__PURE__ */new Map();
-const AdaptParent = ({
-  children,
-  Contents,
-  scope,
-  portal
-}) => {
-  const id = (0, import_react.useId)();
-  const portalName = `AdaptPortal${scope}${id}`;
-  const childrenStoreRef = import_react.default.useRef(null);
-  if (!childrenStoreRef.current) childrenStoreRef.current = createAdaptChildrenStore();
-  const isTeleport = false;
-  const FinalContents = (0, import_react.useMemo)(() => {
-    if (Contents) return Contents;
-    if (AdaptPortals.has(portalName)) return AdaptPortals.get(portalName);
-    const element = () => {
-      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_portal.PortalHost, {
-        name: portalName,
-        forwardProps: typeof portal === "boolean" ? void 0 : portal?.forwardProps
-      }, id);
-    };
-    AdaptPortals.set(portalName, element);
-    return element;
-  }, [portalName, Contents, isTeleport]);
-  (0, import_constants.useIsomorphicLayoutEffect)(() => {
-    AdaptPortals.set(portalName, FinalContents);
-    return () => {
-      AdaptPortals.delete(portalName);
-    };
-  }, [portalName, isTeleport]);
-  const [when, setWhen] = import_react.default.useState(null);
-  const [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
-      })
-    })
-  });
+function findAdaptConfig(children, scope) {
+	for (const child of import_react.default.Children.toArray(children)) {
+		if (!import_react.default.isValidElement(child)) continue;
+		if (child.type === import_react.default.Fragment) {
+			const found = findAdaptConfig(child.props.children, scope);
+			if (found) return found;
+			continue;
+		}
+		if (child.type === Adapt) {
+			const childProps = child.props;
+			if (childProps.scope == null || childProps.scope === scope) {
+				return childProps;
+			}
+		}
+	}
+	return null;
+}
+const AdaptParent = ({ children, adaptChildren, Contents, scope, open, onOpenChange, state }) => {
+	const id = (0, import_react.useId)();
+	const portalName = `AdaptPortal${scope}${id}`;
+	const slotRef = import_react.default.useRef(null);
+	if (!slotRef.current) {
+		slotRef.current = createAdaptSlotStore();
+	}
+	const staticConfig = import_react.default.useMemo(() => findAdaptConfig(adaptChildren, scope) ?? findAdaptConfig(children, scope), [
+		adaptChildren,
+		children,
+		scope
+	]);
+	const [publishedConfig, setPublishedConfig] = import_react.default.useState(null);
+	const rawActive = useAdaptIsActiveGiven(staticConfig ?? publishedConfig);
+	const staticConfigRef = import_react.default.useRef(staticConfig);
+	staticConfigRef.current = staticConfig;
+	const setAdaptConfig = import_react.default.useCallback((config) => {
+		if (staticConfigRef.current) return;
+		setPublishedConfig(config);
+	}, []);
+	const [exiting, setExiting] = import_react.default.useState(false);
+	const [present, setPresent] = import_react.default.useState(false);
+	const [targetFullyHidden, setTargetFullyHidden] = import_react.default.useState(!open);
+	const targetCountRef = import_react.default.useRef(0);
+	const contentsCountRef = import_react.default.useRef(0);
+	const renderCallbackCountRef = import_react.default.useRef(0);
+	const rawActiveRef = import_react.default.useRef(false);
+	const openRef = import_react.default.useRef(open);
+	const wasTargetHiddenRef = import_react.default.useRef(!rawActive);
+	const hasHadActiveTargetRef = import_react.default.useRef(false);
+	const shouldStartExit = !rawActive && present && Boolean(open);
+	const active = rawActive || exiting || shouldStartExit;
+	const targetHidden = !rawActive;
+	const skipNextAnimation = Boolean(rawActive && wasTargetHiddenRef.current && hasHadActiveTargetRef.current && open);
+	const releasePresenceLatch = import_react.default.useCallback(() => {
+		setExiting(false);
+		if (!rawActiveRef.current) {
+			setPresent(false);
+		}
+	}, []);
+	(0, import_constants.useIsomorphicLayoutEffect)(() => {
+		if (shouldStartExit) {
+			setExiting(true);
+		}
+	}, [shouldStartExit]);
+	(0, import_constants.useIsomorphicLayoutEffect)(() => {
+		rawActiveRef.current = rawActive;
+		openRef.current = open;
+		if (rawActive) {
+			hasHadActiveTargetRef.current = true;
+		}
+		wasTargetHiddenRef.current = targetHidden;
+		if (open && rawActive) {
+			setTargetFullyHidden(false);
+			return;
+		}
+		if (!open && !active) {
+			setTargetFullyHidden(true);
+		}
+	}, [
+		active,
+		open,
+		rawActive,
+		targetHidden
+	]);
+	(0, import_constants.useIsomorphicLayoutEffect)(() => {
+		if (rawActive) {
+			setPresent(true);
+		} else if (!active) {
+			setPresent(false);
+		}
+		if (rawActive && exiting) {
+			setExiting(false);
+		}
+	}, [
+		active,
+		exiting,
+		rawActive
+	]);
+	const handoff = import_react.default.useMemo(() => ({
+		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
+	]);
+	const registerTarget = import_react.default.useCallback(() => {
+		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]);
+	const unregisterTarget = import_react.default.useCallback(() => {
+		targetCountRef.current = Math.max(0, targetCountRef.current - 1);
+	}, []);
+	const registerContents = import_react.default.useCallback(() => {
+		contentsCountRef.current += 1;
+	}, []);
+	const unregisterContents = import_react.default.useCallback(() => {
+		contentsCountRef.current = Math.max(0, contentsCountRef.current - 1);
+	}, []);
+	const registerRenderCallback = import_react.default.useCallback(() => {
+		renderCallbackCountRef.current += 1;
+	}, []);
+	const unregisterRenderCallback = import_react.default.useCallback(() => {
+		renderCallbackCountRef.current = Math.max(0, renderCallbackCountRef.current - 1);
+	}, []);
+	import_react.default.useEffect(() => {
+		if (process.env.NODE_ENV !== "development") return;
+		if (!active) return;
+		const timer = setTimeout(() => {
+			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 () => clearTimeout(timer);
+	}, [active, scope]);
+	const FinalContents = Contents || AdaptSlotContents;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LastAdaptContextScope.Provider, {
+		value: scope,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ProvideAdaptContext, {
+			Contents: FinalContents,
+			active,
+			setAdaptConfig,
+			portalName,
+			scopeName: scope,
+			slot: slotRef.current,
+			open,
+			onOpenChange,
+			state,
+			handoff,
+			targetFullyHidden,
+			registerTarget,
+			unregisterTarget,
+			registerContents,
+			unregisterContents,
+			registerRenderCallback,
+			unregisterRenderCallback,
+			children
+		})
+	});
 };
-const AdaptContents = ({
-  scope,
-  ...rest
-}) => {
-  const context = useAdaptContext(scope);
-  if (!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 import_react.default.createElement(context.Contents, {
-    ...rest,
-    key: `stable`
-  });
+const AdaptContents = ({ scope, ...rest }) => {
+	const context = useAdaptContext(scope);
+	if (!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)(() => {
+		if (!context.active) return;
+		context.registerContents();
+		return () => {
+			context.unregisterContents();
+		};
+	}, [
+		context.active,
+		context.registerContents,
+		context.unregisterContents
+	]);
+	return import_react.default.createElement(context.Contents, {
+		...rest,
+		scope,
+		key: `stable`
+	});
 };
 AdaptContents.shouldForwardSpace = true;
 const Adapt = (0, import_helpers.withStaticProperties)(function Adapt2(props) {
-  const {
-    platform,
-    when,
-    children,
-    scope
-  } = props;
-  const context = useAdaptContext(scope);
-  const enabled = useAdaptIsActiveGiven(props);
-  (0, import_constants.useIsomorphicLayoutEffect)(() => {
-    context?.setWhen?.(when || enabled);
-    context?.setPlatform?.(platform || null);
-  }, [when, platform, enabled, context.setWhen, context.setPlatform]);
-  (0, import_constants.useIsomorphicLayoutEffect)(() => {
-    return () => {
-      context?.setWhen?.(null);
-      context?.setPlatform?.(null);
-    };
-  }, []);
-  let output;
-  if (typeof children === "function") {
-    const Component = 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
-});
-const AdaptPortalContents = props => {
-  const isActive = useAdaptIsActive(props.scope);
-  const {
-    portalName
-  } = useAdaptContext(props.scope);
-  const 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
-  });
+	const { children, platform, scope, when } = props;
+	const context = useAdaptContext(scope);
+	const enabled = context.active;
+	const isRenderCallback = typeof children === "function";
+	(0, import_constants.useIsomorphicLayoutEffect)(() => {
+		context.setAdaptConfig({
+			when,
+			platform
+		});
+		return () => {
+			context.setAdaptConfig(null);
+		};
+	}, [
+		when,
+		platform,
+		context.setAdaptConfig
+	]);
+	(0, import_constants.useIsomorphicLayoutEffect)(() => {
+		if (!enabled || !isRenderCallback) return;
+		context.registerRenderCallback();
+		return () => {
+			context.unregisterRenderCallback();
+		};
+	}, [
+		enabled,
+		isRenderCallback,
+		context.registerRenderCallback,
+		context.unregisterRenderCallback
+	]);
+	let output;
+	if (isRenderCallback) {
+		const Component = 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 });
+const AdaptPortalContents = (props) => {
+	const isActive = useAdaptIsActive(props.scope);
+	const { slot } = useAdaptContext(props.scope);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AdaptSlotPublisher, {
+		isActive,
+		slot,
+		children: props.children
+	});
 };
-function AdaptPortalTeleport({
-  isActive,
-  store,
-  children
-}) {
-  (0, import_constants.useIsomorphicLayoutEffect)(() => {
-    if (isActive) store.set(children);else store.set(null);
-  });
-  (0, import_constants.useIsomorphicLayoutEffect)(() => {
-    return () => store.set(null);
-  }, [store]);
-  return isActive ? null : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
-    children
-  });
+function AdaptSlotContents({ scope }) {
+	const { slot } = useAdaptContext(scope);
+	import_react.default.useSyncExternalStore(slot?.subscribe ?? emptySubscribe, slot?.getSnapshot ?? emptySnapshot, slot?.getSnapshot ?? emptySnapshot);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: slot?.element ?? null });
 }
-const useAdaptIsActiveGiven = ({
-  when,
-  platform
-}) => {
-  const media = (0, import_core.useMedia)();
-  if (when == null && platform == null) return false;
-  if (when === true) return true;
-  let 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 AdaptSlotPublisher({ isActive, slot, children }) {
+	const publishedRef = import_react.default.useRef(null);
+	(0, import_constants.useIsomorphicLayoutEffect)(() => {
+		if (!slot) return;
+		const published = publishedRef.current;
+		if (published && published.isActive === isActive && published.element === children) {
+			return;
+		}
+		publishedRef.current = {
+			isActive,
+			element: children
+		};
+		if (isActive) {
+			slot.publish(children);
+		} else {
+			slot.clear();
+		}
+		slot.notify();
+	});
+	(0, import_constants.useIsomorphicLayoutEffect)(() => {
+		return () => {
+			if (publishedRef.current?.isActive) {
+				slot?.clear();
+				slot?.notify();
+			}
+			publishedRef.current = null;
+		};
+	}, [slot]);
+	return isActive ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children });
+}
+const emptySubscribe = () => () => {};
+const emptySnapshot = () => 0;
+const useAdaptIsActiveGiven = (config) => {
+	const media = (0, import_core.useMedia)();
+	const when = config?.when;
+	const platform = config?.platform;
+	if (when == null && platform == null) {
+		return false;
+	}
+	if (when === true) {
+		return true;
+	}
+	let 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;
+};
+const useAdaptIsActive = (scope) => {
+	return useAdaptContext(scope).active;
 };
-const useAdaptIsActive = scope => {
-  return useAdaptIsActiveGiven(useAdaptContext(scope));
-};
+function useAdaptTarget(scope) {
+	const context = useAdaptContext(scope);
+	(0, import_constants.useIsomorphicLayoutEffect)(() => {
+		if (!context.active) return;
+		context.registerTarget();
+		return () => {
+			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
+	};
+}
+const AdaptCapabilities = ({ children, scroll, overlay, dismiss }) => {
+	const parent = (0, import_react.useContext)(AdaptCapabilitiesContext);
+	const value = import_react.default.useMemo(() => ({
+		scroll: scroll ?? parent.scroll,
+		overlay: overlay ?? parent.overlay,
+		dismiss: dismiss ?? parent.dismiss
+	}), [
+		dismiss,
+		overlay,
+		parent.dismiss,
+		parent.overlay,
+		parent.scroll,
+		scroll
+	]);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AdaptCapabilitiesContext.Provider, {
+		value,
+		children
+	});
+};
+const useAdaptedCapabilities = () => {
+	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
+	};
+}