@tamagui/alert-dialog 1.130.8 → 1.131.1

package/dist/cjs/AlertDialog.cjs

@@ -39,28 +39,26 @@ __export(AlertDialog_exports, {
   AlertDialogOverlay: () => AlertDialogOverlay,
   AlertDialogPortal: () => AlertDialogPortal,
   AlertDialogTitle: () => AlertDialogTitle,
-  AlertDialogTrigger: () => AlertDialogTrigger,
-  createAlertDialogScope: () => createAlertDialogScope
+  AlertDialogTrigger: () => AlertDialogTrigger
 });
 module.exports = __toCommonJS(AlertDialog_exports);
 var import_compose_refs = require("@tamagui/compose-refs"),
   import_constants = require("@tamagui/constants"),
   import_core = require("@tamagui/core"),
-  import_create_context = require("@tamagui/create-context"),
   import_dialog = require("@tamagui/dialog"),
   import_helpers = require("@tamagui/helpers"),
   import_use_controllable_state = require("@tamagui/use-controllable-state"),
   React = __toESM(require("react")),
   import_react_native = require("react-native-web"),
   import_jsx_runtime = require("react/jsx-runtime");
-const ROOT_NAME = "AlertDialog",
-  [createAlertDialogContext, createAlertDialogScope] = (0, import_create_context.createContextScope)(ROOT_NAME, [import_dialog.createDialogScope]),
-  useDialogScope = (0, import_dialog.createDialogScope)(),
+const AlertScopePrefix = "Alert__",
+  getAlertDialogScope = scope => AlertScopePrefix + scope,
+  ROOT_NAME = "AlertDialog",
   TRIGGER_NAME = "AlertDialogTrigger",
   NativeAlertDialogTriggerFrame = (0, import_core.styled)(import_core.View, {
     name: TRIGGER_NAME
   }),
-  AlertDialogTrigger = React.forwardRef((props, forwardedRef) => {
+  AlertDialogTrigger = React.forwardRef(function (props, forwardedRef) {
     if (props.__native) {
       const {
         __native,
@@ -74,56 +72,52 @@ const ROOT_NAME = "AlertDialog",
       });
     }
     const {
-        __scopeAlertDialog,
-        ...triggerProps
-      } = props,
-      dialogScope = useDialogScope(__scopeAlertDialog);
+      scope,
+      ...triggerProps
+    } = props;
     return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_dialog.DialogTrigger, {
-      ...dialogScope,
+      scope: getAlertDialogScope(scope),
       ...triggerProps,
       ref: forwardedRef
     });
   });
-AlertDialogTrigger.displayName = TRIGGER_NAME;
-const PORTAL_NAME = "AlertDialogPortal",
-  AlertDialogPortal = props => {
+const AlertDialogPortal = function (props) {
     const {
-        __scopeAlertDialog,
-        ...portalProps
-      } = props,
-      dialogScope = useDialogScope(__scopeAlertDialog);
+      scope,
+      ...portalProps
+    } = props;
     return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_dialog.DialogPortal, {
-      ...dialogScope,
+      scope: getAlertDialogScope(scope),
       ...portalProps
     });
-  };
-AlertDialogPortal.displayName = PORTAL_NAME;
-const OVERLAY_NAME = "AlertDialogOverlay",
+  },
+  OVERLAY_NAME = "AlertDialogOverlay",
   AlertDialogOverlayFrame = (0, import_core.styled)(import_dialog.DialogOverlayFrame, {
     name: OVERLAY_NAME
   }),
