aria-ease 5.0.1 → 5.0.3

package/README.md

@@ -175,7 +175,7 @@ useEffect(() => {
     accordionId: "accordion-container",
     triggersClass: "accordion-trigger",
     panelsClass: "accordion-panel",
-    allowMultiple: false, // Only one panel open at a time (default)
+    allowMultipleOpen: false, // Only one panel open at a time (default)
   });
 
   return () => accordion.cleanup();
@@ -214,7 +214,7 @@ makeAccordionAccessible({
   accordionId: "faq-div",
   triggersClass: "dropdown-button",
   panelsClass: "accordion-panel",
-  allowMultiple: false, // Only one panel open at a time
+  allowMultipleOpen: false, // Only one panel open at a time
 });
 ```
 

package/bin/{audit-6A7OW5NJ.js → audit-5JJ3XK46.js}

@@ -1,4 +1,4 @@
-import "./chunk-2P3A4VVY.js";
+import "./chunk-I2KLQ2HA.js";
 
 // src/utils/audit/src/audit/audit.ts
 import AxeBuilder from "@axe-core/playwright";

package/bin/{chunk-2P3A4VVY.js → chunk-I2KLQ2HA.js}

@@ -1,12 +1,7 @@
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __commonJS = (cb, mod) => function __require() {
-  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
-};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -20,18 +15,8 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
 
 export {
-  __commonJS,
   __export,
-  __reExport,
-  __toESM
+  __reExport
 };

package/bin/{chunk-5Z7PR3VC.js → chunk-TUWQNVQJ.js}

@@ -7,6 +7,10 @@ var contract_default = {
   combobox: {
     path: "./contracts/ComboboxContract.json",
     component: "combobox"
+  },
+  accordion: {
+    path: "./contracts/AccordionContract.json",
+    component: "accordion"
   }
 };
 
@@ -19,17 +23,22 @@ var ContractReporter = class {
   dynamicResults = [];
   totalTests = 0;
   skipped = 0;
+  optionalSuggestions = 0;
   isPlaywright = false;
+  apgUrl = "https://www.w3.org/WAI/ARIA/apg/";
   constructor(isPlaywright = false) {
     this.isPlaywright = isPlaywright;
   }
   log(message) {
     process.stderr.write(message + "\n");
   }
-  start(componentName, totalTests) {
+  start(componentName, totalTests, apgUrl) {
     this.startTime = Date.now();
     this.componentName = componentName;
     this.totalTests = totalTests;
+    if (apgUrl) {
+      this.apgUrl = apgUrl;
+    }
     const mode = this.isPlaywright ? "Playwright (Real Browser)" : "jsdom (Fast)";
     this.log(`
 ${"\u2550".repeat(60)}`);
@@ -42,10 +51,21 @@ ${"\u2550".repeat(60)}`);
     this.staticFailures = failures;
     const icon = failures === 0 ? "\u2705" : "\u274C";
     const status = failures === 0 ? "PASS" : "FAIL";
+    this.log("");
     this.log(`${icon} Static ARIA Tests: ${status}`);
     this.log(`   ${passes}/${passes + failures} required attributes present
 `);
   }
+  /**
+   * Report individual static test pass
+   */
+  reportStaticTest(description, passed, failureMessage) {
+    const icon = passed ? "\u2713" : "\u2717";
+    this.log(`  ${icon} ${description}`);
+    if (!passed && failureMessage) {
+      this.log(`     \u21B3 ${failureMessage}`);
+    }
+  }
   /**
    * Report individual dynamic test result
    */
@@ -53,20 +73,25 @@ ${"\u2550".repeat(60)}`);
     const result = {
       description: test.description,
       status,
-      failureMessage
+      failureMessage,
+      isOptional: test.isOptional
     };
     if (status === "skip" && test.requiresBrowser) {
       result.skipReason = "Requires real browser (addEventListener events)";
     }
     this.dynamicResults.push(result);
-    const icons = { pass: "\u2713", fail: "\u2717", skip: "\u25CB" };
-    this.log(`  ${icons[status]} ${test.description}`);
+    const icons = { pass: "\u2713", fail: "\u2717", skip: "\u25CB", "optional-fail": "\u25CB" };
+    const prefix = test.isOptional ? "[OPTIONAL] " : "";
+    this.log(`  ${icons[status]} ${prefix}${test.description}`);
     if (status === "skip" && !this.isPlaywright) {
       this.log(`     \u21B3 Skipped in jsdom (runs in Playwright)`);
     }
-    if (status === "fail" && failureMessage) {
+    if (status === "fail" && failureMessage && !test.isOptional) {
       this.log(`     \u21B3 ${failureMessage}`);
     }
+    if (status === "optional-fail") {
+      this.log(`     \u21B3 Not implemented (recommended for enhanced UX)`);
+    }
   }
   /**
    * Report all failures with actionable context
@@ -89,6 +114,30 @@ ${"\u2500".repeat(60)}`);
       this.log("");
     });
   }
