@tamagui/alert-dialog 3.0.0-beta.922.1 → 3.0.0

package/dist/jsx/useNativeAlertDialog.native.js

@@ -0,0 +1,141 @@
+"use strict";
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+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
+	});
+};
+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;
+};
+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 useNativeAlertDialog_native_exports = {};
+__export(useNativeAlertDialog_native_exports, { useNativeAlertDialog: () => useNativeAlertDialog });
+module.exports = __toCommonJS(useNativeAlertDialog_native_exports);
+var import_constants = require("@tamagui/constants");
+var import_core = require("@tamagui/core");
+var import_use_controllable_state = require("@tamagui/use-controllable-state");
+var React = __toESM(require("react"), 1);
+var import_react_native = require("react-native");
+var import_alertDialogPart = require("./alertDialogPart.native.js");
+var useNativeAlertDialog = function(props) {
+	var { native } = props;
+	var [open, setOpen] = (0, import_use_controllable_state.useControllableState)({
+		prop: props.open,
+		defaultProp: props.defaultOpen || false,
+		onChange: props.onOpenChange,
+		transition: true
+	});
+	var triggerElement = null;
+	var title = "";
+	var description = "";
+	var buttons = [];
+	forEachChildDeep(React.Children.toArray(props.children), function(child) {
+		if (!/* @__PURE__ */ React.isValidElement(child)) return false;
+		var part = (0, import_core.isTamaguiElement)(child) ? child.type.staticConfig[import_alertDialogPart.ALERT_DIALOG_PART] : void 0;
+		switch (part) {
+			case "trigger": {
+				triggerElement = /* @__PURE__ */ React.cloneElement(child, { __native: true });
+				return false;
+			}
+			case "title": {
+				title = getStringChildren(child);
+				return false;
+			}
+			case "description": {
+				description = getStringChildren(child);
+				return false;
+			}
+			case "action":
+			case "destructive":
+			case "cancel": {
+				var style = part === "action" ? "default" : part === "destructive" ? "destructive" : "cancel";
+				var text = getStringChildren(child);
+				var onPress = function() {
+					var _childProps_onPress;
+					var childProps = child.props;
+					childProps === null || childProps === void 0 ? void 0 : (_childProps_onPress = childProps.onPress) === null || _childProps_onPress === void 0 ? void 0 : _childProps_onPress.call(childProps, { native: true });
+					setOpen(false);
+				};
+				buttons.push({
+					style,
+					text,
+					onPress
+				});
+				return false;
+			}
+			default: {
+				return true;
+			}
+		}
+	});
+	(0, import_constants.useIsomorphicLayoutEffect)(function() {
+		if (!open || !native) return;
+		if (title || description) {
+			import_react_native.Alert.alert(title, description, buttons);
+		}
+	}, [native, open]);
+	if (native) {
+		return /* @__PURE__ */ React.cloneElement(triggerElement, { __onPress: function() {
+			setOpen(true);
+		} });
+	}
+	return null;
+};
+function forEachChildDeep(children, onChild) {
+	var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
+	try {
+		for (var _iterator = children[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+			var child = _step.value;
+			if (!/* @__PURE__ */ React.isValidElement(child)) continue;
+			if (!onChild(child)) continue;
+			var childProps = child.props;
+			if (childProps.children) {
+				forEachChildDeep(React.Children.toArray(childProps.children), onChild);
+			}
+		}
+	} catch (err) {
+		_didIteratorError = true;
+		_iteratorError = err;
+	} finally {
+		try {
+			if (!_iteratorNormalCompletion && _iterator.return != null) {
+				_iterator.return();
+			}
+		} finally {
+			if (_didIteratorError) {
+				throw _iteratorError;
+			}
+		}
+	}
+}
+function getStringChildren(child) {
+	var string = "";
+	forEachChildDeep(React.Children.toArray(child), function(child2) {
+		if (typeof child2.props.children === "string") {
+			string = child2.props.children;
+			return false;
+		}
+		return true;
+	});
+	return string;
+}
+
+//# sourceMappingURL=useNativeAlertDialog.native.js.map

package/dist/jsx/useNativeAlertDialog.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNativeAlertDialog.native.js","names":[],"sources":["jsx/useNativeAlertDialog.native.js"],"sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n  // If the importer is in node compatibility mode or this is not an ESM\n  // file that has been converted to a CommonJS file using a Babel-\n  // compatible transform (i.e. \"__esModule\" has not been set), then set\n  // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n  isNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", { value: mod, enumerable: true }) : target,\n  mod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar useNativeAlertDialog_native_exports = {};\n__export(useNativeAlertDialog_native_exports, {\n  useNativeAlertDialog: () => useNativeAlertDialog\n});\nmodule.exports = __toCommonJS(useNativeAlertDialog_native_exports);\nvar import_constants = require(\"@tamagui/constants\");\nvar import_core = require(\"@tamagui/core\");\nvar import_use_controllable_state = require(\"@tamagui/use-controllable-state\");\nvar React = __toESM(require(\"react\"), 1);\nvar import_react_native = require(\"react-native\");\nvar import_alertDialogPart = require(\"./alertDialogPart\");\nvar useNativeAlertDialog = function(props) {\n  var { native } = props;\n  var [open, setOpen] = (0, import_use_controllable_state.useControllableState)({\n    prop: props.open,\n    defaultProp: props.defaultOpen || false,\n    onChange: props.onOpenChange,\n    transition: true\n  });\n  var triggerElement = null;\n  var title = \"\";\n  var description = \"\";\n  var buttons = [];\n  forEachChildDeep(React.Children.toArray(props.children), function(child) {\n    if (!/* @__PURE__ */ React.isValidElement(child)) return false;\n    var part = (0, import_core.isTamaguiElement)(child) ? child.type.staticConfig[import_alertDialogPart.ALERT_DIALOG_PART] : void 0;\n    switch (part) {\n      case \"trigger\": {\n        triggerElement = /* @__PURE__ */ React.cloneElement(child, {\n          __native: true\n        });\n        return false;\n      }\n      case \"title\": {\n        title = getStringChildren(child);\n        return false;\n      }\n      case \"description\": {\n        description = getStringChildren(child);\n        return false;\n      }\n      case \"action\":\n      case \"destructive\":\n      case \"cancel\": {\n        var style = part === \"action\" ? \"default\" : part === \"destructive\" ? \"destructive\" : \"cancel\";\n        var text = getStringChildren(child);\n        var onPress = function() {\n          var _childProps_onPress;\n          var childProps = child.props;\n          childProps === null || childProps === void 0 ? void 0 : (_childProps_onPress = childProps.onPress) === null || _childProps_onPress === void 0 ? void 0 : _childProps_onPress.call(childProps, {\n            native: true\n          });\n          setOpen(false);\n        };\n        buttons.push({\n          style,\n          text,\n          // @ts-ignore\n          onPress\n        });\n        return false;\n      }\n      default: {\n        return true;\n      }\n    }\n  });\n  (0, import_constants.useIsomorphicLayoutEffect)(function() {\n    if (!open || !native) return;\n    if (title || description) {\n      import_react_native.Alert.alert(title, description, buttons);\n    }\n  }, [\n    native,\n    open\n  ]);\n  if (native) {\n    return /* @__PURE__ */ React.cloneElement(triggerElement, {\n      __onPress: function() {\n        setOpen(true);\n      }\n    });\n  }\n  return null;\n};\nfunction forEachChildDeep(children, onChild) {\n  var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;\n  try {\n    for (var _iterator = children[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {\n      var child = _step.value;\n      if (!/* @__PURE__ */ React.isValidElement(child)) continue;\n      if (!onChild(child)) continue;\n      var childProps = child.props;\n      if (childProps.children) {\n        forEachChildDeep(React.Children.toArray(childProps.children), onChild);\n      }\n    }\n  } catch (err) {\n    _didIteratorError = true;\n    _iteratorError = err;\n  } finally {\n    try {\n      if (!_iteratorNormalCompletion && _iterator.return != null) {\n        _iterator.return();\n      }\n    } finally {\n      if (_didIteratorError) {\n        throw _iteratorError;\n      }\n    }\n  }\n}\nfunction getStringChildren(child) {\n  var string = \"\";\n  forEachChildDeep(React.Children.toArray(child), function(child2) {\n    if (typeof child2.props.children === \"string\") {\n      string = child2.props.children;\n      return false;\n    }\n    return true;\n  });\n  return string;\n}\n//# sourceMappingURL=useNativeAlertDialog.native.js.map\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "@tamagui/alert-dialog",
-  "version": "3.0.0-beta.922.1",
+  "version": "3.0.0",
+  "license": "MIT",
   "source": "src/index.ts",
   "files": [
     "src",
@@ -34,26 +35,26 @@
     "clean:build": "tamagui-build clean:build"
   },
   "dependencies": {
-    "@tamagui/animate-presence": "3.0.0-beta.922.1",
-    "@tamagui/compose-refs": "3.0.0-beta.922.1",
-    "@tamagui/constants": "3.0.0-beta.922.1",
-    "@tamagui/core": "3.0.0-beta.922.1",
-    "@tamagui/create-context": "3.0.0-beta.922.1",
-    "@tamagui/dialog": "3.0.0-beta.922.1",
-    "@tamagui/dismissable": "3.0.0-beta.922.1",
-    "@tamagui/focus-scope": "3.0.0-beta.922.1",
-    "@tamagui/helpers": "3.0.0-beta.922.1",
-    "@tamagui/polyfill-dev": "3.0.0-beta.922.1",
-    "@tamagui/portal": "3.0.0-beta.922.1",
-    "@tamagui/remove-scroll": "3.0.0-beta.922.1",
-    "@tamagui/stacks": "3.0.0-beta.922.1",
-    "@tamagui/text": "3.0.0-beta.922.1",
-    "@tamagui/use-controllable-state": "3.0.0-beta.922.1"
+    "@tamagui/animate-presence": "3.0.0",
+    "@tamagui/compose-refs": "3.0.0",
+    "@tamagui/constants": "3.0.0",
+    "@tamagui/core": "3.0.0",
+    "@tamagui/create-context": "3.0.0",
+    "@tamagui/dialog": "3.0.0",
+    "@tamagui/dismissable": "3.0.0",
+    "@tamagui/focus-scope": "3.0.0",
+    "@tamagui/helpers": "3.0.0",
+    "@tamagui/polyfill-dev": "3.0.0",
+    "@tamagui/portal": "3.0.0",
+    "@tamagui/remove-scroll": "3.0.0",
+    "@tamagui/stacks": "3.0.0",
+    "@tamagui/text": "3.0.0",
+    "@tamagui/use-controllable-state": "3.0.0"
   },
   "devDependencies": {
-    "@tamagui/build": "3.0.0-beta.922.1",
+    "@tamagui/build": "3.0.0",
     "react": "19.2.3",
-    "react-native": "0.86.2"
+    "react-native": "0.87.1"
   },
   "peerDependencies": {
     "react": ">=19",
@@ -65,5 +66,6 @@
     "type": "git",
     "url": "git+https://github.com/tamagui/tamagui.git",
     "directory": "code/ui/alert-dialog"
-  }
+  },
+  "releaseSourceCommit": "15fbca480b143f876f6975601e23a17d3f90d2ee"
 }