-  AlertDialogOverlay = AlertDialogOverlayFrame.extractable(React.forwardRef((props, forwardedRef) => {
+  AlertDialogOverlay = AlertDialogOverlayFrame.extractable(React.forwardRef(function (props, forwardedRef) {
     const {
-        __scopeAlertDialog,
-        ...overlayProps
-      } = props,
-      dialogScope = useDialogScope(__scopeAlertDialog);
+      scope,
+      ...overlayProps
+    } = props;
     return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_dialog.DialogOverlay, {
-      ...dialogScope,
+      scope: getAlertDialogScope(scope),
       ...overlayProps,
       ref: forwardedRef
     });
-  }));
-AlertDialogOverlay.displayName = OVERLAY_NAME;
-const CONTENT_NAME = "AlertDialogContent",
-  [AlertDialogContentProvider, useAlertDialogContentContext] = createAlertDialogContext(CONTENT_NAME),
-  AlertDialogContent = React.forwardRef((props, forwardedRef) => {
+  })),
+  CONTENT_NAME = "AlertDialogContent",
+  {
+    Provider: AlertDialogContextProvider,
+    useStyledContext: useAlertDialogContentContext
+  } = (0, import_core.createStyledContext)({}, "AlertDialogContext"),
+  AlertDialogContent = React.forwardRef(function (props, forwardedRef) {
     const {
-        __scopeAlertDialog,
+        scope,
         children,
         ...contentProps
       } = props,
-      dialogScope = useDialogScope(__scopeAlertDialog),
+      dialogScope = getAlertDialogScope(scope),
       contentRef = React.useRef(null),
       composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, contentRef),
       cancelRef = React.useRef(null);
@@ -131,12 +125,12 @@ const CONTENT_NAME = "AlertDialogContent",
       contentName: CONTENT_NAME,
       titleName: TITLE_NAME,
       docsSlug: "alert-dialog",
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(AlertDialogContentProvider, {
-        scope: __scopeAlertDialog,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(AlertDialogContextProvider, {
+        scope,
         cancelRef,
         children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_dialog.DialogContent, {
           role: "alertdialog",
-          ...dialogScope,
+          scope: dialogScope,
           ...contentProps,
           ref: composedRefs,
           onOpenAutoFocus: (0, import_helpers.composeEventHandlers)(contentProps.onOpenAutoFocus, event => {
@@ -154,69 +148,58 @@ const CONTENT_NAME = "AlertDialogContent",
         })
       })
     });
-  });
-AlertDialogContent.displayName = CONTENT_NAME;
-const TITLE_NAME = "AlertDialogTitle",
-  AlertDialogTitle = React.forwardRef((props, forwardedRef) => {
+  }),
+  TITLE_NAME = "AlertDialogTitle",
+  AlertDialogTitle = React.forwardRef(function (props, forwardedRef) {
     const {
-        __scopeAlertDialog,
-        ...titleProps
-      } = props,
-      dialogScope = useDialogScope(__scopeAlertDialog);
+      scope,
+      ...titleProps
+    } = props;
     return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_dialog.DialogTitle, {
-      ...dialogScope,
+      scope: getAlertDialogScope(scope),
       ...titleProps,
       ref: forwardedRef
     });
-  });
-AlertDialogTitle.displayName = TITLE_NAME;
-const DESCRIPTION_NAME = "AlertDialogDescription",
-  AlertDialogDescription = React.forwardRef((props, forwardedRef) => {
+  }),
+  DESCRIPTION_NAME = "AlertDialogDescription",
+  AlertDialogDescription = React.forwardRef(function (props, forwardedRef) {
     const {
-        __scopeAlertDialog,
-        ...descriptionProps
-      } = props,
-      dialogScope = useDialogScope(__scopeAlertDialog);
+      scope,
+      ...descriptionProps
+    } = props;
     return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_dialog.DialogDescription, {
-      ...dialogScope,
+      scope: getAlertDialogScope(scope),
       ...descriptionProps,
       ref: forwardedRef
     });
   });
