@os-design/core 1.0.271 → 1.0.273

package/dist/DatePicker/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/DatePicker/index.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,gBAAgB,EAItB,MAAM,8BAA8B,CAAC;AAGtC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAOlD,OAAO,KAON,MAAM,OAAO,CAAC;AAiBf,KAAK,WAAW,GAAG,IAAI,CACrB,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAC5B,OAAO,GAAG,cAAc,GAAG,UAAU,GAAG,KAAK,CAC9C,CAAC;AACF,UAAU,mBAAmB,CAAC,CAAC,CAAE,SAAQ,WAAW,EAAE,QAAQ;IAC5D;;;OAGG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,MAAM,CAAC;IAC9B;;;OAGG;IACH,cAAc,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,QAAQ,CAAC;IAClD;;;OAGG;IACH,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,YAAY,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IACrC;;;OAGG;IACH,KAAK,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC;IACjB;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC;IACxB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IACrC;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AACD,MAAM,WAAW,uBAAwB,SAAQ,mBAAmB,CAAC,IAAI,CAAC;IACxE;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;CACf;AACD,MAAM,WAAW,oBACf,SAAQ,mBAAmB,CAAC,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IACzC;;;OAGG;IACH,KAAK,EAAE,IAAI,CAAC;CACb;AACD,MAAM,MAAM,eAAe,GAAG,uBAAuB,GAAG,oBAAoB,CAAC;AAsC7E;;GAEG;AACH,QAAA,MAAM,UAAU,wFAsXf,CAAC;AAIF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/DatePicker/index.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,gBAAgB,EAKtB,MAAM,8BAA8B,CAAC;AAGtC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAOlD,OAAO,KAON,MAAM,OAAO,CAAC;AAiBf,KAAK,WAAW,GAAG,IAAI,CACrB,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAC5B,OAAO,GAAG,cAAc,GAAG,UAAU,GAAG,KAAK,CAC9C,CAAC;AACF,UAAU,mBAAmB,CAAC,CAAC,CAAE,SAAQ,WAAW,EAAE,QAAQ;IAC5D;;;OAGG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,MAAM,CAAC;IAC9B;;;OAGG;IACH,cAAc,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,QAAQ,CAAC;IAClD;;;OAGG;IACH,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,YAAY,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IACrC;;;OAGG;IACH,KAAK,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC;IACjB;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC;IACxB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IACrC;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AACD,MAAM,WAAW,uBAAwB,SAAQ,mBAAmB,CAAC,IAAI,CAAC;IACxE;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;CACf;AACD,MAAM,WAAW,oBACf,SAAQ,mBAAmB,CAAC,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IACzC;;;OAGG;IACH,KAAK,EAAE,IAAI,CAAC;CACb;AACD,MAAM,MAAM,eAAe,GAAG,uBAAuB,GAAG,oBAAoB,CAAC;AAsC7E;;GAEG;AACH,QAAA,MAAM,UAAU,wFA4Xf,CAAC;AAIF,eAAe,UAAU,CAAC"}

package/dist/DatePicker/index.js

@@ -1,5 +1,5 @@
 import styled from '@emotion/styled';
-import { defaultLocale, getAccessibilityDateLabel, useFormattedValue } from '@os-design/date-picker-utils';
+import { defaultLocale, getAccessibilityDateLabel, useFormattedValue, isSameDay } from '@os-design/date-picker-utils';
 import { Down, Up } from '@os-design/icons';
 import { useIsMinWidth } from '@os-design/media';
 import { ThemeOverrider } from '@os-design/theming';
