@tamagui/dialog 1.88.1 → 1.88.2

package/dist/jsx/Dialog.native.js

@@ -1,47 +1,62 @@
-import { Adapt, useAdaptParent } from "@tamagui/adapt";
-import { AnimatePresence } from "@tamagui/animate-presence";
-import { hideOthers } from "@tamagui/aria-hidden";
-import { useComposedRefs } from "@tamagui/compose-refs";
-import { isWeb } from "@tamagui/constants";
-import {
-  Theme,
-  View,
-  spacedChildren,
-  styled,
-  useGet,
-  useMedia,
-  useThemeName
-} from "@tamagui/core";
-import { createContext, createContextScope } from "@tamagui/create-context";
-import { Dismissable } from "@tamagui/dismissable";
-import { FocusScope } from "@tamagui/focus-scope";
-import { composeEventHandlers, withStaticProperties } from "@tamagui/helpers";
-import { PortalHost, PortalItem } from "@tamagui/portal";
-import { RemoveScroll } from "@tamagui/remove-scroll";
-import { Overlay, Sheet, SheetController } from "@tamagui/sheet";
-import {
-  ButtonNestingContext,
-  ThemeableStack,
-  YStack
-} from "@tamagui/stacks";
-import { H2, Paragraph } from "@tamagui/text";
-import { useControllableState } from "@tamagui/use-controllable-state";
-import * as React from "react";
-const DIALOG_NAME = "Dialog", [createDialogContext, createDialogScope] = createContextScope(DIALOG_NAME), [DialogProvider, useDialogContext] = createDialogContext(DIALOG_NAME), TRIGGER_NAME = "DialogTrigger", DialogTriggerFrame = styled(View, {
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__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(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
+  mod
+)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var Dialog_exports = {};
+__export(Dialog_exports, {
+  Dialog: () => Dialog,
+  DialogClose: () => DialogClose,
+  DialogContent: () => DialogContent,
+  DialogDescription: () => DialogDescription,
+  DialogOverlay: () => DialogOverlay,
+  DialogOverlayFrame: () => DialogOverlayFrame,
+  DialogPortal: () => DialogPortal,
+  DialogPortalFrame: () => DialogPortalFrame,
+  DialogSheetContents: () => DialogSheetContents,
+  DialogTitle: () => DialogTitle,
+  DialogTrigger: () => DialogTrigger,
+  DialogWarningProvider: () => DialogWarningProvider,
+  createDialogScope: () => createDialogScope
+});
+module.exports = __toCommonJS(Dialog_exports);
+var import_adapt = require("@tamagui/adapt"), import_animate_presence = require("@tamagui/animate-presence"), import_aria_hidden = require("@tamagui/aria-hidden"), 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_dismissable = require("@tamagui/dismissable"), import_focus_scope = require("@tamagui/focus-scope"), import_helpers = require("@tamagui/helpers"), import_portal = require("@tamagui/portal"), import_remove_scroll = require("@tamagui/remove-scroll"), import_sheet = require("@tamagui/sheet"), import_stacks = require("@tamagui/stacks"), import_text = require("@tamagui/text"), import_use_controllable_state = require("@tamagui/use-controllable-state"), React = __toESM(require("react")), import_jsx_runtime = require("react/jsx-runtime");
+const DIALOG_NAME = "Dialog", [createDialogContext, createDialogScope] = (0, import_create_context.createContextScope)(DIALOG_NAME), [DialogProvider, useDialogContext] = createDialogContext(DIALOG_NAME), TRIGGER_NAME = "DialogTrigger", DialogTriggerFrame = (0, import_core.styled)(import_core.View, {
   name: TRIGGER_NAME
 }), DialogTrigger = DialogTriggerFrame.styleable(
   (props, forwardedRef) => {
-    const { __scopeDialog, ...triggerProps } = props, isInsideButton = React.useContext(ButtonNestingContext), context = useDialogContext(TRIGGER_NAME, __scopeDialog), composedTriggerRef = useComposedRefs(forwardedRef, context.triggerRef);
-    return <ButtonNestingContext.Provider value={!0}><DialogTriggerFrame
-      tag={isInsideButton ? "span" : "button"}
-      aria-haspopup="dialog"
-      aria-expanded={context.open}
-      aria-controls={context.contentId}
-      data-state={getState(context.open)}
-      {...triggerProps}
-      ref={composedTriggerRef}
-      onPress={composeEventHandlers(props.onPress, context.onOpenToggle)}
-    /></ButtonNestingContext.Provider>;
+    const { __scopeDialog, ...triggerProps } = props, isInsideButton = React.useContext(import_stacks.ButtonNestingContext), context = useDialogContext(TRIGGER_NAME, __scopeDialog), composedTriggerRef = (0, import_compose_refs.useComposedRefs)(forwardedRef, context.triggerRef);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stacks.ButtonNestingContext.Provider, { value: !0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      DialogTriggerFrame,
+      {
+        tag: isInsideButton ? "span" : "button",
+        "aria-haspopup": "dialog",
+        "aria-expanded": context.open,
+        "aria-controls": context.contentId,
+        "data-state": getState(context.open),
+        ...triggerProps,
+        ref: composedTriggerRef,
+        onPress: (0, import_helpers.composeEventHandlers)(props.onPress, context.onOpenToggle)
+      }
+    ) });
   }
 );
 DialogTrigger.displayName = TRIGGER_NAME;
