aria-ease 3.0.2 → 4.0.0

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

@@ -19,6 +19,23 @@ interface AccessibilityInstance {
   refresh?: () => void;
   openMenu?: () => void;
   closeMenu?: () => void;
+  // Accordion methods
+  expandItem?: (index: number) => void;
+  collapseItem?: (index: number) => void;
+  toggleItem?: (index: number) => void;
+  // Radio methods
+  selectRadio?: (index: number) => void;
+  getSelectedIndex?: () => number;
+  // Checkbox methods
+  toggleCheckbox?: (index: number) => void;
+  setCheckboxState?: (index: number, checked: boolean) => void;
+  getCheckedStates?: () => boolean[];
+  getCheckedIndices?: () => number[];
+  // Toggle methods
+  toggleButton?: (index: number) => void;
+  setPressed?: (index: number, pressed: boolean) => void;
+  getPressedStates?: () => boolean[];
+  getPressedIndices?: () => number[];
 }
 
 interface ComboboxConfig {

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

@@ -19,6 +19,23 @@ interface AccessibilityInstance {
   refresh?: () => void;
   openMenu?: () => void;
   closeMenu?: () => void;
+  // Accordion methods
+  expandItem?: (index: number) => void;
+  collapseItem?: (index: number) => void;
+  toggleItem?: (index: number) => void;
+  // Radio methods
+  selectRadio?: (index: number) => void;
+  getSelectedIndex?: () => number;
+  // Checkbox methods
+  toggleCheckbox?: (index: number) => void;
+  setCheckboxState?: (index: number, checked: boolean) => void;
+  getCheckedStates?: () => boolean[];
+  getCheckedIndices?: () => number[];
+  // Toggle methods
+  toggleButton?: (index: number) => void;
+  setPressed?: (index: number, pressed: boolean) => void;
+  getPressedStates?: () => boolean[];
+  getPressedIndices?: () => number[];
 }
 
 interface ComboboxConfig {

package/dist/src/accordion/index.cjs

@@ -26,4 +26,163 @@ function updateAccordionTriggerAriaAttributes(accordionId, accordionTriggersClas
   });
 }
 