@@ -175,9 +175,15 @@ const DatePicker = /*#__PURE__*/forwardRef(({
   const tabOnInputComplete = useCallback(e => {
     if (e.target.selectionStart < 5) return;
     secondTimePickerRef.current?.focus();
-    setForwardedValue(([from]) => {
-      const nextTo = new Date(from.getTime());
-      nextTo.setHours(nextTo.getHours() + 1);
+    setForwardedValue(([from, to]) => {
+      const nextTo = new Date(to.getTime());
+      if (isSameDay(from, to)) {
+        nextTo.setHours(from.getHours() + 1);
+        nextTo.setMinutes(from.getMinutes());
+      } else {
+        nextTo.setHours(from.getHours());
+        nextTo.setMinutes(from.getMinutes());
+      }
       return [from, nextTo];
     });
   }, [setForwardedValue]);

package/dist/Drawer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Drawer/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,KAAK,QAAQ,EAId,MAAM,mBAAmB,CAAC;AAG3B,OAAO,KAA8C,MAAM,OAAO,CAAC;AAInE,KAAK,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,CAAC;AAC7D,MAAM,WAAW,WAAY,SAAQ,WAAW,EAAE,QAAQ;IACxD;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC7B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAmGD,eAAO,MAAM,cAAc,cAF0B,IAEa,CAAC;AAEnE;;GAEG;AACH,QAAA,MAAM,MAAM,oFAmEX,CAAC;AAIF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Drawer/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,KAAK,QAAQ,EAId,MAAM,mBAAmB,CAAC;AAG3B,OAAO,KAAsD,MAAM,OAAO,CAAC;AAI3E,KAAK,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,CAAC;AAC7D,MAAM,WAAW,WAAY,SAAQ,WAAW,EAAE,QAAQ;IACxD;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC7B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAmGD,eAAO,MAAM,cAAc,cAF0B,IAEa,CAAC;AAEnE;;GAEG;AACH,QAAA,MAAM,MAAM,oFAuFX,CAAC;AAIF,eAAe,MAAM,CAAC"}

package/dist/Drawer/index.js

@@ -4,7 +4,7 @@ import Portal from '@os-design/portal';
 import { enableScrollingStyles, resetFocusStyles, sizeStyles } from '@os-design/styles';
 import { clr, useTheme } from '@os-design/theming';
 import { omitEmotionProps, useBodyScroll, useClosable } from '@os-design/utils';
-import React, { forwardRef, useCallback, useContext } from 'react';
+import React, { forwardRef, useCallback, useContext, useRef } from 'react';
 import FocusLock from 'react-focus-lock';
 import { ModalMask } from '../Modal/index.js';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
@@ -93,8 +93,21 @@ const Drawer = /*#__PURE__*/forwardRef(({
   } = useTheme();
   const mounted = useClosable(visible, theme.transitionDelay);
   useBodyScroll(!visible);
+  const closeRef = useRef(false);
   const pointerDownHandler = useCallback(e => {
     e.stopPropagation();
+    closeRef.current = true;
+  }, []);
+  const pointerUpHandler = useCallback(e => {
+    e.stopPropagation();
+    if (closeRef.current) {
+      closeRef.current = false;
+      onClose();
+    }
+  }, [onClose]);
+  const stopPointerHandler = useCallback(e => {
+    e.stopPropagation();
+    closeRef.current = false;
     onPointerDown(e);
   }, [onPointerDown]);
   const keyDownHandler = useCallback(e => {
@@ -108,7 +121,8 @@ const Drawer = /*#__PURE__*/forwardRef(({
     children: [/*#__PURE__*/_jsx(DrawerMask, {
       visible: visible
     }), /*#__PURE__*/_jsx(Container, {
-      onPointerDown: onClose,
+      onPointerDown: pointerDownHandler,
+      onPointerUp: pointerUpHandler,
       children: /*#__PURE__*/_jsx(FocusLock, {
         autoFocus: false,
         children: /*#__PURE__*/_jsx(CloseDrawerContext.Provider, {
@@ -120,7 +134,8 @@ const Drawer = /*#__PURE__*/forwardRef(({
             size: size,
             tabIndex: -1,
             onKeyDown: keyDownHandler,
-            onPointerDown: pointerDownHandler,
+            onPointerDown: stopPointerHandler,
+            onPointerUp: stopPointerHandler,
             role: "dialog",
             "aria-modal": true,
             ...rest,

package/dist/Modal/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Modal/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EACL,KAAK,QAAQ,EAId,MAAM,mBAAmB,CAAC;AAG3B,OAAO,KAQN,MAAM,OAAO,CAAC;AAGf,OAAsB,EAAE,KAAK,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAE3E,KAAK,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,CAAC;AAC7D,MAAM,WAAW,UAAW,SAAQ,WAAW,EAAE,QAAQ;IACvD;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;;;OAIG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,IAAI,CAAC;CACnB;AA2BD,KAAK,SAAS,GAAG,IAAI,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC;AAC7C,eAAO,MAAM,SAAS;;SAiFW,MAAO,WAEhC;iGAzEP,CAAC;AAsJF,eAAO,MAAM,aAAa,cAF0B,IAEY,CAAC;AAEjE;;GAEG;AACH,QAAA,MAAM,KAAK,mFAyIV,CAAC;AAIF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Modal/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EACL,KAAK,QAAQ,EAId,MAAM,mBAAmB,CAAC;AAG3B,OAAO,KAQN,MAAM,OAAO,CAAC;AAGf,OAAsB,EAAE,KAAK,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAE3E,KAAK,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,CAAC;AAC7D,MAAM,WAAW,UAAW,SAAQ,WAAW,EAAE,QAAQ;IACvD;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;;;OAIG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,IAAI,CAAC;CACnB;AA2BD,KAAK,SAAS,GAAG,IAAI,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC;AAC7C,eAAO,MAAM,SAAS;;SAiFW,MAAO,WAEhC;iGAzEP,CAAC;AAsJF,eAAO,MAAM,aAAa,cAF0B,IAEY,CAAC;AAEjE;;GAEG;AACH,QAAA,MAAM,KAAK,mFAwJV,CAAC;AAIF,eAAe,KAAK,CAAC"}

package/dist/Modal/index.js

@@ -188,11 +188,20 @@ const Modal = /*#__PURE__*/forwardRef(({
   useBodyScroll(!visible);
   const titleId = useMemo(() => `modal-title-${Math.random().toString(36).slice(2, 11)}`, []);
   const bodyId = useMemo(() => id || `modal-body-${Math.random().toString(36).slice(2, 11)}`, [id]);
-  const containerPointerDownHandler = useCallback(e => {
+  const closeRef = useRef(false);
+  const pointerDownHandler = useCallback(e => {
     e.stopPropagation();
-    onClose();
+    closeRef.current = true;
+  }, []);
+  const pointerUpHandler = useCallback(e => {
+    e.stopPropagation();
+    if (closeRef.current) {
+      closeRef.current = false;
+      onClose();
+    }
   }, [onClose]);
-  const contentPointerDownHandler = useCallback(e => {
+  const stopPointerHandler = useCallback(e => {
+    closeRef.current = false;
     e.stopPropagation();
     onPointerDown(e);
   }, [onPointerDown]);
@@ -208,7 +217,8 @@ const Modal = /*#__PURE__*/forwardRef(({
     children: [/*#__PURE__*/_jsx(ModalMask, {
       visible: visible
     }), /*#__PURE__*/_jsx(Container, {
-      onPointerDown: containerPointerDownHandler,
+      onPointerDown: pointerDownHandler,
+      onPointerUp: pointerUpHandler,
       children: /*#__PURE__*/_jsx(FocusLock, {
         autoFocus: false,
         children: /*#__PURE__*/_jsx(CloseModalContext.Provider, {
@@ -218,7 +228,8 @@ const Modal = /*#__PURE__*/forwardRef(({
             size: size,
             tabIndex: -1,
             onKeyDown: contentKeyDownHandler,
-            onPointerDown: contentPointerDownHandler,
+            onPointerDown: stopPointerHandler,
+            onPointerUp: stopPointerHandler,
             role: "dialog",
             "aria-modal": true,
             "aria-labelledby": ariaLabelledBy,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@os-design/core",
-  "version": "1.0.271",
+  "version": "1.0.273",
   "license": "UNLICENSED",
   "repository": "git@gitlab.com:os-team/libs/os-design.git",
   "type": "module",
@@ -29,7 +29,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@os-design/date-picker-utils": "^1.0.32",
+    "@os-design/date-picker-utils": "^1.0.33",
     "@os-design/icons": "^1.0.68",
     "@os-design/input-number-utils": "^1.0.38",
     "@os-design/input-password-utils": "^1.0.3",
@@ -58,5 +58,5 @@
     "react": "18",
     "react-dom": "18"
   },
-  "gitHead": "8d072b274db8bc64fd6dc4f39b86d0960c5584a7"
+  "gitHead": "6fc788389f38666fc7b71fb8ffed6171a70c8e50"
 }

package/src/DatePicker/index.tsx

@@ -4,6 +4,7 @@ import {
   defaultLocale,
   getAccessibilityDateLabel,
   useFormattedValue,
+  isSameDay,
 } from '@os-design/date-picker-utils';
 import { Down, Up } from '@os-design/icons';
 import { useIsMinWidth } from '@os-design/media';
@@ -379,9 +380,15 @@ const DatePicker = forwardRef<HTMLDivElement, DatePickerProps>(
       (e) => {
         if (e.target.selectionStart < 5) return;
         secondTimePickerRef.current?.focus();
-        setForwardedValue(([from]) => {
-          const nextTo = new Date(from.getTime());
-          nextTo.setHours(nextTo.getHours() + 1);
+        setForwardedValue(([from, to]) => {
+          const nextTo = new Date(to.getTime());
+          if (isSameDay(from, to)) {
+            nextTo.setHours(from.getHours() + 1);
+            nextTo.setMinutes(from.getMinutes());
+          } else {
+            nextTo.setHours(from.getHours());
+            nextTo.setMinutes(from.getMinutes());
+          }
           return [from, nextTo];
         });
       },

package/src/Drawer/index.tsx

@@ -9,7 +9,7 @@ import {
 } from '@os-design/styles';
 import { clr, useTheme } from '@os-design/theming';
 import { omitEmotionProps, useBodyScroll, useClosable } from '@os-design/utils';
-import React, { forwardRef, useCallback, useContext } from 'react';
+import React, { forwardRef, useCallback, useContext, useRef } from 'react';
 import FocusLock from 'react-focus-lock';
 import { ModalMask } from '../Modal/index.js';
 
@@ -159,9 +159,25 @@ const Drawer = forwardRef<HTMLDivElement, DrawerProps>(
 
     useBodyScroll(!visible);
 
-    const pointerDownHandler = useCallback(
+    const closeRef = useRef(false);
+    const pointerDownHandler = useCallback((e) => {
+      e.stopPropagation();
+      closeRef.current = true;
+    }, []);
+    const pointerUpHandler = useCallback(
       (e) => {
         e.stopPropagation();
+        if (closeRef.current) {
+          closeRef.current = false;
+          onClose();
+        }
+      },
+      [onClose]
+    );
+    const stopPointerHandler = useCallback(
+      (e) => {
+        e.stopPropagation();
+        closeRef.current = false;
         onPointerDown(e);
       },
       [onPointerDown]
@@ -182,7 +198,10 @@ const Drawer = forwardRef<HTMLDivElement, DrawerProps>(
     return (
       <Portal>
         <DrawerMask visible={visible} />
-        <Container onPointerDown={onClose}>
+        <Container
+          onPointerDown={pointerDownHandler}
+          onPointerUp={pointerUpHandler}
+        >
           {/* @ts-expect-error FocusLock has problems with types */}
           <FocusLock autoFocus={false}>
             <CloseDrawerContext.Provider value={onClose}>
@@ -193,7 +212,8 @@ const Drawer = forwardRef<HTMLDivElement, DrawerProps>(
                 size={size}
                 tabIndex={-1}
                 onKeyDown={keyDownHandler}
-                onPointerDown={pointerDownHandler}
+                onPointerDown={stopPointerHandler}
+                onPointerUp={stopPointerHandler}
                 role='dialog'
                 aria-modal
                 {...rest}

package/src/Modal/index.tsx

@@ -314,16 +314,27 @@ const Modal = forwardRef<HTMLDivElement, ModalProps>(
       [id]
     );
 
-    const containerPointerDownHandler = useCallback(
+    const closeRef = useRef(false);
+    const pointerDownHandler = useCallback(
       (e: PointerEvent<HTMLDivElement>) => {
         e.stopPropagation();
-        onClose();
+        closeRef.current = true;
+      },
+      []
+    );
+    const pointerUpHandler = useCallback(
+      (e: PointerEvent<HTMLDivElement>) => {
+        e.stopPropagation();
+        if (closeRef.current) {
+          closeRef.current = false;
+          onClose();
+        }
       },
       [onClose]
     );
-
-    const contentPointerDownHandler = useCallback(
+    const stopPointerHandler = useCallback(
       (e: PointerEvent<HTMLDivElement>) => {
+        closeRef.current = false;
         e.stopPropagation();
         onPointerDown(e);
       },
@@ -350,7 +361,10 @@ const Modal = forwardRef<HTMLDivElement, ModalProps>(
     return (
       <Portal>
         <ModalMask visible={visible} />
-        <Container onPointerDown={containerPointerDownHandler}>
+        <Container
+          onPointerDown={pointerDownHandler}
+          onPointerUp={pointerUpHandler}
+        >
           {/* @ts-expect-error FocusLock has problems with types */}
           <FocusLock autoFocus={false}>
             <CloseModalContext.Provider value={onClose}>
@@ -359,7 +373,8 @@ const Modal = forwardRef<HTMLDivElement, ModalProps>(
                 size={size}
                 tabIndex={-1}
                 onKeyDown={contentKeyDownHandler}
-                onPointerDown={contentPointerDownHandler}
+                onPointerDown={stopPointerHandler}
+                onPointerUp={stopPointerHandler}
                 role='dialog'
                 aria-modal
                 aria-labelledby={ariaLabelledBy}