design-zystem 1.0.408 → 1.0.409

package/dist/ui/index.js

@@ -4249,6 +4249,24 @@ var isOverlayOfDrawerAbove = (overlay, panel) => {
   return overlayIndex > panelIndex && panelIndex !== -1;
 };
 
+// src/ui/lib/drawer/swallowRestOfClick.ts
+var REST_OF_CLICK = ["pointerup", "mousedown", "mouseup", "click"];
+var swallowRestOfClick = () => {
+  const swallow = (event) => {
+    event.stopPropagation();
+    event.preventDefault();
+    if (event.type === "click") release();
+  };
+  const release = () => {
+    REST_OF_CLICK.forEach(
+      (type) => window.removeEventListener(type, swallow, true)
+    );
+    window.removeEventListener("pointerdown", release, true);
+  };
+  REST_OF_CLICK.forEach((type) => window.addEventListener(type, swallow, true));
+  window.addEventListener("pointerdown", release, true);
+};
+
 // src/ui/components/ui/Drawer.tsx
 var import_jsx_runtime48 = require("react/jsx-runtime");
 var KEEP_OPEN_SELECTOR = '[role="dialog"], [role="listbox"], [data-drawer-keep-open]';
@@ -4297,10 +4315,15 @@ var Drawer = ({
       if (!isTopDrawer(contentRef.current)) return;
       if ((_a = contentRef.current) == null ? void 0 : _a.contains(target)) return;
       if (belongsToLayerAbove(target)) return;
+      if (event.button === 0) {
+        event.stopPropagation();
+        event.preventDefault();
+        swallowRestOfClick();
+      }
       closeDrawer();
     };
-    document.addEventListener("pointerdown", handlePointerDown);
-    return () => document.removeEventListener("pointerdown", handlePointerDown);
+    document.addEventListener("pointerdown", handlePointerDown, true);
+    return () => document.removeEventListener("pointerdown", handlePointerDown, true);
   }, [modal, open, onClose]);
   (0, import_react28.useEffect)(() => {
     if (modal || !open) return;

package/dist/ui/index.mjs

@@ -4069,6 +4069,24 @@ var isOverlayOfDrawerAbove = (overlay, panel) => {
   return overlayIndex > panelIndex && panelIndex !== -1;
 };
 
+// src/ui/lib/drawer/swallowRestOfClick.ts
+var REST_OF_CLICK = ["pointerup", "mousedown", "mouseup", "click"];
+var swallowRestOfClick = () => {
+  const swallow = (event) => {
+    event.stopPropagation();
+    event.preventDefault();
+    if (event.type === "click") release();
+  };
+  const release = () => {
+    REST_OF_CLICK.forEach(
+      (type) => window.removeEventListener(type, swallow, true)
+    );
+    window.removeEventListener("pointerdown", release, true);
+  };
+  REST_OF_CLICK.forEach((type) => window.addEventListener(type, swallow, true));
+  window.addEventListener("pointerdown", release, true);
+};
+
 // src/ui/components/ui/Drawer.tsx
 import { jsx as jsx48, jsxs as jsxs24 } from "react/jsx-runtime";
 var KEEP_OPEN_SELECTOR = '[role="dialog"], [role="listbox"], [data-drawer-keep-open]';
@@ -4117,10 +4135,15 @@ var Drawer = ({
       if (!isTopDrawer(contentRef.current)) return;
       if ((_a = contentRef.current) == null ? void 0 : _a.contains(target)) return;
       if (belongsToLayerAbove(target)) return;
+      if (event.button === 0) {
+        event.stopPropagation();
+        event.preventDefault();
+        swallowRestOfClick();
+      }
       closeDrawer();
     };
-    document.addEventListener("pointerdown", handlePointerDown);
-    return () => document.removeEventListener("pointerdown", handlePointerDown);
+    document.addEventListener("pointerdown", handlePointerDown, true);
+    return () => document.removeEventListener("pointerdown", handlePointerDown, true);
   }, [modal, open, onClose]);
   useEffect6(() => {
     if (modal || !open) return;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "design-zystem",
-  "version": "1.0.408",
+  "version": "1.0.409",
   "description": "A React design system of importable components",
   "main": "dist/index.js",
   "module": "dist/index.mjs",