@tamagui/alert-dialog 1.9.18 → 1.9.22

package/dist/cjs/AlertDialog.js

@@ -84,12 +84,14 @@ const AlertDialogPortal = (props) => {
 };
 AlertDialogPortal.displayName = PORTAL_NAME;
 const OVERLAY_NAME = "AlertDialogOverlay";
-const AlertDialogOverlay = React.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeAlertDialog, ...overlayProps } = props;
-    const dialogScope = useDialogScope(__scopeAlertDialog);
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.DialogOverlay, { ...dialogScope, ...overlayProps, ref: forwardedRef });
-  }
+const AlertDialogOverlay = import_dialog.DialogOverlayFrame.extractable(
+  React.forwardRef(
+    (props, forwardedRef) => {
+      const { __scopeAlertDialog, ...overlayProps } = props;
+      const dialogScope = useDialogScope(__scopeAlertDialog);
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.DialogOverlay, { ...dialogScope, ...overlayProps, ref: forwardedRef });
+    }
+  )
 );
 AlertDialogOverlay.displayName = OVERLAY_NAME;
 const CONTENT_NAME = "AlertDialogContent";

package/dist/cjs/AlertDialog.js.map

@@ -1,7 +1,7 @@
 {
   "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  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\ninterface AlertDialogOverlayProps extends DialogOverlayProps {}\n\nconst AlertDialogOverlay = 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\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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",
+  "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  DialogOverlayProps,\n  DialogPortal,\n  DialogPortalProps,\n  DialogProps,\n  DialogTitle,\n  DialogTitleProps,\n  DialogTrigger,\n  DialogTriggerProps,\n  DialogWarningProvider,\n  createDialogScope,\n  DialogOverlayFrame,\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\ninterface AlertDialogOverlayProps extends DialogOverlayProps {}\n\nconst AlertDialogOverlay = DialogOverlayFrame.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": ["child"]
 }

package/dist/esm/AlertDialog.js

@@ -20,7 +20,8 @@ import {
   DialogTitle,
   DialogTrigger,
   DialogWarningProvider,
-  createDialogScope
+  createDialogScope,
+  DialogOverlayFrame
 } from "@tamagui/dialog";
 import { YStack } from "@tamagui/stacks";
 import { useControllableState } from "@tamagui/use-controllable-state";
@@ -61,12 +62,14 @@ const AlertDialogPortal = (props) => {
 };
 AlertDialogPortal.displayName = PORTAL_NAME;
 const OVERLAY_NAME = "AlertDialogOverlay";
-const AlertDialogOverlay = React.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeAlertDialog, ...overlayProps } = props;
-    const dialogScope = useDialogScope(__scopeAlertDialog);
-    return /* @__PURE__ */ jsx(DialogOverlay, { ...dialogScope, ...overlayProps, ref: forwardedRef });
-  }
+const AlertDialogOverlay = DialogOverlayFrame.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";

package/dist/esm/AlertDialog.js.map

@@ -1,7 +1,7 @@
 {
   "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  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\ninterface AlertDialogOverlayProps extends DialogOverlayProps {}\n\nconst AlertDialogOverlay = 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\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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",
+  "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  DialogOverlayProps,\n  DialogPortal,\n  DialogPortalProps,\n  DialogProps,\n  DialogTitle,\n  DialogTitleProps,\n  DialogTrigger,\n  DialogTriggerProps,\n  DialogWarningProvider,\n  createDialogScope,\n  DialogOverlayFrame,\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\ninterface AlertDialogOverlayProps extends DialogOverlayProps {}\n\nconst AlertDialogOverlay = DialogOverlayFrame.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": ["child"]
 }

package/dist/esm/AlertDialog.mjs

@@ -20,7 +20,8 @@ import {
   DialogTitle,
   DialogTrigger,
   DialogWarningProvider,
-  createDialogScope
+  createDialogScope,
+  DialogOverlayFrame
 } from "@tamagui/dialog";
 import { YStack } from "@tamagui/stacks";
 import { useControllableState } from "@tamagui/use-controllable-state";
