@y14e/tabs 2.0.9 → 2.0.11

package/README.md

@@ -10,14 +10,14 @@ npm i @y14e/tabs
 
 ```ts
 // npm
-import Tabs from '@y14e/tabs';
+import Tabs from "@y14e/tabs";
 
 // CDNs
-import Tabs from 'https://esm.sh/@y14e/tabs@2.0.9';
+import Tabs from "https://esm.sh/@y14e/tabs@2.0.11";
 // or
-import Tabs from 'https://cdn.jsdelivr.net/npm/@y14e/tabs@2.0.9/+esm';
+import Tabs from "https://cdn.jsdelivr.net/npm/@y14e/tabs@2.0.11/+esm";
 // or
-import Tabs from 'https://esm.unpkg.com/@y14e/tabs@2.0.9';
+import Tabs from "https://esm.unpkg.com/@y14e/tabs@2.0.11";
 ```
 
 ## Usage
@@ -68,7 +68,7 @@ If `true`, only the first tab list remains interactive; subsequent duplicates ar
 Override the global default settings applied to all accordion instances.
 
 ```ts
-import Tabs from '@y14e/tabs';
+import Tabs from "@y14e/tabs";
 
 Tabs.defaults = {
   animation: {
@@ -76,7 +76,7 @@ Tabs.defaults = {
       crossFade: false,
       duration: 1000,
       fade: true,
-    }
+    },
   },
   manual: true,
 };

package/dist/index.bundle.cjs

@@ -1,10 +1,10 @@
 'use strict';
 
-// node_modules/@y14e/attributes-utils/dist/index.js
+// node_modules/@y14e/attribute-util/dist/index.js
 var DEFAULT_PARSER = (value) => value.split(/\s+/);
 var DEFAULT_SERIALIZER = (tokens) => tokens.join(" ");
-function addTokenToAttribute(element, attribute, token, options = {}) {
-  const value = element.getAttribute(attribute)?.trim();
+function addAttributeToken(element, name, token, options = {}) {
+  const value = element.getAttribute(name)?.trim();
   const {
     caseInsensitive = false,
     parse = DEFAULT_PARSER,
@@ -15,12 +15,12 @@ function addTokenToAttribute(element, attribute, token, options = {}) {
     const lower = token.toLowerCase();
     if (tokens.every((token2) => token2.toLowerCase() !== lower)) {
       tokens.push(token);
-      element.setAttribute(attribute, serialize(tokens));
+      element.setAttribute(name, serialize(tokens));
     }
   } else {
     const set = new Set(tokens);
     set.add(token);
-    element.setAttribute(attribute, serialize([...set]));
+    element.setAttribute(name, serialize([...set]));
   }
 }
 var snapshots = /* @__PURE__ */ new WeakMap();
@@ -30,22 +30,22 @@ function restoreAttributes(element_or_elements) {
     if (!snapshot) {
       continue;
     }
-    for (const [attribute, value] of snapshot.entries()) {
-      value === null ? element.removeAttribute(attribute) : element.setAttribute(attribute, value);
+    for (const [name, value] of snapshot.entries()) {
+      value === null ? element.removeAttribute(name) : element.setAttribute(name, value);
     }
     snapshots.delete(element);
   }
 }
-function saveAttributes(element_or_elements, attribute_or_attributes) {
-  const attributes = Array.isArray(attribute_or_attributes) ? attribute_or_attributes : [attribute_or_attributes];
+function saveAttributes(element_or_elements, name_or_names) {
+  const names = Array.isArray(name_or_names) ? name_or_names : [name_or_names];
   (Array.isArray(element_or_elements) ? element_or_elements : [element_or_elements]).forEach((element) => {
     let snapshot = snapshots.get(element);
     if (!snapshot) {
       snapshot = /* @__PURE__ */ new Map();
       snapshots.set(element, snapshot);
     }
-    attributes.forEach((attribute) => {
-      snapshot.set(attribute, element.getAttribute(attribute));
+    names.forEach((name) => {
+      snapshot.set(name, element.getAttribute(name));
     });
   });
 }
@@ -368,6 +368,56 @@ var Button = class {
   };
 };
 
+// node_modules/@y14e/attributes-utils/dist/index.js
+var DEFAULT_PARSER2 = (value) => value.split(/\s+/);
+var DEFAULT_SERIALIZER2 = (tokens) => tokens.join(" ");
+function addTokenToAttribute(element, name, token, options = {}) {
+  const value = element.getAttribute(name)?.trim();
+  const {
+    caseInsensitive = false,
+    parse = DEFAULT_PARSER2,
+    serialize = DEFAULT_SERIALIZER2
+  } = options;
+  const tokens = value ? parse(value).filter(Boolean) : [];
+  if (caseInsensitive) {
+    const lower = token.toLowerCase();
+    if (tokens.every((token2) => token2.toLowerCase() !== lower)) {
+      tokens.push(token);
+      element.setAttribute(name, serialize(tokens));
+    }
+  } else {
+    const set = new Set(tokens);
+    set.add(token);
+    element.setAttribute(name, serialize([...set]));
+  }
+}
+var snapshots2 = /* @__PURE__ */ new WeakMap();
+function restoreAttributes2(element_or_elements) {
+  for (const element of Array.isArray(element_or_elements) ? element_or_elements : [element_or_elements]) {
+    const snapshot = snapshots2.get(element);
+    if (!snapshot) {
+      continue;
+    }
+    for (const [name, value] of snapshot.entries()) {
+      value === null ? element.removeAttribute(name) : element.setAttribute(name, value);
+    }
+    snapshots2.delete(element);
+  }
+}
+function saveAttributes2(element_or_elements, name_or_names) {
+  const names = Array.isArray(name_or_names) ? name_or_names : [name_or_names];
+  (Array.isArray(element_or_elements) ? element_or_elements : [element_or_elements]).forEach((element) => {
+    let snapshot = snapshots2.get(element);
+    if (!snapshot) {
+      snapshot = /* @__PURE__ */ new Map();
+      snapshots2.set(element, snapshot);
+    }
+    names.forEach((name) => {
+      snapshot.set(name, element.getAttribute(name));
+    });
+  });
+}
+
 // node_modules/@y14e/roving-tabindex/dist/index.js
 function createRovingTabIndex(container, options = {}) {
   if (!(container instanceof Element)) {
@@ -415,17 +465,20 @@ var RovingTabIndex = class _RovingTabIndex {
       noStart = false;
     }
     if (selector !== "") {
+      let hasError = false;
       if (typeof selector !== "string" || !selector.trim()) {
-        console.warn("Invalid selector. Fallback: no selector string.");
-        selector = "";
+        hasError = true;
       } else {
         try {
-          container.querySelector(selector);
+          this.#container.querySelector(selector);
         } catch {
-          console.warn("Invalid selector. Fallback: no selector string.");
-          selector = "";
+          hasError = true;
         }
       }
+      if (hasError) {
+        console.warn("Invalid selector. Fallback: no selector string.");
+        selector = "";
+      }
     }
     if (typeof typeahead !== "boolean") {
       console.warn("Invalid typeahead option. Fallback: false.");
@@ -456,7 +509,7 @@ var RovingTabIndex = class _RovingTabIndex {
     this.#controller = null;
     this.#focusables.forEach((focusable) => {
       _RovingTabIndex.#initialized.delete(focusable);
-      restoreAttributes(focusable);
+      restoreAttributes2(focusable);
     });
     this.#focusables.clear();
     this.#focusablesByFirstChar.clear();
@@ -506,20 +559,20 @@ var RovingTabIndex = class _RovingTabIndex {
         return;
       }
     }
+    const candidates = this.#getFocusables().filter(
+      (focusable2) => this.#focusables.has(focusable2)
+    );
     const active = getActiveElement();
     if (!(active instanceof Element)) {
       return;
     }
-    const candidates = this.#getFocusables().filter(
-      (focusable2) => this.#focusables.has(focusable2)
-    );
     if (!candidates.includes(active)) {
       return;
     }
     event.preventDefault();
-    const activeIndex = candidates.indexOf(active);
     let newIndex;
-    let target = candidates;
+    const activeIndex = candidates.indexOf(active);
+    let focusables = candidates;
     switch (key) {
       case "End":
         newIndex = -1;
@@ -536,22 +589,24 @@ var RovingTabIndex = class _RovingTabIndex {
       case "ArrowRight":
       case "ArrowDown": {
         const rawIndex = activeIndex + 1;
-        const length = target.length;
+        const length = focusables.length;
         newIndex = wrap ? rawIndex % length : Math.min(rawIndex, length - 1);
         break;
       }
       default: {
-        const focusables = new Set(
+        const focusablesByFirstChar = new Set(
           this.#focusablesByFirstChar.get(key.toUpperCase()) ?? []
         );
-        target = candidates.filter((focusable2) => focusables.has(focusable2));
-        const afterIndex = target.findIndex(
+        focusables = candidates.filter(
+          (candidate) => focusablesByFirstChar.has(candidate)
+        );
+        const afterIndex = focusables.findIndex(
           (focusable2) => candidates.indexOf(focusable2) > activeIndex
         );
         newIndex = afterIndex >= 0 ? afterIndex : 0;
       }
     }
-    const focusable = target.at(newIndex);
+    const focusable = focusables.at(newIndex);
     focusable && focusElement(focusable);
   };
   #update(active) {
@@ -559,7 +614,7 @@ var RovingTabIndex = class _RovingTabIndex {
     for (const focusable of this.#focusables) {
       if (!current.has(focusable)) {
         _RovingTabIndex.#initialized.delete(focusable);
-        restoreAttributes(focusable);
+        restoreAttributes2(focusable);
         this.#focusables.delete(focusable);
         for (const [key, focusables] of this.#focusablesByFirstChar) {
           const index = focusables.indexOf(focusable);
@@ -581,7 +636,7 @@ var RovingTabIndex = class _RovingTabIndex {
       this.#focusables.add(focusable);
       _RovingTabIndex.#initialized.add(focusable);
       if (!navigationOnly) {
-        saveAttributes(focusable, "tabindex");
+        saveAttributes2(focusable, "tabindex");
         focusable.setAttribute("tabindex", "-1");
       }
       if (!typeahead) {
@@ -594,7 +649,7 @@ var RovingTabIndex = class _RovingTabIndex {
       );
       if (char) {
         keys.add(char);
-        saveAttributes(focusable, "aria-keyshortcuts");
+        saveAttributes2(focusable, "aria-keyshortcuts");
         addTokenToAttribute(focusable, "aria-keyshortcuts", char, {
           caseInsensitive: true
         });
@@ -953,7 +1008,7 @@ var Tabs = class _Tabs {
         return;
       }
       panel.id ||= `tabs-panel-${id}`;
-      addTokenToAttribute(tab, "aria-controls", panel.id);
+      addAttributeToken(tab, "aria-controls", panel.id);
       !tab.hasAttribute("aria-selected") && tab.setAttribute("aria-selected", "false");
       const isAvoided = this.#isAvoidedTab(tab);
       if (!isAvoided) {
@@ -961,7 +1016,7 @@ var Tabs = class _Tabs {
       }
       tab.setAttribute("role", "tab");
       !this.#isFocusable(tab) && tab.style.setProperty("pointer-events", "none");
-      addTokenToAttribute(panel, "aria-labelledby", tab.id);
+      addAttributeToken(panel, "aria-labelledby", tab.id);
       tab.addEventListener("click", this.#onTabClick, { signal });
       tab.addEventListener("focus", this.#onTabFocus, { signal });
       this.#buttons.push(new Button(tab));
@@ -1038,7 +1093,7 @@ var Tabs = class _Tabs {
     tab && this.activate(tab, true);
   };
   #createBinding(tabs, panel) {
-    return { tabs, panel, animation: null };
+    return { animation: null, panel, tabs };
   }
   #hasFocusable(container) {
     return !![
@@ -1150,7 +1205,7 @@ var TabsIndicator = class {
  * Tabs
  * WAI-ARIA compliant tabs pattern implementation in TypeScript.
  *
- * @version 2.0.9
+ * @version 2.0.11
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane
@@ -1158,15 +1213,15 @@ var TabsIndicator = class {
  */
 /*! Bundled license information:
 
-@y14e/attributes-utils/dist/index.js:
+@y14e/attribute-util/dist/index.js:
   (**
-   * Attributes Utils
+   * Attribute Util
    *
-   * @version 1.1.4
+   * @version 2.0.0
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane
-   * @see {@link https://github.com/y14e/attributes-utils}
+   * @see {@link https://github.com/y14e/attribute-util}
    *)
 
 power-focusable/dist/index.js:
@@ -1175,7 +1230,7 @@ power-focusable/dist/index.js:
    * High-precision focus management utility with full composed tree support.
    * Handles complex focus rules including tabindex ordering, radio groups, inert.
    *
-   * @version 4.3.21
+   * @version 4.3.23
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane
@@ -1193,13 +1248,24 @@ power-focusable/dist/index.js:
    * @see {@link https://github.com/y14e/button}
    *)
 
+@y14e/attributes-utils/dist/index.js:
+  (**
+   * Attributes Utils
+   *
+   * @version 1.1.7
+   * @author Yusuke Kamiyamane
+   * @license MIT
+   * @copyright Copyright (c) Yusuke Kamiyamane
+   * @see {@link https://github.com/y14e/attributes-utils}
+   *)
+
 @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 3.1.18
+   * @version 3.1.20
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.bundle.js

@@ -1,8 +1,8 @@
-// node_modules/@y14e/attributes-utils/dist/index.js
+// node_modules/@y14e/attribute-util/dist/index.js
 var DEFAULT_PARSER = (value) => value.split(/\s+/);
 var DEFAULT_SERIALIZER = (tokens) => tokens.join(" ");
-function addTokenToAttribute(element, attribute, token, options = {}) {
-  const value = element.getAttribute(attribute)?.trim();
+function addAttributeToken(element, name, token, options = {}) {
+  const value = element.getAttribute(name)?.trim();
   const {
     caseInsensitive = false,
     parse = DEFAULT_PARSER,
@@ -13,12 +13,12 @@ function addTokenToAttribute(element, attribute, token, options = {}) {
     const lower = token.toLowerCase();
     if (tokens.every((token2) => token2.toLowerCase() !== lower)) {
       tokens.push(token);
-      element.setAttribute(attribute, serialize(tokens));
+      element.setAttribute(name, serialize(tokens));
     }
   } else {
     const set = new Set(tokens);
     set.add(token);
-    element.setAttribute(attribute, serialize([...set]));
+    element.setAttribute(name, serialize([...set]));
   }
 }
 var snapshots = /* @__PURE__ */ new WeakMap();
@@ -28,22 +28,22 @@ function restoreAttributes(element_or_elements) {
     if (!snapshot) {
       continue;
     }
-    for (const [attribute, value] of snapshot.entries()) {
-      value === null ? element.removeAttribute(attribute) : element.setAttribute(attribute, value);
+    for (const [name, value] of snapshot.entries()) {
+      value === null ? element.removeAttribute(name) : element.setAttribute(name, value);
     }
     snapshots.delete(element);
   }
 }
-function saveAttributes(element_or_elements, attribute_or_attributes) {
-  const attributes = Array.isArray(attribute_or_attributes) ? attribute_or_attributes : [attribute_or_attributes];
+function saveAttributes(element_or_elements, name_or_names) {
+  const names = Array.isArray(name_or_names) ? name_or_names : [name_or_names];
   (Array.isArray(element_or_elements) ? element_or_elements : [element_or_elements]).forEach((element) => {
     let snapshot = snapshots.get(element);
     if (!snapshot) {
       snapshot = /* @__PURE__ */ new Map();
       snapshots.set(element, snapshot);
     }
-    attributes.forEach((attribute) => {
-      snapshot.set(attribute, element.getAttribute(attribute));
+    names.forEach((name) => {
+      snapshot.set(name, element.getAttribute(name));
     });
   });
 }
@@ -366,6 +366,56 @@ var Button = class {
   };
 };
 
+// node_modules/@y14e/attributes-utils/dist/index.js
+var DEFAULT_PARSER2 = (value) => value.split(/\s+/);
+var DEFAULT_SERIALIZER2 = (tokens) => tokens.join(" ");
+function addTokenToAttribute(element, name, token, options = {}) {
+  const value = element.getAttribute(name)?.trim();
+  const {
+    caseInsensitive = false,
+    parse = DEFAULT_PARSER2,
+    serialize = DEFAULT_SERIALIZER2
+  } = options;
+  const tokens = value ? parse(value).filter(Boolean) : [];
+  if (caseInsensitive) {
+    const lower = token.toLowerCase();
+    if (tokens.every((token2) => token2.toLowerCase() !== lower)) {
+      tokens.push(token);
+      element.setAttribute(name, serialize(tokens));
+    }
+  } else {
+    const set = new Set(tokens);
+    set.add(token);
+    element.setAttribute(name, serialize([...set]));
+  }
+}
+var snapshots2 = /* @__PURE__ */ new WeakMap();
+function restoreAttributes2(element_or_elements) {
+  for (const element of Array.isArray(element_or_elements) ? element_or_elements : [element_or_elements]) {
+    const snapshot = snapshots2.get(element);
+    if (!snapshot) {
+      continue;
+    }
+    for (const [name, value] of snapshot.entries()) {
+      value === null ? element.removeAttribute(name) : element.setAttribute(name, value);
+    }
+    snapshots2.delete(element);
+  }
+}
+function saveAttributes2(element_or_elements, name_or_names) {
+  const names = Array.isArray(name_or_names) ? name_or_names : [name_or_names];
+  (Array.isArray(element_or_elements) ? element_or_elements : [element_or_elements]).forEach((element) => {
+    let snapshot = snapshots2.get(element);
+    if (!snapshot) {
+      snapshot = /* @__PURE__ */ new Map();
+      snapshots2.set(element, snapshot);
+    }
+    names.forEach((name) => {
+      snapshot.set(name, element.getAttribute(name));
+    });
+  });
+}
+
 // node_modules/@y14e/roving-tabindex/dist/index.js
 function createRovingTabIndex(container, options = {}) {
   if (!(container instanceof Element)) {
@@ -413,17 +463,20 @@ var RovingTabIndex = class _RovingTabIndex {
       noStart = false;
     }
     if (selector !== "") {
+      let hasError = false;
       if (typeof selector !== "string" || !selector.trim()) {
-        console.warn("Invalid selector. Fallback: no selector string.");
-        selector = "";
+        hasError = true;
       } else {
         try {
-          container.querySelector(selector);
+          this.#container.querySelector(selector);
         } catch {
-          console.warn("Invalid selector. Fallback: no selector string.");
-          selector = "";
+          hasError = true;
         }
       }
+      if (hasError) {
+        console.warn("Invalid selector. Fallback: no selector string.");
+        selector = "";
+      }
     }
     if (typeof typeahead !== "boolean") {
       console.warn("Invalid typeahead option. Fallback: false.");
@@ -454,7 +507,7 @@ var RovingTabIndex = class _RovingTabIndex {
     this.#controller = null;
     this.#focusables.forEach((focusable) => {
       _RovingTabIndex.#initialized.delete(focusable);
-      restoreAttributes(focusable);
+      restoreAttributes2(focusable);
     });
     this.#focusables.clear();
     this.#focusablesByFirstChar.clear();
@@ -504,20 +557,20 @@ var RovingTabIndex = class _RovingTabIndex {
         return;
       }
     }
+    const candidates = this.#getFocusables().filter(
+      (focusable2) => this.#focusables.has(focusable2)
+    );
     const active = getActiveElement();
     if (!(active instanceof Element)) {
       return;
     }
-    const candidates = this.#getFocusables().filter(
-      (focusable2) => this.#focusables.has(focusable2)
-    );
     if (!candidates.includes(active)) {
       return;
     }
     event.preventDefault();
-    const activeIndex = candidates.indexOf(active);
     let newIndex;
-    let target = candidates;
+    const activeIndex = candidates.indexOf(active);
+    let focusables = candidates;
     switch (key) {
       case "End":
         newIndex = -1;
@@ -534,22 +587,24 @@ var RovingTabIndex = class _RovingTabIndex {
       case "ArrowRight":
       case "ArrowDown": {
         const rawIndex = activeIndex + 1;
-        const length = target.length;
+        const length = focusables.length;
         newIndex = wrap ? rawIndex % length : Math.min(rawIndex, length - 1);
         break;
       }
       default: {
-        const focusables = new Set(
+        const focusablesByFirstChar = new Set(
           this.#focusablesByFirstChar.get(key.toUpperCase()) ?? []
         );
-        target = candidates.filter((focusable2) => focusables.has(focusable2));
-        const afterIndex = target.findIndex(
+        focusables = candidates.filter(
+          (candidate) => focusablesByFirstChar.has(candidate)
+        );
+        const afterIndex = focusables.findIndex(
           (focusable2) => candidates.indexOf(focusable2) > activeIndex
         );
         newIndex = afterIndex >= 0 ? afterIndex : 0;
       }
     }
-    const focusable = target.at(newIndex);
+    const focusable = focusables.at(newIndex);
     focusable && focusElement(focusable);
   };
   #update(active) {
@@ -557,7 +612,7 @@ var RovingTabIndex = class _RovingTabIndex {
     for (const focusable of this.#focusables) {
       if (!current.has(focusable)) {
         _RovingTabIndex.#initialized.delete(focusable);
-        restoreAttributes(focusable);
+        restoreAttributes2(focusable);
         this.#focusables.delete(focusable);
         for (const [key, focusables] of this.#focusablesByFirstChar) {
           const index = focusables.indexOf(focusable);
@@ -579,7 +634,7 @@ var RovingTabIndex = class _RovingTabIndex {
       this.#focusables.add(focusable);
       _RovingTabIndex.#initialized.add(focusable);
       if (!navigationOnly) {
-        saveAttributes(focusable, "tabindex");
+        saveAttributes2(focusable, "tabindex");
         focusable.setAttribute("tabindex", "-1");
       }
       if (!typeahead) {
@@ -592,7 +647,7 @@ var RovingTabIndex = class _RovingTabIndex {
       );
       if (char) {
         keys.add(char);
-        saveAttributes(focusable, "aria-keyshortcuts");
+        saveAttributes2(focusable, "aria-keyshortcuts");
         addTokenToAttribute(focusable, "aria-keyshortcuts", char, {
           caseInsensitive: true
         });
@@ -951,7 +1006,7 @@ var Tabs = class _Tabs {
         return;
       }
       panel.id ||= `tabs-panel-${id}`;
-      addTokenToAttribute(tab, "aria-controls", panel.id);
+      addAttributeToken(tab, "aria-controls", panel.id);
       !tab.hasAttribute("aria-selected") && tab.setAttribute("aria-selected", "false");
       const isAvoided = this.#isAvoidedTab(tab);
       if (!isAvoided) {
@@ -959,7 +1014,7 @@ var Tabs = class _Tabs {
       }
       tab.setAttribute("role", "tab");
       !this.#isFocusable(tab) && tab.style.setProperty("pointer-events", "none");
-      addTokenToAttribute(panel, "aria-labelledby", tab.id);
+      addAttributeToken(panel, "aria-labelledby", tab.id);
       tab.addEventListener("click", this.#onTabClick, { signal });
       tab.addEventListener("focus", this.#onTabFocus, { signal });
       this.#buttons.push(new Button(tab));
@@ -1036,7 +1091,7 @@ var Tabs = class _Tabs {
     tab && this.activate(tab, true);
   };
   #createBinding(tabs, panel) {
-    return { tabs, panel, animation: null };
+    return { animation: null, panel, tabs };
   }
   #hasFocusable(container) {
     return !![
@@ -1148,7 +1203,7 @@ var TabsIndicator = class {
  * Tabs
  * WAI-ARIA compliant tabs pattern implementation in TypeScript.
  *
- * @version 2.0.9
+ * @version 2.0.11
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane
@@ -1156,15 +1211,15 @@ var TabsIndicator = class {
  */
 /*! Bundled license information:
 
-@y14e/attributes-utils/dist/index.js:
+@y14e/attribute-util/dist/index.js:
   (**
-   * Attributes Utils
+   * Attribute Util
    *
-   * @version 1.1.4
+   * @version 2.0.0
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane
-   * @see {@link https://github.com/y14e/attributes-utils}
+   * @see {@link https://github.com/y14e/attribute-util}
    *)
 
 power-focusable/dist/index.js:
@@ -1173,7 +1228,7 @@ power-focusable/dist/index.js:
    * High-precision focus management utility with full composed tree support.
    * Handles complex focus rules including tabindex ordering, radio groups, inert.
    *
-   * @version 4.3.21
+   * @version 4.3.23
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane
@@ -1191,13 +1246,24 @@ power-focusable/dist/index.js:
    * @see {@link https://github.com/y14e/button}
    *)
 
+@y14e/attributes-utils/dist/index.js:
+  (**
+   * Attributes Utils
+   *
+   * @version 1.1.7
+   * @author Yusuke Kamiyamane
+   * @license MIT
+   * @copyright Copyright (c) Yusuke Kamiyamane
+   * @see {@link https://github.com/y14e/attributes-utils}
+   *)
+
 @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 3.1.18
+   * @version 3.1.20
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.cjs

@@ -1,11 +1,30 @@
 'use strict';
 
-var attributesUtils = require('@y14e/attributes-utils');
+var util = require('@y14e/attribute-util');
 var Button = require('@y14e/button');
 var rovingTabindex = require('@y14e/roving-tabindex');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var util__namespace = /*#__PURE__*/_interopNamespace(util);
 var Button__default = /*#__PURE__*/_interopDefault(Button);
 
 // src/index.ts
@@ -279,13 +298,13 @@ var Tabs = class _Tabs {
     this.#onContentAnimationFinish();
     this.#animationController?.abort();
     this.#animationController = null;
-    attributesUtils.restoreAttributes([
+    util__namespace.restoreAttributes([
       ...this.#listElements,
       ...this.#tabElements,
       ...this.#indicatorElements,
       ...this.#panelElements
     ]);
-    this.#contentElement && attributesUtils.restoreAttributes(this.#contentElement);
+    this.#contentElement && util__namespace.restoreAttributes(this.#contentElement);
     this.#listElements.length = 0;
     this.#tabElements.length = 0;
     this.#contentElement = null;
@@ -293,22 +312,22 @@ var Tabs = class _Tabs {
     this.#rootElement.removeAttribute("data-tabs-initialized");
   }
   #initialize() {
-    attributesUtils.saveAttributes(this.#listElements, [
+    util__namespace.saveAttributes(this.#listElements, [
       "aria-hidden",
       "aria-orientation",
       "role",
       "style"
     ]);
-    attributesUtils.saveAttributes(this.#tabElements, [
+    util__namespace.saveAttributes(this.#tabElements, [
       "aria-controls",
       "id",
       "role",
       "style",
       "tabindex"
     ]);
-    attributesUtils.saveAttributes(this.#indicatorElements, "style");
-    this.#contentElement && attributesUtils.saveAttributes(this.#contentElement, "style");
-    attributesUtils.saveAttributes(this.#panelElements, [
+    util__namespace.saveAttributes(this.#indicatorElements, "style");
+    this.#contentElement && util__namespace.saveAttributes(this.#contentElement, "style");
+    util__namespace.saveAttributes(this.#panelElements, [
       "aria-controls",
       "aria-labelledby",
       "id",
@@ -330,7 +349,7 @@ var Tabs = class _Tabs {
         return;
       }
       panel.id ||= `tabs-panel-${id}`;
-      attributesUtils.addTokenToAttribute(tab, "aria-controls", panel.id);
+      util__namespace.addAttributeToken(tab, "aria-controls", panel.id);
       !tab.hasAttribute("aria-selected") && tab.setAttribute("aria-selected", "false");
       const isAvoided = this.#isAvoidedTab(tab);
       if (!isAvoided) {
@@ -338,7 +357,7 @@ var Tabs = class _Tabs {
       }
       tab.setAttribute("role", "tab");
       !this.#isFocusable(tab) && tab.style.setProperty("pointer-events", "none");
-      attributesUtils.addTokenToAttribute(panel, "aria-labelledby", tab.id);
+      util__namespace.addAttributeToken(panel, "aria-labelledby", tab.id);
       tab.addEventListener("click", this.#onTabClick, { signal });
       tab.addEventListener("focus", this.#onTabFocus, { signal });
       this.#buttons.push(new Button__default.default(tab));
@@ -415,7 +434,7 @@ var Tabs = class _Tabs {
     tab && this.activate(tab, true);
   };
   #createBinding(tabs, panel) {
-    return { tabs, panel, animation: null };
+    return { animation: null, panel, tabs };
   }
   #hasFocusable(container) {
     return !![
@@ -527,7 +546,7 @@ var TabsIndicator = class {
  * Tabs
  * WAI-ARIA compliant tabs pattern implementation in TypeScript.
  *
- * @version 2.0.9
+ * @version 2.0.11
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.d.cts

@@ -2,7 +2,7 @@
  * Tabs
  * WAI-ARIA compliant tabs pattern implementation in TypeScript.
  *
- * @version 2.0.9
+ * @version 2.0.11
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.d.ts

@@ -2,7 +2,7 @@
  * Tabs
  * WAI-ARIA compliant tabs pattern implementation in TypeScript.
  *
- * @version 2.0.9
+ * @version 2.0.11
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.js

@@ -1,4 +1,4 @@
-import { restoreAttributes, saveAttributes, addTokenToAttribute } from '@y14e/attributes-utils';
+import * as util from '@y14e/attribute-util';
 import Button from '@y14e/button';
 import { createRovingTabIndex } from '@y14e/roving-tabindex';
 
@@ -273,13 +273,13 @@ var Tabs = class _Tabs {
     this.#onContentAnimationFinish();
     this.#animationController?.abort();
     this.#animationController = null;
-    restoreAttributes([
+    util.restoreAttributes([
       ...this.#listElements,
       ...this.#tabElements,
       ...this.#indicatorElements,
       ...this.#panelElements
     ]);
-    this.#contentElement && restoreAttributes(this.#contentElement);
+    this.#contentElement && util.restoreAttributes(this.#contentElement);
     this.#listElements.length = 0;
     this.#tabElements.length = 0;
     this.#contentElement = null;
@@ -287,22 +287,22 @@ var Tabs = class _Tabs {
     this.#rootElement.removeAttribute("data-tabs-initialized");
   }
   #initialize() {
-    saveAttributes(this.#listElements, [
+    util.saveAttributes(this.#listElements, [
       "aria-hidden",
       "aria-orientation",
       "role",
       "style"
     ]);
-    saveAttributes(this.#tabElements, [
+    util.saveAttributes(this.#tabElements, [
       "aria-controls",
       "id",
       "role",
       "style",
       "tabindex"
     ]);
-    saveAttributes(this.#indicatorElements, "style");
-    this.#contentElement && saveAttributes(this.#contentElement, "style");
-    saveAttributes(this.#panelElements, [
+    util.saveAttributes(this.#indicatorElements, "style");
+    this.#contentElement && util.saveAttributes(this.#contentElement, "style");
+    util.saveAttributes(this.#panelElements, [
       "aria-controls",
       "aria-labelledby",
       "id",
@@ -324,7 +324,7 @@ var Tabs = class _Tabs {
         return;
       }
       panel.id ||= `tabs-panel-${id}`;
-      addTokenToAttribute(tab, "aria-controls", panel.id);
+      util.addAttributeToken(tab, "aria-controls", panel.id);
       !tab.hasAttribute("aria-selected") && tab.setAttribute("aria-selected", "false");
       const isAvoided = this.#isAvoidedTab(tab);
       if (!isAvoided) {
@@ -332,7 +332,7 @@ var Tabs = class _Tabs {
       }
       tab.setAttribute("role", "tab");
       !this.#isFocusable(tab) && tab.style.setProperty("pointer-events", "none");
-      addTokenToAttribute(panel, "aria-labelledby", tab.id);
+      util.addAttributeToken(panel, "aria-labelledby", tab.id);
       tab.addEventListener("click", this.#onTabClick, { signal });
       tab.addEventListener("focus", this.#onTabFocus, { signal });
       this.#buttons.push(new Button(tab));
@@ -409,7 +409,7 @@ var Tabs = class _Tabs {
     tab && this.activate(tab, true);
   };
   #createBinding(tabs, panel) {
-    return { tabs, panel, animation: null };
+    return { animation: null, panel, tabs };
   }
   #hasFocusable(container) {
     return !![
@@ -521,7 +521,7 @@ var TabsIndicator = class {
  * Tabs
  * WAI-ARIA compliant tabs pattern implementation in TypeScript.
  *
- * @version 2.0.9
+ * @version 2.0.11
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@y14e/tabs",
-  "version": "2.0.9",
+  "version": "2.0.11",
   "description": "WAI-ARIA compliant tabs pattern implementation in TypeScript",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -50,8 +50,8 @@
     "node": ">=18"
   },
   "dependencies": {
-    "@y14e/attributes-utils": "^1.1.4",
+    "@y14e/attribute-util": "^2.0.0",
     "@y14e/button": "^1.0.6",
-    "@y14e/roving-tabindex": "^3.1.18"
+    "@y14e/roving-tabindex": "^3.1.20"
   }
 }