@tamagui/alert-dialog 1.14.0 → 1.14.2

package/dist/esm/AlertDialog.js

@@ -1,8 +1,301 @@
-import{jsx as n,jsxs as me}from"react/jsx-runtime";import{useComposedRefs as I}from"@tamagui/compose-refs";import{Slottable as H,composeEventHandlers as M,isTamaguiElement as U,isWeb as F,styled as V,useIsomorphicLayoutEffect as z,withStaticProperties as J}from"@tamagui/core";import{createContextScope as K}from"@tamagui/create-context";import{Dialog as Q,DialogClose as W,DialogContent as X,DialogDescription as Z,DialogOverlay as ee,DialogOverlayFrame as oe,DialogPortal as te,DialogTitle as re,DialogTrigger as ae,DialogWarningProvider as le,createDialogScope as L}from"@tamagui/dialog";import{YStack as ne}from"@tamagui/stacks";import{useControllableState as ie}from"@tamagui/use-controllable-state";import*as a from"react";import{Alert as se}from"react-native";const G="AlertDialog",[ce,pe]=K(G,[L]),p=L(),$="AlertDialogTrigger",ge=V(ne,{name:"DialogTrigger"}),f=a.forwardRef((o,t)=>{if(o.__native){const{__native:D,onPress:i,__onPress:u,...g}=o;return n(ge,{...g,onPress:M(i,u)})}const{__scopeAlertDialog:e,...r}=o,l=p(e);return n(ae,{...l,...r,ref:t})});f.displayName=$;const De="AlertDialogPortal",m=o=>{const{__scopeAlertDialog:t,...e}=o,r=p(t);return n(te,{...r,...e})};m.displayName=De;const Y="AlertDialogOverlay",ue=V(oe,{name:Y}),y=ue.extractable(a.forwardRef((o,t)=>{const{__scopeAlertDialog:e,...r}=o,l=p(e);return n(ee,{...l,...r,ref:t})}));y.displayName=Y;const A="AlertDialogContent",[Ae,de]=ce(A),C=a.forwardRef((o,t)=>{const{__scopeAlertDialog:e,children:r,...l}=o,D=p(e),i=a.useRef(null),u=I(t,i),g=a.useRef(null);return n(le,{contentName:A,titleName:T,docsSlug:"alert-dialog",children:n(Ae,{scope:e,cancelRef:g,children:me(X,{role:"alertdialog",...D,...l,ref:u,onOpenAutoFocus:M(l.onOpenAutoFocus,s=>{var d;s.preventDefault(),F&&((d=g.current)==null||d.focus({preventScroll:!0}))}),onPointerDownOutside:s=>s.preventDefault(),onInteractOutside:s=>s.preventDefault(),children:[n(H,{children:r}),process.env.NODE_ENV==="development"&&n(Pe,{contentRef:i})]})})})});C.displayName=A;const T="AlertDialogTitle",v=a.forwardRef((o,t)=>{const{__scopeAlertDialog:e,...r}=o,l=p(e);return n(re,{...l,...r,ref:t})});v.displayName=T;const E="AlertDialogDescription",_=a.forwardRef((o,t)=>{const{__scopeAlertDialog:e,...r}=o,l=p(e);return n(Z,{...l,...r,ref:t})});_.displayName=E;const R="AlertDialogAction",S=a.forwardRef((o,t)=>{const{__scopeAlertDialog:e,...r}=o,l=p(e);return n(W,{...l,...r,ref:t})});S.displayName=R;const N="AlertDialogCancel",O=a.forwardRef((o,t)=>{const{__scopeAlertDialog:e,...r}=o,{cancelRef:l}=de(N,e),D=p(e),i=I(t,l);return n(W,{...D,...r,ref:i})});O.displayName=N;const Pe=({contentRef:o})=>(process.env.NODE_ENV==="development"&&a.useEffect(()=>{var e;if(!F)return;document.getElementById((e=o.current)==null?void 0:e.getAttribute("aria-describedby"))||console.warn(`\`${A}\` requires a description for the component to be accessible for screen reader users.
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useComposedRefs } from "@tamagui/compose-refs";
+import {
+  Slottable,
+  composeEventHandlers,
+  isTamaguiElement,
+  isWeb,
+  styled,
+  useIsomorphicLayoutEffect,
+  withStaticProperties
+} from "@tamagui/core";
+import { createContextScope } from "@tamagui/create-context";
+import {
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogOverlay,
+  DialogOverlayFrame,
+  DialogPortal,
+  DialogTitle,
+  DialogTrigger,
+  DialogWarningProvider,
+  createDialogScope
+} from "@tamagui/dialog";
+import { YStack } from "@tamagui/stacks";
+import { useControllableState } from "@tamagui/use-controllable-state";
+import * as React from "react";
+import { Alert } from "react-native";
+const ROOT_NAME = "AlertDialog";
+const [createAlertDialogContext, createAlertDialogScope] = createContextScope(ROOT_NAME, [
+  createDialogScope
+]);
+const useDialogScope = createDialogScope();
+const TRIGGER_NAME = "AlertDialogTrigger";
+const NativeAlertDialogTriggerFrame = styled(YStack, {
+  name: "DialogTrigger"
+});
+const AlertDialogTrigger = React.forwardRef(
+  (props, forwardedRef) => {
+    if (props["__native"]) {
+      const { __native, onPress, __onPress, ...rest } = props;
+      return /* @__PURE__ */ jsx(
+        NativeAlertDialogTriggerFrame,
+        {
+          ...rest,
+          onPress: composeEventHandlers(onPress, __onPress)
+        }
+      );
+    }
+    const { __scopeAlertDialog, ...triggerProps } = props;
+    const dialogScope = useDialogScope(__scopeAlertDialog);
+    return /* @__PURE__ */ jsx(DialogTrigger, { ...dialogScope, ...triggerProps, ref: forwardedRef });
+  }
+);
+AlertDialogTrigger.displayName = TRIGGER_NAME;
+const PORTAL_NAME = "AlertDialogPortal";
+const AlertDialogPortal = (props) => {
+  const { __scopeAlertDialog, ...portalProps } = props;
+  const dialogScope = useDialogScope(__scopeAlertDialog);
+  return /* @__PURE__ */ jsx(DialogPortal, { ...dialogScope, ...portalProps });
+};
+AlertDialogPortal.displayName = PORTAL_NAME;
+const OVERLAY_NAME = "AlertDialogOverlay";
+const AlertDialogOverlayFrame = styled(DialogOverlayFrame, {
+  name: OVERLAY_NAME
+});
+const AlertDialogOverlay = AlertDialogOverlayFrame.extractable(
+  React.forwardRef(
+    (props, forwardedRef) => {
+      const { __scopeAlertDialog, ...overlayProps } = props;
+      const dialogScope = useDialogScope(__scopeAlertDialog);
+      return /* @__PURE__ */ jsx(DialogOverlay, { ...dialogScope, ...overlayProps, ref: forwardedRef });
+    }
+  )
+);
+AlertDialogOverlay.displayName = OVERLAY_NAME;
+const CONTENT_NAME = "AlertDialogContent";
+const [AlertDialogContentProvider, useAlertDialogContentContext] = createAlertDialogContext(CONTENT_NAME);
+const AlertDialogContent = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeAlertDialog, children, ...contentProps } = props;
+    const dialogScope = useDialogScope(__scopeAlertDialog);
+    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(AlertDialogContentProvider, { scope: __scopeAlertDialog, cancelRef, children: /* @__PURE__ */ jsxs(
+          DialogContent,
+          {
+            role: "alertdialog",
+            ...dialogScope,
+            ...contentProps,
+            ref: composedRefs,
+            onOpenAutoFocus: composeEventHandlers(
+              contentProps.onOpenAutoFocus,
+              (event) => {
+                var _a;
+                event.preventDefault();
+                if (isWeb) {
+                  (_a = cancelRef.current) == null ? void 0 : _a.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 })
+            ]
+          }
+        ) })
+      }
+    );
+  }
+);
+AlertDialogContent.displayName = CONTENT_NAME;
+const TITLE_NAME = "AlertDialogTitle";
+const AlertDialogTitle = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeAlertDialog, ...titleProps } = props;
+    const dialogScope = useDialogScope(__scopeAlertDialog);
+    return /* @__PURE__ */ jsx(DialogTitle, { ...dialogScope, ...titleProps, ref: forwardedRef });
+  }
+);
+AlertDialogTitle.displayName = TITLE_NAME;
+const DESCRIPTION_NAME = "AlertDialogDescription";
+const AlertDialogDescription = React.forwardRef((props, forwardedRef) => {
+  const { __scopeAlertDialog, ...descriptionProps } = props;
+  const dialogScope = useDialogScope(__scopeAlertDialog);
+  return /* @__PURE__ */ jsx(DialogDescription, { ...dialogScope, ...descriptionProps, ref: forwardedRef });
+});
+AlertDialogDescription.displayName = DESCRIPTION_NAME;
+const ACTION_NAME = "AlertDialogAction";
+const AlertDialogAction = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeAlertDialog, ...actionProps } = props;
+    const dialogScope = useDialogScope(__scopeAlertDialog);
+    return /* @__PURE__ */ jsx(DialogClose, { ...dialogScope, ...actionProps, ref: forwardedRef });
+  }
+);
+AlertDialogAction.displayName = ACTION_NAME;
+const CANCEL_NAME = "AlertDialogCancel";
+const AlertDialogCancel = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeAlertDialog, ...cancelProps } = props;
+    const { cancelRef } = useAlertDialogContentContext(CANCEL_NAME, __scopeAlertDialog);
+    const dialogScope = useDialogScope(__scopeAlertDialog);
+    const ref = useComposedRefs(forwardedRef, cancelRef);
+    return /* @__PURE__ */ jsx(DialogClose, { ...dialogScope, ...cancelProps, ref });
+  }
+);
+AlertDialogCancel.displayName = CANCEL_NAME;
+const DescriptionWarning = ({ contentRef }) => {
+  if (process.env.NODE_ENV === "development") {
+    React.useEffect(() => {
+      var _a;
+      if (!isWeb)
+        return;
+      const hasDescription = document.getElementById(
+        // @ts-ignore
+        // eslint-disable-next-line @typescript-eslint/no-non-null-asserted-optional-chain
+        (_a = contentRef.current) == null ? void 0 : _a.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 \`${A}\` by passing a \`${E}\` component as a child, which also benefits sighted users by adding visible context to the dialog.
+        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 \`${A}\`. 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.
+        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`)},[o]),null),fe=o=>{const{__scopeAlertDialog:t,native:e,...r}=o,l=p(t);if(process.env.TAMAGUI_TARGET==="native"){const[D,i]=ie({prop:o.open,defaultProp:o.defaultOpen||!1,onChange:o.onOpenChange,transition:!0});let u=null,g="",s="";const d=[];if(b(a.Children.toArray(o.children),c=>{if(!a.isValidElement(c))return!1;const x=U(c)?c.type.staticConfig.componentName:c.type.displayName;switch(x){case $:return u=a.cloneElement(c,{__native:!0}),!1;case T:return g=h(c),!1;case E:return s=h(c),!1;case R:case N:{const k=x===R?"default":"cancel",q=h(c),B=()=>{var w;const P=c.props;(w=P==null?void 0:P.onPress)==null||w.call(P,{native:!0}),i(!1)};return d.push({style:k,text:q,onPress:B}),!1}default:return!0}}),z(()=>{!D||!e||(g||s)&&se.alert(g,s,d)},[e,D]),e)return a.cloneElement(u,{__onPress:()=>{i(!0)}})}return n(Q,{...l,...r,modal:!0})};function b(o,t){for(const e of o)a.isValidElement(e)&&t(e)&&e.props.children&&b(a.Children.toArray(e.props.children),t)}function h(o){let t="";return b(a.Children.toArray(o),e=>typeof e.props.children=="string"?(t=e.props.children,!1):!0),t}const j=J(fe,{Trigger:f,Portal:m,Overlay:y,Content:C,Action:S,Cancel:O,Title:v,Description:_});j.displayName=G;export{j as AlertDialog,S as AlertDialogAction,O as AlertDialogCancel,C as AlertDialogContent,_ as AlertDialogDescription,y as AlertDialogOverlay,m as AlertDialogPortal,v as AlertDialogTitle,f as AlertDialogTrigger,pe as createAlertDialogScope};
+        For more information, see https://tamagui.dev/docs/components/alert-dialog`);
+      }
+    }, [contentRef]);
+  }
+  return null;
+};
+const AlertDialogInner = (props) => {
+  const { __scopeAlertDialog, native, ...alertDialogProps } = props;
+  const dialogScope = useDialogScope(__scopeAlertDialog);
+  if (process.env.TAMAGUI_TARGET === "native") {
+    const [open, setOpen] = useControllableState({
+      prop: props.open,
+      defaultProp: props.defaultOpen || false,
+      onChange: props.onOpenChange,
+      transition: true
+    });
+    let triggerElement = null;
+    let title = "";
+    let description = "";
+    const buttons = [];
+    forEachChildDeep(React.Children.toArray(props.children), (child) => {
+      if (!React.isValidElement(child))
+        return false;
+      const name = isTamaguiElement(child) ? child.type.staticConfig.componentName : child.type["displayName"];
+      switch (name) {
+        case TRIGGER_NAME: {
+          triggerElement = React.cloneElement(child, {
+            __native: true
+          });
+          return false;
+        }
+        case TITLE_NAME: {
+          title = getStringChildren(child);
+          return false;
+        }
+        case DESCRIPTION_NAME: {
+          description = getStringChildren(child);
+          return false;
+        }
+        case ACTION_NAME:
+        case CANCEL_NAME: {
+          const style = name === ACTION_NAME ? "default" : "cancel";
+          const text = getStringChildren(child);
+          const onPress = () => {
+            var _a;
+            const childProps = child.props;
+            (_a = childProps == null ? void 0 : childProps.onPress) == null ? void 0 : _a.call(childProps, { native: true });
+            setOpen(false);
+          };
+          buttons.push({
+            style,
+            text,
+            // @ts-ignore
+            onPress
+          });
+          return false;
+        }
+        default: {
+          return true;
+        }
+      }
+    });
+    useIsomorphicLayoutEffect(() => {
+      if (!open || !native)
+        return;
+      if (title || description) {
+        Alert.alert(title, description, buttons);
+      }
+    }, [native, open]);
+    if (native) {
+      return React.cloneElement(triggerElement, {
+        __onPress: () => {
+          setOpen(true);
+        }
+      });
+    }
+  }
+  return /* @__PURE__ */ jsx(Dialog, { ...dialogScope, ...alertDialogProps, modal: true });
+};
+function forEachChildDeep(children, onChild) {
+  for (const child of children) {
+    if (!React.isValidElement(child))
+      continue;
+    if (!onChild(child))
+      continue;
+    if (child.props.children) {
+      forEachChildDeep(React.Children.toArray(child.props.children), onChild);
+    }
+  }
+}
+function getStringChildren(child) {
+  let string = "";
+  forEachChildDeep(React.Children.toArray(child), (child2) => {
+    if (typeof child2.props.children === "string") {
+      string = child2.props.children;
+      return false;
+    }
+    return true;
+  });
+  return string;
+}
+const AlertDialog = withStaticProperties(AlertDialogInner, {
+  Trigger: AlertDialogTrigger,
+  Portal: AlertDialogPortal,
+  Overlay: AlertDialogOverlay,
+  Content: AlertDialogContent,
+  Action: AlertDialogAction,
+  Cancel: AlertDialogCancel,
+  Title: AlertDialogTitle,
+  Description: AlertDialogDescription
+});
+AlertDialog.displayName = ROOT_NAME;
+export {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogOverlay,
+  AlertDialogPortal,
+  AlertDialogTitle,
+  AlertDialogTrigger,
+  createAlertDialogScope
+};
 //# sourceMappingURL=AlertDialog.js.map

