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

package/dist/esm/AlertDialog.mjs

@@ -1,18 +1,17 @@
-import { Slottable, View, createRefComponent, createStyledContext, createStyledHOC, styled } from "@tamagui/core";
+import { Slottable, View, createStyledContext, createStyledHOC, styled } from "@tamagui/core";
 import { useComposedRefs } from "@tamagui/compose-refs";
 import { isWeb } from "@tamagui/constants";
-import { Dialog, DialogClose, DialogContent, DialogDescription, DialogOverlay, DialogOverlayFrame, DialogPortal, DialogTitle, DialogTrigger, DialogWarningProvider } from "@tamagui/dialog";
+import { Dialog, DialogClose, DialogContent, DialogContentFrame, 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 ROOT_NAME = "AlertDialog";
-const ALERT_DIALOG_PART = /* @__PURE__ */ Symbol("AlertDialogPart");
-const markAlertDialogPart = (component, part) => {
-	Object.assign(component.staticConfig, { [ALERT_DIALOG_PART]: part });
-};
-const NativeAlertDialogTriggerFrame = styled(View, { displayName: "AlertDialogTrigger" });
+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"]) {
@@ -36,7 +35,9 @@ const AlertDialogPortal = function AlertDialogPortal2(props) {
 		...portalProps
 	});
 };
-const AlertDialogOverlay = createStyledHOC(styled(DialogOverlayFrame, { displayName: "AlertDialogOverlay" }), function AlertDialogOverlay2(props, 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),
@@ -46,12 +47,14 @@ const AlertDialogOverlay = createStyledHOC(styled(DialogOverlayFrame, { displayN
 });
 const CONTENT_NAME = "AlertDialogContent";
 const { Provider: AlertDialogContextProvider, useStyledContext: useAlertDialogContentContext } = createStyledContext({}, "AlertDialogContext");
-const AlertDialogContent = createRefComponent(function AlertDialogContent2(props, forwardedRef) {
+const AlertDialogContentFrame = styled(DialogContentFrame, { displayName: CONTENT_NAME });
+const AlertDialogContent = createStyledHOC(AlertDialogContentFrame, 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,
@@ -59,7 +62,7 @@ const AlertDialogContent = createRefComponent(function AlertDialogContent2(props
 		children: /* @__PURE__ */ jsx(AlertDialogContextProvider, {
 			scope,
 			cancelRef,
-			destructiveRef: React.useRef(null),
+			destructiveRef,
 			children: /* @__PURE__ */ jsxs(DialogContent, {
 				role: "alertdialog",
 				"aria-modal": true,
@@ -68,7 +71,9 @@ const AlertDialogContent = createRefComponent(function AlertDialogContent2(props
 				ref: composedRefs,
 				onOpenAutoFocus: composeEventHandlers(contentProps.onOpenAutoFocus, (event) => {
 					event.cancel();
-					if (isWeb) cancelRef.current?.focus({ preventScroll: true });
+					if (isWeb) {
+						cancelRef.current?.focus({ preventScroll: true });
+					}
 				}),
 				onPointerDownOutside: (event) => event.cancel(),
 				onInteractOutside: (event) => event.cancel(),
@@ -99,7 +104,8 @@ const AlertDialogDescription = createStyledHOC(AlertDialogDescriptionFrame, func
 		ref: forwardedRef
 	});
 });
-const AlertDialogActionFrame = styled(View, { displayName: "AlertDialogAction" });
+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;
@@ -109,7 +115,8 @@ const AlertDialogAction = createStyledHOC(AlertDialogActionFrame, function Alert
 		ref: forwardedRef
 	});
 });
-const AlertDialogCancelFrame = styled(View, { displayName: "AlertDialogCancel" });
+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;
@@ -121,7 +128,8 @@ const AlertDialogCancel = createStyledHOC(AlertDialogCancelFrame, function Alert
 		ref
 	});
 });
-const AlertDialogDestructiveFrame = styled(View, { displayName: "AlertDialogDestructive" });
+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;
@@ -134,22 +142,30 @@ const AlertDialogDestructive = createStyledHOC(AlertDialogDestructiveFrame, func
 	});
 });
 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.
+	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]);
+			}
+		}, [contentRef]);
+	}
 	return null;
 };
 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: getAlertDialogScope(scope),
+		scope: dialogScope,
 		...alertDialogProps,
 		modal: true
 	});

