@tamagui/alert-dialog 1.0.1-beta.104

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2022 WorkOS
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/cjs/AlertDialog.js

@@ -0,0 +1,219 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var AlertDialog_exports = {};
+__export(AlertDialog_exports, {
+  AlertDialog: () => AlertDialog,
+  AlertDialogAction: () => AlertDialogAction,
+  AlertDialogCancel: () => AlertDialogCancel,
+  AlertDialogContent: () => AlertDialogContent,
+  AlertDialogDescription: () => AlertDialogDescription,
+  AlertDialogOverlay: () => AlertDialogOverlay,
+  AlertDialogPortal: () => AlertDialogPortal,
+  AlertDialogTitle: () => AlertDialogTitle,
+  AlertDialogTrigger: () => AlertDialogTrigger,
+  createAlertDialogScope: () => createAlertDialogScope
+});
+module.exports = __toCommonJS(AlertDialog_exports);
+var import_compose_refs = require("@tamagui/compose-refs");
+var import_core = require("@tamagui/core");
+var import_create_context = require("@tamagui/create-context");
+var import_dialog = require("@tamagui/dialog");
+var React = __toESM(require("react"));
+const ROOT_NAME = "AlertDialog";
+const [createAlertDialogContext, createAlertDialogScope] = (0, import_create_context.createContextScope)(ROOT_NAME, [
+  import_dialog.createDialogScope
+]);
+const useDialogScope = (0, import_dialog.createDialogScope)();
+const TRIGGER_NAME = "AlertDialogTrigger";
+const AlertDialogTrigger = React.forwardRef((props, forwardedRef) => {
+  const _a = props, { __scopeAlertDialog } = _a, triggerProps = __objRest(_a, ["__scopeAlertDialog"]);
+  const dialogScope = useDialogScope(__scopeAlertDialog);
+  return /* @__PURE__ */ React.createElement(import_dialog.DialogTrigger, __spreadProps(__spreadValues(__spreadValues({}, dialogScope), triggerProps), {
+    ref: forwardedRef
+  }));
+});
+AlertDialogTrigger.displayName = TRIGGER_NAME;
+const PORTAL_NAME = "AlertDialogPortal";
+const AlertDialogPortal = (props) => {
+  const _a = props, { __scopeAlertDialog } = _a, portalProps = __objRest(_a, ["__scopeAlertDialog"]);
+  const dialogScope = useDialogScope(__scopeAlertDialog);
+  return /* @__PURE__ */ React.createElement(import_dialog.DialogPortal, __spreadValues(__spreadValues({}, dialogScope), portalProps));
+};
+AlertDialogPortal.displayName = PORTAL_NAME;
+const OVERLAY_NAME = "AlertDialogOverlay";
+const AlertDialogOverlay = React.forwardRef((props, forwardedRef) => {
+  const _a = props, { __scopeAlertDialog } = _a, overlayProps = __objRest(_a, ["__scopeAlertDialog"]);
+  const dialogScope = useDialogScope(__scopeAlertDialog);
+  return /* @__PURE__ */ React.createElement(import_dialog.DialogOverlay, __spreadProps(__spreadValues(__spreadValues({}, dialogScope), overlayProps), {
+    ref: forwardedRef
+  }));
+});
+AlertDialogOverlay.displayName = OVERLAY_NAME;
+const CONTENT_NAME = "AlertDialogContent";
+const [AlertDialogContentProvider, useAlertDialogContentContext] = createAlertDialogContext(CONTENT_NAME);
+const AlertDialogContent = React.forwardRef((props, forwardedRef) => {
+  const _a = props, { __scopeAlertDialog, children } = _a, contentProps = __objRest(_a, ["__scopeAlertDialog", "children"]);
+  const dialogScope = useDialogScope(__scopeAlertDialog);
+  const contentRef = React.useRef(null);
+  const composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, contentRef);
+  const cancelRef = React.useRef(null);
+  return /* @__PURE__ */ React.createElement(import_dialog.DialogWarningProvider, {
+    contentName: CONTENT_NAME,
+    titleName: TITLE_NAME,
+    docsSlug: "alert-dialog"
+  }, /* @__PURE__ */ React.createElement(AlertDialogContentProvider, {
+    scope: __scopeAlertDialog,
+    cancelRef
+  }, /* @__PURE__ */ React.createElement(import_dialog.DialogContent, __spreadProps(__spreadValues(__spreadValues({
+    role: "alertdialog"
+  }, dialogScope), contentProps), {
+    ref: composedRefs,
+    onOpenAutoFocus: (0, import_core.composeEventHandlers)(contentProps.onOpenAutoFocus, (event) => {
+      var _a2;
+      event.preventDefault();
+      if (import_core.isWeb) {
+        (_a2 = cancelRef.current) == null ? void 0 : _a2.focus({ preventScroll: true });
+      }
+    }),
+    onPointerDownOutside: (event) => event.preventDefault(),
+    onInteractOutside: (event) => event.preventDefault()
+  }), /* @__PURE__ */ React.createElement(import_core.Slottable, null, children), process.env.NODE_ENV === "development" && /* @__PURE__ */ React.createElement(DescriptionWarning, {
+    contentRef
+  }))));
+});
+AlertDialogContent.displayName = CONTENT_NAME;
+const TITLE_NAME = "AlertDialogTitle";
+const AlertDialogTitle = React.forwardRef((props, forwardedRef) => {
+  const _a = props, { __scopeAlertDialog } = _a, titleProps = __objRest(_a, ["__scopeAlertDialog"]);
+  const dialogScope = useDialogScope(__scopeAlertDialog);
+  return /* @__PURE__ */ React.createElement(import_dialog.DialogTitle, __spreadProps(__spreadValues(__spreadValues({}, dialogScope), titleProps), {
+    ref: forwardedRef
+  }));
+});
+AlertDialogTitle.displayName = TITLE_NAME;
+const DESCRIPTION_NAME = "AlertDialogDescription";
+const AlertDialogDescription = React.forwardRef((props, forwardedRef) => {
+  const _a = props, { __scopeAlertDialog } = _a, descriptionProps = __objRest(_a, ["__scopeAlertDialog"]);
+  const dialogScope = useDialogScope(__scopeAlertDialog);
+  return /* @__PURE__ */ React.createElement(import_dialog.DialogDescription, __spreadProps(__spreadValues(__spreadValues({}, dialogScope), descriptionProps), {
+    ref: forwardedRef
+  }));
+});
+AlertDialogDescription.displayName = DESCRIPTION_NAME;
+const ACTION_NAME = "AlertDialogAction";
+const AlertDialogAction = React.forwardRef((props, forwardedRef) => {
+  const _a = props, { __scopeAlertDialog } = _a, actionProps = __objRest(_a, ["__scopeAlertDialog"]);
+  const dialogScope = useDialogScope(__scopeAlertDialog);
+  return /* @__PURE__ */ React.createElement(import_dialog.DialogClose, __spreadProps(__spreadValues(__spreadValues({}, dialogScope), actionProps), {
+    ref: forwardedRef
+  }));
+});
+AlertDialogAction.displayName = ACTION_NAME;
+const CANCEL_NAME = "AlertDialogCancel";
+const AlertDialogCancel = React.forwardRef((props, forwardedRef) => {
+  const _a = props, { __scopeAlertDialog } = _a, cancelProps = __objRest(_a, ["__scopeAlertDialog"]);
+  const { cancelRef } = useAlertDialogContentContext(CANCEL_NAME, __scopeAlertDialog);
+  const dialogScope = useDialogScope(__scopeAlertDialog);
+  const ref = (0, import_compose_refs.useComposedRefs)(forwardedRef, cancelRef);
+  return /* @__PURE__ */ React.createElement(import_dialog.DialogClose, __spreadProps(__spreadValues(__spreadValues({}, dialogScope), cancelProps), {
+    ref
+  }));
+});
+AlertDialogCancel.displayName = CANCEL_NAME;
+const DescriptionWarning = ({ contentRef }) => {
+  const MESSAGE = `\`${CONTENT_NAME}\` requires a description for the component to be accessible for screen reader users.
+
+You can add a description to the \`${CONTENT_NAME}\` by passing a \`${DESCRIPTION_NAME}\` component as a child, which also benefits sighted users by adding visible context to the dialog.
+
+Alternatively, you can use your own component as a description by assigning it an \`id\` and passing the same value to the \`aria-describedby\` prop in \`${CONTENT_NAME}\`. If the description is confusing or duplicative for sighted users, you can use the \`@radix-ui/react-visually-hidden\` primitive as a wrapper around your description component.
+
+For more information, see https://tamagui.dev/docs/components/alert-dialog`;
+  React.useEffect(() => {
+    var _a;
+    if (!import_core.isWeb)
+      return;
+    const hasDescription = document.getElementById((_a = contentRef.current) == null ? void 0 : _a.getAttribute("aria-describedby"));
+    if (!hasDescription)
+      console.warn(MESSAGE);
+  }, [MESSAGE, contentRef]);
+  return null;
+};
+const AlertDialogInner = (props) => {
+  const _a = props, { __scopeAlertDialog } = _a, alertDialogProps = __objRest(_a, ["__scopeAlertDialog"]);
+  const dialogScope = useDialogScope(__scopeAlertDialog);
+  return /* @__PURE__ */ React.createElement(import_dialog.Dialog, __spreadProps(__spreadValues(__spreadValues({}, dialogScope), alertDialogProps), {
+    modal: true
+  }));
+};
+const AlertDialog = (0, import_core.withStaticProperties)(AlertDialogInner, {
+  Trigger: AlertDialogTrigger,
+  Portal: AlertDialogPortal,
+  Overlay: AlertDialogOverlay,
+  Content: AlertDialogContent,
+  Action: AlertDialogAction,
+  Cancel: AlertDialogCancel,
+  Title: AlertDialogTitle,
+  Description: AlertDialogDescription
+});
+AlertDialog.displayName = ROOT_NAME;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogOverlay,
+  AlertDialogPortal,
+  AlertDialogTitle,
+  AlertDialogTrigger,
+  createAlertDialogScope
+});
+//# sourceMappingURL=AlertDialog.js.map

