@tamagui/alert-dialog 2.0.0-rc.9 → 2.0.0

package/dist/jsx/AlertDialog.native.js

@@ -4,33 +4,35 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf,
-  __hasOwnProp = Object.prototype.hasOwnProperty;
+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: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  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;
-  };
+  }
+  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: !0
-  }) : target, mod)),
-  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-    value: !0
-  }), mod);
+// 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
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
 var AlertDialog_exports = {};
 __export(AlertDialog_exports, {
   AlertDialog: () => AlertDialog,
@@ -45,314 +47,306 @@ __export(AlertDialog_exports, {
   AlertDialogTrigger: () => AlertDialogTrigger
 });
 module.exports = __toCommonJS(AlertDialog_exports);
-var import_jsx_runtime = require("react/jsx-runtime"),
-  import_compose_refs = require("@tamagui/compose-refs"),
-  import_constants = require("@tamagui/constants"),
-  import_core = require("@tamagui/core"),
-  import_dialog = require("@tamagui/dialog"),
-  import_helpers = require("@tamagui/helpers"),
-  import_use_controllable_state = require("@tamagui/use-controllable-state"),
-  React = __toESM(require("react"), 1),
-  import_react_native = require("react-native"),
-  getAlertDialogScope = function (scope) {
-    return scope;
-  },
-  ROOT_NAME = "AlertDialog",
-  TRIGGER_NAME = "AlertDialogTrigger",
-  NativeAlertDialogTriggerFrame = (0, import_core.styled)(import_core.View, {
-    name: TRIGGER_NAME
-  }),
-  AlertDialogTrigger = NativeAlertDialogTriggerFrame.styleable(function (props, forwardedRef) {
-    if (props.__native) {
-      var {
-        __native,
-        onPress,
-        __onPress,
-        ...rest
-      } = props;
-      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(NativeAlertDialogTriggerFrame, {
-        ...rest,
-        onPress: (0, import_helpers.composeEventHandlers)(onPress, __onPress)
-      });
-    }
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_compose_refs = require("@tamagui/compose-refs");
+var import_constants = require("@tamagui/constants");
+var import_core = require("@tamagui/core");
+var import_dialog = require("@tamagui/dialog");
+var import_helpers = require("@tamagui/helpers");
+var import_use_controllable_state = require("@tamagui/use-controllable-state");
+var React = __toESM(require("react"), 1);
+var import_react_native = require("react-native");
+var getAlertDialogScope = function (scope) {
+  return scope;
+};
+var ROOT_NAME = "AlertDialog";
+var TRIGGER_NAME = "AlertDialogTrigger";
+var NativeAlertDialogTriggerFrame = (0, import_core.styled)(import_core.View, {
+  name: TRIGGER_NAME
+});
+var AlertDialogTrigger = NativeAlertDialogTriggerFrame.styleable(function AlertDialogTrigger2(props, forwardedRef) {
+  if (props["__native"]) {
     var {
-      scope,
-      ...triggerProps
+      __native,
+      onPress,
+      __onPress,
+      ...rest
     } = props;
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_dialog.DialogTrigger, {
-      scope: getAlertDialogScope(scope),
-      ...triggerProps,
-      ref: forwardedRef
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(NativeAlertDialogTriggerFrame, {
+      ...rest,
+      onPress: (0, import_helpers.composeEventHandlers)(onPress, __onPress)
     });
+  }
+  var {
+    scope,
+    ...triggerProps
+  } = props;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_dialog.DialogTrigger, {
+    scope: getAlertDialogScope(scope),
+    ...triggerProps,
+    ref: forwardedRef
   });
-var AlertDialogPortal = function (props) {
-    var {
-      scope,
-      ...portalProps
-    } = props;
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_dialog.DialogPortal, {
-      scope: getAlertDialogScope(scope),
-      ...portalProps
-    });
-  },
-  OVERLAY_NAME = "AlertDialogOverlay",
-  AlertDialogOverlayFrame = (0, import_core.styled)(import_dialog.DialogOverlayFrame, {
-    name: OVERLAY_NAME
-  }),
-  AlertDialogOverlay = AlertDialogOverlayFrame.styleable(function (props, forwardedRef) {
-    var {
+});
+var AlertDialogPortal = function AlertDialogPortal2(props) {
+  var {
+    scope,
+    ...portalProps
+  } = props;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_dialog.DialogPortal, {
+    scope: getAlertDialogScope(scope),
+    ...portalProps
+  });
+};
+var AlertDialogOverlay = (0, import_core.styled)(import_dialog.DialogOverlayFrame, {
+  name: "AlertDialogOverlay"
+}).styleable(function AlertDialogOverlay2(props, forwardedRef) {
+  var {
+    scope,
+    ...overlayProps
+  } = props;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_dialog.DialogOverlay, {
+    scope: getAlertDialogScope(scope),
+    ...overlayProps,
+    ref: forwardedRef
+  });
+});
+var CONTENT_NAME = "AlertDialogContent";
+var {
+  Provider: AlertDialogContextProvider,
+  useStyledContext: useAlertDialogContentContext
+} = (0, import_core.createStyledContext)({}, "AlertDialogContext");
+var AlertDialogContent = /* @__PURE__ */React.forwardRef(function AlertDialogContent2(props, forwardedRef) {
+  var {
+    scope,
+    children,
+    ...contentProps
+  } = props;
+  var dialogScope = getAlertDialogScope(scope);
+  var contentRef = React.useRef(null);
+  var composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, contentRef);
+  var cancelRef = React.useRef(null);
+  var destructiveRef = React.useRef(null);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_dialog.DialogWarningProvider, {
+    contentName: CONTENT_NAME,
+    titleName: TITLE_NAME,
+    docsSlug: "alert-dialog",
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(AlertDialogContextProvider, {
       scope,
-      ...overlayProps
-    } = props;
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_dialog.DialogOverlay, {
-      scope: getAlertDialogScope(scope),
-      ...overlayProps,
-      ref: forwardedRef
-    });
-  }),
-  CONTENT_NAME = "AlertDialogContent",
-  {
-    Provider: AlertDialogContextProvider,
-    useStyledContext: useAlertDialogContentContext
-  } = (0, import_core.createStyledContext)({}, "AlertDialogContext"),
-  AlertDialogContent = /* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
-    var {
-        scope,
-        children,
-        ...contentProps
-      } = props,
-      dialogScope = getAlertDialogScope(scope),
-      contentRef = React.useRef(null),
-      composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, contentRef),
-      cancelRef = React.useRef(null),
-      destructiveRef = React.useRef(null);
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_dialog.DialogWarningProvider, {
-      contentName: CONTENT_NAME,
-      titleName: TITLE_NAME,
-      docsSlug: "alert-dialog",
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(AlertDialogContextProvider, {
-        scope,
-        cancelRef,
-        destructiveRef,
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_dialog.DialogContent, {
-          role: "alertdialog",
-          "aria-modal": !0,
-          scope: dialogScope,
-          ...contentProps,
-          ref: composedRefs,
-          onOpenAutoFocus: (0, import_helpers.composeEventHandlers)(contentProps.onOpenAutoFocus, function (event) {
-            if (event.preventDefault(), import_constants.isWeb) {
-              var _cancelRef_current;
-              (_cancelRef_current = cancelRef.current) === null || _cancelRef_current === void 0 || _cancelRef_current.focus({
-                preventScroll: !0
-              });
-            }
-          }),
-          onPointerDownOutside: function (event) {
-            return event.preventDefault();
-          },
-          onInteractOutside: function (event) {
-            return event.preventDefault();
-          },
-          children: [
-          /**
-          * We have to use `Slottable` here as we cannot wrap the `AlertDialogContentProvider`
-          * around everything, otherwise the `DescriptionWarning` would be rendered straight away.
-          * This is because we want the accessibility checks to run only once the content is actually
-          * open and that behaviour is already encapsulated in `DialogContent`.
-          */
-          /* @__PURE__ */
-          (0, import_jsx_runtime.jsx)(import_core.Slottable, {
-            children
-          }), process.env.NODE_ENV === "development" && /* @__PURE__ */(0, import_jsx_runtime.jsx)(DescriptionWarning, {
-            contentRef
-          })]
-        })
+      cancelRef,
+      destructiveRef,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_dialog.DialogContent, {
+        role: "alertdialog",
+        "aria-modal": true,
+        scope: dialogScope,
+        ...contentProps,
+        ref: composedRefs,
+        onOpenAutoFocus: (0, import_helpers.composeEventHandlers)(contentProps.onOpenAutoFocus, function (event) {
+          event.preventDefault();
+          if (import_constants.isWeb) {
+            var _cancelRef_current;
+            (_cancelRef_current = cancelRef.current) === null || _cancelRef_current === void 0 || _cancelRef_current.focus({
+              preventScroll: true
+            });
+          }
+        }),
+        onPointerDownOutside: function (event) {
+          return event.preventDefault();
+        },
+        onInteractOutside: function (event) {
+          return event.preventDefault();
+        },
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_core.Slottable, {
+          children
+        }), process.env.NODE_ENV === "development" && /* @__PURE__ */(0, import_jsx_runtime.jsx)(DescriptionWarning, {
+          contentRef
+        })]
       })
