aria-ease 2.8.0 → 2.8.2

package/dist/contractTestRunnerPlaywright-ZY2T4UTV.js

@@ -0,0 +1,254 @@
+import {
+  ContractReporter,
+  contract_default
+} from "./chunk-SSBW5VAA.js";
+
+// src/utils/test/contract/contractTestRunnerPlaywright.ts
+import { chromium } from "playwright";
+import { readFileSync } from "fs";
+async function runContractTestsPlaywright(componentName, url) {
+  const reporter = new ContractReporter(true);
+  const contractTyped = contract_default;
+  const contractPath = contractTyped[componentName]?.path;
+  if (!contractPath) {
+    throw new Error(`Contract path not found for component: ${componentName}`);
+  }
+  const resolvedPath = new URL(contractPath, import.meta.url).pathname;
+  const contractData = readFileSync(resolvedPath, "utf-8");
+  const componentContract = JSON.parse(contractData);
+  const totalTests = componentContract.static[0].assertions.length + componentContract.dynamic.length;
+  reporter.start(componentName, totalTests);
+  const failures = [];
+  const passes = [];
+  let browser = null;
+  try {
+    browser = await chromium.launch({ headless: true });
+    const context = await browser.newContext();
+    const page = await context.newPage();
+    await page.goto(url, { waitUntil: "networkidle" });
+    await page.waitForSelector(componentContract.selectors.trigger, { timeout: 9e4 });
+    async function resolveRelativeTarget(selector, relative) {
+      const items = await page.locator(selector).all();
+      switch (relative) {
+        case "first":
+          return items[0];
+        case "second":
+          return items[1];
+        case "last":
+          return items[items.length - 1];
+        case "next": {
+          const currentIndex = await page.evaluate(([sel]) => {
+            const items2 = Array.from(document.querySelectorAll(sel));
+            return items2.indexOf(document.activeElement);
+          }, [selector]);
+          const nextIndex = (currentIndex + 1) % items.length;
+          return items[nextIndex];
+        }
+        case "previous": {
+          const currentIndex = await page.evaluate(([sel]) => {
+            const items2 = Array.from(document.querySelectorAll(sel));
+            return items2.indexOf(document.activeElement);
+          }, [selector]);
+          const prevIndex = (currentIndex - 1 + items.length) % items.length;
+          return items[prevIndex];
+        }
+        default:
+          return null;
+      }
+    }
+    for (const test of componentContract.static[0]?.assertions || []) {
+      if (test.target === "relative") continue;
+      const targetSelector = componentContract.selectors[test.target];
+      if (!targetSelector) {
+        failures.push(`Selector for target ${test.target} not found.`);
+        continue;
+      }
+      const target = page.locator(targetSelector).first();
+      const exists = await target.count() > 0;
+      if (!exists) {
+        failures.push(`Target ${test.target} not found.`);
+        continue;
+      }
+      if (!test.expectedValue) {
+        const attributes = test.attribute.split(" | ");
+        let hasAny = false;
+        for (const attr of attributes) {
+          const value = await target.getAttribute(attr.trim());
+          if (value !== null) {
+            hasAny = true;
+            break;
+          }
+        }
+        if (!hasAny) {
+          failures.push(test.failureMessage + ` None of the attributes "${test.attribute}" are present.`);
+        } else {
+          passes.push(`At least one of the attributes "${test.attribute}" exists on the element.`);
+        }
+      } else {
+        const attributeValue = await target.getAttribute(test.attribute);
+        const expectedValues = test.expectedValue.split(" | ");
+        if (!attributeValue || !expectedValues.includes(attributeValue)) {
+          failures.push(test.failureMessage + ` Attribute value does not match expected value. Expected: ${test.expectedValue}, Found: ${attributeValue}`);
+        } else {
+          passes.push(`Attribute value matches expected value. Expected: ${test.expectedValue}, Found: ${attributeValue}`);
+        }
+      }
+    }
+    for (const dynamicTest of componentContract.dynamic || []) {
+      const { action, assertions } = dynamicTest;
+      const failuresBeforeTest = failures.length;
+      const containerElement = page.locator(componentContract.selectors.container).first();
+      const triggerElement = page.locator(componentContract.selectors.trigger).first();
+      const isContainerVisible = await containerElement.isVisible();
+      if (isContainerVisible) {
+        await triggerElement.click();
+        await page.waitForTimeout(50);
+      }
+      for (const act of action) {
+        if (act.type === "click") {
+          if (act.target === "document") {
+            await page.mouse.click(10, 10);
+          } else {
+            const actionSelector = componentContract.selectors[act.target];
+            if (!actionSelector) {
+              failures.push(`Selector for action target ${act.target} not found.`);
+              continue;
+            }
+            await page.locator(actionSelector).first().click();
+            await page.waitForTimeout(200);
+          }
+        }
+        if (act.type === "keypress" && act.key) {
+          const keyMap = {
+            "Space": "Space",
+            "Enter": "Enter",
+            "Escape": "Escape",
+            "Arrow Up": "ArrowUp",
+            "Arrow Down": "ArrowDown",
+            "Arrow Left": "ArrowLeft",
+            "Arrow Right": "ArrowRight",
+            "Home": "Home",
+            "End": "End",
+            "Tab": "Tab"
+          };
+          let keyValue = keyMap[act.key] || act.key;
+          if (keyValue === "Space") {
+            keyValue = " ";
+          } else if (keyValue.includes(" ")) {
+            keyValue = keyValue.replace(/ /g, "");
+          }
+          if (act.target === "focusable" && ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight", "Escape"].includes(keyValue)) {
+            await page.waitForTimeout(100);
+            await page.keyboard.press(keyValue);
+            await page.waitForTimeout(50);
+          } else {
+            const keypressSelector = componentContract.selectors[act.target];
+            if (!keypressSelector) {
+              failures.push(`Selector for keypress target ${act.target} not found.`);
+              continue;
+            }
+            const target = page.locator(keypressSelector).first();
+            await target.press(keyValue);
+          }
+        }
+        await page.waitForTimeout(100);
+      }
+      for (const assertion of assertions) {
+        let target;
+        if (assertion.target === "relative") {
+          const relativeSelector = componentContract.selectors.relative;
+          if (!relativeSelector) {
+            failures.push("Relative selector is not defined in the contract.");
+            continue;
+          }
+          if (!assertion.expectedValue) {
+            failures.push("Expected value for relative target is not defined.");
+            continue;
+          }
+          target = await resolveRelativeTarget(relativeSelector, assertion.expectedValue);
+        } else {
+          const assertionSelector = componentContract.selectors[assertion.target];
+          if (!assertionSelector) {
+            failures.push(`Selector for assertion target ${assertion.target} not found.`);
+            continue;
+          }
+          target = page.locator(assertionSelector).first();
+        }
+        if (!target) {
+          failures.push(`Target ${assertion.target} not found.`);
+          continue;
+        }
+        if (assertion.assertion === "toBeVisible") {
+          const isVisible = await target.isVisible();
+          if (isVisible) {
+            passes.push(`${assertion.target} is visible as expected. Test: "${dynamicTest.description}".`);
+          } else {
+            failures.push(`${assertion.failureMessage}`);
+          }
+        }
+        if (assertion.assertion === "notToBeVisible") {
+          const isVisible = await target.isVisible();
+          if (!isVisible) {
+            passes.push(`${assertion.target} is not visible as expected. Test: "${dynamicTest.description}".`);
+          } else {
+            failures.push(assertion.failureMessage + ` ${assertion.target} is still visible.`);
+          }
+        }
+        if (assertion.assertion === "toHaveAttribute" && assertion.attribute && assertion.expectedValue) {
+          const attributeValue = await target.getAttribute(assertion.attribute);
+          if (attributeValue === assertion.expectedValue) {
+            passes.push(`${assertion.target} has expected "${assertion.attribute}". Test: "${dynamicTest.description}".`);
+          } else {
+            failures.push(assertion.failureMessage + ` ${assertion.target} "${assertion.attribute}" should be "${assertion.expectedValue}", found "${attributeValue}".`);
+          }
+        }
+        if (assertion.assertion === "toHaveFocus") {
+          const hasFocus = await target.evaluate((el) => el === document.activeElement);
+          if (hasFocus) {
+            passes.push(`${assertion.target} has focus as expected. Test: "${dynamicTest.description}".`);
+          } else {
+            failures.push(`${assertion.failureMessage}`);
+          }
+        }
+        if (assertion.assertion === "toHaveRole" && assertion.expectedValue) {
+          const roleValue = await target.getAttribute("role");
+          if (roleValue === assertion.expectedValue) {
+            passes.push(`${assertion.target} has role "${assertion.expectedValue}". Test: "${dynamicTest.description}".`);
+          } else {
+            failures.push(assertion.failureMessage + ` Expected role "${assertion.expectedValue}", found "${roleValue}".`);
+          }
+        }
+      }
+      const failuresAfterTest = failures.length;
+      const testPassed = failuresAfterTest === failuresBeforeTest;
+      const failureMessage = testPassed ? void 0 : failures[failures.length - 1];
+      reporter.reportTest(dynamicTest, testPassed ? "pass" : "fail", failureMessage);
+    }
+    const staticPassed = componentContract.static[0].assertions.length;
+    const staticFailed = 0;
+    reporter.reportStatic(staticPassed, staticFailed);
+    reporter.summary(failures);
+  } catch (error) {
+    if (error instanceof Error) {
+      if (error.message.includes("Executable doesn't exist")) {
+        console.error("\n\u274C Playwright browsers not found!\n");
+        console.log("\u{1F4E6} Run: npx playwright install chromium\n");
+        failures.push("Playwright browser not installed. Run: npx playwright install chromium");
+      } else if (error.message.includes("net::ERR_CONNECTION_REFUSED")) {
+        console.error("\n\u274C Cannot connect to dev server!\n");
+        console.log(`   Make sure your dev server is running at ${url}
+`);
+        failures.push(`Dev server not running at ${url}`);
+      } else {
+        console.error("\u274C Playwright test error:", error.message);
+        failures.push(`Test error: ${error.message}`);
+      }
+    }
+  } finally {
+    if (browser) await browser.close();
+  }
+  return { passes, failures };
+}
+export {
+  runContractTestsPlaywright
+};