package/src/AlertDialog.tsx

@@ -1,17 +1,11 @@
-import { createStyledHOC, createRefComponent } from '@tamagui/core'
+import { createStyledHOC } from '@tamagui/core'
 // forked from radix-ui
 // https://github.com/radix-ui/primitives/blob/main/packages/react/alert-dialog/src/AlertDialog.tsx
 
 import { useComposedRefs } from '@tamagui/compose-refs'
 import { isWeb, useIsomorphicLayoutEffect } from '@tamagui/constants'
 import type { TamaguiElement } from '@tamagui/core'
-import {
-  Slottable,
-  View,
-  createStyledContext,
-  isTamaguiElement,
-  styled,
-} from '@tamagui/core'
+import { Slottable, View, createStyledContext, styled } from '@tamagui/core'
 import type {
   DialogCloseProps,
   DialogContentProps,
@@ -27,6 +21,7 @@ import {
   Dialog,
   DialogClose,
   DialogContent,
+  DialogContentFrame,
   DialogDescription,
   DialogOverlay,
   DialogOverlayFrame,
@@ -36,9 +31,10 @@ import {
   DialogWarningProvider,
 } from '@tamagui/dialog'
 import { composeEventHandlers, withStaticProperties } from '@tamagui/helpers'
-import { useControllableState } from '@tamagui/use-controllable-state'
 import * as React from 'react'
-import { Alert } from 'react-native'
+
+import { markAlertDialogPart } from './alertDialogPart'
+import { useNativeAlertDialog } from './useNativeAlertDialog'
 
 const getAlertDialogScope = (scope?: string) => scope
 
@@ -47,27 +43,6 @@ const getAlertDialogScope = (scope?: string) => scope
  * -----------------------------------------------------------------------------------------------*/
 
 const ROOT_NAME = 'AlertDialog'
-const ALERT_DIALOG_PART = Symbol('AlertDialogPart')
-
-type AlertDialogPart =
-  | 'trigger'
-  | 'title'
-  | 'description'
-  | 'action'
-  | 'cancel'
-  | 'destructive'
-
-type AlertDialogPartStaticConfig = {
-  [ALERT_DIALOG_PART]?: AlertDialogPart
-}
-
-const markAlertDialogPart = (
-  component: { staticConfig: object },
-  part: AlertDialogPart
-) => {
-  Object.assign(component.staticConfig, { [ALERT_DIALOG_PART]: part })
-}
-
 export type AlertDialogScopes = string
 
 type ScopedProps<P> = Omit<P, 'scope'> & { scope?: AlertDialogScopes }
@@ -175,8 +150,17 @@ type AlertDialogContentProps = ScopedProps<
   Omit<DialogContentProps, 'onPointerDownOutside' | 'onInteractOutside'>
 >
 
-const AlertDialogContent = createRefComponent<TamaguiElement, AlertDialogContentProps>(
-  function AlertDialogContent(props, forwardedRef) {
+// a styled HOC, not a plain component wrapping DialogContent: `styled()` on a
+// plain component would land the animation props on this outer frame, which
+// renders above the presence boundary DialogContent creates, and an exiting
+// frame that never joins presence finishes its exit instantly
+const AlertDialogContentFrame = styled(DialogContentFrame, {
+  displayName: CONTENT_NAME,
+})
+
+const AlertDialogContent = createStyledHOC(
+  AlertDialogContentFrame,
+  function AlertDialogContent(props: AlertDialogContentProps, forwardedRef) {
     const { scope, children, ...contentProps } = props
     const dialogScope = getAlertDialogScope(scope)
     const contentRef = React.useRef<TamaguiElement>(null)
@@ -392,118 +376,12 @@ const AlertDialogInner: React.FC<AlertDialogProps> = (props) => {
   const { scope, native, ...alertDialogProps } = props
   const dialogScope = getAlertDialogScope(scope)
 
-  if (process.env.TAMAGUI_TARGET === 'native') {
-    const [open, setOpen] = useControllableState({
-      prop: props.open,
-      defaultProp: props.defaultOpen || false,
-      onChange: props.onOpenChange,
-      transition: true,
-    })
-
-    let triggerElement: any = null
-    let title = ''
-    let description = ''
-    const buttons: {
-      text: string
-      onPress: (value?: string | undefined) => void
-      style?: 'default' | 'cancel' | 'destructive'
-    }[] = []
-
-    forEachChildDeep(React.Children.toArray(props.children), (child) => {
-      if (!React.isValidElement(child)) return false
-      const part = isTamaguiElement(child)
-        ? (child.type.staticConfig as AlertDialogPartStaticConfig)[ALERT_DIALOG_PART]
-        : undefined
-      switch (part) {
-        case 'trigger': {
-          triggerElement = React.cloneElement(child as any, {
-            __native: true,
-          })
-          return false
-        }
-        case 'title': {
-          title = getStringChildren(child)
-          return false
-        }
-        case 'description': {
-          description = getStringChildren(child)
-          return false
-        }
-        case 'action':
-        case 'destructive':
-        case 'cancel': {
-          const style =
-            part === 'action'
-              ? 'default'
-              : part === 'destructive'
-                ? 'destructive'
-                : 'cancel'
-          const text = getStringChildren(child)
-          const onPress = () => {
-            const childProps = child.props as any
-            childProps?.onPress?.({ native: true })
-            setOpen(false)
-          }
-          buttons.push({
-            style,
-            text,
-            // @ts-ignore
-            onPress,
-          })
-          return false
-        }
-        default: {
-          return true
-        }
-      }
-    })
-
-    useIsomorphicLayoutEffect(() => {
-      if (!open || !native) return
-      if (title || description) {
-        Alert.alert(title, description, buttons)
-      }
-    }, [native, open])
-
-    if (native) {
-      return React.cloneElement(triggerElement, {
-        __onPress: () => {
-          setOpen(true)
-        },
-      })
-    }
-  }
+  const nativeAlert = useNativeAlertDialog(props)
+  if (nativeAlert) return nativeAlert
 
   return <Dialog scope={dialogScope} {...alertDialogProps} modal />
 }
 
-function forEachChildDeep(
-  children: React.ReactNode[],
-  onChild: (el: React.ReactElement) => boolean
-) {
-  for (const child of children) {
-    if (!React.isValidElement(child)) continue
-    if (!onChild(child)) continue
-    // TODO react 19 doesn't like child.props
-    const childProps = child.props as unknown as any
-    if (childProps.children) {
-      forEachChildDeep(React.Children.toArray(childProps.children), onChild)
-    }
-  }
-}
-
-function getStringChildren(child: React.ReactElement) {
-  let string = ''
-  forEachChildDeep(React.Children.toArray(child), (child) => {
-    if (typeof (child.props as Record<string, any>).children === 'string') {
-      string = (child.props as Record<string, any>).children
-      return false
-    }
-    return true
-  })
-  return string
-}
-
 const AlertDialog = withStaticProperties(AlertDialogInner, {
   Trigger: AlertDialogTrigger,
   Portal: AlertDialogPortal,

package/src/alertDialogPart.ts

@@ -0,0 +1,26 @@
+/**
+ * Which slot a child fills, stamped onto the styled component's staticConfig so
+ * the native path can find the title, description and buttons by walking the
+ * tree instead of rendering it. Lives here so the native-only walker can read
+ * it without importing back into `AlertDialog`.
+ */
+export const ALERT_DIALOG_PART = Symbol('AlertDialogPart')
+
+export type AlertDialogPart =
+  | 'trigger'
+  | 'title'
+  | 'description'
+  | 'action'
+  | 'cancel'
+  | 'destructive'
+
+export type AlertDialogPartStaticConfig = {
+  [ALERT_DIALOG_PART]?: AlertDialogPart
+}
+
+export const markAlertDialogPart = (
+  component: { staticConfig: object },
+  part: AlertDialogPart
+) => {
+  Object.assign(component.staticConfig, { [ALERT_DIALOG_PART]: part })
+}

package/src/useNativeAlertDialog.native.tsx

@@ -0,0 +1,129 @@
+import { useIsomorphicLayoutEffect } from '@tamagui/constants'
+import { isTamaguiElement } from '@tamagui/core'
+import type { DialogProps } from '@tamagui/dialog'
+import { useControllableState } from '@tamagui/use-controllable-state'
+import * as React from 'react'
+import { Alert } from 'react-native'
+
+import type { AlertDialogPartStaticConfig } from './alertDialogPart'
+import { ALERT_DIALOG_PART } from './alertDialogPart'
+
+/**
+ * With `native`, the dialog is the platform's own alert: the children are never
+ * rendered, they are read for their title, description and buttons and handed
+ * to `Alert.alert`, and only the trigger stays in the tree.
+ */
+export const useNativeAlertDialog = (
+  props: DialogProps & { native?: boolean }
+): React.ReactElement | null => {
+  const { native } = props
+
+  const [open, setOpen] = useControllableState({
+    prop: props.open,
+    defaultProp: props.defaultOpen || false,
+    onChange: props.onOpenChange,
+    transition: true,
+  })
+
+  let triggerElement: any = null
+  let title = ''
+  let description = ''
+  const buttons: {
+    text: string
+    onPress: (value?: string | undefined) => void
+    style?: 'default' | 'cancel' | 'destructive'
+  }[] = []
+
+  forEachChildDeep(React.Children.toArray(props.children), (child) => {
+    if (!React.isValidElement(child)) return false
+    const part = isTamaguiElement(child)
+      ? (child.type.staticConfig as AlertDialogPartStaticConfig)[ALERT_DIALOG_PART]
+      : undefined
+    switch (part) {
+      case 'trigger': {
+        triggerElement = React.cloneElement(child as any, {
+          __native: true,
+        })
+        return false
+      }
+      case 'title': {
+        title = getStringChildren(child)
+        return false
+      }
+      case 'description': {
+        description = getStringChildren(child)
+        return false
+      }
+      case 'action':
+      case 'destructive':
+      case 'cancel': {
+        const style =
+          part === 'action'
+            ? 'default'
+            : part === 'destructive'
+              ? 'destructive'
+              : 'cancel'
+        const text = getStringChildren(child)
+        const onPress = () => {
+          const childProps = child.props as any
+          childProps?.onPress?.({ native: true })
+          setOpen(false)
+        }
+        buttons.push({
+          style,
+          text,
+          // @ts-ignore
+          onPress,
+        })
+        return false
+      }
+      default: {
+        return true
+      }
+    }
+  })
+
+  useIsomorphicLayoutEffect(() => {
+    if (!open || !native) return
+    if (title || description) {
+      Alert.alert(title, description, buttons)
+    }
+  }, [native, open])
+
+  if (native) {
+    return React.cloneElement(triggerElement, {
+      __onPress: () => {
+        setOpen(true)
+      },
+    })
+  }
+
+  return null
+}
+
+function forEachChildDeep(
+  children: React.ReactNode[],
+  onChild: (el: React.ReactElement) => boolean
+) {
+  for (const child of children) {
+    if (!React.isValidElement(child)) continue
+    if (!onChild(child)) continue
+    // TODO react 19 doesn't like child.props
+    const childProps = child.props as unknown as any
+    if (childProps.children) {
+      forEachChildDeep(React.Children.toArray(childProps.children), onChild)
+    }
+  }
+}
+
+function getStringChildren(child: React.ReactElement) {
+  let string = ''
+  forEachChildDeep(React.Children.toArray(child), (child) => {
+    if (typeof (child.props as Record<string, any>).children === 'string') {
+      string = (child.props as Record<string, any>).children
+      return false
+    }
+    return true
+  })
+  return string
+}

package/src/useNativeAlertDialog.ts

@@ -0,0 +1,11 @@
+import type { DialogProps } from '@tamagui/dialog'
+import type * as React from 'react'
+
+/**
+ * `native` asks for the platform's own alert, which the web does not have, so
+ * the web build always falls through to the real dialog. The native sibling is
+ * where the work happens.
+ */
+export const useNativeAlertDialog = (
+  _props: DialogProps & { native?: boolean }
+): React.ReactElement | null => null