-AlertDialogDescription.displayName = DESCRIPTION_NAME;
-const ACTION_NAME = "AlertDialogAction",
-  AlertDialogAction = React.forwardRef((props, forwardedRef) => {
-    const {
-        __scopeAlertDialog,
-        ...actionProps
-      } = props,
-      dialogScope = useDialogScope(__scopeAlertDialog);
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_dialog.DialogClose, {
-      ...dialogScope,
-      ...actionProps,
-      ref: forwardedRef
-    });
+const AlertDialogAction = React.forwardRef(function (props, forwardedRef) {
+  const {
+    scope,
+    ...actionProps
+  } = props;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_dialog.DialogClose, {
+    scope: getAlertDialogScope(scope),
+    ...actionProps,
+    ref: forwardedRef
   });
-AlertDialogAction.displayName = ACTION_NAME;
-const CANCEL_NAME = "AlertDialogCancel",
-  AlertDialogCancel = React.forwardRef((props, forwardedRef) => {
+});
+const AlertDialogCancel = React.forwardRef(function (props, forwardedRef) {
     const {
-        __scopeAlertDialog,
+        scope,
         ...cancelProps
       } = props,
       {
         cancelRef
-      } = useAlertDialogContentContext(CANCEL_NAME, __scopeAlertDialog),
-      dialogScope = useDialogScope(__scopeAlertDialog),
+      } = useAlertDialogContentContext(scope),
       ref = (0, import_compose_refs.useComposedRefs)(forwardedRef, cancelRef);
     return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_dialog.DialogClose, {
-      ...dialogScope,
+      scope: getAlertDialogScope(scope),
       ...cancelProps,
       ref
     });
-  });
-AlertDialogCancel.displayName = CANCEL_NAME;
-const DescriptionWarning = ({
+  }),
+  DescriptionWarning = ({
     contentRef
   }) => (process.env.NODE_ENV === "development" && React.useEffect(() => {
     if (!import_constants.isWeb) return;
@@ -232,13 +215,13 @@ const DescriptionWarning = ({
   }, [contentRef]), null),
   AlertDialogInner = props => {
     const {
-        __scopeAlertDialog,
+        scope,
         native,
         ...alertDialogProps
       } = props,
-      dialogScope = useDialogScope(__scopeAlertDialog);
+      dialogScope = getAlertDialogScope(scope);
     return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_dialog.Dialog, {
-      ...dialogScope,
+      scope: dialogScope,
       ...alertDialogProps,
       modal: !0
     });

package/dist/cjs/AlertDialog.js

@@ -30,17 +30,14 @@ __export(AlertDialog_exports, {
   AlertDialogOverlay: () => AlertDialogOverlay,
   AlertDialogPortal: () => AlertDialogPortal,
   AlertDialogTitle: () => AlertDialogTitle,
-  AlertDialogTrigger: () => AlertDialogTrigger,
-  createAlertDialogScope: () => createAlertDialogScope
+  AlertDialogTrigger: () => AlertDialogTrigger
 });
 module.exports = __toCommonJS(AlertDialog_exports);
-var import_compose_refs = require("@tamagui/compose-refs"), import_constants = require("@tamagui/constants"), import_core = require("@tamagui/core"), import_create_context = require("@tamagui/create-context"), import_dialog = require("@tamagui/dialog"), import_helpers = require("@tamagui/helpers"), import_use_controllable_state = require("@tamagui/use-controllable-state"), React = __toESM(require("react")), import_react_native = require("react-native-web"), import_jsx_runtime = require("react/jsx-runtime");
-const ROOT_NAME = "AlertDialog", [createAlertDialogContext, createAlertDialogScope] = (0, import_create_context.createContextScope)(ROOT_NAME, [
-  import_dialog.createDialogScope
-]), useDialogScope = (0, import_dialog.createDialogScope)(), TRIGGER_NAME = "AlertDialogTrigger", NativeAlertDialogTriggerFrame = (0, import_core.styled)(import_core.View, {
+var import_compose_refs = require("@tamagui/compose-refs"), import_constants = require("@tamagui/constants"), import_core = require("@tamagui/core"), import_dialog = require("@tamagui/dialog"), import_helpers = require("@tamagui/helpers"), import_use_controllable_state = require("@tamagui/use-controllable-state"), React = __toESM(require("react")), import_react_native = require("react-native-web"), import_jsx_runtime = require("react/jsx-runtime");
+const AlertScopePrefix = "Alert__", getAlertDialogScope = (scope) => AlertScopePrefix + scope, ROOT_NAME = "AlertDialog", TRIGGER_NAME = "AlertDialogTrigger", NativeAlertDialogTriggerFrame = (0, import_core.styled)(import_core.View, {
   name: TRIGGER_NAME
 }), AlertDialogTrigger = React.forwardRef(
-  (props, forwardedRef) => {
+  function(props, forwardedRef) {
     if (props.__native) {
       const { __native, onPress, __onPress, ...rest } = props;
       return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -51,41 +48,53 @@ const ROOT_NAME = "AlertDialog", [createAlertDialogContext, createAlertDialogSco
         }
       );
     }
-    const { __scopeAlertDialog, ...triggerProps } = props, dialogScope = useDialogScope(__scopeAlertDialog);
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.DialogTrigger, { ...dialogScope, ...triggerProps, ref: forwardedRef });
+    const { scope, ...triggerProps } = props;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_dialog.DialogTrigger,
+      {
+        scope: getAlertDialogScope(scope),
+        ...triggerProps,
+        ref: forwardedRef
+      }
+    );
   }
 );
-AlertDialogTrigger.displayName = TRIGGER_NAME;
-const PORTAL_NAME = "AlertDialogPortal", AlertDialogPortal = (props) => {
-  const { __scopeAlertDialog, ...portalProps } = props, dialogScope = useDialogScope(__scopeAlertDialog);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.DialogPortal, { ...dialogScope, ...portalProps });
-};
-AlertDialogPortal.displayName = PORTAL_NAME;
-const OVERLAY_NAME = "AlertDialogOverlay", AlertDialogOverlayFrame = (0, import_core.styled)(import_dialog.DialogOverlayFrame, {
+const AlertDialogPortal = function(props) {
+  const { scope, ...portalProps } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.DialogPortal, { scope: getAlertDialogScope(scope), ...portalProps });
+}, OVERLAY_NAME = "AlertDialogOverlay", AlertDialogOverlayFrame = (0, import_core.styled)(import_dialog.DialogOverlayFrame, {
   name: OVERLAY_NAME
 }), AlertDialogOverlay = AlertDialogOverlayFrame.extractable(
   React.forwardRef(
-    (props, forwardedRef) => {
-      const { __scopeAlertDialog, ...overlayProps } = props, dialogScope = useDialogScope(__scopeAlertDialog);
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.DialogOverlay, { ...dialogScope, ...overlayProps, ref: forwardedRef });
+    function(props, forwardedRef) {
+      const { scope, ...overlayProps } = props;
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_dialog.DialogOverlay,
+        {
+          scope: getAlertDialogScope(scope),
+          ...overlayProps,
+          ref: forwardedRef
+        }
+      );
     }
   )
-);
-AlertDialogOverlay.displayName = OVERLAY_NAME;
-const CONTENT_NAME = "AlertDialogContent", [AlertDialogContentProvider, useAlertDialogContentContext] = createAlertDialogContext(CONTENT_NAME), AlertDialogContent = React.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeAlertDialog, children, ...contentProps } = props, dialogScope = useDialogScope(__scopeAlertDialog), contentRef = React.useRef(null), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, contentRef), cancelRef = React.useRef(null);
+), CONTENT_NAME = "AlertDialogContent", {
+  Provider: AlertDialogContextProvider,
+  useStyledContext: useAlertDialogContentContext
+} = (0, import_core.createStyledContext)({}, "AlertDialogContext"), AlertDialogContent = React.forwardRef(
+  function(props, forwardedRef) {
+    const { scope, children, ...contentProps } = props, dialogScope = getAlertDialogScope(scope), contentRef = React.useRef(null), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, contentRef), cancelRef = React.useRef(null);
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_dialog.DialogWarningProvider,
       {
         contentName: CONTENT_NAME,
         titleName: TITLE_NAME,
         docsSlug: "alert-dialog",
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDialogContentProvider, { scope: __scopeAlertDialog, cancelRef, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDialogContextProvider, { scope, cancelRef, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
           import_dialog.DialogContent,
           {
             role: "alertdialog",
-            ...dialogScope,
+            scope: dialogScope,
             ...contentProps,
             ref: composedRefs,
             onOpenAutoFocus: (0, import_helpers.composeEventHandlers)(
@@ -105,35 +114,48 @@ const CONTENT_NAME = "AlertDialogContent", [AlertDialogContentProvider, useAlert
       }
     );
   }
-);
-AlertDialogContent.displayName = CONTENT_NAME;
-const TITLE_NAME = "AlertDialogTitle", AlertDialogTitle = React.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeAlertDialog, ...titleProps } = props, dialogScope = useDialogScope(__scopeAlertDialog);
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.DialogTitle, { ...dialogScope, ...titleProps, ref: forwardedRef });
+), TITLE_NAME = "AlertDialogTitle", AlertDialogTitle = React.forwardRef(
+  function(props, forwardedRef) {
+    const { scope, ...titleProps } = props;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_dialog.DialogTitle,
+      {
+        scope: getAlertDialogScope(scope),
+        ...titleProps,
+        ref: forwardedRef
+      }
+    );
   }