@@ -50,7 +65,7 @@ const PORTAL_NAME = "DialogPortal", [PortalProvider, usePortalContext] = createD
   {
     forceMount: void 0
   }
-), DialogPortalFrame = styled(YStack, {
+), DialogPortalFrame = (0, import_core.styled)(import_stacks.YStack, {
   variants: {
     unstyled: {
       false: {
@@ -58,7 +73,7 @@ const PORTAL_NAME = "DialogPortal", [PortalProvider, usePortalContext] = createD
         justifyContent: "center",
         fullscreen: !0,
         zIndex: 1e5,
-        ...isWeb && {
+        ...import_constants.isWeb && {
           maxHeight: "100vh",
           position: "fixed"
         }
@@ -69,8 +84,8 @@ const PORTAL_NAME = "DialogPortal", [PortalProvider, usePortalContext] = createD
     unstyled: process.env.TAMAGUI_HEADLESS === "1"
   }
 }), DialogPortalItem = (props) => {
-  const themeName = useThemeName(), context = useDialogContext(PORTAL_NAME, props.__scopeDialog);
-  return <PortalItem hostName={props.hostName}><DialogPortalItemContent {...props} themeName={themeName} context={context} /></PortalItem>;
+  const themeName = (0, import_core.useThemeName)(), context = useDialogContext(PORTAL_NAME, props.__scopeDialog);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_portal.PortalItem, { hostName: props.hostName, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogPortalItemContent, { ...props, themeName, context }) });
 };
 function DialogPortalItemContent(props) {
   const {
@@ -83,31 +98,35 @@ function DialogPortalItemContent(props) {
     separator
   } = props;
   let childrenSpaced = children;
-  return (space || separator) && (childrenSpaced = spacedChildren({
+  return (space || separator) && (childrenSpaced = (0, import_core.spacedChildren)({
     children,
     separator,
     space,
     direction: spaceDirection
-  })), <DialogProvider scope={__scopeDialog} {...context}><Theme name={themeName}>{childrenSpaced}</Theme></DialogProvider>;
+  })), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogProvider, { scope: __scopeDialog, ...context, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Theme, { name: themeName, children: childrenSpaced }) });
 }
 const DialogPortal = (props) => {
   const { __scopeDialog, forceMount, children, ...frameProps } = props, context = useDialogContext(PORTAL_NAME, __scopeDialog), isShowing = forceMount || context.open, [isFullyHidden, setIsFullyHidden] = React.useState(!isShowing);
   isShowing && isFullyHidden && setIsFullyHidden(!1);
-  const contents = <AnimatePresence
-    onExitComplete={() => {
-      setIsFullyHidden(!0);
-    }}
-  >{isShowing ? children : null}</AnimatePresence>;
-  return useShowDialogSheet(context) ? children : context.modal ? isFullyHidden ? null : <DialogPortalItem __scopeDialog={__scopeDialog}><PortalProvider scope={__scopeDialog} forceMount={forceMount}><DialogPortalFrame pointerEvents={isShowing ? "auto" : "none"} {...frameProps}>{contents}</DialogPortalFrame></PortalProvider></DialogPortalItem> : contents;
+  const contents = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_animate_presence.AnimatePresence,
+    {
+      onExitComplete: () => {
+        setIsFullyHidden(!0);
+      },
+      children: isShowing ? children : null
+    }
+  );
+  return useShowDialogSheet(context) ? children : context.modal ? isFullyHidden ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogPortalItem, { __scopeDialog, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PortalProvider, { scope: __scopeDialog, forceMount, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogPortalFrame, { pointerEvents: isShowing ? "auto" : "none", ...frameProps, children: contents }) }) }) : contents;
 };
 DialogPortal.displayName = PORTAL_NAME;