+// src/accordion/src/makeAccordionAccessible/makeAccordionAccessible.ts
+function makeAccordionAccessible({ accordionId, triggersClass, panelsClass, allowMultiple = false }) {
+  const accordionContainer = document.querySelector(`#${accordionId}`);
+  if (!accordionContainer) {
+    console.error(`[aria-ease] Element with id="${accordionId}" not found. Make sure the accordion container exists before calling makeAccordionAccessible.`);
+    return { cleanup: () => {
+    } };
+  }
+  const triggers = Array.from(accordionContainer.querySelectorAll(`.${triggersClass}`));
+  if (triggers.length === 0) {
+    console.error(`[aria-ease] No elements with class="${triggersClass}" found. Make sure accordion triggers exist before calling makeAccordionAccessible.`);
+    return { cleanup: () => {
+    } };
+  }
+  const panels = Array.from(accordionContainer.querySelectorAll(`.${panelsClass}`));
+  if (panels.length === 0) {
+    console.error(`[aria-ease] No elements with class="${panelsClass}" found. Make sure accordion panels exist before calling makeAccordionAccessible.`);
+    return { cleanup: () => {
+    } };
+  }
+  if (triggers.length !== panels.length) {
+    console.error(`[aria-ease] Accordion trigger/panel mismatch: found ${triggers.length} triggers but ${panels.length} panels.`);
+    return { cleanup: () => {
+    } };
+  }
+  const handlerMap = /* @__PURE__ */ new WeakMap();
+  const clickHandlerMap = /* @__PURE__ */ new WeakMap();
+  function initialize() {
+    triggers.forEach((trigger, index) => {
+      const panel = panels[index];
+      if (!trigger.id) {
+        trigger.id = `${accordionId}-trigger-${index}`;
+      }
+      if (!panel.id) {
+        panel.id = `${accordionId}-panel-${index}`;
+      }
+      trigger.setAttribute("aria-controls", panel.id);
+      trigger.setAttribute("aria-expanded", "false");
+      panel.setAttribute("role", "region");
+      panel.setAttribute("aria-labelledby", trigger.id);
+      panel.style.display = "none";
+    });
+  }
+  function expandItem(index) {
+    if (index < 0 || index >= triggers.length) {
+      console.error(`[aria-ease] Invalid accordion index: ${index}`);
+      return;
+    }
+    const trigger = triggers[index];
+    const panel = panels[index];
+    trigger.setAttribute("aria-expanded", "true");
+    panel.style.display = "block";
+  }
+  function collapseItem(index) {
+    if (index < 0 || index >= triggers.length) {
+      console.error(`[aria-ease] Invalid accordion index: ${index}`);
+      return;
+    }
+    const trigger = triggers[index];
+    const panel = panels[index];
+    trigger.setAttribute("aria-expanded", "false");
+    panel.style.display = "none";
+  }
+  function toggleItem(index) {
+    const trigger = triggers[index];
+    const isExpanded = trigger.getAttribute("aria-expanded") === "true";
+    if (isExpanded) {
+      collapseItem(index);
+    } else {
+      if (!allowMultiple) {
+        triggers.forEach((_, i) => {
+          if (i !== index) {
+            collapseItem(i);
+          }
+        });
+      }
+      expandItem(index);
+    }
+  }
+  function handleTriggerClick(index) {
+    return () => {
+      toggleItem(index);
+    };
+  }
+  function handleTriggerKeydown(index) {
+    return (event) => {
+      const { key } = event;
+      switch (key) {
+        case "Enter":
+        case " ":
+          event.preventDefault();
+          toggleItem(index);
+          break;
+        case "ArrowDown":
+          event.preventDefault();
+          {
+            const nextIndex = (index + 1) % triggers.length;
+            triggers[nextIndex].focus();
+          }
+          break;
+        case "ArrowUp":
+          event.preventDefault();
+          {
+            const prevIndex = (index - 1 + triggers.length) % triggers.length;
+            triggers[prevIndex].focus();
+          }
+          break;
+        case "Home":
+          event.preventDefault();
+          triggers[0].focus();
+          break;
+        case "End":
+          event.preventDefault();
+          triggers[triggers.length - 1].focus();
+          break;
+      }
+    };
+  }
+  function addListeners() {
+    triggers.forEach((trigger, index) => {
+      const clickHandler = handleTriggerClick(index);
+      const keydownHandler = handleTriggerKeydown(index);
+      trigger.addEventListener("click", clickHandler);
+      trigger.addEventListener("keydown", keydownHandler);
+      handlerMap.set(trigger, keydownHandler);
+      clickHandlerMap.set(trigger, clickHandler);
+    });
+  }
+  function removeListeners() {
+    triggers.forEach((trigger) => {
+      const keydownHandler = handlerMap.get(trigger);
+      const clickHandler = clickHandlerMap.get(trigger);
+      if (keydownHandler) {
+        trigger.removeEventListener("keydown", keydownHandler);
+        handlerMap.delete(trigger);
+      }
+      if (clickHandler) {
+        trigger.removeEventListener("click", clickHandler);
+        clickHandlerMap.delete(trigger);
+      }
+    });
+  }
+  function cleanup() {
+    removeListeners();
+    triggers.forEach((_, index) => {
+      collapseItem(index);
+    });
+  }
+  initialize();
+  addListeners();
+  return {
+    expandItem,
+    collapseItem,
+    toggleItem,
+    cleanup
+  };
+}
+
+exports.makeAccordionAccessible = makeAccordionAccessible;
 exports.updateAccordionTriggerAriaAttributes = updateAccordionTriggerAriaAttributes;

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

@@ -1,4 +1,4 @@
-import { A as AccordionStates } from '../Types.d-uG0Hm1yK.cjs';
+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).
@@ -10,4 +10,21 @@ import { A as AccordionStates } from '../Types.d-uG0Hm1yK.cjs';
 
 declare function updateAccordionTriggerAriaAttributes(accordionId: string, accordionTriggersClass: string, accordionStates: AccordionStates[], clickedTriggerIndex: number): void;
 
-export { updateAccordionTriggerAriaAttributes };
+/**
+ * Makes an accordion accessible by managing ARIA attributes, keyboard navigation, and state.
+ * Handles multiple accordion items with proper focus management and keyboard interactions.
+ * @param {string} accordionId - The id of the accordion container.
+ * @param {string} triggersClass - The shared class of all accordion trigger buttons.
+ * @param {string} panelsClass - The shared class of all accordion panels.
+ * @param {boolean} allowMultiple - Whether multiple panels can be open simultaneously (default: false).
+ */
+
+interface AccordionConfig {
+    accordionId: string;
+    triggersClass: string;
+    panelsClass: string;
+    allowMultiple?: boolean;
+}
+declare function makeAccordionAccessible({ accordionId, triggersClass, panelsClass, allowMultiple }: AccordionConfig): AccessibilityInstance;
+
+export { makeAccordionAccessible, updateAccordionTriggerAriaAttributes };

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

