@y14e/accordion 1.3.3 → 1.4.1

package/README.md

@@ -10,14 +10,14 @@ npm i @y14e/accordion
 
 ```ts
 // npm
-import Accordion from '@y14e/accordion';
+import Accordion from '@y14e/accordion@1.4.1';
 
 // CDNs
-import Accordion from 'https://esm.sh/@y14e/accordion'
+import Accordion from 'https://esm.sh/@y14e/accordion@1.4.1';
 // or
-import Accordion from 'https://cdn.jsdelivr.net/npm/@y14e/accordion/+esm';
+import Accordion from 'https://cdn.jsdelivr.net/npm/@y14e/accordion@1.4.1/+esm';
 // or
-import Accordion from 'https://unpkg.com/@y14e/accordion/dist/index.js';
+import Accordion from 'https://esm.unpkg.com/@y14e/accordion@1.4.1';
 ```
 
 ## Usage

package/dist/index.cjs

@@ -50,6 +50,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/roving-tabindex/dist/index.js
 var defaultParser2 = (value) => value.split(/\s+/);
 var defaultSerializer2 = (tokens) => tokens.join(" ");
@@ -109,6 +165,7 @@ function getFocusables(container = document.body, options = {}) {
     composed = false,
     filter,
     include,
+    skipNegativeTabIndexCheck = false,
     skipVisibilityCheck = false
   } = options;
   if (typeof composed !== "boolean") {
@@ -127,11 +184,22 @@ function getFocusables(container = document.body, options = {}) {
     );
     include = void 0;
   }