package/dist/esm/AlertDialog.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"AlertDialog.js","names":[],"sources":["esm/AlertDialog.js"],"sourcesContent":["import { Slottable, View, createRefComponent, createStyledContext, createStyledHOC, styled } from \"@tamagui/core\";\nimport { useComposedRefs } from \"@tamagui/compose-refs\";\nimport { isWeb } from \"@tamagui/constants\";\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 ALERT_DIALOG_PART = /* @__PURE__ */ Symbol(\"AlertDialogPart\");\nconst markAlertDialogPart = (component, part) => {\n\tObject.assign(component.staticConfig, { [ALERT_DIALOG_PART]: part });\n};\nconst NativeAlertDialogTriggerFrame = styled(View, { displayName: \"AlertDialogTrigger\" });\nmarkAlertDialogPart(NativeAlertDialogTriggerFrame, \"trigger\");\nconst AlertDialogTrigger = createStyledHOC(NativeAlertDialogTriggerFrame, 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 = createStyledHOC(styled(DialogOverlayFrame, { displayName: \"AlertDialogOverlay\" }), 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 = createRefComponent(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.cancel();\n\t\t\t\t\tif (isWeb) cancelRef.current?.focus({ preventScroll: true });\n\t\t\t\t}),\n\t\t\t\tonPointerDownOutside: (event) => event.cancel(),\n\t\t\t\tonInteractOutside: (event) => event.cancel(),\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 AlertDialogTitleFrame = styled(View, { displayName: TITLE_NAME });\nmarkAlertDialogPart(AlertDialogTitleFrame, \"title\");\nconst AlertDialogTitle = createStyledHOC(AlertDialogTitleFrame, 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 AlertDialogDescriptionFrame = styled(View, { displayName: DESCRIPTION_NAME });\nmarkAlertDialogPart(AlertDialogDescriptionFrame, \"description\");\nconst AlertDialogDescription = createStyledHOC(AlertDialogDescriptionFrame, 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 AlertDialogActionFrame = styled(View, { displayName: \"AlertDialogAction\" });\nmarkAlertDialogPart(AlertDialogActionFrame, \"action\");\nconst AlertDialogAction = createStyledHOC(AlertDialogActionFrame, 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 AlertDialogCancelFrame = styled(View, { displayName: \"AlertDialogCancel\" });\nmarkAlertDialogPart(AlertDialogCancelFrame, \"cancel\");\nconst AlertDialogCancel = createStyledHOC(AlertDialogCancelFrame, 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 AlertDialogDestructiveFrame = styled(View, { displayName: \"AlertDialogDestructive\" });\nmarkAlertDialogPart(AlertDialogDestructiveFrame, \"destructive\");\nconst AlertDialogDestructive = createStyledHOC(AlertDialogDestructiveFrame, 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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"}
+{"version":3,"file":"AlertDialog.js","names":[],"sources":["esm/AlertDialog.js"],"sourcesContent":["import { createStyledHOC } 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  DialogContentFrame,\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 AlertDialogContentFrame = styled(DialogContentFrame, {\n  displayName: CONTENT_NAME\n});\nconst AlertDialogContent = createStyledHOC(\n  AlertDialogContentFrame,\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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"}

package/dist/esm/AlertDialog.native.js

@@ -1,22 +1,19 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Slottable, View, createRefComponent, createStyledContext, createStyledHOC, isTamaguiElement, styled } from "@tamagui/core";
+import { Slottable, View, createStyledContext, createStyledHOC, styled } from "@tamagui/core";
 import { useComposedRefs } from "@tamagui/compose-refs";