-const OVERLAY_NAME = "DialogOverlay", DialogOverlayFrame = styled(Overlay, {
+const OVERLAY_NAME = "DialogOverlay", DialogOverlayFrame = (0, import_core.styled)(import_sheet.Overlay, {
   name: OVERLAY_NAME
 }), DialogOverlay = DialogOverlayFrame.extractable(
   React.forwardRef(
     ({ __scopeDialog, ...props }, forwardedRef) => {
       const portalContext = usePortalContext(OVERLAY_NAME, __scopeDialog), { forceMount = portalContext.forceMount, ...overlayProps } = props, context = useDialogContext(OVERLAY_NAME, __scopeDialog), showSheet = useShowDialogSheet(context);
-      return !forceMount && (!context.modal || showSheet) ? null : <DialogOverlayImpl context={context} {...overlayProps} ref={forwardedRef} />;
+      return !forceMount && (!context.modal || showSheet) ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogOverlayImpl, { context, ...overlayProps, ref: forwardedRef });
     }
   )
 );
@@ -118,15 +137,18 @@ const DialogOverlayImpl = React.forwardRef(
     return (
       // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
       // ie. when `Overlay` and `Content` are siblings
-      <DialogOverlayFrame
-        data-state={getState(context.open)}
-        pointerEvents={context.open ? "auto" : "none"}
-        {...overlayProps}
-        ref={forwardedRef}
-      />
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        DialogOverlayFrame,
+        {
+          "data-state": getState(context.open),
+          pointerEvents: context.open ? "auto" : "none",
+          ...overlayProps,
+          ref: forwardedRef
+        }
+      )
     );
   }