-    });
-  }),
-  TITLE_NAME = "AlertDialogTitle",
-  AlertDialogTitleFrame = (0, import_core.styled)(import_core.View, {
-    name: TITLE_NAME
-  }),
-  AlertDialogTitle = AlertDialogTitleFrame.styleable(function (props, forwardedRef) {
-    var {
-      scope,
-      ...titleProps
-    } = props;
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_dialog.DialogTitle, {
-      scope: getAlertDialogScope(scope),
-      ...titleProps,
-      ref: forwardedRef
-    });
-  }),
-  DESCRIPTION_NAME = "AlertDialogDescription",
-  AlertDialogDescriptionFrame = (0, import_core.styled)(import_core.View, {
-    name: DESCRIPTION_NAME
-  }),
-  AlertDialogDescription = AlertDialogDescriptionFrame.styleable(function (props, forwardedRef) {
-    var {
-      scope,
-      ...descriptionProps
-    } = props;
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_dialog.DialogDescription, {
-      scope: getAlertDialogScope(scope),
-      ...descriptionProps,
-      ref: forwardedRef
-    });
-  }),
-  ACTION_NAME = "AlertDialogAction",
-  AlertDialogActionFrame = (0, import_core.styled)(import_core.View, {
-    name: ACTION_NAME
-  }),
-  AlertDialogAction = AlertDialogActionFrame.styleable(function (props, forwardedRef) {
-    var {
-      scope,
-      ...actionProps
-    } = props;
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_dialog.DialogClose, {
-      scope: getAlertDialogScope(scope),
-      ...actionProps,
-      ref: forwardedRef
-    });
-  }),
-  CANCEL_NAME = "AlertDialogCancel",
-  AlertDialogCancelFrame = (0, import_core.styled)(import_core.View, {
-    name: CANCEL_NAME
-  }),
-  AlertDialogCancel = AlertDialogCancelFrame.styleable(function (props, forwardedRef) {
-    var {
-        scope,
-        ...cancelProps
-      } = props,
-      {
-        cancelRef
-      } = useAlertDialogContentContext(scope),
-      ref = (0, import_compose_refs.useComposedRefs)(forwardedRef, cancelRef);
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_dialog.DialogClose, {
-      scope: getAlertDialogScope(scope),
-      ...cancelProps,
-      ref
-    });
-  }),
-  DESTRUCTIVE_NAME = "AlertDialogDestructive",
-  AlertDialogDestructiveFrame = (0, import_core.styled)(import_core.View, {
-    name: DESTRUCTIVE_NAME
-  }),
-  AlertDialogDestructive = AlertDialogDestructiveFrame.styleable(function (props, forwardedRef) {
-    var {
-        scope,
-        ...destructiveProps
-      } = props,
-      {
-        destructiveRef
-      } = useAlertDialogContentContext(scope),
-      ref = (0, import_compose_refs.useComposedRefs)(forwardedRef, destructiveRef);
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_dialog.DialogClose, {
-      scope: getAlertDialogScope(scope),
-      ...destructiveProps,
-      ref
-    });
-  }),
-  DescriptionWarning = function (param) {
-    var {
-      contentRef
-    } = param;
-    return process.env.NODE_ENV === "development" && React.useEffect(function () {
-      var _contentRef_current;
-      if (import_constants.isWeb) {
-        var hasDescription = document.getElementById((_contentRef_current = contentRef.current) === null || _contentRef_current === void 0 ? void 0 : _contentRef_current.getAttribute("aria-describedby"));
-        hasDescription || console.warn(`\`${CONTENT_NAME}\` requires a description for the component to be accessible for screen reader users.
+    })
+  });
+});
+var TITLE_NAME = "AlertDialogTitle";
+var AlertDialogTitle = (0, import_core.styled)(import_core.View, {
+  name: TITLE_NAME
+}).styleable(function AlertDialogTitle2(props, forwardedRef) {
+  var {
+    scope,
+    ...titleProps
+  } = props;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_dialog.DialogTitle, {
+    scope: getAlertDialogScope(scope),
+    ...titleProps,
+    ref: forwardedRef
+  });
+});
+var DESCRIPTION_NAME = "AlertDialogDescription";
+var AlertDialogDescription = (0, import_core.styled)(import_core.View, {
+  name: DESCRIPTION_NAME
+}).styleable(function AlertDialogDescription2(props, forwardedRef) {
+  var {
+    scope,
+    ...descriptionProps
+  } = props;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_dialog.DialogDescription, {
+    scope: getAlertDialogScope(scope),
+    ...descriptionProps,
+    ref: forwardedRef
+  });
+});
+var ACTION_NAME = "AlertDialogAction";
+var AlertDialogAction = (0, import_core.styled)(import_core.View, {
+  name: ACTION_NAME
+}).styleable(function AlertDialogAction2(props, forwardedRef) {
+  var {
+    scope,
+    ...actionProps
+  } = props;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_dialog.DialogClose, {
+    scope: getAlertDialogScope(scope),
+    ...actionProps,
+    ref: forwardedRef
+  });
+});
+var CANCEL_NAME = "AlertDialogCancel";
+var AlertDialogCancel = (0, import_core.styled)(import_core.View, {
+  name: CANCEL_NAME
+}).styleable(function AlertDialogCancel2(props, forwardedRef) {
+  var {
+    scope,
+    ...cancelProps
+  } = props;
+  var {
+    cancelRef
+  } = useAlertDialogContentContext(scope);
+  var ref = (0, import_compose_refs.useComposedRefs)(forwardedRef, cancelRef);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_dialog.DialogClose, {
+    scope: getAlertDialogScope(scope),
+    ...cancelProps,
+    ref
+  });
+});
+var DESTRUCTIVE_NAME = "AlertDialogDestructive";
+var AlertDialogDestructive = (0, import_core.styled)(import_core.View, {
+  name: DESTRUCTIVE_NAME
+}).styleable(function AlertDialogDestructive2(props, forwardedRef) {
+  var {
+    scope,
+    ...destructiveProps
+  } = props;
+  var {
+    destructiveRef
+  } = useAlertDialogContentContext(scope);
+  var ref = (0, import_compose_refs.useComposedRefs)(forwardedRef, destructiveRef);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_dialog.DialogClose, {
+    scope: getAlertDialogScope(scope),
+    ...destructiveProps,
+    ref
+  });
+});
+var DescriptionWarning = function (param) {
+  var {
+    contentRef
+  } = param;
+  if (process.env.NODE_ENV === "development") React.useEffect(function () {
+    var _contentRef_current;
+    if (!import_constants.isWeb) return;
+    if (!document.getElementById((_contentRef_current = contentRef.current) === null || _contentRef_current === void 0 ? void 0 : _contentRef_current.getAttribute("aria-describedby"))) console.warn(`\`${CONTENT_NAME}\` requires a description for the component to be accessible for screen reader users.
   
         You can add a description to the \`${CONTENT_NAME}\` by passing a \`${DESCRIPTION_NAME}\` component as a child, which also benefits sighted users by adding visible context to the dialog.
         
         Alternatively, you can use your own component as a description by assigning it an \`id\` and passing the same value to the \`aria-describedby\` prop in \`${CONTENT_NAME}\`. If the description is confusing or duplicative for sighted users, you can use the \`@radix-ui/react-visually-hidden\` primitive as a wrapper around your description component.
         
         For more information, see https://tamagui.dev/docs/components/alert-dialog`);
-      }
-    }, [contentRef]), null;
-  },
-  AlertDialogInner = function (props) {
-    var {
-        scope,
-        native,
-        ...alertDialogProps
-      } = props,
-      dialogScope = getAlertDialogScope(scope),
-      [open, setOpen] = (0, import_use_controllable_state.useControllableState)({
-        prop: props.open,
-        defaultProp: props.defaultOpen || !1,
-        onChange: props.onOpenChange,
-        transition: !0
-      }),
-      triggerElement = null,
-      title = "",
-      description = "",
-      buttons = [];
-    return forEachChildDeep(React.Children.toArray(props.children), function (child) {
-      if (! /* @__PURE__ */React.isValidElement(child)) return !1;
-      var name = (0, import_core.isTamaguiElement)(child) ? child.type.staticConfig.componentName : child.type.displayName;
-      switch (name) {
-        case TRIGGER_NAME:
-          return triggerElement = /* @__PURE__ */React.cloneElement(child, {
-            __native: !0
-          }), !1;
-        case TITLE_NAME:
-          return title = getStringChildren(child), !1;
-        case DESCRIPTION_NAME:
-          return description = getStringChildren(child), !1;
-        case ACTION_NAME:
-        case DESTRUCTIVE_NAME:
-        case CANCEL_NAME:
-          {
-            var style = name === ACTION_NAME ? "default" : name === DESTRUCTIVE_NAME ? "destructive" : "cancel",
-              text = getStringChildren(child),
-              onPress = function () {
-                var _childProps_onPress,
-                  childProps = child.props;
-                childProps == null || (_childProps_onPress = childProps.onPress) === null || _childProps_onPress === void 0 || _childProps_onPress.call(childProps, {
-                  native: !0
-                }), setOpen(!1);
-              };
-            return buttons.push({
-              style,
-              text,
-              // @ts-ignore
-              onPress
-            }), !1;
-          }
-        default:
-          return !0;
-      }
-    }), (0, import_constants.useIsomorphicLayoutEffect)(function () {
-      !open || !native || (title || description) && import_react_native.Alert.alert(title, description, buttons);
-    }, [native, open]), native ? /* @__PURE__ */React.cloneElement(triggerElement, {
-      __onPress: function () {
-        setOpen(!0);
-      }
-    }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_dialog.Dialog, {
-      scope: dialogScope,
-      ...alertDialogProps,
-      modal: !0
-    });
-  };
+  }, [contentRef]);
+  return null;
+};
+var AlertDialogInner = function (props) {
+  var {
+    scope,
+    native,
+    ...alertDialogProps
+  } = props;
+  var dialogScope = getAlertDialogScope(scope);
+  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 name = (0, import_core.isTamaguiElement)(child) ? child.type.staticConfig.componentName : child.type["displayName"];
+    switch (name) {
+      case TRIGGER_NAME:
+        triggerElement = /* @__PURE__ */React.cloneElement(child, {
+          __native: true
+        });
+        return false;
+      case TITLE_NAME:
+        title = getStringChildren(child);
+        return false;
+      case DESCRIPTION_NAME:
+        description = getStringChildren(child);
+        return false;
+      case ACTION_NAME:
+      case DESTRUCTIVE_NAME:
+      case CANCEL_NAME:
+        var style = name === ACTION_NAME ? "default" : name === DESTRUCTIVE_NAME ? "destructive" : "cancel";
+        var text = getStringChildren(child);
+        var onPress = function () {
+          var _childProps_onPress;
+          var childProps = child.props;
+          childProps === null || childProps === void 0 || (_childProps_onPress = childProps.onPress) == null || _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 /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_dialog.Dialog, {
+    scope: dialogScope,
+    ...alertDialogProps,
+    modal: true
+  });
+};
 function forEachChildDeep(children, onChild) {
-  var _iteratorNormalCompletion = !0,
-    _didIteratorError = !1,
+  var _iteratorNormalCompletion = true,
+    _didIteratorError = false,
     _iteratorError = void 0;
   try {
-    for (var _iterator = children[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) {
+    for (var _iterator = children[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
       var child = _step.value;
-      if (/* @__PURE__ */React.isValidElement(child) && onChild(child)) {
-        var childProps = child.props;
-        childProps.children && forEachChildDeep(React.Children.toArray(childProps.children), onChild);
-      }
+      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 = !0, _iteratorError = err;
+    _didIteratorError = true;
+    _iteratorError = err;
   } finally {
     try {
-      !_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
+      if (!_iteratorNormalCompletion && _iterator.return != null) _iterator.return();
     } finally {
       if (_didIteratorError) throw _iteratorError;
     }
@@ -360,9 +354,14 @@ function forEachChildDeep(children, onChild) {
 }
 function getStringChildren(child) {
   var string = "";
-  return forEachChildDeep(React.Children.toArray(child), function (child2) {
-    return typeof child2.props.children == "string" ? (string = child2.props.children, !1) : !0;
-  }), string;
+  forEachChildDeep(React.Children.toArray(child), function (child2) {
+    if (typeof child2.props.children === "string") {
+      string = child2.props.children;
+      return false;
+    }
+    return true;
+  });
+  return string;
 }
 var AlertDialog = (0, import_helpers.withStaticProperties)(AlertDialogInner, {
   Trigger: AlertDialogTrigger,