@tamagui/dialog 1.61.2 → 1.62.0

package/dist/cjs/Dialog.js

@@ -1,20 +1,15 @@
-"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
+    __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))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
+      !__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(
@@ -22,10 +17,9 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   // 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: true }) : target,
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
   mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
 var Dialog_exports = {};
 __export(Dialog_exports, {
   Dialog: () => Dialog,
@@ -43,34 +37,12 @@ __export(Dialog_exports, {
   createDialogScope: () => createDialogScope
 });
 module.exports = __toCommonJS(Dialog_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_adapt = require("@tamagui/adapt");
-var import_animate_presence = require("@tamagui/animate-presence");
-var import_aria_hidden = require("@tamagui/aria-hidden");
-var import_compose_refs = require("@tamagui/compose-refs");
-var import_core = require("@tamagui/core");
-var import_create_context = require("@tamagui/create-context");
-var import_dismissable = require("@tamagui/dismissable");
-var import_focus_scope = require("@tamagui/focus-scope");
-var import_portal = require("@tamagui/portal");
-var import_remove_scroll = require("@tamagui/remove-scroll");
-var import_sheet = require("@tamagui/sheet");
-var import_stacks = require("@tamagui/stacks");
-var import_text = require("@tamagui/text");
-var import_use_controllable_state = require("@tamagui/use-controllable-state");
-var React = __toESM(require("react"));
-const DIALOG_NAME = "Dialog";
-const [createDialogContext, createDialogScope] = (0, import_create_context.createContextScope)(DIALOG_NAME);
-const [DialogProvider, useDialogContext] = createDialogContext(DIALOG_NAME);
-const TRIGGER_NAME = "DialogTrigger";
-const DialogTriggerFrame = (0, import_core.styled)(import_core.View, {
+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_core = require("@tamagui/core"), import_create_context = require("@tamagui/create-context"), import_dismissable = require("@tamagui/dismissable"), import_focus_scope = require("@tamagui/focus-scope"), 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
-});
-const DialogTrigger = React.forwardRef(
+}), DialogTrigger = React.forwardRef(
   (props, forwardedRef) => {
-    const { __scopeDialog, ...triggerProps } = props;
-    const context = useDialogContext(TRIGGER_NAME, __scopeDialog);
-    const composedTriggerRef = (0, import_compose_refs.useComposedRefs)(forwardedRef, context.triggerRef);
+    const { __scopeDialog, ...triggerProps } = props, context = useDialogContext(TRIGGER_NAME, __scopeDialog), composedTriggerRef = (0, import_compose_refs.useComposedRefs)(forwardedRef, context.triggerRef);
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       DialogTriggerFrame,
       {
@@ -87,20 +59,18 @@ const DialogTrigger = React.forwardRef(
   }
 );
 DialogTrigger.displayName = TRIGGER_NAME;
-const PORTAL_NAME = "DialogPortal";
-const [PortalProvider, usePortalContext] = createDialogContext(
+const PORTAL_NAME = "DialogPortal", [PortalProvider, usePortalContext] = createDialogContext(
   PORTAL_NAME,
   {
     forceMount: void 0
   }
-);
-const DialogPortalFrame = (0, import_core.styled)(import_stacks.YStack, {
+), DialogPortalFrame = (0, import_core.styled)(import_stacks.YStack, {
   variants: {
     unstyled: {
       false: {
         alignItems: "center",
         justifyContent: "center",
-        fullscreen: true,
+        fullscreen: !0,
         zIndex: 1e5,
         ...import_core.isWeb && {
           maxHeight: "100vh",
@@ -110,12 +80,10 @@ const DialogPortalFrame = (0, import_core.styled)(import_stacks.YStack, {
     }
   },
   defaultVariants: {
-    unstyled: false
+    unstyled: !1
   }
-});
-const DialogPortalItem = (props) => {
-  const themeName = (0, import_core.useThemeName)();
-  const context = useDialogContext(PORTAL_NAME, props.__scopeDialog);
+}), 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) {
@@ -129,63 +97,35 @@ function DialogPortalItemContent(props) {
     separator
   } = props;
   let childrenSpaced = children;
-  if (space || separator) {
-    childrenSpaced = (0, import_core.spacedChildren)({
-      children,
-      separator,
-      space,
-      direction: spaceDirection
-    });
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogProvider, { scope: __scopeDialog, ...context, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Theme, { name: themeName, children: childrenSpaced }) });
+  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;
-  const context = useDialogContext(PORTAL_NAME, __scopeDialog);
-  const isShowing = forceMount || context.open;
-  const [isFullyHidden, setIsFullyHidden] = React.useState(!isShowing);
-  if (isShowing && isFullyHidden) {
-    setIsFullyHidden(false);
-  }
+  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 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_animate_presence.AnimatePresence,
     {
       onExitComplete: () => {
-        setIsFullyHidden(true);
+        setIsFullyHidden(!0);
       },
       children: isShowing ? children : null
     }
   );
-  const isSheet = useShowDialogSheet(context);
-  if (isSheet) {
-    return children;
-  }
-  if (context.modal) {
-    if (isFullyHidden) {
-      return null;
-    }
-    return /* @__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 }) }) });
-  }
-  return contents;
+  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";
-const DialogOverlayFrame = (0, import_core.styled)(import_sheet.Overlay, {
+const OVERLAY_NAME = "DialogOverlay", DialogOverlayFrame = (0, import_core.styled)(import_sheet.Overlay, {
   name: OVERLAY_NAME
-});
-const DialogOverlay = DialogOverlayFrame.extractable(
+}), DialogOverlay = DialogOverlayFrame.extractable(
   React.forwardRef(
     ({ __scopeDialog, ...props }, forwardedRef) => {
-      const portalContext = usePortalContext(OVERLAY_NAME, __scopeDialog);
-      const { forceMount = portalContext.forceMount, ...overlayProps } = props;
-      const context = useDialogContext(OVERLAY_NAME, __scopeDialog);
-      const showSheet = useShowDialogSheet(context);
-      if (!forceMount) {
-        if (!context.modal || showSheet) {
-          return null;
-        }
-      }
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogOverlayImpl, { context, ...overlayProps, ref: 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)(DialogOverlayImpl, { context, ...overlayProps, ref: forwardedRef });
     }
   )
 );
@@ -207,52 +147,41 @@ const DialogOverlayImpl = React.forwardRef(
       )
     );
   }
-);
-const CONTENT_NAME = "DialogContent";
-const DialogContentFrame = (0, import_core.styled)(import_stacks.ThemeableStack, {
+), CONTENT_NAME = "DialogContent", DialogContentFrame = (0, import_core.styled)(import_stacks.ThemeableStack, {
   name: CONTENT_NAME,
   tag: "dialog",
   variants: {
     size: {
-      "...size": (val, extras) => {
-        return {};
-      }
+      "...size": (val, extras) => ({})
     },
     unstyled: {
       false: {
         position: "relative",
-        backgrounded: true,
-        padded: true,
-        radiused: true,
-        elevate: true,
+        backgrounded: !0,
+        padded: !0,
+        radiused: !0,
+        elevate: !0,
         zIndex: 1e5
       }
     }
   },
   defaultVariants: {
     size: "$true",
-    unstyled: false
+    unstyled: !1
   }
-});
-const DialogContent = DialogContentFrame.extractable(
+}), DialogContent = DialogContentFrame.extractable(
   React.forwardRef(
     ({ __scopeDialog, ...props }, forwardedRef) => {
-      const portalContext = usePortalContext(CONTENT_NAME, __scopeDialog);
-      const { forceMount = portalContext.forceMount, ...contentProps } = props;
-      const context = useDialogContext(CONTENT_NAME, __scopeDialog);
-      const 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 });
-      if (!import_core.isWeb || context.disableRemoveScroll) {
-        return contents;
-      }
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      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_core.isWeb || context.disableRemoveScroll ? contents : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_remove_scroll.RemoveScroll,
         {
-          forwardProps: true,
+          forwardProps: !0,
           enabled: context.open,
           allowPinchZoom: context.allowPinchZoom,
           shards: [context.contentRef],
-          removeScrollBar: false,
-          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { "data-remove-scroll-container": true, className: "_dsp_contents", children: contents })
+          removeScrollBar: !1,
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { "data-remove-scroll-container": !0, className: "_dsp_contents", children: contents })
         }
       );
     }
@@ -261,37 +190,28 @@ const DialogContent = DialogContentFrame.extractable(
 DialogContent.displayName = CONTENT_NAME;
 const DialogContentModal = React.forwardRef(
   ({ children, context, ...props }, forwardedRef) => {
-    const contentRef = React.useRef(null);
-    const composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, context.contentRef, contentRef);
-    if (import_core.isWeb) {
-      React.useEffect(() => {
-        if (!context.open)
-          return;
-        const content = contentRef.current;
-        if (content)
-          return (0, import_aria_hidden.hideOthers)(content);
-      }, [context.open]);
-    }
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    const contentRef = React.useRef(null), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, context.contentRef, contentRef);
+    return import_core.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,
-        disableOutsidePointerEvents: true,
+        disableOutsidePointerEvents: !0,
         onCloseAutoFocus: (0, import_core.composeEventHandlers)(props.onCloseAutoFocus, (event) => {
-          var _a;
-          event.preventDefault();
-          (_a = context.triggerRef.current) == null ? void 0 : _a.focus();
+          event.preventDefault(), context.triggerRef.current?.focus();
         }),
         onPointerDownOutside: (0, import_core.composeEventHandlers)(
           props.onPointerDownOutside,
           (event) => {
-            const originalEvent = event["detail"].originalEvent;
-            const ctrlLeftClick = originalEvent.button === 0 && originalEvent.ctrlKey === true;
-            const isRightClick = originalEvent.button === 2 || ctrlLeftClick;
-            if (isRightClick)
-              event.preventDefault();
+            const originalEvent = event.detail.originalEvent, ctrlLeftClick = originalEvent.button === 0 && originalEvent.ctrlKey === !0;
+            (originalEvent.button === 2 || ctrlLeftClick) && event.preventDefault();
           }
         ),
         onFocusOutside: (0, import_core.composeEventHandlers)(
@@ -302,46 +222,30 @@ const DialogContentModal = React.forwardRef(
       }
     );
   }
-);
-const DialogContentNonModal = React.forwardRef(
+), DialogContentNonModal = React.forwardRef(
   (props, forwardedRef) => {
-    const hasInteractedOutsideRef = React.useRef(false);
+    const hasInteractedOutsideRef = React.useRef(!1);
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       DialogContentImpl,
       {
         ...props,
         ref: forwardedRef,
-        trapFocus: false,
-        disableOutsidePointerEvents: false,
+        trapFocus: !1,
+        disableOutsidePointerEvents: !1,
         onCloseAutoFocus: (event) => {
-          var _a, _b;
-          (_a = props.onCloseAutoFocus) == null ? void 0 : _a.call(props, event);
-          if (!event.defaultPrevented) {
-            if (!hasInteractedOutsideRef.current) {
-              (_b = props.context.triggerRef.current) == null ? void 0 : _b.focus();
-            }
-            event.preventDefault();
-          }
-          hasInteractedOutsideRef.current = false;
+          props.onCloseAutoFocus?.(event), event.defaultPrevented || (hasInteractedOutsideRef.current || props.context.triggerRef.current?.focus(), event.preventDefault()), hasInteractedOutsideRef.current = !1;
         },
         onInteractOutside: (event) => {
-          var _a;
-          (_a = props.onInteractOutside) == null ? void 0 : _a.call(props, event);
-          if (!event.defaultPrevented)
-            hasInteractedOutsideRef.current = true;
-          const target = event.target;
-          const trigger = props.context.triggerRef.current;
+          props.onInteractOutside?.(event), event.defaultPrevented || (hasInteractedOutsideRef.current = !0);
+          const target = event.target, trigger = props.context.triggerRef.current;
           if (!(trigger instanceof HTMLElement))
             return;
-          const targetIsTrigger = trigger.contains(target);
-          if (targetIsTrigger)
-            event.preventDefault();
+          trigger.contains(target) && event.preventDefault();
         }
       }
     );
   }
-);
-const DialogContentImpl = React.forwardRef(
+), DialogContentImpl = React.forwardRef(
   (props, forwardedRef) => {
     const {
       __scopeDialog,
@@ -355,11 +259,7 @@ const DialogContentImpl = React.forwardRef(
       onInteractOutside,
       context,
       ...contentProps
-    } = props;
-    const contentRef = React.useRef(null);
-    const composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, contentRef);
-    const showSheet = useShowDialogSheet(context);
-    const contents = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    } = 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,
@@ -369,17 +269,11 @@ const DialogContentImpl = React.forwardRef(
         ...contentProps
       }
     );
-    if (showSheet) {
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogPortalItem, { hostName: getSheetContentsName(context), children: contentProps.children });
-    }
-    if (!import_core.isWeb) {
-      return contents;
-    }
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    return showSheet ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogPortalItem, { hostName: getSheetContentsName(context), children: contentProps.children }) : import_core.isWeb ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_focus_scope.FocusScope,
         {
-          loop: true,
+          loop: !0,
           enabled: context.open,
           trapped: trapFocus,
           onMountAutoFocus: onOpenAutoFocus,
@@ -395,7 +289,7 @@ const DialogContentImpl = React.forwardRef(
               onFocusOutside,
               onInteractOutside,
               ref: composedRefs,
-              onDismiss: () => context.onOpenChange(false),
+              onDismiss: () => context.onOpenChange(!1),
               children: contents
             }
           )
@@ -411,28 +305,21 @@ const DialogContentImpl = React.forwardRef(
           }
         )
       ] })
-    ] });
+    ] }) : contents;
   }
-);
-const TITLE_NAME = "DialogTitle";
-const DialogTitleFrame = (0, import_core.styled)(import_text.H2, {
+), TITLE_NAME = "DialogTitle", DialogTitleFrame = (0, import_core.styled)(import_text.H2, {
   name: TITLE_NAME
-});
-const DialogTitle = React.forwardRef(
+}), DialogTitle = React.forwardRef(
   (props, forwardedRef) => {
-    const { __scopeDialog, ...titleProps } = props;
-    const context = useDialogContext(TITLE_NAME, __scopeDialog);
+    const { __scopeDialog, ...titleProps } = props, context = useDialogContext(TITLE_NAME, __scopeDialog);
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogTitleFrame, { id: context.titleId, ...titleProps, ref: forwardedRef });
   }
 );
 DialogTitle.displayName = TITLE_NAME;
 const DialogDescriptionFrame = (0, import_core.styled)(import_text.Paragraph, {
   name: "DialogDescription"
-});
-const DESCRIPTION_NAME = "DialogDescription";
-const DialogDescription = React.forwardRef((props, forwardedRef) => {
-  const { __scopeDialog, ...descriptionProps } = props;
-  const context = useDialogContext(DESCRIPTION_NAME, __scopeDialog);
+}), DESCRIPTION_NAME = "DialogDescription", DialogDescription = React.forwardRef((props, forwardedRef) => {
+  const { __scopeDialog, ...descriptionProps } = props, context = useDialogContext(DESCRIPTION_NAME, __scopeDialog);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     DialogDescriptionFrame,
     {
@@ -443,8 +330,7 @@ const DialogDescription = React.forwardRef((props, forwardedRef) => {
   );
 });
 DialogDescription.displayName = DESCRIPTION_NAME;
-const CLOSE_NAME = "DialogClose";
-const DialogCloseFrame = (0, import_core.styled)(import_core.View, {
+const CLOSE_NAME = "DialogClose", DialogCloseFrame = (0, import_core.styled)(import_core.View, {
   name: CLOSE_NAME,
   tag: "button",
   variants: {
@@ -455,21 +341,15 @@ const DialogCloseFrame = (0, import_core.styled)(import_core.View, {
     }
   },
   defaultVariants: {
-    unstyled: false
+    unstyled: !1
   }
-});
-const DialogClose = DialogCloseFrame.styleable(
+}), DialogClose = DialogCloseFrame.styleable(
   (props, forwardedRef) => {
-    const { __scopeDialog, displayWhenAdapted, ...closeProps } = props;
-    const context = useDialogContext(CLOSE_NAME, __scopeDialog, {
-      warn: false,
+    const { __scopeDialog, displayWhenAdapted, ...closeProps } = props, context = useDialogContext(CLOSE_NAME, __scopeDialog, {
+      warn: !1,
       fallback: {}
     });
-    const isSheet = useShowDialogSheet(context);
-    if (isSheet && !displayWhenAdapted) {
-      return null;
-    }
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    return useShowDialogSheet(context) && !displayWhenAdapted ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       DialogCloseFrame,
       {
         accessibilityLabel: "Dialog Close",
@@ -477,7 +357,7 @@ const DialogClose = DialogCloseFrame.styleable(
         ref: forwardedRef,
         onPress: (0, import_core.composeEventHandlers)(
           props.onPress,
-          () => context.onOpenChange(false)
+          () => context.onOpenChange(!1)
         )
       }
     );
@@ -486,87 +366,55 @@ const DialogClose = DialogCloseFrame.styleable(
 function getState(open) {
   return open ? "open" : "closed";
 }
-const TITLE_WARNING_NAME = "DialogTitleWarning";
-const [DialogWarningProvider, useWarningContext] = (0, import_create_context.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"
-});
-const TitleWarning = ({ titleId }) => {
+}), TitleWarning = ({ titleId }) => {
   if (process.env.NODE_ENV === "development") {
-    const titleWarningContext = useWarningContext(TITLE_WARNING_NAME);
-    const MESSAGE = `\`${titleWarningContext.contentName}\` requires a \`${titleWarningContext.titleName}\` for the component to be accessible for screen reader users.
+    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(() => {
-      if (!import_core.isWeb)
-        return;
-      if (titleId) {
-        const hasTitle = document.getElementById(titleId);
-        if (!hasTitle) {
-          console.warn(MESSAGE);
-        }
-      }
+      import_core.isWeb && titleId && (document.getElementById(titleId) || console.warn(MESSAGE));
     }, [MESSAGE, titleId]);
   }
   return null;
-};
-const DESCRIPTION_WARNING_NAME = "DialogDescriptionWarning";
-const DescriptionWarning = ({
+}, DESCRIPTION_WARNING_NAME = "DialogDescriptionWarning", DescriptionWarning = ({
   contentRef,
   descriptionId
 }) => {
   if (process.env.NODE_ENV === "development") {
-    const descriptionWarningContext = useWarningContext(DESCRIPTION_WARNING_NAME);
-    const MESSAGE = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${descriptionWarningContext.contentName}}.`;
+    const MESSAGE = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${useWarningContext(DESCRIPTION_WARNING_NAME).contentName}}.`;
     React.useEffect(() => {
       if (!import_core.isWeb)
         return;
       const contentNode = contentRef.current;
-      if (!(contentNode instanceof HTMLElement)) {
+      if (!(contentNode instanceof HTMLElement))
         return;
-      }
       const describedById = contentNode.getAttribute("aria-describedby");
-      if (descriptionId && describedById) {
-        const hasDescription = document.getElementById(descriptionId);
-        if (!hasDescription) {
-          console.warn(MESSAGE);
-        }
-      }
+      descriptionId && describedById && (document.getElementById(descriptionId) || console.warn(MESSAGE));
     }, [MESSAGE, contentRef, descriptionId]);
   }
   return null;
-};
-const Dialog = (0, import_core.withStaticProperties)(
-  React.forwardRef(function Dialog2(props, ref) {
+}, Dialog = (0, import_core.withStaticProperties)(
+  React.forwardRef(function(props, ref) {
     const {
       __scopeDialog,
       children,
       open: openProp,
-      defaultOpen = false,
+      defaultOpen = !1,
       onOpenChange,
-      modal = true,
-      allowPinchZoom = false,
-      disableRemoveScroll = false
-    } = props;
-    const baseId = React.useId();
-    const scopeId = `scope-${baseId}`;
-    const contentId = `content-${baseId}`;
-    const titleId = `title-${baseId}`;
-    const descriptionId = `description-${baseId}`;
-    const scopeKey = __scopeDialog ? Object.keys(__scopeDialog)[0] : scopeId;
-    const sheetContentsName = getSheetContentsName({ scopeKey, contentId });
-    const triggerRef = React.useRef(null);
-    const contentRef = React.useRef(null);
-    const [open, setOpen] = (0, import_use_controllable_state.useControllableState)({
+      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
-    });
-    const onOpenToggle = React.useCallback(() => {
+    }), onOpenToggle = React.useCallback(() => {
       setOpen((prevOpen) => !prevOpen);
-    }, [setOpen]);
-    const context = {
+    }, [setOpen]), context = {
       scope: __scopeDialog,
       scopeKey,
       triggerRef,
@@ -579,23 +427,19 @@ const Dialog = (0, import_core.withStaticProperties)(
       onOpenToggle,
       modal,
       allowPinchZoom
-    };
-    const { when, AdaptProvider } = (0, import_adapt.useAdaptParent)({
+    }, { when, AdaptProvider } = (0, import_adapt.useAdaptParent)({
       Contents: React.useCallback(
-        (props2) => {
-          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_portal.PortalHost, { forwardProps: props2, name: sheetContentsName });
-        },
+        (props2) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_portal.PortalHost, { forwardProps: props2, name: sheetContentsName }),
         [sheetContentsName]
       )
     });
-    React.useImperativeHandle(
+    return React.useImperativeHandle(
       ref,
       () => ({
         open: setOpen
       }),
       [setOpen]
-    );
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AdaptProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    ), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AdaptProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       DialogProvider,
       {
         ...context,
@@ -616,49 +460,33 @@ const Dialog = (0, import_core.withStaticProperties)(
     Sheet: import_sheet.Sheet.Controlled,
     Adapt: import_adapt.Adapt
   }
-);
-const SHEET_CONTENTS_NAME = "DialogSheetContents";
-const DialogSheetContents = ({
+), SHEET_CONTENTS_NAME = "DialogSheetContents", DialogSheetContents = ({
   name,
   ...props
-}) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_portal.PortalHost, { forwardProps: props, 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`;
-const DialogSheetController = (props) => {
-  const context = useDialogContext("DialogSheetController", props.__scopeDialog);
-  const showSheet = useShowDialogSheet(context);
-  const breakpointActive = useSheetBreakpointActive(context);
-  const getShowSheet = (0, import_core.useGet)(showSheet);
+}) => `${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) => {
-        if (getShowSheet()) {
-          props.onOpenChange(val);
-        }
+        getShowSheet() && props.onOpenChange(val);
       },
       open: context.open,
-      hidden: breakpointActive === false,
+      hidden: breakpointActive === !1,
       children: props.children
     }
   );
-};
-const useSheetBreakpointActive = (context) => {
+}, useSheetBreakpointActive = (context) => {
   const media = (0, import_core.useMedia)();
-  if (!context.sheetBreakpoint)
-    return false;
-  if (context.sheetBreakpoint === true)
-    return true;
-  return media[context.sheetBreakpoint];
-};
-const useShowDialogSheet = (context) => {
+  return context.sheetBreakpoint ? context.sheetBreakpoint === !0 ? !0 : media[context.sheetBreakpoint] : !1;
+}, useShowDialogSheet = (context) => {
   const breakpointActive = useSheetBreakpointActive(context);
-  return context.open === false ? false : breakpointActive;
+  return context.open === !1 ? !1 : breakpointActive;
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {