@samline/drawer 2.0.7 → 2.0.8

package/dist/browser/index.cjs

@@ -29133,7 +29133,7 @@ function openAncestorChain(parentId) {
     openAncestorChain(nextParentId);
   }
   if (!parentRuntime.controller.getSnapshot().state.isOpen) {
-    releaseHiddenFocusBeforeOpen(parentRuntime.options);
+    releaseHiddenFocusBeforeOpen(parentRuntime.options, getRuntimeDrawerElement(parentRuntime));
     parentRuntime.controller.setOpen(true);
     notifyOpenStateChange(parentRuntime, true);
     renderVanillaDrawer(parentRuntime.id);
@@ -29148,18 +29148,36 @@ function cleanupRuntimeTrigger(runtime) {
 }
 function bindTriggerElement(runtime) {
   cleanupRuntimeTrigger(runtime);
+  const drawerElement = getRuntimeDrawerElement(runtime);
+  const builtInTriggerElement = getRuntimeTriggerElement(runtime);
+  const cleanups = [];
+  if (builtInTriggerElement) {
+    const handleBuiltInTriggerClick = () => {
+      releaseHiddenFocusBeforeOpen(runtime.options, drawerElement);
+    };
+    builtInTriggerElement.addEventListener("click", handleBuiltInTriggerClick);
+    cleanups.push(() => {
+      builtInTriggerElement.removeEventListener("click", handleBuiltInTriggerClick);
+    });
+  }
   if (!runtime.options.triggerElement) {
+    runtime.cleanupTriggerElement = cleanups.length ? () => {
+      cleanups.forEach((cleanup) => cleanup());
+    } : null;
     return;
   }
   const triggerElement = runtime.options.triggerElement;
   const handleClick = () => {
-    releaseHiddenFocusBeforeOpen(runtime.options);
+    releaseHiddenFocusBeforeOpen(runtime.options, drawerElement);
     runtime.controller.setOpen(true);
     renderVanillaDrawer(runtime.id);
   };
   triggerElement.addEventListener("click", handleClick);
-  runtime.cleanupTriggerElement = () => {
+  cleanups.push(() => {
     triggerElement.removeEventListener("click", handleClick);
+  });
+  runtime.cleanupTriggerElement = () => {
+    cleanups.forEach((cleanup) => cleanup());
   };
 }
 function notifyOpenStateChange(runtime, open) {
@@ -29189,15 +29207,32 @@ function notifyOpenStateChange(runtime, open) {
 function canUseDOM3() {
   return typeof window !== "undefined" && typeof document !== "undefined";
 }
-function releaseHiddenFocusBeforeOpen(options) {
+function isElementInsideDrawer(element) {
+  let currentElement = element;
+  while (currentElement) {
+    if (currentElement instanceof HTMLElement && currentElement.hasAttribute("data-drawer")) {
+      return true;
+    }
+    currentElement = currentElement.parentElement;
+  }
+  return false;
+}
+function releaseHiddenFocusBeforeOpen(options, drawerElement) {
   if (!canUseDOM3() || options.modal === false || options.autoFocus) {
     return;
   }
   const activeElement = document.activeElement;
-  if (!activeElement || activeElement === document.body || typeof activeElement.blur !== "function") {
+  if (!activeElement || activeElement === document.body) {
+    return;
+  }
+  const activeElementNode = activeElement;
+  if (drawerElement?.contains(activeElementNode) || isElementInsideDrawer(activeElementNode)) {
+    return;
+  }
+  if (typeof activeElementNode.blur !== "function") {
     return;
   }
-  activeElement.blur();
+  activeElementNode.blur();
 }
 function getRuntimeDrawerElement(runtime) {
   if (!runtime.element) {
@@ -29205,6 +29240,12 @@ function getRuntimeDrawerElement(runtime) {
   }
   return runtime.element.querySelector("[data-drawer]");
 }
+function getRuntimeTriggerElement(runtime) {
+  if (!runtime.element) {
+    return null;
+  }
+  return runtime.element.querySelector("[data-drawer-vanilla-trigger]");
+}
 function getViewportSizeForDirection(direction) {
   if (!canUseDOM3()) {
     return 0;
@@ -29253,7 +29294,7 @@ function renderVanillaDrawer(id) {
     onOpenChange: (open) => {
       const previousOpen = runtime.controller.getSnapshot().state.isOpen;
       if (open) {
-        releaseHiddenFocusBeforeOpen(runtime.options);
+        releaseHiddenFocusBeforeOpen(runtime.options, getRuntimeDrawerElement(runtime));
       }
       runtime.controller.setOpen(open);
       if (previousOpen !== open) {
@@ -29302,7 +29343,7 @@ function buildVanillaController(id) {
         return createDrawer({ id, open }).getSnapshot();
       }
       if (open) {
-        releaseHiddenFocusBeforeOpen(runtime.options);
+        releaseHiddenFocusBeforeOpen(runtime.options, getRuntimeDrawerElement(runtime));
       }
       const previousOpen = runtime.controller.getSnapshot().state.isOpen;
       const snapshot = runtime.controller.setOpen(open);
@@ -29375,7 +29416,7 @@ function createDrawer(options = {}) {
     }
   }
   if (nextOptions.open && !previousOpen) {
-    releaseHiddenFocusBeforeOpen(nextOptions);
+    releaseHiddenFocusBeforeOpen(nextOptions, existing ? getRuntimeDrawerElement(existing) : null);
   }
   renderVanillaDrawer(id);
   if (nextOptions.parentId && nextOptions.open) {

package/dist/browser/index.js

@@ -29133,7 +29133,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
       openAncestorChain(nextParentId);
     }
     if (!parentRuntime.controller.getSnapshot().state.isOpen) {
-      releaseHiddenFocusBeforeOpen(parentRuntime.options);
+      releaseHiddenFocusBeforeOpen(parentRuntime.options, getRuntimeDrawerElement(parentRuntime));
       parentRuntime.controller.setOpen(true);
       notifyOpenStateChange(parentRuntime, true);
       renderVanillaDrawer(parentRuntime.id);
@@ -29148,18 +29148,36 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
   }
   function bindTriggerElement(runtime) {
     cleanupRuntimeTrigger(runtime);
+    const drawerElement = getRuntimeDrawerElement(runtime);
+    const builtInTriggerElement = getRuntimeTriggerElement(runtime);
+    const cleanups = [];
+    if (builtInTriggerElement) {
+      const handleBuiltInTriggerClick = () => {
+        releaseHiddenFocusBeforeOpen(runtime.options, drawerElement);
+      };
+      builtInTriggerElement.addEventListener("click", handleBuiltInTriggerClick);
+      cleanups.push(() => {
+        builtInTriggerElement.removeEventListener("click", handleBuiltInTriggerClick);
+      });
+    }
     if (!runtime.options.triggerElement) {
+      runtime.cleanupTriggerElement = cleanups.length ? () => {
+        cleanups.forEach((cleanup) => cleanup());
+      } : null;
       return;
     }
     const triggerElement = runtime.options.triggerElement;
     const handleClick = () => {
-      releaseHiddenFocusBeforeOpen(runtime.options);
+      releaseHiddenFocusBeforeOpen(runtime.options, drawerElement);
       runtime.controller.setOpen(true);
       renderVanillaDrawer(runtime.id);
     };
     triggerElement.addEventListener("click", handleClick);
-    runtime.cleanupTriggerElement = () => {
+    cleanups.push(() => {
       triggerElement.removeEventListener("click", handleClick);
+    });
+    runtime.cleanupTriggerElement = () => {
+      cleanups.forEach((cleanup) => cleanup());
     };
   }
   function notifyOpenStateChange(runtime, open) {
@@ -29189,15 +29207,32 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
   function canUseDOM3() {
     return typeof window !== "undefined" && typeof document !== "undefined";
   }
-  function releaseHiddenFocusBeforeOpen(options) {
+  function isElementInsideDrawer(element) {
+    let currentElement = element;
+    while (currentElement) {
+      if (currentElement instanceof HTMLElement && currentElement.hasAttribute("data-drawer")) {
+        return true;
+      }
+      currentElement = currentElement.parentElement;
+    }
+    return false;
+  }
+  function releaseHiddenFocusBeforeOpen(options, drawerElement) {
     if (!canUseDOM3() || options.modal === false || options.autoFocus) {
       return;
     }
     const activeElement = document.activeElement;
-    if (!activeElement || activeElement === document.body || typeof activeElement.blur !== "function") {
+    if (!activeElement || activeElement === document.body) {
+      return;
+    }
+    const activeElementNode = activeElement;
+    if (drawerElement?.contains(activeElementNode) || isElementInsideDrawer(activeElementNode)) {
+      return;
+    }
+    if (typeof activeElementNode.blur !== "function") {
       return;
     }
-    activeElement.blur();
+    activeElementNode.blur();
   }
   function getRuntimeDrawerElement(runtime) {
     if (!runtime.element) {
@@ -29205,6 +29240,12 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
     }
     return runtime.element.querySelector("[data-drawer]");
   }
+  function getRuntimeTriggerElement(runtime) {
+    if (!runtime.element) {
+      return null;
+    }
+    return runtime.element.querySelector("[data-drawer-vanilla-trigger]");
+  }
   function getViewportSizeForDirection(direction) {
     if (!canUseDOM3()) {
       return 0;
@@ -29253,7 +29294,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
       onOpenChange: (open) => {
         const previousOpen = runtime.controller.getSnapshot().state.isOpen;
         if (open) {
-          releaseHiddenFocusBeforeOpen(runtime.options);
+          releaseHiddenFocusBeforeOpen(runtime.options, getRuntimeDrawerElement(runtime));
         }
         runtime.controller.setOpen(open);
         if (previousOpen !== open) {
@@ -29302,7 +29343,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
           return createDrawer({ id, open }).getSnapshot();
         }
         if (open) {
-          releaseHiddenFocusBeforeOpen(runtime.options);
+          releaseHiddenFocusBeforeOpen(runtime.options, getRuntimeDrawerElement(runtime));
         }
         const previousOpen = runtime.controller.getSnapshot().state.isOpen;
         const snapshot = runtime.controller.setOpen(open);
@@ -29375,7 +29416,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
       }
     }
     if (nextOptions.open && !previousOpen) {
-      releaseHiddenFocusBeforeOpen(nextOptions);
+      releaseHiddenFocusBeforeOpen(nextOptions, existing ? getRuntimeDrawerElement(existing) : null);
     }
     renderVanillaDrawer(id);
     if (nextOptions.parentId && nextOptions.open) {

package/dist/browser/index.mjs

@@ -29107,7 +29107,7 @@ function openAncestorChain(parentId) {
     openAncestorChain(nextParentId);
   }
   if (!parentRuntime.controller.getSnapshot().state.isOpen) {
-    releaseHiddenFocusBeforeOpen(parentRuntime.options);
+    releaseHiddenFocusBeforeOpen(parentRuntime.options, getRuntimeDrawerElement(parentRuntime));
     parentRuntime.controller.setOpen(true);
     notifyOpenStateChange(parentRuntime, true);
     renderVanillaDrawer(parentRuntime.id);
@@ -29122,18 +29122,36 @@ function cleanupRuntimeTrigger(runtime) {
 }
 function bindTriggerElement(runtime) {
   cleanupRuntimeTrigger(runtime);
+  const drawerElement = getRuntimeDrawerElement(runtime);
+  const builtInTriggerElement = getRuntimeTriggerElement(runtime);
+  const cleanups = [];
+  if (builtInTriggerElement) {
+    const handleBuiltInTriggerClick = () => {
+      releaseHiddenFocusBeforeOpen(runtime.options, drawerElement);
+    };
+    builtInTriggerElement.addEventListener("click", handleBuiltInTriggerClick);
+    cleanups.push(() => {
+      builtInTriggerElement.removeEventListener("click", handleBuiltInTriggerClick);
+    });
+  }
   if (!runtime.options.triggerElement) {
+    runtime.cleanupTriggerElement = cleanups.length ? () => {
+      cleanups.forEach((cleanup) => cleanup());
+    } : null;
     return;
   }
   const triggerElement = runtime.options.triggerElement;
   const handleClick = () => {
-    releaseHiddenFocusBeforeOpen(runtime.options);
+    releaseHiddenFocusBeforeOpen(runtime.options, drawerElement);
     runtime.controller.setOpen(true);
     renderVanillaDrawer(runtime.id);
   };
   triggerElement.addEventListener("click", handleClick);
-  runtime.cleanupTriggerElement = () => {
+  cleanups.push(() => {
     triggerElement.removeEventListener("click", handleClick);
+  });
+  runtime.cleanupTriggerElement = () => {
+    cleanups.forEach((cleanup) => cleanup());
   };
 }
 function notifyOpenStateChange(runtime, open) {
@@ -29163,15 +29181,32 @@ function notifyOpenStateChange(runtime, open) {
 function canUseDOM3() {
   return typeof window !== "undefined" && typeof document !== "undefined";
 }
-function releaseHiddenFocusBeforeOpen(options) {
+function isElementInsideDrawer(element) {
+  let currentElement = element;
+  while (currentElement) {
+    if (currentElement instanceof HTMLElement && currentElement.hasAttribute("data-drawer")) {
+      return true;
+    }
+    currentElement = currentElement.parentElement;
+  }
+  return false;
+}
+function releaseHiddenFocusBeforeOpen(options, drawerElement) {
   if (!canUseDOM3() || options.modal === false || options.autoFocus) {
     return;
   }
   const activeElement = document.activeElement;
-  if (!activeElement || activeElement === document.body || typeof activeElement.blur !== "function") {
+  if (!activeElement || activeElement === document.body) {
+    return;
+  }
+  const activeElementNode = activeElement;
+  if (drawerElement?.contains(activeElementNode) || isElementInsideDrawer(activeElementNode)) {
+    return;
+  }
+  if (typeof activeElementNode.blur !== "function") {
     return;
   }
-  activeElement.blur();
+  activeElementNode.blur();
 }
 function getRuntimeDrawerElement(runtime) {
   if (!runtime.element) {
@@ -29179,6 +29214,12 @@ function getRuntimeDrawerElement(runtime) {
   }
   return runtime.element.querySelector("[data-drawer]");
 }
+function getRuntimeTriggerElement(runtime) {
+  if (!runtime.element) {
+    return null;
+  }
+  return runtime.element.querySelector("[data-drawer-vanilla-trigger]");
+}
 function getViewportSizeForDirection(direction) {
   if (!canUseDOM3()) {
     return 0;
@@ -29227,7 +29268,7 @@ function renderVanillaDrawer(id) {
     onOpenChange: (open) => {
       const previousOpen = runtime.controller.getSnapshot().state.isOpen;
       if (open) {
-        releaseHiddenFocusBeforeOpen(runtime.options);
+        releaseHiddenFocusBeforeOpen(runtime.options, getRuntimeDrawerElement(runtime));
       }
       runtime.controller.setOpen(open);
       if (previousOpen !== open) {
@@ -29276,7 +29317,7 @@ function buildVanillaController(id) {
         return createDrawer({ id, open }).getSnapshot();
       }
       if (open) {
-        releaseHiddenFocusBeforeOpen(runtime.options);
+        releaseHiddenFocusBeforeOpen(runtime.options, getRuntimeDrawerElement(runtime));
       }
       const previousOpen = runtime.controller.getSnapshot().state.isOpen;
       const snapshot = runtime.controller.setOpen(open);
@@ -29349,7 +29390,7 @@ function createDrawer(options = {}) {
     }
   }
   if (nextOptions.open && !previousOpen) {
-    releaseHiddenFocusBeforeOpen(nextOptions);
+    releaseHiddenFocusBeforeOpen(nextOptions, existing ? getRuntimeDrawerElement(existing) : null);
   }
   renderVanillaDrawer(id);
   if (nextOptions.parentId && nextOptions.open) {

package/dist/index.js

@@ -29132,7 +29132,7 @@ function openAncestorChain(parentId) {
     openAncestorChain(nextParentId);
   }
   if (!parentRuntime.controller.getSnapshot().state.isOpen) {
-    releaseHiddenFocusBeforeOpen(parentRuntime.options);
+    releaseHiddenFocusBeforeOpen(parentRuntime.options, getRuntimeDrawerElement(parentRuntime));
     parentRuntime.controller.setOpen(true);
     notifyOpenStateChange(parentRuntime, true);
     renderVanillaDrawer(parentRuntime.id);
@@ -29147,18 +29147,36 @@ function cleanupRuntimeTrigger(runtime) {
 }
 function bindTriggerElement(runtime) {
   cleanupRuntimeTrigger(runtime);
+  const drawerElement = getRuntimeDrawerElement(runtime);
+  const builtInTriggerElement = getRuntimeTriggerElement(runtime);
+  const cleanups = [];
+  if (builtInTriggerElement) {
+    const handleBuiltInTriggerClick = () => {
+      releaseHiddenFocusBeforeOpen(runtime.options, drawerElement);
+    };
+    builtInTriggerElement.addEventListener("click", handleBuiltInTriggerClick);
+    cleanups.push(() => {
+      builtInTriggerElement.removeEventListener("click", handleBuiltInTriggerClick);
+    });
+  }
   if (!runtime.options.triggerElement) {
+    runtime.cleanupTriggerElement = cleanups.length ? () => {
+      cleanups.forEach((cleanup) => cleanup());
+    } : null;
     return;
   }
   const triggerElement = runtime.options.triggerElement;
   const handleClick = () => {
-    releaseHiddenFocusBeforeOpen(runtime.options);
+    releaseHiddenFocusBeforeOpen(runtime.options, drawerElement);
     runtime.controller.setOpen(true);
     renderVanillaDrawer(runtime.id);
   };
   triggerElement.addEventListener("click", handleClick);
-  runtime.cleanupTriggerElement = () => {
+  cleanups.push(() => {
     triggerElement.removeEventListener("click", handleClick);
+  });
+  runtime.cleanupTriggerElement = () => {
+    cleanups.forEach((cleanup) => cleanup());
   };
 }
 function notifyOpenStateChange(runtime, open) {
@@ -29188,15 +29206,32 @@ function notifyOpenStateChange(runtime, open) {
 function canUseDOM3() {
   return typeof window !== "undefined" && typeof document !== "undefined";
 }
-function releaseHiddenFocusBeforeOpen(options) {
+function isElementInsideDrawer(element) {
+  let currentElement = element;
+  while (currentElement) {
+    if (currentElement instanceof HTMLElement && currentElement.hasAttribute("data-drawer")) {
+      return true;
+    }
+    currentElement = currentElement.parentElement;
+  }
+  return false;
+}
+function releaseHiddenFocusBeforeOpen(options, drawerElement) {
   if (!canUseDOM3() || options.modal === false || options.autoFocus) {
     return;
   }
   const activeElement = document.activeElement;
-  if (!activeElement || activeElement === document.body || typeof activeElement.blur !== "function") {
+  if (!activeElement || activeElement === document.body) {
+    return;
+  }
+  const activeElementNode = activeElement;
+  if (drawerElement?.contains(activeElementNode) || isElementInsideDrawer(activeElementNode)) {
+    return;
+  }
+  if (typeof activeElementNode.blur !== "function") {
     return;
   }
-  activeElement.blur();
+  activeElementNode.blur();
 }
 function getRuntimeDrawerElement(runtime) {
   if (!runtime.element) {
@@ -29204,6 +29239,12 @@ function getRuntimeDrawerElement(runtime) {
   }
   return runtime.element.querySelector("[data-drawer]");
 }
+function getRuntimeTriggerElement(runtime) {
+  if (!runtime.element) {
+    return null;
+  }
+  return runtime.element.querySelector("[data-drawer-vanilla-trigger]");
+}
 function getViewportSizeForDirection(direction) {
   if (!canUseDOM3()) {
     return 0;
@@ -29252,7 +29293,7 @@ function renderVanillaDrawer(id) {
     onOpenChange: (open) => {
       const previousOpen = runtime.controller.getSnapshot().state.isOpen;
       if (open) {
-        releaseHiddenFocusBeforeOpen(runtime.options);
+        releaseHiddenFocusBeforeOpen(runtime.options, getRuntimeDrawerElement(runtime));
       }
       runtime.controller.setOpen(open);
       if (previousOpen !== open) {
@@ -29301,7 +29342,7 @@ function buildVanillaController(id) {
         return createDrawer({ id, open }).getSnapshot();
       }
       if (open) {
-        releaseHiddenFocusBeforeOpen(runtime.options);
+        releaseHiddenFocusBeforeOpen(runtime.options, getRuntimeDrawerElement(runtime));
       }
       const previousOpen = runtime.controller.getSnapshot().state.isOpen;
       const snapshot = runtime.controller.setOpen(open);
@@ -29374,7 +29415,7 @@ function createDrawer(options = {}) {
     }
   }
   if (nextOptions.open && !previousOpen) {
-    releaseHiddenFocusBeforeOpen(nextOptions);
+    releaseHiddenFocusBeforeOpen(nextOptions, existing ? getRuntimeDrawerElement(existing) : null);
   }
   renderVanillaDrawer(id);
   if (nextOptions.parentId && nextOptions.open) {

package/dist/index.mjs

@@ -29107,7 +29107,7 @@ function openAncestorChain(parentId) {
     openAncestorChain(nextParentId);
   }
   if (!parentRuntime.controller.getSnapshot().state.isOpen) {
-    releaseHiddenFocusBeforeOpen(parentRuntime.options);
+    releaseHiddenFocusBeforeOpen(parentRuntime.options, getRuntimeDrawerElement(parentRuntime));
     parentRuntime.controller.setOpen(true);
     notifyOpenStateChange(parentRuntime, true);
     renderVanillaDrawer(parentRuntime.id);
@@ -29122,18 +29122,36 @@ function cleanupRuntimeTrigger(runtime) {
 }
 function bindTriggerElement(runtime) {
   cleanupRuntimeTrigger(runtime);
+  const drawerElement = getRuntimeDrawerElement(runtime);
+  const builtInTriggerElement = getRuntimeTriggerElement(runtime);
+  const cleanups = [];
+  if (builtInTriggerElement) {
+    const handleBuiltInTriggerClick = () => {
+      releaseHiddenFocusBeforeOpen(runtime.options, drawerElement);
+    };
+    builtInTriggerElement.addEventListener("click", handleBuiltInTriggerClick);
+    cleanups.push(() => {
+      builtInTriggerElement.removeEventListener("click", handleBuiltInTriggerClick);
+    });
+  }
   if (!runtime.options.triggerElement) {
+    runtime.cleanupTriggerElement = cleanups.length ? () => {
+      cleanups.forEach((cleanup) => cleanup());
+    } : null;
     return;
   }
   const triggerElement = runtime.options.triggerElement;
   const handleClick = () => {
-    releaseHiddenFocusBeforeOpen(runtime.options);
+    releaseHiddenFocusBeforeOpen(runtime.options, drawerElement);
     runtime.controller.setOpen(true);
     renderVanillaDrawer(runtime.id);
   };
   triggerElement.addEventListener("click", handleClick);
-  runtime.cleanupTriggerElement = () => {
+  cleanups.push(() => {
     triggerElement.removeEventListener("click", handleClick);
+  });
+  runtime.cleanupTriggerElement = () => {
+    cleanups.forEach((cleanup) => cleanup());
   };
 }
 function notifyOpenStateChange(runtime, open) {
@@ -29163,15 +29181,32 @@ function notifyOpenStateChange(runtime, open) {
 function canUseDOM3() {
   return typeof window !== "undefined" && typeof document !== "undefined";
 }
-function releaseHiddenFocusBeforeOpen(options) {
+function isElementInsideDrawer(element) {
+  let currentElement = element;
+  while (currentElement) {
+    if (currentElement instanceof HTMLElement && currentElement.hasAttribute("data-drawer")) {
+      return true;
+    }
+    currentElement = currentElement.parentElement;
+  }
+  return false;
+}
+function releaseHiddenFocusBeforeOpen(options, drawerElement) {
   if (!canUseDOM3() || options.modal === false || options.autoFocus) {
     return;
   }
   const activeElement = document.activeElement;
-  if (!activeElement || activeElement === document.body || typeof activeElement.blur !== "function") {
+  if (!activeElement || activeElement === document.body) {
+    return;
+  }
+  const activeElementNode = activeElement;
+  if (drawerElement?.contains(activeElementNode) || isElementInsideDrawer(activeElementNode)) {
+    return;
+  }
+  if (typeof activeElementNode.blur !== "function") {
     return;
   }
-  activeElement.blur();
+  activeElementNode.blur();
 }
 function getRuntimeDrawerElement(runtime) {
   if (!runtime.element) {
@@ -29179,6 +29214,12 @@ function getRuntimeDrawerElement(runtime) {
   }
   return runtime.element.querySelector("[data-drawer]");
 }
+function getRuntimeTriggerElement(runtime) {
+  if (!runtime.element) {
+    return null;
+  }
+  return runtime.element.querySelector("[data-drawer-vanilla-trigger]");
+}
 function getViewportSizeForDirection(direction) {
   if (!canUseDOM3()) {
     return 0;
@@ -29227,7 +29268,7 @@ function renderVanillaDrawer(id) {
     onOpenChange: (open) => {
       const previousOpen = runtime.controller.getSnapshot().state.isOpen;
       if (open) {
-        releaseHiddenFocusBeforeOpen(runtime.options);
+        releaseHiddenFocusBeforeOpen(runtime.options, getRuntimeDrawerElement(runtime));
       }
       runtime.controller.setOpen(open);
       if (previousOpen !== open) {
@@ -29276,7 +29317,7 @@ function buildVanillaController(id) {
         return createDrawer({ id, open }).getSnapshot();
       }
       if (open) {
-        releaseHiddenFocusBeforeOpen(runtime.options);
+        releaseHiddenFocusBeforeOpen(runtime.options, getRuntimeDrawerElement(runtime));
       }
       const previousOpen = runtime.controller.getSnapshot().state.isOpen;
       const snapshot = runtime.controller.setOpen(open);
@@ -29349,7 +29390,7 @@ function createDrawer(options = {}) {
     }
   }
   if (nextOptions.open && !previousOpen) {
-    releaseHiddenFocusBeforeOpen(nextOptions);
+    releaseHiddenFocusBeforeOpen(nextOptions, existing ? getRuntimeDrawerElement(existing) : null);
   }
   renderVanillaDrawer(id);
   if (nextOptions.parentId && nextOptions.open) {