-);
-AlertDialogTitle.displayName = TITLE_NAME;
-const DESCRIPTION_NAME = "AlertDialogDescription", AlertDialogDescription = React.forwardRef((props, forwardedRef) => {
-  const { __scopeAlertDialog, ...descriptionProps } = props, dialogScope = useDialogScope(__scopeAlertDialog);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.DialogDescription, { ...dialogScope, ...descriptionProps, ref: forwardedRef });
+), DESCRIPTION_NAME = "AlertDialogDescription", AlertDialogDescription = React.forwardRef(function(props, forwardedRef) {
+  const { scope, ...descriptionProps } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_dialog.DialogDescription,
+    {
+      scope: getAlertDialogScope(scope),
+      ...descriptionProps,
+      ref: forwardedRef
+    }
+  );
 });
-AlertDialogDescription.displayName = DESCRIPTION_NAME;
-const ACTION_NAME = "AlertDialogAction", AlertDialogAction = React.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeAlertDialog, ...actionProps } = props, dialogScope = useDialogScope(__scopeAlertDialog);
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.DialogClose, { ...dialogScope, ...actionProps, ref: forwardedRef });
+const AlertDialogAction = React.forwardRef(
+  function(props, forwardedRef) {
+    const { scope, ...actionProps } = props;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_dialog.DialogClose,
+      {
+        scope: getAlertDialogScope(scope),
+        ...actionProps,
+        ref: forwardedRef
+      }
+    );
   }
 );