-), CONTENT_NAME = "DialogContent", DialogContentFrame = styled(ThemeableStack, {
+), CONTENT_NAME = "DialogContent", DialogContentFrame = (0, import_core.styled)(import_stacks.ThemeableStack, {
   name: CONTENT_NAME,
   tag: "dialog",
   variants: {
@@ -151,71 +173,82 @@ const DialogOverlayImpl = React.forwardRef(
 }), DialogContent = DialogContentFrame.extractable(
   React.forwardRef(
     ({ __scopeDialog, ...props }, forwardedRef) => {
-      const portalContext = usePortalContext(CONTENT_NAME, __scopeDialog), { forceMount = portalContext.forceMount, ...contentProps } = props, context = useDialogContext(CONTENT_NAME, __scopeDialog), contents = context.modal ? <DialogContentModal context={context} {...contentProps} ref={forwardedRef} /> : <DialogContentNonModal context={context} {...contentProps} ref={forwardedRef} />;
-      return !isWeb || context.disableRemoveScroll ? contents : <RemoveScroll
-        forwardProps
-        enabled={context.open}
-        allowPinchZoom={context.allowPinchZoom}
-        shards={[context.contentRef]}
-        removeScrollBar={!1}
-      ><div data-remove-scroll-container className="_dsp_contents">{contents}</div></RemoveScroll>;
+      const portalContext = usePortalContext(CONTENT_NAME, __scopeDialog), { forceMount = portalContext.forceMount, ...contentProps } = props, context = useDialogContext(CONTENT_NAME, __scopeDialog), contents = context.modal ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogContentModal, { context, ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogContentNonModal, { context, ...contentProps, ref: forwardedRef });
+      return !import_constants.isWeb || context.disableRemoveScroll ? contents : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_remove_scroll.RemoveScroll,
+        {
+          forwardProps: !0,
+          enabled: context.open,
+          allowPinchZoom: context.allowPinchZoom,
+          shards: [context.contentRef],
+          removeScrollBar: !1,
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { "data-remove-scroll-container": !0, className: "_dsp_contents", children: contents })
+        }
+      );
     }
   )
 );
 DialogContent.displayName = CONTENT_NAME;
 const DialogContentModal = React.forwardRef(
   ({ children, context, ...props }, forwardedRef) => {
-    const contentRef = React.useRef(null), composedRefs = useComposedRefs(forwardedRef, context.contentRef, contentRef);
-    return isWeb && React.useEffect(() => {
+    const contentRef = React.useRef(null), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, context.contentRef, contentRef);
+    return import_constants.isWeb && React.useEffect(() => {
       if (!context.open)
         return;
       const content = contentRef.current;
       if (content)
-        return hideOthers(content);
-    }, [context.open]), <DialogContentImpl
-      {...props}
-      context={context}
-      ref={composedRefs}
-      trapFocus={context.open}
-      disableOutsidePointerEvents
-      onCloseAutoFocus={composeEventHandlers(props.onCloseAutoFocus, (event) => {
-        var _a;
-        event.preventDefault(), (_a = context.triggerRef.current) == null || _a.focus();
-      })}
-      onPointerDownOutside={composeEventHandlers(
-        props.onPointerDownOutside,
-        (event) => {
-          const originalEvent = event.detail.originalEvent, ctrlLeftClick = originalEvent.button === 0 && originalEvent.ctrlKey === !0;
-          (originalEvent.button === 2 || ctrlLeftClick) && event.preventDefault();
-        }
-      )}
-      onFocusOutside={composeEventHandlers(
-        props.onFocusOutside,
-        (event) => event.preventDefault()
-      )}
-    >{children}</DialogContentImpl>;
+        return (0, import_aria_hidden.hideOthers)(content);
+    }, [context.open]), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      DialogContentImpl,
+      {
+        ...props,
+        context,
+        ref: composedRefs,
+        trapFocus: context.open,
+        disableOutsidePointerEvents: !0,
+        onCloseAutoFocus: (0, import_helpers.composeEventHandlers)(props.onCloseAutoFocus, (event) => {
+          var _a;
+          event.preventDefault(), (_a = context.triggerRef.current) == null || _a.focus();
+        }),
+        onPointerDownOutside: (0, import_helpers.composeEventHandlers)(
+          props.onPointerDownOutside,
+          (event) => {
+            const originalEvent = event.detail.originalEvent, ctrlLeftClick = originalEvent.button === 0 && originalEvent.ctrlKey === !0;
+            (originalEvent.button === 2 || ctrlLeftClick) && event.preventDefault();
+          }
+        ),
+        onFocusOutside: (0, import_helpers.composeEventHandlers)(
+          props.onFocusOutside,
+          (event) => event.preventDefault()
+        ),
+        children
+      }
+    );
   }
 ), DialogContentNonModal = React.forwardRef(
   (props, forwardedRef) => {
     const hasInteractedOutsideRef = React.useRef(!1);
-    return <DialogContentImpl
-      {...props}
-      ref={forwardedRef}
-      trapFocus={!1}
-      disableOutsidePointerEvents={!1}
-      onCloseAutoFocus={(event) => {
-        var _a, _b;
-        (_a = props.onCloseAutoFocus) == null || _a.call(props, event), event.defaultPrevented || (hasInteractedOutsideRef.current || (_b = props.context.triggerRef.current) == null || _b.focus(), event.preventDefault()), hasInteractedOutsideRef.current = !1;
-      }}
-      onInteractOutside={(event) => {
-        var _a;
-        (_a = props.onInteractOutside) == null || _a.call(props, event), event.defaultPrevented || (hasInteractedOutsideRef.current = !0);
-        const target = event.target, trigger = props.context.triggerRef.current;
-        if (!(trigger instanceof HTMLElement))
-          return;
-        trigger.contains(target) && event.preventDefault();
-      }}
-    />;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      DialogContentImpl,
+      {
+        ...props,
+        ref: forwardedRef,
+        trapFocus: !1,
+        disableOutsidePointerEvents: !1,
+        onCloseAutoFocus: (event) => {
+          var _a, _b;
+          (_a = props.onCloseAutoFocus) == null || _a.call(props, event), event.defaultPrevented || (hasInteractedOutsideRef.current || (_b = props.context.triggerRef.current) == null || _b.focus(), event.preventDefault()), hasInteractedOutsideRef.current = !1;
+        },
+        onInteractOutside: (event) => {
+          var _a;
+          (_a = props.onInteractOutside) == null || _a.call(props, event), event.defaultPrevented || (hasInteractedOutsideRef.current = !0);
+          const target = event.target, trigger = props.context.triggerRef.current;
+          if (!(trigger instanceof HTMLElement))
+            return;
+          trigger.contains(target) && event.preventDefault();
+        }
+      }
+    );
   }
 ), DialogContentImpl = React.forwardRef(
   (props, forwardedRef) => {
@@ -231,63 +264,80 @@ const DialogContentModal = React.forwardRef(
       onInteractOutside,
       context,
       ...contentProps
-    } = props, contentRef = React.useRef(null), composedRefs = useComposedRefs(forwardedRef, contentRef), showSheet = useShowDialogSheet(context), contents = <DialogContentFrame
-      id={context.contentId}
-      aria-describedby={context.descriptionId}
-      aria-labelledby={context.titleId}
-      data-state={getState(context.open)}
-      {...contentProps}
-    />;
-    return showSheet ? <DialogPortalItem hostName={getSheetContentsName(context)}>{contentProps.children}</DialogPortalItem> : isWeb ? <>
-      <FocusScope
-        loop
-        enabled={context.open}
-        trapped={trapFocus}
-        onMountAutoFocus={onOpenAutoFocus}
-        forceUnmount={!context.open}
-        onUnmountAutoFocus={onCloseAutoFocus}
-      ><Dismissable
-        disableOutsidePointerEvents={context.open && disableOutsidePointerEvents}
-        forceUnmount={!context.open}
-        onEscapeKeyDown={onEscapeKeyDown}
-        onPointerDownOutside={onPointerDownOutside}
-        onFocusOutside={onFocusOutside}
-        onInteractOutside={onInteractOutside}
-        ref={composedRefs}
-        onDismiss={() => context.onOpenChange(!1)}
-      >{contents}</Dismissable></FocusScope>
-      {process.env.NODE_ENV === "development" && <>
-        <TitleWarning titleId={context.titleId} />
-        <DescriptionWarning
-          contentRef={contentRef}
-          descriptionId={context.descriptionId}
-        />
-      </>}
-    </> : contents;
+    } = props, contentRef = React.useRef(null), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, contentRef), showSheet = useShowDialogSheet(context), contents = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      DialogContentFrame,
+      {
+        id: context.contentId,
+        "aria-describedby": context.descriptionId,
+        "aria-labelledby": context.titleId,
+        "data-state": getState(context.open),
+        ...contentProps
+      }
+    );
+    return showSheet ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogPortalItem, { hostName: getSheetContentsName(context), children: contentProps.children }) : import_constants.isWeb ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_focus_scope.FocusScope,
+        {
+          loop: !0,
+          enabled: context.open,
+          trapped: trapFocus,
+          onMountAutoFocus: onOpenAutoFocus,
+          forceUnmount: !context.open,
+          onUnmountAutoFocus: onCloseAutoFocus,
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_dismissable.Dismissable,
+            {
+              disableOutsidePointerEvents: context.open && disableOutsidePointerEvents,
+              forceUnmount: !context.open,
+              onEscapeKeyDown,
+              onPointerDownOutside,
+              onFocusOutside,
+              onInteractOutside,
+              ref: composedRefs,
+              onDismiss: () => context.onOpenChange(!1),
+              children: contents
+            }
+          )
+        }
+      ),
+      process.env.NODE_ENV === "development" && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TitleWarning, { titleId: context.titleId }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          DescriptionWarning,
+          {
+            contentRef,
+            descriptionId: context.descriptionId
+          }
+        )
+      ] })
+    ] }) : contents;
   }
