@scripso-homepad/ui 0.4.16 → 0.4.17

package/dist/web/index.cjs

@@ -29431,32 +29431,26 @@ function isNavItemActive(pathname, item) {
   }
   return pathname === item.to || pathname.startsWith(`${item.to}/`);
 }
-function isModifiedClick(event) {
-  return event.metaKey || event.ctrlKey || event.shiftKey || event.altKey || event.button !== 0;
-}
 function SidebarNavItem({ item, isOpen, isActive, onNavigate }) {
   if (item.hidden) {
     return null;
   }
   const handleClick = (event) => {
+    event.preventDefault();
     if (item.disabled) {
-      event.preventDefault();
       return;
     }
-    if (event.defaultPrevented || isModifiedClick(event)) {
-      return;
-    }
-    event.preventDefault();
     item.onClick?.();
     onNavigate?.(item);
   };
   return /* @__PURE__ */ jsxRuntime.jsxs(
-    "a",
+    "button",
     {
-      href: item.to,
+      type: "button",
       onClick: handleClick,
       "aria-current": isActive ? "page" : void 0,
       "aria-disabled": item.disabled,
+      disabled: item.disabled,
       tabIndex: item.disabled ? -1 : void 0,
       className: cn(
         "relative flex items-center rounded-xl px-4 py-3 transition-[background-color,color,gap,padding] duration-300 ease-in-out",
@@ -31176,6 +31170,28 @@ function Modal({
   return typeof document !== "undefined" ? (0, import_react_dom2.createPortal)(modal, document.body) : modal;
 }
 var DRAWER_TRANSITION_MS = 300;
+var bodyScrollLockCount = 0;
+var previousBodyOverflow = "";
+function lockBodyScroll() {
+  if (typeof document === "undefined") {
+    return;
+  }
+  if (bodyScrollLockCount === 0) {
+    previousBodyOverflow = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
+  }
+  bodyScrollLockCount += 1;
+}
+function unlockBodyScroll() {
+  if (typeof document === "undefined") {
+    return;
+  }
+  bodyScrollLockCount = Math.max(0, bodyScrollLockCount - 1);
+  if (bodyScrollLockCount === 0) {
+    document.body.style.overflow = previousBodyOverflow;
+    previousBodyOverflow = "";
+  }
+}
 function Drawer({
   open,
   title,
@@ -31216,8 +31232,7 @@ function Drawer({
     if (!isPresent) {
       return;
     }
-    const previousOverflow = document.body.style.overflow;
-    document.body.style.overflow = "hidden";
+    lockBodyScroll();
     const handleKeyDown = (event) => {
       if (event.key === "Escape") {
         onClose();
@@ -31225,7 +31240,7 @@ function Drawer({
     };
     window.addEventListener("keydown", handleKeyDown);
     return () => {
-      document.body.style.overflow = previousOverflow;
+      unlockBodyScroll();
       window.removeEventListener("keydown", handleKeyDown);
     };
   }, [isPresent, onClose]);