@@ -1,4 +1,4 @@
-import { A as AccordionStates } from '../Types.d-uG0Hm1yK.js';
+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).
@@ -10,4 +10,21 @@ import { A as AccordionStates } from '../Types.d-uG0Hm1yK.js';
 
 declare function updateAccordionTriggerAriaAttributes(accordionId: string, accordionTriggersClass: string, accordionStates: AccordionStates[], clickedTriggerIndex: number): void;
 
-export { updateAccordionTriggerAriaAttributes };
+/**
+ * Makes an accordion accessible by managing ARIA attributes, keyboard navigation, and state.
+ * Handles multiple accordion items with proper focus management and keyboard interactions.
+ * @param {string} accordionId - The id of the accordion container.
+ * @param {string} triggersClass - The shared class of all accordion trigger buttons.
+ * @param {string} panelsClass - The shared class of all accordion panels.
+ * @param {boolean} allowMultiple - Whether multiple panels can be open simultaneously (default: false).
+ */
+
+interface AccordionConfig {
+    accordionId: string;
+    triggersClass: string;
+    panelsClass: string;
+    allowMultiple?: boolean;
+}
+declare function makeAccordionAccessible({ accordionId, triggersClass, panelsClass, allowMultiple }: AccordionConfig): AccessibilityInstance;
+
+export { makeAccordionAccessible, updateAccordionTriggerAriaAttributes };

package/dist/src/accordion/index.js

@@ -24,4 +24,162 @@ function updateAccordionTriggerAriaAttributes(accordionId, accordionTriggersClas
   });
 }
 