-), TITLE_NAME = "DialogTitle", DialogTitleFrame = styled(H2, {
+), TITLE_NAME = "DialogTitle", DialogTitleFrame = (0, import_core.styled)(import_text.H2, {
   name: TITLE_NAME
 }), DialogTitle = DialogTitleFrame.styleable(
   (props, forwardedRef) => {
     const { __scopeDialog, ...titleProps } = props, context = useDialogContext(TITLE_NAME, __scopeDialog);
-    return <DialogTitleFrame id={context.titleId} {...titleProps} ref={forwardedRef} />;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogTitleFrame, { id: context.titleId, ...titleProps, ref: forwardedRef });
   }
 );
 DialogTitle.displayName = TITLE_NAME;
-const DialogDescriptionFrame = styled(Paragraph, {
+const DialogDescriptionFrame = (0, import_core.styled)(import_text.Paragraph, {
   name: "DialogDescription"
 }), DESCRIPTION_NAME = "DialogDescription", DialogDescription = DialogDescriptionFrame.styleable(
   (props, forwardedRef) => {
     const { __scopeDialog, ...descriptionProps } = props, context = useDialogContext(DESCRIPTION_NAME, __scopeDialog);
-    return <DialogDescriptionFrame
-      id={context.descriptionId}
-      {...descriptionProps}
-      ref={forwardedRef}
-    />;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      DialogDescriptionFrame,
+      {
+        id: context.descriptionId,
+        ...descriptionProps,
+        ref: forwardedRef
+      }
+    );
   }
 );
 DialogDescription.displayName = DESCRIPTION_NAME;
-const CLOSE_NAME = "DialogClose", DialogCloseFrame = styled(View, {
+const CLOSE_NAME = "DialogClose", DialogCloseFrame = (0, import_core.styled)(import_core.View, {
   name: CLOSE_NAME,
   tag: "button"
 }), DialogClose = DialogCloseFrame.styleable(
@@ -295,23 +345,26 @@ const CLOSE_NAME = "DialogClose", DialogCloseFrame = styled(View, {
     const { __scopeDialog, displayWhenAdapted, ...closeProps } = props, context = useDialogContext(CLOSE_NAME, __scopeDialog, {
       warn: !1,
       fallback: {}
-    }), isSheet = useShowDialogSheet(context), isInsideButton = React.useContext(ButtonNestingContext);
-    return isSheet && !displayWhenAdapted ? null : <DialogCloseFrame
-      accessibilityLabel="Dialog Close"
-      tag={isInsideButton ? "span" : "button"}
-      {...closeProps}
-      ref={forwardedRef}
-      onPress={composeEventHandlers(
-        props.onPress,
-        () => context.onOpenChange(!1)
-      )}
-    />;
+    }), isSheet = useShowDialogSheet(context), isInsideButton = React.useContext(import_stacks.ButtonNestingContext);
+    return isSheet && !displayWhenAdapted ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      DialogCloseFrame,
+      {
+        accessibilityLabel: "Dialog Close",
+        tag: isInsideButton ? "span" : "button",
+        ...closeProps,
+        ref: forwardedRef,
+        onPress: (0, import_helpers.composeEventHandlers)(
+          props.onPress,
+          () => context.onOpenChange(!1)
+        )
+      }
+    );
   }
 );
 function getState(open) {
   return open ? "open" : "closed";
 }
-const TITLE_WARNING_NAME = "DialogTitleWarning", [DialogWarningProvider, useWarningContext] = createContext(TITLE_WARNING_NAME, {
+const TITLE_WARNING_NAME = "DialogTitleWarning", [DialogWarningProvider, useWarningContext] = (0, import_create_context.createContext)(TITLE_WARNING_NAME, {
   contentName: CONTENT_NAME,
   titleName: TITLE_NAME,
   docsSlug: "dialog"
@@ -321,7 +374,7 @@ const TITLE_WARNING_NAME = "DialogTitleWarning", [DialogWarningProvider, useWarn
 
 If you want to hide the \`${titleWarningContext.titleName}\`, you can wrap it with our VisuallyHidden component.`;
     React.useEffect(() => {
-      isWeb && titleId && (document.getElementById(titleId) || console.warn(MESSAGE));
+      import_constants.isWeb && titleId && (document.getElementById(titleId) || console.warn(MESSAGE));
     }, [MESSAGE, titleId]);
   }
   return null;
@@ -332,7 +385,7 @@ If you want to hide the \`${titleWarningContext.titleName}\`, you can wrap it wi
   if (process.env.NODE_ENV === "development") {
     const MESSAGE = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${useWarningContext(DESCRIPTION_WARNING_NAME).contentName}}.`;
     React.useEffect(() => {
-      if (!isWeb)
+      if (!import_constants.isWeb)
         return;
       const contentNode = contentRef.current;
       if (!(contentNode instanceof HTMLElement))
@@ -342,7 +395,7 @@ If you want to hide the \`${titleWarningContext.titleName}\`, you can wrap it wi
     }, [MESSAGE, contentRef, descriptionId]);
   }
   return null;
-}, Dialog = withStaticProperties(
+}, Dialog = (0, import_helpers.withStaticProperties)(
   React.forwardRef(function(props, ref) {
     const {
       __scopeDialog,
@@ -353,7 +406,7 @@ If you want to hide the \`${titleWarningContext.titleName}\`, you can wrap it wi
       modal = !0,
       allowPinchZoom = !1,
       disableRemoveScroll = !1
-    } = props, baseId = React.useId(), scopeId = `scope-${baseId}`, contentId = `content-${baseId}`, titleId = `title-${baseId}`, descriptionId = `description-${baseId}`, scopeKey = __scopeDialog ? Object.keys(__scopeDialog)[0] : scopeId, sheetContentsName = getSheetContentsName({ scopeKey, contentId }), triggerRef = React.useRef(null), contentRef = React.useRef(null), [open, setOpen] = useControllableState({
+    } = props, baseId = React.useId(), scopeId = `scope-${baseId}`, contentId = `content-${baseId}`, titleId = `title-${baseId}`, descriptionId = `description-${baseId}`, scopeKey = __scopeDialog ? Object.keys(__scopeDialog)[0] : scopeId, sheetContentsName = getSheetContentsName({ scopeKey, contentId }), triggerRef = React.useRef(null), contentRef = React.useRef(null), [open, setOpen] = (0, import_use_controllable_state.useControllableState)({
       prop: openProp,
       defaultProp: defaultOpen,
       onChange: onOpenChange
@@ -372,9 +425,9 @@ If you want to hide the \`${titleWarningContext.titleName}\`, you can wrap it wi
       onOpenToggle,
       modal,
       allowPinchZoom
-    }, { when, AdaptProvider } = useAdaptParent({
+    }, { when, AdaptProvider } = (0, import_adapt.useAdaptParent)({
       Contents: React.useCallback(
-        (props2) => <PortalHost forwardProps={props2} name={sheetContentsName} />,
+        (props2) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_portal.PortalHost, { forwardProps: props2, name: sheetContentsName }),
         [sheetContentsName]
       )
     });
@@ -384,11 +437,15 @@ If you want to hide the \`${titleWarningContext.titleName}\`, you can wrap it wi
         open: setOpen
       }),
       [setOpen]
-    ), <AdaptProvider><DialogProvider
-      {...context}
-      sheetBreakpoint={when}
-      disableRemoveScroll={disableRemoveScroll}
-    ><DialogSheetController onOpenChange={setOpen} __scopeDialog={__scopeDialog}>{children}</DialogSheetController></DialogProvider></AdaptProvider>;
+    ), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AdaptProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      DialogProvider,
+      {
+        ...context,
+        sheetBreakpoint: when,
+        disableRemoveScroll,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogSheetController, { onOpenChange: setOpen, __scopeDialog, children })
+      }
+    ) });
   }),
   {
     Trigger: DialogTrigger,
@@ -398,34 +455,39 @@ If you want to hide the \`${titleWarningContext.titleName}\`, you can wrap it wi
     Title: DialogTitle,
     Description: DialogDescription,
     Close: DialogClose,
-    Sheet: Sheet.Controlled,
-    Adapt
+    Sheet: import_sheet.Sheet.Controlled,
+    Adapt: import_adapt.Adapt
   }
 ), SHEET_CONTENTS_NAME = "DialogSheetContents", DialogSheetContents = ({
   name,
   ...props
-}) => <PortalHost forwardProps={props} name={name} />;
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_portal.PortalHost, { forwardProps: props, name });
 DialogSheetContents.displayName = SHEET_CONTENTS_NAME;
 const getSheetContentsName = ({
   scopeKey,
   contentId
 }) => `${scopeKey || contentId}SheetContents`, DialogSheetController = (props) => {
-  const context = useDialogContext("DialogSheetController", props.__scopeDialog), showSheet = useShowDialogSheet(context), breakpointActive = useSheetBreakpointActive(context), getShowSheet = useGet(showSheet);
-  return <SheetController
-    onOpenChange={(val) => {
-      getShowSheet() && props.onOpenChange(val);
-    }}
-    open={context.open}
-    hidden={breakpointActive === !1}
-  >{props.children}</SheetController>;
+  const context = useDialogContext("DialogSheetController", props.__scopeDialog), showSheet = useShowDialogSheet(context), breakpointActive = useSheetBreakpointActive(context), getShowSheet = (0, import_core.useGet)(showSheet);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_sheet.SheetController,
+    {
+      onOpenChange: (val) => {
+        getShowSheet() && props.onOpenChange(val);
+      },
+      open: context.open,
+      hidden: breakpointActive === !1,
+      children: props.children
+    }
+  );
 }, useSheetBreakpointActive = (context) => {
-  const media = useMedia();
+  const media = (0, import_core.useMedia)();
   return context.sheetBreakpoint ? context.sheetBreakpoint === !0 ? !0 : media[context.sheetBreakpoint] : !1;
 }, useShowDialogSheet = (context) => {
   const breakpointActive = useSheetBreakpointActive(context);
   return context.open === !1 ? !1 : breakpointActive;
 };
-export {
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
   Dialog,
   DialogClose,
   DialogContent,
@@ -439,5 +501,5 @@ export {
   DialogTrigger,
   DialogWarningProvider,
   createDialogScope
-};
+});
 //# sourceMappingURL=Dialog.js.map