-import { isWeb, useIsomorphicLayoutEffect } from "@tamagui/constants";
-import { Dialog, DialogClose, DialogContent, DialogDescription, DialogOverlay, DialogOverlayFrame, DialogPortal, DialogTitle, DialogTrigger, DialogWarningProvider } from "@tamagui/dialog";
+import { isWeb } from "@tamagui/constants";
+import { Dialog, DialogClose, DialogContent, DialogContentFrame, DialogDescription, DialogOverlay, DialogOverlayFrame, DialogPortal, DialogTitle, DialogTrigger, 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.native.js";
+import { useNativeAlertDialog } from "./useNativeAlertDialog.native.js";
 
 var getAlertDialogScope = function(scope) {
 	return scope;
 };
 var ROOT_NAME = "AlertDialog";
-var ALERT_DIALOG_PART = /* @__PURE__ */ Symbol("AlertDialogPart");
-var markAlertDialogPart = function(component, part) {
-	Object.assign(component.staticConfig, { [ALERT_DIALOG_PART]: part });
-};
-var NativeAlertDialogTriggerFrame = styled(View, { displayName: "AlertDialogTrigger" });
+var TRIGGER_NAME = "AlertDialogTrigger";
+var NativeAlertDialogTriggerFrame = styled(View, { displayName: TRIGGER_NAME });
 markAlertDialogPart(NativeAlertDialogTriggerFrame, "trigger");
 var AlertDialogTrigger = createStyledHOC(NativeAlertDialogTriggerFrame, function AlertDialogTrigger2(props, forwardedRef) {
 	if (props["__native"]) {
@@ -40,7 +37,9 @@ var AlertDialogPortal = function AlertDialogPortal2(props) {
 		...portalProps
 	});
 };
-var AlertDialogOverlay = createStyledHOC(styled(DialogOverlayFrame, { displayName: "AlertDialogOverlay" }), function AlertDialogOverlay2(props, forwardedRef) {
+var OVERLAY_NAME = "AlertDialogOverlay";
+var AlertDialogOverlayFrame = styled(DialogOverlayFrame, { displayName: OVERLAY_NAME });
+var AlertDialogOverlay = createStyledHOC(AlertDialogOverlayFrame, function AlertDialogOverlay2(props, forwardedRef) {
 	var { scope, ...overlayProps } = props;
 	return /* @__PURE__ */ jsx(DialogOverlay, {
 		scope: getAlertDialogScope(scope),
@@ -50,12 +49,14 @@ var AlertDialogOverlay = createStyledHOC(styled(DialogOverlayFrame, { displayNam
 });
 var CONTENT_NAME = "AlertDialogContent";
 var { Provider: AlertDialogContextProvider, useStyledContext: useAlertDialogContentContext } = createStyledContext({}, "AlertDialogContext");
-var AlertDialogContent = createRefComponent(function AlertDialogContent2(props, forwardedRef) {
+var AlertDialogContentFrame = styled(DialogContentFrame, { displayName: CONTENT_NAME });
+var AlertDialogContent = createStyledHOC(AlertDialogContentFrame, function AlertDialogContent2(props, forwardedRef) {
 	var { scope, children, ...contentProps } = props;
 	var dialogScope = getAlertDialogScope(scope);
 	var contentRef = React.useRef(null);
 	var composedRefs = useComposedRefs(forwardedRef, contentRef);
 	var cancelRef = React.useRef(null);
+	var destructiveRef = React.useRef(null);
 	return /* @__PURE__ */ jsx(DialogWarningProvider, {
 		contentName: CONTENT_NAME,
 		titleName: TITLE_NAME,
@@ -63,7 +64,7 @@ var AlertDialogContent = createRefComponent(function AlertDialogContent2(props,
 		children: /* @__PURE__ */ jsx(AlertDialogContextProvider, {
 			scope,
 			cancelRef,
-			destructiveRef: React.useRef(null),
+			destructiveRef,
 			children: /* @__PURE__ */ jsxs(DialogContent, {
 				role: "alertdialog",
 				"aria-modal": true,
@@ -74,7 +75,7 @@ var AlertDialogContent = createRefComponent(function AlertDialogContent2(props,
 					event.cancel();
 					if (isWeb) {
 						var _cancelRef_current;
-						(_cancelRef_current = cancelRef.current) === null || _cancelRef_current === void 0 || _cancelRef_current.focus({ preventScroll: true });
+						(_cancelRef_current = cancelRef.current) === null || _cancelRef_current === void 0 ? void 0 : _cancelRef_current.focus({ preventScroll: true });
 					}
 				}),
 				onPointerDownOutside: function(event) {
@@ -110,7 +111,8 @@ var AlertDialogDescription = createStyledHOC(AlertDialogDescriptionFrame, functi
 		ref: forwardedRef
 	});
 });
-var AlertDialogActionFrame = styled(View, { displayName: "AlertDialogAction" });
+var ACTION_NAME = "AlertDialogAction";
+var AlertDialogActionFrame = styled(View, { displayName: ACTION_NAME });
 markAlertDialogPart(AlertDialogActionFrame, "action");
 var AlertDialogAction = createStyledHOC(AlertDialogActionFrame, function AlertDialogAction2(props, forwardedRef) {
 	var { scope, ...actionProps } = props;
@@ -120,7 +122,8 @@ var AlertDialogAction = createStyledHOC(AlertDialogActionFrame, function AlertDi
 		ref: forwardedRef
 	});
 });
-var AlertDialogCancelFrame = styled(View, { displayName: "AlertDialogCancel" });
+var CANCEL_NAME = "AlertDialogCancel";
+var AlertDialogCancelFrame = styled(View, { displayName: CANCEL_NAME });
 markAlertDialogPart(AlertDialogCancelFrame, "cancel");
 var AlertDialogCancel = createStyledHOC(AlertDialogCancelFrame, function AlertDialogCancel2(props, forwardedRef) {
 	var { scope, ...cancelProps } = props;
@@ -132,7 +135,8 @@ var AlertDialogCancel = createStyledHOC(AlertDialogCancelFrame, function AlertDi
 		ref
 	});
 });
-var AlertDialogDestructiveFrame = styled(View, { displayName: "AlertDialogDestructive" });
+var DESTRUCTIVE_NAME = "AlertDialogDestructive";
+var AlertDialogDestructiveFrame = styled(View, { displayName: DESTRUCTIVE_NAME });
 markAlertDialogPart(AlertDialogDestructiveFrame, "destructive");
 var AlertDialogDestructive = createStyledHOC(AlertDialogDestructiveFrame, function AlertDialogDestructive2(props, forwardedRef) {
 	var { scope, ...destructiveProps } = props;
@@ -146,110 +150,35 @@ var AlertDialogDestructive = createStyledHOC(AlertDialogDestructiveFrame, functi
 });
 var DescriptionWarning = function(param) {
 	var { contentRef } = param;
-	if (process.env.NODE_ENV === "development") React.useEffect(function() {
-		var _contentRef_current;
-		if (!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.
+	if (process.env.NODE_ENV === "development") {
+		React.useEffect(function() {
+			var _contentRef_current;
+			if (!isWeb) return;
+			var hasDescription = document.getElementById((_contentRef_current = contentRef.current) === null || _contentRef_current === void 0 ? void 0 : _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]);
+			}
+		}, [contentRef]);
+	}
 	return null;
 };
 var AlertDialogInner = function(props) {
 	var { scope, native, ...alertDialogProps } = props;
 	var dialogScope = getAlertDialogScope(scope);
-	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 || (_childProps_onPress = childProps.onPress) == null || _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);
-	} });
+	var nativeAlert = useNativeAlertDialog(props);
+	if (nativeAlert) return nativeAlert;
 	return /* @__PURE__ */ jsx(Dialog, {
 		scope: dialogScope,
 		...alertDialogProps,
 		modal: true
 	});
 };
-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;
-}
 var AlertDialog = withStaticProperties(AlertDialogInner, {
 	Trigger: AlertDialogTrigger,
 	Portal: AlertDialogPortal,

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

@@ -1 +1 @@
-{"version":3,"file":"AlertDialog.native.js","names":[],"sources":["esm/AlertDialog.native.js"],"sourcesContent":["import { jsx, jsxs } from \"react/jsx-runtime\";\nimport { Slottable, View, createRefComponent, createStyledContext, createStyledHOC, isTamaguiElement, styled } from \"@tamagui/core\";\nimport { useComposedRefs } from \"@tamagui/compose-refs\";\nimport { isWeb, useIsomorphicLayoutEffect } from \"@tamagui/constants\";\nimport { Dialog, DialogClose, DialogContent, DialogDescription, DialogOverlay, DialogOverlayFrame, DialogPortal, DialogTitle, DialogTrigger, DialogWarningProvider } from \"@tamagui/dialog\";\nimport { composeEventHandlers, withStaticProperties } from \"@tamagui/helpers\";\nimport { useControllableState } from \"@tamagui/use-controllable-state\";\nimport * as React from \"react\";\nimport { Alert } from \"react-native\";\n\nvar getAlertDialogScope = function(scope) {\n\treturn scope;\n};\nvar ROOT_NAME = \"AlertDialog\";\nvar ALERT_DIALOG_PART = /* @__PURE__ */ Symbol(\"AlertDialogPart\");\nvar markAlertDialogPart = function(component, part) {\n\tObject.assign(component.staticConfig, { [ALERT_DIALOG_PART]: part });\n};\nvar NativeAlertDialogTriggerFrame = styled(View, { displayName: \"AlertDialogTrigger\" });\nmarkAlertDialogPart(NativeAlertDialogTriggerFrame, \"trigger\");\nvar AlertDialogTrigger = createStyledHOC(NativeAlertDialogTriggerFrame, function AlertDialogTrigger2(props, forwardedRef) {\n\tif (props[\"__native\"]) {\n\t\tvar { __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\tvar { scope, ...triggerProps } = props;\n\treturn /* @__PURE__ */ jsx(DialogTrigger, {\n\t\tscope: getAlertDialogScope(scope),\n\t\t...triggerProps,\n\t\tref: forwardedRef\n\t});\n});\nvar AlertDialogPortal = function AlertDialogPortal2(props) {\n\tvar { scope, ...portalProps } = props;\n\treturn /* @__PURE__ */ jsx(DialogPortal, {\n\t\tscope: getAlertDialogScope(scope),\n\t\t...portalProps\n\t});\n};\nvar AlertDialogOverlay = createStyledHOC(styled(DialogOverlayFrame, { displayName: \"AlertDialogOverlay\" }), function AlertDialogOverlay2(props, forwardedRef) {\n\tvar { scope, ...overlayProps } = props;\n\treturn /* @__PURE__ */ jsx(DialogOverlay, {\n\t\tscope: getAlertDialogScope(scope),\n\t\t...overlayProps,\n\t\tref: forwardedRef\n\t});\n});\nvar CONTENT_NAME = \"AlertDialogContent\";\nvar { Provider: AlertDialogContextProvider, useStyledContext: useAlertDialogContentContext } = createStyledContext({}, \"AlertDialogContext\");\nvar AlertDialogContent = createRefComponent(function AlertDialogContent2(props, forwardedRef) {\n\tvar { scope, children, ...contentProps } = props;\n\tvar dialogScope = getAlertDialogScope(scope);\n\tvar contentRef = React.useRef(null);\n\tvar composedRefs = useComposedRefs(forwardedRef, contentRef);\n\tvar 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, function(event) {\n\t\t\t\t\tevent.cancel();\n\t\t\t\t\tif (isWeb) {\n\t\t\t\t\t\tvar _cancelRef_current;\n\t\t\t\t\t\t(_cancelRef_current = cancelRef.current) === null || _cancelRef_current === void 0 || _cancelRef_current.focus({ preventScroll: true });\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t\tonPointerDownOutside: function(event) {\n\t\t\t\t\treturn event.cancel();\n\t\t\t\t},\n\t\t\t\tonInteractOutside: function(event) {\n\t\t\t\t\treturn event.cancel();\n\t\t\t\t},\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});\nvar TITLE_NAME = \"AlertDialogTitle\";\nvar AlertDialogTitleFrame = styled(View, { displayName: TITLE_NAME });\nmarkAlertDialogPart(AlertDialogTitleFrame, \"title\");\nvar AlertDialogTitle = createStyledHOC(AlertDialogTitleFrame, function AlertDialogTitle2(props, forwardedRef) {\n\tvar { scope, ...titleProps } = props;\n\treturn /* @__PURE__ */ jsx(DialogTitle, {\n\t\tscope: getAlertDialogScope(scope),\n\t\t...titleProps,\n\t\tref: forwardedRef\n\t});\n});\nvar DESCRIPTION_NAME = \"AlertDialogDescription\";\nvar AlertDialogDescriptionFrame = styled(View, { displayName: DESCRIPTION_NAME });\nmarkAlertDialogPart(AlertDialogDescriptionFrame, \"description\");\nvar AlertDialogDescription = createStyledHOC(AlertDialogDescriptionFrame, function AlertDialogDescription2(props, forwardedRef) {\n\tvar { scope, ...descriptionProps } = props;\n\treturn /* @__PURE__ */ jsx(DialogDescription, {\n\t\tscope: getAlertDialogScope(scope),\n\t\t...descriptionProps,\n\t\tref: forwardedRef\n\t});\n});\nvar AlertDialogActionFrame = styled(View, { displayName: \"AlertDialogAction\" });\nmarkAlertDialogPart(AlertDialogActionFrame, \"action\");\nvar AlertDialogAction = createStyledHOC(AlertDialogActionFrame, function AlertDialogAction2(props, forwardedRef) {\n\tvar { scope, ...actionProps } = props;\n\treturn /* @__PURE__ */ jsx(DialogClose, {\n\t\tscope: getAlertDialogScope(scope),\n\t\t...actionProps,\n\t\tref: forwardedRef\n\t});\n});\nvar AlertDialogCancelFrame = styled(View, { displayName: \"AlertDialogCancel\" });\nmarkAlertDialogPart(AlertDialogCancelFrame, \"cancel\");\nvar AlertDialogCancel = createStyledHOC(AlertDialogCancelFrame, function AlertDialogCancel2(props, forwardedRef) {\n\tvar { scope, ...cancelProps } = props;\n\tvar { cancelRef } = useAlertDialogContentContext(scope);\n\tvar ref = useComposedRefs(forwardedRef, cancelRef);\n\treturn /* @__PURE__ */ jsx(DialogClose, {\n\t\tscope: getAlertDialogScope(scope),\n\t\t...cancelProps,\n\t\tref\n\t});\n});\nvar AlertDialogDestructiveFrame = styled(View, { displayName: \"AlertDialogDestructive\" });\nmarkAlertDialogPart(AlertDialogDestructiveFrame, \"destructive\");\nvar AlertDialogDestructive = createStyledHOC(AlertDialogDestructiveFrame, function AlertDialogDestructive2(props, forwardedRef) {\n\tvar { scope, ...destructiveProps } = props;\n\tvar { destructiveRef } = useAlertDialogContentContext(scope);\n\tvar ref = useComposedRefs(forwardedRef, destructiveRef);\n\treturn /* @__PURE__ */ jsx(DialogClose, {\n\t\tscope: getAlertDialogScope(scope),\n\t\t...destructiveProps,\n\t\tref\n\t});\n});\nvar DescriptionWarning = function(param) {\n\tvar { contentRef } = param;\n\tif (process.env.NODE_ENV === \"development\") React.useEffect(function() {\n\t\tvar _contentRef_current;\n\t\tif (!isWeb) return;\n\t\tif (!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.\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};\nvar AlertDialogInner = function(props) {\n\tvar { scope, native, ...alertDialogProps } = props;\n\tvar dialogScope = getAlertDialogScope(scope);\n\tvar [open, setOpen] = useControllableState({\n\t\tprop: props.open,\n\t\tdefaultProp: props.defaultOpen || false,\n\t\tonChange: props.onOpenChange,\n\t\ttransition: true\n\t});\n\tvar triggerElement = null;\n\tvar title = \"\";\n\tvar description = \"\";\n\tvar buttons = [];\n\tforEachChildDeep(React.Children.toArray(props.children), function(child) {\n\t\tif (!/* @__PURE__ */ React.isValidElement(child)) return false;\n\t\tvar part = isTamaguiElement(child) ? child.type.staticConfig[ALERT_DIALOG_PART] : void 0;\n\t\tswitch (part) {\n\t\t\tcase \"trigger\":\n\t\t\t\ttriggerElement = /* @__PURE__ */ React.cloneElement(child, { __native: true });\n\t\t\t\treturn false;\n\t\t\tcase \"title\":\n\t\t\t\ttitle = getStringChildren(child);\n\t\t\t\treturn false;\n\t\t\tcase \"description\":\n\t\t\t\tdescription = getStringChildren(child);\n\t\t\t\treturn false;\n\t\t\tcase \"action\":\n\t\t\tcase \"destructive\":\n\t\t\tcase \"cancel\":\n\t\t\t\tvar style = part === \"action\" ? \"default\" : part === \"destructive\" ? \"destructive\" : \"cancel\";\n\t\t\t\tvar text = getStringChildren(child);\n\t\t\t\tvar onPress = function() {\n\t\t\t\t\tvar _childProps_onPress;\n\t\t\t\t\tvar childProps = child.props;\n\t\t\t\t\tchildProps === null || childProps === void 0 || (_childProps_onPress = childProps.onPress) == null || _childProps_onPress.call(childProps, { native: true });\n\t\t\t\t\tsetOpen(false);\n\t\t\t\t};\n\t\t\t\tbuttons.push({\n\t\t\t\t\tstyle,\n\t\t\t\t\ttext,\n\t\t\t\t\tonPress\n\t\t\t\t});\n\t\t\t\treturn false;\n\t\t\tdefault: return true;\n\t\t}\n\t});\n\tuseIsomorphicLayoutEffect(function() {\n\t\tif (!open || !native) return;\n\t\tif (title || description) Alert.alert(title, description, buttons);\n\t}, [native, open]);\n\tif (native) return /* @__PURE__ */ React.cloneElement(triggerElement, { __onPress: function() {\n\t\tsetOpen(true);\n\t} });\n\treturn /* @__PURE__ */ jsx(Dialog, {\n\t\tscope: dialogScope,\n\t\t...alertDialogProps,\n\t\tmodal: true\n\t});\n};\nfunction forEachChildDeep(children, onChild) {\n\tvar _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;\n\ttry {\n\t\tfor (var _iterator = children[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {\n\t\t\tvar child = _step.value;\n\t\t\tif (!/* @__PURE__ */ React.isValidElement(child)) continue;\n\t\t\tif (!onChild(child)) continue;\n\t\t\tvar childProps = child.props;\n\t\t\tif (childProps.children) forEachChildDeep(React.Children.toArray(childProps.children), onChild);\n\t\t}\n\t} catch (err) {\n\t\t_didIteratorError = true;\n\t\t_iteratorError = err;\n\t} finally {\n\t\ttry {\n\t\t\tif (!_iteratorNormalCompletion && _iterator.return != null) _iterator.return();\n\t\t} finally {\n\t\t\tif (_didIteratorError) throw _iteratorError;\n\t\t}\n\t}\n}\nfunction getStringChildren(child) {\n\tvar string = \"\";\n\tforEachChildDeep(React.Children.toArray(child), function(child2) {\n\t\tif (typeof child2.props.children === \"string\") {\n\t\t\tstring = child2.props.children;\n\t\t\treturn false;\n\t\t}\n\t\treturn true;\n\t});\n\treturn string;\n}\nvar 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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"}
+{"version":3,"file":"AlertDialog.native.js","names":[],"sources":["esm/AlertDialog.native.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { createStyledHOC } from \"@tamagui/core\";\nimport { useComposedRefs } from \"@tamagui/compose-refs\";\nimport { isWeb } from \"@tamagui/constants\";\nimport { Slottable, View, createStyledContext, styled } from \"@tamagui/core\";\nimport { Dialog, DialogClose, DialogContent, DialogContentFrame, DialogDescription, DialogOverlay, DialogOverlayFrame, DialogPortal, DialogTitle, DialogTrigger, DialogWarningProvider } from \"@tamagui/dialog\";\nimport { composeEventHandlers, withStaticProperties } from \"@tamagui/helpers\";\nimport * as React from \"react\";\nimport { markAlertDialogPart } from \"./alertDialogPart\";\nimport { useNativeAlertDialog } from \"./useNativeAlertDialog\";\nvar getAlertDialogScope = function(scope) {\n  return scope;\n};\nvar ROOT_NAME = \"AlertDialog\";\nvar TRIGGER_NAME = \"AlertDialogTrigger\";\nvar NativeAlertDialogTriggerFrame = styled(View, {\n  displayName: TRIGGER_NAME\n});\nmarkAlertDialogPart(NativeAlertDialogTriggerFrame, \"trigger\");\nvar AlertDialogTrigger = createStyledHOC(NativeAlertDialogTriggerFrame, function AlertDialogTrigger2(props, forwardedRef) {\n  if (props[\"__native\"]) {\n    var { __native, onPress, __onPress, ...rest } = props;\n    return /* @__PURE__ */ _jsx(NativeAlertDialogTriggerFrame, {\n      ...rest,\n      onPress: composeEventHandlers(onPress, __onPress)\n    });\n  }\n  var { scope, ...triggerProps } = props;\n  return /* @__PURE__ */ _jsx(DialogTrigger, {\n    scope: getAlertDialogScope(scope),\n    ...triggerProps,\n    ref: forwardedRef\n  });\n});\nvar AlertDialogPortal = function AlertDialogPortal2(props) {\n  var { scope, ...portalProps } = props;\n  return /* @__PURE__ */ _jsx(DialogPortal, {\n    scope: getAlertDialogScope(scope),\n    ...portalProps\n  });\n};\nvar OVERLAY_NAME = \"AlertDialogOverlay\";\nvar AlertDialogOverlayFrame = styled(DialogOverlayFrame, {\n  displayName: OVERLAY_NAME\n});\nvar AlertDialogOverlay = createStyledHOC(AlertDialogOverlayFrame, function AlertDialogOverlay2(props, forwardedRef) {\n  var { scope, ...overlayProps } = props;\n  return /* @__PURE__ */ _jsx(DialogOverlay, {\n    scope: getAlertDialogScope(scope),\n    ...overlayProps,\n    ref: forwardedRef\n  });\n});\nvar CONTENT_NAME = \"AlertDialogContent\";\nvar { Provider: AlertDialogContextProvider, useStyledContext: useAlertDialogContentContext } = createStyledContext({}, \"AlertDialogContext\");\nvar AlertDialogContentFrame = styled(DialogContentFrame, {\n  displayName: CONTENT_NAME\n});\nvar AlertDialogContent = createStyledHOC(AlertDialogContentFrame, function AlertDialogContent2(props, forwardedRef) {\n  var { scope, children, ...contentProps } = props;\n  var dialogScope = getAlertDialogScope(scope);\n  var contentRef = React.useRef(null);\n  var composedRefs = useComposedRefs(forwardedRef, contentRef);\n  var cancelRef = React.useRef(null);\n  var destructiveRef = React.useRef(null);\n  return /* @__PURE__ */ _jsx(DialogWarningProvider, {\n    contentName: CONTENT_NAME,\n    titleName: TITLE_NAME,\n    docsSlug: \"alert-dialog\",\n    children: /* @__PURE__ */ _jsx(AlertDialogContextProvider, {\n      scope,\n      cancelRef,\n      destructiveRef,\n      children: /* @__PURE__ */ _jsxs(DialogContent, {\n        role: \"alertdialog\",\n        \"aria-modal\": true,\n        scope: dialogScope,\n        ...contentProps,\n        ref: composedRefs,\n        onOpenAutoFocus: composeEventHandlers(contentProps.onOpenAutoFocus, function(event) {\n          event.cancel();\n          if (isWeb) {\n            var _cancelRef_current;\n            (_cancelRef_current = cancelRef.current) === null || _cancelRef_current === void 0 ? void 0 : _cancelRef_current.focus({\n              preventScroll: true\n            });\n          }\n        }),\n        onPointerDownOutside: function(event) {\n          return event.cancel();\n        },\n        onInteractOutside: function(event) {\n          return event.cancel();\n        },\n        children: [\n          /**\n          * We have to use `Slottable` here as we cannot wrap the `AlertDialogContentProvider`\n          * around everything, otherwise the `DescriptionWarning` would be rendered straight away.\n          * This is because we want the accessibility checks to run only once the content is actually\n          * open and that behaviour is already encapsulated in `DialogContent`.\n          */\n          /* @__PURE__ */ _jsx(Slottable, {\n            children\n          }),\n          process.env.NODE_ENV === \"development\" && /* @__PURE__ */ _jsx(DescriptionWarning, {\n            contentRef\n          })\n        ]\n      })\n    })\n  });\n});\nvar TITLE_NAME = \"AlertDialogTitle\";\nvar AlertDialogTitleFrame = styled(View, {\n  displayName: TITLE_NAME\n});\nmarkAlertDialogPart(AlertDialogTitleFrame, \"title\");\nvar AlertDialogTitle = createStyledHOC(AlertDialogTitleFrame, function AlertDialogTitle2(props, forwardedRef) {\n  var { scope, ...titleProps } = props;\n  return /* @__PURE__ */ _jsx(DialogTitle, {\n    scope: getAlertDialogScope(scope),\n    ...titleProps,\n    ref: forwardedRef\n  });\n});\nvar DESCRIPTION_NAME = \"AlertDialogDescription\";\nvar AlertDialogDescriptionFrame = styled(View, {\n  displayName: DESCRIPTION_NAME\n});\nmarkAlertDialogPart(AlertDialogDescriptionFrame, \"description\");\nvar AlertDialogDescription = createStyledHOC(AlertDialogDescriptionFrame, function AlertDialogDescription2(props, forwardedRef) {\n  var { scope, ...descriptionProps } = props;\n  return /* @__PURE__ */ _jsx(DialogDescription, {\n    scope: getAlertDialogScope(scope),\n    ...descriptionProps,\n    ref: forwardedRef\n  });\n});\nvar ACTION_NAME = \"AlertDialogAction\";\nvar AlertDialogActionFrame = styled(View, {\n  displayName: ACTION_NAME\n});\nmarkAlertDialogPart(AlertDialogActionFrame, \"action\");\nvar AlertDialogAction = createStyledHOC(AlertDialogActionFrame, function AlertDialogAction2(props, forwardedRef) {\n  var { scope, ...actionProps } = props;\n  return /* @__PURE__ */ _jsx(DialogClose, {\n    scope: getAlertDialogScope(scope),\n    ...actionProps,\n    ref: forwardedRef\n  });\n});\nvar CANCEL_NAME = \"AlertDialogCancel\";\nvar AlertDialogCancelFrame = styled(View, {\n  displayName: CANCEL_NAME\n});\nmarkAlertDialogPart(AlertDialogCancelFrame, \"cancel\");\nvar AlertDialogCancel = createStyledHOC(AlertDialogCancelFrame, function AlertDialogCancel2(props, forwardedRef) {\n  var { scope, ...cancelProps } = props;\n  var { cancelRef } = useAlertDialogContentContext(scope);\n  var ref = useComposedRefs(forwardedRef, cancelRef);\n  return /* @__PURE__ */ _jsx(DialogClose, {\n    scope: getAlertDialogScope(scope),\n    ...cancelProps,\n    ref\n  });\n});\nvar DESTRUCTIVE_NAME = \"AlertDialogDestructive\";\nvar AlertDialogDestructiveFrame = styled(View, {\n  displayName: DESTRUCTIVE_NAME\n});\nmarkAlertDialogPart(AlertDialogDestructiveFrame, \"destructive\");\nvar AlertDialogDestructive = createStyledHOC(AlertDialogDestructiveFrame, function AlertDialogDestructive2(props, forwardedRef) {\n  var { scope, ...destructiveProps } = props;\n  var { destructiveRef } = useAlertDialogContentContext(scope);\n  var ref = useComposedRefs(forwardedRef, destructiveRef);\n  return /* @__PURE__ */ _jsx(DialogClose, {\n    scope: getAlertDialogScope(scope),\n    ...destructiveProps,\n    ref\n  });\n});\nvar DescriptionWarning = function(param) {\n  var { contentRef } = param;\n  if (process.env.NODE_ENV === \"development\") {\n    React.useEffect(function() {\n      var _contentRef_current;\n      if (!isWeb) return;\n      var hasDescription = document.getElementById((_contentRef_current = contentRef.current) === null || _contentRef_current === void 0 ? void 0 : _contentRef_current.getAttribute(\"aria-describedby\"));\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    }, [\n      contentRef\n    ]);\n  }\n  return null;\n};\nvar AlertDialogInner = function(props) {\n  var { scope, native, ...alertDialogProps } = props;\n  var dialogScope = getAlertDialogScope(scope);\n  var nativeAlert = useNativeAlertDialog(props);\n  if (nativeAlert) return nativeAlert;\n  return /* @__PURE__ */ _jsx(Dialog, {\n    scope: dialogScope,\n    ...alertDialogProps,\n    modal: true\n  });\n};\nvar 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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"}

package/dist/esm/alertDialogPart.mjs

@@ -0,0 +1,7 @@
+const ALERT_DIALOG_PART = /* @__PURE__ */ Symbol("AlertDialogPart");
+const markAlertDialogPart = (component, part) => {
+	Object.assign(component.staticConfig, { [ALERT_DIALOG_PART]: part });
+};
+
+export { ALERT_DIALOG_PART, markAlertDialogPart };
+//# sourceMappingURL=alertDialogPart.mjs.map

package/dist/esm/alertDialogPart.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"alertDialogPart.js","names":[],"sources":["esm/alertDialogPart.js"],"sourcesContent":["const ALERT_DIALOG_PART = /* @__PURE__ */ Symbol(\"AlertDialogPart\");\nconst markAlertDialogPart = (component, part) => {\n  Object.assign(component.staticConfig, { [ALERT_DIALOG_PART]: part });\n};\nexport {\n  ALERT_DIALOG_PART,\n  markAlertDialogPart\n};\n//# sourceMappingURL=alertDialogPart.js.map\n"],"mappings":";AAAA,MAAM,oBAAoC,uBAAO,iBAAiB;AAClE,MAAM,uBAAuB,WAAW,SAAS;CAC/C,OAAO,OAAO,UAAU,cAAc,GAAG,oBAAoB,KAAK,CAAC;AACrE"}

package/dist/esm/alertDialogPart.native.js

@@ -0,0 +1,7 @@
+var ALERT_DIALOG_PART = /* @__PURE__ */ Symbol("AlertDialogPart");
+var markAlertDialogPart = function(component, part) {
+	Object.assign(component.staticConfig, { [ALERT_DIALOG_PART]: part });
+};
+
+export { ALERT_DIALOG_PART, markAlertDialogPart };
+//# sourceMappingURL=alertDialogPart.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"alertDialogPart.native.js","names":[],"sources":["esm/alertDialogPart.native.js"],"sourcesContent":["var ALERT_DIALOG_PART = /* @__PURE__ */ Symbol(\"AlertDialogPart\");\nvar markAlertDialogPart = function(component, part) {\n  Object.assign(component.staticConfig, {\n    [ALERT_DIALOG_PART]: part\n  });\n};\nexport {\n  ALERT_DIALOG_PART,\n  markAlertDialogPart\n};\n//# sourceMappingURL=alertDialogPart.js.map\n"],"mappings":";AAAA,IAAI,oBAAoC,uBAAO,iBAAiB;AAChE,IAAI,sBAAsB,SAAS,WAAW,MAAM;CAClD,OAAO,OAAO,UAAU,cAAc,GACnC,oBAAoB,KACvB,CAAC;AACH"}

package/dist/esm/useNativeAlertDialog.mjs

@@ -0,0 +1,4 @@
+const useNativeAlertDialog = (_props) => null;
+
+export { useNativeAlertDialog };
+//# sourceMappingURL=useNativeAlertDialog.mjs.map

package/dist/esm/useNativeAlertDialog.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNativeAlertDialog.js","names":[],"sources":["esm/useNativeAlertDialog.js"],"sourcesContent":["const useNativeAlertDialog = (_props) => null;\nexport {\n  useNativeAlertDialog\n};\n//# sourceMappingURL=useNativeAlertDialog.js.map\n"],"mappings":";AAAA,MAAM,wBAAwB,WAAW"}