+  if (typeof skipNegativeTabIndexCheck !== "boolean") {
+    console.warn("Invalid skipNegativeTabIndexCheck option. Fallback: false.");
+    skipNegativeTabIndexCheck = false;
+  }
+  if (typeof skipVisibilityCheck !== "boolean") {
+    console.warn("Invalid skipVisibilityCheck option. Fallback: false.");
+    skipVisibilityCheck = false;
+  }
   const elements = [];
   if (composed || include) {
     let traverse2 = function(node) {
       if (node instanceof Element) {
-        if (isFocusable(node, { skipVisibilityCheck }) || include?.(node)) {
+        if (isFocusable(node, {
+          skipNegativeTabIndexCheck,
+          skipVisibilityCheck
+        }) || include?.(node)) {
           elements[elements.length] = node;
         }
       }
@@ -152,7 +220,10 @@ function getFocusables(container = document.body, options = {}) {
       if (!(candidate instanceof Element)) {
         continue;
       }
-      if (isFocusable(candidate, { skipVisibilityCheck })) {
+      if (isFocusable(candidate, {
+        skipNegativeTabIndexCheck,
+        skipVisibilityCheck
+      })) {
         elements[elements.length] = candidate;
       }
     }
@@ -165,7 +236,11 @@ function isFocusable(element, options = {}) {
     console.warn("Invalid element");
     return false;
   }
-  let { skipVisibilityCheck = false } = options;
+  let { skipNegativeTabIndexCheck = false, skipVisibilityCheck = false } = options;
+  if (typeof skipNegativeTabIndexCheck !== "boolean") {
+    console.warn("Invalid skipNegativeTabIndexCheck option. Fallback: false.");
+    skipNegativeTabIndexCheck = false;
+  }
   if (typeof skipVisibilityCheck !== "boolean") {
     console.warn("Invalid skipVisibilityCheck option. Fallback: false.");
     skipVisibilityCheck = false;
@@ -173,10 +248,12 @@ function isFocusable(element, options = {}) {
   if (element.hasAttribute("hidden") || isInert(element)) {
     return false;
   }
-  if (getTabIndex(element) < 0) {
+  if (!skipNegativeTabIndexCheck && getTabIndex(element) < 0) {
     return false;
   }
-  if (!element.matches(FOCUSABLE_SELECTOR)) {
+  if (!element.matches(
+    skipNegativeTabIndexCheck ? FOCUSABLE_SELECTOR.replace(/(,\s*)?\[tabindex="-1"\]/g, "") : FOCUSABLE_SELECTOR
+  )) {
     return false;
   }
   if (isDisabledDeep(element)) {
@@ -351,13 +428,14 @@ function createRovingTabIndex(container, options = {}) {
     console.warn("Invalid wrap option. Fallback: false.");
     wrap = false;
   }
-  const roving = new RovingTabIndex(container, {
-    direction,
-    navigationOnly,
-    selector,
-    typeahead,
-    wrap
-  });
+  const settings = { navigationOnly, typeahead, wrap };
+  if (direction !== void 0) {
+    Object.assign(settings, { direction });
+  }
+  if (selector !== void 0) {
+    Object.assign(settings, { selector });
+  }
+  const roving = new RovingTabIndex(container, settings);
   return () => roving.destroy();
 }
 var RovingTabIndex = class {
@@ -399,8 +477,8 @@ var RovingTabIndex = class {
     if (!event.composedPath().includes(this.#container)) {
       return;
     }
-    const { key, altKey, ctrlKey, metaKey } = event;
-    if (altKey || ctrlKey || metaKey) {
+    const { key, altKey, ctrlKey, metaKey, shiftKey } = event;
+    if (altKey || ctrlKey || metaKey || shiftKey) {
       return;
     }
     const { direction, typeahead, wrap } = this.#options;
@@ -416,7 +494,7 @@ var RovingTabIndex = class {
         return;
       }
     }
-    const active = getActiveElement();
+    const active = getActiveElement2();
     if (!(active instanceof HTMLElement)) {
       return;
     }
@@ -463,14 +541,7 @@ var RovingTabIndex = class {
     focusElement(focusable);
   };
   #update(active) {
-    const current = /* @__PURE__ */ new Set([
-      ...this.#getFocusables(),
-      ...getFocusables(this.#container, {
-        composed: true,
-        filter: this.#selectorFilter,
-        skipVisibilityCheck: true
-      })
-    ]);
+    const current = new Set(this.#getFocusables());
     for (const focusable of this.#focusables) {
       if (current.has(focusable)) {
         continue;
@@ -534,15 +605,14 @@ var RovingTabIndex = class {
     return getFocusables(this.#container, {
       composed: true,
       filter: this.#selectorFilter,
-      include: (element) => this.#focusables.has(element),
-      skipVisibilityCheck: true
+      skipNegativeTabIndexCheck: !this.#options.navigationOnly
     });
   }
 };
 function focusElement(element) {
   "focus" in element && typeof element.focus === "function" && element.focus();
 }
-function getActiveElement() {
+function getActiveElement2() {
   let current = document.activeElement;
   while (current?.shadowRoot?.activeElement) {
     current = current.shadowRoot.activeElement;
@@ -568,6 +638,7 @@ var Accordion = class _Accordion {
   #eventController = null;
   #animationController = null;
   #cleanupRovingTabIndex = null;
+  #buttons = [];
   #isDestroyed = false;
   constructor(root, options = {}) {
     if (!(root instanceof HTMLElement)) {
@@ -641,6 +712,10 @@ var Accordion = class _Accordion {
     this.#eventController = null;
     this.#cleanupRovingTabIndex?.();
     this.#cleanupRovingTabIndex = null;
+    this.#buttons.forEach((button) => {
+      button.destroy();
+    });
+    this.#buttons.length = 0;
     !force && await this.#waitAnimationsFinish();
     this.#contentElements.forEach((content) => {
       force && this.#bindings.get(content)?.animation?.finish();
@@ -683,12 +758,12 @@ var Accordion = class _Accordion {
         trigger2.style.setProperty("pointer-events", "none");
       }
       trigger2.addEventListener("click", this.#onTriggerClick, { signal });
-      trigger2.addEventListener("keydown", this.#onTriggerKeyDown, { signal });
       addTokenToAttribute(content2, "aria-labelledby", trigger2.id);
       content2.setAttribute("role", "region");
       content2.addEventListener("beforematch", this.#onContentBeforeMatch, {
         signal
       });
+      this.#buttons.push(new Button(trigger2));
     });
     const { trigger, content } = this.#settings.selector;
     this.#cleanupRovingTabIndex = createRovingTabIndex(this.#rootElement, {
@@ -707,21 +782,6 @@ var Accordion = class _Accordion {
     }
     this.#toggle(trigger, trigger.ariaExpanded === "false");
   };
-  #onTriggerKeyDown = (event) => {
-    const { key, altKey, ctrlKey, metaKey, shiftKey } = event;
-    if (altKey || ctrlKey || metaKey || shiftKey) {
-      return;
-    }
-    if (!["Enter", " "].includes(key)) {
-      return;
-    }
-    const active = getActiveElement2();
-    if (!(active instanceof HTMLElement)) {
-      return;
-    }
-    event.preventDefault();
-    active.click();
-  };
   #onContentBeforeMatch = (event) => {
     const content = event.currentTarget;
     if (!(content instanceof HTMLElement)) {
@@ -818,13 +878,6 @@ var Accordion = class _Accordion {
 function createBinding(trigger, content) {
   return { trigger, content, animation: null };
 }
-function getActiveElement2() {
-  let current = document.activeElement;
-  while (current?.shadowRoot?.activeElement) {
-    current = current.shadowRoot.activeElement;
-  }
-  return current;
-}
 function isFocusable2(element) {
   return !element.hasAttribute("disabled") && element.tabIndex >= 0;
 }
@@ -841,7 +894,7 @@ function waitAnimationFinish(animation) {
  * Accordion
  * WAI-ARIA compliant accordion pattern implementation in TypeScript.
  *
- * @version 1.3.3
+ * @version 1.4.1
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane
@@ -853,20 +906,31 @@ function waitAnimationFinish(animation) {
   (**
    * Attributes Utils
    *
-   * @version 1.0.5
+   * @version 1.1.0
    * @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/roving-tabindex/dist/index.js:
   (**
    * Roving Tabindex
    * Lightweight roving tabindex utility with fully focus management.
    * Designed for accessible menus, tabs, toolbars, and composite widgets.
    *
-   * @version 1.3.1
+   * @version 2.0.3
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane
@@ -878,7 +942,7 @@ function waitAnimationFinish(animation) {
     (**
      * Attributes Utils
      *
-     * @version 1.0.5
+     * @version 1.1.0
      * @author Yusuke Kamiyamane
      * @license MIT
      * @copyright Copyright (c) Yusuke Kamiyamane
@@ -891,7 +955,7 @@ function waitAnimationFinish(animation) {
      * High-precision focus management utility with full composed tree support.
      * Handles complex focus rules including tabindex ordering, radio groups, inert.
      *
-     * @version 4.2.0
+     * @version 4.3.1
      * @author Yusuke Kamiyamane
      * @license MIT
      * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.d.cts

@@ -2,7 +2,7 @@
  * Accordion
  * WAI-ARIA compliant accordion pattern implementation in TypeScript.
  *
- * @version 1.3.3
+ * @version 1.4.1
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.d.ts

@@ -2,7 +2,7 @@
  * Accordion
  * WAI-ARIA compliant accordion pattern implementation in TypeScript.
  *
- * @version 1.3.3
+ * @version 1.4.1
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.js

@@ -48,6 +48,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/roving-tabindex/dist/index.js
 var defaultParser2 = (value) => value.split(/\s+/);
 var defaultSerializer2 = (tokens) => tokens.join(" ");
@@ -107,6 +163,7 @@ function getFocusables(container = document.body, options = {}) {
     composed = false,
     filter,
     include,
+    skipNegativeTabIndexCheck = false,
     skipVisibilityCheck = false
   } = options;
   if (typeof composed !== "boolean") {
@@ -125,11 +182,22 @@ function getFocusables(container = document.body, options = {}) {
     );
     include = void 0;
   }
+  if (typeof skipNegativeTabIndexCheck !== "boolean") {
+    console.warn("Invalid skipNegativeTabIndexCheck option. Fallback: false.");
+    skipNegativeTabIndexCheck = false;
+  }
+  if (typeof skipVisibilityCheck !== "boolean") {
+    console.warn("Invalid skipVisibilityCheck option. Fallback: false.");
+    skipVisibilityCheck = false;
+  }
   const elements = [];
   if (composed || include) {
     let traverse2 = function(node) {
       if (node instanceof Element) {
-        if (isFocusable(node, { skipVisibilityCheck }) || include?.(node)) {
+        if (isFocusable(node, {
+          skipNegativeTabIndexCheck,
+          skipVisibilityCheck
+        }) || include?.(node)) {
           elements[elements.length] = node;
         }
       }
@@ -150,7 +218,10 @@ function getFocusables(container = document.body, options = {}) {
       if (!(candidate instanceof Element)) {
         continue;
       }
-      if (isFocusable(candidate, { skipVisibilityCheck })) {
+      if (isFocusable(candidate, {
+        skipNegativeTabIndexCheck,
+        skipVisibilityCheck
+      })) {
         elements[elements.length] = candidate;
       }
     }
@@ -163,7 +234,11 @@ function isFocusable(element, options = {}) {
     console.warn("Invalid element");
     return false;
   }
-  let { skipVisibilityCheck = false } = options;
+  let { skipNegativeTabIndexCheck = false, skipVisibilityCheck = false } = options;
+  if (typeof skipNegativeTabIndexCheck !== "boolean") {
+    console.warn("Invalid skipNegativeTabIndexCheck option. Fallback: false.");
+    skipNegativeTabIndexCheck = false;
+  }
   if (typeof skipVisibilityCheck !== "boolean") {
     console.warn("Invalid skipVisibilityCheck option. Fallback: false.");
     skipVisibilityCheck = false;
@@ -171,10 +246,12 @@ function isFocusable(element, options = {}) {
   if (element.hasAttribute("hidden") || isInert(element)) {
     return false;
   }
-  if (getTabIndex(element) < 0) {
+  if (!skipNegativeTabIndexCheck && getTabIndex(element) < 0) {
     return false;
   }
-  if (!element.matches(FOCUSABLE_SELECTOR)) {
+  if (!element.matches(
+    skipNegativeTabIndexCheck ? FOCUSABLE_SELECTOR.replace(/(,\s*)?\[tabindex="-1"\]/g, "") : FOCUSABLE_SELECTOR
+  )) {
     return false;
   }
   if (isDisabledDeep(element)) {
@@ -349,13 +426,14 @@ function createRovingTabIndex(container, options = {}) {
     console.warn("Invalid wrap option. Fallback: false.");
     wrap = false;
   }
-  const roving = new RovingTabIndex(container, {
-    direction,
-    navigationOnly,
-    selector,
-    typeahead,
-    wrap
-  });
+  const settings = { navigationOnly, typeahead, wrap };
+  if (direction !== void 0) {
+    Object.assign(settings, { direction });
+  }
+  if (selector !== void 0) {
+    Object.assign(settings, { selector });
+  }
+  const roving = new RovingTabIndex(container, settings);
   return () => roving.destroy();
 }
 var RovingTabIndex = class {
@@ -397,8 +475,8 @@ var RovingTabIndex = class {
     if (!event.composedPath().includes(this.#container)) {
       return;
     }
-    const { key, altKey, ctrlKey, metaKey } = event;
-    if (altKey || ctrlKey || metaKey) {
+    const { key, altKey, ctrlKey, metaKey, shiftKey } = event;
+    if (altKey || ctrlKey || metaKey || shiftKey) {
       return;
     }
     const { direction, typeahead, wrap } = this.#options;
@@ -414,7 +492,7 @@ var RovingTabIndex = class {
         return;
       }
     }
-    const active = getActiveElement();
+    const active = getActiveElement2();
     if (!(active instanceof HTMLElement)) {
       return;
     }
@@ -461,14 +539,7 @@ var RovingTabIndex = class {
     focusElement(focusable);
   };
   #update(active) {
-    const current = /* @__PURE__ */ new Set([
-      ...this.#getFocusables(),
-      ...getFocusables(this.#container, {
-        composed: true,
-        filter: this.#selectorFilter,
-        skipVisibilityCheck: true
-      })
-    ]);
+    const current = new Set(this.#getFocusables());
     for (const focusable of this.#focusables) {
       if (current.has(focusable)) {
         continue;
@@ -532,15 +603,14 @@ var RovingTabIndex = class {
     return getFocusables(this.#container, {
       composed: true,
       filter: this.#selectorFilter,
-      include: (element) => this.#focusables.has(element),
-      skipVisibilityCheck: true
+      skipNegativeTabIndexCheck: !this.#options.navigationOnly
     });
   }
 };
 function focusElement(element) {
   "focus" in element && typeof element.focus === "function" && element.focus();
 }
-function getActiveElement() {
+function getActiveElement2() {
   let current = document.activeElement;
   while (current?.shadowRoot?.activeElement) {
     current = current.shadowRoot.activeElement;
@@ -566,6 +636,7 @@ var Accordion = class _Accordion {
   #eventController = null;
   #animationController = null;
   #cleanupRovingTabIndex = null;
+  #buttons = [];
   #isDestroyed = false;
   constructor(root, options = {}) {
     if (!(root instanceof HTMLElement)) {
@@ -639,6 +710,10 @@ var Accordion = class _Accordion {
     this.#eventController = null;
     this.#cleanupRovingTabIndex?.();
     this.#cleanupRovingTabIndex = null;
+    this.#buttons.forEach((button) => {
+      button.destroy();
+    });
+    this.#buttons.length = 0;
     !force && await this.#waitAnimationsFinish();
     this.#contentElements.forEach((content) => {
       force && this.#bindings.get(content)?.animation?.finish();
@@ -681,12 +756,12 @@ var Accordion = class _Accordion {
         trigger2.style.setProperty("pointer-events", "none");
       }
       trigger2.addEventListener("click", this.#onTriggerClick, { signal });
-      trigger2.addEventListener("keydown", this.#onTriggerKeyDown, { signal });
       addTokenToAttribute(content2, "aria-labelledby", trigger2.id);
       content2.setAttribute("role", "region");
       content2.addEventListener("beforematch", this.#onContentBeforeMatch, {
         signal
       });
+      this.#buttons.push(new Button(trigger2));
     });
     const { trigger, content } = this.#settings.selector;
     this.#cleanupRovingTabIndex = createRovingTabIndex(this.#rootElement, {
@@ -705,21 +780,6 @@ var Accordion = class _Accordion {
     }
     this.#toggle(trigger, trigger.ariaExpanded === "false");
   };
-  #onTriggerKeyDown = (event) => {
-    const { key, altKey, ctrlKey, metaKey, shiftKey } = event;
-    if (altKey || ctrlKey || metaKey || shiftKey) {
-      return;
-    }
-    if (!["Enter", " "].includes(key)) {
-      return;
-    }
-    const active = getActiveElement2();
-    if (!(active instanceof HTMLElement)) {
-      return;
-    }
-    event.preventDefault();
-    active.click();
-  };
   #onContentBeforeMatch = (event) => {
     const content = event.currentTarget;
     if (!(content instanceof HTMLElement)) {
@@ -816,13 +876,6 @@ var Accordion = class _Accordion {
 function createBinding(trigger, content) {
   return { trigger, content, animation: null };
 }
-function getActiveElement2() {
-  let current = document.activeElement;
-  while (current?.shadowRoot?.activeElement) {
-    current = current.shadowRoot.activeElement;
-  }
-  return current;
-}
 function isFocusable2(element) {
   return !element.hasAttribute("disabled") && element.tabIndex >= 0;
 }
@@ -839,7 +892,7 @@ function waitAnimationFinish(animation) {
  * Accordion
  * WAI-ARIA compliant accordion pattern implementation in TypeScript.
  *
- * @version 1.3.3
+ * @version 1.4.1
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane
@@ -851,20 +904,31 @@ function waitAnimationFinish(animation) {
   (**
    * Attributes Utils
    *
-   * @version 1.0.5
+   * @version 1.1.0
    * @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/roving-tabindex/dist/index.js:
   (**
    * Roving Tabindex
    * Lightweight roving tabindex utility with fully focus management.
    * Designed for accessible menus, tabs, toolbars, and composite widgets.
    *
-   * @version 1.3.1
+   * @version 2.0.3
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane
@@ -876,7 +940,7 @@ function waitAnimationFinish(animation) {
     (**
      * Attributes Utils
      *
-     * @version 1.0.5
+     * @version 1.1.0
      * @author Yusuke Kamiyamane
      * @license MIT
      * @copyright Copyright (c) Yusuke Kamiyamane
@@ -889,7 +953,7 @@ function waitAnimationFinish(animation) {
      * High-precision focus management utility with full composed tree support.
      * Handles complex focus rules including tabindex ordering, radio groups, inert.
      *
-     * @version 4.2.0
+     * @version 4.3.1
      * @author Yusuke Kamiyamane
      * @license MIT
      * @copyright Copyright (c) Yusuke Kamiyamane

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@y14e/accordion",
-  "version": "1.3.3",
+  "version": "1.4.1",
   "description": "WAI-ARIA compliant accordion pattern implementation in TypeScript",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -43,8 +43,9 @@
   },
   "homepage": "https://github.com/y14e/accordion#readme",
   "devDependencies": {
-    "@y14e/attributes-utils": "^1.0.5",
-    "@y14e/roving-tabindex": "^1.3.1",
+    "@y14e/attributes-utils": "^1.1.0",
+    "@y14e/button": "^1.0.0",
+    "@y14e/roving-tabindex": "^2.0.3",
     "bun-types": "latest",
     "tsup": "^8.0.0",
     "typescript": "^5.6.0",