package/dist/index.cjs

@@ -9420,7 +9420,7 @@ async function runContractTestsPlaywright(componentName, url) {
     const context = await browser.newContext();
     const page = await context.newPage();
     await page.goto(url, { waitUntil: "networkidle" });
-    await page.waitForSelector(componentContract.selectors.trigger, { timeout: 5e3 });
+    await page.waitForSelector(componentContract.selectors.trigger, { timeout: 3e4 });
     async function resolveRelativeTarget(selector, relative) {
       const items = await page.locator(selector).all();
       switch (relative) {
@@ -9817,7 +9817,6 @@ function handleKeyPress(event, elementItems, elementItemIndex, menuElementDiv, t
 }
 
 // src/block/src/makeBlockAccessible/makeBlockAccessible.ts
-var eventListenersMap = /* @__PURE__ */ new Map();
 function makeBlockAccessible(blockId, blockItemsClass) {
   const blockDiv = document.querySelector(`#${blockId}`);
   if (!blockDiv) {
@@ -9825,12 +9824,20 @@ function makeBlockAccessible(blockId, blockItemsClass) {
     return { cleanup: () => {
     } };
   }
-  const blockItems = blockDiv.querySelectorAll(`.${blockItemsClass}`);
+  let cachedItems = null;
+  function getItems() {
+    if (!cachedItems) {
+      cachedItems = blockDiv.querySelectorAll(`.${blockItemsClass}`);
+    }
+    return cachedItems;
+  }
+  const blockItems = getItems();
   if (!blockItems || blockItems.length === 0) {
     console.error(`[aria-ease] Element with class="${blockItemsClass}" not found. Make sure the block items exist before calling makeBlockAccessible.`);
     return { cleanup: () => {
     } };
   }
+  const eventListenersMap = /* @__PURE__ */ new Map();
   blockItems.forEach((blockItem) => {
     if (!eventListenersMap.has(blockItem)) {
       const handler = (event) => {
@@ -9851,8 +9858,10 @@ function makeBlockAccessible(blockId, blockItemsClass) {
       }
     });
   }
-  ;
-  return { cleanup };
+  function refresh() {
+    cachedItems = null;
+  }
+  return { cleanup, refresh };
 }
 
 // src/checkbox/src/updateCheckboxAriaAttributes/updateCheckboxAriaAttributes.ts
@@ -9905,7 +9914,14 @@ function makeMenuAccessible({ menuId, menuItemsClass, triggerId }) {
     }, cleanup: () => {
     } };
   }
-  const handlerMap = /* @__PURE__ */ new Map();
+  if (!/^[\w-]+$/.test(menuId)) {
+    console.error("[aria-ease] Invalid menuId: must be alphanumeric");
+    return { openMenu: () => {
+    }, closeMenu: () => {
+    }, cleanup: () => {
+    } };
+  }
+  const handlerMap = /* @__PURE__ */ new WeakMap();
   const submenuInstances = /* @__PURE__ */ new Map();
   let cachedItems = null;
   let filteredItems = null;
@@ -10024,7 +10040,7 @@ function makeMenuAccessible({ menuId, menuItemsClass, triggerId }) {
     setAria(true);
     const items = getFilteredItems();
     addListeners();
-    if (items.length > 0) {
+    if (items && items.length > 0) {
       items[0].focus();
     }
   }
@@ -13732,4 +13748,3 @@ react-is/cjs/react-is.development.js:
    * LICENSE file in the root directory of this source tree.
    *)
 */
-//# sourceMappingURL=index.cjs.map

package/dist/index.d.cts

@@ -20,6 +20,13 @@ interface JestAxeResult {
     contract: unknown;
 }
 
+interface AccessibilityInstance {
+  cleanup: () => void;
+  refresh?: () => void;
+  openMenu?: () => void;
+  closeMenu?: () => void;
+}
+
 /**
  * Adds screen reader accessibility to accordions. Updates the aria attributes of the accordion trigger button. Trigger button element must possess the following aria attributes; aria-expanded, aria-controls, aria-label (for only non-text triggers).
  * @param {string} accordionId The id of the accordion triggers parent container.
@@ -35,9 +42,8 @@ declare function updateAccordionTriggerAriaAttributes(accordionId: string, accor
  * @param {string} blockId The id of the block container.
  * @param {string} blockItemsClass The shared class of the elements that are children of the block.
 */
-declare function makeBlockAccessible(blockId: string, blockItemsClass: string): {
-    cleanup: () => void;
-};
+
+declare function makeBlockAccessible(blockId: string, blockItemsClass: string): AccessibilityInstance;
 
 /**
  * Adds screen reader accessibility to multiple checkboxes. Updates the aria attributes of the checkboxes. Checkbox elements must possess the following aria attributes; aria-checked and aria-label.
@@ -55,21 +61,12 @@ declare function updateCheckboxAriaAttributes(checkboxId: string, checkboxesClas
   * @param {string} menuItemsClass - The class of the items that are children of the menu.
   * @param {string} triggerId - The id of the button that triggers the menu.
 */
+
 declare function makeMenuAccessible({ menuId, menuItemsClass, triggerId }: {
     menuId: string;
     menuItemsClass: string;
     triggerId: string;
-}): {
-    openMenu: () => void;
-    closeMenu: () => void;
-    cleanup: () => void;
-    refresh?: undefined;
-} | {
-    openMenu: () => void;
-    closeMenu: () => void;
-    cleanup: () => void;
-    refresh: () => void;
-};
+}): AccessibilityInstance;
 
 /**
  * Adds screen reader accessibility to multiple radio buttons. Updates the aria attributes of the radio buttons. Radio elements must possess the following aria attributes; aria-checked and aria-label.

package/dist/index.d.ts

@@ -20,6 +20,13 @@ interface JestAxeResult {
     contract: unknown;
 }
 
+interface AccessibilityInstance {
+  cleanup: () => void;
+  refresh?: () => void;
+  openMenu?: () => void;
+  closeMenu?: () => void;
+}
+
 /**
  * Adds screen reader accessibility to accordions. Updates the aria attributes of the accordion trigger button. Trigger button element must possess the following aria attributes; aria-expanded, aria-controls, aria-label (for only non-text triggers).
  * @param {string} accordionId The id of the accordion triggers parent container.
@@ -35,9 +42,8 @@ declare function updateAccordionTriggerAriaAttributes(accordionId: string, accor
  * @param {string} blockId The id of the block container.
  * @param {string} blockItemsClass The shared class of the elements that are children of the block.
 */
-declare function makeBlockAccessible(blockId: string, blockItemsClass: string): {
-    cleanup: () => void;
-};
+
+declare function makeBlockAccessible(blockId: string, blockItemsClass: string): AccessibilityInstance;
 
 /**
  * Adds screen reader accessibility to multiple checkboxes. Updates the aria attributes of the checkboxes. Checkbox elements must possess the following aria attributes; aria-checked and aria-label.
@@ -55,21 +61,12 @@ declare function updateCheckboxAriaAttributes(checkboxId: string, checkboxesClas
   * @param {string} menuItemsClass - The class of the items that are children of the menu.
   * @param {string} triggerId - The id of the button that triggers the menu.
 */
+
 declare function makeMenuAccessible({ menuId, menuItemsClass, triggerId }: {
     menuId: string;
     menuItemsClass: string;
     triggerId: string;
-}): {
-    openMenu: () => void;
-    closeMenu: () => void;
-    cleanup: () => void;
-    refresh?: undefined;
-} | {
-    openMenu: () => void;
-    closeMenu: () => void;
-    cleanup: () => void;
-    refresh: () => void;
-};
+}): AccessibilityInstance;
 
 /**
  * Adds screen reader accessibility to multiple radio buttons. Updates the aria attributes of the radio buttons. Radio elements must possess the following aria attributes; aria-checked and aria-label.

package/dist/index.js

@@ -3,7 +3,7 @@ import {
   __commonJS,
   __toESM,
   contract_default
-} from "./chunk-4F6O5RKZ.js";
+} from "./chunk-SSBW5VAA.js";
 
 // node_modules/ansi-styles/index.js
 var require_ansi_styles = __commonJS({
@@ -9331,7 +9331,6 @@ function handleKeyPress(event, elementItems, elementItemIndex, menuElementDiv, t
 }
 
 // src/block/src/makeBlockAccessible/makeBlockAccessible.ts
-var eventListenersMap = /* @__PURE__ */ new Map();
 function makeBlockAccessible(blockId, blockItemsClass) {
   const blockDiv = document.querySelector(`#${blockId}`);
   if (!blockDiv) {
@@ -9339,12 +9338,20 @@ function makeBlockAccessible(blockId, blockItemsClass) {
     return { cleanup: () => {
     } };
   }
-  const blockItems = blockDiv.querySelectorAll(`.${blockItemsClass}`);
+  let cachedItems = null;
+  function getItems() {
+    if (!cachedItems) {
+      cachedItems = blockDiv.querySelectorAll(`.${blockItemsClass}`);
+    }
+    return cachedItems;
+  }
+  const blockItems = getItems();
   if (!blockItems || blockItems.length === 0) {
     console.error(`[aria-ease] Element with class="${blockItemsClass}" not found. Make sure the block items exist before calling makeBlockAccessible.`);
     return { cleanup: () => {
     } };
   }
+  const eventListenersMap = /* @__PURE__ */ new Map();
   blockItems.forEach((blockItem) => {
     if (!eventListenersMap.has(blockItem)) {
       const handler = (event) => {
@@ -9365,8 +9372,10 @@ function makeBlockAccessible(blockId, blockItemsClass) {
       }
     });
   }
-  ;
-  return { cleanup };
+  function refresh() {
+    cachedItems = null;
+  }
+  return { cleanup, refresh };
 }
 
 // src/checkbox/src/updateCheckboxAriaAttributes/updateCheckboxAriaAttributes.ts
@@ -9419,7 +9428,14 @@ function makeMenuAccessible({ menuId, menuItemsClass, triggerId }) {
     }, cleanup: () => {
     } };
   }
