@y14e/tabs 2.0.0 → 2.0.2

package/README.md

@@ -10,14 +10,14 @@ npm i @y14e/tabs
 
 ```ts
 // npm
-import Tabs from '@y14e/tabs@2.0.0';
+import Tabs from '@y14e/tabs@2.0.2';
 
 // CDNs
-import Tabs from 'https://esm.sh/@y14e/tabs@2.0.0';
+import Tabs from 'https://esm.sh/@y14e/tabs@2.0.2';
 // or
-import Tabs from 'https://cdn.jsdelivr.net/npm/@y14e/tabs@2.0.0/+esm';
+import Tabs from 'https://cdn.jsdelivr.net/npm/@y14e/tabs@2.0.2/+esm';
 // or
-import Tabs from 'https://esm.unpkg.com/@y14e/tabs@2.0.0';
+import Tabs from 'https://esm.unpkg.com/@y14e/tabs@2.0.2';
 ```
 
 ## Usage

package/dist/index.cjs

@@ -1,55 +1,13 @@
 'use strict';
 
-// node_modules/@y14e/attributes-utils/dist/index.js
-var DEFAULT_PARSER = (value) => value.split(/\s+/);
-var DEFAULT_SERIALIZER = (tokens) => tokens.join(" ");
-function addTokenToAttribute(element, attribute, token, options = {}) {
-  const {
-    caseInsensitive = false,
-    parse = DEFAULT_PARSER,
-    serialize = DEFAULT_SERIALIZER
-  } = options;
-  const value = element.getAttribute(attribute)?.trim();
-  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(attribute, serialize(tokens));
-    }
-  } else {
-    const set = new Set(tokens);
-    set.add(token);
-    element.setAttribute(attribute, serialize([...set]));
-  }
-}
-var snapshots = /* @__PURE__ */ new WeakMap();
-function restoreAttributes(elements) {
-  for (const element of elements) {
-    const snapshot = snapshots.get(element);
-    if (!snapshot) {
-      continue;
-    }
-    for (const [attribute, value] of snapshot.entries()) {
-      value === null ? element.removeAttribute(attribute) : element.setAttribute(attribute, value);
-    }
-    snapshots.delete(element);
+// node_modules/@y14e/button/dist/index.js
+function getActiveElement() {
+  let current = document.activeElement;
+  while (current?.shadowRoot?.activeElement) {
+    current = current.shadowRoot.activeElement;
   }
+  return current;
 }
-function saveAttributes(elements, attributes) {
-  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));
-    });
-  });
-}
-
-// node_modules/@y14e/button/dist/index.js
 var Button = class {
   #element;
   #controller = null;
@@ -97,22 +55,15 @@ var Button = class {
     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 DEFAULT_PARSER2 = (value) => value.split(/\s+/);
-var DEFAULT_SERIALIZER2 = (tokens) => tokens.join(" ");
-function addTokenToAttribute2(element, attribute, token, options = {}) {
+var DEFAULT_PARSER = (value) => value.split(/\s+/);
+var DEFAULT_SERIALIZER = (tokens) => tokens.join(" ");
+function addTokenToAttribute(element, attribute, token, options = {}) {
   const {
     caseInsensitive = false,
-    parse = DEFAULT_PARSER2,
-    serialize = DEFAULT_SERIALIZER2
+    parse = DEFAULT_PARSER,
+    serialize = DEFAULT_SERIALIZER
   } = options;
   const value = element.getAttribute(attribute)?.trim();
   const tokens = value ? parse(value).filter(Boolean) : [];
@@ -128,25 +79,25 @@ function addTokenToAttribute2(element, attribute, token, options = {}) {
     element.setAttribute(attribute, serialize([...set]));
   }
 }
-var snapshots2 = /* @__PURE__ */ new WeakMap();
-function restoreAttributes2(elements) {
+var snapshots = /* @__PURE__ */ new WeakMap();
+function restoreAttributes(elements) {
   for (const element of elements) {
-    const snapshot = snapshots2.get(element);
+    const snapshot = snapshots.get(element);
     if (!snapshot) {
       continue;
     }
     for (const [attribute, value] of snapshot.entries()) {
       value === null ? element.removeAttribute(attribute) : element.setAttribute(attribute, value);
     }
-    snapshots2.delete(element);
+    snapshots.delete(element);
   }
 }
-function saveAttributes2(elements, attributes) {
+function saveAttributes(elements, attributes) {
   elements.forEach((element) => {
-    let snapshot = snapshots2.get(element);
+    let snapshot = snapshots.get(element);
     if (!snapshot) {
       snapshot = /* @__PURE__ */ new Map();
-      snapshots2.set(element, snapshot);
+      snapshots.set(element, snapshot);
     }
     attributes.forEach((attribute) => {
       snapshot.set(attribute, element.getAttribute(attribute));
@@ -356,6 +307,16 @@ function getComposedChildren(node) {
   }
   return getChildren(node);
 }
+function focusElement(element) {
+  "focus" in element && typeof element.focus === "function" && element.focus();
+}
+function getActiveElement2() {
+  let current = document.activeElement;
+  while (current?.shadowRoot?.activeElement) {
+    current = current.shadowRoot.activeElement;
+  }
+  return current;
+}
 function getChildren(node) {
   const elements = [];
   for (let child = node.firstElementChild; child; child = child.nextElementSibling) {
@@ -385,60 +346,12 @@ function createRovingTabIndex(container, options = {}) {
     return () => {
     };
   }
-  let {
-    direction,
-    navigationOnly = false,
-    noMemory = false,
-    noStart = false,
-    selector,
-    typeahead = false,
-    wrap = false
-  } = options;
-  if (typeof direction !== "undefined" && !["horizontal", "vertical"].includes(direction)) {
-    console.warn("Invalid direction option. Fallback: both (undefined).");
-    direction = void 0;
-  }
-  if (typeof navigationOnly !== "boolean") {
-    console.warn("Invalid navigationOnly option. Fallback: false.");
-    navigationOnly = false;
-  }
-  if (typeof noMemory !== "boolean") {
-    console.warn("Invalid noMemory option. Fallback: false.");
-    noMemory = false;
-  }
-  if (typeof noStart !== "boolean") {
-    console.warn("Invalid noStart option. Fallback: false.");
-    noStart = false;
-  }
-  if (typeof selector !== "undefined" && (typeof selector !== "string" || !selector.trim())) {
-    console.warn(
-      "Invalid selector. Fallback: all focusable elements (undefined)."
-    );
-    selector = void 0;
-  }
-  if (typeof typeahead !== "boolean") {
-    console.warn("Invalid typeahead option. Fallback: false.");
-    typeahead = false;
-  }
-  if (typeof wrap !== "boolean") {
-    console.warn("Invalid wrap option. Fallback: false.");
-    wrap = false;
-  }
-  const settings = {
-    navigationOnly,
-    noMemory,
-    noStart,
-    typeahead,
-    wrap
-  };
-  direction && Object.assign(settings, { direction });
-  selector && Object.assign(settings, { selector });
-  const roving = new RovingTabIndex(container, settings);
+  const roving = new RovingTabIndex(container, options);
   return () => roving.destroy();
 }
 var RovingTabIndex = class {
   #container;
-  #options;
+  #settings;
   #focusables = /* @__PURE__ */ new Set();
   #focusablesByFirstChar = /* @__PURE__ */ new Map();
   #selectorFilter;
@@ -446,7 +359,54 @@ var RovingTabIndex = class {
   #isDestroyed = false;
   constructor(container, options = {}) {
     this.#container = container;
-    this.#options = options;
+    let {
+      direction,
+      navigationOnly = false,
+      noMemory = false,
+      noStart = false,
+      selector,
+      typeahead = false,
+      wrap = false
+    } = options;
+    if (typeof direction !== "undefined" && !["horizontal", "vertical"].includes(direction)) {
+      console.warn("Invalid direction option. Fallback: both (undefined).");
+      direction = void 0;
+    }
+    if (typeof navigationOnly !== "boolean") {
+      console.warn("Invalid navigationOnly option. Fallback: false.");
+      navigationOnly = false;
+    }
+    if (typeof noMemory !== "boolean") {
+      console.warn("Invalid noMemory option. Fallback: false.");
+      noMemory = false;
+    }
+    if (typeof noStart !== "boolean") {
+      console.warn("Invalid noStart option. Fallback: false.");
+      noStart = false;
+    }
+    if (typeof selector !== "undefined" && (typeof selector !== "string" || !selector.trim())) {
+      console.warn(
+        "Invalid selector. Fallback: all focusable elements (undefined)."
+      );
+      selector = void 0;
+    }
+    if (typeof typeahead !== "boolean") {
+      console.warn("Invalid typeahead option. Fallback: false.");
+      typeahead = false;
+    }
+    if (typeof wrap !== "boolean") {
+      console.warn("Invalid wrap option. Fallback: false.");
+      wrap = false;
+    }
+    this.#settings = {
+      navigationOnly,
+      noMemory,
+      noStart,
+      typeahead,
+      wrap
+    };
+    direction && Object.assign(this.#settings, { direction });
+    selector && Object.assign(this.#settings, { selector });
     this.#selectorFilter = this.#createSelectorFilter();
     this.#initialize();
   }
@@ -457,7 +417,7 @@ var RovingTabIndex = class {
     this.#isDestroyed = true;
     this.#controller?.abort();
     this.#controller = null;
-    restoreAttributes2([...this.#focusables]);
+    restoreAttributes([...this.#focusables]);
     this.#focusables.clear();
     this.#focusablesByFirstChar.clear();
     this.#container.removeAttribute("data-roving-tabindex-initialized");
@@ -482,7 +442,7 @@ var RovingTabIndex = class {
       return;
     }
     const isFocusable22 = this.#focusables.has(target);
-    this.#options.noMemory && !isFocusable22 ? this.#update(null) : isFocusable22 && this.#update(target);
+    this.#settings.noMemory && !isFocusable22 ? this.#update(null) : isFocusable22 && this.#update(target);
   };
   #onKeyDown = (event) => {
     if (!event.composedPath().includes(this.#container)) {
@@ -492,7 +452,7 @@ var RovingTabIndex = class {
     if (altKey || ctrlKey || metaKey || shiftKey) {
       return;
     }
-    const { direction, typeahead, wrap } = this.#options;
+    const { direction, typeahead, wrap } = this.#settings;
     const isBoth = !direction;
     const isHorizontal = direction === "horizontal";
     if (![
@@ -551,7 +511,7 @@ var RovingTabIndex = class {
     const current = new Set(this.#getFocusables());
     for (const focusable of this.#focusables) {
       if (!current.has(focusable)) {
-        focusable.isConnected && restoreAttributes2([focusable]);
+        focusable.isConnected && restoreAttributes([focusable]);
         this.#focusables.delete(focusable);
         this.#focusablesByFirstChar.forEach((focusables) => {
           const index = focusables.indexOf(focusable);
@@ -559,14 +519,14 @@ var RovingTabIndex = class {
         });
       }
     }
-    const { navigationOnly, noStart, typeahead } = this.#options;
+    const { navigationOnly, noStart, typeahead } = this.#settings;
     for (const focusable of current) {
       if (this.#focusables.has(focusable)) {
         continue;
       }
       this.#focusables.add(focusable);
       if (!navigationOnly) {
-        saveAttributes2([focusable], ["tabindex"]);
+        saveAttributes([focusable], ["tabindex"]);
         focusable.setAttribute("tabindex", "-1");
       }
       if (!typeahead) {
@@ -579,8 +539,8 @@ var RovingTabIndex = class {
       );
       if (char) {
         keys.add(char);
-        saveAttributes2([focusable], ["aria-keyshortcuts"]);
-        addTokenToAttribute2(focusable, "aria-keyshortcuts", char, {
+        saveAttributes([focusable], ["aria-keyshortcuts"]);
+        addTokenToAttribute(focusable, "aria-keyshortcuts", char, {
           caseInsensitive: true
         });
       }
@@ -603,28 +563,18 @@ var RovingTabIndex = class {
     }
   }
   #createSelectorFilter() {
-    const { selector } = this.#options;
+    const { selector } = this.#settings;
     return (element) => !selector || [...this.#container.querySelectorAll(selector)].includes(element);
   }
   #getFocusables() {
     return getFocusables(this.#container, {
       composed: true,
       filter: this.#selectorFilter,
-      skipNegativeTabIndexCheck: !this.#options.navigationOnly,
+      skipNegativeTabIndexCheck: !this.#settings.navigationOnly,
       skipVisibilityCheck: true
     });
   }
 };
-function focusElement(element) {
-  "focus" in element && typeof element.focus === "function" && element.focus();
-}
-function getActiveElement2() {
-  let current = document.activeElement;
-  while (current?.shadowRoot?.activeElement) {
-    current = current.shadowRoot.activeElement;
-  }
-  return current;
-}
 
 // src/index.ts
 var Tabs = class _Tabs {
@@ -1145,7 +1095,7 @@ function isFocusable2(element) {
  * Tabs
  * WAI-ARIA compliant tabs pattern implementation in TypeScript.
  *
- * @version 2.0.0
+ * @version 2.0.2
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane
@@ -1153,27 +1103,31 @@ function isFocusable2(element) {
  */
 /*! Bundled license information:
 
-@y14e/attributes-utils/dist/index.js:
-  (**
-   * Attributes Utils
-   *
-   * @version 1.1.2
-   * @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.2
+   * @version 1.0.3
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane
    * @see {@link https://github.com/y14e/button}
    *)
+  (*! Bundled license information:
+  
+  power-focusable/dist/index.js:
+    (**
+     * Power Focusable
+     * High-precision focus management utility with full composed tree support.
+     * Handles complex focus rules including tabindex ordering, radio groups, inert.
+     *
+     * @version 4.3.3
+     * @author Yusuke Kamiyamane
+     * @license MIT
+     * @copyright Copyright (c) Yusuke Kamiyamane
+     * @see {@link https://github.com/y14e/power-focusable}
+     *)
+  *)
 
 @y14e/roving-tabindex/dist/index.js:
   (**
@@ -1181,7 +1135,7 @@ function isFocusable2(element) {
    * Lightweight roving tabindex utility with fully focus management.
    * Designed for accessible menus, tabs, toolbars, and composite widgets.
    *
-   * @version 3.0.5
+   * @version 3.0.8
    * @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.0
+ * @version 2.0.2
  * @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.0
+ * @version 2.0.2
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.js

@@ -1,53 +1,11 @@
-// node_modules/@y14e/attributes-utils/dist/index.js
-var DEFAULT_PARSER = (value) => value.split(/\s+/);
-var DEFAULT_SERIALIZER = (tokens) => tokens.join(" ");
-function addTokenToAttribute(element, attribute, token, options = {}) {
-  const {
-    caseInsensitive = false,
-    parse = DEFAULT_PARSER,
-    serialize = DEFAULT_SERIALIZER
-  } = options;
-  const value = element.getAttribute(attribute)?.trim();
-  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(attribute, serialize(tokens));
-    }
-  } else {
-    const set = new Set(tokens);
-    set.add(token);
-    element.setAttribute(attribute, serialize([...set]));
-  }
-}
-var snapshots = /* @__PURE__ */ new WeakMap();
-function restoreAttributes(elements) {
-  for (const element of elements) {
-    const snapshot = snapshots.get(element);
-    if (!snapshot) {
-      continue;
-    }
-    for (const [attribute, value] of snapshot.entries()) {
-      value === null ? element.removeAttribute(attribute) : element.setAttribute(attribute, value);
-    }
-    snapshots.delete(element);
+// node_modules/@y14e/button/dist/index.js
+function getActiveElement() {
+  let current = document.activeElement;
+  while (current?.shadowRoot?.activeElement) {
+    current = current.shadowRoot.activeElement;
   }
+  return current;
 }
-function saveAttributes(elements, attributes) {
-  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));
-    });
-  });
-}
-
-// node_modules/@y14e/button/dist/index.js
 var Button = class {
   #element;
   #controller = null;
@@ -95,22 +53,15 @@ var Button = class {
     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 DEFAULT_PARSER2 = (value) => value.split(/\s+/);
-var DEFAULT_SERIALIZER2 = (tokens) => tokens.join(" ");
-function addTokenToAttribute2(element, attribute, token, options = {}) {
+var DEFAULT_PARSER = (value) => value.split(/\s+/);
+var DEFAULT_SERIALIZER = (tokens) => tokens.join(" ");
+function addTokenToAttribute(element, attribute, token, options = {}) {
   const {
     caseInsensitive = false,
-    parse = DEFAULT_PARSER2,
-    serialize = DEFAULT_SERIALIZER2
+    parse = DEFAULT_PARSER,
+    serialize = DEFAULT_SERIALIZER
   } = options;
   const value = element.getAttribute(attribute)?.trim();
   const tokens = value ? parse(value).filter(Boolean) : [];
@@ -126,25 +77,25 @@ function addTokenToAttribute2(element, attribute, token, options = {}) {
     element.setAttribute(attribute, serialize([...set]));
   }
 }
-var snapshots2 = /* @__PURE__ */ new WeakMap();
-function restoreAttributes2(elements) {
+var snapshots = /* @__PURE__ */ new WeakMap();
+function restoreAttributes(elements) {
   for (const element of elements) {
-    const snapshot = snapshots2.get(element);
+    const snapshot = snapshots.get(element);
     if (!snapshot) {
       continue;
     }
     for (const [attribute, value] of snapshot.entries()) {
       value === null ? element.removeAttribute(attribute) : element.setAttribute(attribute, value);
     }
-    snapshots2.delete(element);
+    snapshots.delete(element);
   }
 }
-function saveAttributes2(elements, attributes) {
+function saveAttributes(elements, attributes) {
   elements.forEach((element) => {
-    let snapshot = snapshots2.get(element);
+    let snapshot = snapshots.get(element);
     if (!snapshot) {
       snapshot = /* @__PURE__ */ new Map();
-      snapshots2.set(element, snapshot);
+      snapshots.set(element, snapshot);
     }
     attributes.forEach((attribute) => {
       snapshot.set(attribute, element.getAttribute(attribute));
@@ -354,6 +305,16 @@ function getComposedChildren(node) {
   }
   return getChildren(node);
 }
+function focusElement(element) {
+  "focus" in element && typeof element.focus === "function" && element.focus();
+}
+function getActiveElement2() {
+  let current = document.activeElement;
+  while (current?.shadowRoot?.activeElement) {
+    current = current.shadowRoot.activeElement;
+  }
+  return current;
+}
 function getChildren(node) {
   const elements = [];
   for (let child = node.firstElementChild; child; child = child.nextElementSibling) {
@@ -383,60 +344,12 @@ function createRovingTabIndex(container, options = {}) {
     return () => {
     };
   }
-  let {
-    direction,
-    navigationOnly = false,
-    noMemory = false,
-    noStart = false,
-    selector,
-    typeahead = false,
-    wrap = false
-  } = options;
-  if (typeof direction !== "undefined" && !["horizontal", "vertical"].includes(direction)) {
-    console.warn("Invalid direction option. Fallback: both (undefined).");
-    direction = void 0;
-  }
-  if (typeof navigationOnly !== "boolean") {
-    console.warn("Invalid navigationOnly option. Fallback: false.");
-    navigationOnly = false;
-  }
-  if (typeof noMemory !== "boolean") {
-    console.warn("Invalid noMemory option. Fallback: false.");
-    noMemory = false;
-  }
-  if (typeof noStart !== "boolean") {
-    console.warn("Invalid noStart option. Fallback: false.");
-    noStart = false;
-  }
-  if (typeof selector !== "undefined" && (typeof selector !== "string" || !selector.trim())) {
-    console.warn(
-      "Invalid selector. Fallback: all focusable elements (undefined)."
-    );
-    selector = void 0;
-  }
-  if (typeof typeahead !== "boolean") {
-    console.warn("Invalid typeahead option. Fallback: false.");
-    typeahead = false;
-  }
-  if (typeof wrap !== "boolean") {
-    console.warn("Invalid wrap option. Fallback: false.");
-    wrap = false;
-  }
-  const settings = {
-    navigationOnly,
-    noMemory,
-    noStart,
-    typeahead,
-    wrap
-  };
-  direction && Object.assign(settings, { direction });
-  selector && Object.assign(settings, { selector });
-  const roving = new RovingTabIndex(container, settings);
+  const roving = new RovingTabIndex(container, options);
   return () => roving.destroy();
 }
 var RovingTabIndex = class {
   #container;
-  #options;
+  #settings;
   #focusables = /* @__PURE__ */ new Set();
   #focusablesByFirstChar = /* @__PURE__ */ new Map();
   #selectorFilter;
@@ -444,7 +357,54 @@ var RovingTabIndex = class {
   #isDestroyed = false;
   constructor(container, options = {}) {
     this.#container = container;
-    this.#options = options;
+    let {
+      direction,
+      navigationOnly = false,
+      noMemory = false,
+      noStart = false,
+      selector,
+      typeahead = false,
+      wrap = false
+    } = options;
+    if (typeof direction !== "undefined" && !["horizontal", "vertical"].includes(direction)) {
+      console.warn("Invalid direction option. Fallback: both (undefined).");
+      direction = void 0;
+    }
+    if (typeof navigationOnly !== "boolean") {
+      console.warn("Invalid navigationOnly option. Fallback: false.");
+      navigationOnly = false;
+    }
+    if (typeof noMemory !== "boolean") {
+      console.warn("Invalid noMemory option. Fallback: false.");
+      noMemory = false;
+    }
+    if (typeof noStart !== "boolean") {
+      console.warn("Invalid noStart option. Fallback: false.");
+      noStart = false;
+    }
+    if (typeof selector !== "undefined" && (typeof selector !== "string" || !selector.trim())) {
+      console.warn(
+        "Invalid selector. Fallback: all focusable elements (undefined)."
+      );
+      selector = void 0;
+    }
+    if (typeof typeahead !== "boolean") {
+      console.warn("Invalid typeahead option. Fallback: false.");
+      typeahead = false;
+    }
+    if (typeof wrap !== "boolean") {
+      console.warn("Invalid wrap option. Fallback: false.");
+      wrap = false;
+    }
+    this.#settings = {
+      navigationOnly,
+      noMemory,
+      noStart,
+      typeahead,
+      wrap
+    };
+    direction && Object.assign(this.#settings, { direction });
+    selector && Object.assign(this.#settings, { selector });
     this.#selectorFilter = this.#createSelectorFilter();
     this.#initialize();
   }
@@ -455,7 +415,7 @@ var RovingTabIndex = class {
     this.#isDestroyed = true;
     this.#controller?.abort();
     this.#controller = null;
-    restoreAttributes2([...this.#focusables]);
+    restoreAttributes([...this.#focusables]);
     this.#focusables.clear();
     this.#focusablesByFirstChar.clear();
     this.#container.removeAttribute("data-roving-tabindex-initialized");
@@ -480,7 +440,7 @@ var RovingTabIndex = class {
       return;
     }
     const isFocusable22 = this.#focusables.has(target);
-    this.#options.noMemory && !isFocusable22 ? this.#update(null) : isFocusable22 && this.#update(target);
+    this.#settings.noMemory && !isFocusable22 ? this.#update(null) : isFocusable22 && this.#update(target);
   };
   #onKeyDown = (event) => {
     if (!event.composedPath().includes(this.#container)) {
@@ -490,7 +450,7 @@ var RovingTabIndex = class {
     if (altKey || ctrlKey || metaKey || shiftKey) {
       return;
     }
-    const { direction, typeahead, wrap } = this.#options;
+    const { direction, typeahead, wrap } = this.#settings;
     const isBoth = !direction;
     const isHorizontal = direction === "horizontal";
     if (![
@@ -549,7 +509,7 @@ var RovingTabIndex = class {
     const current = new Set(this.#getFocusables());
     for (const focusable of this.#focusables) {
       if (!current.has(focusable)) {
-        focusable.isConnected && restoreAttributes2([focusable]);
+        focusable.isConnected && restoreAttributes([focusable]);
         this.#focusables.delete(focusable);
         this.#focusablesByFirstChar.forEach((focusables) => {
           const index = focusables.indexOf(focusable);
@@ -557,14 +517,14 @@ var RovingTabIndex = class {
         });
       }
     }
-    const { navigationOnly, noStart, typeahead } = this.#options;
+    const { navigationOnly, noStart, typeahead } = this.#settings;
     for (const focusable of current) {
       if (this.#focusables.has(focusable)) {
         continue;
       }
       this.#focusables.add(focusable);
       if (!navigationOnly) {
-        saveAttributes2([focusable], ["tabindex"]);
+        saveAttributes([focusable], ["tabindex"]);
         focusable.setAttribute("tabindex", "-1");
       }
       if (!typeahead) {
@@ -577,8 +537,8 @@ var RovingTabIndex = class {
       );
       if (char) {
         keys.add(char);
-        saveAttributes2([focusable], ["aria-keyshortcuts"]);
-        addTokenToAttribute2(focusable, "aria-keyshortcuts", char, {
+        saveAttributes([focusable], ["aria-keyshortcuts"]);
+        addTokenToAttribute(focusable, "aria-keyshortcuts", char, {
           caseInsensitive: true
         });
       }
@@ -601,28 +561,18 @@ var RovingTabIndex = class {
     }
   }
   #createSelectorFilter() {
-    const { selector } = this.#options;
+    const { selector } = this.#settings;
     return (element) => !selector || [...this.#container.querySelectorAll(selector)].includes(element);
   }
   #getFocusables() {
     return getFocusables(this.#container, {
       composed: true,
       filter: this.#selectorFilter,
-      skipNegativeTabIndexCheck: !this.#options.navigationOnly,
+      skipNegativeTabIndexCheck: !this.#settings.navigationOnly,
       skipVisibilityCheck: true
     });
   }
 };
-function focusElement(element) {
-  "focus" in element && typeof element.focus === "function" && element.focus();
-}
-function getActiveElement2() {
-  let current = document.activeElement;
-  while (current?.shadowRoot?.activeElement) {
-    current = current.shadowRoot.activeElement;
-  }
-  return current;
-}
 
 // src/index.ts
 var Tabs = class _Tabs {
@@ -1143,7 +1093,7 @@ function isFocusable2(element) {
  * Tabs
  * WAI-ARIA compliant tabs pattern implementation in TypeScript.
  *
- * @version 2.0.0
+ * @version 2.0.2
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane
@@ -1151,27 +1101,31 @@ function isFocusable2(element) {
  */
 /*! Bundled license information:
 
-@y14e/attributes-utils/dist/index.js:
-  (**
-   * Attributes Utils
-   *
-   * @version 1.1.2
-   * @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.2
+   * @version 1.0.3
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane
    * @see {@link https://github.com/y14e/button}
    *)
+  (*! Bundled license information:
+  
+  power-focusable/dist/index.js:
+    (**
+     * Power Focusable
+     * High-precision focus management utility with full composed tree support.
+     * Handles complex focus rules including tabindex ordering, radio groups, inert.
+     *
+     * @version 4.3.3
+     * @author Yusuke Kamiyamane
+     * @license MIT
+     * @copyright Copyright (c) Yusuke Kamiyamane
+     * @see {@link https://github.com/y14e/power-focusable}
+     *)
+  *)
 
 @y14e/roving-tabindex/dist/index.js:
   (**
@@ -1179,7 +1133,7 @@ function isFocusable2(element) {
    * Lightweight roving tabindex utility with fully focus management.
    * Designed for accessible menus, tabs, toolbars, and composite widgets.
    *
-   * @version 3.0.5
+   * @version 3.0.8
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@y14e/tabs",
-  "version": "2.0.0",
+  "version": "2.0.2",
   "description": "WAI-ARIA compliant tabs pattern implementation in TypeScript",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -42,9 +42,8 @@
   },
   "homepage": "https://github.com/y14e/tabs#readme",
   "devDependencies": {
-    "@y14e/attributes-utils": "^1.1.2",
-    "@y14e/button": "^1.0.2",
-    "@y14e/roving-tabindex": "^3.0.5",
+    "@y14e/button": "^1.0.3",
+    "@y14e/roving-tabindex": "^3.0.8",
     "bun-types": "latest",
     "tsup": "^8.0.0",
     "typescript": "^5.6.0",