+  /**
+   * Report optional features that aren't implemented
+   */
+  reportOptionalSuggestions() {
+    const suggestions = this.dynamicResults.filter((r) => r.status === "optional-fail");
+    if (suggestions.length === 0) return;
+    this.log(`
+${"\u2500".repeat(60)}`);
+    this.log(`\u{1F4A1} Optional Enhancements (${suggestions.length}):
+`);
+    this.log(`These features are optional per APG guidelines but recommended`);
+    this.log(`for improved user experience and keyboard navigation:
+`);
+    suggestions.forEach((test, index) => {
+      this.log(`${index + 1}. ${test.description}`);
+      if (test.failureMessage) {
+        this.log(`   \u21B3 ${test.failureMessage}`);
+      }
+    });
+    this.log(`
+\u2728 Consider implementing these for better accessibility`);
+    this.log(`   Reference: ${this.apgUrl}
+`);
+  }
   /**
    * Report skipped tests with helpful context
    */
@@ -118,30 +167,40 @@ ${"\u2500".repeat(60)}`);
     const dynamicPasses = this.dynamicResults.filter((r) => r.status === "pass").length;
     const dynamicFailures = this.dynamicResults.filter((r) => r.status === "fail").length;
     this.skipped = this.dynamicResults.filter((r) => r.status === "skip").length;
+    this.optionalSuggestions = this.dynamicResults.filter((r) => r.status === "optional-fail").length;
     const totalPasses = this.staticPasses + dynamicPasses;
     const totalFailures = this.staticFailures + dynamicFailures;
     const totalRun = totalPasses + totalFailures;
     if (failures.length > 0) {
       this.reportFailures(failures);
     }
+    this.reportOptionalSuggestions();
     this.reportSkipped();
     this.log(`
 ${"\u2550".repeat(60)}`);
     this.log(`\u{1F4CA} Summary
 `);
-    if (totalFailures === 0 && this.skipped === 0) {
+    if (totalFailures === 0 && this.skipped === 0 && this.optionalSuggestions === 0) {
       this.log(`\u2705 All ${totalRun} tests passed!`);
       this.log(`   ${this.componentName} component meets APG and WCAG guidelines \u2713`);
     } else if (totalFailures === 0) {
-      this.log(`\u2705 ${totalPasses}/${totalRun} tests passed`);
-      this.log(`\u25CB  ${this.skipped} tests skipped (jsdom limitation)`);
-      this.log(`   ${this.componentName} component works correctly`);
+      this.log(`\u2705 ${totalPasses}/${totalRun} required tests passed`);
+      if (this.skipped > 0) {
+        this.log(`\u25CB  ${this.skipped} tests skipped (jsdom limitation)`);
+      }
+      if (this.optionalSuggestions > 0) {
+        this.log(`\u{1F4A1} ${this.optionalSuggestions} optional enhancement${this.optionalSuggestions > 1 ? "s" : ""} suggested`);
+      }
+      this.log(`   ${this.componentName} component meets required standards \u2713`);
     } else {
       this.log(`\u274C ${totalFailures} test${totalFailures > 1 ? "s" : ""} failed`);
       this.log(`\u2705 ${totalPasses} test${totalPasses > 1 ? "s" : ""} passed`);
       if (this.skipped > 0) {
         this.log(`\u25CB  ${this.skipped} test${this.skipped > 1 ? "s" : ""} skipped`);
       }
+      if (this.optionalSuggestions > 0) {
+        this.log(`\u{1F4A1} ${this.optionalSuggestions} optional enhancement${this.optionalSuggestions > 1 ? "s" : ""} suggested`);
+      }
     }
     this.log(`\u23F1\uFE0F  Duration: ${duration}ms`);
     this.log(`${"\u2550".repeat(60)}