@@ -61,12 +62,14 @@ const AlertDialogPortal = (props) => {
 };
 AlertDialogPortal.displayName = PORTAL_NAME;
 const OVERLAY_NAME = "AlertDialogOverlay";
-const AlertDialogOverlay = React.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeAlertDialog, ...overlayProps } = props;
-    const dialogScope = useDialogScope(__scopeAlertDialog);
-    return /* @__PURE__ */ jsx(DialogOverlay, { ...dialogScope, ...overlayProps, ref: forwardedRef });
-  }
+const AlertDialogOverlay = DialogOverlayFrame.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";

package/dist/esm/AlertDialog.mjs.map

@@ -1,7 +1,7 @@
 {
   "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  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\ninterface AlertDialogOverlayProps extends DialogOverlayProps {}\n\nconst AlertDialogOverlay = 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\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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",
+  "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  DialogOverlayProps,\n  DialogPortal,\n  DialogPortalProps,\n  DialogProps,\n  DialogTitle,\n  DialogTitleProps,\n  DialogTrigger,\n  DialogTriggerProps,\n  DialogWarningProvider,\n  createDialogScope,\n  DialogOverlayFrame,\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\ninterface AlertDialogOverlayProps extends DialogOverlayProps {}\n\nconst AlertDialogOverlay = DialogOverlayFrame.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": ["child"]
 }

package/dist/jsx/AlertDialog.js

@@ -19,7 +19,8 @@ import {
   DialogTitle,
   DialogTrigger,
   DialogWarningProvider,
-  createDialogScope
+  createDialogScope,
+  DialogOverlayFrame
 } from "@tamagui/dialog";
 import { YStack } from "@tamagui/stacks";
 import { useControllableState } from "@tamagui/use-controllable-state";
@@ -57,12 +58,14 @@ const AlertDialogPortal = (props) => {
 };
 AlertDialogPortal.displayName = PORTAL_NAME;
 const OVERLAY_NAME = "AlertDialogOverlay";
-const AlertDialogOverlay = React.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeAlertDialog, ...overlayProps } = props;
-    const dialogScope = useDialogScope(__scopeAlertDialog);
-    return <DialogOverlay {...dialogScope} {...overlayProps} ref={forwardedRef} />;
-  }
+const AlertDialogOverlay = DialogOverlayFrame.extractable(
+  React.forwardRef(
+    (props, forwardedRef) => {
+      const { __scopeAlertDialog, ...overlayProps } = props;
+      const dialogScope = useDialogScope(__scopeAlertDialog);
+      return <DialogOverlay {...dialogScope} {...overlayProps} ref={forwardedRef} />;
+    }
+  )
 );
 AlertDialogOverlay.displayName = OVERLAY_NAME;
 const CONTENT_NAME = "AlertDialogContent";

package/dist/jsx/AlertDialog.js.map

@@ -1,7 +1,7 @@
 {
   "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  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\ninterface AlertDialogOverlayProps extends DialogOverlayProps {}\n\nconst AlertDialogOverlay = 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\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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",
+  "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  DialogOverlayProps,\n  DialogPortal,\n  DialogPortalProps,\n  DialogProps,\n  DialogTitle,\n  DialogTitleProps,\n  DialogTrigger,\n  DialogTriggerProps,\n  DialogWarningProvider,\n  createDialogScope,\n  DialogOverlayFrame,\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\ninterface AlertDialogOverlayProps extends DialogOverlayProps {}\n\nconst AlertDialogOverlay = DialogOverlayFrame.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": ["child"]
 }

package/dist/jsx/AlertDialog.mjs

@@ -19,7 +19,8 @@ import {
   DialogTitle,
   DialogTrigger,
   DialogWarningProvider,
-  createDialogScope
+  createDialogScope,
+  DialogOverlayFrame
 } from "@tamagui/dialog";
 import { YStack } from "@tamagui/stacks";
 import { useControllableState } from "@tamagui/use-controllable-state";
@@ -57,12 +58,14 @@ const AlertDialogPortal = (props) => {
 };
 AlertDialogPortal.displayName = PORTAL_NAME;
 const OVERLAY_NAME = "AlertDialogOverlay";
