aria-ease 4.0.1 → 5.0.0

package/dist/index.js

@@ -9182,32 +9182,6 @@ var require_lz_string = __commonJS({
   }
 });
 
-// src/accordion/src/updateAccordionTriggerAriaAttributes/updateAccordionTriggerAriaAttributes.ts
-function updateAccordionTriggerAriaAttributes(accordionId, accordionTriggersClass, accordionStates, clickedTriggerIndex) {
-  const accordionDiv = document.querySelector(`#${accordionId}`);
-  if (!accordionDiv) {
-    console.error(`[aria-ease] Element with id="${accordionId}" not found. Make sure the accordion element exists before calling updateAccordionTriggerAriaAttributes.`);
-    return;
-  }
-  const accordionItems = Array.from(accordionDiv.querySelectorAll(`.${accordionTriggersClass}`));
-  if (accordionItems.length === 0) {
-    console.error(`[aria-ease] Element with class="${accordionTriggersClass}" not found. Make sure the accordion items exist before calling updateAccordionTriggerAriaAttributes.`);
-    return;
-  }
-  if (accordionItems.length !== accordionStates.length) {
-    console.error(`[aria-ease] Accordion state/DOM length mismatch: found ${accordionItems.length} triggers, but got ${accordionStates.length} state objects.'`);
-    return;
-  }
-  accordionItems.forEach((accordionItem, index) => {
-    const state = accordionStates[index];
-    const expanded = accordionItem.getAttribute("aria-expanded");
-    const shouldBeExpanded = index === clickedTriggerIndex ? state.display ? "true" : "false" : "false";
-    if (expanded && expanded !== shouldBeExpanded) {
-      accordionItem.setAttribute("aria-expanded", shouldBeExpanded);
-    }
-  });
-}
-
 // src/accordion/src/makeAccordionAccessible/makeAccordionAccessible.ts
 function makeAccordionAccessible({ accordionId, triggersClass, panelsClass, allowMultiple = false }) {
   const accordionContainer = document.querySelector(`#${accordionId}`);
@@ -9536,38 +9510,6 @@ function makeBlockAccessible({ blockId, blockItemsClass }) {
   return { cleanup, refresh };
 }
 
-// src/checkbox/src/updateCheckboxAriaAttributes/updateCheckboxAriaAttributes.ts
-function updateCheckboxAriaAttributes(checkboxId, checkboxesClass, checkboxStates, currentPressedCheckboxIndex) {
-  const checkboxDiv = document.querySelector(`#${checkboxId}`);
-  if (!checkboxDiv) {
-    console.error(`[aria-ease] Invalid checkbox main div id provided. No checkbox div with id '${checkboxDiv} found.'`);
-    return;
-  }
-  const checkboxItems = Array.from(document.querySelectorAll(`.${checkboxesClass}`));
-  if (checkboxItems.length === 0) {
-    console.error(`[aria-ease] Element with class="${checkboxesClass}" not found. Make sure the checkbox items exist before calling updateCheckboxAriaAttributes.`);
-    return;
-  }
-  ;
-  if (checkboxStates.length === 0) {
-    console.error(`[aria-ease] Checkbox states array is empty. Make sure the checkboxStates array is populated before calling updateCheckboxAriaAttributes.`);
-    return;
-  }
-  if (currentPressedCheckboxIndex < 0 || currentPressedCheckboxIndex >= checkboxStates.length) {
-    console.error(`[aria-ease] Checkbox index ${currentPressedCheckboxIndex} is out of bounds for states array of length ${checkboxStates.length}.`);
-    return;
-  }
-  checkboxItems.forEach((checkbox, index) => {
-    if (index === currentPressedCheckboxIndex) {
-      const checked = checkbox.getAttribute("aria-checked");
-      const shouldBeChecked = checkboxStates[index].checked ? "true" : "false";
-      if (checked && checked !== shouldBeChecked) {
-        checkbox.setAttribute("aria-checked", shouldBeChecked);
-      }
-    }
-  });
-}
-
 // src/checkbox/src/makeCheckboxAccessible/makeCheckboxAccessible.ts
 function makeCheckboxAccessible({ checkboxGroupId, checkboxesClass }) {
   const checkboxGroup = document.querySelector(`#${checkboxGroupId}`);
@@ -9841,8 +9783,8 @@ function makeMenuAccessible({ menuId, menuItemsClass, triggerId }) {
     });
   }
   function openMenu() {
-    menuDiv.style.display = "block";
     setAria(true);
+    menuDiv.style.display = "block";
     const items = getFilteredItems();
     addListeners();
     if (items && items.length > 0) {
@@ -9850,9 +9792,9 @@ function makeMenuAccessible({ menuId, menuItemsClass, triggerId }) {
     }
   }
   function closeMenu() {
-    removeListeners();
-    menuDiv.style.display = "none";
     setAria(false);
+    menuDiv.style.display = "none";
+    removeListeners();
     triggerButton.focus();
   }
   function intializeMenuItems() {
@@ -9862,19 +9804,8 @@ function makeMenuAccessible({ menuId, menuItemsClass, triggerId }) {
     });
   }
   intializeMenuItems();