-AlertDialogAction.displayName = ACTION_NAME;
-const CANCEL_NAME = "AlertDialogCancel", AlertDialogCancel = React.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeAlertDialog, ...cancelProps } = props, { cancelRef } = useAlertDialogContentContext(CANCEL_NAME, __scopeAlertDialog), dialogScope = useDialogScope(__scopeAlertDialog), ref = (0, import_compose_refs.useComposedRefs)(forwardedRef, cancelRef);
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.DialogClose, { ...dialogScope, ...cancelProps, ref });
+const AlertDialogCancel = React.forwardRef(
+  function(props, forwardedRef) {
+    const { scope, ...cancelProps } = props, { cancelRef } = useAlertDialogContentContext(scope), ref = (0, import_compose_refs.useComposedRefs)(forwardedRef, cancelRef);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.DialogClose, { scope: getAlertDialogScope(scope), ...cancelProps, ref });
   }
-);
-AlertDialogCancel.displayName = CANCEL_NAME;
-const DescriptionWarning = ({ contentRef }) => (process.env.NODE_ENV === "development" && React.useEffect(() => {
+), DescriptionWarning = ({ contentRef }) => (process.env.NODE_ENV === "development" && React.useEffect(() => {
   if (!import_constants.isWeb) return;
   document.getElementById(
     // @ts-ignore
@@ -146,8 +168,8 @@ const DescriptionWarning = ({ contentRef }) => (process.env.NODE_ENV === "develo
         
         For more information, see https://tamagui.dev/docs/components/alert-dialog`);
 }, [contentRef]), null), AlertDialogInner = (props) => {
-  const { __scopeAlertDialog, native, ...alertDialogProps } = props, dialogScope = useDialogScope(__scopeAlertDialog);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.Dialog, { ...dialogScope, ...alertDialogProps, modal: !0 });
+  const { scope, native, ...alertDialogProps } = props, dialogScope = getAlertDialogScope(scope);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.Dialog, { scope: dialogScope, ...alertDialogProps, modal: !0 });
 };
 const AlertDialog = (0, import_helpers.withStaticProperties)(AlertDialogInner, {
   Trigger: AlertDialogTrigger,

package/dist/cjs/AlertDialog.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/AlertDialog.tsx"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/AlertDialog.native.js

@@ -31,13 +31,12 @@ __export(AlertDialog_exports, {
   AlertDialogOverlay: () => AlertDialogOverlay,
   AlertDialogPortal: () => AlertDialogPortal,
   AlertDialogTitle: () => AlertDialogTitle,
-  AlertDialogTrigger: () => AlertDialogTrigger,
-  createAlertDialogScope: () => createAlertDialogScope
+  AlertDialogTrigger: () => AlertDialogTrigger
 });
 module.exports = __toCommonJS(AlertDialog_exports);
-var import_jsx_runtime = require("react/jsx-runtime"), import_compose_refs = require("@tamagui/compose-refs"), import_constants = require("@tamagui/constants"), import_core = require("@tamagui/core"), import_create_context = require("@tamagui/create-context"), import_dialog = require("@tamagui/dialog"), import_helpers = require("@tamagui/helpers"), import_use_controllable_state = require("@tamagui/use-controllable-state"), React = __toESM(require("react")), import_react_native = require("react-native"), ROOT_NAME = "AlertDialog", [createAlertDialogContext, createAlertDialogScope] = (0, import_create_context.createContextScope)(ROOT_NAME, [
-  import_dialog.createDialogScope
-]), useDialogScope = (0, import_dialog.createDialogScope)(), TRIGGER_NAME = "AlertDialogTrigger", NativeAlertDialogTriggerFrame = (0, import_core.styled)(import_core.View, {
+var import_jsx_runtime = require("react/jsx-runtime"), import_compose_refs = require("@tamagui/compose-refs"), import_constants = require("@tamagui/constants"), import_core = require("@tamagui/core"), import_dialog = require("@tamagui/dialog"), import_helpers = require("@tamagui/helpers"), import_use_controllable_state = require("@tamagui/use-controllable-state"), React = __toESM(require("react")), import_react_native = require("react-native"), AlertScopePrefix = "Alert__", getAlertDialogScope = function(scope) {
+  return AlertScopePrefix + scope;
+}, ROOT_NAME = "AlertDialog", TRIGGER_NAME = "AlertDialogTrigger", NativeAlertDialogTriggerFrame = (0, import_core.styled)(import_core.View, {
   name: TRIGGER_NAME
 }), AlertDialogTrigger = /* @__PURE__ */ React.forwardRef(function(props, forwardedRef) {
   if (props.__native) {
@@ -47,46 +46,41 @@ var import_jsx_runtime = require("react/jsx-runtime"), import_compose_refs = req
       onPress: (0, import_helpers.composeEventHandlers)(onPress, __onPress)
     });
   }
-  var { __scopeAlertDialog, ...triggerProps } = props, dialogScope = useDialogScope(__scopeAlertDialog);
+  var { scope, ...triggerProps } = props;
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.DialogTrigger, {
-    ...dialogScope,
+    scope: getAlertDialogScope(scope),
     ...triggerProps,
     ref: forwardedRef
   });
 });
-AlertDialogTrigger.displayName = TRIGGER_NAME;
-var PORTAL_NAME = "AlertDialogPortal", AlertDialogPortal = function(props) {
-  var { __scopeAlertDialog, ...portalProps } = props, dialogScope = useDialogScope(__scopeAlertDialog);
+var AlertDialogPortal = function(props) {
+  var { scope, ...portalProps } = props;
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.DialogPortal, {
-    ...dialogScope,
+    scope: getAlertDialogScope(scope),
     ...portalProps
   });
-};
-AlertDialogPortal.displayName = PORTAL_NAME;
-var OVERLAY_NAME = "AlertDialogOverlay", AlertDialogOverlayFrame = (0, import_core.styled)(import_dialog.DialogOverlayFrame, {
+}, OVERLAY_NAME = "AlertDialogOverlay", AlertDialogOverlayFrame = (0, import_core.styled)(import_dialog.DialogOverlayFrame, {
   name: OVERLAY_NAME
 }), AlertDialogOverlay = AlertDialogOverlayFrame.extractable(/* @__PURE__ */ React.forwardRef(function(props, forwardedRef) {
-  var { __scopeAlertDialog, ...overlayProps } = props, dialogScope = useDialogScope(__scopeAlertDialog);
+  var { scope, ...overlayProps } = props;
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.DialogOverlay, {
-    ...dialogScope,
+    scope: getAlertDialogScope(scope),
     ...overlayProps,
     ref: forwardedRef
   });
-}));
-AlertDialogOverlay.displayName = OVERLAY_NAME;
-var CONTENT_NAME = "AlertDialogContent", [AlertDialogContentProvider, useAlertDialogContentContext] = createAlertDialogContext(CONTENT_NAME), AlertDialogContent = /* @__PURE__ */ React.forwardRef(function(props, forwardedRef) {
-  var { __scopeAlertDialog, children, ...contentProps } = props, dialogScope = useDialogScope(__scopeAlertDialog), contentRef = React.useRef(null), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, contentRef), cancelRef = React.useRef(null);
+})), CONTENT_NAME = "AlertDialogContent", { Provider: AlertDialogContextProvider, useStyledContext: useAlertDialogContentContext } = (0, import_core.createStyledContext)({}, "AlertDialogContext"), AlertDialogContent = /* @__PURE__ */ React.forwardRef(function(props, forwardedRef) {
+  var { scope, children, ...contentProps } = props, dialogScope = getAlertDialogScope(scope), contentRef = React.useRef(null), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, contentRef), cancelRef = React.useRef(null);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.DialogWarningProvider, {
     contentName: CONTENT_NAME,
     titleName: TITLE_NAME,
     docsSlug: "alert-dialog",
-    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDialogContentProvider, {
-      scope: __scopeAlertDialog,
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDialogContextProvider, {
+      scope,
       cancelRef,
       children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_dialog.DialogContent, {
         // @ts-ignore
         role: "alertdialog",
-        ...dialogScope,
+        scope: dialogScope,
         ...contentProps,
         ref: composedRefs,
         onOpenAutoFocus: (0, import_helpers.composeEventHandlers)(contentProps.onOpenAutoFocus, function(event) {
@@ -120,45 +114,35 @@ var CONTENT_NAME = "AlertDialogContent", [AlertDialogContentProvider, useAlertDi
       })
     })
   });
-});
-AlertDialogContent.displayName = CONTENT_NAME;
-var TITLE_NAME = "AlertDialogTitle", AlertDialogTitle = /* @__PURE__ */ React.forwardRef(function(props, forwardedRef) {
-  var { __scopeAlertDialog, ...titleProps } = props, dialogScope = useDialogScope(__scopeAlertDialog);
+}), TITLE_NAME = "AlertDialogTitle", AlertDialogTitle = /* @__PURE__ */ React.forwardRef(function(props, forwardedRef) {
+  var { scope, ...titleProps } = props;
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.DialogTitle, {
-    ...dialogScope,
+    scope: getAlertDialogScope(scope),
     ...titleProps,
     ref: forwardedRef
   });
-});
-AlertDialogTitle.displayName = TITLE_NAME;
-var DESCRIPTION_NAME = "AlertDialogDescription", AlertDialogDescription = /* @__PURE__ */ React.forwardRef(function(props, forwardedRef) {
-  var { __scopeAlertDialog, ...descriptionProps } = props, dialogScope = useDialogScope(__scopeAlertDialog);
+}), DESCRIPTION_NAME = "AlertDialogDescription", AlertDialogDescription = /* @__PURE__ */ React.forwardRef(function(props, forwardedRef) {
+  var { scope, ...descriptionProps } = props;
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.DialogDescription, {
-    ...dialogScope,
+    scope: getAlertDialogScope(scope),
     ...descriptionProps,
     ref: forwardedRef
   });
-});
-AlertDialogDescription.displayName = DESCRIPTION_NAME;
-var ACTION_NAME = "AlertDialogAction", AlertDialogAction = /* @__PURE__ */ React.forwardRef(function(props, forwardedRef) {
-  var { __scopeAlertDialog, ...actionProps } = props, dialogScope = useDialogScope(__scopeAlertDialog);
+}), ACTION_NAME = "AlertDialogAction", AlertDialogAction = /* @__PURE__ */ React.forwardRef(function(props, forwardedRef) {
+  var { scope, ...actionProps } = props;
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.DialogClose, {
-    ...dialogScope,
+    scope: getAlertDialogScope(scope),
     ...actionProps,
     ref: forwardedRef
   });
-});
-AlertDialogAction.displayName = ACTION_NAME;
-var CANCEL_NAME = "AlertDialogCancel", AlertDialogCancel = /* @__PURE__ */ React.forwardRef(function(props, forwardedRef) {
-  var { __scopeAlertDialog, ...cancelProps } = props, { cancelRef } = useAlertDialogContentContext(CANCEL_NAME, __scopeAlertDialog), dialogScope = useDialogScope(__scopeAlertDialog), ref = (0, import_compose_refs.useComposedRefs)(forwardedRef, cancelRef);
+}), CANCEL_NAME = "AlertDialogCancel", AlertDialogCancel = /* @__PURE__ */ React.forwardRef(function(props, forwardedRef) {
+  var { scope, ...cancelProps } = props, { cancelRef } = useAlertDialogContentContext(scope), ref = (0, import_compose_refs.useComposedRefs)(forwardedRef, cancelRef);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.DialogClose, {
-    ...dialogScope,
+    scope: getAlertDialogScope(scope),
     ...cancelProps,
     ref
   });
-});
-AlertDialogCancel.displayName = CANCEL_NAME;
-var DescriptionWarning = function(param) {
+}), DescriptionWarning = function(param) {
   var { contentRef } = param;
   return process.env.NODE_ENV === "development" && React.useEffect(function() {
     var _contentRef_current;
@@ -176,7 +160,7 @@ var DescriptionWarning = function(param) {
     contentRef
   ]), null;
 }, AlertDialogInner = function(props) {
-  var { __scopeAlertDialog, native, ...alertDialogProps } = props, dialogScope = useDialogScope(__scopeAlertDialog), [open, setOpen] = (0, import_use_controllable_state.useControllableState)({
+  var { scope, native, ...alertDialogProps } = props, dialogScope = getAlertDialogScope(scope), [open, setOpen] = (0, import_use_controllable_state.useControllableState)({
     prop: props.open,
     defaultProp: props.defaultOpen || !1,
     onChange: props.onOpenChange,
@@ -222,7 +206,7 @@ var DescriptionWarning = function(param) {
       setOpen(!0);
     }
   }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.Dialog, {
-    ...dialogScope,
+    scope: dialogScope,
     ...alertDialogProps,
     modal: !0
   });
@@ -275,7 +259,6 @@ AlertDialog.displayName = ROOT_NAME;
   AlertDialogOverlay,
   AlertDialogPortal,
   AlertDialogTitle,
-  AlertDialogTrigger,
-  createAlertDialogScope
+  AlertDialogTrigger
 });
 //# sourceMappingURL=AlertDialog.js.map