package/dist/esm/AlertDialog.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/AlertDialog.tsx"],
   "sourcesContent": ["// forked from radix-ui\n// https://github.com/radix-ui/primitives/blob/main/packages/react/alert-dialog/src/AlertDialog.tsx\n\nimport { useComposedRefs } from '@tamagui/compose-refs'\nimport {\n  Slottable,\n  TamaguiElement,\n  composeEventHandlers,\n  isTamaguiElement,\n  isWeb,\n  styled,\n  useIsomorphicLayoutEffect,\n  withStaticProperties,\n} from '@tamagui/core'\nimport { Scope, createContextScope } from '@tamagui/create-context'\nimport {\n  Dialog,\n  DialogClose,\n  DialogCloseProps,\n  DialogContent,\n  DialogContentProps,\n  DialogDescription,\n  DialogDescriptionProps,\n  DialogOverlay,\n  DialogOverlayFrame,\n  DialogOverlayProps,\n  DialogPortal,\n  DialogPortalProps,\n  DialogProps,\n  DialogTitle,\n  DialogTitleProps,\n  DialogTrigger,\n  DialogTriggerProps,\n  DialogWarningProvider,\n  createDialogScope,\n} from '@tamagui/dialog'\nimport { YStack } from '@tamagui/stacks'\nimport { useControllableState } from '@tamagui/use-controllable-state'\nimport * as React from 'react'\nimport { Alert } from 'react-native'\n\n/* -------------------------------------------------------------------------------------------------\n * AlertDialog\n * -----------------------------------------------------------------------------------------------*/\n\nconst ROOT_NAME = 'AlertDialog'\n\ntype ScopedProps<P> = P & { __scopeAlertDialog?: Scope }\nconst [createAlertDialogContext, createAlertDialogScope] = createContextScope(ROOT_NAME, [\n  createDialogScope,\n])\n\nconst useDialogScope = createDialogScope()\n\ntype AlertDialogProps = DialogProps & {\n  native?: boolean\n}\n\n/* -------------------------------------------------------------------------------------------------\n * AlertDialogTrigger\n * -----------------------------------------------------------------------------------------------*/\n\nconst TRIGGER_NAME = 'AlertDialogTrigger'\n\ninterface AlertDialogTriggerProps extends DialogTriggerProps {}\n\nconst NativeAlertDialogTriggerFrame = styled(YStack, {\n  name: 'DialogTrigger',\n})\n\nconst AlertDialogTrigger = React.forwardRef<TamaguiElement, AlertDialogTriggerProps>(\n  (props: ScopedProps<AlertDialogTriggerProps>, forwardedRef) => {\n    if (props['__native']) {\n      const { __native, onPress, __onPress, ...rest } = props as any\n      return (\n        <NativeAlertDialogTriggerFrame\n          {...rest}\n          onPress={composeEventHandlers(onPress, __onPress)}\n        />\n      )\n    }\n\n    const { __scopeAlertDialog, ...triggerProps } = props\n    const dialogScope = useDialogScope(__scopeAlertDialog)\n    return <DialogTrigger {...dialogScope} {...triggerProps} ref={forwardedRef} />\n  }\n)\n\nAlertDialogTrigger.displayName = TRIGGER_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * AlertDialogPortal\n * -----------------------------------------------------------------------------------------------*/\n\nconst PORTAL_NAME = 'AlertDialogPortal'\n\ninterface AlertDialogPortalProps extends DialogPortalProps {}\n\nconst AlertDialogPortal: React.FC<AlertDialogPortalProps> = (\n  props: ScopedProps<AlertDialogPortalProps>\n) => {\n  const { __scopeAlertDialog, ...portalProps } = props\n  const dialogScope = useDialogScope(__scopeAlertDialog)\n  return <DialogPortal {...dialogScope} {...portalProps} />\n}\n\nAlertDialogPortal.displayName = PORTAL_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * AlertDialogOverlay\n * -----------------------------------------------------------------------------------------------*/\n\nconst OVERLAY_NAME = 'AlertDialogOverlay'\n\nconst AlertDialogOverlayFrame = styled(DialogOverlayFrame, {\n  name: OVERLAY_NAME,\n})\n\ninterface AlertDialogOverlayProps extends DialogOverlayProps {}\n\nconst AlertDialogOverlay = AlertDialogOverlayFrame.extractable(\n  React.forwardRef<TamaguiElement, AlertDialogOverlayProps>(\n    (props: ScopedProps<AlertDialogOverlayProps>, forwardedRef) => {\n      const { __scopeAlertDialog, ...overlayProps } = props\n      const dialogScope = useDialogScope(__scopeAlertDialog)\n      return <DialogOverlay {...dialogScope} {...overlayProps} ref={forwardedRef} />\n    }\n  )\n)\n\nAlertDialogOverlay.displayName = OVERLAY_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * AlertDialogContent\n * -----------------------------------------------------------------------------------------------*/\n\nconst CONTENT_NAME = 'AlertDialogContent'\n\ntype AlertDialogContentContextValue = {\n  cancelRef: React.MutableRefObject<TamaguiElement | null>\n}\n\nconst [AlertDialogContentProvider, useAlertDialogContentContext] =\n  createAlertDialogContext<AlertDialogContentContextValue>(CONTENT_NAME)\n\ninterface AlertDialogContentProps\n  extends Omit<DialogContentProps, 'onPointerDownOutside' | 'onInteractOutside'> {}\n\nconst AlertDialogContent = React.forwardRef<TamaguiElement, AlertDialogContentProps>(\n  (props: ScopedProps<AlertDialogContentProps>, forwardedRef) => {\n    const { __scopeAlertDialog, children, ...contentProps } = props\n    const dialogScope = useDialogScope(__scopeAlertDialog)\n    const contentRef = React.useRef<TamaguiElement>(null)\n    const composedRefs = useComposedRefs(forwardedRef, contentRef)\n    const cancelRef = React.useRef<TamaguiElement | null>(null)\n\n    return (\n      <DialogWarningProvider\n        contentName={CONTENT_NAME}\n        titleName={TITLE_NAME}\n        docsSlug=\"alert-dialog\"\n      >\n        <AlertDialogContentProvider scope={__scopeAlertDialog} cancelRef={cancelRef}>\n          <DialogContent\n            // @ts-ignore\n            role=\"alertdialog\"\n            {...dialogScope}\n            {...contentProps}\n            ref={composedRefs}\n            onOpenAutoFocus={composeEventHandlers(\n              contentProps.onOpenAutoFocus,\n              (event) => {\n                event.preventDefault()\n                if (isWeb) {\n                  // @ts-ignore\n                  cancelRef.current?.focus({ preventScroll: true })\n                }\n              }\n            )}\n            onPointerDownOutside={(event) => event.preventDefault()}\n            onInteractOutside={(event) => event.preventDefault()}\n          >\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            <Slottable>{children}</Slottable>\n            {process.env.NODE_ENV === 'development' && (\n              <DescriptionWarning contentRef={contentRef} />\n            )}\n          </DialogContent>\n        </AlertDialogContentProvider>\n      </DialogWarningProvider>\n    )\n  }\n)\n\nAlertDialogContent.displayName = CONTENT_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * AlertDialogTitle\n * -----------------------------------------------------------------------------------------------*/\n\nconst TITLE_NAME = 'AlertDialogTitle'\n\ntype AlertDialogTitleProps = DialogTitleProps\n\nconst AlertDialogTitle = React.forwardRef<TamaguiElement, AlertDialogTitleProps>(\n  (props: ScopedProps<AlertDialogTitleProps>, forwardedRef) => {\n    const { __scopeAlertDialog, ...titleProps } = props\n    const dialogScope = useDialogScope(__scopeAlertDialog)\n    return <DialogTitle {...dialogScope} {...titleProps} ref={forwardedRef} />\n  }\n)\n\nAlertDialogTitle.displayName = TITLE_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * AlertDialogDescription\n * -----------------------------------------------------------------------------------------------*/\n\nconst DESCRIPTION_NAME = 'AlertDialogDescription'\n\ntype AlertDialogDescriptionProps = DialogDescriptionProps\n\nconst AlertDialogDescription = React.forwardRef<\n  TamaguiElement,\n  AlertDialogDescriptionProps\n>((props: ScopedProps<AlertDialogDescriptionProps>, forwardedRef) => {\n  const { __scopeAlertDialog, ...descriptionProps } = props\n  const dialogScope = useDialogScope(__scopeAlertDialog)\n  return <DialogDescription {...dialogScope} {...descriptionProps} ref={forwardedRef} />\n})\n\nAlertDialogDescription.displayName = DESCRIPTION_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * AlertDialogAction\n * -----------------------------------------------------------------------------------------------*/\n\nconst ACTION_NAME = 'AlertDialogAction'\n\ntype AlertDialogActionProps = DialogCloseProps\n\nconst AlertDialogAction = React.forwardRef<TamaguiElement, AlertDialogActionProps>(\n  (props: ScopedProps<AlertDialogActionProps>, forwardedRef) => {\n    const { __scopeAlertDialog, ...actionProps } = props\n    const dialogScope = useDialogScope(__scopeAlertDialog)\n    return <DialogClose {...dialogScope} {...actionProps} ref={forwardedRef} />\n  }\n)\n\nAlertDialogAction.displayName = ACTION_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * AlertDialogCancel\n * -----------------------------------------------------------------------------------------------*/\n\nconst CANCEL_NAME = 'AlertDialogCancel'\n\ninterface AlertDialogCancelProps extends DialogCloseProps {}\n\nconst AlertDialogCancel = React.forwardRef<TamaguiElement, AlertDialogCancelProps>(\n  (props: ScopedProps<AlertDialogCancelProps>, forwardedRef) => {\n    const { __scopeAlertDialog, ...cancelProps } = props\n    const { cancelRef } = useAlertDialogContentContext(CANCEL_NAME, __scopeAlertDialog)\n    const dialogScope = useDialogScope(__scopeAlertDialog)\n    const ref = useComposedRefs(forwardedRef, cancelRef)\n    return <DialogClose {...dialogScope} {...cancelProps} ref={ref} />\n  }\n)\n\nAlertDialogCancel.displayName = CANCEL_NAME\n\n/* ---------------------------------------------------------------------------------------------- */\n\ntype DescriptionWarningProps = {\n  contentRef: React.RefObject<TamaguiElement>\n}\n\nconst DescriptionWarning: React.FC<DescriptionWarningProps> = ({ contentRef }) => {\n  if (process.env.NODE_ENV === 'development') {\n    React.useEffect(() => {\n      if (!isWeb) return\n      const hasDescription = document.getElementById(\n        // @ts-ignore\n        // eslint-disable-next-line @typescript-eslint/no-non-null-asserted-optional-chain\n        contentRef.current?.getAttribute('aria-describedby')!\n      )\n      if (!hasDescription) {\n        // eslint-disable-next-line no-console\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\n  return null\n}\n\nconst AlertDialogInner: React.FC<AlertDialogProps> = (\n  props: ScopedProps<AlertDialogProps>\n) => {\n  const { __scopeAlertDialog, native, ...alertDialogProps } = props\n  const dialogScope = useDialogScope(__scopeAlertDialog)\n\n  if (process.env.TAMAGUI_TARGET === 'native') {\n    const [open, setOpen] = useControllableState({\n      prop: props.open,\n      defaultProp: props.defaultOpen || false,\n      onChange: props.onOpenChange,\n      transition: true,\n    })\n\n    let triggerElement: any = null\n    let title = ''\n    let description = ''\n    const buttons: {\n      text: string\n      onPress: (value?: string | undefined) => void\n      style?: 'default' | 'cancel' | 'destructive'\n    }[] = []\n\n    forEachChildDeep(React.Children.toArray(props.children), (child) => {\n      if (!React.isValidElement(child)) return false\n      const name = isTamaguiElement(child)\n        ? child.type.staticConfig.componentName\n        : (child.type['displayName'] as string | undefined)\n      switch (name) {\n        case TRIGGER_NAME: {\n          triggerElement = React.cloneElement(child as any, {\n            __native: true,\n          })\n          return false\n        }\n        case TITLE_NAME: {\n          title = getStringChildren(child)\n          return false\n        }\n        case DESCRIPTION_NAME: {\n          description = getStringChildren(child)\n          return false\n        }\n        case ACTION_NAME:\n        case CANCEL_NAME: {\n          const style = name === ACTION_NAME ? 'default' : 'cancel'\n          const text = getStringChildren(child)\n          const onPress = () => {\n            const childProps = child.props as any\n            childProps?.onPress?.({ native: true })\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\n    useIsomorphicLayoutEffect(() => {\n      if (!open || !native) return\n      if (title || description) {\n        Alert.alert(title, description, buttons)\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [native, open])\n\n    if (native) {\n      return React.cloneElement(triggerElement, {\n        __onPress: () => {\n          setOpen(true)\n        },\n      })\n    }\n  }\n\n  return <Dialog {...dialogScope} {...alertDialogProps} modal />\n}\n\nfunction forEachChildDeep(\n  children: React.ReactNode[],\n  onChild: (el: React.ReactElement) => boolean\n) {\n  for (const child of children) {\n    if (!React.isValidElement(child)) continue\n    if (!onChild(child)) continue\n    if (child.props.children) {\n      forEachChildDeep(React.Children.toArray(child.props.children), onChild)\n    }\n  }\n}\n\nfunction getStringChildren(child: React.ReactElement) {\n  let string = ''\n  forEachChildDeep(React.Children.toArray(child), (child) => {\n    if (typeof child.props.children === 'string') {\n      string = child.props.children\n      return false\n    }\n    return true\n  })\n  return string\n}\n\nconst AlertDialog = withStaticProperties(AlertDialogInner, {\n  Trigger: AlertDialogTrigger,\n  Portal: AlertDialogPortal,\n  Overlay: AlertDialogOverlay,\n  Content: AlertDialogContent,\n  Action: AlertDialogAction,\n  Cancel: AlertDialogCancel,\n  Title: AlertDialogTitle,\n  Description: AlertDialogDescription,\n})\n\nAlertDialog.displayName = ROOT_NAME\n\nexport {\n  createAlertDialogScope,\n  //\n  AlertDialog,\n  AlertDialogTrigger,\n  AlertDialogPortal,\n  AlertDialogOverlay,\n  AlertDialogContent,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogTitle,\n  AlertDialogDescription,\n}\nexport type {\n  AlertDialogProps,\n  AlertDialogTriggerProps,\n  AlertDialogPortalProps,\n  AlertDialogOverlayProps,\n  AlertDialogContentProps,\n  AlertDialogActionProps,\n  AlertDialogCancelProps,\n  AlertDialogTitleProps,\n  AlertDialogDescriptionProps,\n}\n"],