-export { updateAccordionTriggerAriaAttributes };
+// src/accordion/src/makeAccordionAccessible/makeAccordionAccessible.ts
+function makeAccordionAccessible({ accordionId, triggersClass, panelsClass, allowMultiple = false }) {
+  const accordionContainer = document.querySelector(`#${accordionId}`);
+  if (!accordionContainer) {
+    console.error(`[aria-ease] Element with id="${accordionId}" not found. Make sure the accordion container exists before calling makeAccordionAccessible.`);
+    return { cleanup: () => {
+    } };
+  }
+  const triggers = Array.from(accordionContainer.querySelectorAll(`.${triggersClass}`));
+  if (triggers.length === 0) {
+    console.error(`[aria-ease] No elements with class="${triggersClass}" found. Make sure accordion triggers exist before calling makeAccordionAccessible.`);
+    return { cleanup: () => {
+    } };
+  }
+  const panels = Array.from(accordionContainer.querySelectorAll(`.${panelsClass}`));
+  if (panels.length === 0) {
+    console.error(`[aria-ease] No elements with class="${panelsClass}" found. Make sure accordion panels exist before calling makeAccordionAccessible.`);
+    return { cleanup: () => {
+    } };
+  }
+  if (triggers.length !== panels.length) {
+    console.error(`[aria-ease] Accordion trigger/panel mismatch: found ${triggers.length} triggers but ${panels.length} panels.`);
+    return { cleanup: () => {
+    } };
+  }
+  const handlerMap = /* @__PURE__ */ new WeakMap();
+  const clickHandlerMap = /* @__PURE__ */ new WeakMap();
+  function initialize() {
+    triggers.forEach((trigger, index) => {
+      const panel = panels[index];
+      if (!trigger.id) {
+        trigger.id = `${accordionId}-trigger-${index}`;
+      }
+      if (!panel.id) {
+        panel.id = `${accordionId}-panel-${index}`;
+      }
+      trigger.setAttribute("aria-controls", panel.id);
+      trigger.setAttribute("aria-expanded", "false");
+      panel.setAttribute("role", "region");
+      panel.setAttribute("aria-labelledby", trigger.id);
+      panel.style.display = "none";
+    });
+  }
+  function expandItem(index) {
+    if (index < 0 || index >= triggers.length) {
+      console.error(`[aria-ease] Invalid accordion index: ${index}`);
+      return;
+    }
+    const trigger = triggers[index];
+    const panel = panels[index];
+    trigger.setAttribute("aria-expanded", "true");
+    panel.style.display = "block";
+  }
+  function collapseItem(index) {
+    if (index < 0 || index >= triggers.length) {
+      console.error(`[aria-ease] Invalid accordion index: ${index}`);
+      return;
+    }
+    const trigger = triggers[index];
+    const panel = panels[index];
+    trigger.setAttribute("aria-expanded", "false");
+    panel.style.display = "none";
+  }
+  function toggleItem(index) {
+    const trigger = triggers[index];
+    const isExpanded = trigger.getAttribute("aria-expanded") === "true";
+    if (isExpanded) {
+      collapseItem(index);
+    } else {
+      if (!allowMultiple) {
+        triggers.forEach((_, i) => {
+          if (i !== index) {
+            collapseItem(i);
+          }
+        });
+      }
+      expandItem(index);
+    }
+  }
+  function handleTriggerClick(index) {
+    return () => {
+      toggleItem(index);
+    };
+  }
+  function handleTriggerKeydown(index) {
+    return (event) => {
+      const { key } = event;
+      switch (key) {
+        case "Enter":
+        case " ":
+          event.preventDefault();
+          toggleItem(index);
+          break;
+        case "ArrowDown":
+          event.preventDefault();
+          {
+            const nextIndex = (index + 1) % triggers.length;
+            triggers[nextIndex].focus();
+          }
+          break;
+        case "ArrowUp":
+          event.preventDefault();
+          {
+            const prevIndex = (index - 1 + triggers.length) % triggers.length;
+            triggers[prevIndex].focus();
+          }
+          break;
+        case "Home":
+          event.preventDefault();
+          triggers[0].focus();
+          break;
+        case "End":
+          event.preventDefault();
+          triggers[triggers.length - 1].focus();
+          break;
+      }
+    };
+  }
+  function addListeners() {
+    triggers.forEach((trigger, index) => {
+      const clickHandler = handleTriggerClick(index);
+      const keydownHandler = handleTriggerKeydown(index);
+      trigger.addEventListener("click", clickHandler);
+      trigger.addEventListener("keydown", keydownHandler);
+      handlerMap.set(trigger, keydownHandler);
+      clickHandlerMap.set(trigger, clickHandler);
+    });
+  }
+  function removeListeners() {
+    triggers.forEach((trigger) => {
+      const keydownHandler = handlerMap.get(trigger);
+      const clickHandler = clickHandlerMap.get(trigger);
+      if (keydownHandler) {
+        trigger.removeEventListener("keydown", keydownHandler);
+        handlerMap.delete(trigger);
+      }
+      if (clickHandler) {
+        trigger.removeEventListener("click", clickHandler);
+        clickHandlerMap.delete(trigger);
+      }
+    });
+  }
+  function cleanup() {
+    removeListeners();
+    triggers.forEach((_, index) => {
+      collapseItem(index);
+    });
+  }
+  initialize();
+  addListeners();
+  return {
+    expandItem,
+    collapseItem,
+    toggleItem,
+    cleanup
+  };
+}
+
+export { makeAccordionAccessible, updateAccordionTriggerAriaAttributes };

package/dist/src/block/index.cjs

@@ -79,7 +79,7 @@ function handleKeyPress(event, elementItems, elementItemIndex, menuElementDiv, t
 }
 
 // src/block/src/makeBlockAccessible/makeBlockAccessible.ts