-const AlertDialogOverlay = React.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeAlertDialog, ...overlayProps } = props;
-    const dialogScope = useDialogScope(__scopeAlertDialog);
-    return <DialogOverlay {...dialogScope} {...overlayProps} ref={forwardedRef} />;
-  }
+const AlertDialogOverlay = DialogOverlayFrame.extractable(
+  React.forwardRef(
+    (props, forwardedRef) => {
+      const { __scopeAlertDialog, ...overlayProps } = props;
+      const dialogScope = useDialogScope(__scopeAlertDialog);
+      return <DialogOverlay {...dialogScope} {...overlayProps} ref={forwardedRef} />;
+    }
+  )
 );
 AlertDialogOverlay.displayName = OVERLAY_NAME;
 const CONTENT_NAME = "AlertDialogContent";

package/dist/jsx/AlertDialog.mjs.map

@@ -1,7 +1,7 @@
 {
   "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  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\ninterface AlertDialogOverlayProps extends DialogOverlayProps {}\n\nconst AlertDialogOverlay = 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\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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",
+  "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  DialogOverlayProps,\n  DialogPortal,\n  DialogPortalProps,\n  DialogProps,\n  DialogTitle,\n  DialogTitleProps,\n  DialogTrigger,\n  DialogTriggerProps,\n  DialogWarningProvider,\n  createDialogScope,\n  DialogOverlayFrame,\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\ninterface AlertDialogOverlayProps extends DialogOverlayProps {}\n\nconst AlertDialogOverlay = DialogOverlayFrame.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": ["child"]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/alert-dialog",
-  "version": "1.9.18",
+  "version": "1.9.22",
   "source": "src/index.ts",
   "types": "./types/index.d.ts",
   "main": "dist/cjs",
@@ -29,28 +29,28 @@
     }
   },
   "dependencies": {
-    "@tamagui/animate-presence": "1.9.18",
-    "@tamagui/aria-hidden": "1.9.18",
-    "@tamagui/compose-refs": "1.9.18",
-    "@tamagui/core": "1.9.18",
-    "@tamagui/create-context": "1.9.18",
-    "@tamagui/dialog": "1.9.18",
-    "@tamagui/dismissable": "1.9.18",
-    "@tamagui/focus-scope": "1.9.18",
-    "@tamagui/polyfill-dev": "1.9.18",
-    "@tamagui/popper": "1.9.18",
-    "@tamagui/portal": "1.9.18",
-    "@tamagui/remove-scroll": "1.9.18",
-    "@tamagui/stacks": "1.9.18",
-    "@tamagui/text": "1.9.18",
-    "@tamagui/use-controllable-state": "1.9.18"
+    "@tamagui/animate-presence": "1.9.22",
+    "@tamagui/aria-hidden": "1.9.22",
+    "@tamagui/compose-refs": "1.9.22",
+    "@tamagui/core": "1.9.22",
+    "@tamagui/create-context": "1.9.22",
+    "@tamagui/dialog": "1.9.22",
+    "@tamagui/dismissable": "1.9.22",
+    "@tamagui/focus-scope": "1.9.22",
+    "@tamagui/polyfill-dev": "1.9.22",
+    "@tamagui/popper": "1.9.22",
+    "@tamagui/portal": "1.9.22",
+    "@tamagui/remove-scroll": "1.9.22",
+    "@tamagui/stacks": "1.9.22",
+    "@tamagui/text": "1.9.22",
+    "@tamagui/use-controllable-state": "1.9.22"
   },
   "peerDependencies": {
     "react": "*",
     "react-native": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "1.9.18",
+    "@tamagui/build": "1.9.22",
     "react": "^18.2.0",
     "react-native": "^0.71.4"
   },

package/src/AlertDialog.tsx

@@ -32,6 +32,7 @@ import {
   DialogTriggerProps,
   DialogWarningProvider,
   createDialogScope,
+  DialogOverlayFrame,
 } from '@tamagui/dialog'
 import { YStack } from '@tamagui/stacks'
 import { useControllableState } from '@tamagui/use-controllable-state'