package/dist/cjs/AlertDialog.js.map

@@ -0,0 +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  isWeb,\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 * as React from 'react'\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\ninterface AlertDialogProps extends Omit<DialogProps, 'modal'> {}\n\n/* -------------------------------------------------------------------------------------------------\n * AlertDialogTrigger\n * -----------------------------------------------------------------------------------------------*/\nconst TRIGGER_NAME = 'AlertDialogTrigger'\n\ninterface AlertDialogTriggerProps extends DialogTriggerProps {}\n\nconst AlertDialogTrigger = React.forwardRef<TamaguiElement, AlertDialogTriggerProps>(\n  (props: ScopedProps<AlertDialogTriggerProps>, forwardedRef) => {\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(contentProps.onOpenAutoFocus, (event) => {\n              event.preventDefault()\n              if (isWeb) {\n                // @ts-ignore\n                cancelRef.current?.focus({ preventScroll: true })\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<TamaguiElement, 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)\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  const MESSAGE = `\\`${CONTENT_NAME}\\` requires a description for the component to be accessible for screen reader users.\n\nYou 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\nAlternatively, 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\nFor more information, see https://tamagui.dev/docs/components/alert-dialog`\n\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) console.warn(MESSAGE)\n  }, [MESSAGE, contentRef])\n\n  return null\n}\n\n/* -------------------------------------------------------------------------------------------------\n * AlertDialog\n * -----------------------------------------------------------------------------------------------*/\n\nconst AlertDialogInner: React.FC<AlertDialogProps> = (props: ScopedProps<AlertDialogProps>) => {\n  const { __scopeAlertDialog, ...alertDialogProps } = props\n  const dialogScope = useDialogScope(__scopeAlertDialog)\n  return <Dialog {...dialogScope} {...alertDialogProps} modal={true} />\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": []
+}