@tamagui/alert-dialog 2.7.7 → 3.0.0-beta.1091.1

package/dist/esm/useNativeAlertDialog.native.js

@@ -0,0 +1,112 @@
+import { useIsomorphicLayoutEffect } from "@tamagui/constants";
+import { isTamaguiElement } from "@tamagui/core";
+import { useControllableState } from "@tamagui/use-controllable-state";
+import * as React from "react";
+import { Alert } from "react-native";
+import { ALERT_DIALOG_PART } from "./alertDialogPart.native.js";
+
+var useNativeAlertDialog = function(props) {
+	var { native } = props;
+	var [open, setOpen] = 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 = isTamaguiElement(child) ? child.type.staticConfig[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;
+			}
+		}
+	});
+	useIsomorphicLayoutEffect(function() {
+		if (!open || !native) return;
+		if (title || description) {
+			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;
+}
+
+export { useNativeAlertDialog };
+//# sourceMappingURL=useNativeAlertDialog.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useNativeAlertDialog.native.js","names":[],"sources":["esm/useNativeAlertDialog.native.js"],"sourcesContent":["import { useIsomorphicLayoutEffect } from \"@tamagui/constants\";\nimport { isTamaguiElement } from \"@tamagui/core\";\nimport { useControllableState } from \"@tamagui/use-controllable-state\";\nimport * as React from \"react\";\nimport { Alert } from \"react-native\";\nimport { ALERT_DIALOG_PART } from \"./alertDialogPart\";\nvar useNativeAlertDialog = function(props) {\n  var { native } = props;\n  var [open, setOpen] = 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 = isTamaguiElement(child) ? child.type.staticConfig[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  useIsomorphicLayoutEffect(function() {\n    if (!open || !native) return;\n    if (title || description) {\n      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}\nexport {\n  useNativeAlertDialog\n};\n//# sourceMappingURL=useNativeAlertDialog.native.js.map\n"],"mappings":";;;;;;;;AAMA,IAAI,uBAAuB,SAAS,OAAO;CACzC,IAAI,EAAE,WAAW;CACjB,IAAI,CAAC,MAAM,WAAW,qBAAqB;EACzC,MAAM,MAAM;EACZ,aAAa,MAAM,eAAe;EAClC,UAAU,MAAM;EAChB,YAAY;CACd,CAAC;CACD,IAAI,iBAAiB;CACrB,IAAI,QAAQ;CACZ,IAAI,cAAc;CAClB,IAAI,UAAU,CAAC;CACf,iBAAiB,MAAM,SAAS,QAAQ,MAAM,QAAQ,GAAG,SAAS,OAAO;EACvE,IAAI,CAAiB,sBAAM,eAAe,KAAK,GAAG,OAAO;EACzD,IAAI,OAAO,iBAAiB,KAAK,IAAI,MAAM,KAAK,aAAa,qBAAqB,KAAK;EACvF,QAAQ,MAAR;GACE,KAAK,WAAW;IACd,iBAAiC,sBAAM,aAAa,OAAO,EACzD,UAAU,KACZ,CAAC;IACD,OAAO;GACT;GACA,KAAK,SAAS;IACZ,QAAQ,kBAAkB,KAAK;IAC/B,OAAO;GACT;GACA,KAAK,eAAe;IAClB,cAAc,kBAAkB,KAAK;IACrC,OAAO;GACT;GACA,KAAK;GACL,KAAK;GACL,KAAK,UAAU;IACb,IAAI,QAAQ,SAAS,WAAW,YAAY,SAAS,gBAAgB,gBAAgB;IACrF,IAAI,OAAO,kBAAkB,KAAK;IAClC,IAAI,UAAU,WAAW;KACvB,IAAI;KACJ,IAAI,aAAa,MAAM;KACvB,eAAe,QAAQ,eAAe,KAAK,IAAI,KAAK,KAAK,sBAAsB,WAAW,aAAa,QAAQ,wBAAwB,KAAK,IAAI,KAAK,IAAI,oBAAoB,KAAK,YAAY,EAC5L,QAAQ,KACV,CAAC;KACD,QAAQ,KAAK;IACf;IACA,QAAQ,KAAK;KACX;KACA;KAEA;IACF,CAAC;IACD,OAAO;GACT;GACA,SAAS;IACP,OAAO;GACT;EACF;CACF,CAAC;CACD,0BAA0B,WAAW;EACnC,IAAI,CAAC,QAAQ,CAAC,QAAQ;EACtB,IAAI,SAAS,aAAa;GACxB,MAAM,MAAM,OAAO,aAAa,OAAO;EACzC;CACF,GAAG,CACD,QACA,IACF,CAAC;CACD,IAAI,QAAQ;EACV,OAAuB,sBAAM,aAAa,gBAAgB,EACxD,WAAW,WAAW;GACpB,QAAQ,IAAI;EACd,EACF,CAAC;CACH;CACA,OAAO;AACT;AACA,SAAS,iBAAiB,UAAU,SAAS;CAC3C,IAAI,4BAA4B,MAAM,oBAAoB,OAAO,iBAAiB,KAAK;CACvF,IAAI;EACF,KAAK,IAAI,YAAY,SAAS,OAAO,SAAS,CAAC,GAAG,OAAO,EAAE,6BAA6B,QAAQ,UAAU,KAAK,EAAC,CAAE,OAAO,4BAA4B,MAAM;GACzJ,IAAI,QAAQ,MAAM;GAClB,IAAI,CAAiB,sBAAM,eAAe,KAAK,GAAG;GAClD,IAAI,CAAC,QAAQ,KAAK,GAAG;GACrB,IAAI,aAAa,MAAM;GACvB,IAAI,WAAW,UAAU;IACvB,iBAAiB,MAAM,SAAS,QAAQ,WAAW,QAAQ,GAAG,OAAO;GACvE;EACF;CACF,SAAS,KAAK;EACZ,oBAAoB;EACpB,iBAAiB;CACnB,UAAU;EACR,IAAI;GACF,IAAI,CAAC,6BAA6B,UAAU,UAAU,MAAM;IAC1D,UAAU,OAAO;GACnB;EACF,UAAU;GACR,IAAI,mBAAmB;IACrB,MAAM;GACR;EACF;CACF;AACF;AACA,SAAS,kBAAkB,OAAO;CAChC,IAAI,SAAS;CACb,iBAAiB,MAAM,SAAS,QAAQ,KAAK,GAAG,SAAS,QAAQ;EAC/D,IAAI,OAAO,OAAO,MAAM,aAAa,UAAU;GAC7C,SAAS,OAAO,MAAM;GACtB,OAAO;EACT;EACA,OAAO;CACT,CAAC;CACD,OAAO;AACT"}

package/dist/jsx/AlertDialog.mjs

@@ -1,220 +1,186 @@
+import { Slottable, View, createRefComponent, createStyledContext, createStyledHOC, styled } from "@tamagui/core";
 import { useComposedRefs } from "@tamagui/compose-refs";
 import { isWeb } from "@tamagui/constants";
-import { Slottable, View, createStyledContext, styled } from "@tamagui/core";
 import { Dialog, DialogClose, DialogContent, DialogDescription, DialogOverlay, DialogOverlayFrame, DialogPortal, DialogTitle, DialogTrigger, DialogWarningProvider } from "@tamagui/dialog";
 import { composeEventHandlers, withStaticProperties } from "@tamagui/helpers";
 import * as React from "react";
+import { markAlertDialogPart } from "./alertDialogPart.mjs";
+import { useNativeAlertDialog } from "./useNativeAlertDialog.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
-const getAlertDialogScope = scope => scope;
+
+const getAlertDialogScope = (scope) => scope;
 const ROOT_NAME = "AlertDialog";
-const NativeAlertDialogTriggerFrame = styled(View, {
-  name: "AlertDialogTrigger"
-});
-const AlertDialogTrigger = NativeAlertDialogTriggerFrame.styleable(function AlertDialogTrigger2(props, forwardedRef) {
-  if (props["__native"]) {
-    const {
-      __native,
-      onPress,
-      __onPress,
-      ...rest
-    } = props;
-    return /* @__PURE__ */jsx(NativeAlertDialogTriggerFrame, {
-      ...rest,
-      onPress: composeEventHandlers(onPress, __onPress)
-    });
-  }
-  const {
-    scope,
-    ...triggerProps
-  } = props;
-  return /* @__PURE__ */jsx(DialogTrigger, {
-    scope: getAlertDialogScope(scope),
-    ...triggerProps,
-    ref: forwardedRef
-  });
+const TRIGGER_NAME = "AlertDialogTrigger";
+const NativeAlertDialogTriggerFrame = styled(View, { displayName: TRIGGER_NAME });
+markAlertDialogPart(NativeAlertDialogTriggerFrame, "trigger");
+const AlertDialogTrigger = createStyledHOC(NativeAlertDialogTriggerFrame, function AlertDialogTrigger2(props, forwardedRef) {
+	if (props["__native"]) {
+		const { __native, onPress, __onPress, ...rest } = props;
+		return /* @__PURE__ */ jsx(NativeAlertDialogTriggerFrame, {
+			...rest,
+			onPress: composeEventHandlers(onPress, __onPress)
+		});
+	}
+	const { scope, ...triggerProps } = props;
+	return /* @__PURE__ */ jsx(DialogTrigger, {
+		scope: getAlertDialogScope(scope),
+		...triggerProps,
+		ref: forwardedRef
+	});
 });
 const AlertDialogPortal = function AlertDialogPortal2(props) {
-  const {
-    scope,
-    ...portalProps
-  } = props;
-  return /* @__PURE__ */jsx(DialogPortal, {
-    scope: getAlertDialogScope(scope),
-    ...portalProps
-  });
+	const { scope, ...portalProps } = props;
+	return /* @__PURE__ */ jsx(DialogPortal, {
+		scope: getAlertDialogScope(scope),
+		...portalProps
+	});
 };
-const AlertDialogOverlay = styled(DialogOverlayFrame, {
-  name: "AlertDialogOverlay"
-}).styleable(function AlertDialogOverlay2(props, forwardedRef) {
-  const {
-    scope,
-    ...overlayProps
-  } = props;
-  return /* @__PURE__ */jsx(DialogOverlay, {
-    scope: getAlertDialogScope(scope),
-    ...overlayProps,
-    ref: forwardedRef
-  });
+const OVERLAY_NAME = "AlertDialogOverlay";
+const AlertDialogOverlayFrame = styled(DialogOverlayFrame, { displayName: OVERLAY_NAME });
+const AlertDialogOverlay = createStyledHOC(AlertDialogOverlayFrame, function AlertDialogOverlay2(props, forwardedRef) {
+	const { scope, ...overlayProps } = props;
+	return /* @__PURE__ */ jsx(DialogOverlay, {
+		scope: getAlertDialogScope(scope),
+		...overlayProps,
+		ref: forwardedRef
+	});
 });
 const CONTENT_NAME = "AlertDialogContent";
-const {
-  Provider: AlertDialogContextProvider,
-  useStyledContext: useAlertDialogContentContext
-} = createStyledContext({}, "AlertDialogContext");
-const AlertDialogContent = React.forwardRef(function AlertDialogContent2(props, forwardedRef) {
-  const {
-    scope,
-    children,
-    ...contentProps
-  } = props;
-  const dialogScope = getAlertDialogScope(scope);
-  const contentRef = React.useRef(null);
-  const composedRefs = useComposedRefs(forwardedRef, contentRef);
-  const cancelRef = React.useRef(null);
-  return /* @__PURE__ */jsx(DialogWarningProvider, {
-    contentName: CONTENT_NAME,
-    titleName: TITLE_NAME,
-    docsSlug: "alert-dialog",
-    children: /* @__PURE__ */jsx(AlertDialogContextProvider, {
-      scope,
-      cancelRef,
-      destructiveRef: React.useRef(null),
-      children: /* @__PURE__ */jsxs(DialogContent, {
-        role: "alertdialog",
-        "aria-modal": true,
-        scope: dialogScope,
-        ...contentProps,
-        ref: composedRefs,
-        onOpenAutoFocus: composeEventHandlers(contentProps.onOpenAutoFocus, event => {
-          event.preventDefault();
-          if (isWeb) cancelRef.current?.focus({
-            preventScroll: true
-          });
-        }),
-        onPointerDownOutside: event => event.preventDefault(),
-        onInteractOutside: event => event.preventDefault(),
-        children: [/* @__PURE__ */jsx(Slottable, {
-          children
-        }), process.env.NODE_ENV === "development" && /* @__PURE__ */jsx(DescriptionWarning, {
-          contentRef
-        })]
-      })
-    })
-  });
+const { Provider: AlertDialogContextProvider, useStyledContext: useAlertDialogContentContext } = createStyledContext({}, "AlertDialogContext");
+const AlertDialogContent = createRefComponent(function AlertDialogContent2(props, forwardedRef) {
+	const { scope, children, ...contentProps } = props;
+	const dialogScope = getAlertDialogScope(scope);
+	const contentRef = React.useRef(null);
+	const composedRefs = useComposedRefs(forwardedRef, contentRef);
+	const cancelRef = React.useRef(null);
+	const destructiveRef = React.useRef(null);
+	return /* @__PURE__ */ jsx(DialogWarningProvider, {
+		contentName: CONTENT_NAME,
+		titleName: TITLE_NAME,
+		docsSlug: "alert-dialog",
+		children: /* @__PURE__ */ jsx(AlertDialogContextProvider, {
+			scope,
+			cancelRef,
+			destructiveRef,
+			children: /* @__PURE__ */ jsxs(DialogContent, {
+				role: "alertdialog",
+				"aria-modal": true,
+				scope: dialogScope,
+				...contentProps,
+				ref: composedRefs,
+				onOpenAutoFocus: composeEventHandlers(contentProps.onOpenAutoFocus, (event) => {
+					event.cancel();
+					if (isWeb) {
+						cancelRef.current?.focus({ preventScroll: true });
+					}
+				}),
+				onPointerDownOutside: (event) => event.cancel(),
+				onInteractOutside: (event) => event.cancel(),
+				children: [/* @__PURE__ */ jsx(Slottable, { children }), process.env.NODE_ENV === "development" && /* @__PURE__ */ jsx(DescriptionWarning, { contentRef })]
+			})
+		})
+	});
 });
 const TITLE_NAME = "AlertDialogTitle";
-const AlertDialogTitle = styled(View, {
-  name: TITLE_NAME
-}).styleable(function AlertDialogTitle2(props, forwardedRef) {
-  const {
-    scope,
-    ...titleProps
-  } = props;
-  return /* @__PURE__ */jsx(DialogTitle, {
-    scope: getAlertDialogScope(scope),
-    ...titleProps,
-    ref: forwardedRef
-  });
+const AlertDialogTitleFrame = styled(View, { displayName: TITLE_NAME });
+markAlertDialogPart(AlertDialogTitleFrame, "title");
+const AlertDialogTitle = createStyledHOC(AlertDialogTitleFrame, function AlertDialogTitle2(props, forwardedRef) {
+	const { scope, ...titleProps } = props;
+	return /* @__PURE__ */ jsx(DialogTitle, {
+		scope: getAlertDialogScope(scope),
+		...titleProps,
+		ref: forwardedRef
+	});
 });
 const DESCRIPTION_NAME = "AlertDialogDescription";
-const AlertDialogDescription = styled(View, {
-  name: DESCRIPTION_NAME
-}).styleable(function AlertDialogDescription2(props, forwardedRef) {
-  const {
-    scope,
-    ...descriptionProps
-  } = props;
-  return /* @__PURE__ */jsx(DialogDescription, {
-    scope: getAlertDialogScope(scope),
-    ...descriptionProps,
-    ref: forwardedRef
-  });
+const AlertDialogDescriptionFrame = styled(View, { displayName: DESCRIPTION_NAME });
+markAlertDialogPart(AlertDialogDescriptionFrame, "description");
+const AlertDialogDescription = createStyledHOC(AlertDialogDescriptionFrame, function AlertDialogDescription2(props, forwardedRef) {
+	const { scope, ...descriptionProps } = props;
+	return /* @__PURE__ */ jsx(DialogDescription, {
+		scope: getAlertDialogScope(scope),
+		...descriptionProps,
+		ref: forwardedRef
+	});
 });
-const AlertDialogAction = styled(View, {
-  name: "AlertDialogAction"
-}).styleable(function AlertDialogAction2(props, forwardedRef) {
-  const {
-    scope,
-    ...actionProps
-  } = props;
-  return /* @__PURE__ */jsx(DialogClose, {
-    scope: getAlertDialogScope(scope),
-    ...actionProps,
-    ref: forwardedRef
-  });
+const ACTION_NAME = "AlertDialogAction";
+const AlertDialogActionFrame = styled(View, { displayName: ACTION_NAME });
+markAlertDialogPart(AlertDialogActionFrame, "action");
+const AlertDialogAction = createStyledHOC(AlertDialogActionFrame, function AlertDialogAction2(props, forwardedRef) {
+	const { scope, ...actionProps } = props;
+	return /* @__PURE__ */ jsx(DialogClose, {
+		scope: getAlertDialogScope(scope),
+		...actionProps,
+		ref: forwardedRef
+	});
 });
-const AlertDialogCancel = styled(View, {
-  name: "AlertDialogCancel"
-}).styleable(function AlertDialogCancel2(props, forwardedRef) {
-  const {
-    scope,
-    ...cancelProps
-  } = props;
-  const {
-    cancelRef
-  } = useAlertDialogContentContext(scope);
-  const ref = useComposedRefs(forwardedRef, cancelRef);
-  return /* @__PURE__ */jsx(DialogClose, {
-    scope: getAlertDialogScope(scope),
-    ...cancelProps,
-    ref
-  });
+const CANCEL_NAME = "AlertDialogCancel";
+const AlertDialogCancelFrame = styled(View, { displayName: CANCEL_NAME });
+markAlertDialogPart(AlertDialogCancelFrame, "cancel");
+const AlertDialogCancel = createStyledHOC(AlertDialogCancelFrame, function AlertDialogCancel2(props, forwardedRef) {
+	const { scope, ...cancelProps } = props;
+	const { cancelRef } = useAlertDialogContentContext(scope);
+	const ref = useComposedRefs(forwardedRef, cancelRef);
+	return /* @__PURE__ */ jsx(DialogClose, {
+		scope: getAlertDialogScope(scope),
+		...cancelProps,
+		ref
+	});
 });
-const AlertDialogDestructive = styled(View, {
-  name: "AlertDialogDestructive"
-}).styleable(function AlertDialogDestructive2(props, forwardedRef) {
-  const {
-    scope,
-    ...destructiveProps
-  } = props;
-  const {
-    destructiveRef
-  } = useAlertDialogContentContext(scope);
-  const ref = useComposedRefs(forwardedRef, destructiveRef);
-  return /* @__PURE__ */jsx(DialogClose, {
-    scope: getAlertDialogScope(scope),
-    ...destructiveProps,
-    ref
-  });
+const DESTRUCTIVE_NAME = "AlertDialogDestructive";
+const AlertDialogDestructiveFrame = styled(View, { displayName: DESTRUCTIVE_NAME });
+markAlertDialogPart(AlertDialogDestructiveFrame, "destructive");
+const AlertDialogDestructive = createStyledHOC(AlertDialogDestructiveFrame, function AlertDialogDestructive2(props, forwardedRef) {
+	const { scope, ...destructiveProps } = props;
+	const { destructiveRef } = useAlertDialogContentContext(scope);
+	const ref = useComposedRefs(forwardedRef, destructiveRef);
+	return /* @__PURE__ */ jsx(DialogClose, {
+		scope: getAlertDialogScope(scope),
+		...destructiveProps,
+		ref
+	});
 });
-const DescriptionWarning = ({
-  contentRef
-}) => {
-  if (process.env.NODE_ENV === "development") React.useEffect(() => {
-    if (!isWeb) return;
-    if (!document.getElementById(contentRef.current?.getAttribute("aria-describedby"))) console.warn(`\`${CONTENT_NAME}\` requires a description for the component to be accessible for screen reader users.
+const DescriptionWarning = ({ contentRef }) => {
+	if (process.env.NODE_ENV === "development") {
+		React.useEffect(() => {
+			if (!isWeb) return;
+			const hasDescription = document.getElementById(contentRef.current?.getAttribute("aria-describedby"));
+			if (!hasDescription) {
+				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]);
-  return null;
+			}
+		}, [contentRef]);
+	}
+	return null;
 };
-const AlertDialogInner = props => {
-  const {
-    scope,
-    native,
-    ...alertDialogProps
-  } = props;
-  return /* @__PURE__ */jsx(Dialog, {
-    scope: getAlertDialogScope(scope),
-    ...alertDialogProps,
-    modal: true
-  });
+const AlertDialogInner = (props) => {
+	const { scope, native, ...alertDialogProps } = props;
+	const dialogScope = getAlertDialogScope(scope);
+	const nativeAlert = useNativeAlertDialog(props);
+	if (nativeAlert) return nativeAlert;
+	return /* @__PURE__ */ jsx(Dialog, {
+		scope: dialogScope,
+		...alertDialogProps,
+		modal: true
+	});
 };
 const AlertDialog = withStaticProperties(AlertDialogInner, {
-  Trigger: AlertDialogTrigger,
-  Portal: AlertDialogPortal,
-  Overlay: AlertDialogOverlay,
-  Content: AlertDialogContent,
-  Action: AlertDialogAction,
-  Cancel: AlertDialogCancel,
-  Destructive: AlertDialogDestructive,
-  Title: AlertDialogTitle,
-  Description: AlertDialogDescription
+	Trigger: AlertDialogTrigger,
+	Portal: AlertDialogPortal,
+	Overlay: AlertDialogOverlay,
+	Content: AlertDialogContent,
+	Action: AlertDialogAction,
+	Cancel: AlertDialogCancel,
+	Destructive: AlertDialogDestructive,
+	Title: AlertDialogTitle,
+	Description: AlertDialogDescription
 });
 AlertDialog.displayName = ROOT_NAME;
+
 export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogDestructive, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger };
 //# sourceMappingURL=AlertDialog.mjs.map

package/dist/jsx/AlertDialog.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["useComposedRefs","isWeb","Slottable","View","createStyledContext","styled","Dialog","DialogClose","DialogContent","DialogDescription","DialogOverlay","DialogOverlayFrame","DialogPortal","DialogTitle","DialogTrigger","DialogWarningProvider","composeEventHandlers","withStaticProperties","React","jsx","jsxs","getAlertDialogScope","scope","ROOT_NAME","NativeAlertDialogTriggerFrame","name","AlertDialogTrigger","styleable","AlertDialogTrigger2","props","forwardedRef","__native","onPress","__onPress","rest","triggerProps","ref","AlertDialogPortal","AlertDialogPortal2","portalProps","AlertDialogOverlay","AlertDialogOverlay2","overlayProps","CONTENT_NAME","Provider","AlertDialogContextProvider","useStyledContext","useAlertDialogContentContext","AlertDialogContent","forwardRef","AlertDialogContent2","children","contentProps","dialogScope","contentRef","useRef","composedRefs","cancelRef","contentName","titleName","TITLE_NAME","docsSlug","destructiveRef","role","onOpenAutoFocus","event","preventDefault","current","focus","preventScroll","onPointerDownOutside","onInteractOutside","process","env","NODE_ENV","DescriptionWarning","AlertDialogTitle","AlertDialogTitle2","titleProps","DESCRIPTION_NAME","AlertDialogDescription","AlertDialogDescription2","descriptionProps","AlertDialogAction","AlertDialogAction2","actionProps","AlertDialogCancel","AlertDialogCancel2","cancelProps","AlertDialogDestructive","AlertDialogDestructive2","destructiveProps","useEffect","document","getElementById","getAttribute","console","warn","AlertDialogInner","native","alertDialogProps","modal","AlertDialog","Trigger","Portal","Overlay","Content","Action","Cancel","Destructive","Title","Description","displayName"],"sources":["AlertDialog.mjs"],"sourcesContent":["import { useComposedRefs } from \"@tamagui/compose-refs\";\nimport { isWeb } from \"@tamagui/constants\";\nimport { Slottable, View, createStyledContext, styled } from \"@tamagui/core\";\nimport { Dialog, DialogClose, DialogContent, DialogDescription, DialogOverlay, DialogOverlayFrame, DialogPortal, DialogTitle, DialogTrigger, DialogWarningProvider } from \"@tamagui/dialog\";\nimport { composeEventHandlers, withStaticProperties } from \"@tamagui/helpers\";\nimport * as React from \"react\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\n\nconst getAlertDialogScope = (scope) => scope;\nconst ROOT_NAME = \"AlertDialog\";\nconst NativeAlertDialogTriggerFrame = styled(View, { name: \"AlertDialogTrigger\" });\nconst AlertDialogTrigger = NativeAlertDialogTriggerFrame.styleable(function AlertDialogTrigger2(props, forwardedRef) {\n\tif (props[\"__native\"]) {\n\t\tconst { __native, onPress, __onPress, ...rest } = props;\n\t\treturn /* @__PURE__ */ jsx(NativeAlertDialogTriggerFrame, {\n\t\t\t...rest,\n\t\t\tonPress: composeEventHandlers(onPress, __onPress)\n\t\t});\n\t}\n\tconst { scope, ...triggerProps } = props;\n\treturn /* @__PURE__ */ jsx(DialogTrigger, {\n\t\tscope: getAlertDialogScope(scope),\n\t\t...triggerProps,\n\t\tref: forwardedRef\n\t});\n});\nconst AlertDialogPortal = function AlertDialogPortal2(props) {\n\tconst { scope, ...portalProps } = props;\n\treturn /* @__PURE__ */ jsx(DialogPortal, {\n\t\tscope: getAlertDialogScope(scope),\n\t\t...portalProps\n\t});\n};\nconst AlertDialogOverlay = styled(DialogOverlayFrame, { name: \"AlertDialogOverlay\" }).styleable(function AlertDialogOverlay2(props, forwardedRef) {\n\tconst { scope, ...overlayProps } = props;\n\treturn /* @__PURE__ */ jsx(DialogOverlay, {\n\t\tscope: getAlertDialogScope(scope),\n\t\t...overlayProps,\n\t\tref: forwardedRef\n\t});\n});\nconst CONTENT_NAME = \"AlertDialogContent\";\nconst { Provider: AlertDialogContextProvider, useStyledContext: useAlertDialogContentContext } = createStyledContext({}, \"AlertDialogContext\");\nconst AlertDialogContent = React.forwardRef(function AlertDialogContent2(props, forwardedRef) {\n\tconst { scope, children, ...contentProps } = props;\n\tconst dialogScope = getAlertDialogScope(scope);\n\tconst contentRef = React.useRef(null);\n\tconst composedRefs = useComposedRefs(forwardedRef, contentRef);\n\tconst cancelRef = React.useRef(null);\n\treturn /* @__PURE__ */ jsx(DialogWarningProvider, {\n\t\tcontentName: CONTENT_NAME,\n\t\ttitleName: TITLE_NAME,\n\t\tdocsSlug: \"alert-dialog\",\n\t\tchildren: /* @__PURE__ */ jsx(AlertDialogContextProvider, {\n\t\t\tscope,\n\t\t\tcancelRef,\n\t\t\tdestructiveRef: React.useRef(null),\n\t\t\tchildren: /* @__PURE__ */ jsxs(DialogContent, {\n\t\t\t\trole: \"alertdialog\",\n\t\t\t\t\"aria-modal\": true,\n\t\t\t\tscope: dialogScope,\n\t\t\t\t...contentProps,\n\t\t\t\tref: composedRefs,\n\t\t\t\tonOpenAutoFocus: composeEventHandlers(contentProps.onOpenAutoFocus, (event) => {\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\tif (isWeb) cancelRef.current?.focus({ preventScroll: true });\n\t\t\t\t}),\n\t\t\t\tonPointerDownOutside: (event) => event.preventDefault(),\n\t\t\t\tonInteractOutside: (event) => event.preventDefault(),\n\t\t\t\tchildren: [/* @__PURE__ */ jsx(Slottable, { children }), process.env.NODE_ENV === \"development\" && /* @__PURE__ */ jsx(DescriptionWarning, { contentRef })]\n\t\t\t})\n\t\t})\n\t});\n});\nconst TITLE_NAME = \"AlertDialogTitle\";\nconst AlertDialogTitle = styled(View, { name: TITLE_NAME }).styleable(function AlertDialogTitle2(props, forwardedRef) {\n\tconst { scope, ...titleProps } = props;\n\treturn /* @__PURE__ */ jsx(DialogTitle, {\n\t\tscope: getAlertDialogScope(scope),\n\t\t...titleProps,\n\t\tref: forwardedRef\n\t});\n});\nconst DESCRIPTION_NAME = \"AlertDialogDescription\";\nconst AlertDialogDescription = styled(View, { name: DESCRIPTION_NAME }).styleable(function AlertDialogDescription2(props, forwardedRef) {\n\tconst { scope, ...descriptionProps } = props;\n\treturn /* @__PURE__ */ jsx(DialogDescription, {\n\t\tscope: getAlertDialogScope(scope),\n\t\t...descriptionProps,\n\t\tref: forwardedRef\n\t});\n});\nconst AlertDialogAction = styled(View, { name: \"AlertDialogAction\" }).styleable(function AlertDialogAction2(props, forwardedRef) {\n\tconst { scope, ...actionProps } = props;\n\treturn /* @__PURE__ */ jsx(DialogClose, {\n\t\tscope: getAlertDialogScope(scope),\n\t\t...actionProps,\n\t\tref: forwardedRef\n\t});\n});\nconst AlertDialogCancel = styled(View, { name: \"AlertDialogCancel\" }).styleable(function AlertDialogCancel2(props, forwardedRef) {\n\tconst { scope, ...cancelProps } = props;\n\tconst { cancelRef } = useAlertDialogContentContext(scope);\n\tconst ref = useComposedRefs(forwardedRef, cancelRef);\n\treturn /* @__PURE__ */ jsx(DialogClose, {\n\t\tscope: getAlertDialogScope(scope),\n\t\t...cancelProps,\n\t\tref\n\t});\n});\nconst AlertDialogDestructive = styled(View, { name: \"AlertDialogDestructive\" }).styleable(function AlertDialogDestructive2(props, forwardedRef) {\n\tconst { scope, ...destructiveProps } = props;\n\tconst { destructiveRef } = useAlertDialogContentContext(scope);\n\tconst ref = useComposedRefs(forwardedRef, destructiveRef);\n\treturn /* @__PURE__ */ jsx(DialogClose, {\n\t\tscope: getAlertDialogScope(scope),\n\t\t...destructiveProps,\n\t\tref\n\t});\n});\nconst DescriptionWarning = ({ contentRef }) => {\n\tif (process.env.NODE_ENV === \"development\") React.useEffect(() => {\n\t\tif (!isWeb) return;\n\t\tif (!document.getElementById(contentRef.current?.getAttribute(\"aria-describedby\"))) console.warn(`\\`${CONTENT_NAME}\\` requires a description for the component to be accessible for screen reader users.\n  \n        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.\n        \n        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.\n        \n        For more information, see https://tamagui.dev/docs/components/alert-dialog`);\n\t}, [contentRef]);\n\treturn null;\n};\nconst AlertDialogInner = (props) => {\n\tconst { scope, native, ...alertDialogProps } = props;\n\treturn /* @__PURE__ */ jsx(Dialog, {\n\t\tscope: getAlertDialogScope(scope),\n\t\t...alertDialogProps,\n\t\tmodal: true\n\t});\n};\nconst AlertDialog = withStaticProperties(AlertDialogInner, {\n\tTrigger: AlertDialogTrigger,\n\tPortal: AlertDialogPortal,\n\tOverlay: AlertDialogOverlay,\n\tContent: AlertDialogContent,\n\tAction: AlertDialogAction,\n\tCancel: AlertDialogCancel,\n\tDestructive: AlertDialogDestructive,\n\tTitle: AlertDialogTitle,\n\tDescription: AlertDialogDescription\n});\nAlertDialog.displayName = ROOT_NAME;\n\nexport { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogDestructive, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger };"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"AlertDialog.js","names":[],"sources":["jsx/AlertDialog.js"],"sourcesContent":["import { createStyledHOC, createRefComponent } from \"@tamagui/core\";\nimport { useComposedRefs } from \"@tamagui/compose-refs\";\nimport { isWeb } from \"@tamagui/constants\";\nimport { Slottable, View, createStyledContext, styled } from \"@tamagui/core\";\nimport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogOverlay,\n  DialogOverlayFrame,\n  DialogPortal,\n  DialogTitle,\n  DialogTrigger,\n  DialogWarningProvider\n} from \"@tamagui/dialog\";\nimport { composeEventHandlers, withStaticProperties } from \"@tamagui/helpers\";\nimport * as React from \"react\";\nimport { markAlertDialogPart } from \"./alertDialogPart\";\nimport { useNativeAlertDialog } from \"./useNativeAlertDialog\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nconst getAlertDialogScope = (scope) => scope;\nconst ROOT_NAME = \"AlertDialog\";\nconst TRIGGER_NAME = \"AlertDialogTrigger\";\nconst NativeAlertDialogTriggerFrame = styled(View, {\n  displayName: TRIGGER_NAME\n});\nmarkAlertDialogPart(NativeAlertDialogTriggerFrame, \"trigger\");\nconst AlertDialogTrigger = createStyledHOC(\n  NativeAlertDialogTriggerFrame,\n  function AlertDialogTrigger2(props, forwardedRef) {\n    if (props[\"__native\"]) {\n      const { __native, onPress, __onPress, ...rest } = props;\n      return /* @__PURE__ */ jsx(\n        NativeAlertDialogTriggerFrame,\n        {\n          ...rest,\n          onPress: composeEventHandlers(onPress, __onPress)\n        }\n      );\n    }\n    const { scope, ...triggerProps } = props;\n    return /* @__PURE__ */ jsx(\n      DialogTrigger,\n      {\n        scope: getAlertDialogScope(scope),\n        ...triggerProps,\n        ref: forwardedRef\n      }\n    );\n  }\n);\nconst AlertDialogPortal = function AlertDialogPortal2(props) {\n  const { scope, ...portalProps } = props;\n  return /* @__PURE__ */ jsx(DialogPortal, { scope: getAlertDialogScope(scope), ...portalProps });\n};\nconst OVERLAY_NAME = \"AlertDialogOverlay\";\nconst AlertDialogOverlayFrame = styled(DialogOverlayFrame, {\n  displayName: OVERLAY_NAME\n});\nconst AlertDialogOverlay = createStyledHOC(\n  AlertDialogOverlayFrame,\n  function AlertDialogOverlay2(props, forwardedRef) {\n    const { scope, ...overlayProps } = props;\n    return /* @__PURE__ */ jsx(\n      DialogOverlay,\n      {\n        scope: getAlertDialogScope(scope),\n        ...overlayProps,\n        ref: forwardedRef\n      }\n    );\n  }\n);\nconst CONTENT_NAME = \"AlertDialogContent\";\nconst {\n  Provider: AlertDialogContextProvider,\n  useStyledContext: useAlertDialogContentContext\n} = createStyledContext({}, \"AlertDialogContext\");\nconst AlertDialogContent = createRefComponent(\n  function AlertDialogContent2(props, forwardedRef) {\n    const { scope, children, ...contentProps } = props;\n    const dialogScope = getAlertDialogScope(scope);\n    const contentRef = React.useRef(null);\n    const composedRefs = useComposedRefs(forwardedRef, contentRef);\n    const cancelRef = React.useRef(null);\n    const destructiveRef = React.useRef(null);\n    return /* @__PURE__ */ jsx(\n      DialogWarningProvider,\n      {\n        contentName: CONTENT_NAME,\n        titleName: TITLE_NAME,\n        docsSlug: \"alert-dialog\",\n        children: /* @__PURE__ */ jsx(\n          AlertDialogContextProvider,\n          {\n            scope,\n            cancelRef,\n            destructiveRef,\n            children: /* @__PURE__ */ jsxs(\n              DialogContent,\n              {\n                role: \"alertdialog\",\n                \"aria-modal\": true,\n                scope: dialogScope,\n                ...contentProps,\n                ref: composedRefs,\n                onOpenAutoFocus: composeEventHandlers(\n                  contentProps.onOpenAutoFocus,\n                  (event) => {\n                    event.cancel();\n                    if (isWeb) {\n                      cancelRef.current?.focus({ preventScroll: true });\n                    }\n                  }\n                ),\n                onPointerDownOutside: (event) => event.cancel(),\n                onInteractOutside: (event) => event.cancel(),\n                children: [\n                  /* @__PURE__ */ jsx(Slottable, { children }),\n                  process.env.NODE_ENV === \"development\" && /* @__PURE__ */ jsx(DescriptionWarning, { contentRef })\n                ]\n              }\n            )\n          }\n        )\n      }\n    );\n  }\n);\nconst TITLE_NAME = \"AlertDialogTitle\";\nconst AlertDialogTitleFrame = styled(View, {\n  displayName: TITLE_NAME\n});\nmarkAlertDialogPart(AlertDialogTitleFrame, \"title\");\nconst AlertDialogTitle = createStyledHOC(\n  AlertDialogTitleFrame,\n  function AlertDialogTitle2(props, forwardedRef) {\n    const { scope, ...titleProps } = props;\n    return /* @__PURE__ */ jsx(\n      DialogTitle,\n      {\n        scope: getAlertDialogScope(scope),\n        ...titleProps,\n        ref: forwardedRef\n      }\n    );\n  }\n);\nconst DESCRIPTION_NAME = \"AlertDialogDescription\";\nconst AlertDialogDescriptionFrame = styled(View, {\n  displayName: DESCRIPTION_NAME\n});\nmarkAlertDialogPart(AlertDialogDescriptionFrame, \"description\");\nconst AlertDialogDescription = createStyledHOC(\n  AlertDialogDescriptionFrame,\n  function AlertDialogDescription2(props, forwardedRef) {\n    const { scope, ...descriptionProps } = props;\n    return /* @__PURE__ */ jsx(\n      DialogDescription,\n      {\n        scope: getAlertDialogScope(scope),\n        ...descriptionProps,\n        ref: forwardedRef\n      }\n    );\n  }\n);\nconst ACTION_NAME = \"AlertDialogAction\";\nconst AlertDialogActionFrame = styled(View, {\n  displayName: ACTION_NAME\n});\nmarkAlertDialogPart(AlertDialogActionFrame, \"action\");\nconst AlertDialogAction = createStyledHOC(\n  AlertDialogActionFrame,\n  function AlertDialogAction2(props, forwardedRef) {\n    const { scope, ...actionProps } = props;\n    return /* @__PURE__ */ jsx(\n      DialogClose,\n      {\n        scope: getAlertDialogScope(scope),\n        ...actionProps,\n        ref: forwardedRef\n      }\n    );\n  }\n);\nconst CANCEL_NAME = \"AlertDialogCancel\";\nconst AlertDialogCancelFrame = styled(View, {\n  displayName: CANCEL_NAME\n});\nmarkAlertDialogPart(AlertDialogCancelFrame, \"cancel\");\nconst AlertDialogCancel = createStyledHOC(\n  AlertDialogCancelFrame,\n  function AlertDialogCancel2(props, forwardedRef) {\n    const { scope, ...cancelProps } = props;\n    const { cancelRef } = useAlertDialogContentContext(scope);\n    const ref = useComposedRefs(forwardedRef, cancelRef);\n    return /* @__PURE__ */ jsx(DialogClose, { scope: getAlertDialogScope(scope), ...cancelProps, ref });\n  }\n);\nconst DESTRUCTIVE_NAME = \"AlertDialogDestructive\";\nconst AlertDialogDestructiveFrame = styled(View, {\n  displayName: DESTRUCTIVE_NAME\n});\nmarkAlertDialogPart(AlertDialogDestructiveFrame, \"destructive\");\nconst AlertDialogDestructive = createStyledHOC(\n  AlertDialogDestructiveFrame,\n  function AlertDialogDestructive2(props, forwardedRef) {\n    const { scope, ...destructiveProps } = props;\n    const { destructiveRef } = useAlertDialogContentContext(scope);\n    const ref = useComposedRefs(forwardedRef, destructiveRef);\n    return /* @__PURE__ */ jsx(DialogClose, { scope: getAlertDialogScope(scope), ...destructiveProps, ref });\n  }\n);\nconst DescriptionWarning = ({ contentRef }) => {\n  if (process.env.NODE_ENV === \"development\") {\n    React.useEffect(() => {\n      if (!isWeb) return;\n      const hasDescription = document.getElementById(\n        // @ts-ignore\n        contentRef.current?.getAttribute(\"aria-describedby\")\n      );\n      if (!hasDescription) {\n        console.warn(`\\`${CONTENT_NAME}\\` requires a description for the component to be accessible for screen reader users.\n  \n        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.\n        \n        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.\n        \n        For more information, see https://tamagui.dev/docs/components/alert-dialog`);\n      }\n    }, [contentRef]);\n  }\n  return null;\n};\nconst AlertDialogInner = (props) => {\n  const { scope, native, ...alertDialogProps } = props;\n  const dialogScope = getAlertDialogScope(scope);\n  const nativeAlert = useNativeAlertDialog(props);\n  if (nativeAlert) return nativeAlert;\n  return /* @__PURE__ */ jsx(Dialog, { scope: dialogScope, ...alertDialogProps, modal: true });\n};\nconst AlertDialog = withStaticProperties(AlertDialogInner, {\n  Trigger: AlertDialogTrigger,\n  Portal: AlertDialogPortal,\n  Overlay: AlertDialogOverlay,\n  Content: AlertDialogContent,\n  Action: AlertDialogAction,\n  Cancel: AlertDialogCancel,\n  Destructive: AlertDialogDestructive,\n  Title: AlertDialogTitle,\n  Description: AlertDialogDescription\n});\nAlertDialog.displayName = ROOT_NAME;\nexport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogDestructive,\n  AlertDialogOverlay,\n  AlertDialogPortal,\n  AlertDialogTitle,\n  AlertDialogTrigger\n};\n//# sourceMappingURL=AlertDialog.js.map\n"],"mappings":"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"}