-  const handlerMap = /* @__PURE__ */ new Map();
+  if (!/^[\w-]+$/.test(menuId)) {
+    console.error("[aria-ease] Invalid menuId: must be alphanumeric");
+    return { openMenu: () => {
+    }, closeMenu: () => {
+    }, cleanup: () => {
+    } };
+  }
+  const handlerMap = /* @__PURE__ */ new WeakMap();
   const submenuInstances = /* @__PURE__ */ new Map();
   let cachedItems = null;
   let filteredItems = null;
@@ -9538,7 +9554,7 @@ function makeMenuAccessible({ menuId, menuItemsClass, triggerId }) {
     setAria(true);
     const items = getFilteredItems();
     addListeners();
-    if (items.length > 0) {
+    if (items && items.length > 0) {
       items[0].focus();
     }
   }
@@ -13155,7 +13171,7 @@ async function testUiComponent(componentName, component, url) {
   let contract;
   if (url) {
     console.log(`\u{1F3AD} Running Playwright E2E tests on ${url}`);
-    const { runContractTestsPlaywright } = await import("./contractTestRunnerPlaywright-FM6MK6DY.js");
+    const { runContractTestsPlaywright } = await import("./contractTestRunnerPlaywright-YNHMLHQ2.js");
     contract = await runContractTestsPlaywright(componentName, url);
   } else {
     console.log(`\u{1F9EA} Running jsdom tests (limited event handling)`);
@@ -13242,4 +13258,3 @@ react-is/cjs/react-is.development.js:
    * LICENSE file in the root directory of this source tree.
    *)
 */
-//# sourceMappingURL=index.js.map

package/dist/src/{Types.d-BbztRe-S.d.cts → Types.d-w1KLKLcA.d.cts}

@@ -14,4 +14,11 @@ interface ToggleStates {
     pressed: boolean;
 }
 
-export type { AccordionStates as A, CheckboxStates as C, RadioStates as R, ToggleStates as T };
+interface AccessibilityInstance {
+  cleanup: () => void;
+  refresh?: () => void;
+  openMenu?: () => void;
+  closeMenu?: () => void;
+}
+
+export type { AccordionStates as A, CheckboxStates as C, RadioStates as R, ToggleStates as T, AccessibilityInstance as a };

package/dist/src/{Types.d-BbztRe-S.d.ts → Types.d-w1KLKLcA.d.ts}

@@ -14,4 +14,11 @@ interface ToggleStates {
     pressed: boolean;
 }
 
-export type { AccordionStates as A, CheckboxStates as C, RadioStates as R, ToggleStates as T };
+interface AccessibilityInstance {
+  cleanup: () => void;
+  refresh?: () => void;
+  openMenu?: () => void;
+  closeMenu?: () => void;
+}
+
+export type { AccordionStates as A, CheckboxStates as C, RadioStates as R, ToggleStates as T, AccessibilityInstance as a };

package/dist/src/accordion/index.cjs

@@ -27,5 +27,3 @@ function updateAccordionTriggerAriaAttributes(accordionId, accordionTriggersClas
 }
 
 exports.updateAccordionTriggerAriaAttributes = updateAccordionTriggerAriaAttributes;
-//# sourceMappingURL=index.cjs.map
-//# sourceMappingURL=index.cjs.map

package/dist/src/accordion/index.d.cts

@@ -1,4 +1,4 @@
-import { A as AccordionStates } from '../Types.d-BbztRe-S.cjs';
+import { A as AccordionStates } from '../Types.d-w1KLKLcA.cjs';
 
 /**
  * Adds screen reader accessibility to accordions. Updates the aria attributes of the accordion trigger button. Trigger button element must possess the following aria attributes; aria-expanded, aria-controls, aria-label (for only non-text triggers).

package/dist/src/accordion/index.d.ts

@@ -1,4 +1,4 @@
-import { A as AccordionStates } from '../Types.d-BbztRe-S.js';
+import { A as AccordionStates } from '../Types.d-w1KLKLcA.js';
 
 /**
  * Adds screen reader accessibility to accordions. Updates the aria attributes of the accordion trigger button. Trigger button element must possess the following aria attributes; aria-expanded, aria-controls, aria-label (for only non-text triggers).

package/dist/src/accordion/index.js

@@ -25,5 +25,3 @@ function updateAccordionTriggerAriaAttributes(accordionId, accordionTriggersClas
 }
 
 export { updateAccordionTriggerAriaAttributes };
-//# sourceMappingURL=index.js.map
-//# sourceMappingURL=index.js.map

package/dist/src/block/index.cjs

@@ -79,7 +79,6 @@ function handleKeyPress(event, elementItems, elementItemIndex, menuElementDiv, t
 }
 
 // src/block/src/makeBlockAccessible/makeBlockAccessible.ts
-var eventListenersMap = /* @__PURE__ */ new Map();
 function makeBlockAccessible(blockId, blockItemsClass) {
   const blockDiv = document.querySelector(`#${blockId}`);
   if (!blockDiv) {
@@ -87,12 +86,20 @@ function makeBlockAccessible(blockId, blockItemsClass) {
     return { cleanup: () => {
     } };
   }
-  const blockItems = blockDiv.querySelectorAll(`.${blockItemsClass}`);
+  let cachedItems = null;
+  function getItems() {
+    if (!cachedItems) {
+      cachedItems = blockDiv.querySelectorAll(`.${blockItemsClass}`);
+    }
+    return cachedItems;
+  }
+  const blockItems = getItems();
   if (!blockItems || blockItems.length === 0) {
     console.error(`[aria-ease] Element with class="${blockItemsClass}" not found. Make sure the block items exist before calling makeBlockAccessible.`);
     return { cleanup: () => {
     } };
   }
+  const eventListenersMap = /* @__PURE__ */ new Map();
   blockItems.forEach((blockItem) => {
     if (!eventListenersMap.has(blockItem)) {
       const handler = (event) => {
@@ -113,9 +120,10 @@ function makeBlockAccessible(blockId, blockItemsClass) {
       }
     });
   }
-  return { cleanup };
+  function refresh() {
+    cachedItems = null;
+  }
+  return { cleanup, refresh };
 }
 
 exports.makeBlockAccessible = makeBlockAccessible;
-//# sourceMappingURL=index.cjs.map
-//# sourceMappingURL=index.cjs.map

package/dist/src/block/index.d.cts

@@ -1,10 +1,11 @@
+import { a as AccessibilityInstance } from '../Types.d-w1KLKLcA.cjs';
+
 /**
  * Adds keyboard interaction to block. The block traps focus and can be interacted with using the keyboard.
  * @param {string} blockId The id of the block container.
  * @param {string} blockItemsClass The shared class of the elements that are children of the block.
 */
-declare function makeBlockAccessible(blockId: string, blockItemsClass: string): {
-    cleanup: () => void;
-};
+
+declare function makeBlockAccessible(blockId: string, blockItemsClass: string): AccessibilityInstance;
 
 export { makeBlockAccessible };

package/dist/src/block/index.d.ts

@@ -1,10 +1,11 @@
+import { a as AccessibilityInstance } from '../Types.d-w1KLKLcA.js';
+
 /**
  * Adds keyboard interaction to block. The block traps focus and can be interacted with using the keyboard.
  * @param {string} blockId The id of the block container.
  * @param {string} blockItemsClass The shared class of the elements that are children of the block.
 */
-declare function makeBlockAccessible(blockId: string, blockItemsClass: string): {
-    cleanup: () => void;
-};
+
+declare function makeBlockAccessible(blockId: string, blockItemsClass: string): AccessibilityInstance;
 
 export { makeBlockAccessible };