-  function handleTriggerKeydown(event) {
-    if (event.key === "Enter" || event.key === " ") {
-      event.preventDefault();
-      const isOpen = menuDiv.style.display !== "none";
-      if (isOpen) {
-        closeMenu();
-      } else {
-        openMenu();
-      }
-    }
-  }
   function handleTriggerClick() {
-    const isOpen = menuDiv.style.display !== "none";
+    const isOpen = triggerButton.getAttribute("aria-expanded") === "true";
     if (isOpen) {
       closeMenu();
     } else {
@@ -9882,17 +9813,19 @@ function makeMenuAccessible({ menuId, menuItemsClass, triggerId }) {
     }
   }
   function handleClickOutside(event) {
-    if (menuDiv && triggerButton && !menuDiv.contains(event.target) && !triggerButton.contains(event.target) && getComputedStyle(menuDiv).display !== "none" && triggerButton.getAttribute("aria-expanded") === "true") {
+    const isMenuOpen = triggerButton.getAttribute("aria-expanded") === "true";
+    if (!isMenuOpen) return;
+    const clickedTrigger = triggerButton.contains(event.target);
+    const clickedMenu = menuDiv.contains(event.target);
+    if (!clickedTrigger && !clickedMenu) {
       closeMenu();
     }
   }
-  triggerButton.addEventListener("keydown", handleTriggerKeydown);
   triggerButton.addEventListener("click", handleTriggerClick);
   document.addEventListener("click", handleClickOutside);
   triggerButton.setAttribute("data-menu-initialized", "true");
   function cleanup() {
     removeListeners();
-    triggerButton.removeEventListener("keydown", handleTriggerKeydown);
     triggerButton.removeEventListener("click", handleTriggerClick);
     document.removeEventListener("click", handleClickOutside);
     menuDiv.style.display = "none";
@@ -9907,36 +9840,6 @@ function makeMenuAccessible({ menuId, menuItemsClass, triggerId }) {
   return { openMenu, closeMenu, cleanup, refresh };
 }
 
-// src/radio/src/updateRadioAriaAttributes/updateRadioAriaAttributes.ts
-function updateRadioAriaAttributes(radioId, radiosClass, radioStates, currentPressedRadioIndex) {
-  const radioDiv = document.querySelector(`#${radioId}`);
-  if (!radioDiv) {
-    console.error(`[aria-ease] Element with id="${radioId}" not found. Make sure the radio element exists before calling updateRadioAriaAttributes.`);
-    return;
-  }
-  const radioItems = Array.from(radioDiv.querySelectorAll(`.${radiosClass}`));
-  if (radioItems.length === 0) {
-    console.error(`[aria-ease] Element with class="${radiosClass}" not found. Make sure the radio items exist before calling updateRadioAriaAttributes.`);
-    return;
-  }
-  if (radioStates.length === 0) {
-    console.error(`[aria-ease] Radio states array is empty. Make sure the radioStates array is populated before calling updateRadioAriaAttributes.`);
-    return;
-  }
-  if (currentPressedRadioIndex < 0 || currentPressedRadioIndex >= radioStates.length) {
-    console.error(`[aria-ease] Radio index ${currentPressedRadioIndex} is out of bounds for states array of length ${radioStates.length}.`);
-    return;
-  }
-  radioItems.forEach((radioItem, index) => {
-    const state = radioStates[index];
-    const checked = radioItem.getAttribute("aria-checked");
-    const shouldBeChecked = index === currentPressedRadioIndex ? state.checked ? "true" : "false" : "false";
-    if (checked && checked !== shouldBeChecked) {
-      radioItem.setAttribute("aria-checked", shouldBeChecked);
-    }
-  });
-}
-
 // src/radio/src/makeRadioAccessible/makeRadioAccessible.ts
 function makeRadioAccessible({ radioGroupId, radiosClass, defaultSelectedIndex = 0 }) {
   const radioGroup = document.querySelector(`#${radioGroupId}`);
@@ -10058,33 +9961,6 @@ function makeRadioAccessible({ radioGroupId, radiosClass, defaultSelectedIndex =
   };
 }
 
-// src/toggle/src/updateToggleAriaAttribute/updateToggleAriaAttribute.ts
-function updateToggleAriaAttribute(toggleId, togglesClass, toggleStates, currentPressedToggleIndex) {
-  const toggleDiv = document.querySelector(`#${toggleId}`);
-  if (!toggleDiv) {
-    console.error(`[aria-ease] Element with id="${toggleId}" not found. Make sure the toggle element exists before calling updateToggleAriaAttribute.`);
-    return;
-  }
-  const toggleItems = Array.from(toggleDiv.querySelectorAll(`.${togglesClass}`));
-  if (toggleItems.length === 0) {
-    console.error(`[aria-ease] Element with class="${togglesClass}" not found. Make sure the toggle items exist before calling updateToggleAriaAttribute.`);
-    return;
-  }
-  if (toggleItems.length !== toggleStates.length) {
-    console.error(`[aria-ease] Toggle state/DOM length mismatch: found ${toggleItems.length} triggers, but got ${toggleStates.length} state objects.'`);
-    return;
-  }
-  toggleItems.forEach((toggle, index) => {
-    if (index === currentPressedToggleIndex) {
-      const pressed = toggle.getAttribute("aria-pressed");
-      const shouldBePressed = toggleStates[index].pressed ? "true" : "false";
-      if (pressed && pressed !== shouldBePressed) {
-        toggle.setAttribute("aria-pressed", shouldBePressed);
-      }
-    }
-  });
-}
-
 // src/toggle/src/makeTogggleAccessible/makeToggleAccessible.ts
 function makeToggleAccessible({ toggleId, togglesClass, isSingleToggle = true }) {
   const toggleContainer = document.querySelector(`#${toggleId}`);
@@ -10229,7 +10105,7 @@ function makeToggleAccessible({ toggleId, togglesClass, isSingleToggle = true })
   };
 }
 
-// src/combobox/src/makeComboBoxAccessible.ts
+// src/combobox/src/makeComboBoxAccessible/makeComboBoxAccessible.ts
 function makeComboboxAccessible({ comboboxInputId, comboboxButtonId, listBoxId, listBoxItemsClass, config: config2 }) {
   const comboboxInput = document.getElementById(`${comboboxInputId}`);
   if (!comboboxInput) {
@@ -14144,11 +14020,7 @@ export {
   makeMenuAccessible,
   makeRadioAccessible,
   makeToggleAccessible,
-  testUiComponent,
-  updateAccordionTriggerAriaAttributes,
-  updateCheckboxAriaAttributes,
-  updateRadioAriaAttributes,
-  updateToggleAriaAttribute
+  testUiComponent
 };
 /*! Bundled license information:
 

package/dist/src/{Types.d-BrHSyS03.d.cts → Types.d-COr5IFp5.d.cts}

@@ -1,19 +1,3 @@
-interface AccordionStates {
-    display: boolean;
-}
-
-interface CheckboxStates {
-    checked: boolean;
-}
-  
-interface RadioStates {
-    checked: boolean;
-}
-  
-interface ToggleStates {
-    pressed: boolean;
-}
-
 interface AccessibilityInstance {
   cleanup: () => void;
   refresh?: () => void;
@@ -53,4 +37,4 @@ interface config {
     onClear?: () => void;
 }
 
-export type { AccordionStates as A, CheckboxStates as C, RadioStates as R, ToggleStates as T, AccessibilityInstance as a, ComboboxConfig as b };
+export type { AccessibilityInstance as A, ComboboxConfig as C };

package/dist/src/{Types.d-BrHSyS03.d.ts → Types.d-COr5IFp5.d.ts}

@@ -1,19 +1,3 @@
-interface AccordionStates {
-    display: boolean;
-}
-
-interface CheckboxStates {
-    checked: boolean;
-}
-  
-interface RadioStates {
-    checked: boolean;
-}
-  
-interface ToggleStates {
-    pressed: boolean;
-}
-
 interface AccessibilityInstance {
   cleanup: () => void;
   refresh?: () => void;
@@ -53,4 +37,4 @@ interface config {
     onClear?: () => void;
 }
 
-export type { AccordionStates as A, CheckboxStates as C, RadioStates as R, ToggleStates as T, AccessibilityInstance as a, ComboboxConfig as b };
+export type { AccessibilityInstance as A, ComboboxConfig as C };

package/dist/src/accordion/index.cjs

@@ -1,31 +1,5 @@
 'use strict';
 
-// src/accordion/src/updateAccordionTriggerAriaAttributes/updateAccordionTriggerAriaAttributes.ts
-function updateAccordionTriggerAriaAttributes(accordionId, accordionTriggersClass, accordionStates, clickedTriggerIndex) {
-  const accordionDiv = document.querySelector(`#${accordionId}`);
-  if (!accordionDiv) {
-    console.error(`[aria-ease] Element with id="${accordionId}" not found. Make sure the accordion element exists before calling updateAccordionTriggerAriaAttributes.`);
-    return;
-  }
-  const accordionItems = Array.from(accordionDiv.querySelectorAll(`.${accordionTriggersClass}`));
-  if (accordionItems.length === 0) {
-    console.error(`[aria-ease] Element with class="${accordionTriggersClass}" not found. Make sure the accordion items exist before calling updateAccordionTriggerAriaAttributes.`);
-    return;
-  }
-  if (accordionItems.length !== accordionStates.length) {
-    console.error(`[aria-ease] Accordion state/DOM length mismatch: found ${accordionItems.length} triggers, but got ${accordionStates.length} state objects.'`);
-    return;
-  }
-  accordionItems.forEach((accordionItem, index) => {
-    const state = accordionStates[index];
-    const expanded = accordionItem.getAttribute("aria-expanded");
-    const shouldBeExpanded = index === clickedTriggerIndex ? state.display ? "true" : "false" : "false";
-    if (expanded && expanded !== shouldBeExpanded) {
-      accordionItem.setAttribute("aria-expanded", shouldBeExpanded);
-    }
-  });
-}
-
 // src/accordion/src/makeAccordionAccessible/makeAccordionAccessible.ts
 function makeAccordionAccessible({ accordionId, triggersClass, panelsClass, allowMultiple = false }) {
   const accordionContainer = document.querySelector(`#${accordionId}`);
@@ -185,4 +159,3 @@ function makeAccordionAccessible({ accordionId, triggersClass, panelsClass, allo
 }
 
 exports.makeAccordionAccessible = makeAccordionAccessible;
-exports.updateAccordionTriggerAriaAttributes = updateAccordionTriggerAriaAttributes;

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

@@ -1,14 +1,4 @@
-import { A as AccordionStates, a as AccessibilityInstance } from '../Types.d-BrHSyS03.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).
- * @param {string} accordionId The id of the accordion triggers parent container.
- * @param {string} accordionTriggersClass The shared class of all the accordion triggers.
- * @param {AccordionStates[]} accordionStates Array of objects containing accordions state information.
- * @param {number} clickedTriggerIndex Index of the currently clicked accordion trigger within the accordion div container.
-*/
-
-declare function updateAccordionTriggerAriaAttributes(accordionId: string, accordionTriggersClass: string, accordionStates: AccordionStates[], clickedTriggerIndex: number): void;
+import { A as AccessibilityInstance } from '../Types.d-COr5IFp5.cjs';
 
 /**
  * Makes an accordion accessible by managing ARIA attributes, keyboard navigation, and state.
@@ -27,4 +17,4 @@ interface AccordionConfig {
 }
 declare function makeAccordionAccessible({ accordionId, triggersClass, panelsClass, allowMultiple }: AccordionConfig): AccessibilityInstance;
 
-export { makeAccordionAccessible, updateAccordionTriggerAriaAttributes };
+export { makeAccordionAccessible };

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

@@ -1,14 +1,4 @@
-import { A as AccordionStates, a as AccessibilityInstance } from '../Types.d-BrHSyS03.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).
- * @param {string} accordionId The id of the accordion triggers parent container.
- * @param {string} accordionTriggersClass The shared class of all the accordion triggers.
- * @param {AccordionStates[]} accordionStates Array of objects containing accordions state information.
- * @param {number} clickedTriggerIndex Index of the currently clicked accordion trigger within the accordion div container.
-*/
-
-declare function updateAccordionTriggerAriaAttributes(accordionId: string, accordionTriggersClass: string, accordionStates: AccordionStates[], clickedTriggerIndex: number): void;
+import { A as AccessibilityInstance } from '../Types.d-COr5IFp5.js';
 
 /**
  * Makes an accordion accessible by managing ARIA attributes, keyboard navigation, and state.
@@ -27,4 +17,4 @@ interface AccordionConfig {
 }
 declare function makeAccordionAccessible({ accordionId, triggersClass, panelsClass, allowMultiple }: AccordionConfig): AccessibilityInstance;
 
-export { makeAccordionAccessible, updateAccordionTriggerAriaAttributes };
+export { makeAccordionAccessible };

package/dist/src/accordion/index.js

@@ -1,29 +1,3 @@
-// src/accordion/src/updateAccordionTriggerAriaAttributes/updateAccordionTriggerAriaAttributes.ts
-function updateAccordionTriggerAriaAttributes(accordionId, accordionTriggersClass, accordionStates, clickedTriggerIndex) {
-  const accordionDiv = document.querySelector(`#${accordionId}`);
-  if (!accordionDiv) {
-    console.error(`[aria-ease] Element with id="${accordionId}" not found. Make sure the accordion element exists before calling updateAccordionTriggerAriaAttributes.`);
-    return;
-  }
-  const accordionItems = Array.from(accordionDiv.querySelectorAll(`.${accordionTriggersClass}`));
-  if (accordionItems.length === 0) {
-    console.error(`[aria-ease] Element with class="${accordionTriggersClass}" not found. Make sure the accordion items exist before calling updateAccordionTriggerAriaAttributes.`);
-    return;
-  }
-  if (accordionItems.length !== accordionStates.length) {
-    console.error(`[aria-ease] Accordion state/DOM length mismatch: found ${accordionItems.length} triggers, but got ${accordionStates.length} state objects.'`);
-    return;
-  }
-  accordionItems.forEach((accordionItem, index) => {
-    const state = accordionStates[index];
-    const expanded = accordionItem.getAttribute("aria-expanded");
-    const shouldBeExpanded = index === clickedTriggerIndex ? state.display ? "true" : "false" : "false";
-    if (expanded && expanded !== shouldBeExpanded) {
-      accordionItem.setAttribute("aria-expanded", shouldBeExpanded);
-    }
-  });
-}
-
 // src/accordion/src/makeAccordionAccessible/makeAccordionAccessible.ts
 function makeAccordionAccessible({ accordionId, triggersClass, panelsClass, allowMultiple = false }) {
   const accordionContainer = document.querySelector(`#${accordionId}`);
@@ -182,4 +156,4 @@ function makeAccordionAccessible({ accordionId, triggersClass, panelsClass, allo
   };
 }
 
-export { makeAccordionAccessible, updateAccordionTriggerAriaAttributes };
+export { makeAccordionAccessible };

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

@@ -1,4 +1,4 @@
-import { a as AccessibilityInstance } from '../Types.d-BrHSyS03.cjs';
+import { A as AccessibilityInstance } from '../Types.d-COr5IFp5.cjs';
 
 /**
  * Adds keyboard interaction to block. The block traps focus and can be interacted with using the keyboard.

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

@@ -1,4 +1,4 @@
-import { a as AccessibilityInstance } from '../Types.d-BrHSyS03.js';
+import { A as AccessibilityInstance } from '../Types.d-COr5IFp5.js';
 
 /**
  * Adds keyboard interaction to block. The block traps focus and can be interacted with using the keyboard.

package/dist/src/checkbox/index.cjs

@@ -1,36 +1,5 @@
 'use strict';
 
-// src/checkbox/src/updateCheckboxAriaAttributes/updateCheckboxAriaAttributes.ts
-function updateCheckboxAriaAttributes(checkboxId, checkboxesClass, checkboxStates, currentPressedCheckboxIndex) {
-  const checkboxDiv = document.querySelector(`#${checkboxId}`);
-  if (!checkboxDiv) {
-    console.error(`[aria-ease] Invalid checkbox main div id provided. No checkbox div with id '${checkboxDiv} found.'`);
-    return;
-  }
-  const checkboxItems = Array.from(document.querySelectorAll(`.${checkboxesClass}`));
-  if (checkboxItems.length === 0) {
-    console.error(`[aria-ease] Element with class="${checkboxesClass}" not found. Make sure the checkbox items exist before calling updateCheckboxAriaAttributes.`);
-    return;
-  }
-  if (checkboxStates.length === 0) {
-    console.error(`[aria-ease] Checkbox states array is empty. Make sure the checkboxStates array is populated before calling updateCheckboxAriaAttributes.`);
-    return;
-  }
-  if (currentPressedCheckboxIndex < 0 || currentPressedCheckboxIndex >= checkboxStates.length) {
-    console.error(`[aria-ease] Checkbox index ${currentPressedCheckboxIndex} is out of bounds for states array of length ${checkboxStates.length}.`);
-    return;
-  }
-  checkboxItems.forEach((checkbox, index) => {
-    if (index === currentPressedCheckboxIndex) {
-      const checked = checkbox.getAttribute("aria-checked");
-      const shouldBeChecked = checkboxStates[index].checked ? "true" : "false";
-      if (checked && checked !== shouldBeChecked) {
-        checkbox.setAttribute("aria-checked", shouldBeChecked);
-      }
-    }
-  });
-}
-
 // src/checkbox/src/makeCheckboxAccessible/makeCheckboxAccessible.ts
 function makeCheckboxAccessible({ checkboxGroupId, checkboxesClass }) {
   const checkboxGroup = document.querySelector(`#${checkboxGroupId}`);
@@ -160,4 +129,3 @@ function makeCheckboxAccessible({ checkboxGroupId, checkboxesClass }) {
 }
 
 exports.makeCheckboxAccessible = makeCheckboxAccessible;
-exports.updateCheckboxAriaAttributes = updateCheckboxAriaAttributes;

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

@@ -1,14 +1,4 @@
-import { C as CheckboxStates, a as AccessibilityInstance } from '../Types.d-BrHSyS03.cjs';
-
-/**
- * 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.
- * @param {string} checkboxId The id of the checkbox parent container.
- * @param {string} checkboxesClass The shared class of all the checkboxes.
- * @param {CheckboxStates[]} checkboxStates Array of objects containing checkboxes state information.
- * @param {number} currentPressedCheckboxIndex Index of the currently checked or unchecked checkbox.
-*/
-
-declare function updateCheckboxAriaAttributes(checkboxId: string, checkboxesClass: string, checkboxStates: CheckboxStates[], currentPressedCheckboxIndex: number): void;
+import { A as AccessibilityInstance } from '../Types.d-COr5IFp5.cjs';
 
 /**
  * Makes a checkbox group accessible by managing ARIA attributes and keyboard navigation.
@@ -23,4 +13,4 @@ interface CheckboxConfig {
 }
 declare function makeCheckboxAccessible({ checkboxGroupId, checkboxesClass }: CheckboxConfig): AccessibilityInstance;
 
-export { makeCheckboxAccessible, updateCheckboxAriaAttributes };
+export { makeCheckboxAccessible };

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

@@ -1,14 +1,4 @@
-import { C as CheckboxStates, a as AccessibilityInstance } from '../Types.d-BrHSyS03.js';
-
-/**
- * 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.
- * @param {string} checkboxId The id of the checkbox parent container.
- * @param {string} checkboxesClass The shared class of all the checkboxes.
- * @param {CheckboxStates[]} checkboxStates Array of objects containing checkboxes state information.
- * @param {number} currentPressedCheckboxIndex Index of the currently checked or unchecked checkbox.
-*/
-
-declare function updateCheckboxAriaAttributes(checkboxId: string, checkboxesClass: string, checkboxStates: CheckboxStates[], currentPressedCheckboxIndex: number): void;
+import { A as AccessibilityInstance } from '../Types.d-COr5IFp5.js';
 
 /**
  * Makes a checkbox group accessible by managing ARIA attributes and keyboard navigation.
@@ -23,4 +13,4 @@ interface CheckboxConfig {
 }
 declare function makeCheckboxAccessible({ checkboxGroupId, checkboxesClass }: CheckboxConfig): AccessibilityInstance;
 
-export { makeCheckboxAccessible, updateCheckboxAriaAttributes };
+export { makeCheckboxAccessible };

package/dist/src/checkbox/index.js

@@ -1,34 +1,3 @@
-// src/checkbox/src/updateCheckboxAriaAttributes/updateCheckboxAriaAttributes.ts
-function updateCheckboxAriaAttributes(checkboxId, checkboxesClass, checkboxStates, currentPressedCheckboxIndex) {
-  const checkboxDiv = document.querySelector(`#${checkboxId}`);
-  if (!checkboxDiv) {
-    console.error(`[aria-ease] Invalid checkbox main div id provided. No checkbox div with id '${checkboxDiv} found.'`);
-    return;
-  }
-  const checkboxItems = Array.from(document.querySelectorAll(`.${checkboxesClass}`));
-  if (checkboxItems.length === 0) {
-    console.error(`[aria-ease] Element with class="${checkboxesClass}" not found. Make sure the checkbox items exist before calling updateCheckboxAriaAttributes.`);
-    return;
-  }
-  if (checkboxStates.length === 0) {
-    console.error(`[aria-ease] Checkbox states array is empty. Make sure the checkboxStates array is populated before calling updateCheckboxAriaAttributes.`);
-    return;
-  }
-  if (currentPressedCheckboxIndex < 0 || currentPressedCheckboxIndex >= checkboxStates.length) {
-    console.error(`[aria-ease] Checkbox index ${currentPressedCheckboxIndex} is out of bounds for states array of length ${checkboxStates.length}.`);
-    return;
-  }
-  checkboxItems.forEach((checkbox, index) => {
-    if (index === currentPressedCheckboxIndex) {
-      const checked = checkbox.getAttribute("aria-checked");
-      const shouldBeChecked = checkboxStates[index].checked ? "true" : "false";
-      if (checked && checked !== shouldBeChecked) {
-        checkbox.setAttribute("aria-checked", shouldBeChecked);
-      }
-    }
-  });
-}
-
 // src/checkbox/src/makeCheckboxAccessible/makeCheckboxAccessible.ts
 function makeCheckboxAccessible({ checkboxGroupId, checkboxesClass }) {
   const checkboxGroup = document.querySelector(`#${checkboxGroupId}`);
@@ -157,4 +126,4 @@ function makeCheckboxAccessible({ checkboxGroupId, checkboxesClass }) {
   };
 }
 
-export { makeCheckboxAccessible, updateCheckboxAriaAttributes };
+export { makeCheckboxAccessible };

package/dist/src/combobox/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-// src/combobox/src/makeComboBoxAccessible.ts
+// src/combobox/src/makeComboBoxAccessible/makeComboBoxAccessible.ts
 function makeComboboxAccessible({ comboboxInputId, comboboxButtonId, listBoxId, listBoxItemsClass, config }) {
   const comboboxInput = document.getElementById(`${comboboxInputId}`);
   if (!comboboxInput) {

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

@@ -1,4 +1,4 @@
-import { b as ComboboxConfig, a as AccessibilityInstance } from '../Types.d-BrHSyS03.cjs';
+import { C as ComboboxConfig, A as AccessibilityInstance } from '../Types.d-COr5IFp5.cjs';
 
 /**
  * Makes a Combobox accessible by adding appropriate ARIA attributes, keyboard interactions and focus management.

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

@@ -1,4 +1,4 @@
-import { b as ComboboxConfig, a as AccessibilityInstance } from '../Types.d-BrHSyS03.js';
+import { C as ComboboxConfig, A as AccessibilityInstance } from '../Types.d-COr5IFp5.js';
 
 /**
  * Makes a Combobox accessible by adding appropriate ARIA attributes, keyboard interactions and focus management.

package/dist/src/combobox/index.js

@@ -1,4 +1,4 @@
-// src/combobox/src/makeComboBoxAccessible.ts
+// src/combobox/src/makeComboBoxAccessible/makeComboBoxAccessible.ts
 function makeComboboxAccessible({ comboboxInputId, comboboxButtonId, listBoxId, listBoxItemsClass, config }) {
   const comboboxInput = document.getElementById(`${comboboxInputId}`);
   if (!comboboxInput) {

package/dist/src/menu/index.cjs

@@ -265,8 +265,8 @@ function makeMenuAccessible({ menuId, menuItemsClass, triggerId }) {
     });
   }
   function openMenu() {
-    menuDiv.style.display = "block";
     setAria(true);
+    menuDiv.style.display = "block";
     const items = getFilteredItems();
     addListeners();
     if (items && items.length > 0) {
@@ -274,9 +274,9 @@ function makeMenuAccessible({ menuId, menuItemsClass, triggerId }) {
     }
   }
   function closeMenu() {
-    removeListeners();
-    menuDiv.style.display = "none";
     setAria(false);
+    menuDiv.style.display = "none";
+    removeListeners();
     triggerButton.focus();
   }
   function intializeMenuItems() {
@@ -286,19 +286,8 @@ function makeMenuAccessible({ menuId, menuItemsClass, triggerId }) {
     });
   }
   intializeMenuItems();
-  function handleTriggerKeydown(event) {
-    if (event.key === "Enter" || event.key === " ") {
-      event.preventDefault();
-      const isOpen = menuDiv.style.display !== "none";
-      if (isOpen) {
-        closeMenu();
-      } else {
-        openMenu();
-      }
-    }
-  }
   function handleTriggerClick() {
-    const isOpen = menuDiv.style.display !== "none";
+    const isOpen = triggerButton.getAttribute("aria-expanded") === "true";
     if (isOpen) {
       closeMenu();
     } else {
@@ -306,17 +295,19 @@ function makeMenuAccessible({ menuId, menuItemsClass, triggerId }) {
     }
   }
   function handleClickOutside(event) {
-    if (menuDiv && triggerButton && !menuDiv.contains(event.target) && !triggerButton.contains(event.target) && getComputedStyle(menuDiv).display !== "none" && triggerButton.getAttribute("aria-expanded") === "true") {
+    const isMenuOpen = triggerButton.getAttribute("aria-expanded") === "true";
+    if (!isMenuOpen) return;
+    const clickedTrigger = triggerButton.contains(event.target);
+    const clickedMenu = menuDiv.contains(event.target);
+    if (!clickedTrigger && !clickedMenu) {
       closeMenu();
     }
   }
-  triggerButton.addEventListener("keydown", handleTriggerKeydown);
   triggerButton.addEventListener("click", handleTriggerClick);
   document.addEventListener("click", handleClickOutside);
   triggerButton.setAttribute("data-menu-initialized", "true");
   function cleanup() {
     removeListeners();
-    triggerButton.removeEventListener("keydown", handleTriggerKeydown);
     triggerButton.removeEventListener("click", handleTriggerClick);
     document.removeEventListener("click", handleClickOutside);
     menuDiv.style.display = "none";

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

@@ -1,4 +1,4 @@
-import { a as AccessibilityInstance } from '../Types.d-BrHSyS03.cjs';
+import { A as AccessibilityInstance } from '../Types.d-COr5IFp5.cjs';
 
 /**
   * Adds keyboard interaction to toggle menu. The menu traps focus and can be interacted with using the keyboard. The first interactive item of the menu has focus when menu open.

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

@@ -1,4 +1,4 @@
-import { a as AccessibilityInstance } from '../Types.d-BrHSyS03.js';
+import { A as AccessibilityInstance } from '../Types.d-COr5IFp5.js';
 
 /**
   * Adds keyboard interaction to toggle menu. The menu traps focus and can be interacted with using the keyboard. The first interactive item of the menu has focus when menu open.