@@ -113,12 +114,14 @@ const OVERLAY_NAME = 'AlertDialogOverlay'
 
 interface AlertDialogOverlayProps extends DialogOverlayProps {}
 
-const AlertDialogOverlay = React.forwardRef<TamaguiElement, AlertDialogOverlayProps>(
-  (props: ScopedProps<AlertDialogOverlayProps>, forwardedRef) => {
-    const { __scopeAlertDialog, ...overlayProps } = props
-    const dialogScope = useDialogScope(__scopeAlertDialog)
-    return <DialogOverlay {...dialogScope} {...overlayProps} ref={forwardedRef} />
-  }
+const AlertDialogOverlay = DialogOverlayFrame.extractable(
+  React.forwardRef<TamaguiElement, AlertDialogOverlayProps>(
+    (props: ScopedProps<AlertDialogOverlayProps>, forwardedRef) => {
+      const { __scopeAlertDialog, ...overlayProps } = props
+      const dialogScope = useDialogScope(__scopeAlertDialog)
+      return <DialogOverlay {...dialogScope} {...overlayProps} ref={forwardedRef} />
+    }
+  )
 )
 
 AlertDialogOverlay.displayName = OVERLAY_NAME

package/types/AlertDialog.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AlertDialog.d.ts","sourceRoot":"","sources":["../src/AlertDialog.tsx"],"names":[],"mappings":"AAIA,OAAO,EAEL,cAAc,EAOf,MAAM,eAAe,CAAA;AAEtB,OAAO,EAGL,gBAAgB,EAEhB,kBAAkB,EAElB,sBAAsB,EAEtB,kBAAkB,EAElB,iBAAiB,EACjB,WAAW,EAEX,gBAAgB,EAEhB,kBAAkB,EAGnB,MAAM,iBAAiB,CAAA;AAGxB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAU9B,QAAA,MAAiC,sBAAsB,+CAErD,CAAA;AAIF,KAAK,gBAAgB,GAAG,WAAW,GAAG;IACpC,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAQD,UAAU,uBAAwB,SAAQ,kBAAkB;CAAG;AAM/D,QAAA,MAAM,kBAAkB,gGAgBvB,CAAA;AAUD,UAAU,sBAAuB,SAAQ,iBAAiB;CAAG;AAE7D,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAMvD,CAAA;AAUD,UAAU,uBAAwB,SAAQ,kBAAkB;CAAG;AAE/D,QAAA,MAAM,kBAAkB,gGAMvB,CAAA;AAiBD,UAAU,uBACR,SAAQ,IAAI,CAAC,kBAAkB,EAAE,sBAAsB,GAAG,mBAAmB,CAAC;CAAG;AAEnF,QAAA,MAAM,kBAAkB,gGAiDvB,CAAA;AAUD,KAAK,qBAAqB,GAAG,gBAAgB,CAAA;AAE7C,QAAA,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mDAMrB,CAAA;AAUD,KAAK,2BAA2B,GAAG,sBAAsB,CAAA;AAEzD,QAAA,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mDAO1B,CAAA;AAUF,KAAK,sBAAsB,GAAG,gBAAgB,CAAA;AAE9C,QAAA,MAAM,iBAAiB;;;;;;;;;;;wCAMtB,CAAA;AAUD,UAAU,sBAAuB,SAAQ,gBAAgB;CAAG;AAE5D,QAAA,MAAM,iBAAiB,+FAQtB,CAAA;AAkJD,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CASf,CAAA;AAIF,OAAO,EACL,sBAAsB,EAEtB,WAAW,EACX,kBAAkB,EAClB,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,sBAAsB,GACvB,CAAA;AACD,YAAY,EACV,gBAAgB,EAChB,uBAAuB,EACvB,sBAAsB,EACtB,uBAAuB,EACvB,uBAAuB,EACvB,sBAAsB,EACtB,sBAAsB,EACtB,qBAAqB,EACrB,2BAA2B,GAC5B,CAAA"}

package/types/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA"}