@tamagui/dialog 1.61.3 → 1.62.1

package/dist/esm/Dialog.js

@@ -1,4 +1,3 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Adapt, useAdaptParent } from "@tamagui/adapt";
 import { AnimatePresence } from "@tamagui/animate-presence";
 import { hideOthers } from "@tamagui/aria-hidden";
@@ -25,18 +24,12 @@ import { 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";
-const [createDialogContext, createDialogScope] = createContextScope(DIALOG_NAME);
-const [DialogProvider, useDialogContext] = createDialogContext(DIALOG_NAME);
-const TRIGGER_NAME = "DialogTrigger";
-const DialogTriggerFrame = styled(View, {
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+const DIALOG_NAME = "Dialog", [createDialogContext, createDialogScope] = createContextScope(DIALOG_NAME), [DialogProvider, useDialogContext] = createDialogContext(DIALOG_NAME), TRIGGER_NAME = "DialogTrigger", DialogTriggerFrame = styled(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 = useComposedRefs(forwardedRef, context.triggerRef);
+    const { __scopeDialog, ...triggerProps } = props, context = useDialogContext(TRIGGER_NAME, __scopeDialog), composedTriggerRef = useComposedRefs(forwardedRef, context.triggerRef);
     return /* @__PURE__ */ jsx(
       DialogTriggerFrame,
       {
@@ -53,20 +46,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 = styled(YStack, {
+), DialogPortalFrame = styled(YStack, {
   variants: {
     unstyled: {
       false: {
         alignItems: "center",
         justifyContent: "center",
-        fullscreen: true,
+        fullscreen: !0,
         zIndex: 1e5,
         ...isWeb && {
           maxHeight: "100vh",
@@ -76,12 +67,10 @@ const DialogPortalFrame = styled(YStack, {
     }
   },
   defaultVariants: {
-    unstyled: false
+    unstyled: !1
   }
-});
-const DialogPortalItem = (props) => {
-  const themeName = useThemeName();
-  const context = useDialogContext(PORTAL_NAME, props.__scopeDialog);
+}), DialogPortalItem = (props) => {
+  const themeName = useThemeName(), context = useDialogContext(PORTAL_NAME, props.__scopeDialog);
   return /* @__PURE__ */ jsx(PortalItem, { hostName: props.hostName, children: /* @__PURE__ */ jsx(DialogPortalItemContent, { ...props, themeName, context }) });
 };
 function DialogPortalItemContent(props) {
@@ -95,63 +84,35 @@ function DialogPortalItemContent(props) {
     separator
   } = props;
   let childrenSpaced = children;
-  if (space || separator) {
-    childrenSpaced = spacedChildren({
-      children,
-      separator,
-      space,
-      direction: spaceDirection
-    });
-  }
-  return /* @__PURE__ */ jsx(DialogProvider, { scope: __scopeDialog, ...context, children: /* @__PURE__ */ jsx(Theme, { name: themeName, children: childrenSpaced }) });
+  return (space || separator) && (childrenSpaced = spacedChildren({
+    children,
+    separator,
+    space,
+    direction: spaceDirection
+  })), /* @__PURE__ */ jsx(DialogProvider, { scope: __scopeDialog, ...context, children: /* @__PURE__ */ jsx(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__ */ jsx(
     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__ */ jsx(DialogPortalItem, { __scopeDialog, children: /* @__PURE__ */ jsx(PortalProvider, { scope: __scopeDialog, forceMount, children: /* @__PURE__ */ jsx(DialogPortalFrame, { pointerEvents: isShowing ? "auto" : "none", ...frameProps, children: contents }) }) });
-  }
-  return contents;
+  return useShowDialogSheet(context) ? children : context.modal ? isFullyHidden ? null : /* @__PURE__ */ jsx(DialogPortalItem, { __scopeDialog, children: /* @__PURE__ */ jsx(PortalProvider, { scope: __scopeDialog, forceMount, children: /* @__PURE__ */ jsx(DialogPortalFrame, { pointerEvents: isShowing ? "auto" : "none", ...frameProps, children: contents }) }) }) : contents;
 };
 DialogPortal.displayName = PORTAL_NAME;
-const OVERLAY_NAME = "DialogOverlay";
-const DialogOverlayFrame = styled(Overlay, {
+const OVERLAY_NAME = "DialogOverlay", DialogOverlayFrame = styled(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__ */ 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__ */ jsx(DialogOverlayImpl, { context, ...overlayProps, ref: forwardedRef });
     }
   )
 );
@@ -173,52 +134,41 @@ const DialogOverlayImpl = React.forwardRef(
       )
     );
   }
-);
-const CONTENT_NAME = "DialogContent";
-const DialogContentFrame = styled(ThemeableStack, {
+), CONTENT_NAME = "DialogContent", DialogContentFrame = styled(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__ */ jsx(DialogContentModal, { context, ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ jsx(DialogContentNonModal, { context, ...contentProps, ref: forwardedRef });
-      if (!isWeb || context.disableRemoveScroll) {
-        return contents;
-      }
-      return /* @__PURE__ */ jsx(
+      const portalContext = usePortalContext(CONTENT_NAME, __scopeDialog), { forceMount = portalContext.forceMount, ...contentProps } = props, context = useDialogContext(CONTENT_NAME, __scopeDialog), contents = context.modal ? /* @__PURE__ */ jsx(DialogContentModal, { context, ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ jsx(DialogContentNonModal, { context, ...contentProps, ref: forwardedRef });
+      return !isWeb || context.disableRemoveScroll ? contents : /* @__PURE__ */ jsx(
         RemoveScroll,
         {
-          forwardProps: true,
+          forwardProps: !0,
           enabled: context.open,
           allowPinchZoom: context.allowPinchZoom,
           shards: [context.contentRef],
-          removeScrollBar: false,
-          children: /* @__PURE__ */ jsx("div", { "data-remove-scroll-container": true, className: "_dsp_contents", children: contents })
+          removeScrollBar: !1,
+          children: /* @__PURE__ */ jsx("div", { "data-remove-scroll-container": !0, className: "_dsp_contents", children: contents })
         }
       );
     }
@@ -227,37 +177,28 @@ const DialogContent = DialogContentFrame.extractable(
 DialogContent.displayName = CONTENT_NAME;
 const DialogContentModal = React.forwardRef(
   ({ children, context, ...props }, forwardedRef) => {
-    const contentRef = React.useRef(null);
-    const composedRefs = useComposedRefs(forwardedRef, context.contentRef, contentRef);
-    if (isWeb) {
-      React.useEffect(() => {
-        if (!context.open)
-          return;
-        const content = contentRef.current;
-        if (content)
-          return hideOthers(content);
-      }, [context.open]);
-    }
-    return /* @__PURE__ */ jsx(
+    const contentRef = React.useRef(null), composedRefs = useComposedRefs(forwardedRef, context.contentRef, contentRef);
+    return isWeb && React.useEffect(() => {
+      if (!context.open)
+        return;
+      const content = contentRef.current;
+      if (content)
+        return hideOthers(content);
+    }, [context.open]), /* @__PURE__ */ jsx(
       DialogContentImpl,
       {
         ...props,
         context,
         ref: composedRefs,
-        disableOutsidePointerEvents: true,
+        disableOutsidePointerEvents: !0,
         onCloseAutoFocus: composeEventHandlers(props.onCloseAutoFocus, (event) => {
-          var _a;
-          event.preventDefault();
-          (_a = context.triggerRef.current) == null ? void 0 : _a.focus();
+          event.preventDefault(), context.triggerRef.current?.focus();
         }),
         onPointerDownOutside: 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: composeEventHandlers(
@@ -268,46 +209,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__ */ 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,
@@ -321,11 +246,7 @@ const DialogContentImpl = React.forwardRef(
       onInteractOutside,
       context,
       ...contentProps
-    } = props;
-    const contentRef = React.useRef(null);
-    const composedRefs = useComposedRefs(forwardedRef, contentRef);
-    const showSheet = useShowDialogSheet(context);
-    const contents = /* @__PURE__ */ jsx(
+    } = props, contentRef = React.useRef(null), composedRefs = useComposedRefs(forwardedRef, contentRef), showSheet = useShowDialogSheet(context), contents = /* @__PURE__ */ jsx(
       DialogContentFrame,
       {
         id: context.contentId,
@@ -335,17 +256,11 @@ const DialogContentImpl = React.forwardRef(
         ...contentProps
       }
     );
-    if (showSheet) {
-      return /* @__PURE__ */ jsx(DialogPortalItem, { hostName: getSheetContentsName(context), children: contentProps.children });
-    }
-    if (!isWeb) {
-      return contents;
-    }
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
+    return showSheet ? /* @__PURE__ */ jsx(DialogPortalItem, { hostName: getSheetContentsName(context), children: contentProps.children }) : isWeb ? /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(
         FocusScope,
         {
-          loop: true,
+          loop: !0,
           enabled: context.open,
           trapped: trapFocus,
           onMountAutoFocus: onOpenAutoFocus,
@@ -361,7 +276,7 @@ const DialogContentImpl = React.forwardRef(
               onFocusOutside,
               onInteractOutside,
               ref: composedRefs,
-              onDismiss: () => context.onOpenChange(false),
+              onDismiss: () => context.onOpenChange(!1),
               children: contents
             }
           )
@@ -377,28 +292,21 @@ const DialogContentImpl = React.forwardRef(
           }
         )
       ] })
-    ] });
+    ] }) : contents;
   }
-);
-const TITLE_NAME = "DialogTitle";
-const DialogTitleFrame = styled(H2, {
+), TITLE_NAME = "DialogTitle", DialogTitleFrame = styled(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__ */ jsx(DialogTitleFrame, { id: context.titleId, ...titleProps, ref: forwardedRef });
   }
 );
 DialogTitle.displayName = TITLE_NAME;
 const DialogDescriptionFrame = styled(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__ */ jsx(
     DialogDescriptionFrame,
     {
@@ -409,8 +317,7 @@ const DialogDescription = React.forwardRef((props, forwardedRef) => {
   );
 });
 DialogDescription.displayName = DESCRIPTION_NAME;
-const CLOSE_NAME = "DialogClose";
-const DialogCloseFrame = styled(View, {
+const CLOSE_NAME = "DialogClose", DialogCloseFrame = styled(View, {
   name: CLOSE_NAME,
   tag: "button",
   variants: {
@@ -421,21 +328,15 @@ const DialogCloseFrame = styled(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__ */ jsx(
+    return useShowDialogSheet(context) && !displayWhenAdapted ? null : /* @__PURE__ */ jsx(
       DialogCloseFrame,
       {
         accessibilityLabel: "Dialog Close",
@@ -443,7 +344,7 @@ const DialogClose = DialogCloseFrame.styleable(
         ref: forwardedRef,
         onPress: composeEventHandlers(
           props.onPress,
-          () => context.onOpenChange(false)
+          () => context.onOpenChange(!1)
         )
       }
     );
@@ -452,87 +353,55 @@ const DialogClose = DialogCloseFrame.styleable(
 function getState(open) {
   return open ? "open" : "closed";
 }
-const TITLE_WARNING_NAME = "DialogTitleWarning";
-const [DialogWarningProvider, useWarningContext] = createContext(TITLE_WARNING_NAME, {
+const TITLE_WARNING_NAME = "DialogTitleWarning", [DialogWarningProvider, useWarningContext] = 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 (!isWeb)
-        return;
-      if (titleId) {
-        const hasTitle = document.getElementById(titleId);
-        if (!hasTitle) {
-          console.warn(MESSAGE);
-        }
-      }
+      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 (!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 = withStaticProperties(
-  React.forwardRef(function Dialog2(props, ref) {
+}, Dialog = 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] = 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] = 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,
@@ -545,23 +414,19 @@ const Dialog = withStaticProperties(
       onOpenToggle,
       modal,
       allowPinchZoom
-    };
-    const { when, AdaptProvider } = useAdaptParent({
+    }, { when, AdaptProvider } = useAdaptParent({
       Contents: React.useCallback(
-        (props2) => {
-          return /* @__PURE__ */ jsx(PortalHost, { forwardProps: props2, name: sheetContentsName });
-        },
+        (props2) => /* @__PURE__ */ jsx(PortalHost, { forwardProps: props2, name: sheetContentsName }),
         [sheetContentsName]
       )
     });
-    React.useImperativeHandle(
+    return React.useImperativeHandle(
       ref,
       () => ({
         open: setOpen
       }),
       [setOpen]
-    );
-    return /* @__PURE__ */ jsx(AdaptProvider, { children: /* @__PURE__ */ jsx(
+    ), /* @__PURE__ */ jsx(AdaptProvider, { children: /* @__PURE__ */ jsx(
       DialogProvider,
       {
         ...context,
@@ -582,49 +447,33 @@ const Dialog = withStaticProperties(
     Sheet: Sheet.Controlled,
     Adapt
   }
-);
-const SHEET_CONTENTS_NAME = "DialogSheetContents";
-const DialogSheetContents = ({
+), SHEET_CONTENTS_NAME = "DialogSheetContents", DialogSheetContents = ({
   name,
   ...props
-}) => {
-  return /* @__PURE__ */ jsx(PortalHost, { forwardProps: props, name });
-};
+}) => /* @__PURE__ */ jsx(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 = useGet(showSheet);
+}) => `${scopeKey || contentId}SheetContents`, DialogSheetController = (props) => {
+  const context = useDialogContext("DialogSheetController", props.__scopeDialog), showSheet = useShowDialogSheet(context), breakpointActive = useSheetBreakpointActive(context), getShowSheet = useGet(showSheet);
   return /* @__PURE__ */ jsx(
     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 = 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;
 };
 export {
   Dialog,