@y14e/menu 1.4.3 → 1.4.4

package/README.md

@@ -10,14 +10,14 @@ npm i @y14e/menu
 
 ```ts
 // npm
-import Menu from '@y14e/menu@1.4.3';
+import Menu from '@y14e/menu@1.4.4';
 
 // CDNs
-import Menu from 'https://esm.sh/@y14e/menu@1.4.3';
+import Menu from 'https://esm.sh/@y14e/menu@1.4.4';
 // or
-import Menu from 'https://cdn.jsdelivr.net/npm/@y14e/menu@1.4.3/+esm';
+import Menu from 'https://cdn.jsdelivr.net/npm/@y14e/menu@1.4.4/+esm';
 // or
-import Menu from 'https://esm.unpkg.com/@y14e/menu@1.4.3';
+import Menu from 'https://esm.unpkg.com/@y14e/menu@1.4.4';
 ```
 
 ## Usage

package/dist/index.cjs

@@ -1422,11 +1422,10 @@ function addTokenToAttribute(element, attribute, token, options = {}) {
   const tokens = value ? parse(value).filter(Boolean) : [];
   if (caseInsensitive) {
     const lower = token.toLowerCase();
-    if (tokens.some((token2) => token2.toLowerCase() === lower)) {
-      return;
+    if (tokens.every((token2) => token2.toLowerCase() !== lower)) {
+      tokens.push(token);
+      element.setAttribute(attribute, serialize(tokens));
     }
-    tokens.push(token);
-    element.setAttribute(attribute, serialize(tokens));
     return;
   }
   const set = new Set(tokens);
@@ -1459,6 +1458,62 @@ function saveAttributes(elements, attributes) {
   });
 }
 