-function makeBlockAccessible(blockId, blockItemsClass) {
+function makeBlockAccessible({ blockId, blockItemsClass }) {
   const blockDiv = document.querySelector(`#${blockId}`);
   if (!blockDiv) {
     console.error(`[aria-ease] Element with id="${blockId}" not found. Make sure the block element exists before calling makeBlockAccessible.`);

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

@@ -1,4 +1,4 @@
-import { a as AccessibilityInstance } from '../Types.d-uG0Hm1yK.cjs';
+import { a as AccessibilityInstance } from '../Types.d-BrHSyS03.cjs';
 
 /**
  * Adds keyboard interaction to block. The block traps focus and can be interacted with using the keyboard.
@@ -6,6 +6,10 @@ import { a as AccessibilityInstance } from '../Types.d-uG0Hm1yK.cjs';
  * @param {string} blockItemsClass The shared class of the elements that are children of the block.
 */
 
-declare function makeBlockAccessible(blockId: string, blockItemsClass: string): AccessibilityInstance;
+interface BlockConfig {
+    blockId: string;
+    blockItemsClass: string;
+}
+declare function makeBlockAccessible({ blockId, blockItemsClass }: BlockConfig): AccessibilityInstance;
 
 export { makeBlockAccessible };

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

@@ -1,4 +1,4 @@
-import { a as AccessibilityInstance } from '../Types.d-uG0Hm1yK.js';
+import { a as AccessibilityInstance } from '../Types.d-BrHSyS03.js';
 
 /**
  * Adds keyboard interaction to block. The block traps focus and can be interacted with using the keyboard.
@@ -6,6 +6,10 @@ import { a as AccessibilityInstance } from '../Types.d-uG0Hm1yK.js';
  * @param {string} blockItemsClass The shared class of the elements that are children of the block.
 */
 
-declare function makeBlockAccessible(blockId: string, blockItemsClass: string): AccessibilityInstance;
+interface BlockConfig {
+    blockId: string;
+    blockItemsClass: string;
+}
+declare function makeBlockAccessible({ blockId, blockItemsClass }: BlockConfig): AccessibilityInstance;
 
 export { makeBlockAccessible };

package/dist/src/block/index.js

@@ -1,7 +1,7 @@
 import { handleKeyPress } from '../chunk-TBJ6MIC7.js';
 
 // src/block/src/makeBlockAccessible/makeBlockAccessible.ts
-function makeBlockAccessible(blockId, blockItemsClass) {
+function makeBlockAccessible({ blockId, blockItemsClass }) {
   const blockDiv = document.querySelector(`#${blockId}`);
   if (!blockDiv) {
     console.error(`[aria-ease] Element with id="${blockId}" not found. Make sure the block element exists before calling makeBlockAccessible.`);

package/dist/src/checkbox/index.cjs

@@ -31,4 +31,133 @@ function updateCheckboxAriaAttributes(checkboxId, checkboxesClass, checkboxState
   });
 }
 
+// src/checkbox/src/makeCheckboxAccessible/makeCheckboxAccessible.ts
+function makeCheckboxAccessible({ checkboxGroupId, checkboxesClass }) {
+  const checkboxGroup = document.querySelector(`#${checkboxGroupId}`);
+  if (!checkboxGroup) {
+    console.error(`[aria-ease] Element with id="${checkboxGroupId}" not found. Make sure the checkbox group container exists before calling makeCheckboxAccessible.`);
+    return { cleanup: () => {
+    } };
+  }
+  const checkboxes = Array.from(checkboxGroup.querySelectorAll(`.${checkboxesClass}`));
+  if (checkboxes.length === 0) {
+    console.error(`[aria-ease] No elements with class="${checkboxesClass}" found. Make sure checkboxes exist before calling makeCheckboxAccessible.`);
+    return { cleanup: () => {
+    } };
+  }
+  const handlerMap = /* @__PURE__ */ new WeakMap();
+  const clickHandlerMap = /* @__PURE__ */ new WeakMap();
+  function initialize() {
+    if (!checkboxGroup.getAttribute("role")) {
+      checkboxGroup.setAttribute("role", "group");
+    }
+    checkboxes.forEach((checkbox) => {
+      checkbox.setAttribute("role", "checkbox");
+      if (!checkbox.hasAttribute("aria-checked")) {
+        checkbox.setAttribute("aria-checked", "false");
+      }
+      if (!checkbox.hasAttribute("tabindex")) {
+        checkbox.setAttribute("tabindex", "0");
+      }
+    });
+  }
+  function toggleCheckbox(index) {
+    if (index < 0 || index >= checkboxes.length) {
+      console.error(`[aria-ease] Invalid checkbox index: ${index}`);
+      return;
+    }
+    const checkbox = checkboxes[index];
+    const isChecked = checkbox.getAttribute("aria-checked") === "true";
+    checkbox.setAttribute("aria-checked", isChecked ? "false" : "true");
+  }
+  function setCheckboxState(index, checked) {
+    if (index < 0 || index >= checkboxes.length) {
+      console.error(`[aria-ease] Invalid checkbox index: ${index}`);
+      return;
+    }
+    checkboxes[index].setAttribute("aria-checked", checked ? "true" : "false");
+  }
+  function handleCheckboxClick(index) {
+    return () => {
+      toggleCheckbox(index);
+    };
+  }
+  function handleCheckboxKeydown(index) {
+    return (event) => {
+      const { key } = event;
+      switch (key) {
+        case " ":
+          event.preventDefault();
+          toggleCheckbox(index);
+          break;
+        case "ArrowDown":
+          event.preventDefault();
+          {
+            const nextIndex = (index + 1) % checkboxes.length;
+            checkboxes[nextIndex].focus();
+          }
+          break;
+        case "ArrowUp":
+          event.preventDefault();
+          {
+            const prevIndex = (index - 1 + checkboxes.length) % checkboxes.length;
+            checkboxes[prevIndex].focus();
+          }
+          break;
+        case "Home":
+          event.preventDefault();
+          checkboxes[0].focus();
+          break;
+        case "End":
+          event.preventDefault();
+          checkboxes[checkboxes.length - 1].focus();
+          break;
+      }
+    };
+  }
+  function addListeners() {
+    checkboxes.forEach((checkbox, index) => {
+      const clickHandler = handleCheckboxClick(index);
+      const keydownHandler = handleCheckboxKeydown(index);
+      checkbox.addEventListener("click", clickHandler);
+      checkbox.addEventListener("keydown", keydownHandler);
+      handlerMap.set(checkbox, keydownHandler);
+      clickHandlerMap.set(checkbox, clickHandler);
+    });
+  }
+  function removeListeners() {
+    checkboxes.forEach((checkbox) => {
+      const keydownHandler = handlerMap.get(checkbox);
+      const clickHandler = clickHandlerMap.get(checkbox);
+      if (keydownHandler) {
+        checkbox.removeEventListener("keydown", keydownHandler);
+        handlerMap.delete(checkbox);
+      }
+      if (clickHandler) {
+        checkbox.removeEventListener("click", clickHandler);
+        clickHandlerMap.delete(checkbox);
+      }
+    });
+  }
+  function cleanup() {
+    removeListeners();
+  }
+  function getCheckedStates() {
+    return checkboxes.map((checkbox) => checkbox.getAttribute("aria-checked") === "true");
+  }
+  function getCheckedIndices() {
+    return checkboxes.map((checkbox, index) => checkbox.getAttribute("aria-checked") === "true" ? index : -1).filter((index) => index !== -1);
+  }
+  initialize();
+  addListeners();
+  return {
+    toggleCheckbox,
+    setCheckboxState,
+    getCheckedStates,
+    getCheckedIndices,
+    cleanup
+  };
+}
+
+exports.makeCheckboxAccessible = makeCheckboxAccessible;
 exports.updateCheckboxAriaAttributes = updateCheckboxAriaAttributes;

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

@@ -1,4 +1,4 @@
-import { C as CheckboxStates } from '../Types.d-uG0Hm1yK.cjs';
+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.
@@ -10,4 +10,17 @@ import { C as CheckboxStates } from '../Types.d-uG0Hm1yK.cjs';
 
 declare function updateCheckboxAriaAttributes(checkboxId: string, checkboxesClass: string, checkboxStates: CheckboxStates[], currentPressedCheckboxIndex: number): void;
 
-export { updateCheckboxAriaAttributes };
+/**
+ * Makes a checkbox group accessible by managing ARIA attributes and keyboard navigation.
+ * Handles multiple independent checkboxes with proper focus management and keyboard interactions.
+ * @param {string} checkboxGroupId - The id of the checkbox group container.
+ * @param {string} checkboxesClass - The shared class of all checkboxes.
+ */
+
+interface CheckboxConfig {
+    checkboxGroupId: string;
+    checkboxesClass: string;
+}
+declare function makeCheckboxAccessible({ checkboxGroupId, checkboxesClass }: CheckboxConfig): AccessibilityInstance;
+
+export { makeCheckboxAccessible, updateCheckboxAriaAttributes };

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

@@ -1,4 +1,4 @@
-import { C as CheckboxStates } from '../Types.d-uG0Hm1yK.js';
+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.
@@ -10,4 +10,17 @@ import { C as CheckboxStates } from '../Types.d-uG0Hm1yK.js';
 
 declare function updateCheckboxAriaAttributes(checkboxId: string, checkboxesClass: string, checkboxStates: CheckboxStates[], currentPressedCheckboxIndex: number): void;
 
-export { updateCheckboxAriaAttributes };
+/**
+ * Makes a checkbox group accessible by managing ARIA attributes and keyboard navigation.
+ * Handles multiple independent checkboxes with proper focus management and keyboard interactions.
+ * @param {string} checkboxGroupId - The id of the checkbox group container.
+ * @param {string} checkboxesClass - The shared class of all checkboxes.
+ */
+
+interface CheckboxConfig {
+    checkboxGroupId: string;
+    checkboxesClass: string;
+}
+declare function makeCheckboxAccessible({ checkboxGroupId, checkboxesClass }: CheckboxConfig): AccessibilityInstance;
+
+export { makeCheckboxAccessible, updateCheckboxAriaAttributes };