-  "mappings": "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",
-  "names": ["jsx", "jsxs", "useComposedRefs", "Slottable", "composeEventHandlers", "isTamaguiElement", "isWeb", "styled", "useIsomorphicLayoutEffect", "withStaticProperties", "createContextScope", "Dialog", "DialogClose", "DialogContent", "DialogDescription", "DialogOverlay", "DialogOverlayFrame", "DialogPortal", "DialogTitle", "DialogTrigger", "DialogWarningProvider", "createDialogScope", "YStack", "useControllableState", "React", "Alert", "ROOT_NAME", "createAlertDialogContext", "createAlertDialogScope", "useDialogScope", "TRIGGER_NAME", "NativeAlertDialogTriggerFrame", "AlertDialogTrigger", "props", "forwardedRef", "__native", "onPress", "__onPress", "rest", "__scopeAlertDialog", "triggerProps", "dialogScope", "PORTAL_NAME", "AlertDialogPortal", "portalProps", "OVERLAY_NAME", "AlertDialogOverlayFrame", "AlertDialogOverlay", "overlayProps", "CONTENT_NAME", "AlertDialogContentProvider", "useAlertDialogContentContext", "AlertDialogContent", "children", "contentProps", "contentRef", "composedRefs", "cancelRef", "TITLE_NAME", "event", "_a", "DescriptionWarning", "AlertDialogTitle", "titleProps", "DESCRIPTION_NAME", "AlertDialogDescription", "descriptionProps", "ACTION_NAME", "AlertDialogAction", "actionProps", "CANCEL_NAME", "AlertDialogCancel", "cancelProps", "ref", "AlertDialogInner", "native", "alertDialogProps", "open", "setOpen", "triggerElement", "title", "description", "buttons", "forEachChildDeep", "child", "name", "getStringChildren", "style", "text", "childProps", "onChild", "string", "AlertDialog"]
+  "mappings": "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",
+  "names": ["child"]
 }