+// node_modules/@y14e/button/dist/index.js
+var Button = class {
+  #element;
+  #controller = null;
+  #isDestroyed = false;
+  constructor(element) {
+    if (!(element instanceof HTMLElement)) {
+      throw new TypeError("Invalid element");
+    }
+    if (element.hasAttribute("data-button-initialized")) {
+      console.warn("Already initialized");
+      return;
+    }
+    this.#element = element;
+    this.#initialize();
+  }
+  destroy() {
+    if (this.#isDestroyed) {
+      return;
+    }
+    this.#isDestroyed = true;
+    this.#controller?.abort();
+    this.#controller = null;
+    this.#element.removeAttribute("data-button-initialized");
+  }
+  #initialize() {
+    this.#controller = new AbortController();
+    this.#element.addEventListener("keydown", this.#onKeyDown, {
+      signal: this.#controller.signal
+    });
+    this.#element.setAttribute("data-button-initialized", "");
+  }
+  #onKeyDown = (event) => {
+    const { key, altKey, ctrlKey, metaKey, shiftKey } = event;
+    if (altKey || ctrlKey || metaKey || shiftKey) {
+      return;
+    }
+    if (!["Enter", " "].includes(key)) {
+      return;
+    }
+    const active = getActiveElement();
+    if (!(active instanceof HTMLElement)) {
+      return;
+    }
+    event.preventDefault();
+    active.click();
+  };
+};
+function getActiveElement() {
+  let current = document.activeElement;
+  while (current?.shadowRoot?.activeElement) {
+    current = current.shadowRoot.activeElement;
+  }
+  return current;
+}
+
 // node_modules/@y14e/portal/dist/index.js
 var snapshots2 = /* @__PURE__ */ new WeakMap();
 function restoreAttributes2(elements) {
@@ -1610,7 +1665,7 @@ function getRelativeFocusable(container, offset3, options) {
     container = document.body;
   }
   let {
-    anchor = getActiveElement(),
+    anchor = getActiveElement2(),
     composed = false,
     filter,
     include,
@@ -1619,7 +1674,7 @@ function getRelativeFocusable(container, offset3, options) {
     wrap = false
   } = options;
   if (!(anchor instanceof Element)) {
-    const active = getActiveElement();
+    const active = getActiveElement2();
     if (active instanceof Element) {
       console.warn("Invalid anchor element. Fallback: active element.");
       anchor = active;
@@ -1794,7 +1849,7 @@ function getComposedChildren(node) {
   }
   return getChildren(node);
 }
-function getActiveElement() {
+function getActiveElement2() {
   let current = document.activeElement;
   while (current?.shadowRoot?.activeElement) {
     current = current.shadowRoot.activeElement;
@@ -1925,7 +1980,7 @@ var Portal = class {
     if (key !== "Tab" || altKey || ctrlKey || metaKey) {
       return;
     }
-    const active = getActiveElement2();
+    const active = getActiveElement22();
     if (!(active instanceof Element)) {
       return;
     }
@@ -2009,7 +2064,7 @@ function containsComposed2(container, element) {
 function focusElement(element) {
   "focus" in element && typeof element.focus === "function" && element.focus();
 }
-function getActiveElement2() {
+function getActiveElement22() {
   let current = document.activeElement;
   while (current?.shadowRoot?.activeElement) {
     current = current.shadowRoot.activeElement;
@@ -2030,11 +2085,10 @@ function addTokenToAttribute2(element, attribute, token, options = {}) {
   const tokens = value ? parse(value).filter(Boolean) : [];
   if (caseInsensitive) {
     const lower = token.toLowerCase();
-    if (tokens.some((token2) => token2.toLowerCase() === lower)) {
-      return;
+    if (tokens.every((token2) => token2.toLowerCase() !== lower)) {
+      tokens.push(token);
+      element.setAttribute(attribute, serialize(tokens));
     }
-    tokens.push(token);
-    element.setAttribute(attribute, serialize(tokens));
     return;
   }
   const set = new Set(tokens);
@@ -2340,12 +2394,8 @@ function createRovingTabIndex(container, options = {}) {
     wrap = false;
   }
   const settings = { navigationOnly, typeahead, wrap };
-  if (direction) {
-    Object.assign(settings, { direction });
-  }
-  if (selector) {
-    Object.assign(settings, { selector });
-  }
+  direction && Object.assign(settings, { direction });
+  selector && Object.assign(settings, { selector });
   const roving = new RovingTabIndex(container, settings);
   return () => roving.destroy();
 }
@@ -2457,10 +2507,7 @@ var RovingTabIndex = class {
       }
     }
     const focusable = target.at(newIndex);
-    if (!focusable) {
-      return;
-    }
-    focusElement2(focusable);
+    focusable && focusElement2(focusable);
   };
   #update(active) {
     const current = new Set(this.#getFocusables());
@@ -2591,6 +2638,7 @@ var Menu = class _Menu {
   #cleanupPortal = null;
   #cleanupRovingTabIndex = null;
   #cleanupPopover = null;
+  #buttons = [];
   constructor(root, options = {}, _internal = {}) {
     if (!(root instanceof HTMLElement)) {
       throw new TypeError("Invalid root element");
@@ -2608,7 +2656,7 @@ var Menu = class _Menu {
     this.#isPortal = isPortal;
     const { selector } = this.#settings;
     this.#triggerElement = this.#rootElement.querySelector(
-      selector[!this.#isSubmenu ? "trigger" : "item"]
+      selector[this.#isSubmenu ? "item" : "trigger"]
     );
     this.#listElement = this.#rootElement.querySelector(
       selector.list
@@ -2643,7 +2691,7 @@ var Menu = class _Menu {
       items.push(item);
       this.#radioItemElementsByGroup.set(group, items);
     });
-    const settings = this.#settings.popover[!this.#isSubmenu ? "menu" : "submenu"];
+    const settings = this.#settings.popover[this.#isSubmenu ? "submenu" : "menu"];
     if (settings.arrow) {
       this.#arrowElement = document.createElement("div");
       this.#arrowElement.setAttribute("data-menu-arrow", "");
@@ -2679,6 +2727,10 @@ var Menu = class _Menu {
     this.#cleanupPopover?.();
     this.#cleanupPopover = null;
     this.#clearSubmenuTimer();
+    this.#buttons.forEach((button) => {
+      button.destroy();
+    });
+    this.#buttons.length = 0;
     _Menu.#menus = _Menu.#menus.filter((menu) => menu !== this);
     this.#submenus && await Promise.all(this.#submenus.map((submenu) => submenu.destroy()));
     if (!force) {
@@ -2761,6 +2813,7 @@ var Menu = class _Menu {
         "aria-labelledby",
         this.#triggerElement.id
       );
+      this.#buttons.push(new Button(this.#triggerElement));
     }
     this.#listElement.setAttribute("role", "menu");
     this.#listElement.addEventListener("keydown", this.#onListKeyDown, {
@@ -2842,40 +2895,19 @@ var Menu = class _Menu {
   #onTriggerClick = (event) => {
     event.preventDefault();
     this.#toggle(
-      !this.#isSubmenu ? this.#triggerElement?.ariaExpanded !== "true" : event.currentTarget === this.#triggerElement
+      this.#isSubmenu ? event.currentTarget === this.#triggerElement : this.#triggerElement?.ariaExpanded !== "true"
     );
   };
   #onTriggerKeyDown = (event) => {
     const { key } = event;
-    if (![
-      "Enter",
-      " ",
-      ...!this.#isSubmenu ? ["ArrowUp", "ArrowDown"] : ["ArrowRight"]
-    ].includes(key)) {
+    if (!(this.#isSubmenu ? ["ArrowRight"] : ["ArrowUp", "ArrowDown"]).includes(
+      key
+    )) {
       return;
     }
     event.preventDefault();
     event.stopPropagation();
-    if (key !== "Enter" && key !== " ") {
-      this.open();
-    }
-    const focusables = this.#itemElements.filter(isFocusable3);
-    let index = 0;
-    switch (key) {
-      case "Enter":
-      case " ":
-        this.#triggerElement?.click();
-        return;
-      case "ArrowUp":
-        index = -1;
-        break;
-      case "ArrowRight":
-        return;
-      case "ArrowDown":
-        index = 0;
-        break;
-    }
-    focusables.at(index)?.focus();
+    this.open(key === "ArrowUp");
   };
   #onListKeyDown = (event) => {
     const { shiftKey, key } = event;
@@ -3103,7 +3135,7 @@ var Menu = class _Menu {
       if (!this.#triggerElement || !this.#listElement) {
         return;
       }
-      const options = this.#settings.popover[!this.#isSubmenu ? "menu" : "submenu"];
+      const options = this.#settings.popover[this.#isSubmenu ? "submenu" : "menu"];
       computePosition2(this.#triggerElement, this.#listElement, {
         ...options,
         placement: options.placement
@@ -3197,7 +3229,7 @@ function isFocusable3(element) {
  * WAI-ARIA compliant menu (menu button) pattern implementation in TypeScript.
  * Supports checkbox item, radio item, and infinitely nested menus.
  *
- * @version 1.4.3
+ * @version 1.4.4
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane
@@ -3209,20 +3241,31 @@ function isFocusable3(element) {
   (**
    * Attributes Utils
    *
-   * @version 1.1.0
+   * @version 1.1.1
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane
    * @see {@link https://github.com/y14e/attributes-utils}
    *)
 
+@y14e/button/dist/index.js:
+  (**
+   * Button
+   *
+   * @version 1.0.0
+   * @author Yusuke Kamiyamane
+   * @license MIT
+   * @copyright Copyright (c) Yusuke Kamiyamane
+   * @see {@link https://github.com/y14e/button}
+   *)
+
 @y14e/portal/dist/index.js:
   (**
    * Portal
    * Lightweight DOM portal (teleport) utility with fully focus management.
    * Designed for accessible dialogs, menus, overlays, popovers.
    *
-   * @version 1.2.9
+   * @version 1.2.10
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane
@@ -3234,7 +3277,7 @@ function isFocusable3(element) {
     (**
      * Attributes Utils
      *
-     * @version 1.1.0
+     * @version 1.1.1
      * @author Yusuke Kamiyamane
      * @license MIT
      * @copyright Copyright (c) Yusuke Kamiyamane
@@ -3247,7 +3290,7 @@ function isFocusable3(element) {
      * High-precision focus management utility with full composed tree support.
      * Handles complex focus rules including tabindex ordering, radio groups, inert.
      *
-     * @version 4.3.1
+     * @version 4.3.2
      * @author Yusuke Kamiyamane
      * @license MIT
      * @copyright Copyright (c) Yusuke Kamiyamane
@@ -3261,7 +3304,7 @@ function isFocusable3(element) {
    * Lightweight roving tabindex utility with fully focus management.
    * Designed for accessible menus, tabs, toolbars, and composite widgets.
    *
-   * @version 2.0.6
+   * @version 2.0.8
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane
@@ -3273,7 +3316,7 @@ function isFocusable3(element) {
     (**
      * Attributes Utils
      *
-     * @version 1.1.0
+     * @version 1.1.1
      * @author Yusuke Kamiyamane
      * @license MIT
      * @copyright Copyright (c) Yusuke Kamiyamane
@@ -3286,7 +3329,7 @@ function isFocusable3(element) {
      * High-precision focus management utility with full composed tree support.
      * Handles complex focus rules including tabindex ordering, radio groups, inert.
      *
-     * @version 4.3.1
+     * @version 4.3.2
      * @author Yusuke Kamiyamane
      * @license MIT
      * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.d.cts

@@ -5,7 +5,7 @@ import { Middleware, Placement } from '@floating-ui/dom';
  * WAI-ARIA compliant menu (menu button) pattern implementation in TypeScript.
  * Supports checkbox item, radio item, and infinitely nested menus.
  *
- * @version 1.4.3
+ * @version 1.4.4
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.d.ts

@@ -5,7 +5,7 @@ import { Middleware, Placement } from '@floating-ui/dom';
  * WAI-ARIA compliant menu (menu button) pattern implementation in TypeScript.
  * Supports checkbox item, radio item, and infinitely nested menus.
  *
- * @version 1.4.3
+ * @version 1.4.4
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.js

@@ -1420,11 +1420,10 @@ function addTokenToAttribute(element, attribute, token, options = {}) {
   const tokens = value ? parse(value).filter(Boolean) : [];
   if (caseInsensitive) {
     const lower = token.toLowerCase();
-    if (tokens.some((token2) => token2.toLowerCase() === lower)) {
-      return;
+    if (tokens.every((token2) => token2.toLowerCase() !== lower)) {
+      tokens.push(token);
+      element.setAttribute(attribute, serialize(tokens));
     }
-    tokens.push(token);
-    element.setAttribute(attribute, serialize(tokens));
     return;
   }
   const set = new Set(tokens);
@@ -1457,6 +1456,62 @@ function saveAttributes(elements, attributes) {
   });
 }
 
+// node_modules/@y14e/button/dist/index.js
+var Button = class {
+  #element;
+  #controller = null;
+  #isDestroyed = false;
+  constructor(element) {
+    if (!(element instanceof HTMLElement)) {
+      throw new TypeError("Invalid element");
+    }
+    if (element.hasAttribute("data-button-initialized")) {
+      console.warn("Already initialized");
+      return;
+    }
+    this.#element = element;
+    this.#initialize();
+  }
+  destroy() {
+    if (this.#isDestroyed) {
+      return;
+    }
+    this.#isDestroyed = true;
+    this.#controller?.abort();
+    this.#controller = null;
+    this.#element.removeAttribute("data-button-initialized");
+  }
+  #initialize() {
+    this.#controller = new AbortController();
+    this.#element.addEventListener("keydown", this.#onKeyDown, {
+      signal: this.#controller.signal
+    });
+    this.#element.setAttribute("data-button-initialized", "");
+  }
+  #onKeyDown = (event) => {
+    const { key, altKey, ctrlKey, metaKey, shiftKey } = event;
+    if (altKey || ctrlKey || metaKey || shiftKey) {
+      return;
+    }
+    if (!["Enter", " "].includes(key)) {
+      return;
+    }
+    const active = getActiveElement();
+    if (!(active instanceof HTMLElement)) {
+      return;
+    }
+    event.preventDefault();
+    active.click();
+  };
+};
+function getActiveElement() {
+  let current = document.activeElement;
+  while (current?.shadowRoot?.activeElement) {
+    current = current.shadowRoot.activeElement;
+  }
+  return current;
+}
+
 // node_modules/@y14e/portal/dist/index.js
 var snapshots2 = /* @__PURE__ */ new WeakMap();
 function restoreAttributes2(elements) {
@@ -1608,7 +1663,7 @@ function getRelativeFocusable(container, offset3, options) {
     container = document.body;
   }
   let {
-    anchor = getActiveElement(),
+    anchor = getActiveElement2(),
     composed = false,
     filter,
     include,
@@ -1617,7 +1672,7 @@ function getRelativeFocusable(container, offset3, options) {
     wrap = false
   } = options;
   if (!(anchor instanceof Element)) {
-    const active = getActiveElement();
+    const active = getActiveElement2();
     if (active instanceof Element) {
       console.warn("Invalid anchor element. Fallback: active element.");
       anchor = active;
@@ -1792,7 +1847,7 @@ function getComposedChildren(node) {
   }
   return getChildren(node);
 }
-function getActiveElement() {
+function getActiveElement2() {
   let current = document.activeElement;
   while (current?.shadowRoot?.activeElement) {
     current = current.shadowRoot.activeElement;
@@ -1923,7 +1978,7 @@ var Portal = class {
     if (key !== "Tab" || altKey || ctrlKey || metaKey) {
       return;
     }
-    const active = getActiveElement2();
+    const active = getActiveElement22();
     if (!(active instanceof Element)) {
       return;
     }
@@ -2007,7 +2062,7 @@ function containsComposed2(container, element) {
 function focusElement(element) {
   "focus" in element && typeof element.focus === "function" && element.focus();
 }
-function getActiveElement2() {
+function getActiveElement22() {
   let current = document.activeElement;
   while (current?.shadowRoot?.activeElement) {
     current = current.shadowRoot.activeElement;
@@ -2028,11 +2083,10 @@ function addTokenToAttribute2(element, attribute, token, options = {}) {
   const tokens = value ? parse(value).filter(Boolean) : [];
   if (caseInsensitive) {
     const lower = token.toLowerCase();
-    if (tokens.some((token2) => token2.toLowerCase() === lower)) {
-      return;
+    if (tokens.every((token2) => token2.toLowerCase() !== lower)) {
+      tokens.push(token);
+      element.setAttribute(attribute, serialize(tokens));
     }
-    tokens.push(token);
-    element.setAttribute(attribute, serialize(tokens));
     return;
   }
   const set = new Set(tokens);
@@ -2338,12 +2392,8 @@ function createRovingTabIndex(container, options = {}) {
     wrap = false;
   }
   const settings = { navigationOnly, typeahead, wrap };
-  if (direction) {
-    Object.assign(settings, { direction });
-  }
-  if (selector) {
-    Object.assign(settings, { selector });
-  }
+  direction && Object.assign(settings, { direction });
+  selector && Object.assign(settings, { selector });
   const roving = new RovingTabIndex(container, settings);
   return () => roving.destroy();
 }
@@ -2455,10 +2505,7 @@ var RovingTabIndex = class {
       }
     }
     const focusable = target.at(newIndex);
-    if (!focusable) {
-      return;
-    }
-    focusElement2(focusable);
+    focusable && focusElement2(focusable);
   };
   #update(active) {
     const current = new Set(this.#getFocusables());
@@ -2589,6 +2636,7 @@ var Menu = class _Menu {
   #cleanupPortal = null;
   #cleanupRovingTabIndex = null;
   #cleanupPopover = null;
+  #buttons = [];
   constructor(root, options = {}, _internal = {}) {
     if (!(root instanceof HTMLElement)) {
       throw new TypeError("Invalid root element");
@@ -2606,7 +2654,7 @@ var Menu = class _Menu {
     this.#isPortal = isPortal;
     const { selector } = this.#settings;
     this.#triggerElement = this.#rootElement.querySelector(
-      selector[!this.#isSubmenu ? "trigger" : "item"]
+      selector[this.#isSubmenu ? "item" : "trigger"]
     );
     this.#listElement = this.#rootElement.querySelector(
       selector.list
@@ -2641,7 +2689,7 @@ var Menu = class _Menu {
       items.push(item);
       this.#radioItemElementsByGroup.set(group, items);
     });
-    const settings = this.#settings.popover[!this.#isSubmenu ? "menu" : "submenu"];
+    const settings = this.#settings.popover[this.#isSubmenu ? "submenu" : "menu"];
     if (settings.arrow) {
       this.#arrowElement = document.createElement("div");
       this.#arrowElement.setAttribute("data-menu-arrow", "");
@@ -2677,6 +2725,10 @@ var Menu = class _Menu {
     this.#cleanupPopover?.();
     this.#cleanupPopover = null;
     this.#clearSubmenuTimer();
+    this.#buttons.forEach((button) => {
+      button.destroy();
+    });
+    this.#buttons.length = 0;
     _Menu.#menus = _Menu.#menus.filter((menu) => menu !== this);
     this.#submenus && await Promise.all(this.#submenus.map((submenu) => submenu.destroy()));
     if (!force) {
@@ -2759,6 +2811,7 @@ var Menu = class _Menu {
         "aria-labelledby",
         this.#triggerElement.id
       );
+      this.#buttons.push(new Button(this.#triggerElement));
     }
     this.#listElement.setAttribute("role", "menu");
     this.#listElement.addEventListener("keydown", this.#onListKeyDown, {
@@ -2840,40 +2893,19 @@ var Menu = class _Menu {
   #onTriggerClick = (event) => {
     event.preventDefault();
     this.#toggle(
-      !this.#isSubmenu ? this.#triggerElement?.ariaExpanded !== "true" : event.currentTarget === this.#triggerElement
+      this.#isSubmenu ? event.currentTarget === this.#triggerElement : this.#triggerElement?.ariaExpanded !== "true"
     );
   };
   #onTriggerKeyDown = (event) => {
     const { key } = event;
-    if (![
-      "Enter",
-      " ",
-      ...!this.#isSubmenu ? ["ArrowUp", "ArrowDown"] : ["ArrowRight"]
-    ].includes(key)) {
+    if (!(this.#isSubmenu ? ["ArrowRight"] : ["ArrowUp", "ArrowDown"]).includes(
+      key
+    )) {
       return;
     }
     event.preventDefault();
     event.stopPropagation();
-    if (key !== "Enter" && key !== " ") {
-      this.open();
-    }
-    const focusables = this.#itemElements.filter(isFocusable3);
-    let index = 0;
-    switch (key) {
-      case "Enter":
-      case " ":
-        this.#triggerElement?.click();
-        return;
-      case "ArrowUp":
-        index = -1;
-        break;
-      case "ArrowRight":
-        return;
-      case "ArrowDown":
-        index = 0;
-        break;
-    }
-    focusables.at(index)?.focus();
+    this.open(key === "ArrowUp");
   };
   #onListKeyDown = (event) => {
     const { shiftKey, key } = event;
@@ -3101,7 +3133,7 @@ var Menu = class _Menu {
       if (!this.#triggerElement || !this.#listElement) {
         return;
       }
-      const options = this.#settings.popover[!this.#isSubmenu ? "menu" : "submenu"];
+      const options = this.#settings.popover[this.#isSubmenu ? "submenu" : "menu"];
       computePosition2(this.#triggerElement, this.#listElement, {
         ...options,
         placement: options.placement
@@ -3195,7 +3227,7 @@ function isFocusable3(element) {
  * WAI-ARIA compliant menu (menu button) pattern implementation in TypeScript.
  * Supports checkbox item, radio item, and infinitely nested menus.
  *
- * @version 1.4.3
+ * @version 1.4.4
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane
@@ -3207,20 +3239,31 @@ function isFocusable3(element) {
   (**
    * Attributes Utils
    *
-   * @version 1.1.0
+   * @version 1.1.1
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane
    * @see {@link https://github.com/y14e/attributes-utils}
    *)
 
+@y14e/button/dist/index.js:
+  (**
+   * Button
+   *
+   * @version 1.0.0
+   * @author Yusuke Kamiyamane
+   * @license MIT
+   * @copyright Copyright (c) Yusuke Kamiyamane
+   * @see {@link https://github.com/y14e/button}
+   *)
+
 @y14e/portal/dist/index.js:
   (**
    * Portal
    * Lightweight DOM portal (teleport) utility with fully focus management.
    * Designed for accessible dialogs, menus, overlays, popovers.
    *
-   * @version 1.2.9
+   * @version 1.2.10
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane
@@ -3232,7 +3275,7 @@ function isFocusable3(element) {
     (**
      * Attributes Utils
      *
-     * @version 1.1.0
+     * @version 1.1.1
      * @author Yusuke Kamiyamane
      * @license MIT
      * @copyright Copyright (c) Yusuke Kamiyamane
@@ -3245,7 +3288,7 @@ function isFocusable3(element) {
      * High-precision focus management utility with full composed tree support.
      * Handles complex focus rules including tabindex ordering, radio groups, inert.
      *
-     * @version 4.3.1
+     * @version 4.3.2
      * @author Yusuke Kamiyamane
      * @license MIT
      * @copyright Copyright (c) Yusuke Kamiyamane
@@ -3259,7 +3302,7 @@ function isFocusable3(element) {
    * Lightweight roving tabindex utility with fully focus management.
    * Designed for accessible menus, tabs, toolbars, and composite widgets.
    *
-   * @version 2.0.6
+   * @version 2.0.8
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane
@@ -3271,7 +3314,7 @@ function isFocusable3(element) {
     (**
      * Attributes Utils
      *
-     * @version 1.1.0
+     * @version 1.1.1
      * @author Yusuke Kamiyamane
      * @license MIT
      * @copyright Copyright (c) Yusuke Kamiyamane
@@ -3284,7 +3327,7 @@ function isFocusable3(element) {
      * High-precision focus management utility with full composed tree support.
      * Handles complex focus rules including tabindex ordering, radio groups, inert.
      *
-     * @version 4.3.1
+     * @version 4.3.2
      * @author Yusuke Kamiyamane
      * @license MIT
      * @copyright Copyright (c) Yusuke Kamiyamane

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@y14e/menu",
-  "version": "1.4.3",
+  "version": "1.4.4",
   "description": "WAI-ARIA compliant menu (menu button) pattern implementation in TypeScript",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -44,9 +44,10 @@
   "homepage": "https://github.com/y14e/menu#readme",
   "devDependencies": {
     "@floating-ui/dom": "^1.7.6",
-    "@y14e/attributes-utils": "^1.1.0",
-    "@y14e/portal": "^1.2.9",
-    "@y14e/roving-tabindex": "^2.0.6",
+    "@y14e/attributes-utils": "^1.1.1",
+    "@y14e/button": "^1.0.0",
+    "@y14e/portal": "^1.2.10",
+    "@y14e/roving-tabindex": "^2.0.8",
     "bun-types": "latest",
     "tsup": "^8.0.0",
     "typescript": "^5.6.0"