@tamagui/dialog 1.114.4 → 1.115.1

package/dist/cjs/Dialog.cjs

@@ -0,0 +1,603 @@
+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(function (props, forwardedRef) {
+    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)
+      })
+    });
+  }),
+  PORTAL_NAME = "DialogPortal",
+  [PortalProvider, usePortalContext] = createDialogContext(PORTAL_NAME, {
+    forceMount: void 0
+  }),
+  DialogPortalFrame = (0, import_core.styled)(import_stacks.YStack, {
+    pointerEvents: "none",
+    variants: {
+      unstyled: {
+        false: {
+          alignItems: "center",
+          justifyContent: "center",
+          fullscreen: !0,
+          zIndex: 1e5,
+          ...(import_constants.isWeb && {
+            maxHeight: "100vh",
+            position: "fixed"
+          })
+        }
+      }
+    },
+    defaultVariants: {
+      unstyled: process.env.TAMAGUI_HEADLESS === "1"
+    }
+  }),
+  DialogPortalItem = props => {
+    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 {
+    __scopeDialog,
+    children,
+    context,
+    themeName,
+    space,
+    spaceDirection,
+    separator
+  } = props;
+  let childrenSpaced = children;
+  return (space || separator) && (childrenSpaced = (0, import_core.spacedChildren)({
+    children,
+    separator,
+    space,
+    direction: spaceDirection
+  })), /* @__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 handleExitComplete = React.useCallback(() => {
+        setIsFullyHidden(!0);
+      }, []),
+      contents = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_animate_presence.AnimatePresence, {
+        onExitComplete: handleExitComplete,
+        children: isShowing ? children : null
+      });
+    if (useShowDialogSheet(context)) return children;
+    if (context.modal) {
+      if (isFullyHidden) return null;
+      const framedContents = /* @__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
+        })
+      });
+      return import_constants.isWeb ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_portal.Portal, {
+        zIndex: props.zIndex ?? 1e5,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(PassthroughTheme, {
+          children: framedContents
+        })
+      }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(DialogPortalItem, {
+        __scopeDialog,
+        children: framedContents
+      });
+    }
+    return contents;
+  },
+  PassthroughTheme = ({
+    children
+  }) => {
+    const themeName = (0, import_core.useThemeName)();
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_core.Theme, {
+      name: themeName,
+      forceClassName: !0,
+      children
+    });
+  },
+  OVERLAY_NAME = "DialogOverlay",
+  DialogOverlayFrame = (0, import_core.styled)(import_sheet.Overlay, {
+    name: OVERLAY_NAME
+  }),
+  DialogOverlay = DialogOverlayFrame.extractable(React.forwardRef(function ({
+    __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 : /* @__PURE__ */(0, import_jsx_runtime.jsx)(DialogOverlayFrame, {
+      "data-state": getState(context.open),
+      pointerEvents: context.open ? "auto" : "none",
+      ...overlayProps,
+      ref: forwardedRef
+    });
+  })),
+  CONTENT_NAME = "DialogContent",
+  DialogContentFrame = (0, import_core.styled)(import_stacks.ThemeableStack, {
+    name: CONTENT_NAME,
+    tag: "dialog",
+    variants: {
+      size: {
+        "...size": (val, extras) => ({})
+      },
+      unstyled: {
+        false: {
+          position: "relative",
+          backgrounded: !0,
+          padded: !0,
+          radiused: !0,
+          elevate: !0,
+          zIndex: 1e5
+        }
+      }
+    },
+    defaultVariants: {
+      size: "$true",
+      unstyled: process.env.TAMAGUI_HEADLESS === "1"
+    }
+  }),
+  DialogContent = DialogContentFrame.extractable(React.forwardRef(function ({
+    __scopeDialog,
+    ...props
+  }, forwardedRef) {
+    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
+      })
+    });
+  })),
+  DialogContentModal = React.forwardRef(({
+    children,
+    context,
+    ...props
+  }, forwardedRef) => {
+    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 (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 => {
+        event.preventDefault(), context.triggerRef.current?.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()),
+      ...(!props.unstyled && {
+        outlineStyle: "none"
+      }),
+      children
+    });
+  }),
+  DialogContentNonModal = React.forwardRef((props, forwardedRef) => {
+    const hasInteractedOutsideRef = React.useRef(!1);
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(DialogContentImpl, {
+      ...props,
+      ref: forwardedRef,
+      trapFocus: !1,
+      disableOutsidePointerEvents: !1,
+      onCloseAutoFocus: event => {
+        props.onCloseAutoFocus?.(event), event.defaultPrevented || (hasInteractedOutsideRef.current || props.context.triggerRef.current?.focus(), event.preventDefault()), hasInteractedOutsideRef.current = !1;
+      },
+      onInteractOutside: event => {
+        props.onInteractOutside?.(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) => {
+    const {
+        __scopeDialog,
+        trapFocus,
+        onOpenAutoFocus,
+        onCloseAutoFocus,
+        disableOutsidePointerEvents,
+        onEscapeKeyDown,
+        onPointerDownOutside,
+        onFocusOutside,
+        onInteractOutside,
+        context,
+        ...contentProps
+      } = 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_dismissable.Dismissable, {
+        disableOutsidePointerEvents: context.open && disableOutsidePointerEvents,
+        forceUnmount: !context.open,
+        onEscapeKeyDown,
+        onPointerDownOutside,
+        onFocusOutside,
+        onInteractOutside,
+        ref: composedRefs,
+        onDismiss: () => context.onOpenChange(!1),
+        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: 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;
+  }),
+  DialogTitleFrame = (0, import_core.styled)(import_text.H2, {
+    name: "DialogTitle"
+  }),
+  DialogTitle = DialogTitleFrame.styleable(function (props, forwardedRef) {
+    const {
+        __scopeDialog,
+        ...titleProps
+      } = props,
+      context = useDialogContext("DialogTitle", __scopeDialog);
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(DialogTitleFrame, {
+      id: context.titleId,
+      ...titleProps,
+      ref: forwardedRef
+    });
+  }),
+  DialogDescriptionFrame = (0, import_core.styled)(import_text.Paragraph, {
+    name: "DialogDescription"
+  }),
+  DESCRIPTION_NAME = "DialogDescription",
+  DialogDescription = DialogDescriptionFrame.styleable(function (props, forwardedRef) {
+    const {
+        __scopeDialog,
+        ...descriptionProps
+      } = props,
+      context = useDialogContext(DESCRIPTION_NAME, __scopeDialog);
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(DialogDescriptionFrame, {
+      id: context.descriptionId,
+      ...descriptionProps,
+      ref: forwardedRef
+    });
+  }),
+  CLOSE_NAME = "DialogClose",
+  DialogCloseFrame = (0, import_core.styled)(import_core.View, {
+    name: CLOSE_NAME,
+    tag: "button"
+  }),
+  DialogClose = DialogCloseFrame.styleable((props, forwardedRef) => {
+    const {
+        __scopeDialog,
+        displayWhenAdapted,
+        ...closeProps
+      } = props,
+      context = useDialogContext(CLOSE_NAME, __scopeDialog, {
+        warn: !1,
+        fallback: {}
+      }),
+      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] = (0, import_create_context.createContext)(TITLE_WARNING_NAME, {
+    contentName: CONTENT_NAME,
+    titleName: "DialogTitle",
+    docsSlug: "dialog"
+  }),
+  TitleWarning = ({
+    titleId
+  }) => {
+    if (process.env.NODE_ENV === "development") {
+      const titleWarningContext = useWarningContext(TITLE_WARNING_NAME),
+        MESSAGE = `\`${titleWarningContext.contentName}\` requires a \`${titleWarningContext.titleName}\` for the component to be accessible for screen reader users.
+
+If you want to hide the \`${titleWarningContext.titleName}\`, you can wrap it with our VisuallyHidden component.`;
+      React.useEffect(() => {
+        import_constants.isWeb && titleId && (document.getElementById(titleId) || console.warn(MESSAGE));
+      }, [MESSAGE, titleId]);
+    }
+    return null;
+  },
+  DESCRIPTION_WARNING_NAME = "DialogDescriptionWarning",
+  DescriptionWarning = ({
+    contentRef,
+    descriptionId
+  }) => {
+    if (process.env.NODE_ENV === "development") {
+      const MESSAGE = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${useWarningContext(DESCRIPTION_WARNING_NAME).contentName}}.`;
+      React.useEffect(() => {
+        if (!import_constants.isWeb) return;
+        const contentNode = contentRef.current;
+        if (!(contentNode instanceof HTMLElement)) return;
+        const describedById = contentNode.getAttribute("aria-describedby");
+        descriptionId && describedById && (document.getElementById(descriptionId) || console.warn(MESSAGE));
+      }, [MESSAGE, contentRef, descriptionId]);
+    }
+    return null;
+  },
+  Dialog = (0, import_helpers.withStaticProperties)(React.forwardRef(function (props, ref) {
+    const {
+        __scopeDialog,
+        children,
+        open: openProp,
+        defaultOpen = !1,
+        onOpenChange,
+        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] = (0, import_use_controllable_state.useControllableState)({
+        prop: openProp,
+        defaultProp: defaultOpen,
+        onChange: onOpenChange
+      }),
+      onOpenToggle = React.useCallback(() => {
+        setOpen(prevOpen => !prevOpen);
+      }, [setOpen]),
+      context = {
+        scope: __scopeDialog,
+        scopeKey,
+        triggerRef,
+        contentRef,
+        contentId,
+        titleId,
+        descriptionId,
+        open,
+        onOpenChange: setOpen,
+        onOpenToggle,
+        modal,
+        allowPinchZoom
+      },
+      {
+        when,
+        AdaptProvider
+      } = (0, import_adapt.useAdaptParent)({
+        Contents: React.useCallback(props2 => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_portal.PortalHost, {
+          forwardProps: props2,
+          name: sheetContentsName
+        }), [sheetContentsName])
+      });
+    return React.useImperativeHandle(ref, () => ({
+      open: setOpen
+    }), [setOpen]), /* @__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,
+    Portal: DialogPortal,
+    Overlay: DialogOverlay,
+    Content: DialogContent,
+    Title: DialogTitle,
+    Description: DialogDescription,
+    Close: DialogClose,
+    Sheet: import_sheet.Sheet.Controlled,
+    Adapt: import_adapt.Adapt
+  });
+const DialogSheetContents = ({
+    name,
+    ...props
+  }) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_portal.PortalHost, {
+    forwardProps: props,
+    name
+  }),
+  getSheetContentsName = ({
+    scopeKey,
+    contentId
+  }) => `${scopeKey || contentId}SheetContents`,
+  DialogSheetController = props => {
+    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 = (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;
+  };

package/dist/cjs/index.cjs

@@ -0,0 +1,18 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __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;
+  },
+  __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var src_exports = {};
+module.exports = __toCommonJS(src_exports);
+__reExport(src_exports, require("./Dialog.cjs"), module.exports);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/dialog",
-  "version": "1.114.4",
+  "version": "1.115.1",
   "source": "src/index.ts",
   "types": "./types/index.d.ts",
   "main": "dist/cjs",
@@ -29,34 +29,35 @@
       "react-native": "./dist/cjs/index.native.js",
       "types": "./types/index.d.ts",
       "import": "./dist/esm/index.mjs",
-      "require": "./dist/cjs/index.js"
+      "require": "./dist/cjs/index.cjs",
+      "default": "./dist/cjs/index.native.js"
     }
   },
   "dependencies": {
-    "@tamagui/adapt": "1.114.4",
-    "@tamagui/animate-presence": "1.114.4",
-    "@tamagui/aria-hidden": "1.114.4",
-    "@tamagui/compose-refs": "1.114.4",
-    "@tamagui/constants": "1.114.4",
-    "@tamagui/core": "1.114.4",
-    "@tamagui/create-context": "1.114.4",
-    "@tamagui/dismissable": "1.114.4",
-    "@tamagui/focus-scope": "1.114.4",
-    "@tamagui/helpers": "1.114.4",
-    "@tamagui/polyfill-dev": "1.114.4",
-    "@tamagui/popper": "1.114.4",
-    "@tamagui/portal": "1.114.4",
-    "@tamagui/remove-scroll": "1.114.4",
-    "@tamagui/sheet": "1.114.4",
-    "@tamagui/stacks": "1.114.4",
-    "@tamagui/text": "1.114.4",
-    "@tamagui/use-controllable-state": "1.114.4"
+    "@tamagui/adapt": "1.115.1",
+    "@tamagui/animate-presence": "1.115.1",
+    "@tamagui/aria-hidden": "1.115.1",
+    "@tamagui/compose-refs": "1.115.1",
+    "@tamagui/constants": "1.115.1",
+    "@tamagui/core": "1.115.1",
+    "@tamagui/create-context": "1.115.1",
+    "@tamagui/dismissable": "1.115.1",
+    "@tamagui/focus-scope": "1.115.1",
+    "@tamagui/helpers": "1.115.1",
+    "@tamagui/polyfill-dev": "1.115.1",
+    "@tamagui/popper": "1.115.1",
+    "@tamagui/portal": "1.115.1",
+    "@tamagui/remove-scroll": "1.115.1",
+    "@tamagui/sheet": "1.115.1",
+    "@tamagui/stacks": "1.115.1",
+    "@tamagui/text": "1.115.1",
+    "@tamagui/use-controllable-state": "1.115.1"
   },
   "peerDependencies": {
     "react": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "1.114.4",
+    "@tamagui/build": "1.115.1",
     "react": "^18.2.0 || ^19.0.0",
     "react-native": "0.74.1"
   },

package/dist/cjs/Dialog.js

@@ -1,457 +0,0 @@
-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(function(props, forwardedRef) {
-  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)
-    }
-  ) });
-}), PORTAL_NAME = "DialogPortal", [PortalProvider, usePortalContext] = createDialogContext(
-  PORTAL_NAME,
-  {
-    forceMount: void 0
-  }
-), DialogPortalFrame = (0, import_core.styled)(import_stacks.YStack, {
-  pointerEvents: "none",
-  variants: {
-    unstyled: {
-      false: {
-        alignItems: "center",
-        justifyContent: "center",
-        fullscreen: !0,
-        zIndex: 1e5,
-        ...import_constants.isWeb && {
-          maxHeight: "100vh",
-          position: "fixed"
-        }
-      }
-    }
-  },
-  defaultVariants: {
-    unstyled: process.env.TAMAGUI_HEADLESS === "1"
-  }
-}), DialogPortalItem = (props) => {
-  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 {
-    __scopeDialog,
-    children,
-    context,
-    themeName,
-    space,
-    spaceDirection,
-    separator
-  } = props;
-  let childrenSpaced = children;
-  return (space || separator) && (childrenSpaced = (0, import_core.spacedChildren)({
-    children,
-    separator,
-    space,
-    direction: spaceDirection
-  })), /* @__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 handleExitComplete = React.useCallback(() => {
-    setIsFullyHidden(!0);
-  }, []), contents = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_animate_presence.AnimatePresence, { onExitComplete: handleExitComplete, children: isShowing ? children : null });
-  if (useShowDialogSheet(context))
-    return children;
-  if (context.modal) {
-    if (isFullyHidden)
-      return null;
-    const framedContents = /* @__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 }) });
-    return import_constants.isWeb ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_portal.Portal, { zIndex: props.zIndex ?? 1e5, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PassthroughTheme, { children: framedContents }) }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogPortalItem, { __scopeDialog, children: framedContents });
-  }
-  return contents;
-}, PassthroughTheme = ({ children }) => {
-  const themeName = (0, import_core.useThemeName)();
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Theme, { name: themeName, forceClassName: !0, children });
-}, OVERLAY_NAME = "DialogOverlay", DialogOverlayFrame = (0, import_core.styled)(import_sheet.Overlay, {
-  name: OVERLAY_NAME
-}), DialogOverlay = DialogOverlayFrame.extractable(
-  React.forwardRef(function({ __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 : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      DialogOverlayFrame,
-      {
-        "data-state": getState(context.open),
-        pointerEvents: context.open ? "auto" : "none",
-        ...overlayProps,
-        ref: forwardedRef
-      }
-    );
-  })
-), CONTENT_NAME = "DialogContent", DialogContentFrame = (0, import_core.styled)(import_stacks.ThemeableStack, {
-  name: CONTENT_NAME,
-  tag: "dialog",
-  variants: {
-    size: {
-      "...size": (val, extras) => ({})
-    },
-    unstyled: {
-      false: {
-        position: "relative",
-        backgrounded: !0,
-        padded: !0,
-        radiused: !0,
-        elevate: !0,
-        zIndex: 1e5
-      }
-    }
-  },
-  defaultVariants: {
-    size: "$true",
-    unstyled: process.env.TAMAGUI_HEADLESS === "1"
-  }
-}), DialogContent = DialogContentFrame.extractable(
-  React.forwardRef(function({ __scopeDialog, ...props }, forwardedRef) {
-    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 })
-      }
-    );
-  })
-), DialogContentModal = React.forwardRef(
-  ({ children, context, ...props }, forwardedRef) => {
-    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 (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) => {
-          event.preventDefault(), context.triggerRef.current?.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()
-        ),
-        ...!props.unstyled && {
-          outlineStyle: "none"
-        },
-        children
-      }
-    );
-  }
-), DialogContentNonModal = React.forwardRef(
-  (props, forwardedRef) => {
-    const hasInteractedOutsideRef = React.useRef(!1);
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      DialogContentImpl,
-      {
-        ...props,
-        ref: forwardedRef,
-        trapFocus: !1,
-        disableOutsidePointerEvents: !1,
-        onCloseAutoFocus: (event) => {
-          props.onCloseAutoFocus?.(event), event.defaultPrevented || (hasInteractedOutsideRef.current || props.context.triggerRef.current?.focus(), event.preventDefault()), hasInteractedOutsideRef.current = !1;
-        },
-        onInteractOutside: (event) => {
-          props.onInteractOutside?.(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) => {
-    const {
-      __scopeDialog,
-      trapFocus,
-      onOpenAutoFocus,
-      onCloseAutoFocus,
-      disableOutsidePointerEvents,
-      onEscapeKeyDown,
-      onPointerDownOutside,
-      onFocusOutside,
-      onInteractOutside,
-      context,
-      ...contentProps
-    } = 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_dismissable.Dismissable,
-        {
-          disableOutsidePointerEvents: context.open && disableOutsidePointerEvents,
-          forceUnmount: !context.open,
-          onEscapeKeyDown,
-          onPointerDownOutside,
-          onFocusOutside,
-          onInteractOutside,
-          ref: composedRefs,
-          onDismiss: () => context.onOpenChange(!1),
-          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: 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;
-  }
-), DialogTitleFrame = (0, import_core.styled)(import_text.H2, {
-  name: "DialogTitle"
-}), DialogTitle = DialogTitleFrame.styleable(function(props, forwardedRef) {
-  const { __scopeDialog, ...titleProps } = props, context = useDialogContext("DialogTitle", __scopeDialog);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogTitleFrame, { id: context.titleId, ...titleProps, ref: forwardedRef });
-}), DialogDescriptionFrame = (0, import_core.styled)(import_text.Paragraph, {
-  name: "DialogDescription"
-}), DESCRIPTION_NAME = "DialogDescription", DialogDescription = DialogDescriptionFrame.styleable(function(props, forwardedRef) {
-  const { __scopeDialog, ...descriptionProps } = props, context = useDialogContext(DESCRIPTION_NAME, __scopeDialog);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    DialogDescriptionFrame,
-    {
-      id: context.descriptionId,
-      ...descriptionProps,
-      ref: forwardedRef
-    }
-  );
-}), CLOSE_NAME = "DialogClose", DialogCloseFrame = (0, import_core.styled)(import_core.View, {
-  name: CLOSE_NAME,
-  tag: "button"
-}), DialogClose = DialogCloseFrame.styleable(
-  (props, forwardedRef) => {
-    const { __scopeDialog, displayWhenAdapted, ...closeProps } = props, context = useDialogContext(CLOSE_NAME, __scopeDialog, {
-      warn: !1,
-      fallback: {}
-    }), 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] = (0, import_create_context.createContext)(TITLE_WARNING_NAME, {
-  contentName: CONTENT_NAME,
-  titleName: "DialogTitle",
-  docsSlug: "dialog"
-}), TitleWarning = ({ titleId }) => {
-  if (process.env.NODE_ENV === "development") {
-    const titleWarningContext = useWarningContext(TITLE_WARNING_NAME), MESSAGE = `\`${titleWarningContext.contentName}\` requires a \`${titleWarningContext.titleName}\` for the component to be accessible for screen reader users.
-
-If you want to hide the \`${titleWarningContext.titleName}\`, you can wrap it with our VisuallyHidden component.`;
-    React.useEffect(() => {
-      import_constants.isWeb && titleId && (document.getElementById(titleId) || console.warn(MESSAGE));
-    }, [MESSAGE, titleId]);
-  }
-  return null;
-}, DESCRIPTION_WARNING_NAME = "DialogDescriptionWarning", DescriptionWarning = ({
-  contentRef,
-  descriptionId
-}) => {
-  if (process.env.NODE_ENV === "development") {
-    const MESSAGE = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${useWarningContext(DESCRIPTION_WARNING_NAME).contentName}}.`;
-    React.useEffect(() => {
-      if (!import_constants.isWeb) return;
-      const contentNode = contentRef.current;
-      if (!(contentNode instanceof HTMLElement))
-        return;
-      const describedById = contentNode.getAttribute("aria-describedby");
-      descriptionId && describedById && (document.getElementById(descriptionId) || console.warn(MESSAGE));
-    }, [MESSAGE, contentRef, descriptionId]);
-  }
-  return null;
-}, Dialog = (0, import_helpers.withStaticProperties)(
-  React.forwardRef(function(props, ref) {
-    const {
-      __scopeDialog,
-      children,
-      open: openProp,
-      defaultOpen = !1,
-      onOpenChange,
-      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] = (0, import_use_controllable_state.useControllableState)({
-      prop: openProp,
-      defaultProp: defaultOpen,
-      onChange: onOpenChange
-    }), onOpenToggle = React.useCallback(() => {
-      setOpen((prevOpen) => !prevOpen);
-    }, [setOpen]), context = {
-      scope: __scopeDialog,
-      scopeKey,
-      triggerRef,
-      contentRef,
-      contentId,
-      titleId,
-      descriptionId,
-      open,
-      onOpenChange: setOpen,
-      onOpenToggle,
-      modal,
-      allowPinchZoom
-    }, { when, AdaptProvider } = (0, import_adapt.useAdaptParent)({
-      Contents: React.useCallback(
-        (props2) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_portal.PortalHost, { forwardProps: props2, name: sheetContentsName }),
-        [sheetContentsName]
-      )
-    });
-    return React.useImperativeHandle(
-      ref,
-      () => ({
-        open: setOpen
-      }),
-      [setOpen]
-    ), /* @__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,
-    Portal: DialogPortal,
-    Overlay: DialogOverlay,
-    Content: DialogContent,
-    Title: DialogTitle,
-    Description: DialogDescription,
-    Close: DialogClose,
-    Sheet: import_sheet.Sheet.Controlled,
-    Adapt: import_adapt.Adapt
-  }
-);
-const DialogSheetContents = ({
-  name,
-  ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_portal.PortalHost, { forwardProps: props, name }), getSheetContentsName = ({
-  scopeKey,
-  contentId
-}) => `${scopeKey || contentId}SheetContents`, DialogSheetController = (props) => {
-  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 = (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;
-};
-//# sourceMappingURL=Dialog.js.map

package/dist/cjs/index.js

@@ -1,15 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __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;
-}, __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
-var src_exports = {};
-module.exports = __toCommonJS(src_exports);
-__reExport(src_exports, require("./Dialog"), module.exports);
-//# sourceMappingURL=index.js.map